@indigina/ui-kit 1.1.345 → 1.1.346

package/fesm2022/indigina-ui-kit.mjs

@@ -9651,6 +9651,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-top-bar\">\n  <kit-button [type]=\"kitButtonType.GHOST\"\n              [icon]=\"kitSvgIcon.MENU\"\n              (clicked)=\"toggleSidebar(collapsed())\"\n  ></kit-button>\n\n  <div class=\"kit-top-bar-content\">\n    <ng-content select=\"[globalSearch]\"></ng-content>\n    <ng-content select=\"[topBarActions]\"></ng-content>\n  </div>\n\n  <kit-top-bar-user [menuItems]=\"userMenuItems()\"\n  ></kit-top-bar-user>\n</div>\n", styles: [".kit-top-bar{display:flex;align-items:center;gap:40px;height:100%;border-bottom:1px solid var(--ui-kit-color-grey-11);box-sizing:border-box}.kit-top-bar-content{display:flex;align-items:center;justify-content:space-between;flex:1;position:relative}\n"] }]
         }], propDecorators: { userMenuItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "userMenuItems", required: false }] }] } });
 
+class KitSchedulerCustomViewTemplateDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerCustomViewTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: KitSchedulerCustomViewTemplateDirective, isStandalone: true, selector: "[kitSchedulerCustomViewTemplate]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerCustomViewTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kitSchedulerCustomViewTemplate]',
+                }]
+        }] });
+
 class KitSchedulerMonthEventTemplateDirective {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerMonthEventTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.15", type: KitSchedulerMonthEventTemplateDirective, isStandalone: true, selector: "[kitSchedulerMonthEventTemplate]", ngImport: i0 }); }
@@ -9668,6 +9679,9 @@ class KitSchedulerToolbarComponent {
         this.selectedDate = input(...(ngDevMode ? [undefined, { debugName: "selectedDate" }] : []));
         this.selectedView = input(...(ngDevMode ? [undefined, { debugName: "selectedView" }] : []));
         this.showTimePill = input(true, ...(ngDevMode ? [{ debugName: "showTimePill" }] : []));
+        this.views = input([], ...(ngDevMode ? [{ debugName: "views" }] : []));
+        this.viewModes = input.required(...(ngDevMode ? [{ debugName: "viewModes" }] : []));
+        this.selectedViewIndex = input(0, ...(ngDevMode ? [{ debugName: "selectedViewIndex" }] : []));
         this.kitSvgIcon = KitSvgIcon;
         this.kitButtonType = KitButtonType;
         this.kitButtonKind = KitButtonKind;
@@ -9677,8 +9691,28 @@ class KitSchedulerToolbarComponent {
             ['week']: 'EEEE, MMMM d, y',
             ['month']: 'MMMM y',
             ['timeline']: 'dd MMM yyyy',
+            ['custom']: 'dd MMM yyyy',
             ['agenda']: 'dd MMM yyyy',
         };
+        this.viewSettingsMap = computed(() => {
+            const agendaSettings = this.viewModes()['agenda'];
+            let agendaIndex = 0;
+            return this.views().map(view => {
+                if (view.name === 'agenda' && agendaSettings && agendaIndex < agendaSettings.length) {
+                    const agendaView = {
+                        ...view,
+                        title: agendaSettings[agendaIndex].title,
+                    };
+                    agendaIndex++;
+                    return agendaView;
+                }
+                const settings = this.viewModes()[view.name];
+                return {
+                    ...view,
+                    title: settings?.title || view.title,
+                };
+            });
+        }, ...(ngDevMode ? [{ debugName: "viewSettingsMap" }] : []));
     }
     onDateChange(date) {
         this.navigate({
@@ -9695,6 +9729,12 @@ class KitSchedulerToolbarComponent {
     today() {
         this.navigate({ type: 'today' });
     }
+    onViewChange(view) {
+        this.toolbarService.navigate({
+            type: 'view-change',
+            view,
+        });
+    }
     getDatepickerFormat() {
         const selectedView = this.selectedView()?.name;
         return selectedView && this.datePickerDateFormats[selectedView] || '';
@@ -9703,7 +9743,7 @@ class KitSchedulerToolbarComponent {
         this.toolbarService.navigate(action);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitSchedulerToolbarComponent, isStandalone: true, selector: "kit-scheduler-toolbar", inputs: { selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null }, showTimePill: { classPropertyName: "showTimePill", publicName: "showTimePill", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-scheduler-toolbar\">\n  <div class=\"kit-scheduler-toolbar-nav\">\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_LEFT\"\n                (clicked)=\"prev()\"\n    ></kit-button>\n    <kit-button label=\"Today\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                (clicked)=\"today()\"></kit-button>\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n                (clicked)=\"next()\">\n    </kit-button>\n  </div>\n  <ng-content select=\"[views-selector]\"></ng-content>\n  <kit-datepicker class=\"kit-scheduler-toolbar-datepicker\"\n                  [defaultDate]=\"selectedDate()\"\n                  [size]=\"kitDatepickerSize.SMALL\"\n                  [format]=\"getDatepickerFormat()\"\n                  (changed)=\"onDateChange($event)\"\n  ></kit-datepicker>\n  @if (showTimePill()) {\n    <kit-pill class=\"kit-scheduler-toolbar-time-pill\">\n      GMT standard time\n    </kit-pill>\n  }\n</div>\n", styles: [".kit-scheduler-toolbar{display:flex;align-items:center;gap:20px;width:100%}.kit-scheduler-toolbar-nav{display:flex;align-items:center;gap:1px;padding-right:20px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-scheduler-toolbar-datepicker{margin-left:auto;width:235px}.kit-scheduler-toolbar ::ng-deep .kit-scheduler-toolbar-time-pill .kit-pill{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitDatepickerComponent, selector: "kit-datepicker", inputs: ["placeholder", "label", "labelTooltip", "defaultDate", "disabled", "format", "min", "max", "messageIcon", "messageText", "size"], outputs: ["defaultDateChange", "disabledChange", "changed"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitSchedulerToolbarComponent, isStandalone: true, selector: "kit-scheduler-toolbar", inputs: { selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, selectedView: { classPropertyName: "selectedView", publicName: "selectedView", isSignal: true, isRequired: false, transformFunction: null }, showTimePill: { classPropertyName: "showTimePill", publicName: "showTimePill", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, viewModes: { classPropertyName: "viewModes", publicName: "viewModes", isSignal: true, isRequired: true, transformFunction: null }, selectedViewIndex: { classPropertyName: "selectedViewIndex", publicName: "selectedViewIndex", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-scheduler-toolbar\">\n  <div class=\"kit-scheduler-toolbar-nav\">\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_LEFT\"\n                (clicked)=\"prev()\"\n    ></kit-button>\n    <kit-button label=\"Today\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                (clicked)=\"today()\"></kit-button>\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n                (clicked)=\"next()\">\n    </kit-button>\n  </div>\n\n  <div class=\"kit-scheduler-toolbar-views\">\n    @for (view of views(); track $index) {\n      <kit-button [type]=\"selectedViewIndex() === $index ? kitButtonType.PRIMARY : kitButtonType.TEXT\"\n                  [label]=\"viewSettingsMap()[$index].title\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  (clicked)=\"onViewChange(view)\"\n      ></kit-button>\n    }\n  </div>\n\n  <kit-datepicker class=\"kit-scheduler-toolbar-datepicker\"\n                  [defaultDate]=\"selectedDate()\"\n                  [size]=\"kitDatepickerSize.SMALL\"\n                  [format]=\"getDatepickerFormat()\"\n                  (changed)=\"onDateChange($event)\"\n  ></kit-datepicker>\n  @if (showTimePill()) {\n    <kit-pill class=\"kit-scheduler-toolbar-time-pill\">\n      GMT standard time\n    </kit-pill>\n  }\n</div>\n", styles: [".kit-scheduler-toolbar{display:flex;align-items:center;gap:20px;width:100%}.kit-scheduler-toolbar-nav{display:flex;align-items:center;gap:1px;padding-right:20px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-scheduler-toolbar-views{display:flex;align-items:center}.kit-scheduler-toolbar-datepicker{margin-left:auto;width:235px}.kit-scheduler-toolbar ::ng-deep .kit-scheduler-toolbar-time-pill .kit-pill{border-color:var(--ui-kit-color-grey-11)}\n"], dependencies: [{ kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitDatepickerComponent, selector: "kit-datepicker", inputs: ["placeholder", "label", "labelTooltip", "defaultDate", "disabled", "format", "min", "max", "messageIcon", "messageText", "size"], outputs: ["defaultDateChange", "disabledChange", "changed"] }, { kind: "component", type: KitPillComponent, selector: "kit-pill", inputs: ["removable", "selectable", "selected", "type", "theme", "icon", "iconType"], outputs: ["clicked", "removed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerToolbarComponent, decorators: [{
             type: Component,
@@ -9711,8 +9751,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         KitButtonComponent,
                         KitDatepickerComponent,
                         KitPillComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-scheduler-toolbar\">\n  <div class=\"kit-scheduler-toolbar-nav\">\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_LEFT\"\n                (clicked)=\"prev()\"\n    ></kit-button>\n    <kit-button label=\"Today\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                (clicked)=\"today()\"></kit-button>\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n                (clicked)=\"next()\">\n    </kit-button>\n  </div>\n  <ng-content select=\"[views-selector]\"></ng-content>\n  <kit-datepicker class=\"kit-scheduler-toolbar-datepicker\"\n                  [defaultDate]=\"selectedDate()\"\n                  [size]=\"kitDatepickerSize.SMALL\"\n                  [format]=\"getDatepickerFormat()\"\n                  (changed)=\"onDateChange($event)\"\n  ></kit-datepicker>\n  @if (showTimePill()) {\n    <kit-pill class=\"kit-scheduler-toolbar-time-pill\">\n      GMT standard time\n    </kit-pill>\n  }\n</div>\n", styles: [".kit-scheduler-toolbar{display:flex;align-items:center;gap:20px;width:100%}.kit-scheduler-toolbar-nav{display:flex;align-items:center;gap:1px;padding-right:20px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-scheduler-toolbar-datepicker{margin-left:auto;width:235px}.kit-scheduler-toolbar ::ng-deep .kit-scheduler-toolbar-time-pill .kit-pill{border-color:var(--ui-kit-color-grey-11)}\n"] }]
-        }], propDecorators: { selectedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDate", required: false }] }], selectedView: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedView", required: false }] }], showTimePill: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTimePill", required: false }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-scheduler-toolbar\">\n  <div class=\"kit-scheduler-toolbar-nav\">\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_LEFT\"\n                (clicked)=\"prev()\"\n    ></kit-button>\n    <kit-button label=\"Today\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                (clicked)=\"today()\"></kit-button>\n    <kit-button [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"kitSvgIcon.CHEVRON_RIGHT\"\n                (clicked)=\"next()\">\n    </kit-button>\n  </div>\n\n  <div class=\"kit-scheduler-toolbar-views\">\n    @for (view of views(); track $index) {\n      <kit-button [type]=\"selectedViewIndex() === $index ? kitButtonType.PRIMARY : kitButtonType.TEXT\"\n                  [label]=\"viewSettingsMap()[$index].title\"\n                  [kind]=\"kitButtonKind.MEDIUM\"\n                  (clicked)=\"onViewChange(view)\"\n      ></kit-button>\n    }\n  </div>\n\n  <kit-datepicker class=\"kit-scheduler-toolbar-datepicker\"\n                  [defaultDate]=\"selectedDate()\"\n                  [size]=\"kitDatepickerSize.SMALL\"\n                  [format]=\"getDatepickerFormat()\"\n                  (changed)=\"onDateChange($event)\"\n  ></kit-datepicker>\n  @if (showTimePill()) {\n    <kit-pill class=\"kit-scheduler-toolbar-time-pill\">\n      GMT standard time\n    </kit-pill>\n  }\n</div>\n", styles: [".kit-scheduler-toolbar{display:flex;align-items:center;gap:20px;width:100%}.kit-scheduler-toolbar-nav{display:flex;align-items:center;gap:1px;padding-right:20px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-scheduler-toolbar-views{display:flex;align-items:center}.kit-scheduler-toolbar-datepicker{margin-left:auto;width:235px}.kit-scheduler-toolbar ::ng-deep .kit-scheduler-toolbar-time-pill .kit-pill{border-color:var(--ui-kit-color-grey-11)}\n"] }]
+        }], propDecorators: { selectedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDate", required: false }] }], selectedView: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedView", required: false }] }], showTimePill: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTimePill", required: false }] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], viewModes: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewModes", required: true }] }], selectedViewIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedViewIndex", required: false }] }] } });
 
 class KitSchedulerWeekEventTemplateDirective {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerWeekEventTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -9734,19 +9774,19 @@ class KitSchedulerComponent {
         this.max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : []));
         this.timezone = input('Etc/UTC', ...(ngDevMode ? [{ debugName: "timezone" }] : []));
         this.viewModes = input({
-            week: { name: this.translateService.instant('kit.scheduler.week') },
-            month: { name: this.translateService.instant('kit.scheduler.month') },
+            week: { title: this.translateService.instant('kit.scheduler.week') },
+            month: { title: this.translateService.instant('kit.scheduler.month') },
         }, ...(ngDevMode ? [{ debugName: "viewModes" }] : []));
         this.showTimePill = input(true, ...(ngDevMode ? [{ debugName: "showTimePill" }] : []));
         this.monthEventHeight = input('auto', ...(ngDevMode ? [{ debugName: "monthEventHeight" }] : []));
         this.eventsPerDay = input(3, ...(ngDevMode ? [{ debugName: "eventsPerDay" }] : []));
         this.loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-        this.agendaNumberOfDays = input(1, ...(ngDevMode ? [{ debugName: "agendaNumberOfDays" }] : []));
         this.eventClicked = output();
         this.eventDblClicked = output();
         this.slotClicked = output();
         this.dateChanged = output();
         this.scheduler = viewChild('scheduler', ...(ngDevMode ? [{ debugName: "scheduler" }] : []));
