@paperless/angular 3.1.1 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -4625,7 +4625,7 @@ let TableComponent = class TableComponent {
|
|
|
4625
4625
|
}, 100);
|
|
4626
4626
|
}
|
|
4627
4627
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
4628
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: TableComponent, isStandalone: true, selector: "p-table-ngx", inputs: { items: "items", loading: "loading", headerLoading: "headerLoading", footerLoading: "footerLoading", amountOfLoadingRows: "amountOfLoadingRows", enableRowSelection: "enableRowSelection", rowSelectionLimit: "rowSelectionLimit", 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", enableFilterDesktop: "enableFilterDesktop", selectedFiltersAmount: "selectedFiltersAmount", filterButtonTemplate: "filterButtonTemplate", enableAction: "enableAction", actionButtonLoading: "actionButtonLoading", actionButtonIcon: "actionButtonIcon", actionButtonEnabled: "actionButtonEnabled", actionButtonText: "actionButtonText", actionButtonTemplate: "actionButtonTemplate", enableFooter: "enableFooter", enablePaginationSize: "enablePaginationSize", enablePaginationPages: "enablePaginationPages", enableExport: "enableExport", page: "page", total: "total", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", hideOnSinglePage: "hideOnSinglePage", emptyStateType: "emptyStateType", emptyStateIllustration: "emptyStateIllustration", emptyStateHeader: "emptyStateHeader", emptyStateContent: "emptyStateContent", emptyStateAction: "emptyStateAction", emptyStateActionIcon: "emptyStateActionIcon", enableEmptyStateAction: "enableEmptyStateAction", emptyStateFilteredIllustration: "emptyStateFilteredIllustration", emptyStateFilteredHeader: "emptyStateFilteredHeader", emptyStateFilteredContent: "emptyStateFilteredContent", enableScroll: "enableScroll", shadow: "shadow", 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: { "window:resize": "onResize()", "document:keydown": "keyDown($event)", "document:keyup": "keyUp($event)", "document:visibilitychange": "visibilityChange()" }, properties: { "class": "this.hostClass", "attr.data-theme": "this.theme" } }, queries: [{ propertyName: "headerCustomFilterTemplate", first: true, predicate: PTableCustomFilterDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "headerCustomActionsTemplate", first: true, predicate: PTableCustomActionsDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "filterModalTemplate", first: true, predicate: PTableFilterModalDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "columnDefinitions", predicate: TableColumnComponent }, { propertyName: "extraHeaderDefinitions", predicate: TableExtraHeaderComponent }, { propertyName: "rowActions", predicate: TableRowActionComponent }, { propertyName: "customRows", predicate: PTableCustomRowDirective }], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "tableRows", predicate: PTableRow, descendants: true, read: ElementRef }, { propertyName: "tableCells", predicate: TableCellComponent, descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<p-table-container>\n\t@if (enableHeader) {\n\t\t<p-table-header\n\t\t\tclass=\"mb-8\"\n\t\t\t[actionButtonTemplate]=\"actionButtonTemplate\"\n\t\t\t[actionIcon]=\"actionButtonIcon\"\n\t\t\t[actionLoading]=\"actionButtonLoading\"\n\t\t\t[actionText]=\"actionButtonText\"\n\t\t\t[activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n\t\t\t[canUseAction]=\"actionButtonEnabled\"\n\t\t\t[enableAction]=\"enableAction\"\n\t\t\t[enableExport]=\"enableExport\"\n\t\t\t[enableFilter]=\"enableFilter\"\n\t\t\t[enableFilterDesktop]=\"enableFilterDesktop\"\n\t\t\t[enableSearch]=\"enableSearch\"\n\t\t\t[filterButtonTemplate]=\"filterButtonTemplate\"\n\t\t\t[itemsSelectedAmount]=\"selectedRows.length\"\n\t\t\t[loading]=\"headerLoading\"\n\t\t\t[query]=\"query\"\n\t\t\t[quickFilters]=\"quickFilters\"\n\t\t\t[selectedFiltersAmount]=\"selectedFiltersAmount\"\n\t\t\t(action)=\"action.emit()\"\n\t\t\t(export)=\"export.emit()\"\n\t\t\t(filter)=\"filterModalShow$.next(true)\"\n\t\t\t(queryChange)=\"onQueryChange($event)\"\n\t\t\t(quickFilter)=\"onQuickFilter($event)\"\n\t\t>\n\t\t\t@if (headerCustomFilterTemplate) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"headerCustomFilterTemplate\" />\n\t\t\t}\n\n\t\t\t@if (headerCustomActionsTemplate) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"headerCustomActionsTemplate\" />\n\t\t\t}\n\t\t</p-table-header>\n\t}\n\n\t@if (enableScroll) {\n\t\t<div class=\"relative flex-1\">\n\t\t\t<div\n\t\t\t\t#scrollContainer\n\t\t\t\tclass=\"flex flex-col overflow-x-auto\"\n\t\t\t\t[class]=\"\n\t\t\t\t\tcn(\n\t\t\t\t\t\t'before:absolute before:top-0 before:left-0 before:z-[1] before:pointer-events-none',\n\t\t\t\t\t\t'before:w-24 before:h-full before:transition-opacity',\n\t\t\t\t\t\t'before:bg-gradient-to-r before:from-white dark:before:from-hurricane-700 before:via-white/80 dark:before:via-hurricane-700/90 before:to-transparent',\n\t\t\t\t\t\t'after:absolute after:top-0 after:right-0 after:z-[0] before:pointer-events-none',\n\t\t\t\t\t\t'after:w-24 after:h-full after:transition-opacity',\n\t\t\t\t\t\t'after:bg-gradient-to-l after:from-white after:dark:from-hurricane-700 after:via-white/80 dark:after:via-hurricane-700/90 after:to-transparent',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'before:opacity-0': reachedScrollStart$ | async,\n\t\t\t\t\t\t\t'after:opacity-0': reachedScrollEnd$ | async,\n\t\t\t\t\t\t\t'before:opacity-100': (reachedScrollStart$ | async) === false,\n\t\t\t\t\t\t\t'after:opacity-100': (reachedScrollEnd$ | async) === false,\n\t\t\t\t\t\t}\n\t\t\t\t\t)\n\t\t\t\t\"\n\t\t\t\t(scroll)=\"onContainerXScroll($event)\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"rowsTemplate\" />\n\t\t\t</div>\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"rowsTemplate\" />\n\t}\n\n\t@if (enableFloatingMenu && enableRowSelection) {\n\t\t<p-floating-menu-container\n\t\t\t[amount]=\"floatingMenuAmountSelectedText\"\n\t\t\t[class]=\"\n\t\t\t\tfloatingMenuContainerClass({\n\t\t\t\t\thasFooter: enableFooter && (footerHidden$ | async) === false,\n\t\t\t\t\tactive: selectedRows.length > 0,\n\t\t\t\t\tshown: $any(floatingMenuShown$ | async),\n\t\t\t\t})\n\t\t\t\"\n\t\t\t[enableAmountSelected]=\"!!(rowActionsFloating$ | async)?.length\"\n\t\t\t[usedInTable]=\"true\"\n\t\t\t(close)=\"_selectAllChange(null, false)\"\n\t\t>\n\t\t\t@for (action of rowActionsFloating$ | async; track action) {\n\t\t\t\t<p-floating-menu-item\n\t\t\t\t\tslot=\"floating-menu-item\"\n\t\t\t\t\t[disabled]=\"\n\t\t\t\t\t\t(action['type'] === 'single' && selectedRows.length > 1) ||\n\t\t\t\t\t\taction['disabled']\n\t\t\t\t\t\"\n\t\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t\t[iconFlip]=\"action['iconFlip']\"\n\t\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t\t(click)=\"_rowActionClick(action)\"\n\t\t\t\t>\n\t\t\t\t\t{{ action['label'] }}\n\t\t\t\t</p-floating-menu-item>\n\t\t\t}\n\t\t</p-floating-menu-container>\n\t}\n\n\t@if (enableFooter) {\n\t\t<p-table-footer\n\t\t\t[enablePaginationPages]=\"enablePaginationPages\"\n\t\t\t[enablePaginationSize]=\"enablePaginationSize\"\n\t\t\t[hideOnSinglePage]=\"hideOnSinglePage\"\n\t\t\t[loading]=\"footerLoading\"\n\t\t\t[page]=\"page\"\n\t\t\t[pageSize]=\"pageSize\"\n\t\t\t[pageSizeOptions]=\"pageSizeOptions\"\n\t\t\t[tableHeaderHasAction]=\"\n\t\t\t\tenableHeader && enableAction && actionButtonEnabled\n\t\t\t\"\n\t\t\t[total]=\"total\"\n\t\t\t(hiddenChange)=\"footerHidden$.next($event.detail)\"\n\t\t\t(pageChange)=\"onPageChange($event)\"\n\t\t\t(pageSizeChange)=\"onPageSizeChange($event)\"\n\t\t/>\n\t}\n</p-table-container>\n\n<ng-template #rowsTemplate>\n\t@if ((extraHeaders$ | async) && (extraHeaders$ | async)?.length) {\n\t\t<p-table-row\n\t\t\tclass=\"z-[2]\"\n\t\t\tvariant=\"header-secondary\"\n\t\t\t[isLast]=\"true\"\n\t\t>\n\t\t\t@for (col of extraHeaders$ | async; track col; let index = $index) {\n\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\tvariant=\"header-secondary\"\n\t\t\t\t\t[checkboxOffset]=\"index === 0 && enableRowSelection\"\n\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t>\n\t\t\t\t\t<b>{{ col.name }}</b>\n\t\t\t\t</p-table-cell-ngx>\n\t\t\t}\n\t\t</p-table-row>\n\t}\n\n\t<p-table-row variant=\"header\">\n\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t<p-table-cell-ngx\n\t\t\t\tvariant=\"header\"\n\t\t\t\t[checkbox]=\"\n\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t: undefined\n\t\t\t\t\"\n\t\t\t\t[definition]=\"col\"\n\t\t\t\t[index]=\"index\"\n\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t[value]=\"col.name\"\n\t\t\t/>\n\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t<p-checkbox\n\t\t\t\t\t[checked]=\"_selectionContainsAll()\"\n\t\t\t\t\t[class.opacity-0]=\"rowSelectionLimit !== undefined\"\n\t\t\t\t\t[disabled]=\"rowSelectionLimit !== undefined\"\n\t\t\t\t\t[indeterminate]=\"_selectionIndeterminate()\"\n\t\t\t\t\t(checkedChange)=\"_selectAllChange($event)\"\n\t\t\t\t/>\n\t\t\t</ng-template>\n\t\t}\n\t</p-table-row>\n\n\t<div class=\"flex flex-1 flex-col\">\n\t\t@if (loading) {\n\t\t\t@for (r of loadingRows; track r; let rowIndex = $index) {\n\t\t\t\t<p-table-row\n\t\t\t\t\tclass=\"group\"\n\t\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t\t[isLast]=\"rowIndex === loadingRows.length - 1\"\n\t\t\t\t>\n\t\t\t\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t\tvariant=\"loading\"\n\t\t\t\t\t\t\t[checkbox]=\"\n\t\t\t\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t\t<p-loader\n\t\t\t\t\t\t\t\tclass=\"h-6 w-6 rounded\"\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t}\n\t\t\t\t</p-table-row>\n\t\t\t}\n\t\t} @else {\n\t\t\t@if (parsedItems.length) {\n\t\t\t\t@for (item of parsedItems; track item; let rowIndex = $index) {\n\t\t\t\t\t<p-table-row\n\t\t\t\t\t\tclass=\"group\"\n\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t\t\t[isLast]=\"rowIndex === parsedItems.length - 1\"\n\t\t\t\t\t\t(click)=\"_rowClick($event, rowIndex)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t@if (\n\t\t\t\t\t\t\tparseRowActionsRow(rowActionsRow$ | async, rowIndex);\n\t\t\t\t\t\t\tas rowActionsRow\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t\t\t\t[checkbox]=\"\n\t\t\t\t\t\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t\t\t\t[item]=\"item\"\n\t\t\t\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t\t\t\t\t[template]=\"col.template\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"_checkboxDisabled(item, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t(checkedChange)=\"_checkboxChange($event.target, rowIndex)\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@if (!!rowActionsRow.length && (isMobile$ | async) === false) {\n\t\t\t\t\t\t\t\t<p-table-row-actions-container\n\t\t\t\t\t\t\t\t\tslot=\"actions\"\n\t\t\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (action of rowActionsRow; track action) {\n\t\t\t\t\t\t\t\t\t\t@if (\n\t\t\t\t\t\t\t\t\t\t\taction.showFunction\n\t\t\t\t\t\t\t\t\t\t\t\t? action.showFunction(parsedItems[rowIndex])\n\t\t\t\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t<p-tooltip [content]=\"action['label']\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-is-action\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonFlip=\"action.iconFlip\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"action['disabled']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[queryParams]=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.queryParams\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (_getActionQueryParams(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.queryParams,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trowIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) | async)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[routerLink]=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.routerLink\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (_getActionRouterLink(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.routerLink,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trowIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) | async)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t(onClick)=\"_rowActionClick(action, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</p-tooltip>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</p-table-row-actions-container>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</p-table-row>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"emptyStateTemplate\" />\n\t\t\t}\n\t\t}\n\n\t\t@for (customRow of customRows; track customRow) {\n\t\t\t<p-table-row\n\t\t\t\t[class]=\"{\n\t\t\t\t\t'z-[2]': customRow.variant === 'secondary',\n\t\t\t\t}\"\n\t\t\t\t[variant]=\"customRow.variant\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"customRow.templateRef\" />\n\t\t\t</p-table-row>\n\t\t}\n\t</div>\n</ng-template>\n\n@if (filterModalTemplate) {\n\t<p-modal\n\t\t[header]=\"filterModalHeaderText\"\n\t\t[show]=\"filterModalShow$ | async\"\n\t\t(closed)=\"filterModalShow$.next(false)\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex flex-col gap-6\"\n\t\t\tslot=\"content\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"filterModalTemplate\" />\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"flex w-full justify-between gap-4\"\n\t\t\tslot=\"footer\"\n\t\t>\n\t\t\t@if (filterModalShowResetMobile) {\n\t\t\t\t<p-button\n\t\t\t\t\tclass=\"flex w-full tablet:w-auto desktop-xs:hidden\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t(onClick)=\"onFilterModalReset(true)\"\n\t\t\t\t>\n\t\t\t\t\t{{ filterModalResetText }}\n\t\t\t\t</p-button>\n\t\t\t}\n\n\t\t\t@if (filterModalShowReset) {\n\t\t\t\t<p-button\n\t\t\t\t\tclass=\"hidden w-full tablet:w-auto desktop-xs:flex\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t(onClick)=\"onFilterModalReset()\"\n\t\t\t\t>\n\t\t\t\t\t{{ filterModalResetText }}\n\t\t\t\t</p-button>\n\t\t\t}\n\n\t\t\t<p-button\n\t\t\t\tclass=\"ml-auto w-full tablet:w-auto\"\n\t\t\t\ticon=\"checkmark\"\n\t\t\t\t(onClick)=\"onFilterModalSave()\"\n\t\t\t>\n\t\t\t\t{{ filterModalSaveText }}\n\t\t\t</p-button>\n\t\t</div>\n\t</p-modal>\n}\n\n<ng-template #emptyStateTemplate>\n\t@if (emptyStateType === 'filtered') {\n\t\t<p-empty-state\n\t\t\tclass=\"my-16 self-center\"\n\t\t\t[content]=\"emptyStateFilteredContent\"\n\t\t\t[enableAction]=\"false\"\n\t\t\t[header]=\"emptyStateFilteredHeader\"\n\t\t\t[illustration]=\"emptyStateFilteredIllustration\"\n\t\t/>\n\t} @else {\n\t\t<p-empty-state\n\t\t\tclass=\"my-16 self-center\"\n\t\t\t[actionIcon]=\"emptyStateActionIcon\"\n\t\t\t[actionText]=\"emptyStateAction\"\n\t\t\t[content]=\"emptyStateContent\"\n\t\t\t[enableAction]=\"enableEmptyStateAction\"\n\t\t\t[header]=\"emptyStateHeader\"\n\t\t\t[illustration]=\"emptyStateIllustration\"\n\t\t\t(action)=\"emptyStateClicked()\"\n\t\t/>\n\t}\n</ng-template>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PModal, selector: "p-modal", inputs: ["applyBlur", "backdropClickClose", "header", "scrollLock", "show", "showClose", "showMobileFooter", "size"] }, { kind: "component", type: PEmptyState, selector: "p-empty-state", inputs: ["actionIcon", "actionIconPosition", "actionLoading", "actionText", "actionVariant", "content", "enableAction", "header", "illustration"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }, { kind: "component", type: PButton, selector: "p-button", inputs: ["active", "as", "buttonGroupPosition", "chevron", "chevronPosition", "class", "disabled", "error", "href", "icon", "iconClass", "iconFlip", "iconOnly", "iconPosition", "iconRotate", "inheritText", "label", "loading", "size", "tabIndex", "target", "type", "underline", "variant"] }, { kind: "component", type: PCheckbox, selector: "p-checkbox", inputs: ["checked", "disabled", "id", "indeterminate", "name", "required"] }, { kind: "component", type: PTooltip, selector: "p-tooltip", inputs: ["canManuallyClose", "content", "enableUserInput", "offset", "placement", "show", "strategy", "variant"] }, { kind: "component", type: PTableContainer, selector: "p-table-container" }, { kind: "component", type: PTableHeader, selector: "p-table-header", inputs: ["actionButtonTemplate", "actionIcon", "actionLoading", "actionText", "activeQuickFilterIdentifier", "canUseAction", "enableAction", "enableExport", "enableFilter", "enableFilterDesktop", "enableSearch", "filterButtonTemplate", "itemsSelectedAmount", "loading", "query", "quickFilters", "selectedFiltersAmount"] }, { kind: "component", type: PTableRow, selector: "p-table-row", inputs: ["checked", "enableHover", "isLast", "variant"] }, { kind: "component", type: PTableFooter, selector: "p-table-footer", inputs: ["enablePaginationPages", "enablePaginationSize", "hideOnSinglePage", "loading", "page", "pageSize", "pageSizeOptions", "tableHeaderHasAction", "total"] }, { kind: "component", type: PFloatingMenuContainer, selector: "p-floating-menu-container", inputs: ["amount", "amountSelectedTemplate", "enableAmountSelected", "enableClose", "usedInTable"] }, { kind: "component", type: PFloatingMenuItem, selector: "p-floating-menu-item", inputs: ["disabled", "hover", "icon", "iconFlip", "iconPosition", "iconRotate", "loading"] }, { kind: "component", type: PTableRowActionsContainer, selector: "p-table-row-actions-container", inputs: ["checked"] }, { kind: "component", type: TableCellComponent, selector: "p-table-cell-ngx", inputs: ["variant", "index", "rowIndex", "definition", "item", "value", "checkbox", "checkboxOffset", "template", "scrollable"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4628
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: TableComponent, isStandalone: true, selector: "p-table-ngx", inputs: { items: "items", loading: "loading", headerLoading: "headerLoading", footerLoading: "footerLoading", amountOfLoadingRows: "amountOfLoadingRows", enableRowSelection: "enableRowSelection", rowSelectionLimit: "rowSelectionLimit", 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", enableFilterDesktop: "enableFilterDesktop", selectedFiltersAmount: "selectedFiltersAmount", filterButtonTemplate: "filterButtonTemplate", enableAction: "enableAction", actionButtonLoading: "actionButtonLoading", actionButtonIcon: "actionButtonIcon", actionButtonEnabled: "actionButtonEnabled", actionButtonText: "actionButtonText", actionButtonTemplate: "actionButtonTemplate", enableFooter: "enableFooter", enablePaginationSize: "enablePaginationSize", enablePaginationPages: "enablePaginationPages", enableExport: "enableExport", page: "page", total: "total", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions", hideOnSinglePage: "hideOnSinglePage", emptyStateType: "emptyStateType", emptyStateIllustration: "emptyStateIllustration", emptyStateHeader: "emptyStateHeader", emptyStateContent: "emptyStateContent", emptyStateAction: "emptyStateAction", emptyStateActionIcon: "emptyStateActionIcon", enableEmptyStateAction: "enableEmptyStateAction", emptyStateFilteredIllustration: "emptyStateFilteredIllustration", emptyStateFilteredHeader: "emptyStateFilteredHeader", emptyStateFilteredContent: "emptyStateFilteredContent", enableScroll: "enableScroll", shadow: "shadow", 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: { "window:resize": "onResize()", "document:keydown": "keyDown($event)", "document:keyup": "keyUp($event)", "document:visibilitychange": "visibilityChange()" }, properties: { "class": "this.hostClass", "attr.data-theme": "this.theme" } }, queries: [{ propertyName: "headerCustomFilterTemplate", first: true, predicate: PTableCustomFilterDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "headerCustomActionsTemplate", first: true, predicate: PTableCustomActionsDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "filterModalTemplate", first: true, predicate: PTableFilterModalDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "columnDefinitions", predicate: TableColumnComponent }, { propertyName: "extraHeaderDefinitions", predicate: TableExtraHeaderComponent }, { propertyName: "rowActions", predicate: TableRowActionComponent }, { propertyName: "customRows", predicate: PTableCustomRowDirective }], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }, { propertyName: "tableRows", predicate: PTableRow, descendants: true, read: ElementRef }, { propertyName: "tableCells", predicate: TableCellComponent, descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<p-table-container>\n\t@if (enableHeader) {\n\t\t<p-table-header\n\t\t\tclass=\"mb-8\"\n\t\t\t[actionButtonTemplate]=\"actionButtonTemplate\"\n\t\t\t[actionIcon]=\"actionButtonIcon\"\n\t\t\t[actionLoading]=\"actionButtonLoading\"\n\t\t\t[actionText]=\"actionButtonText\"\n\t\t\t[activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n\t\t\t[canUseAction]=\"actionButtonEnabled\"\n\t\t\t[enableAction]=\"enableAction\"\n\t\t\t[enableExport]=\"enableExport\"\n\t\t\t[enableFilter]=\"enableFilter\"\n\t\t\t[enableFilterDesktop]=\"enableFilterDesktop\"\n\t\t\t[enableSearch]=\"enableSearch\"\n\t\t\t[filterButtonTemplate]=\"filterButtonTemplate\"\n\t\t\t[itemsSelectedAmount]=\"selectedRows.length\"\n\t\t\t[loading]=\"headerLoading\"\n\t\t\t[query]=\"query\"\n\t\t\t[quickFilters]=\"quickFilters\"\n\t\t\t[selectedFiltersAmount]=\"selectedFiltersAmount\"\n\t\t\t(action)=\"action.emit()\"\n\t\t\t(export)=\"export.emit()\"\n\t\t\t(filter)=\"filterModalShow$.next(true)\"\n\t\t\t(queryChange)=\"onQueryChange($event)\"\n\t\t\t(quickFilter)=\"onQuickFilter($event)\"\n\t\t>\n\t\t\t@if (headerCustomFilterTemplate) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"headerCustomFilterTemplate\" />\n\t\t\t}\n\n\t\t\t@if (headerCustomActionsTemplate) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"headerCustomActionsTemplate\" />\n\t\t\t}\n\t\t</p-table-header>\n\t}\n\n\t@if (enableScroll) {\n\t\t<div class=\"relative flex-1\">\n\t\t\t<div\n\t\t\t\t#scrollContainer\n\t\t\t\tclass=\"flex flex-col overflow-x-auto\"\n\t\t\t\t[class]=\"\n\t\t\t\t\tcn(\n\t\t\t\t\t\t'\n before:pointer-events-none before:absolute before:left-0 before:top-0\n before:z-[1]\n ',\n\t\t\t\t\t\t'before:h-full before:w-24 before:transition-opacity',\n\t\t\t\t\t\t'\n before:bg-gradient-to-r before:from-white before:via-white/80\n before:to-transparent\n dark:before:from-hurricane-700 dark:before:via-hurricane-700/90\n ',\n\t\t\t\t\t\t'\n before:pointer-events-none\n after:absolute after:right-0 after:top-0 after:z-[0]\n ',\n\t\t\t\t\t\t'after:h-full after:w-24 after:transition-opacity',\n\t\t\t\t\t\t'\n after:bg-gradient-to-l after:from-white after:via-white/80\n after:to-transparent\n after:dark:from-hurricane-700\n dark:after:via-hurricane-700/90\n ',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'before:opacity-0': reachedScrollStart$ | async,\n\t\t\t\t\t\t\t'after:opacity-0': reachedScrollEnd$ | async,\n\t\t\t\t\t\t\t'before:opacity-100': (reachedScrollStart$ | async) === false,\n\t\t\t\t\t\t\t'after:opacity-100': (reachedScrollEnd$ | async) === false,\n\t\t\t\t\t\t}\n\t\t\t\t\t)\n\t\t\t\t\"\n\t\t\t\t(scroll)=\"onContainerXScroll($event)\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"rowsTemplate\" />\n\t\t\t</div>\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"rowsTemplate\" />\n\t}\n\n\t@if (enableFloatingMenu && enableRowSelection) {\n\t\t<p-floating-menu-container\n\t\t\t[amount]=\"floatingMenuAmountSelectedText\"\n\t\t\t[class]=\"\n\t\t\t\tfloatingMenuContainerClass({\n\t\t\t\t\thasFooter: enableFooter && (footerHidden$ | async) === false,\n\t\t\t\t\tactive: selectedRows.length > 0,\n\t\t\t\t\tshown: $any(floatingMenuShown$ | async),\n\t\t\t\t})\n\t\t\t\"\n\t\t\t[enableAmountSelected]=\"!!(rowActionsFloating$ | async)?.length\"\n\t\t\t[usedInTable]=\"true\"\n\t\t\t(close)=\"_selectAllChange(null, false)\"\n\t\t>\n\t\t\t@for (action of rowActionsFloating$ | async; track action) {\n\t\t\t\t<p-floating-menu-item\n\t\t\t\t\tslot=\"floating-menu-item\"\n\t\t\t\t\t[disabled]=\"\n\t\t\t\t\t\t(action['type'] === 'single' && selectedRows.length > 1) ||\n\t\t\t\t\t\taction['disabled']\n\t\t\t\t\t\"\n\t\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t\t[iconFlip]=\"action['iconFlip']\"\n\t\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t\t(click)=\"_rowActionClick(action)\"\n\t\t\t\t>\n\t\t\t\t\t{{ action['label'] }}\n\t\t\t\t</p-floating-menu-item>\n\t\t\t}\n\t\t</p-floating-menu-container>\n\t}\n\n\t@if (enableFooter) {\n\t\t<p-table-footer\n\t\t\t[enablePaginationPages]=\"enablePaginationPages\"\n\t\t\t[enablePaginationSize]=\"enablePaginationSize\"\n\t\t\t[hideOnSinglePage]=\"hideOnSinglePage\"\n\t\t\t[loading]=\"footerLoading\"\n\t\t\t[page]=\"page\"\n\t\t\t[pageSize]=\"pageSize\"\n\t\t\t[pageSizeOptions]=\"pageSizeOptions\"\n\t\t\t[tableHeaderHasAction]=\"\n\t\t\t\tenableHeader && enableAction && actionButtonEnabled\n\t\t\t\"\n\t\t\t[total]=\"total\"\n\t\t\t(hiddenChange)=\"footerHidden$.next($event.detail)\"\n\t\t\t(pageChange)=\"onPageChange($event)\"\n\t\t\t(pageSizeChange)=\"onPageSizeChange($event)\"\n\t\t/>\n\t}\n</p-table-container>\n\n<ng-template #rowsTemplate>\n\t@if ((extraHeaders$ | async) && (extraHeaders$ | async)?.length) {\n\t\t<p-table-row\n\t\t\tclass=\"z-[2]\"\n\t\t\tvariant=\"header-secondary\"\n\t\t\t[isLast]=\"true\"\n\t\t>\n\t\t\t@for (col of extraHeaders$ | async; track col; let index = $index) {\n\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\tvariant=\"header-secondary\"\n\t\t\t\t\t[checkboxOffset]=\"index === 0 && enableRowSelection\"\n\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t>\n\t\t\t\t\t<b>{{ col.name }}</b>\n\t\t\t\t</p-table-cell-ngx>\n\t\t\t}\n\t\t</p-table-row>\n\t}\n\n\t<p-table-row variant=\"header\">\n\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t<p-table-cell-ngx\n\t\t\t\tvariant=\"header\"\n\t\t\t\t[checkbox]=\"\n\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t: undefined\n\t\t\t\t\"\n\t\t\t\t[definition]=\"col\"\n\t\t\t\t[index]=\"index\"\n\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t[value]=\"col.name\"\n\t\t\t/>\n\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t<p-checkbox\n\t\t\t\t\t[checked]=\"_selectionContainsAll()\"\n\t\t\t\t\t[class.opacity-0]=\"rowSelectionLimit !== undefined\"\n\t\t\t\t\t[disabled]=\"rowSelectionLimit !== undefined\"\n\t\t\t\t\t[indeterminate]=\"_selectionIndeterminate()\"\n\t\t\t\t\t(checkedChange)=\"_selectAllChange($event)\"\n\t\t\t\t/>\n\t\t\t</ng-template>\n\t\t}\n\t</p-table-row>\n\n\t<div class=\"flex flex-1 flex-col\">\n\t\t@if (loading) {\n\t\t\t@for (r of loadingRows; track r; let rowIndex = $index) {\n\t\t\t\t<p-table-row\n\t\t\t\t\tclass=\"group\"\n\t\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t\t[isLast]=\"rowIndex === loadingRows.length - 1\"\n\t\t\t\t>\n\t\t\t\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t\tvariant=\"loading\"\n\t\t\t\t\t\t\t[checkbox]=\"\n\t\t\t\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t\t<p-loader\n\t\t\t\t\t\t\t\tclass=\"h-6 w-6 rounded\"\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t}\n\t\t\t\t</p-table-row>\n\t\t\t}\n\t\t} @else {\n\t\t\t@if (parsedItems.length) {\n\t\t\t\t@for (item of parsedItems; track item; let rowIndex = $index) {\n\t\t\t\t\t<p-table-row\n\t\t\t\t\t\tclass=\"group\"\n\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t\t\t[isLast]=\"rowIndex === parsedItems.length - 1\"\n\t\t\t\t\t\t(click)=\"_rowClick($event, rowIndex)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t@if (\n\t\t\t\t\t\t\tparseRowActionsRow(rowActionsRow$ | async, rowIndex);\n\t\t\t\t\t\t\tas rowActionsRow\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t\t\t\t[checkbox]=\"\n\t\t\t\t\t\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t\t\t\t[item]=\"item\"\n\t\t\t\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t\t\t\t\t[template]=\"col.template\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"_checkboxDisabled(item, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t(checkedChange)=\"_checkboxChange($event.target, rowIndex)\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@if (!!rowActionsRow.length && (isMobile$ | async) === false) {\n\t\t\t\t\t\t\t\t<p-table-row-actions-container\n\t\t\t\t\t\t\t\t\tslot=\"actions\"\n\t\t\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (action of rowActionsRow; track action) {\n\t\t\t\t\t\t\t\t\t\t@if (\n\t\t\t\t\t\t\t\t\t\t\taction.showFunction\n\t\t\t\t\t\t\t\t\t\t\t\t? action.showFunction(parsedItems[rowIndex])\n\t\t\t\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t<p-tooltip [content]=\"action['label']\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-is-action\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonFlip=\"action.iconFlip\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"action['disabled']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[queryParams]=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.queryParams\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (_getActionQueryParams(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.queryParams,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trowIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) | async)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[routerLink]=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.routerLink\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (_getActionRouterLink(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.routerLink,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trowIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) | async)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t(onClick)=\"_rowActionClick(action, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</p-tooltip>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</p-table-row-actions-container>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</p-table-row>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"emptyStateTemplate\" />\n\t\t\t}\n\t\t}\n\n\t\t@for (customRow of customRows; track customRow) {\n\t\t\t<p-table-row\n\t\t\t\t[class]=\"{\n\t\t\t\t\t'z-[2]': customRow.variant === 'secondary',\n\t\t\t\t}\"\n\t\t\t\t[variant]=\"customRow.variant\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"customRow.templateRef\" />\n\t\t\t</p-table-row>\n\t\t}\n\t</div>\n</ng-template>\n\n@if (filterModalTemplate) {\n\t<p-modal\n\t\t[header]=\"filterModalHeaderText\"\n\t\t[show]=\"filterModalShow$ | async\"\n\t\t(closed)=\"filterModalShow$.next(false)\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex flex-col gap-6\"\n\t\t\tslot=\"content\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"filterModalTemplate\" />\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"flex w-full justify-between gap-4\"\n\t\t\tslot=\"footer\"\n\t\t>\n\t\t\t@if (filterModalShowResetMobile) {\n\t\t\t\t<p-button\n\t\t\t\t\tclass=\"flex w-full tablet:w-auto desktop-xs:hidden\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t(onClick)=\"onFilterModalReset(true)\"\n\t\t\t\t>\n\t\t\t\t\t{{ filterModalResetText }}\n\t\t\t\t</p-button>\n\t\t\t}\n\n\t\t\t@if (filterModalShowReset) {\n\t\t\t\t<p-button\n\t\t\t\t\tclass=\"hidden w-full tablet:w-auto desktop-xs:flex\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t(onClick)=\"onFilterModalReset()\"\n\t\t\t\t>\n\t\t\t\t\t{{ filterModalResetText }}\n\t\t\t\t</p-button>\n\t\t\t}\n\n\t\t\t<p-button\n\t\t\t\tclass=\"ml-auto w-full tablet:w-auto\"\n\t\t\t\ticon=\"checkmark\"\n\t\t\t\t(onClick)=\"onFilterModalSave()\"\n\t\t\t>\n\t\t\t\t{{ filterModalSaveText }}\n\t\t\t</p-button>\n\t\t</div>\n\t</p-modal>\n}\n\n<ng-template #emptyStateTemplate>\n\t@if (emptyStateType === 'filtered') {\n\t\t<p-empty-state\n\t\t\tclass=\"my-16 self-center\"\n\t\t\t[content]=\"emptyStateFilteredContent\"\n\t\t\t[enableAction]=\"false\"\n\t\t\t[header]=\"emptyStateFilteredHeader\"\n\t\t\t[illustration]=\"emptyStateFilteredIllustration\"\n\t\t/>\n\t} @else {\n\t\t<p-empty-state\n\t\t\tclass=\"my-16 self-center\"\n\t\t\t[actionIcon]=\"emptyStateActionIcon\"\n\t\t\t[actionText]=\"emptyStateAction\"\n\t\t\t[content]=\"emptyStateContent\"\n\t\t\t[enableAction]=\"enableEmptyStateAction\"\n\t\t\t[header]=\"emptyStateHeader\"\n\t\t\t[illustration]=\"emptyStateIllustration\"\n\t\t\t(action)=\"emptyStateClicked()\"\n\t\t/>\n\t}\n</ng-template>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PModal, selector: "p-modal", inputs: ["applyBlur", "backdropClickClose", "header", "scrollLock", "show", "showClose", "showMobileFooter", "size"] }, { kind: "component", type: PEmptyState, selector: "p-empty-state", inputs: ["actionIcon", "actionIconPosition", "actionLoading", "actionText", "actionVariant", "content", "enableAction", "header", "illustration"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }, { kind: "component", type: PButton, selector: "p-button", inputs: ["active", "as", "buttonGroupPosition", "chevron", "chevronPosition", "class", "disabled", "error", "href", "icon", "iconClass", "iconFlip", "iconOnly", "iconPosition", "iconRotate", "inheritText", "label", "loading", "size", "tabIndex", "target", "type", "underline", "variant"] }, { kind: "component", type: PCheckbox, selector: "p-checkbox", inputs: ["checked", "disabled", "id", "indeterminate", "name", "required"] }, { kind: "component", type: PTooltip, selector: "p-tooltip", inputs: ["canManuallyClose", "content", "enableUserInput", "offset", "placement", "show", "strategy", "variant"] }, { kind: "component", type: PTableContainer, selector: "p-table-container" }, { kind: "component", type: PTableHeader, selector: "p-table-header", inputs: ["actionButtonTemplate", "actionIcon", "actionLoading", "actionText", "activeQuickFilterIdentifier", "canUseAction", "enableAction", "enableExport", "enableFilter", "enableFilterDesktop", "enableSearch", "filterButtonTemplate", "itemsSelectedAmount", "loading", "query", "quickFilters", "selectedFiltersAmount"] }, { kind: "component", type: PTableRow, selector: "p-table-row", inputs: ["checked", "enableHover", "isLast", "variant"] }, { kind: "component", type: PTableFooter, selector: "p-table-footer", inputs: ["enablePaginationPages", "enablePaginationSize", "hideOnSinglePage", "loading", "page", "pageSize", "pageSizeOptions", "tableHeaderHasAction", "total"] }, { kind: "component", type: PFloatingMenuContainer, selector: "p-floating-menu-container", inputs: ["amount", "amountSelectedTemplate", "enableAmountSelected", "enableClose", "usedInTable"] }, { kind: "component", type: PFloatingMenuItem, selector: "p-floating-menu-item", inputs: ["disabled", "hover", "icon", "iconFlip", "iconPosition", "iconRotate", "loading"] }, { kind: "component", type: PTableRowActionsContainer, selector: "p-table-row-actions-container", inputs: ["checked"] }, { kind: "component", type: TableCellComponent, selector: "p-table-cell-ngx", inputs: ["variant", "index", "rowIndex", "definition", "item", "value", "checkbox", "checkboxOffset", "template", "scrollable"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4629
4629
|
};
|
|
4630
4630
|
TableComponent = __decorate([
|
|
4631
4631
|
UntilDestroy({ checkProperties: true })
|
|
@@ -4650,7 +4650,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
4650
4650
|
PFloatingMenuItem,
|
|
4651
4651
|
PTableRowActionsContainer,
|
|
4652
4652
|
TableCellComponent,
|
|
4653
|
-
], template: "<p-table-container>\n\t@if (enableHeader) {\n\t\t<p-table-header\n\t\t\tclass=\"mb-8\"\n\t\t\t[actionButtonTemplate]=\"actionButtonTemplate\"\n\t\t\t[actionIcon]=\"actionButtonIcon\"\n\t\t\t[actionLoading]=\"actionButtonLoading\"\n\t\t\t[actionText]=\"actionButtonText\"\n\t\t\t[activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n\t\t\t[canUseAction]=\"actionButtonEnabled\"\n\t\t\t[enableAction]=\"enableAction\"\n\t\t\t[enableExport]=\"enableExport\"\n\t\t\t[enableFilter]=\"enableFilter\"\n\t\t\t[enableFilterDesktop]=\"enableFilterDesktop\"\n\t\t\t[enableSearch]=\"enableSearch\"\n\t\t\t[filterButtonTemplate]=\"filterButtonTemplate\"\n\t\t\t[itemsSelectedAmount]=\"selectedRows.length\"\n\t\t\t[loading]=\"headerLoading\"\n\t\t\t[query]=\"query\"\n\t\t\t[quickFilters]=\"quickFilters\"\n\t\t\t[selectedFiltersAmount]=\"selectedFiltersAmount\"\n\t\t\t(action)=\"action.emit()\"\n\t\t\t(export)=\"export.emit()\"\n\t\t\t(filter)=\"filterModalShow$.next(true)\"\n\t\t\t(queryChange)=\"onQueryChange($event)\"\n\t\t\t(quickFilter)=\"onQuickFilter($event)\"\n\t\t>\n\t\t\t@if (headerCustomFilterTemplate) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"headerCustomFilterTemplate\" />\n\t\t\t}\n\n\t\t\t@if (headerCustomActionsTemplate) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"headerCustomActionsTemplate\" />\n\t\t\t}\n\t\t</p-table-header>\n\t}\n\n\t@if (enableScroll) {\n\t\t<div class=\"relative flex-1\">\n\t\t\t<div\n\t\t\t\t#scrollContainer\n\t\t\t\tclass=\"flex flex-col overflow-x-auto\"\n\t\t\t\t[class]=\"\n\t\t\t\t\tcn(\n\t\t\t\t\t\t'before:absolute before:top-0 before:left-0 before:z-[1] before:pointer-events-none',\n\t\t\t\t\t\t'before:w-24 before:h-full before:transition-opacity',\n\t\t\t\t\t\t'before:bg-gradient-to-r before:from-white dark:before:from-hurricane-700 before:via-white/80 dark:before:via-hurricane-700/90 before:to-transparent',\n\t\t\t\t\t\t'after:absolute after:top-0 after:right-0 after:z-[0] before:pointer-events-none',\n\t\t\t\t\t\t'after:w-24 after:h-full after:transition-opacity',\n\t\t\t\t\t\t'after:bg-gradient-to-l after:from-white after:dark:from-hurricane-700 after:via-white/80 dark:after:via-hurricane-700/90 after:to-transparent',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'before:opacity-0': reachedScrollStart$ | async,\n\t\t\t\t\t\t\t'after:opacity-0': reachedScrollEnd$ | async,\n\t\t\t\t\t\t\t'before:opacity-100': (reachedScrollStart$ | async) === false,\n\t\t\t\t\t\t\t'after:opacity-100': (reachedScrollEnd$ | async) === false,\n\t\t\t\t\t\t}\n\t\t\t\t\t)\n\t\t\t\t\"\n\t\t\t\t(scroll)=\"onContainerXScroll($event)\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"rowsTemplate\" />\n\t\t\t</div>\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"rowsTemplate\" />\n\t}\n\n\t@if (enableFloatingMenu && enableRowSelection) {\n\t\t<p-floating-menu-container\n\t\t\t[amount]=\"floatingMenuAmountSelectedText\"\n\t\t\t[class]=\"\n\t\t\t\tfloatingMenuContainerClass({\n\t\t\t\t\thasFooter: enableFooter && (footerHidden$ | async) === false,\n\t\t\t\t\tactive: selectedRows.length > 0,\n\t\t\t\t\tshown: $any(floatingMenuShown$ | async),\n\t\t\t\t})\n\t\t\t\"\n\t\t\t[enableAmountSelected]=\"!!(rowActionsFloating$ | async)?.length\"\n\t\t\t[usedInTable]=\"true\"\n\t\t\t(close)=\"_selectAllChange(null, false)\"\n\t\t>\n\t\t\t@for (action of rowActionsFloating$ | async; track action) {\n\t\t\t\t<p-floating-menu-item\n\t\t\t\t\tslot=\"floating-menu-item\"\n\t\t\t\t\t[disabled]=\"\n\t\t\t\t\t\t(action['type'] === 'single' && selectedRows.length > 1) ||\n\t\t\t\t\t\taction['disabled']\n\t\t\t\t\t\"\n\t\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t\t[iconFlip]=\"action['iconFlip']\"\n\t\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t\t(click)=\"_rowActionClick(action)\"\n\t\t\t\t>\n\t\t\t\t\t{{ action['label'] }}\n\t\t\t\t</p-floating-menu-item>\n\t\t\t}\n\t\t</p-floating-menu-container>\n\t}\n\n\t@if (enableFooter) {\n\t\t<p-table-footer\n\t\t\t[enablePaginationPages]=\"enablePaginationPages\"\n\t\t\t[enablePaginationSize]=\"enablePaginationSize\"\n\t\t\t[hideOnSinglePage]=\"hideOnSinglePage\"\n\t\t\t[loading]=\"footerLoading\"\n\t\t\t[page]=\"page\"\n\t\t\t[pageSize]=\"pageSize\"\n\t\t\t[pageSizeOptions]=\"pageSizeOptions\"\n\t\t\t[tableHeaderHasAction]=\"\n\t\t\t\tenableHeader && enableAction && actionButtonEnabled\n\t\t\t\"\n\t\t\t[total]=\"total\"\n\t\t\t(hiddenChange)=\"footerHidden$.next($event.detail)\"\n\t\t\t(pageChange)=\"onPageChange($event)\"\n\t\t\t(pageSizeChange)=\"onPageSizeChange($event)\"\n\t\t/>\n\t}\n</p-table-container>\n\n<ng-template #rowsTemplate>\n\t@if ((extraHeaders$ | async) && (extraHeaders$ | async)?.length) {\n\t\t<p-table-row\n\t\t\tclass=\"z-[2]\"\n\t\t\tvariant=\"header-secondary\"\n\t\t\t[isLast]=\"true\"\n\t\t>\n\t\t\t@for (col of extraHeaders$ | async; track col; let index = $index) {\n\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\tvariant=\"header-secondary\"\n\t\t\t\t\t[checkboxOffset]=\"index === 0 && enableRowSelection\"\n\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t>\n\t\t\t\t\t<b>{{ col.name }}</b>\n\t\t\t\t</p-table-cell-ngx>\n\t\t\t}\n\t\t</p-table-row>\n\t}\n\n\t<p-table-row variant=\"header\">\n\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t<p-table-cell-ngx\n\t\t\t\tvariant=\"header\"\n\t\t\t\t[checkbox]=\"\n\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t: undefined\n\t\t\t\t\"\n\t\t\t\t[definition]=\"col\"\n\t\t\t\t[index]=\"index\"\n\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t[value]=\"col.name\"\n\t\t\t/>\n\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t<p-checkbox\n\t\t\t\t\t[checked]=\"_selectionContainsAll()\"\n\t\t\t\t\t[class.opacity-0]=\"rowSelectionLimit !== undefined\"\n\t\t\t\t\t[disabled]=\"rowSelectionLimit !== undefined\"\n\t\t\t\t\t[indeterminate]=\"_selectionIndeterminate()\"\n\t\t\t\t\t(checkedChange)=\"_selectAllChange($event)\"\n\t\t\t\t/>\n\t\t\t</ng-template>\n\t\t}\n\t</p-table-row>\n\n\t<div class=\"flex flex-1 flex-col\">\n\t\t@if (loading) {\n\t\t\t@for (r of loadingRows; track r; let rowIndex = $index) {\n\t\t\t\t<p-table-row\n\t\t\t\t\tclass=\"group\"\n\t\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t\t[isLast]=\"rowIndex === loadingRows.length - 1\"\n\t\t\t\t>\n\t\t\t\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t\tvariant=\"loading\"\n\t\t\t\t\t\t\t[checkbox]=\"\n\t\t\t\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t\t<p-loader\n\t\t\t\t\t\t\t\tclass=\"h-6 w-6 rounded\"\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t}\n\t\t\t\t</p-table-row>\n\t\t\t}\n\t\t} @else {\n\t\t\t@if (parsedItems.length) {\n\t\t\t\t@for (item of parsedItems; track item; let rowIndex = $index) {\n\t\t\t\t\t<p-table-row\n\t\t\t\t\t\tclass=\"group\"\n\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t\t\t[isLast]=\"rowIndex === parsedItems.length - 1\"\n\t\t\t\t\t\t(click)=\"_rowClick($event, rowIndex)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t@if (\n\t\t\t\t\t\t\tparseRowActionsRow(rowActionsRow$ | async, rowIndex);\n\t\t\t\t\t\t\tas rowActionsRow\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t\t\t\t[checkbox]=\"\n\t\t\t\t\t\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t\t\t\t[item]=\"item\"\n\t\t\t\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t\t\t\t\t[template]=\"col.template\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"_checkboxDisabled(item, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t(checkedChange)=\"_checkboxChange($event.target, rowIndex)\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@if (!!rowActionsRow.length && (isMobile$ | async) === false) {\n\t\t\t\t\t\t\t\t<p-table-row-actions-container\n\t\t\t\t\t\t\t\t\tslot=\"actions\"\n\t\t\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (action of rowActionsRow; track action) {\n\t\t\t\t\t\t\t\t\t\t@if (\n\t\t\t\t\t\t\t\t\t\t\taction.showFunction\n\t\t\t\t\t\t\t\t\t\t\t\t? action.showFunction(parsedItems[rowIndex])\n\t\t\t\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t<p-tooltip [content]=\"action['label']\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-is-action\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonFlip=\"action.iconFlip\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"action['disabled']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[queryParams]=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.queryParams\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (_getActionQueryParams(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.queryParams,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trowIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) | async)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[routerLink]=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.routerLink\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (_getActionRouterLink(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.routerLink,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trowIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) | async)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t(onClick)=\"_rowActionClick(action, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</p-tooltip>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</p-table-row-actions-container>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</p-table-row>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"emptyStateTemplate\" />\n\t\t\t}\n\t\t}\n\n\t\t@for (customRow of customRows; track customRow) {\n\t\t\t<p-table-row\n\t\t\t\t[class]=\"{\n\t\t\t\t\t'z-[2]': customRow.variant === 'secondary',\n\t\t\t\t}\"\n\t\t\t\t[variant]=\"customRow.variant\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"customRow.templateRef\" />\n\t\t\t</p-table-row>\n\t\t}\n\t</div>\n</ng-template>\n\n@if (filterModalTemplate) {\n\t<p-modal\n\t\t[header]=\"filterModalHeaderText\"\n\t\t[show]=\"filterModalShow$ | async\"\n\t\t(closed)=\"filterModalShow$.next(false)\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex flex-col gap-6\"\n\t\t\tslot=\"content\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"filterModalTemplate\" />\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"flex w-full justify-between gap-4\"\n\t\t\tslot=\"footer\"\n\t\t>\n\t\t\t@if (filterModalShowResetMobile) {\n\t\t\t\t<p-button\n\t\t\t\t\tclass=\"flex w-full tablet:w-auto desktop-xs:hidden\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t(onClick)=\"onFilterModalReset(true)\"\n\t\t\t\t>\n\t\t\t\t\t{{ filterModalResetText }}\n\t\t\t\t</p-button>\n\t\t\t}\n\n\t\t\t@if (filterModalShowReset) {\n\t\t\t\t<p-button\n\t\t\t\t\tclass=\"hidden w-full tablet:w-auto desktop-xs:flex\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t(onClick)=\"onFilterModalReset()\"\n\t\t\t\t>\n\t\t\t\t\t{{ filterModalResetText }}\n\t\t\t\t</p-button>\n\t\t\t}\n\n\t\t\t<p-button\n\t\t\t\tclass=\"ml-auto w-full tablet:w-auto\"\n\t\t\t\ticon=\"checkmark\"\n\t\t\t\t(onClick)=\"onFilterModalSave()\"\n\t\t\t>\n\t\t\t\t{{ filterModalSaveText }}\n\t\t\t</p-button>\n\t\t</div>\n\t</p-modal>\n}\n\n<ng-template #emptyStateTemplate>\n\t@if (emptyStateType === 'filtered') {\n\t\t<p-empty-state\n\t\t\tclass=\"my-16 self-center\"\n\t\t\t[content]=\"emptyStateFilteredContent\"\n\t\t\t[enableAction]=\"false\"\n\t\t\t[header]=\"emptyStateFilteredHeader\"\n\t\t\t[illustration]=\"emptyStateFilteredIllustration\"\n\t\t/>\n\t} @else {\n\t\t<p-empty-state\n\t\t\tclass=\"my-16 self-center\"\n\t\t\t[actionIcon]=\"emptyStateActionIcon\"\n\t\t\t[actionText]=\"emptyStateAction\"\n\t\t\t[content]=\"emptyStateContent\"\n\t\t\t[enableAction]=\"enableEmptyStateAction\"\n\t\t\t[header]=\"emptyStateHeader\"\n\t\t\t[illustration]=\"emptyStateIllustration\"\n\t\t\t(action)=\"emptyStateClicked()\"\n\t\t/>\n\t}\n</ng-template>\n" }]
|
|
4653
|
+
], template: "<p-table-container>\n\t@if (enableHeader) {\n\t\t<p-table-header\n\t\t\tclass=\"mb-8\"\n\t\t\t[actionButtonTemplate]=\"actionButtonTemplate\"\n\t\t\t[actionIcon]=\"actionButtonIcon\"\n\t\t\t[actionLoading]=\"actionButtonLoading\"\n\t\t\t[actionText]=\"actionButtonText\"\n\t\t\t[activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n\t\t\t[canUseAction]=\"actionButtonEnabled\"\n\t\t\t[enableAction]=\"enableAction\"\n\t\t\t[enableExport]=\"enableExport\"\n\t\t\t[enableFilter]=\"enableFilter\"\n\t\t\t[enableFilterDesktop]=\"enableFilterDesktop\"\n\t\t\t[enableSearch]=\"enableSearch\"\n\t\t\t[filterButtonTemplate]=\"filterButtonTemplate\"\n\t\t\t[itemsSelectedAmount]=\"selectedRows.length\"\n\t\t\t[loading]=\"headerLoading\"\n\t\t\t[query]=\"query\"\n\t\t\t[quickFilters]=\"quickFilters\"\n\t\t\t[selectedFiltersAmount]=\"selectedFiltersAmount\"\n\t\t\t(action)=\"action.emit()\"\n\t\t\t(export)=\"export.emit()\"\n\t\t\t(filter)=\"filterModalShow$.next(true)\"\n\t\t\t(queryChange)=\"onQueryChange($event)\"\n\t\t\t(quickFilter)=\"onQuickFilter($event)\"\n\t\t>\n\t\t\t@if (headerCustomFilterTemplate) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"headerCustomFilterTemplate\" />\n\t\t\t}\n\n\t\t\t@if (headerCustomActionsTemplate) {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"headerCustomActionsTemplate\" />\n\t\t\t}\n\t\t</p-table-header>\n\t}\n\n\t@if (enableScroll) {\n\t\t<div class=\"relative flex-1\">\n\t\t\t<div\n\t\t\t\t#scrollContainer\n\t\t\t\tclass=\"flex flex-col overflow-x-auto\"\n\t\t\t\t[class]=\"\n\t\t\t\t\tcn(\n\t\t\t\t\t\t'\n before:pointer-events-none before:absolute before:left-0 before:top-0\n before:z-[1]\n ',\n\t\t\t\t\t\t'before:h-full before:w-24 before:transition-opacity',\n\t\t\t\t\t\t'\n before:bg-gradient-to-r before:from-white before:via-white/80\n before:to-transparent\n dark:before:from-hurricane-700 dark:before:via-hurricane-700/90\n ',\n\t\t\t\t\t\t'\n before:pointer-events-none\n after:absolute after:right-0 after:top-0 after:z-[0]\n ',\n\t\t\t\t\t\t'after:h-full after:w-24 after:transition-opacity',\n\t\t\t\t\t\t'\n after:bg-gradient-to-l after:from-white after:via-white/80\n after:to-transparent\n after:dark:from-hurricane-700\n dark:after:via-hurricane-700/90\n ',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'before:opacity-0': reachedScrollStart$ | async,\n\t\t\t\t\t\t\t'after:opacity-0': reachedScrollEnd$ | async,\n\t\t\t\t\t\t\t'before:opacity-100': (reachedScrollStart$ | async) === false,\n\t\t\t\t\t\t\t'after:opacity-100': (reachedScrollEnd$ | async) === false,\n\t\t\t\t\t\t}\n\t\t\t\t\t)\n\t\t\t\t\"\n\t\t\t\t(scroll)=\"onContainerXScroll($event)\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"rowsTemplate\" />\n\t\t\t</div>\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"rowsTemplate\" />\n\t}\n\n\t@if (enableFloatingMenu && enableRowSelection) {\n\t\t<p-floating-menu-container\n\t\t\t[amount]=\"floatingMenuAmountSelectedText\"\n\t\t\t[class]=\"\n\t\t\t\tfloatingMenuContainerClass({\n\t\t\t\t\thasFooter: enableFooter && (footerHidden$ | async) === false,\n\t\t\t\t\tactive: selectedRows.length > 0,\n\t\t\t\t\tshown: $any(floatingMenuShown$ | async),\n\t\t\t\t})\n\t\t\t\"\n\t\t\t[enableAmountSelected]=\"!!(rowActionsFloating$ | async)?.length\"\n\t\t\t[usedInTable]=\"true\"\n\t\t\t(close)=\"_selectAllChange(null, false)\"\n\t\t>\n\t\t\t@for (action of rowActionsFloating$ | async; track action) {\n\t\t\t\t<p-floating-menu-item\n\t\t\t\t\tslot=\"floating-menu-item\"\n\t\t\t\t\t[disabled]=\"\n\t\t\t\t\t\t(action['type'] === 'single' && selectedRows.length > 1) ||\n\t\t\t\t\t\taction['disabled']\n\t\t\t\t\t\"\n\t\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t\t[iconFlip]=\"action['iconFlip']\"\n\t\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t\t(click)=\"_rowActionClick(action)\"\n\t\t\t\t>\n\t\t\t\t\t{{ action['label'] }}\n\t\t\t\t</p-floating-menu-item>\n\t\t\t}\n\t\t</p-floating-menu-container>\n\t}\n\n\t@if (enableFooter) {\n\t\t<p-table-footer\n\t\t\t[enablePaginationPages]=\"enablePaginationPages\"\n\t\t\t[enablePaginationSize]=\"enablePaginationSize\"\n\t\t\t[hideOnSinglePage]=\"hideOnSinglePage\"\n\t\t\t[loading]=\"footerLoading\"\n\t\t\t[page]=\"page\"\n\t\t\t[pageSize]=\"pageSize\"\n\t\t\t[pageSizeOptions]=\"pageSizeOptions\"\n\t\t\t[tableHeaderHasAction]=\"\n\t\t\t\tenableHeader && enableAction && actionButtonEnabled\n\t\t\t\"\n\t\t\t[total]=\"total\"\n\t\t\t(hiddenChange)=\"footerHidden$.next($event.detail)\"\n\t\t\t(pageChange)=\"onPageChange($event)\"\n\t\t\t(pageSizeChange)=\"onPageSizeChange($event)\"\n\t\t/>\n\t}\n</p-table-container>\n\n<ng-template #rowsTemplate>\n\t@if ((extraHeaders$ | async) && (extraHeaders$ | async)?.length) {\n\t\t<p-table-row\n\t\t\tclass=\"z-[2]\"\n\t\t\tvariant=\"header-secondary\"\n\t\t\t[isLast]=\"true\"\n\t\t>\n\t\t\t@for (col of extraHeaders$ | async; track col; let index = $index) {\n\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\tvariant=\"header-secondary\"\n\t\t\t\t\t[checkboxOffset]=\"index === 0 && enableRowSelection\"\n\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t>\n\t\t\t\t\t<b>{{ col.name }}</b>\n\t\t\t\t</p-table-cell-ngx>\n\t\t\t}\n\t\t</p-table-row>\n\t}\n\n\t<p-table-row variant=\"header\">\n\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t<p-table-cell-ngx\n\t\t\t\tvariant=\"header\"\n\t\t\t\t[checkbox]=\"\n\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t: undefined\n\t\t\t\t\"\n\t\t\t\t[definition]=\"col\"\n\t\t\t\t[index]=\"index\"\n\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t[value]=\"col.name\"\n\t\t\t/>\n\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t<p-checkbox\n\t\t\t\t\t[checked]=\"_selectionContainsAll()\"\n\t\t\t\t\t[class.opacity-0]=\"rowSelectionLimit !== undefined\"\n\t\t\t\t\t[disabled]=\"rowSelectionLimit !== undefined\"\n\t\t\t\t\t[indeterminate]=\"_selectionIndeterminate()\"\n\t\t\t\t\t(checkedChange)=\"_selectAllChange($event)\"\n\t\t\t\t/>\n\t\t\t</ng-template>\n\t\t}\n\t</p-table-row>\n\n\t<div class=\"flex flex-1 flex-col\">\n\t\t@if (loading) {\n\t\t\t@for (r of loadingRows; track r; let rowIndex = $index) {\n\t\t\t\t<p-table-row\n\t\t\t\t\tclass=\"group\"\n\t\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t\t[isLast]=\"rowIndex === loadingRows.length - 1\"\n\t\t\t\t>\n\t\t\t\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t\tvariant=\"loading\"\n\t\t\t\t\t\t\t[checkbox]=\"\n\t\t\t\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t\t<p-loader\n\t\t\t\t\t\t\t\tclass=\"h-6 w-6 rounded\"\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t}\n\t\t\t\t</p-table-row>\n\t\t\t}\n\t\t} @else {\n\t\t\t@if (parsedItems.length) {\n\t\t\t\t@for (item of parsedItems; track item; let rowIndex = $index) {\n\t\t\t\t\t<p-table-row\n\t\t\t\t\t\tclass=\"group\"\n\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t\t\t[isLast]=\"rowIndex === parsedItems.length - 1\"\n\t\t\t\t\t\t(click)=\"_rowClick($event, rowIndex)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t@if (\n\t\t\t\t\t\t\tparseRowActionsRow(rowActionsRow$ | async, rowIndex);\n\t\t\t\t\t\t\tas rowActionsRow\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t@for (col of columns$ | async; track col; let index = $index) {\n\t\t\t\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t\t\t\t[checkbox]=\"\n\t\t\t\t\t\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t\t\t\t[item]=\"item\"\n\t\t\t\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t\t\t\t\t[template]=\"col.template\"\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"_checkboxDisabled(item, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t(checkedChange)=\"_checkboxChange($event.target, rowIndex)\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@if (!!rowActionsRow.length && (isMobile$ | async) === false) {\n\t\t\t\t\t\t\t\t<p-table-row-actions-container\n\t\t\t\t\t\t\t\t\tslot=\"actions\"\n\t\t\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t@for (action of rowActionsRow; track action) {\n\t\t\t\t\t\t\t\t\t\t@if (\n\t\t\t\t\t\t\t\t\t\t\taction.showFunction\n\t\t\t\t\t\t\t\t\t\t\t\t? action.showFunction(parsedItems[rowIndex])\n\t\t\t\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t<p-tooltip [content]=\"action['label']\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-is-action\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonFlip=\"action.iconFlip\"\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[disabled]=\"action['disabled']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[queryParams]=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.queryParams\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (_getActionQueryParams(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.queryParams,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trowIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) | async)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t[routerLink]=\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.routerLink\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? (_getActionRouterLink(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taction.routerLink,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\trowIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) | async)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t(onClick)=\"_rowActionClick(action, rowIndex)\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</p-tooltip>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</p-table-row-actions-container>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t</p-table-row>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"emptyStateTemplate\" />\n\t\t\t}\n\t\t}\n\n\t\t@for (customRow of customRows; track customRow) {\n\t\t\t<p-table-row\n\t\t\t\t[class]=\"{\n\t\t\t\t\t'z-[2]': customRow.variant === 'secondary',\n\t\t\t\t}\"\n\t\t\t\t[variant]=\"customRow.variant\"\n\t\t\t>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"customRow.templateRef\" />\n\t\t\t</p-table-row>\n\t\t}\n\t</div>\n</ng-template>\n\n@if (filterModalTemplate) {\n\t<p-modal\n\t\t[header]=\"filterModalHeaderText\"\n\t\t[show]=\"filterModalShow$ | async\"\n\t\t(closed)=\"filterModalShow$.next(false)\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex flex-col gap-6\"\n\t\t\tslot=\"content\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"filterModalTemplate\" />\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"flex w-full justify-between gap-4\"\n\t\t\tslot=\"footer\"\n\t\t>\n\t\t\t@if (filterModalShowResetMobile) {\n\t\t\t\t<p-button\n\t\t\t\t\tclass=\"flex w-full tablet:w-auto desktop-xs:hidden\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t(onClick)=\"onFilterModalReset(true)\"\n\t\t\t\t>\n\t\t\t\t\t{{ filterModalResetText }}\n\t\t\t\t</p-button>\n\t\t\t}\n\n\t\t\t@if (filterModalShowReset) {\n\t\t\t\t<p-button\n\t\t\t\t\tclass=\"hidden w-full tablet:w-auto desktop-xs:flex\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t(onClick)=\"onFilterModalReset()\"\n\t\t\t\t>\n\t\t\t\t\t{{ filterModalResetText }}\n\t\t\t\t</p-button>\n\t\t\t}\n\n\t\t\t<p-button\n\t\t\t\tclass=\"ml-auto w-full tablet:w-auto\"\n\t\t\t\ticon=\"checkmark\"\n\t\t\t\t(onClick)=\"onFilterModalSave()\"\n\t\t\t>\n\t\t\t\t{{ filterModalSaveText }}\n\t\t\t</p-button>\n\t\t</div>\n\t</p-modal>\n}\n\n<ng-template #emptyStateTemplate>\n\t@if (emptyStateType === 'filtered') {\n\t\t<p-empty-state\n\t\t\tclass=\"my-16 self-center\"\n\t\t\t[content]=\"emptyStateFilteredContent\"\n\t\t\t[enableAction]=\"false\"\n\t\t\t[header]=\"emptyStateFilteredHeader\"\n\t\t\t[illustration]=\"emptyStateFilteredIllustration\"\n\t\t/>\n\t} @else {\n\t\t<p-empty-state\n\t\t\tclass=\"my-16 self-center\"\n\t\t\t[actionIcon]=\"emptyStateActionIcon\"\n\t\t\t[actionText]=\"emptyStateAction\"\n\t\t\t[content]=\"emptyStateContent\"\n\t\t\t[enableAction]=\"enableEmptyStateAction\"\n\t\t\t[header]=\"emptyStateHeader\"\n\t\t\t[illustration]=\"emptyStateIllustration\"\n\t\t\t(action)=\"emptyStateClicked()\"\n\t\t/>\n\t}\n</ng-template>\n" }]
|
|
4654
4654
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { hostClass: [{
|
|
4655
4655
|
type: HostBinding,
|
|
4656
4656
|
args: ['class']
|