@indigina/ui-kit 1.1.589 → 1.1.591

package/fesm2022/indigina-ui-kit.mjs

@@ -40,7 +40,7 @@ import { KENDO_UPLOAD } from '@progress/kendo-angular-upload';
 import { takeUntilDestroyed, outputToObservable, toSignal, toObservable } from '@angular/core/rxjs-interop';
 import initials from 'initials';
 import * as i1$d from '@progress/kendo-angular-grid';
-import { GridModule, ExcelModule, PDFModule, GridComponent } from '@progress/kendo-angular-grid';
+import { GridModule, ExcelModule, GridComponent } from '@progress/kendo-angular-grid';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import * as i2 from '@progress/kendo-angular-pager';
 import { PagerContextService, PagerNavigationService } from '@progress/kendo-angular-pager';
@@ -1742,7 +1742,7 @@ class KitDropdownComponent {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => KitDropdownComponent),
                 multi: true,
-            }], queries: [{ propertyName: "kitDropdownValueTemplate", first: true, predicate: ["kitDropdownValueTemplate"], descendants: true, read: TemplateRef }, { propertyName: "kitDropdownItemTemplate", first: true, predicate: KitDropdownItemTemplateDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: DropDownListComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-dropdown {{ size() }}\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\"\n     [class.invalid]=\"invalid()\">\n  @if (label()) {\n    <kit-form-label class=\"label\"\n                    [text]=\"label()\"\n                    [for]=\"dropdown\"\n    ></kit-form-label>\n  }\n  <kendo-dropdownlist #dropdown\n                      valueField=\"value\"\n                      textField=\"text\"\n                      class=\"dropdown\"\n                      [ngClass]=\"getCssClasses()\"\n                      [data]=\"items()\"\n                      [valuePrimitive]=\"isValuePrimitive()\"\n                      [disabled]=\"disabled()\"\n                      [readonly]=\"readonly()\"\n                      [popupSettings]=\"buildPopupSettings()\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem()\"\n                      [listHeight]=\"listHeight()\"\n                      [value]=\"selectedItem()\"\n                      (open)=\"onOpen()\"\n                      (close)=\"onClose()\"\n                      (selectionChange)=\"onItemSelect($event)\">\n    <ng-template kendoDropDownListValueTemplate\n                 let-dataItem>\n      @if (kitDropdownValueTemplate) {\n        <div class=\"value-text\">\n          <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </div>\n      } @else {\n        <span class=\"value-text\">{{ dataItem?.text }}</span>\n      }\n      <kit-svg-icon class=\"value-icon\"\n                    [icon]=\"toggleIcon()\"\n      ></kit-svg-icon>\n    </ng-template>\n    <ng-template kendoDropDownListItemTemplate\n                 let-dataItem>\n      @if (kitDropdownItemTemplate) {\n        <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      } @else {\n        <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n        <kit-svg-icon class=\"option-icon\"\n                      [icon]=\"KitSvgIcon.CHECK\"\n        ></kit-svg-icon>\n      }\n    </ng-template>\n    @if (footerTemplate()) {\n      <ng-template kendoDropDownListFooterTemplate>\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n      </ng-template>\n    }\n    @if (noDataTemplate()) {\n      <ng-template kendoDropDownListNoDataTemplate>\n        <ng-container *ngTemplateOutlet=\"noDataTemplate()\" />\n      </ng-template>\n    }\n  </kendo-dropdownlist>\n  @if (messageText()) {\n    <kit-form-message [icon]=\"messageIcon()\"\n                      [message]=\"messageText()\"\n    ></kit-form-message>\n  }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown:focus-within{box-shadow:none}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12);stroke:none}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{fill:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none}.kit-dropdown.readonly .dropdown{cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly:focus-within .dropdown{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-dropdown.readonly:hover .dropdown{border-color:var(--ui-kit-color-grey-11)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{fill:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .kit-form-message-text{color:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13);color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i1$5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$5.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i1$5.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$5.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "directive", type: i1$5.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text", inputs: ["tooltipText", "lines", "innerHtml"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+            }], queries: [{ propertyName: "kitDropdownValueTemplate", first: true, predicate: ["kitDropdownValueTemplate"], descendants: true, read: TemplateRef }, { propertyName: "kitDropdownItemTemplate", first: true, predicate: KitDropdownItemTemplateDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "dropdownComponent", first: true, predicate: DropDownListComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-dropdown {{ size() }}\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\"\n     [class.invalid]=\"invalid()\">\n  @if (label()) {\n    <kit-form-label class=\"label\"\n                    [text]=\"label()\"\n                    [for]=\"dropdown\"\n    ></kit-form-label>\n  }\n  <kendo-dropdownlist #dropdown\n                      valueField=\"value\"\n                      textField=\"text\"\n                      class=\"dropdown\"\n                      [ngClass]=\"getCssClasses()\"\n                      [data]=\"items()\"\n                      [valuePrimitive]=\"isValuePrimitive()\"\n                      [disabled]=\"disabled()\"\n                      [readonly]=\"readonly()\"\n                      [popupSettings]=\"buildPopupSettings()\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem()\"\n                      [listHeight]=\"listHeight()\"\n                      [value]=\"selectedItem()\"\n                      (open)=\"onOpen()\"\n                      (close)=\"onClose()\"\n                      (selectionChange)=\"onItemSelect($event)\">\n    <ng-template kendoDropDownListValueTemplate\n                 let-dataItem>\n      @if (kitDropdownValueTemplate) {\n        <div class=\"value-text\">\n          <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </div>\n      } @else {\n        <span class=\"value-text\">{{ dataItem?.text }}</span>\n      }\n      <kit-svg-icon class=\"value-icon\"\n                    [icon]=\"toggleIcon()\"\n      ></kit-svg-icon>\n    </ng-template>\n    <ng-template kendoDropDownListItemTemplate\n                 let-dataItem>\n      @if (kitDropdownItemTemplate) {\n        <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      } @else {\n        <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n        <kit-svg-icon class=\"option-icon\"\n                      [icon]=\"KitSvgIcon.CHECK\"\n        ></kit-svg-icon>\n      }\n    </ng-template>\n    @if (footerTemplate()) {\n      <ng-template kendoDropDownListFooterTemplate>\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n      </ng-template>\n    }\n    @if (noDataTemplate()) {\n      <ng-template kendoDropDownListNoDataTemplate>\n        <ng-container *ngTemplateOutlet=\"noDataTemplate()\" />\n      </ng-template>\n    }\n  </kendo-dropdownlist>\n  @if (messageText()) {\n    <kit-form-message [icon]=\"messageIcon()\"\n                      [message]=\"messageText()\"\n    ></kit-form-message>\n  }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown:focus-within{box-shadow:none}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12);stroke:none}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{fill:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none}.kit-dropdown.readonly .dropdown{cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly:focus-within .dropdown{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-dropdown.readonly:hover .dropdown{border-color:var(--ui-kit-color-grey-11)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{fill:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .kit-form-message-text{color:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.collapsed-list-popup{max-width:360px}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-text,.kit-dropdown-popup.k-popup .k-list-item .option-text{flex:1;min-width:0}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:var(--ui-kit-color-grey-13);color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"], dependencies: [{ kind: "ngmodule", type: DropDownListModule }, { kind: "component", type: i1$5.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "adaptiveTitle", "adaptiveSubtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1$5.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i1$5.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i1$5.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "directive", type: i1$5.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: KitFormMessageComponent, selector: "kit-form-message", inputs: ["icon", "message"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitFormLabelComponent, selector: "kit-form-label", inputs: ["text", "for", "tooltip", "popoverConfig"] }, { kind: "component", type: KitTruncateTextComponent, selector: "kit-truncate-text", inputs: ["tooltipText", "lines", "innerHtml"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitDropdownComponent, decorators: [{
             type: Component,
@@ -1760,7 +1760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                         KitTruncateTextComponent,
                         NgClass,
                         NgTemplateOutlet,
-                    ], template: "<div class=\"kit-dropdown {{ size() }}\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\"\n     [class.invalid]=\"invalid()\">\n  @if (label()) {\n    <kit-form-label class=\"label\"\n                    [text]=\"label()\"\n                    [for]=\"dropdown\"\n    ></kit-form-label>\n  }\n  <kendo-dropdownlist #dropdown\n                      valueField=\"value\"\n                      textField=\"text\"\n                      class=\"dropdown\"\n                      [ngClass]=\"getCssClasses()\"\n                      [data]=\"items()\"\n                      [valuePrimitive]=\"isValuePrimitive()\"\n                      [disabled]=\"disabled()\"\n                      [readonly]=\"readonly()\"\n                      [popupSettings]=\"buildPopupSettings()\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem()\"\n                      [listHeight]=\"listHeight()\"\n                      [value]=\"selectedItem()\"\n                      (open)=\"onOpen()\"\n                      (close)=\"onClose()\"\n                      (selectionChange)=\"onItemSelect($event)\">\n    <ng-template kendoDropDownListValueTemplate\n                 let-dataItem>\n      @if (kitDropdownValueTemplate) {\n        <div class=\"value-text\">\n          <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </div>\n      } @else {\n        <span class=\"value-text\">{{ dataItem?.text }}</span>\n      }\n      <kit-svg-icon class=\"value-icon\"\n                    [icon]=\"toggleIcon()\"\n      ></kit-svg-icon>\n    </ng-template>\n    <ng-template kendoDropDownListItemTemplate\n                 let-dataItem>\n      @if (kitDropdownItemTemplate) {\n        <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      } @else {\n        <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n        <kit-svg-icon class=\"option-icon\"\n                      [icon]=\"KitSvgIcon.CHECK\"\n        ></kit-svg-icon>\n      }\n    </ng-template>\n    @if (footerTemplate()) {\n      <ng-template kendoDropDownListFooterTemplate>\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n      </ng-template>\n    }\n    @if (noDataTemplate()) {\n      <ng-template kendoDropDownListNoDataTemplate>\n        <ng-container *ngTemplateOutlet=\"noDataTemplate()\" />\n      </ng-template>\n    }\n  </kendo-dropdownlist>\n  @if (messageText()) {\n    <kit-form-message [icon]=\"messageIcon()\"\n                      [message]=\"messageText()\"\n    ></kit-form-message>\n  }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown:focus-within{box-shadow:none}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12);stroke:none}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{fill:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none}.kit-dropdown.readonly .dropdown{cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly:focus-within .dropdown{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-dropdown.readonly:hover .dropdown{border-color:var(--ui-kit-color-grey-11)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{fill:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .kit-form-message-text{color:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{display:flex;align-items:center;background-color:var(--ui-kit-color-grey-13);color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-text,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-text{flex:1}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"] }]
+                    ], template: "<div class=\"kit-dropdown {{ size() }}\"\n     [class.disabled]=\"disabled()\"\n     [class.readonly]=\"readonly()\"\n     [class.invalid]=\"invalid()\">\n  @if (label()) {\n    <kit-form-label class=\"label\"\n                    [text]=\"label()\"\n                    [for]=\"dropdown\"\n    ></kit-form-label>\n  }\n  <kendo-dropdownlist #dropdown\n                      valueField=\"value\"\n                      textField=\"text\"\n                      class=\"dropdown\"\n                      [ngClass]=\"getCssClasses()\"\n                      [data]=\"items()\"\n                      [valuePrimitive]=\"isValuePrimitive()\"\n                      [disabled]=\"disabled()\"\n                      [readonly]=\"readonly()\"\n                      [popupSettings]=\"buildPopupSettings()\"\n                      [itemDisabled]=\"onItemDisabled()\"\n                      [defaultItem]=\"defaultItem()\"\n                      [listHeight]=\"listHeight()\"\n                      [value]=\"selectedItem()\"\n                      (open)=\"onOpen()\"\n                      (close)=\"onClose()\"\n                      (selectionChange)=\"onItemSelect($event)\">\n    <ng-template kendoDropDownListValueTemplate\n                 let-dataItem>\n      @if (kitDropdownValueTemplate) {\n        <div class=\"value-text\">\n          <ng-container *ngTemplateOutlet=\"kitDropdownValueTemplate; context: { $implicit: dataItem }\"\n          ></ng-container>\n        </div>\n      } @else {\n        <span class=\"value-text\">{{ dataItem?.text }}</span>\n      }\n      <kit-svg-icon class=\"value-icon\"\n                    [icon]=\"toggleIcon()\"\n      ></kit-svg-icon>\n    </ng-template>\n    <ng-template kendoDropDownListItemTemplate\n                 let-dataItem>\n      @if (kitDropdownItemTemplate) {\n        <ng-container *ngTemplateOutlet=\"kitDropdownItemTemplate; context: { $implicit: dataItem }\"\n        ></ng-container>\n      } @else {\n        <kit-truncate-text class=\"option-text\">{{ dataItem?.text }}</kit-truncate-text>\n        <kit-svg-icon class=\"option-icon\"\n                      [icon]=\"KitSvgIcon.CHECK\"\n        ></kit-svg-icon>\n      }\n    </ng-template>\n    @if (footerTemplate()) {\n      <ng-template kendoDropDownListFooterTemplate>\n        <ng-container *ngTemplateOutlet=\"footerTemplate()\" />\n      </ng-template>\n    }\n    @if (noDataTemplate()) {\n      <ng-template kendoDropDownListNoDataTemplate>\n        <ng-container *ngTemplateOutlet=\"noDataTemplate()\" />\n      </ng-template>\n    }\n  </kendo-dropdownlist>\n  @if (messageText()) {\n    <kit-form-message [icon]=\"messageIcon()\"\n                      [message]=\"messageText()\"\n    ></kit-form-message>\n  }\n</div>\n", styles: [".kit-dropdown.default .dropdown{height:40px;border-radius:8px}.kit-dropdown.default .k-input-inner{padding:0 12px}.kit-dropdown.small .dropdown{height:32px;border-radius:4px}.kit-dropdown.small .k-input-inner{padding:0 8px}.kit-dropdown .label{display:block;margin-bottom:4px}.kit-dropdown .k-input-value-text{display:flex;align-items:center;height:100%;font-size:14px;font-weight:400;color:var(--ui-kit-color-grey-12)}.kit-dropdown .k-input-button{display:none}.kit-dropdown .dropdown{width:100%;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-dropdown .dropdown:hover{border-color:var(--ui-kit-color-hover)}.kit-dropdown .dropdown:focus-within{box-shadow:none}.kit-dropdown .dropdown.k-focus{box-shadow:none}.kit-dropdown .dropdown.has-value .k-input-value-text{color:var(--ui-kit-color-grey-10)}.kit-dropdown .dropdown.expanded .value-icon{transform:rotate(180deg)}.kit-dropdown .dropdown .value{display:flex;align-items:center}.kit-dropdown .dropdown .value-text{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.kit-dropdown .dropdown .value-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12);stroke:none}.kit-dropdown:focus-within .dropdown{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-dropdown.disabled .dropdown{opacity:1;filter:none;background-color:var(--ui-kit-color-grey-13)}.kit-dropdown.disabled .k-input-value-text,.kit-dropdown.disabled .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.disabled .value-icon{fill:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly{background:none}.kit-dropdown.readonly .dropdown{cursor:default}.kit-dropdown.readonly .k-input-value-text,.kit-dropdown.readonly .has-value .k-input-value-text{color:var(--ui-kit-color-grey-12)}.kit-dropdown.readonly:focus-within .dropdown{border-color:var(--ui-kit-color-grey-11);box-shadow:none}.kit-dropdown.readonly:hover .dropdown{border-color:var(--ui-kit-color-grey-11)}.kit-dropdown.invalid .dropdown{border-color:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .value-icon{fill:var(--ui-kit-color-red-1)}.kit-dropdown.invalid .kit-form-message-text{color:var(--ui-kit-color-red-1)}.kit-dropdown-popup.k-popup{margin-top:10px;padding:4px;border:none;border-radius:8px;box-shadow:0 9px 28px 8px #0000000d,0 3px 6px -4px #0000001f,0 6px 16px #00000014;background-color:var(--ui-kit-color-white)}.kit-dropdown-popup.k-popup.collapsed-list-popup{max-width:360px}.kit-dropdown-popup.k-popup.kit-dropdown-popup-default-item .k-list-optionlabel{display:flex}.kit-dropdown-popup.k-popup .k-list-optionlabel{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel,.kit-dropdown-popup.k-popup .k-list-item{padding:6px 12px;background-color:var(--ui-kit-color-white);font-size:14px;font-weight:400;box-shadow:none;border-radius:4px;color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-list-optionlabel:before,.kit-dropdown-popup.k-popup .k-list-item.k-list-optionlabel:before{display:none}.kit-dropdown-popup.k-popup .k-list-optionlabel:hover,.kit-dropdown-popup.k-popup .k-list-optionlabel.k-focus:hover,.kit-dropdown-popup.k-popup .k-list-item:hover,.kit-dropdown-popup.k-popup .k-list-item.k-focus:hover{color:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-text,.kit-dropdown-popup.k-popup .k-list-item .option-text{flex:1;min-width:0}.kit-dropdown-popup.k-popup .k-list-optionlabel .option-icon,.kit-dropdown-popup.k-popup .k-list-item .option-icon{flex-shrink:0;display:none;width:16px;height:16px;fill:none;stroke:var(--ui-kit-color-main)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected,.kit-dropdown-popup.k-popup .k-list-item.k-selected{background-color:var(--ui-kit-color-grey-13);color:var(--ui-kit-color-grey-10)}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-selected .option-icon,.kit-dropdown-popup.k-popup .k-list-item.k-selected .option-icon{display:block}.kit-dropdown-popup.k-popup .k-list-optionlabel.k-disabled,.kit-dropdown-popup.k-popup .k-list-item.k-disabled{color:var(--ui-kit-color-grey-12)}\n"] }]
         }], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], selectedItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedItem", required: false }] }, { type: i0.Output, args: ["selectedItemChange"] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], messageIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageIcon", required: false }] }], messageText: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageText", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], defaultItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultItem", required: false }] }], listHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "listHeight", required: false }] }], hideDefaultItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideDefaultItem", required: false }] }], toggleIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleIcon", required: false }] }], popupSettings: [{ type: i0.Input, args: [{ isSignal: true, alias: "popupSettings", required: false }] }], isValuePrimitive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isValuePrimitive", required: false }] }], footerTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "footerTemplate", required: false }] }], noDataTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "noDataTemplate", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }], kitDropdownValueTemplate: [{
                 type: ContentChild,
                 args: ['kitDropdownValueTemplate', { read: TemplateRef }]
