@indigina/ui-kit 1.1.298 → 1.1.300

package/fesm2022/indigina-ui-kit.mjs

@@ -5659,6 +5659,7 @@ class KitSearchBarComponent {
         this.searchButtonLabel = 'Search';
         this.closeButtonLabel = 'Close';
         this.searchString = input(...(ngDevMode ? [undefined, { debugName: "searchString" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.changed = new EventEmitter();
         this.searchButtonClick = new EventEmitter();
         this.closeButtonClick = new EventEmitter();
@@ -5703,7 +5704,7 @@ class KitSearchBarComponent {
         this.closeButtonClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSearchBarComponent, isStandalone: true, selector: "kit-search-bar", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, searchButtonLabel: { classPropertyName: "searchButtonLabel", publicName: "searchButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, searchString: { classPropertyName: "searchString", publicName: "searchString", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", searchButtonClick: "searchButtonClick", closeButtonClick: "closeButtonClick" }, viewQueries: [{ propertyName: "searchTextboxElementRef", first: true, predicate: ["searchTextboxElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"kit-search-bar\">\n  @if (!searchVisible()) {\n    <kit-button [label]=\"searchButtonLabel\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"KitSvgIcon.SEARCH\"\n                [iconType]=\"kitSvgIconType.STROKE\"\n                [iconPosition]=\"KitButtonIconPosition.LEADING\"\n                (clicked)=\"onSearchButtonClick()\"\n    ></kit-button>\n  } @else {\n    <div class=\"textbox-wrapper\">\n        <kit-textbox #searchTextboxElement\n                     class=\"search-textbox\"\n                     [placeholder]=\"placeholder\"\n                     [size]=\"kitTextboxSize.SMALL\"\n                     [icon]=\"KitSvgIcon.SEARCH\"\n                     [defaultValue]=\"searchString() ?? ''\"\n                     (changed)=\"onSearchChange($event)\"\n        ></kit-textbox>\n        <button class=\"clear-button\"\n                (click)=\"clearSearch()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.BACKSPACE\"\n          ></kit-svg-icon>\n        </button>\n        <button class=\"close-button\"\n                (click)=\"onCloseButtonClick()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.CIRCLE_CROSS_THIN\"\n          ></kit-svg-icon>\n        </button>\n    </div>\n  }\n</div>\n", styles: [".kit-search-bar .textbox-wrapper{position:relative;display:flex;width:340px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button,.kit-search-bar .close-button{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon,.kit-search-bar .close-button .kit-svg-icon{display:block;width:16px;height:16px}.kit-search-bar .close-button{right:3px}.kit-search-bar .close-button .kit-svg-icon{stroke:var(--ui-kit-color-grey-14);fill:none}.kit-search-bar .clear-button{right:27px}.kit-search-bar .clear-button .kit-svg-icon{fill:var(--ui-kit-color-grey-14)}.kit-search-bar .k-input-md .k-input-inner,.kit-search-bar .k-picker-md .k-input-inner{padding-right:50px}\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: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon"], outputs: ["blured", "focused", "changed"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSearchBarComponent, isStandalone: true, selector: "kit-search-bar", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, searchButtonLabel: { classPropertyName: "searchButtonLabel", publicName: "searchButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, closeButtonLabel: { classPropertyName: "closeButtonLabel", publicName: "closeButtonLabel", isSignal: false, isRequired: false, transformFunction: null }, searchString: { classPropertyName: "searchString", publicName: "searchString", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changed: "changed", searchButtonClick: "searchButtonClick", closeButtonClick: "closeButtonClick" }, viewQueries: [{ propertyName: "searchTextboxElementRef", first: true, predicate: ["searchTextboxElement"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"kit-search-bar\">\n  @if (!searchVisible()) {\n    <kit-button [label]=\"searchButtonLabel\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"KitSvgIcon.SEARCH\"\n                [iconType]=\"kitSvgIconType.STROKE\"\n                [iconPosition]=\"KitButtonIconPosition.LEADING\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onSearchButtonClick()\"\n    ></kit-button>\n  } @else {\n    <div class=\"textbox-wrapper\">\n        <kit-textbox #searchTextboxElement\n                     class=\"search-textbox\"\n                     [placeholder]=\"placeholder\"\n                     [size]=\"kitTextboxSize.SMALL\"\n                     [icon]=\"KitSvgIcon.SEARCH\"\n                     [defaultValue]=\"searchString() ?? ''\"\n                     (changed)=\"onSearchChange($event)\"\n        ></kit-textbox>\n        <button class=\"clear-button\"\n                (click)=\"clearSearch()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.BACKSPACE\"\n          ></kit-svg-icon>\n        </button>\n        <button class=\"close-button\"\n                (click)=\"onCloseButtonClick()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.CIRCLE_CROSS_THIN\"\n          ></kit-svg-icon>\n        </button>\n    </div>\n  }\n</div>\n", styles: [".kit-search-bar .textbox-wrapper{position:relative;display:flex;width:340px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button,.kit-search-bar .close-button{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon,.kit-search-bar .close-button .kit-svg-icon{display:block;width:16px;height:16px}.kit-search-bar .close-button{right:3px}.kit-search-bar .close-button .kit-svg-icon{stroke:var(--ui-kit-color-grey-14);fill:none}.kit-search-bar .clear-button{right:27px}.kit-search-bar .clear-button .kit-svg-icon{fill:var(--ui-kit-color-grey-14)}.kit-search-bar .k-input-md .k-input-inner,.kit-search-bar .k-picker-md .k-input-inner{padding-right:50px}\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: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon"], outputs: ["blured", "focused", "changed"] }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSearchBarComponent, decorators: [{
             type: Component,
@@ -5711,7 +5712,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                         KitButtonComponent,
                         KitTextboxComponent,
                         KitSvgIconComponent,
-                    ], template: "<div class=\"kit-search-bar\">\n  @if (!searchVisible()) {\n    <kit-button [label]=\"searchButtonLabel\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"KitSvgIcon.SEARCH\"\n                [iconType]=\"kitSvgIconType.STROKE\"\n                [iconPosition]=\"KitButtonIconPosition.LEADING\"\n                (clicked)=\"onSearchButtonClick()\"\n    ></kit-button>\n  } @else {\n    <div class=\"textbox-wrapper\">\n        <kit-textbox #searchTextboxElement\n                     class=\"search-textbox\"\n                     [placeholder]=\"placeholder\"\n                     [size]=\"kitTextboxSize.SMALL\"\n                     [icon]=\"KitSvgIcon.SEARCH\"\n                     [defaultValue]=\"searchString() ?? ''\"\n                     (changed)=\"onSearchChange($event)\"\n        ></kit-textbox>\n        <button class=\"clear-button\"\n                (click)=\"clearSearch()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.BACKSPACE\"\n          ></kit-svg-icon>\n        </button>\n        <button class=\"close-button\"\n                (click)=\"onCloseButtonClick()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.CIRCLE_CROSS_THIN\"\n          ></kit-svg-icon>\n        </button>\n    </div>\n  }\n</div>\n", styles: [".kit-search-bar .textbox-wrapper{position:relative;display:flex;width:340px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button,.kit-search-bar .close-button{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon,.kit-search-bar .close-button .kit-svg-icon{display:block;width:16px;height:16px}.kit-search-bar .close-button{right:3px}.kit-search-bar .close-button .kit-svg-icon{stroke:var(--ui-kit-color-grey-14);fill:none}.kit-search-bar .clear-button{right:27px}.kit-search-bar .clear-button .kit-svg-icon{fill:var(--ui-kit-color-grey-14)}.kit-search-bar .k-input-md .k-input-inner,.kit-search-bar .k-picker-md .k-input-inner{padding-right:50px}\n"] }]
+                    ], template: "<div class=\"kit-search-bar\">\n  @if (!searchVisible()) {\n    <kit-button [label]=\"searchButtonLabel\"\n                [type]=\"kitButtonType.GHOST\"\n                [kind]=\"kitButtonKind.MEDIUM\"\n                [icon]=\"KitSvgIcon.SEARCH\"\n                [iconType]=\"kitSvgIconType.STROKE\"\n                [iconPosition]=\"KitButtonIconPosition.LEADING\"\n                [disabled]=\"disabled()\"\n                (clicked)=\"onSearchButtonClick()\"\n    ></kit-button>\n  } @else {\n    <div class=\"textbox-wrapper\">\n        <kit-textbox #searchTextboxElement\n                     class=\"search-textbox\"\n                     [placeholder]=\"placeholder\"\n                     [size]=\"kitTextboxSize.SMALL\"\n                     [icon]=\"KitSvgIcon.SEARCH\"\n                     [defaultValue]=\"searchString() ?? ''\"\n                     (changed)=\"onSearchChange($event)\"\n        ></kit-textbox>\n        <button class=\"clear-button\"\n                (click)=\"clearSearch()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.BACKSPACE\"\n          ></kit-svg-icon>\n        </button>\n        <button class=\"close-button\"\n                (click)=\"onCloseButtonClick()\">\n          <kit-svg-icon [icon]=\"KitSvgIcon.CIRCLE_CROSS_THIN\"\n          ></kit-svg-icon>\n        </button>\n    </div>\n  }\n</div>\n", styles: [".kit-search-bar .textbox-wrapper{position:relative;display:flex;width:340px}.kit-search-bar .search-textbox{flex:1}.kit-search-bar .search-textbox .kit-textbox-state-icon{display:none}.kit-search-bar .search-textbox .kit-textbox-input .kit-svg-icon{stroke:var(--ui-kit-color-grey-10);fill:none}.kit-search-bar .clear-button,.kit-search-bar .close-button{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:1}.kit-search-bar .clear-button .kit-svg-icon,.kit-search-bar .close-button .kit-svg-icon{display:block;width:16px;height:16px}.kit-search-bar .close-button{right:3px}.kit-search-bar .close-button .kit-svg-icon{stroke:var(--ui-kit-color-grey-14);fill:none}.kit-search-bar .clear-button{right:27px}.kit-search-bar .clear-button .kit-svg-icon{fill:var(--ui-kit-color-grey-14)}.kit-search-bar .k-input-md .k-input-inner,.kit-search-bar .k-picker-md .k-input-inner{padding-right:50px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { placeholder: [{
                 type: Input
             }], searchButtonLabel: [{
@@ -6412,6 +6413,9 @@ const kitTranslations = {
                 cancel: 'Cancel',
                 apply: 'Apply',
             },
+            archive: {
+                title: 'Switch To Archive',
+            },
             multiselect: {
                 all: 'All',
             },
@@ -6529,6 +6533,9 @@ const kitTranslations = {
                 cancel: 'Отмена',
                 apply: 'Применить',
             },
+            archive: {
+                title: 'Перейти к архиву',
+            },
             multiselect: {
                 all: 'Все',
             },
@@ -8725,6 +8732,7 @@ class KitGridSearchComponent {
     constructor() {
         this.store = inject(Store);
         this.kitGridUrlStateService = inject(KitGridUrlStateService);
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.kitSearchBarComponent = viewChild.required(KitSearchBarComponent);
         this.toggleSearch = output();
         this.gridState$ = this.store.select(KIT_GRID_STATE_TOKEN);
@@ -8744,7 +8752,7 @@ class KitGridSearchComponent {
         this.kitSearchBarComponent().onCloseButtonClick();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: KitGridSearchComponent, isStandalone: true, selector: "kit-grid-search", outputs: { toggleSearch: "toggleSearch" }, viewQueries: [{ propertyName: "kitSearchBarComponent", first: true, predicate: KitSearchBarComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n                [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n                [searchString]=\"(gridState$ | async)?.search\"\n                [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n                (closeButtonClick)=\"closeButtonClick()\"\n                (searchButtonClick)=\"this.toggleSearch.emit(true)\"\n></kit-search-bar>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitSearchBarComponent, selector: "kit-search-bar", inputs: ["placeholder", "searchButtonLabel", "closeButtonLabel", "searchString"], outputs: ["changed", "searchButtonClick", "closeButtonClick"] }, { kind: "pipe", type: i1$c.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: KitGridSearchComponent, isStandalone: true, selector: "kit-grid-search", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toggleSearch: "toggleSearch" }, viewQueries: [{ propertyName: "kitSearchBarComponent", first: true, predicate: KitSearchBarComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n                [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n                [searchString]=\"(gridState$ | async)?.search\"\n                [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n                [disabled]=\"disabled()\"\n                (closeButtonClick)=\"closeButtonClick()\"\n                (searchButtonClick)=\"this.toggleSearch.emit(true)\"\n></kit-search-bar>\n", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitSearchBarComponent, selector: "kit-search-bar", inputs: ["placeholder", "searchButtonLabel", "closeButtonLabel", "searchString", "disabled"], outputs: ["changed", "searchButtonClick", "closeButtonClick"] }, { kind: "pipe", type: i1$c.TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridSearchComponent, decorators: [{
             type: Component,
@@ -8752,7 +8760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                         TranslateModule,
                         KitSearchBarComponent,
                         AsyncPipe,
-                    ], template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n                [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n                [searchString]=\"(gridState$ | async)?.search\"\n                [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n                (closeButtonClick)=\"closeButtonClick()\"\n                (searchButtonClick)=\"this.toggleSearch.emit(true)\"\n></kit-search-bar>\n" }]
+                    ], template: "<kit-search-bar [placeholder]=\"'kit.search.placeholder' | translate\"\n                [searchButtonLabel]=\"'kit.search.searchButtonLabel' | translate\"\n                [searchString]=\"(gridState$ | async)?.search\"\n                [closeButtonLabel]=\"'kit.search.closeButtonLabel' | translate\"\n                [disabled]=\"disabled()\"\n                (closeButtonClick)=\"closeButtonClick()\"\n                (searchButtonClick)=\"this.toggleSearch.emit(true)\"\n></kit-search-bar>\n" }]
         }] });
 
 class KitGridColumnManagerComponent {
@@ -8865,6 +8873,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-skeleton-grid\">\n  <kit-skeleton [height]=\"39\"\n  ></kit-skeleton>\n\n  @for (item of items; track item) {\n    <div class=\"kit-skeleton-grid-items\">\n      @for (child of childItems; track child) {\n        <kit-skeleton class=\"kit-skeleton-grid-item\"\n                      [height]=\"44\"\n        ></kit-skeleton>\n      }\n    </div>\n  }\n</div>\n", styles: [".kit-skeleton-grid{display:flex;flex-direction:column;gap:1px}.kit-skeleton-grid-items{display:flex;justify-content:space-between;gap:1px}.kit-skeleton-grid-item{flex:1}\n"] }]
         }] });
 
+class KitGridArchiveToggle {
+    constructor() {
+        this.valueChange = output();
+        this.kitToggleSize = KitToggleSize;
+        this.kitTooltipPosition = KitTooltipPosition;
+    }
+    onChange(value) {
+        this.valueChange.emit(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridArchiveToggle, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: KitGridArchiveToggle, isStandalone: true, selector: "kit-grid-archive-toggle", outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<kit-toggle class=\"kit-grid-archive-toggle\"\n            kitTooltip\n            kitTooltipFilter=\".kit-grid-archive-toggle\"\n            [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n            [title]=\"'kit.archive.title' | translate\"\n            [size]=\"kitToggleSize.SMALL\"\n            (changed)=\"onChange($event)\"\n></kit-toggle>\n", dependencies: [{ kind: "component", type: KitToggleComponent, selector: "kit-toggle", inputs: ["label", "disabled", "readonly", "defaultChecked", "leftLabel", "rightLabel", "messageIcon", "messageText", "size"], outputs: ["changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridArchiveToggle, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-grid-archive-toggle', imports: [
+                        KitToggleComponent,
+                        KitTooltipDirective,
+                        TranslatePipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-toggle class=\"kit-grid-archive-toggle\"\n            kitTooltip\n            kitTooltipFilter=\".kit-grid-archive-toggle\"\n            [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n            [title]=\"'kit.archive.title' | translate\"\n            [size]=\"kitToggleSize.SMALL\"\n            (changed)=\"onChange($event)\"\n></kit-toggle>\n" }]
+        }] });
+
 class KitEntityGridComponent {
     constructor() {
         this.store = inject(Store);
@@ -8889,8 +8918,11 @@ class KitEntityGridComponent {
         this.pagerInfoText = input('', ...(ngDevMode ? [{ debugName: "pagerInfoText" }] : []));
         this.showBreadcrumbs = input(true, ...(ngDevMode ? [{ debugName: "showBreadcrumbs" }] : []));
         this.pageSizes = input(...(ngDevMode ? [undefined, { debugName: "pageSizes" }] : []));
-        this.gridViewChanged = output();
         this.rowClassFn = input(...(ngDevMode ? [undefined, { debugName: "rowClassFn" }] : []));
+        this.showArchiveToggle = input(false, ...(ngDevMode ? [{ debugName: "showArchiveToggle" }] : []));
+        this.gridViewChanged = output();
+        this.archiveModeChanged = output();
+        this.search = viewChild('search', ...(ngDevMode ? [{ debugName: "search", read: KitGridSearchComponent }] : [{ read: KitGridSearchComponent }]));
         this.kitTooltipPosition = KitTooltipPosition;
         this.searchIsOpen = signal(false, ...(ngDevMode ? [{ debugName: "searchIsOpen" }] : []));
         this.kitGridComponent = viewChild((KitGridComponent), ...(ngDevMode ? [{ debugName: "kitGridComponent" }] : []));
@@ -8915,6 +8947,7 @@ class KitEntityGridComponent {
         this.kitBadgeTheme = KitBadgeTheme;
         this.gridState = this.store.selectSignal(KIT_GRID_STATE_TOKEN);
         this.isExporting = signal(false, ...(ngDevMode ? [{ debugName: "isExporting" }] : []));
+        this.archiveModeEnabled = signal(false, ...(ngDevMode ? [{ debugName: "archiveModeEnabled" }] : []));
         effect(() => {
             this.isExporting.set(!!this.gridExportComponent()?.isGridExporting());
             this.kitGridComponent()?.columns.set(this.columns());
@@ -8938,11 +8971,21 @@ class KitEntityGridComponent {
             new SetGridSort(event.sort ?? []),
         ]).subscribe(() => this.kitGridUrlStateService.setGridStateToUrl(this.store.selectSnapshot(KIT_GRID_STATE_TOKEN)));
     }
+    onArchiveToggle(value) {
+        if (value) {
+            this.search()?.closeSearch();
+        }
+        this.archiveModeEnabled.set(value);
+        this.archiveModeChanged.emit(value);
+    }
+    isSearchDisabled() {
+        return this.showArchiveToggle() && this.archiveModeEnabled();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitEntityGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitEntityGridComponent, isStandalone: true, selector: "kit-entity-grid", inputs: { gridData: { classPropertyName: "gridData", publicName: "gridData", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, gridColumns: { classPropertyName: "gridColumns", publicName: "gridColumns", isSignal: true, isRequired: true, transformFunction: null }, defaultViewName: { classPropertyName: "defaultViewName", publicName: "defaultViewName", isSignal: true, isRequired: true, transformFunction: null }, viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, viewGroupConfig: { classPropertyName: "viewGroupConfig", publicName: "viewGroupConfig", isSignal: true, isRequired: true, transformFunction: null }, pdfOptions: { classPropertyName: "pdfOptions", publicName: "pdfOptions", isSignal: true, isRequired: true, transformFunction: null }, getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, defaultSorting: { classPropertyName: "defaultSorting", publicName: "defaultSorting", isSignal: true, isRequired: false, transformFunction: null }, filterExcludedColumns: { classPropertyName: "filterExcludedColumns", publicName: "filterExcludedColumns", isSignal: true, isRequired: false, transformFunction: null }, systemViews: { classPropertyName: "systemViews", publicName: "systemViews", isSignal: true, isRequired: false, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: false, transformFunction: null }, isDetailTemplateVisible: { classPropertyName: "isDetailTemplateVisible", publicName: "isDetailTemplateVisible", isSignal: true, isRequired: false, transformFunction: null }, detailTemplateExpandDisableIf: { classPropertyName: "detailTemplateExpandDisableIf", publicName: "detailTemplateExpandDisableIf", isSignal: true, isRequired: false, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, pagerInfoText: { classPropertyName: "pagerInfoText", publicName: "pagerInfoText", isSignal: true, isRequired: false, transformFunction: null }, showBreadcrumbs: { classPropertyName: "showBreadcrumbs", publicName: "showBreadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null }, rowClassFn: { classPropertyName: "rowClassFn", publicName: "rowClassFn", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { gridViewChanged: "gridViewChanged" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitEntityGridComponent, isStandalone: true, selector: "kit-entity-grid", inputs: { gridData: { classPropertyName: "gridData", publicName: "gridData", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, gridColumns: { classPropertyName: "gridColumns", publicName: "gridColumns", isSignal: true, isRequired: true, transformFunction: null }, defaultViewName: { classPropertyName: "defaultViewName", publicName: "defaultViewName", isSignal: true, isRequired: true, transformFunction: null }, viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, viewGroupConfig: { classPropertyName: "viewGroupConfig", publicName: "viewGroupConfig", isSignal: true, isRequired: true, transformFunction: null }, pdfOptions: { classPropertyName: "pdfOptions", publicName: "pdfOptions", isSignal: true, isRequired: true, transformFunction: null }, getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, defaultSorting: { classPropertyName: "defaultSorting", publicName: "defaultSorting", isSignal: true, isRequired: false, transformFunction: null }, filterExcludedColumns: { classPropertyName: "filterExcludedColumns", publicName: "filterExcludedColumns", isSignal: true, isRequired: false, transformFunction: null }, systemViews: { classPropertyName: "systemViews", publicName: "systemViews", isSignal: true, isRequired: false, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: false, transformFunction: null }, isDetailTemplateVisible: { classPropertyName: "isDetailTemplateVisible", publicName: "isDetailTemplateVisible", isSignal: true, isRequired: false, transformFunction: null }, detailTemplateExpandDisableIf: { classPropertyName: "detailTemplateExpandDisableIf", publicName: "detailTemplateExpandDisableIf", isSignal: true, isRequired: false, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, pagerInfoText: { classPropertyName: "pagerInfoText", publicName: "pagerInfoText", isSignal: true, isRequired: false, transformFunction: null }, showBreadcrumbs: { classPropertyName: "showBreadcrumbs", publicName: "showBreadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null }, rowClassFn: { classPropertyName: "rowClassFn", publicName: "rowClassFn", isSignal: true, isRequired: false, transformFunction: null }, showArchiveToggle: { classPropertyName: "showArchiveToggle", publicName: "showArchiveToggle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { gridViewChanged: "gridViewChanged", archiveModeChanged: "archiveModeChanged" }, providers: [
             KitBreadcrumbsService,
             KitGridUrlStateService,
-        ], queries: [{ propertyName: "columns", predicate: KitGridColumnComponent, isSignal: true }, { propertyName: "gridDetailTemplate", first: true, predicate: KitGridDetailTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "kitGridComponent", first: true, predicate: (KitGridComponent), descendants: true, isSignal: true }, { propertyName: "gridExportComponent", first: true, predicate: KitGridExportComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-entity-grid\">\n  @if (showBreadcrumbs()) {\n    <kit-breadcrumbs [items]=\"breadcrumbs()\"></kit-breadcrumbs>\n  }\n  <kit-entity-title>{{ title() }}</kit-entity-title>\n  <div class=\"grid-header\">\n    <div class=\"grid-header-content\">\n      <kit-grid-views class=\"grid-header-views\"\n                      [viewGroup]=\"viewGroup()\"\n                      [viewConfigGroup]=\"viewGroupConfig()\"\n                      [systemViews]=\"systemViews()\"\n                      [defaultColumns]=\"gridColumns()\"\n                      [defaultViewName]=\"defaultViewName()\"\n                      [defaultSorting]=\"defaultSorting()\"\n                      (viewChanged)=\"onGridViewChange()\"\n      ></kit-grid-views>\n      <div class=\"grid-header-actions\">\n        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\" />\n        @if (filters$ | async; as filters) {\n          <kit-button kitBadge\n                      kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [title]=\"'kit.filters.title' | translate\"\n                      [kitTooltipVisible]=\"searchIsOpen()\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [kitBadgeText]=\"filters.length\"\n                      [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n                      [kitBadgeVisible]=\"filters.length > 0\"\n                      [label]=\"searchIsOpen() ? '' : ('filters.title' | translate)\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.FILTER\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [active]=\"filtersVisible()\"\n                      (clicked)=\"onFiltersToggle()\"\n          ></kit-button>\n          <kit-grid-column-manager [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      <div class=\"grid-header-search\">\n        <kit-grid-search (toggleSearch)=\"searchIsOpen.set($event)\" />\n      </div>\n    </div>\n    @if (filtersVisible()) {\n      <ng-content select=\"[filters]\"></ng-content>\n    }\n  </div>\n  <ng-content select=\"[post-header-content]\"></ng-content>\n  @if (gridData(); as data) {\n    @if (!data.loading) {\n      <kit-grid class=\"grid\"\n                [data]=\"data.results\"\n                [pageable]=\"true\"\n                [pageSize]=\"(gridState$ | async)?.take ?? pageSize\"\n                [sort]=\"(gridState$ | async)?.sort ?? defaultSorting()\"\n                [sortable]=\"sortable\"\n                [detailTemplateShowIf]=\"isDetailTemplateVisible()\"\n                [detailTemplateExpandDisableIf]=\"detailTemplateExpandDisableIf()\"\n                [pdfOptions]=\"pdfOptions()\"\n                [loading]=\"isExporting() || isLoading()\"\n                [skip]=\"(gridState$ | async)?.skip ?? 0\"\n                [pagerInfoText]=\"pagerInfoText()\"\n                [pageSizes]=\"pageSizes()\"\n                [rowClassFn]=\"rowClassFn()\"\n                [gridDetailTemplate]=\"gridDetailTemplate()\"\n                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[actions]\"></ng-content>\n</div>\n\n", styles: [".kit-entity-grid{display:flex;flex-direction:column;gap:25px;height:calc(100vh - var(--ui-kit-header-height) - 40px)}.kit-entity-grid .grid{overflow:auto}.grid-header{display:flex;flex-direction:column;gap:16px;container-type:inline-size}.grid-header-content{display:flex;gap:16px;width:100%}@container (max-width: 780px){.grid-header-content{display:grid;gap:10px;grid-template-areas:\"views .\" \"actions search\";grid-template-columns:repeat(2,1fr)}}.grid-header-views{min-width:0;flex:1;grid-area:views;grid-column:1/3}.grid-header-actions{display:flex;gap:16px;grid-area:actions}.grid-header-search{grid-area:search}@container (max-width: 780px){.grid-header-search{border:none;padding:0;display:flex;justify-content:flex-end}}.grid-header-filters{width:100%}::ng-deep .k-loading-pdf-mask{display:none}::ng-deep .k-pdf-export tbody>tr>td>a{display:none}\n"], dependencies: [{ kind: "component", type: KitBreadcrumbsComponent, selector: "kit-breadcrumbs", inputs: ["items"] }, { kind: "component", type: KitEntityTitleComponent, selector: "kit-entity-title" }, { kind: "component", type: KitGridViewsComponent, selector: "kit-grid-views", inputs: ["viewGroup", "viewConfigGroup", "defaultColumns", "defaultViewName", "defaultSorting", "systemViews"], outputs: ["viewChanged"] }, { kind: "component", type: KitGridExportComponent, selector: "kit-grid-export", inputs: ["getExportedData", "translationMap", "exportedFileName", "drawPdf", "gridHasData", "visibleColumns"] }, { kind: "directive", type: KitBadgeDirective, selector: "[kitBadge]", inputs: ["kitBadgeText", "kitBadgeTheme", "kitBadgeVisible"] }, { kind: "component", type: KitGridColumnManagerComponent, selector: "kit-grid-column-manager", inputs: ["showLabel"] }, { kind: "component", type: KitGridSearchComponent, selector: "kit-grid-search", outputs: ["toggleSearch"] }, { kind: "component", type: KitGridComponent, selector: "kit-grid", inputs: ["data", "gridDataBinding", "sortable", "sort", "pageable", "pageSize", "skip", "loading", "detailTemplateShowIf", "detailTemplateExpandDisableIf", "showFooter", "footerTitle", "footerData", "pdfOptions", "pagerButtonCount", "pageSizes", "pagerInfoText", "resizable", "gridDetailTemplate", "rowClassFn"], outputs: ["pageChanged", "sortChanged", "dataStateChanged", "detailExpanded", "detailCollapsed", "cellClicked", "excelExport"] }, { kind: "component", type: KitSkeletonGridComponent, selector: "kit-skeleton-grid", inputs: ["itemsCount"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "columns", predicate: KitGridColumnComponent, isSignal: true }, { propertyName: "gridDetailTemplate", first: true, predicate: KitGridDetailTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "search", first: true, predicate: ["search"], descendants: true, read: KitGridSearchComponent, isSignal: true }, { propertyName: "kitGridComponent", first: true, predicate: (KitGridComponent), descendants: true, isSignal: true }, { propertyName: "gridExportComponent", first: true, predicate: KitGridExportComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-entity-grid\">\n  @if (showBreadcrumbs()) {\n    <kit-breadcrumbs [items]=\"breadcrumbs()\"></kit-breadcrumbs>\n  }\n  <kit-entity-title>{{ title() }}</kit-entity-title>\n  <div class=\"grid-header\">\n    <div class=\"grid-header-content\">\n      <kit-grid-views class=\"grid-header-views\"\n                      [viewGroup]=\"viewGroup()\"\n                      [viewConfigGroup]=\"viewGroupConfig()\"\n                      [systemViews]=\"systemViews()\"\n                      [defaultColumns]=\"gridColumns()\"\n                      [defaultViewName]=\"defaultViewName()\"\n                      [defaultSorting]=\"defaultSorting()\"\n                      (viewChanged)=\"onGridViewChange()\"\n      ></kit-grid-views>\n      <div class=\"grid-header-actions\">\n        <ng-content select=\"[actions]\"></ng-content>\n        @if (showArchiveToggle()) {\n          <kit-grid-archive-toggle (valueChange)=\"onArchiveToggle($event)\"\n          ></kit-grid-archive-toggle>\n        }\n        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\" />\n        @if (filters$ | async; as filters) {\n          <kit-button kitBadge\n                      kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [title]=\"'kit.filters.title' | translate\"\n                      [kitTooltipVisible]=\"searchIsOpen()\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [kitBadgeText]=\"filters.length\"\n                      [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n                      [kitBadgeVisible]=\"filters.length > 0\"\n                      [label]=\"searchIsOpen() ? '' : ('kit.filters.title' | translate)\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.FILTER\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [active]=\"filtersVisible()\"\n                      (clicked)=\"onFiltersToggle()\"\n          ></kit-button>\n          <kit-grid-column-manager [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      <div class=\"grid-header-search\">\n        <kit-grid-search #search\n                         [disabled]=\"isSearchDisabled()\"\n                         (toggleSearch)=\"searchIsOpen.set($event)\" />\n      </div>\n    </div>\n    @if (filtersVisible()) {\n      <ng-content select=\"[filters]\"></ng-content>\n    }\n  </div>\n  <ng-content select=\"[post-header-content]\"></ng-content>\n  @if (gridData(); as data) {\n    @if (!data.loading) {\n      <kit-grid class=\"grid\"\n                [data]=\"data.results\"\n                [pageable]=\"true\"\n                [pageSize]=\"(gridState$ | async)?.take ?? pageSize\"\n                [sort]=\"(gridState$ | async)?.sort ?? defaultSorting()\"\n                [sortable]=\"sortable\"\n                [detailTemplateShowIf]=\"isDetailTemplateVisible()\"\n                [detailTemplateExpandDisableIf]=\"detailTemplateExpandDisableIf()\"\n                [pdfOptions]=\"pdfOptions()\"\n                [loading]=\"isExporting() || isLoading()\"\n                [skip]=\"(gridState$ | async)?.skip ?? 0\"\n                [pagerInfoText]=\"pagerInfoText()\"\n                [pageSizes]=\"pageSizes()\"\n                [rowClassFn]=\"rowClassFn()\"\n                [gridDetailTemplate]=\"gridDetailTemplate()\"\n                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[actions]\"></ng-content>\n</div>\n\n", styles: [".kit-entity-grid{display:flex;flex-direction:column;gap:25px;height:calc(100vh - var(--ui-kit-header-height) - 40px)}.kit-entity-grid .grid{overflow:auto}.grid-header{display:flex;flex-direction:column;gap:16px;container-type:inline-size}.grid-header-content{display:flex;gap:16px;width:100%}@container (max-width: 780px){.grid-header-content{display:grid;gap:10px;grid-template-areas:\"views .\" \"actions search\";grid-template-columns:repeat(2,1fr)}}.grid-header-views{min-width:0;flex:1;grid-area:views;grid-column:1/3}.grid-header-actions{display:flex;gap:16px;grid-area:actions}.grid-header-search{grid-area:search}@container (max-width: 780px){.grid-header-search{border:none;padding:0;display:flex;justify-content:flex-end}}.grid-header-filters{width:100%}::ng-deep .k-loading-pdf-mask{display:none}::ng-deep .k-pdf-export tbody>tr>td>a{display:none}\n"], dependencies: [{ kind: "component", type: KitBreadcrumbsComponent, selector: "kit-breadcrumbs", inputs: ["items"] }, { kind: "component", type: KitEntityTitleComponent, selector: "kit-entity-title" }, { kind: "component", type: KitGridViewsComponent, selector: "kit-grid-views", inputs: ["viewGroup", "viewConfigGroup", "defaultColumns", "defaultViewName", "defaultSorting", "systemViews"], outputs: ["viewChanged"] }, { kind: "component", type: KitGridExportComponent, selector: "kit-grid-export", inputs: ["getExportedData", "translationMap", "exportedFileName", "drawPdf", "gridHasData", "visibleColumns"] }, { kind: "directive", type: KitBadgeDirective, selector: "[kitBadge]", inputs: ["kitBadgeText", "kitBadgeTheme", "kitBadgeVisible"] }, { kind: "component", type: KitGridColumnManagerComponent, selector: "kit-grid-column-manager", inputs: ["showLabel"] }, { kind: "component", type: KitGridSearchComponent, selector: "kit-grid-search", inputs: ["disabled"], outputs: ["toggleSearch"] }, { kind: "component", type: KitGridComponent, selector: "kit-grid", inputs: ["data", "gridDataBinding", "sortable", "sort", "pageable", "pageSize", "skip", "loading", "detailTemplateShowIf", "detailTemplateExpandDisableIf", "showFooter", "footerTitle", "footerData", "pdfOptions", "pagerButtonCount", "pageSizes", "pagerInfoText", "resizable", "gridDetailTemplate", "rowClassFn"], outputs: ["pageChanged", "sortChanged", "dataStateChanged", "detailExpanded", "detailCollapsed", "cellClicked", "excelExport"] }, { kind: "component", type: KitSkeletonGridComponent, selector: "kit-skeleton-grid", inputs: ["itemsCount"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "component", type: KitGridArchiveToggle, selector: "kit-grid-archive-toggle", outputs: ["valueChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitEntityGridComponent, decorators: [{
             type: Component,
@@ -8960,10 +9003,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                         KitSkeletonGridComponent,
                         KitButtonComponent,
                         KitTooltipDirective,
+                        KitGridArchiveToggle,
                     ], providers: [
                         KitBreadcrumbsService,
                         KitGridUrlStateService,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-entity-grid\">\n  @if (showBreadcrumbs()) {\n    <kit-breadcrumbs [items]=\"breadcrumbs()\"></kit-breadcrumbs>\n  }\n  <kit-entity-title>{{ title() }}</kit-entity-title>\n  <div class=\"grid-header\">\n    <div class=\"grid-header-content\">\n      <kit-grid-views class=\"grid-header-views\"\n                      [viewGroup]=\"viewGroup()\"\n                      [viewConfigGroup]=\"viewGroupConfig()\"\n                      [systemViews]=\"systemViews()\"\n                      [defaultColumns]=\"gridColumns()\"\n                      [defaultViewName]=\"defaultViewName()\"\n                      [defaultSorting]=\"defaultSorting()\"\n                      (viewChanged)=\"onGridViewChange()\"\n      ></kit-grid-views>\n      <div class=\"grid-header-actions\">\n        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\" />\n        @if (filters$ | async; as filters) {\n          <kit-button kitBadge\n                      kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [title]=\"'kit.filters.title' | translate\"\n                      [kitTooltipVisible]=\"searchIsOpen()\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [kitBadgeText]=\"filters.length\"\n                      [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n                      [kitBadgeVisible]=\"filters.length > 0\"\n                      [label]=\"searchIsOpen() ? '' : ('filters.title' | translate)\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.FILTER\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [active]=\"filtersVisible()\"\n                      (clicked)=\"onFiltersToggle()\"\n          ></kit-button>\n          <kit-grid-column-manager [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      <div class=\"grid-header-search\">\n        <kit-grid-search (toggleSearch)=\"searchIsOpen.set($event)\" />\n      </div>\n    </div>\n    @if (filtersVisible()) {\n      <ng-content select=\"[filters]\"></ng-content>\n    }\n  </div>\n  <ng-content select=\"[post-header-content]\"></ng-content>\n  @if (gridData(); as data) {\n    @if (!data.loading) {\n      <kit-grid class=\"grid\"\n                [data]=\"data.results\"\n                [pageable]=\"true\"\n                [pageSize]=\"(gridState$ | async)?.take ?? pageSize\"\n                [sort]=\"(gridState$ | async)?.sort ?? defaultSorting()\"\n                [sortable]=\"sortable\"\n                [detailTemplateShowIf]=\"isDetailTemplateVisible()\"\n                [detailTemplateExpandDisableIf]=\"detailTemplateExpandDisableIf()\"\n                [pdfOptions]=\"pdfOptions()\"\n                [loading]=\"isExporting() || isLoading()\"\n                [skip]=\"(gridState$ | async)?.skip ?? 0\"\n                [pagerInfoText]=\"pagerInfoText()\"\n                [pageSizes]=\"pageSizes()\"\n                [rowClassFn]=\"rowClassFn()\"\n                [gridDetailTemplate]=\"gridDetailTemplate()\"\n                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[actions]\"></ng-content>\n</div>\n\n", styles: [".kit-entity-grid{display:flex;flex-direction:column;gap:25px;height:calc(100vh - var(--ui-kit-header-height) - 40px)}.kit-entity-grid .grid{overflow:auto}.grid-header{display:flex;flex-direction:column;gap:16px;container-type:inline-size}.grid-header-content{display:flex;gap:16px;width:100%}@container (max-width: 780px){.grid-header-content{display:grid;gap:10px;grid-template-areas:\"views .\" \"actions search\";grid-template-columns:repeat(2,1fr)}}.grid-header-views{min-width:0;flex:1;grid-area:views;grid-column:1/3}.grid-header-actions{display:flex;gap:16px;grid-area:actions}.grid-header-search{grid-area:search}@container (max-width: 780px){.grid-header-search{border:none;padding:0;display:flex;justify-content:flex-end}}.grid-header-filters{width:100%}::ng-deep .k-loading-pdf-mask{display:none}::ng-deep .k-pdf-export tbody>tr>td>a{display:none}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-entity-grid\">\n  @if (showBreadcrumbs()) {\n    <kit-breadcrumbs [items]=\"breadcrumbs()\"></kit-breadcrumbs>\n  }\n  <kit-entity-title>{{ title() }}</kit-entity-title>\n  <div class=\"grid-header\">\n    <div class=\"grid-header-content\">\n      <kit-grid-views class=\"grid-header-views\"\n                      [viewGroup]=\"viewGroup()\"\n                      [viewConfigGroup]=\"viewGroupConfig()\"\n                      [systemViews]=\"systemViews()\"\n                      [defaultColumns]=\"gridColumns()\"\n                      [defaultViewName]=\"defaultViewName()\"\n                      [defaultSorting]=\"defaultSorting()\"\n                      (viewChanged)=\"onGridViewChange()\"\n      ></kit-grid-views>\n      <div class=\"grid-header-actions\">\n        <ng-content select=\"[actions]\"></ng-content>\n        @if (showArchiveToggle()) {\n          <kit-grid-archive-toggle (valueChange)=\"onArchiveToggle($event)\"\n          ></kit-grid-archive-toggle>\n        }\n        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\" />\n        @if (filters$ | async; as filters) {\n          <kit-button kitBadge\n                      kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [title]=\"'kit.filters.title' | translate\"\n                      [kitTooltipVisible]=\"searchIsOpen()\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [kitBadgeText]=\"filters.length\"\n                      [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n                      [kitBadgeVisible]=\"filters.length > 0\"\n                      [label]=\"searchIsOpen() ? '' : ('kit.filters.title' | translate)\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.FILTER\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [active]=\"filtersVisible()\"\n                      (clicked)=\"onFiltersToggle()\"\n          ></kit-button>\n          <kit-grid-column-manager [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      <div class=\"grid-header-search\">\n        <kit-grid-search #search\n                         [disabled]=\"isSearchDisabled()\"\n                         (toggleSearch)=\"searchIsOpen.set($event)\" />\n      </div>\n    </div>\n    @if (filtersVisible()) {\n      <ng-content select=\"[filters]\"></ng-content>\n    }\n  </div>\n  <ng-content select=\"[post-header-content]\"></ng-content>\n  @if (gridData(); as data) {\n    @if (!data.loading) {\n      <kit-grid class=\"grid\"\n                [data]=\"data.results\"\n                [pageable]=\"true\"\n                [pageSize]=\"(gridState$ | async)?.take ?? pageSize\"\n                [sort]=\"(gridState$ | async)?.sort ?? defaultSorting()\"\n                [sortable]=\"sortable\"\n                [detailTemplateShowIf]=\"isDetailTemplateVisible()\"\n                [detailTemplateExpandDisableIf]=\"detailTemplateExpandDisableIf()\"\n                [pdfOptions]=\"pdfOptions()\"\n                [loading]=\"isExporting() || isLoading()\"\n                [skip]=\"(gridState$ | async)?.skip ?? 0\"\n                [pagerInfoText]=\"pagerInfoText()\"\n                [pageSizes]=\"pageSizes()\"\n                [rowClassFn]=\"rowClassFn()\"\n                [gridDetailTemplate]=\"gridDetailTemplate()\"\n                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[actions]\"></ng-content>\n</div>\n\n", styles: [".kit-entity-grid{display:flex;flex-direction:column;gap:25px;height:calc(100vh - var(--ui-kit-header-height) - 40px)}.kit-entity-grid .grid{overflow:auto}.grid-header{display:flex;flex-direction:column;gap:16px;container-type:inline-size}.grid-header-content{display:flex;gap:16px;width:100%}@container (max-width: 780px){.grid-header-content{display:grid;gap:10px;grid-template-areas:\"views .\" \"actions search\";grid-template-columns:repeat(2,1fr)}}.grid-header-views{min-width:0;flex:1;grid-area:views;grid-column:1/3}.grid-header-actions{display:flex;gap:16px;grid-area:actions}.grid-header-search{grid-area:search}@container (max-width: 780px){.grid-header-search{border:none;padding:0;display:flex;justify-content:flex-end}}.grid-header-filters{width:100%}::ng-deep .k-loading-pdf-mask{display:none}::ng-deep .k-pdf-export tbody>tr>td>a{display:none}\n"] }]
         }], ctorParameters: () => [] });
 
 class KitMenuBuilderService {
@@ -9273,13 +9317,27 @@ class KitSchedulerComponent {
             scheduler.selectedViewIndex = viewIndex;
         }
     }
+    weekCellIsSelected(date) {
+        const currentDate = new Date(date);
+        const normalizedSelected = new Date(this.selectedDate() || '');
+        normalizedSelected.setMinutes(0, 0, 0);
+        currentDate.setMinutes(0, 0, 0);
+        return normalizedSelected.getTime() === currentDate.getTime();
+    }
+    monthCellIsSelected(date) {
+        const currentDate = new Date(date);
+        const normalizedSelected = new Date(this.selectedDate() || '');
+        normalizedSelected.setHours(0, 0, 0, 0);
+        currentDate.setHours(0, 0, 0, 0);
+        return normalizedSelected.getTime() === currentDate.getTime();
+    }
     formatDate(date) {
         const local = new Date(date);
         local.setHours(0, 0, 0, 0);
         return local.toISOString().split('T')[0];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSchedulerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", 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 } }, outputs: { eventClicked: "eventClicked", slotClicked: "slotClicked" }, 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                 (eventClick)=\"onEventClick($event)\"\n                 (slotClick)=\"onSlotClick($event)\"\n                 (click)=\"onSchedulerClick($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      <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 kendoSchedulerMonthDaySlotTemplate\n               let-date=\"date\">\n    <div class=\"month-day\">\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-week-view\n  ></kendo-scheduler-week-view>\n\n  <kendo-scheduler-month-view\n  ></kendo-scheduler-month-view>\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-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;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1;max-width:calc(100% - 44px)}.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.ShortcutsDirective, selector: "kendo-scheduler" }, { kind: "component", type: i1$d.MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: ["eventsPerDay", "eventHeight", "adaptiveSlotHeight", "selectedDateFormat", "selectedShortDateFormat"] }, { 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: "component", type: KitSchedulerToolbarComponent, selector: "kit-scheduler-toolbar", inputs: ["selectedDate", "selectedView"] }, { 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.1.3", 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 } }, outputs: { eventClicked: "eventClicked", slotClicked: "slotClicked" }, 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                 (eventClick)=\"onEventClick($event)\"\n                 (slotClick)=\"onSlotClick($event)\"\n                 (click)=\"onSchedulerClick($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      <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-week-view\n  ></kendo-scheduler-week-view>\n\n  <kendo-scheduler-month-view\n  ></kendo-scheduler-month-view>\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;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1;max-width:calc(100% - 44px)}.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.ShortcutsDirective, selector: "kendo-scheduler" }, { kind: "component", type: i1$d.MonthViewComponent, selector: "kendo-scheduler-month-view", inputs: ["eventsPerDay", "eventHeight", "adaptiveSlotHeight", "selectedDateFormat", "selectedShortDateFormat"] }, { 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"] }, { 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.1.3", ngImport: i0, type: KitSchedulerComponent, decorators: [{
             type: Component,
@@ -9288,7 +9346,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                         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                 (eventClick)=\"onEventClick($event)\"\n                 (slotClick)=\"onSlotClick($event)\"\n                 (click)=\"onSchedulerClick($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      <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 kendoSchedulerMonthDaySlotTemplate\n               let-date=\"date\">\n    <div class=\"month-day\">\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-week-view\n  ></kendo-scheduler-week-view>\n\n  <kendo-scheduler-month-view\n  ></kendo-scheduler-month-view>\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-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;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1;max-width:calc(100% - 44px)}.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"] }]
+                    ], 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                 (eventClick)=\"onEventClick($event)\"\n                 (slotClick)=\"onSlotClick($event)\"\n                 (click)=\"onSchedulerClick($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      <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-week-view\n  ></kendo-scheduler-week-view>\n\n  <kendo-scheduler-month-view\n  ></kendo-scheduler-month-view>\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;gap:20px}.kit-scheduler ::ng-deep .month-day-events{display:flex;flex-direction:column;gap:8px;flex:1;max-width:calc(100% - 44px)}.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"] }]
         }] });
 
 class KitTranslateLoader {
@@ -9966,5 +10024,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
  * 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, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, KitGlobalSearchComponent, 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, kitFilterBy, kitFormatStringForSearch, kitGetFormControlErrors, 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, KitDialogActionsComponent, KitDialogComponent, KitDialogService, KitDialogTitlebarComponent, KitDialogType, KitDropdownComponent, KitDropdownItemTemplateDirective, KitDropdownSize, KitEmptySectionComponent, KitEntityGridComponent, KitEntitySectionComponent, KitEntitySectionContainerComponent, KitEntityTitleComponent, KitFileCardComponent, KitFileCardMessagesComponent, KitFileUploadComponent, KitFilterCheckboxComponent, KitFilterLogic, KitFilterOperator, KitFilterType, KitForbiddenComponent, 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, kitFilterBy, kitFormatStringForSearch, kitGetFormControlErrors, kitGetPermissionTypesByCategory, kitHasPermission, kitTranslations, kitUserPermissionsGuard, mapGlobalSearchResult, trimTrailingSlash };
 //# sourceMappingURL=indigina-ui-kit.mjs.map