1 line
308 KiB
JSON
1 line
308 KiB
JSON
{"ast":null,"code":"import * as i0 from '@angular/core';\nimport { Directive, Input, Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule, EventEmitter, ElementRef, ViewChild, Output, Injectable, InjectionToken, PLATFORM_ID, Inject, forwardRef, ViewContainerRef, Injector, HostListener, ViewChildren, Optional } from '@angular/core';\nimport * as i1 from '@angular/common';\nimport { CommonModule, isPlatformBrowser, DOCUMENT } from '@angular/common';\nimport * as i1$1 from '@angular/forms';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { takeUntil, distinctUntilChanged, filter, skip, take } from 'rxjs/operators';\nimport { Subject, BehaviorSubject, timer, fromEvent, ReplaySubject } from 'rxjs';\nconst _c0 = [\"*\"];\nconst _c1 = [\"gui-button\", \"\"];\nconst _c2 = a0 => ({\n \"gui-card-img\": a0\n});\nconst _c3 = a0 => ({\n \"gui-card-title\": a0\n});\nconst _c4 = a0 => ({\n \"gui-card-content-block\": a0\n});\nconst _c5 = a0 => ({\n \"gui-card-content-block-item\": a0\n});\nfunction FabricCardComponent_div_6_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 3);\n i0.ɵɵtext(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const block_r1 = ctx.$implicit;\n const ctx_r1 = i0.ɵɵnextContext();\n i0.ɵɵproperty(\"ngClass\", i0.ɵɵpureFunction1(2, _c5, ctx_r1.isContentBlockEnabled()));\n i0.ɵɵadvance();\n i0.ɵɵtextInterpolate1(\" \", block_r1, \" \");\n }\n}\nconst _c6 = [\"input\"];\nfunction FabricDatePickerDaysViewComponent_div_2_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\");\n i0.ɵɵtext(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const dayOfTheWeek_r1 = ctx.$implicit;\n i0.ɵɵadvance();\n i0.ɵɵtextInterpolate(dayOfTheWeek_r1);\n }\n}\nfunction FabricDatePickerDaysViewComponent_div_3_div_1_Template(rf, ctx) {\n if (rf & 1) {\n const _r2 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 6);\n i0.ɵɵlistener(\"click\", function FabricDatePickerDaysViewComponent_div_3_div_1_Template_div_click_0_listener() {\n const day_r3 = i0.ɵɵrestoreView(_r2).$implicit;\n const ctx_r3 = i0.ɵɵnextContext(2);\n return i0.ɵɵresetView(ctx_r3.selectDate(day_r3));\n });\n i0.ɵɵtext(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const day_r3 = ctx.$implicit;\n const ctx_r3 = i0.ɵɵnextContext(2);\n i0.ɵɵclassProp(\"gui-date-picker-current-day\", ctx_r3.isDate(ctx_r3.currentDay, day_r3))(\"gui-date-picker-selected-day\", ctx_r3.isDate(ctx_r3.selectedDate, day_r3))(\"gui-date-picker-selected-month\", ctx_r3.displayMonthDays(day_r3.getMonth()));\n i0.ɵɵadvance();\n i0.ɵɵtextInterpolate1(\" \", day_r3.getDate(), \" \");\n }\n}\nfunction FabricDatePickerDaysViewComponent_div_3_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 4);\n i0.ɵɵtemplate(1, FabricDatePickerDaysViewComponent_div_3_div_1_Template, 2, 7, \"div\", 5);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const week_r5 = ctx.$implicit;\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngForOf\", week_r5);\n }\n}\nfunction FabricDatePickerMonthsViewComponent_div_1_div_1_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 4);\n i0.ɵɵlistener(\"click\", function FabricDatePickerMonthsViewComponent_div_1_div_1_Template_div_click_0_listener() {\n const month_r2 = i0.ɵɵrestoreView(_r1).$implicit;\n const ctx_r2 = i0.ɵɵnextContext(2);\n return i0.ɵɵresetView(ctx_r2.selectMonth(month_r2.nr));\n });\n i0.ɵɵtext(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const month_r2 = ctx.$implicit;\n const ctx_r2 = i0.ɵɵnextContext(2);\n i0.ɵɵclassProp(\"gui-date-picker-current-month\", ctx_r2.isMonth(ctx_r2.currentDay, month_r2.nr))(\"gui-date-picker-selected-month\", ctx_r2.isMonth(ctx_r2.selectedDate, month_r2.nr));\n i0.ɵɵadvance();\n i0.ɵɵtextInterpolate1(\" \", month_r2.name, \" \");\n }\n}\nfunction FabricDatePickerMonthsViewComponent_div_1_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 2);\n i0.ɵɵtemplate(1, FabricDatePickerMonthsViewComponent_div_1_div_1_Template, 2, 5, \"div\", 3);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const quarter_r4 = ctx.$implicit;\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngForOf\", quarter_r4);\n }\n}\nfunction FabricDatePickerYearsComponent_div_1_div_1_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 4);\n i0.ɵɵlistener(\"click\", function FabricDatePickerYearsComponent_div_1_div_1_Template_div_click_0_listener() {\n const year_r2 = i0.ɵɵrestoreView(_r1).$implicit;\n const ctx_r2 = i0.ɵɵnextContext(2);\n return i0.ɵɵresetView(ctx_r2.selectYear(year_r2));\n });\n i0.ɵɵtext(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const year_r2 = ctx.$implicit;\n const ctx_r2 = i0.ɵɵnextContext(2);\n i0.ɵɵclassProp(\"gui-date-picker-current-year\", ctx_r2.isYear(ctx_r2.currentDay, year_r2))(\"gui-date-picker-selected-year\", ctx_r2.isYear(ctx_r2.selectedDate, year_r2));\n i0.ɵɵadvance();\n i0.ɵɵtextInterpolate1(\" \", year_r2, \" \");\n }\n}\nfunction FabricDatePickerYearsComponent_div_1_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 2);\n i0.ɵɵtemplate(1, FabricDatePickerYearsComponent_div_1_div_1_Template, 2, 5, \"div\", 3);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const yearsChunk_r4 = ctx.$implicit;\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngForOf\", yearsChunk_r4);\n }\n}\nconst _c7 = [\"gui-input\", \"\"];\nfunction FabricTimePickerComponent_div_1_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 4)(1, \"gui-arrow-icon\", 5);\n i0.ɵɵlistener(\"click\", function FabricTimePickerComponent_div_1_Template_gui_arrow_icon_click_1_listener() {\n i0.ɵɵrestoreView(_r1);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.changeTimeItem(\"hours\", ctx_r1.steps));\n });\n i0.ɵɵelementEnd();\n i0.ɵɵelement(2, \"input\", 6);\n i0.ɵɵelementStart(3, \"gui-arrow-icon\", 5);\n i0.ɵɵlistener(\"click\", function FabricTimePickerComponent_div_1_Template_gui_arrow_icon_click_3_listener() {\n i0.ɵɵrestoreView(_r1);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.changeTimeItem(\"hours\", -ctx_r1.steps));\n });\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n const ctx_r1 = i0.ɵɵnextContext();\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"direction\", ctx_r1.Direction.TOP);\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"direction\", ctx_r1.Direction.BOTTOM);\n }\n}\nfunction FabricTimePickerComponent_div_2_Template(rf, ctx) {\n if (rf & 1) {\n const _r3 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 4)(1, \"gui-arrow-icon\", 5);\n i0.ɵɵlistener(\"click\", function FabricTimePickerComponent_div_2_Template_gui_arrow_icon_click_1_listener() {\n i0.ɵɵrestoreView(_r3);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.changeTimeItem(\"minutes\", ctx_r1.steps));\n });\n i0.ɵɵelementEnd();\n i0.ɵɵelement(2, \"input\", 7);\n i0.ɵɵelementStart(3, \"gui-arrow-icon\", 5);\n i0.ɵɵlistener(\"click\", function FabricTimePickerComponent_div_2_Template_gui_arrow_icon_click_3_listener() {\n i0.ɵɵrestoreView(_r3);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.changeTimeItem(\"minutes\", -ctx_r1.steps));\n });\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n const ctx_r1 = i0.ɵɵnextContext();\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"direction\", ctx_r1.Direction.TOP);\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"direction\", ctx_r1.Direction.BOTTOM);\n }\n}\nfunction FabricTimePickerComponent_div_3_Template(rf, ctx) {\n if (rf & 1) {\n const _r4 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 4)(1, \"gui-arrow-icon\", 5);\n i0.ɵɵlistener(\"click\", function FabricTimePickerComponent_div_3_Template_gui_arrow_icon_click_1_listener() {\n i0.ɵɵrestoreView(_r4);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.changeTimeItem(\"seconds\", ctx_r1.steps));\n });\n i0.ɵɵelementEnd();\n i0.ɵɵelement(2, \"input\", 8);\n i0.ɵɵelementStart(3, \"gui-arrow-icon\", 5);\n i0.ɵɵlistener(\"click\", function FabricTimePickerComponent_div_3_Template_gui_arrow_icon_click_3_listener() {\n i0.ɵɵrestoreView(_r4);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.changeTimeItem(\"seconds\", -ctx_r1.steps));\n });\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n const ctx_r1 = i0.ɵɵnextContext();\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"direction\", ctx_r1.Direction.TOP);\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"direction\", ctx_r1.Direction.BOTTOM);\n }\n}\nfunction FabricDatePickerCalendarComponent_ng_container_0_gui_date_picker_days_view_3_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelement(0, \"gui-date-picker-days-view\", 7);\n }\n if (rf & 2) {\n const ctx_r0 = i0.ɵɵnextContext(2);\n i0.ɵɵproperty(\"activeMonth\", ctx_r0.activeMonth)(\"selectedDate\", ctx_r0.selectedDate)(\"weeks\", ctx_r0.weeks);\n }\n}\nfunction FabricDatePickerCalendarComponent_ng_container_0_gui_date_picker_months_view_4_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelement(0, \"gui-date-picker-months-view\", 8);\n }\n if (rf & 2) {\n const ctx_r0 = i0.ɵɵnextContext(2);\n i0.ɵɵproperty(\"activeYear\", ctx_r0.activeYear)(\"selectedDate\", ctx_r0.selectedDate);\n }\n}\nfunction FabricDatePickerCalendarComponent_ng_container_0_gui_date_picker_years_view_5_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelement(0, \"gui-date-picker-years-view\", 9);\n }\n if (rf & 2) {\n const ctx_r0 = i0.ɵɵnextContext(2);\n i0.ɵɵproperty(\"selectedDate\", ctx_r0.selectedDate)(\"years\", ctx_r0.years);\n }\n}\nfunction FabricDatePickerCalendarComponent_ng_container_0_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementContainerStart(0);\n i0.ɵɵelement(1, \"gui-date-picker-view-panel\", 2);\n i0.ɵɵelementContainerStart(2, 3);\n i0.ɵɵtemplate(3, FabricDatePickerCalendarComponent_ng_container_0_gui_date_picker_days_view_3_Template, 1, 3, \"gui-date-picker-days-view\", 4)(4, FabricDatePickerCalendarComponent_ng_container_0_gui_date_picker_months_view_4_Template, 1, 2, \"gui-date-picker-months-view\", 5)(5, FabricDatePickerCalendarComponent_ng_container_0_gui_date_picker_years_view_5_Template, 1, 2, \"gui-date-picker-years-view\", 6);\n i0.ɵɵelementContainerEnd()();\n }\n if (rf & 2) {\n const ctx_r0 = i0.ɵɵnextContext();\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"activeMonth\", ctx_r0.activeMonth)(\"activeYear\", ctx_r0.activeYear)(\"fabricCalendarView\", ctx_r0.fabricCalendarView)(\"selectedDate\", ctx_r0.selectedDate)(\"years\", ctx_r0.years);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngSwitch\", ctx_r0.getCalendarView());\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngSwitchCase\", ctx_r0.FabricCalendarView.DAYS);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngSwitchCase\", ctx_r0.FabricCalendarView.MONTHS);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngSwitchCase\", ctx_r0.FabricCalendarView.YEARS);\n }\n}\nfunction FabricDatePickerCalendarComponent_gui_time_picker_1_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelement(0, \"gui-time-picker\", 10);\n }\n if (rf & 2) {\n const ctx_r0 = i0.ɵɵnextContext();\n i0.ɵɵproperty(\"datePickerComposition\", ctx_r0.datePickerComposition)(\"selectedDate\", ctx_r0.selectedDate);\n }\n}\nconst _c8 = [\"container\"];\nfunction FabricInlineDialogComponent_ng_template_2_Template(rf, ctx) {}\nconst _c9 = [\"datePicker\"];\nfunction FabricDrawerComponent_ng_template_3_Template(rf, ctx) {}\nconst _c10 = [\"dropdownMenu\"];\nfunction FabricDropdownComponent_div_4_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\");\n i0.ɵɵelement(1, \"gui-arrow-icon\", 6);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const ctx_r1 = i0.ɵɵnextContext();\n i0.ɵɵclassProp(\"gui-dropdown-arrow\", ctx_r1.isArrowEnabled);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"direction\", ctx_r1.arrowDirection);\n }\n}\nfunction FabricDialogComponent_ng_template_3_Template(rf, ctx) {}\nconst _c11 = [\"guiNotification\"];\nfunction FabricNotificationsContainerComponent_gui_notification_0_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"gui-notification\", 1);\n i0.ɵɵlistener(\"onNotificationClose\", function FabricNotificationsContainerComponent_gui_notification_0_Template_gui_notification_onNotificationClose_0_listener($event) {\n i0.ɵɵrestoreView(_r1);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.emitClosedNotification($event));\n });\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const notification_r3 = ctx.$implicit;\n i0.ɵɵproperty(\"notification\", notification_r3);\n }\n}\nfunction FabricNotificationsOverlayComponent_gui_notifications_container_0_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"gui-notifications-container\", 1);\n i0.ɵɵlistener(\"onNotificationClose\", function FabricNotificationsOverlayComponent_gui_notifications_container_0_Template_gui_notifications_container_onNotificationClose_0_listener($event) {\n i0.ɵɵrestoreView(_r1);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.removeNotification($event));\n });\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const ctx_r1 = i0.ɵɵnextContext();\n i0.ɵɵproperty(\"notifications\", ctx_r1.notificationsTopRight)(\"position\", ctx_r1.FabricNotificationPosition.TOP_RIGHT);\n }\n}\nfunction FabricNotificationsOverlayComponent_gui_notifications_container_1_Template(rf, ctx) {\n if (rf & 1) {\n const _r3 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"gui-notifications-container\", 1);\n i0.ɵɵlistener(\"onNotificationClose\", function FabricNotificationsOverlayComponent_gui_notifications_container_1_Template_gui_notifications_container_onNotificationClose_0_listener($event) {\n i0.ɵɵrestoreView(_r3);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.removeNotification($event));\n });\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const ctx_r1 = i0.ɵɵnextContext();\n i0.ɵɵproperty(\"notifications\", ctx_r1.notificationsTopLeft)(\"position\", ctx_r1.FabricNotificationPosition.TOP_LEFT);\n }\n}\nfunction FabricNotificationsOverlayComponent_gui_notifications_container_2_Template(rf, ctx) {\n if (rf & 1) {\n const _r4 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"gui-notifications-container\", 1);\n i0.ɵɵlistener(\"onNotificationClose\", function FabricNotificationsOverlayComponent_gui_notifications_container_2_Template_gui_notifications_container_onNotificationClose_0_listener($event) {\n i0.ɵɵrestoreView(_r4);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.removeNotification($event));\n });\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const ctx_r1 = i0.ɵɵnextContext();\n i0.ɵɵproperty(\"notifications\", ctx_r1.notificationsBottomRight)(\"position\", ctx_r1.FabricNotificationPosition.BOTTOM_RIGHT);\n }\n}\nfunction FabricNotificationsOverlayComponent_gui_notifications_container_3_Template(rf, ctx) {\n if (rf & 1) {\n const _r5 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"gui-notifications-container\", 1);\n i0.ɵɵlistener(\"onNotificationClose\", function FabricNotificationsOverlayComponent_gui_notifications_container_3_Template_gui_notifications_container_onNotificationClose_0_listener($event) {\n i0.ɵɵrestoreView(_r5);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.removeNotification($event));\n });\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const ctx_r1 = i0.ɵɵnextContext();\n i0.ɵɵproperty(\"notifications\", ctx_r1.notificationsBottomLeft)(\"position\", ctx_r1.FabricNotificationPosition.BOTTOM_LEFT);\n }\n}\nconst _c12 = [\"svgEl\"];\nconst _c13 = [\"tab\"];\nconst _c14 = [\"tabItem\"];\nconst _c15 = [\"tabMenuList\"];\nfunction FabricTabComponent_div_3_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 8);\n i0.ɵɵlistener(\"click\", function FabricTabComponent_div_3_Template_div_click_0_listener() {\n i0.ɵɵrestoreView(_r1);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.scrollTabList(false));\n });\n i0.ɵɵelement(1, \"gui-arrow-icon\", 9);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const ctx_r1 = i0.ɵɵnextContext();\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"direction\", ctx_r1.Direction.LEFT);\n }\n}\nfunction FabricTabComponent_div_5_span_2_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"span\");\n i0.ɵɵtext(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const tab_r4 = i0.ɵɵnextContext().$implicit;\n i0.ɵɵadvance();\n i0.ɵɵtextInterpolate(tab_r4);\n }\n}\nfunction FabricTabComponent_div_5_ng_container_3_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementContainerStart(0);\n i0.ɵɵelement(1, \"gui-svg-template\", 12);\n i0.ɵɵelementContainerEnd();\n }\n if (rf & 2) {\n const tab_r4 = i0.ɵɵnextContext().$implicit;\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"svg\", tab_r4.svg);\n }\n}\nfunction FabricTabComponent_div_5_Template(rf, ctx) {\n if (rf & 1) {\n const _r3 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 10, 2);\n i0.ɵɵlistener(\"click\", function FabricTabComponent_div_5_Template_div_click_0_listener() {\n const tab_r4 = i0.ɵɵrestoreView(_r3).$implicit;\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.toggleTab(tab_r4));\n });\n i0.ɵɵtemplate(2, FabricTabComponent_div_5_span_2_Template, 2, 1, \"span\", 11)(3, FabricTabComponent_div_5_ng_container_3_Template, 2, 1, \"ng-container\", 11);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const tab_r4 = ctx.$implicit;\n const ctx_r1 = i0.ɵɵnextContext();\n i0.ɵɵattribute(\"data-tab\", ctx_r1.getTabName(tab_r4));\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"ngIf\", !ctx_r1.isSvg(tab_r4));\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx_r1.isSvg(tab_r4));\n }\n}\nfunction FabricTabComponent_div_6_Template(rf, ctx) {\n if (rf & 1) {\n const _r5 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 8);\n i0.ɵɵlistener(\"click\", function FabricTabComponent_div_6_Template_div_click_0_listener() {\n i0.ɵɵrestoreView(_r5);\n const ctx_r1 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r1.scrollTabList(true));\n });\n i0.ɵɵelement(1, \"gui-arrow-icon\");\n i0.ɵɵelementEnd();\n }\n}\nconst _c16 = [\"optionList\"];\nfunction FabricSelectOptionsComponent_div_2_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 3);\n i0.ɵɵlistener(\"click\", function FabricSelectOptionsComponent_div_2_Template_div_click_0_listener() {\n const option_r2 = i0.ɵɵrestoreView(_r1).$implicit;\n const ctx_r2 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r2.selectOption(option_r2));\n });\n i0.ɵɵtext(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const option_r2 = ctx.$implicit;\n const ctx_r2 = i0.ɵɵnextContext();\n i0.ɵɵstyleProp(\"width\", ctx_r2.width, \"px\");\n i0.ɵɵclassProp(\"gui-option-selected\", ctx_r2.isOptionSelected(option_r2));\n i0.ɵɵadvance();\n i0.ɵɵtextInterpolate1(\" \", ctx_r2.getOptionValue(option_r2), \" \");\n }\n}\nfunction FabricRatingComponent_gui_star_icon_1_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"gui-star-icon\", 2);\n i0.ɵɵlistener(\"click\", function FabricRatingComponent_gui_star_icon_1_Template_gui_star_icon_click_0_listener() {\n const star_r2 = i0.ɵɵrestoreView(_r1).$implicit;\n const ctx_r2 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r2.changeRating(star_r2));\n })(\"mouseenter\", function FabricRatingComponent_gui_star_icon_1_Template_gui_star_icon_mouseenter_0_listener() {\n const star_r2 = i0.ɵɵrestoreView(_r1).$implicit;\n const ctx_r2 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r2.changePreviewRating(star_r2));\n })(\"mouseleave\", function FabricRatingComponent_gui_star_icon_1_Template_gui_star_icon_mouseleave_0_listener() {\n i0.ɵɵrestoreView(_r1);\n const ctx_r2 = i0.ɵɵnextContext();\n return i0.ɵɵresetView(ctx_r2.changePreviewRating(0));\n });\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n const star_r2 = ctx.$implicit;\n const ctx_r2 = i0.ɵɵnextContext();\n i0.ɵɵclassProp(\"star-icon-gray\", ctx_r2.isRating(star_r2, ctx_r2.rating))(\"star-icon-hover\", ctx_r2.isRating(ctx_r2.previewRating, star_r2));\n }\n}\nvar Theme = /*#__PURE__*/function (Theme) {\n Theme[\"FABRIC\"] = \"FABRIC\";\n Theme[\"MATERIAL\"] = \"MATERIAL\";\n Theme[\"GENERIC\"] = \"GENERIC\";\n Theme[\"LIGHT\"] = \"LIGHT\";\n Theme[\"DARK\"] = \"DARK\";\n return Theme;\n}(Theme || {});\nlet Indicator = /*#__PURE__*/(() => {\n class Indicator {\n elementRef;\n renderer;\n static PRIMARY_CLASS_NAME = 'gui-primary';\n static SECONDARY_CLASS_NAME = 'gui-secondary';\n static OUTLINE_CLASS_NAME = 'gui-outline';\n primary = false;\n secondary = false;\n outline = false;\n constructor(elementRef, renderer) {\n this.elementRef = elementRef;\n this.renderer = renderer;\n }\n ngOnChanges(changes) {\n if (changes['primary']) {\n if (this.primary) {\n this.addClass(Indicator.PRIMARY_CLASS_NAME);\n } else {\n this.removeClass(Indicator.PRIMARY_CLASS_NAME);\n }\n }\n if (changes['secondary']) {\n if (this.secondary) {\n this.addClass(Indicator.SECONDARY_CLASS_NAME);\n } else {\n this.removeClass(Indicator.SECONDARY_CLASS_NAME);\n }\n }\n if (changes['outline']) {\n if (this.outline) {\n this.addClass(Indicator.OUTLINE_CLASS_NAME);\n } else {\n this.removeClass(Indicator.OUTLINE_CLASS_NAME);\n }\n }\n }\n addClass(className) {\n this.renderer.addClass(this.elementRef.nativeElement, className);\n }\n removeClass(className) {\n this.renderer.removeClass(this.elementRef.nativeElement, className);\n }\n static ɵfac = function Indicator_Factory(t) {\n return new (t || Indicator)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: Indicator,\n inputs: {\n primary: \"primary\",\n secondary: \"secondary\",\n outline: \"outline\"\n },\n features: [i0.ɵɵNgOnChangesFeature]\n });\n }\n return Indicator;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricBadgeComponent = /*#__PURE__*/(() => {\n class FabricBadgeComponent extends Indicator {\n constructor(elementRef, renderer) {\n super(elementRef, renderer);\n }\n static ɵfac = function FabricBadgeComponent_Factory(t) {\n return new (t || FabricBadgeComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricBadgeComponent,\n selectors: [[\"gui-badge\"]],\n hostVars: 2,\n hostBindings: function FabricBadgeComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-badge\", true);\n }\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n ngContentSelectors: _c0,\n decls: 1,\n vars: 0,\n template: function FabricBadgeComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵprojection(0);\n }\n },\n styles: [\".gui-badge{background:#e6e6e6;border-radius:4px;color:#595959;display:inline-block;font-family:Arial;font-size:12px;font-weight:700;margin:0 0 0 2px;padding:4px 9.6px;position:relative;-ms-transform:translateX(-70%) translateY(-80%);transform:translate(-70%) translateY(-80%);z-index:1}.gui-badge.gui-primary{background:#2185d0;color:#fff}.gui-badge.gui-primary.gui-outline{color:#2185d0}.gui-badge.gui-primary:hover:not(.gui-chip,.gui-badge){background:#1e77ba}.gui-badge.gui-primary:active{background:#1a69a4;color:#fff}.gui-badge.gui-primary:disabled{background:#6fb4e8;color:#439de1}.gui-badge.gui-primary.gui-badge{background:#439de1}.gui-badge.gui-secondary{background:#3cb371;color:#fff}.gui-badge.gui-secondary.gui-outline{color:#3cb371}.gui-badge.gui-secondary.gui-button:hover{background:#36a065}.gui-badge.gui-secondary.gui-button:active{background:#32945e;color:#fff}.gui-badge.gui-secondary.gui-button:disabled{background:#80d5a6;color:#5ac88b}.gui-badge.gui-secondary.gui-badge{background:#5ac88b}.gui-badge.gui-outline{background:transparent;color:#999;border-color:#d6d6d6;border-style:solid;border-width:1px}.gui-badge.gui-outline.gui-button:hover{background:#cccccc;color:#fff}.gui-badge.gui-outline.gui-button:disabled{border-color:#ccc;color:#ccc}.gui-badge.gui-outline.gui-badge{background:#fff}.gui-badge.gui-outline.gui-primary{border-color:#439de1}.gui-badge.gui-outline.gui-primary.gui-button:hover{background:#2185d0;border-color:#2185d0}.gui-badge.gui-outline.gui-primary.gui-button:disabled{background:transparent;border-color:#6fb4e8;color:#6fb4e8}.gui-badge.gui-outline.gui-primary.gui-badge{background:#fff;border-color:#439de1;color:#439de1}.gui-badge.gui-outline.gui-secondary{border-color:#5ac88b}.gui-badge.gui-outline.gui-secondary.gui-button:hover{background:#3cb371;border-color:#3cb371}.gui-badge.gui-outline.gui-secondary.gui-button:disabled{background:transparent;border-color:#80d5a6;color:#80d5a6}.gui-badge.gui-outline.gui-secondary.gui-badge{background:#fff;border-color:#5ac88b;color:#5ac88b}\\n\", \".gui-material .gui-badge{background:#3949ab;color:#fff;font-family:Roboto,Helvetica Neue,sans-serif;font-weight:500}.gui-material .gui-badge.gui-primary{background:#6200ee;color:#fff}.gui-material .gui-badge.gui-primary.gui-outline{color:#6200ee}.gui-material .gui-badge.gui-primary.gui-button:hover{background:#974dff}.gui-material .gui-badge.gui-primary.gui-button:active{background:#791aff;color:#fff}.gui-material .gui-badge.gui-primary.gui-button:disabled{background:#d1c4e9;color:#7d22ff}.gui-material .gui-badge.gui-primary.gui-badge{background:#6200ee}.gui-material .gui-badge.gui-secondary{background:#0097a7;color:#fff}.gui-material .gui-badge.gui-secondary.gui-outline{color:#0097a7}.gui-material .gui-badge.gui-secondary.gui-button:hover{background:#00a1b3}.gui-material .gui-badge.gui-secondary.gui-button:active{background:#00808e;color:#fff}.gui-material .gui-badge.gui-secondary.gui-button:disabled{background:#b2ebf2;color:#00c5da}.gui-material .gui-badge.gui-secondary.gui-badge{background:#0097a7}.gui-material .gui-badge.gui-outline{background:transparent;color:#3949ab;border-color:#5262c5}.gui-material .gui-badge.gui-outline.gui-button:hover{background:#e8eaf6;color:#3949ab}.gui-material .gui-badge.gui-outline.gui-button:active{background:#c5cae9}.gui-material .gui-badge.gui-outline.gui-button:disabled{border-color:#c5cae9;color:#c5cae9}.gui-material .gui-badge.gui-outline.gui-badge{background:#fff}.gui-material .gui-badge.gui-outline.gui-primary{border-color:#6200ee}.gui-material .gui-badge.gui-outline.gui-primary.gui-button:hover{background:#ede7f6;border-color:#6200ee;color:#6200ee}.gui-material .gui-badge.gui-outline.gui-primary.gui-button:active{background:#d1c4e9}.gui-material .gui-badge.gui-outline.gui-primary.gui-button:disabled{background:transparent;border-color:#d1c4e9;color:#d1c4e9}.gui-material .gui-badge.gui-outline.gui-primary.gui-badge{background:#fff;border-color:#6200ee;color:#7d22ff}.gui-material .gui-badge.gui-outline.gui-secondary{border-color:#0097a7}.gui-material .gui-badge.gui-outline.gui-secondary.gui-button:hover{background:#e0f7fa;border-color:#0097a7;color:#0097a7}.gui-material .gui-badge.gui-outline.gui-secondary.gui-button:active{background:#b2ebf2}.gui-material .gui-badge.gui-outline.gui-secondary.gui-button:disabled{background:transparent;border-color:#b2ebf2;color:#b2ebf2}.gui-material .gui-badge.gui-outline.gui-secondary.gui-badge{background:#fff;border-color:#0097a7;color:#0097a7}\\n\", \".gui-dark .gui-badge{background:#333;color:#bdbdbd}.gui-dark .gui-badge.gui-primary{background:#ce93d8;color:#212121}.gui-dark .gui-badge.gui-primary.gui-outline{color:#ce93d8}.gui-dark .gui-badge.gui-primary.gui-button:hover{background:#c680d1}.gui-dark .gui-badge.gui-primary.gui-button:active{background:#b55bc4;color:#212121}.gui-dark .gui-badge.gui-primary.gui-button:disabled{background:#ce93d8;color:#212121;opacity:.5}.gui-dark .gui-badge.gui-primary.gui-badge{background:#dfb8e6}.gui-dark .gui-badge.gui-secondary{background:#80cbc4;color:#212121}.gui-dark .gui-badge.gui-secondary.gui-outline{color:#80cbc4}.gui-dark .gui-badge.gui-secondary.gui-button:hover{background:#6ec4bc}.gui-dark .gui-badge.gui-secondary.gui-button:active{background:#26a69a;color:#212121}.gui-dark .gui-badge.gui-secondary.gui-button:disabled{background:#80cbc4;color:#212121;opacity:.5}.gui-dark .gui-badge.gui-secondary.gui-badge{background:#a4dad5}.gui-dark .gui-badge.gui-outline{background:transparent;color:#bdbdbd;border-color:#616161;border-style:solid;border-width:1px}.gui-dark .gui-badge.gui-outline.gui-button:hover{background:#616161;color:#bdbdbd}.gui-dark .gui-badge.gui-outline.gui-badge{background:#121212}.gui-dark .gui-badge.gui-outline.gui-primary{border-color:#ce93d8}.gui-dark .gui-badge.gui-outline.gui-primary.gui-button:hover{background:#ce93d8;border-color:#ce93d8;color:#212121}.gui-dark .gui-badge.gui-outline.gui-primary.gui-button:disabled{background:transparent;border-color:#f0def3;color:#f0def3}.gui-dark .gui-badge.gui-outline.gui-primary.gui-badge{background:#121212;border-color:#ce93d8;color:#dfb8e6}.gui-dark .gui-badge.gui-outline.gui-secondary{border-color:#80cbc4}.gui-dark .gui-badge.gui-outline.gui-secondary.gui-button:hover{background:#80cbc4;border-color:#80cbc4;color:#212121}.gui-dark .gui-badge.gui-outline.gui-secondary.gui-button:disabled{background:transparent;border-color:#b2ebf2;color:#b2ebf2}.gui-dark .gui-badge.gui-outline.gui-secondary.gui-badge{background:#121212;border-color:#80cbc4;color:#80cbc4}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricBadgeComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricBadgeModule = /*#__PURE__*/(() => {\n class FabricBadgeModule {\n static ɵfac = function FabricBadgeModule_Factory(t) {\n return new (t || FabricBadgeModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricBadgeModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricBadgeModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricButtonComponent = /*#__PURE__*/(() => {\n class FabricButtonComponent extends Indicator {\n link = false;\n text = false;\n constructor(elementRef, renderer) {\n super(elementRef, renderer);\n }\n ngOnChanges(changes) {\n super.ngOnChanges(changes);\n if (changes['link']) {\n if (this.link) {\n this.addClass('gui-link');\n } else {\n this.removeClass('gui-link');\n }\n }\n if (changes['text']) {\n if (this.text) {\n this.addClass('gui-text');\n } else {\n this.removeClass('gui-text');\n }\n }\n }\n static ɵfac = function FabricButtonComponent_Factory(t) {\n return new (t || FabricButtonComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricButtonComponent,\n selectors: [[\"button\", \"gui-button\", \"\"], [\"a\", \"gui-button\", \"\"]],\n hostVars: 2,\n hostBindings: function FabricButtonComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-button\", true);\n }\n },\n inputs: {\n link: \"link\",\n text: \"text\"\n },\n features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature],\n attrs: _c1,\n ngContentSelectors: _c0,\n decls: 1,\n vars: 0,\n template: function FabricButtonComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵprojection(0);\n }\n },\n styles: [\".gui-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:start;align-items:flex-start;background:#e6e6e6;border-radius:4px;border-style:none;box-sizing:border-box;color:#595959;cursor:pointer;display:inline-block;font-family:Arial;font-size:13.3333px;letter-spacing:normal;outline:none;padding:10px 20px;text-align:center;text-indent:0;text-rendering:auto;text-shadow:none;text-transform:none;transition:background .2s;word-spacing:normal;-ms-writing-mode:lr-tb!important;writing-mode:horizontal-tb!important}.gui-button.gui-outline:focus{box-shadow:0 0 0 2px #d6d6d6}.gui-button.gui-outline.gui-primary:focus{box-shadow:0 0 0 2px #439de1}.gui-button.gui-outline.gui-secondary:focus{box-shadow:0 0 0 2px #5ac88b}.gui-button.gui-primary{background:#2185d0;color:#fff}.gui-button.gui-primary.gui-outline{color:#2185d0}.gui-button.gui-primary:hover:not(.gui-chip,.gui-badge){background:#1e77ba}.gui-button.gui-primary:active{background:#1a69a4;color:#fff}.gui-button.gui-primary:disabled{background:#6fb4e8;color:#439de1}.gui-button.gui-primary.gui-badge{background:#439de1}.gui-button.gui-secondary{background:#3cb371;color:#fff}.gui-button.gui-secondary.gui-outline{color:#3cb371}.gui-button.gui-secondary.gui-button:hover{background:#36a065}.gui-button.gui-secondary.gui-button:active{background:#32945e;color:#fff}.gui-button.gui-secondary.gui-button:disabled{background:#80d5a6;color:#5ac88b}.gui-button.gui-secondary.gui-badge{background:#5ac88b}.gui-button.gui-link{background:transparent;border:0;color:#2185d0}.gui-button.gui-link:hover{background:none;color:#1e77ba;text-decoration:underline}.gui-button.gui-link:focus{text-decoration:underline}.gui-button.gui-outline{background:transparent;color:#999;border-color:#d6d6d6;border-style:solid;border-width:1px}.gui-button.gui-outline.gui-button:hover{background:#cccccc;color:#fff}.gui-button.gui-outline.gui-button:disabled{border-color:#ccc;color:#ccc}.gui-button.gui-outline.gui-badge{background:#fff}.gui-button.gui-outline.gui-primary{border-color:#439de1}.gui-button.gui-outline.gui-primary.gui-button:hover{background:#2185d0;border-color:#2185d0}.gui-button.gui-outline.gui-primary.gui-button:disabled{background:transparent;border-color:#6fb4e8;color:#6fb4e8}.gui-button.gui-outline.gui-primary.gui-badge{background:#fff;border-color:#439de1;color:#439de1}.gui-button.gui-outline.gui-secondary{border-color:#5ac88b}.gui-button.gui-outline.gui-secondary.gui-button:hover{background:#3cb371;border-color:#3cb371}.gui-button.gui-outline.gui-secondary.gui-button:disabled{background:transparent;border-color:#80d5a6;color:#80d5a6}.gui-button.gui-outline.gui-secondary.gui-badge{background:#fff;border-color:#5ac88b;color:#5ac88b}.gui-button.gui-text{background:transparent;border:0}.gui-button.gui-text:hover{background:#e6e6e6}.gui-button.gui-text:focus{background:#e6e6e6}.gui-button.gui-text.gui-primary{color:#2185d0}.gui-button.gui-text.gui-primary:hover{background:#2185d0;color:#fff}.gui-button.gui-text.gui-primary:focus{background:#2185d0;color:#fff}.gui-button.gui-text.gui-secondary{color:#3cb371}.gui-button.gui-text.gui-secondary:hover{background:#3cb371;color:#fff}.gui-button.gui-text.gui-secondary:focus{background:#3cb371;color:#fff}.gui-button.gui-text.gui-button:disabled{background:transparent}.gui-button.gui-text.gui-button:disabled .gui-text-disabled{display:inline-block}.gui-button:hover{background:#cccccc;color:#333}.gui-button:active{background:#999;color:#333}.gui-button:disabled{color:#ccc;cursor:default;pointer-events:none}\\n\", \".gui-dark .gui-button{background:#424242;color:#bdbdbd}.gui-dark .gui-button.gui-outline:focus{box-shadow:0 0 0 2px #616161}.gui-dark .gui-button.gui-outline.gui-primary:focus{box-shadow:0 0 0 2px #ce93d8}.gui-dark .gui-button.gui-outline.gui-secondary:focus{box-shadow:0 0 0 2px #80cbc4}.gui-dark .gui-button.gui-primary{background:#ce93d8;color:#212121}.gui-dark .gui-button.gui-primary.gui-outline{color:#ce93d8}.gui-dark .gui-button.gui-primary.gui-button:hover{background:#c680d1}.gui-dark .gui-button.gui-primary.gui-button:active{background:#b55bc4;color:#212121}.gui-dark .gui-button.gui-primary.gui-button:disabled{background:#ce93d8;color:#212121;opacity:.5}.gui-dark .gui-button.gui-primary.gui-badge{background:#dfb8e6}.gui-dark .gui-button.gui-secondary{background:#80cbc4;color:#212121}.gui-dark .gui-button.gui-secondary.gui-outline{color:#80cbc4}.gui-dark .gui-button.gui-secondary.gui-button:hover{background:#6ec4bc}.gui-dark .gui-button.gui-secondary.gui-button:active{background:#26a69a;color:#212121}.gui-dark .gui-button.gui-secondary.gui-button:disabled{background:#80cbc4;color:#212121;opacity:.5}.gui-dark .gui-button.gui-secondary.gui-badge{background:#a4dad5}.gui-dark .gui-button.gui-link{background:transparent;border:0;color:#2185d0}.gui-dark .gui-button.gui-link:hover{background:none;color:#1e77ba;text-decoration:underline}.gui-dark .gui-button.gui-link:focus{text-decoration:underline}.gui-dark .gui-button.gui-outline{background:transparent;color:#bdbdbd;border-color:#616161;border-style:solid;border-width:1px}.gui-dark .gui-button.gui-outline.gui-button:hover{background:#616161;color:#bdbdbd}.gui-dark .gui-button.gui-outline.gui-badge{background:#121212}.gui-dark .gui-button.gui-outline.gui-primary{border-color:#ce93d8}.gui-dark .gui-button.gui-outline.gui-primary.gui-button:hover{background:#ce93d8;border-color:#ce93d8;color:#212121}.gui-dark .gui-button.gui-outline.gui-primary.gui-button:disabled{background:transparent;border-color:#f0def3;color:#f0def3}.gui-dark .gui-button.gui-outline.gui-primary.gui-badge{background:#121212;border-color:#ce93d8;color:#dfb8e6}.gui-dark .gui-button.gui-outline.gui-secondary{border-color:#80cbc4}.gui-dark .gui-button.gui-outline.gui-secondary.gui-button:hover{background:#80cbc4;border-color:#80cbc4;color:#212121}.gui-dark .gui-button.gui-outline.gui-secondary.gui-button:disabled{background:transparent;border-color:#b2ebf2;color:#b2ebf2}.gui-dark .gui-button.gui-outline.gui-secondary.gui-badge{background:#121212;border-color:#80cbc4;color:#80cbc4}.gui-dark .gui-button:hover{background:#616161}.gui-dark .gui-button:active{background:#212121}.gui-dark .gui-button:disabled{opacity:.36}\\n\", \".gui-light .gui-button{background:#f6f5f4;border-color:#d8d7d6;color:#333;font-family:Roboto,Helvetica Neue,sans-serif}.gui-light .gui-button.gui-link{background:transparent;border:0;color:#2185d0}.gui-light .gui-button.gui-link:hover{background:none;color:#1e77ba;text-decoration:underline}.gui-light .gui-button.gui-link:focus{text-decoration:underline}.gui-light .gui-button:hover{background:#ecebeb}.gui-light .gui-button:active{background:#f6f5f4}.gui-light .gui-button:disabled{opacity:.5}\\n\", \".gui-material .gui-button{background:#3949ab;color:#fff;font-family:Roboto,Helvetica Neue,sans-serif;font-weight:500;padding:10px 16px}.gui-material .gui-button.gui-outline:focus{box-shadow:0 0 0 1px #5262c5}.gui-material .gui-button.gui-outline.gui-primary:focus{box-shadow:0 0 0 1px #6200ee}.gui-material .gui-button.gui-outline.gui-secondary:focus{box-shadow:0 0 0 1px #0097a7}.gui-material .gui-button.gui-primary{background:#6200ee;color:#fff}.gui-material .gui-button.gui-primary.gui-outline{color:#6200ee}.gui-material .gui-button.gui-primary.gui-button:hover{background:#974dff}.gui-material .gui-button.gui-primary.gui-button:active{background:#791aff;color:#fff}.gui-material .gui-button.gui-primary.gui-button:disabled{background:#d1c4e9;color:#7d22ff}.gui-material .gui-button.gui-primary.gui-badge{background:#6200ee}.gui-material .gui-button.gui-secondary{background:#0097a7;color:#fff}.gui-material .gui-button.gui-secondary.gui-outline{color:#0097a7}.gui-material .gui-button.gui-secondary.gui-button:hover{background:#00a1b3}.gui-material .gui-button.gui-secondary.gui-button:active{background:#00808e;color:#fff}.gui-material .gui-button.gui-secondary.gui-button:disabled{background:#b2ebf2;color:#00c5da}.gui-material .gui-button.gui-secondary.gui-badge{background:#0097a7}.gui-material .gui-button.gui-link{background:transparent;border:0;color:#3949ab}.gui-material .gui-button.gui-link:hover{color:#4051bf}.gui-material .gui-button.gui-outline{background:transparent;color:#3949ab;border-color:#5262c5}.gui-material .gui-button.gui-outline.gui-button:hover{background:#e8eaf6;color:#3949ab}.gui-material .gui-button.gui-outline.gui-button:active{background:#c5cae9}.gui-material .gui-button.gui-outline.gui-button:disabled{border-color:#c5cae9;color:#c5cae9}.gui-material .gui-button.gui-outline.gui-badge{background:#fff}.gui-material .gui-button.gui-outline.gui-primary{border-color:#6200ee}.gui-material .gui-button.gui-outline.gui-primary.gui-button:hover{background:#ede7f6;border-color:#6200ee;color:#6200ee}.gui-material .gui-button.gui-outline.gui-primary.gui-button:active{background:#d1c4e9}.gui-material .gui-button.gui-outline.gui-primary.gui-button:disabled{background:transparent;border-color:#d1c4e9;color:#d1c4e9}.gui-material .gui-button.gui-outline.gui-primary.gui-badge{background:#fff;border-color:#6200ee;color:#7d22ff}.gui-material .gui-button.gui-outline.gui-secondary{border-color:#0097a7}.gui-material .gui-button.gui-outline.gui-secondary.gui-button:hover{background:#e0f7fa;border-color:#0097a7;color:#0097a7}.gui-material .gui-button.gui-outline.gui-secondary.gui-button:active{background:#b2ebf2}.gui-material .gui-button.gui-outline.gui-secondary.gui-button:disabled{background:transparent;border-color:#b2ebf2;color:#b2ebf2}.gui-material .gui-button.gui-outline.gui-secondary.gui-badge{background:#fff;border-color:#0097a7;color:#0097a7}.gui-material .gui-button:hover{background:#5262c5}.gui-material .gui-button:active{background:#4051bf}.gui-material .gui-button:disabled{background:#c5cae9;color:#7885d2}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricButtonComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricButtonModule = /*#__PURE__*/(() => {\n class FabricButtonModule {\n static ɵfac = function FabricButtonModule_Factory(t) {\n return new (t || FabricButtonModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricButtonModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricButtonModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricButtonGroupComponent = /*#__PURE__*/(() => {\n class FabricButtonGroupComponent {\n static ɵfac = function FabricButtonGroupComponent_Factory(t) {\n return new (t || FabricButtonGroupComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricButtonGroupComponent,\n selectors: [[\"gui-button-group\"]],\n hostVars: 2,\n hostBindings: function FabricButtonGroupComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-button-group\", true);\n }\n },\n ngContentSelectors: _c0,\n decls: 1,\n vars: 0,\n template: function FabricButtonGroupComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵprojection(0);\n }\n },\n styles: [\".gui-button-group{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gui-button-group .gui-button{border-radius:0}.gui-button-group .gui-button:not(:last-child){border-right:none;margin:0}.gui-button-group .gui-button:last-child{border-radius:0 4px 4px 0}.gui-button-group .gui-button:first-child{border-radius:4px 0 0 4px}.gui-button-group .gui-button-toggle .gui-button{border-radius:0}.gui-button-group .gui-button-toggle:not(:last-child) .gui-button{border-right:none;margin:0}.gui-button-group .gui-button-toggle:last-child .gui-button{border-radius:0 4px 4px 0}.gui-button-group .gui-button-toggle:first-child .gui-button{border-radius:4px 0 0 4px}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricButtonGroupComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricButtonGroupModule = /*#__PURE__*/(() => {\n class FabricButtonGroupModule {\n static ɵfac = function FabricButtonGroupModule_Factory(t) {\n return new (t || FabricButtonGroupModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricButtonGroupModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricButtonGroupModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricCardComponent = /*#__PURE__*/(() => {\n class FabricCardComponent {\n title = '';\n image;\n alt;\n contentBlock = [];\n isTitleEnabled() {\n return !!this.title;\n }\n isImgEnabled() {\n return !!this.image;\n }\n isContentBlockEnabled() {\n return !!this.contentBlock;\n }\n static ɵfac = function FabricCardComponent_Factory(t) {\n return new (t || FabricCardComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricCardComponent,\n selectors: [[\"gui-card\"]],\n hostVars: 2,\n hostBindings: function FabricCardComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-card\", true);\n }\n },\n inputs: {\n title: \"title\",\n image: \"image\",\n alt: \"alt\",\n contentBlock: \"contentBlock\"\n },\n ngContentSelectors: _c0,\n decls: 9,\n vars: 13,\n consts: [[1, \"gui-card-body\"], [1, \"gui-card-image-wrapper\"], [3, \"ngClass\", \"alt\", \"src\"], [3, \"ngClass\"], [3, \"ngClass\", 4, \"ngFor\", \"ngForOf\"], [1, \"gui-content\"]],\n template: function FabricCardComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵelementStart(0, \"div\", 0)(1, \"div\", 1);\n i0.ɵɵelement(2, \"img\", 2);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(3, \"div\", 3);\n i0.ɵɵtext(4);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(5, \"div\", 3);\n i0.ɵɵtemplate(6, FabricCardComponent_div_6_Template, 2, 4, \"div\", 4);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(7, \"div\", 5);\n i0.ɵɵprojection(8);\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n i0.ɵɵadvance(2);\n i0.ɵɵpropertyInterpolate(\"alt\", ctx.alt);\n i0.ɵɵpropertyInterpolate(\"src\", ctx.image, i0.ɵɵsanitizeUrl);\n i0.ɵɵproperty(\"ngClass\", i0.ɵɵpureFunction1(7, _c2, ctx.isImgEnabled()));\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngClass\", i0.ɵɵpureFunction1(9, _c3, ctx.isTitleEnabled()));\n i0.ɵɵadvance();\n i0.ɵɵtextInterpolate1(\" \", ctx.title, \" \");\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngClass\", i0.ɵɵpureFunction1(11, _c4, ctx.isContentBlockEnabled()));\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngForOf\", ctx.contentBlock);\n }\n },\n dependencies: [i1.NgClass, i1.NgForOf],\n styles: [\".gui-card .gui-card-img{border-radius:4px 4px 0 0;height:auto;margin:0 0 12px;width:350px}.gui-card .gui-card-body{background:#fff;border-radius:4px;box-shadow:0 1px 3px #999;box-sizing:border-box;font-family:Roboto,Helvetica Neue,sans-serif;font-size:14px;margin:0;padding:0 0 20px;transition:transform .3s ease-in-out;width:350px}.gui-card .gui-card-body:hover{box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d}.gui-card .gui-card-body .gui-card-title{font-size:20px;font-weight:700;margin:0 0 12px;padding:0 20px}.gui-card .gui-card-body .gui-card-content-block{margin:0 0 12px}.gui-card .gui-card-body .gui-card-content-block .gui-card-content-block-item{border-top-color:#d6d6d6;border-top-style:solid;border-top-width:1px;padding:12px 20px}.gui-card .gui-card-body .gui-card-content-block .gui-card-content-block-item:last-child{border-bottom-color:#d6d6d6;border-bottom-style:solid;border-bottom-width:1px}.gui-card .gui-card-body .gui-content{padding:0 20px}\\n\", \".gui-material .gui-card .gui-card-body{font-family:Roboto,Helvetica Neue,sans-serif}\\n\", \".gui-dark .gui-card .gui-card-body{background:#121212;border-color:#616161;color:#bdbdbd}.gui-dark .gui-card .gui-card-body .gui-card-content-block .gui-card-content-block-item{border-top-color:#616161}.gui-dark .gui-card .gui-card-body .gui-card-content-block .gui-card-content-block-item:last-child{border-bottom-color:#616161}.gui-dark .gui-content-block .gui-card-content-block{border-color:#616161}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricCardComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricCardModule = /*#__PURE__*/(() => {\n class FabricCardModule {\n static ɵfac = function FabricCardModule_Factory(t) {\n return new (t || FabricCardModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricCardModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricCardModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricCheckboxComponent = /*#__PURE__*/(() => {\n class FabricCheckboxComponent {\n elementRef;\n renderer;\n inputRef;\n name = '';\n inputChecked = false;\n disabled = false;\n readonly = false;\n indeterminate = false;\n changed = new EventEmitter();\n checked = false;\n constructor(elementRef, renderer) {\n this.elementRef = elementRef;\n this.renderer = renderer;\n }\n ngOnChanges(changes) {\n this.checked = this.inputChecked;\n if (changes['disabled']) {\n if (this.disabled) {\n this.renderer.addClass(this.elementRef.nativeElement, 'gui-disabled');\n } else {\n this.renderer.removeClass(this.elementRef.nativeElement, 'gui-disabled');\n }\n }\n if (changes['readonly']) {\n if (this.readonly) {\n this.renderer.addClass(this.elementRef.nativeElement, 'gui-readonly');\n } else {\n this.renderer.removeClass(this.elementRef.nativeElement, 'gui-readonly');\n }\n }\n if (changes['indeterminate']) {\n if (this.inputRef) {\n if (this.indeterminate) {\n this.inputRef.nativeElement.indeterminate = true;\n } else {\n this.inputRef.nativeElement.indeterminate = false;\n this.inputRef.nativeElement.checked = this.checked;\n }\n }\n }\n }\n ngAfterViewInit() {\n if (this.inputRef) {\n this.inputRef.nativeElement.indeterminate = this.indeterminate;\n }\n }\n check(event) {\n event.stopPropagation();\n this.checked = !this.checked;\n this.changed.emit(this.checked);\n }\n static ɵfac = function FabricCheckboxComponent_Factory(t) {\n return new (t || FabricCheckboxComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricCheckboxComponent,\n selectors: [[\"gui-checkbox\"]],\n viewQuery: function FabricCheckboxComponent_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c6, 5, ElementRef);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputRef = _t.first);\n }\n },\n hostVars: 2,\n hostBindings: function FabricCheckboxComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-checkbox\", true);\n }\n },\n inputs: {\n name: \"name\",\n inputChecked: [i0.ɵɵInputFlags.None, \"checked\", \"inputChecked\"],\n disabled: \"disabled\",\n readonly: \"readonly\",\n indeterminate: \"indeterminate\"\n },\n outputs: {\n changed: \"changed\"\n },\n features: [i0.ɵɵNgOnChangesFeature],\n ngContentSelectors: _c0,\n decls: 5,\n vars: 3,\n consts: [[\"input\", \"\"], [\"type\", \"checkbox\", 3, \"click\", \"checked\", \"disabled\"], [1, \"gui-checkmark\"]],\n template: function FabricCheckboxComponent_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵprojectionDef();\n i0.ɵɵelementStart(0, \"label\")(1, \"input\", 1, 0);\n i0.ɵɵlistener(\"click\", function FabricCheckboxComponent_Template_input_click_1_listener($event) {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.check($event));\n });\n i0.ɵɵelementEnd();\n i0.ɵɵelement(3, \"span\", 2);\n i0.ɵɵprojection(4);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"checked\", ctx.checked)(\"disabled\", ctx.disabled);\n i0.ɵɵattribute(\"name\", ctx.name);\n }\n },\n styles: [\".gui-checkbox{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;line-height:24px;padding-left:32px;position:relative}.gui-checkbox label{cursor:pointer}.gui-checkbox label:hover .gui-checkmark{border-color:#999}.gui-checkbox input{height:0;opacity:0;position:absolute;width:0}.gui-checkbox .gui-checkmark{border-color:#575757;border-radius:4px;border-style:solid;border-width:2px;box-sizing:content-box;height:20px;left:0;position:absolute;width:20px}.gui-checkbox input:checked+.gui-checkmark{border-color:#575757}.gui-checkbox.gui-disabled.gui-checkbox{color:#ccc;pointer-events:none}.gui-checkbox.gui-readonly.gui-checkbox{pointer-events:none}.gui-checkbox .gui-checkmark:after{content:\\\" \\\";display:none;left:6px;position:absolute;-ms-transform:rotate(45deg);transform:rotate(45deg)}.gui-checkbox input:checked+.gui-checkmark:after{box-sizing:content-box;display:block}.gui-checkbox .gui-checkmark:after{border-color:#575757;border-style:solid;border-width:0 3.2px 3.2px 0;height:12px;width:5.2px}.gui-checkbox input:indeterminate+.gui-checkmark:after{display:block;height:10px;left:9px;top:4px;-ms-transform:rotate(90deg);transform:rotate(90deg);width:0}\\n\", \".gui-material .gui-checkbox{font-family:Roboto,Helvetica Neue,sans-serif}.gui-material .gui-checkbox input:focus+.gui-checkmark{border-color:#3949ab}.gui-material .gui-checkbox label:hover .gui-checkmark{border-color:#575757}.gui-material .gui-checkbox .gui-checkmark{border-color:#999}.gui-material .gui-checkbox input:checked+.gui-checkmark{background:#3949ab;border-color:#3949ab}.gui-material .gui-checkbox .gui-checkmark:after{border-color:#fff}.gui-material .gui-checkbox.gui-indeterminate .gui-checkmark{background:#3949ab;border-color:#3949ab}\\n\", \".gui-dark .gui-checkbox{color:#bdbdbd}.gui-dark .gui-checkbox .gui-checkmark{border-color:#878787}.gui-dark .gui-checkbox input:checked+.gui-checkmark{border-color:#878787}.gui-dark .gui-checkbox .gui-checkmark:after{border-color:#878787}.gui-dark .gui-checkbox.gui-disabled.gui-checkbox{opacity:.36}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricCheckboxComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricCheckboxModule = /*#__PURE__*/(() => {\n class FabricCheckboxModule {\n static ɵfac = function FabricCheckboxModule_Factory(t) {\n return new (t || FabricCheckboxModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricCheckboxModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricCheckboxModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricChipComponent = /*#__PURE__*/(() => {\n class FabricChipComponent extends Indicator {\n constructor(elementRef, renderer) {\n super(elementRef, renderer);\n }\n static ɵfac = function FabricChipComponent_Factory(t) {\n return new (t || FabricChipComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricChipComponent,\n selectors: [[\"gui-chip\"]],\n hostVars: 2,\n hostBindings: function FabricChipComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-chip\", true);\n }\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n ngContentSelectors: _c0,\n decls: 1,\n vars: 0,\n template: function FabricChipComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵprojection(0);\n }\n },\n styles: [\".gui-chip{background:#e6e6e6;border-radius:4px;box-sizing:border-box;color:#595959;display:inline-block;font-family:Arial;font-size:14px;font-weight:700;margin:0 2px;padding:9.6px 12px}.gui-chip.gui-primary{background:#2185d0;color:#fff}.gui-chip.gui-primary.gui-outline{color:#2185d0}.gui-chip.gui-primary:hover:not(.gui-chip,.gui-badge){background:#1e77ba}.gui-chip.gui-primary:active{background:#1a69a4;color:#fff}.gui-chip.gui-primary:disabled{background:#6fb4e8;color:#439de1}.gui-chip.gui-primary.gui-badge{background:#439de1}.gui-chip.gui-secondary{background:#3cb371;color:#fff}.gui-chip.gui-secondary.gui-outline{color:#3cb371}.gui-chip.gui-secondary.gui-button:hover{background:#36a065}.gui-chip.gui-secondary.gui-button:active{background:#32945e;color:#fff}.gui-chip.gui-secondary.gui-button:disabled{background:#80d5a6;color:#5ac88b}.gui-chip.gui-secondary.gui-badge{background:#5ac88b}.gui-chip.gui-outline{background:transparent;color:#999;border-color:#d6d6d6;border-style:solid;border-width:1px}.gui-chip.gui-outline.gui-button:hover{background:#cccccc;color:#fff}.gui-chip.gui-outline.gui-button:disabled{border-color:#ccc;color:#ccc}.gui-chip.gui-outline.gui-badge{background:#fff}.gui-chip.gui-outline.gui-primary{border-color:#439de1}.gui-chip.gui-outline.gui-primary.gui-button:hover{background:#2185d0;border-color:#2185d0}.gui-chip.gui-outline.gui-primary.gui-button:disabled{background:transparent;border-color:#6fb4e8;color:#6fb4e8}.gui-chip.gui-outline.gui-primary.gui-badge{background:#fff;border-color:#439de1;color:#439de1}.gui-chip.gui-outline.gui-secondary{border-color:#5ac88b}.gui-chip.gui-outline.gui-secondary.gui-button:hover{background:#3cb371;border-color:#3cb371}.gui-chip.gui-outline.gui-secondary.gui-button:disabled{background:transparent;border-color:#80d5a6;color:#80d5a6}.gui-chip.gui-outline.gui-secondary.gui-badge{background:#fff;border-color:#5ac88b;color:#5ac88b}\\n\", \".gui-material .gui-chip{background:#3949ab;color:#fff;font-family:Roboto,Helvetica Neue,sans-serif;font-weight:500;padding:10px 16px}.gui-material .gui-chip.gui-primary{background:#6200ee;color:#fff}.gui-material .gui-chip.gui-primary.gui-outline{color:#6200ee}.gui-material .gui-chip.gui-primary.gui-button:hover{background:#974dff}.gui-material .gui-chip.gui-primary.gui-button:active{background:#791aff;color:#fff}.gui-material .gui-chip.gui-primary.gui-button:disabled{background:#d1c4e9;color:#7d22ff}.gui-material .gui-chip.gui-primary.gui-badge{background:#6200ee}.gui-material .gui-chip.gui-secondary{background:#0097a7;color:#fff}.gui-material .gui-chip.gui-secondary.gui-outline{color:#0097a7}.gui-material .gui-chip.gui-secondary.gui-button:hover{background:#00a1b3}.gui-material .gui-chip.gui-secondary.gui-button:active{background:#00808e;color:#fff}.gui-material .gui-chip.gui-secondary.gui-button:disabled{background:#b2ebf2;color:#00c5da}.gui-material .gui-chip.gui-secondary.gui-badge{background:#0097a7}.gui-material .gui-chip.gui-outline{background:transparent;color:#3949ab;border-color:#5262c5}.gui-material .gui-chip.gui-outline.gui-button:hover{background:#e8eaf6;color:#3949ab}.gui-material .gui-chip.gui-outline.gui-button:active{background:#c5cae9}.gui-material .gui-chip.gui-outline.gui-button:disabled{border-color:#c5cae9;color:#c5cae9}.gui-material .gui-chip.gui-outline.gui-badge{background:#fff}.gui-material .gui-chip.gui-outline.gui-primary{border-color:#6200ee}.gui-material .gui-chip.gui-outline.gui-primary.gui-button:hover{background:#ede7f6;border-color:#6200ee;color:#6200ee}.gui-material .gui-chip.gui-outline.gui-primary.gui-button:active{background:#d1c4e9}.gui-material .gui-chip.gui-outline.gui-primary.gui-button:disabled{background:transparent;border-color:#d1c4e9;color:#d1c4e9}.gui-material .gui-chip.gui-outline.gui-primary.gui-badge{background:#fff;border-color:#6200ee;color:#7d22ff}.gui-material .gui-chip.gui-outline.gui-secondary{border-color:#0097a7}.gui-material .gui-chip.gui-outline.gui-secondary.gui-button:hover{background:#e0f7fa;border-color:#0097a7;color:#0097a7}.gui-material .gui-chip.gui-outline.gui-secondary.gui-button:active{background:#b2ebf2}.gui-material .gui-chip.gui-outline.gui-secondary.gui-button:disabled{background:transparent;border-color:#b2ebf2;color:#b2ebf2}.gui-material .gui-chip.gui-outline.gui-secondary.gui-badge{background:#fff;border-color:#0097a7;color:#0097a7}\\n\", \".gui-dark .gui-chip{background:#333;color:#bdbdbd}.gui-dark .gui-chip.gui-primary{background:#ce93d8;color:#212121}.gui-dark .gui-chip.gui-primary.gui-outline{color:#ce93d8}.gui-dark .gui-chip.gui-primary.gui-button:hover{background:#c680d1}.gui-dark .gui-chip.gui-primary.gui-button:active{background:#b55bc4;color:#212121}.gui-dark .gui-chip.gui-primary.gui-button:disabled{background:#ce93d8;color:#212121;opacity:.5}.gui-dark .gui-chip.gui-primary.gui-badge{background:#dfb8e6}.gui-dark .gui-chip.gui-secondary{background:#80cbc4;color:#212121}.gui-dark .gui-chip.gui-secondary.gui-outline{color:#80cbc4}.gui-dark .gui-chip.gui-secondary.gui-button:hover{background:#6ec4bc}.gui-dark .gui-chip.gui-secondary.gui-button:active{background:#26a69a;color:#212121}.gui-dark .gui-chip.gui-secondary.gui-button:disabled{background:#80cbc4;color:#212121;opacity:.5}.gui-dark .gui-chip.gui-secondary.gui-badge{background:#a4dad5}.gui-dark .gui-chip.gui-outline{background:transparent;color:#bdbdbd;border-color:#616161;border-style:solid;border-width:1px}.gui-dark .gui-chip.gui-outline.gui-button:hover{background:#616161;color:#bdbdbd}.gui-dark .gui-chip.gui-outline.gui-badge{background:#121212}.gui-dark .gui-chip.gui-outline.gui-primary{border-color:#ce93d8}.gui-dark .gui-chip.gui-outline.gui-primary.gui-button:hover{background:#ce93d8;border-color:#ce93d8;color:#212121}.gui-dark .gui-chip.gui-outline.gui-primary.gui-button:disabled{background:transparent;border-color:#f0def3;color:#f0def3}.gui-dark .gui-chip.gui-outline.gui-primary.gui-badge{background:#121212;border-color:#ce93d8;color:#dfb8e6}.gui-dark .gui-chip.gui-outline.gui-secondary{border-color:#80cbc4}.gui-dark .gui-chip.gui-outline.gui-secondary.gui-button:hover{background:#80cbc4;border-color:#80cbc4;color:#212121}.gui-dark .gui-chip.gui-outline.gui-secondary.gui-button:disabled{background:transparent;border-color:#b2ebf2;color:#b2ebf2}.gui-dark .gui-chip.gui-outline.gui-secondary.gui-badge{background:#121212;border-color:#80cbc4;color:#80cbc4}\\n\", \".gui-light .gui-chip{background:#f6f5f4;border-color:#333;border-style:solid;border-width:1px;color:#333}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricChipComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricChipModule = /*#__PURE__*/(() => {\n class FabricChipModule {\n static ɵfac = function FabricChipModule_Factory(t) {\n return new (t || FabricChipModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricChipModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricChipModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricReactive = /*#__PURE__*/(() => {\n class FabricReactive {\n unsubscribe$ = new Subject();\n constructor() {}\n ngOnDestroy() {\n this.unsubscribe();\n }\n unsubscribe() {\n if (this.unsubscribe$.isStopped) {\n return;\n }\n this.unsubscribe$.next();\n this.unsubscribe$.complete();\n }\n static ɵfac = function FabricReactive_Factory(t) {\n return new (t || FabricReactive)();\n };\n static ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: FabricReactive\n });\n }\n return FabricReactive;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nvar FabricCalendarView = /*#__PURE__*/function (FabricCalendarView) {\n FabricCalendarView[FabricCalendarView[\"DAYS\"] = 0] = \"DAYS\";\n FabricCalendarView[FabricCalendarView[\"MONTHS\"] = 1] = \"MONTHS\";\n FabricCalendarView[FabricCalendarView[\"YEARS\"] = 2] = \"YEARS\";\n return FabricCalendarView;\n}(FabricCalendarView || {});\nvar FabricDatePickerComposition = /*#__PURE__*/function (FabricDatePickerComposition) {\n FabricDatePickerComposition[FabricDatePickerComposition[\"NONE\"] = 0] = \"NONE\";\n FabricDatePickerComposition[FabricDatePickerComposition[\"DATE_PICKER\"] = 1] = \"DATE_PICKER\";\n FabricDatePickerComposition[FabricDatePickerComposition[\"TIME_PICKER\"] = 2] = \"TIME_PICKER\";\n FabricDatePickerComposition[FabricDatePickerComposition[\"TIME_PICKER_HOURS\"] = 4] = \"TIME_PICKER_HOURS\";\n FabricDatePickerComposition[FabricDatePickerComposition[\"TIME_PICKER_MINUTES\"] = 8] = \"TIME_PICKER_MINUTES\";\n FabricDatePickerComposition[FabricDatePickerComposition[\"TIME_PICKER_SECONDS\"] = 16] = \"TIME_PICKER_SECONDS\";\n FabricDatePickerComposition[FabricDatePickerComposition[\"TIME_PICKER_MERIDIAN\"] = 32] = \"TIME_PICKER_MERIDIAN\";\n FabricDatePickerComposition[FabricDatePickerComposition[\"ALL\"] = 63] = \"ALL\";\n return FabricDatePickerComposition;\n}(FabricDatePickerComposition || {});\nconst FabricDatePickerDefaultActiveMonth = new Date().getMonth();\nconst FabricDatePickerDefaultActiveYear = new Date().getFullYear();\nlet FabricDatePickerService = /*#__PURE__*/(() => {\n class FabricDatePickerService {\n selectedDate = new Date();\n selectedTime;\n selectedDate$ = new BehaviorSubject(this.selectedDate);\n observeSelectedDate() {\n return this.selectedDate$.asObservable();\n }\n dateSelected(date) {\n this.selectedDate = new Date(date.getTime());\n this.setSelectedDateTime();\n this.selectedDate$.next(this.selectedDate);\n }\n changeTime(timeValues, date) {\n this.selectedTime = timeValues;\n if (!this.selectedDate) {\n this.selectedDate = date;\n }\n this.setSelectedDateTime();\n }\n next() {\n this.dateSelected(this.selectedDate);\n }\n setSelectedDateTime() {\n if (this.selectedTime) {\n this.selectedDate.setHours(this.selectedTime.hours);\n this.selectedDate.setMinutes(this.selectedTime.minutes);\n this.selectedDate.setSeconds(this.selectedTime.seconds);\n }\n }\n static ɵfac = function FabricDatePickerService_Factory(t) {\n return new (t || FabricDatePickerService)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricDatePickerService,\n factory: FabricDatePickerService.ɵfac\n });\n }\n return FabricDatePickerService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerCompositionService = /*#__PURE__*/(() => {\n class FabricDatePickerCompositionService {\n datePickerFormat$ = new BehaviorSubject(FabricDatePickerComposition.DATE_PICKER);\n onComposition() {\n return this.datePickerFormat$.asObservable();\n }\n next(datePipeOptions) {\n this.datePickerFormat$.next(this.getComposition(datePipeOptions));\n }\n getComposition(datePipeOptions) {\n const removeDoubles = datePipeOptions.split(':').join(' '),\n removeDash = removeDoubles.split('/').join(' '),\n removeDot = removeDash.split('.').join(' '),\n removeComa = removeDot.split(',').join(' '),\n formatArray = removeComa.split(' ');\n let composition = FabricDatePickerComposition.NONE;\n formatArray.forEach(formatItem => {\n const isDays = formatItem.toLowerCase().includes('d'),\n isMonths = formatItem.includes('M'),\n isYears = formatItem.toLowerCase().includes('y'),\n showHours = formatItem.toLowerCase().includes('h'),\n showMinutes = formatItem.includes('m'),\n showSeconds = formatItem.toLowerCase().includes('s'),\n isMeridian = formatItem.includes('h'),\n showDatePicker = isDays || isMonths || isYears,\n showTimePicker = showHours || showMinutes || showSeconds;\n if (showDatePicker) {\n composition = composition | FabricDatePickerComposition.DATE_PICKER;\n }\n if (showTimePicker) {\n composition = composition | FabricDatePickerComposition.TIME_PICKER;\n }\n if (isMeridian) {\n composition = composition | FabricDatePickerComposition.TIME_PICKER_MERIDIAN;\n }\n if (showHours) {\n composition = composition | FabricDatePickerComposition.TIME_PICKER_HOURS;\n }\n if (showMinutes) {\n composition = composition | FabricDatePickerComposition.TIME_PICKER_MINUTES;\n }\n if (showSeconds) {\n composition = composition | FabricDatePickerComposition.TIME_PICKER_SECONDS;\n }\n });\n return composition;\n }\n static ɵfac = function FabricDatePickerCompositionService_Factory(t) {\n return new (t || FabricDatePickerCompositionService)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricDatePickerCompositionService,\n factory: FabricDatePickerCompositionService.ɵfac\n });\n }\n return FabricDatePickerCompositionService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerWeeks = /*#__PURE__*/(() => {\n class FabricDatePickerWeeks {\n weeks = [];\n getDaysInMonths(year, month) {\n this.resetWeeks();\n const numberOfDaysInMonth = new Date(year, month + 1, 0).getDate();\n for (let i = 1; i <= numberOfDaysInMonth; i++) {\n this.createWeeks(new Date(year, month, i));\n }\n return this.weeks;\n }\n createWeeks(date) {\n const day = date.getDate(),\n maxWeekNumber = 6;\n for (let i = 0; i < maxWeekNumber; i++) {\n if (day === 1) {\n this.addDaysToWeek(i, date);\n } else if (this.canAddDaysToWeek(i, day)) {\n this.addDaysToWeek(i, this.getLastDayDate(this.weeks[i - 1]));\n }\n }\n this.weeks = [this.weeks[0], this.weeks[1], this.weeks[2], this.weeks[3], this.weeks[4], this.weeks[5]];\n }\n addDaysToWeek(weekNumber, date) {\n const week = this.weeks[weekNumber];\n for (let i = 1; i <= 7; i++) {\n const isFirstDaySunday = date.getDay() === 0 && this.weeks[0].length === 0;\n let day;\n if (isFirstDaySunday) {\n day = date.getDate() - 6;\n } else {\n day = date.getDate() - date.getDay() + i;\n }\n const dayOfWeek = new Date(date.setDate(day));\n if (week.length < 7) {\n week.push(dayOfWeek);\n }\n }\n }\n getLastDayNumber(week) {\n if (week.length === 7) {\n return week[week.length - 1].getDate();\n }\n return 0;\n }\n getLastDayDate(week) {\n const lastDay = week[week.length - 1].getDate();\n return new Date(week[week.length - 1].setDate(lastDay));\n }\n canAddDaysToWeek(weekNumber, day) {\n return this.weeks[weekNumber].length === 0 && this.weeks[weekNumber - 1].length === 7 && day > this.getLastDayNumber(this.weeks[weekNumber - 1]);\n }\n resetWeeks() {\n this.weeks = [];\n this.weeks[0] = [];\n this.weeks[1] = [];\n this.weeks[2] = [];\n this.weeks[3] = [];\n this.weeks[4] = [];\n this.weeks[5] = [];\n }\n static ɵfac = function FabricDatePickerWeeks_Factory(t) {\n return new (t || FabricDatePickerWeeks)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricDatePickerWeeks,\n factory: FabricDatePickerWeeks.ɵfac\n });\n }\n return FabricDatePickerWeeks;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerYears = /*#__PURE__*/(() => {\n class FabricDatePickerYears {\n rowsForDisplay = [];\n minYear = 0;\n maxYear = 0;\n selectedYear = 0;\n inc = 10;\n getYears(selectedYear) {\n this.minYear = selectedYear - 50;\n this.maxYear = selectedYear + 50;\n const yearsRange = this.maxYear - this.minYear;\n let years = [],\n rows = [];\n years = this.createYearsPool(this.minYear, yearsRange, years);\n rows = this.divideYearsPool(years, rows);\n return this.rowsForDisplay = this.createRowsForDisplay(rows, selectedYear);\n }\n prevYearRange(year) {\n if (!this.selectedYear) {\n this.selectedYear = year;\n }\n if (this.selectedYear > this.minYear) {\n this.selectedYear -= this.inc;\n }\n if (this.selectedYear > this.minYear) {\n return this.getYears(this.selectedYear);\n } else {\n return this.rowsForDisplay;\n }\n }\n nextYearRange(year) {\n if (!this.selectedYear) {\n this.selectedYear = year;\n }\n if (this.selectedYear < this.maxYear) {\n this.selectedYear += this.inc;\n }\n if (this.selectedYear < this.maxYear) {\n return this.getYears(this.selectedYear);\n } else {\n return this.rowsForDisplay;\n }\n }\n createYearsPool(minYear, yearsRange, years) {\n for (let i = 0; i <= yearsRange; i++) {\n years.push(minYear + i);\n }\n return years;\n }\n divideYearsPool(years, rows) {\n for (let i = 0; i < years.length; i += 5) {\n rows.push(years.slice(i, i + 5));\n }\n return rows;\n }\n createRowsForDisplay(rows, selectedYear) {\n if (selectedYear >= this.minYear || selectedYear <= this.maxYear) {\n for (let i = 0; i < rows.length; i++) {\n if (rows[i].indexOf(selectedYear) > -1) {\n if (!rows[i - 1]) {\n return [rows[i], rows[i + 1], rows[i + 2], rows[i + 3], rows[i + 4]];\n }\n if (!rows[i - 2]) {\n return [rows[i - 1], rows[i], rows[i + 1], rows[i + 2], rows[i + 3]];\n }\n if (!rows[i + 1]) {\n return [rows[i - 4], rows[i - 3], rows[i - 2], rows[i - 1], rows[i]];\n }\n if (!rows[i + 2]) {\n return [rows[i - 3], rows[i - 2], rows[i - 1], rows[i], rows[i + 1]];\n }\n return this.rowsForDisplay = [rows[i - 2], rows[i - 1], rows[i], rows[i + 1], rows[i + 2]];\n }\n }\n }\n return [[]];\n }\n static ɵfac = function FabricDatePickerYears_Factory(t) {\n return new (t || FabricDatePickerYears)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricDatePickerYears,\n factory: FabricDatePickerYears.ɵfac\n });\n }\n return FabricDatePickerYears;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerYearsService = /*#__PURE__*/(() => {\n class FabricDatePickerYearsService {\n years$ = new Subject();\n onYears() {\n return this.years$.asObservable();\n }\n next(years) {\n this.years$.next(years);\n }\n static ɵfac = function FabricDatePickerYearsService_Factory(t) {\n return new (t || FabricDatePickerYearsService)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricDatePickerYearsService,\n factory: FabricDatePickerYearsService.ɵfac\n });\n }\n return FabricDatePickerYearsService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerCalendarService = /*#__PURE__*/(() => {\n class FabricDatePickerCalendarService {\n activeMonth$ = new Subject();\n activeYear$ = new Subject();\n onActiveMonth() {\n return this.activeMonth$.asObservable();\n }\n onActiveYear() {\n return this.activeYear$.asObservable();\n }\n nextMonth(year, month) {\n if (month === 11) {\n this.activeYear$.next(year + 1);\n this.selectMonth(0);\n } else {\n this.selectMonth(month + 1);\n }\n }\n prevMonth(year, month) {\n if (month === 0) {\n this.activeYear$.next(year - 1);\n this.selectMonth(11);\n } else {\n this.selectMonth(month - 1);\n }\n }\n selectYear(year) {\n this.activeYear$.next(year);\n }\n selectMonth(month) {\n this.activeMonth$.next(month);\n }\n static ɵfac = function FabricDatePickerCalendarService_Factory(t) {\n return new (t || FabricDatePickerCalendarService)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricDatePickerCalendarService,\n factory: FabricDatePickerCalendarService.ɵfac\n });\n }\n return FabricDatePickerCalendarService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerCalendarViewService = /*#__PURE__*/(() => {\n class FabricDatePickerCalendarViewService {\n activeView$ = new Subject();\n onActiveView() {\n return this.activeView$.asObservable();\n }\n switchView(viewName) {\n this.activeView$.next(viewName);\n }\n static ɵfac = function FabricDatePickerCalendarViewService_Factory(t) {\n return new (t || FabricDatePickerCalendarViewService)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricDatePickerCalendarViewService,\n factory: FabricDatePickerCalendarViewService.ɵfac\n });\n }\n return FabricDatePickerCalendarViewService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nconst daysOfTheWeek = ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\nclass FabricDateUtils {\n static areDatesSame(firstDay, secondDate) {\n return firstDay && secondDate && firstDay.getDate() === secondDate.getDate() && firstDay.getMonth() === secondDate.getMonth() && firstDay.getFullYear() === secondDate.getFullYear();\n }\n static isMonth(date, month, year) {\n return date.getMonth() === month && date.getFullYear() === year;\n }\n}\nlet FabricDatePickerDaysViewComponent = /*#__PURE__*/(() => {\n class FabricDatePickerDaysViewComponent {\n datePickerService;\n selectedDate;\n activeMonth = FabricDatePickerDefaultActiveMonth;\n weeks = [];\n daysOfTheWeek = daysOfTheWeek;\n currentDay = new Date();\n constructor(datePickerService) {\n this.datePickerService = datePickerService;\n }\n selectDate(date) {\n this.datePickerService.dateSelected(date);\n }\n isDate(comparedDate, date) {\n return FabricDateUtils.areDatesSame(comparedDate, date);\n }\n displayMonthDays(month) {\n return month === this.activeMonth;\n }\n static ɵfac = function FabricDatePickerDaysViewComponent_Factory(t) {\n return new (t || FabricDatePickerDaysViewComponent)(i0.ɵɵdirectiveInject(FabricDatePickerService));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricDatePickerDaysViewComponent,\n selectors: [[\"gui-date-picker-days-view\"]],\n inputs: {\n selectedDate: \"selectedDate\",\n activeMonth: \"activeMonth\",\n weeks: \"weeks\"\n },\n decls: 4,\n vars: 2,\n consts: [[1, \"gui-display-grid\", \"gui-grid-rows-gap-8\", \"gui-py-6\"], [1, \"gui-display-grid\", \"gui-grid-cols-7\", \"gui-py-4\", \"gui-date-picker-header\"], [4, \"ngFor\", \"ngForOf\"], [\"class\", \"gui-display-grid gui-grid-cols-7\", 4, \"ngFor\", \"ngForOf\"], [1, \"gui-display-grid\", \"gui-grid-cols-7\"], [\"class\", \"gui-date-picker-cell gui-date-picker-day\", 3, \"gui-date-picker-current-day\", \"gui-date-picker-selected-day\", \"gui-date-picker-selected-month\", \"click\", 4, \"ngFor\", \"ngForOf\"], [1, \"gui-date-picker-cell\", \"gui-date-picker-day\", 3, \"click\"]],\n template: function FabricDatePickerDaysViewComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0)(1, \"div\", 1);\n i0.ɵɵtemplate(2, FabricDatePickerDaysViewComponent_div_2_Template, 2, 1, \"div\", 2);\n i0.ɵɵelementEnd();\n i0.ɵɵtemplate(3, FabricDatePickerDaysViewComponent_div_3_Template, 2, 1, \"div\", 3);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"ngForOf\", ctx.daysOfTheWeek);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngForOf\", ctx.weeks);\n }\n },\n dependencies: [i1.NgForOf],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricDatePickerDaysViewComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nconst monthsPerQuarters = [[{\n nr: 0,\n name: 'Jan'\n}, {\n nr: 1,\n name: 'Feb'\n}, {\n nr: 2,\n name: 'Mar'\n}], [{\n nr: 3,\n name: 'Apr'\n}, {\n nr: 4,\n name: 'May'\n}, {\n nr: 5,\n name: 'Jun'\n}], [{\n nr: 6,\n name: 'Jul'\n}, {\n nr: 7,\n name: 'Aug'\n}, {\n nr: 8,\n name: 'Sep'\n}], [{\n nr: 9,\n name: 'Oct'\n}, {\n nr: 10,\n name: 'Nov'\n}, {\n nr: 11,\n name: 'Dec'\n}]];\nlet FabricDatePickerMonthsViewComponent = /*#__PURE__*/(() => {\n class FabricDatePickerMonthsViewComponent {\n calendarService;\n calendarViewService;\n selectedDate;\n activeYear = FabricDatePickerDefaultActiveYear;\n currentDay = new Date();\n monthsPerQuarters = monthsPerQuarters;\n constructor(calendarService, calendarViewService) {\n this.calendarService = calendarService;\n this.calendarViewService = calendarViewService;\n }\n isMonth(date, month) {\n return FabricDateUtils.isMonth(date, month, this.activeYear);\n }\n selectMonth(month) {\n this.calendarService.selectMonth(month);\n this.calendarViewService.switchView(FabricCalendarView.DAYS);\n }\n static ɵfac = function FabricDatePickerMonthsViewComponent_Factory(t) {\n return new (t || FabricDatePickerMonthsViewComponent)(i0.ɵɵdirectiveInject(FabricDatePickerCalendarService), i0.ɵɵdirectiveInject(FabricDatePickerCalendarViewService));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricDatePickerMonthsViewComponent,\n selectors: [[\"gui-date-picker-months-view\"]],\n inputs: {\n selectedDate: \"selectedDate\",\n activeYear: \"activeYear\"\n },\n decls: 2,\n vars: 1,\n consts: [[1, \"gui-display-grid\", \"gui-grid-rows-gap-8\", \"gui-py-6\", \"gui-date-picker-view-border-top\"], [\"class\", \"gui-display-grid gui-grid-cols-3\", 4, \"ngFor\", \"ngForOf\"], [1, \"gui-display-grid\", \"gui-grid-cols-3\"], [\"class\", \"gui-date-picker-cell gui-date-picker-month\", 3, \"gui-date-picker-current-month\", \"gui-date-picker-selected-month\", \"click\", 4, \"ngFor\", \"ngForOf\"], [1, \"gui-date-picker-cell\", \"gui-date-picker-month\", 3, \"click\"]],\n template: function FabricDatePickerMonthsViewComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵtemplate(1, FabricDatePickerMonthsViewComponent_div_1_Template, 2, 1, \"div\", 1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngForOf\", ctx.monthsPerQuarters);\n }\n },\n dependencies: [i1.NgForOf],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricDatePickerMonthsViewComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerYearsComponent = /*#__PURE__*/(() => {\n class FabricDatePickerYearsComponent {\n calendarService;\n calendarViewService;\n selectedDate;\n years = [];\n currentDay = new Date();\n constructor(calendarService, calendarViewService) {\n this.calendarService = calendarService;\n this.calendarViewService = calendarViewService;\n }\n selectYear(year) {\n this.calendarService.selectYear(year);\n this.calendarViewService.switchView(FabricCalendarView.MONTHS);\n }\n isYear(date, year) {\n if (date) {\n return date.getFullYear() === year;\n }\n return false;\n }\n static ɵfac = function FabricDatePickerYearsComponent_Factory(t) {\n return new (t || FabricDatePickerYearsComponent)(i0.ɵɵdirectiveInject(FabricDatePickerCalendarService), i0.ɵɵdirectiveInject(FabricDatePickerCalendarViewService));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricDatePickerYearsComponent,\n selectors: [[\"gui-date-picker-years-view\"]],\n inputs: {\n selectedDate: \"selectedDate\",\n years: \"years\"\n },\n decls: 2,\n vars: 1,\n consts: [[1, \"gui-display-grid\", \"gui-grid-rows-gap-8\", \"gui-py-6\", \"gui-date-picker-view-border-top\"], [\"class\", \"gui-display-grid gui-grid-cols-5\", 4, \"ngFor\", \"ngForOf\"], [1, \"gui-display-grid\", \"gui-grid-cols-5\"], [\"class\", \"gui-date-picker-cell gui-date-picker-year\", 3, \"gui-date-picker-current-year\", \"gui-date-picker-selected-year\", \"click\", 4, \"ngFor\", \"ngForOf\"], [1, \"gui-date-picker-cell\", \"gui-date-picker-year\", 3, \"click\"]],\n template: function FabricDatePickerYearsComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵtemplate(1, FabricDatePickerYearsComponent_div_1_Template, 2, 1, \"div\", 1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngForOf\", ctx.years);\n }\n },\n dependencies: [i1.NgForOf],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricDatePickerYearsComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nvar FabricCalendarCardView = /*#__PURE__*/function (FabricCalendarCardView) {\n FabricCalendarCardView[FabricCalendarCardView[\"NEXT\"] = 0] = \"NEXT\";\n FabricCalendarCardView[FabricCalendarCardView[\"PREV\"] = 1] = \"PREV\";\n return FabricCalendarCardView;\n}(FabricCalendarCardView || {});\nvar Direction = /*#__PURE__*/function (Direction) {\n Direction[Direction[\"TOP\"] = -90] = \"TOP\";\n Direction[Direction[\"BOTTOM\"] = 90] = \"BOTTOM\";\n Direction[Direction[\"LEFT\"] = 180] = \"LEFT\";\n Direction[Direction[\"RIGHT\"] = 0] = \"RIGHT\";\n return Direction;\n}(Direction || {});\nconst months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];\nlet FabricArrowIconComponent = /*#__PURE__*/(() => {\n class FabricArrowIconComponent {\n direction = Direction.RIGHT;\n static ɵfac = function FabricArrowIconComponent_Factory(t) {\n return new (t || FabricArrowIconComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricArrowIconComponent,\n selectors: [[\"gui-arrow-icon\"]],\n hostVars: 4,\n hostBindings: function FabricArrowIconComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-arrow-icon\", true)(\"gui-icon\", true);\n }\n },\n inputs: {\n direction: \"direction\"\n },\n decls: 2,\n vars: 2,\n consts: [[\"height\", \"10.661\", \"viewBox\", \"0 0 6.081 10.661\", \"width\", \"6.081\", \"xmlns\", \"http://www.w3.org/2000/svg\"], [\"d\", \"M.75.75,5.02,5.02.75,9.29\", \"fill\", \"none\", \"stroke-linecap\", \"round\", \"stroke-linejoin\", \"round\", \"stroke-width\", \"1.5\", \"transform\", \"translate(0.311 0.311)\"]],\n template: function FabricArrowIconComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵnamespaceSVG();\n i0.ɵɵelementStart(0, \"svg\", 0);\n i0.ɵɵelement(1, \"path\", 1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵstyleProp(\"transform\", \"rotate(\" + ctx.direction + \"deg)\");\n }\n },\n styles: [\".gui-arrow-icon{cursor:pointer}.gui-arrow-icon svg path{stroke:#aaa;transition:stroke .2s ease-in-out}.gui-arrow-icon:hover svg path{stroke:#464646}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricArrowIconComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerViewPanelComponent = /*#__PURE__*/(() => {\n class FabricDatePickerViewPanelComponent {\n calendarViewService;\n calendarService;\n datePickerYearsService;\n datePickerYears;\n fabricCalendarView = FabricCalendarView.DAYS;\n selectedDate;\n activeMonth = FabricDatePickerDefaultActiveMonth;\n activeYear = FabricDatePickerDefaultActiveYear;\n years = [];\n Direction = Direction;\n FabricCalendarCardView = FabricCalendarCardView;\n constructor(calendarViewService, calendarService, datePickerYearsService, datePickerYears) {\n this.calendarViewService = calendarViewService;\n this.calendarService = calendarService;\n this.datePickerYearsService = datePickerYearsService;\n this.datePickerYears = datePickerYears;\n }\n getDisplayedDate() {\n switch (this.fabricCalendarView) {\n case FabricCalendarView.DAYS:\n return `${months[this.activeMonth]} ${this.activeYear}`;\n case FabricCalendarView.MONTHS:\n return `${months[this.activeMonth]} ${this.activeYear}`;\n case FabricCalendarView.YEARS:\n return `${this.getDisplayedYearRange()}`;\n default:\n return '';\n }\n }\n switchCalendarView() {\n switch (this.fabricCalendarView) {\n case FabricCalendarView.DAYS:\n this.calendarViewService.switchView(FabricCalendarView.YEARS);\n break;\n case FabricCalendarView.MONTHS:\n this.calendarViewService.switchView(FabricCalendarView.DAYS);\n break;\n case FabricCalendarView.YEARS:\n this.calendarViewService.switchView(FabricCalendarView.DAYS);\n break;\n default:\n break;\n }\n }\n switchCard(cardView) {\n const next = cardView === FabricCalendarCardView.NEXT,\n inc = next ? 1 : -1,\n selectedYear = this.activeYear + inc,\n years = next ? this.datePickerYears.nextYearRange(this.activeYear) : this.datePickerYears.prevYearRange(this.activeYear);\n switch (this.fabricCalendarView) {\n case FabricCalendarView.DAYS:\n this.handleMonthChange(next);\n break;\n case FabricCalendarView.MONTHS:\n this.calendarService.selectYear(selectedYear);\n break;\n case FabricCalendarView.YEARS:\n this.datePickerYearsService.next(years);\n break;\n default:\n break;\n }\n }\n getDisplayedYearRange() {\n return this.years[0][0].toString() + '-' + this.years[4][this.years[4].length - 1].toString();\n }\n handleMonthChange(next) {\n if (next) {\n this.calendarService.nextMonth(this.activeYear, this.activeMonth);\n } else {\n this.calendarService.prevMonth(this.activeYear, this.activeMonth);\n }\n }\n static ɵfac = function FabricDatePickerViewPanelComponent_Factory(t) {\n return new (t || FabricDatePickerViewPanelComponent)(i0.ɵɵdirectiveInject(FabricDatePickerCalendarViewService), i0.ɵɵdirectiveInject(FabricDatePickerCalendarService), i0.ɵɵdirectiveInject(FabricDatePickerYearsService), i0.ɵɵdirectiveInject(FabricDatePickerYears));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricDatePickerViewPanelComponent,\n selectors: [[\"gui-date-picker-view-panel\"]],\n inputs: {\n fabricCalendarView: \"fabricCalendarView\",\n selectedDate: \"selectedDate\",\n activeMonth: \"activeMonth\",\n activeYear: \"activeYear\",\n years: \"years\"\n },\n decls: 6,\n vars: 3,\n consts: [[1, \"gui-date-picker-view-panel\"], [1, \"gui-date-picker-view-panel-date\", 3, \"click\"], [1, \"gui-date-picker-arrows\"], [1, \"gui-date-picker-arrow\", 3, \"click\", \"direction\"]],\n template: function FabricDatePickerViewPanelComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0)(1, \"div\", 1);\n i0.ɵɵlistener(\"click\", function FabricDatePickerViewPanelComponent_Template_div_click_1_listener() {\n return ctx.switchCalendarView();\n });\n i0.ɵɵtext(2);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(3, \"div\", 2)(4, \"gui-arrow-icon\", 3);\n i0.ɵɵlistener(\"click\", function FabricDatePickerViewPanelComponent_Template_gui_arrow_icon_click_4_listener() {\n return ctx.switchCard(ctx.FabricCalendarCardView.PREV);\n });\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(5, \"gui-arrow-icon\", 3);\n i0.ɵɵlistener(\"click\", function FabricDatePickerViewPanelComponent_Template_gui_arrow_icon_click_5_listener() {\n return ctx.switchCard(ctx.FabricCalendarCardView.NEXT);\n });\n i0.ɵɵelementEnd()()();\n }\n if (rf & 2) {\n i0.ɵɵadvance(2);\n i0.ɵɵtextInterpolate1(\" \", ctx.getDisplayedDate(), \" \");\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"direction\", ctx.Direction.LEFT);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"direction\", ctx.Direction.RIGHT);\n }\n },\n dependencies: [FabricArrowIconComponent],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricDatePickerViewPanelComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nclass FabricTimeValues {\n hours;\n minutes;\n seconds;\n constructor(hours, minutes, seconds) {\n this.hours = hours;\n this.minutes = minutes;\n this.seconds = seconds;\n }\n}\nlet FabricInputComponent = /*#__PURE__*/(() => {\n class FabricInputComponent {\n static ɵfac = function FabricInputComponent_Factory(t) {\n return new (t || FabricInputComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricInputComponent,\n selectors: [[\"input\", \"gui-input\", \"\"]],\n hostVars: 2,\n hostBindings: function FabricInputComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-input\", true);\n }\n },\n attrs: _c7,\n decls: 0,\n vars: 0,\n template: function FabricInputComponent_Template(rf, ctx) {},\n styles: [\".gui-input{background:#fff;border-color:#d6d6d6;border-radius:4px;border-style:solid;border-width:1px;color:#333;font:14px Arial;margin:0;max-width:100%;outline:0;padding:8px 12px;text-align:left;transition:border-color .3s ease-in-out}.gui-input:hover{border-color:#999}.gui-input:focus{border-color:#6fb4e8}.gui-input:disabled{color:#ccc;cursor:default;pointer-events:none}.gui-input:disabled::-moz-placeholder{color:#ccc}.gui-input:disabled:-ms-input-placeholder{color:#ccc}.gui-input:disabled::placeholder{color:#ccc}\\n\", \".gui-material .gui-input{border-color:#ccc;border-radius:0;border-style:solid;border-width:0 0 1px 0;font-family:Roboto,Helvetica Neue,sans-serif;padding-left:0;transition:border-color .3s ease-in-out}.gui-material .gui-input:not(:-moz-placeholder-shown){border-color:#6200ee}.gui-material .gui-input:not(:-ms-input-placeholder){border-color:#6200ee}.gui-material .gui-input:not(:placeholder-shown){border-color:#6200ee}.gui-material .gui-input:focus{border-color:#6200ee}\\n\", \".gui-dark .gui-input{background:#424242;border-color:#616161;color:#bdbdbd}.gui-dark .gui-input:hover{border-color:#757575}.gui-dark .gui-input:focus{border-color:#ce93d8}.gui-dark .gui-input:disabled{opacity:.36}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricInputComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricTimePickerComponent = /*#__PURE__*/(() => {\n class FabricTimePickerComponent extends FabricReactive {\n formBuilder;\n datePickerService;\n selectedDate;\n datePickerComposition = FabricDatePickerComposition.NONE;\n steps = 1;\n form;\n Direction = Direction;\n FabricDatePickerComposition = FabricDatePickerComposition;\n constructor(formBuilder, datePickerService) {\n super();\n this.formBuilder = formBuilder;\n this.datePickerService = datePickerService;\n this.form = this.formBuilder.group({\n hours: [''],\n minutes: [''],\n seconds: ['']\n });\n }\n ngOnChanges(changes) {\n if (changes['selectedDate']) {\n if (this.selectedDate) {}\n }\n }\n ngOnInit() {\n if (this.isActive(this.datePickerComposition, FabricDatePickerComposition.TIME_PICKER_HOURS)) {\n // @ts-ignore\n const hours$ = this.form.controls['hours'].valueChanges;\n hours$\n // @ts-ignore\n .pipe(takeUntil(this.unsubscribe$)).subscribe(hour => {\n const minHour = this.isMeridian() ? 1 : 0,\n maxHour = this.isMeridian() ? 12 : 23;\n if (hour > maxHour || hour < minHour) {\n this.form.controls['hours'].setValue(minHour);\n }\n this.changeSelectedDate();\n });\n }\n if (this.isActive(this.datePickerComposition, FabricDatePickerComposition.TIME_PICKER_MINUTES)) {\n this.form.controls['minutes'].valueChanges\n // @ts-ignore\n .pipe(takeUntil(this.unsubscribe$)).subscribe(value => {\n this.controlFormItemValue(value, 'minutes', 'hours');\n this.changeSelectedDate();\n });\n }\n if (this.isActive(this.datePickerComposition, FabricDatePickerComposition.TIME_PICKER_SECONDS)) {\n this.form.controls['seconds'].valueChanges\n // @ts-ignore\n .pipe(takeUntil(this.unsubscribe$)).subscribe(value => {\n this.controlFormItemValue(value, 'seconds', 'minutes');\n this.changeSelectedDate();\n });\n }\n this.setTimeFromSelectedDate();\n }\n changeTimeItem(formControlName, steps) {\n const value = this.form.controls[formControlName].value + steps;\n this.form.controls[formControlName].setValue(value);\n }\n changeSelectedDateTime() {\n this.datePickerService.next();\n }\n isActive(activeComposition, checkedComposition) {\n return !!(activeComposition & checkedComposition);\n }\n isMeridian() {\n return this.isActive(this.datePickerComposition, FabricDatePickerComposition.TIME_PICKER_MERIDIAN);\n }\n isOnlyTimePicker() {\n return !(this.datePickerComposition & FabricDatePickerComposition.DATE_PICKER);\n }\n changeSelectedDate() {\n if (this.selectedDate) {\n const hours = this.form.controls['hours'].value,\n minutes = this.form.controls['minutes'].value,\n seconds = this.form.controls['seconds'].value,\n timeValues = new FabricTimeValues(hours, minutes, seconds);\n this.datePickerService.changeTime(timeValues, this.selectedDate);\n }\n }\n controlFormItemValue(value, observedFormControlName, incFormControlName) {\n if (value > 59) {\n const timeItemValue = this.form.controls[incFormControlName].value,\n incTimeItemValue = timeItemValue + 1;\n this.form.controls[incFormControlName].setValue(incTimeItemValue);\n this.form.controls[observedFormControlName].setValue(0o0);\n } else if (value < 0) {\n this.form.controls[observedFormControlName].setValue(0);\n }\n }\n setTimeFromSelectedDate() {\n if (this.selectedDate) {\n const hours = this.selectedDate.getHours(),\n minutes = this.selectedDate.getMinutes(),\n seconds = this.selectedDate.getSeconds();\n this.form.controls['hours'].setValue(hours);\n this.form.controls['minutes'].setValue(minutes);\n this.form.controls['seconds'].setValue(seconds);\n }\n }\n static ɵfac = function FabricTimePickerComponent_Factory(t) {\n return new (t || FabricTimePickerComponent)(i0.ɵɵdirectiveInject(i1$1.FormBuilder), i0.ɵɵdirectiveInject(FabricDatePickerService));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricTimePickerComponent,\n selectors: [[\"gui-time-picker\"]],\n hostVars: 2,\n hostBindings: function FabricTimePickerComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"only-time-picker\", ctx.isOnlyTimePicker());\n }\n },\n inputs: {\n selectedDate: \"selectedDate\",\n datePickerComposition: \"datePickerComposition\"\n },\n features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature],\n decls: 7,\n vars: 5,\n consts: [[3, \"formGroup\"], [\"class\", \"gui-time-picker-item\", 4, \"ngIf\"], [1, \"gui-time-picker-button-wrapper\", 3, \"click\"], [\"gui-button\", \"\", 3, \"outline\"], [1, \"gui-time-picker-item\"], [1, \"gui-date-picker-arrow\", 3, \"click\", \"direction\"], [\"formControlName\", \"hours\", \"gui-input\", \"\", \"maxlength\", \"2\"], [\"formControlName\", \"minutes\", \"gui-input\", \"\", \"maxlength\", \"2\", \"type\", \"number\"], [\"formControlName\", \"seconds\", \"gui-input\", \"\", \"maxlength\", \"2\", \"type\", \"number\"]],\n template: function FabricTimePickerComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"form\", 0);\n i0.ɵɵtemplate(1, FabricTimePickerComponent_div_1_Template, 4, 2, \"div\", 1)(2, FabricTimePickerComponent_div_2_Template, 4, 2, \"div\", 1)(3, FabricTimePickerComponent_div_3_Template, 4, 2, \"div\", 1);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(4, \"div\", 2);\n i0.ɵɵlistener(\"click\", function FabricTimePickerComponent_Template_div_click_4_listener() {\n return ctx.changeSelectedDateTime();\n });\n i0.ɵɵelementStart(5, \"button\", 3);\n i0.ɵɵtext(6, \" Ok \");\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n i0.ɵɵproperty(\"formGroup\", ctx.form);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx.isActive(ctx.datePickerComposition, ctx.FabricDatePickerComposition.TIME_PICKER_HOURS));\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx.isActive(ctx.datePickerComposition, ctx.FabricDatePickerComposition.TIME_PICKER_MINUTES));\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx.isActive(ctx.datePickerComposition, ctx.FabricDatePickerComposition.TIME_PICKER_SECONDS));\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"outline\", true);\n }\n },\n dependencies: [i1.NgIf, i1$1.ɵNgNoValidate, i1$1.DefaultValueAccessor, i1$1.NumberValueAccessor, i1$1.NgControlStatus, i1$1.NgControlStatusGroup, i1$1.MaxLengthValidator, i1$1.FormGroupDirective, i1$1.FormControlName, FabricInputComponent, FabricButtonComponent, FabricArrowIconComponent],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricTimePickerComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerCalendarComponent = /*#__PURE__*/(() => {\n class FabricDatePickerCalendarComponent extends FabricReactive {\n datePickerService;\n datePickerFormatService;\n datePickerWeeks;\n datePickerYears;\n datePickerYearsService;\n calendarService;\n calendarViewService;\n changeDetectorRef;\n /** Cells representing days in weeks of the active month. */\n weeks = [];\n /** Year cells displayed in years view. */\n years = [];\n selectedDate;\n activeMonth = FabricDatePickerDefaultActiveMonth;\n activeYear = FabricDatePickerDefaultActiveYear;\n datePickerComposition = FabricDatePickerComposition.NONE;\n FabricDatePickerComposition = FabricDatePickerComposition;\n FabricCalendarView = FabricCalendarView;\n fabricCalendarView = FabricCalendarView.DAYS;\n constructor(datePickerService, datePickerFormatService, datePickerWeeks, datePickerYears, datePickerYearsService, calendarService, calendarViewService, changeDetectorRef) {\n super();\n this.datePickerService = datePickerService;\n this.datePickerFormatService = datePickerFormatService;\n this.datePickerWeeks = datePickerWeeks;\n this.datePickerYears = datePickerYears;\n this.datePickerYearsService = datePickerYearsService;\n this.calendarService = calendarService;\n this.calendarViewService = calendarViewService;\n this.changeDetectorRef = changeDetectorRef;\n }\n ngOnInit() {\n this.datePickerFormatService.onComposition().pipe(takeUntil(this.unsubscribe$)).subscribe(datePickerComposition => {\n this.datePickerComposition = datePickerComposition;\n });\n this.calendarService.onActiveMonth().pipe(takeUntil(this.unsubscribe$)).subscribe(month => {\n this.activeMonth = month;\n this.calculateDatePickerData();\n this.changeDetectorRef.detectChanges();\n });\n this.calendarService.onActiveYear().pipe(takeUntil(this.unsubscribe$)).subscribe(year => {\n this.activeYear = year;\n this.calculateDatePickerData();\n this.changeDetectorRef.detectChanges();\n });\n this.datePickerService.observeSelectedDate().pipe(takeUntil(this.unsubscribe$)).subscribe(date => {\n this.selectedDate = date;\n this.activeYear = date.getFullYear();\n this.activeMonth = date.getMonth();\n });\n this.datePickerYearsService.onYears().pipe(takeUntil(this.unsubscribe$)).subscribe(years => {\n this.years = years;\n this.changeDetectorRef.detectChanges();\n });\n this.calendarViewService.onActiveView().pipe(takeUntil(this.unsubscribe$)).subscribe(fabricCalendarView => {\n this.fabricCalendarView = fabricCalendarView;\n this.changeDetectorRef.detectChanges();\n });\n this.calculateDatePickerData();\n }\n getCalendarView() {\n if (event) {\n event.stopPropagation();\n }\n return this.fabricCalendarView;\n }\n isVisible(activeComposition, checkedComposition) {\n return !!(activeComposition & checkedComposition);\n }\n calculateDatePickerData() {\n this.weeks = this.datePickerWeeks.getDaysInMonths(this.activeYear, this.activeMonth);\n this.years = this.datePickerYears.getYears(this.activeYear);\n }\n static ɵfac = function FabricDatePickerCalendarComponent_Factory(t) {\n return new (t || FabricDatePickerCalendarComponent)(i0.ɵɵdirectiveInject(FabricDatePickerService), i0.ɵɵdirectiveInject(FabricDatePickerCompositionService), i0.ɵɵdirectiveInject(FabricDatePickerWeeks), i0.ɵɵdirectiveInject(FabricDatePickerYears), i0.ɵɵdirectiveInject(FabricDatePickerYearsService), i0.ɵɵdirectiveInject(FabricDatePickerCalendarService), i0.ɵɵdirectiveInject(FabricDatePickerCalendarViewService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricDatePickerCalendarComponent,\n selectors: [[\"gui-date-picker-toggle\"]],\n hostVars: 2,\n hostBindings: function FabricDatePickerCalendarComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-date-picker-calendar\", true);\n }\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n decls: 2,\n vars: 2,\n consts: [[4, \"ngIf\"], [3, \"datePickerComposition\", \"selectedDate\", 4, \"ngIf\"], [3, \"activeMonth\", \"activeYear\", \"fabricCalendarView\", \"selectedDate\", \"years\"], [3, \"ngSwitch\"], [3, \"activeMonth\", \"selectedDate\", \"weeks\", 4, \"ngSwitchCase\"], [3, \"activeYear\", \"selectedDate\", 4, \"ngSwitchCase\"], [3, \"selectedDate\", \"years\", 4, \"ngSwitchCase\"], [3, \"activeMonth\", \"selectedDate\", \"weeks\"], [3, \"activeYear\", \"selectedDate\"], [3, \"selectedDate\", \"years\"], [3, \"datePickerComposition\", \"selectedDate\"]],\n template: function FabricDatePickerCalendarComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵtemplate(0, FabricDatePickerCalendarComponent_ng_container_0_Template, 6, 9, \"ng-container\", 0)(1, FabricDatePickerCalendarComponent_gui_time_picker_1_Template, 1, 2, \"gui-time-picker\", 1);\n }\n if (rf & 2) {\n i0.ɵɵproperty(\"ngIf\", ctx.isVisible(ctx.datePickerComposition, ctx.FabricDatePickerComposition.DATE_PICKER));\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx.isVisible(ctx.datePickerComposition, ctx.FabricDatePickerComposition.TIME_PICKER));\n }\n },\n dependencies: [i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, FabricDatePickerDaysViewComponent, FabricDatePickerMonthsViewComponent, FabricDatePickerYearsComponent, FabricDatePickerViewPanelComponent, FabricTimePickerComponent],\n styles: [\".gui-box-border{box-sizing:border-box}.gui-bg-transparent{background-color:transparent}.gui-border{border-width:1px}.gui-border-0{border-width:0}.gui-border-b{border-bottom-width:1px}.gui-border-t{border-top-width:1px}.gui-border-solid{border-style:solid}.gui-border-b-solid{border-bottom-style:solid}.gui-border-t-solid{border-top-style:solid}.gui-border-none{border-style:none}.gui-rounded{border-radius:4px}.gui-cursor-pointer{cursor:pointer}.gui-block{display:block}.gui-inline-block{display:inline-block}.gui-inline{display:inline}.gui-flex{display:-ms-flexbox;display:flex}.gui-hidden{display:none}.gui-display-grid{display:grid}.gui-flex-row{-ms-flex-direction:row;flex-direction:row}.gui-flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.gui-flex-col{-ms-flex-direction:column;flex-direction:column}.gui-flex-col-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.gui-justify-start{-ms-flex-pack:start;justify-content:flex-start}.gui-justify-end{-ms-flex-pack:end;justify-content:flex-end}.gui-justify-center{-ms-flex-pack:center;justify-content:center}.gui-justify-between{-ms-flex-pack:justify;justify-content:space-between}.gui-justify-around{-ms-flex-pack:distribute;justify-content:space-around}.gui-justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.gui-items-start{-ms-flex-align:start;align-items:flex-start}.gui-items-end{-ms-flex-align:end;align-items:flex-end}.gui-items-center{-ms-flex-align:center;align-items:center}.gui-items-between{-ms-flex-align:space-between;align-items:space-between}.gui-items-around{-ms-flex-align:space-around;align-items:space-around}.gui-items-evenly{-ms-flex-align:space-evenly;align-items:space-evenly}.gui-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.gui-flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.gui-flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.gui-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gui-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gui-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gui-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gui-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.gui-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gui-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.gui-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.gui-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.gui-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.gui-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.gui-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.gui-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.gui-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.gui-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.gui-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.gui-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.gui-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.gui-grid-rows-gap-0{grid-row-gap:0}.gui-grid-rows-gap-1{grid-row-gap:1px}.gui-grid-rows-gap-2{grid-row-gap:2px}.gui-grid-rows-gap-3{grid-row-gap:3px}.gui-grid-rows-gap-4{grid-row-gap:4px}.gui-grid-rows-gap-5{grid-row-gap:6px}.gui-grid-rows-gap-6{grid-row-gap:8px}.gui-grid-rows-gap-7{grid-row-gap:10px}.gui-grid-rows-gap-8{grid-row-gap:12px}.gui-grid-rows-gap-10{grid-row-gap:16px}.gui-grid-rows-gap-13{grid-row-gap:22px}.gui-grid-rows-gap-23{grid-row-gap:42px}.gui-grid-cols-gap-0{grid-column-gap:0}.gui-grid-cols-gap-1{grid-column-gap:1px}.gui-grid-cols-gap-2{grid-column-gap:2px}.gui-grid-cols-gap-3{grid-column-gap:3px}.gui-grid-cols-gap-4{grid-column-gap:4px}.gui-grid-cols-gap-5{grid-column-gap:6px}.gui-grid-cols-gap-6{grid-column-gap:8px}.gui-grid-cols-gap-7{grid-column-gap:10px}.gui-grid-cols-gap-8{grid-column-gap:12px}.gui-grid-cols-gap-10{grid-column-gap:16px}.gui-grid-cols-gap-13{grid-column-gap:22px}.gui-grid-cols-gap-23{grid-column-gap:42px}.gui-h-full{height:100%}.gui-list-none{list-style-type:none}.gui-m-0{margin:0}.gui-mx-0{margin-left:0;margin-right:0}.gui-my-0{margin-bottom:0;margin-top:0}.-gui-m-0{margin:0}.-gui-mx-0{margin-left:0;margin-right:0}.-gui-my-0{margin-bottom:0;margin-top:0}.gui-m-1{margin:1px}.gui-mx-1{margin-left:1px;margin-right:1px}.gui-my-1{margin-bottom:1px;margin-top:1px}.-gui-m-1{margin:-1px}.-gui-mx-1{margin-left:-1px;margin-right:-1px}.-gui-my-1{margin-bottom:-1px;margin-top:-1px}.gui-m-2{margin:2px}.gui-mx-2{margin-left:2px;margin-right:2px}.gui-my-2{margin-bottom:2px;margin-top:2px}.-gui-m-2{margin:-2px}.-gui-mx-2{margin-left:-2px;margin-right:-2px}.-gui-my-2{margin-bottom:-2px;margin-top:-2px}.gui-m-3{margin:3px}.gui-mx-3{margin-left:3px;margin-right:3px}.gui-my-3{margin-bottom:3px;margin-top:3px}.-gui-m-3{margin:-3px}.-gui-mx-3{margin-left:-3px;margin-right:-3px}.-gui-my-3{margin-bottom:-3px;margin-top:-3px}.gui-m-4{margin:4px}.gui-mx-4{margin-left:4px;margin-right:4px}.gui-my-4{margin-bottom:4px;margin-top:4px}.-gui-m-4{margin:-4px}.-gui-mx-4{margin-left:-4px;margin-right:-4px}.-gui-my-4{margin-bottom:-4px;margin-top:-4px}.gui-m-5{margin:6px}.gui-mx-5{margin-left:6px;margin-right:6px}.gui-my-5{margin-bottom:6px;margin-top:6px}.-gui-m-5{margin:-6px}.-gui-mx-5{margin-left:-6px;margin-right:-6px}.-gui-my-5{margin-bottom:-6px;margin-top:-6px}.gui-m-6{margin:8px}.gui-mx-6{margin-left:8px;margin-right:8px}.gui-my-6{margin-bottom:8px;margin-top:8px}.-gui-m-6{margin:-8px}.-gui-mx-6{margin-left:-8px;margin-right:-8px}.-gui-my-6{margin-bottom:-8px;margin-top:-8px}.gui-m-7{margin:10px}.gui-mx-7{margin-left:10px;margin-right:10px}.gui-my-7{margin-bottom:10px;margin-top:10px}.-gui-m-7{margin:-10px}.-gui-mx-7{margin-left:-10px;margin-right:-10px}.-gui-my-7{margin-bottom:-10px;margin-top:-10px}.gui-m-8{margin:12px}.gui-mx-8{margin-left:12px;margin-right:12px}.gui-my-8{margin-bottom:12px;margin-top:12px}.-gui-m-8{margin:-12px}.-gui-mx-8{margin-left:-12px;margin-right:-12px}.-gui-my-8{margin-bottom:-12px;margin-top:-12px}.gui-m-10{margin:16px}.gui-mx-10{margin-left:16px;margin-right:16px}.gui-my-10{margin-bottom:16px;margin-top:16px}.-gui-m-10{margin:-16px}.-gui-mx-10{margin-left:-16px;margin-right:-16px}.-gui-my-10{margin-bottom:-16px;margin-top:-16px}.gui-m-13{margin:22px}.gui-mx-13{margin-left:22px;margin-right:22px}.gui-my-13{margin-bottom:22px;margin-top:22px}.-gui-m-13{margin:-22px}.-gui-mx-13{margin-left:-22px;margin-right:-22px}.-gui-my-13{margin-bottom:-22px;margin-top:-22px}.gui-m-23{margin:42px}.gui-mx-23{margin-left:42px;margin-right:42px}.gui-my-23{margin-bottom:42px;margin-top:42px}.-gui-m-23{margin:-42px}.-gui-mx-23{margin-left:-42px;margin-right:-42px}.-gui-my-23{margin-bottom:-42px;margin-top:-42px}.gui-mb-4{margin-bottom:4px}.gui-mb-6{margin-bottom:8px}.gui-mb-8{margin-bottom:12px}.gui-mb-10{margin-bottom:16px}.gui-mb-18{margin-bottom:32px}.gui-mr-0{margin-right:0}.gui-mr-5{margin-right:6px}.gui-mr-auto{margin-right:auto}.gui-ml-auto{margin-left:auto}.gui-ml-6{margin-left:8px}.gui-mt-0{margin-top:0}.gui-mt-4{margin-top:4px}.gui-mt-6{margin-top:8px}.gui-mt-10{margin-top:16px}.gui-mt-14{margin-top:24px}.gui-overflow-hidden{overflow:hidden}.gui-overflow-y-scroll{overflow-y:scroll}.gui-overflow-x-hidden{overflow-x:hidden}.gui-overflow-auto{overflow:auto}.gui-p-0{padding:0}.gui-px-0{padding-left:0;padding-right:0}.gui-py-0{padding-bottom:0;padding-top:0}.gui-p-1{padding:1px}.gui-px-1{padding-left:1px;padding-right:1px}.gui-py-1{padding-bottom:1px;padding-top:1px}.gui-p-2{padding:2px}.gui-px-2{padding-left:2px;padding-right:2px}.gui-py-2{padding-bottom:2px;padding-top:2px}.gui-p-3{padding:3px}.gui-px-3{padding-left:3px;padding-right:3px}.gui-py-3{padding-bottom:3px;padding-top:3px}.gui-p-4{padding:4px}.gui-px-4{padding-left:4px;padding-right:4px}.gui-py-4{padding-bottom:4px;padding-top:4px}.gui-p-5{padding:6px}.gui-px-5{padding-left:6px;padding-right:6px}.gui-py-5{padding-bottom:6px;padding-top:6px}.gui-p-6{padding:8px}.gui-px-6{padding-left:8px;padding-right:8px}.gui-py-6{padding-bottom:8px;padding-top:8px}.gui-p-7{padding:10px}.gui-px-7{padding-left:10px;padding-right:10px}.gui-py-7{padding-bottom:10px;padding-top:10px}.gui-p-8{padding:12px}.gui-px-8{padding-left:12px;padding-right:12px}.gui-py-8{padding-bottom:12px;padding-top:12px}.gui-p-10{padding:16px}.gui-px-10{padding-left:16px;padding-right:16px}.gui-py-10{padding-bottom:16px;padding-top:16px}.gui-p-13{padding:22px}.gui-px-13{padding-left:22px;padding-right:22px}.gui-py-13{padding-bottom:22px;padding-top:22px}.gui-p-23{padding:42px}.gui-px-23{padding-left:42px;padding-right:42px}.gui-py-23{padding-bottom:42px;padding-top:42px}.gui-pr-10{padding-right:16px}.gui-pl-9{padding-right:10px}.gui-pb-6{padding-bottom:8px}.gui-pb-12{padding-bottom:20px}.gui-pl-21{padding-left:38px}.gui-pt-4{padding-top:4px}.gui-pt-6{padding-top:8px}.gui-pt-10{padding-top:16px}.gui-pt-12{padding-top:20px}.gui-pt-14{padding-top:24px}.gui-static{position:static}.gui-fixed{position:fixed}.gui-relative{position:relative}.gui-absolute{position:absolute}.gui-text-xxs{font-size:11px}.gui-text-xs{font-size:12px}.gui-text-sm{font-size:13px}.gui-text-base{font-size:14px}.gui-text-lg{font-size:16px}.gui-text-xl{font-size:18px}.gui-text-2xl{font-size:20px}.gui-text-3xl{font-size:22px}.gui-leading-4{line-height:16px}.gui-leading-6{line-height:24px}.gui-font-thin{font-weight:100}.gui-font-extralight{font-weight:200}.gui-font-light{font-weight:300}.gui-font-normal{font-weight:400}.gui-font-medium{font-weight:500}.gui-font-semibold{font-weight:600}.gui-font-bold{font-weight:700}.gui-font-extrabold{font-weight:800}.gui-font-black{font-weight:900}.gui-italic{font-style:italic}.gui-not-italic{font-style:normal}.gui-whitespace-nowrap{white-space:nowrap}.gui-overflow-ellipsis{text-overflow:ellipsis}.gui-no-underline{text-decoration:none}.gui-text-center{text-align:center}.gui-w-full{width:100%}.gui-w-96{width:384px}.gui-w-3\\\\/5{width:60%}.gui-date-picker-calendar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;font-family:Roboto,Helvetica Neue,sans-serif;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:0 0 12px;width:268px}.gui-date-picker-header{font-size:13px;font-weight:400;text-align:center;border-top:1px solid #999}.gui-date-picker-cell{border-radius:4px;border-color:transparent;border-style:solid;border-width:1px;padding:2px 4px;position:relative;text-align:center;font-size:13px;z-index:0}.gui-date-picker-cell:before{border:1px solid #999;border-radius:50%;box-sizing:border-box;content:\\\"\\\";display:none;height:36px;left:50%;position:absolute;top:50%;-ms-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%);width:36px;z-index:-1}.gui-date-picker-cell:after{background:transparent;border-radius:50%;box-sizing:border-box;content:\\\"\\\";display:block;height:32px;left:50%;position:absolute;top:50%;-ms-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%);width:32px;z-index:-1}.gui-date-picker-cell:hover:after{background:#e6e6e6}.gui-date-picker-day{color:#333;cursor:pointer;opacity:.2}.gui-date-picker-day.gui-date-picker-selected-month{opacity:1}.gui-date-picker-month,.gui-date-picker-year{cursor:pointer}.gui-date-picker-year{font-size:13px}.gui-date-picker-day.gui-date-picker-current-day:before,.gui-date-picker-month.gui-date-picker-current-month:before,.gui-date-picker-year.gui-date-picker-current-year:before{display:block}.gui-date-picker-day.gui-date-picker-selected-day{pointer-events:none}.gui-date-picker-day.gui-date-picker-selected-day,.gui-date-picker-month.gui-date-picker-selected-month,.gui-date-picker-year.gui-date-picker-selected-year{color:#fff}.gui-date-picker-day.gui-date-picker-selected-day:after,.gui-date-picker-month.gui-date-picker-selected-month:after,.gui-date-picker-year.gui-date-picker-selected-year:after{background:#2185d0}.gui-date-picker-arrows{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:32px}.gui-date-picker-view-padding{padding:0 8px}.gui-date-picker-view-border-top{border-top:1px solid #999}gui-time-picker{border-top:1px solid #999;margin:6px 0 0;padding:12px 0 2.6666666667px}gui-time-picker form{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}gui-time-picker.only-time-picker{border-top:none}.gui-time-picker-button-wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;padding-right:8px}.gui-time-picker-button-wrapper .gui-button{font-size:12px}.gui-time-picker-item{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 8px;position:relative}.gui-time-picker-item input{box-sizing:border-box;max-width:24px;text-align:center}.gui-time-picker-item input::-webkit-outer-spin-button,.gui-time-picker-item input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gui-time-picker-item input[type=number]{-moz-appearance:textfield}.gui-time-picker-item .gui-date-picker-arrow:nth-of-type(1){margin-bottom:2px}.gui-time-picker-item .gui-date-picker-arrow:nth-of-type(2){margin-top:6px}.gui-date-picker-view-panel{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:16px 18px}.gui-date-picker-view-panel .gui-date-picker-view-panel-date{cursor:pointer;font-size:14px;font-weight:700;margin:0;pointer-events:auto}.gui-date-picker-arrow{position:relative;z-index:0}.gui-date-picker-arrow:hover:after{background:#e6e6e6;border-radius:50%;box-sizing:border-box;content:\\\"\\\";display:block;height:24px;left:50%;position:absolute;top:50%;-ms-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%);width:24px;z-index:-1}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricDatePickerCalendarComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nvar FabricPlacement = /*#__PURE__*/function (FabricPlacement) {\n FabricPlacement[FabricPlacement[\"TOP\"] = 1] = \"TOP\";\n FabricPlacement[FabricPlacement[\"BOTTOM\"] = 2] = \"BOTTOM\";\n FabricPlacement[FabricPlacement[\"BEFORE\"] = 3] = \"BEFORE\";\n FabricPlacement[FabricPlacement[\"AFTER\"] = 4] = \"AFTER\";\n return FabricPlacement;\n}(FabricPlacement || {});\nconst themeToken = new InjectionToken('Theme token');\nlet FabricModalThemeService = /*#__PURE__*/(() => {\n class FabricModalThemeService {\n fabricTheme$ = new BehaviorSubject(Theme.FABRIC);\n onTheme() {\n return this.fabricTheme$.asObservable();\n }\n changeTheme(theme) {\n const fabricTheme = typeof theme === 'string' ? this.convertToTheme(theme) : theme;\n this.fabricTheme$.next(fabricTheme);\n }\n convertToTheme(theme) {\n switch (theme.toLowerCase()) {\n case 'fabric':\n return Theme.FABRIC;\n case 'material':\n return Theme.MATERIAL;\n case 'generic':\n return Theme.GENERIC;\n case 'light':\n return Theme.LIGHT;\n case 'dark':\n return Theme.DARK;\n default:\n return Theme.FABRIC;\n }\n }\n static ɵfac = function FabricModalThemeService_Factory(t) {\n return new (t || FabricModalThemeService)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricModalThemeService,\n factory: FabricModalThemeService.ɵfac\n });\n }\n return FabricModalThemeService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricThemedComponent = /*#__PURE__*/(() => {\n class FabricThemedComponent extends FabricReactive {\n elementRef;\n renderer;\n themeService;\n static CSS_CLASS_PREFIX = 'gui-';\n constructor(elementRef, renderer, themeService) {\n super();\n this.elementRef = elementRef;\n this.renderer = renderer;\n this.themeService = themeService;\n }\n ngAfterViewInit() {\n this.themeService.onTheme().pipe(distinctUntilChanged(), takeUntil(this.unsubscribe$)).subscribe(theme => {\n this.addTheme(theme);\n });\n }\n addTheme(theme) {\n this.removeThemes();\n const cssClass = FabricThemedComponent.CSS_CLASS_PREFIX + theme.toLowerCase();\n this.renderer.addClass(this.elementRef.nativeElement, cssClass);\n }\n removeThemes() {\n const themes = Object.keys(Theme).map(key => Theme[key].toLowerCase()).filter(val => !Number.isInteger(val));\n themes.forEach(theme => {\n const cssClass = FabricThemedComponent.CSS_CLASS_PREFIX + theme;\n this.renderer.removeClass(this.elementRef.nativeElement, cssClass);\n });\n }\n getElementRef() {\n return this.elementRef;\n }\n getRenderer() {\n return this.renderer;\n }\n static ɵfac = function FabricThemedComponent_Factory(t) {\n return new (t || FabricThemedComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(FabricModalThemeService));\n };\n static ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: FabricThemedComponent,\n features: [i0.ɵɵInheritDefinitionFeature]\n });\n }\n return FabricThemedComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nclass FabricGeometry {\n elementRef;\n containerClassName;\n constructor(elementRef, containerClassName) {\n this.elementRef = elementRef;\n this.containerClassName = containerClassName;\n }\n getHeight() {\n return this.elementRef.nativeElement.querySelector(`.${this.containerClassName}`).offsetHeight;\n }\n getWidth() {\n return this.elementRef.nativeElement.querySelector(`.${this.containerClassName}`).offsetWidth;\n }\n}\nclass FabricCords extends FabricGeometry {\n verticalPosition = 0;\n horizontalPosition = 0;\n constructor(window, invokerElementRef, invokedElementRef, containerClassName, placement, offset) {\n super(invokedElementRef, containerClassName);\n this.calculateCords(window, invokerElementRef, offset, placement);\n }\n getVerticalPosition() {\n return this.verticalPosition;\n }\n getHorizontalPosition() {\n return this.horizontalPosition;\n }\n calculateCords(window, invokerElementRef, offset, placement) {\n const elementRect = invokerElementRef.nativeElement.getBoundingClientRect(),\n elementBottom = window.pageYOffset + elementRect.bottom,\n elementLeft = window.pageXOffset + elementRect.left,\n elementRight = window.pageXOffset + elementRect.right,\n elementTop = window.pageYOffset + elementRect.top,\n topCords = elementTop + offset - this.getHeight();\n switch (placement) {\n case FabricPlacement.BOTTOM:\n this.horizontalPosition = elementLeft;\n this.verticalPosition = elementBottom + offset;\n break;\n case FabricPlacement.TOP:\n this.horizontalPosition = elementLeft;\n this.verticalPosition = topCords;\n break;\n case FabricPlacement.BEFORE:\n this.horizontalPosition = elementRight + offset - this.getWidth();\n this.verticalPosition = elementBottom;\n break;\n case FabricPlacement.AFTER:\n this.horizontalPosition = elementLeft + offset;\n this.verticalPosition = elementBottom;\n break;\n default:\n this.horizontalPosition = elementLeft;\n this.verticalPosition = elementBottom + offset;\n }\n this.calculateDirection(invokerElementRef, window, topCords);\n }\n calculateDirection(invokerElementRef, window, topCords) {\n const windowHeightWithOffset = window.innerHeight + window.pageYOffset,\n windowWidthWithOffset = window.innerWidth + window.pageXOffset,\n invokerElementWidth = invokerElementRef.nativeElement.offsetWidth,\n invokedElementHeight = this.getHeight(),\n invokedElementWidth = this.getWidth();\n const invokedElementDoesNotFitHorizontally = windowWidthWithOffset - this.horizontalPosition - invokedElementWidth < 0,\n invokedElementDoesNotFitVertically = windowHeightWithOffset - this.verticalPosition - invokedElementHeight < 0;\n if (invokedElementDoesNotFitHorizontally) {\n this.horizontalPosition -= invokedElementWidth - invokerElementWidth;\n }\n if (invokedElementDoesNotFitVertically) {\n this.verticalPosition = topCords;\n }\n }\n}\nlet InlineDialogCords = /*#__PURE__*/(() => {\n class InlineDialogCords extends FabricCords {\n static defaultInlineDialogOffset = 8;\n constructor(invokerElementRef, invokedElementRef, window, placement, inlineDialogOffset = InlineDialogCords.defaultInlineDialogOffset) {\n super(window, invokerElementRef, invokedElementRef, 'gui-inline-dialog-wrapper', placement, inlineDialogOffset);\n }\n }\n return InlineDialogCords;\n})();\nlet InlineDialogGeometryService = /*#__PURE__*/(() => {\n class InlineDialogGeometryService {\n platformId;\n inlineDialogGeometry;\n inlineDialogState$ = new Subject();\n constructor(platformId) {\n this.platformId = platformId;\n }\n observeInlineDialogCords() {\n return this.inlineDialogState$.asObservable();\n }\n changeGeometry(inlineDialogRef) {\n this.inlineDialogGeometry = inlineDialogRef;\n }\n getInlineDialogCords(invokerElementRef, placement, offset) {\n if (isPlatformBrowser(this.platformId)) {\n const inlineDialogCords = new InlineDialogCords(invokerElementRef, this.inlineDialogGeometry, window, placement, offset);\n this.inlineDialogState$.next(inlineDialogCords);\n }\n }\n static ɵfac = function InlineDialogGeometryService_Factory(t) {\n return new (t || InlineDialogGeometryService)(i0.ɵɵinject(PLATFORM_ID));\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: InlineDialogGeometryService,\n factory: InlineDialogGeometryService.ɵfac\n });\n }\n return InlineDialogGeometryService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricInlineDialogComponent = /*#__PURE__*/(() => {\n class FabricInlineDialogComponent extends FabricThemedComponent {\n componentFactoryResolver;\n changeDetectorRef;\n inlineDialogService;\n elRef;\n inlineDialogGeometryService;\n container;\n customClass = '';\n inlineDialogNestedComponent;\n inlineDialogNestedInjector;\n dialogTopAttribute;\n dialogLeftAttribute;\n visible = false;\n width = '400px';\n constructor(componentFactoryResolver, changeDetectorRef, inlineDialogService, elRef, inlineDialogGeometryService, renderer, themeService, theme) {\n super(elRef, renderer, themeService);\n this.componentFactoryResolver = componentFactoryResolver;\n this.changeDetectorRef = changeDetectorRef;\n this.inlineDialogService = inlineDialogService;\n this.elRef = elRef;\n this.inlineDialogGeometryService = inlineDialogGeometryService;\n }\n ngOnInit() {\n this.inlineDialogGeometryService.observeInlineDialogCords().pipe(takeUntil(this.unsubscribe$)).subscribe(inlineDialogCords => {\n this.dialogTopAttribute = inlineDialogCords.getVerticalPosition();\n this.dialogLeftAttribute = inlineDialogCords.getHorizontalPosition();\n this.changeDetectorRef.detectChanges();\n });\n }\n ngAfterViewInit() {\n super.ngAfterViewInit();\n this.createNestedComponent(this.inlineDialogNestedComponent);\n this.inlineDialogGeometryService.changeGeometry(this.elRef);\n this.changeDetectorRef.detectChanges();\n timer(0).pipe(takeUntil(this.unsubscribe$)).subscribe(() => {\n this.visible = true;\n this.changeDetectorRef.detectChanges();\n });\n }\n ngOnDestroy() {\n this.unsubscribe();\n }\n clickOutside(event) {\n if (this.isContainerClicked(event)) {\n this.inlineDialogService.close();\n }\n }\n isContainerClicked(event) {\n return !this.elRef.nativeElement.contains(event.target);\n }\n createNestedComponent(component) {\n if (this.container && component) {\n const componentFactory = this.componentFactoryResolver.resolveComponentFactory(component);\n if (this.inlineDialogNestedInjector) {\n this.container.createComponent(componentFactory, undefined, this.inlineDialogNestedInjector);\n } else {\n this.container.createComponent(componentFactory);\n }\n this.changeDetectorRef.detectChanges();\n }\n }\n static ɵfac = function FabricInlineDialogComponent_Factory(t) {\n return new (t || FabricInlineDialogComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(forwardRef(() => FabricInlineDialogService)), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(InlineDialogGeometryService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(FabricModalThemeService), i0.ɵɵdirectiveInject(themeToken));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricInlineDialogComponent,\n selectors: [[\"ng-component\"]],\n viewQuery: function FabricInlineDialogComponent_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c8, 5, ViewContainerRef);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);\n }\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n decls: 4,\n vars: 9,\n consts: [[\"container\", \"\"], [1, \"gui-inline-dialog-wrapper\", 3, \"ngClass\"], [1, \"gui-inline-dialog-content\", 3, \"click\"]],\n template: function FabricInlineDialogComponent_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 1)(1, \"div\", 2);\n i0.ɵɵlistener(\"click\", function FabricInlineDialogComponent_Template_div_click_1_listener($event) {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.clickOutside($event));\n }, false, i0.ɵɵresolveDocument);\n i0.ɵɵtemplate(2, FabricInlineDialogComponent_ng_template_2_Template, 0, 0, \"ng-template\", null, 0, i0.ɵɵtemplateRefExtractor);\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n i0.ɵɵstyleProp(\"left\", ctx.dialogLeftAttribute, \"px\")(\"top\", ctx.dialogTopAttribute, \"px\");\n i0.ɵɵproperty(\"ngClass\", ctx.customClass);\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"max-width\", ctx.width);\n i0.ɵɵclassProp(\"gui-inline-dialog-visible\", ctx.visible);\n }\n },\n dependencies: [i1.NgClass],\n styles: [\".gui-inline-dialog-wrapper{box-sizing:border-box;position:absolute;z-index:1}.gui-inline-dialog-wrapper .gui-inline-dialog-content{background-color:#fff;border-radius:4px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;box-sizing:border-box;display:block;z-index:1000;opacity:0;transition:opacity .2s ease-in-out}.gui-inline-dialog-wrapper .gui-inline-dialog-content.gui-inline-dialog-visible{opacity:1}\\n\", \".gui-dark .gui-inline-dialog-content{background:#424242;box-shadow:0 1px 2px #424242;color:#bdbdbd}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricInlineDialogComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricInlineDialogService = /*#__PURE__*/(() => {\n class FabricInlineDialogService {\n componentFactoryResolver;\n applicationRef;\n injector;\n document;\n inlineDialogGeometryService;\n inlineDialogRef = null;\n opened = false;\n opened$ = new BehaviorSubject(false);\n destroy$ = new Subject();\n constructor(componentFactoryResolver, applicationRef, injector, document, inlineDialogGeometryService) {\n this.componentFactoryResolver = componentFactoryResolver;\n this.applicationRef = applicationRef;\n this.injector = injector;\n this.document = document;\n this.inlineDialogGeometryService = inlineDialogGeometryService;\n }\n ngOnDestroy() {\n this.removeInlineDialog();\n }\n open(element, component, config) {\n if (event) {\n event.stopPropagation();\n }\n if (!this.inlineDialogRef) {\n let parentInjector = this.injector,\n placement = FabricPlacement.BOTTOM,\n offset = 0,\n theme = Theme.FABRIC,\n customClass = '';\n if (config && config.injector) {\n parentInjector = config.injector;\n }\n if (config && config.placement) {\n placement = config.placement;\n }\n if (config && config.offset) {\n offset = config.offset;\n }\n if (config && config.theme) {\n theme = config.theme;\n }\n if (config && config.customClass) {\n customClass = config.customClass;\n }\n const injector = Injector.create({\n providers: [{\n provide: themeToken,\n useValue: theme\n }],\n parent: parentInjector\n });\n this.setOpened(true);\n this.appendInlineDialogToElement(component, injector, customClass);\n this.inlineDialogGeometryService.getInlineDialogCords(element, placement, offset);\n this.closeOnEscKey();\n } else {\n this.close();\n }\n }\n close() {\n this.removeInlineDialog();\n this.destroy$.next(undefined);\n this.destroy$.complete();\n this.setOpened(false);\n }\n isOpened() {\n return this.opened;\n }\n onOpened() {\n return this.opened$.asObservable();\n }\n appendInlineDialogToElement(component, injector, customClass) {\n const componentRef = this.componentFactoryResolver.resolveComponentFactory(FabricInlineDialogComponent).create(injector);\n if (customClass) {\n componentRef.instance.customClass = customClass;\n }\n componentRef.instance.inlineDialogNestedComponent = component;\n componentRef.changeDetectorRef.detectChanges();\n this.applicationRef.attachView(componentRef.hostView);\n const domDialogElement = componentRef.hostView.rootNodes[0];\n this.document.body.appendChild(domDialogElement);\n this.inlineDialogRef = componentRef;\n }\n removeInlineDialog() {\n if (this.inlineDialogRef) {\n this.applicationRef.detachView(this.inlineDialogRef.hostView);\n this.inlineDialogRef.destroy();\n this.inlineDialogRef = null;\n }\n }\n setOpened(opened) {\n this.opened = opened;\n this.opened$.next(this.opened);\n }\n closeOnEscKey() {\n const close$ = fromEvent(this.document, 'keyup');\n close$.pipe(filter(key => key.code === 'Escape'), takeUntil(this.destroy$)).subscribe(() => this.close());\n }\n static ɵfac = function FabricInlineDialogService_Factory(t) {\n return new (t || FabricInlineDialogService)(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(DOCUMENT), i0.ɵɵinject(InlineDialogGeometryService));\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricInlineDialogService,\n factory: FabricInlineDialogService.ɵfac\n });\n }\n return FabricInlineDialogService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerInlineDialogService = /*#__PURE__*/(() => {\n class FabricDatePickerInlineDialogService {\n fabricInlineDialogService;\n constructor(fabricInlineDialogService) {\n this.fabricInlineDialogService = fabricInlineDialogService;\n }\n open(element, component, datePickerThem) {\n let theme = Theme.FABRIC;\n if (datePickerThem) {\n theme = datePickerThem;\n }\n this.fabricInlineDialogService.open(element, component, {\n placement: FabricPlacement.BOTTOM,\n offset: 0,\n theme\n });\n }\n close() {\n this.fabricInlineDialogService.close();\n }\n isOpened() {\n return this.fabricInlineDialogService.isOpened();\n }\n onOpened() {\n return this.fabricInlineDialogService.onOpened();\n }\n static ɵfac = function FabricDatePickerInlineDialogService_Factory(t) {\n return new (t || FabricDatePickerInlineDialogService)(i0.ɵɵinject(FabricInlineDialogService));\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricDatePickerInlineDialogService,\n factory: FabricDatePickerInlineDialogService.ɵfac\n });\n }\n return FabricDatePickerInlineDialogService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet DatePickerIconComponent = /*#__PURE__*/(() => {\n class DatePickerIconComponent {\n static ɵfac = function DatePickerIconComponent_Factory(t) {\n return new (t || DatePickerIconComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: DatePickerIconComponent,\n selectors: [[\"gui-date-picker-icon\"]],\n hostVars: 2,\n hostBindings: function DatePickerIconComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-date-picker-icon\", true);\n }\n },\n decls: 8,\n vars: 0,\n consts: [[\"height\", \"9.82\", \"viewBox\", \"0 0 8.76 9.82\", \"width\", \"8.76\", \"xmlns\", \"http://www.w3.org/2000/svg\"], [\"d\", \"M401.41,308.63l-.46.15h-.15a.34.34,0,0,1-.08-.67l.68-.22a1.539,1.539,0,0,1,.38-.07h0a.39.39,0,0,1,.39.39V312a.38.38,0,0,1-.39.39.39.39,0,0,1-.39-.39Z\", \"fill\", \"#8c8b8b\", \"transform\", \"translate(-397.19 -304.36)\"], [\"fill\", \"none\", \"stroke-linecap\", \"round\", \"stroke-linejoin\", \"round\", \"stroke-width\", \"1\", \"transform\", \"translate(0.64 9.32)\", \"x1\", \"7.39\"], [\"fill\", \"none\", \"stroke-linecap\", \"round\", \"stroke-linejoin\", \"round\", \"stroke-width\", \"1\", \"transform\", \"translate(0.64 2.16)\", \"x1\", \"7.39\"], [\"fill\", \"none\", \"stroke-linecap\", \"round\", \"stroke-linejoin\", \"round\", \"stroke-width\", \"1\", \"transform\", \"translate(0.5 0.5)\", \"y2\", \"8.82\"], [\"fill\", \"none\", \"stroke-linecap\", \"round\", \"stroke-linejoin\", \"round\", \"stroke-width\", \"1\", \"transform\", \"translate(3.09 0.5)\", \"y2\", \"1.66\"], [\"fill\", \"none\", \"stroke-linecap\", \"round\", \"stroke-linejoin\", \"round\", \"stroke-width\", \"1\", \"transform\", \"translate(5.68 0.5)\", \"y2\", \"1.66\"], [\"fill\", \"none\", \"stroke-linecap\", \"round\", \"stroke-linejoin\", \"round\", \"stroke-width\", \"1\", \"transform\", \"translate(8.26 0.5)\", \"y2\", \"8.82\"]],\n template: function DatePickerIconComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵnamespaceSVG();\n i0.ɵɵelementStart(0, \"svg\", 0);\n i0.ɵɵelement(1, \"path\", 1)(2, \"line\", 2)(3, \"line\", 3)(4, \"line\", 4)(5, \"line\", 5)(6, \"line\", 6)(7, \"line\", 7);\n i0.ɵɵelementEnd();\n }\n },\n styles: [\".gui-date-picker-icon svg{height:16px;width:16px}.gui-date-picker-icon svg line,.gui-date-picker-icon svg path{transition:all .3s ease-in-out}.gui-date-picker-icon svg line{stroke:#aaa}.gui-date-picker-icon svg path{fill:#aaa}.gui-date-picker-icon svg:hover line{stroke:#464646}.gui-date-picker-icon svg:hover path{fill:#464646}\\n\", \".gui-dark .gui-date-picker-icon svg line{stroke:#bdbdbd}.gui-dark .gui-date-picker-icon svg path{fill:#bdbdbd}.gui-dark .gui-date-picker-icon svg:hover line{stroke:#616161}.gui-dark .gui-date-picker-icon svg:hover path{fill:#616161}\\n\"],\n encapsulation: 2\n });\n }\n return DatePickerIconComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerComponent = /*#__PURE__*/(() => {\n class FabricDatePickerComponent extends FabricReactive {\n fabricDatePickerInlineDialogService;\n datePickerService;\n datePickerCompositionService;\n changeDetectorRef;\n datePickerRef;\n parentElement;\n theme;\n selectDate;\n name = '';\n openDialog = false;\n onlyDialog = false;\n datePipeOptions = 'dd/MM/yyyy';\n dateSelected = new EventEmitter();\n dialogOpened = new EventEmitter();\n datePickerForm;\n pickedDate = new Date();\n inputDisabled = '';\n constructor(fabricDatePickerInlineDialogService, datePickerService, datePickerCompositionService, formBuilder, changeDetectorRef) {\n super();\n this.fabricDatePickerInlineDialogService = fabricDatePickerInlineDialogService;\n this.datePickerService = datePickerService;\n this.datePickerCompositionService = datePickerCompositionService;\n this.changeDetectorRef = changeDetectorRef;\n this.datePickerForm = formBuilder.group({\n date: ['']\n });\n }\n ngOnChanges(changes) {\n if (changes['selectDate']) {\n if (this.selectDate) {\n if (!this.pickedDate || !FabricDateUtils.areDatesSame(this.selectDate, this.pickedDate)) {\n this.datePickerService.dateSelected(this.selectDate);\n }\n }\n }\n if (changes['onlyDialog']) {\n this.inputDisabled = this.onlyDialog ? 'disabled' : '';\n }\n if (changes['datePipeOptions']) {\n this.datePickerCompositionService.next(this.datePipeOptions);\n }\n }\n ngOnInit() {\n this.datePickerService.observeSelectedDate().pipe(skip(1), takeUntil(this.unsubscribe$)).subscribe(date => {\n this.pickedDate = date;\n this.emitSelectedDate(date);\n this.changeDetectorRef.detectChanges();\n this.closeDatePicker();\n });\n this.fabricDatePickerInlineDialogService.onOpened().pipe(skip(1), takeUntil(this.unsubscribe$)).subscribe(opened => {\n this.dialogOpened.emit(opened);\n });\n // this.observeDayChanges();\n }\n ngAfterViewInit() {\n this.datePickerService.observeSelectedDate().pipe(take(1), takeUntil(this.unsubscribe$)).subscribe(date => {\n this.pickedDate = date;\n this.emitSelectedDate(date);\n this.changeDetectorRef.detectChanges();\n });\n if (this.openDialog) {\n this.openDatePicker();\n }\n }\n ngOnDestroy() {\n super.ngOnDestroy();\n this.fabricDatePickerInlineDialogService.close();\n }\n openDatePicker() {\n const shouldUseDatePickerRef = !this.parentElement && this.datePickerRef,\n parentElement = shouldUseDatePickerRef ? this.datePickerRef : this.parentElement;\n if (parentElement) {\n this.fabricDatePickerInlineDialogService.open(parentElement, FabricDatePickerCalendarComponent, this.theme);\n }\n }\n closeDatePicker() {\n this.fabricDatePickerInlineDialogService.close();\n }\n emitSelectedDate(date) {\n this.dateSelected.emit(date);\n }\n static ɵfac = function FabricDatePickerComponent_Factory(t) {\n return new (t || FabricDatePickerComponent)(i0.ɵɵdirectiveInject(FabricDatePickerInlineDialogService), i0.ɵɵdirectiveInject(FabricDatePickerService), i0.ɵɵdirectiveInject(FabricDatePickerCompositionService), i0.ɵɵdirectiveInject(i1$1.FormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricDatePickerComponent,\n selectors: [[\"gui-date-picker\"]],\n viewQuery: function FabricDatePickerComponent_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c9, 5, ElementRef);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.datePickerRef = _t.first);\n }\n },\n inputs: {\n parentElement: \"parentElement\",\n theme: \"theme\",\n selectDate: \"selectDate\",\n name: \"name\",\n openDialog: \"openDialog\",\n onlyDialog: \"onlyDialog\",\n datePipeOptions: \"datePipeOptions\"\n },\n outputs: {\n dateSelected: \"dateSelected\",\n dialogOpened: \"dialogOpened\"\n },\n features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature],\n decls: 6,\n vars: 7,\n consts: [[\"datePicker\", \"\"], [1, \"gui-date-picker\"], [3, \"formGroup\"], [\"formControlName\", \"date\", \"gui-input\", \"\", \"readonly\", \"\", 1, \"gui-date-picker-input\", 3, \"name\", \"value\"], [1, \"gui-date-picker-icon\", 3, \"click\"]],\n template: function FabricDatePickerComponent_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 1, 0)(2, \"form\", 2);\n i0.ɵɵelement(3, \"input\", 3);\n i0.ɵɵpipe(4, \"date\");\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(5, \"gui-date-picker-icon\", 4);\n i0.ɵɵlistener(\"click\", function FabricDatePickerComponent_Template_gui_date_picker_icon_click_5_listener() {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.openDatePicker());\n });\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"formGroup\", ctx.datePickerForm);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"name\", ctx.name)(\"value\", i0.ɵɵpipeBind2(4, 4, ctx.pickedDate, ctx.datePipeOptions));\n i0.ɵɵattribute(\"disabled\", ctx.inputDisabled);\n }\n },\n dependencies: [i1$1.ɵNgNoValidate, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.NgControlStatusGroup, i1$1.FormGroupDirective, i1$1.FormControlName, FabricInputComponent, DatePickerIconComponent, i1.DatePipe],\n styles: [\".gui-date-picker{-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;position:relative}.gui-date-picker .gui-date-picker-icon{cursor:pointer;position:absolute;right:0}.gui-date-picker input,.gui-date-picker-calendar input{background:transparent;border-radius:0;border-width:0 0 1px 0;font-family:Arial;font-size:14px;padding:4px}.gui-date-picker input:disabled,.gui-date-picker-calendar input:disabled{color:#333}.gui-date-picker .gui-date-picker-icon,.gui-date-picker-calendar .gui-date-picker-icon{cursor:pointer;position:absolute;right:0}\\n\", \".gui-dark .gui-input{background:transparent;color:#bdbdbd}.gui-dark .gui-date-picker-calendar .gui-arrow-icon:hover:after{background:#757575}.gui-dark .gui-date-picker-calendar .gui-date-picker-cell{color:#bdbdbd}.gui-dark .gui-date-picker-calendar .gui-date-picker-cell:hover:after{background:#757575}.gui-dark .gui-date-picker-calendar .gui-date-picker-day.gui-date-picker-selected-day,.gui-dark .gui-date-picker-calendar .gui-date-picker-month.gui-date-picker-selected-month,.gui-dark .gui-date-picker-calendar .gui-date-picker-year.gui-date-picker-selected-year{color:#333}.gui-dark .gui-date-picker-calendar .gui-date-picker-day.gui-date-picker-selected-day:after,.gui-dark .gui-date-picker-calendar .gui-date-picker-month.gui-date-picker-selected-month:after,.gui-dark .gui-date-picker-calendar .gui-date-picker-year.gui-date-picker-selected-year:after{background:#dfb8e6}\\n\", \".gui-material .gui-date-picker-calendar .gui-date-picker-day.gui-date-picker-selected-day:after,.gui-material .gui-date-picker-calendar .gui-date-picker-month.gui-date-picker-selected-month:after,.gui-material .gui-date-picker-calendar .gui-date-picker-year.gui-date-picker-selected-year:after{background:#6200ee}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricDatePickerComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricInlineDialogModule = /*#__PURE__*/(() => {\n class FabricInlineDialogModule {\n static ɵfac = function FabricInlineDialogModule_Factory(t) {\n return new (t || FabricInlineDialogModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricInlineDialogModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n providers: [FabricInlineDialogService, InlineDialogGeometryService],\n imports: [CommonModule]\n });\n }\n return FabricInlineDialogModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricInputModule = /*#__PURE__*/(() => {\n class FabricInputModule {\n static ɵfac = function FabricInputModule_Factory(t) {\n return new (t || FabricInputModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricInputModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricInputModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricArrowIconModule = /*#__PURE__*/(() => {\n class FabricArrowIconModule {\n static ɵfac = function FabricArrowIconModule_Factory(t) {\n return new (t || FabricArrowIconModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricArrowIconModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricArrowIconModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet DatePickerIconModule = /*#__PURE__*/(() => {\n class DatePickerIconModule {\n static ɵfac = function DatePickerIconModule_Factory(t) {\n return new (t || DatePickerIconModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: DatePickerIconModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return DatePickerIconModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDatePickerModule = /*#__PURE__*/(() => {\n class FabricDatePickerModule {\n static ɵfac = function FabricDatePickerModule_Factory(t) {\n return new (t || FabricDatePickerModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricDatePickerModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n providers: [FabricDatePickerService, FabricDatePickerCompositionService, FabricDatePickerCalendarService, FabricDatePickerCalendarViewService, FabricDatePickerYearsService, FabricDatePickerWeeks, FabricDatePickerYears, FabricDatePickerInlineDialogService],\n imports: [CommonModule, FabricInlineDialogModule, ReactiveFormsModule, FabricInputModule, FabricButtonModule, DatePickerIconModule, FabricArrowIconModule]\n });\n }\n return FabricDatePickerModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricModal = /*#__PURE__*/(() => {\n class FabricModal extends FabricReactive {\n componentFactoryResolver;\n applicationRef;\n injector;\n document;\n componentRef = 'destroyed';\n constructor(componentFactoryResolver, applicationRef, injector, document) {\n super();\n this.componentFactoryResolver = componentFactoryResolver;\n this.applicationRef = applicationRef;\n this.injector = injector;\n this.document = document;\n }\n ngOnDestroy() {\n this.removeComponent();\n }\n createAndAppend(config) {\n const componentInjector = config?.injector ? config.injector : this.injector;\n this.componentRef = this.componentFactoryResolver.resolveComponentFactory(this.getComponent()).create(componentInjector);\n this.applicationRef.attachView(this.componentRef.hostView);\n const domModalElement = this.componentRef.hostView.rootNodes[0];\n this.getElement(config?.appendToElement).appendChild(domModalElement);\n if (config?.afterCompCreation) {\n config?.afterCompCreation();\n }\n this.componentRef.changeDetectorRef.detectChanges();\n }\n removeComponent() {\n if (this.componentRef !== 'destroyed') {\n this.applicationRef.detachView(this.componentRef.hostView);\n this.componentRef.destroy();\n this.componentRef = 'destroyed';\n this.unsubscribe();\n }\n }\n getComponentRef() {\n return this.componentRef;\n }\n getInjector() {\n return this.injector;\n }\n getDocument() {\n return this.document;\n }\n onCloseOnEsc() {\n const close$ = fromEvent(this.getDocument(), 'keyup');\n return close$.pipe(filter(key => key.code === 'Escape'), takeUntil(this.unsubscribe$));\n }\n isComponentCreated() {\n return this.componentRef !== 'destroyed';\n }\n getElement(el) {\n return el ? el.nativeElement : this.document.body;\n }\n static ɵfac = function FabricModal_Factory(t) {\n return new (t || FabricModal)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ApplicationRef), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(DOCUMENT));\n };\n static ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: FabricModal,\n features: [i0.ɵɵInheritDefinitionFeature]\n });\n }\n return FabricModal;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDrawerService = /*#__PURE__*/(() => {\n class FabricDrawerService extends FabricModal {\n /** To prevent multiple timers **/\n inProgress = false;\n constructor(componentFactoryResolver, applicationRef, injector, document) {\n super(componentFactoryResolver, applicationRef, injector, document);\n }\n getComponent() {\n return FabricDrawerComponent;\n }\n open(config) {\n if (event) {\n event.stopPropagation();\n }\n if (this.isComponentCreated() && config?.preventReopeningDrawer) {\n return;\n }\n if (this.isComponentCreated() && !this.inProgress && !config?.preventReopeningDrawer) {\n this.waitAndCreateNewDrawer(config);\n } else {\n this.createDrawer(config);\n }\n }\n close() {\n if (this.isComponentCreated()) {\n const componentRef = this.getComponentRef();\n componentRef.instance.visible = false;\n componentRef.instance.detectChanges();\n timer(300).pipe(takeUntil(this.unsubscribe$)).subscribe(() => {\n this.removeComponent();\n this.inProgress = false;\n });\n }\n }\n createDrawer(config) {\n if (this.isComponentCreated()) {\n this.removeComponent();\n }\n let theme = Theme.FABRIC,\n parentInjector = this.getInjector();\n if (config && config.theme) {\n theme = config.theme;\n }\n if (config && config.injector) {\n parentInjector = config.injector;\n }\n const injector = Injector.create({\n providers: [{\n provide: themeToken,\n useValue: theme\n }],\n parent: parentInjector\n });\n this.createAndAppend({\n injector: injector,\n afterCompCreation: () => this.applyInstanceVars(config),\n appendToElement: config?.appendToElement\n });\n this.closeOnEscKey();\n }\n waitAndCreateNewDrawer(config) {\n this.inProgress = true;\n this.close();\n timer(400).pipe(takeUntil(this.unsubscribe$)).subscribe(() => {\n this.createDrawer(config);\n });\n }\n applyInstanceVars(config) {\n if (this.isComponentCreated()) {\n const componentRef = this.getComponentRef();\n if (config?.width) {\n componentRef.instance.width = config.width;\n }\n if (config?.closeOnClickOutside) {\n componentRef.instance.closeOnClickOutside = config.closeOnClickOutside;\n }\n componentRef.instance.dialogNestedComponent = config?.component;\n componentRef.instance.isFixed = !config?.appendToElement;\n }\n }\n closeOnEscKey() {\n this.onCloseOnEsc().subscribe(() => this.close());\n }\n static ɵfac = function FabricDrawerService_Factory(t) {\n return new (t || FabricDrawerService)(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(DOCUMENT));\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricDrawerService,\n factory: FabricDrawerService.ɵfac\n });\n }\n return FabricDrawerService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nconst selector = 'gui-close-icon';\nlet FabricCloseIconComponent = /*#__PURE__*/(() => {\n class FabricCloseIconComponent {\n static ɵfac = function FabricCloseIconComponent_Factory(t) {\n return new (t || FabricCloseIconComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricCloseIconComponent,\n selectors: [[\"gui-close-icon\"]],\n hostVars: 2,\n hostBindings: function FabricCloseIconComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-close-icon-wrapper\", true);\n }\n },\n decls: 1,\n vars: 0,\n consts: [[1, \"gui-close-icon\"]],\n template: function FabricCloseIconComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelement(0, \"span\", 0);\n }\n },\n styles: [\".gui-close-icon-wrapper .gui-close-icon{cursor:pointer;height:16px;position:absolute;right:8px;top:8px;width:16px}.gui-close-icon-wrapper .gui-close-icon:before,.gui-close-icon-wrapper .gui-close-icon:after{background-color:#aaa;content:\\\" \\\";height:16px;left:7px;position:absolute;width:2px}.gui-close-icon-wrapper .gui-close-icon:before{-ms-transform:rotate(45deg);transform:rotate(45deg)}.gui-close-icon-wrapper .gui-close-icon:after{-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.gui-close-icon-wrapper .gui-close-icon:hover:before,.gui-close-icon-wrapper .gui-close-icon:hover:after{background-color:#464646}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricCloseIconComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDrawerComponent = /*#__PURE__*/(() => {\n class FabricDrawerComponent extends FabricThemedComponent {\n componentFactoryResolver;\n changeDetectorRef;\n elRef;\n dialogService;\n container;\n width = '400px';\n closeOnClickOutside = false;\n dialogNestedComponent;\n visible = false;\n isFixed = false;\n constructor(componentFactoryResolver, changeDetectorRef, elRef, dialogService, themeModalService, renderer) {\n super(elRef, renderer, themeModalService);\n this.componentFactoryResolver = componentFactoryResolver;\n this.changeDetectorRef = changeDetectorRef;\n this.elRef = elRef;\n this.dialogService = dialogService;\n }\n ngAfterViewInit() {\n super.ngAfterViewInit();\n this.createNestedComponent();\n timer(50).pipe(takeUntil(this.unsubscribe$)).subscribe(() => {\n this.visible = true;\n this.changeDetectorRef.detectChanges();\n });\n }\n closeDrawer() {\n this.dialogService.close();\n }\n clickOutside(event) {\n if (this.closeOnClickOutside) {\n if (this.isContainerClicked(event)) {\n this.closeDrawer();\n }\n }\n }\n detectChanges() {\n this.changeDetectorRef.detectChanges();\n }\n isContainerClicked(event) {\n const dialogContentRef = this.elRef.nativeElement.querySelector('.gui-drawer-content');\n if (dialogContentRef) {\n return !dialogContentRef.contains(event.target);\n }\n return false;\n }\n createNestedComponent() {\n if (this.container) {\n const componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.dialogNestedComponent);\n this.container.createComponent(componentFactory);\n this.changeDetectorRef.detectChanges();\n }\n }\n static ɵfac = function FabricDrawerComponent_Factory(t) {\n return new (t || FabricDrawerComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(FabricDrawerService), i0.ɵɵdirectiveInject(FabricModalThemeService), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricDrawerComponent,\n selectors: [[\"ng-component\"]],\n viewQuery: function FabricDrawerComponent_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c8, 5, ViewContainerRef);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);\n }\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n decls: 5,\n vars: 6,\n consts: [[\"container\", \"\"], [1, \"gui-drawer-wrapper\", 3, \"click\"], [1, \"gui-drawer-content\"], [3, \"click\"]],\n template: function FabricDrawerComponent_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 1);\n i0.ɵɵlistener(\"click\", function FabricDrawerComponent_Template_div_click_0_listener($event) {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.clickOutside($event));\n }, false, i0.ɵɵresolveDocument);\n i0.ɵɵelementStart(1, \"div\", 2)(2, \"gui-close-icon\", 3);\n i0.ɵɵlistener(\"click\", function FabricDrawerComponent_Template_gui_close_icon_click_2_listener() {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.closeDrawer());\n });\n i0.ɵɵelementEnd();\n i0.ɵɵtemplate(3, FabricDrawerComponent_ng_template_3_Template, 0, 0, \"ng-template\", null, 0, i0.ɵɵtemplateRefExtractor);\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n i0.ɵɵstyleProp(\"max-width\", ctx.width);\n i0.ɵɵclassProp(\"gui-drawer-fixed\", ctx.isFixed)(\"gui-drawer-visible\", ctx.visible);\n }\n },\n dependencies: [FabricCloseIconComponent],\n styles: [\".gui-drawer-wrapper{display:-ms-flexbox;display:flex;font-family:Arial;height:100%;width:auto;position:absolute;padding-left:50px;right:0;top:0;overflow:hidden;z-index:1000}.gui-drawer-wrapper .gui-drawer-content{background-color:#fff;height:100%;position:relative;margin-left:auto;-ms-transform:translateX(100%);transform:translate(100%);transition:all .3s ease-in-out}.gui-drawer-wrapper.gui-drawer-visible .gui-drawer-content{-ms-transform:translateX(0);transform:translate(0);box-shadow:-6px 0 16px -8px #00000014,-9px 0 28px #0000000d,-12px 0 48px 16px #00000008}.gui-drawer-wrapper.gui-drawer-fixed{position:fixed;height:100vh}\\n\", \".gui-dark .gui-drawer-wrapper .gui-drawer-content{background:#424242;box-shadow:0 1px 2px #424242;color:#bdbdbd}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricDrawerComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricCloseIconModule = /*#__PURE__*/(() => {\n class FabricCloseIconModule {\n static ɵfac = function FabricCloseIconModule_Factory(t) {\n return new (t || FabricCloseIconModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricCloseIconModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricCloseIconModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDrawerModule = /*#__PURE__*/(() => {\n class FabricDrawerModule {\n static ɵfac = function FabricDrawerModule_Factory(t) {\n return new (t || FabricDrawerModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricDrawerModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n providers: [FabricDrawerService],\n imports: [CommonModule, FabricCloseIconModule]\n });\n }\n return FabricDrawerModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nclass Geometry {\n container;\n menu;\n windowSize;\n containerHeight = 0;\n containerWidth = 0;\n availableBottomSpace = 0;\n availableTopSpace = 0;\n constructor(container, menu, windowSize) {\n this.container = container;\n this.menu = menu;\n this.windowSize = windowSize;\n this.calculate(this.menu, this.windowSize);\n }\n getContainerHeight() {\n return this.containerHeight;\n }\n getContainerWidth() {\n return this.containerWidth;\n }\n canOpenDownward() {\n return this.availableBottomSpace > 0;\n }\n canOpenUpward() {\n return this.availableTopSpace > 0;\n }\n calculate(menu, windowSize) {\n const containerEl = this.container.nativeElement,\n menuHeight = menu.nativeElement.offsetHeight,\n rectBottom = containerEl.getBoundingClientRect().bottom;\n this.containerHeight = containerEl.offsetHeight;\n this.containerWidth = containerEl.offsetWidth;\n this.availableBottomSpace = windowSize - rectBottom - menuHeight;\n this.availableTopSpace = rectBottom - menuHeight - this.containerHeight;\n }\n}\nlet GeometryService = /*#__PURE__*/(() => {\n class GeometryService {\n geometryResults$ = new Subject();\n watchGeometry() {\n return this.geometryResults$.asObservable();\n }\n changeGeometry(container, menu, windowSize) {\n const geometry = new Geometry(container, menu, windowSize);\n this.geometryResults$.next(geometry);\n }\n static ɵfac = function GeometryService_Factory(t) {\n return new (t || GeometryService)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: GeometryService,\n factory: GeometryService.ɵfac\n });\n }\n return GeometryService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nvar Placement = /*#__PURE__*/function (Placement) {\n Placement[Placement[\"Right\"] = 0] = \"Right\";\n Placement[Placement[\"Left\"] = 1] = \"Left\";\n return Placement;\n}(Placement || {});\nlet FabricDropdownComponent = /*#__PURE__*/(() => {\n class FabricDropdownComponent extends FabricReactive {\n platformId;\n elementRef;\n renderer;\n changeDetectorRef;\n geometryService;\n dropdownMenuRef;\n containerRef;\n onResize() {\n if (isPlatformBrowser(this.platformId)) {\n this.windowSize = window.innerHeight;\n }\n }\n disabled = false;\n dropdownText = 'Dropdown';\n isArrowEnabled = true;\n placement;\n width = 120;\n showOnHover = false;\n containerWidth = 0;\n containerHeight = 0;\n windowSize = 0;\n horizontalPosition = 0;\n bottomPosition = 0;\n topPosition = 0;\n arrowDirection = Direction.BOTTOM;\n canOpenDownward = false;\n canOpenUpward = false;\n open = false;\n topBorderWidth = 1;\n constructor(platformId, elementRef, renderer, changeDetectorRef, geometryService) {\n super();\n this.platformId = platformId;\n this.elementRef = elementRef;\n this.renderer = renderer;\n this.changeDetectorRef = changeDetectorRef;\n this.geometryService = geometryService;\n this.onResize();\n }\n ngOnChanges(changes) {\n if (changes['placement']) {\n this.changePlacement();\n }\n }\n ngOnInit() {\n this.geometryService.watchGeometry().pipe(takeUntil(this.unsubscribe$)).subscribe(geometry => {\n this.containerHeight = geometry.getContainerHeight();\n this.containerWidth = geometry.getContainerWidth();\n this.canOpenUpward = geometry.canOpenUpward();\n this.canOpenDownward = geometry.canOpenDownward();\n });\n }\n tryToOpen(event) {\n if (this.isContainerDisabled(event)) {\n event.stopPropagation();\n } else {\n this.openMenu(!this.open);\n this.changeDetectorRef.detectChanges();\n }\n }\n tryToOpenOnHover() {\n if (this.showOnHover) {\n this.openMenu(!this.open);\n this.changeDetectorRef.detectChanges();\n }\n }\n hideOnHover() {\n if (this.showOnHover) {\n this.hideItems();\n this.open = false;\n }\n }\n clickOutside(event) {\n if (this.isContainerClicked(event)) {\n this.openMenu(false);\n }\n }\n isDirectionLeft() {\n return this.isArrowEnabled && this.arrowDirection === Direction.LEFT;\n }\n openMenu(opened) {\n this.open = opened;\n if (this.open) {\n this.showItems();\n } else {\n this.hideItems();\n }\n }\n showItems() {\n if (this.containerRef && this.dropdownMenuRef) {\n this.addClass(this.elementRef.nativeElement, 'gui-menu-opened');\n this.geometryService.changeGeometry(this.containerRef, this.dropdownMenuRef, this.windowSize);\n if (this.canOpenDownward || !this.canOpenUpward) {\n this.openDownward();\n } else {\n this.openUpward();\n }\n if (this.placement === Placement.Right) {\n this.openRight();\n }\n if (this.placement === Placement.Left) {\n this.openLeft();\n }\n }\n }\n openDownward() {\n this.topPosition = null;\n this.bottomPosition = this.containerHeight;\n }\n openUpward() {\n this.bottomPosition = null;\n this.topPosition = this.containerHeight;\n }\n openRight() {\n this.bottomPosition = -this.topBorderWidth;\n this.topPosition = null;\n this.horizontalPosition = this.containerWidth;\n }\n openLeft() {\n this.bottomPosition = -this.topBorderWidth;\n this.topPosition = null;\n this.horizontalPosition = -(this.containerWidth + 1);\n }\n changePlacement() {\n if (!this.dropdownMenuRef) {\n return;\n }\n switch (this.placement) {\n case Placement.Right:\n {\n this.removeClass(this.dropdownMenuRef.nativeElement, 'gui-dropdown-left');\n this.addClass(this.dropdownMenuRef.nativeElement, 'gui-dropdown-right');\n this.arrowDirection = Direction.RIGHT;\n break;\n }\n case Placement.Left:\n {\n this.removeClass(this.dropdownMenuRef.nativeElement, 'gui-dropdown-right');\n this.addClass(this.dropdownMenuRef.nativeElement, 'gui-dropdown-left');\n this.arrowDirection = Direction.LEFT;\n break;\n }\n default:\n break;\n }\n }\n hideItems() {\n const itemsElHasOpenClass = this.elementRef.nativeElement.classList.contains('gui-menu-opened');\n if (itemsElHasOpenClass) {\n this.removeClass(this.elementRef.nativeElement, 'gui-menu-opened');\n }\n }\n isContainerClicked(event) {\n return !this.elementRef.nativeElement.contains(event.target);\n }\n isContainerDisabled(event) {\n return event.target.classList.contains('gui-disabled');\n }\n addClass(element, name) {\n this.renderer.addClass(element, name);\n }\n removeClass(element, name) {\n this.renderer.removeClass(element, name);\n }\n static ɵfac = function FabricDropdownComponent_Factory(t) {\n return new (t || FabricDropdownComponent)(i0.ɵɵdirectiveInject(PLATFORM_ID), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(GeometryService));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricDropdownComponent,\n selectors: [[\"gui-dropdown\"]],\n viewQuery: function FabricDropdownComponent_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c10, 7, ElementRef);\n i0.ɵɵviewQuery(_c8, 7, ElementRef);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropdownMenuRef = _t.first);\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerRef = _t.first);\n }\n },\n hostVars: 2,\n hostBindings: function FabricDropdownComponent_HostBindings(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵlistener(\"resize\", function FabricDropdownComponent_resize_HostBindingHandler() {\n return ctx.onResize();\n }, false, i0.ɵɵresolveWindow);\n }\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-dropdown\", true);\n }\n },\n inputs: {\n disabled: \"disabled\",\n dropdownText: \"dropdownText\",\n isArrowEnabled: \"isArrowEnabled\",\n placement: \"placement\",\n width: \"width\",\n showOnHover: \"showOnHover\"\n },\n features: [i0.ɵɵProvidersFeature([GeometryService]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature],\n ngContentSelectors: _c0,\n decls: 8,\n vars: 14,\n consts: [[\"container\", \"\"], [\"dropdownMenu\", \"\"], [1, \"gui-dropdown-container\", 3, \"click\", \"mouseenter\", \"mouseleave\"], [1, \"gui-dropdown-text\"], [3, \"gui-dropdown-arrow\", 4, \"ngIf\"], [1, \"gui-dropdown-menu\"], [3, \"direction\"]],\n template: function FabricDropdownComponent_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵprojectionDef();\n i0.ɵɵelementStart(0, \"div\", 2, 0);\n i0.ɵɵlistener(\"click\", function FabricDropdownComponent_Template_div_click_0_listener($event) {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.tryToOpen($event));\n })(\"click\", function FabricDropdownComponent_Template_div_click_0_listener($event) {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.clickOutside($event));\n }, false, i0.ɵɵresolveDocument)(\"mouseenter\", function FabricDropdownComponent_Template_div_mouseenter_0_listener() {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.tryToOpenOnHover());\n })(\"mouseleave\", function FabricDropdownComponent_Template_div_mouseleave_0_listener() {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.hideOnHover());\n });\n i0.ɵɵelementStart(2, \"div\", 3);\n i0.ɵɵtext(3);\n i0.ɵɵelementEnd();\n i0.ɵɵtemplate(4, FabricDropdownComponent_div_4_Template, 2, 3, \"div\", 4);\n i0.ɵɵelementStart(5, \"div\", 5, 1);\n i0.ɵɵprojection(7);\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n i0.ɵɵstyleProp(\"width\", ctx.width, \"px\");\n i0.ɵɵclassProp(\"gui-arrow-left\", ctx.isDirectionLeft())(\"gui-disabled\", ctx.disabled);\n i0.ɵɵadvance(3);\n i0.ɵɵtextInterpolate(ctx.dropdownText);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx.isArrowEnabled);\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"bottom\", ctx.topPosition, \"px\")(\"left\", ctx.horizontalPosition, \"px\")(\"top\", ctx.bottomPosition, \"px\");\n }\n },\n dependencies: [i1.NgIf, FabricArrowIconComponent],\n styles: [\".gui-dropdown .gui-dropdown-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border-color:#d6d6d6;border-radius:4px;border-style:solid;border-width:1px;box-sizing:border-box;color:#333;cursor:pointer;display:inline-block;font:14px Arial;padding:8px 12px;position:relative;width:auto}.gui-dropdown .gui-dropdown-container:hover{border-color:#999}.gui-dropdown .gui-dropdown-container:hover .gui-arrow-icon svg path{stroke:#464646}.gui-dropdown .gui-dropdown-container .gui-dropdown-arrow{cursor:pointer;position:absolute;right:12px;top:8px}.gui-dropdown .gui-dropdown-container .gui-dropdown-right.gui-dropdown-menu,.gui-dropdown .gui-dropdown-container .gui-dropdown-left.gui-dropdown-menu{margin:0}.gui-dropdown .gui-dropdown-container .gui-dropdown-menu{background:inherit;border-color:#d6d6d6;border-radius:4px;border-style:solid;border-width:1px;box-sizing:border-box;display:none;left:-1px;overflow:hidden;position:absolute;width:inherit;z-index:2}.gui-dropdown .gui-dropdown-container .gui-dropdown-menu .gui-item{list-style-type:none;padding:8px 12px;width:inherit}.gui-dropdown .gui-dropdown-container .gui-dropdown-menu .gui-item:hover{background:#cccccc}.gui-dropdown .gui-dropdown-container.gui-arrow-left{padding:8px 12px 8px 32px}.gui-dropdown .gui-dropdown-container.gui-arrow-left .gui-dropdown-arrow{left:12px;right:initial}.gui-dropdown.gui-menu-opened .gui-dropdown-container{border-color:#999}.gui-dropdown.gui-menu-opened .gui-dropdown-menu{display:block}.gui-dropdown .gui-disabled{color:#ccc;pointer-events:none}\\n\", \".gui-material .gui-dropdown .gui-dropdown-container{font-family:Roboto,Helvetica Neue,sans-serif}\\n\", \".gui-dark .gui-dropdown .gui-dropdown-container{background:#424242;border-color:#616161;color:#bdbdbd}.gui-dark .gui-dropdown .gui-dropdown-container:hover{border-color:#ce93d8}.gui-dark .gui-dropdown .gui-dropdown-container:hover .gui-dropdown-arrow svg path{stroke:#ce93d8}.gui-dark .gui-dropdown .gui-dropdown-container .gui-dropdown-menu{border-color:#616161}.gui-dark .gui-dropdown .gui-dropdown-container .gui-dropdown-menu .gui-item{border-top-color:#757575}.gui-dark .gui-dropdown .gui-dropdown-container .gui-dropdown-menu .gui-item:hover{background:#616161}.gui-dark .gui-dropdown.gui-options-opened .gui-dropdown-container{border-color:#ce93d8}.gui-dark .gui-dropdown .gui-disabled{opacity:.36}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricDropdownComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDropdownItemComponent = /*#__PURE__*/(() => {\n class FabricDropdownItemComponent {\n static ɵfac = function FabricDropdownItemComponent_Factory(t) {\n return new (t || FabricDropdownItemComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricDropdownItemComponent,\n selectors: [[\"gui-dropdown-item\"]],\n ngContentSelectors: _c0,\n decls: 2,\n vars: 0,\n consts: [[1, \"gui-item\"]],\n template: function FabricDropdownItemComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵprojection(1);\n i0.ɵɵelementEnd();\n }\n },\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricDropdownItemComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDropdownModule = /*#__PURE__*/(() => {\n class FabricDropdownModule {\n static ɵfac = function FabricDropdownModule_Factory(t) {\n return new (t || FabricDropdownModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricDropdownModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule, FabricArrowIconModule]\n });\n }\n return FabricDropdownModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDialogService = /*#__PURE__*/(() => {\n class FabricDialogService extends FabricModal {\n constructor(componentFactoryResolver, applicationRef, injector, document) {\n super(componentFactoryResolver, applicationRef, injector, document);\n }\n getComponent() {\n return FabricDialogComponent;\n }\n open(config) {\n if (this.isComponentCreated()) {\n return;\n }\n let theme = Theme.FABRIC,\n parentInjector = this.getInjector();\n if (config && config.theme) {\n theme = config.theme;\n }\n if (config && config.injector) {\n parentInjector = config.injector;\n }\n const injector = Injector.create({\n providers: [{\n provide: themeToken,\n useValue: theme\n }],\n parent: parentInjector\n });\n this.createAndAppend({\n afterCompCreation: () => this.afterComponentCreation(config),\n injector\n });\n this.closeOnEscKey();\n }\n close() {\n if (this.isComponentCreated()) {\n const componentRef = this.getComponentRef();\n componentRef.instance.visible = false;\n componentRef.instance.detectChanges();\n timer(400).pipe(takeUntil(this.unsubscribe$)).subscribe(() => {\n this.removeComponent();\n });\n }\n }\n closeOnEscKey() {\n this.onCloseOnEsc().subscribe(() => this.close());\n }\n afterComponentCreation(config) {\n if (this.isComponentCreated()) {\n const componentRef = this.getComponentRef();\n componentRef.instance.dialogNestedComponent = config.component;\n if (config?.width) {\n componentRef.instance.width = config.width;\n }\n if (config?.height) {\n componentRef.instance.height = config.height;\n }\n componentRef.instance.setTransformOrigin(event);\n }\n }\n static ɵfac = function FabricDialogService_Factory(t) {\n return new (t || FabricDialogService)(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(DOCUMENT));\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricDialogService,\n factory: FabricDialogService.ɵfac\n });\n }\n return FabricDialogService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDialogComponent = /*#__PURE__*/(() => {\n class FabricDialogComponent extends FabricThemedComponent {\n componentFactoryResolver;\n changeDetectorRef;\n elRef;\n platformId;\n dialogService;\n container;\n dialogNestedComponent;\n visible = false;\n width = '400px';\n height = '90vh';\n triggerPosition = '';\n constructor(componentFactoryResolver, changeDetectorRef, elRef, platformId, themeModalService, renderer, dialogService) {\n super(elRef, renderer, themeModalService);\n this.componentFactoryResolver = componentFactoryResolver;\n this.changeDetectorRef = changeDetectorRef;\n this.elRef = elRef;\n this.platformId = platformId;\n this.dialogService = dialogService;\n }\n ngAfterViewInit() {\n super.ngAfterViewInit();\n this.createNestedComponent();\n timer(0).pipe(takeUntil(this.unsubscribe$)).subscribe(() => {\n this.visible = true;\n this.detectChanges();\n });\n }\n detectChanges() {\n this.changeDetectorRef.detectChanges();\n }\n closeDialog() {\n this.dialogService.close();\n }\n clickOutside(event) {\n if (this.isContainerClicked(event)) {\n this.dialogService.close();\n }\n }\n setTransformOrigin(event) {\n if (isPlatformBrowser(this.platformId) && event) {\n const x = event.clientX - window.innerWidth / 2,\n y = event.clientY - window.innerHeight / 2;\n this.triggerPosition = `${x}px ${y}px`;\n }\n }\n isContainerClicked(event) {\n const dialogContentRef = this.elRef.nativeElement.querySelector('.gui-dialog-content');\n if (dialogContentRef) {\n return !dialogContentRef.contains(event.target);\n }\n return false;\n }\n createNestedComponent() {\n if (this.dialogNestedComponent && this.container) {\n const componentFactory = this.componentFactoryResolver.resolveComponentFactory(this.dialogNestedComponent);\n this.container.createComponent(componentFactory);\n this.detectChanges();\n }\n }\n static ɵfac = function FabricDialogComponent_Factory(t) {\n return new (t || FabricDialogComponent)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(PLATFORM_ID), i0.ɵɵdirectiveInject(FabricModalThemeService), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(forwardRef(() => FabricDialogService)));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricDialogComponent,\n selectors: [[\"gui-fabric-dialog\"]],\n viewQuery: function FabricDialogComponent_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c8, 5, ViewContainerRef);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);\n }\n },\n hostVars: 2,\n hostBindings: function FabricDialogComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-fabric-dialog\", true);\n }\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n decls: 6,\n vars: 8,\n consts: [[\"container\", \"\"], [1, \"gui-dialog-blanket\"], [1, \"gui-dialog-wrapper\", 3, \"click\"], [1, \"gui-dialog-content\"], [3, \"click\"]],\n template: function FabricDialogComponent_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelement(0, \"div\", 1);\n i0.ɵɵelementStart(1, \"div\", 2);\n i0.ɵɵlistener(\"click\", function FabricDialogComponent_Template_div_click_1_listener($event) {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.clickOutside($event));\n });\n i0.ɵɵelementStart(2, \"div\", 3);\n i0.ɵɵtemplate(3, FabricDialogComponent_ng_template_3_Template, 0, 0, \"ng-template\", null, 0, i0.ɵɵtemplateRefExtractor);\n i0.ɵɵelementStart(5, \"gui-close-icon\", 4);\n i0.ɵɵlistener(\"click\", function FabricDialogComponent_Template_gui_close_icon_click_5_listener() {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.closeDialog());\n });\n i0.ɵɵelementEnd()()();\n }\n if (rf & 2) {\n i0.ɵɵadvance(2);\n i0.ɵɵstyleProp(\"max-height\", ctx.height)(\"max-width\", ctx.width)(\"transform-origin\", ctx.triggerPosition);\n i0.ɵɵclassProp(\"gui-dialog-visible\", ctx.visible);\n }\n },\n dependencies: [FabricCloseIconComponent],\n styles: [\".gui-box-border{box-sizing:border-box}.gui-bg-transparent{background-color:transparent}.gui-border{border-width:1px}.gui-border-0{border-width:0}.gui-border-b{border-bottom-width:1px}.gui-border-t{border-top-width:1px}.gui-border-solid{border-style:solid}.gui-border-b-solid{border-bottom-style:solid}.gui-border-t-solid{border-top-style:solid}.gui-border-none{border-style:none}.gui-rounded{border-radius:4px}.gui-cursor-pointer{cursor:pointer}.gui-block{display:block}.gui-inline-block{display:inline-block}.gui-inline{display:inline}.gui-flex{display:-ms-flexbox;display:flex}.gui-hidden{display:none}.gui-display-grid{display:grid}.gui-flex-row{-ms-flex-direction:row;flex-direction:row}.gui-flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.gui-flex-col{-ms-flex-direction:column;flex-direction:column}.gui-flex-col-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.gui-justify-start{-ms-flex-pack:start;justify-content:flex-start}.gui-justify-end{-ms-flex-pack:end;justify-content:flex-end}.gui-justify-center{-ms-flex-pack:center;justify-content:center}.gui-justify-between{-ms-flex-pack:justify;justify-content:space-between}.gui-justify-around{-ms-flex-pack:distribute;justify-content:space-around}.gui-justify-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}.gui-items-start{-ms-flex-align:start;align-items:flex-start}.gui-items-end{-ms-flex-align:end;align-items:flex-end}.gui-items-center{-ms-flex-align:center;align-items:center}.gui-items-between{-ms-flex-align:space-between;align-items:space-between}.gui-items-around{-ms-flex-align:space-around;align-items:space-around}.gui-items-evenly{-ms-flex-align:space-evenly;align-items:space-evenly}.gui-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.gui-flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.gui-flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.gui-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gui-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gui-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gui-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gui-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.gui-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gui-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.gui-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.gui-grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.gui-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.gui-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.gui-grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.gui-grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.gui-grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.gui-grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.gui-grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.gui-grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.gui-grid-rows-9{grid-template-rows:repeat(9,minmax(0,1fr))}.gui-grid-rows-gap-0{grid-row-gap:0}.gui-grid-rows-gap-1{grid-row-gap:1px}.gui-grid-rows-gap-2{grid-row-gap:2px}.gui-grid-rows-gap-3{grid-row-gap:3px}.gui-grid-rows-gap-4{grid-row-gap:4px}.gui-grid-rows-gap-5{grid-row-gap:6px}.gui-grid-rows-gap-6{grid-row-gap:8px}.gui-grid-rows-gap-7{grid-row-gap:10px}.gui-grid-rows-gap-8{grid-row-gap:12px}.gui-grid-rows-gap-10{grid-row-gap:16px}.gui-grid-rows-gap-13{grid-row-gap:22px}.gui-grid-rows-gap-23{grid-row-gap:42px}.gui-grid-cols-gap-0{grid-column-gap:0}.gui-grid-cols-gap-1{grid-column-gap:1px}.gui-grid-cols-gap-2{grid-column-gap:2px}.gui-grid-cols-gap-3{grid-column-gap:3px}.gui-grid-cols-gap-4{grid-column-gap:4px}.gui-grid-cols-gap-5{grid-column-gap:6px}.gui-grid-cols-gap-6{grid-column-gap:8px}.gui-grid-cols-gap-7{grid-column-gap:10px}.gui-grid-cols-gap-8{grid-column-gap:12px}.gui-grid-cols-gap-10{grid-column-gap:16px}.gui-grid-cols-gap-13{grid-column-gap:22px}.gui-grid-cols-gap-23{grid-column-gap:42px}.gui-h-full{height:100%}.gui-list-none{list-style-type:none}.gui-m-0{margin:0}.gui-mx-0{margin-left:0;margin-right:0}.gui-my-0{margin-bottom:0;margin-top:0}.-gui-m-0{margin:0}.-gui-mx-0{margin-left:0;margin-right:0}.-gui-my-0{margin-bottom:0;margin-top:0}.gui-m-1{margin:1px}.gui-mx-1{margin-left:1px;margin-right:1px}.gui-my-1{margin-bottom:1px;margin-top:1px}.-gui-m-1{margin:-1px}.-gui-mx-1{margin-left:-1px;margin-right:-1px}.-gui-my-1{margin-bottom:-1px;margin-top:-1px}.gui-m-2{margin:2px}.gui-mx-2{margin-left:2px;margin-right:2px}.gui-my-2{margin-bottom:2px;margin-top:2px}.-gui-m-2{margin:-2px}.-gui-mx-2{margin-left:-2px;margin-right:-2px}.-gui-my-2{margin-bottom:-2px;margin-top:-2px}.gui-m-3{margin:3px}.gui-mx-3{margin-left:3px;margin-right:3px}.gui-my-3{margin-bottom:3px;margin-top:3px}.-gui-m-3{margin:-3px}.-gui-mx-3{margin-left:-3px;margin-right:-3px}.-gui-my-3{margin-bottom:-3px;margin-top:-3px}.gui-m-4{margin:4px}.gui-mx-4{margin-left:4px;margin-right:4px}.gui-my-4{margin-bottom:4px;margin-top:4px}.-gui-m-4{margin:-4px}.-gui-mx-4{margin-left:-4px;margin-right:-4px}.-gui-my-4{margin-bottom:-4px;margin-top:-4px}.gui-m-5{margin:6px}.gui-mx-5{margin-left:6px;margin-right:6px}.gui-my-5{margin-bottom:6px;margin-top:6px}.-gui-m-5{margin:-6px}.-gui-mx-5{margin-left:-6px;margin-right:-6px}.-gui-my-5{margin-bottom:-6px;margin-top:-6px}.gui-m-6{margin:8px}.gui-mx-6{margin-left:8px;margin-right:8px}.gui-my-6{margin-bottom:8px;margin-top:8px}.-gui-m-6{margin:-8px}.-gui-mx-6{margin-left:-8px;margin-right:-8px}.-gui-my-6{margin-bottom:-8px;margin-top:-8px}.gui-m-7{margin:10px}.gui-mx-7{margin-left:10px;margin-right:10px}.gui-my-7{margin-bottom:10px;margin-top:10px}.-gui-m-7{margin:-10px}.-gui-mx-7{margin-left:-10px;margin-right:-10px}.-gui-my-7{margin-bottom:-10px;margin-top:-10px}.gui-m-8{margin:12px}.gui-mx-8{margin-left:12px;margin-right:12px}.gui-my-8{margin-bottom:12px;margin-top:12px}.-gui-m-8{margin:-12px}.-gui-mx-8{margin-left:-12px;margin-right:-12px}.-gui-my-8{margin-bottom:-12px;margin-top:-12px}.gui-m-10{margin:16px}.gui-mx-10{margin-left:16px;margin-right:16px}.gui-my-10{margin-bottom:16px;margin-top:16px}.-gui-m-10{margin:-16px}.-gui-mx-10{margin-left:-16px;margin-right:-16px}.-gui-my-10{margin-bottom:-16px;margin-top:-16px}.gui-m-13{margin:22px}.gui-mx-13{margin-left:22px;margin-right:22px}.gui-my-13{margin-bottom:22px;margin-top:22px}.-gui-m-13{margin:-22px}.-gui-mx-13{margin-left:-22px;margin-right:-22px}.-gui-my-13{margin-bottom:-22px;margin-top:-22px}.gui-m-23{margin:42px}.gui-mx-23{margin-left:42px;margin-right:42px}.gui-my-23{margin-bottom:42px;margin-top:42px}.-gui-m-23{margin:-42px}.-gui-mx-23{margin-left:-42px;margin-right:-42px}.-gui-my-23{margin-bottom:-42px;margin-top:-42px}.gui-mb-4{margin-bottom:4px}.gui-mb-6{margin-bottom:8px}.gui-mb-8{margin-bottom:12px}.gui-mb-10{margin-bottom:16px}.gui-mb-18{margin-bottom:32px}.gui-mr-0{margin-right:0}.gui-mr-5{margin-right:6px}.gui-mr-auto{margin-right:auto}.gui-ml-auto{margin-left:auto}.gui-ml-6{margin-left:8px}.gui-mt-0{margin-top:0}.gui-mt-4{margin-top:4px}.gui-mt-6{margin-top:8px}.gui-mt-10{margin-top:16px}.gui-mt-14{margin-top:24px}.gui-overflow-hidden{overflow:hidden}.gui-overflow-y-scroll{overflow-y:scroll}.gui-overflow-x-hidden{overflow-x:hidden}.gui-overflow-auto{overflow:auto}.gui-p-0{padding:0}.gui-px-0{padding-left:0;padding-right:0}.gui-py-0{padding-bottom:0;padding-top:0}.gui-p-1{padding:1px}.gui-px-1{padding-left:1px;padding-right:1px}.gui-py-1{padding-bottom:1px;padding-top:1px}.gui-p-2{padding:2px}.gui-px-2{padding-left:2px;padding-right:2px}.gui-py-2{padding-bottom:2px;padding-top:2px}.gui-p-3{padding:3px}.gui-px-3{padding-left:3px;padding-right:3px}.gui-py-3{padding-bottom:3px;padding-top:3px}.gui-p-4{padding:4px}.gui-px-4{padding-left:4px;padding-right:4px}.gui-py-4{padding-bottom:4px;padding-top:4px}.gui-p-5{padding:6px}.gui-px-5{padding-left:6px;padding-right:6px}.gui-py-5{padding-bottom:6px;padding-top:6px}.gui-p-6{padding:8px}.gui-px-6{padding-left:8px;padding-right:8px}.gui-py-6{padding-bottom:8px;padding-top:8px}.gui-p-7{padding:10px}.gui-px-7{padding-left:10px;padding-right:10px}.gui-py-7{padding-bottom:10px;padding-top:10px}.gui-p-8{padding:12px}.gui-px-8{padding-left:12px;padding-right:12px}.gui-py-8{padding-bottom:12px;padding-top:12px}.gui-p-10{padding:16px}.gui-px-10{padding-left:16px;padding-right:16px}.gui-py-10{padding-bottom:16px;padding-top:16px}.gui-p-13{padding:22px}.gui-px-13{padding-left:22px;padding-right:22px}.gui-py-13{padding-bottom:22px;padding-top:22px}.gui-p-23{padding:42px}.gui-px-23{padding-left:42px;padding-right:42px}.gui-py-23{padding-bottom:42px;padding-top:42px}.gui-pr-10{padding-right:16px}.gui-pl-9{padding-right:10px}.gui-pb-6{padding-bottom:8px}.gui-pb-12{padding-bottom:20px}.gui-pl-21{padding-left:38px}.gui-pt-4{padding-top:4px}.gui-pt-6{padding-top:8px}.gui-pt-10{padding-top:16px}.gui-pt-12{padding-top:20px}.gui-pt-14{padding-top:24px}.gui-static{position:static}.gui-fixed{position:fixed}.gui-relative{position:relative}.gui-absolute{position:absolute}.gui-text-xxs{font-size:11px}.gui-text-xs{font-size:12px}.gui-text-sm{font-size:13px}.gui-text-base{font-size:14px}.gui-text-lg{font-size:16px}.gui-text-xl{font-size:18px}.gui-text-2xl{font-size:20px}.gui-text-3xl{font-size:22px}.gui-leading-4{line-height:16px}.gui-leading-6{line-height:24px}.gui-font-thin{font-weight:100}.gui-font-extralight{font-weight:200}.gui-font-light{font-weight:300}.gui-font-normal{font-weight:400}.gui-font-medium{font-weight:500}.gui-font-semibold{font-weight:600}.gui-font-bold{font-weight:700}.gui-font-extrabold{font-weight:800}.gui-font-black{font-weight:900}.gui-italic{font-style:italic}.gui-not-italic{font-style:normal}.gui-whitespace-nowrap{white-space:nowrap}.gui-overflow-ellipsis{text-overflow:ellipsis}.gui-no-underline{text-decoration:none}.gui-text-center{text-align:center}.gui-w-full{width:100%}.gui-w-96{width:384px}.gui-w-3\\\\/5{width:60%}.gui-fabric-dialog *,.gui-fabric-dialog *:after,.gui-fabric-dialog *:before{box-sizing:border-box}.gui-fabric-dialog input{font-size:13px;outline:0}.gui-dialog-blanket{background:rgba(0,0,0,.32);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.gui-dialog-wrapper{font-family:Arial;height:100%;width:100%;position:fixed;pointer-events:auto;left:0;top:0;z-index:1000}.gui-dialog-content{background-color:#fff;border-radius:4px;box-shadow:0 3px 7px #999;padding:24px 16px;position:fixed;left:50%;top:50%;transform:scale3d(0,0,0) translate(-50%) translateY(-50%);opacity:0;transition:all .4s;overflow:auto;z-index:1000}.gui-dialog-content.gui-dialog-visible{transform:scaleZ(1) translate(-50%) translateY(-50%);opacity:1}\\n\", \".gui-dark .gui-dialog-wrapper .gui-dialog-content{background:#424242;box-shadow:0 1px 2px #424242;color:#bdbdbd}.gui-dark .gui-dialog-wrapper .gui-dialog-content .gui-dialog-close:before,.gui-dark .gui-dialog-wrapper .gui-dialog-content .gui-dialog-close:after{background:#bdbdbd}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricDialogComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDialogThemeService = /*#__PURE__*/(() => {\n class FabricDialogThemeService {\n theme$ = new Subject();\n onTheme() {\n return this.theme$.asObservable();\n }\n nextTheme(theme) {\n this.theme$.next(this.toTheme(theme));\n }\n toTheme(theme) {\n switch (theme.toLowerCase()) {\n case 'fabric':\n return Theme.FABRIC;\n case 'material':\n return Theme.MATERIAL;\n case 'generic':\n return Theme.GENERIC;\n case 'light':\n return Theme.LIGHT;\n case 'dark':\n return Theme.DARK;\n default:\n return Theme.FABRIC;\n }\n }\n static ɵfac = function FabricDialogThemeService_Factory(t) {\n return new (t || FabricDialogThemeService)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricDialogThemeService,\n factory: FabricDialogThemeService.ɵfac\n });\n }\n return FabricDialogThemeService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricDialogModule = /*#__PURE__*/(() => {\n class FabricDialogModule {\n static ɵfac = function FabricDialogModule_Factory(t) {\n return new (t || FabricDialogModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricDialogModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n providers: [FabricDialogService, FabricDialogThemeService],\n imports: [CommonModule, FabricCloseIconModule]\n });\n }\n return FabricDialogModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricProgressBarComponent = /*#__PURE__*/(() => {\n class FabricProgressBarComponent {\n elementRef;\n renderer;\n progress = 0;\n color;\n height;\n width;\n textTop = '';\n textAlign = '';\n primary = false;\n secondary = false;\n constructor(elementRef, renderer) {\n this.elementRef = elementRef;\n this.renderer = renderer;\n }\n ngOnChanges(changes) {\n if (changes['primary']) {\n if (this.primary) {\n this.addClass('gui-primary');\n } else {\n this.removeClass('gui-primary');\n }\n }\n if (changes['secondary']) {\n if (this.secondary) {\n this.addClass('gui-secondary');\n } else {\n this.removeClass('gui-secondary');\n }\n }\n }\n addClass(className) {\n this.renderer.addClass(this.elementRef.nativeElement, className);\n }\n removeClass(className) {\n this.renderer.removeClass(this.elementRef.nativeElement, className);\n }\n static ɵfac = function FabricProgressBarComponent_Factory(t) {\n return new (t || FabricProgressBarComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricProgressBarComponent,\n selectors: [[\"gui-progress-bar\"]],\n hostVars: 2,\n hostBindings: function FabricProgressBarComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-progress\", true);\n }\n },\n inputs: {\n progress: \"progress\",\n color: \"color\",\n height: \"height\",\n width: \"width\",\n textTop: \"textTop\",\n textAlign: \"textAlign\",\n primary: \"primary\",\n secondary: \"secondary\"\n },\n features: [i0.ɵɵNgOnChangesFeature],\n ngContentSelectors: _c0,\n decls: 4,\n vars: 12,\n consts: [[1, \"gui-progress-bar\"], [1, \"gui-progress\"], [1, \"gui-progress-text\"]],\n template: function FabricProgressBarComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵelementStart(0, \"div\", 0)(1, \"div\", 1)(2, \"span\", 2);\n i0.ɵɵprojection(3);\n i0.ɵɵelementEnd()()();\n }\n if (rf & 2) {\n i0.ɵɵstyleProp(\"height\", ctx.height, \"px\")(\"text-align\", ctx.textAlign)(\"width\", ctx.width, \"px\");\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"background\", ctx.color)(\"width\", ctx.progress, \"%\");\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"top\", ctx.textTop);\n }\n },\n styles: [\".gui-progress-bar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-color:#d6d6d6;border-style:solid;border-width:1px;display:block;font-family:Arial;height:18px;margin-bottom:10px;text-align:center}.gui-progress-bar .gui-progress{background:#999;border-bottom:inherit;height:inherit;width:0}.gui-primary .gui-progress-bar .gui-progress.gui-progress{background:#2185d0}.gui-secondary .gui-progress-bar .gui-progress.gui-progress{background:#3cb371}.gui-progress-bar .gui-progress-text{position:relative}\\n\", \".gui-material .gui-progress-bar{border-color:#5262c5;color:#fff;font-family:Roboto,Helvetica Neue,sans-serif}.gui-material .gui-progress{background:#3949ab}.gui-material .gui-progress.gui-primary .gui-progress{background:#6200ee}.gui-material .gui-progress.gui-primary .gui-progress-bar{border-color:#6200ee}.gui-material .gui-progress.gui-secondary .gui-progress{background:#0097a7}.gui-material .gui-progress.gui-secondary .gui-progress-bar{border-color:#0097a7}\\n\", \".gui-dark .gui-progress-bar{border-color:#616161;color:#bdbdbd}.gui-dark .gui-progress{background:#424242}.gui-dark .gui-progress.gui-primary .gui-progress{background:#ce93d8}.gui-dark .gui-progress.gui-primary .gui-progress-bar{border-color:#ce93d8;color:#212121}.gui-dark .gui-progress.gui-secondary .gui-progress{background:#80cbc4}.gui-dark .gui-progress.gui-secondary .gui-progress-bar{border-color:#80cbc4;color:#212121}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricProgressBarComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricProgressBarModule = /*#__PURE__*/(() => {\n class FabricProgressBarModule {\n static ɵfac = function FabricProgressBarModule_Factory(t) {\n return new (t || FabricProgressBarModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricProgressBarModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricProgressBarModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet AbstractSpinner = /*#__PURE__*/(() => {\n class AbstractSpinner {\n elementRef;\n renderer;\n width = 5;\n diameter = 90;\n primary = false;\n secondary = false;\n r = 0;\n circumference = 0;\n croppedCircle = 0;\n circleSize = 0;\n constructor(elementRef, renderer) {\n this.elementRef = elementRef;\n this.renderer = renderer;\n }\n ngOnChanges(changes) {\n this.calculateCircle();\n if (changes['primary']) {\n if (this.primary) {\n this.addClass('gui-primary');\n } else {\n this.removeClass('gui-primary');\n }\n }\n if (changes['secondary']) {\n if (this.secondary) {\n this.addClass('gui-secondary');\n } else {\n this.removeClass('gui-secondary');\n }\n }\n }\n ngOnInit() {\n this.calculateCircle();\n }\n calculateCircle() {\n this.circumference = this.calculateCircumference(this.diameter);\n this.r = this.calculateR(this.diameter);\n this.croppedCircle = this.calculateDashes(this.circumference);\n this.circleSize = this.calculateSize(this.diameter, this.width);\n }\n calculateCircumference(diameter) {\n return diameter * Math.PI;\n }\n calculateR(diameter) {\n return diameter / 2;\n }\n calculateDashes(circumference) {\n return circumference * 0.25;\n }\n calculateSize(diameter, width) {\n return diameter + width;\n }\n addClass(className) {\n this.renderer.addClass(this.elementRef.nativeElement, className);\n }\n removeClass(className) {\n this.renderer.removeClass(this.elementRef.nativeElement, className);\n }\n static ɵfac = function AbstractSpinner_Factory(t) {\n return new (t || AbstractSpinner)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: AbstractSpinner,\n inputs: {\n width: \"width\",\n diameter: \"diameter\",\n primary: \"primary\",\n secondary: \"secondary\"\n },\n features: [i0.ɵɵNgOnChangesFeature]\n });\n }\n return AbstractSpinner;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nvar SpinnerMode = /*#__PURE__*/function (SpinnerMode) {\n SpinnerMode[SpinnerMode[\"NoSpin\"] = 0] = \"NoSpin\";\n SpinnerMode[SpinnerMode[\"Spin\"] = 1] = \"Spin\";\n return SpinnerMode;\n}(SpinnerMode || {});\nlet FabricProgressSpinnerComponent = /*#__PURE__*/(() => {\n class FabricProgressSpinnerComponent extends AbstractSpinner {\n value = 0;\n mode = SpinnerMode.NoSpin;\n color;\n animationsDisabled = true;\n secondCircleDisabled = true;\n valuePercentage = 0;\n constructor(elementRef, renderer) {\n super(elementRef, renderer);\n }\n ngOnChanges(changes) {\n super.ngOnChanges(changes);\n this.calculateValuePercentage(this.circumference, this.value);\n if (this.mode === SpinnerMode.Spin) {\n this.animationsDisabled = false;\n this.secondCircleDisabled = false;\n this.value = 0;\n this.circumference = this.croppedCircle;\n }\n if (this.animationsDisabled) {\n this.addClass('gui-animations-disabled');\n } else {\n this.removeClass('gui-animations-disabled');\n }\n if (this.secondCircleDisabled) {\n this.addClass('gui-second-circle-disabled');\n } else {\n this.removeClass('gui-second-circle-disabled');\n }\n }\n ngOnInit() {\n this.calculateValuePercentage(this.circumference, this.value);\n }\n calculateValuePercentage(circumference, value) {\n this.valuePercentage = circumference - value * circumference / 100;\n }\n static ɵfac = function FabricProgressSpinnerComponent_Factory(t) {\n return new (t || FabricProgressSpinnerComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricProgressSpinnerComponent,\n selectors: [[\"gui-progress-spinner\"]],\n inputs: {\n value: \"value\",\n mode: \"mode\",\n color: \"color\"\n },\n features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature],\n decls: 5,\n vars: 30,\n consts: [[1, \"gui-progress-spinner\"], [1, \"circle-outer\"], [\"cx\", \"50%\", \"cy\", \"50%\"], [1, \"circle-inner\"]],\n template: function FabricProgressSpinnerComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵnamespaceSVG();\n i0.ɵɵelementStart(1, \"svg\", 1);\n i0.ɵɵelement(2, \"circle\", 2);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(3, \"svg\", 3);\n i0.ɵɵelement(4, \"circle\", 2);\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n i0.ɵɵstyleProp(\"height\", ctx.circleSize, \"px\")(\"width\", ctx.circleSize, \"px\");\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"height\", ctx.circleSize, \"px\")(\"width\", ctx.circleSize, \"px\");\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"stroke-dasharray\", ctx.circumference)(\"stroke-dashoffset\", ctx.valuePercentage)(\"stroke-width\", ctx.width)(\"stroke\", ctx.color);\n i0.ɵɵattribute(\"r\", ctx.r);\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"height\", ctx.circleSize, \"px\")(\"width\", ctx.circleSize, \"px\");\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"stroke-dasharray\", ctx.croppedCircle)(\"stroke-dashoffset\", ctx.circumference)(\"stroke-width\", ctx.width)(\"stroke\", ctx.color);\n i0.ɵɵattribute(\"r\", ctx.r);\n }\n },\n styles: [\".gui-progress-spinner{display:inline-block;margin:4px;position:relative;-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.gui-progress-spinner circle{fill:transparent;stroke:#999}.gui-progress-spinner svg{position:absolute}.gui-progress-spinner .circle-inner{animation:gui-spin-reverse 2s infinite linear forwards reverse}.gui-progress-spinner .circle-outer{animation:gui-spin 2s infinite linear forwards}.gui-animations-disabled .gui-progress-spinner.gui-progress-spinner .circle-outer,.gui-animations-disabled .gui-progress-spinner.gui-progress-spinner.gui-progress-spinner{animation:none}.gui-second-circle-disabled .gui-progress-spinner.gui-progress-spinner .circle-inner{opacity:0}.gui-primary .gui-progress-spinner.gui-progress-spinner circle{stroke:#2185d0}.gui-secondary .gui-progress-spinner.gui-progress-spinner circle{stroke:#3cb371}\\n\", \".gui-material .gui-progress-spinner circle{stroke:#3949ab}.gui-material .gui-primary .gui-progress-spinner circle{stroke:#6200ee}.gui-material .gui-secondary .gui-progress-spinner circle{stroke:#0097a7}\\n\", \".gui-dark .gui-progress-spinner circle{stroke:#424242}.gui-dark .gui-primary .gui-progress-spinner circle{stroke:#ce93d8}.gui-dark .gui-secondary .gui-progress-spinner circle{stroke:#80cbc4}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricProgressSpinnerComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricProgressSpinnerModule = /*#__PURE__*/(() => {\n class FabricProgressSpinnerModule {\n static ɵfac = function FabricProgressSpinnerModule_Factory(t) {\n return new (t || FabricProgressSpinnerModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricProgressSpinnerModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricProgressSpinnerModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricRadioButtonComponent = /*#__PURE__*/(() => {\n class FabricRadioButtonComponent {\n elementRef;\n renderer;\n name = '';\n checked = false;\n disabled = false;\n changed = new EventEmitter();\n constructor(elementRef, renderer) {\n this.elementRef = elementRef;\n this.renderer = renderer;\n }\n ngOnChanges() {\n if (this.disabled) {\n this.renderer.addClass(this.elementRef.nativeElement, 'gui-disabled');\n } else {\n this.renderer.removeClass(this.elementRef.nativeElement, 'gui-disabled');\n }\n }\n check() {\n this.checked = true;\n this.changed.emit(this.checked);\n }\n static ɵfac = function FabricRadioButtonComponent_Factory(t) {\n return new (t || FabricRadioButtonComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricRadioButtonComponent,\n selectors: [[\"gui-radio-button\"]],\n hostVars: 2,\n hostBindings: function FabricRadioButtonComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-radio-button\", true);\n }\n },\n inputs: {\n name: \"name\",\n checked: \"checked\",\n disabled: \"disabled\"\n },\n outputs: {\n changed: \"changed\"\n },\n features: [i0.ɵɵNgOnChangesFeature],\n ngContentSelectors: _c0,\n decls: 4,\n vars: 3,\n consts: [[\"type\", \"radio\", 3, \"click\", \"checked\", \"disabled\"], [1, \"gui-radio-checkmark\"]],\n template: function FabricRadioButtonComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵelementStart(0, \"label\")(1, \"input\", 0);\n i0.ɵɵlistener(\"click\", function FabricRadioButtonComponent_Template_input_click_1_listener() {\n return ctx.check();\n });\n i0.ɵɵelementEnd();\n i0.ɵɵelement(2, \"span\", 1);\n i0.ɵɵprojection(3);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"checked\", ctx.checked)(\"disabled\", ctx.disabled);\n i0.ɵɵattribute(\"name\", ctx.name);\n }\n },\n styles: [\".gui-radio-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;font:14px Arial;line-height:18px;padding-left:32px;position:relative}.gui-radio-button label{cursor:pointer}.gui-radio-button label:hover .gui-radio-checkmark{border-color:#999}.gui-radio-button input{height:0;opacity:0;position:absolute;width:0}.gui-radio-button .gui-radio-checkmark{border-color:#d6d6d6;border-radius:50%;border-style:solid;border-width:1px;box-sizing:content-box;height:16px;left:0;position:absolute;width:16px}.gui-radio-button input:checked+.gui-radio-checkmark{border-color:#999}.gui-radio-button input:focus+.gui-radio-checkmark{border-color:#6fb4e8}.gui-radio-button.gui-disabled.gui-radio-button{color:#ccc;pointer-events:none}.gui-radio-button .gui-radio-checkmark:after{content:\\\"\\\";display:none;position:absolute}.gui-radio-button input:checked+.gui-radio-checkmark:after{box-sizing:content-box;display:block}.gui-radio-button .gui-radio-checkmark:after{background:#333;border-radius:50%;height:16px;-ms-transform:scale(.5);transform:scale(.5);width:16px}\\n\", \".gui-material .gui-radio-button{font-family:Roboto,Helvetica Neue,sans-serif}\\n\", \".gui-dark .gui-radio-button{color:#bdbdbd}.gui-dark .gui-radio-button .gui-radio-checkmark{border-color:#878787}.gui-dark .gui-radio-button input:checked+.gui-radio-checkmark{border-color:#878787}.gui-dark .gui-radio-button input:focus+.gui-radio-checkmark{border-color:#ce93d8}.gui-dark .gui-radio-button .gui-radio-checkmark:after{background:#878787}.gui-dark .gui-radio-button.gui-disabled.gui-radio-button{opacity:.36}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricRadioButtonComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricRadioButtonModule = /*#__PURE__*/(() => {\n class FabricRadioButtonModule {\n static ɵfac = function FabricRadioButtonModule_Factory(t) {\n return new (t || FabricRadioButtonModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricRadioButtonModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricRadioButtonModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricRadioGroupComponent = /*#__PURE__*/(() => {\n class FabricRadioGroupComponent {\n static ɵfac = function FabricRadioGroupComponent_Factory(t) {\n return new (t || FabricRadioGroupComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricRadioGroupComponent,\n selectors: [[\"gui-radio-group\"]],\n hostVars: 2,\n hostBindings: function FabricRadioGroupComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-radio-group\", true);\n }\n },\n ngContentSelectors: _c0,\n decls: 1,\n vars: 0,\n template: function FabricRadioGroupComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵprojection(0);\n }\n },\n styles: [\".gui-radio-group .gui-radio-button{display:block;margin-bottom:10px}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricRadioGroupComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricRadioGroupModule = /*#__PURE__*/(() => {\n class FabricRadioGroupModule {\n static ɵfac = function FabricRadioGroupModule_Factory(t) {\n return new (t || FabricRadioGroupModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricRadioGroupModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricRadioGroupModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nvar FabricNotificationPosition = /*#__PURE__*/function (FabricNotificationPosition) {\n FabricNotificationPosition[FabricNotificationPosition[\"TOP_RIGHT\"] = 0] = \"TOP_RIGHT\";\n FabricNotificationPosition[FabricNotificationPosition[\"TOP_LEFT\"] = 1] = \"TOP_LEFT\";\n FabricNotificationPosition[FabricNotificationPosition[\"BOTTOM_RIGHT\"] = 2] = \"BOTTOM_RIGHT\";\n FabricNotificationPosition[FabricNotificationPosition[\"BOTTOM_LEFT\"] = 3] = \"BOTTOM_LEFT\";\n return FabricNotificationPosition;\n}(FabricNotificationPosition || {});\nlet FabricNotificationComponent = /*#__PURE__*/(() => {\n class FabricNotificationComponent {\n renderer;\n notificationRef;\n notification;\n onNotificationClose = new EventEmitter();\n unsub$ = new Subject();\n constructor(renderer) {\n this.renderer = renderer;\n }\n ngOnInit() {\n if (this.notification?.timer.enabled) {\n timer(this.notification.timer.duration || 0).pipe(takeUntil(this.unsub$)).subscribe(() => this.closeNotification());\n }\n }\n ngOnDestroy() {\n this.unsub$.next();\n this.unsub$.complete();\n }\n closeNotification() {\n this.addCloseAnimation();\n timer(200).pipe(takeUntil(this.unsub$)).subscribe(() => this.onNotificationClose.emit(this.notification));\n }\n addCloseAnimation() {\n if (this.notificationRef) {\n const notificationEl = this.notificationRef.nativeElement;\n this.renderer.addClass(notificationEl, 'gui-notification-active');\n }\n }\n isRightSide() {\n return this.notification?.position === FabricNotificationPosition.TOP_RIGHT || this.notification?.position === FabricNotificationPosition.BOTTOM_RIGHT;\n }\n static ɵfac = function FabricNotificationComponent_Factory(t) {\n return new (t || FabricNotificationComponent)(i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricNotificationComponent,\n selectors: [[\"gui-notification\"]],\n viewQuery: function FabricNotificationComponent_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c11, 5, ElementRef);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.notificationRef = _t.first);\n }\n },\n inputs: {\n notification: \"notification\"\n },\n outputs: {\n onNotificationClose: \"onNotificationClose\"\n },\n decls: 4,\n vars: 5,\n consts: [[\"guiNotification\", \"\"], [1, \"gui-notification\"], [3, \"click\"]],\n template: function FabricNotificationComponent_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 1, 0)(2, \"gui-close-icon\", 2);\n i0.ɵɵlistener(\"click\", function FabricNotificationComponent_Template_gui_close_icon_click_2_listener() {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.closeNotification());\n });\n i0.ɵɵelementEnd();\n i0.ɵɵtext(3);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-notification-right-side\", ctx.isRightSide())(\"gui-notification-left-side\", !ctx.isRightSide());\n i0.ɵɵadvance(3);\n i0.ɵɵtextInterpolate1(\" \", ctx.notification.description, \" \");\n }\n },\n dependencies: [FabricCloseIconComponent],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricNotificationComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nclass FabricNotification {\n description;\n index;\n timer;\n position;\n constructor(description, index, timer, position) {\n this.description = description;\n this.index = index;\n this.timer = timer;\n this.position = position;\n }\n}\nlet FabricNotificationService = /*#__PURE__*/(() => {\n class FabricNotificationService extends FabricModal {\n static DEFAULT_DURATION = 4000;\n fabricNotification;\n notificationIndex = 0;\n unsub$ = new Subject();\n constructor(componentFactoryResolver, applicationRef, injector, document) {\n super(componentFactoryResolver, applicationRef, injector, document);\n }\n ngOnDestroy() {\n this.removeNotificationContainer();\n }\n getComponent() {\n return FabricNotificationsOverlayComponent;\n }\n open(notification, config) {\n let position = FabricNotificationPosition.TOP_RIGHT;\n if (config && config.position) {\n position = config.position;\n }\n this.createFabricNotification(notification, position, config);\n if (!this.isComponentCreated()) {\n let theme = Theme.FABRIC,\n parentInjector = this.getInjector();\n if (config && config.theme) {\n theme = config.theme;\n }\n if (config && config.injector) {\n parentInjector = config.injector;\n }\n const injector = Injector.create({\n providers: [{\n provide: themeToken,\n useValue: theme\n }],\n parent: parentInjector\n });\n this.createAndAppend({\n injector\n });\n this.pushNotification(position);\n } else {\n this.pushNotification(position);\n }\n }\n close() {\n this.removeNotificationContainer();\n this.unsub$.next();\n this.unsub$.complete();\n }\n removeNotificationContainer() {\n if (this.isComponentCreated()) {\n this.removeComponent();\n this.notificationIndex = 0;\n }\n }\n createFabricNotification(description, position, config) {\n let duration = FabricNotificationService.DEFAULT_DURATION,\n enabled = true;\n if (config && config.timer) {\n if (config.timer.duration) {\n duration = config.timer.duration;\n if (config.timer.extendTimer) {\n duration = config.timer.duration * (this.notificationIndex + 1);\n }\n }\n if (config.timer.enabled !== undefined) {\n enabled = config.timer.enabled;\n }\n }\n this.fabricNotification = new FabricNotification(description, this.notificationIndex, {\n duration,\n enabled\n }, position);\n this.notificationIndex += 1;\n }\n pushNotification(position) {\n if (!this.fabricNotification || !this.isComponentCreated()) {\n return;\n }\n const componentRef = this.getComponentRef();\n switch (position) {\n case FabricNotificationPosition.TOP_RIGHT:\n componentRef.instance.notificationsTopRight = componentRef.instance.notificationsTopRight.concat(this.fabricNotification);\n break;\n case FabricNotificationPosition.TOP_LEFT:\n componentRef.instance.notificationsTopLeft = componentRef.instance.notificationsTopLeft.concat(this.fabricNotification);\n break;\n case FabricNotificationPosition.BOTTOM_RIGHT:\n componentRef.instance.notificationsBottomRight = componentRef.instance.notificationsBottomRight.concat(this.fabricNotification);\n break;\n case FabricNotificationPosition.BOTTOM_LEFT:\n componentRef.instance.notificationsBottomLeft = componentRef.instance.notificationsBottomLeft.concat(this.fabricNotification);\n break;\n default:\n break;\n }\n componentRef.instance.detectChanges();\n }\n static ɵfac = function FabricNotificationService_Factory(t) {\n return new (t || FabricNotificationService)(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(DOCUMENT));\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricNotificationService,\n factory: FabricNotificationService.ɵfac\n });\n }\n return FabricNotificationService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricNotificationsContainerComponent = /*#__PURE__*/(() => {\n class FabricNotificationsContainerComponent {\n notifications = [];\n position;\n onNotificationClose = new EventEmitter();\n FabricNotificationPosition = FabricNotificationPosition;\n emitClosedNotification(selectedNotification) {\n this.onNotificationClose.emit(selectedNotification);\n }\n isPosition(fabricNotificationPosition) {\n return this.position === fabricNotificationPosition;\n }\n static ɵfac = function FabricNotificationsContainerComponent_Factory(t) {\n return new (t || FabricNotificationsContainerComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricNotificationsContainerComponent,\n selectors: [[\"gui-notifications-container\"]],\n hostVars: 8,\n hostBindings: function FabricNotificationsContainerComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-notifications-top-right\", ctx.isPosition(ctx.FabricNotificationPosition.TOP_RIGHT))(\"gui-notifications-top-left\", ctx.isPosition(ctx.FabricNotificationPosition.TOP_LEFT))(\"gui-notifications-bottom-right\", ctx.isPosition(ctx.FabricNotificationPosition.BOTTOM_RIGHT))(\"gui-notifications-bottom-left\", ctx.isPosition(ctx.FabricNotificationPosition.BOTTOM_LEFT));\n }\n },\n inputs: {\n notifications: \"notifications\",\n position: \"position\"\n },\n outputs: {\n onNotificationClose: \"onNotificationClose\"\n },\n decls: 1,\n vars: 1,\n consts: [[3, \"notification\", \"onNotificationClose\", 4, \"ngFor\", \"ngForOf\"], [3, \"onNotificationClose\", \"notification\"]],\n template: function FabricNotificationsContainerComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵtemplate(0, FabricNotificationsContainerComponent_gui_notification_0_Template, 1, 1, \"gui-notification\", 0);\n }\n if (rf & 2) {\n i0.ɵɵproperty(\"ngForOf\", ctx.notifications);\n }\n },\n dependencies: [i1.NgForOf, FabricNotificationComponent],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricNotificationsContainerComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricNotificationsOverlayComponent = /*#__PURE__*/(() => {\n class FabricNotificationsOverlayComponent extends FabricThemedComponent {\n changeDetectorRef;\n notificationsService;\n notificationsTopRight = [];\n notificationsTopLeft = [];\n notificationsBottomRight = [];\n notificationsBottomLeft = [];\n FabricNotificationPosition = FabricNotificationPosition;\n constructor(changeDetectorRef, elRef, renderer, themeService, theme, notificationsService) {\n super(elRef, renderer, themeService);\n this.changeDetectorRef = changeDetectorRef;\n this.notificationsService = notificationsService;\n }\n removeNotification(selectedNotification) {\n switch (selectedNotification.position) {\n case FabricNotificationPosition.TOP_RIGHT:\n this.notificationsTopRight = this.notificationsTopRight.filter(notification => notification.index !== selectedNotification.index);\n break;\n case FabricNotificationPosition.TOP_LEFT:\n this.notificationsTopLeft = this.notificationsTopLeft.filter(notification => notification.index !== selectedNotification.index);\n break;\n case FabricNotificationPosition.BOTTOM_RIGHT:\n this.notificationsBottomRight = this.notificationsBottomRight.filter(notification => notification.index !== selectedNotification.index);\n break;\n case FabricNotificationPosition.BOTTOM_LEFT:\n this.notificationsBottomLeft = this.notificationsBottomLeft.filter(notification => notification.index !== selectedNotification.index);\n break;\n default:\n break;\n }\n this.detectChanges();\n this.checkNotificationsLength();\n }\n detectChanges() {\n this.changeDetectorRef.detectChanges();\n }\n checkNotificationsLength() {\n if (this.notificationsTopRight.length === 0 && this.notificationsTopLeft.length === 0 && this.notificationsBottomRight.length === 0 && this.notificationsBottomLeft.length === 0) {\n this.notificationsService.close();\n }\n }\n isContainerNotEmpty(container) {\n return container && container.length > 0;\n }\n static ɵfac = function FabricNotificationsOverlayComponent_Factory(t) {\n return new (t || FabricNotificationsOverlayComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(FabricModalThemeService), i0.ɵɵdirectiveInject(themeToken), i0.ɵɵdirectiveInject(forwardRef(() => FabricNotificationService)));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricNotificationsOverlayComponent,\n selectors: [[\"ng-component\"]],\n hostVars: 2,\n hostBindings: function FabricNotificationsOverlayComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-notifications-overlay\", true);\n }\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n decls: 4,\n vars: 4,\n consts: [[3, \"notifications\", \"position\", \"onNotificationClose\", 4, \"ngIf\"], [3, \"onNotificationClose\", \"notifications\", \"position\"]],\n template: function FabricNotificationsOverlayComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵtemplate(0, FabricNotificationsOverlayComponent_gui_notifications_container_0_Template, 1, 2, \"gui-notifications-container\", 0)(1, FabricNotificationsOverlayComponent_gui_notifications_container_1_Template, 1, 2, \"gui-notifications-container\", 0)(2, FabricNotificationsOverlayComponent_gui_notifications_container_2_Template, 1, 2, \"gui-notifications-container\", 0)(3, FabricNotificationsOverlayComponent_gui_notifications_container_3_Template, 1, 2, \"gui-notifications-container\", 0);\n }\n if (rf & 2) {\n i0.ɵɵproperty(\"ngIf\", ctx.isContainerNotEmpty(ctx.notificationsTopRight));\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx.isContainerNotEmpty(ctx.notificationsTopLeft));\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx.isContainerNotEmpty(ctx.notificationsBottomRight));\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx.isContainerNotEmpty(ctx.notificationsBottomLeft));\n }\n },\n dependencies: [i1.NgIf, FabricNotificationsContainerComponent],\n styles: [\".gui-notifications-overlay{-ms-flex-align:center;align-items:center;font-family:Arial;-ms-flex-pack:center;justify-content:center;max-width:400px;position:fixed;z-index:1000}.gui-notifications-overlay gui-notifications-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:fixed}.gui-notifications-overlay gui-notifications-container.gui-notifications-top-left{left:0;top:0}.gui-notifications-overlay gui-notifications-container.gui-notifications-top-right{right:0;top:0}.gui-notifications-overlay gui-notifications-container.gui-notifications-bottom-left{bottom:0;left:0}.gui-notifications-overlay gui-notifications-container.gui-notifications-bottom-right{bottom:0;right:0}.gui-notifications-overlay .gui-notification{background:#fff;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;display:block;margin:16px;padding:32px;position:relative}.gui-notifications-overlay .gui-notification.gui-notification-right-side{animation:loadNotificationRightSide .1s forwards}.gui-notifications-overlay .gui-notification.gui-notification-left-side{animation:loadNotificationLeftSide .1s forwards}@keyframes loadNotificationRightSide{0%{transform:translate(50%)}to{transform:translate(0)}}@keyframes loadNotificationLeftSide{0%{transform:translate(-50%)}to{transform:translate(0)}}.gui-notifications-overlay .gui-notification.gui-notification-active.gui-notification-right-side{animation:closeNotificationRightSide .2s forwards}@keyframes closeNotificationRightSide{0%{transform:translate(0)}to{transform:translate(100%)}}.gui-notifications-overlay .gui-notification.gui-notification-active.gui-notification-left-side{animation:closeNotificationLeftSide .2s forwards}@keyframes closeNotificationLeftSide{0%{transform:translate(0)}to{transform:translate(-100%)}}\\n\", \".gui-dark .gui-notification{background:#424242}\\n\", \".gui-material .gui-notification{background:#3949ab;color:#fff;font-family:Roboto,Helvetica Neue,sans-serif;font-weight:500}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricNotificationsOverlayComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricNotificationModule = /*#__PURE__*/(() => {\n class FabricNotificationModule {\n static ɵfac = function FabricNotificationModule_Factory(t) {\n return new (t || FabricNotificationModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricNotificationModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n providers: [FabricNotificationService],\n imports: [CommonModule, FabricCloseIconModule]\n });\n }\n return FabricNotificationModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricMessageService = /*#__PURE__*/(() => {\n class FabricMessageService extends FabricModal {\n constructor(componentFactoryResolver, applicationRef, injector, document) {\n super(componentFactoryResolver, applicationRef, injector, document);\n }\n getComponent() {\n return FabricMessageComponent;\n }\n open(text) {\n this.createAndAppend({\n afterCompCreation: () => this.afterCompCreation(text)\n });\n }\n close() {\n this.removeComponent();\n }\n afterCompCreation(text) {\n if (this.isComponentCreated()) {\n const componentRef = this.getComponentRef();\n componentRef.instance.text = text;\n componentRef.instance.detectChanges();\n }\n }\n static ɵfac = function FabricMessageService_Factory(t) {\n return new (t || FabricMessageService)(i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(DOCUMENT));\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricMessageService,\n factory: FabricMessageService.ɵfac\n });\n }\n return FabricMessageService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricMessageComponent = /*#__PURE__*/(() => {\n class FabricMessageComponent {\n messageService;\n changeDetectorRef;\n text = '';\n constructor(messageService, changeDetectorRef) {\n this.messageService = messageService;\n this.changeDetectorRef = changeDetectorRef;\n }\n detectChanges() {\n this.changeDetectorRef.detectChanges();\n }\n close() {\n this.messageService.close();\n }\n static ɵfac = function FabricMessageComponent_Factory(t) {\n return new (t || FabricMessageComponent)(i0.ɵɵdirectiveInject(FabricMessageService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricMessageComponent,\n selectors: [[\"gui-message\"]],\n decls: 4,\n vars: 1,\n consts: [[1, \"gui-message\"], [3, \"click\"]],\n template: function FabricMessageComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵtext(1);\n i0.ɵɵelementStart(2, \"button\", 1);\n i0.ɵɵlistener(\"click\", function FabricMessageComponent_Template_button_click_2_listener() {\n return ctx.close();\n });\n i0.ɵɵtext(3, \"X\");\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n i0.ɵɵadvance();\n i0.ɵɵtextInterpolate1(\" \", ctx.text, \" \");\n }\n },\n styles: [\".gui-message{left:50%;position:fixed;top:50%}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricMessageComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricMessageModule = /*#__PURE__*/(() => {\n class FabricMessageModule {\n static ɵfac = function FabricMessageModule_Factory(t) {\n return new (t || FabricMessageModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricMessageModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n providers: [FabricMessageService],\n imports: [CommonModule]\n });\n }\n return FabricMessageModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricSvgTemplate = /*#__PURE__*/(() => {\n class FabricSvgTemplate {\n svgRef;\n svg = '';\n // todo sanitize\n ngAfterViewInit() {\n if (this.svgRef) {\n this.svgRef.nativeElement.innerHTML = this.svg;\n }\n }\n static ɵfac = function FabricSvgTemplate_Factory(t) {\n return new (t || FabricSvgTemplate)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricSvgTemplate,\n selectors: [[\"gui-svg-template\"]],\n viewQuery: function FabricSvgTemplate_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c12, 5, ElementRef);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.svgRef = _t.first);\n }\n },\n inputs: {\n svg: \"svg\"\n },\n decls: 2,\n vars: 0,\n consts: [[\"svgEl\", \"\"]],\n template: function FabricSvgTemplate_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelement(0, \"div\", null, 0);\n }\n },\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricSvgTemplate;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricTabComponent = /*#__PURE__*/(() => {\n class FabricTabComponent extends FabricReactive {\n renderer;\n changeDetectorRef;\n platformId;\n tabRef;\n tabItemRef;\n tabMenuList;\n menu = [];\n active = '';\n scrollActive = false;\n Direction = Direction;\n listPosition = 0;\n menuListWidth = 0;\n scrollAmount = 60;\n ACTIVE_TAB_CLASS_NAME = 'gui-active';\n constructor(renderer, changeDetectorRef, platformId) {\n super();\n this.renderer = renderer;\n this.changeDetectorRef = changeDetectorRef;\n this.platformId = platformId;\n }\n ngAfterViewInit() {\n this.toggleTab(this.active);\n this.calculateMenuWidth();\n this.showMenuArrows();\n this.checkIfMenuFitsOnResize();\n }\n toggleTab(tab) {\n this.removeActive();\n this.setActive(tab);\n }\n isSvg(item) {\n return typeof item === 'object';\n }\n getTabName(item) {\n return typeof item === 'object' ? item.name : item;\n }\n scrollTabList(scrollRightClicked) {\n if (this.tabRef) {\n const listWidth = this.tabRef.nativeElement.querySelector('.gui-tab-menu-list').offsetWidth,\n menuOverflow = this.menuListWidth - listWidth;\n if (scrollRightClicked && menuOverflow > this.listPosition) {\n this.listPosition += this.scrollAmount;\n } else if (!scrollRightClicked && this.listPosition > 0) {\n this.listPosition -= this.scrollAmount;\n }\n this.tabRef.nativeElement.querySelector('.' + 'gui-tab-menu-list').scrollLeft = this.listPosition;\n }\n }\n setActive(tab) {\n if (this.tabRef && this.tabItemRef) {\n if (typeof tab === 'object') {\n tab = tab.name;\n }\n const navMenuTabEl = this.tabRef.nativeElement.querySelector('[data-tab=\"' + tab + '\"]'),\n navTabItemEl = this.tabItemRef.nativeElement.querySelector('[data-tab=\"' + tab + '\"]');\n this.addClass(navMenuTabEl, this.ACTIVE_TAB_CLASS_NAME);\n this.addClass(navTabItemEl, this.ACTIVE_TAB_CLASS_NAME);\n }\n }\n removeActive() {\n if (this.tabRef && this.tabItemRef) {\n const navMenuTabEl = this.tabRef.nativeElement.querySelector('.' + this.ACTIVE_TAB_CLASS_NAME),\n navTabItemEl = this.tabItemRef.nativeElement.querySelector('.' + this.ACTIVE_TAB_CLASS_NAME);\n this.removeClass(navMenuTabEl, this.ACTIVE_TAB_CLASS_NAME);\n this.removeClass(navTabItemEl, this.ACTIVE_TAB_CLASS_NAME);\n }\n }\n addClass(element, name) {\n if (element) {\n this.renderer.addClass(element, name);\n }\n }\n removeClass(element, name) {\n if (element) {\n this.renderer.removeClass(element, name);\n }\n }\n checkIfMenuFitsOnResize() {\n if (isPlatformBrowser(this.platformId)) {\n fromEvent(window, 'resize').pipe(takeUntil(this.unsubscribe$)).subscribe(() => this.showMenuArrows());\n }\n }\n calculateMenuWidth() {\n if (this.tabMenuList) {\n this.menuListWidth = 0;\n this.tabMenuList.forEach(listItem => {\n this.menuListWidth += listItem.nativeElement.offsetWidth;\n });\n }\n }\n showMenuArrows() {\n if (this.tabRef) {\n const menuWidth = this.tabRef.nativeElement.querySelector('.gui-tab-menu').offsetWidth;\n this.scrollActive = menuWidth < this.menuListWidth;\n this.changeDetectorRef.detectChanges();\n }\n }\n static ɵfac = function FabricTabComponent_Factory(t) {\n return new (t || FabricTabComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PLATFORM_ID));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricTabComponent,\n selectors: [[\"gui-tab\"]],\n viewQuery: function FabricTabComponent_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c13, 5, ElementRef);\n i0.ɵɵviewQuery(_c14, 5, ElementRef);\n i0.ɵɵviewQuery(_c15, 5, ElementRef);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabRef = _t.first);\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabItemRef = _t.first);\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabMenuList = _t);\n }\n },\n hostVars: 2,\n hostBindings: function FabricTabComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-tab\", true);\n }\n },\n inputs: {\n menu: \"menu\",\n active: \"active\",\n scrollActive: \"scrollActive\"\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n ngContentSelectors: _c0,\n decls: 10,\n vars: 3,\n consts: [[\"tab\", \"\"], [\"tabItem\", \"\"], [\"tabMenuList\", \"\"], [1, \"gui-tab-menu\"], [\"class\", \"scroll-button\", 3, \"click\", 4, \"ngIf\"], [1, \"gui-tab-menu-list\"], [\"class\", \"gui-tab-menu-item\", 3, \"click\", 4, \"ngFor\", \"ngForOf\"], [1, \"gui-tab-content\"], [1, \"scroll-button\", 3, \"click\"], [3, \"direction\"], [1, \"gui-tab-menu-item\", 3, \"click\"], [4, \"ngIf\"], [3, \"svg\"]],\n template: function FabricTabComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵelementStart(0, \"div\", null, 0)(2, \"div\", 3);\n i0.ɵɵtemplate(3, FabricTabComponent_div_3_Template, 2, 1, \"div\", 4);\n i0.ɵɵelementStart(4, \"div\", 5);\n i0.ɵɵtemplate(5, FabricTabComponent_div_5_Template, 4, 3, \"div\", 6);\n i0.ɵɵelementEnd();\n i0.ɵɵtemplate(6, FabricTabComponent_div_6_Template, 2, 0, \"div\", 4);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(7, \"div\", 7, 1);\n i0.ɵɵprojection(9);\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n i0.ɵɵadvance(3);\n i0.ɵɵproperty(\"ngIf\", ctx.scrollActive);\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"ngForOf\", ctx.menu);\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngIf\", ctx.scrollActive);\n }\n },\n dependencies: [i1.NgForOf, i1.NgIf, FabricArrowIconComponent, FabricSvgTemplate],\n styles: [\".gui-tab{font:14px Arial}.gui-tab .gui-tab-content{background:#fff;border-color:#d6d6d6;border-radius:0 0 4px 4px;border-style:solid;border-width:1px;padding:12px}.gui-tab .gui-tab-menu{display:-ms-flexbox;display:flex;margin-bottom:-1px}.gui-tab .gui-tab-menu .gui-tab-menu-list{border-radius:4px 4px 0 0;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden}.gui-tab .gui-tab-menu .gui-tab-menu-item{background:#fafafa;border-color:#d6d6d6;border-radius:4px 4px 0 0;border-style:solid;border-width:1px;box-sizing:border-box;cursor:pointer;display:inline-block;height:34px;margin-right:2px;padding:8px 16px;position:relative;text-align:center;white-space:nowrap}.gui-tab .gui-tab-menu .gui-tab-menu-item:nth-last-child(1){margin-right:0}.gui-tab .gui-tab-menu .gui-tab-menu-item svg{height:16px;width:16px}.gui-tab .gui-tab-menu .gui-tab-menu-item svg path{fill:#aaa}.gui-tab .gui-tab-menu .scroll-button{background:transparent;box-sizing:border-box;color:#ccc;cursor:pointer;font-weight:700;height:34px;padding:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gui-tab .gui-tab-menu .scroll-button:hover svg path{stroke:#464646}.gui-tab .gui-tab-item{display:none}.gui-tab .gui-active.gui-tab-menu-item{background:#fff;border-color:#d6d6d6 #d6d6d6 #fff #d6d6d6;border-radius:4px 4px 0 0;border-style:solid;border-width:1px;color:#2185d0}.gui-tab .gui-active.gui-tab-menu-item svg path{fill:#2185d0}.gui-tab .gui-active.gui-tab-item{display:block}\\n\", \".gui-material .gui-tab{font:14px Roboto,Helvetica Neue,sans-serif}\\n\", \".gui-dark .gui-tab{color:#bdbdbd}.gui-dark .gui-tab .gui-tab-content{background:#424242;border-color:#616161}.gui-dark .gui-tab .gui-tab-menu-item{background:#616161;border-color:transparent}.gui-dark .gui-tab .gui-active.gui-tab-menu-item{background:#424242;border-color:#616161 #616161 transparent #616161;color:#ce93d8}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricTabComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricTabItemComponent = /*#__PURE__*/(() => {\n class FabricTabItemComponent {\n tab = '';\n static ɵfac = function FabricTabItemComponent_Factory(t) {\n return new (t || FabricTabItemComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricTabItemComponent,\n selectors: [[\"gui-tab-item\"]],\n inputs: {\n tab: \"tab\"\n },\n ngContentSelectors: _c0,\n decls: 2,\n vars: 1,\n consts: [[1, \"gui-tab-item\"]],\n template: function FabricTabItemComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵprojection(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵattribute(\"data-tab\", ctx.tab);\n }\n },\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricTabItemComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricSvgTemplateModule = /*#__PURE__*/(() => {\n class FabricSvgTemplateModule {\n static ɵfac = function FabricSvgTemplateModule_Factory(t) {\n return new (t || FabricSvgTemplateModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricSvgTemplateModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricSvgTemplateModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricTabModule = /*#__PURE__*/(() => {\n class FabricTabModule {\n static ɵfac = function FabricTabModule_Factory(t) {\n return new (t || FabricTabModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricTabModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule, FabricArrowIconModule, FabricSvgTemplateModule]\n });\n }\n return FabricTabModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricTooltipComponent = /*#__PURE__*/(() => {\n class FabricTooltipComponent {\n elementRef;\n text = '';\n left = 0;\n top = 0;\n constructor(elementRef) {\n this.elementRef = elementRef;\n }\n correctPosition() {\n this.top -= this.elementRef.nativeElement.offsetHeight;\n }\n static ɵfac = function FabricTooltipComponent_Factory(t) {\n return new (t || FabricTooltipComponent)(i0.ɵɵdirectiveInject(i0.ElementRef));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricTooltipComponent,\n selectors: [[\"ng-component\"]],\n hostVars: 6,\n hostBindings: function FabricTooltipComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵstyleProp(\"left\", ctx.left, \"px\")(\"top\", ctx.top, \"px\");\n i0.ɵɵclassProp(\"gui-tooltip\", true);\n }\n },\n decls: 1,\n vars: 1,\n template: function FabricTooltipComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵtext(0);\n }\n if (rf & 2) {\n i0.ɵɵtextInterpolate1(\" \", ctx.text, \" \");\n }\n },\n styles: [\".gui-tooltip{background:rgba(0,0,0,.8);border-radius:4px;border-style:solid;border-width:0;box-sizing:border-box;color:#fff;display:block;font:14px Arial;font-weight:400;padding:8px 12px;position:absolute;-ms-transform:translateX(-50%);transform:translate(-50%);vertical-align:middle;z-index:10}.gui-tooltip:after{border-color:#333 transparent transparent transparent;border-style:solid;border-width:5px;content:\\\"\\\";left:50%;margin-left:-5px;position:absolute;top:100%}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricTooltipComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricTooltipDirective = /*#__PURE__*/(() => {\n class FabricTooltipDirective extends FabricReactive {\n componentFactoryResolver;\n injector;\n elementRef;\n applicationRef;\n document;\n platformId;\n static tooltipOffset = 8;\n text = '';\n tooltipRef = null;\n tooltipTopPosition;\n tooltipLeftPosition;\n constructor(componentFactoryResolver, injector, elementRef, applicationRef, document, platformId) {\n super();\n this.componentFactoryResolver = componentFactoryResolver;\n this.injector = injector;\n this.elementRef = elementRef;\n this.applicationRef = applicationRef;\n this.document = document;\n this.platformId = platformId;\n }\n ngOnInit() {\n const open$ = fromEvent(this.elementRef.nativeElement, 'mouseenter'),\n close$ = fromEvent(this.elementRef.nativeElement, 'mouseleave');\n open$.pipe(takeUntil(this.unsubscribe$)).subscribe(() => this.show());\n close$.pipe(takeUntil(this.unsubscribe$)).subscribe(() => {\n if (this.tooltipRef) {\n this.hide();\n }\n });\n }\n show() {\n const tooltipRef = this.componentFactoryResolver.resolveComponentFactory(FabricTooltipComponent).create(this.injector);\n tooltipRef.instance.text = this.text;\n tooltipRef.changeDetectorRef.detectChanges();\n const domElement = tooltipRef.hostView.rootNodes[0];\n this.document.body.appendChild(domElement);\n this.tooltipRef = tooltipRef;\n this.calculateCords();\n this.tooltipRef.instance.correctPosition();\n this.tooltipRef.changeDetectorRef.detectChanges();\n }\n hide() {\n if (this.tooltipRef) {\n this.applicationRef.detachView(this.tooltipRef.hostView);\n this.tooltipRef.destroy();\n this.tooltipRef = null;\n }\n }\n calculateCords() {\n if (this.tooltipRef) {\n const elementRef = this.elementRef.nativeElement,\n elementRect = elementRef.getBoundingClientRect(),\n elementBottom = elementRect.bottom,\n elementLeft = elementRect.left;\n if (isPlatformBrowser(this.platformId)) {\n this.tooltipTopPosition = elementBottom + window.scrollY - elementRef.offsetHeight - FabricTooltipDirective.tooltipOffset;\n this.tooltipLeftPosition = window.scrollX + elementLeft + elementRef.offsetWidth / 2;\n if (this.tooltipTopPosition) {\n this.tooltipRef.instance.top = this.tooltipTopPosition;\n }\n if (this.tooltipLeftPosition) {\n this.tooltipRef.instance.left = this.tooltipLeftPosition;\n }\n this.tooltipRef.changeDetectorRef.detectChanges();\n }\n }\n }\n static ɵfac = function FabricTooltipDirective_Factory(t) {\n return new (t || FabricTooltipDirective)(i0.ɵɵdirectiveInject(i0.ComponentFactoryResolver), i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ApplicationRef), i0.ɵɵdirectiveInject(DOCUMENT), i0.ɵɵdirectiveInject(PLATFORM_ID));\n };\n static ɵdir = /* @__PURE__ */i0.ɵɵdefineDirective({\n type: FabricTooltipDirective,\n selectors: [[\"\", \"gui-tooltip\", \"\"]],\n inputs: {\n text: [i0.ɵɵInputFlags.None, \"gui-tooltip\", \"text\"]\n },\n exportAs: [\"guiTooltip\"],\n features: [i0.ɵɵInheritDefinitionFeature]\n });\n }\n return FabricTooltipDirective;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricTooltipModule = /*#__PURE__*/(() => {\n class FabricTooltipModule {\n static ɵfac = function FabricTooltipModule_Factory(t) {\n return new (t || FabricTooltipModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricTooltipModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({});\n }\n return FabricTooltipModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet SelectOptionsCords = /*#__PURE__*/(() => {\n class SelectOptionsCords {\n window;\n static BORDER_WIDTH = 1;\n verticalPosition = 0;\n horizontalPosition = 0;\n canOpenUpward = false;\n constructor(element, selectContainerGeometry, window) {\n this.window = window;\n this.calculateCords(element, selectContainerGeometry);\n }\n getVerticalPosition() {\n return this.verticalPosition;\n }\n getHorizontalPosition() {\n return this.horizontalPosition;\n }\n getCanOpenUpward() {\n return this.canOpenUpward;\n }\n calculateCords(element, selectOptionsGeometry) {\n const elementRect = element.nativeElement.getBoundingClientRect(),\n elementBottom = this.window.pageYOffset + elementRect.bottom,\n elementLeft = this.window.pageXOffset + elementRect.left;\n this.horizontalPosition = elementLeft;\n this.verticalPosition = elementBottom - SelectOptionsCords.BORDER_WIDTH;\n this.calculateDirection(selectOptionsGeometry, element);\n }\n calculateDirection(selectOptionsGeometry, element) {\n const windowHeight = this.window.innerHeight + this.window.pageYOffset,\n elementHeight = element.nativeElement.offsetHeight,\n selectOptionsHeight = selectOptionsGeometry.getHeight();\n const selectOptionsDoesNotFitVertically = windowHeight - this.verticalPosition - selectOptionsHeight < 0;\n if (selectOptionsDoesNotFitVertically) {\n this.canOpenUpward = true;\n this.verticalPosition -= selectOptionsHeight + elementHeight - SelectOptionsCords.BORDER_WIDTH;\n }\n }\n }\n return SelectOptionsCords;\n})();\nclass SelectOptionsGeometry {\n selectOptionsGeometry;\n constructor(selectOptionsGeometry) {\n this.selectOptionsGeometry = selectOptionsGeometry;\n }\n getHeight() {\n return this.selectOptionsGeometry.nativeElement.querySelector('.gui-options-list').offsetHeight;\n }\n getWidth() {\n return this.selectOptionsGeometry.nativeElement.querySelector('.gui-options-list').offsetWidth;\n }\n}\nlet SelectOptionsGeometryService = /*#__PURE__*/(() => {\n class SelectOptionsGeometryService {\n platformId;\n selectContainerGeometry;\n selectOptionsCords$ = new ReplaySubject(1);\n constructor(platformId) {\n this.platformId = platformId;\n }\n onSelectOptionsCords() {\n return this.selectOptionsCords$.asObservable();\n }\n setGeometry(selectContainerRef) {\n this.selectContainerGeometry = new SelectOptionsGeometry(selectContainerRef);\n }\n nextCords(element) {\n if (isPlatformBrowser(this.platformId) && this.selectContainerGeometry) {\n const selectOptionsCords = new SelectOptionsCords(element, this.selectContainerGeometry, window);\n this.selectOptionsCords$.next(selectOptionsCords);\n }\n }\n static ɵfac = function SelectOptionsGeometryService_Factory(t) {\n return new (t || SelectOptionsGeometryService)(i0.ɵɵinject(PLATFORM_ID));\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: SelectOptionsGeometryService,\n factory: SelectOptionsGeometryService.ɵfac\n });\n }\n return SelectOptionsGeometryService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricSelectedOptionsRepository = /*#__PURE__*/(() => {\n class FabricSelectedOptionsRepository {\n selectedOption$ = new ReplaySubject(1);\n onSelectedOption() {\n return this.selectedOption$.asObservable();\n }\n next(option) {\n this.selectedOption$.next(option);\n }\n static ɵfac = function FabricSelectedOptionsRepository_Factory(t) {\n return new (t || FabricSelectedOptionsRepository)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: FabricSelectedOptionsRepository,\n factory: FabricSelectedOptionsRepository.ɵfac\n });\n }\n return FabricSelectedOptionsRepository;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricSelectOptionsComponent = /*#__PURE__*/(() => {\n class FabricSelectOptionsComponent extends FabricThemedComponent {\n selectOptionsGeometryService;\n selectService;\n changeDetectorRef;\n optionListRef;\n options = [];\n optionsContainerLeftAttribute = 0;\n optionsContainerTopAttribute = 0;\n width = 100;\n selectedOption;\n canOpenUpward = false;\n constructor(selectOptionsGeometryService, selectService, changeDetectorRef, elementRef, renderer, themeService) {\n super(elementRef, renderer, themeService);\n this.selectOptionsGeometryService = selectOptionsGeometryService;\n this.selectService = selectService;\n this.changeDetectorRef = changeDetectorRef;\n }\n ngOnInit() {\n this.selectOptionsGeometryService.onSelectOptionsCords().pipe(takeUntil(this.unsubscribe$)).subscribe(cords => {\n this.optionsContainerTopAttribute = cords.getVerticalPosition();\n this.optionsContainerLeftAttribute = cords.getHorizontalPosition();\n this.canOpenUpward = cords.getCanOpenUpward();\n this.changeDetectorRef.detectChanges();\n });\n this.selectService.onSelectedOption().pipe(takeUntil(this.unsubscribe$)).subscribe(selectedOption => {\n this.selectedOption = selectedOption;\n this.changeDetectorRef.detectChanges();\n });\n }\n ngAfterViewInit() {\n super.ngAfterViewInit();\n this.initOpenAnimation();\n }\n getElementRef() {\n return super.getElementRef();\n }\n detectChanges() {\n this.changeDetectorRef.detectChanges();\n }\n selectOption(option) {\n this.selectService.next(option);\n }\n isOptionSelected(option) {\n return this.selectedOption?.name === option.name;\n }\n getOptionValue(option) {\n return option.value ? option.value : option.name;\n }\n initOpenAnimation() {\n if (this.optionListRef) {\n const optionsEl = this.optionListRef.nativeElement;\n this.getRenderer().addClass(optionsEl, 'gui-options-opened');\n }\n }\n static ɵfac = function FabricSelectOptionsComponent_Factory(t) {\n return new (t || FabricSelectOptionsComponent)(i0.ɵɵdirectiveInject(SelectOptionsGeometryService), i0.ɵɵdirectiveInject(FabricSelectedOptionsRepository), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(FabricModalThemeService));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricSelectOptionsComponent,\n selectors: [[\"ng-component\"]],\n viewQuery: function FabricSelectOptionsComponent_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c16, 5, ElementRef);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.optionListRef = _t.first);\n }\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n decls: 3,\n vars: 9,\n consts: [[\"optionList\", \"\"], [1, \"gui-options-list\"], [\"class\", \"gui-option\", 3, \"gui-option-selected\", \"width\", \"click\", 4, \"ngFor\", \"ngForOf\"], [1, \"gui-option\", 3, \"click\"]],\n template: function FabricSelectOptionsComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 1, 0);\n i0.ɵɵtemplate(2, FabricSelectOptionsComponent_div_2_Template, 2, 5, \"div\", 2);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵstyleProp(\"left\", ctx.optionsContainerLeftAttribute, \"px\")(\"top\", ctx.optionsContainerTopAttribute, \"px\");\n i0.ɵɵclassProp(\"gui-upward\", ctx.canOpenUpward)(\"gui-downward\", !ctx.canOpenUpward);\n i0.ɵɵadvance(2);\n i0.ɵɵproperty(\"ngForOf\", ctx.options);\n }\n },\n dependencies: [i1.NgForOf],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricSelectOptionsComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet SelectOptionModalService = /*#__PURE__*/(() => {\n class SelectOptionModalService extends FabricModal {\n selectOptionsGeometryService;\n constructor(selectOptionsGeometryService, componentFactoryResolver, applicationRef, injector, document) {\n super(componentFactoryResolver, applicationRef, injector, document);\n this.selectOptionsGeometryService = selectOptionsGeometryService;\n }\n getComponent() {\n return FabricSelectOptionsComponent;\n }\n open(options, width) {\n this.createAndAppend({\n afterCompCreation: () => this.afterCompCreation(options, width)\n });\n }\n closeOptions() {\n this.removeComponent();\n }\n afterCompCreation(options, width) {\n if (this.isComponentCreated()) {\n const componentRef = this.getComponentRef();\n componentRef.instance.options = options;\n componentRef.instance.width = width;\n componentRef.instance.detectChanges();\n this.selectOptionsGeometryService.setGeometry(componentRef.instance.getElementRef());\n componentRef.instance.detectChanges();\n }\n }\n static ɵfac = function SelectOptionModalService_Factory(t) {\n return new (t || SelectOptionModalService)(i0.ɵɵinject(SelectOptionsGeometryService), i0.ɵɵinject(i0.ComponentFactoryResolver), i0.ɵɵinject(i0.ApplicationRef), i0.ɵɵinject(i0.Injector), i0.ɵɵinject(DOCUMENT));\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: SelectOptionModalService,\n factory: SelectOptionModalService.ɵfac\n });\n }\n return SelectOptionModalService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricSelectComponent = /*#__PURE__*/(() => {\n class FabricSelectComponent extends FabricReactive {\n selectService;\n selectOptionsGeometryService;\n selectOptionModalService;\n changeDetectorRef;\n platformId;\n elementRef;\n renderer;\n containerRef;\n options = [];\n placeholder = '...';\n selected;\n width = 100;\n disabled = false;\n optionChanged = new EventEmitter();\n selectedOption;\n containerText;\n scrollListenerFn;\n doNotEmitValues = false;\n opened = false;\n constructor(selectService, selectOptionsGeometryService, selectOptionModalService, changeDetectorRef, platformId, elementRef, renderer) {\n super();\n this.selectService = selectService;\n this.selectOptionsGeometryService = selectOptionsGeometryService;\n this.selectOptionModalService = selectOptionModalService;\n this.changeDetectorRef = changeDetectorRef;\n this.platformId = platformId;\n this.elementRef = elementRef;\n this.renderer = renderer;\n }\n ngOnChanges(changes) {\n if (changes['placeholder']) {\n this.containerText = this.placeholder;\n }\n if (changes['selected']) {\n if (this.selected) {\n this.tryToSelect(this.selected);\n }\n }\n }\n ngOnInit() {\n this.selectService.onSelectedOption().pipe(takeUntil(this.unsubscribe$)).subscribe(selectedOption => {\n this.emitSelectedOption(selectedOption);\n this.selectedOption = selectedOption;\n this.containerText = selectedOption.value ?? '';\n this.doNotEmitValues = false;\n this.changeDetectorRef.detectChanges();\n });\n this.selectOptionsGeometryService.onSelectOptionsCords().pipe(takeUntil(this.unsubscribe$)).subscribe(cords => {\n if (cords.getCanOpenUpward()) {\n this.openUpward();\n } else {\n this.openDownward();\n }\n });\n }\n tryToOpen(event) {\n if (this.isContainerDisabled(event)) {\n event.stopPropagation();\n } else {\n this.open(this.options, this.width);\n this.toggleOptions(!this.opened);\n this.changeDetectorRef.detectChanges();\n }\n }\n clickOutside(event) {\n if (this.isContainerClicked(event)) {\n this.toggleOptions(false);\n }\n }\n toggleOptions(opened) {\n this.opened = opened;\n this.maintainOptionsListPosition();\n if (!this.opened) {\n this.closeOptions();\n }\n }\n isOptionSelected(option) {\n return this.selectedOption?.name === option.name;\n }\n getOptionValue(option) {\n if (option) {\n return option.value ? option.value : option.name;\n }\n return '';\n }\n open(options, width) {\n if (this.containerRef) {\n this.closeSelect();\n this.selectOptionModalService.open(options, width);\n this.selectOptionsGeometryService.nextCords(this.containerRef);\n }\n }\n tryToSelect(option) {\n const canSelect = this.selectedOption ? option.name !== this.selectedOption.name : true;\n if (canSelect) {\n this.doNotEmitValues = true;\n this.selectService.next(option);\n this.selectedOption = option;\n this.containerText = this.getOptionValue(option);\n }\n }\n maintainOptionsListPosition() {\n if (isPlatformBrowser(this.platformId)) {\n if (this.opened) {\n this.scrollListenerFn = this.renderer.listen('window', 'scroll', () => {\n if (this.containerRef) {\n this.selectOptionsGeometryService.nextCords(this.containerRef);\n }\n });\n } else {\n if (this.scrollListenerFn) {\n this.scrollListenerFn();\n }\n }\n }\n }\n closeSelect() {\n this.selectOptionModalService.closeOptions();\n }\n emitSelectedOption(option) {\n if (!this.doNotEmitValues) {\n if (!this.isOptionSelected(option)) {\n this.optionChanged.emit(option);\n }\n }\n }\n openDownward() {\n this.addClass('gui-options-opened');\n this.addClass('gui-downward');\n this.removeClass('gui-upward');\n }\n openUpward() {\n this.addClass('gui-options-opened');\n this.addClass('gui-upward');\n this.removeClass('gui-downward');\n }\n closeOptions() {\n const optionsElHasOpenClass = this.elementRef.nativeElement.classList.contains('gui-options-opened');\n if (optionsElHasOpenClass) {\n this.removeClass('gui-options-opened');\n this.closeSelect();\n }\n }\n isContainerClicked(event) {\n return !this.elementRef.nativeElement.contains(event.target);\n }\n isContainerDisabled(event) {\n return event.target.classList.contains('gui-disabled');\n }\n addClass(className) {\n this.renderer.addClass(this.elementRef.nativeElement, className);\n }\n removeClass(className) {\n this.renderer.removeClass(this.elementRef.nativeElement, className);\n }\n static ɵfac = function FabricSelectComponent_Factory(t) {\n return new (t || FabricSelectComponent)(i0.ɵɵdirectiveInject(FabricSelectedOptionsRepository), i0.ɵɵdirectiveInject(SelectOptionsGeometryService), i0.ɵɵdirectiveInject(SelectOptionModalService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PLATFORM_ID), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricSelectComponent,\n selectors: [[\"gui-select\"]],\n viewQuery: function FabricSelectComponent_Query(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵviewQuery(_c8, 5, ElementRef);\n }\n if (rf & 2) {\n let _t;\n i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerRef = _t.first);\n }\n },\n hostVars: 2,\n hostBindings: function FabricSelectComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-select\", true);\n }\n },\n inputs: {\n options: \"options\",\n placeholder: \"placeholder\",\n selected: \"selected\",\n width: \"width\",\n disabled: \"disabled\"\n },\n outputs: {\n optionChanged: \"optionChanged\"\n },\n features: [i0.ɵɵProvidersFeature([FabricSelectedOptionsRepository, SelectOptionsGeometryService, SelectOptionModalService]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature],\n decls: 5,\n vars: 5,\n consts: [[\"container\", \"\"], [1, \"gui-select-container\", 3, \"click\"], [1, \"gui-select-value\"], [1, \"gui-select-arrow\"]],\n template: function FabricSelectComponent_Template(rf, ctx) {\n if (rf & 1) {\n const _r1 = i0.ɵɵgetCurrentView();\n i0.ɵɵelementStart(0, \"div\", 1, 0);\n i0.ɵɵlistener(\"click\", function FabricSelectComponent_Template_div_click_0_listener($event) {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.tryToOpen($event));\n })(\"click\", function FabricSelectComponent_Template_div_click_0_listener($event) {\n i0.ɵɵrestoreView(_r1);\n return i0.ɵɵresetView(ctx.clickOutside($event));\n }, false, i0.ɵɵresolveDocument);\n i0.ɵɵelementStart(2, \"div\", 2);\n i0.ɵɵtext(3);\n i0.ɵɵelementEnd();\n i0.ɵɵelement(4, \"span\", 3);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵstyleProp(\"width\", ctx.width, \"px\");\n i0.ɵɵclassProp(\"gui-disabled\", ctx.disabled);\n i0.ɵɵadvance(3);\n i0.ɵɵtextInterpolate1(\" \", ctx.containerText, \" \");\n }\n },\n styles: [\".gui-select .gui-select-container{min-height:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border-color:#d6d6d6;border-radius:4px;border-style:solid;border-width:1px;box-sizing:content-box;color:#333;cursor:pointer;display:inline-block;font:14px Arial;padding:8px 24px 8px 12px;position:relative}.gui-select .gui-select-container:hover{border-color:#999}.gui-select .gui-select-container .gui-select-arrow{border:4px solid transparent;border-color:#595959 transparent transparent transparent;height:0;margin:8px;position:absolute;right:5px;top:5px;width:0}.gui-select.gui-options-opened .gui-select-container{border-color:#6fb4e8 #6fb4e8 transparent #6fb4e8;border-radius:4px 4px 0 0;border-width:1px}.gui-select.gui-downward .gui-options-list{border-color:#6fb4e8;border-radius:0 0 4px 4px;border-style:solid;border-top:none;border-width:1px}.gui-select.gui-downward .gui-option{border-color:#e6e6e6;border-style:solid;border-width:1px 0 0 0}.gui-select.gui-upward .gui-select-container{padding:8px 12px 8px 24px;-ms-transform:rotate(180deg);transform:rotate(180deg)}.gui-select.gui-upward .gui-select-container .gui-select-value{-ms-transform:rotate(180deg);transform:rotate(180deg)}.gui-select.gui-upward .gui-select-container .gui-select-arrow{border:4px solid transparent;border-color:transparent transparent #595959 transparent;bottom:5px;left:5px;top:auto}.gui-select.gui-upward .gui-options-list{border-color:#6fb4e8;border-radius:0 0 4px 4px;border-style:solid;border-top:none;border-width:1px}.gui-select.gui-upward .gui-option{border-color:#e6e6e6;border-style:solid;border-width:0 0 1px 0;-ms-transform:rotate(180deg);transform:rotate(180deg)}.gui-select .gui-disabled{color:#ccc;pointer-events:none}.gui-select .gui-disabled .gui-select-arrow{border-color:#cccccc transparent transparent transparent}.gui-select .initAnimationDisabled.gui-options-list{display:none}.gui-options-list{background:#fff;border-color:#6fb4e8;border-radius:0 0 4px 4px;border-style:solid;border-width:0 1px 1px 1px;overflow:hidden;padding:0;position:absolute;z-index:1000}.gui-options-list .gui-option{box-sizing:content-box;cursor:pointer;font-size:14px;list-style-type:none;padding:8px 24px 8px 12px}.gui-options-list .gui-option:hover{background:#dcdcdc}.gui-options-list .gui-option-selected{background:#e6e6e6;font-weight:700}.gui-options-list.gui-upward{animation:loadUpward .2s forwards;border-bottom:none;border-color:#6fb4e8;border-radius:4px 4px 0 0;border-style:solid;border-width:1px}@keyframes loadUpward{0%{transform:translateY(50%) scaleY(0)}to{transform:translateY(0) scaleY(1)}}.gui-options-list.gui-downward{animation:loadDownward .2s forwards;border-color:#6fb4e8;border-radius:0 0 4px 4px;border-style:solid;border-width:0 1px 1px 1px}@keyframes loadDownward{0%{transform:translateY(-50%) scaleY(0)}to{transform:translateY(0) scaleY(1)}}\\n\", \".gui-material .gui-select .gui-select-container,.gui-material .gui-options-list .gui-option{font-family:Roboto,Helvetica Neue,sans-serif}\\n\", \".gui-dark .gui-select .gui-select-container{background:#424242;border-color:#616161;color:#bdbdbd}.gui-dark .gui-select .gui-select-container:hover{border-color:#ce93d8}.gui-dark .gui-select .gui-select-container .gui-select-arrow{border-color:#ce93d8 transparent transparent transparent}.gui-dark .gui-select.gui-options-opened .gui-select-container{border-color:#ce93d8}.gui-dark .gui-select.gui-upward .gui-select-container .gui-select-arrow{border-color:transparent transparent #ce93d8 transparent}.gui-dark .gui-select .gui-disabled{opacity:.36}.gui-dark .gui-options-list{border-color:#ce93d8}.gui-dark .gui-options-list .gui-option{background:#424242;border-color:#757575;color:#bdbdbd}.gui-dark .gui-options-list .gui-option:hover{background:#616161}.gui-dark .gui-options-list .gui-option-selected{background:#757575}\\n\", \".gui-light .gui-select .gui-select-container{background:#fff;color:#333;font-family:Roboto,Helvetica Neue,sans-serif}.gui-light .gui-options-list .gui-option:hover{background:#f6f6f5}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricSelectComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricSelectModule = /*#__PURE__*/(() => {\n class FabricSelectModule {\n static ɵfac = function FabricSelectModule_Factory(t) {\n return new (t || FabricSelectModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricSelectModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricSelectModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricSliderComponent = /*#__PURE__*/(() => {\n class FabricSliderComponent {\n toggled = false;\n changed = new EventEmitter();\n toggle(event) {\n event.stopPropagation();\n this.toggled = !this.toggled;\n this.changed.emit(this.toggled);\n }\n static ɵfac = function FabricSliderComponent_Factory(t) {\n return new (t || FabricSliderComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricSliderComponent,\n selectors: [[\"gui-slider\"]],\n inputs: {\n toggled: \"toggled\"\n },\n outputs: {\n changed: \"changed\"\n },\n decls: 2,\n vars: 2,\n consts: [[1, \"gui-slider\", 3, \"click\"], [1, \"gui-slider-indicator\"]],\n template: function FabricSliderComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵlistener(\"click\", function FabricSliderComponent_Template_div_click_0_listener($event) {\n return ctx.toggle($event);\n });\n i0.ɵɵelement(1, \"span\", 1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵadvance();\n i0.ɵɵclassProp(\"is-toggled\", ctx.toggled);\n }\n },\n styles: [\".gui-slider{background:#cccccc;border-radius:4px;cursor:pointer;display:block;height:12px;position:relative;width:32px}.gui-slider .gui-slider-indicator{background:#2185d0;border-radius:50%;box-sizing:border-box;height:16px;overflow:hidden;position:absolute;top:-2px;-ms-transform:translateX(-5.3333333333px);transform:translate(-5.3333333333px);transition:all .2s ease-in-out;width:16px}.gui-slider .gui-slider-indicator.is-toggled{-ms-transform:translateX(calc(100% + 16px / 3));transform:translate(calc(100% + 16px / 3))}\\n\", \".gui-dark .gui-slider{background:#424242}.gui-dark .gui-slider .gui-slider-indicator{background:#ce93d8}\\n\", \".gui-material .gui-slider .gui-slider-indicator{background:#6200ee}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricSliderComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricSliderModule = /*#__PURE__*/(() => {\n class FabricSliderModule {\n static ɵfac = function FabricSliderModule_Factory(t) {\n return new (t || FabricSliderModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricSliderModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricSliderModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricSpinnerComponent = /*#__PURE__*/(() => {\n class FabricSpinnerComponent extends AbstractSpinner {\n color = '';\n constructor(elementRef, renderer) {\n super(elementRef, renderer);\n }\n ngOnInit() {\n super.ngOnInit();\n }\n static ɵfac = function FabricSpinnerComponent_Factory(t) {\n return new (t || FabricSpinnerComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricSpinnerComponent,\n selectors: [[\"gui-spinner\"]],\n hostVars: 2,\n hostBindings: function FabricSpinnerComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-spinner\", true);\n }\n },\n inputs: {\n color: \"color\"\n },\n features: [i0.ɵɵInheritDefinitionFeature],\n decls: 5,\n vars: 30,\n consts: [[1, \"gui-spinner\"], [1, \"circle-outer\"], [\"cx\", \"50%\", \"cy\", \"50%\"], [1, \"circle-inner\"]],\n template: function FabricSpinnerComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵnamespaceSVG();\n i0.ɵɵelementStart(1, \"svg\", 1);\n i0.ɵɵelement(2, \"circle\", 2);\n i0.ɵɵelementEnd();\n i0.ɵɵelementStart(3, \"svg\", 3);\n i0.ɵɵelement(4, \"circle\", 2);\n i0.ɵɵelementEnd()();\n }\n if (rf & 2) {\n i0.ɵɵstyleProp(\"height\", ctx.circleSize, \"px\")(\"width\", ctx.circleSize, \"px\");\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"height\", ctx.circleSize, \"px\")(\"width\", ctx.circleSize, \"px\");\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"stroke-dasharray\", ctx.croppedCircle)(\"stroke-dashoffset\", ctx.circumference)(\"stroke-width\", ctx.width)(\"stroke\", ctx.color);\n i0.ɵɵattribute(\"r\", ctx.r);\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"height\", ctx.circleSize, \"px\")(\"width\", ctx.circleSize, \"px\");\n i0.ɵɵadvance();\n i0.ɵɵstyleProp(\"stroke-dasharray\", ctx.croppedCircle)(\"stroke-dashoffset\", ctx.circumference)(\"stroke-width\", ctx.width)(\"stroke\", ctx.color);\n i0.ɵɵattribute(\"r\", ctx.r);\n }\n },\n styles: [\"@keyframes gui-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes gui-spin-reverse{0%{transform:rotate(-90deg) scale(.8)}to{transform:rotate(270deg) scale(.8)}}.gui-spinner{display:inline-block;margin:4px;position:relative;-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.gui-spinner circle{fill:transparent;stroke:#999}.gui-spinner svg{position:absolute}.gui-spinner .circle-inner{animation:gui-spin-reverse 2s infinite linear forwards reverse}.gui-spinner .circle-outer{animation:gui-spin 2s infinite linear forwards}.gui-primary .gui-spinner.gui-spinner circle{stroke:#2185d0}.gui-secondary .gui-spinner.gui-spinner circle{stroke:#3cb371}\\n\", \".gui-material .gui-spinner circle{stroke:#3949ab}.gui-material .gui-primary .gui-spinner circle{stroke:#6200ee}.gui-material .gui-secondary .gui-spinner circle{stroke:#0097a7}\\n\", \".gui-dark .gui-spinner circle{stroke:#424242}.gui-dark .gui-primary .gui-spinner circle{stroke:#ce93d8}.gui-dark .gui-secondary .gui-spinner circle{stroke:#80cbc4}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricSpinnerComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricSpinnerModule = /*#__PURE__*/(() => {\n class FabricSpinnerModule {\n static ɵfac = function FabricSpinnerModule_Factory(t) {\n return new (t || FabricSpinnerModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricSpinnerModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricSpinnerModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet ToggleButtonGroupService = /*#__PURE__*/(() => {\n class ToggleButtonGroupService {\n toggleButtonId$ = new Subject();\n ngOnDestroy() {\n // this.toggleButtonId$.next();\n this.toggleButtonId$.complete();\n }\n observeToggledButton() {\n return this.toggleButtonId$.asObservable();\n }\n toggleButton(id) {\n this.toggleButtonId$.next(id);\n }\n static ɵfac = function ToggleButtonGroupService_Factory(t) {\n return new (t || ToggleButtonGroupService)();\n };\n static ɵprov = /* @__PURE__ */i0.ɵɵdefineInjectable({\n token: ToggleButtonGroupService,\n factory: ToggleButtonGroupService.ɵfac\n });\n }\n return ToggleButtonGroupService;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricToggleButtonComponent = /*#__PURE__*/(() => {\n class FabricToggleButtonComponent extends Indicator {\n toggleButtonGroupService;\n checked = false;\n disabled = false;\n changed = new EventEmitter();\n buttonChecked = false;\n buttonId = Math.floor(Math.random() * 1000000);\n constructor(elementRef, renderer, toggleButtonGroupService) {\n super(elementRef, renderer);\n this.toggleButtonGroupService = toggleButtonGroupService;\n this.generateButtonId();\n }\n ngOnChanges(changes) {\n if (changes['checked']) {\n this.setButtonChecked(this.checked);\n }\n if (changes['disabled']) {\n this.toggleDisabledCssClass();\n }\n }\n ngOnInit() {\n this.observeToggleButtonGroup();\n }\n tryToToggle(e) {\n if (e.target.disabled) {\n e.stopPropagation();\n } else {\n this.toggle();\n }\n }\n toggle() {\n this.toggleButtonChecked();\n this.changed.emit(this.buttonChecked);\n }\n toggleButtonChecked() {\n this.setButtonChecked(!this.buttonChecked);\n }\n setButtonChecked(checked) {\n this.buttonChecked = checked;\n if (this.toggleButtonGroupService !== null) {\n this.toggleButtonGroupService.toggleButton(this.buttonId);\n }\n if (this.buttonChecked) {\n this.addClass('gui-checked');\n } else {\n this.removeClass('gui-checked');\n }\n }\n observeToggleButtonGroup() {\n if (this.toggleButtonGroupService !== null) {\n this.toggleButtonGroupService.observeToggledButton().subscribe(id => {\n if (id !== this.buttonId) {\n this.buttonChecked = !this.buttonChecked;\n this.removeClass('gui-checked');\n } else {\n this.buttonChecked = true;\n }\n this.changed.emit(this.buttonChecked);\n });\n }\n }\n generateButtonId() {\n return this.buttonId;\n }\n toggleDisabledCssClass() {\n if (this.disabled) {\n this.addClass('gui-disabled');\n } else {\n this.removeClass('gui-disabled');\n }\n }\n static ɵfac = function FabricToggleButtonComponent_Factory(t) {\n return new (t || FabricToggleButtonComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(ToggleButtonGroupService, 8));\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricToggleButtonComponent,\n selectors: [[\"gui-button-toggle\"]],\n hostVars: 2,\n hostBindings: function FabricToggleButtonComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-button-toggle\", true);\n }\n },\n inputs: {\n checked: \"checked\",\n disabled: \"disabled\"\n },\n outputs: {\n changed: \"changed\"\n },\n features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature],\n ngContentSelectors: _c0,\n decls: 2,\n vars: 4,\n consts: [[\"gui-button\", \"\", 3, \"click\", \"disabled\", \"outline\", \"primary\", \"secondary\"]],\n template: function FabricToggleButtonComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵelementStart(0, \"button\", 0);\n i0.ɵɵlistener(\"click\", function FabricToggleButtonComponent_Template_button_click_0_listener($event) {\n return ctx.tryToToggle($event);\n });\n i0.ɵɵprojection(1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵproperty(\"disabled\", ctx.disabled)(\"outline\", ctx.outline)(\"primary\", ctx.primary)(\"secondary\", ctx.secondary);\n }\n },\n dependencies: [FabricButtonComponent],\n styles: [\".gui-checked .gui-button{background:#e6e6e6;box-shadow:inset 0 10px 0 -5px #999;color:#333}.gui-checked .gui-button:hover{background:#cccccc}.gui-checked .gui-button:active{background:#999}.gui-checked .gui-button.gui-outline{background:transparent;box-shadow:0 0 0 2px #d6d6d6}.gui-checked .gui-button.gui-outline.gui-primary{background:transparent;box-shadow:0 0 0 2px #439de1;color:#2185d0}.gui-checked .gui-button.gui-outline.gui-primary:hover{color:#fff}.gui-checked .gui-button.gui-outline.gui-secondary{background:transparent;box-shadow:0 0 0 2px #5ac88b;color:#3cb371}.gui-checked .gui-button.gui-outline.gui-secondary:hover{color:#fff}.gui-checked .gui-button.gui-primary{background:#2185d0;box-shadow:inset 0 10px 0 -5px #175b8e;color:#fff}.gui-checked .gui-button.gui-secondary{background:#3cb371;box-shadow:inset 0 10px 0 -5px #2b8152;color:#fff}.gui-disabled{pointer-events:none}\\n\", \".gui-material .gui-button{background:#3949ab;color:#fff}.gui-material .gui-checked .gui-button{background:#3949ab;box-shadow:inset 0 10px 0 -5px #7885d2;color:#fff}.gui-material .gui-checked .gui-button:hover{background:#5262c5}.gui-material .gui-checked .gui-button:active{background:#4051bf}.gui-material .gui-checked .gui-button.gui-outline{background:#c5cae9;box-shadow:0 0 0 1px #5262c5;color:#3949ab}.gui-material .gui-checked .gui-button.gui-outline.gui-primary{background:#d1c4e9;box-shadow:0 0 0 1px #6200ee;color:#6200ee}.gui-material .gui-checked .gui-button.gui-outline.gui-secondary{background:#b2ebf2;box-shadow:0 0 0 1px #0097a7;color:#0097a7}.gui-material .gui-checked .gui-button.gui-primary{background:#6200ee;box-shadow:inset 0 10px 0 -5px #d1c4e9;color:#fff}.gui-material .gui-checked .gui-button.gui-secondary{background:#0097a7;box-shadow:inset 0 10px 0 -5px #b2ebf2;color:#fff}\\n\", \".gui-dark .gui-button{background:#424242;color:#bdbdbd}.gui-dark .gui-checked .gui-button{color:#bdbdbd}.gui-dark .gui-checked .gui-button:hover{background:#616161}.gui-dark .gui-checked .gui-button:active{background:#212121}.gui-dark .gui-checked .gui-button.gui-outline{background:#2e2e2e;box-shadow:0 0 0 1px #616161;color:#bdbdbd}.gui-dark .gui-checked .gui-button.gui-outline.gui-primary{background:#b55bc4;box-shadow:0 0 0 1px #ce93d8;color:#212121}.gui-dark .gui-checked .gui-button.gui-outline.gui-secondary{background:#26a69a;box-shadow:0 0 0 1px #80cbc4;color:#212121}.gui-dark .gui-checked .gui-button.gui-primary{background:#ce93d8;box-shadow:inset 0 10px 0 -5px #b55bc4;color:#212121}.gui-dark .gui-checked .gui-button.gui-secondary{background:#80cbc4;box-shadow:inset 0 10px 0 -5px #26a69a;color:#212121}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricToggleButtonComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricToggleButtonModule = /*#__PURE__*/(() => {\n class FabricToggleButtonModule {\n static ɵfac = function FabricToggleButtonModule_Factory(t) {\n return new (t || FabricToggleButtonModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricToggleButtonModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule, FabricButtonModule, FabricButtonModule]\n });\n }\n return FabricToggleButtonModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricToggleButtonGroupComponent = /*#__PURE__*/(() => {\n class FabricToggleButtonGroupComponent {\n static ɵfac = function FabricToggleButtonGroupComponent_Factory(t) {\n return new (t || FabricToggleButtonGroupComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricToggleButtonGroupComponent,\n selectors: [[\"gui-toggle-button-group\"]],\n hostVars: 2,\n hostBindings: function FabricToggleButtonGroupComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-toggle-button-group\", true);\n }\n },\n features: [i0.ɵɵProvidersFeature([ToggleButtonGroupService])],\n ngContentSelectors: _c0,\n decls: 1,\n vars: 0,\n template: function FabricToggleButtonGroupComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵprojectionDef();\n i0.ɵɵprojection(0);\n }\n },\n styles: [\".gui-toggle-button-group{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gui-toggle-button-group .gui-button-toggle .gui-button{border-radius:0}.gui-toggle-button-group .gui-button-toggle:not(:last-child) .gui-button{border-right:none;margin:0}.gui-toggle-button-group .gui-button-toggle:last-child .gui-button{border-radius:0 4px 4px 0}.gui-toggle-button-group .gui-button-toggle:first-child .gui-button{border-radius:4px 0 0 4px}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricToggleButtonGroupComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricToggleButtonGroupModule = /*#__PURE__*/(() => {\n class FabricToggleButtonGroupModule {\n static ɵfac = function FabricToggleButtonGroupModule_Factory(t) {\n return new (t || FabricToggleButtonGroupModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricToggleButtonGroupModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return FabricToggleButtonGroupModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet StarIconComponent = /*#__PURE__*/(() => {\n class StarIconComponent {\n static ɵfac = function StarIconComponent_Factory(t) {\n return new (t || StarIconComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: StarIconComponent,\n selectors: [[\"gui-star-icon\"]],\n hostVars: 2,\n hostBindings: function StarIconComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-star-icon\", true);\n }\n },\n decls: 2,\n vars: 0,\n consts: [[\"xmlns\", \"http://www.w3.org/2000/svg\", \"width\", \"34.542\", \"height\", \"32.852\", \"viewBox\", \"0 0 34.542 32.852\"], [\"data-name\", \"Path 572\", \"d\", \"M-121.168-469.432l5.337,10.814,11.934,1.734-8.636,8.418,2.039,11.886-10.674-5.612-10.674,5.612,2.039-11.886-8.636-8.418,11.934-1.734Z\", \"transform\", \"translate(138.44 469.432)\", \"fill\", \"#ffe623\", \"fill-rule\", \"evenodd\"]],\n template: function StarIconComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵnamespaceSVG();\n i0.ɵɵelementStart(0, \"svg\", 0);\n i0.ɵɵelement(1, \"path\", 1);\n i0.ɵɵelementEnd();\n }\n },\n encapsulation: 2\n });\n }\n return StarIconComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricRatingComponent = /*#__PURE__*/(() => {\n class FabricRatingComponent {\n starsLength = 5;\n rating = 3;\n onRatingChange = new EventEmitter();\n stars = [];\n previewRating = 0;\n ngOnChanges(changes) {\n if (changes['starsLength']) {\n this.createStarsArray(this.starsLength);\n }\n }\n ngOnInit() {\n this.createStarsArray(this.starsLength);\n }\n isRating(starNumber, rating) {\n return !(rating >= starNumber);\n }\n changeRating(star) {\n this.rating = star;\n this.onRatingChange.emit(star);\n }\n changePreviewRating(star) {\n this.previewRating = star + 1;\n }\n createStarsArray(length) {\n if (length) {\n for (let i = 1; i <= length; i++) {\n this.stars.push(i);\n }\n }\n }\n static ɵfac = function FabricRatingComponent_Factory(t) {\n return new (t || FabricRatingComponent)();\n };\n static ɵcmp = /* @__PURE__ */i0.ɵɵdefineComponent({\n type: FabricRatingComponent,\n selectors: [[\"gui-rating\"]],\n hostVars: 2,\n hostBindings: function FabricRatingComponent_HostBindings(rf, ctx) {\n if (rf & 2) {\n i0.ɵɵclassProp(\"gui-rating\", true);\n }\n },\n inputs: {\n starsLength: \"starsLength\",\n rating: \"rating\"\n },\n outputs: {\n onRatingChange: \"onRatingChange\"\n },\n features: [i0.ɵɵNgOnChangesFeature],\n decls: 2,\n vars: 1,\n consts: [[1, \"gui-rating-container\"], [3, \"star-icon-gray\", \"star-icon-hover\", \"click\", \"mouseenter\", \"mouseleave\", 4, \"ngFor\", \"ngForOf\"], [3, \"click\", \"mouseenter\", \"mouseleave\"]],\n template: function FabricRatingComponent_Template(rf, ctx) {\n if (rf & 1) {\n i0.ɵɵelementStart(0, \"div\", 0);\n i0.ɵɵtemplate(1, FabricRatingComponent_gui_star_icon_1_Template, 1, 4, \"gui-star-icon\", 1);\n i0.ɵɵelementEnd();\n }\n if (rf & 2) {\n i0.ɵɵadvance();\n i0.ɵɵproperty(\"ngForOf\", ctx.stars);\n }\n },\n dependencies: [i1.NgForOf, StarIconComponent],\n styles: [\".gui-rating .gui-star-icon{cursor:pointer;padding-right:8px}.gui-rating .gui-star-icon svg{height:24px;width:24px}.gui-rating .gui-star-icon svg path{transition:fill .3s ease-in-out}.gui-rating .gui-rating-container{display:-ms-flexbox;display:flex}.gui-rating .gui-rating-container .star-icon-gray svg path{fill:#dedede}.gui-rating .gui-rating-container .star-icon-hover svg path{fill:#fc0}\\n\"],\n encapsulation: 2,\n changeDetection: 0\n });\n }\n return FabricRatingComponent;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet StarIconModule = /*#__PURE__*/(() => {\n class StarIconModule {\n static ɵfac = function StarIconModule_Factory(t) {\n return new (t || StarIconModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: StarIconModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule]\n });\n }\n return StarIconModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricRatingModule = /*#__PURE__*/(() => {\n class FabricRatingModule {\n static ɵfac = function FabricRatingModule_Factory(t) {\n return new (t || FabricRatingModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricRatingModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n imports: [CommonModule, StarIconModule]\n });\n }\n return FabricRatingModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nlet FabricModule = /*#__PURE__*/(() => {\n class FabricModule {\n static ɵfac = function FabricModule_Factory(t) {\n return new (t || FabricModule)();\n };\n static ɵmod = /* @__PURE__ */i0.ɵɵdefineNgModule({\n type: FabricModule\n });\n static ɵinj = /* @__PURE__ */i0.ɵɵdefineInjector({\n providers: [FabricModalThemeService],\n imports: [CommonModule, FabricBadgeModule, FabricButtonModule, FabricButtonGroupModule, FabricCardModule, FabricCheckboxModule, FabricChipModule, FabricDatePickerModule, FabricDrawerModule, FabricDropdownModule, FabricDialogModule, FabricInlineDialogModule, FabricRadioButtonModule, FabricRadioGroupModule, FabricRatingModule, FabricNotificationModule, FabricMessageModule, FabricTabModule, FabricTooltipModule, FabricProgressBarModule, FabricProgressSpinnerModule, FabricSelectModule, FabricSliderModule, FabricSpinnerModule, FabricToggleButtonModule, FabricToggleButtonGroupModule, FabricInputModule, FabricBadgeModule, FabricButtonModule, FabricButtonGroupModule, FabricCardModule, FabricCheckboxModule, FabricChipModule, FabricDatePickerModule, FabricDrawerModule, FabricDropdownModule, FabricDialogModule, FabricInlineDialogModule, FabricRadioButtonModule, FabricRadioGroupModule, FabricRatingModule, FabricNotificationModule, FabricMessageModule, FabricTabModule, FabricTooltipModule, FabricProgressBarModule, FabricProgressSpinnerModule, FabricSelectModule, FabricSliderModule, FabricSpinnerModule, FabricToggleButtonModule, FabricToggleButtonGroupModule, FabricInputModule]\n });\n }\n return FabricModule;\n})();\n(() => {\n (typeof ngDevMode === \"undefined\" || ngDevMode) && void 0;\n})();\nclass FabricNestedDialogComponent {\n constructor() {}\n}\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { FabricBadgeComponent, FabricBadgeModule, FabricButtonComponent, FabricButtonGroupComponent, FabricButtonGroupModule, FabricButtonModule, FabricCardComponent, FabricCardModule, FabricCheckboxComponent, FabricCheckboxModule, FabricChipComponent, FabricChipModule, FabricDatePickerCalendarComponent, FabricDatePickerComponent, FabricDatePickerModule, FabricDialogModule, FabricDialogService, FabricDialogThemeService, FabricDrawerModule, FabricDrawerService, FabricDropdownComponent, FabricDropdownItemComponent, FabricDropdownModule, FabricInlineDialogModule, FabricInlineDialogService, FabricInputComponent, FabricInputModule, FabricMessageModule, FabricMessageService, FabricModalThemeService, FabricModule, FabricNestedDialogComponent, FabricNotificationModule, FabricNotificationPosition, FabricNotificationService, FabricPlacement, FabricProgressBarComponent, FabricProgressBarModule, FabricProgressSpinnerComponent, FabricProgressSpinnerModule, FabricRadioButtonComponent, FabricRadioButtonModule, FabricRadioGroupComponent, FabricRadioGroupModule, FabricRatingComponent, FabricRatingModule, FabricSelectComponent, FabricSelectModule, FabricSliderComponent, FabricSliderModule, FabricSpinnerComponent, FabricSpinnerModule, FabricTabComponent, FabricTabItemComponent, FabricTabModule, FabricToggleButtonComponent, FabricToggleButtonGroupComponent, FabricToggleButtonGroupModule, FabricToggleButtonModule, FabricTooltipComponent, FabricTooltipDirective, FabricTooltipModule, Placement, SpinnerMode, Theme };\n//# sourceMappingURL=generic-ui-fabric.mjs.map","map":null,"metadata":{},"sourceType":"module","externalDependencies":[]} |