@@ -7459,9 +7459,6 @@ class KitGridComponent {
         };
         return this.pageable && pagerSettings || false;
     }
-    saveAsPDF() {
-        this.gridComponent?.saveAsPDF();
-    }
     saveAsExcel() {
         this.gridComponent?.saveAsExcel();
     }
@@ -7681,7 +7678,7 @@ class KitGridComponent {
             { provide: L10N_PREFIX, useValue: '' },
             PagerContextService,
             PagerNavigationService,
-        ], queries: [{ propertyName: "columnMarkersContent", predicate: KIT_GRID_COLUMN_MARKER, isSignal: true }], viewQueries: [{ propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true, isSignal: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true, isSignal: true }, { propertyName: "gridComponent", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: "@if (data()) {\n  <div class=\"kit-grid\"\n       kendoDragTargetContainer\n       kendoDropTargetContainer\n       dragTargetFilter=\".k-master-row\"\n       dropTargetFilter=\".k-master-row\"\n       dragHandle=\".k-master-row\"\n       [dragDisabled]=\"!rowReorderable()\"\n       [dropDisabled]=\"!rowReorderable()\"\n       [dragData]=\"dragData\"\n       [hint]=\"{ hintClass: 'kit-grid-row-hint' }\"\n       (onDragOver)=\"onRowDragOver($event)\"\n       (onRelease)=\"onDragRelease()\"\n       (onDrop)=\"onDrop()\">\n    <kendo-grid kendoGridExpandDetailsBy\n                [class.kit-grid--radio]=\"isRadioColumn()\"\n                [data]=\"renderedData() ?? null\"\n                [sortable]=\"sortable\"\n                [sort]=\"sort\"\n                [rowClass]=\"getCssRowClass\"\n                [pageable]=\"getPagerSettings()\"\n                [pageSize]=\"pageSize\"\n                [skip]=\"skip()\"\n                [loading]=\"loading()\"\n                [resizable]=\"resizable()\"\n                [(expandedDetailKeys)]=\"expandedRows\"\n                [kendoGridSelectBy]=\"selectByField() || ''\"\n                [isRowSelectable]=\"isRowSelectable.bind(this)\"\n                [selectable]=\"selectableSettings()\"\n                (cellClick)=\"onCellClick($event)\"\n                (detailExpand)=\"onDetailExpand($event)\"\n                (detailCollapse)=\"onDetailCollapse($event)\"\n                (sortChange)=\"onSortChange($event)\"\n                (pageChange)=\"onPageChange($event)\"\n                (dataStateChange)=\"onDataStateChange($event)\"\n                [selectedKeys]=\"selectedKeys()\"\n                (selectedKeysChange)=\"onSelectedKeysChange($event)\"\n                (selectionChange)=\"onSelectionChanged($event)\"\n                (excelExport)=\"excelExport.emit($event)\">\n      @for (column of columnMarkers(); track $index) {\n        @if (isCheckboxColumn(column)) {\n          <kendo-grid-checkbox-column [width]=\"column.width()\"\n                                      [showSelectAll]=\"!isRadioColumn() && column.showSelectAll()\">\n            @if (!isRadioColumn() && column.showSelectAll()) {\n              <ng-template kendoGridHeaderTemplate>\n                <div class=\"kit-grid-select-all\">\n                  <kit-checkbox [checked]=\"headerCheckboxState() === 'checked'\"\n                                [indeterminate]=\"headerCheckboxState() === 'indeterminate'\"\n                                [disabled]=\"isHeaderCheckboxDisabled()\"\n                                (changed)=\"onHeaderCheckboxChanged($event)\">\n                  </kit-checkbox>\n                </div>\n              </ng-template>\n            }\n          </kendo-grid-checkbox-column>\n        } @else {\n          <kendo-grid-column [field]=\"column.field\"\n                             [sortable]=\"column.sortable\"\n                             [hidden]=\"column.hidden\"\n                             [width]=\"column.width\">\n            <ng-template kendoGridHeaderTemplate>\n              <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n              ></ng-container>\n            </ng-template>\n\n            @if (column.cellTemplate) {\n              <ng-template kendoGridCellTemplate\n                           let-dataItem>\n                <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n                ></ng-container>\n              </ng-template>\n            }\n\n            @if (showFooter) {\n              <ng-template kendoGridFooterTemplate>\n                <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n              </ng-template>\n            }\n          </kendo-grid-column>\n\n          @if (gridDetailTemplate()) {\n            <ng-template kendoGridDetailTemplate\n                         let-dataItem\n                         [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n              <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n              ></ng-container>\n            </ng-template>\n          }\n        }\n      }\n      <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n      <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n                      [allPages]=\"pdfOptions.allPages\"\n                      [paperSize]=\"pdfOptions.paperSize\"\n                      [scale]=\"pdfOptions.scale\"\n                      [landscape]=\"pdfOptions.landscape\"\n                      [repeatHeaders]=\"true\" />\n\n      <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n      <kendo-grid-messages [pagerItems]=\"pagerInfoText()\"\n                           [pagerOf]=\"'of'\"\n                           [noRecords]=\"noRecordsText()\">\n      </kendo-grid-messages>\n    </kendo-grid>\n  </div>\n}\n\n@if (gridDataBinding()) {\n  <div class=\"kit-grid\"\n       kendoDragTargetContainer\n       kendoDropTargetContainer\n       dragTargetFilter=\".k-master-row\"\n       dropTargetFilter=\".k-master-row\"\n       dragHandle=\".k-master-row\"\n       [dragDisabled]=\"!rowReorderable()\"\n       [dropDisabled]=\"!rowReorderable()\"\n       [dragData]=\"dragData\"\n       [hint]=\"{ hintClass: 'kit-grid-row-hint' }\"\n       (onDragOver)=\"onRowDragOver($event)\"\n       (onRelease)=\"onDragRelease()\"\n       (onDrop)=\"onDrop()\">\n    <kendo-grid kendoGridExpandDetailsBy\n                [class.kit-grid--radio]=\"isRadioColumn()\"\n                [kendoGridBinding]=\"renderedGridDataBinding() ?? []\"\n                [rowClass]=\"getCssRowClass\"\n                [pageable]=\"getPagerSettings()\"\n                [pageSize]=\"pageSize\"\n                [sortable]=\"sortable\"\n                [sort]=\"sort\"\n                [skip]=\"skip()\"\n                [loading]=\"loading()\"\n                [resizable]=\"resizable()\"\n                [(expandedDetailKeys)]=\"expandedRows\"\n                [kendoGridSelectBy]=\"selectByField() || ''\"\n                [isRowSelectable]=\"isRowSelectable.bind(this)\"\n                [selectable]=\"selectableSettings()\"\n                (cellClick)=\"onCellClick($event)\"\n                (detailExpand)=\"onDetailExpand($event)\"\n                (detailCollapse)=\"onDetailCollapse($event)\"\n                (pageChange)=\"onPageChange($event)\"\n                (sortChange)=\"onSortChange($event)\"\n                (dataStateChange)=\"onDataStateChange($event)\"\n                [selectedKeys]=\"selectedKeys()\"\n                (selectedKeysChange)=\"onSelectedKeysChange($event)\"\n                (selectionChange)=\"onSelectionChanged($event)\"\n                (excelExport)=\"excelExport.emit($event)\">\n      @for (column of columnMarkers(); track $index) {\n        @if (isCheckboxColumn(column)) {\n          <kendo-grid-checkbox-column [width]=\"column.width()\"\n                                      [showSelectAll]=\"!isRadioColumn() && column.showSelectAll()\">\n            @if (!isRadioColumn() && column.showSelectAll()) {\n              <ng-template kendoGridHeaderTemplate>\n                <div class=\"kit-grid-select-all\">\n                  <kit-checkbox [checked]=\"headerCheckboxState() === 'checked'\"\n                                [indeterminate]=\"headerCheckboxState() === 'indeterminate'\"\n                                [disabled]=\"isHeaderCheckboxDisabled()\"\n                                (changed)=\"onHeaderCheckboxChanged($event)\">\n                  </kit-checkbox>\n                </div>\n              </ng-template>\n            }\n          </kendo-grid-checkbox-column>\n        } @else {\n          <kendo-grid-column [field]=\"column.field\"\n                             [sortable]=\"column.sortable\"\n                             [hidden]=\"column.hidden\"\n                             [width]=\"column.width\">\n            @if (column.cellTemplate) {\n              <ng-template kendoGridCellTemplate\n                           let-dataItem>\n                <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n                ></ng-container>\n              </ng-template>\n            }\n\n            <ng-template kendoGridHeaderTemplate>\n              <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n              ></ng-container>\n            </ng-template>\n\n            @if (showFooter) {\n              <ng-template kendoGridFooterTemplate>\n                <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n              </ng-template>\n            }\n          </kendo-grid-column>\n\n          @if (gridDetailTemplate()) {\n            <ng-template kendoGridDetailTemplate\n                         let-dataItem\n                         [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n              <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n              ></ng-container>\n            </ng-template>\n          }\n        }\n      }\n      <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n      <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n                      [allPages]=\"pdfOptions.allPages\"\n                      [paperSize]=\"pdfOptions.paperSize\"\n                      [scale]=\"pdfOptions.scale\"\n                      [landscape]=\"pdfOptions.landscape\"\n                      [repeatHeaders]=\"true\" />\n\n      <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n      <kendo-grid-messages pagerOf=\"of\"\n                           [pagerItems]=\"pagerInfoText()\"\n                           [noRecords]=\"noRecordsText()\">\n      </kendo-grid-messages>\n    </kendo-grid>\n  </div>\n}\n\n<ng-template #columnHeaderTemplate\n             let-column>\n  <div class=\"grid-title\"\n       [class.sortable]=\"isColumnSortable(column)\">\n    @if (column.titleIcon) {\n      <kit-svg-icon class=\"grid-title-icon\"\n                    [icon]=\"column.titleIcon\"\n                    [ngClass]=\"column.titleIconType\"\n      ></kit-svg-icon>\n    }\n\n    <div class=\"grid-title-text\">\n      {{ column.title }}\n    </div>\n\n    @if (sortable && column.sortable) {\n      @switch (getSortingDirection(column.field)) {\n        @case (kitSortDirection.ASC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"kitSvgIcon.SORT_ASCENDING\"\n          ></kit-svg-icon>\n        }\n        @case (kitSortDirection.DESC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"kitSvgIcon.SORT_DESCENDING\"\n          ></kit-svg-icon>\n        }\n      }\n    }\n  </div>\n</ng-template>\n\n<ng-template #footerTemplate\n             let-column>\n  @if (columns(); as columns) {\n    @if (footerTitle && column === columns[0]) {\n      {{ footerTitle }}\n    } @else {\n      {{ footerData?.[column.field] || '' }}\n    }\n  }\n</ng-template>\n\n<ng-template #pagerTemplate\n             kendoPagerTemplate>\n  <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n  <kendo-pager-numeric-buttons></kendo-pager-numeric-buttons>\n  <kendo-pager-next-buttons></kendo-pager-next-buttons>\n  <kendo-pager-info></kendo-pager-info>\n</ng-template>\n", styles: [".kit-grid{height:100%}.kit-grid .kit-grid-select-all{display:flex;align-items:center;justify-content:center;width:100%}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid{border:none;background:none;max-height:100%}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-footer{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar{height:8px;width:8px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15);box-shadow:none}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row.k-selected>.k-table-td{background-color:var(--ui-kit-color-background)}.kit-grid ::ng-deep .k-table-row.kit-grid-row-dragging{position:relative;box-shadow:4px 4px 8px #0003}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px;box-shadow:none}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-checkbox-wrap{display:flex;align-items:center;justify-content:center}.kit-grid ::ng-deep .k-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-checkbox.k-indeterminate{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:hover:not(:disabled){border-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:focus,.kit-grid ::ng-deep .k-checkbox.k-focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-checkbox:checked,.kit-grid ::ng-deep .k-checkbox.k-checked{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:checked:disabled,.kit-grid ::ng-deep .k-checkbox.k-checked:disabled{border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-checkbox:disabled{border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:0;padding:20px 0;justify-content:flex-start;background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--ui-kit-color-grey-14);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{border-left-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:2px 0;color:var(--ui-kit-color-grey-10);border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button{width:32px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:after,.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:before{display:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:not(.k-selected):hover{background-color:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button-icon:before{content:\"\";display:flex;width:14px;height:14px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:currentcolor}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-chevron-left:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99976 10.3596L8.99976 9.48071C8.99976 9.42094 8.97046 9.36469 8.92241 9.32954L4.33335 6.00024L8.92241 2.67094C8.97046 2.63579 8.99976 2.57954 8.99976 2.51977L8.99976 1.64086C8.99976 1.56469 8.91304 1.52016 8.85093 1.56469L3.15444 5.69672C2.94819 5.84673 2.94819 6.15376 3.15444 6.30258L8.85093 10.4346C8.91304 10.4803 8.99976 10.4358 8.99976 10.3596Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99976 10.3596L8.99976 9.48071C8.99976 9.42094 8.97046 9.36469 8.92241 9.32954L4.33335 6.00024L8.92241 2.67094C8.97046 2.63579 8.99976 2.57954 8.99976 2.51977L8.99976 1.64086C8.99976 1.56469 8.91304 1.52016 8.85093 1.56469L3.15444 5.69672C2.94819 5.84673 2.94819 6.15376 3.15444 6.30258L8.85093 10.4346C8.91304 10.4803 8.99976 10.4358 8.99976 10.3596Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-chevron-right:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.99976 1.64041L2.99976 2.51932C2.99976 2.57909 3.02905 2.63534 3.0771 2.67049L7.66616 5.99979L3.0771 9.32909C3.02905 9.36424 2.99976 9.42049 2.99976 9.48026L2.99976 10.3592C2.99976 10.4353 3.08647 10.4799 3.14858 10.4353L8.84507 6.30331C9.05132 6.15331 9.05132 5.84627 8.84507 5.69745L3.14858 1.56541C3.08647 1.51971 2.99976 1.56424 2.99976 1.64041Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.99976 1.64041L2.99976 2.51932C2.99976 2.57909 3.02905 2.63534 3.0771 2.67049L7.66616 5.99979L3.0771 9.32909C3.02905 9.36424 2.99976 9.42049 2.99976 9.48026L2.99976 10.3592C2.99976 10.4353 3.08647 10.4799 3.14858 10.4353L8.84507 6.30331C9.05132 6.15331 9.05132 5.84627 8.84507 5.69745L3.14858 1.56541C3.08647 1.51971 2.99976 1.56424 2.99976 1.64041Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-caret-alt-to-left:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1' x2='1' y2='11' stroke='black' stroke-width='1'/%3E%3Cpath d='M9 10.36L9 9.48C9 9.42 8.97 9.36 8.92 9.33L4.33 6L8.92 2.67C8.97 2.64 9 2.58 9 2.52L9 1.64C9 1.56 8.91 1.52 8.85 1.56L3.15 5.7C2.95 5.85 2.95 6.15 3.15 6.3L8.85 10.43C8.91 10.48 9 10.44 9 10.36Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1' x2='1' y2='11' stroke='black' stroke-width='1'/%3E%3Cpath d='M9 10.36L9 9.48C9 9.42 8.97 9.36 8.92 9.33L4.33 6L8.92 2.67C8.97 2.64 9 2.58 9 2.52L9 1.64C9 1.56 8.91 1.52 8.85 1.56L3.15 5.7C2.95 5.85 2.95 6.15 3.15 6.3L8.85 10.43C8.91 10.48 9 10.44 9 10.36Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-caret-alt-to-right:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.64L3 2.52C3 2.58 3.03 2.64 3.08 2.67L7.67 6L3.08 9.33C3.03 9.36 3 9.42 3 9.48L3 10.36C3 10.44 3.09 10.48 3.15 10.43L8.85 6.3C9.05 6.15 9.05 5.85 8.85 5.7L3.15 1.56C3.09 1.52 3 1.56 3 1.64Z' fill='black'/%3E%3Cline x1='11' y1='1' x2='11' y2='11' stroke='black' stroke-width='1'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.64L3 2.52C3 2.58 3.03 2.64 3.08 2.67L7.67 6L3.08 9.33C3.03 9.36 3 9.42 3 9.48L3 10.36C3 10.44 3.09 10.48 3.15 10.43L8.85 6.3C9.05 6.15 9.05 5.85 8.85 5.7L3.15 1.56C3.09 1.52 3 1.56 3 1.64Z' fill='black'/%3E%3Cline x1='11' y1='1' x2='11' y2='11' stroke='black' stroke-width='1'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;border-radius:6px}.kit-grid ::ng-deep .k-pager-nav:before,.kit-grid ::ng-deep .k-pager-nav:after{display:none!important}.kit-grid ::ng-deep .k-pager-nav:not(.k-disabled):hover{background:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-info{flex:initial;border-radius:8px;background-color:#fff;padding:5px 16px}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox{padding:0 8px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11)}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox:focus-within{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-pager-input .k-input-inner{padding:0;height:30px}.kit-grid ::ng-deep .k-grid-aria-root{position:relative}.kit-grid ::ng-deep .k-loading-color{background:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .expand-disabled .k-hierarchy-cell a{pointer-events:none;opacity:.3}.kit-grid ::ng-deep .checkbox-hidden .k-checkbox-wrap{visibility:hidden}.kit-grid ::ng-deep .k-picker{height:32px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-picker:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-picker.k-focus{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-picker[aria-expanded=true] .k-svg-i-chevron-down:before{transform:rotate(180deg)}.kit-grid ::ng-deep .k-picker .k-svg-i-chevron-down:before{content:\"\\e088\";color:var(--ui-kit-color-grey-12);font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox{border-radius:50%}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:after{content:\"\";display:block;width:8px;height:8px;border-radius:50%;background-color:transparent;margin:auto;position:absolute;inset:0}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked{background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked:after,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked:after{background-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked:disabled:after,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked:disabled:after{background-color:var(--ui-kit-color-grey-11)}::ng-deep .kit-grid-row-hidden{display:none}::ng-deep .kit-grid-row-hint{overflow:hidden;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-shadow:0 10px 24px #11182724;z-index:10002!important}::ng-deep .kit-grid-row-hint .k-table-td{min-width:170px;padding:10px 8px;border-color:var(--ui-kit-color-grey-11);color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-white)}::ng-deep .kit-grid.k-grid:has(.k-grid-norecords) .k-pager-numbers-wrap{display:none}::ng-deep .k-animation-container .k-list-item.k-selected{background-color:var(--ui-kit-color-main);color:var(--ui-kit-color-white)}::ng-deep .k-animation-container .k-list-item:hover:not(.k-selected){color:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "ngmodule", type: GridModule }, { kind: "component", type: i1$d.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode", "pinnable", "pinnedTopRows", "pinnedBottomRows", "isRowPinnable"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "rowPinChange", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "csvExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i1$d.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "directive", type: i1$d.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i1$d.CustomMessagesComponent, selector: "kendo-grid-messages" }, { kind: "directive", type: i1$d.ExpandDetailsDirective, selector: "[kendoGridExpandDetailsBy]", inputs: ["kendoGridExpandDetailsBy", "expandDetailBy", "expandedDetailKeys", "initiallyExpanded"], outputs: ["expandedDetailKeysChange"], exportAs: ["kendoGridExpandDetailsBy"] }, { kind: "component", type: i1$d.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i1$d.FooterTemplateDirective, selector: "[kendoGridFooterTemplate]" }, { kind: "directive", type: i1$d.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "component", type: i1$d.CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll", "showDisabledCheckbox"] }, { kind: "directive", type: i1$d.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i1$d.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "component", type: i2.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i2.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i2.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i2.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i2.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "checked", "readonly", "state", "messageIcon", "messageText", "indeterminate"], outputs: ["changed"] }, { kind: "ngmodule", type: ExcelModule }, { kind: "component", type: i1$d.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"], outputs: ["fileCreated"] }, { kind: "ngmodule", type: PDFModule }, { kind: "component", type: i1$d.PDFComponent, selector: "kendo-grid-pdf", inputs: ["allPages", "delay"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: i3.DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "columnMarkersContent", predicate: KIT_GRID_COLUMN_MARKER, isSignal: true }], viewQueries: [{ propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true, isSignal: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true, isSignal: true }, { propertyName: "gridComponent", first: true, predicate: GridComponent, descendants: true }], ngImport: i0, template: "@if (data()) {\n  <div class=\"kit-grid\"\n       kendoDragTargetContainer\n       kendoDropTargetContainer\n       dragTargetFilter=\".k-master-row\"\n       dropTargetFilter=\".k-master-row\"\n       dragHandle=\".k-master-row\"\n       [dragDisabled]=\"!rowReorderable()\"\n       [dropDisabled]=\"!rowReorderable()\"\n       [dragData]=\"dragData\"\n       [hint]=\"{ hintClass: 'kit-grid-row-hint' }\"\n       (onDragOver)=\"onRowDragOver($event)\"\n       (onRelease)=\"onDragRelease()\"\n       (onDrop)=\"onDrop()\">\n    <kendo-grid kendoGridExpandDetailsBy\n                [class.kit-grid--radio]=\"isRadioColumn()\"\n                [data]=\"renderedData() ?? null\"\n                [sortable]=\"sortable\"\n                [sort]=\"sort\"\n                [rowClass]=\"getCssRowClass\"\n                [pageable]=\"getPagerSettings()\"\n                [pageSize]=\"pageSize\"\n                [skip]=\"skip()\"\n                [loading]=\"loading()\"\n                [resizable]=\"resizable()\"\n                [(expandedDetailKeys)]=\"expandedRows\"\n                [kendoGridSelectBy]=\"selectByField() || ''\"\n                [isRowSelectable]=\"isRowSelectable.bind(this)\"\n                [selectable]=\"selectableSettings()\"\n                (cellClick)=\"onCellClick($event)\"\n                (detailExpand)=\"onDetailExpand($event)\"\n                (detailCollapse)=\"onDetailCollapse($event)\"\n                (sortChange)=\"onSortChange($event)\"\n                (pageChange)=\"onPageChange($event)\"\n                (dataStateChange)=\"onDataStateChange($event)\"\n                [selectedKeys]=\"selectedKeys()\"\n                (selectedKeysChange)=\"onSelectedKeysChange($event)\"\n                (selectionChange)=\"onSelectionChanged($event)\"\n                (excelExport)=\"excelExport.emit($event)\">\n      @for (column of columnMarkers(); track $index) {\n        @if (isCheckboxColumn(column)) {\n          <kendo-grid-checkbox-column [width]=\"column.width()\"\n                                      [showSelectAll]=\"!isRadioColumn() && column.showSelectAll()\">\n            @if (!isRadioColumn() && column.showSelectAll()) {\n              <ng-template kendoGridHeaderTemplate>\n                <div class=\"kit-grid-select-all\">\n                  <kit-checkbox [checked]=\"headerCheckboxState() === 'checked'\"\n                                [indeterminate]=\"headerCheckboxState() === 'indeterminate'\"\n                                [disabled]=\"isHeaderCheckboxDisabled()\"\n                                (changed)=\"onHeaderCheckboxChanged($event)\">\n                  </kit-checkbox>\n                </div>\n              </ng-template>\n            }\n          </kendo-grid-checkbox-column>\n        } @else {\n          <kendo-grid-column [field]=\"column.field\"\n                             [sortable]=\"column.sortable\"\n                             [hidden]=\"column.hidden\"\n                             [width]=\"column.width\">\n            <ng-template kendoGridHeaderTemplate>\n              <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n              ></ng-container>\n            </ng-template>\n\n            @if (column.cellTemplate) {\n              <ng-template kendoGridCellTemplate\n                           let-dataItem>\n                <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n                ></ng-container>\n              </ng-template>\n            }\n\n            @if (showFooter) {\n              <ng-template kendoGridFooterTemplate>\n                <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n              </ng-template>\n            }\n          </kendo-grid-column>\n\n          @if (gridDetailTemplate()) {\n            <ng-template kendoGridDetailTemplate\n                         let-dataItem\n                         [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n              <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n              ></ng-container>\n            </ng-template>\n          }\n        }\n      }\n      <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n\n      <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n      <kendo-grid-messages [pagerItems]=\"pagerInfoText()\"\n                           [pagerOf]=\"'of'\"\n                           [noRecords]=\"noRecordsText()\">\n      </kendo-grid-messages>\n    </kendo-grid>\n  </div>\n}\n\n@if (gridDataBinding()) {\n  <div class=\"kit-grid\"\n       kendoDragTargetContainer\n       kendoDropTargetContainer\n       dragTargetFilter=\".k-master-row\"\n       dropTargetFilter=\".k-master-row\"\n       dragHandle=\".k-master-row\"\n       [dragDisabled]=\"!rowReorderable()\"\n       [dropDisabled]=\"!rowReorderable()\"\n       [dragData]=\"dragData\"\n       [hint]=\"{ hintClass: 'kit-grid-row-hint' }\"\n       (onDragOver)=\"onRowDragOver($event)\"\n       (onRelease)=\"onDragRelease()\"\n       (onDrop)=\"onDrop()\">\n    <kendo-grid kendoGridExpandDetailsBy\n                [class.kit-grid--radio]=\"isRadioColumn()\"\n                [kendoGridBinding]=\"renderedGridDataBinding() ?? []\"\n                [rowClass]=\"getCssRowClass\"\n                [pageable]=\"getPagerSettings()\"\n                [pageSize]=\"pageSize\"\n                [sortable]=\"sortable\"\n                [sort]=\"sort\"\n                [skip]=\"skip()\"\n                [loading]=\"loading()\"\n                [resizable]=\"resizable()\"\n                [(expandedDetailKeys)]=\"expandedRows\"\n                [kendoGridSelectBy]=\"selectByField() || ''\"\n                [isRowSelectable]=\"isRowSelectable.bind(this)\"\n                [selectable]=\"selectableSettings()\"\n                (cellClick)=\"onCellClick($event)\"\n                (detailExpand)=\"onDetailExpand($event)\"\n                (detailCollapse)=\"onDetailCollapse($event)\"\n                (pageChange)=\"onPageChange($event)\"\n                (sortChange)=\"onSortChange($event)\"\n                (dataStateChange)=\"onDataStateChange($event)\"\n                [selectedKeys]=\"selectedKeys()\"\n                (selectedKeysChange)=\"onSelectedKeysChange($event)\"\n                (selectionChange)=\"onSelectionChanged($event)\"\n                (excelExport)=\"excelExport.emit($event)\">\n      @for (column of columnMarkers(); track $index) {\n        @if (isCheckboxColumn(column)) {\n          <kendo-grid-checkbox-column [width]=\"column.width()\"\n                                      [showSelectAll]=\"!isRadioColumn() && column.showSelectAll()\">\n            @if (!isRadioColumn() && column.showSelectAll()) {\n              <ng-template kendoGridHeaderTemplate>\n                <div class=\"kit-grid-select-all\">\n                  <kit-checkbox [checked]=\"headerCheckboxState() === 'checked'\"\n                                [indeterminate]=\"headerCheckboxState() === 'indeterminate'\"\n                                [disabled]=\"isHeaderCheckboxDisabled()\"\n                                (changed)=\"onHeaderCheckboxChanged($event)\">\n                  </kit-checkbox>\n                </div>\n              </ng-template>\n            }\n          </kendo-grid-checkbox-column>\n        } @else {\n          <kendo-grid-column [field]=\"column.field\"\n                             [sortable]=\"column.sortable\"\n                             [hidden]=\"column.hidden\"\n                             [width]=\"column.width\">\n            @if (column.cellTemplate) {\n              <ng-template kendoGridCellTemplate\n                           let-dataItem>\n                <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n                ></ng-container>\n              </ng-template>\n            }\n\n            <ng-template kendoGridHeaderTemplate>\n              <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n              ></ng-container>\n            </ng-template>\n\n            @if (showFooter) {\n              <ng-template kendoGridFooterTemplate>\n                <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n              </ng-template>\n            }\n          </kendo-grid-column>\n\n          @if (gridDetailTemplate()) {\n            <ng-template kendoGridDetailTemplate\n                         let-dataItem\n                         [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n              <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n              ></ng-container>\n            </ng-template>\n          }\n        }\n      }\n      <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n\n      <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n      <kendo-grid-messages pagerOf=\"of\"\n                           [pagerItems]=\"pagerInfoText()\"\n                           [noRecords]=\"noRecordsText()\">\n      </kendo-grid-messages>\n    </kendo-grid>\n  </div>\n}\n\n<ng-template #columnHeaderTemplate\n             let-column>\n  <div class=\"grid-title\"\n       [class.sortable]=\"isColumnSortable(column)\">\n    @if (column.titleIcon) {\n      <kit-svg-icon class=\"grid-title-icon\"\n                    [icon]=\"column.titleIcon\"\n                    [ngClass]=\"column.titleIconType\"\n      ></kit-svg-icon>\n    }\n\n    <div class=\"grid-title-text\">\n      {{ column.title }}\n    </div>\n\n    @if (sortable && column.sortable) {\n      @switch (getSortingDirection(column.field)) {\n        @case (kitSortDirection.ASC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"kitSvgIcon.SORT_ASCENDING\"\n          ></kit-svg-icon>\n        }\n        @case (kitSortDirection.DESC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"kitSvgIcon.SORT_DESCENDING\"\n          ></kit-svg-icon>\n        }\n      }\n    }\n  </div>\n</ng-template>\n\n<ng-template #footerTemplate\n             let-column>\n  @if (columns(); as columns) {\n    @if (footerTitle && column === columns[0]) {\n      {{ footerTitle }}\n    } @else {\n      {{ footerData?.[column.field] || '' }}\n    }\n  }\n</ng-template>\n\n<ng-template #pagerTemplate\n             kendoPagerTemplate>\n  <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n  <kendo-pager-numeric-buttons></kendo-pager-numeric-buttons>\n  <kendo-pager-next-buttons></kendo-pager-next-buttons>\n  <kendo-pager-info></kendo-pager-info>\n</ng-template>\n", styles: [".kit-grid{height:100%}.kit-grid .kit-grid-select-all{display:flex;align-items:center;justify-content:center;width:100%}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid{border:none;background:none;max-height:100%}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-footer{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar{height:8px;width:8px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15);box-shadow:none}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row.k-selected>.k-table-td{background-color:var(--ui-kit-color-background)}.kit-grid ::ng-deep .k-table-row.kit-grid-row-dragging{position:relative;box-shadow:4px 4px 8px #0003}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px;box-shadow:none}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-checkbox-wrap{display:flex;align-items:center;justify-content:center}.kit-grid ::ng-deep .k-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-checkbox.k-indeterminate{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:hover:not(:disabled){border-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:focus,.kit-grid ::ng-deep .k-checkbox.k-focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-checkbox:checked,.kit-grid ::ng-deep .k-checkbox.k-checked{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:checked:disabled,.kit-grid ::ng-deep .k-checkbox.k-checked:disabled{border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-checkbox:disabled{border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:0;padding:20px 0;justify-content:flex-start;background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--ui-kit-color-grey-14);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{border-left-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:2px 0;color:var(--ui-kit-color-grey-10);border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button{width:32px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:after,.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:before{display:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:not(.k-selected):hover{background-color:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button-icon:before{content:\"\";display:flex;width:14px;height:14px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:currentcolor}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-chevron-left:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99976 10.3596L8.99976 9.48071C8.99976 9.42094 8.97046 9.36469 8.92241 9.32954L4.33335 6.00024L8.92241 2.67094C8.97046 2.63579 8.99976 2.57954 8.99976 2.51977L8.99976 1.64086C8.99976 1.56469 8.91304 1.52016 8.85093 1.56469L3.15444 5.69672C2.94819 5.84673 2.94819 6.15376 3.15444 6.30258L8.85093 10.4346C8.91304 10.4803 8.99976 10.4358 8.99976 10.3596Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99976 10.3596L8.99976 9.48071C8.99976 9.42094 8.97046 9.36469 8.92241 9.32954L4.33335 6.00024L8.92241 2.67094C8.97046 2.63579 8.99976 2.57954 8.99976 2.51977L8.99976 1.64086C8.99976 1.56469 8.91304 1.52016 8.85093 1.56469L3.15444 5.69672C2.94819 5.84673 2.94819 6.15376 3.15444 6.30258L8.85093 10.4346C8.91304 10.4803 8.99976 10.4358 8.99976 10.3596Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-chevron-right:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.99976 1.64041L2.99976 2.51932C2.99976 2.57909 3.02905 2.63534 3.0771 2.67049L7.66616 5.99979L3.0771 9.32909C3.02905 9.36424 2.99976 9.42049 2.99976 9.48026L2.99976 10.3592C2.99976 10.4353 3.08647 10.4799 3.14858 10.4353L8.84507 6.30331C9.05132 6.15331 9.05132 5.84627 8.84507 5.69745L3.14858 1.56541C3.08647 1.51971 2.99976 1.56424 2.99976 1.64041Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.99976 1.64041L2.99976 2.51932C2.99976 2.57909 3.02905 2.63534 3.0771 2.67049L7.66616 5.99979L3.0771 9.32909C3.02905 9.36424 2.99976 9.42049 2.99976 9.48026L2.99976 10.3592C2.99976 10.4353 3.08647 10.4799 3.14858 10.4353L8.84507 6.30331C9.05132 6.15331 9.05132 5.84627 8.84507 5.69745L3.14858 1.56541C3.08647 1.51971 2.99976 1.56424 2.99976 1.64041Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-caret-alt-to-left:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1' x2='1' y2='11' stroke='black' stroke-width='1'/%3E%3Cpath d='M9 10.36L9 9.48C9 9.42 8.97 9.36 8.92 9.33L4.33 6L8.92 2.67C8.97 2.64 9 2.58 9 2.52L9 1.64C9 1.56 8.91 1.52 8.85 1.56L3.15 5.7C2.95 5.85 2.95 6.15 3.15 6.3L8.85 10.43C8.91 10.48 9 10.44 9 10.36Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1' x2='1' y2='11' stroke='black' stroke-width='1'/%3E%3Cpath d='M9 10.36L9 9.48C9 9.42 8.97 9.36 8.92 9.33L4.33 6L8.92 2.67C8.97 2.64 9 2.58 9 2.52L9 1.64C9 1.56 8.91 1.52 8.85 1.56L3.15 5.7C2.95 5.85 2.95 6.15 3.15 6.3L8.85 10.43C8.91 10.48 9 10.44 9 10.36Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-caret-alt-to-right:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.64L3 2.52C3 2.58 3.03 2.64 3.08 2.67L7.67 6L3.08 9.33C3.03 9.36 3 9.42 3 9.48L3 10.36C3 10.44 3.09 10.48 3.15 10.43L8.85 6.3C9.05 6.15 9.05 5.85 8.85 5.7L3.15 1.56C3.09 1.52 3 1.56 3 1.64Z' fill='black'/%3E%3Cline x1='11' y1='1' x2='11' y2='11' stroke='black' stroke-width='1'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.64L3 2.52C3 2.58 3.03 2.64 3.08 2.67L7.67 6L3.08 9.33C3.03 9.36 3 9.42 3 9.48L3 10.36C3 10.44 3.09 10.48 3.15 10.43L8.85 6.3C9.05 6.15 9.05 5.85 8.85 5.7L3.15 1.56C3.09 1.52 3 1.56 3 1.64Z' fill='black'/%3E%3Cline x1='11' y1='1' x2='11' y2='11' stroke='black' stroke-width='1'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;border-radius:6px}.kit-grid ::ng-deep .k-pager-nav:before,.kit-grid ::ng-deep .k-pager-nav:after{display:none!important}.kit-grid ::ng-deep .k-pager-nav:not(.k-disabled):hover{background:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-info{flex:initial;border-radius:8px;background-color:#fff;padding:5px 16px}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox{padding:0 8px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11)}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox:focus-within{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-pager-input .k-input-inner{padding:0;height:30px}.kit-grid ::ng-deep .k-grid-aria-root{position:relative}.kit-grid ::ng-deep .k-loading-color{background:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .expand-disabled .k-hierarchy-cell a{pointer-events:none;opacity:.3}.kit-grid ::ng-deep .checkbox-hidden .k-checkbox-wrap{visibility:hidden}.kit-grid ::ng-deep .k-picker{height:32px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-picker:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-picker.k-focus{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-picker[aria-expanded=true] .k-svg-i-chevron-down:before{transform:rotate(180deg)}.kit-grid ::ng-deep .k-picker .k-svg-i-chevron-down:before{content:\"\\e088\";color:var(--ui-kit-color-grey-12);font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox{border-radius:50%}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:after{content:\"\";display:block;width:8px;height:8px;border-radius:50%;background-color:transparent;margin:auto;position:absolute;inset:0}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked{background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked:after,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked:after{background-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked:disabled:after,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked:disabled:after{background-color:var(--ui-kit-color-grey-11)}::ng-deep .kit-grid-row-hidden{display:none}::ng-deep .kit-grid-row-hint{overflow:hidden;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-shadow:0 10px 24px #11182724;z-index:10002!important}::ng-deep .kit-grid-row-hint .k-table-td{min-width:170px;padding:10px 8px;border-color:var(--ui-kit-color-grey-11);color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-white)}::ng-deep .kit-grid.k-grid:has(.k-grid-norecords) .k-pager-numbers-wrap{display:none}::ng-deep .k-animation-container .k-list-item.k-selected{background-color:var(--ui-kit-color-main);color:var(--ui-kit-color-white)}::ng-deep .k-animation-container .k-list-item:hover:not(.k-selected){color:var(--ui-kit-color-main)}\n"], dependencies: [{ kind: "ngmodule", type: GridModule }, { kind: "component", type: i1$d.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "adaptiveMode", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "gridResizable", "rowReorderable", "navigable", "autoSize", "rowClass", "rowSticky", "rowSelected", "isRowSelectable", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "showInactiveTools", "isDetailExpanded", "isGroupExpanded", "dataLayoutMode", "pinnable", "pinnedTopRows", "pinnedBottomRows", "isRowPinnable"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "rowPinChange", "dataStateChange", "gridStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "csvExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i1$d.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"], exportAs: ["kendoGridBinding"] }, { kind: "directive", type: i1$d.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i1$d.CustomMessagesComponent, selector: "kendo-grid-messages" }, { kind: "directive", type: i1$d.ExpandDetailsDirective, selector: "[kendoGridExpandDetailsBy]", inputs: ["kendoGridExpandDetailsBy", "expandDetailBy", "expandedDetailKeys", "initiallyExpanded"], outputs: ["expandedDetailKeysChange"], exportAs: ["kendoGridExpandDetailsBy"] }, { kind: "component", type: i1$d.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterVariant", "filterable", "editable"] }, { kind: "directive", type: i1$d.FooterTemplateDirective, selector: "[kendoGridFooterTemplate]" }, { kind: "directive", type: i1$d.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "component", type: i1$d.CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll", "showDisabledCheckbox"] }, { kind: "directive", type: i1$d.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i1$d.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "component", type: i2.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i2.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i2.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i2.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i2.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: KitSvgIconComponent, selector: "kit-svg-icon", inputs: ["icon", "iconClass"] }, { kind: "component", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "checked", "readonly", "state", "messageIcon", "messageText", "indeterminate"], outputs: ["changed"] }, { kind: "ngmodule", type: ExcelModule }, { kind: "component", type: i1$d.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"], outputs: ["fileCreated"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: i3.DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitGridComponent, decorators: [{
             type: Component,
@@ -7690,7 +7687,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                         KitSvgIconComponent,
                         KitCheckboxComponent,
                         ExcelModule,
-                        PDFModule,
                         NgClass,
                         NgTemplateOutlet,
                         KENDO_DRAGANDDROP,
@@ -7699,7 +7695,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                         { provide: L10N_PREFIX, useValue: '' },
                         PagerContextService,
                         PagerNavigationService,
-                    ], template: "@if (data()) {\n  <div class=\"kit-grid\"\n       kendoDragTargetContainer\n       kendoDropTargetContainer\n       dragTargetFilter=\".k-master-row\"\n       dropTargetFilter=\".k-master-row\"\n       dragHandle=\".k-master-row\"\n       [dragDisabled]=\"!rowReorderable()\"\n       [dropDisabled]=\"!rowReorderable()\"\n       [dragData]=\"dragData\"\n       [hint]=\"{ hintClass: 'kit-grid-row-hint' }\"\n       (onDragOver)=\"onRowDragOver($event)\"\n       (onRelease)=\"onDragRelease()\"\n       (onDrop)=\"onDrop()\">\n    <kendo-grid kendoGridExpandDetailsBy\n                [class.kit-grid--radio]=\"isRadioColumn()\"\n                [data]=\"renderedData() ?? null\"\n                [sortable]=\"sortable\"\n                [sort]=\"sort\"\n                [rowClass]=\"getCssRowClass\"\n                [pageable]=\"getPagerSettings()\"\n                [pageSize]=\"pageSize\"\n                [skip]=\"skip()\"\n                [loading]=\"loading()\"\n                [resizable]=\"resizable()\"\n                [(expandedDetailKeys)]=\"expandedRows\"\n                [kendoGridSelectBy]=\"selectByField() || ''\"\n                [isRowSelectable]=\"isRowSelectable.bind(this)\"\n                [selectable]=\"selectableSettings()\"\n                (cellClick)=\"onCellClick($event)\"\n                (detailExpand)=\"onDetailExpand($event)\"\n                (detailCollapse)=\"onDetailCollapse($event)\"\n                (sortChange)=\"onSortChange($event)\"\n                (pageChange)=\"onPageChange($event)\"\n                (dataStateChange)=\"onDataStateChange($event)\"\n                [selectedKeys]=\"selectedKeys()\"\n                (selectedKeysChange)=\"onSelectedKeysChange($event)\"\n                (selectionChange)=\"onSelectionChanged($event)\"\n                (excelExport)=\"excelExport.emit($event)\">\n      @for (column of columnMarkers(); track $index) {\n        @if (isCheckboxColumn(column)) {\n          <kendo-grid-checkbox-column [width]=\"column.width()\"\n                                      [showSelectAll]=\"!isRadioColumn() && column.showSelectAll()\">\n            @if (!isRadioColumn() && column.showSelectAll()) {\n              <ng-template kendoGridHeaderTemplate>\n                <div class=\"kit-grid-select-all\">\n                  <kit-checkbox [checked]=\"headerCheckboxState() === 'checked'\"\n                                [indeterminate]=\"headerCheckboxState() === 'indeterminate'\"\n                                [disabled]=\"isHeaderCheckboxDisabled()\"\n                                (changed)=\"onHeaderCheckboxChanged($event)\">\n                  </kit-checkbox>\n                </div>\n              </ng-template>\n            }\n          </kendo-grid-checkbox-column>\n        } @else {\n          <kendo-grid-column [field]=\"column.field\"\n                             [sortable]=\"column.sortable\"\n                             [hidden]=\"column.hidden\"\n                             [width]=\"column.width\">\n            <ng-template kendoGridHeaderTemplate>\n              <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n              ></ng-container>\n            </ng-template>\n\n            @if (column.cellTemplate) {\n              <ng-template kendoGridCellTemplate\n                           let-dataItem>\n                <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n                ></ng-container>\n              </ng-template>\n            }\n\n            @if (showFooter) {\n              <ng-template kendoGridFooterTemplate>\n                <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n              </ng-template>\n            }\n          </kendo-grid-column>\n\n          @if (gridDetailTemplate()) {\n            <ng-template kendoGridDetailTemplate\n                         let-dataItem\n                         [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n              <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n              ></ng-container>\n            </ng-template>\n          }\n        }\n      }\n      <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n      <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n                      [allPages]=\"pdfOptions.allPages\"\n                      [paperSize]=\"pdfOptions.paperSize\"\n                      [scale]=\"pdfOptions.scale\"\n                      [landscape]=\"pdfOptions.landscape\"\n                      [repeatHeaders]=\"true\" />\n\n      <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n      <kendo-grid-messages [pagerItems]=\"pagerInfoText()\"\n                           [pagerOf]=\"'of'\"\n                           [noRecords]=\"noRecordsText()\">\n      </kendo-grid-messages>\n    </kendo-grid>\n  </div>\n}\n\n@if (gridDataBinding()) {\n  <div class=\"kit-grid\"\n       kendoDragTargetContainer\n       kendoDropTargetContainer\n       dragTargetFilter=\".k-master-row\"\n       dropTargetFilter=\".k-master-row\"\n       dragHandle=\".k-master-row\"\n       [dragDisabled]=\"!rowReorderable()\"\n       [dropDisabled]=\"!rowReorderable()\"\n       [dragData]=\"dragData\"\n       [hint]=\"{ hintClass: 'kit-grid-row-hint' }\"\n       (onDragOver)=\"onRowDragOver($event)\"\n       (onRelease)=\"onDragRelease()\"\n       (onDrop)=\"onDrop()\">\n    <kendo-grid kendoGridExpandDetailsBy\n                [class.kit-grid--radio]=\"isRadioColumn()\"\n                [kendoGridBinding]=\"renderedGridDataBinding() ?? []\"\n                [rowClass]=\"getCssRowClass\"\n                [pageable]=\"getPagerSettings()\"\n                [pageSize]=\"pageSize\"\n                [sortable]=\"sortable\"\n                [sort]=\"sort\"\n                [skip]=\"skip()\"\n                [loading]=\"loading()\"\n                [resizable]=\"resizable()\"\n                [(expandedDetailKeys)]=\"expandedRows\"\n                [kendoGridSelectBy]=\"selectByField() || ''\"\n                [isRowSelectable]=\"isRowSelectable.bind(this)\"\n                [selectable]=\"selectableSettings()\"\n                (cellClick)=\"onCellClick($event)\"\n                (detailExpand)=\"onDetailExpand($event)\"\n                (detailCollapse)=\"onDetailCollapse($event)\"\n                (pageChange)=\"onPageChange($event)\"\n                (sortChange)=\"onSortChange($event)\"\n                (dataStateChange)=\"onDataStateChange($event)\"\n                [selectedKeys]=\"selectedKeys()\"\n                (selectedKeysChange)=\"onSelectedKeysChange($event)\"\n                (selectionChange)=\"onSelectionChanged($event)\"\n                (excelExport)=\"excelExport.emit($event)\">\n      @for (column of columnMarkers(); track $index) {\n        @if (isCheckboxColumn(column)) {\n          <kendo-grid-checkbox-column [width]=\"column.width()\"\n                                      [showSelectAll]=\"!isRadioColumn() && column.showSelectAll()\">\n            @if (!isRadioColumn() && column.showSelectAll()) {\n              <ng-template kendoGridHeaderTemplate>\n                <div class=\"kit-grid-select-all\">\n                  <kit-checkbox [checked]=\"headerCheckboxState() === 'checked'\"\n                                [indeterminate]=\"headerCheckboxState() === 'indeterminate'\"\n                                [disabled]=\"isHeaderCheckboxDisabled()\"\n                                (changed)=\"onHeaderCheckboxChanged($event)\">\n                  </kit-checkbox>\n                </div>\n              </ng-template>\n            }\n          </kendo-grid-checkbox-column>\n        } @else {\n          <kendo-grid-column [field]=\"column.field\"\n                             [sortable]=\"column.sortable\"\n                             [hidden]=\"column.hidden\"\n                             [width]=\"column.width\">\n            @if (column.cellTemplate) {\n              <ng-template kendoGridCellTemplate\n                           let-dataItem>\n                <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n                ></ng-container>\n              </ng-template>\n            }\n\n            <ng-template kendoGridHeaderTemplate>\n              <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n              ></ng-container>\n            </ng-template>\n\n            @if (showFooter) {\n              <ng-template kendoGridFooterTemplate>\n                <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n              </ng-template>\n            }\n          </kendo-grid-column>\n\n          @if (gridDetailTemplate()) {\n            <ng-template kendoGridDetailTemplate\n                         let-dataItem\n                         [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n              <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n              ></ng-container>\n            </ng-template>\n          }\n        }\n      }\n      <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n      <kendo-grid-pdf [fileName]=\"pdfOptions.fileName\"\n                      [allPages]=\"pdfOptions.allPages\"\n                      [paperSize]=\"pdfOptions.paperSize\"\n                      [scale]=\"pdfOptions.scale\"\n                      [landscape]=\"pdfOptions.landscape\"\n                      [repeatHeaders]=\"true\" />\n\n      <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n      <kendo-grid-messages pagerOf=\"of\"\n                           [pagerItems]=\"pagerInfoText()\"\n                           [noRecords]=\"noRecordsText()\">\n      </kendo-grid-messages>\n    </kendo-grid>\n  </div>\n}\n\n<ng-template #columnHeaderTemplate\n             let-column>\n  <div class=\"grid-title\"\n       [class.sortable]=\"isColumnSortable(column)\">\n    @if (column.titleIcon) {\n      <kit-svg-icon class=\"grid-title-icon\"\n                    [icon]=\"column.titleIcon\"\n                    [ngClass]=\"column.titleIconType\"\n      ></kit-svg-icon>\n    }\n\n    <div class=\"grid-title-text\">\n      {{ column.title }}\n    </div>\n\n    @if (sortable && column.sortable) {\n      @switch (getSortingDirection(column.field)) {\n        @case (kitSortDirection.ASC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"kitSvgIcon.SORT_ASCENDING\"\n          ></kit-svg-icon>\n        }\n        @case (kitSortDirection.DESC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"kitSvgIcon.SORT_DESCENDING\"\n          ></kit-svg-icon>\n        }\n      }\n    }\n  </div>\n</ng-template>\n\n<ng-template #footerTemplate\n             let-column>\n  @if (columns(); as columns) {\n    @if (footerTitle && column === columns[0]) {\n      {{ footerTitle }}\n    } @else {\n      {{ footerData?.[column.field] || '' }}\n    }\n  }\n</ng-template>\n\n<ng-template #pagerTemplate\n             kendoPagerTemplate>\n  <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n  <kendo-pager-numeric-buttons></kendo-pager-numeric-buttons>\n  <kendo-pager-next-buttons></kendo-pager-next-buttons>\n  <kendo-pager-info></kendo-pager-info>\n</ng-template>\n", styles: [".kit-grid{height:100%}.kit-grid .kit-grid-select-all{display:flex;align-items:center;justify-content:center;width:100%}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid{border:none;background:none;max-height:100%}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-footer{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar{height:8px;width:8px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15);box-shadow:none}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row.k-selected>.k-table-td{background-color:var(--ui-kit-color-background)}.kit-grid ::ng-deep .k-table-row.kit-grid-row-dragging{position:relative;box-shadow:4px 4px 8px #0003}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px;box-shadow:none}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-checkbox-wrap{display:flex;align-items:center;justify-content:center}.kit-grid ::ng-deep .k-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-checkbox.k-indeterminate{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:hover:not(:disabled){border-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:focus,.kit-grid ::ng-deep .k-checkbox.k-focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-checkbox:checked,.kit-grid ::ng-deep .k-checkbox.k-checked{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:checked:disabled,.kit-grid ::ng-deep .k-checkbox.k-checked:disabled{border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-checkbox:disabled{border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:0;padding:20px 0;justify-content:flex-start;background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--ui-kit-color-grey-14);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{border-left-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:2px 0;color:var(--ui-kit-color-grey-10);border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button{width:32px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:after,.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:before{display:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:not(.k-selected):hover{background-color:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button-icon:before{content:\"\";display:flex;width:14px;height:14px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:currentcolor}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-chevron-left:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99976 10.3596L8.99976 9.48071C8.99976 9.42094 8.97046 9.36469 8.92241 9.32954L4.33335 6.00024L8.92241 2.67094C8.97046 2.63579 8.99976 2.57954 8.99976 2.51977L8.99976 1.64086C8.99976 1.56469 8.91304 1.52016 8.85093 1.56469L3.15444 5.69672C2.94819 5.84673 2.94819 6.15376 3.15444 6.30258L8.85093 10.4346C8.91304 10.4803 8.99976 10.4358 8.99976 10.3596Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99976 10.3596L8.99976 9.48071C8.99976 9.42094 8.97046 9.36469 8.92241 9.32954L4.33335 6.00024L8.92241 2.67094C8.97046 2.63579 8.99976 2.57954 8.99976 2.51977L8.99976 1.64086C8.99976 1.56469 8.91304 1.52016 8.85093 1.56469L3.15444 5.69672C2.94819 5.84673 2.94819 6.15376 3.15444 6.30258L8.85093 10.4346C8.91304 10.4803 8.99976 10.4358 8.99976 10.3596Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-chevron-right:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.99976 1.64041L2.99976 2.51932C2.99976 2.57909 3.02905 2.63534 3.0771 2.67049L7.66616 5.99979L3.0771 9.32909C3.02905 9.36424 2.99976 9.42049 2.99976 9.48026L2.99976 10.3592C2.99976 10.4353 3.08647 10.4799 3.14858 10.4353L8.84507 6.30331C9.05132 6.15331 9.05132 5.84627 8.84507 5.69745L3.14858 1.56541C3.08647 1.51971 2.99976 1.56424 2.99976 1.64041Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.99976 1.64041L2.99976 2.51932C2.99976 2.57909 3.02905 2.63534 3.0771 2.67049L7.66616 5.99979L3.0771 9.32909C3.02905 9.36424 2.99976 9.42049 2.99976 9.48026L2.99976 10.3592C2.99976 10.4353 3.08647 10.4799 3.14858 10.4353L8.84507 6.30331C9.05132 6.15331 9.05132 5.84627 8.84507 5.69745L3.14858 1.56541C3.08647 1.51971 2.99976 1.56424 2.99976 1.64041Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-caret-alt-to-left:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1' x2='1' y2='11' stroke='black' stroke-width='1'/%3E%3Cpath d='M9 10.36L9 9.48C9 9.42 8.97 9.36 8.92 9.33L4.33 6L8.92 2.67C8.97 2.64 9 2.58 9 2.52L9 1.64C9 1.56 8.91 1.52 8.85 1.56L3.15 5.7C2.95 5.85 2.95 6.15 3.15 6.3L8.85 10.43C8.91 10.48 9 10.44 9 10.36Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1' x2='1' y2='11' stroke='black' stroke-width='1'/%3E%3Cpath d='M9 10.36L9 9.48C9 9.42 8.97 9.36 8.92 9.33L4.33 6L8.92 2.67C8.97 2.64 9 2.58 9 2.52L9 1.64C9 1.56 8.91 1.52 8.85 1.56L3.15 5.7C2.95 5.85 2.95 6.15 3.15 6.3L8.85 10.43C8.91 10.48 9 10.44 9 10.36Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-caret-alt-to-right:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.64L3 2.52C3 2.58 3.03 2.64 3.08 2.67L7.67 6L3.08 9.33C3.03 9.36 3 9.42 3 9.48L3 10.36C3 10.44 3.09 10.48 3.15 10.43L8.85 6.3C9.05 6.15 9.05 5.85 8.85 5.7L3.15 1.56C3.09 1.52 3 1.56 3 1.64Z' fill='black'/%3E%3Cline x1='11' y1='1' x2='11' y2='11' stroke='black' stroke-width='1'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.64L3 2.52C3 2.58 3.03 2.64 3.08 2.67L7.67 6L3.08 9.33C3.03 9.36 3 9.42 3 9.48L3 10.36C3 10.44 3.09 10.48 3.15 10.43L8.85 6.3C9.05 6.15 9.05 5.85 8.85 5.7L3.15 1.56C3.09 1.52 3 1.56 3 1.64Z' fill='black'/%3E%3Cline x1='11' y1='1' x2='11' y2='11' stroke='black' stroke-width='1'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;border-radius:6px}.kit-grid ::ng-deep .k-pager-nav:before,.kit-grid ::ng-deep .k-pager-nav:after{display:none!important}.kit-grid ::ng-deep .k-pager-nav:not(.k-disabled):hover{background:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-info{flex:initial;border-radius:8px;background-color:#fff;padding:5px 16px}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox{padding:0 8px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11)}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox:focus-within{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-pager-input .k-input-inner{padding:0;height:30px}.kit-grid ::ng-deep .k-grid-aria-root{position:relative}.kit-grid ::ng-deep .k-loading-color{background:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .expand-disabled .k-hierarchy-cell a{pointer-events:none;opacity:.3}.kit-grid ::ng-deep .checkbox-hidden .k-checkbox-wrap{visibility:hidden}.kit-grid ::ng-deep .k-picker{height:32px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-picker:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-picker.k-focus{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-picker[aria-expanded=true] .k-svg-i-chevron-down:before{transform:rotate(180deg)}.kit-grid ::ng-deep .k-picker .k-svg-i-chevron-down:before{content:\"\\e088\";color:var(--ui-kit-color-grey-12);font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox{border-radius:50%}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:after{content:\"\";display:block;width:8px;height:8px;border-radius:50%;background-color:transparent;margin:auto;position:absolute;inset:0}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked{background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked:after,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked:after{background-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked:disabled:after,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked:disabled:after{background-color:var(--ui-kit-color-grey-11)}::ng-deep .kit-grid-row-hidden{display:none}::ng-deep .kit-grid-row-hint{overflow:hidden;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-shadow:0 10px 24px #11182724;z-index:10002!important}::ng-deep .kit-grid-row-hint .k-table-td{min-width:170px;padding:10px 8px;border-color:var(--ui-kit-color-grey-11);color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-white)}::ng-deep .kit-grid.k-grid:has(.k-grid-norecords) .k-pager-numbers-wrap{display:none}::ng-deep .k-animation-container .k-list-item.k-selected{background-color:var(--ui-kit-color-main);color:var(--ui-kit-color-white)}::ng-deep .k-animation-container .k-list-item:hover:not(.k-selected){color:var(--ui-kit-color-main)}\n"] }]
+                    ], template: "@if (data()) {\n  <div class=\"kit-grid\"\n       kendoDragTargetContainer\n       kendoDropTargetContainer\n       dragTargetFilter=\".k-master-row\"\n       dropTargetFilter=\".k-master-row\"\n       dragHandle=\".k-master-row\"\n       [dragDisabled]=\"!rowReorderable()\"\n       [dropDisabled]=\"!rowReorderable()\"\n       [dragData]=\"dragData\"\n       [hint]=\"{ hintClass: 'kit-grid-row-hint' }\"\n       (onDragOver)=\"onRowDragOver($event)\"\n       (onRelease)=\"onDragRelease()\"\n       (onDrop)=\"onDrop()\">\n    <kendo-grid kendoGridExpandDetailsBy\n                [class.kit-grid--radio]=\"isRadioColumn()\"\n                [data]=\"renderedData() ?? null\"\n                [sortable]=\"sortable\"\n                [sort]=\"sort\"\n                [rowClass]=\"getCssRowClass\"\n                [pageable]=\"getPagerSettings()\"\n                [pageSize]=\"pageSize\"\n                [skip]=\"skip()\"\n                [loading]=\"loading()\"\n                [resizable]=\"resizable()\"\n                [(expandedDetailKeys)]=\"expandedRows\"\n                [kendoGridSelectBy]=\"selectByField() || ''\"\n                [isRowSelectable]=\"isRowSelectable.bind(this)\"\n                [selectable]=\"selectableSettings()\"\n                (cellClick)=\"onCellClick($event)\"\n                (detailExpand)=\"onDetailExpand($event)\"\n                (detailCollapse)=\"onDetailCollapse($event)\"\n                (sortChange)=\"onSortChange($event)\"\n                (pageChange)=\"onPageChange($event)\"\n                (dataStateChange)=\"onDataStateChange($event)\"\n                [selectedKeys]=\"selectedKeys()\"\n                (selectedKeysChange)=\"onSelectedKeysChange($event)\"\n                (selectionChange)=\"onSelectionChanged($event)\"\n                (excelExport)=\"excelExport.emit($event)\">\n      @for (column of columnMarkers(); track $index) {\n        @if (isCheckboxColumn(column)) {\n          <kendo-grid-checkbox-column [width]=\"column.width()\"\n                                      [showSelectAll]=\"!isRadioColumn() && column.showSelectAll()\">\n            @if (!isRadioColumn() && column.showSelectAll()) {\n              <ng-template kendoGridHeaderTemplate>\n                <div class=\"kit-grid-select-all\">\n                  <kit-checkbox [checked]=\"headerCheckboxState() === 'checked'\"\n                                [indeterminate]=\"headerCheckboxState() === 'indeterminate'\"\n                                [disabled]=\"isHeaderCheckboxDisabled()\"\n                                (changed)=\"onHeaderCheckboxChanged($event)\">\n                  </kit-checkbox>\n                </div>\n              </ng-template>\n            }\n          </kendo-grid-checkbox-column>\n        } @else {\n          <kendo-grid-column [field]=\"column.field\"\n                             [sortable]=\"column.sortable\"\n                             [hidden]=\"column.hidden\"\n                             [width]=\"column.width\">\n            <ng-template kendoGridHeaderTemplate>\n              <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n              ></ng-container>\n            </ng-template>\n\n            @if (column.cellTemplate) {\n              <ng-template kendoGridCellTemplate\n                           let-dataItem>\n                <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n                ></ng-container>\n              </ng-template>\n            }\n\n            @if (showFooter) {\n              <ng-template kendoGridFooterTemplate>\n                <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n              </ng-template>\n            }\n          </kendo-grid-column>\n\n          @if (gridDetailTemplate()) {\n            <ng-template kendoGridDetailTemplate\n                         let-dataItem\n                         [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n              <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n              ></ng-container>\n            </ng-template>\n          }\n        }\n      }\n      <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n\n      <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n      <kendo-grid-messages [pagerItems]=\"pagerInfoText()\"\n                           [pagerOf]=\"'of'\"\n                           [noRecords]=\"noRecordsText()\">\n      </kendo-grid-messages>\n    </kendo-grid>\n  </div>\n}\n\n@if (gridDataBinding()) {\n  <div class=\"kit-grid\"\n       kendoDragTargetContainer\n       kendoDropTargetContainer\n       dragTargetFilter=\".k-master-row\"\n       dropTargetFilter=\".k-master-row\"\n       dragHandle=\".k-master-row\"\n       [dragDisabled]=\"!rowReorderable()\"\n       [dropDisabled]=\"!rowReorderable()\"\n       [dragData]=\"dragData\"\n       [hint]=\"{ hintClass: 'kit-grid-row-hint' }\"\n       (onDragOver)=\"onRowDragOver($event)\"\n       (onRelease)=\"onDragRelease()\"\n       (onDrop)=\"onDrop()\">\n    <kendo-grid kendoGridExpandDetailsBy\n                [class.kit-grid--radio]=\"isRadioColumn()\"\n                [kendoGridBinding]=\"renderedGridDataBinding() ?? []\"\n                [rowClass]=\"getCssRowClass\"\n                [pageable]=\"getPagerSettings()\"\n                [pageSize]=\"pageSize\"\n                [sortable]=\"sortable\"\n                [sort]=\"sort\"\n                [skip]=\"skip()\"\n                [loading]=\"loading()\"\n                [resizable]=\"resizable()\"\n                [(expandedDetailKeys)]=\"expandedRows\"\n                [kendoGridSelectBy]=\"selectByField() || ''\"\n                [isRowSelectable]=\"isRowSelectable.bind(this)\"\n                [selectable]=\"selectableSettings()\"\n                (cellClick)=\"onCellClick($event)\"\n                (detailExpand)=\"onDetailExpand($event)\"\n                (detailCollapse)=\"onDetailCollapse($event)\"\n                (pageChange)=\"onPageChange($event)\"\n                (sortChange)=\"onSortChange($event)\"\n                (dataStateChange)=\"onDataStateChange($event)\"\n                [selectedKeys]=\"selectedKeys()\"\n                (selectedKeysChange)=\"onSelectedKeysChange($event)\"\n                (selectionChange)=\"onSelectionChanged($event)\"\n                (excelExport)=\"excelExport.emit($event)\">\n      @for (column of columnMarkers(); track $index) {\n        @if (isCheckboxColumn(column)) {\n          <kendo-grid-checkbox-column [width]=\"column.width()\"\n                                      [showSelectAll]=\"!isRadioColumn() && column.showSelectAll()\">\n            @if (!isRadioColumn() && column.showSelectAll()) {\n              <ng-template kendoGridHeaderTemplate>\n                <div class=\"kit-grid-select-all\">\n                  <kit-checkbox [checked]=\"headerCheckboxState() === 'checked'\"\n                                [indeterminate]=\"headerCheckboxState() === 'indeterminate'\"\n                                [disabled]=\"isHeaderCheckboxDisabled()\"\n                                (changed)=\"onHeaderCheckboxChanged($event)\">\n                  </kit-checkbox>\n                </div>\n              </ng-template>\n            }\n          </kendo-grid-checkbox-column>\n        } @else {\n          <kendo-grid-column [field]=\"column.field\"\n                             [sortable]=\"column.sortable\"\n                             [hidden]=\"column.hidden\"\n                             [width]=\"column.width\">\n            @if (column.cellTemplate) {\n              <ng-template kendoGridCellTemplate\n                           let-dataItem>\n                <ng-container *ngTemplateOutlet=\"column.cellTemplate; context: { $implicit: dataItem }\"\n                ></ng-container>\n              </ng-template>\n            }\n\n            <ng-template kendoGridHeaderTemplate>\n              <ng-container *ngTemplateOutlet=\"columnHeaderTemplate; context: { $implicit: column }\"\n              ></ng-container>\n            </ng-template>\n\n            @if (showFooter) {\n              <ng-template kendoGridFooterTemplate>\n                <ng-container *ngTemplateOutlet=\"footerTemplate; context: { $implicit: column }\"></ng-container>\n              </ng-template>\n            }\n          </kendo-grid-column>\n\n          @if (gridDetailTemplate()) {\n            <ng-template kendoGridDetailTemplate\n                         let-dataItem\n                         [kendoGridDetailTemplateShowIf]=\"detailTemplateShowIf\">\n              <ng-container *ngTemplateOutlet=\"gridDetailTemplate(); context: { $implicit: dataItem }\"\n              ></ng-container>\n            </ng-template>\n          }\n        }\n      }\n      <kendo-grid-excel [fileName]=\"pdfOptions.fileName\" />\n\n      <ng-container *ngTemplateOutlet=\"pagerTemplate\" />\n      <kendo-grid-messages pagerOf=\"of\"\n                           [pagerItems]=\"pagerInfoText()\"\n                           [noRecords]=\"noRecordsText()\">\n      </kendo-grid-messages>\n    </kendo-grid>\n  </div>\n}\n\n<ng-template #columnHeaderTemplate\n             let-column>\n  <div class=\"grid-title\"\n       [class.sortable]=\"isColumnSortable(column)\">\n    @if (column.titleIcon) {\n      <kit-svg-icon class=\"grid-title-icon\"\n                    [icon]=\"column.titleIcon\"\n                    [ngClass]=\"column.titleIconType\"\n      ></kit-svg-icon>\n    }\n\n    <div class=\"grid-title-text\">\n      {{ column.title }}\n    </div>\n\n    @if (sortable && column.sortable) {\n      @switch (getSortingDirection(column.field)) {\n        @case (kitSortDirection.ASC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"kitSvgIcon.SORT_ASCENDING\"\n          ></kit-svg-icon>\n        }\n        @case (kitSortDirection.DESC) {\n          <kit-svg-icon class=\"grid-title-sort-icon\"\n                        [icon]=\"kitSvgIcon.SORT_DESCENDING\"\n          ></kit-svg-icon>\n        }\n      }\n    }\n  </div>\n</ng-template>\n\n<ng-template #footerTemplate\n             let-column>\n  @if (columns(); as columns) {\n    @if (footerTitle && column === columns[0]) {\n      {{ footerTitle }}\n    } @else {\n      {{ footerData?.[column.field] || '' }}\n    }\n  }\n</ng-template>\n\n<ng-template #pagerTemplate\n             kendoPagerTemplate>\n  <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n  <kendo-pager-numeric-buttons></kendo-pager-numeric-buttons>\n  <kendo-pager-next-buttons></kendo-pager-next-buttons>\n  <kendo-pager-info></kendo-pager-info>\n</ng-template>\n", styles: [".kit-grid{height:100%}.kit-grid .kit-grid-select-all{display:flex;align-items:center;justify-content:center;width:100%}.kit-grid .grid-title{display:flex;align-items:center;gap:8px;flex:1;line-height:1;min-width:0}.kit-grid .grid-title-icon{display:block;width:16px;height:16px;flex-shrink:0}.kit-grid .grid-title-icon.fill{fill:var(--ui-kit-color-grey-12);stroke:none}.kit-grid .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-grey-12)}.kit-grid .grid-title-text{font-weight:500;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid .grid-title-sort-icon{display:block;margin-left:auto;width:16px;height:16px;fill:var(--ui-kit-color-grey-12)}.kit-grid .grid-title.sortable{cursor:pointer}.kit-grid ::ng-deep .k-grid{border:none;background:none;max-height:100%}.kit-grid ::ng-deep .k-grid-table{color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400}.kit-grid ::ng-deep .k-grid-header{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-footer{padding:0!important;border:none}.kit-grid ::ng-deep .k-grid-content{overflow-y:auto}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar{height:8px;width:8px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb{background-color:var(--ui-kit-color-grey-12);border-radius:4px}.kit-grid ::ng-deep .k-grid-content::-webkit-scrollbar-thumb:hover{background-color:var(--ui-kit-color-grey-18)}.kit-grid ::ng-deep .k-table{margin:0}.kit-grid ::ng-deep .k-table-th{padding:8px 0;border:none;border-bottom:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-grey-15);box-shadow:none}.kit-grid ::ng-deep .k-table-th .k-cell-inner{margin:0}.kit-grid ::ng-deep .k-table-th .k-cell-inner .k-link{padding:0 8px;border-right:1px solid var(--ui-kit-color-grey-11);cursor:default}.kit-grid ::ng-deep .k-table-th .k-sort-icon{display:none}.kit-grid ::ng-deep .k-table-th .k-sort-order{margin-left:2px;color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted{color:var(--ui-kit-color-main);border-bottom:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.fill{fill:var(--ui-kit-color-main);stroke:none}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-icon.stroke{fill:none;stroke:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-th.k-sorted .grid-title-sort-icon{fill:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-table-row:not(.k-detail-row):hover,.kit-grid ::ng-deep .k-table-row:hover{background:none}.kit-grid ::ng-deep .k-table-row.k-selected>.k-table-td{background-color:var(--ui-kit-color-background)}.kit-grid ::ng-deep .k-table-row.kit-grid-row-dragging{position:relative;box-shadow:4px 4px 8px #0003}.kit-grid ::ng-deep .k-table-row .k-table-td{border-bottom-width:1px;box-shadow:none}.kit-grid ::ng-deep .k-table-alt-row{background:none}.kit-grid ::ng-deep .k-table-td{padding:12px 8px;border-color:var(--ui-kit-color-grey-11);border-bottom-width:1px;background:var(--ui-kit-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-grid ::ng-deep .k-table-td:first-child{border-inline-start-width:1px}.kit-grid ::ng-deep .k-checkbox-wrap{display:flex;align-items:center;justify-content:center}.kit-grid ::ng-deep .k-checkbox{width:16px;height:16px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-checkbox.k-indeterminate{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:hover:not(:disabled){border-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:focus,.kit-grid ::ng-deep .k-checkbox.k-focus{box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-checkbox:checked,.kit-grid ::ng-deep .k-checkbox.k-checked{border-color:var(--ui-kit-color-main);background-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-checkbox:checked:disabled,.kit-grid ::ng-deep .k-checkbox.k-checked:disabled{border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-checkbox:disabled{border-color:var(--ui-kit-color-grey-11);background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-master-row.expanded .k-table-td{color:var(--ui-kit-color-main);border-bottom-color:var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-master-row.expanded .k-icon:before{color:var(--ui-kit-color-main);transform:rotate(90deg)}.kit-grid ::ng-deep .k-detail-row>.k-table-td{border-bottom:1px solid var(--ui-kit-color-grey-10)}.kit-grid ::ng-deep .k-detail-row .k-detail-cell{padding:0}.kit-grid ::ng-deep .k-detail-row .k-pager{margin:0;padding:20px 0;justify-content:flex-start;background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-grid-norecords{text-align:left}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon{display:flex;align-items:center;justify-content:center;cursor:pointer}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:before{content:\"\";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--ui-kit-color-grey-14);transform:rotate(0);transition:transform .2s ease}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon:hover:before{border-left-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-hierarchy-cell .k-icon svg{display:none}.kit-grid ::ng-deep .k-pager{display:flex;justify-content:flex-end;margin-top:20px;padding:2px 0;color:var(--ui-kit-color-grey-10);border:none;background:none}.kit-grid ::ng-deep .k-pager:focus{box-shadow:none}.kit-grid ::ng-deep .k-pager-numbers{gap:8px}.kit-grid ::ng-deep .k-pager-numbers-wrap{gap:8px}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button{width:32px;height:32px;color:var(--ui-kit-color-grey-10);font-size:14px;font-weight:400;border-radius:6px;transition:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:before{opacity:1;background:none;transition:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:after,.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:before{display:none}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-selected{color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-selected:before{border:1px solid var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button:not(.k-selected):hover{background-color:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button.k-disabled{color:var(--ui-kit-color-grey-12)}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-button-icon:before{content:\"\";display:flex;width:14px;height:14px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:currentcolor}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-chevron-left:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99976 10.3596L8.99976 9.48071C8.99976 9.42094 8.97046 9.36469 8.92241 9.32954L4.33335 6.00024L8.92241 2.67094C8.97046 2.63579 8.99976 2.57954 8.99976 2.51977L8.99976 1.64086C8.99976 1.56469 8.91304 1.52016 8.85093 1.56469L3.15444 5.69672C2.94819 5.84673 2.94819 6.15376 3.15444 6.30258L8.85093 10.4346C8.91304 10.4803 8.99976 10.4358 8.99976 10.3596Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99976 10.3596L8.99976 9.48071C8.99976 9.42094 8.97046 9.36469 8.92241 9.32954L4.33335 6.00024L8.92241 2.67094C8.97046 2.63579 8.99976 2.57954 8.99976 2.51977L8.99976 1.64086C8.99976 1.56469 8.91304 1.52016 8.85093 1.56469L3.15444 5.69672C2.94819 5.84673 2.94819 6.15376 3.15444 6.30258L8.85093 10.4346C8.91304 10.4803 8.99976 10.4358 8.99976 10.3596Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-chevron-right:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.99976 1.64041L2.99976 2.51932C2.99976 2.57909 3.02905 2.63534 3.0771 2.67049L7.66616 5.99979L3.0771 9.32909C3.02905 9.36424 2.99976 9.42049 2.99976 9.48026L2.99976 10.3592C2.99976 10.4353 3.08647 10.4799 3.14858 10.4353L8.84507 6.30331C9.05132 6.15331 9.05132 5.84627 8.84507 5.69745L3.14858 1.56541C3.08647 1.51971 2.99976 1.56424 2.99976 1.64041Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.99976 1.64041L2.99976 2.51932C2.99976 2.57909 3.02905 2.63534 3.0771 2.67049L7.66616 5.99979L3.0771 9.32909C3.02905 9.36424 2.99976 9.42049 2.99976 9.48026L2.99976 10.3592C2.99976 10.4353 3.08647 10.4799 3.14858 10.4353L8.84507 6.30331C9.05132 6.15331 9.05132 5.84627 8.84507 5.69745L3.14858 1.56541C3.08647 1.51971 2.99976 1.56424 2.99976 1.64041Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-caret-alt-to-left:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1' x2='1' y2='11' stroke='black' stroke-width='1'/%3E%3Cpath d='M9 10.36L9 9.48C9 9.42 8.97 9.36 8.92 9.33L4.33 6L8.92 2.67C8.97 2.64 9 2.58 9 2.52L9 1.64C9 1.56 8.91 1.52 8.85 1.56L3.15 5.7C2.95 5.85 2.95 6.15 3.15 6.3L8.85 10.43C8.91 10.48 9 10.44 9 10.36Z' fill='black'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1' x2='1' y2='11' stroke='black' stroke-width='1'/%3E%3Cpath d='M9 10.36L9 9.48C9 9.42 8.97 9.36 8.92 9.33L4.33 6L8.92 2.67C8.97 2.64 9 2.58 9 2.52L9 1.64C9 1.56 8.91 1.52 8.85 1.56L3.15 5.7C2.95 5.85 2.95 6.15 3.15 6.3L8.85 10.43C8.91 10.48 9 10.44 9 10.36Z' fill='black'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-numbers-wrap .k-svg-i-caret-alt-to-right:before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.64L3 2.52C3 2.58 3.03 2.64 3.08 2.67L7.67 6L3.08 9.33C3.03 9.36 3 9.42 3 9.48L3 10.36C3 10.44 3.09 10.48 3.15 10.43L8.85 6.3C9.05 6.15 9.05 5.85 8.85 5.7L3.15 1.56C3.09 1.52 3 1.56 3 1.64Z' fill='black'/%3E%3Cline x1='11' y1='1' x2='11' y2='11' stroke='black' stroke-width='1'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 1.64L3 2.52C3 2.58 3.03 2.64 3.08 2.67L7.67 6L3.08 9.33C3.03 9.36 3 9.42 3 9.48L3 10.36C3 10.44 3.09 10.48 3.15 10.43L8.85 6.3C9.05 6.15 9.05 5.85 8.85 5.7L3.15 1.56C3.09 1.52 3 1.56 3 1.64Z' fill='black'/%3E%3Cline x1='11' y1='1' x2='11' y2='11' stroke='black' stroke-width='1'/%3E%3C/svg%3E\")}.kit-grid ::ng-deep .k-pager-nav{width:32px;height:32px;border-radius:6px}.kit-grid ::ng-deep .k-pager-nav:before,.kit-grid ::ng-deep .k-pager-nav:after{display:none!important}.kit-grid ::ng-deep .k-pager-nav:not(.k-disabled):hover{background:var(--ui-kit-color-grey-11)!important}.kit-grid ::ng-deep .k-pager-info{flex:initial;border-radius:8px;background-color:#fff;padding:5px 16px}.kit-grid ::ng-deep .k-pager .k-button-icon svg{display:none}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox{padding:0 8px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11)}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-pager-input .k-numerictextbox:focus-within{border-color:var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-pager-input .k-input-inner{padding:0;height:30px}.kit-grid ::ng-deep .k-grid-aria-root{position:relative}.kit-grid ::ng-deep .k-loading-color{background:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .expand-disabled .k-hierarchy-cell a{pointer-events:none;opacity:.3}.kit-grid ::ng-deep .checkbox-hidden .k-checkbox-wrap{visibility:hidden}.kit-grid ::ng-deep .k-picker{height:32px;border-radius:4px;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white)}.kit-grid ::ng-deep .k-picker:hover{border-color:var(--ui-kit-color-hover)}.kit-grid ::ng-deep .k-picker.k-focus{border:1px solid var(--ui-kit-color-main);box-shadow:0 0 0 2px var(--ui-kit-color-focus)}.kit-grid ::ng-deep .k-picker[aria-expanded=true] .k-svg-i-chevron-down:before{transform:rotate(180deg)}.kit-grid ::ng-deep .k-picker .k-svg-i-chevron-down:before{content:\"\\e088\";color:var(--ui-kit-color-grey-12);font-family:WebComponentsIcons,sans-serif}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox{border-radius:50%}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:after{content:\"\";display:block;width:8px;height:8px;border-radius:50%;background-color:transparent;margin:auto;position:absolute;inset:0}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked{background-color:var(--ui-kit-color-grey-13)}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked:after,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked:after{background-color:var(--ui-kit-color-main)}.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox:checked:disabled:after,.kit-grid ::ng-deep .k-grid.kit-grid--radio .k-checkbox.k-checked:disabled:after{background-color:var(--ui-kit-color-grey-11)}::ng-deep .kit-grid-row-hidden{display:none}::ng-deep .kit-grid-row-hint{overflow:hidden;border:1px solid var(--ui-kit-color-grey-11);background:var(--ui-kit-color-white);box-shadow:0 10px 24px #11182724;z-index:10002!important}::ng-deep .kit-grid-row-hint .k-table-td{min-width:170px;padding:10px 8px;border-color:var(--ui-kit-color-grey-11);color:var(--ui-kit-color-grey-10);background:var(--ui-kit-color-white)}::ng-deep .kit-grid.k-grid:has(.k-grid-norecords) .k-pager-numbers-wrap{display:none}::ng-deep .k-animation-container .k-list-item.k-selected{background-color:var(--ui-kit-color-main);color:var(--ui-kit-color-white)}::ng-deep .k-animation-container .k-list-item:hover:not(.k-selected){color:var(--ui-kit-color-main)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], gridDataBinding: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridDataBinding", required: false }] }], sortable: [{
                 type: Input
             }], sort: [{
@@ -8081,7 +8077,7 @@ class KitCollapsedListComponent {
         this.shouldShowDropdown.set(resizeParams.shouldShowDropdown);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitCollapsedListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: KitCollapsedListComponent, isStandalone: true, selector: "kit-collapsed-list", inputs: { itemList: { classPropertyName: "itemList", publicName: "itemList", isSignal: true, isRequired: true, transformFunction: null }, lineHeight: { classPropertyName: "lineHeight", publicName: "lineHeight", isSignal: true, isRequired: false, transformFunction: null }, dropdownDefaultValueText: { classPropertyName: "dropdownDefaultValueText", publicName: "dropdownDefaultValueText", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, disableActions: { classPropertyName: "disableActions", publicName: "disableActions", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownFooterTemplate: { classPropertyName: "dropdownFooterTemplate", publicName: "dropdownFooterTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownItemTemplate: { classPropertyName: "dropdownItemTemplate", publicName: "dropdownItemTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownNoDataTemplate: { classPropertyName: "dropdownNoDataTemplate", publicName: "dropdownNoDataTemplate", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, alwaysShowDropdown: { classPropertyName: "alwaysShowDropdown", publicName: "alwaysShowDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownAlign: { classPropertyName: "dropdownAlign", publicName: "dropdownAlign", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectItem: "selectItem" }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, isSignal: true }, { propertyName: "wrapperInner", first: true, predicate: ["wrapperInner"], descendants: true, isSignal: true }, { propertyName: "measureItem", predicate: ["measureItem"], descendants: true, isSignal: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, read: ElementRef, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div #wrapper\n     class=\"kit-collapsed-list\"\n     [ngClass]=\"dropdownAlign()\"\n     [style.--kit-collapsed-list-height.px]=\"lineHeight()\"\n     [style.--kit-collapsed-list-gap.px]=\"gap()\">\n  <div #wrapperInner \n       class=\"wrapper-inner\">\n    @if (visibleItems().length) {\n      <div class=\"element-container\">\n        @for (item of visibleItems(); track $index) {\n          <div class=\"item-wrapper\"\n               (click)=\"selectionChange(item)\">\n            <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate, context: { $implicit: item }\" />\n          </div>\n        }\n      </div>\n    }\n    @if (shouldShowDropdown()) {\n      <kit-dropdown #dropdown\n                    class=\"collapsed-list-dropdown\"\n                    [class.selected]=\"dropdownSelectedItem().value !== defaultSelectedItem().value\"\n                    [items]=\"dropdownItems()\"\n                    [selectedItem]=\"dropdownSelectedItem()\"\n                    [disabled]=\"disableActions()\"\n                    [size]=\"kitDropdownSize.SMALL\"\n                    [popupSettings]=\"popupSettings\"\n                    [isValuePrimitive]=\"false\"\n                    [footerTemplate]=\"dropdownFooterTemplate()\"\n                    [noDataTemplate]=\"dropdownNoDataTemplate()\"\n                    (selected)=\"selectionChange($event)\">\n        @if (dropdownItemTemplate()) {\n          <ng-template kitDropdownItemTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"dropdownItemTemplate(), context: { $implicit: dataItem }\" />\n          </ng-template>\n        }\n      </kit-dropdown>\n    }\n  </div>\n\n  <div class=\"wrapper-inner measure-container\">\n    <div class=\"element-container\">\n      @for (item of itemList(); track $index) {\n        <div #measureItem\n             class=\"item-wrapper\">\n          <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate; context: { $implicit: item }\" />\n        </div>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #defaultItemTemplate let-item>\n  <kit-button class=\"item\"\n              [class.active]=\"item.value === _selectedItem().value\"\n              [label]=\"item.text\"\n              [type]=\"kitButtonType.GHOST\"\n              [kind]=\"kitButtonKind.SMALL\"\n              [active]=\"item.value === _selectedItem().value\"\n              [disabled]=\"disableActions()\" />\n</ng-template>\n", styles: [".kit-collapsed-list.inline .wrapper-inner{justify-content:flex-start}.kit-collapsed-list.end .wrapper-inner{justify-content:space-between}.kit-collapsed-list .wrapper-inner{position:relative;display:flex;gap:var(--kit-collapsed-list-gap, 20px);width:100%;min-width:max-content;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner.measure-container{position:absolute;visibility:hidden;pointer-events:none;white-space:nowrap;height:0;overflow:hidden}.kit-collapsed-list .wrapper-inner .element-container{display:flex;gap:var(--kit-collapsed-list-gap, 20px)}.kit-collapsed-list .wrapper-inner .element-container .item ::ng-deep .kit-button .k-button{height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown{max-width:100%;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown ::ng-deep .kit-dropdown.small .dropdown{height:var(--kit-collapsed-list-height, 24px)}\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: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "invalid", "defaultItem", "listHeight", "hideDefaultItem", "toggleIcon", "popupSettings", "isValuePrimitive", "footerTemplate", "noDataTemplate", "readonly", "size"], outputs: ["selectedItemChange", "disabledChange", "selected"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DropDownListModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: KitCollapsedListComponent, isStandalone: true, selector: "kit-collapsed-list", inputs: { itemList: { classPropertyName: "itemList", publicName: "itemList", isSignal: true, isRequired: true, transformFunction: null }, lineHeight: { classPropertyName: "lineHeight", publicName: "lineHeight", isSignal: true, isRequired: false, transformFunction: null }, dropdownDefaultValueText: { classPropertyName: "dropdownDefaultValueText", publicName: "dropdownDefaultValueText", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, disableActions: { classPropertyName: "disableActions", publicName: "disableActions", isSignal: true, isRequired: false, transformFunction: null }, itemTemplate: { classPropertyName: "itemTemplate", publicName: "itemTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownFooterTemplate: { classPropertyName: "dropdownFooterTemplate", publicName: "dropdownFooterTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownItemTemplate: { classPropertyName: "dropdownItemTemplate", publicName: "dropdownItemTemplate", isSignal: true, isRequired: false, transformFunction: null }, dropdownNoDataTemplate: { classPropertyName: "dropdownNoDataTemplate", publicName: "dropdownNoDataTemplate", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, alwaysShowDropdown: { classPropertyName: "alwaysShowDropdown", publicName: "alwaysShowDropdown", isSignal: true, isRequired: false, transformFunction: null }, dropdownAlign: { classPropertyName: "dropdownAlign", publicName: "dropdownAlign", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectItem: "selectItem" }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, isSignal: true }, { propertyName: "wrapperInner", first: true, predicate: ["wrapperInner"], descendants: true, isSignal: true }, { propertyName: "measureItem", predicate: ["measureItem"], descendants: true, isSignal: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, read: ElementRef, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div #wrapper\n     class=\"kit-collapsed-list\"\n     [ngClass]=\"dropdownAlign()\"\n     [style.--kit-collapsed-list-height.px]=\"lineHeight()\"\n     [style.--kit-collapsed-list-gap.px]=\"gap()\">\n  <div #wrapperInner \n       class=\"wrapper-inner\">\n    @if (visibleItems().length) {\n      <div class=\"element-container\">\n        @for (item of visibleItems(); track $index) {\n          <div class=\"item-wrapper\"\n               (click)=\"selectionChange(item)\">\n            <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate, context: { $implicit: item }\" />\n          </div>\n        }\n      </div>\n    }\n    @if (shouldShowDropdown()) {\n      <kit-dropdown #dropdown\n                    class=\"collapsed-list-dropdown\"\n                    [class.selected]=\"dropdownSelectedItem().value !== defaultSelectedItem().value\"\n                    [items]=\"dropdownItems()\"\n                    [selectedItem]=\"dropdownSelectedItem()\"\n                    [disabled]=\"disableActions()\"\n                    [size]=\"kitDropdownSize.SMALL\"\n                    [popupSettings]=\"popupSettings\"\n                    [isValuePrimitive]=\"false\"\n                    [footerTemplate]=\"dropdownFooterTemplate()\"\n                    [noDataTemplate]=\"dropdownNoDataTemplate()\"\n                    (selected)=\"selectionChange($event)\">\n        @if (dropdownItemTemplate()) {\n          <ng-template kitDropdownItemTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"dropdownItemTemplate(), context: { $implicit: dataItem }\" />\n          </ng-template>\n        }\n      </kit-dropdown>\n    }\n  </div>\n\n  <div class=\"wrapper-inner measure-container\">\n    <div class=\"element-container\">\n      @for (item of itemList(); track $index) {\n        <div #measureItem\n             class=\"item-wrapper\">\n          <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate; context: { $implicit: item }\" />\n        </div>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #defaultItemTemplate let-item>\n  <kit-button class=\"item\"\n              [class.active]=\"item.value === _selectedItem().value\"\n              [label]=\"item.text\"\n              [type]=\"kitButtonType.GHOST\"\n              [kind]=\"kitButtonKind.SMALL\"\n              [active]=\"item.value === _selectedItem().value\"\n              [disabled]=\"disableActions()\" />\n</ng-template>\n", styles: [".kit-collapsed-list.inline .wrapper-inner{justify-content:flex-start}.kit-collapsed-list.end .wrapper-inner{justify-content:space-between}.kit-collapsed-list .wrapper-inner{position:relative;display:flex;gap:var(--kit-collapsed-list-gap, 20px);width:100%;min-width:max-content;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner.measure-container{position:absolute;visibility:hidden;pointer-events:none;white-space:nowrap;height:0;overflow:hidden}.kit-collapsed-list .wrapper-inner .element-container{display:flex;gap:var(--kit-collapsed-list-gap, 20px)}.kit-collapsed-list .wrapper-inner .element-container .item ::ng-deep .kit-button .k-button{height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown{max-width:100%;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown ::ng-deep .kit-dropdown.small .dropdown{height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown ::ng-deep .value-text{max-width:360px}\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: KitDropdownComponent, selector: "kit-dropdown", inputs: ["items", "selectedItem", "label", "disabled", "messageIcon", "messageText", "invalid", "defaultItem", "listHeight", "hideDefaultItem", "toggleIcon", "popupSettings", "isValuePrimitive", "footerTemplate", "noDataTemplate", "readonly", "size"], outputs: ["selectedItemChange", "disabledChange", "selected"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: DropDownListModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitCollapsedListComponent, decorators: [{
             type: Component,
@@ -8091,7 +8087,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                         NgTemplateOutlet,
                         DropDownListModule,
                         NgClass,
-                    ], template: "<div #wrapper\n     class=\"kit-collapsed-list\"\n     [ngClass]=\"dropdownAlign()\"\n     [style.--kit-collapsed-list-height.px]=\"lineHeight()\"\n     [style.--kit-collapsed-list-gap.px]=\"gap()\">\n  <div #wrapperInner \n       class=\"wrapper-inner\">\n    @if (visibleItems().length) {\n      <div class=\"element-container\">\n        @for (item of visibleItems(); track $index) {\n          <div class=\"item-wrapper\"\n               (click)=\"selectionChange(item)\">\n            <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate, context: { $implicit: item }\" />\n          </div>\n        }\n      </div>\n    }\n    @if (shouldShowDropdown()) {\n      <kit-dropdown #dropdown\n                    class=\"collapsed-list-dropdown\"\n                    [class.selected]=\"dropdownSelectedItem().value !== defaultSelectedItem().value\"\n                    [items]=\"dropdownItems()\"\n                    [selectedItem]=\"dropdownSelectedItem()\"\n                    [disabled]=\"disableActions()\"\n                    [size]=\"kitDropdownSize.SMALL\"\n                    [popupSettings]=\"popupSettings\"\n                    [isValuePrimitive]=\"false\"\n                    [footerTemplate]=\"dropdownFooterTemplate()\"\n                    [noDataTemplate]=\"dropdownNoDataTemplate()\"\n                    (selected)=\"selectionChange($event)\">\n        @if (dropdownItemTemplate()) {\n          <ng-template kitDropdownItemTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"dropdownItemTemplate(), context: { $implicit: dataItem }\" />\n          </ng-template>\n        }\n      </kit-dropdown>\n    }\n  </div>\n\n  <div class=\"wrapper-inner measure-container\">\n    <div class=\"element-container\">\n      @for (item of itemList(); track $index) {\n        <div #measureItem\n             class=\"item-wrapper\">\n          <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate; context: { $implicit: item }\" />\n        </div>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #defaultItemTemplate let-item>\n  <kit-button class=\"item\"\n              [class.active]=\"item.value === _selectedItem().value\"\n              [label]=\"item.text\"\n              [type]=\"kitButtonType.GHOST\"\n              [kind]=\"kitButtonKind.SMALL\"\n              [active]=\"item.value === _selectedItem().value\"\n              [disabled]=\"disableActions()\" />\n</ng-template>\n", styles: [".kit-collapsed-list.inline .wrapper-inner{justify-content:flex-start}.kit-collapsed-list.end .wrapper-inner{justify-content:space-between}.kit-collapsed-list .wrapper-inner{position:relative;display:flex;gap:var(--kit-collapsed-list-gap, 20px);width:100%;min-width:max-content;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner.measure-container{position:absolute;visibility:hidden;pointer-events:none;white-space:nowrap;height:0;overflow:hidden}.kit-collapsed-list .wrapper-inner .element-container{display:flex;gap:var(--kit-collapsed-list-gap, 20px)}.kit-collapsed-list .wrapper-inner .element-container .item ::ng-deep .kit-button .k-button{height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown{max-width:100%;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown ::ng-deep .kit-dropdown.small .dropdown{height:var(--kit-collapsed-list-height, 24px)}\n"] }]
+                    ], template: "<div #wrapper\n     class=\"kit-collapsed-list\"\n     [ngClass]=\"dropdownAlign()\"\n     [style.--kit-collapsed-list-height.px]=\"lineHeight()\"\n     [style.--kit-collapsed-list-gap.px]=\"gap()\">\n  <div #wrapperInner \n       class=\"wrapper-inner\">\n    @if (visibleItems().length) {\n      <div class=\"element-container\">\n        @for (item of visibleItems(); track $index) {\n          <div class=\"item-wrapper\"\n               (click)=\"selectionChange(item)\">\n            <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate, context: { $implicit: item }\" />\n          </div>\n        }\n      </div>\n    }\n    @if (shouldShowDropdown()) {\n      <kit-dropdown #dropdown\n                    class=\"collapsed-list-dropdown\"\n                    [class.selected]=\"dropdownSelectedItem().value !== defaultSelectedItem().value\"\n                    [items]=\"dropdownItems()\"\n                    [selectedItem]=\"dropdownSelectedItem()\"\n                    [disabled]=\"disableActions()\"\n                    [size]=\"kitDropdownSize.SMALL\"\n                    [popupSettings]=\"popupSettings\"\n                    [isValuePrimitive]=\"false\"\n                    [footerTemplate]=\"dropdownFooterTemplate()\"\n                    [noDataTemplate]=\"dropdownNoDataTemplate()\"\n                    (selected)=\"selectionChange($event)\">\n        @if (dropdownItemTemplate()) {\n          <ng-template kitDropdownItemTemplate let-dataItem>\n            <ng-container *ngTemplateOutlet=\"dropdownItemTemplate(), context: { $implicit: dataItem }\" />\n          </ng-template>\n        }\n      </kit-dropdown>\n    }\n  </div>\n\n  <div class=\"wrapper-inner measure-container\">\n    <div class=\"element-container\">\n      @for (item of itemList(); track $index) {\n        <div #measureItem\n             class=\"item-wrapper\">\n          <ng-container *ngTemplateOutlet=\"itemTemplate() || defaultItemTemplate; context: { $implicit: item }\" />\n        </div>\n      }\n    </div>\n  </div>\n</div>\n\n<ng-template #defaultItemTemplate let-item>\n  <kit-button class=\"item\"\n              [class.active]=\"item.value === _selectedItem().value\"\n              [label]=\"item.text\"\n              [type]=\"kitButtonType.GHOST\"\n              [kind]=\"kitButtonKind.SMALL\"\n              [active]=\"item.value === _selectedItem().value\"\n              [disabled]=\"disableActions()\" />\n</ng-template>\n", styles: [".kit-collapsed-list.inline .wrapper-inner{justify-content:flex-start}.kit-collapsed-list.end .wrapper-inner{justify-content:space-between}.kit-collapsed-list .wrapper-inner{position:relative;display:flex;gap:var(--kit-collapsed-list-gap, 20px);width:100%;min-width:max-content;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner.measure-container{position:absolute;visibility:hidden;pointer-events:none;white-space:nowrap;height:0;overflow:hidden}.kit-collapsed-list .wrapper-inner .element-container{display:flex;gap:var(--kit-collapsed-list-gap, 20px)}.kit-collapsed-list .wrapper-inner .element-container .item ::ng-deep .kit-button .k-button{height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown{max-width:100%;height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown ::ng-deep .kit-dropdown.small .dropdown{height:var(--kit-collapsed-list-height, 24px)}.kit-collapsed-list .wrapper-inner .collapsed-list-dropdown ::ng-deep .value-text{max-width:360px}\n"] }]
         }], propDecorators: { itemList: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemList", required: true }] }], lineHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineHeight", required: false }] }], dropdownDefaultValueText: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownDefaultValueText", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], disableActions: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableActions", required: false }] }], itemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTemplate", required: false }] }], dropdownFooterTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownFooterTemplate", required: false }] }], dropdownItemTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownItemTemplate", required: false }] }], dropdownNoDataTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownNoDataTemplate", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], alwaysShowDropdown: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysShowDropdown", required: false }] }], dropdownAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "dropdownAlign", required: false }] }], selectItem: [{ type: i0.Output, args: ["selectItem"] }], wrapper: [{ type: i0.ViewChild, args: ['wrapper', { isSignal: true }] }], wrapperInner: [{ type: i0.ViewChild, args: ['wrapperInner', { isSignal: true }] }], measureItem: [{ type: i0.ViewChildren, args: ['measureItem', { isSignal: true }] }], dropdown: [{ type: i0.ViewChild, args: ['dropdown', { ...{
                             read: ElementRef,
                         }, isSignal: true }] }] } });
