@paperless/angular 2.18.2 → 2.18.4
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.
- package/esm2020/lib/modules/table/components/table/table.component.mjs +92 -89
- package/esm2020/lib/modules/table/components/table-cell/table-cell.component.mjs +17 -13
- package/fesm2015/paperless-angular.mjs +93 -86
- package/fesm2015/paperless-angular.mjs.map +1 -1
- package/fesm2020/paperless-angular.mjs +93 -86
- package/fesm2020/paperless-angular.mjs.map +1 -1
- package/lib/modules/table/components/table/table.component.d.ts +12 -12
- package/lib/modules/table/components/table-cell/table-cell.component.d.ts +3 -3
- package/package.json +1 -1
|
@@ -3024,7 +3024,7 @@ class TableCell {
|
|
|
3024
3024
|
/**
|
|
3025
3025
|
* The variant of the column
|
|
3026
3026
|
*/
|
|
3027
|
-
this.variant =
|
|
3027
|
+
this.variant = "default";
|
|
3028
3028
|
/**
|
|
3029
3029
|
* The index of the column
|
|
3030
3030
|
*/
|
|
@@ -3044,18 +3044,22 @@ class TableCell {
|
|
|
3044
3044
|
this.cn = cn;
|
|
3045
3045
|
}
|
|
3046
3046
|
get class() {
|
|
3047
|
-
var _a, _b, _c, _d, _e;
|
|
3047
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
3048
3048
|
return cn(getTableCellColumnClasses(this.definition, this.variant, this.checkboxOffset), {
|
|
3049
|
-
|
|
3050
|
-
|
|
3051
|
-
|
|
3052
|
-
|
|
3053
|
-
|
|
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) &&
|
|
3051
|
+
((_c = this.definition) === null || _c === void 0 ? void 0 : _c.sticky) !== "footer" &&
|
|
3052
|
+
((_d = this.definition) === null || _d === void 0 ? void 0 : _d.sticky) !== "extra-header",
|
|
3053
|
+
"bg-gradient-to-r from-off-white-300 to-transparent dark:from-hurricane-400 from-80%": ((_e = this.definition) === null || _e === void 0 ? void 0 : _e.sticky) &&
|
|
3054
|
+
(((_f = this.definition) === null || _f === void 0 ? void 0 : _f.sticky) === "footer" ||
|
|
3055
|
+
((_g = this.definition) === null || _g === void 0 ? void 0 : _g.sticky) === "extra-header"),
|
|
3056
|
+
"flex-shrink": !this.scrollable,
|
|
3057
|
+
"flex-shrink-0": this.scrollable,
|
|
3054
3058
|
});
|
|
3055
3059
|
}
|
|
3056
3060
|
get data() {
|
|
3057
3061
|
var _a, _b;
|
|
3058
|
-
if (this.variant ===
|
|
3062
|
+
if (this.variant === "header" || this.variant === "header-secondary") {
|
|
3059
3063
|
return {
|
|
3060
3064
|
value: this.value,
|
|
3061
3065
|
};
|
|
@@ -3074,7 +3078,7 @@ TableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2
|
|
|
3074
3078
|
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
3079
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TableCell, decorators: [{
|
|
3076
3080
|
type: Component,
|
|
3077
|
-
args: [{ selector:
|
|
3081
|
+
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
3082
|
}], propDecorators: { variant: [{
|
|
3079
3083
|
type: Input
|
|
3080
3084
|
}], index: [{
|
|
@@ -3097,7 +3101,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
3097
3101
|
type: Input
|
|
3098
3102
|
}], class: [{
|
|
3099
3103
|
type: HostBinding,
|
|
3100
|
-
args: [
|
|
3104
|
+
args: ["class"]
|
|
3101
3105
|
}] } });
|
|
3102
3106
|
|
|
3103
3107
|
let TableColumn = class TableColumn {
|
|
@@ -3609,7 +3613,7 @@ const defaultSizeOptions = [12, 24, 68, 136];
|
|
|
3609
3613
|
let Table = class Table {
|
|
3610
3614
|
constructor(_cd) {
|
|
3611
3615
|
this._cd = _cd;
|
|
3612
|
-
this.className =
|
|
3616
|
+
this.className = "flex flex-col z-0";
|
|
3613
3617
|
this.theme = state.theme;
|
|
3614
3618
|
/**
|
|
3615
3619
|
* Wether data is loading
|
|
@@ -3654,7 +3658,7 @@ let Table = class Table {
|
|
|
3654
3658
|
/**
|
|
3655
3659
|
* The floating menu amount item text
|
|
3656
3660
|
*/
|
|
3657
|
-
this.floatingMenuAmountSelectedText =
|
|
3661
|
+
this.floatingMenuAmountSelectedText = "0 items selected";
|
|
3658
3662
|
/**
|
|
3659
3663
|
* Wether the floating menu has been shown atleast once
|
|
3660
3664
|
*/
|
|
@@ -3703,7 +3707,7 @@ let Table = class Table {
|
|
|
3703
3707
|
/**
|
|
3704
3708
|
* The action button icon
|
|
3705
3709
|
*/
|
|
3706
|
-
this.actionButtonIcon =
|
|
3710
|
+
this.actionButtonIcon = "pencil";
|
|
3707
3711
|
/**
|
|
3708
3712
|
* Wether the action button is enabled
|
|
3709
3713
|
*/
|
|
@@ -3770,11 +3774,11 @@ let Table = class Table {
|
|
|
3770
3774
|
*/
|
|
3771
3775
|
this.hideOnSinglePage = true;
|
|
3772
3776
|
/* Empty state start */
|
|
3773
|
-
this.emptyStateType =
|
|
3774
|
-
this.emptyStateIllustration =
|
|
3775
|
-
this.emptyStateActionIcon =
|
|
3777
|
+
this.emptyStateType = "no_filter";
|
|
3778
|
+
this.emptyStateIllustration = "table";
|
|
3779
|
+
this.emptyStateActionIcon = "plus";
|
|
3776
3780
|
this.enableEmptyStateAction = true;
|
|
3777
|
-
this.emptyStateFilteredIllustration =
|
|
3781
|
+
this.emptyStateFilteredIllustration = "search";
|
|
3778
3782
|
/**
|
|
3779
3783
|
* Wether to enable scrolling
|
|
3780
3784
|
*/
|
|
@@ -3800,10 +3804,10 @@ let Table = class Table {
|
|
|
3800
3804
|
this._ctrlDown = false;
|
|
3801
3805
|
this.filterModalShow$ = new BehaviorSubject(false);
|
|
3802
3806
|
this._rowActionsSubscriptions = [];
|
|
3803
|
-
this.filterModalHeaderText =
|
|
3804
|
-
this.filterModalSaveText =
|
|
3805
|
-
this.filterModalCancelText =
|
|
3806
|
-
this.filterModalResetText =
|
|
3807
|
+
this.filterModalHeaderText = "Filters";
|
|
3808
|
+
this.filterModalSaveText = "Save";
|
|
3809
|
+
this.filterModalCancelText = "Cancel";
|
|
3810
|
+
this.filterModalResetText = "Reset filters";
|
|
3807
3811
|
this.filterModalShowReset = false;
|
|
3808
3812
|
this.filterModalShowResetMobile = false;
|
|
3809
3813
|
this.filterModalShow = new EventEmitter();
|
|
@@ -3835,38 +3839,38 @@ let Table = class Table {
|
|
|
3835
3839
|
}
|
|
3836
3840
|
ngOnInit() {
|
|
3837
3841
|
this._parseItems(this.items);
|
|
3838
|
-
onStateChange(
|
|
3842
|
+
onStateChange("theme", (value) => this._checkTheme(value));
|
|
3839
3843
|
this.loadingRows = Array.from({
|
|
3840
3844
|
length: this.amountOfLoadingRows,
|
|
3841
3845
|
});
|
|
3842
3846
|
this.filterModalShow$
|
|
3843
3847
|
.pipe(untilDestroyed(this), distinctUntilChanged())
|
|
3844
|
-
.subscribe(value => this.filterModalShow.next(value));
|
|
3848
|
+
.subscribe((value) => this.filterModalShow.next(value));
|
|
3845
3849
|
}
|
|
3846
3850
|
ngOnChanges(changes) {
|
|
3847
3851
|
var _a;
|
|
3848
|
-
if (changes[
|
|
3849
|
-
this._parseItems(changes[
|
|
3852
|
+
if (changes["items"]) {
|
|
3853
|
+
this._parseItems(changes["items"].currentValue);
|
|
3850
3854
|
}
|
|
3851
|
-
if (changes[
|
|
3855
|
+
if (changes["amountOfLoadingRows"]) {
|
|
3852
3856
|
this.loadingRows = Array.from({
|
|
3853
|
-
length: changes[
|
|
3857
|
+
length: changes["amountOfLoadingRows"].currentValue,
|
|
3854
3858
|
});
|
|
3855
3859
|
}
|
|
3856
3860
|
let calculateRowSelectionData = false;
|
|
3857
|
-
if (changes[
|
|
3861
|
+
if (changes["enableRowSelection"]) {
|
|
3858
3862
|
this._inputEnableRowSelection =
|
|
3859
|
-
changes[
|
|
3863
|
+
changes["enableRowSelection"].currentValue;
|
|
3860
3864
|
calculateRowSelectionData = true;
|
|
3861
3865
|
}
|
|
3862
|
-
if (changes[
|
|
3863
|
-
this._inputRowSelectionLimit = changes[
|
|
3866
|
+
if (changes["rowSelectionLimit"]) {
|
|
3867
|
+
this._inputRowSelectionLimit = changes["rowSelectionLimit"].currentValue;
|
|
3864
3868
|
calculateRowSelectionData = true;
|
|
3865
3869
|
}
|
|
3866
|
-
if (calculateRowSelectionData || changes[
|
|
3870
|
+
if (calculateRowSelectionData || changes["selectedRows"]) {
|
|
3867
3871
|
this._setRowSelectionData();
|
|
3868
3872
|
}
|
|
3869
|
-
if ((_a = changes[
|
|
3873
|
+
if ((_a = changes["enableScroll"]) === null || _a === void 0 ? void 0 : _a.currentValue) {
|
|
3870
3874
|
this._checkChangesSubscriptions();
|
|
3871
3875
|
}
|
|
3872
3876
|
}
|
|
@@ -3892,19 +3896,19 @@ let Table = class Table {
|
|
|
3892
3896
|
this._calculateColumnWidths();
|
|
3893
3897
|
}
|
|
3894
3898
|
keyDown({ key }) {
|
|
3895
|
-
if (key !==
|
|
3899
|
+
if (key !== "Control" || this._ctrlDown === true) {
|
|
3896
3900
|
return;
|
|
3897
3901
|
}
|
|
3898
3902
|
this._ctrlDown = true;
|
|
3899
3903
|
}
|
|
3900
3904
|
keyUp({ key }) {
|
|
3901
|
-
if (key !==
|
|
3905
|
+
if (key !== "Control" || this._ctrlDown === false) {
|
|
3902
3906
|
return;
|
|
3903
3907
|
}
|
|
3904
3908
|
this._ctrlDown = false;
|
|
3905
3909
|
}
|
|
3906
3910
|
visibilityChange() {
|
|
3907
|
-
if (document.visibilityState !==
|
|
3911
|
+
if (document.visibilityState !== "hidden" || this._ctrlDown === false) {
|
|
3908
3912
|
return;
|
|
3909
3913
|
}
|
|
3910
3914
|
this._ctrlDown = false;
|
|
@@ -3945,7 +3949,7 @@ let Table = class Table {
|
|
|
3945
3949
|
if (!(actions === null || actions === void 0 ? void 0 : actions.length)) {
|
|
3946
3950
|
return [];
|
|
3947
3951
|
}
|
|
3948
|
-
return actions.filter(a => !a.showFunction || a.showFunction(this.parsedItems[rowIndex]));
|
|
3952
|
+
return actions.filter((a) => !a.showFunction || a.showFunction(this.parsedItems[rowIndex]));
|
|
3949
3953
|
}
|
|
3950
3954
|
onContainerXScroll(ev) {
|
|
3951
3955
|
if (!this.enableScroll) {
|
|
@@ -4012,7 +4016,7 @@ let Table = class Table {
|
|
|
4012
4016
|
}
|
|
4013
4017
|
for (let i = 0; i < this.selectedRows.length; i++) {
|
|
4014
4018
|
const value = this.selectedRows[i];
|
|
4015
|
-
const row = this.parsedItems.find(d => this._getSelectionValue(d, i) === this._getSelectionValue(value, i));
|
|
4019
|
+
const row = this.parsedItems.find((d) => this._getSelectionValue(d, i) === this._getSelectionValue(value, i));
|
|
4016
4020
|
if (!row) {
|
|
4017
4021
|
continue;
|
|
4018
4022
|
}
|
|
@@ -4061,7 +4065,7 @@ let Table = class Table {
|
|
|
4061
4065
|
return this.selectionKey ? (row === null || row === void 0 ? void 0 : row[this.selectionKey]) || index : index;
|
|
4062
4066
|
}
|
|
4063
4067
|
_selectionContains(row, index, returnIndex = false) {
|
|
4064
|
-
const returnValue = this.selectedRows.findIndex(item => this._getSelectionValue(row, index) ===
|
|
4068
|
+
const returnValue = this.selectedRows.findIndex((item) => this._getSelectionValue(row, index) ===
|
|
4065
4069
|
this._getSelectionValue(item, index));
|
|
4066
4070
|
return !returnIndex ? returnValue >= 0 : returnValue;
|
|
4067
4071
|
}
|
|
@@ -4106,8 +4110,8 @@ let Table = class Table {
|
|
|
4106
4110
|
}
|
|
4107
4111
|
_rowClick($event, index) {
|
|
4108
4112
|
const target = $event.target;
|
|
4109
|
-
if (target.tagName.toLowerCase() ===
|
|
4110
|
-
target.type ===
|
|
4113
|
+
if (target.tagName.toLowerCase() === "input" ||
|
|
4114
|
+
target.type === "checkbox") {
|
|
4111
4115
|
return;
|
|
4112
4116
|
}
|
|
4113
4117
|
const row = this._findRow(target);
|
|
@@ -4134,17 +4138,17 @@ let Table = class Table {
|
|
|
4134
4138
|
this._checkboxChange(checkbox, index);
|
|
4135
4139
|
}
|
|
4136
4140
|
_getActionRouterLink(routerLink, rowIndex) {
|
|
4137
|
-
if (typeof routerLink ===
|
|
4141
|
+
if (typeof routerLink === "function") {
|
|
4138
4142
|
const item = this.parsedItems[rowIndex];
|
|
4139
4143
|
return this._getActionRouterLink(routerLink(item), rowIndex);
|
|
4140
4144
|
}
|
|
4141
|
-
if (typeof routerLink ===
|
|
4145
|
+
if (typeof routerLink === "string" || Array.isArray(routerLink)) {
|
|
4142
4146
|
return new BehaviorSubject(routerLink);
|
|
4143
4147
|
}
|
|
4144
4148
|
return routerLink;
|
|
4145
4149
|
}
|
|
4146
4150
|
_getActionQueryParams(queryParams, rowIndex) {
|
|
4147
|
-
if (typeof queryParams ===
|
|
4151
|
+
if (typeof queryParams === "function") {
|
|
4148
4152
|
const item = this.parsedItems[rowIndex];
|
|
4149
4153
|
return this._getActionQueryParams(queryParams(item), rowIndex);
|
|
4150
4154
|
}
|
|
@@ -4163,8 +4167,8 @@ let Table = class Table {
|
|
|
4163
4167
|
if (!action.action) {
|
|
4164
4168
|
return;
|
|
4165
4169
|
}
|
|
4166
|
-
if (action.type ===
|
|
4167
|
-
(action.type ===
|
|
4170
|
+
if (action.type === "multi" ||
|
|
4171
|
+
(action.type === "both" && rowIndex === undefined)) {
|
|
4168
4172
|
action.action.emit({
|
|
4169
4173
|
items: this.selectedRows,
|
|
4170
4174
|
multi: true,
|
|
@@ -4190,7 +4194,7 @@ let Table = class Table {
|
|
|
4190
4194
|
if (!el) {
|
|
4191
4195
|
return el;
|
|
4192
4196
|
}
|
|
4193
|
-
if (((_a = el === null || el === void 0 ? void 0 : el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) ===
|
|
4197
|
+
if (((_a = el === null || el === void 0 ? void 0 : el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "p-table-row") {
|
|
4194
4198
|
return el;
|
|
4195
4199
|
}
|
|
4196
4200
|
return this._findRow(el === null || el === void 0 ? void 0 : el.parentElement);
|
|
@@ -4200,11 +4204,11 @@ let Table = class Table {
|
|
|
4200
4204
|
if (!el) {
|
|
4201
4205
|
return null;
|
|
4202
4206
|
}
|
|
4203
|
-
if (el.getAttribute(
|
|
4204
|
-
el.getAttribute(
|
|
4207
|
+
if (el.getAttribute("data-is-action") !== null &&
|
|
4208
|
+
el.getAttribute("data-is-action") !== "false") {
|
|
4205
4209
|
return el;
|
|
4206
4210
|
}
|
|
4207
|
-
if (((_a = el === null || el === void 0 ? void 0 : el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) ===
|
|
4211
|
+
if (((_a = el === null || el === void 0 ? void 0 : el.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "p-table-row") {
|
|
4208
4212
|
return null;
|
|
4209
4213
|
}
|
|
4210
4214
|
return this._findRowAction(el === null || el === void 0 ? void 0 : el.parentElement);
|
|
@@ -4224,14 +4228,14 @@ let Table = class Table {
|
|
|
4224
4228
|
subscription.unsubscribe();
|
|
4225
4229
|
}
|
|
4226
4230
|
}
|
|
4227
|
-
this._rowActionsSubscriptions = actions.map(action => action._loadingChanged
|
|
4231
|
+
this._rowActionsSubscriptions = actions.map((action) => action._loadingChanged
|
|
4228
4232
|
.pipe(untilDestroyed(this))
|
|
4229
4233
|
.subscribe(() => this._cd.detectChanges()));
|
|
4230
4234
|
// we hack this to any[] to make it work..
|
|
4231
|
-
const rowActionsRow = actions.filter(a => a.type ===
|
|
4232
|
-
const rowActionsFloating = actions.filter(a => (this._inputEnableRowSelection &&
|
|
4233
|
-
(a.type ===
|
|
4234
|
-
(mobile && a.type ===
|
|
4235
|
+
const rowActionsRow = actions.filter((a) => a.type === "both" || a.type === "single");
|
|
4236
|
+
const rowActionsFloating = actions.filter((a) => (this._inputEnableRowSelection &&
|
|
4237
|
+
(a.type === "both" || a.type === "multi")) ||
|
|
4238
|
+
(mobile && a.type === "single" && !a.routerLink));
|
|
4235
4239
|
let rowSelectionLimit = this._inputRowSelectionLimit;
|
|
4236
4240
|
if (mobile && // we're mobile
|
|
4237
4241
|
(rowActionsFloating === null || rowActionsFloating === void 0 ? void 0 : rowActionsFloating.length) && // we have atleast 1 item in _rowActionsFloating
|
|
@@ -4250,15 +4254,15 @@ let Table = class Table {
|
|
|
4250
4254
|
this.rowActionsRow$.next(rowActionsRow);
|
|
4251
4255
|
this.rowActionsFloatingAll$.next(rowActionsFloating);
|
|
4252
4256
|
this.floatingMenuShown$
|
|
4253
|
-
.pipe(take(1), filter(v => !!v))
|
|
4257
|
+
.pipe(take(1), filter((v) => !!v))
|
|
4254
4258
|
.subscribe(() => this._showFloatingMenu());
|
|
4255
4259
|
}, 200);
|
|
4256
4260
|
}
|
|
4257
4261
|
_showFloatingMenu() {
|
|
4258
|
-
this.rowActionsFloatingAll$.pipe(take(1)).subscribe(actions => {
|
|
4262
|
+
this.rowActionsFloatingAll$.pipe(take(1)).subscribe((actions) => {
|
|
4259
4263
|
if (this.rowSelectionLimit === 1 &&
|
|
4260
|
-
actions.findIndex(a => (a.type ===
|
|
4261
|
-
actions = actions.filter(a => a.type ===
|
|
4264
|
+
actions.findIndex((a) => (a.type === "single" || a.type === "both") && a.showFunction) >= 0) {
|
|
4265
|
+
actions = actions.filter((a) => a.type === "multi" ||
|
|
4262
4266
|
!a.showFunction ||
|
|
4263
4267
|
a.showFunction(this.selectedRows[0]));
|
|
4264
4268
|
}
|
|
@@ -4267,19 +4271,19 @@ let Table = class Table {
|
|
|
4267
4271
|
});
|
|
4268
4272
|
}
|
|
4269
4273
|
_parseDefinitions(definitionsArray) {
|
|
4270
|
-
return definitionsArray.map(definition => this._parseDefinitionSizes(definition));
|
|
4274
|
+
return definitionsArray.map((definition) => this._parseDefinitionSizes(definition));
|
|
4271
4275
|
}
|
|
4272
4276
|
_parseDefinitionSizes(definition) {
|
|
4273
4277
|
var _a;
|
|
4274
4278
|
const definitionAny = definition;
|
|
4275
|
-
let parsedSizes = { default:
|
|
4279
|
+
let parsedSizes = { default: "full" };
|
|
4276
4280
|
for (const [index, size] of tableColumSizesOptions.entries()) {
|
|
4277
|
-
if (definitionAny.sizes ===
|
|
4278
|
-
definitionAny.sizes ===
|
|
4279
|
-
definitionAny.sizes ===
|
|
4280
|
-
typeof definitionAny.sizes ===
|
|
4281
|
+
if (definitionAny.sizes === "auto" ||
|
|
4282
|
+
definitionAny.sizes === "hidden" ||
|
|
4283
|
+
definitionAny.sizes === "full" ||
|
|
4284
|
+
typeof definitionAny.sizes === "number") {
|
|
4281
4285
|
parsedSizes[size] =
|
|
4282
|
-
definitionAny.sizes ===
|
|
4286
|
+
definitionAny.sizes === "auto" ? "full" : definitionAny.sizes;
|
|
4283
4287
|
continue;
|
|
4284
4288
|
}
|
|
4285
4289
|
parsedSizes[size] =
|
|
@@ -4311,24 +4315,24 @@ let Table = class Table {
|
|
|
4311
4315
|
clearTimeout(this._calculateColumnWidthsTimeout);
|
|
4312
4316
|
this._calculateColumnWidthsTimeout = 0;
|
|
4313
4317
|
}
|
|
4314
|
-
const rows = this.tableRows.map(c => c.nativeElement);
|
|
4315
|
-
const cells = rows.flatMap(row => Array.from(row.querySelectorAll(
|
|
4318
|
+
const rows = this.tableRows.map((c) => c.nativeElement);
|
|
4319
|
+
const cells = rows.flatMap((row) => Array.from(row.querySelectorAll("p-table-cell-ngx")));
|
|
4316
4320
|
this._calculateColumnWidthsTimeout = setTimeout(() => __awaiter(this, void 0, void 0, function* () {
|
|
4317
4321
|
var _a;
|
|
4318
4322
|
this._setRowsWidth(rows);
|
|
4319
4323
|
const promises = [];
|
|
4320
4324
|
for (const cell of cells) {
|
|
4321
4325
|
if ((_a = cell.style.width) === null || _a === void 0 ? void 0 : _a.length) {
|
|
4322
|
-
cell.style.width =
|
|
4326
|
+
cell.style.width = "unset";
|
|
4323
4327
|
}
|
|
4324
|
-
promises.push(new Promise(resolve => setTimeout(() => {
|
|
4328
|
+
promises.push(new Promise((resolve) => setTimeout(() => {
|
|
4325
4329
|
const rect = cell.getBoundingClientRect();
|
|
4326
|
-
cell.setAttribute(
|
|
4330
|
+
cell.setAttribute("style", `width: ${rect.width}px !important`);
|
|
4327
4331
|
resolve();
|
|
4328
4332
|
}, 100)));
|
|
4329
4333
|
}
|
|
4330
4334
|
yield Promise.all(promises);
|
|
4331
|
-
this._setRowsWidth(rows,
|
|
4335
|
+
this._setRowsWidth(rows, "min-content");
|
|
4332
4336
|
this._resetScrollPosition();
|
|
4333
4337
|
}), 200);
|
|
4334
4338
|
}
|
|
@@ -4339,21 +4343,21 @@ let Table = class Table {
|
|
|
4339
4343
|
if (!shadow) {
|
|
4340
4344
|
continue;
|
|
4341
4345
|
}
|
|
4342
|
-
const firstDiv = shadow.querySelector(
|
|
4346
|
+
const firstDiv = shadow.querySelector("*:nth-child(1)");
|
|
4343
4347
|
if (!firstDiv) {
|
|
4344
4348
|
continue;
|
|
4345
4349
|
}
|
|
4346
|
-
const secondDiv = firstDiv.querySelector(
|
|
4350
|
+
const secondDiv = firstDiv.querySelector("*:nth-child(1)");
|
|
4347
4351
|
if (!secondDiv) {
|
|
4348
4352
|
continue;
|
|
4349
4353
|
}
|
|
4350
4354
|
if (value === null) {
|
|
4351
|
-
firstDiv.setAttribute(
|
|
4352
|
-
secondDiv.setAttribute(
|
|
4355
|
+
firstDiv.setAttribute("style", "");
|
|
4356
|
+
secondDiv.setAttribute("style", "");
|
|
4353
4357
|
continue;
|
|
4354
4358
|
}
|
|
4355
|
-
firstDiv.setAttribute(
|
|
4356
|
-
secondDiv.setAttribute(
|
|
4359
|
+
firstDiv.setAttribute("style", "width: min-content;");
|
|
4360
|
+
secondDiv.setAttribute("style", "width: min-content;");
|
|
4357
4361
|
if (i === 0) {
|
|
4358
4362
|
this._totalWidth = firstDiv.getBoundingClientRect().width;
|
|
4359
4363
|
}
|
|
@@ -4365,6 +4369,9 @@ let Table = class Table {
|
|
|
4365
4369
|
}
|
|
4366
4370
|
this.reachedScrollStart$.next(true);
|
|
4367
4371
|
this.reachedScrollEnd$.next(false);
|
|
4372
|
+
this._calculateScrollPosition({
|
|
4373
|
+
target: this.scrollContainer.nativeElement,
|
|
4374
|
+
});
|
|
4368
4375
|
}
|
|
4369
4376
|
_calculateScrollPosition({ target }) {
|
|
4370
4377
|
this.reachedScrollStart$.next(target.scrollLeft < 10);
|
|
@@ -4389,13 +4396,13 @@ Table = __decorate([
|
|
|
4389
4396
|
], Table);
|
|
4390
4397
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: Table, decorators: [{
|
|
4391
4398
|
type: Component,
|
|
4392
|
-
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\tclassName=\"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
|
+
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\tclassName=\"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" }]
|
|
4393
4400
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { className: [{
|
|
4394
4401
|
type: HostBinding,
|
|
4395
|
-
args: [
|
|
4402
|
+
args: ["class"]
|
|
4396
4403
|
}], theme: [{
|
|
4397
4404
|
type: HostBinding,
|
|
4398
|
-
args: [
|
|
4405
|
+
args: ["attr.data-theme"]
|
|
4399
4406
|
}], items: [{
|
|
4400
4407
|
type: Input
|
|
4401
4408
|
}], loading: [{
|
|
@@ -4524,7 +4531,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
4524
4531
|
args: [TableCell, { read: ElementRef }]
|
|
4525
4532
|
}], scrollContainer: [{
|
|
4526
4533
|
type: ViewChild,
|
|
4527
|
-
args: [
|
|
4534
|
+
args: ["scrollContainer"]
|
|
4528
4535
|
}], emptyStateActionClick: [{
|
|
4529
4536
|
type: Output
|
|
4530
4537
|
}], shadow: [{
|
|
@@ -4579,16 +4586,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
4579
4586
|
type: Output
|
|
4580
4587
|
}], onResize: [{
|
|
4581
4588
|
type: HostListener,
|
|
4582
|
-
args: [
|
|
4589
|
+
args: ["window:resize", ["$event"]]
|
|
4583
4590
|
}], keyDown: [{
|
|
4584
4591
|
type: HostListener,
|
|
4585
|
-
args: [
|
|
4592
|
+
args: ["document:keydown", ["$event"]]
|
|
4586
4593
|
}], keyUp: [{
|
|
4587
4594
|
type: HostListener,
|
|
4588
|
-
args: [
|
|
4595
|
+
args: ["document:keyup", ["$event"]]
|
|
4589
4596
|
}], visibilityChange: [{
|
|
4590
4597
|
type: HostListener,
|
|
4591
|
-
args: [
|
|
4598
|
+
args: ["document:visibilitychange", ["$event"]]
|
|
4592
4599
|
}] } });
|
|
4593
4600
|
|
|
4594
4601
|
const TABLE_COMPONENTS = [
|