@paperless/angular 0.1.0-alpha.250 → 0.1.0-alpha.252

package/fesm2020/paperless-angular.mjs

@@ -671,11 +671,11 @@ let PButton = class PButton {
     }
 };
 PButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PButton, selector: "p-button", inputs: { chevron: "chevron", chevronPosition: "chevronPosition", disabled: "disabled", href: "href", icon: "icon", iconFlip: "iconFlip", iconOnly: "iconOnly", iconPosition: "iconPosition", iconRotate: "iconRotate", inheritText: "inheritText", loading: "loading", size: "size", target: "target", variant: "variant", width: "width" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PButton, selector: "p-button", inputs: { chevron: "chevron", chevronPosition: "chevronPosition", disabled: "disabled", href: "href", icon: "icon", iconFlip: "iconFlip", iconOnly: "iconOnly", iconPosition: "iconPosition", iconRotate: "iconRotate", inheritText: "inheritText", loading: "loading", size: "size", target: "target", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PButton = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['chevron', 'chevronPosition', 'disabled', 'href', 'icon', 'iconFlip', 'iconOnly', 'iconPosition', 'iconRotate', 'inheritText', 'loading', 'size', 'target', 'variant', 'width']
+        inputs: ['chevron', 'chevronPosition', 'disabled', 'href', 'icon', 'iconFlip', 'iconOnly', 'iconPosition', 'iconRotate', 'inheritText', 'loading', 'size', 'target', 'variant']
     })
 ], PButton);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PButton, decorators: [{
@@ -684,7 +684,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
                     selector: 'p-button',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['chevron', 'chevronPosition', 'disabled', 'href', 'icon', 'iconFlip', 'iconOnly', 'iconPosition', 'iconRotate', 'inheritText', 'loading', 'size', 'target', 'variant', 'width']
+                    inputs: ['chevron', 'chevronPosition', 'disabled', 'href', 'icon', 'iconFlip', 'iconOnly', 'iconPosition', 'iconRotate', 'inheritText', 'loading', 'size', 'target', 'variant']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let PCardBody = class PCardBody {
@@ -1197,11 +1197,10 @@ let PModalFooter = class PModalFooter {
     }
 };
 PModalFooter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalFooter, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PModalFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PModalFooter, selector: "p-modal-footer", inputs: { hideOnMobile: "hideOnMobile" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModalFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PModalFooter, selector: "p-modal-footer", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PModalFooter = __decorate([
     ProxyCmp({
-        defineCustomElementFn: undefined,
-        inputs: ['hideOnMobile']
+        defineCustomElementFn: undefined
     })
 ], PModalFooter);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalFooter, decorators: [{
@@ -1209,8 +1208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
             args: [{
                     selector: 'p-modal-footer',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    inputs: ['hideOnMobile']
+                    template: '<ng-content></ng-content>'
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let PModalHeader = class PModalHeader {
@@ -1222,11 +1220,11 @@ let PModalHeader = class PModalHeader {
     }
 };
 PModalHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PModalHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PModalHeader, selector: "p-modal-header", inputs: { showMobileClose: "showMobileClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PModalHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: PModalHeader, selector: "p-modal-header", inputs: { showClose: "showClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PModalHeader = __decorate([
     ProxyCmp({
         defineCustomElementFn: undefined,
-        inputs: ['showMobileClose']
+        inputs: ['showClose']
     })
 ], PModalHeader);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PModalHeader, decorators: [{
@@ -1235,7 +1233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
                     selector: 'p-modal-header',
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['showMobileClose']
+                    inputs: ['showClose']
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let PNavbar = class PNavbar {
@@ -2575,13 +2573,13 @@ let Table = class Table {
     }
 };
 Table.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
-Table.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: Table, selector: "p-table-ngx", inputs: { items: "items", loading: "loading", amountOfLoadingRows: "amountOfLoadingRows", enableRowSelection: "enableRowSelection", enableRowClick: "enableRowClick", selectedRows: "selectedRows", selectionKey: "selectionKey", canSelectKey: "canSelectKey", quickFilters: "quickFilters", activeQuickFilterIdentifier: "activeQuickFilterIdentifier", enableSearch: "enableSearch", query: "query", enableFilter: "enableFilter", selectedFiltersAmount: "selectedFiltersAmount", filterButtonTemplate: "filterButtonTemplate", enableEdit: "enableEdit", editButtonTemplate: "editButtonTemplate", enablePageSize: "enablePageSize", enablePagination: "enablePagination", enableExport: "enableExport", page: "page", total: "total", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", hideOnSinglePage: "hideOnSinglePage", emptyStateType: "emptyStateType", emptyStateHeader: "emptyStateHeader", emptyStateContent: "emptyStateContent", emptyStateAction: "emptyStateAction", emptyStateFilteredHeader: "emptyStateFilteredHeader", emptyStateFilteredContent: "emptyStateFilteredContent", filterModalHeaderText: "filterModalHeaderText", filterModalSaveText: "filterModalSaveText", filterModalCancelText: "filterModalCancelText", filterModalResetText: "filterModalResetText" }, outputs: { selectedRowsChange: "selectedRowsChange", rowClick: "rowClick", rowSelected: "rowSelected", rowDeselected: "rowDeselected", quickFilter: "quickFilter", queryChange: "queryChange", filter: "filter", edit: "edit", pageChange: "pageChange", pageSizeChange: "pageSizeChange", export: "export", emptyStateActionClick: "emptyStateActionClick", filterModalShow: "filterModalShow", filterModalSave: "filterModalSave", filterModalReset: "filterModalReset" }, host: { listeners: { "document:keydown": "keyDown($event)", "document:keyup": "keyUp($event)", "document:visibilitychange": "visibilityChange($event)" } }, queries: [{ propertyName: "filterModalTemplate", first: true, predicate: TableFilterModalDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "columnDefinitions", predicate: TableColumn }], usesOnChanges: true, ngImport: i0, template: "<p-table-container>\n    <p-table-header\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (quickFilter)=\"(onQuickFilter)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (queryChange)=\"(onQueryChange)\"\n        [enableFilter]=\"filterModalTemplate\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (filter)=\"filterModalShow$.next(true)\"\n        [enableEdit]=\"enableEdit\"\n        [canEdit]=\"!!selectedRows.length\"\n        [editButtonTemplate]=\"editButtonTemplate\"\n        (edit)=\"edit.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n    ></p-table-header>\n\n    <p-table-row variant=\"header\">\n        <ng-container *ngFor=\"let col of columns; let index = index\">\n            <p-table-cell-ngx\n                [definition]=\"col\"\n                [value]=\"col.name\"\n                variant=\"header\"\n                [index]=\"index\"\n                [checkbox]=\"\n                    index === 0 && enableRowSelection\n                        ? checkboxTemplate\n                        : undefined\n                \"\n            ></p-table-cell-ngx>\n            <ng-template #checkboxTemplate>\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    (change)=\"_selectAllChange($event)\"\n                    [checked]=\"_selectionContainsAll()\"\n                    [indeterminate]=\"_selectionIndeterminate()\"\n                />\n            </ng-template>\n        </ng-container>\n    </p-table-row>\n\n    <div class=\"flex flex-col\">\n        <ng-container *ngIf=\"loading; else contentTemplate\">\n            <p-table-row\n                *ngFor=\"let r of loadingRows; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        variant=\"loading\"\n                        [checkbox]=\"\n                            index === 0 && enableRowSelection\n                                ? checkboxTemplate\n                                : undefined\n                        \"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                    ></p-table-cell-ngx>\n                    <ng-template #checkboxTemplate>\n                        <p-loader\n                            variant=\"ghost\"\n                            class=\"rounded w-6 h-6\"\n                        ></p-loader>\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-container>\n\n        <ng-template #contentTemplate>\n            <ng-container *ngIf=\"items?.length; else emptyStateTemplate\">\n                <p-table-row\n                    *ngFor=\"let item of items; let rowIndex = index\"\n                    [enableHover]=\"enableRowSelection || enableRowClick\"\n                    (click)=\"_rowClick($event, rowIndex)\"\n                >\n                    <ng-container\n                        *ngFor=\"let col of columns; let index = index\"\n                    >\n                        <p-table-cell-ngx\n                            [definition]=\"col\"\n                            [item]=\"item\"\n                            [checkbox]=\"\n                                index === 0 && enableRowSelection\n                                    ? checkboxTemplate\n                                    : undefined\n                            \"\n                            [index]=\"index\"\n                            [rowIndex]=\"rowIndex\"\n                            [template]=\"col.template\"\n                        ></p-table-cell-ngx>\n\n                        <ng-template #checkboxTemplate>\n                            <input\n                                class=\"p-input\"\n                                type=\"checkbox\"\n                                (change)=\"\n                                    _checkboxChange($event.target, rowIndex)\n                                \"\n                                [disabled]=\"_checkboxDisabled(item)\"\n                                [checked]=\"_selectionContains(item, rowIndex)\"\n                            />\n                        </ng-template>\n                    </ng-container>\n                </p-table-row>\n            </ng-container>\n        </ng-template>\n    </div>\n\n    <p-table-footer\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (pageSizeChange)=\"(pageSizeChange)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (pageChange)=\"(pageChange)\"\n        [enableExport]=\"enableExport\"\n        (export)=\"export.emit()\"\n    ></p-table-footer>\n</p-table-container>\n\n<ng-container *ngIf=\"filterModalTemplate\">\n    <p-modal\n        [header]=\"filterModalHeaderText\"\n        [show]=\"filterModalShow$ | async\"\n        (close)=\"filterModalShow$.next(false)\"\n    >\n        <div slot=\"content\" class=\"flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n\n            <pre>{{ filterModalShowReset$ | async | json }}</pre>\n            <pre>{{ filterModalShowResetMobile$ | async | json }}</pre>\n\n            <div class=\"flex desktop-xs:hidden gap-4 w-full\">\n                <p-button\n                    *ngIf=\"filterModalShowResetMobile$ | async\"\n                    variant=\"secondary\"\n                    width=\"full\"\n                    (onClick)=\"onFilterModalReset()\"\n                >\n                    {{ filterModalResetText }}\n                </p-button>\n                <p-button\n                    width=\"full\"\n                    icon=\"checkmark\"\n                    (onClick)=\"onFilterModalSave()\"\n                >\n                    {{ filterModalSaveText }}\n                </p-button>\n            </div>\n        </div>\n        <div slot=\"footer\" class=\"flex justify-between w-full\">\n            <p-button\n                variant=\"secondary\"\n                (onClick)=\"filterModalShow$.next(false)\"\n            >\n                {{ filterModalCancelText }}\n            </p-button>\n\n            <div class=\"flex gap-4\">\n                <p-button\n                    *ngIf=\"filterModalShowReset$ | async\"\n                    variant=\"secondary\"\n                    (onClick)=\"onFilterModalReset()\"\n                >\n                    {{ filterModalResetText }}\n                </p-button>\n                <p-button icon=\"checkmark\" (onClick)=\"onFilterModalSave()\">\n                    {{ filterModalSaveText }}\n                </p-button>\n            </div>\n        </div>\n    </p-modal>\n</ng-container>\n\n<ng-template #emptyStateTemplate>\n    <div\n        *ngIf=\"emptyStateType === 'filtered'; else emptyStateNonFilterTemplate\"\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-search\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateFilteredHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-14\">\n            {{ emptyStateFilteredContent }}\n        </p>\n    </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n    <div\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-overview\"\n            class=\"cursor-pointer mb-6\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-6\">\n            {{ emptyStateContent }}\n        </p>\n        <p-button\n            variant=\"secondary\"\n            icon=\"plus\"\n            size=\"small\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        >\n            {{ emptyStateAction }}\n        </p-button>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PButton, selector: "p-button", inputs: ["chevron", "chevronPosition", "disabled", "href", "icon", "iconFlip", "iconOnly", "iconPosition", "iconRotate", "inheritText", "loading", "size", "target", "variant", "width"] }, { kind: "component", type: PIllustration, selector: "p-illustration", inputs: ["variant"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }, { kind: "component", type: PModal, selector: "p-modal", inputs: ["header", "show", "showMobileClose", "showMobileFooter", "size", "variant"] }, { kind: "component", type: PTableContainer, selector: "p-table-container" }, { kind: "component", type: PTableFooter, selector: "p-table-footer", inputs: ["enableExport", "enablePageSize", "enablePagination", "hideOnSinglePage", "page", "pageSize", "pageSizeOptions", "total"] }, { kind: "component", type: PTableHeader, selector: "p-table-header", inputs: ["activeQuickFilterIdentifier", "canEdit", "editButtonTemplate", "enableEdit", "enableFilter", "enableSearch", "filterButtonTemplate", "itemsSelectedAmount", "query", "quickFilters", "selectedFiltersAmount"] }, { kind: "component", type: PTableRow, selector: "p-table-row", inputs: ["enableHover", "variant"] }, { kind: "component", type: TableCell, selector: "p-table-cell-ngx", inputs: ["variant", "index", "rowIndex", "definition", "item", "value", "checkbox", "template"] }, { kind: "directive", type: TableFooterDirective, selector: "p-table-footer" }, { kind: "directive", type: TableHeaderDirective, selector: "p-table-header" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+Table.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: Table, selector: "p-table-ngx", inputs: { items: "items", loading: "loading", amountOfLoadingRows: "amountOfLoadingRows", enableRowSelection: "enableRowSelection", enableRowClick: "enableRowClick", selectedRows: "selectedRows", selectionKey: "selectionKey", canSelectKey: "canSelectKey", quickFilters: "quickFilters", activeQuickFilterIdentifier: "activeQuickFilterIdentifier", enableSearch: "enableSearch", query: "query", enableFilter: "enableFilter", selectedFiltersAmount: "selectedFiltersAmount", filterButtonTemplate: "filterButtonTemplate", enableEdit: "enableEdit", editButtonTemplate: "editButtonTemplate", enablePageSize: "enablePageSize", enablePagination: "enablePagination", enableExport: "enableExport", page: "page", total: "total", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", hideOnSinglePage: "hideOnSinglePage", emptyStateType: "emptyStateType", emptyStateHeader: "emptyStateHeader", emptyStateContent: "emptyStateContent", emptyStateAction: "emptyStateAction", emptyStateFilteredHeader: "emptyStateFilteredHeader", emptyStateFilteredContent: "emptyStateFilteredContent", filterModalHeaderText: "filterModalHeaderText", filterModalSaveText: "filterModalSaveText", filterModalCancelText: "filterModalCancelText", filterModalResetText: "filterModalResetText" }, outputs: { selectedRowsChange: "selectedRowsChange", rowClick: "rowClick", rowSelected: "rowSelected", rowDeselected: "rowDeselected", quickFilter: "quickFilter", queryChange: "queryChange", filter: "filter", edit: "edit", pageChange: "pageChange", pageSizeChange: "pageSizeChange", export: "export", emptyStateActionClick: "emptyStateActionClick", filterModalShow: "filterModalShow", filterModalSave: "filterModalSave", filterModalReset: "filterModalReset" }, host: { listeners: { "document:keydown": "keyDown($event)", "document:keyup": "keyUp($event)", "document:visibilitychange": "visibilityChange($event)" } }, queries: [{ propertyName: "filterModalTemplate", first: true, predicate: TableFilterModalDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "columnDefinitions", predicate: TableColumn }], usesOnChanges: true, ngImport: i0, template: "<p-table-container>\n    <p-table-header\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (quickFilter)=\"(onQuickFilter)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (queryChange)=\"(onQueryChange)\"\n        [enableFilter]=\"filterModalTemplate\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (filter)=\"filterModalShow$.next(true)\"\n        [enableEdit]=\"enableEdit\"\n        [canEdit]=\"!!selectedRows.length\"\n        [editButtonTemplate]=\"editButtonTemplate\"\n        (edit)=\"edit.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n    ></p-table-header>\n\n    <p-table-row variant=\"header\">\n        <ng-container *ngFor=\"let col of columns; let index = index\">\n            <p-table-cell-ngx\n                [definition]=\"col\"\n                [value]=\"col.name\"\n                variant=\"header\"\n                [index]=\"index\"\n                [checkbox]=\"\n                    index === 0 && enableRowSelection\n                        ? checkboxTemplate\n                        : undefined\n                \"\n            ></p-table-cell-ngx>\n            <ng-template #checkboxTemplate>\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    (change)=\"_selectAllChange($event)\"\n                    [checked]=\"_selectionContainsAll()\"\n                    [indeterminate]=\"_selectionIndeterminate()\"\n                />\n            </ng-template>\n        </ng-container>\n    </p-table-row>\n\n    <div class=\"flex flex-col\">\n        <ng-container *ngIf=\"loading; else contentTemplate\">\n            <p-table-row\n                *ngFor=\"let r of loadingRows; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        variant=\"loading\"\n                        [checkbox]=\"\n                            index === 0 && enableRowSelection\n                                ? checkboxTemplate\n                                : undefined\n                        \"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                    ></p-table-cell-ngx>\n                    <ng-template #checkboxTemplate>\n                        <p-loader\n                            variant=\"ghost\"\n                            class=\"rounded w-6 h-6\"\n                        ></p-loader>\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-container>\n\n        <ng-template #contentTemplate>\n            <ng-container *ngIf=\"items?.length; else emptyStateTemplate\">\n                <p-table-row\n                    *ngFor=\"let item of items; let rowIndex = index\"\n                    [enableHover]=\"enableRowSelection || enableRowClick\"\n                    (click)=\"_rowClick($event, rowIndex)\"\n                >\n                    <ng-container\n                        *ngFor=\"let col of columns; let index = index\"\n                    >\n                        <p-table-cell-ngx\n                            [definition]=\"col\"\n                            [item]=\"item\"\n                            [checkbox]=\"\n                                index === 0 && enableRowSelection\n                                    ? checkboxTemplate\n                                    : undefined\n                            \"\n                            [index]=\"index\"\n                            [rowIndex]=\"rowIndex\"\n                            [template]=\"col.template\"\n                        ></p-table-cell-ngx>\n\n                        <ng-template #checkboxTemplate>\n                            <input\n                                class=\"p-input\"\n                                type=\"checkbox\"\n                                (change)=\"\n                                    _checkboxChange($event.target, rowIndex)\n                                \"\n                                [disabled]=\"_checkboxDisabled(item)\"\n                                [checked]=\"_selectionContains(item, rowIndex)\"\n                            />\n                        </ng-template>\n                    </ng-container>\n                </p-table-row>\n            </ng-container>\n        </ng-template>\n    </div>\n\n    <p-table-footer\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (pageSizeChange)=\"(pageSizeChange)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (pageChange)=\"(pageChange)\"\n        [enableExport]=\"enableExport\"\n        (export)=\"export.emit()\"\n    ></p-table-footer>\n</p-table-container>\n\n<ng-container *ngIf=\"filterModalTemplate\">\n    <p-modal\n        [header]=\"filterModalHeaderText\"\n        [show]=\"filterModalShow$ | async\"\n        (close)=\"filterModalShow$.next(false)\"\n    >\n        <div slot=\"content\" class=\"flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n\n            <pre>{{ filterModalShowReset$ | async | json }}</pre>\n            <pre>{{ filterModalShowResetMobile$ | async | json }}</pre>\n        </div>\n        <div slot=\"footer\" class=\"flex justify-between gap-4 w-full\">\n            <p-button\n                *ngIf=\"filterModalShowReset$ | async\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset()\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                class=\"ml-auto\"\n                icon=\"checkmark\"\n                (onClick)=\"onFilterModalSave()\"\n            >\n                {{ filterModalSaveText }}\n            </p-button>\n        </div>\n    </p-modal>\n</ng-container>\n\n<ng-template #emptyStateTemplate>\n    <div\n        *ngIf=\"emptyStateType === 'filtered'; else emptyStateNonFilterTemplate\"\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-search\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateFilteredHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-14\">\n            {{ emptyStateFilteredContent }}\n        </p>\n    </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n    <div\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-overview\"\n            class=\"cursor-pointer mb-6\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-6\">\n            {{ emptyStateContent }}\n        </p>\n        <p-button\n            variant=\"secondary\"\n            icon=\"plus\"\n            size=\"small\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        >\n            {{ emptyStateAction }}\n        </p-button>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PButton, selector: "p-button", inputs: ["chevron", "chevronPosition", "disabled", "href", "icon", "iconFlip", "iconOnly", "iconPosition", "iconRotate", "inheritText", "loading", "size", "target", "variant"] }, { kind: "component", type: PIllustration, selector: "p-illustration", inputs: ["variant"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }, { kind: "component", type: PModal, selector: "p-modal", inputs: ["header", "show", "showMobileClose", "showMobileFooter", "size", "variant"] }, { kind: "component", type: PTableContainer, selector: "p-table-container" }, { kind: "component", type: PTableFooter, selector: "p-table-footer", inputs: ["enableExport", "enablePageSize", "enablePagination", "hideOnSinglePage", "page", "pageSize", "pageSizeOptions", "total"] }, { kind: "component", type: PTableHeader, selector: "p-table-header", inputs: ["activeQuickFilterIdentifier", "canEdit", "editButtonTemplate", "enableEdit", "enableFilter", "enableSearch", "filterButtonTemplate", "itemsSelectedAmount", "query", "quickFilters", "selectedFiltersAmount"] }, { kind: "component", type: PTableRow, selector: "p-table-row", inputs: ["enableHover", "variant"] }, { kind: "component", type: TableCell, selector: "p-table-cell-ngx", inputs: ["variant", "index", "rowIndex", "definition", "item", "value", "checkbox", "template"] }, { kind: "directive", type: TableFooterDirective, selector: "p-table-footer" }, { kind: "directive", type: TableHeaderDirective, selector: "p-table-header" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.JsonPipe, name: "json" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 Table = __decorate([
     UntilDestroy({ checkProperties: true })
 ], Table);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: Table, decorators: [{
             type: Component,
-            args: [{ selector: 'p-table-ngx', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-table-container>\n    <p-table-header\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (quickFilter)=\"(onQuickFilter)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (queryChange)=\"(onQueryChange)\"\n        [enableFilter]=\"filterModalTemplate\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (filter)=\"filterModalShow$.next(true)\"\n        [enableEdit]=\"enableEdit\"\n        [canEdit]=\"!!selectedRows.length\"\n        [editButtonTemplate]=\"editButtonTemplate\"\n        (edit)=\"edit.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n    ></p-table-header>\n\n    <p-table-row variant=\"header\">\n        <ng-container *ngFor=\"let col of columns; let index = index\">\n            <p-table-cell-ngx\n                [definition]=\"col\"\n                [value]=\"col.name\"\n                variant=\"header\"\n                [index]=\"index\"\n                [checkbox]=\"\n                    index === 0 && enableRowSelection\n                        ? checkboxTemplate\n                        : undefined\n                \"\n            ></p-table-cell-ngx>\n            <ng-template #checkboxTemplate>\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    (change)=\"_selectAllChange($event)\"\n                    [checked]=\"_selectionContainsAll()\"\n                    [indeterminate]=\"_selectionIndeterminate()\"\n                />\n            </ng-template>\n        </ng-container>\n    </p-table-row>\n\n    <div class=\"flex flex-col\">\n        <ng-container *ngIf=\"loading; else contentTemplate\">\n            <p-table-row\n                *ngFor=\"let r of loadingRows; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        variant=\"loading\"\n                        [checkbox]=\"\n                            index === 0 && enableRowSelection\n                                ? checkboxTemplate\n                                : undefined\n                        \"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                    ></p-table-cell-ngx>\n                    <ng-template #checkboxTemplate>\n                        <p-loader\n                            variant=\"ghost\"\n                            class=\"rounded w-6 h-6\"\n                        ></p-loader>\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-container>\n\n        <ng-template #contentTemplate>\n            <ng-container *ngIf=\"items?.length; else emptyStateTemplate\">\n                <p-table-row\n                    *ngFor=\"let item of items; let rowIndex = index\"\n                    [enableHover]=\"enableRowSelection || enableRowClick\"\n                    (click)=\"_rowClick($event, rowIndex)\"\n                >\n                    <ng-container\n                        *ngFor=\"let col of columns; let index = index\"\n                    >\n                        <p-table-cell-ngx\n                            [definition]=\"col\"\n                            [item]=\"item\"\n                            [checkbox]=\"\n                                index === 0 && enableRowSelection\n                                    ? checkboxTemplate\n                                    : undefined\n                            \"\n                            [index]=\"index\"\n                            [rowIndex]=\"rowIndex\"\n                            [template]=\"col.template\"\n                        ></p-table-cell-ngx>\n\n                        <ng-template #checkboxTemplate>\n                            <input\n                                class=\"p-input\"\n                                type=\"checkbox\"\n                                (change)=\"\n                                    _checkboxChange($event.target, rowIndex)\n                                \"\n                                [disabled]=\"_checkboxDisabled(item)\"\n                                [checked]=\"_selectionContains(item, rowIndex)\"\n                            />\n                        </ng-template>\n                    </ng-container>\n                </p-table-row>\n            </ng-container>\n        </ng-template>\n    </div>\n\n    <p-table-footer\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (pageSizeChange)=\"(pageSizeChange)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (pageChange)=\"(pageChange)\"\n        [enableExport]=\"enableExport\"\n        (export)=\"export.emit()\"\n    ></p-table-footer>\n</p-table-container>\n\n<ng-container *ngIf=\"filterModalTemplate\">\n    <p-modal\n        [header]=\"filterModalHeaderText\"\n        [show]=\"filterModalShow$ | async\"\n        (close)=\"filterModalShow$.next(false)\"\n    >\n        <div slot=\"content\" class=\"flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n\n            <pre>{{ filterModalShowReset$ | async | json }}</pre>\n            <pre>{{ filterModalShowResetMobile$ | async | json }}</pre>\n\n            <div class=\"flex desktop-xs:hidden gap-4 w-full\">\n                <p-button\n                    *ngIf=\"filterModalShowResetMobile$ | async\"\n                    variant=\"secondary\"\n                    width=\"full\"\n                    (onClick)=\"onFilterModalReset()\"\n                >\n                    {{ filterModalResetText }}\n                </p-button>\n                <p-button\n                    width=\"full\"\n                    icon=\"checkmark\"\n                    (onClick)=\"onFilterModalSave()\"\n                >\n                    {{ filterModalSaveText }}\n                </p-button>\n            </div>\n        </div>\n        <div slot=\"footer\" class=\"flex justify-between w-full\">\n            <p-button\n                variant=\"secondary\"\n                (onClick)=\"filterModalShow$.next(false)\"\n            >\n                {{ filterModalCancelText }}\n            </p-button>\n\n            <div class=\"flex gap-4\">\n                <p-button\n                    *ngIf=\"filterModalShowReset$ | async\"\n                    variant=\"secondary\"\n                    (onClick)=\"onFilterModalReset()\"\n                >\n                    {{ filterModalResetText }}\n                </p-button>\n                <p-button icon=\"checkmark\" (onClick)=\"onFilterModalSave()\">\n                    {{ filterModalSaveText }}\n                </p-button>\n            </div>\n        </div>\n    </p-modal>\n</ng-container>\n\n<ng-template #emptyStateTemplate>\n    <div\n        *ngIf=\"emptyStateType === 'filtered'; else emptyStateNonFilterTemplate\"\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-search\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateFilteredHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-14\">\n            {{ emptyStateFilteredContent }}\n        </p>\n    </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n    <div\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-overview\"\n            class=\"cursor-pointer mb-6\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-6\">\n            {{ emptyStateContent }}\n        </p>\n        <p-button\n            variant=\"secondary\"\n            icon=\"plus\"\n            size=\"small\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        >\n            {{ emptyStateAction }}\n        </p-button>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
+            args: [{ selector: 'p-table-ngx', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-table-container>\n    <p-table-header\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (quickFilter)=\"(onQuickFilter)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (queryChange)=\"(onQueryChange)\"\n        [enableFilter]=\"filterModalTemplate\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (filter)=\"filterModalShow$.next(true)\"\n        [enableEdit]=\"enableEdit\"\n        [canEdit]=\"!!selectedRows.length\"\n        [editButtonTemplate]=\"editButtonTemplate\"\n        (edit)=\"edit.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n    ></p-table-header>\n\n    <p-table-row variant=\"header\">\n        <ng-container *ngFor=\"let col of columns; let index = index\">\n            <p-table-cell-ngx\n                [definition]=\"col\"\n                [value]=\"col.name\"\n                variant=\"header\"\n                [index]=\"index\"\n                [checkbox]=\"\n                    index === 0 && enableRowSelection\n                        ? checkboxTemplate\n                        : undefined\n                \"\n            ></p-table-cell-ngx>\n            <ng-template #checkboxTemplate>\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    (change)=\"_selectAllChange($event)\"\n                    [checked]=\"_selectionContainsAll()\"\n                    [indeterminate]=\"_selectionIndeterminate()\"\n                />\n            </ng-template>\n        </ng-container>\n    </p-table-row>\n\n    <div class=\"flex flex-col\">\n        <ng-container *ngIf=\"loading; else contentTemplate\">\n            <p-table-row\n                *ngFor=\"let r of loadingRows; let rowIndex = index\"\n                [enableHover]=\"enableRowSelection || enableRowClick\"\n            >\n                <ng-container *ngFor=\"let col of columns; let index = index\">\n                    <p-table-cell-ngx\n                        [definition]=\"col\"\n                        variant=\"loading\"\n                        [checkbox]=\"\n                            index === 0 && enableRowSelection\n                                ? checkboxTemplate\n                                : undefined\n                        \"\n                        [index]=\"index\"\n                        [rowIndex]=\"rowIndex\"\n                    ></p-table-cell-ngx>\n                    <ng-template #checkboxTemplate>\n                        <p-loader\n                            variant=\"ghost\"\n                            class=\"rounded w-6 h-6\"\n                        ></p-loader>\n                    </ng-template>\n                </ng-container>\n            </p-table-row>\n        </ng-container>\n\n        <ng-template #contentTemplate>\n            <ng-container *ngIf=\"items?.length; else emptyStateTemplate\">\n                <p-table-row\n                    *ngFor=\"let item of items; let rowIndex = index\"\n                    [enableHover]=\"enableRowSelection || enableRowClick\"\n                    (click)=\"_rowClick($event, rowIndex)\"\n                >\n                    <ng-container\n                        *ngFor=\"let col of columns; let index = index\"\n                    >\n                        <p-table-cell-ngx\n                            [definition]=\"col\"\n                            [item]=\"item\"\n                            [checkbox]=\"\n                                index === 0 && enableRowSelection\n                                    ? checkboxTemplate\n                                    : undefined\n                            \"\n                            [index]=\"index\"\n                            [rowIndex]=\"rowIndex\"\n                            [template]=\"col.template\"\n                        ></p-table-cell-ngx>\n\n                        <ng-template #checkboxTemplate>\n                            <input\n                                class=\"p-input\"\n                                type=\"checkbox\"\n                                (change)=\"\n                                    _checkboxChange($event.target, rowIndex)\n                                \"\n                                [disabled]=\"_checkboxDisabled(item)\"\n                                [checked]=\"_selectionContains(item, rowIndex)\"\n                            />\n                        </ng-template>\n                    </ng-container>\n                </p-table-row>\n            </ng-container>\n        </ng-template>\n    </div>\n\n    <p-table-footer\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (pageSizeChange)=\"(pageSizeChange)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (pageChange)=\"(pageChange)\"\n        [enableExport]=\"enableExport\"\n        (export)=\"export.emit()\"\n    ></p-table-footer>\n</p-table-container>\n\n<ng-container *ngIf=\"filterModalTemplate\">\n    <p-modal\n        [header]=\"filterModalHeaderText\"\n        [show]=\"filterModalShow$ | async\"\n        (close)=\"filterModalShow$.next(false)\"\n    >\n        <div slot=\"content\" class=\"flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n\n            <pre>{{ filterModalShowReset$ | async | json }}</pre>\n            <pre>{{ filterModalShowResetMobile$ | async | json }}</pre>\n        </div>\n        <div slot=\"footer\" class=\"flex justify-between gap-4 w-full\">\n            <p-button\n                *ngIf=\"filterModalShowReset$ | async\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset()\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                class=\"ml-auto\"\n                icon=\"checkmark\"\n                (onClick)=\"onFilterModalSave()\"\n            >\n                {{ filterModalSaveText }}\n            </p-button>\n        </div>\n    </p-modal>\n</ng-container>\n\n<ng-template #emptyStateTemplate>\n    <div\n        *ngIf=\"emptyStateType === 'filtered'; else emptyStateNonFilterTemplate\"\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-search\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateFilteredHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-14\">\n            {{ emptyStateFilteredContent }}\n        </p>\n    </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n    <div\n        class=\"\n            flex flex-col\n            items-center\n            text-center\n            py-24\n            max-w-[20rem]\n            self-center\n        \"\n    >\n        <p-illustration\n            variant=\"empty-state-overview\"\n            class=\"cursor-pointer mb-6\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        ></p-illustration>\n        <p class=\"font-semibold text-storm-default\">\n            {{ emptyStateHeader }}\n        </p>\n        <p class=\"text-sm text-storm-medium mb-6\">\n            {{ emptyStateContent }}\n        </p>\n        <p-button\n            variant=\"secondary\"\n            icon=\"plus\"\n            size=\"small\"\n            (onClick)=\"emptyStateActionClick.emit()\"\n        >\n            {{ emptyStateAction }}\n        </p-button>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { items: [{
                 type: Input
             }], loading: [{