@@ -16547,7 +16543,7 @@ class KitEntityGridComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: KitEntityGridComponent, isStandalone: true, selector: "kit-entity-grid", inputs: { statesToReset: { classPropertyName: "statesToReset", publicName: "statesToReset", isSignal: true, isRequired: false, transformFunction: null }, 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 }, preserveReadonlyFilters: { classPropertyName: "preserveReadonlyFilters", publicName: "preserveReadonlyFilters", 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 }, showRefreshButton: { classPropertyName: "showRefreshButton", publicName: "showRefreshButton", isSignal: true, isRequired: false, transformFunction: null }, pageable: { classPropertyName: "pageable", publicName: "pageable", isSignal: true, isRequired: false, transformFunction: null }, searchVisible: { classPropertyName: "searchVisible", publicName: "searchVisible", isSignal: true, isRequired: false, transformFunction: null }, selectedKeys: { classPropertyName: "selectedKeys", publicName: "selectedKeys", isSignal: true, isRequired: false, transformFunction: null }, enableSelectedRowsView: { classPropertyName: "enableSelectedRowsView", publicName: "enableSelectedRowsView", isSignal: true, isRequired: false, transformFunction: null }, gridCellValueTransformMap: { classPropertyName: "gridCellValueTransformMap", publicName: "gridCellValueTransformMap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedKeys: "selectedKeysChange", gridViewChanged: "gridViewChanged", archiveModeChanged: "archiveModeChanged", refreshButtonClicked: "refreshButtonClicked", selectionChanged: "selectionChanged", resetSelectedKeys: "resetSelectedKeys" }, providers: [
             KitBreadcrumbsService,
             KitGridUrlStateService,
-        ], queries: [{ propertyName: "columnMarkers", predicate: KIT_GRID_COLUMN_MARKER, descendants: true, 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                      [preserveReadonlyFilters]=\"preserveReadonlyFilters()\"\n                      (viewChanged)=\"onGridViewChange()\"\n                      (viewSelectionChanged)=\"viewSelectionChanged()\"\n      ></kit-grid-views>\n      <div class=\"grid-header-actions\">\n        <ng-content select=\"[headerActions]\"></ng-content>\n        @if (showRefreshButton()) {\n          <kit-button kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [title]=\"'kit.grid.actions.refresh' | translate\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.RESET\"\n                      (clicked)=\"onRefreshButtonClick()\"\n          ></kit-button>\n        }\n        @if (showArchiveToggle()) {\n          <kit-grid-archive-toggle (valueChange)=\"onArchiveToggle($event)\"\n          ></kit-grid-archive-toggle>\n        }\n        @if (canShowSelectedRowsView()) {\n          <kit-button kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [title]=\"selectedRowsViewLabel() | translate\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [active]=\"showSelectedRowsOnlyRequested()\"\n                      [label]=\"selectedRowsViewLabel() | translate\"\n                      (clicked)=\"onSelectedRowsViewToggle()\"\n          ></kit-button>\n        }\n        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"resolveExportedData\"\n                         [translationMap]=\"translationMap()\"\n                         [pdfExportOptions]=\"pdfOptions()\"\n                         [gridCellValueTransformMap]=\"gridCellValueTransformMap()\" />\n        @if (filters$ | async; as filters) {\n          <kit-grid-filters-toggle [filters]=\"filters\"\n                                   [hasTooltip]=\"searchIsOpen()\"\n                                   [active]=\"filtersVisible()\"\n                                   (clicked)=\"onFiltersToggle()\" />\n          <kit-grid-column-manager class=\"grid-column-manager\"\n                                   [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      @if (searchVisible()) {\n        <div class=\"grid-header-search\">\n          <kit-grid-search #search\n                          [disabled]=\"isSearchDisabled()\"\n                          (toggleSearch)=\"searchIsOpen.set($event)\" />\n        </div>\n      }\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]=\"displayedGridResults()\"\n                [pageable]=\"pageable()\"\n                [pageSize]=\"gridState().take\"\n                [sort]=\"gridState().sort\"\n                [sortable]=\"sortable\"\n                [detailTemplateShowIf]=\"isDetailTemplateVisible()\"\n                [detailTemplateExpandDisableIf]=\"detailTemplateExpandDisableIf()\"\n                [pdfOptions]=\"pdfOptions()\"\n                [loading]=\"isExporting() || isLoading()\"\n                [skip]=\"gridState().skip\"\n                [pagerInfoText]=\"pagerInfoText()\"\n                [pageSizes]=\"pageSizes()\"\n                [rowClassFn]=\"rowClassFn()\"\n                [gridDetailTemplate]=\"gridDetailTemplate()\"\n                [selectedRowsOnly]=\"showSelectedRowsOnlyRequested()\"\n                [rowClickSelectionEnabled]=\"enableSelectedRowsView()\"\n                [(selectedKeys)]=\"selectedKeys\"\n                (selectionChanged)=\"onSelectionChange($event)\"\n                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid class=\"kit-skeleton-grid\"\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[footerActions]\"></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", "preserveReadonlyFilters"], outputs: ["viewChanged", "viewSelectionChanged"] }, { kind: "component", type: KitGridExportComponent, selector: "kit-grid-export", inputs: ["getExportedData", "translationMap", "exportedFileName", "pdfExportOptions", "gridHasData", "gridCellValueTransformMap", "visibleColumns"], outputs: ["exportRequested"] }, { 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", "selectedRowsOnly", "rowClickSelectionEnabled", "detailTemplateShowIf", "detailTemplateExpandDisableIf", "showFooter", "footerTitle", "footerData", "pdfOptions", "pagerButtonCount", "pageSizes", "pagerInfoText", "noRecordsText", "resizable", "gridDetailTemplate", "rowClassFn", "rowReorderable", "selectedKeys"], outputs: ["skipChange", "loadingChange", "rowReordered", "selectionChanged", "pageChanged", "sortChanged", "dataStateChanged", "detailExpanded", "detailCollapsed", "cellClicked", "excelExport", "selectedKeysChange"] }, { 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", "kitTooltipOffset"] }, { kind: "component", type: KitGridArchiveToggle, selector: "kit-grid-archive-toggle", outputs: ["valueChange"] }, { kind: "component", type: KitGridFiltersToggleComponent, selector: "kit-grid-filters-toggle", inputs: ["filters", "hasTooltip", "active"], outputs: ["clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "columnMarkers", predicate: KIT_GRID_COLUMN_MARKER, descendants: true, 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                      [preserveReadonlyFilters]=\"preserveReadonlyFilters()\"\n                      (viewChanged)=\"onGridViewChange()\"\n                      (viewSelectionChanged)=\"viewSelectionChanged()\"\n      ></kit-grid-views>\n      <div class=\"grid-header-actions\">\n        <ng-content select=\"[headerActions]\"></ng-content>\n        @if (showRefreshButton()) {\n          <kit-button kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [title]=\"'kit.grid.actions.refresh' | translate\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.RESET\"\n                      (clicked)=\"onRefreshButtonClick()\"\n          ></kit-button>\n        }\n        @if (showArchiveToggle()) {\n          <kit-grid-archive-toggle (valueChange)=\"onArchiveToggle($event)\"\n          ></kit-grid-archive-toggle>\n        }\n        @if (canShowSelectedRowsView()) {\n          <kit-button kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [title]=\"selectedRowsViewLabel() | translate\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [active]=\"showSelectedRowsOnlyRequested()\"\n                      [label]=\"selectedRowsViewLabel() | translate\"\n                      (clicked)=\"onSelectedRowsViewToggle()\"\n          ></kit-button>\n        }\n        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"resolveExportedData\"\n                         [translationMap]=\"translationMap()\"\n                         [pdfExportOptions]=\"pdfOptions()\"\n                         [gridCellValueTransformMap]=\"gridCellValueTransformMap()\" />\n        @if (filters$ | async; as filters) {\n          <kit-grid-filters-toggle [filters]=\"filters\"\n                                   [hasTooltip]=\"searchIsOpen()\"\n                                   [active]=\"filtersVisible()\"\n                                   (clicked)=\"onFiltersToggle()\" />\n          <kit-grid-column-manager class=\"grid-column-manager\"\n                                   [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      @if (searchVisible()) {\n        <div class=\"grid-header-search\">\n          <kit-grid-search #search\n                          [disabled]=\"isSearchDisabled()\"\n                          (toggleSearch)=\"searchIsOpen.set($event)\" />\n        </div>\n      }\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]=\"displayedGridResults()\"\n                [pageable]=\"pageable()\"\n                [pageSize]=\"gridState().take\"\n                [sort]=\"gridState().sort\"\n                [sortable]=\"sortable\"\n                [detailTemplateShowIf]=\"isDetailTemplateVisible()\"\n                [detailTemplateExpandDisableIf]=\"detailTemplateExpandDisableIf()\"\n                [pdfOptions]=\"pdfOptions()\"\n                [loading]=\"isExporting() || isLoading()\"\n                [skip]=\"gridState().skip\"\n                [pagerInfoText]=\"pagerInfoText()\"\n                [pageSizes]=\"pageSizes()\"\n                [rowClassFn]=\"rowClassFn()\"\n                [gridDetailTemplate]=\"gridDetailTemplate()\"\n                [selectedRowsOnly]=\"showSelectedRowsOnlyRequested()\"\n                [rowClickSelectionEnabled]=\"enableSelectedRowsView()\"\n                [(selectedKeys)]=\"selectedKeys\"\n                (selectionChanged)=\"onSelectionChange($event)\"\n                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid class=\"kit-skeleton-grid\"\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[footerActions]\"></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%}\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", "preserveReadonlyFilters"], outputs: ["viewChanged", "viewSelectionChanged"] }, { kind: "component", type: KitGridExportComponent, selector: "kit-grid-export", inputs: ["getExportedData", "translationMap", "exportedFileName", "pdfExportOptions", "gridHasData", "gridCellValueTransformMap", "visibleColumns"], outputs: ["exportRequested"] }, { 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", "selectedRowsOnly", "rowClickSelectionEnabled", "detailTemplateShowIf", "detailTemplateExpandDisableIf", "showFooter", "footerTitle", "footerData", "pdfOptions", "pagerButtonCount", "pageSizes", "pagerInfoText", "noRecordsText", "resizable", "gridDetailTemplate", "rowClassFn", "rowReorderable", "selectedKeys"], outputs: ["skipChange", "loadingChange", "rowReordered", "selectionChanged", "pageChanged", "sortChanged", "dataStateChanged", "detailExpanded", "detailCollapsed", "cellClicked", "excelExport", "selectedKeysChange"] }, { 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", "kitTooltipOffset"] }, { kind: "component", type: KitGridArchiveToggle, selector: "kit-grid-archive-toggle", outputs: ["valueChange"] }, { kind: "component", type: KitGridFiltersToggleComponent, selector: "kit-grid-filters-toggle", inputs: ["filters", "hasTooltip", "active"], outputs: ["clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitEntityGridComponent, decorators: [{
             type: Component,
@@ -16569,7 +16565,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
                     ], 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                      [preserveReadonlyFilters]=\"preserveReadonlyFilters()\"\n                      (viewChanged)=\"onGridViewChange()\"\n                      (viewSelectionChanged)=\"viewSelectionChanged()\"\n      ></kit-grid-views>\n      <div class=\"grid-header-actions\">\n        <ng-content select=\"[headerActions]\"></ng-content>\n        @if (showRefreshButton()) {\n          <kit-button kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [title]=\"'kit.grid.actions.refresh' | translate\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.RESET\"\n                      (clicked)=\"onRefreshButtonClick()\"\n          ></kit-button>\n        }\n        @if (showArchiveToggle()) {\n          <kit-grid-archive-toggle (valueChange)=\"onArchiveToggle($event)\"\n          ></kit-grid-archive-toggle>\n        }\n        @if (canShowSelectedRowsView()) {\n          <kit-button kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [title]=\"selectedRowsViewLabel() | translate\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [active]=\"showSelectedRowsOnlyRequested()\"\n                      [label]=\"selectedRowsViewLabel() | translate\"\n                      (clicked)=\"onSelectedRowsViewToggle()\"\n          ></kit-button>\n        }\n        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"resolveExportedData\"\n                         [translationMap]=\"translationMap()\"\n                         [pdfExportOptions]=\"pdfOptions()\"\n                         [gridCellValueTransformMap]=\"gridCellValueTransformMap()\" />\n        @if (filters$ | async; as filters) {\n          <kit-grid-filters-toggle [filters]=\"filters\"\n                                   [hasTooltip]=\"searchIsOpen()\"\n                                   [active]=\"filtersVisible()\"\n                                   (clicked)=\"onFiltersToggle()\" />\n          <kit-grid-column-manager class=\"grid-column-manager\"\n                                   [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      @if (searchVisible()) {\n        <div class=\"grid-header-search\">\n          <kit-grid-search #search\n                          [disabled]=\"isSearchDisabled()\"\n                          (toggleSearch)=\"searchIsOpen.set($event)\" />\n        </div>\n      }\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]=\"displayedGridResults()\"\n                [pageable]=\"pageable()\"\n                [pageSize]=\"gridState().take\"\n                [sort]=\"gridState().sort\"\n                [sortable]=\"sortable\"\n                [detailTemplateShowIf]=\"isDetailTemplateVisible()\"\n                [detailTemplateExpandDisableIf]=\"detailTemplateExpandDisableIf()\"\n                [pdfOptions]=\"pdfOptions()\"\n                [loading]=\"isExporting() || isLoading()\"\n                [skip]=\"gridState().skip\"\n                [pagerInfoText]=\"pagerInfoText()\"\n                [pageSizes]=\"pageSizes()\"\n                [rowClassFn]=\"rowClassFn()\"\n                [gridDetailTemplate]=\"gridDetailTemplate()\"\n                [selectedRowsOnly]=\"showSelectedRowsOnlyRequested()\"\n                [rowClickSelectionEnabled]=\"enableSelectedRowsView()\"\n                [(selectedKeys)]=\"selectedKeys\"\n                (selectionChanged)=\"onSelectionChange($event)\"\n                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid class=\"kit-skeleton-grid\"\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[footerActions]\"></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                      [preserveReadonlyFilters]=\"preserveReadonlyFilters()\"\n                      (viewChanged)=\"onGridViewChange()\"\n                      (viewSelectionChanged)=\"viewSelectionChanged()\"\n      ></kit-grid-views>\n      <div class=\"grid-header-actions\">\n        <ng-content select=\"[headerActions]\"></ng-content>\n        @if (showRefreshButton()) {\n          <kit-button kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [title]=\"'kit.grid.actions.refresh' | translate\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.RESET\"\n                      (clicked)=\"onRefreshButtonClick()\"\n          ></kit-button>\n        }\n        @if (showArchiveToggle()) {\n          <kit-grid-archive-toggle (valueChange)=\"onArchiveToggle($event)\"\n          ></kit-grid-archive-toggle>\n        }\n        @if (canShowSelectedRowsView()) {\n          <kit-button kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [title]=\"selectedRowsViewLabel() | translate\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [active]=\"showSelectedRowsOnlyRequested()\"\n                      [label]=\"selectedRowsViewLabel() | translate\"\n                      (clicked)=\"onSelectedRowsViewToggle()\"\n          ></kit-button>\n        }\n        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"resolveExportedData\"\n                         [translationMap]=\"translationMap()\"\n                         [pdfExportOptions]=\"pdfOptions()\"\n                         [gridCellValueTransformMap]=\"gridCellValueTransformMap()\" />\n        @if (filters$ | async; as filters) {\n          <kit-grid-filters-toggle [filters]=\"filters\"\n                                   [hasTooltip]=\"searchIsOpen()\"\n                                   [active]=\"filtersVisible()\"\n                                   (clicked)=\"onFiltersToggle()\" />\n          <kit-grid-column-manager class=\"grid-column-manager\"\n                                   [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      @if (searchVisible()) {\n        <div class=\"grid-header-search\">\n          <kit-grid-search #search\n                          [disabled]=\"isSearchDisabled()\"\n                          (toggleSearch)=\"searchIsOpen.set($event)\" />\n        </div>\n      }\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]=\"displayedGridResults()\"\n                [pageable]=\"pageable()\"\n                [pageSize]=\"gridState().take\"\n                [sort]=\"gridState().sort\"\n                [sortable]=\"sortable\"\n                [detailTemplateShowIf]=\"isDetailTemplateVisible()\"\n                [detailTemplateExpandDisableIf]=\"detailTemplateExpandDisableIf()\"\n                [pdfOptions]=\"pdfOptions()\"\n                [loading]=\"isExporting() || isLoading()\"\n                [skip]=\"gridState().skip\"\n                [pagerInfoText]=\"pagerInfoText()\"\n                [pageSizes]=\"pageSizes()\"\n                [rowClassFn]=\"rowClassFn()\"\n                [gridDetailTemplate]=\"gridDetailTemplate()\"\n                [selectedRowsOnly]=\"showSelectedRowsOnlyRequested()\"\n                [rowClickSelectionEnabled]=\"enableSelectedRowsView()\"\n                [(selectedKeys)]=\"selectedKeys\"\n                (selectionChanged)=\"onSelectionChange($event)\"\n                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid class=\"kit-skeleton-grid\"\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[footerActions]\"></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%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { statesToReset: [{ type: i0.Input, args: [{ isSignal: true, alias: "statesToReset", required: false }] }], gridData: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridData", required: true }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], gridColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridColumns", required: true }] }], defaultViewName: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultViewName", required: true }] }], viewGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewGroup", required: true }] }], viewGroupConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewGroupConfig", required: true }] }], pdfOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pdfOptions", required: true }] }], getExportedData: [{ type: i0.Input, args: [{ isSignal: true, alias: "getExportedData", required: true }] }], defaultSorting: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultSorting", required: false }] }], filterExcludedColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterExcludedColumns", required: false }] }], systemViews: [{ type: i0.Input, args: [{ isSignal: true, alias: "systemViews", required: false }] }], preserveReadonlyFilters: [{ type: i0.Input, args: [{ isSignal: true, alias: "preserveReadonlyFilters", required: false }] }], translationMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationMap", required: false }] }], isDetailTemplateVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDetailTemplateVisible", required: false }] }], detailTemplateExpandDisableIf: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailTemplateExpandDisableIf", required: false }] }], gridHasData: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridHasData", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], pagerInfoText: [{ type: i0.Input, args: [{ isSignal: true, alias: "pagerInfoText", required: false }] }], showBreadcrumbs: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBreadcrumbs", required: false }] }], pageSizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizes", required: false }] }], rowClassFn: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowClassFn", required: false }] }], showArchiveToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showArchiveToggle", required: false }] }], showRefreshButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showRefreshButton", required: false }] }], pageable: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageable", required: false }] }], searchVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchVisible", required: false }] }], selectedKeys: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedKeys", required: false }] }, { type: i0.Output, args: ["selectedKeysChange"] }], enableSelectedRowsView: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSelectedRowsView", required: false }] }], gridCellValueTransformMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridCellValueTransformMap", required: false }] }], gridViewChanged: [{ type: i0.Output, args: ["gridViewChanged"] }], archiveModeChanged: [{ type: i0.Output, args: ["archiveModeChanged"] }], refreshButtonClicked: [{ type: i0.Output, args: ["refreshButtonClicked"] }], selectionChanged: [{ type: i0.Output, args: ["selectionChanged"] }], resetSelectedKeys: [{ type: i0.Output, args: ["resetSelectedKeys"] }], search: [{ type: i0.ViewChild, args: ['search', { ...{ read: KitGridSearchComponent }, isSignal: true }] }], kitGridComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitGridComponent), { isSignal: true }] }], gridExportComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => KitGridExportComponent), { isSignal: true }] }], columnMarkers: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KIT_GRID_COLUMN_MARKER), { ...{ descendants: true }, isSignal: true }] }], gridDetailTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitGridDetailTemplateDirective), { ...{
                             read: TemplateRef,
                         }, isSignal: true }] }] } });