@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

package/dist/collection/components/molecules/table-footer/table-footer.component.js

@@ -2,273 +2,306 @@ import { h, Host, } from "@stencil/core";
 import { formatTranslation, getLocaleComponentStrings, } from "../../../utils/localization";
 import { defaultSize, defaultSizeOptions } from "../page-size-select/constants";
 export class TableFooter {
-  constructor() {
-    this.enablePageSize = true;
-    this.enablePagination = true;
-    this.enableExport = true;
-    this.loading = false;
-    this.page = 1;
-    this.total = undefined;
-    this.pageSize = defaultSize;
-    this.pageSizeOptions = defaultSizeOptions;
-    this.hideOnSinglePage = true;
-    this._locales = {};
-  }
-  componentWillLoad() {
-    this._setLocales();
-  }
-  render() {
-    var _a;
-    const hidePageSizeSelect = this.hideOnSinglePage && this.total < ((_a = this.pageSizeOptions) === null || _a === void 0 ? void 0 : _a[0]);
-    return (h(Host, { class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-page-size-select", { class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination", { pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
-  }
-  async _setLocales() {
-    this._locales = await getLocaleComponentStrings(this._el);
-  }
-  _changePageSize(s) {
-    if (!s) {
-      return;
+    constructor() {
+        this.enablePageSize = true;
+        this.enablePagination = true;
+        this.enableExport = true;
+        this.loading = false;
+        this.page = 1;
+        this.total = undefined;
+        this.pageSize = defaultSize;
+        this.pageSizeOptions = defaultSizeOptions;
+        this.hideOnSinglePage = true;
+        this._locales = {};
     }
-    this.pageSize = s;
-    this.pageSizeChange.emit(this.pageSize);
-  }
-  static get is() { return "p-table-footer"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["table-footer.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["table-footer.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "enablePageSize": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to enable page size select"
-        },
-        "attribute": "enable-page-size",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "enablePagination": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to enable pagination"
-        },
-        "attribute": "enable-pagination",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "enableExport": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to enable export"
-        },
-        "attribute": "enable-export",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "loading": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether we want to show loading state"
-        },
-        "attribute": "loading",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "page": {
-        "type": "number",
-        "mutable": true,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The current page"
-        },
-        "attribute": "page",
-        "reflect": true,
-        "defaultValue": "1"
-      },
-      "total": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": true,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The total amount of items"
-        },
-        "attribute": "total",
-        "reflect": false
-      },
-      "pageSize": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The amount of items per page"
-        },
-        "attribute": "page-size",
-        "reflect": false,
-        "defaultValue": "defaultSize"
-      },
-      "pageSizeOptions": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "number[]",
-          "resolved": "number[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The options for the page size"
-        },
-        "defaultValue": "defaultSizeOptions"
-      },
-      "hideOnSinglePage": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to hide when there is only 1 page available"
-        },
-        "attribute": "hide-on-single-page",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "_locales": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "pageChange",
-        "name": "pageChange",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event whenever the page changes"
-        },
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        }
-      }, {
-        "method": "pageSizeChange",
-        "name": "pageSizeChange",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event whenever the page changes"
-        },
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        }
-      }, {
-        "method": "export",
-        "name": "export",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event whenever the page changes"
-        },
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
+    /**
+     * Event whenever the page changes
+     */
+    pageChange;
+    /**
+     * Event whenever the page changes
+     */
+    pageSizeChange;
+    /**
+     * Event whenever the page changes
+     */
+    export;
+    /**
+     * The host element
+     */
+    _el;
+    componentWillLoad() {
+        this._setLocales();
+    }
+    render() {
+        const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
+        return (h(Host, { key: '5d741b128761060367791b642d9105ab84b85fbd', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (h("p-page-size-select", { key: 'f2cd843ef2002d2c5efeeb6e0b0cc19e9ddcc459', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (h("p-loader", { key: 'ba98725795479f4394f389af953a3691bc652504', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (h("p-pagination", { key: 'a450cb9a2b7fcbb0ee63cd33466d4df2a34938e6', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (h("p-button", { key: 'ae71744adf3ed536d30570e69d7f54f6bd411028', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
+    }
+    async _setLocales() {
+        this._locales = await getLocaleComponentStrings(this._el);
+    }
+    _changePageSize(s) {
+        if (!s) {
+            return;
         }
-      }];
-  }
-  static get elementRef() { return "_el"; }
-  static get listeners() {
-    return [{
-        "name": "localeChanged",
-        "method": "_setLocales",
-        "target": "body",
-        "capture": false,
-        "passive": false
-      }];
-  }
+        this.pageSize = s;
+        this.pageSizeChange.emit(this.pageSize);
+    }
+    static get is() { return "p-table-footer"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["table-footer.component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["table-footer.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "enablePageSize": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to enable page size select"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "enable-page-size",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "enablePagination": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to enable pagination"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "enable-pagination",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "enableExport": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to enable export"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "enable-export",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "loading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether we want to show loading state"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "loading",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "page": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The current page"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "page",
+                "reflect": true,
+                "defaultValue": "1"
+            },
+            "total": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The total amount of items"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "total",
+                "reflect": false
+            },
+            "pageSize": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The amount of items per page"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "page-size",
+                "reflect": false,
+                "defaultValue": "defaultSize"
+            },
+            "pageSizeOptions": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "number[]",
+                    "resolved": "number[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The options for the page size"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "defaultSizeOptions"
+            },
+            "hideOnSinglePage": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to hide when there is only 1 page available"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "hide-on-single-page",
+                "reflect": false,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_locales": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "pageChange",
+                "name": "pageChange",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event whenever the page changes"
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }, {
+                "method": "pageSizeChange",
+                "name": "pageSizeChange",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event whenever the page changes"
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }, {
+                "method": "export",
+                "name": "export",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event whenever the page changes"
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "_el"; }
+    static get listeners() {
+        return [{
+                "name": "localeChanged",
+                "method": "_setLocales",
+                "target": "body",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
 //# sourceMappingURL=table-footer.component.js.map

package/dist/collection/components/molecules/table-footer/table-footer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-footer.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/table-footer/table-footer.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from '../page-size-select/constants';\n\n@Component({\n\ttag: 'p-table-footer',\n\tstyleUrl: 'table-footer.component.scss',\n\tshadow: true,\n})\nexport class TableFooter {\n\t/**\n\t * Wether to enable page size select\n\t */\n\t@Prop() enablePageSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination\n\t */\n\t@Prop() enablePagination: boolean = true;\n\n\t/**\n\t * Wether to enable export\n\t */\n\t@Prop() enableExport: boolean = true;\n\n\t/**\n\t * Wether we want to show loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\texport: EventEmitter<number>;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-table-footer ${\n\t\t\t\t\t!this.enablePageSize && 'page-size-disabled'\n\t\t\t\t} ${!this.enablePagination && 'pagination-disabled'} ${\n\t\t\t\t\t!this.enableExport && 'export-disabled'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{!this.loading && this.enablePagination && this.enablePageSize && (\n\t\t\t\t\t<p-page-size-select\n\t\t\t\t\t\tclass={!hidePageSizeSelect && 'hidden desktop-xs:flex'}\n\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.loading && (\n\t\t\t\t\t<p-loader\n\t\t\t\t\t\tvariant='ghost'\n\t\t\t\t\t\tclass='h-8 w-full rounded'\n\t\t\t\t\t></p-loader>\n\t\t\t\t)}\n\n\t\t\t\t{!this.loading && this.enablePagination && (\n\t\t\t\t\t<p-pagination\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{!this.loading && this.enableExport && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tclass='hidden desktop-xs:flex'\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\ticon='download'\n\t\t\t\t\t\tonClick={() => this.export.emit()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{formatTranslation(this._locales.export)}\n\t\t\t\t\t</p-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"]}
+{"version":3,"file":"table-footer.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/table-footer/table-footer.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from '../page-size-select/constants';\n\n@Component({\n\ttag: 'p-table-footer',\n\tstyleUrl: 'table-footer.component.scss',\n\tshadow: true,\n})\nexport class TableFooter {\n\t/**\n\t * Wether to enable page size select\n\t */\n\t@Prop() enablePageSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination\n\t */\n\t@Prop() enablePagination: boolean = true;\n\n\t/**\n\t * Wether to enable export\n\t */\n\t@Prop() enableExport: boolean = true;\n\n\t/**\n\t * Wether we want to show loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\texport: EventEmitter<number>;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-table-footer ${\n\t\t\t\t\t!this.enablePageSize && 'page-size-disabled'\n\t\t\t\t} ${!this.enablePagination && 'pagination-disabled'} ${\n\t\t\t\t\t!this.enableExport && 'export-disabled'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{!this.loading && this.enablePagination && this.enablePageSize && (\n\t\t\t\t\t<p-page-size-select\n\t\t\t\t\t\tclass={!hidePageSizeSelect && 'hidden desktop-xs:flex'}\n\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.loading && (\n\t\t\t\t\t<p-loader\n\t\t\t\t\t\tvariant='ghost'\n\t\t\t\t\t\tclass='h-8 w-full rounded'\n\t\t\t\t\t></p-loader>\n\t\t\t\t)}\n\n\t\t\t\t{!this.loading && this.enablePagination && (\n\t\t\t\t\t<p-pagination\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{!this.loading && this.enableExport && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tclass='hidden desktop-xs:flex'\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\ticon='download'\n\t\t\t\t\t\tonClick={() => this.export.emit()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{formatTranslation(this._locales.export)}\n\t\t\t\t\t</p-button>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"]}