+        this.customViewTemplate = contentChild(KitSchedulerCustomViewTemplateDirective, ...(ngDevMode ? [{ debugName: "customViewTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
         this.weekEventTemplate = contentChild(KitSchedulerWeekEventTemplateDirective, ...(ngDevMode ? [{ debugName: "weekEventTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
         this.monthEventTemplate = contentChild(KitSchedulerMonthEventTemplateDirective, ...(ngDevMode ? [{ debugName: "monthEventTemplate", read: TemplateRef }] : [{ read: TemplateRef }]));
     }
@@ -9763,11 +9803,10 @@ class KitSchedulerComponent {
         const scheduler = this.scheduler();
         if (scheduler && event.action.type === 'show-date') {
             if (scheduler.selectedViewIndex === 0 && scheduler.views.length > 1) {
-                scheduler.selectedViewIndex = 1;
+                scheduler.selectedViewIndex = scheduler.views.length - 1;
                 scheduler.selectedDate = event.action.date;
                 return;
             }
-            scheduler.selectedViewIndex = 0;
         }
     }
     weekCellIsSelected(date) {
@@ -9790,7 +9829,7 @@ class KitSchedulerComponent {
         return local.toISOString().split('T')[0];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitSchedulerComponent, isStandalone: true, selector: "kit-scheduler", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: false, transformFunction: null }, viewModes: { classPropertyName: "viewModes", publicName: "viewModes", isSignal: true, isRequired: false, transformFunction: null }, showTimePill: { classPropertyName: "showTimePill", publicName: "showTimePill", isSignal: true, isRequired: false, transformFunction: null }, monthEventHeight: { classPropertyName: "monthEventHeight", publicName: "monthEventHeight", isSignal: true, isRequired: false, transformFunction: null }, eventsPerDay: { classPropertyName: "eventsPerDay", publicName: "eventsPerDay", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, agendaNumberOfDays: { classPropertyName: "agendaNumberOfDays", publicName: "agendaNumberOfDays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { eventClicked: "eventClicked", eventDblClicked: "eventDblClicked", slotClicked: "slotClicked", dateChanged: "dateChanged" }, queries: [{ propertyName: "weekEventTemplate", first: true, predicate: KitSchedulerWeekEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "monthEventTemplate", first: true, predicate: KitSchedulerMonthEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "scheduler", first: true, predicate: ["scheduler"], descendants: true, isSignal: true }], ngImport: i0, template: "<kendo-scheduler #scheduler\n                 class=\"kit-scheduler\"\n                 [events]=\"events()\"\n                 [selectedDate]=\"selectedDate()\"\n                 [allDaySlot]=\"false\"\n                 [showFooter]=\"false\"\n                 [slotFill]=\"1\"\n                 [min]=\"min()\"\n                 [max]=\"max()\"\n                 [timezone]=\"timezone()\"\n                 [loading]=\"loading()\"\n                 (eventClick)=\"onEventClick($event)\"\n                 (slotClick)=\"onSlotClick($event)\"\n                 (navigate)=\"onNavigate($event)\"\n                 (eventDblClick)=\"eventDblClicked.emit($event)\"\n                 (dateChange)=\"dateChanged.emit($event)\">\n  <ng-template kendoSchedulerToolbarTemplate\n               let-selectedDate=\"selectedDate\"\n               let-selectedView=\"selectedView\">\n    <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n                           [selectedDate]=\"selectedDate\"\n                           [selectedView]=\"selectedView\"\n                           [showTimePill]=\"showTimePill()\">\n      <div views-selector\n           kendoSchedulerToolbarViewSelector\n           [toolbarWidth]=\"1\"\n           [responsiveBreakpoint]=\"0\"\n      ></div>\n    </kit-scheduler-toolbar>\n    <ng-content select=\"[toolbar]\"></ng-content>\n  </ng-template>\n\n  <ng-template kendoSchedulerDateHeaderTemplate\n               let-date=\"date\">\n    <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n    ></ng-container>\n  </ng-template>\n\n  <ng-template kendoSchedulerMajorTimeHeaderTemplate\n               let-date=\"date\">\n    {{ date | date:'h a' }}\n  </ng-template>\n\n  <ng-template kendoSchedulerTimeSlotTemplate let-date=\"date\">\n    <div [class.selected]=\"weekCellIsSelected(date)\"></div>\n  </ng-template>\n\n  <ng-template kendoSchedulerMonthDaySlotTemplate\n               let-date=\"date\">\n    <div class=\"month-day\"\n         [class.selected]=\"monthCellIsSelected(date)\">\n      <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n      ></ng-container>\n\n      @if (monthEventTemplate(); as template) {\n        <div class=\"month-day-events\">\n          <ng-container *ngTemplateOutlet=\"template; context: { date, events: getEventsForDate(date, events()) }\"\n          ></ng-container>\n        </div>\n      }\n    </div>\n  </ng-template>\n\n  @if (weekEventTemplate(); as template) {\n    <ng-template kendoSchedulerEventTemplate\n                 let-event=\"event\">\n      <ng-container *ngTemplateOutlet=\"template; context: { event }\"\n      ></ng-container>\n    </ng-template>\n  }\n\n  <kendo-scheduler-month-view [eventHeight]=\"monthEventHeight()\"\n                              [eventsPerDay]=\"eventsPerDay()\"\n  ></kendo-scheduler-month-view>\n\n  @if (viewModes()['week']) {\n    <kendo-scheduler-week-view\n    ></kendo-scheduler-week-view>\n  }\n\n  @if (viewModes()['day']) {\n    <kendo-scheduler-day-view\n    ></kendo-scheduler-day-view>\n  }\n\n  @if (viewModes()['timeline']) {\n    <kendo-scheduler-timeline-view\n    ></kendo-scheduler-timeline-view>\n  }\n\n  @if (viewModes()['agenda']) {\n    <kendo-scheduler-agenda-view [numberOfDays]=\"agendaNumberOfDays()\"\n    ></kendo-scheduler-agenda-view>\n  }\n\n  <kendo-scheduler-messages [dayViewTitle]=\"viewModes()['day']?.name || ''\"\n                            [weekViewTitle]=\"viewModes()['week']?.name || ''\"\n                            [monthViewTitle]=\"viewModes()['month']?.name || ''\"\n                            [agendaViewTitle]=\"viewModes()['agenda']?.name || ''\"\n                            [timelineViewTitle]=\"viewModes()['timeline']?.name || ''\"\n  ></kendo-scheduler-messages>\n</kendo-scheduler>\n\n<ng-template #weekDayTemplate\n             let-date=\"date\">\n  <div class=\"week-day\">\n    <div class=\"week-day-name\">\n      {{ date | date:'EEE' }}\n    </div>\n    <div class=\"week-day-date\">\n      {{ date | date:'dd' }}\n    </div>\n  </div>\n</ng-template>\n", styles: [".kit-scheduler{display:flex;flex-direction:column;gap:34px;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler ::ng-deep .k-scheduler-toolbar{display:flex;gap:20px;padding:0;border:none;background:none}.kit-scheduler ::ng-deep .k-scheduler-toolbar:before{display:none}.kit-scheduler ::ng-deep .k-scheduler-cell:has(.selected){background:var(--ui-kit-color-blue-1)}.kit-scheduler ::ng-deep .k-scheduler-views{display:flex;align-items:center;gap:1px}.kit-scheduler ::ng-deep .k-scheduler-views .k-button{padding:0 16px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:6px;background:none;transition:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:focus{box-shadow:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button.k-selected{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-table{border-color:var(--ui-kit-color-grey-11)}.kit-scheduler ::ng-deep .k-scheduler-table .k-middle-row .k-scheduler-cell{border-bottom:1px solid var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-schedular-header .k-schedular-cell{padding:4px 8px 16px;height:72px;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{padding:0 12px 0 0;color:var(--ui-kit-color-grey-18);font-size:12px;font-weight:500;border:none;background:none;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-cell{padding:4px 8px 16px;height:36px;box-sizing:border-box;background:var(--ui-kit-color-white);cursor:pointer}.kit-scheduler ::ng-deep .week-day{display:flex;flex-direction:column;font-weight:500;text-align:left}.kit-scheduler ::ng-deep .week-day-name{color:var(--ui-kit-color-grey-18);font-size:10px;line-height:16px;text-transform:uppercase}.kit-scheduler ::ng-deep .week-day-date{color:var(--ui-kit-color-grey-10);font-size:21px;line-height:30px}.kit-scheduler ::ng-deep .month-day{display:flex;flex-direction:column;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1}.kit-scheduler ::ng-deep .month-day-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);text-align:left;cursor:pointer}.kit-scheduler ::ng-deep .month-day-event:nth-child(n+5){display:none}.kit-scheduler ::ng-deep .month-day-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .month-day-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-head{display:none}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-cell{padding:4px 8px;box-sizing:border-box;height:175px}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-other-month{background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-event,.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-more-events{display:none}.kit-scheduler ::ng-deep .k-more-events{color:var(--ui-kit-color-grey-14);border:none;border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-more-events:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer}.kit-scheduler ::ng-deep .k-event-template{padding:0}.kit-scheduler ::ng-deep .k-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .k-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-event-actions{display:none}.kit-scheduler ::ng-deep .k-current-time{display:none}\n"], dependencies: [{ kind: "component", type: i1$d.SchedulerComponent, selector: "kendo-scheduler", inputs: ["selectedViewIndex", "editable", "selectable", "min", "max", "eventHeight", "columnWidth", "showWorkHours", "startTime", "endTime", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "weekStart", "slotDuration", "slotDivisions", "slotFill", "allDaySlot", "scrollTime", "group", "resources", "loading", "timezone", "events", "selectedDate", "modelFields", "currentTimeMarker", "highlightOngoingEvents", "showToolbar", "showFooter", "slotClass", "eventClass", "eventStyles", "isSlotSelected"], outputs: ["selectedViewIndexChange", "navigate", "dateChange", "slotClick", "slotDblClick", "create", "eventClick", "eventDblClick", "eventKeydown", "cancel", "save", "remove", "resizeStart", "resize", "resizeEnd", "dragStart", "drag", "dragEnd", "slotDragStart", "slotDrag", "slotDragEnd", "pdfExport", "schedulerResize"] }, { kind: "component", type: i1$d.SchedulerCustomMessagesComponent, selector: "kendo-scheduler-messages" }, { kind: "directive", type: i1$d.ShortcutsDirective, selector: "kendo-scheduler" }, { kind: "component", type: i1$d.AgendaViewComponent, selector: "kendo-scheduler-agenda-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$d.DayViewComponent, selector: "kendo-scheduler-day-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "component", type: i1$d.MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: ["eventsPerDay", "eventHeight", "adaptiveSlotHeight", "selectedDateFormat", "selectedShortDateFormat"] }, { kind: "component", type: i1$d.TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$d.WeekViewComponent, selector: "kendo-scheduler-week-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "directive", type: i1$d.ToolbarTemplateDirective, selector: "[kendoSchedulerToolbarTemplate]" }, { kind: "component", type: i1$d.ToolbarViewSelectorComponent, selector: "[kendoSchedulerToolbarViewSelector]", inputs: ["toolbarWidth", "responsiveBreakpoint"] }, { kind: "directive", type: i1$d.DateHeaderTemplateDirective, selector: "[kendoSchedulerDateHeaderTemplate]" }, { kind: "directive", type: i1$d.EventTemplateDirective, selector: "[kendoSchedulerEventTemplate]" }, { kind: "directive", type: i1$d.MajorTimeHeaderTemplateDirective, selector: "[kendoSchedulerMajorTimeHeaderTemplate]" }, { kind: "directive", type: i1$d.MonthDaySlotTemplateDirective, selector: "[kendoSchedulerMonthDaySlotTemplate]" }, { kind: "directive", type: i1$d.TimeSlotTemplateDirective, selector: "[kendoSchedulerTimeSlotTemplate]" }, { kind: "component", type: KitSchedulerToolbarComponent, selector: "kit-scheduler-toolbar", inputs: ["selectedDate", "selectedView", "showTimePill"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: KitSchedulerComponent, isStandalone: true, selector: "kit-scheduler", inputs: { events: { classPropertyName: "events", publicName: "events", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, timezone: { classPropertyName: "timezone", publicName: "timezone", isSignal: true, isRequired: false, transformFunction: null }, viewModes: { classPropertyName: "viewModes", publicName: "viewModes", isSignal: true, isRequired: false, transformFunction: null }, showTimePill: { classPropertyName: "showTimePill", publicName: "showTimePill", isSignal: true, isRequired: false, transformFunction: null }, monthEventHeight: { classPropertyName: "monthEventHeight", publicName: "monthEventHeight", isSignal: true, isRequired: false, transformFunction: null }, eventsPerDay: { classPropertyName: "eventsPerDay", publicName: "eventsPerDay", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { eventClicked: "eventClicked", eventDblClicked: "eventDblClicked", slotClicked: "slotClicked", dateChanged: "dateChanged" }, queries: [{ propertyName: "customViewTemplate", first: true, predicate: KitSchedulerCustomViewTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "weekEventTemplate", first: true, predicate: KitSchedulerWeekEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "monthEventTemplate", first: true, predicate: KitSchedulerMonthEventTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "scheduler", first: true, predicate: ["scheduler"], descendants: true, isSignal: true }], ngImport: i0, template: "<kendo-scheduler #scheduler\n                 class=\"kit-scheduler\"\n                 [events]=\"events()\"\n                 [selectedDate]=\"selectedDate()\"\n                 [allDaySlot]=\"false\"\n                 [showFooter]=\"false\"\n                 [slotFill]=\"1\"\n                 [min]=\"min()\"\n                 [max]=\"max()\"\n                 [timezone]=\"timezone()\"\n                 [loading]=\"loading()\"\n                 (eventClick)=\"onEventClick($event)\"\n                 (slotClick)=\"onSlotClick($event)\"\n                 (navigate)=\"onNavigate($event)\"\n                 (eventDblClick)=\"eventDblClicked.emit($event)\"\n                 (dateChange)=\"dateChanged.emit($event)\">\n  <ng-template kendoSchedulerToolbarTemplate\n               let-selectedDate=\"selectedDate\"\n               let-selectedView=\"selectedView\"\n               let-views=\"views\">\n    <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n                           [selectedDate]=\"selectedDate\"\n                           [selectedView]=\"selectedView\"\n                           [views]=\"views\"\n                           [viewModes]=\"viewModes()\"\n                           [showTimePill]=\"showTimePill()\"\n                           [selectedViewIndex]=\"scheduler.selectedViewIndex\">\n    </kit-scheduler-toolbar>\n    <ng-content select=\"[toolbar]\"></ng-content>\n  </ng-template>\n\n  <ng-template kendoSchedulerDateHeaderTemplate\n               let-date=\"date\">\n    <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n    ></ng-container>\n  </ng-template>\n\n  <ng-template kendoSchedulerMajorTimeHeaderTemplate\n               let-date=\"date\">\n    {{ date | date:'h a' }}\n  </ng-template>\n\n  <ng-template kendoSchedulerTimeSlotTemplate let-date=\"date\">\n    <div [class.selected]=\"weekCellIsSelected(date)\"></div>\n  </ng-template>\n\n  <ng-template kendoSchedulerMonthDaySlotTemplate\n               let-date=\"date\">\n    <div class=\"month-day\"\n         [class.selected]=\"monthCellIsSelected(date)\">\n      <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n      ></ng-container>\n\n      @if (monthEventTemplate(); as template) {\n        <div class=\"month-day-events\">\n          <ng-container *ngTemplateOutlet=\"template; context: { date, events: getEventsForDate(date, events()) }\"\n          ></ng-container>\n        </div>\n      }\n    </div>\n  </ng-template>\n\n  @if (weekEventTemplate(); as template) {\n    <ng-template kendoSchedulerEventTemplate\n                 let-event=\"event\">\n      <ng-container *ngTemplateOutlet=\"template; context: { event }\"\n      ></ng-container>\n    </ng-template>\n  }\n\n  <kendo-scheduler-month-view [eventHeight]=\"monthEventHeight()\"\n                              [eventsPerDay]=\"eventsPerDay()\"\n  ></kendo-scheduler-month-view>\n\n  @if (viewModes()['week']) {\n    <kendo-scheduler-week-view\n    ></kendo-scheduler-week-view>\n  }\n\n  @if (viewModes()['agenda']) {\n    @for (agendaView of viewModes()['agenda']; track agendaView.title) {\n      <kendo-scheduler-agenda-view [numberOfDays]=\"agendaView.numberOfDays\"\n      ></kendo-scheduler-agenda-view>\n    }\n  }\n\n  @if (viewModes()['day']) {\n    <kendo-scheduler-day-view\n    ></kendo-scheduler-day-view>\n  }\n\n  @if (viewModes()['timeline']) {\n    <kendo-scheduler-timeline-view\n    ></kendo-scheduler-timeline-view>\n  }\n\n  @if (viewModes()['custom']) {\n    @if (customViewTemplate(); as template) {\n      <ng-template [kendoSchedulerView]=\"viewModes()['custom']?.title\">\n        <ng-container *ngTemplateOutlet=\"template\"\n        ></ng-container>\n      </ng-template>\n    }\n  }\n</kendo-scheduler>\n\n<ng-template #weekDayTemplate\n             let-date=\"date\">\n  <div class=\"week-day\">\n    <div class=\"week-day-name\">\n      {{ date | date:'EEE' }}\n    </div>\n    <div class=\"week-day-date\">\n      {{ date | date:'dd' }}\n    </div>\n  </div>\n</ng-template>\n", styles: [".kit-scheduler{display:flex;flex-direction:column;gap:34px;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler ::ng-deep .k-scheduler-toolbar{display:flex;gap:20px;padding:0;border:none;background:none}.kit-scheduler ::ng-deep .k-scheduler-toolbar:before{display:none}.kit-scheduler ::ng-deep .k-scheduler-cell:has(.selected){background:var(--ui-kit-color-blue-1)}.kit-scheduler ::ng-deep .k-scheduler-views{display:flex;align-items:center;gap:1px}.kit-scheduler ::ng-deep .k-scheduler-views .k-button{padding:0 16px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:6px;background:none;transition:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:focus{box-shadow:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button.k-selected{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-table{border-color:var(--ui-kit-color-grey-11)}.kit-scheduler ::ng-deep .k-scheduler-table .k-middle-row .k-scheduler-cell{border-bottom:1px solid var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-schedular-header .k-schedular-cell{padding:4px 8px 16px;height:72px;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{padding:0 12px 0 0;color:var(--ui-kit-color-grey-18);font-size:12px;font-weight:500;border:none;background:none;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-cell{padding:4px 8px 16px;height:36px;box-sizing:border-box;background:var(--ui-kit-color-white);cursor:pointer}.kit-scheduler ::ng-deep .week-day{display:flex;flex-direction:column;font-weight:500;text-align:left}.kit-scheduler ::ng-deep .week-day-name{color:var(--ui-kit-color-grey-18);font-size:10px;line-height:16px;text-transform:uppercase}.kit-scheduler ::ng-deep .week-day-date{color:var(--ui-kit-color-grey-10);font-size:21px;line-height:30px}.kit-scheduler ::ng-deep .month-day{display:flex;flex-direction:column;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1}.kit-scheduler ::ng-deep .month-day-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);text-align:left;cursor:pointer}.kit-scheduler ::ng-deep .month-day-event:nth-child(n+5){display:none}.kit-scheduler ::ng-deep .month-day-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .month-day-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-head{display:none}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-cell{padding:4px 8px;box-sizing:border-box;height:175px}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-other-month{background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-event,.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-more-events{display:none}.kit-scheduler ::ng-deep .k-more-events{color:var(--ui-kit-color-grey-14);border:none;border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-more-events:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer}.kit-scheduler ::ng-deep .k-event-template{padding:0}.kit-scheduler ::ng-deep .k-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .k-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-event-actions{display:none}.kit-scheduler ::ng-deep .k-current-time{display:none}\n"], dependencies: [{ kind: "component", type: i1$d.SchedulerComponent, selector: "kendo-scheduler", inputs: ["selectedViewIndex", "editable", "selectable", "min", "max", "eventHeight", "columnWidth", "showWorkHours", "startTime", "endTime", "workDayStart", "workDayEnd", "workWeekStart", "workWeekEnd", "weekStart", "slotDuration", "slotDivisions", "slotFill", "allDaySlot", "scrollTime", "group", "resources", "loading", "timezone", "events", "selectedDate", "modelFields", "currentTimeMarker", "highlightOngoingEvents", "showToolbar", "showFooter", "slotClass", "eventClass", "eventStyles", "isSlotSelected"], outputs: ["selectedViewIndexChange", "navigate", "dateChange", "slotClick", "slotDblClick", "create", "eventClick", "eventDblClick", "eventKeydown", "cancel", "save", "remove", "resizeStart", "resize", "resizeEnd", "dragStart", "drag", "dragEnd", "slotDragStart", "slotDrag", "slotDragEnd", "pdfExport", "schedulerResize"] }, { kind: "directive", type: i1$d.SchedulerViewDirective, selector: "[kendoSchedulerView]", inputs: ["kendoSchedulerView", "kendoSchedulerViewName"] }, { kind: "directive", type: i1$d.ShortcutsDirective, selector: "kendo-scheduler" }, { kind: "component", type: i1$d.AgendaViewComponent, selector: "kendo-scheduler-agenda-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$d.DayViewComponent, selector: "kendo-scheduler-day-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "component", type: i1$d.MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: ["eventsPerDay", "eventHeight", "adaptiveSlotHeight", "selectedDateFormat", "selectedShortDateFormat"] }, { kind: "component", type: i1$d.TimelineViewComponent, selector: "kendo-scheduler-timeline-view", inputs: ["selectedDateFormat", "selectedShortDateFormat", "numberOfDays"] }, { kind: "component", type: i1$d.WeekViewComponent, selector: "kendo-scheduler-week-view", inputs: ["selectedDateFormat", "selectedShortDateFormat"] }, { kind: "directive", type: i1$d.ToolbarTemplateDirective, selector: "[kendoSchedulerToolbarTemplate]" }, { kind: "directive", type: i1$d.DateHeaderTemplateDirective, selector: "[kendoSchedulerDateHeaderTemplate]" }, { kind: "directive", type: i1$d.EventTemplateDirective, selector: "[kendoSchedulerEventTemplate]" }, { kind: "directive", type: i1$d.MajorTimeHeaderTemplateDirective, selector: "[kendoSchedulerMajorTimeHeaderTemplate]" }, { kind: "directive", type: i1$d.MonthDaySlotTemplateDirective, selector: "[kendoSchedulerMonthDaySlotTemplate]" }, { kind: "directive", type: i1$d.TimeSlotTemplateDirective, selector: "[kendoSchedulerTimeSlotTemplate]" }, { kind: "component", type: KitSchedulerToolbarComponent, selector: "kit-scheduler-toolbar", inputs: ["selectedDate", "selectedView", "showTimePill", "views", "viewModes", "selectedViewIndex"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitSchedulerComponent, decorators: [{
             type: Component,
@@ -9799,8 +9838,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         KitSchedulerToolbarComponent,
                         DatePipe,
                         NgTemplateOutlet,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-scheduler #scheduler\n                 class=\"kit-scheduler\"\n                 [events]=\"events()\"\n                 [selectedDate]=\"selectedDate()\"\n                 [allDaySlot]=\"false\"\n                 [showFooter]=\"false\"\n                 [slotFill]=\"1\"\n                 [min]=\"min()\"\n                 [max]=\"max()\"\n                 [timezone]=\"timezone()\"\n                 [loading]=\"loading()\"\n                 (eventClick)=\"onEventClick($event)\"\n                 (slotClick)=\"onSlotClick($event)\"\n                 (navigate)=\"onNavigate($event)\"\n                 (eventDblClick)=\"eventDblClicked.emit($event)\"\n                 (dateChange)=\"dateChanged.emit($event)\">\n  <ng-template kendoSchedulerToolbarTemplate\n               let-selectedDate=\"selectedDate\"\n               let-selectedView=\"selectedView\">\n    <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n                           [selectedDate]=\"selectedDate\"\n                           [selectedView]=\"selectedView\"\n                           [showTimePill]=\"showTimePill()\">\n      <div views-selector\n           kendoSchedulerToolbarViewSelector\n           [toolbarWidth]=\"1\"\n           [responsiveBreakpoint]=\"0\"\n      ></div>\n    </kit-scheduler-toolbar>\n    <ng-content select=\"[toolbar]\"></ng-content>\n  </ng-template>\n\n  <ng-template kendoSchedulerDateHeaderTemplate\n               let-date=\"date\">\n    <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n    ></ng-container>\n  </ng-template>\n\n  <ng-template kendoSchedulerMajorTimeHeaderTemplate\n               let-date=\"date\">\n    {{ date | date:'h a' }}\n  </ng-template>\n\n  <ng-template kendoSchedulerTimeSlotTemplate let-date=\"date\">\n    <div [class.selected]=\"weekCellIsSelected(date)\"></div>\n  </ng-template>\n\n  <ng-template kendoSchedulerMonthDaySlotTemplate\n               let-date=\"date\">\n    <div class=\"month-day\"\n         [class.selected]=\"monthCellIsSelected(date)\">\n      <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n      ></ng-container>\n\n      @if (monthEventTemplate(); as template) {\n        <div class=\"month-day-events\">\n          <ng-container *ngTemplateOutlet=\"template; context: { date, events: getEventsForDate(date, events()) }\"\n          ></ng-container>\n        </div>\n      }\n    </div>\n  </ng-template>\n\n  @if (weekEventTemplate(); as template) {\n    <ng-template kendoSchedulerEventTemplate\n                 let-event=\"event\">\n      <ng-container *ngTemplateOutlet=\"template; context: { event }\"\n      ></ng-container>\n    </ng-template>\n  }\n\n  <kendo-scheduler-month-view [eventHeight]=\"monthEventHeight()\"\n                              [eventsPerDay]=\"eventsPerDay()\"\n  ></kendo-scheduler-month-view>\n\n  @if (viewModes()['week']) {\n    <kendo-scheduler-week-view\n    ></kendo-scheduler-week-view>\n  }\n\n  @if (viewModes()['day']) {\n    <kendo-scheduler-day-view\n    ></kendo-scheduler-day-view>\n  }\n\n  @if (viewModes()['timeline']) {\n    <kendo-scheduler-timeline-view\n    ></kendo-scheduler-timeline-view>\n  }\n\n  @if (viewModes()['agenda']) {\n    <kendo-scheduler-agenda-view [numberOfDays]=\"agendaNumberOfDays()\"\n    ></kendo-scheduler-agenda-view>\n  }\n\n  <kendo-scheduler-messages [dayViewTitle]=\"viewModes()['day']?.name || ''\"\n                            [weekViewTitle]=\"viewModes()['week']?.name || ''\"\n                            [monthViewTitle]=\"viewModes()['month']?.name || ''\"\n                            [agendaViewTitle]=\"viewModes()['agenda']?.name || ''\"\n                            [timelineViewTitle]=\"viewModes()['timeline']?.name || ''\"\n  ></kendo-scheduler-messages>\n</kendo-scheduler>\n\n<ng-template #weekDayTemplate\n             let-date=\"date\">\n  <div class=\"week-day\">\n    <div class=\"week-day-name\">\n      {{ date | date:'EEE' }}\n    </div>\n    <div class=\"week-day-date\">\n      {{ date | date:'dd' }}\n    </div>\n  </div>\n</ng-template>\n", styles: [".kit-scheduler{display:flex;flex-direction:column;gap:34px;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler ::ng-deep .k-scheduler-toolbar{display:flex;gap:20px;padding:0;border:none;background:none}.kit-scheduler ::ng-deep .k-scheduler-toolbar:before{display:none}.kit-scheduler ::ng-deep .k-scheduler-cell:has(.selected){background:var(--ui-kit-color-blue-1)}.kit-scheduler ::ng-deep .k-scheduler-views{display:flex;align-items:center;gap:1px}.kit-scheduler ::ng-deep .k-scheduler-views .k-button{padding:0 16px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:6px;background:none;transition:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:focus{box-shadow:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button.k-selected{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-table{border-color:var(--ui-kit-color-grey-11)}.kit-scheduler ::ng-deep .k-scheduler-table .k-middle-row .k-scheduler-cell{border-bottom:1px solid var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-schedular-header .k-schedular-cell{padding:4px 8px 16px;height:72px;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{padding:0 12px 0 0;color:var(--ui-kit-color-grey-18);font-size:12px;font-weight:500;border:none;background:none;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-cell{padding:4px 8px 16px;height:36px;box-sizing:border-box;background:var(--ui-kit-color-white);cursor:pointer}.kit-scheduler ::ng-deep .week-day{display:flex;flex-direction:column;font-weight:500;text-align:left}.kit-scheduler ::ng-deep .week-day-name{color:var(--ui-kit-color-grey-18);font-size:10px;line-height:16px;text-transform:uppercase}.kit-scheduler ::ng-deep .week-day-date{color:var(--ui-kit-color-grey-10);font-size:21px;line-height:30px}.kit-scheduler ::ng-deep .month-day{display:flex;flex-direction:column;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1}.kit-scheduler ::ng-deep .month-day-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);text-align:left;cursor:pointer}.kit-scheduler ::ng-deep .month-day-event:nth-child(n+5){display:none}.kit-scheduler ::ng-deep .month-day-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .month-day-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-head{display:none}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-cell{padding:4px 8px;box-sizing:border-box;height:175px}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-other-month{background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-event,.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-more-events{display:none}.kit-scheduler ::ng-deep .k-more-events{color:var(--ui-kit-color-grey-14);border:none;border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-more-events:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer}.kit-scheduler ::ng-deep .k-event-template{padding:0}.kit-scheduler ::ng-deep .k-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .k-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-event-actions{display:none}.kit-scheduler ::ng-deep .k-current-time{display:none}\n"] }]
-        }], propDecorators: { events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], selectedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDate", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], timezone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezone", required: false }] }], viewModes: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewModes", required: false }] }], showTimePill: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTimePill", required: false }] }], monthEventHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthEventHeight", required: false }] }], eventsPerDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventsPerDay", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], agendaNumberOfDays: [{ type: i0.Input, args: [{ isSignal: true, alias: "agendaNumberOfDays", required: false }] }], eventClicked: [{ type: i0.Output, args: ["eventClicked"] }], eventDblClicked: [{ type: i0.Output, args: ["eventDblClicked"] }], slotClicked: [{ type: i0.Output, args: ["slotClicked"] }], dateChanged: [{ type: i0.Output, args: ["dateChanged"] }], scheduler: [{ type: i0.ViewChild, args: ['scheduler', { isSignal: true }] }], weekEventTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerWeekEventTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], monthEventTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerMonthEventTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kendo-scheduler #scheduler\n                 class=\"kit-scheduler\"\n                 [events]=\"events()\"\n                 [selectedDate]=\"selectedDate()\"\n                 [allDaySlot]=\"false\"\n                 [showFooter]=\"false\"\n                 [slotFill]=\"1\"\n                 [min]=\"min()\"\n                 [max]=\"max()\"\n                 [timezone]=\"timezone()\"\n                 [loading]=\"loading()\"\n                 (eventClick)=\"onEventClick($event)\"\n                 (slotClick)=\"onSlotClick($event)\"\n                 (navigate)=\"onNavigate($event)\"\n                 (eventDblClick)=\"eventDblClicked.emit($event)\"\n                 (dateChange)=\"dateChanged.emit($event)\">\n  <ng-template kendoSchedulerToolbarTemplate\n               let-selectedDate=\"selectedDate\"\n               let-selectedView=\"selectedView\"\n               let-views=\"views\">\n    <kit-scheduler-toolbar class=\"kit-scheduler-toolbar\"\n                           [selectedDate]=\"selectedDate\"\n                           [selectedView]=\"selectedView\"\n                           [views]=\"views\"\n                           [viewModes]=\"viewModes()\"\n                           [showTimePill]=\"showTimePill()\"\n                           [selectedViewIndex]=\"scheduler.selectedViewIndex\">\n    </kit-scheduler-toolbar>\n    <ng-content select=\"[toolbar]\"></ng-content>\n  </ng-template>\n\n  <ng-template kendoSchedulerDateHeaderTemplate\n               let-date=\"date\">\n    <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n    ></ng-container>\n  </ng-template>\n\n  <ng-template kendoSchedulerMajorTimeHeaderTemplate\n               let-date=\"date\">\n    {{ date | date:'h a' }}\n  </ng-template>\n\n  <ng-template kendoSchedulerTimeSlotTemplate let-date=\"date\">\n    <div [class.selected]=\"weekCellIsSelected(date)\"></div>\n  </ng-template>\n\n  <ng-template kendoSchedulerMonthDaySlotTemplate\n               let-date=\"date\">\n    <div class=\"month-day\"\n         [class.selected]=\"monthCellIsSelected(date)\">\n      <ng-container *ngTemplateOutlet=\"weekDayTemplate; context: { date }\"\n      ></ng-container>\n\n      @if (monthEventTemplate(); as template) {\n        <div class=\"month-day-events\">\n          <ng-container *ngTemplateOutlet=\"template; context: { date, events: getEventsForDate(date, events()) }\"\n          ></ng-container>\n        </div>\n      }\n    </div>\n  </ng-template>\n\n  @if (weekEventTemplate(); as template) {\n    <ng-template kendoSchedulerEventTemplate\n                 let-event=\"event\">\n      <ng-container *ngTemplateOutlet=\"template; context: { event }\"\n      ></ng-container>\n    </ng-template>\n  }\n\n  <kendo-scheduler-month-view [eventHeight]=\"monthEventHeight()\"\n                              [eventsPerDay]=\"eventsPerDay()\"\n  ></kendo-scheduler-month-view>\n\n  @if (viewModes()['week']) {\n    <kendo-scheduler-week-view\n    ></kendo-scheduler-week-view>\n  }\n\n  @if (viewModes()['agenda']) {\n    @for (agendaView of viewModes()['agenda']; track agendaView.title) {\n      <kendo-scheduler-agenda-view [numberOfDays]=\"agendaView.numberOfDays\"\n      ></kendo-scheduler-agenda-view>\n    }\n  }\n\n  @if (viewModes()['day']) {\n    <kendo-scheduler-day-view\n    ></kendo-scheduler-day-view>\n  }\n\n  @if (viewModes()['timeline']) {\n    <kendo-scheduler-timeline-view\n    ></kendo-scheduler-timeline-view>\n  }\n\n  @if (viewModes()['custom']) {\n    @if (customViewTemplate(); as template) {\n      <ng-template [kendoSchedulerView]=\"viewModes()['custom']?.title\">\n        <ng-container *ngTemplateOutlet=\"template\"\n        ></ng-container>\n      </ng-template>\n    }\n  }\n</kendo-scheduler>\n\n<ng-template #weekDayTemplate\n             let-date=\"date\">\n  <div class=\"week-day\">\n    <div class=\"week-day-name\">\n      {{ date | date:'EEE' }}\n    </div>\n    <div class=\"week-day-date\">\n      {{ date | date:'dd' }}\n    </div>\n  </div>\n</ng-template>\n", styles: [".kit-scheduler{display:flex;flex-direction:column;gap:34px;border:none;background:none}.kit-scheduler-toolbar{flex:1}.kit-scheduler ::ng-deep .k-scheduler-toolbar{display:flex;gap:20px;padding:0;border:none;background:none}.kit-scheduler ::ng-deep .k-scheduler-toolbar:before{display:none}.kit-scheduler ::ng-deep .k-scheduler-cell:has(.selected){background:var(--ui-kit-color-blue-1)}.kit-scheduler ::ng-deep .k-scheduler-views{display:flex;align-items:center;gap:1px}.kit-scheduler ::ng-deep .k-scheduler-views .k-button{padding:0 16px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;border:none;border-radius:6px;background:none;transition:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-views .k-button:focus{box-shadow:none}.kit-scheduler ::ng-deep .k-scheduler-views .k-button.k-selected{color:var(--ui-kit-color-white);background:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-scheduler-table{border-color:var(--ui-kit-color-grey-11)}.kit-scheduler ::ng-deep .k-scheduler-table .k-middle-row .k-scheduler-cell{border-bottom:1px solid var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-schedular-header .k-schedular-cell{padding:4px 8px 16px;height:72px;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-times{border:none}.kit-scheduler ::ng-deep .k-scheduler-times .k-scheduler-cell{padding:0 12px 0 0;color:var(--ui-kit-color-grey-18);font-size:12px;font-weight:500;border:none;background:none;text-align:left}.kit-scheduler ::ng-deep .k-scheduler-cell{padding:4px 8px 16px;height:36px;box-sizing:border-box;background:var(--ui-kit-color-white);cursor:pointer}.kit-scheduler ::ng-deep .week-day{display:flex;flex-direction:column;font-weight:500;text-align:left}.kit-scheduler ::ng-deep .week-day-name{color:var(--ui-kit-color-grey-18);font-size:10px;line-height:16px;text-transform:uppercase}.kit-scheduler ::ng-deep .week-day-date{color:var(--ui-kit-color-grey-10);font-size:21px;line-height:30px}.kit-scheduler ::ng-deep .month-day{display:flex;flex-direction:column;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1}.kit-scheduler ::ng-deep .month-day-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);text-align:left;cursor:pointer}.kit-scheduler ::ng-deep .month-day-event:nth-child(n+5){display:none}.kit-scheduler ::ng-deep .month-day-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .month-day-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-head{display:none}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-scheduler-cell{padding:4px 8px;box-sizing:border-box;height:175px}.kit-scheduler ::ng-deep .k-scheduler-monthview .k-other-month{background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-event,.kit-scheduler ::ng-deep .k-scheduler-monthview:has(.month-day-events) .k-more-events{display:none}.kit-scheduler ::ng-deep .k-more-events{color:var(--ui-kit-color-grey-14);border:none;border-radius:4px;background:var(--ui-kit-color-grey-13)}.kit-scheduler ::ng-deep .k-more-events:hover{color:var(--ui-kit-color-main)}.kit-scheduler ::ng-deep .k-event{padding:6px;color:var(--ui-kit-color-white);font-size:14px;border-radius:4px;background:var(--ui-kit-color-main);cursor:pointer}.kit-scheduler ::ng-deep .k-event-template{padding:0}.kit-scheduler ::ng-deep .k-event.k-selected{background:var(--ui-kit-color-active);box-shadow:none}.kit-scheduler ::ng-deep .k-event:hover{background:var(--ui-kit-color-hover)}.kit-scheduler ::ng-deep .k-event-actions{display:none}.kit-scheduler ::ng-deep .k-current-time{display:none}\n"] }]
+        }], propDecorators: { events: [{ type: i0.Input, args: [{ isSignal: true, alias: "events", required: false }] }], selectedDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedDate", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], timezone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timezone", required: false }] }], viewModes: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewModes", required: false }] }], showTimePill: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTimePill", required: false }] }], monthEventHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthEventHeight", required: false }] }], eventsPerDay: [{ type: i0.Input, args: [{ isSignal: true, alias: "eventsPerDay", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], eventClicked: [{ type: i0.Output, args: ["eventClicked"] }], eventDblClicked: [{ type: i0.Output, args: ["eventDblClicked"] }], slotClicked: [{ type: i0.Output, args: ["slotClicked"] }], dateChanged: [{ type: i0.Output, args: ["dateChanged"] }], scheduler: [{ type: i0.ViewChild, args: ['scheduler', { isSignal: true }] }], customViewTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerCustomViewTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], weekEventTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerWeekEventTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }], monthEventTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitSchedulerMonthEventTemplateDirective), { ...{ read: TemplateRef }, isSignal: true }] }] } });
 
 class KitTranslateLoader {
     constructor(http, defaultPathPerfix, overridePathPrefix) {
@@ -10540,5 +10579,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitGlobalSearchComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerComponent, KitSchedulerMonthEventTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, kitApiResponseDefaultEntities, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitExportExcel, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitTranslations, kitUserPermissionsGuard, mapGlobalSearchResult, trimTrailingSlash };
+export { AbstractKitCtaPanelConfirmationComponent, AddGridFilter, FetchUser, FetchUserIdentities, FetchUserPermissions, FetchUserSettings, HighlightPipe, KIT_BASE_PATH, KIT_DATETIME_FORMAT_LONG, KIT_DATE_FORMAT, KIT_GRID_CELL_DATE_FORMAT_CONFIG, KIT_GRID_COLUMN_WIDTH, KIT_GRID_PAGE_SIZE, KIT_GRID_STATE_TOKEN, KIT_USER_APPLICATIONS_PATH, KIT_USER_IDENTITIES_STATE_TOKEN, KIT_USER_PATH, KIT_USER_PERMISSIONS_PATH, KIT_USER_PERMISSIONS_STATE_TOKEN, KIT_USER_STATE_TOKEN, KitAbstractIdPayloadAction, KitAbstractPayloadAction, KitAccountService, KitAutocompleteComponent, KitAutocompleteDirective, KitAvatarComponent, KitAvatarSize, KitBadgeDirective, KitBadgeTheme, KitBreadcrumbsComponent, KitBreadcrumbsService, KitButtonComponent, KitButtonIconPosition, KitButtonKind, KitButtonState, KitButtonType, KitCardComponent, KitCardDetailsComponent, KitCardTheme, KitCheckboxComponent, KitCheckboxState, KitCollapsedListComponent, KitCollapsedListDropdownAlign, KitCopyTextComponent, KitCtaPanelAbstractConfirmationComponent, KitCtaPanelActionComponent, KitCtaPanelConfirmationComponent, KitCtaPanelItemComponent, KitCtaPanelItemType, KitDataFieldComponent, KitDataFieldState, KitDatepickerComponent, KitDatepickerSize, KitDaterangeComponent, KitDaterangeType, KitDatetimepickerComponent, KitDeferredFailedRequestService, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterDateRange, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitFormErrors, KitGlobalSearchComponent, KitGridArchiveToggle, KitGridCellComponent, KitGridCellService, KitGridCellTemplateDirective, KitGridColumnComponent, KitGridColumnManagerComponent, KitGridComponent, KitGridDetailTemplateDirective, KitGridDetailsButtonComponent, KitGridExportComponent, KitGridFiltersComponent, KitGridLiveUpdatesControlComponent, KitGridSearchComponent, KitGridSortSettingsMode, KitGridState, KitGridUrlStateService, KitGridViewType, KitGridViewsComponent, KitGridViewsState, KitInputLabelComponent, KitInputMessageComponent, KitListComponent, KitLoaderComponent, KitLocationStepperComponent, KitMobileHeaderComponent, KitMobileMenuComponent, KitMobileMenuState, KitMultiselectComponent, KitNavigationMenuComponent, KitNavigationMenuService, KitNavigationMenuSubmenuComponent, KitNavigationTabsComponent, KitNavigationTabsType, KitNotFoundComponent, KitNoteComponent, KitNotificationComponent, KitNotificationService, KitNotificationType, KitNumericTextboxComponent, KitNumericTextboxSize, KitNumericTextboxState, KitOptionToggleComponent, KitPageLayoutComponent, KitPermissionDirective, KitPillComponent, KitPillTheme, KitPillType, KitPopupAlignHorizontal, KitPopupAlignVertical, KitPopupComponent, KitPopupPositionMode, KitProfileMenuComponent, KitQueryParamsName, KitQueryParamsService, KitRadioButtonComponent, KitRadioButtonType, KitRoutePathComponent, KitSchedulerComponent, KitSchedulerCustomViewTemplateDirective, KitSchedulerMonthEventTemplateDirective, KitSchedulerWeekEventTemplateDirective, KitScrollNavigationComponent, KitScrollNavigationSectionComponent, KitSearchBarComponent, KitSidebarComponent, KitSkeletonAnimation, KitSkeletonComponent, KitSkeletonGridComponent, KitSkeletonShape, KitSortDirection, KitSortableComponent, KitSplitContainerComponent, KitStatusLabelColor, KitStatusLabelComponent, KitStatusLabelSize, KitSvgIcon, KitSvgIconComponent, KitSvgIconType, KitSvgSpriteComponent, KitSwitchComponent, KitSwitchMode, KitSwitchState, KitTabComponent, KitTabContentDirective, KitTabsComponent, KitTabsSize, KitTabsType, KitTextLabelComponent, KitTextLabelState, KitTextareaAutoresizeDirective, KitTextareaComponent, KitTextareaState, KitTextboxActionsComponent, KitTextboxComponent, KitTextboxSize, KitTextboxState, KitThemeService, KitThemes, KitTileLayoutComponent, KitTileLayoutItemComponent, KitTimelineCardComponent, KitTimelineComponent, KitTimelineTheme, KitTimelineType, KitTimepickerComponent, KitTitleTemplateDirective, KitToastrModule, KitToastrPosition, KitToastrService, KitToastrType, KitToggleComponent, KitToggleSize, KitTooltipDirective, KitTooltipPosition, KitTopBarComponent, KitTrackingCardComponent, KitTrackingTimelineComponent, KitTranslateLoader, KitTranslateService, KitTruncateTextComponent, KitUnitsTextboxComponent, KitUnitsTextboxDropdownPosition, KitUnitsTextboxType, KitUserApplicationsState, KitUserIdentitiesInterceptor, KitUserIdentitiesSelector, KitUserIdentitiesState, KitUserPermissionsState, KitUserSettingsComponent, KitUserSettingsKeys, KitUserSettingsState, KitUserState, KitUserType, RemoveGridFilter, SetGridColumns, SetGridFilters, SetGridSearch, SetGridSkip, SetGridSort, SetGridTake, SetUserIdentity, UpdateGridFilter, buildRandomUUID, changeFilterField, createDataFetcherFactory, findMatches, kitApiResponseDefaultEntities, kitBuildFilterBooleanOptions, kitBuildFilterListOptions, kitBuildFilters, kitBuildGridColumn, kitBuildGridDataResults, kitBuildOdataFilter, kitBuildSortString, kitDataStateToODataString, kitEncodeViewNameToUrl, kitExportExcel, kitFetchExportGridData, kitFetchGridData, kitFilterBy, kitFormatStringForSearch, kitGetPermissionTypesByCategory, kitHasPermission, kitTranslations, kitUserPermissionsGuard, mapGlobalSearchResult, trimTrailingSlash };
 //# sourceMappingURL=indigina-ui-kit.mjs.map