@paperless/angular 1.14.0 → 1.16.0

package/fesm2015/paperless-angular.mjs

@@ -837,9 +837,11 @@ let PDivider = class PDivider {
     }
 };
 PDivider.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PDivider, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PDivider, selector: "p-divider", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PDivider, selector: "p-divider", inputs: { variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PDivider = __decorate([
-    ProxyCmp({})
+    ProxyCmp({
+        inputs: ['variant']
+    })
 ], PDivider);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PDivider, decorators: [{
             type: Component,
@@ -848,7 +850,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [],
+                    inputs: ['variant'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let PDrawer = class PDrawer {
@@ -1022,6 +1024,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     inputs: ['active', 'enableHover', 'icon'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PFloatingMenuContainer = class PFloatingMenuContainer {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PFloatingMenuContainer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PFloatingMenuContainer, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PFloatingMenuContainer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PFloatingMenuContainer, selector: "p-floating-menu-container", inputs: { usedInTable: "usedInTable" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PFloatingMenuContainer = __decorate([
+    ProxyCmp({
+        inputs: ['usedInTable']
+    })
+], PFloatingMenuContainer);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PFloatingMenuContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-floating-menu-container',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['usedInTable'],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let PFloatingMenuItem = class PFloatingMenuItem {
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+};
+PFloatingMenuItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PFloatingMenuItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+PFloatingMenuItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PFloatingMenuItem, selector: "p-floating-menu-item", inputs: { hover: "hover" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PFloatingMenuItem = __decorate([
+    ProxyCmp({
+        inputs: ['hover']
+    })
+], PFloatingMenuItem);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PFloatingMenuItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'p-floating-menu-item',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['hover'],
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let PHelper = class PHelper {
     constructor(c, r, z) {
         this.z = z;
@@ -1793,14 +1843,14 @@ let PTableHeader = class PTableHeader {
         this.z = z;
         c.detach();
         this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['quickFilter', 'queryChange', 'filter', 'edit']);
+        proxyOutputs(this, this.el, ['quickFilter', 'queryChange', 'filter', 'action']);
     }
 };
 PTableHeader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PTableHeader, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-PTableHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PTableHeader, selector: "p-table-header", inputs: { activeQuickFilterIdentifier: "activeQuickFilterIdentifier", canEdit: "canEdit", editButtonTemplate: "editButtonTemplate", editIcon: "editIcon", editLoading: "editLoading", editText: "editText", enableEdit: "enableEdit", enableFilter: "enableFilter", enableSearch: "enableSearch", filterButtonTemplate: "filterButtonTemplate", itemsSelectedAmount: "itemsSelectedAmount", loading: "loading", query: "query", quickFilters: "quickFilters", selectedFiltersAmount: "selectedFiltersAmount" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PTableHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PTableHeader, selector: "p-table-header", inputs: { actionButtonTemplate: "actionButtonTemplate", actionIcon: "actionIcon", actionLoading: "actionLoading", actionText: "actionText", activeQuickFilterIdentifier: "activeQuickFilterIdentifier", canUseAction: "canUseAction", enableAction: "enableAction", enableFilter: "enableFilter", enableSearch: "enableSearch", filterButtonTemplate: "filterButtonTemplate", itemsSelectedAmount: "itemsSelectedAmount", loading: "loading", query: "query", quickFilters: "quickFilters", selectedFiltersAmount: "selectedFiltersAmount" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 PTableHeader = __decorate([
     ProxyCmp({
-        inputs: ['activeQuickFilterIdentifier', 'canEdit', 'editButtonTemplate', 'editIcon', 'editLoading', 'editText', 'enableEdit', 'enableFilter', 'enableSearch', 'filterButtonTemplate', 'itemsSelectedAmount', 'loading', 'query', 'quickFilters', 'selectedFiltersAmount']
+        inputs: ['actionButtonTemplate', 'actionIcon', 'actionLoading', 'actionText', 'activeQuickFilterIdentifier', 'canUseAction', 'enableAction', 'enableFilter', 'enableSearch', 'filterButtonTemplate', 'itemsSelectedAmount', 'loading', 'query', 'quickFilters', 'selectedFiltersAmount']
     })
 ], PTableHeader);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PTableHeader, decorators: [{
@@ -1810,7 +1860,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['activeQuickFilterIdentifier', 'canEdit', 'editButtonTemplate', 'editIcon', 'editLoading', 'editText', 'enableEdit', 'enableFilter', 'enableSearch', 'filterButtonTemplate', 'itemsSelectedAmount', 'loading', 'query', 'quickFilters', 'selectedFiltersAmount'],
+                    inputs: ['actionButtonTemplate', 'actionIcon', 'actionLoading', 'actionText', 'activeQuickFilterIdentifier', 'canUseAction', 'enableAction', 'enableFilter', 'enableSearch', 'filterButtonTemplate', 'itemsSelectedAmount', 'loading', 'query', 'quickFilters', 'selectedFiltersAmount'],
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let PTableRow = class PTableRow {
@@ -1911,6 +1961,8 @@ const DIRECTIVES = [
     PDropdown,
     PDropdownMenuContainer,
     PDropdownMenuItem,
+    PFloatingMenuContainer,
+    PFloatingMenuItem,
     PHelper,
     PIcon,
     PIllustration,
@@ -1952,7 +2004,7 @@ const DIRECTIVES = [
 class StencilModule {
 }
 StencilModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StencilModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-StencilModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: StencilModule, declarations: [PAccordion, PAttachment, PAvatar, PAvatarGroup, PBackdrop, PButton, PCalendar, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PCropper, PDatepicker, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputError, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip], exports: [PAccordion, PAttachment, PAvatar, PAvatarGroup, PBackdrop, PButton, PCalendar, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PCropper, PDatepicker, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputError, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip] });
+StencilModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: StencilModule, declarations: [PAccordion, PAttachment, PAvatar, PAvatarGroup, PBackdrop, PButton, PCalendar, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PCropper, PDatepicker, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PFloatingMenuContainer, PFloatingMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputError, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip], exports: [PAccordion, PAttachment, PAvatar, PAvatarGroup, PBackdrop, PButton, PCalendar, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PCropper, PDatepicker, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PFloatingMenuContainer, PFloatingMenuItem, PHelper, PIcon, PIllustration, PInfoPanel, PInputError, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip] });
 StencilModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StencilModule });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: StencilModule, decorators: [{
             type: NgModule,
@@ -2570,6 +2622,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }] });
 
+class TableFloatingMenuContentDirective {
+    constructor(template) {
+        this.template = template;
+    }
+}
+TableFloatingMenuContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableFloatingMenuContentDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+TableFloatingMenuContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TableFloatingMenuContentDirective, selector: "[p-table-floating-menu-content]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableFloatingMenuContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[p-table-floating-menu-content]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
+
 class TableFooterDirective extends BaseValueAccessor {
     constructor(el) {
         super(el);
@@ -2862,13 +2928,15 @@ const TABLE_DIRECTIVES = [
     TableNgxDirective,
     TableFilterModalDirective,
     TableCustomFilterDirective,
+    TableFloatingMenuContentDirective,
 ];
 
 const defaultSize = 12;
 const defaultSizeOptions = [12, 24, 68, 136];
 
 let Table = class Table {
-    constructor() {
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
         /**
          * Wether data is loading
          */
@@ -2901,6 +2969,14 @@ let Table = class Table {
          * Event whenever the current selection changes
          */
         this.selectedRowsChange = new EventEmitter();
+        /**
+         * Wether to enable the floating menu
+         */
+        this.enableFloatingMenu = true;
+        /**
+         * The floating menu amount item text
+         */
+        this.floatingMenuAmountSelectedText = '0 items selected';
         /**
          * Event whenever a row is clicked
          */
@@ -2931,17 +3007,21 @@ let Table = class Table {
          */
         this.enableFilter = true;
         /**
-         * Wether to show the edit button
+         * Wether to show the action button
          */
-        this.enableEdit = true;
+        this.enableAction = false;
         /**
-         * Wether the edit button is loading
+         * Wether the action button is loading
          */
-        this.editButtonLoading = false;
+        this.actionButtonLoading = false;
         /**
-         * The edit button icon
+         * The action button icon
          */
-        this.editButtonIcon = 'pencil';
+        this.actionButtonIcon = 'pencil';
+        /**
+         * Wether the action button is enabled
+         */
+        this.actionButtonEnabled = true;
         /**
          * Event when one of the quick filters is clicked
          */
@@ -2955,9 +3035,9 @@ let Table = class Table {
          */
         this.filter = new EventEmitter();
         /**
-         * Event when the edit button is clicked
+         * Event when the action button is clicked
          */
-        this.edit = new EventEmitter();
+        this.action = new EventEmitter();
         /** START FOOTER */
         /**
          * Wether to show the footer
@@ -3045,7 +3125,6 @@ let Table = class Table {
         this.filterModalShow$
             .pipe(untilDestroyed(this), distinctUntilChanged())
             .subscribe((value) => this.filterModalShow.next(value));
-        // this._generateColumns();
     }
     ngOnChanges(changes) {
         if (changes['items']) {
@@ -3057,10 +3136,6 @@ let Table = class Table {
             });
         }
     }
-    //  @HostListener('body:tableDefinitionChanged', { target: 'body' })
-    //  onTableDefinitionUpdated() {
-    //      this._generateColumns();
-    //  }
     keyDown({ key }) {
         if (key !== 'Control' || this._ctrlDown === true) {
             return;
@@ -3125,114 +3200,16 @@ let Table = class Table {
         definitionsArray[definitionsArray.length - 1].isLast = true;
         this.columns = definitionsArray;
     }
-    //  private _getHeader() {
-    //      return (
-    //          <p-table-row variant="header">
-    //              {this._columns.map((col: TableDefinition, index) => (
-    //                  <p-table-column
-    //                      definition={col}
-    //                      value={col.name}
-    //                      variant="header"
-    //                      checkbox={this._getCheckbox(index, null, 'header')}
-    //                      index={index}
-    //                  ></p-table-column>
-    //              ))}
-    //          </p-table-row>
-    //      );
-    //  }
-    //  private _getRows() {
-    //      if (this.loading) {
-    //          return Array.from(
-    //              {
-    //                  length: this.amountOfLoadingRows,
-    //              },
-    //              (_, i) => (
-    //                  <p-table-row
-    //                      enableHover={
-    //                          this.enableRowSelection || this.enableRowClick
-    //                      }
-    //                  >
-    //                      {this._getLoadingColumns(i)}
-    //                  </p-table-row>
-    //              )
-    //          );
-    //      }
-    //      return this._items.map((item, index) => (
-    //          <p-table-row
-    //              enableHover={this.enableRowSelection || this.enableRowClick}
-    //              onClick={(ev) => this._rowClick(ev, index)}
-    //          >
-    //              {this._getRowColumns(item, index)}
-    //          </p-table-row>
-    //      ));
-    //  }
-    //  private _getRowColumns(item, index) {
-    //      return this._columns.map((col: TableDefinition, colIndex) => {
-    //          return (
-    //              <p-table-column
-    //                  definition={col}
-    //                  item={item}
-    //                  checkbox={this._getCheckbox(colIndex, index)}
-    //                  index={colIndex}
-    //                  rowIndex={index}
-    //              ></p-table-column>
-    //          );
-    //      });
-    //  }
-    //  private _getLoadingColumns(index) {
-    //      return this._columns.map((col: TableDefinition, colIndex) => {
-    //          return (
-    //              <p-table-column
-    //                  definition={col}
-    //                  variant="loading"
-    //                  checkbox={this._getCheckbox(colIndex, index, 'loading')}
-    //                  index={colIndex}
-    //                  rowIndex={index}
-    //              ></p-table-column>
-    //          );
-    //      });
-    //  }
-    //  private _getCheckbox(
-    //      index,
-    //      rowIndex,
-    //      variant: 'header' | 'default' | 'loading' = 'default'
-    //  ) {
-    //      if (!this.enableRowSelection || !this.selectionKey || index !== 0) {
-    //          return;
-    //      }
-    //      if (variant === 'loading') {
-    //          return <p-loader variant="ghost" class="rounded w-6 h-6" />;
-    //      }
-    //      if (variant === 'header') {
-    //          return (
-    //              <input
-    //                  class="p-input"
-    //                  type="checkbox"
-    //                  onChange={(ev) => this._selectAllChange(ev)}
-    //                  checked={this._selectionContainsAll()}
-    //                  indeterminate={this._selectionIndeterminate()}
-    //              />
-    //          );
-    //      }
-    //      const item = this._items[rowIndex];
-    //      return (
-    //          <input
-    //              class="p-input"
-    //              type="checkbox"
-    //              onChange={(ev) => this._checkboxChange(ev?.target, rowIndex)}
-    //              disabled={this.canSelectKey && !item[this.canSelectKey]}
-    //              checked={this._selectionContains(item, rowIndex)}
-    //          />
-    //      );
-    //  }
     _checkboxDisabled(item) {
         return this.canSelectKey && !item[this.canSelectKey];
     }
-    _selectAllChange($event) {
+    _selectAllChange($event, forceValue) {
         if (!this.enableRowSelection) {
             return;
         }
-        const value = this._getCheckedValue($event.target);
+        const value = forceValue === undefined
+            ? this._getCheckedValue($event.target)
+            : forceValue;
         if (value) {
             const toAdd = [];
             for (let i = 0; i < this.parsedItems.length; i++) {
@@ -3382,15 +3359,15 @@ let Table = class Table {
         return this._findRowAction(el === null || el === void 0 ? void 0 : el.parentElement);
     }
 };
-Table.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Table, deps: [], target: i0.ɵɵFactoryTarget.Component });
-Table.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: Table, selector: "p-table-ngx", inputs: { items: "items", loading: "loading", headerLoading: "headerLoading", footerLoading: "footerLoading", amountOfLoadingRows: "amountOfLoadingRows", enableRowSelection: "enableRowSelection", enableRowClick: "enableRowClick", selectedRows: "selectedRows", selectionKey: "selectionKey", canSelectKey: "canSelectKey", enableHeader: "enableHeader", quickFilters: "quickFilters", activeQuickFilterIdentifier: "activeQuickFilterIdentifier", enableSearch: "enableSearch", query: "query", enableFilter: "enableFilter", selectedFiltersAmount: "selectedFiltersAmount", filterButtonTemplate: "filterButtonTemplate", enableEdit: "enableEdit", editButtonLoading: "editButtonLoading", editButtonIcon: "editButtonIcon", editButtonText: "editButtonText", editButtonTemplate: "editButtonTemplate", enableFooter: "enableFooter", enablePageSize: "enablePageSize", enablePagination: "enablePagination", enableExport: "enableExport", page: "page", total: "total", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", hideOnSinglePage: "hideOnSinglePage", emptyStateType: "emptyStateType", emptyStateIllustration: "emptyStateIllustration", emptyStateHeader: "emptyStateHeader", emptyStateContent: "emptyStateContent", emptyStateAction: "emptyStateAction", enableEmptyStateAction: "enableEmptyStateAction", emptyStateFilteredIllustration: "emptyStateFilteredIllustration", emptyStateFilteredHeader: "emptyStateFilteredHeader", emptyStateFilteredContent: "emptyStateFilteredContent", filterModalHeaderText: "filterModalHeaderText", filterModalSaveText: "filterModalSaveText", filterModalCancelText: "filterModalCancelText", filterModalResetText: "filterModalResetText", filterModalShowReset: "filterModalShowReset", filterModalShowResetMobile: "filterModalShowResetMobile" }, 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: "headerCustomFilterTemplate", first: true, predicate: TableCustomFilterDirective, descendants: true, read: TemplateRef, static: true }, { 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        *ngIf=\"enableHeader\"\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (quickFilter)=\"onQuickFilter($event)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (queryChange)=\"onQueryChange($event)\"\n        [enableFilter]=\"enableFilter\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (filter)=\"filterModalShow$.next(true)\"\n        [enableEdit]=\"enableEdit\"\n        [canEdit]=\"!!selectedRows.length\"\n        [editButtonTemplate]=\"editButtonTemplate\"\n        [editLoading]=\"editButtonLoading\"\n        [editText]=\"editButtonText\"\n        [editIcon]=\"editButtonIcon\"\n        (edit)=\"edit.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n        [loading]=\"headerLoading\"\n    >\n        <ng-container *ngIf=\"headerCustomFilterTemplate\">\n            <ng-container\n                *ngTemplateOutlet=\"headerCustomFilterTemplate\"\n            ></ng-container>\n        </ng-container>\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 || col.hasCheckbox) && 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 || col.hasCheckbox) &&\n                            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=\"h-6 w-6 rounded\"\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 || col.hasCheckbox) &&\n                                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        *ngIf=\"enableFooter\"\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (pageSizeChange)=\"onPageSizeChange($event)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (pageChange)=\"onPageChange($event)\"\n        [enableExport]=\"enableExport\"\n        (export)=\"export.emit()\"\n        [loading]=\"footerLoading\"\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        (closed)=\"filterModalShow$.next(false)\"\n    >\n        <div slot=\"content\" class=\"flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n        </div>\n        <div slot=\"footer\" class=\"flex w-full justify-between gap-4\">\n            <p-button\n                *ngIf=\"filterModalShowResetMobile\"\n                class=\"flex w-full tablet:w-auto desktop-xs:hidden\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset(true)\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                *ngIf=\"filterModalShowReset\"\n                class=\"hidden w-full tablet:w-auto desktop-xs:flex\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset()\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                class=\"ml-auto w-full tablet:w-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\n            max-w-[20rem]\n            flex-col\n            items-center\n            self-center\n            py-24\n            text-center\n        \"\n    >\n        <p-illustration\n            [variant]=\"emptyStateFilteredIllustration\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"text-storm-default font-semibold\">\n            {{ emptyStateFilteredHeader }}\n        </p>\n        <p class=\"mb-14 text-sm text-storm-medium\">\n            {{ emptyStateFilteredContent }}\n        </p>\n    </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n    <div\n        class=\"\n            flex\n            max-w-[20rem]\n            flex-col\n            items-center\n            self-center\n            py-24\n            text-center\n        \"\n        [class.cursor-pointer]=\"enableEmptyStateAction\"\n        (click)=\"emptyStateClicked()\"\n    >\n        <p-illustration\n            [variant]=\"emptyStateIllustration\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"text-storm-default font-semibold\">\n            {{ emptyStateHeader }}\n        </p>\n        <p class=\"mb-6 text-sm text-storm-medium\">\n            {{ emptyStateContent }}\n        </p>\n        <p-button\n            *ngIf=\"enableEmptyStateAction\"\n            variant=\"secondary\"\n            icon=\"plus\"\n            size=\"small\"\n        >\n            {{ emptyStateAction }}\n        </p-button>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}:host .p-input[type=checkbox]{flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.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", "underline", "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: ["applyBlur", "backdropClickClose", "header", "padding", "scrollLock", "show", "showClose", "showMobileFooter", "size", "variant"] }, { kind: "component", type: PTableContainer, selector: "p-table-container" }, { kind: "component", type: PTableFooter, selector: "p-table-footer", inputs: ["enableExport", "enablePageSize", "enablePagination", "hideOnSinglePage", "loading", "page", "pageSize", "pageSizeOptions", "total"] }, { kind: "component", type: PTableHeader, selector: "p-table-header", inputs: ["activeQuickFilterIdentifier", "canEdit", "editButtonTemplate", "editIcon", "editLoading", "editText", "enableEdit", "enableFilter", "enableSearch", "filterButtonTemplate", "itemsSelectedAmount", "loading", "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$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+Table.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Table, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+Table.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: Table, selector: "p-table-ngx", inputs: { items: "items", loading: "loading", headerLoading: "headerLoading", footerLoading: "footerLoading", amountOfLoadingRows: "amountOfLoadingRows", enableRowSelection: "enableRowSelection", enableRowClick: "enableRowClick", selectedRows: "selectedRows", selectionKey: "selectionKey", canSelectKey: "canSelectKey", enableFloatingMenu: "enableFloatingMenu", floatingMenuAmountSelectedText: "floatingMenuAmountSelectedText", floatingMenuAmountSelectedTemplate: "floatingMenuAmountSelectedTemplate", enableHeader: "enableHeader", quickFilters: "quickFilters", activeQuickFilterIdentifier: "activeQuickFilterIdentifier", enableSearch: "enableSearch", query: "query", enableFilter: "enableFilter", selectedFiltersAmount: "selectedFiltersAmount", filterButtonTemplate: "filterButtonTemplate", enableAction: "enableAction", actionButtonLoading: "actionButtonLoading", actionButtonIcon: "actionButtonIcon", actionButtonEnabled: "actionButtonEnabled", actionButtonText: "actionButtonText", actionButtonTemplate: "actionButtonTemplate", enableFooter: "enableFooter", enablePageSize: "enablePageSize", enablePagination: "enablePagination", enableExport: "enableExport", page: "page", total: "total", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", hideOnSinglePage: "hideOnSinglePage", emptyStateType: "emptyStateType", emptyStateIllustration: "emptyStateIllustration", emptyStateHeader: "emptyStateHeader", emptyStateContent: "emptyStateContent", emptyStateAction: "emptyStateAction", enableEmptyStateAction: "enableEmptyStateAction", emptyStateFilteredIllustration: "emptyStateFilteredIllustration", emptyStateFilteredHeader: "emptyStateFilteredHeader", emptyStateFilteredContent: "emptyStateFilteredContent", filterModalHeaderText: "filterModalHeaderText", filterModalSaveText: "filterModalSaveText", filterModalCancelText: "filterModalCancelText", filterModalResetText: "filterModalResetText", filterModalShowReset: "filterModalShowReset", filterModalShowResetMobile: "filterModalShowResetMobile" }, outputs: { selectedRowsChange: "selectedRowsChange", rowClick: "rowClick", rowSelected: "rowSelected", rowDeselected: "rowDeselected", quickFilter: "quickFilter", queryChange: "queryChange", filter: "filter", action: "action", 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: "floatingMenuContentTemplate", first: true, predicate: TableFloatingMenuContentDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "headerCustomFilterTemplate", first: true, predicate: TableCustomFilterDirective, descendants: true, read: TemplateRef, static: true }, { 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        *ngIf=\"enableHeader\"\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (quickFilter)=\"onQuickFilter($event)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (queryChange)=\"onQueryChange($event)\"\n        [enableFilter]=\"enableFilter\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (filter)=\"filterModalShow$.next(true)\"\n        [enableAction]=\"enableAction\"\n        [canUseAction]=\"actionButtonEnabled\"\n        [actionButtonTemplate]=\"actionButtonTemplate\"\n        [actionLoading]=\"actionButtonLoading\"\n        [actionText]=\"actionButtonText\"\n        [actionIcon]=\"actionButtonIcon\"\n        (action)=\"action.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n        [loading]=\"headerLoading\"\n    >\n        <ng-container *ngIf=\"headerCustomFilterTemplate\">\n            <ng-container\n                *ngTemplateOutlet=\"headerCustomFilterTemplate\"\n            ></ng-container>\n        </ng-container>\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 || col.hasCheckbox) && 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 || col.hasCheckbox) &&\n                            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=\"h-6 w-6 rounded\"\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 || col.hasCheckbox) &&\n                                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        *ngIf=\"enableFooter\"\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (pageSizeChange)=\"onPageSizeChange($event)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (pageChange)=\"onPageChange($event)\"\n        [enableExport]=\"enableExport\"\n        (export)=\"export.emit()\"\n        [loading]=\"footerLoading\"\n    ></p-table-footer>\n\n    <ng-container *ngIf=\"enableFloatingMenu\">\n        <p-floating-menu-container\n            [class.inactive]=\"!selectedRows.length\"\n        >\n            <p-floating-menu-item\n                hover={false}\n                [class]=\"{\n                    hidden: !!floatingMenuContentTemplate,\n                    'tablet:flex': !!floatingMenuContentTemplate\n                }\"\n            >\n                {{ floatingMenuAmountSelectedText }}\n            </p-floating-menu-item>\n            <p-divider\n                class=\"mx-0 text-storm\"\n                variant=\"vertical\"\n                [class]=\"{\n                    hidden: !!floatingMenuContentTemplate,\n                    'tablet:flex': !!floatingMenuContentTemplate\n                }\"\n            />\n            <ng-container *ngIf=\"floatingMenuContentTemplate\">\n                <ng-container *ngTemplateOutlet=\"floatingMenuContentTemplate\"></ng-container>\n                <p-divider\n                    class=\"mx-0 text-storm\"\n                    variant=\"vertical\"\n                />\n            </ng-container>\n            <p-floating-menu-item\n                (click)=\"_selectAllChange(null, false)\"\n            >\n                <p-icon variant=\"negative\" />\n            </p-floating-menu-item>\n        </p-floating-menu-container>\n    </ng-container>\n</p-table-container>\n\n<ng-container *ngIf=\"filterModalTemplate\">\n    <p-modal\n        [header]=\"filterModalHeaderText\"\n        [show]=\"filterModalShow$ | async\"\n        (closed)=\"filterModalShow$.next(false)\"\n    >\n        <div slot=\"content\" class=\"flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n        </div>\n        <div slot=\"footer\" class=\"flex w-full justify-between gap-4\">\n            <p-button\n                *ngIf=\"filterModalShowResetMobile\"\n                class=\"flex w-full tablet:w-auto desktop-xs:hidden\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset(true)\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                *ngIf=\"filterModalShowReset\"\n                class=\"hidden w-full tablet:w-auto desktop-xs:flex\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset()\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                class=\"ml-auto w-full tablet:w-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\n            max-w-[20rem]\n            flex-col\n            items-center\n            self-center\n            py-24\n            text-center\n        \"\n    >\n        <p-illustration\n            [variant]=\"emptyStateFilteredIllustration\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"text-storm-default font-semibold\">\n            {{ emptyStateFilteredHeader }}\n        </p>\n        <p class=\"mb-14 text-sm text-storm-medium\">\n            {{ emptyStateFilteredContent }}\n        </p>\n    </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n    <div\n        class=\"\n            flex\n            max-w-[20rem]\n            flex-col\n            items-center\n            self-center\n            py-24\n            text-center\n        \"\n        [class.cursor-pointer]=\"enableEmptyStateAction\"\n        (click)=\"emptyStateClicked()\"\n    >\n        <p-illustration\n            [variant]=\"emptyStateIllustration\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"text-storm-default font-semibold\">\n            {{ emptyStateHeader }}\n        </p>\n        <p class=\"mb-6 text-sm text-storm-medium\">\n            {{ emptyStateContent }}\n        </p>\n        <p-button\n            *ngIf=\"enableEmptyStateAction\"\n            variant=\"secondary\"\n            icon=\"plus\"\n            size=\"small\"\n        >\n            {{ emptyStateAction }}\n        </p-button>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}:host .p-input[type=checkbox]{flex-shrink:0}:host p-table-container{position:relative}:host p-table-container p-floating-menu-container{position:fixed;bottom:1rem;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));animation:forwards floatingMenuContainerIn .3s ease!important}@media (min-width: 40rem){:host p-table-container p-floating-menu-container{position:absolute;bottom:4rem}}:host p-table-container p-floating-menu-container.inactive{animation:forwards floatingMenuContainerOut .3s ease!important}@keyframes floatingMenuContainerOut{0%{transform:translateY(0) translate(-50%);opacity:100}to{transform:translateY(100%) translate(-50%);opacity:0}}@keyframes floatingMenuContainerIn{0%{transform:translateY(100%) translate(-50%);opacity:0}to{transform:translateY(0) translate(-50%);opacity:100}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.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", "underline", "variant"] }, { kind: "component", type: PDivider, selector: "p-divider", inputs: ["variant"] }, { kind: "component", type: PFloatingMenuContainer, selector: "p-floating-menu-container", inputs: ["usedInTable"] }, { kind: "component", type: PFloatingMenuItem, selector: "p-floating-menu-item", inputs: ["hover"] }, { kind: "component", type: PIcon, selector: "p-icon", inputs: ["flip", "rotate", "size", "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: ["applyBlur", "backdropClickClose", "header", "padding", "scrollLock", "show", "showClose", "showMobileFooter", "size", "variant"] }, { kind: "component", type: PTableContainer, selector: "p-table-container" }, { kind: "component", type: PTableFooter, selector: "p-table-footer", inputs: ["enableExport", "enablePageSize", "enablePagination", "hideOnSinglePage", "loading", "page", "pageSize", "pageSizeOptions", "total"] }, { kind: "component", type: PTableHeader, selector: "p-table-header", inputs: ["actionButtonTemplate", "actionIcon", "actionLoading", "actionText", "activeQuickFilterIdentifier", "canUseAction", "enableAction", "enableFilter", "enableSearch", "filterButtonTemplate", "itemsSelectedAmount", "loading", "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$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 Table = __decorate([
     UntilDestroy({ checkProperties: true })
 ], Table);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Table, decorators: [{
             type: Component,
-            args: [{ selector: 'p-table-ngx', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-table-container>\n    <p-table-header\n        *ngIf=\"enableHeader\"\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (quickFilter)=\"onQuickFilter($event)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (queryChange)=\"onQueryChange($event)\"\n        [enableFilter]=\"enableFilter\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (filter)=\"filterModalShow$.next(true)\"\n        [enableEdit]=\"enableEdit\"\n        [canEdit]=\"!!selectedRows.length\"\n        [editButtonTemplate]=\"editButtonTemplate\"\n        [editLoading]=\"editButtonLoading\"\n        [editText]=\"editButtonText\"\n        [editIcon]=\"editButtonIcon\"\n        (edit)=\"edit.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n        [loading]=\"headerLoading\"\n    >\n        <ng-container *ngIf=\"headerCustomFilterTemplate\">\n            <ng-container\n                *ngTemplateOutlet=\"headerCustomFilterTemplate\"\n            ></ng-container>\n        </ng-container>\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 || col.hasCheckbox) && 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 || col.hasCheckbox) &&\n                            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=\"h-6 w-6 rounded\"\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 || col.hasCheckbox) &&\n                                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        *ngIf=\"enableFooter\"\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (pageSizeChange)=\"onPageSizeChange($event)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (pageChange)=\"onPageChange($event)\"\n        [enableExport]=\"enableExport\"\n        (export)=\"export.emit()\"\n        [loading]=\"footerLoading\"\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        (closed)=\"filterModalShow$.next(false)\"\n    >\n        <div slot=\"content\" class=\"flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n        </div>\n        <div slot=\"footer\" class=\"flex w-full justify-between gap-4\">\n            <p-button\n                *ngIf=\"filterModalShowResetMobile\"\n                class=\"flex w-full tablet:w-auto desktop-xs:hidden\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset(true)\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                *ngIf=\"filterModalShowReset\"\n                class=\"hidden w-full tablet:w-auto desktop-xs:flex\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset()\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                class=\"ml-auto w-full tablet:w-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\n            max-w-[20rem]\n            flex-col\n            items-center\n            self-center\n            py-24\n            text-center\n        \"\n    >\n        <p-illustration\n            [variant]=\"emptyStateFilteredIllustration\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"text-storm-default font-semibold\">\n            {{ emptyStateFilteredHeader }}\n        </p>\n        <p class=\"mb-14 text-sm text-storm-medium\">\n            {{ emptyStateFilteredContent }}\n        </p>\n    </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n    <div\n        class=\"\n            flex\n            max-w-[20rem]\n            flex-col\n            items-center\n            self-center\n            py-24\n            text-center\n        \"\n        [class.cursor-pointer]=\"enableEmptyStateAction\"\n        (click)=\"emptyStateClicked()\"\n    >\n        <p-illustration\n            [variant]=\"emptyStateIllustration\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"text-storm-default font-semibold\">\n            {{ emptyStateHeader }}\n        </p>\n        <p class=\"mb-6 text-sm text-storm-medium\">\n            {{ emptyStateContent }}\n        </p>\n        <p-button\n            *ngIf=\"enableEmptyStateAction\"\n            variant=\"secondary\"\n            icon=\"plus\"\n            size=\"small\"\n        >\n            {{ emptyStateAction }}\n        </p-button>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}:host .p-input[type=checkbox]{flex-shrink:0}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { items: [{
+            args: [{ selector: 'p-table-ngx', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-table-container>\n    <p-table-header\n        *ngIf=\"enableHeader\"\n        [quickFilters]=\"quickFilters\"\n        [activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n        (quickFilter)=\"onQuickFilter($event)\"\n        [enableSearch]=\"enableSearch\"\n        [query]=\"query\"\n        (queryChange)=\"onQueryChange($event)\"\n        [enableFilter]=\"enableFilter\"\n        [selectedFiltersAmount]=\"selectedFiltersAmount\"\n        [filterButtonTemplate]=\"filterButtonTemplate\"\n        (filter)=\"filterModalShow$.next(true)\"\n        [enableAction]=\"enableAction\"\n        [canUseAction]=\"actionButtonEnabled\"\n        [actionButtonTemplate]=\"actionButtonTemplate\"\n        [actionLoading]=\"actionButtonLoading\"\n        [actionText]=\"actionButtonText\"\n        [actionIcon]=\"actionButtonIcon\"\n        (action)=\"action.emit()\"\n        [itemsSelectedAmount]=\"selectedRows.length\"\n        [loading]=\"headerLoading\"\n    >\n        <ng-container *ngIf=\"headerCustomFilterTemplate\">\n            <ng-container\n                *ngTemplateOutlet=\"headerCustomFilterTemplate\"\n            ></ng-container>\n        </ng-container>\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 || col.hasCheckbox) && 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 || col.hasCheckbox) &&\n                            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=\"h-6 w-6 rounded\"\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 || col.hasCheckbox) &&\n                                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        *ngIf=\"enableFooter\"\n        [hideOnSinglePage]=\"hideOnSinglePage\"\n        [enablePageSize]=\"enablePageSize\"\n        [pageSize]=\"pageSize\"\n        [pageSizeOptions]=\"pageSizeOptions\"\n        (pageSizeChange)=\"onPageSizeChange($event)\"\n        [enablePagination]=\"enablePagination\"\n        [page]=\"page\"\n        [total]=\"total\"\n        (pageChange)=\"onPageChange($event)\"\n        [enableExport]=\"enableExport\"\n        (export)=\"export.emit()\"\n        [loading]=\"footerLoading\"\n    ></p-table-footer>\n\n    <ng-container *ngIf=\"enableFloatingMenu\">\n        <p-floating-menu-container\n            [class.inactive]=\"!selectedRows.length\"\n        >\n            <p-floating-menu-item\n                hover={false}\n                [class]=\"{\n                    hidden: !!floatingMenuContentTemplate,\n                    'tablet:flex': !!floatingMenuContentTemplate\n                }\"\n            >\n                {{ floatingMenuAmountSelectedText }}\n            </p-floating-menu-item>\n            <p-divider\n                class=\"mx-0 text-storm\"\n                variant=\"vertical\"\n                [class]=\"{\n                    hidden: !!floatingMenuContentTemplate,\n                    'tablet:flex': !!floatingMenuContentTemplate\n                }\"\n            />\n            <ng-container *ngIf=\"floatingMenuContentTemplate\">\n                <ng-container *ngTemplateOutlet=\"floatingMenuContentTemplate\"></ng-container>\n                <p-divider\n                    class=\"mx-0 text-storm\"\n                    variant=\"vertical\"\n                />\n            </ng-container>\n            <p-floating-menu-item\n                (click)=\"_selectAllChange(null, false)\"\n            >\n                <p-icon variant=\"negative\" />\n            </p-floating-menu-item>\n        </p-floating-menu-container>\n    </ng-container>\n</p-table-container>\n\n<ng-container *ngIf=\"filterModalTemplate\">\n    <p-modal\n        [header]=\"filterModalHeaderText\"\n        [show]=\"filterModalShow$ | async\"\n        (closed)=\"filterModalShow$.next(false)\"\n    >\n        <div slot=\"content\" class=\"flex flex-col gap-6\">\n            <ng-container\n                *ngTemplateOutlet=\"filterModalTemplate\"\n            ></ng-container>\n        </div>\n        <div slot=\"footer\" class=\"flex w-full justify-between gap-4\">\n            <p-button\n                *ngIf=\"filterModalShowResetMobile\"\n                class=\"flex w-full tablet:w-auto desktop-xs:hidden\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset(true)\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                *ngIf=\"filterModalShowReset\"\n                class=\"hidden w-full tablet:w-auto desktop-xs:flex\"\n                variant=\"secondary\"\n                (onClick)=\"onFilterModalReset()\"\n            >\n                {{ filterModalResetText }}\n            </p-button>\n            <p-button\n                class=\"ml-auto w-full tablet:w-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\n            max-w-[20rem]\n            flex-col\n            items-center\n            self-center\n            py-24\n            text-center\n        \"\n    >\n        <p-illustration\n            [variant]=\"emptyStateFilteredIllustration\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"text-storm-default font-semibold\">\n            {{ emptyStateFilteredHeader }}\n        </p>\n        <p class=\"mb-14 text-sm text-storm-medium\">\n            {{ emptyStateFilteredContent }}\n        </p>\n    </div>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n    <div\n        class=\"\n            flex\n            max-w-[20rem]\n            flex-col\n            items-center\n            self-center\n            py-24\n            text-center\n        \"\n        [class.cursor-pointer]=\"enableEmptyStateAction\"\n        (click)=\"emptyStateClicked()\"\n    >\n        <p-illustration\n            [variant]=\"emptyStateIllustration\"\n            class=\"mb-6\"\n        ></p-illustration>\n        <p class=\"text-storm-default font-semibold\">\n            {{ emptyStateHeader }}\n        </p>\n        <p class=\"mb-6 text-sm text-storm-medium\">\n            {{ emptyStateContent }}\n        </p>\n        <p-button\n            *ngIf=\"enableEmptyStateAction\"\n            variant=\"secondary\"\n            icon=\"plus\"\n            size=\"small\"\n        >\n            {{ emptyStateAction }}\n        </p-button>\n    </div>\n</ng-template>\n", styles: [":host{display:flex;flex-direction:column}:host .p-input[type=checkbox]{flex-shrink:0}:host p-table-container{position:relative}:host p-table-container p-floating-menu-container{position:fixed;bottom:1rem;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));animation:forwards floatingMenuContainerIn .3s ease!important}@media (min-width: 40rem){:host p-table-container p-floating-menu-container{position:absolute;bottom:4rem}}:host p-table-container p-floating-menu-container.inactive{animation:forwards floatingMenuContainerOut .3s ease!important}@keyframes floatingMenuContainerOut{0%{transform:translateY(0) translate(-50%);opacity:100}to{transform:translateY(100%) translate(-50%);opacity:0}}@keyframes floatingMenuContainerIn{0%{transform:translateY(100%) translate(-50%);opacity:0}to{transform:translateY(0) translate(-50%);opacity:100}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { items: [{
                 type: Input
             }], loading: [{
                 type: Input
@@ -3412,6 +3389,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], canSelectKey: [{
                 type: Input
+            }], enableFloatingMenu: [{
+                type: Input
+            }], floatingMenuAmountSelectedText: [{
+                type: Input
+            }], floatingMenuAmountSelectedTemplate: [{
+                type: Input
+            }], floatingMenuContentTemplate: [{
+                type: ContentChild,
+                args: [TableFloatingMenuContentDirective, {
+                        read: TemplateRef,
+                        static: true,
+                    }]
             }], rowClick: [{
                 type: Output
             }], rowSelected: [{
@@ -3434,15 +3423,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], filterButtonTemplate: [{
                 type: Input
-            }], enableEdit: [{
+            }], enableAction: [{
+                type: Input
+            }], actionButtonLoading: [{
                 type: Input
-            }], editButtonLoading: [{
+            }], actionButtonIcon: [{
                 type: Input
-            }], editButtonIcon: [{
+            }], actionButtonEnabled: [{
                 type: Input
-            }], editButtonText: [{
+            }], actionButtonText: [{
                 type: Input
-            }], editButtonTemplate: [{
+            }], actionButtonTemplate: [{
                 type: Input
             }], quickFilter: [{
                 type: Output
@@ -3450,7 +3441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Output
             }], filter: [{
                 type: Output
-            }], edit: [{
+            }], action: [{
                 type: Output
             }], enableFooter: [{
                 type: Input
@@ -3545,7 +3536,7 @@ const TABLE_COMPONENTS = [Table, TableCell, TableColumn];
 class TableModule {
 }
 TableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TableModule, declarations: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective, TableFilterModalDirective, TableCustomFilterDirective], imports: [CommonModule, StencilModule], exports: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective, TableFilterModalDirective, TableCustomFilterDirective] });
+TableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TableModule, declarations: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective, TableFilterModalDirective, TableCustomFilterDirective, TableFloatingMenuContentDirective], imports: [CommonModule, StencilModule], exports: [Table, TableCell, TableColumn, TableFooterDirective, TableHeaderDirective, TableDirective, TableNgxDirective, TableFilterModalDirective, TableCustomFilterDirective, TableFloatingMenuContentDirective] });
 TableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableModule, imports: [CommonModule, StencilModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
@@ -3801,5 +3792,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseFormComponent, BaseTableComponent, BaseUploadComponent, BaseValueAccessor, CropperDirective, CustomCurrencyPipe, CustomDatePipe, DIRECTIVES$1 as DIRECTIVES, DatepickerDirective, FADE_IN, FADE_OUT, MODULES, OVERLAY_SERVICES, OverlayModule, OverlayRef, OverlayService, PAccordion, PAttachment, PAvatar, PAvatarGroup, PBackdrop, PButton, PCalendar, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PCropper, PDatepicker, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PHelper, PIPES, PIcon, PIllustration, PInfoPanel, PInputError, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, SLIDE_IN_BOTTOM_OUT_TOP, SLIDE_IN_TOP_OUT_BOTTOM, SafePipe, SelectDirective, StencilModule, TABLE_COMPONENTS, TABLE_DIRECTIVES, TOAST_COMPONENTS, TOAST_DIRECTIVES, TOAST_SERVICES, Table, TableCell, TableColumn, TableCustomFilterDirective, TableDirective, TableFilterModalDirective, TableFooterDirective, TableHeaderDirective, TableModule, TableNgxDirective, ToastContainer, ToastDirective, ToastModule, ToastService, ToastVariants, createFormFilters };
+export { BaseFormComponent, BaseTableComponent, BaseUploadComponent, BaseValueAccessor, CropperDirective, CustomCurrencyPipe, CustomDatePipe, DIRECTIVES$1 as DIRECTIVES, DatepickerDirective, FADE_IN, FADE_OUT, MODULES, OVERLAY_SERVICES, OverlayModule, OverlayRef, OverlayService, PAccordion, PAttachment, PAvatar, PAvatarGroup, PBackdrop, PButton, PCalendar, PCardBody, PCardContainer, PCardHeader, PContentSlider, PCounter, PCropper, PDatepicker, PDivider, PDrawer, PDrawerBody, PDrawerContainer, PDrawerHeader, PDropdown, PDropdownMenuContainer, PDropdownMenuItem, PFloatingMenuContainer, PFloatingMenuItem, PHelper, PIPES, PIcon, PIllustration, PInfoPanel, PInputError, PInputGroup, PLabel, PLayout, PLoader, PModal, PModalBody, PModalContainer, PModalFooter, PModalHeader, PNavbar, PNavigationItem, PPageSizeSelect, PPagination, PPaginationItem, PProfile, PSegmentContainer, PSegmentItem, PSelect, PSliderIndicator, PStatus, PStepper, PStepperItem, PStepperLine, PTabGroup, PTabItem, PTableContainer, PTableFooter, PTableHeader, PTableRow, PToast, PTooltip, PageSizeSelectDirective, PaginationDirective, PaperlessModule, SLIDE_IN_BOTTOM_OUT_TOP, SLIDE_IN_TOP_OUT_BOTTOM, SafePipe, SelectDirective, StencilModule, TABLE_COMPONENTS, TABLE_DIRECTIVES, TOAST_COMPONENTS, TOAST_DIRECTIVES, TOAST_SERVICES, Table, TableCell, TableColumn, TableCustomFilterDirective, TableDirective, TableFilterModalDirective, TableFloatingMenuContentDirective, TableFooterDirective, TableHeaderDirective, TableModule, TableNgxDirective, ToastContainer, ToastDirective, ToastModule, ToastService, ToastVariants, createFormFilters };
 //# sourceMappingURL=paperless-angular.mjs.map