@paperless/angular 2.18.6 → 2.19.1

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.
Files changed (11) hide show
  1. package/esm2020/lib/modules/table/components/table/table.component.mjs +90 -90
  2. package/esm2020/lib/modules/table/components/table-cell/table-cell.component.mjs +28 -13
  3. package/esm2020/lib/modules/table/components/table-column/table-column.component.mjs +4 -2
  4. package/fesm2015/paperless-angular.mjs +105 -87
  5. package/fesm2015/paperless-angular.mjs.map +1 -1
  6. package/fesm2020/paperless-angular.mjs +105 -88
  7. package/fesm2020/paperless-angular.mjs.map +1 -1
  8. package/lib/modules/table/components/table/table.component.d.ts +12 -12
  9. package/lib/modules/table/components/table-cell/table-cell.component.d.ts +4 -3
  10. package/lib/modules/table/components/table-column/table-column.component.d.ts +1 -1
  11. package/package.json +1 -1
package/fesm2015/paperless-angular.mjs CHANGED
@@ -3024,7 +3024,7 @@ class TableCell {
3024
3024
  /**
3025
3025
  * The variant of the column
3026
3026
  */
3027
- this.variant = "default";
3027
+ this.variant = 'default';
3028
3028
  /**
3029
3029
  * The index of the column
3030
3030
  */
@@ -3046,16 +3046,16 @@ class TableCell {
3046
3046
  get class() {
3047
3047
  var _a, _b, _c, _d, _e;
3048
3048
  return cn(getTableCellColumnClasses(this.definition, this.variant, this.checkboxOffset), {
3049
- "sticky left-4 z-[2]": !!((_a = this.definition) === null || _a === void 0 ? void 0 : _a.sticky),
3050
- "bg-gradient-to-r from-white to-transparent dark:from-hurricane-700 from-80%": ((_b = this.definition) === null || _b === void 0 ? void 0 : _b.sticky) && ((_c = this.definition) === null || _c === void 0 ? void 0 : _c.sticky) !== "secondary",
3051
- "bg-gradient-to-r from-off-white-300 to-transparent dark:from-hurricane-400 from-80%": ((_d = this.definition) === null || _d === void 0 ? void 0 : _d.sticky) && ((_e = this.definition) === null || _e === void 0 ? void 0 : _e.sticky) === "secondary",
3052
- "flex-shrink": !this.scrollable,
3053
- "flex-shrink-0": this.scrollable,
3049
+ 'sticky left-4 z-[2]': !!((_a = this.definition) === null || _a === void 0 ? void 0 : _a.sticky),
3050
+ 'bg-gradient-to-r from-white to-transparent dark:from-hurricane-700 from-80%': ((_b = this.definition) === null || _b === void 0 ? void 0 : _b.sticky) && ((_c = this.definition) === null || _c === void 0 ? void 0 : _c.sticky) !== 'secondary',
3051
+ 'bg-gradient-to-r from-off-white-300 to-transparent dark:from-hurricane-400 from-80%': ((_d = this.definition) === null || _d === void 0 ? void 0 : _d.sticky) && ((_e = this.definition) === null || _e === void 0 ? void 0 : _e.sticky) === 'secondary',
3052
+ 'flex-shrink': !this.scrollable,
3053
+ 'flex-shrink-0': this.scrollable,
3054
3054
  });
3055
3055
  }
3056
3056
  get data() {
3057
3057
  var _a, _b;
3058
- if (this.variant === "header" || this.variant === "header-secondary") {
3058
+ if (this.variant === 'header' || this.variant === 'header-secondary') {
3059
3059
  return {
3060
3060
  value: this.value,
3061
3061
  };
@@ -3069,12 +3069,28 @@ class TableCell {
3069
3069
  rowIndex: this.rowIndex,
3070
3070
  };
3071
3071
  }
3072
+ get contentClass() {
3073
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
3074
+ const align = this.variant === 'header'
3075
+ ? (_b = (_a = this.definition) === null || _a === void 0 ? void 0 : _a.headerAlign) !== null && _b !== void 0 ? _b : (_c = this.definition) === null || _c === void 0 ? void 0 : _c.align
3076
+ : (_d = this.definition) === null || _d === void 0 ? void 0 : _d.align;
3077
+ return cn('overflow-hidden text-ellipsis', {
3078
+ flex: (_e = this.definition) === null || _e === void 0 ? void 0 : _e.flex,
3079
+ 'flex-1': (_f = this.definition) === null || _f === void 0 ? void 0 : _f.flex,
3080
+ 'justify-start': ((_g = this.definition) === null || _g === void 0 ? void 0 : _g.flex) && (align === undefined || align === 'start'),
3081
+ 'justify-end': ((_h = this.definition) === null || _h === void 0 ? void 0 : _h.flex) && align === 'end',
3082
+ 'justify-center': ((_j = this.definition) === null || _j === void 0 ? void 0 : _j.flex) && align === 'end',
3083
+ 'text-start': !((_k = this.definition) === null || _k === void 0 ? void 0 : _k.flex) && (align === undefined || align === 'start'),
3084
+ 'text-center': !((_l = this.definition) === null || _l === void 0 ? void 0 : _l.flex) && align === 'center',
3085
+ 'text-end': !((_m = this.definition) === null || _m === void 0 ? void 0 : _m.flex) && align === 'end',
3086
+ });
3087
+ }
3072
3088
  }
3073
3089
  TableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
3074
3090
  TableCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableCell, selector: "p-table-cell-ngx", inputs: { variant: "variant", index: "index", rowIndex: "rowIndex", definition: "definition", item: "item", value: "value", checkbox: "checkbox", checkboxOffset: "checkboxOffset", template: "template", scrollable: "scrollable" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-container *ngIf=\"checkbox\">\n\t<ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n</ng-container>\n\n<ng-container [ngSwitch]=\"variant\">\n\t<p-loader\n\t\t*ngSwitchCase=\"'loading'\"\n\t\tvariant=\"ghost\"\n\t\tclass=\"h-6 w-full flex-1 rounded\"\n\t></p-loader>\n\n\t<ng-container *ngSwitchCase=\"'actions'\">\n\t\t<ng-container *ngIf=\"template\">\n\t\t\t<ng-container *ngTemplateOutlet=\"template; context: data\"></ng-container>\n\t\t</ng-container>\n\t</ng-container>\n\n\t<div\n\t\t*ngIf=\"variant === 'header' || variant === 'header-secondary'\"\n\t\t[class]=\"\n\t\t\tcn('overflow-hidden text-ellipsis', {\n\t\t\t\t'text-start':\n\t\t\t\t\tdefinition?.align === undefined || definition.align === 'start',\n\t\t\t\t'text-center': definition.align === 'center',\n\t\t\t\t'text-end': definition.align === 'end'\n\t\t\t})\n\t\t\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n\t</div>\n\n\t<div\n\t\t*ngSwitchCase=\"'default'\"\n\t\t[class]=\"\n\t\t\tcn('overflow-hidden text-ellipsis', {\n\t\t\t\tflex: definition?.flex,\n\t\t\t\t'flex-1': definition?.flex,\n\t\t\t\t'justify-start':\n\t\t\t\t\tdefinition?.flex &&\n\t\t\t\t\t(definition?.align === undefined || definition.align === 'start'),\n\t\t\t\t'justify-end': definition?.flex && definition.align === 'end',\n\t\t\t\t'justify-center': definition?.flex && definition.align === 'end',\n\t\t\t\t'text-start':\n\t\t\t\t\t!definition?.flex &&\n\t\t\t\t\t(definition?.align === undefined || definition.align === 'start'),\n\t\t\t\t'text-center': !definition?.flex && definition.align === 'center',\n\t\t\t\t'text-end': !definition?.flex && definition.align === 'end'\n\t\t\t})\n\t\t\"\n\t>\n\t\t<ng-container *ngIf=\"template; else valueTemplate\">\n\t\t\t<ng-container *ngTemplateOutlet=\"template; context: data\"></ng-container>\n\t\t</ng-container>\n\t</div>\n</ng-container>\n\n<ng-template #valueTemplate>\n\t<ng-container *ngIf=\"data.value\">\n\t\t{{ data.value }}\n\t</ng-container>\n\n\t<ng-content *ngIf=\"!data.value\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: PLoader, selector: "p-loader", inputs: ["color", "modalDescription", "modalTitle", "show", "variant"] }] });
3075
3091
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCell, decorators: [{
3076
3092
  type: Component,
3077
- args: [{ selector: "p-table-cell-ngx", template: "<ng-container *ngIf=\"checkbox\">\n\t<ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n</ng-container>\n\n<ng-container [ngSwitch]=\"variant\">\n\t<p-loader\n\t\t*ngSwitchCase=\"'loading'\"\n\t\tvariant=\"ghost\"\n\t\tclass=\"h-6 w-full flex-1 rounded\"\n\t></p-loader>\n\n\t<ng-container *ngSwitchCase=\"'actions'\">\n\t\t<ng-container *ngIf=\"template\">\n\t\t\t<ng-container *ngTemplateOutlet=\"template; context: data\"></ng-container>\n\t\t</ng-container>\n\t</ng-container>\n\n\t<div\n\t\t*ngIf=\"variant === 'header' || variant === 'header-secondary'\"\n\t\t[class]=\"\n\t\t\tcn('overflow-hidden text-ellipsis', {\n\t\t\t\t'text-start':\n\t\t\t\t\tdefinition?.align === undefined || definition.align === 'start',\n\t\t\t\t'text-center': definition.align === 'center',\n\t\t\t\t'text-end': definition.align === 'end'\n\t\t\t})\n\t\t\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n\t</div>\n\n\t<div\n\t\t*ngSwitchCase=\"'default'\"\n\t\t[class]=\"\n\t\t\tcn('overflow-hidden text-ellipsis', {\n\t\t\t\tflex: definition?.flex,\n\t\t\t\t'flex-1': definition?.flex,\n\t\t\t\t'justify-start':\n\t\t\t\t\tdefinition?.flex &&\n\t\t\t\t\t(definition?.align === undefined || definition.align === 'start'),\n\t\t\t\t'justify-end': definition?.flex && definition.align === 'end',\n\t\t\t\t'justify-center': definition?.flex && definition.align === 'end',\n\t\t\t\t'text-start':\n\t\t\t\t\t!definition?.flex &&\n\t\t\t\t\t(definition?.align === undefined || definition.align === 'start'),\n\t\t\t\t'text-center': !definition?.flex && definition.align === 'center',\n\t\t\t\t'text-end': !definition?.flex && definition.align === 'end'\n\t\t\t})\n\t\t\"\n\t>\n\t\t<ng-container *ngIf=\"template; else valueTemplate\">\n\t\t\t<ng-container *ngTemplateOutlet=\"template; context: data\"></ng-container>\n\t\t</ng-container>\n\t</div>\n</ng-container>\n\n<ng-template #valueTemplate>\n\t<ng-container *ngIf=\"data.value\">\n\t\t{{ data.value }}\n\t</ng-container>\n\n\t<ng-content *ngIf=\"!data.value\"></ng-content>\n</ng-template>\n" }]
3093
+ args: [{ selector: 'p-table-cell-ngx', template: "<ng-container *ngIf=\"checkbox\">\n\t<ng-container *ngTemplateOutlet=\"checkbox\"></ng-container>\n</ng-container>\n\n<ng-container [ngSwitch]=\"variant\">\n\t<p-loader\n\t\t*ngSwitchCase=\"'loading'\"\n\t\tvariant=\"ghost\"\n\t\tclass=\"h-6 w-full flex-1 rounded\"\n\t></p-loader>\n\n\t<ng-container *ngSwitchCase=\"'actions'\">\n\t\t<ng-container *ngIf=\"template\">\n\t\t\t<ng-container *ngTemplateOutlet=\"template; context: data\"></ng-container>\n\t\t</ng-container>\n\t</ng-container>\n\n\t<div\n\t\t*ngIf=\"variant === 'header' || variant === 'header-secondary'\"\n\t\t[class]=\"\n\t\t\tcn('overflow-hidden text-ellipsis', {\n\t\t\t\t'text-start':\n\t\t\t\t\tdefinition?.align === undefined || definition.align === 'start',\n\t\t\t\t'text-center': definition.align === 'center',\n\t\t\t\t'text-end': definition.align === 'end'\n\t\t\t})\n\t\t\"\n\t>\n\t\t<ng-container *ngTemplateOutlet=\"valueTemplate\"></ng-container>\n\t</div>\n\n\t<div\n\t\t*ngSwitchCase=\"'default'\"\n\t\t[class]=\"\n\t\t\tcn('overflow-hidden text-ellipsis', {\n\t\t\t\tflex: definition?.flex,\n\t\t\t\t'flex-1': definition?.flex,\n\t\t\t\t'justify-start':\n\t\t\t\t\tdefinition?.flex &&\n\t\t\t\t\t(definition?.align === undefined || definition.align === 'start'),\n\t\t\t\t'justify-end': definition?.flex && definition.align === 'end',\n\t\t\t\t'justify-center': definition?.flex && definition.align === 'end',\n\t\t\t\t'text-start':\n\t\t\t\t\t!definition?.flex &&\n\t\t\t\t\t(definition?.align === undefined || definition.align === 'start'),\n\t\t\t\t'text-center': !definition?.flex && definition.align === 'center',\n\t\t\t\t'text-end': !definition?.flex && definition.align === 'end'\n\t\t\t})\n\t\t\"\n\t>\n\t\t<ng-container *ngIf=\"template; else valueTemplate\">\n\t\t\t<ng-container *ngTemplateOutlet=\"template; context: data\"></ng-container>\n\t\t</ng-container>\n\t</div>\n</ng-container>\n\n<ng-template #valueTemplate>\n\t<ng-container *ngIf=\"data.value\">\n\t\t{{ data.value }}\n\t</ng-container>\n\n\t<ng-content *ngIf=\"!data.value\"></ng-content>\n</ng-template>\n" }]
3078
3094
  }], propDecorators: { variant: [{
3079
3095
  type: Input
3080
3096
  }], index: [{
@@ -3097,7 +3113,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
3097
3113
  type: Input
3098
3114
  }], class: [{
3099
3115
  type: HostBinding,
3100
- args: ["class"]
3116
+ args: ['class']
3101
3117
  }] } });
3102
3118
 
3103
3119
  let TableColumn = class TableColumn {
@@ -3109,12 +3125,13 @@ let TableColumn = class TableColumn {
3109
3125
  }
3110
3126
  };
3111
3127
  TableColumn.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableColumn, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
3112
- TableColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableColumn, selector: "p-table-column", inputs: { align: "align", flex: "flex", name: "name", path: "path", sizes: "sizes", variant: "variant", useSlot: "useSlot", hasCheckbox: "hasCheckbox", sticky: "sticky" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
3128
+ TableColumn.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TableColumn, selector: "p-table-column", inputs: { align: "align", headerAlign: "headerAlign", flex: "flex", name: "name", path: "path", sizes: "sizes", variant: "variant", useSlot: "useSlot", hasCheckbox: "hasCheckbox", sticky: "sticky" }, queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, read: TemplateRef, static: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
3113
3129
  TableColumn = __decorate([
3114
3130
  ProxyCmp({
3115
3131
  defineCustomElementFn: undefined,
3116
3132
  inputs: [
3117
3133
  'align',
3134
+ 'headerAlign',
3118
3135
  'flex',
3119
3136
  'name',
3120
3137
  'path',
@@ -3134,6 +3151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
3134
3151
  template: '<ng-content></ng-content>',
3135
3152
  inputs: [
3136
3153
  'align',
3154
+ 'headerAlign',
3137
3155
  'flex',
3138
3156
  'name',
3139
3157
  'path',
@@ -3609,7 +3627,7 @@ const defaultSizeOptions = [12, 24, 68, 136];
3609
3627
  let Table = class Table {
3610
3628
  constructor(_cd) {
3611
3629
  this._cd = _cd;
3612
- this.className = "flex flex-col z-0";
3630
+ this.className = 'flex flex-col z-0';
3613
3631
  this.theme = state.theme;
3614
3632
  /**
3615
3633
  * Wether data is loading
@@ -3654,7 +3672,7 @@ let Table = class Table {
3654
3672
  /**
3655
3673
  * The floating menu amount item text
3656
3674
  */
3657
- this.floatingMenuAmountSelectedText = "0 items selected";
3675
+ this.floatingMenuAmountSelectedText = '0 items selected';
3658
3676
  /**
3659
3677
  * Wether the floating menu has been shown atleast once
3660
3678
  */
@@ -3703,7 +3721,7 @@ let Table = class Table {
3703
3721
  /**
3704
3722
  * The action button icon
3705
3723
  */
3706
- this.actionButtonIcon = "pencil";
3724
+ this.actionButtonIcon = 'pencil';
3707
3725
  /**
3708
3726
  * Wether the action button is enabled
3709
3727
  */
@@ -3770,11 +3788,11 @@ let Table = class Table {
3770
3788
  */
3771
3789
  this.hideOnSinglePage = true;
3772
3790
  /* Empty state start */
3773
- this.emptyStateType = "no_filter";
3774
- this.emptyStateIllustration = "table";
3775
- this.emptyStateActionIcon = "plus";
3791
+ this.emptyStateType = 'no_filter';
3792
+ this.emptyStateIllustration = 'table';
3793
+ this.emptyStateActionIcon = 'plus';
3776
3794
  this.enableEmptyStateAction = true;
3777
- this.emptyStateFilteredIllustration = "search";
3795
+ this.emptyStateFilteredIllustration = 'search';
3778
3796
  /**
3779
3797
  * Wether to enable scrolling
3780
3798
  */
@@ -3800,10 +3818,10 @@ let Table = class Table {
3800
3818
  this._ctrlDown = false;
3801
3819
  this.filterModalShow$ = new BehaviorSubject(false);
3802
3820
  this._rowActionsSubscriptions = [];
3803
- this.filterModalHeaderText = "Filters";
3804
- this.filterModalSaveText = "Save";
3805
- this.filterModalCancelText = "Cancel";
3806
- this.filterModalResetText = "Reset filters";
3821
+ this.filterModalHeaderText = 'Filters';
3822
+ this.filterModalSaveText = 'Save';
3823
+ this.filterModalCancelText = 'Cancel';
3824
+ this.filterModalResetText = 'Reset filters';
3807
3825
  this.filterModalShowReset = false;
3808
3826
  this.filterModalShowResetMobile = false;
3809
3827
  this.filterModalShow = new EventEmitter();
@@ -3835,38 +3853,38 @@ let Table = class Table {
3835
3853
  }
3836
3854
  ngOnInit() {
3837
3855
  this._parseItems(this.items);
3838
- onStateChange("theme", (value) => this._checkTheme(value));
3856
+ onStateChange('theme', value => this._checkTheme(value));
3839
3857
  this.loadingRows = Array.from({
3840
3858
  length: this.amountOfLoadingRows,
3841
3859
  });
3842
3860
  this.filterModalShow$
3843
3861
  .pipe(untilDestroyed(this), distinctUntilChanged())
3844
- .subscribe((value) => this.filterModalShow.next(value));
3862
+ .subscribe(value => this.filterModalShow.next(value));
3845
3863
  }
3846
3864
  ngOnChanges(changes) {
3847
3865
  var _a;
3848
- if (changes["items"]) {
3849
- this._parseItems(changes["items"].currentValue);
3866
+ if (changes['items']) {
3867
+ this._parseItems(changes['items'].currentValue);
3850
3868
  }
3851
- if (changes["amountOfLoadingRows"]) {
3869
+ if (changes['amountOfLoadingRows']) {
3852
3870
  this.loadingRows = Array.from({
3853
- length: changes["amountOfLoadingRows"].currentValue,
3871
+ length: changes['amountOfLoadingRows'].currentValue,
3854
3872
  });
3855
3873
  }
3856
3874
  let calculateRowSelectionData = false;
3857
- if (changes["enableRowSelection"]) {
3875
+ if (changes['enableRowSelection']) {
3858
3876
  this._inputEnableRowSelection =
3859
- changes["enableRowSelection"].currentValue;
3877
+ changes['enableRowSelection'].currentValue;
3860
3878
  calculateRowSelectionData = true;
3861
3879
  }
3862
- if (changes["rowSelectionLimit"]) {
3863
- this._inputRowSelectionLimit = changes["rowSelectionLimit"].currentValue;
3880
+ if (changes['rowSelectionLimit']) {
3881
+ this._inputRowSelectionLimit = changes['rowSelectionLimit'].currentValue;
3864
3882
  calculateRowSelectionData = true;
3865
3883
  }
3866
- if (calculateRowSelectionData || changes["selectedRows"]) {
3884
+ if (calculateRowSelectionData || changes['selectedRows']) {
3867
3885
  this._setRowSelectionData();
3868
3886
  }
3869
- if ((_a = changes["enableScroll"]) === null || _a === void 0 ? void 0 : _a.currentValue) {
3887
+ if ((_a = changes['enableScroll']) === null || _a === void 0 ? void 0 : _a.currentValue) {
3870
3888
  this._checkChangesSubscriptions();
3871
3889
  }
3872
3890
  }
@@ -3892,19 +3910,19 @@ let Table = class Table {
3892
3910
  this._calculateColumnWidths();
3893
3911
  }
3894
3912
  keyDown({ key }) {
3895
- if (key !== "Control" || this._ctrlDown === true) {
3913
+ if (key !== 'Control' || this._ctrlDown === true) {
3896
3914
  return;
3897
3915
  }
3898
3916
  this._ctrlDown = true;
3899
3917
  }
3900
3918
  keyUp({ key }) {
3901
- if (key !== "Control" || this._ctrlDown === false) {
3919
+ if (key !== 'Control' || this._ctrlDown === false) {
3902
3920
  return;
3903
3921
  }
3904
3922
  this._ctrlDown = false;
3905
3923
  }
3906
3924
  visibilityChange() {
3907
- if (document.visibilityState !== "hidden" || this._ctrlDown === false) {
3925
+ if (document.visibilityState !== 'hidden' || this._ctrlDown === false) {
3908
3926
  return;
3909
3927
  }
3910
3928
  this._ctrlDown = false;
@@ -3945,7 +3963,7 @@ let Table = class Table {
3945
3963
  if (!(actions === null || actions === void 0 ? void 0 : actions.length)) {
3946
3964
  return [];
3947
3965
  }
3948
- return actions.filter((a) => !a.showFunction || a.showFunction(this.parsedItems[rowIndex]));
3966
+ return actions.filter(a => !a.showFunction || a.showFunction(this.parsedItems[rowIndex]));
3949
3967
  }
3950
3968
  onContainerXScroll(ev) {
3951
3969
  if (!this.enableScroll) {
@@ -3973,7 +3991,7 @@ let Table = class Table {
3973
3991
  let definitionsArray = Array.from(this.extraHeaderDefinitions);
3974
3992
  definitionsArray = this._parseDefinitions(definitionsArray);
3975
3993
  for (const col of definitionsArray) {
3976
- col.sticky = col.sticky === true ? "secondary" : false;
3994
+ col.sticky = col.sticky === true ? 'secondary' : false;
3977
3995
  }
3978
3996
  this.extraHeaders$.next(definitionsArray);
3979
3997
  }
@@ -4015,7 +4033,7 @@ let Table = class Table {
4015
4033
  }
4016
4034
  for (let i = 0; i < this.selectedRows.length; i++) {
4017
4035
  const value = this.selectedRows[i];
4018
- const row = this.parsedItems.find((d) => this._getSelectionValue(d, i) === this._getSelectionValue(value, i));
4036
+ const row = this.parsedItems.find(d => this._getSelectionValue(d, i) === this._getSelectionValue(value, i));
4019
4037
  if (!row) {
4020
4038
  continue;
4021
4039
  }
@@ -4064,7 +4082,7 @@ let Table = class Table {
4064
4082
  return this.selectionKey ? (row === null || row === void 0 ? void 0 : row[this.selectionKey]) || index : index;
4065
4083
  }
4066
4084
  _selectionContains(row, index, returnIndex = false) {
4067
- const returnValue = this.selectedRows.findIndex((item) => this._getSelectionValue(row, index) ===
4085
+ const returnValue = this.selectedRows.findIndex(item => this._getSelectionValue(row, index) ===
4068
4086
  this._getSelectionValue(item, index));
4069
4087
  return !returnIndex ? returnValue >= 0 : returnValue;
4070
4088
  }
@@ -4109,8 +4127,8 @@ let Table = class Table {
4109
4127
  }
4110
4128
  _rowClick($event, index) {
4111
4129
  const target = $event.target;
4112
- if (target.tagName.toLowerCase() === "input" ||
4113
- target.type === "checkbox") {
4130
+ if (target.tagName.toLowerCase() === 'input' ||
4131
+ target.type === 'checkbox') {
4114
4132
  return;
4115
4133
  }
4116
4134
  const row = this._findRow(target);
@@ -4137,17 +4155,17 @@ let Table = class Table {
4137
4155
  this._checkboxChange(checkbox, index);
4138
4156
  }
4139
4157
  _getActionRouterLink(routerLink, rowIndex) {
4140
- if (typeof routerLink === "function") {
4158
+ if (typeof routerLink === 'function') {
4141
4159
  const item = this.parsedItems[rowIndex];
4142
4160
  return this._getActionRouterLink(routerLink(item), rowIndex);
4143
4161
  }
4144
- if (typeof routerLink === "string" || Array.isArray(routerLink)) {
4162
+ if (typeof routerLink === 'string' || Array.isArray(routerLink)) {
4145
4163
  return new BehaviorSubject(routerLink);
4146
4164
  }
4147
4165
  return routerLink;
4148
4166
  }
4149
4167
  _getActionQueryParams(queryParams, rowIndex) {
4150
- if (typeof queryParams === "function") {
4168
+ if (typeof queryParams === 'function') {
4151
4169
  const item = this.parsedItems[rowIndex];
4152
4170
  return this._getActionQueryParams(queryParams(item), rowIndex);
4153
4171
  }
@@ -4166,8 +4184,8 @@ let Table = class Table {
4166
4184
  if (!action.action) {
4167
4185
  return;
4168
4186
  }
4169
- if (action.type === "multi" ||
4170
- (action.type === "both" && rowIndex === undefined)) {
4187
+ if (action.type === 'multi' ||
4188
+ (action.type === 'both' && rowIndex === undefined)) {
4171
4189
  action.action.emit({
4172
4190
  items: this.selectedRows,
4173
4191
  multi: true,
@@ -4193,7 +4211,7 @@ let Table = class Table {
4193
4211
  if (!el) {
4194
4212
  return el;
4195
4213
  }
4196
- if (((_a = el === null || el === void 0 ? void 0 : el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "p-table-row") {
4214
+ if (((_a = el === null || el === void 0 ? void 0 : el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'p-table-row') {
4197
4215
  return el;
4198
4216
  }
4199
4217
  return this._findRow(el === null || el === void 0 ? void 0 : el.parentElement);
@@ -4203,11 +4221,11 @@ let Table = class Table {
4203
4221
  if (!el) {
4204
4222
  return null;
4205
4223
  }
4206
- if (el.getAttribute("data-is-action") !== null &&
4207
- el.getAttribute("data-is-action") !== "false") {
4224
+ if (el.getAttribute('data-is-action') !== null &&
4225
+ el.getAttribute('data-is-action') !== 'false') {
4208
4226
  return el;
4209
4227
  }
4210
- if (((_a = el === null || el === void 0 ? void 0 : el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "p-table-row") {
4228
+ if (((_a = el === null || el === void 0 ? void 0 : el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'p-table-row') {
4211
4229
  return null;
4212
4230
  }
4213
4231
  return this._findRowAction(el === null || el === void 0 ? void 0 : el.parentElement);
@@ -4227,14 +4245,14 @@ let Table = class Table {
4227
4245
  subscription.unsubscribe();
4228
4246
  }
4229
4247
  }
4230
- this._rowActionsSubscriptions = actions.map((action) => action._loadingChanged
4248
+ this._rowActionsSubscriptions = actions.map(action => action._loadingChanged
4231
4249
  .pipe(untilDestroyed(this))
4232
4250
  .subscribe(() => this._cd.detectChanges()));
4233
4251
  // we hack this to any[] to make it work..
4234
- const rowActionsRow = actions.filter((a) => a.type === "both" || a.type === "single");
4235
- const rowActionsFloating = actions.filter((a) => (this._inputEnableRowSelection &&
4236
- (a.type === "both" || a.type === "multi")) ||
4237
- (mobile && a.type === "single" && !a.routerLink));
4252
+ const rowActionsRow = actions.filter(a => a.type === 'both' || a.type === 'single');
4253
+ const rowActionsFloating = actions.filter(a => (this._inputEnableRowSelection &&
4254
+ (a.type === 'both' || a.type === 'multi')) ||
4255
+ (mobile && a.type === 'single' && !a.routerLink));
4238
4256
  let rowSelectionLimit = this._inputRowSelectionLimit;
4239
4257
  if (mobile && // we're mobile
4240
4258
  (rowActionsFloating === null || rowActionsFloating === void 0 ? void 0 : rowActionsFloating.length) && // we have atleast 1 item in _rowActionsFloating
@@ -4253,15 +4271,15 @@ let Table = class Table {
4253
4271
  this.rowActionsRow$.next(rowActionsRow);
4254
4272
  this.rowActionsFloatingAll$.next(rowActionsFloating);
4255
4273
  this.floatingMenuShown$
4256
- .pipe(take(1), filter((v) => !!v))
4274
+ .pipe(take(1), filter(v => !!v))
4257
4275
  .subscribe(() => this._showFloatingMenu());
4258
4276
  }, 200);
4259
4277
  }
4260
4278
  _showFloatingMenu() {
4261
- this.rowActionsFloatingAll$.pipe(take(1)).subscribe((actions) => {
4279
+ this.rowActionsFloatingAll$.pipe(take(1)).subscribe(actions => {
4262
4280
  if (this.rowSelectionLimit === 1 &&
4263
- actions.findIndex((a) => (a.type === "single" || a.type === "both") && a.showFunction) >= 0) {
4264
- actions = actions.filter((a) => a.type === "multi" ||
4281
+ actions.findIndex(a => (a.type === 'single' || a.type === 'both') && a.showFunction) >= 0) {
4282
+ actions = actions.filter(a => a.type === 'multi' ||
4265
4283
  !a.showFunction ||
4266
4284
  a.showFunction(this.selectedRows[0]));
4267
4285
  }
@@ -4270,19 +4288,19 @@ let Table = class Table {
4270
4288
  });
4271
4289
  }
4272
4290
  _parseDefinitions(definitionsArray) {
4273
- return definitionsArray.map((definition) => this._parseDefinitionSizes(definition));
4291
+ return definitionsArray.map(definition => this._parseDefinitionSizes(definition));
4274
4292
  }
4275
4293
  _parseDefinitionSizes(definition) {
4276
4294
  var _a;
4277
4295
  const definitionAny = definition;
4278
- let parsedSizes = { default: "full" };
4296
+ let parsedSizes = { default: 'full' };
4279
4297
  for (const [index, size] of tableColumSizesOptions.entries()) {
4280
- if (definitionAny.sizes === "auto" ||
4281
- definitionAny.sizes === "hidden" ||
4282
- definitionAny.sizes === "full" ||
4283
- typeof definitionAny.sizes === "number") {
4298
+ if (definitionAny.sizes === 'auto' ||
4299
+ definitionAny.sizes === 'hidden' ||
4300
+ definitionAny.sizes === 'full' ||
4301
+ typeof definitionAny.sizes === 'number') {
4284
4302
  parsedSizes[size] =
4285
- definitionAny.sizes === "auto" ? "full" : definitionAny.sizes;
4303
+ definitionAny.sizes === 'auto' ? 'full' : definitionAny.sizes;
4286
4304
  continue;
4287
4305
  }
4288
4306
  parsedSizes[size] =
@@ -4314,24 +4332,24 @@ let Table = class Table {
4314
4332
  clearTimeout(this._calculateColumnWidthsTimeout);
4315
4333
  this._calculateColumnWidthsTimeout = 0;
4316
4334
  }
4317
- const rows = this.tableRows.map((c) => c.nativeElement);
4318
- const cells = rows.flatMap((row) => Array.from(row.querySelectorAll("p-table-cell-ngx")));
4335
+ const rows = this.tableRows.map(c => c.nativeElement);
4336
+ const cells = rows.flatMap(row => Array.from(row.querySelectorAll('p-table-cell-ngx')));
4319
4337
  this._calculateColumnWidthsTimeout = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
4320
4338
  var _a;
4321
4339
  this._setRowsWidth(rows);
4322
4340
  const promises = [];
4323
4341
  for (const cell of cells) {
4324
4342
  if ((_a = cell.style.width) === null || _a === void 0 ? void 0 : _a.length) {
4325
- cell.style.width = "unset";
4343
+ cell.style.width = 'unset';
4326
4344
  }
4327
- promises.push(new Promise((resolve) => setTimeout(() => {
4345
+ promises.push(new Promise(resolve => setTimeout(() => {
4328
4346
  const rect = cell.getBoundingClientRect();
4329
- cell.setAttribute("style", `width: ${rect.width}px !important`);
4347
+ cell.setAttribute('style', `width: ${rect.width}px !important`);
4330
4348
  resolve();
4331
4349
  }, 100)));
4332
4350
  }
4333
4351
  yield Promise.all(promises);
4334
- this._setRowsWidth(rows, "min-content");
4352
+ this._setRowsWidth(rows, 'min-content');
4335
4353
  this._resetScrollPosition();
4336
4354
  }), 200);
4337
4355
  }
@@ -4342,21 +4360,21 @@ let Table = class Table {
4342
4360
  if (!shadow) {
4343
4361
  continue;
4344
4362
  }
4345
- const firstDiv = shadow.querySelector("*:nth-child(1)");
4363
+ const firstDiv = shadow.querySelector('*:nth-child(1)');
4346
4364
  if (!firstDiv) {
4347
4365
  continue;
4348
4366
  }
4349
- const secondDiv = firstDiv.querySelector("*:nth-child(1)");
4367
+ const secondDiv = firstDiv.querySelector('*:nth-child(1)');
4350
4368
  if (!secondDiv) {
4351
4369
  continue;
4352
4370
  }
4353
4371
  if (value === null) {
4354
- firstDiv.setAttribute("style", "");
4355
- secondDiv.setAttribute("style", "");
4372
+ firstDiv.setAttribute('style', '');
4373
+ secondDiv.setAttribute('style', '');
4356
4374
  continue;
4357
4375
  }
4358
- firstDiv.setAttribute("style", "width: min-content;");
4359
- secondDiv.setAttribute("style", "width: min-content;");
4376
+ firstDiv.setAttribute('style', 'width: min-content;');
4377
+ secondDiv.setAttribute('style', 'width: min-content;');
4360
4378
  if (i === 0) {
4361
4379
  this._totalWidth = firstDiv.getBoundingClientRect().width;
4362
4380
  }
@@ -4395,13 +4413,13 @@ Table = __decorate([
4395
4413
  ], Table);
4396
4414
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Table, decorators: [{
4397
4415
  type: Component,
4398
- args: [{ selector: "p-table-ngx", changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-table-container>\n\t<p-table-header\n\t\t*ngIf=\"enableHeader\"\n\t\tclass=\"mb-8\"\n\t\t[quickFilters]=\"quickFilters\"\n\t\t[activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n\t\t(quickFilter)=\"onQuickFilter($event)\"\n\t\t[enableSearch]=\"enableSearch\"\n\t\t[query]=\"query\"\n\t\t(queryChange)=\"onQueryChange($event)\"\n\t\t[enableFilter]=\"enableFilter\"\n\t\t[enableFilterDesktop]=\"enableFilterDesktop\"\n\t\t[selectedFiltersAmount]=\"selectedFiltersAmount\"\n\t\t[filterButtonTemplate]=\"filterButtonTemplate\"\n\t\t(filter)=\"filterModalShow$.next(true)\"\n\t\t[enableAction]=\"enableAction\"\n\t\t[canUseAction]=\"actionButtonEnabled\"\n\t\t[actionButtonTemplate]=\"actionButtonTemplate\"\n\t\t[actionLoading]=\"actionButtonLoading\"\n\t\t[actionText]=\"actionButtonText\"\n\t\t[actionIcon]=\"actionButtonIcon\"\n\t\t(action)=\"action.emit()\"\n\t\t[itemsSelectedAmount]=\"selectedRows.length\"\n\t\t[enableExport]=\"enableExport\"\n\t\t(export)=\"export.emit()\"\n\t\t[loading]=\"headerLoading\"\n\t>\n\t\t<ng-container *ngIf=\"headerCustomFilterTemplate\">\n\t\t\t<ng-container\n\t\t\t\t*ngTemplateOutlet=\"headerCustomFilterTemplate\"\n\t\t\t></ng-container>\n\t\t</ng-container>\n\n\t\t<ng-container *ngIf=\"headerCustomActionsTemplate\">\n\t\t\t<ng-container\n\t\t\t\t*ngTemplateOutlet=\"headerCustomActionsTemplate\"\n\t\t\t></ng-container>\n\t\t</ng-container>\n\t</p-table-header>\n\n\t<div\n\t\tclass=\"relative flex-1\"\n\t\t*ngIf=\"enableScroll; else rowsTemplate\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex flex-col overflow-x-auto\"\n\t\t\t#scrollContainer\n\t\t\t[class]=\"\n\t\t\t\tcn(\n\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'before:w-24 before:h-full before:transition-opacity',\n\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'after:absolute after:top-0 after:right-0 after:z-[0] before:pointer-events-none',\n\t\t\t\t\t'after:w-24 after:h-full after:transition-opacity',\n\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{\n\t\t\t\t\t\t'before:opacity-0': reachedScrollStart$ | async,\n\t\t\t\t\t\t'after:opacity-0': reachedScrollEnd$ | async,\n\t\t\t\t\t\t'before:opacity-100': (reachedScrollStart$ | async) === false,\n\t\t\t\t\t\t'after:opacity-100': (reachedScrollEnd$ | async) === false\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t\"\n\t\t\t(scroll)=\"onContainerXScroll($event)\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"rowsTemplate\"></ng-container>\n\t\t</div>\n\t</div>\n\n\t<ng-container *ngIf=\"enableFloatingMenu && enableRowSelection\">\n\t\t<p-floating-menu-container\n\t\t\t[usedInTable]=\"true\"\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[amount]=\"floatingMenuAmountSelectedText\"\n\t\t\t[enableAmountSelected]=\"!!(rowActionsFloating$ | async)?.length\"\n\t\t\t(close)=\"_selectAllChange(null, false)\"\n\t\t>\n\t\t\t<p-floating-menu-item\n\t\t\t\t*ngFor=\"let action of rowActionsFloating$ | async\"\n\t\t\t\tslot=\"floating-menu-item\"\n\t\t\t\t[disabled]=\"\n\t\t\t\t\t(action['type'] === 'single' && selectedRows.length > 1) ||\n\t\t\t\t\taction['disabled']\n\t\t\t\t\"\n\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t[iconFlip]=\"action['iconFlip']\"\n\t\t\t\t(click)=\"_rowActionClick(action)\"\n\t\t\t>\n\t\t\t\t{{ action['label'] }}\n\t\t\t</p-floating-menu-item>\n\t\t</p-floating-menu-container>\n\t</ng-container>\n\n\t<p-table-footer\n\t\t*ngIf=\"enableFooter\"\n\t\t[hideOnSinglePage]=\"hideOnSinglePage\"\n\t\t[enablePaginationSize]=\"enablePaginationSize\"\n\t\t[pageSize]=\"pageSize\"\n\t\t[pageSizeOptions]=\"pageSizeOptions\"\n\t\t(pageSizeChange)=\"onPageSizeChange($event)\"\n\t\t[enablePaginationPages]=\"enablePaginationPages\"\n\t\t[page]=\"page\"\n\t\t[total]=\"total\"\n\t\t(pageChange)=\"onPageChange($event)\"\n\t\t[loading]=\"footerLoading\"\n\t\t(hiddenChange)=\"footerHidden$.next($event.detail)\"\n\t\t[tableHeaderHasAction]=\"enableHeader && enableAction && actionButtonEnabled\"\n\t></p-table-footer>\n</p-table-container>\n\n<ng-template #rowsTemplate>\n\t<p-table-row\n\t\t*ngIf=\"(extraHeaders$ | async)?.length\"\n\t\tvariant=\"header-secondary\"\n\t\tclass=\"z-[2]\"\n\t\t[isLast]=\"true\"\n\t>\n\t\t<ng-container *ngFor=\"let col of extraHeaders$ | async; let index = index\">\n\t\t\t<p-table-cell-ngx\n\t\t\t\t[definition]=\"col\"\n\t\t\t\tvariant=\"header-secondary\"\n\t\t\t\t[index]=\"index\"\n\t\t\t\t[checkboxOffset]=\"index === 0 && enableRowSelection\"\n\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t>\n\t\t\t\t<b>{{ col.name }}</b>\n\t\t\t</p-table-cell-ngx>\n\t\t</ng-container>\n\t</p-table-row>\n\n\t<p-table-row variant=\"header\">\n\t\t<ng-container *ngFor=\"let col of columns$ | async; let index = index\">\n\t\t\t<p-table-cell-ngx\n\t\t\t\t[definition]=\"col\"\n\t\t\t\t[value]=\"col.name\"\n\t\t\t\tvariant=\"header\"\n\t\t\t\t[index]=\"index\"\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[scrollable]=\"this.enableScroll\"\n\t\t\t></p-table-cell-ngx>\n\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t<p-checkbox\n\t\t\t\t\t(checkedChange)=\"_selectAllChange($event)\"\n\t\t\t\t\t[checked]=\"_selectionContainsAll()\"\n\t\t\t\t\t[indeterminate]=\"_selectionIndeterminate()\"\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></p-checkbox>\n\t\t\t</ng-template>\n\t\t</ng-container>\n\t</p-table-row>\n\n\t<div class=\"flex flex-1 flex-col\">\n\t\t<ng-container *ngIf=\"loading; else contentTemplate\">\n\t\t\t<p-table-row\n\t\t\t\t*ngFor=\"let r of loadingRows; let rowIndex = index\"\n\t\t\t\tclass=\"group\"\n\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t[isLast]=\"rowIndex === loadingRows.length - 1\"\n\t\t\t>\n\t\t\t\t<ng-container *ngFor=\"let col of columns$ | async; let index = index\">\n\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\tvariant=\"loading\"\n\t\t\t\t\t\t[checkbox]=\"\n\t\t\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t></p-table-cell-ngx>\n\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t<p-loader\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\tclass=\"h-6 w-6 rounded\"\n\t\t\t\t\t\t></p-loader>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</ng-container>\n\t\t\t</p-table-row>\n\t\t</ng-container>\n\n\t\t<ng-template #contentTemplate>\n\t\t\t<ng-container *ngIf=\"parsedItems?.length; else emptyStateTemplate\">\n\t\t\t\t<p-table-row\n\t\t\t\t\t*ngFor=\"let item of parsedItems; let rowIndex = index\"\n\t\t\t\t\tclass=\"group\"\n\t\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t[isLast]=\"rowIndex === parsedItems.length - 1\"\n\t\t\t\t\t(click)=\"_rowClick($event, rowIndex)\"\n\t\t\t\t>\n\t\t\t\t\t<ng-container\n\t\t\t\t\t\t*ngIf=\"\n\t\t\t\t\t\t\tparseRowActionsRow(\n\t\t\t\t\t\t\t\trowActionsRow$ | async,\n\t\t\t\t\t\t\t\trowIndex\n\t\t\t\t\t\t\t) as rowActionsRow\n\t\t\t\t\t\t\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-container\n\t\t\t\t\t\t\t*ngFor=\"let col of columns$ | async; let index = index\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\t\t\t[item]=\"item\"\n\t\t\t\t\t\t\t\t[checkbox]=\"\n\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? checkboxTemplate\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t\t\t[template]=\"col.template\"\n\t\t\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t\t\t></p-table-cell-ngx>\n\n\t\t\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t(checkedChange)=\"_checkboxChange($event.target, rowIndex)\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"_checkboxDisabled(item, rowIndex)\"\n\t\t\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t<p-table-row-actions-container\n\t\t\t\t\t\t\t*ngIf=\"!!rowActionsRow?.length && !(isMobile$ | async)\"\n\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\tslot=\"actions\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ng-container *ngFor=\"let action of rowActionsRow\">\n\t\t\t\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\t\t\t\t*ngIf=\"\n\t\t\t\t\t\t\t\t\t\taction.showFunction\n\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: true\n\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t[content]=\"action['label']\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\t\t\tdata-is-action\n\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\t\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t\t\t\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t\t\t\t\t\t\ticonFlip=\"action.iconFlip\"\n\t\t\t\t\t\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"action['disabled']\"\n\t\t\t\t\t\t\t\t\t\t[routerLink]=\"\n\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? (_getActionRouterLink(action.routerLink, rowIndex)\n\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: null\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t[queryParams]=\"\n\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? (_getActionQueryParams(action.queryParams, rowIndex)\n\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: null\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t(onClick)=\"_rowActionClick(action, rowIndex)\"\n\t\t\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t\t\t</p-tooltip>\n\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t</p-table-row-actions-container>\n\t\t\t\t\t</ng-container>\n\t\t\t\t</p-table-row>\n\t\t\t</ng-container>\n\t\t</ng-template>\n\n\t\t<ng-container *ngFor=\"let customRow of customRows\">\n\t\t\t<p-table-row\n\t\t\t\t[variant]=\"customRow.variant\"\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>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"customRow.templateRef\"></ng-container>\n\t\t\t</p-table-row>\n\t\t</ng-container>\n\t</div>\n</ng-template>\n\n<ng-container *ngIf=\"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\tslot=\"content\"\n\t\t\tclass=\"flex flex-col gap-6\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"filterModalTemplate\"></ng-container>\n\t\t</div>\n\t\t<div\n\t\t\tslot=\"footer\"\n\t\t\tclass=\"flex w-full justify-between gap-4\"\n\t\t>\n\t\t\t<p-button\n\t\t\t\t*ngIf=\"filterModalShowResetMobile\"\n\t\t\t\tclass=\"flex w-full tablet:w-auto desktop-xs:hidden\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\t(onClick)=\"onFilterModalReset(true)\"\n\t\t\t>\n\t\t\t\t{{ filterModalResetText }}\n\t\t\t</p-button>\n\t\t\t<p-button\n\t\t\t\t*ngIf=\"filterModalShowReset\"\n\t\t\t\tclass=\"hidden w-full tablet:w-auto desktop-xs:flex\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\t(onClick)=\"onFilterModalReset()\"\n\t\t\t>\n\t\t\t\t{{ filterModalResetText }}\n\t\t\t</p-button>\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</ng-container>\n\n<ng-template #emptyStateTemplate>\n\t<p-empty-state\n\t\t*ngIf=\"emptyStateType === 'filtered'; else emptyStateNonFilterTemplate\"\n\t\tclass=\"my-16 self-center\"\n\t\t[illustration]=\"emptyStateFilteredIllustration\"\n\t\t[header]=\"emptyStateFilteredHeader\"\n\t\t[content]=\"emptyStateFilteredContent\"\n\t\t[enableAction]=\"false\"\n\t></p-empty-state>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n\t<p-empty-state\n\t\tclass=\"my-16 self-center\"\n\t\t[illustration]=\"emptyStateIllustration\"\n\t\t[header]=\"emptyStateHeader\"\n\t\t[content]=\"emptyStateContent\"\n\t\t[enableAction]=\"enableEmptyStateAction\"\n\t\t[actionText]=\"emptyStateAction\"\n\t\t[actionIcon]=\"emptyStateActionIcon\"\n\t\t(action)=\"emptyStateClicked()\"\n\t></p-empty-state>\n</ng-template>\n" }]
4416
+ args: [{ selector: 'p-table-ngx', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-table-container>\n\t<p-table-header\n\t\t*ngIf=\"enableHeader\"\n\t\tclass=\"mb-8\"\n\t\t[quickFilters]=\"quickFilters\"\n\t\t[activeQuickFilterIdentifier]=\"activeQuickFilterIdentifier\"\n\t\t(quickFilter)=\"onQuickFilter($event)\"\n\t\t[enableSearch]=\"enableSearch\"\n\t\t[query]=\"query\"\n\t\t(queryChange)=\"onQueryChange($event)\"\n\t\t[enableFilter]=\"enableFilter\"\n\t\t[enableFilterDesktop]=\"enableFilterDesktop\"\n\t\t[selectedFiltersAmount]=\"selectedFiltersAmount\"\n\t\t[filterButtonTemplate]=\"filterButtonTemplate\"\n\t\t(filter)=\"filterModalShow$.next(true)\"\n\t\t[enableAction]=\"enableAction\"\n\t\t[canUseAction]=\"actionButtonEnabled\"\n\t\t[actionButtonTemplate]=\"actionButtonTemplate\"\n\t\t[actionLoading]=\"actionButtonLoading\"\n\t\t[actionText]=\"actionButtonText\"\n\t\t[actionIcon]=\"actionButtonIcon\"\n\t\t(action)=\"action.emit()\"\n\t\t[itemsSelectedAmount]=\"selectedRows.length\"\n\t\t[enableExport]=\"enableExport\"\n\t\t(export)=\"export.emit()\"\n\t\t[loading]=\"headerLoading\"\n\t>\n\t\t<ng-container *ngIf=\"headerCustomFilterTemplate\">\n\t\t\t<ng-container\n\t\t\t\t*ngTemplateOutlet=\"headerCustomFilterTemplate\"\n\t\t\t></ng-container>\n\t\t</ng-container>\n\n\t\t<ng-container *ngIf=\"headerCustomActionsTemplate\">\n\t\t\t<ng-container\n\t\t\t\t*ngTemplateOutlet=\"headerCustomActionsTemplate\"\n\t\t\t></ng-container>\n\t\t</ng-container>\n\t</p-table-header>\n\n\t<div\n\t\tclass=\"relative flex-1\"\n\t\t*ngIf=\"enableScroll; else rowsTemplate\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex flex-col overflow-x-auto\"\n\t\t\t#scrollContainer\n\t\t\t[class]=\"\n\t\t\t\tcn(\n\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'before:w-24 before:h-full before:transition-opacity',\n\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'after:absolute after:top-0 after:right-0 after:z-[0] before:pointer-events-none',\n\t\t\t\t\t'after:w-24 after:h-full after:transition-opacity',\n\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{\n\t\t\t\t\t\t'before:opacity-0': reachedScrollStart$ | async,\n\t\t\t\t\t\t'after:opacity-0': reachedScrollEnd$ | async,\n\t\t\t\t\t\t'before:opacity-100': (reachedScrollStart$ | async) === false,\n\t\t\t\t\t\t'after:opacity-100': (reachedScrollEnd$ | async) === false\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t\"\n\t\t\t(scroll)=\"onContainerXScroll($event)\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"rowsTemplate\"></ng-container>\n\t\t</div>\n\t</div>\n\n\t<ng-container *ngIf=\"enableFloatingMenu && enableRowSelection\">\n\t\t<p-floating-menu-container\n\t\t\t[usedInTable]=\"true\"\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[amount]=\"floatingMenuAmountSelectedText\"\n\t\t\t[enableAmountSelected]=\"!!(rowActionsFloating$ | async)?.length\"\n\t\t\t(close)=\"_selectAllChange(null, false)\"\n\t\t>\n\t\t\t<p-floating-menu-item\n\t\t\t\t*ngFor=\"let action of rowActionsFloating$ | async\"\n\t\t\t\tslot=\"floating-menu-item\"\n\t\t\t\t[disabled]=\"\n\t\t\t\t\t(action['type'] === 'single' && selectedRows.length > 1) ||\n\t\t\t\t\taction['disabled']\n\t\t\t\t\"\n\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t[iconFlip]=\"action['iconFlip']\"\n\t\t\t\t(click)=\"_rowActionClick(action)\"\n\t\t\t>\n\t\t\t\t{{ action['label'] }}\n\t\t\t</p-floating-menu-item>\n\t\t</p-floating-menu-container>\n\t</ng-container>\n\n\t<p-table-footer\n\t\t*ngIf=\"enableFooter\"\n\t\t[hideOnSinglePage]=\"hideOnSinglePage\"\n\t\t[enablePaginationSize]=\"enablePaginationSize\"\n\t\t[pageSize]=\"pageSize\"\n\t\t[pageSizeOptions]=\"pageSizeOptions\"\n\t\t(pageSizeChange)=\"onPageSizeChange($event)\"\n\t\t[enablePaginationPages]=\"enablePaginationPages\"\n\t\t[page]=\"page\"\n\t\t[total]=\"total\"\n\t\t(pageChange)=\"onPageChange($event)\"\n\t\t[loading]=\"footerLoading\"\n\t\t(hiddenChange)=\"footerHidden$.next($event.detail)\"\n\t\t[tableHeaderHasAction]=\"enableHeader && enableAction && actionButtonEnabled\"\n\t></p-table-footer>\n</p-table-container>\n\n<ng-template #rowsTemplate>\n\t<p-table-row\n\t\t*ngIf=\"(extraHeaders$ | async)?.length\"\n\t\tvariant=\"header-secondary\"\n\t\tclass=\"z-[2]\"\n\t\t[isLast]=\"true\"\n\t>\n\t\t<ng-container *ngFor=\"let col of extraHeaders$ | async; let index = index\">\n\t\t\t<p-table-cell-ngx\n\t\t\t\t[definition]=\"col\"\n\t\t\t\tvariant=\"header-secondary\"\n\t\t\t\t[index]=\"index\"\n\t\t\t\t[checkboxOffset]=\"index === 0 && enableRowSelection\"\n\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t>\n\t\t\t\t<b>{{ col.name }}</b>\n\t\t\t</p-table-cell-ngx>\n\t\t</ng-container>\n\t</p-table-row>\n\n\t<p-table-row variant=\"header\">\n\t\t<ng-container *ngFor=\"let col of columns$ | async; let index = index\">\n\t\t\t<p-table-cell-ngx\n\t\t\t\t[definition]=\"col\"\n\t\t\t\t[value]=\"col.name\"\n\t\t\t\tvariant=\"header\"\n\t\t\t\t[index]=\"index\"\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[scrollable]=\"this.enableScroll\"\n\t\t\t></p-table-cell-ngx>\n\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t<p-checkbox\n\t\t\t\t\t(checkedChange)=\"_selectAllChange($event)\"\n\t\t\t\t\t[checked]=\"_selectionContainsAll()\"\n\t\t\t\t\t[indeterminate]=\"_selectionIndeterminate()\"\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></p-checkbox>\n\t\t\t</ng-template>\n\t\t</ng-container>\n\t</p-table-row>\n\n\t<div class=\"flex flex-1 flex-col\">\n\t\t<ng-container *ngIf=\"loading; else contentTemplate\">\n\t\t\t<p-table-row\n\t\t\t\t*ngFor=\"let r of loadingRows; let rowIndex = index\"\n\t\t\t\tclass=\"group\"\n\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t[isLast]=\"rowIndex === loadingRows.length - 1\"\n\t\t\t>\n\t\t\t\t<ng-container *ngFor=\"let col of columns$ | async; let index = index\">\n\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\tvariant=\"loading\"\n\t\t\t\t\t\t[checkbox]=\"\n\t\t\t\t\t\t\t(index === 0 || col.hasCheckbox) && enableRowSelection\n\t\t\t\t\t\t\t\t? checkboxTemplate\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\"\n\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t></p-table-cell-ngx>\n\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t<p-loader\n\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\tclass=\"h-6 w-6 rounded\"\n\t\t\t\t\t\t></p-loader>\n\t\t\t\t\t</ng-template>\n\t\t\t\t</ng-container>\n\t\t\t</p-table-row>\n\t\t</ng-container>\n\n\t\t<ng-template #contentTemplate>\n\t\t\t<ng-container *ngIf=\"parsedItems?.length; else emptyStateTemplate\">\n\t\t\t\t<p-table-row\n\t\t\t\t\t*ngFor=\"let item of parsedItems; let rowIndex = index\"\n\t\t\t\t\tclass=\"group\"\n\t\t\t\t\t[enableHover]=\"enableRowSelection || enableRowClick\"\n\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t[isLast]=\"rowIndex === parsedItems.length - 1\"\n\t\t\t\t\t(click)=\"_rowClick($event, rowIndex)\"\n\t\t\t\t>\n\t\t\t\t\t<ng-container\n\t\t\t\t\t\t*ngIf=\"\n\t\t\t\t\t\t\tparseRowActionsRow(\n\t\t\t\t\t\t\t\trowActionsRow$ | async,\n\t\t\t\t\t\t\t\trowIndex\n\t\t\t\t\t\t\t) as rowActionsRow\n\t\t\t\t\t\t\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ng-container\n\t\t\t\t\t\t\t*ngFor=\"let col of columns$ | async; let index = index\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-table-cell-ngx\n\t\t\t\t\t\t\t\t[definition]=\"col\"\n\t\t\t\t\t\t\t\t[item]=\"item\"\n\t\t\t\t\t\t\t\t[checkbox]=\"\n\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? checkboxTemplate\n\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t[index]=\"index\"\n\t\t\t\t\t\t\t\t[rowIndex]=\"rowIndex\"\n\t\t\t\t\t\t\t\t[template]=\"col.template\"\n\t\t\t\t\t\t\t\t[scrollable]=\"this.enableScroll\"\n\t\t\t\t\t\t\t></p-table-cell-ngx>\n\n\t\t\t\t\t\t\t<ng-template #checkboxTemplate>\n\t\t\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\t\t\t(checkedChange)=\"_checkboxChange($event.target, rowIndex)\"\n\t\t\t\t\t\t\t\t\t[disabled]=\"_checkboxDisabled(item, rowIndex)\"\n\t\t\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\t\t></p-checkbox>\n\t\t\t\t\t\t\t</ng-template>\n\t\t\t\t\t\t</ng-container>\n\n\t\t\t\t\t\t<p-table-row-actions-container\n\t\t\t\t\t\t\t*ngIf=\"!!rowActionsRow?.length && !(isMobile$ | async)\"\n\t\t\t\t\t\t\t[checked]=\"_selectionContains(item, rowIndex)\"\n\t\t\t\t\t\t\tslot=\"actions\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ng-container *ngFor=\"let action of rowActionsRow\">\n\t\t\t\t\t\t\t\t<p-tooltip\n\t\t\t\t\t\t\t\t\t*ngIf=\"\n\t\t\t\t\t\t\t\t\t\taction.showFunction\n\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: true\n\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t[content]=\"action['label']\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\t\t\t\tdata-is-action\n\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\t\t\t\t\t[icon]=\"action['icon']\"\n\t\t\t\t\t\t\t\t\t\t[iconRotate]=\"action['iconRotate']\"\n\t\t\t\t\t\t\t\t\t\ticonFlip=\"action.iconFlip\"\n\t\t\t\t\t\t\t\t\t\ticonOnly=\"true\"\n\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t[loading]=\"action['loading']\"\n\t\t\t\t\t\t\t\t\t\t[disabled]=\"action['disabled']\"\n\t\t\t\t\t\t\t\t\t\t[routerLink]=\"\n\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? (_getActionRouterLink(action.routerLink, rowIndex)\n\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: null\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t[queryParams]=\"\n\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? (_getActionQueryParams(action.queryParams, rowIndex)\n\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: null\n\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t(onClick)=\"_rowActionClick(action, rowIndex)\"\n\t\t\t\t\t\t\t\t\t></p-button>\n\t\t\t\t\t\t\t\t</p-tooltip>\n\t\t\t\t\t\t\t</ng-container>\n\t\t\t\t\t\t</p-table-row-actions-container>\n\t\t\t\t\t</ng-container>\n\t\t\t\t</p-table-row>\n\t\t\t</ng-container>\n\t\t</ng-template>\n\n\t\t<ng-container *ngFor=\"let customRow of customRows\">\n\t\t\t<p-table-row\n\t\t\t\t[variant]=\"customRow.variant\"\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>\n\t\t\t\t<ng-container *ngTemplateOutlet=\"customRow.templateRef\"></ng-container>\n\t\t\t</p-table-row>\n\t\t</ng-container>\n\t</div>\n</ng-template>\n\n<ng-container *ngIf=\"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\tslot=\"content\"\n\t\t\tclass=\"flex flex-col gap-6\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"filterModalTemplate\"></ng-container>\n\t\t</div>\n\t\t<div\n\t\t\tslot=\"footer\"\n\t\t\tclass=\"flex w-full justify-between gap-4\"\n\t\t>\n\t\t\t<p-button\n\t\t\t\t*ngIf=\"filterModalShowResetMobile\"\n\t\t\t\tclass=\"flex w-full tablet:w-auto desktop-xs:hidden\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\t(onClick)=\"onFilterModalReset(true)\"\n\t\t\t>\n\t\t\t\t{{ filterModalResetText }}\n\t\t\t</p-button>\n\t\t\t<p-button\n\t\t\t\t*ngIf=\"filterModalShowReset\"\n\t\t\t\tclass=\"hidden w-full tablet:w-auto desktop-xs:flex\"\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\t(onClick)=\"onFilterModalReset()\"\n\t\t\t>\n\t\t\t\t{{ filterModalResetText }}\n\t\t\t</p-button>\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</ng-container>\n\n<ng-template #emptyStateTemplate>\n\t<p-empty-state\n\t\t*ngIf=\"emptyStateType === 'filtered'; else emptyStateNonFilterTemplate\"\n\t\tclass=\"my-16 self-center\"\n\t\t[illustration]=\"emptyStateFilteredIllustration\"\n\t\t[header]=\"emptyStateFilteredHeader\"\n\t\t[content]=\"emptyStateFilteredContent\"\n\t\t[enableAction]=\"false\"\n\t></p-empty-state>\n</ng-template>\n\n<ng-template #emptyStateNonFilterTemplate>\n\t<p-empty-state\n\t\tclass=\"my-16 self-center\"\n\t\t[illustration]=\"emptyStateIllustration\"\n\t\t[header]=\"emptyStateHeader\"\n\t\t[content]=\"emptyStateContent\"\n\t\t[enableAction]=\"enableEmptyStateAction\"\n\t\t[actionText]=\"emptyStateAction\"\n\t\t[actionIcon]=\"emptyStateActionIcon\"\n\t\t(action)=\"emptyStateClicked()\"\n\t></p-empty-state>\n</ng-template>\n" }]
4399
4417
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { className: [{
4400
4418
  type: HostBinding,
4401
- args: ["class"]
4419
+ args: ['class']
4402
4420
  }], theme: [{
4403
4421
  type: HostBinding,
4404
- args: ["attr.data-theme"]
4422
+ args: ['attr.data-theme']
4405
4423
  }], items: [{
4406
4424
  type: Input
4407
4425
  }], loading: [{
@@ -4530,7 +4548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
4530
4548
  args: [TableCell, { read: ElementRef }]
4531
4549
  }], scrollContainer: [{
4532
4550
  type: ViewChild,
4533
- args: ["scrollContainer"]
4551
+ args: ['scrollContainer']
4534
4552
  }], emptyStateActionClick: [{
4535
4553
  type: Output
4536
4554
  }], shadow: [{
@@ -4585,16 +4603,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
4585
4603
  type: Output
4586
4604
  }], onResize: [{
4587
4605
  type: HostListener,
4588
- args: ["window:resize", ["$event"]]
4606
+ args: ['window:resize', ['$event']]
4589
4607
  }], keyDown: [{
4590
4608
  type: HostListener,
4591
- args: ["document:keydown", ["$event"]]
4609
+ args: ['document:keydown', ['$event']]
4592
4610
  }], keyUp: [{
4593
4611
  type: HostListener,
4594
- args: ["document:keyup", ["$event"]]
4612
+ args: ['document:keyup', ['$event']]
4595
4613
  }], visibilityChange: [{
4596
4614
  type: HostListener,
4597
- args: ["document:visibilitychange", ["$event"]]
4615
+ args: ['document:visibilitychange', ['$event']]
4598
4616
  }] } });
4599
4617
 
4600
4618
  const TABLE_COMPONENTS = [