@indigina/ui-kit 1.1.317 → 1.1.319

package/fesm2022/indigina-ui-kit.mjs

@@ -851,6 +851,7 @@ class KitTextboxActionsComponent {
         this.placeholder = input('', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
         this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
         this.validators = input([], ...(ngDevMode ? [{ debugName: "validators" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this.showActions = input(true, ...(ngDevMode ? [{ debugName: "showActions" }] : []));
         this.saved = output();
         this.canceled = output();
@@ -944,7 +945,7 @@ class KitTextboxActionsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTextboxActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitTextboxActionsComponent, isStandalone: true, selector: "kit-textbox-actions", inputs: { defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, validators: { classPropertyName: "validators", publicName: "validators", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saved: "saved", canceled: "canceled" }, viewQueries: [{ propertyName: "kitTextboxComponent", first: true, predicate: KitTextboxComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (label()) {\n  <kit-input-label class=\"label\"\n                   [text]=\"label()\"\n                   [for]=\"$any(textbox)\"/>\n}\n<div class=\"kit-textbox-wrapper\">\n  <kit-textbox #textbox\n               class=\"textbox\"\n               maxLength=\"250\"\n               [defaultValue]=\"defaultValue()\"\n               [placeholder]=\"placeholder()\"\n               [showStateIcon]=\"false\"\n               [state]=\"validationErrors().length ? kitTextboxState.ERROR : kitTextboxState.DEFAULT\"\n               [messageText]=\"validationErrors().join('. ')\"\n               (changed)=\"onTextboxChange($event)\" />\n  @if (isTextboxFocused() && showActions()) {\n    <div class=\"kit-textbox-actions\">\n      <kit-button [icon]=\"kitSvgIcon.CHECK\"\n                  [iconType]=\"kitSvgIconType.STROKE\"\n                  [type]=\"kitButtonType.TEXT\"\n                  (clicked)=\"save()\"/>\n      <kit-button [icon]=\"kitSvgIcon.CROSS\"\n                  [type]=\"kitButtonType.TEXT\"\n                  (clicked)=\"revertChanges()\"/>\n    </div>\n  }\n</div>\n", styles: [".label{display:block;margin-bottom:4px}.label ::ng-deep .k-label{font-weight:700}.kit-textbox-wrapper{width:100%;display:flex;padding-bottom:10px}.kit-textbox-wrapper .textbox{width:100%}.kit-textbox-actions{display:flex;align-items:start}\n"], dependencies: [{ kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitTextboxActionsComponent, isStandalone: true, selector: "kit-textbox-actions", inputs: { defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, validators: { classPropertyName: "validators", publicName: "validators", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { saved: "saved", canceled: "canceled" }, viewQueries: [{ propertyName: "kitTextboxComponent", first: true, predicate: KitTextboxComponent, descendants: true, isSignal: true }], ngImport: i0, template: "@if (label()) {\n  <kit-input-label class=\"label\"\n                   [text]=\"label()\"\n                   [for]=\"$any(textbox)\"/>\n}\n<div class=\"kit-textbox-wrapper\">\n  <kit-textbox #textbox\n               class=\"textbox\"\n               maxLength=\"250\"\n               [disabled]=\"disabled()\"\n               [defaultValue]=\"defaultValue()\"\n               [placeholder]=\"placeholder()\"\n               [showStateIcon]=\"false\"\n               [state]=\"validationErrors().length ? kitTextboxState.ERROR : kitTextboxState.DEFAULT\"\n               [messageText]=\"validationErrors().join('. ')\"\n               (changed)=\"onTextboxChange($event)\" />\n  @if (isTextboxFocused() && showActions()) {\n    <div class=\"kit-textbox-actions\">\n      <kit-button [icon]=\"kitSvgIcon.CHECK\"\n                  [iconType]=\"kitSvgIconType.STROKE\"\n                  [type]=\"kitButtonType.TEXT\"\n                  (clicked)=\"save()\"/>\n      <kit-button [icon]=\"kitSvgIcon.CROSS\"\n                  [type]=\"kitButtonType.TEXT\"\n                  (clicked)=\"revertChanges()\"/>\n    </div>\n  }\n</div>\n", styles: [".label{display:block;margin-bottom:4px}.label ::ng-deep .k-label{font-weight:700}.kit-textbox-wrapper{width:100%;display:flex;padding-bottom:10px}.kit-textbox-wrapper .textbox{width:100%}.kit-textbox-actions{display:flex;align-items:start}\n"], dependencies: [{ kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: KitInputLabelComponent, selector: "kit-input-label", inputs: ["text", "for", "tooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitTextboxActionsComponent, decorators: [{
             type: Component,
@@ -954,7 +955,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                         TranslateModule,
                         ReactiveFormsModule,
                         KitInputLabelComponent,
-                    ], template: "@if (label()) {\n  <kit-input-label class=\"label\"\n                   [text]=\"label()\"\n                   [for]=\"$any(textbox)\"/>\n}\n<div class=\"kit-textbox-wrapper\">\n  <kit-textbox #textbox\n               class=\"textbox\"\n               maxLength=\"250\"\n               [defaultValue]=\"defaultValue()\"\n               [placeholder]=\"placeholder()\"\n               [showStateIcon]=\"false\"\n               [state]=\"validationErrors().length ? kitTextboxState.ERROR : kitTextboxState.DEFAULT\"\n               [messageText]=\"validationErrors().join('. ')\"\n               (changed)=\"onTextboxChange($event)\" />\n  @if (isTextboxFocused() && showActions()) {\n    <div class=\"kit-textbox-actions\">\n      <kit-button [icon]=\"kitSvgIcon.CHECK\"\n                  [iconType]=\"kitSvgIconType.STROKE\"\n                  [type]=\"kitButtonType.TEXT\"\n                  (clicked)=\"save()\"/>\n      <kit-button [icon]=\"kitSvgIcon.CROSS\"\n                  [type]=\"kitButtonType.TEXT\"\n                  (clicked)=\"revertChanges()\"/>\n    </div>\n  }\n</div>\n", styles: [".label{display:block;margin-bottom:4px}.label ::ng-deep .k-label{font-weight:700}.kit-textbox-wrapper{width:100%;display:flex;padding-bottom:10px}.kit-textbox-wrapper .textbox{width:100%}.kit-textbox-actions{display:flex;align-items:start}\n"] }]
+                    ], template: "@if (label()) {\n  <kit-input-label class=\"label\"\n                   [text]=\"label()\"\n                   [for]=\"$any(textbox)\"/>\n}\n<div class=\"kit-textbox-wrapper\">\n  <kit-textbox #textbox\n               class=\"textbox\"\n               maxLength=\"250\"\n               [disabled]=\"disabled()\"\n               [defaultValue]=\"defaultValue()\"\n               [placeholder]=\"placeholder()\"\n               [showStateIcon]=\"false\"\n               [state]=\"validationErrors().length ? kitTextboxState.ERROR : kitTextboxState.DEFAULT\"\n               [messageText]=\"validationErrors().join('. ')\"\n               (changed)=\"onTextboxChange($event)\" />\n  @if (isTextboxFocused() && showActions()) {\n    <div class=\"kit-textbox-actions\">\n      <kit-button [icon]=\"kitSvgIcon.CHECK\"\n                  [iconType]=\"kitSvgIconType.STROKE\"\n                  [type]=\"kitButtonType.TEXT\"\n                  (clicked)=\"save()\"/>\n      <kit-button [icon]=\"kitSvgIcon.CROSS\"\n                  [type]=\"kitButtonType.TEXT\"\n                  (clicked)=\"revertChanges()\"/>\n    </div>\n  }\n</div>\n", styles: [".label{display:block;margin-bottom:4px}.label ::ng-deep .k-label{font-weight:700}.kit-textbox-wrapper{width:100%;display:flex;padding-bottom:10px}.kit-textbox-wrapper .textbox{width:100%}.kit-textbox-actions{display:flex;align-items:start}\n"] }]
         }], ctorParameters: () => [] });
 
 var KitNumericTextboxState;
@@ -7140,7 +7141,15 @@ let KitGridViewsState = class KitGridViewsState {
             data: patch({
                 views: data,
             }),
-        }))));
+        }))), catchError(() => {
+            ctx.setState(patch({
+                loading: false,
+                data: patch({
+                    views: action.payload.defaultItems ?? [],
+                }),
+            }));
+            return of([]);
+        }));
     }
     addGridView(ctx, action) {
         const items = ctx.getState().data.views;
@@ -7184,7 +7193,14 @@ let KitGridViewsState = class KitGridViewsState {
             data: patch({
                 config: values[0],
             }),
-        }))));
+        }))), catchError(() => {
+            ctx.setState(patch({
+                data: patch({
+                    config: null,
+                }),
+            }));
+            return of([]);
+        }));
     }
     updateGridViewsConfig(ctx, action) {
         const { title, group, viewState } = action.payload;
@@ -7502,6 +7518,7 @@ class KitGridViewsComponent {
         this.defaultViewName = input.required(...(ngDevMode ? [{ debugName: "defaultViewName" }] : []));
         this.defaultSorting = input.required(...(ngDevMode ? [{ debugName: "defaultSorting" }] : []));
         this.systemViews = input.required(...(ngDevMode ? [{ debugName: "systemViews" }] : []));
+        this.shouldMatchDefaultColumns = input(true, ...(ngDevMode ? [{ debugName: "shouldMatchDefaultColumns" }] : []));
         this.viewChanged = output();
         this.anchor = viewChild('toggleButton', ...(ngDevMode ? [{ debugName: "anchor", read: ElementRef }] : [{ read: ElementRef }]));
         this.collapsedList = viewChild((KitCollapsedListComponent), ...(ngDevMode ? [{ debugName: "collapsedList" }] : []));
@@ -7678,6 +7695,8 @@ class KitGridViewsComponent {
         ]).subscribe(() => {
             if (urlState?.skip === undefined) {
                 this.skipQueryParamsUpdate.set(true);
+            }
+            if (urlState?.skip === undefined || !this.shouldMatchDefaultColumns()) {
                 this.kitGridUrlStateService.setGridStateToUrl(this.store.selectSnapshot(KIT_GRID_STATE_TOKEN));
             }
             this.viewChanged.emit();
@@ -7704,7 +7723,9 @@ class KitGridViewsComponent {
         const reset = this.needToResetQueryParams();
         const useViewState = reset || urlState.skip === undefined;
         const defaults = this.defaultGridState;
-        const defaultColumns = buildGridColumns(defaults.columns, viewState.columns ?? defaults.columns);
+        const defaultColumns = this.shouldMatchDefaultColumns()
+            ? buildGridColumns(defaults.columns, viewState.columns ?? defaults.columns)
+            : viewState.columns;
         const state = {
             skip: urlState.skip ?? defaults.skip,
             take: urlState.take ?? defaults.take,
@@ -7730,7 +7751,7 @@ class KitGridViewsComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitGridViewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitGridViewsComponent, isStandalone: true, selector: "kit-grid-views", inputs: { viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, viewConfigGroup: { classPropertyName: "viewConfigGroup", publicName: "viewConfigGroup", isSignal: true, isRequired: true, transformFunction: null }, defaultColumns: { classPropertyName: "defaultColumns", publicName: "defaultColumns", isSignal: true, isRequired: true, transformFunction: null }, defaultViewName: { classPropertyName: "defaultViewName", publicName: "defaultViewName", isSignal: true, isRequired: true, transformFunction: null }, defaultSorting: { classPropertyName: "defaultSorting", publicName: "defaultSorting", isSignal: true, isRequired: true, transformFunction: null }, systemViews: { classPropertyName: "systemViews", publicName: "systemViews", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { viewChanged: "viewChanged" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitGridViewsComponent, isStandalone: true, selector: "kit-grid-views", inputs: { viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, viewConfigGroup: { classPropertyName: "viewConfigGroup", publicName: "viewConfigGroup", isSignal: true, isRequired: true, transformFunction: null }, defaultColumns: { classPropertyName: "defaultColumns", publicName: "defaultColumns", isSignal: true, isRequired: true, transformFunction: null }, defaultViewName: { classPropertyName: "defaultViewName", publicName: "defaultViewName", isSignal: true, isRequired: true, transformFunction: null }, defaultSorting: { classPropertyName: "defaultSorting", publicName: "defaultSorting", isSignal: true, isRequired: true, transformFunction: null }, systemViews: { classPropertyName: "systemViews", publicName: "systemViews", isSignal: true, isRequired: true, transformFunction: null }, shouldMatchDefaultColumns: { classPropertyName: "shouldMatchDefaultColumns", publicName: "shouldMatchDefaultColumns", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { viewChanged: "viewChanged" }, providers: [
             TitleCasePipe,
             KitGridUrlStateService,
         ], viewQueries: [{ propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "collapsedList", first: true, predicate: (KitCollapsedListComponent), descendants: true, isSignal: true }, { propertyName: "createNewViewPopup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-views\">\n  @if (viewsState$ | async; as viewsState) {\n    @if (!viewsState.loading) {\n      <div class=\"views-actions\">\n        <kit-button #toggleButton\n                    kitTooltip\n                    kitTooltipFilter=\"kit-button\"\n                    [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                    [title]=\"'kit.views.addView' | translate\"\n                    [icon]=\"kitSvgIcon.PLUS\"\n                    [kind]=\"kitButtonKind.MEDIUM\"\n                    [active]=\"popup.isPopupOpen\"\n                    [type]=\"kitButtonType.GHOST\"\n                    (clicked)=\"onCreateViewPopupToggle()\"\n        ></kit-button>\n        <kit-grid-views-save [viewGroup]=\"viewGroup()\"\n                             [views]=\"views()\"\n                             [viewsAutocompleteItems]=\"viewsAutocompleteItems$ | async\"\n                             (resetQueryParams)=\"resetQueryParams()\"\n        ></kit-grid-views-save>\n        <kit-button kitTooltip\n                    kitTooltipFilter=\"kit-button\"\n                    [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                    [title]=\"'kit.views.manageViews' | translate\"\n                    [icon]=\"kitSvgIcon.VIEWS\"\n                    [kind]=\"kitButtonKind.MEDIUM\"\n                    [type]=\"kitButtonType.GHOST\"\n                    [disabled]=\"views().length < 2\"\n                    (clicked)=\"openViewsManagerModal()\"\n        ></kit-button>\n      </div>\n      <div class=\"views-list\">\n        <kit-collapsed-list [itemList]=\"collapsedListItems()\"\n                            [dropdownDefaultValueText]=\"collapsedListDropdownText()\"\n                            [lineHeight]=\"32\"\n                            [gap]=\"0\"\n                            [itemTemplate]=\"collapsedListItem\"\n                            [dropdownAlign]=\"kitCollapsedListDropdownAlign.INLINE\"\n                            (selectItem)=\"onSelectView($event)\"/>\n      </div>\n    } @else {\n      <kit-skeleton [width]=\"200\"\n                    [height]=\"32\"\n      ></kit-skeleton>\n    }\n  }\n</div>\n\n<ng-template #collapsedListItem let-item>\n  <kit-button class=\"views-item\"\n              [ngClass]=\"item.type\"\n              [active]=\"item.title === selectedView()?.title && item.type === selectedView()?.type\"\n              [label]=\"item.title | titlecase\"\n              [type]=\"item.title === selectedView()?.title && item.type === selectedView()?.type &&\n              kitButtonType.GHOST || kitButtonType.LINK\"\n              [kind]=\"kitButtonKind.MEDIUM\"\n              [iconType]=\"item.type === gridViewType.SYSTEM && kitSvgIconType.STROKE || kitSvgIconType.FILL\"\n              [iconPosition]=\"kitButtonIconPosition.LEADING\"/>\n</ng-template>\n\n<kit-popup #popup\n           popupClass=\"kit-grid-new-view-popup\"\n           [anchor]=\"$any(anchor())\"\n           [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <div class=\"new-view\">\n    <kit-textbox class=\"new-view-input\"\n                 [defaultValue]=\"createNewViewName()\"\n                 [placeholder]=\"'kit.views.enterText' | translate\"\n                 [state]=\"isViewNameValid && kitTextboxState.DEFAULT || kitTextboxState.ERROR\"\n                 [messageText]=\"inputMessage\"\n                 (changed)=\"createNewViewName.set($event)\"\n    ></kit-textbox>\n    <kit-button [label]=\"'kit.views.save' | translate\"\n                [disabled]=\"!createNewViewName() || !isViewNameValid || isViewSaving()\"\n                (clicked)=\"onViewCreate()\"\n    ></kit-button>\n  </div>\n</ng-template>\n", styles: [".kit-grid-views{display:flex;gap:16px}.kit-grid-views .views-actions{display:flex;gap:16px;padding-right:16px;border-right:1px solid var(--ui-kit-color-grey-11)}.kit-grid-views .views-list{width:100%;min-width:0}::ng-deep .views-list .views-item.system .k-button{color:var(--ui-kit-color-blue)}::ng-deep .views-list .views-item:hover .k-button{color:var(--ui-kit-color-main)}::ng-deep .views-list .views-item .k-button.active{color:var(--ui-kit-color-main)}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner{padding:0 16px}::ng-deep .views-list .collapsed-list-dropdown .dropdown .k-input-inner .value-icon{margin-left:5px}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown:focus-within .dropdown{box-shadow:none}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown{border-color:transparent;background-color:transparent}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text span{color:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown .dropdown .k-input-value-text svg{stroke:var(--ui-kit-color-main)}::ng-deep .kit-grid-views .views-list .wrapper-inner .collapsed-list-dropdown.selected .dropdown{color:var(--ui-kit-color-main);border-color:var(--ui-kit-color-main);background:var(--ui-kit-color-background)}::ng-deep .kit-dropdown-popup.k-popup.collapsed-list-popup{width:360px}::ng-deep .kit-popup.kit-grid-new-view-popup{width:400px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view{display:flex;flex-direction:row;gap:12px}::ng-deep .kit-popup.kit-grid-new-view-popup .new-view-input{flex:1}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }, { kind: "component", type: KitGridViewsSaveComponent, selector: "kit-grid-views-save", inputs: ["viewGroup", "views", "viewsAutocompleteItems"], outputs: ["resetQueryParams"] }, { kind: "component", type: KitCollapsedListComponent, selector: "kit-collapsed-list", inputs: ["itemList", "lineHeight", "dropdownDefaultValueText", "gap", "disableActions", "itemTemplate", "dropdownFooterTemplate", "dropdownItemTemplate", "dropdownNoDataTemplate", "appendTo", "alwaysShowDropdown", "dropdownAlign"], outputs: ["selectItem"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitPopupComponent, selector: "kit-popup", inputs: ["anchor", "content", "closeOnOutsideClick", "showFooter", "cancelButtonLabel", "applyButtonLabel", "isApplyButtonDisabled", "positionMode", "popupClass", "closePopupOnCancel", "extraInsideSelectors"], outputs: ["cancelAction", "applyAction", "opened", "closed"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: i1$c.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -9042,24 +9063,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                     ], template: "<div class=\"kit-grid-details-button\">\n  <a class=\"button-link\"\n     [routerLink]=\"link()\"\n     [queryParamsHandling]=\"queryParamsHandling()\">\n    <kit-svg-icon class=\"button-icon\"\n                  kitTooltip\n                  kitTooltipFilter=\".button-icon\"\n                  [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                  [title]=\"'kit.grid.view' | translate\"\n                  [icon]=\"kitSvgIcon.DETAILS\" />\n  </a>\n</div>\n", styles: [".kit-grid-details-button{display:flex;justify-content:center;align-items:center}.kit-grid-details-button .button-link{padding:0 8px}.kit-grid-details-button .button-link:hover .button-icon{fill:var(--color-main)}.kit-grid-details-button .button-icon{display:block;fill:var(--color-grey-4);stroke:none;width:16px;height:16px;cursor:pointer}\n"] }]
         }] });
 
-class KitSkeletonGridComponent {
-    constructor() {
-        this.itemsCount = input(10, ...(ngDevMode ? [{ debugName: "itemsCount" }] : []));
-        this.childItems = Array(4);
-    }
-    get items() {
-        return Array(this.itemsCount());
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSkeletonGridComponent, isStandalone: true, selector: "kit-skeleton-grid", inputs: { itemsCount: { classPropertyName: "itemsCount", publicName: "itemsCount", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-skeleton-grid\">\n  <kit-skeleton [height]=\"39\"\n  ></kit-skeleton>\n\n  @for (item of items; track item) {\n    <div class=\"kit-skeleton-grid-items\">\n      @for (child of childItems; track child) {\n        <kit-skeleton class=\"kit-skeleton-grid-item\"\n                      [height]=\"44\"\n        ></kit-skeleton>\n      }\n    </div>\n  }\n</div>\n", styles: [".kit-skeleton-grid{display:flex;flex-direction:column;gap:1px}.kit-skeleton-grid-items{display:flex;justify-content:space-between;gap:1px}.kit-skeleton-grid-item{flex:1}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonGridComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kit-skeleton-grid', imports: [
-                        KitSkeletonComponent,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-skeleton-grid\">\n  <kit-skeleton [height]=\"39\"\n  ></kit-skeleton>\n\n  @for (item of items; track item) {\n    <div class=\"kit-skeleton-grid-items\">\n      @for (child of childItems; track child) {\n        <kit-skeleton class=\"kit-skeleton-grid-item\"\n                      [height]=\"44\"\n        ></kit-skeleton>\n      }\n    </div>\n  }\n</div>\n", styles: [".kit-skeleton-grid{display:flex;flex-direction:column;gap:1px}.kit-skeleton-grid-items{display:flex;justify-content:space-between;gap:1px}.kit-skeleton-grid-item{flex:1}\n"] }]
-        }] });
-
 class KitGridArchiveToggle {
     constructor() {
         this.store = inject(Store);
@@ -9091,6 +9094,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<kit-toggle class=\"kit-grid-archive-toggle\"\n            kitTooltip\n            kitTooltipFilter=\".kit-grid-archive-toggle\"\n            [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n            [title]=\"'kit.grid.actions.archive' | translate\"\n            [defaultChecked]=\"gridState()?.archive ?? false\"\n            [size]=\"kitToggleSize.SMALL\"\n            (changed)=\"onChange($event)\"\n></kit-toggle>\n" }]
         }] });
 
+class KitSkeletonGridComponent {
+    constructor() {
+        this.itemsCount = input(10, ...(ngDevMode ? [{ debugName: "itemsCount" }] : []));
+        this.childItems = Array(4);
+    }
+    get items() {
+        return Array(this.itemsCount());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitSkeletonGridComponent, isStandalone: true, selector: "kit-skeleton-grid", inputs: { itemsCount: { classPropertyName: "itemsCount", publicName: "itemsCount", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-skeleton-grid\">\n  <kit-skeleton [height]=\"39\"\n  ></kit-skeleton>\n\n  @for (item of items; track item) {\n    <div class=\"kit-skeleton-grid-items\">\n      @for (child of childItems; track child) {\n        <kit-skeleton class=\"kit-skeleton-grid-item\"\n                      [height]=\"44\"\n        ></kit-skeleton>\n      }\n    </div>\n  }\n</div>\n", styles: [".kit-skeleton-grid{display:flex;flex-direction:column;gap:1px}.kit-skeleton-grid-items{display:flex;justify-content:space-between;gap:1px}.kit-skeleton-grid-item{flex:1}\n"], dependencies: [{ kind: "component", type: KitSkeletonComponent, selector: "kit-skeleton", inputs: ["width", "height", "shape", "animation"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitSkeletonGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kit-skeleton-grid', imports: [
+                        KitSkeletonComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-skeleton-grid\">\n  <kit-skeleton [height]=\"39\"\n  ></kit-skeleton>\n\n  @for (item of items; track item) {\n    <div class=\"kit-skeleton-grid-items\">\n      @for (child of childItems; track child) {\n        <kit-skeleton class=\"kit-skeleton-grid-item\"\n                      [height]=\"44\"\n        ></kit-skeleton>\n      }\n    </div>\n  }\n</div>\n", styles: [".kit-skeleton-grid{display:flex;flex-direction:column;gap:1px}.kit-skeleton-grid-items{display:flex;justify-content:space-between;gap:1px}.kit-skeleton-grid-item{flex:1}\n"] }]
+        }] });
+
 class KitEntityGridComponent {
     constructor() {
         this.store = inject(Store);
@@ -9118,6 +9139,7 @@ class KitEntityGridComponent {
         this.rowClassFn = input(...(ngDevMode ? [undefined, { debugName: "rowClassFn" }] : []));
         this.showArchiveToggle = input(false, ...(ngDevMode ? [{ debugName: "showArchiveToggle" }] : []));
         this.showRefreshButton = input(false, ...(ngDevMode ? [{ debugName: "showRefreshButton" }] : []));
+        this.shouldMatchDefaultColumnsWhenChangeView = input(true, ...(ngDevMode ? [{ debugName: "shouldMatchDefaultColumnsWhenChangeView" }] : []));
         this.gridViewChanged = output();
         this.archiveModeChanged = output();
         this.refreshButtonClicked = output();
@@ -9183,10 +9205,10 @@ class KitEntityGridComponent {
         this.refreshButtonClicked.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitEntityGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitEntityGridComponent, isStandalone: true, selector: "kit-entity-grid", inputs: { gridData: { classPropertyName: "gridData", publicName: "gridData", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, gridColumns: { classPropertyName: "gridColumns", publicName: "gridColumns", isSignal: true, isRequired: true, transformFunction: null }, defaultViewName: { classPropertyName: "defaultViewName", publicName: "defaultViewName", isSignal: true, isRequired: true, transformFunction: null }, viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, viewGroupConfig: { classPropertyName: "viewGroupConfig", publicName: "viewGroupConfig", isSignal: true, isRequired: true, transformFunction: null }, pdfOptions: { classPropertyName: "pdfOptions", publicName: "pdfOptions", isSignal: true, isRequired: true, transformFunction: null }, getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, defaultSorting: { classPropertyName: "defaultSorting", publicName: "defaultSorting", isSignal: true, isRequired: false, transformFunction: null }, filterExcludedColumns: { classPropertyName: "filterExcludedColumns", publicName: "filterExcludedColumns", isSignal: true, isRequired: false, transformFunction: null }, systemViews: { classPropertyName: "systemViews", publicName: "systemViews", isSignal: true, isRequired: false, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: false, transformFunction: null }, isDetailTemplateVisible: { classPropertyName: "isDetailTemplateVisible", publicName: "isDetailTemplateVisible", isSignal: true, isRequired: false, transformFunction: null }, detailTemplateExpandDisableIf: { classPropertyName: "detailTemplateExpandDisableIf", publicName: "detailTemplateExpandDisableIf", isSignal: true, isRequired: false, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, pagerInfoText: { classPropertyName: "pagerInfoText", publicName: "pagerInfoText", isSignal: true, isRequired: false, transformFunction: null }, showBreadcrumbs: { classPropertyName: "showBreadcrumbs", publicName: "showBreadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null }, rowClassFn: { classPropertyName: "rowClassFn", publicName: "rowClassFn", isSignal: true, isRequired: false, transformFunction: null }, showArchiveToggle: { classPropertyName: "showArchiveToggle", publicName: "showArchiveToggle", isSignal: true, isRequired: false, transformFunction: null }, showRefreshButton: { classPropertyName: "showRefreshButton", publicName: "showRefreshButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { gridViewChanged: "gridViewChanged", archiveModeChanged: "archiveModeChanged", refreshButtonClicked: "refreshButtonClicked" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: KitEntityGridComponent, isStandalone: true, selector: "kit-entity-grid", inputs: { gridData: { classPropertyName: "gridData", publicName: "gridData", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, gridColumns: { classPropertyName: "gridColumns", publicName: "gridColumns", isSignal: true, isRequired: true, transformFunction: null }, defaultViewName: { classPropertyName: "defaultViewName", publicName: "defaultViewName", isSignal: true, isRequired: true, transformFunction: null }, viewGroup: { classPropertyName: "viewGroup", publicName: "viewGroup", isSignal: true, isRequired: true, transformFunction: null }, viewGroupConfig: { classPropertyName: "viewGroupConfig", publicName: "viewGroupConfig", isSignal: true, isRequired: true, transformFunction: null }, pdfOptions: { classPropertyName: "pdfOptions", publicName: "pdfOptions", isSignal: true, isRequired: true, transformFunction: null }, getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, defaultSorting: { classPropertyName: "defaultSorting", publicName: "defaultSorting", isSignal: true, isRequired: false, transformFunction: null }, filterExcludedColumns: { classPropertyName: "filterExcludedColumns", publicName: "filterExcludedColumns", isSignal: true, isRequired: false, transformFunction: null }, systemViews: { classPropertyName: "systemViews", publicName: "systemViews", isSignal: true, isRequired: false, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: false, transformFunction: null }, isDetailTemplateVisible: { classPropertyName: "isDetailTemplateVisible", publicName: "isDetailTemplateVisible", isSignal: true, isRequired: false, transformFunction: null }, detailTemplateExpandDisableIf: { classPropertyName: "detailTemplateExpandDisableIf", publicName: "detailTemplateExpandDisableIf", isSignal: true, isRequired: false, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, pagerInfoText: { classPropertyName: "pagerInfoText", publicName: "pagerInfoText", isSignal: true, isRequired: false, transformFunction: null }, showBreadcrumbs: { classPropertyName: "showBreadcrumbs", publicName: "showBreadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, pageSizes: { classPropertyName: "pageSizes", publicName: "pageSizes", isSignal: true, isRequired: false, transformFunction: null }, rowClassFn: { classPropertyName: "rowClassFn", publicName: "rowClassFn", isSignal: true, isRequired: false, transformFunction: null }, showArchiveToggle: { classPropertyName: "showArchiveToggle", publicName: "showArchiveToggle", isSignal: true, isRequired: false, transformFunction: null }, showRefreshButton: { classPropertyName: "showRefreshButton", publicName: "showRefreshButton", isSignal: true, isRequired: false, transformFunction: null }, shouldMatchDefaultColumnsWhenChangeView: { classPropertyName: "shouldMatchDefaultColumnsWhenChangeView", publicName: "shouldMatchDefaultColumnsWhenChangeView", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { gridViewChanged: "gridViewChanged", archiveModeChanged: "archiveModeChanged", refreshButtonClicked: "refreshButtonClicked" }, providers: [
             KitBreadcrumbsService,
             KitGridUrlStateService,
-        ], queries: [{ propertyName: "columns", predicate: KitGridColumnComponent, isSignal: true }, { propertyName: "gridDetailTemplate", first: true, predicate: KitGridDetailTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "search", first: true, predicate: ["search"], descendants: true, read: KitGridSearchComponent, isSignal: true }, { propertyName: "kitGridComponent", first: true, predicate: (KitGridComponent), descendants: true, isSignal: true }, { propertyName: "gridExportComponent", first: true, predicate: KitGridExportComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-entity-grid\">\n  @if (showBreadcrumbs()) {\n    <kit-breadcrumbs [items]=\"breadcrumbs()\"></kit-breadcrumbs>\n  }\n  <kit-entity-title>{{ title() }}</kit-entity-title>\n  <div class=\"grid-header\">\n    <div class=\"grid-header-content\">\n      <kit-grid-views class=\"grid-header-views\"\n                      [viewGroup]=\"viewGroup()\"\n                      [viewConfigGroup]=\"viewGroupConfig()\"\n                      [systemViews]=\"systemViews()\"\n                      [defaultColumns]=\"gridColumns()\"\n                      [defaultViewName]=\"defaultViewName()\"\n                      [defaultSorting]=\"defaultSorting()\"\n                      (viewChanged)=\"onGridViewChange()\"\n      ></kit-grid-views>\n      <div class=\"grid-header-actions\">\n        <ng-content select=\"[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        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\" />\n        @if (filters$ | async; as filters) {\n          <kit-button kitBadge\n                      kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [title]=\"'kit.filters.title' | translate\"\n                      [kitTooltipVisible]=\"searchIsOpen()\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [kitBadgeText]=\"filters.length\"\n                      [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n                      [kitBadgeVisible]=\"filters.length > 0\"\n                      [label]=\"searchIsOpen() ? '' : ('kit.filters.title' | translate)\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.FILTER\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [active]=\"filtersVisible()\"\n                      (clicked)=\"onFiltersToggle()\"\n          ></kit-button>\n          <kit-grid-column-manager [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      <div class=\"grid-header-search\">\n        <kit-grid-search #search\n                         [disabled]=\"isSearchDisabled()\"\n                         (toggleSearch)=\"searchIsOpen.set($event)\" />\n      </div>\n    </div>\n    @if (filtersVisible()) {\n      <ng-content select=\"[filters]\"></ng-content>\n    }\n  </div>\n  <ng-content select=\"[post-header-content]\"></ng-content>\n  @if (gridData(); as data) {\n    @if (!data.loading) {\n      <kit-grid class=\"grid\"\n                [data]=\"data.results\"\n                [pageable]=\"true\"\n                [pageSize]=\"gridState().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                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[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"], outputs: ["viewChanged"] }, { kind: "component", type: KitGridExportComponent, selector: "kit-grid-export", inputs: ["getExportedData", "translationMap", "exportedFileName", "drawPdf", "gridHasData", "visibleColumns"] }, { kind: "directive", type: KitBadgeDirective, selector: "[kitBadge]", inputs: ["kitBadgeText", "kitBadgeTheme", "kitBadgeVisible"] }, { kind: "component", type: KitGridColumnManagerComponent, selector: "kit-grid-column-manager", inputs: ["showLabel"] }, { kind: "component", type: KitGridSearchComponent, selector: "kit-grid-search", inputs: ["disabled"], outputs: ["toggleSearch"] }, { kind: "component", type: KitGridComponent, selector: "kit-grid", inputs: ["data", "gridDataBinding", "sortable", "sort", "pageable", "pageSize", "skip", "loading", "detailTemplateShowIf", "detailTemplateExpandDisableIf", "showFooter", "footerTitle", "footerData", "pdfOptions", "pagerButtonCount", "pageSizes", "pagerInfoText", "resizable", "gridDetailTemplate", "rowClassFn"], outputs: ["pageChanged", "sortChanged", "dataStateChanged", "detailExpanded", "detailCollapsed", "cellClicked", "excelExport"] }, { kind: "component", type: KitSkeletonGridComponent, selector: "kit-skeleton-grid", inputs: ["itemsCount"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "component", type: KitGridArchiveToggle, selector: "kit-grid-archive-toggle", outputs: ["valueChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "columns", predicate: KitGridColumnComponent, isSignal: true }, { propertyName: "gridDetailTemplate", first: true, predicate: KitGridDetailTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "search", first: true, predicate: ["search"], descendants: true, read: KitGridSearchComponent, isSignal: true }, { propertyName: "kitGridComponent", first: true, predicate: (KitGridComponent), descendants: true, isSignal: true }, { propertyName: "gridExportComponent", first: true, predicate: KitGridExportComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"kit-entity-grid\">\n  @if (showBreadcrumbs()) {\n    <kit-breadcrumbs [items]=\"breadcrumbs()\"></kit-breadcrumbs>\n  }\n  <kit-entity-title>{{ title() }}</kit-entity-title>\n  <div class=\"grid-header\">\n    <div class=\"grid-header-content\">\n      <kit-grid-views class=\"grid-header-views\"\n                      [viewGroup]=\"viewGroup()\"\n                      [viewConfigGroup]=\"viewGroupConfig()\"\n                      [systemViews]=\"systemViews()\"\n                      [defaultColumns]=\"gridColumns()\"\n                      [defaultViewName]=\"defaultViewName()\"\n                      [defaultSorting]=\"defaultSorting()\"\n                      [shouldMatchDefaultColumns]=\"shouldMatchDefaultColumnsWhenChangeView()\"\n                      (viewChanged)=\"onGridViewChange()\"\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        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\" />\n        @if (filters$ | async; as filters) {\n          <kit-button kitBadge\n                      kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [title]=\"'kit.filters.title' | translate\"\n                      [kitTooltipVisible]=\"searchIsOpen()\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [kitBadgeText]=\"filters.length\"\n                      [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n                      [kitBadgeVisible]=\"filters.length > 0\"\n                      [label]=\"searchIsOpen() ? '' : ('kit.filters.title' | translate)\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.FILTER\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [active]=\"filtersVisible()\"\n                      (clicked)=\"onFiltersToggle()\"\n          ></kit-button>\n          <kit-grid-column-manager [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      <div class=\"grid-header-search\">\n        <kit-grid-search #search\n                         [disabled]=\"isSearchDisabled()\"\n                         (toggleSearch)=\"searchIsOpen.set($event)\" />\n      </div>\n    </div>\n    @if (filtersVisible()) {\n      <ng-content select=\"[filters]\"></ng-content>\n    }\n  </div>\n  <ng-content select=\"[post-header-content]\"></ng-content>\n  @if (gridData(); as data) {\n    @if (!data.loading) {\n      <kit-grid class=\"grid\"\n                [data]=\"data.results\"\n                [pageable]=\"true\"\n                [pageSize]=\"gridState().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                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[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", "shouldMatchDefaultColumns"], outputs: ["viewChanged"] }, { kind: "component", type: KitGridExportComponent, selector: "kit-grid-export", inputs: ["getExportedData", "translationMap", "exportedFileName", "drawPdf", "gridHasData", "visibleColumns"] }, { kind: "directive", type: KitBadgeDirective, selector: "[kitBadge]", inputs: ["kitBadgeText", "kitBadgeTheme", "kitBadgeVisible"] }, { kind: "component", type: KitGridColumnManagerComponent, selector: "kit-grid-column-manager", inputs: ["showLabel"] }, { kind: "component", type: KitGridSearchComponent, selector: "kit-grid-search", inputs: ["disabled"], outputs: ["toggleSearch"] }, { kind: "component", type: KitGridComponent, selector: "kit-grid", inputs: ["data", "gridDataBinding", "sortable", "sort", "pageable", "pageSize", "skip", "loading", "detailTemplateShowIf", "detailTemplateExpandDisableIf", "showFooter", "footerTitle", "footerData", "pdfOptions", "pagerButtonCount", "pageSizes", "pagerInfoText", "resizable", "gridDetailTemplate", "rowClassFn"], outputs: ["pageChanged", "sortChanged", "dataStateChanged", "detailExpanded", "detailCollapsed", "cellClicked", "excelExport"] }, { kind: "component", type: KitSkeletonGridComponent, selector: "kit-skeleton-grid", inputs: ["itemsCount"] }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "component", type: KitGridArchiveToggle, selector: "kit-grid-archive-toggle", outputs: ["valueChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: KitEntityGridComponent, decorators: [{
             type: Component,
@@ -9208,7 +9230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", 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                      (viewChanged)=\"onGridViewChange()\"\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        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\" />\n        @if (filters$ | async; as filters) {\n          <kit-button kitBadge\n                      kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [title]=\"'kit.filters.title' | translate\"\n                      [kitTooltipVisible]=\"searchIsOpen()\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [kitBadgeText]=\"filters.length\"\n                      [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n                      [kitBadgeVisible]=\"filters.length > 0\"\n                      [label]=\"searchIsOpen() ? '' : ('kit.filters.title' | translate)\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.FILTER\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [active]=\"filtersVisible()\"\n                      (clicked)=\"onFiltersToggle()\"\n          ></kit-button>\n          <kit-grid-column-manager [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      <div class=\"grid-header-search\">\n        <kit-grid-search #search\n                         [disabled]=\"isSearchDisabled()\"\n                         (toggleSearch)=\"searchIsOpen.set($event)\" />\n      </div>\n    </div>\n    @if (filtersVisible()) {\n      <ng-content select=\"[filters]\"></ng-content>\n    }\n  </div>\n  <ng-content select=\"[post-header-content]\"></ng-content>\n  @if (gridData(); as data) {\n    @if (!data.loading) {\n      <kit-grid class=\"grid\"\n                [data]=\"data.results\"\n                [pageable]=\"true\"\n                [pageSize]=\"gridState().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                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[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                      [shouldMatchDefaultColumns]=\"shouldMatchDefaultColumnsWhenChangeView()\"\n                      (viewChanged)=\"onGridViewChange()\"\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        <kit-grid-export [gridHasData]=\"gridHasData()\"\n                         [exportedFileName]=\"pdfOptions().fileName ?? ''\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\" />\n        @if (filters$ | async; as filters) {\n          <kit-button kitBadge\n                      kitTooltip\n                      kitTooltipFilter=\"kit-button\"\n                      [title]=\"'kit.filters.title' | translate\"\n                      [kitTooltipVisible]=\"searchIsOpen()\"\n                      [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n                      [kitBadgeText]=\"filters.length\"\n                      [kitBadgeTheme]=\"kitBadgeTheme.DANGER\"\n                      [kitBadgeVisible]=\"filters.length > 0\"\n                      [label]=\"searchIsOpen() ? '' : ('kit.filters.title' | translate)\"\n                      [type]=\"kitButtonType.GHOST\"\n                      [kind]=\"kitButtonKind.MEDIUM\"\n                      [icon]=\"kitSvgIcon.FILTER\"\n                      [iconPosition]=\"kitButtonIconPosition.LEADING\"\n                      [active]=\"filtersVisible()\"\n                      (clicked)=\"onFiltersToggle()\"\n          ></kit-button>\n          <kit-grid-column-manager [showLabel]=\"!searchIsOpen()\" />\n        }\n      </div>\n      <div class=\"grid-header-search\">\n        <kit-grid-search #search\n                         [disabled]=\"isSearchDisabled()\"\n                         (toggleSearch)=\"searchIsOpen.set($event)\" />\n      </div>\n    </div>\n    @if (filtersVisible()) {\n      <ng-content select=\"[filters]\"></ng-content>\n    }\n  </div>\n  <ng-content select=\"[post-header-content]\"></ng-content>\n  @if (gridData(); as data) {\n    @if (!data.loading) {\n      <kit-grid class=\"grid\"\n                [data]=\"data.results\"\n                [pageable]=\"true\"\n                [pageSize]=\"gridState().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                (pageChanged)=\"onPageSizeChanged($event)\"\n                (dataStateChanged)=\"onDataStateChange($event)\"\n      ></kit-grid>\n    } @else {\n      <kit-skeleton-grid\n      ></kit-skeleton-grid>\n    }\n  }\n  <ng-content select=\"[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"] }]
         }], ctorParameters: () => [] });
 
 class KitMenuBuilderService {