@indigina/ui-kit 1.1.365 → 1.1.366

package/fesm2022/indigina-ui-kit.mjs

@@ -7306,6 +7306,41 @@ const kitFormatStringForSearch = (inputString) => {
         .join(' ');
 };
 
+const KIT_DEFAULT_EXPORT_TOTAL = 500;
+var GridExportOptions;
+(function (GridExportOptions) {
+    GridExportOptions["PDF"] = "pdf";
+    GridExportOptions["CSV"] = "csv";
+    GridExportOptions["EXCEL"] = "excel";
+    GridExportOptions["XML"] = "xml";
+})(GridExportOptions || (GridExportOptions = {}));
+const gridExportOptions = [
+    {
+        label: 'Excel',
+        checked: false,
+        value: GridExportOptions.EXCEL,
+        icon: KitSvgIcon.EXCEL_FILE,
+    },
+    {
+        label: 'PDF',
+        checked: false,
+        value: GridExportOptions.PDF,
+        icon: KitSvgIcon.PDF_FILE,
+    },
+    {
+        label: 'XML',
+        checked: false,
+        value: GridExportOptions.XML,
+        icon: KitSvgIcon.XML_FILE,
+    },
+    {
+        label: 'CSV',
+        checked: false,
+        value: GridExportOptions.CSV,
+        icon: KitSvgIcon.CSV_FILE,
+    },
+];
+
 const kitBuildGridColumn = (field, title, type, sortable = true, hidden = false, width, filterType, excelFormat, apiField, hiddenInGrid) => ({
     field,
     title,
@@ -7349,7 +7384,7 @@ const kitFetchGridData = ({ store, destroyRef, isLoading, fetchAction, fetchFrom
     const action = isSearchMode && fetchFromIndexAction({ ...gridState, searchTerm }) || fetchAction(gridState);
     store.dispatch(action).pipe(takeUntilDestroyed(destroyRef)).subscribe(() => isLoading.set(false));
 };
-const kitFetchExportGridData = ({ fetchAction, fetchIndexAction, sort, filter, search, columns, total = 500, }) => {
+const kitFetchExportGridData = ({ fetchAction, fetchIndexAction, sort, filter, search, columns, total = KIT_DEFAULT_EXPORT_TOTAL, }) => {
     if (search) {
         const searchTerm = kitFormatStringForSearch(search);
         return fetchIndexAction(0, total, kitBuildSortString(sort, columns), kitBuildOdataFilter(kitBuildFilters(filter)), searchTerm);
@@ -9164,40 +9199,6 @@ const timeStringToExcelFraction = (time) => {
     return (hours * 60 + minutes) / (24 * 60);
 };
 
-var GridExportOptions;
-(function (GridExportOptions) {
-    GridExportOptions["PDF"] = "pdf";
-    GridExportOptions["CSV"] = "csv";
-    GridExportOptions["EXCEL"] = "excel";
-    GridExportOptions["XML"] = "xml";
-})(GridExportOptions || (GridExportOptions = {}));
-const gridExportOptions = [
-    {
-        label: 'Excel',
-        checked: false,
-        value: GridExportOptions.EXCEL,
-        icon: KitSvgIcon.EXCEL_FILE,
-    },
-    {
-        label: 'PDF',
-        checked: false,
-        value: GridExportOptions.PDF,
-        icon: KitSvgIcon.PDF_FILE,
-    },
-    {
-        label: 'XML',
-        checked: false,
-        value: GridExportOptions.XML,
-        icon: KitSvgIcon.XML_FILE,
-    },
-    {
-        label: 'CSV',
-        checked: false,
-        value: GridExportOptions.CSV,
-        icon: KitSvgIcon.CSV_FILE,
-    },
-];
-
 class KitGridExportComponent {
     constructor() {
         this.translateService = inject(TranslateService);
@@ -9211,6 +9212,9 @@ class KitGridExportComponent {
         this.drawPdf = input.required(...(ngDevMode ? [{ debugName: "drawPdf" }] : []));
         this.gridHasData = input.required(...(ngDevMode ? [{ debugName: "gridHasData" }] : []));
         this.visibleColumns = input(...(ngDevMode ? [undefined, { debugName: "visibleColumns" }] : []));
+        this.allPages = input(false, ...(ngDevMode ? [{ debugName: "allPages" }] : []));
+        this.isLoading = model(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.viewChanged = output();
         this.popup = viewChild('popup', ...(ngDevMode ? [{ debugName: "popup", read: KitPopupComponent }] : [{
                 read: KitPopupComponent,
             }]));
@@ -9254,8 +9258,16 @@ class KitGridExportComponent {
         });
     }
     onExportPDF() {
+        const { take } = this.store.selectSnapshot(KIT_GRID_STATE_TOKEN);
+        if (!this.allPages()) {
+            this.isLoading.set(true);
+            this.store.dispatch(new SetGridTake(KIT_DEFAULT_EXPORT_TOTAL));
+            this.viewChanged.emit();
+        }
         return new Promise((resolve, reject) => {
-            this.drawPdf()?.()?.then((exportedPdf) => {
+            this.waitUntilNotLoading()
+                .then(() => this.drawPdf()?.())
+                .then((exportedPdf) => {
                 if (!this.gridHasData()) {
                     throw new Error();
                 }
@@ -9265,7 +9277,13 @@ class KitGridExportComponent {
                 saveAs(dataUri, `${this.exportedFileName()}.pdf`);
                 resolve();
             })
-                .catch((err) => reject(new Error(err)));
+                .catch((err) => reject(new Error(err)))
+                .finally(() => {
+                if (!this.allPages()) {
+                    this.store.dispatch(new SetGridTake(take));
+                    this.viewChanged.emit();
+                }
+            });
         });
     }
     onExportExcel() {
@@ -9352,8 +9370,22 @@ class KitGridExportComponent {
             .replace(/"/g, '"')
             .replace(/'/g, ''');
     }
+    waitUntilNotLoading() {
+        return new Promise(resolve => {
+            if (!this.isLoading()) {
+                resolve();
+                return;
+            }
+            const ref = effect(() => {
+                if (!this.isLoading()) {
+                    ref.destroy();
+                    resolve();
+                }
+            }, ...(ngDevMode ? [{ debugName: "ref", injector: this.injector }] : [{ injector: this.injector }]));
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitGridExportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: KitGridExportComponent, isStandalone: true, selector: "kit-grid-export", inputs: { getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: true, transformFunction: null }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: true, transformFunction: null }, drawPdf: { classPropertyName: "drawPdf", publicName: "drawPdf", isSignal: true, isRequired: true, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: true, transformFunction: null }, visibleColumns: { classPropertyName: "visibleColumns", publicName: "visibleColumns", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-export\">\n  <kit-button #toggleButton\n              kitTooltip\n              kitTooltipFilter=\"kit-button\"\n              [title]=\"'kit.export.title' | translate\"\n              [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n              [disabled]=\"!gridHasData() || isGridExporting()\"\n              [icon]=\"kitSvgIcon.DOWNLOAD\"\n              [type]=\"kitButtonType.GHOST\"\n              [kind]=\"kitButtonKind.MEDIUM\"\n              [active]=\"popup.isPopupOpen\"\n              (clicked)=\"onPopupToggle()\" />\n</div>\n\n<kit-popup #popup\n           popupClass=\"kit-grid-export-popup\"\n           [anchor]=\"anchor()\"\n           [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <span class=\"kit-grid-export-popup-label\">{{ \"kit.export.exportTableData\" | translate }}</span>\n  <kit-radio-button [type]=\"kitRadioButtonType.ICON_LIST\"\n                    [items]=\"gridExportOptions\" \n                    (changed)=\"onExport($event)\"/>\n</ng-template>\n", styles: ["::ng-deep .kit-grid-export-popup{width:220px}::ng-deep .kit-grid-export-popup-label{font-size:14px;font-weight:500;margin-bottom:20px;display:block}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { 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: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["disabledChange", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i1$d.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: KitGridExportComponent, isStandalone: true, selector: "kit-grid-export", inputs: { getExportedData: { classPropertyName: "getExportedData", publicName: "getExportedData", isSignal: true, isRequired: true, transformFunction: null }, translationMap: { classPropertyName: "translationMap", publicName: "translationMap", isSignal: true, isRequired: true, transformFunction: null }, exportedFileName: { classPropertyName: "exportedFileName", publicName: "exportedFileName", isSignal: true, isRequired: true, transformFunction: null }, drawPdf: { classPropertyName: "drawPdf", publicName: "drawPdf", isSignal: true, isRequired: true, transformFunction: null }, gridHasData: { classPropertyName: "gridHasData", publicName: "gridHasData", isSignal: true, isRequired: true, transformFunction: null }, visibleColumns: { classPropertyName: "visibleColumns", publicName: "visibleColumns", isSignal: true, isRequired: false, transformFunction: null }, allPages: { classPropertyName: "allPages", publicName: "allPages", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoading: "isLoadingChange", viewChanged: "viewChanged" }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true, read: KitPopupComponent, isSignal: true }, { propertyName: "anchor", first: true, predicate: ["toggleButton"], descendants: true, read: ElementRef, isSignal: true }], ngImport: i0, template: "<div class=\"kit-grid-export\">\n  <kit-button #toggleButton\n              kitTooltip\n              kitTooltipFilter=\"kit-button\"\n              [title]=\"'kit.export.title' | translate\"\n              [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n              [disabled]=\"!gridHasData() || isGridExporting()\"\n              [icon]=\"kitSvgIcon.DOWNLOAD\"\n              [type]=\"kitButtonType.GHOST\"\n              [kind]=\"kitButtonKind.MEDIUM\"\n              [active]=\"popup.isPopupOpen\"\n              (clicked)=\"onPopupToggle()\" />\n</div>\n\n<kit-popup #popup\n           popupClass=\"kit-grid-export-popup\"\n           [anchor]=\"anchor()\"\n           [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <span class=\"kit-grid-export-popup-label\">{{ \"kit.export.exportTableData\" | translate }}</span>\n  <kit-radio-button [type]=\"kitRadioButtonType.ICON_LIST\"\n                    [items]=\"gridExportOptions\" \n                    (changed)=\"onExport($event)\"/>\n</ng-template>\n", styles: ["::ng-deep .kit-grid-export-popup{width:220px}::ng-deep .kit-grid-export-popup-label{font-size:14px;font-weight:500;margin-bottom:20px;display:block}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { 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: KitRadioButtonComponent, selector: "kit-radio-button", inputs: ["items", "label", "name", "readonly", "disabled", "type"], outputs: ["disabledChange", "changed"] }, { kind: "directive", type: KitTooltipDirective, selector: "[kitTooltip]", inputs: ["kitTooltipPosition", "kitTooltipFilter", "kitTooltipTemplateRef", "kitTooltipVisible"] }, { kind: "pipe", type: i1$d.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: KitGridExportComponent, decorators: [{
             type: Component,
@@ -9364,7 +9396,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         KitRadioButtonComponent,
                         KitTooltipDirective,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"kit-grid-export\">\n  <kit-button #toggleButton\n              kitTooltip\n              kitTooltipFilter=\"kit-button\"\n              [title]=\"'kit.export.title' | translate\"\n              [kitTooltipPosition]=\"kitTooltipPosition.TOP\"\n              [disabled]=\"!gridHasData() || isGridExporting()\"\n              [icon]=\"kitSvgIcon.DOWNLOAD\"\n              [type]=\"kitButtonType.GHOST\"\n              [kind]=\"kitButtonKind.MEDIUM\"\n              [active]=\"popup.isPopupOpen\"\n              (clicked)=\"onPopupToggle()\" />\n</div>\n\n<kit-popup #popup\n           popupClass=\"kit-grid-export-popup\"\n           [anchor]=\"anchor()\"\n           [content]=\"content\">\n</kit-popup>\n\n<ng-template #content>\n  <span class=\"kit-grid-export-popup-label\">{{ \"kit.export.exportTableData\" | translate }}</span>\n  <kit-radio-button [type]=\"kitRadioButtonType.ICON_LIST\"\n                    [items]=\"gridExportOptions\" \n                    (changed)=\"onExport($event)\"/>\n</ng-template>\n", styles: ["::ng-deep .kit-grid-export-popup{width:220px}::ng-deep .kit-grid-export-popup-label{font-size:14px;font-weight:500;margin-bottom:20px;display:block}\n"] }]
-        }], propDecorators: { getExportedData: [{ type: i0.Input, args: [{ isSignal: true, alias: "getExportedData", required: true }] }], translationMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationMap", required: true }] }], exportedFileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportedFileName", required: true }] }], drawPdf: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawPdf", required: true }] }], gridHasData: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridHasData", required: true }] }], visibleColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleColumns", required: false }] }], popup: [{ type: i0.ViewChild, args: ['popup', { ...{
+        }], propDecorators: { getExportedData: [{ type: i0.Input, args: [{ isSignal: true, alias: "getExportedData", required: true }] }], translationMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "translationMap", required: true }] }], exportedFileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportedFileName", required: true }] }], drawPdf: [{ type: i0.Input, args: [{ isSignal: true, alias: "drawPdf", required: true }] }], gridHasData: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridHasData", required: true }] }], visibleColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleColumns", required: false }] }], allPages: [{ type: i0.Input, args: [{ isSignal: true, alias: "allPages", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }, { type: i0.Output, args: ["isLoadingChange"] }], viewChanged: [{ type: i0.Output, args: ["viewChanged"] }], popup: [{ type: i0.ViewChild, args: ['popup', { ...{
                             read: KitPopupComponent,
                         }, isSignal: true }] }], anchor: [{ type: i0.ViewChild, args: ['toggleButton', { ...{
                             read: ElementRef,
@@ -9681,7 +9713,7 @@ class KitEntityGridComponent {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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: [
             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 class=\"grid-column-manager\"\n                                   [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", "noRecordsText", "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                      (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                         [allPages]=\"pdfOptions().allPages\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\"\n                         [isLoading]=\"isLoading()\"\n                         (viewChanged)=\"onGridViewChange()\" />\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 class=\"grid-column-manager\"\n                                   [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", "allPages", "isLoading"], outputs: ["isLoadingChange", "viewChanged"] }, { 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", "noRecordsText", "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.3.15", ngImport: i0, type: KitEntityGridComponent, decorators: [{
             type: Component,
@@ -9703,7 +9735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     ], 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 class=\"grid-column-manager\"\n                                   [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                      (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                         [allPages]=\"pdfOptions().allPages\"\n                         [getExportedData]=\"getExportedData()\"\n                         [translationMap]=\"translationMap()\"\n                         [drawPdf]=\"drawPdf()\"\n                         [isLoading]=\"isLoading()\"\n                         (viewChanged)=\"onGridViewChange()\" />\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 class=\"grid-column-manager\"\n                                   [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: () => [], propDecorators: { 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 }] }], 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 }] }], gridViewChanged: [{ type: i0.Output, args: ["gridViewChanged"] }], archiveModeChanged: [{ type: i0.Output, args: ["archiveModeChanged"] }], refreshButtonClicked: [{ type: i0.Output, args: ["refreshButtonClicked"] }], 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 }] }], columns: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => KitGridColumnComponent), { isSignal: true }] }], gridDetailTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KitGridDetailTemplateDirective), { ...{
                             read: TemplateRef,
                         }, isSignal: true }] }] } });