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

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

@@ -1,125 +1,149 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './localization.js';
-import { a as defaultSize, b as defaultSizeOptions, d as defineCustomElement$3 } from './page-size-select.component.js';
-import { d as defineCustomElement$9 } from './button.component.js';
-import { d as defineCustomElement$8 } from './dropdown.component.js';
-import { d as defineCustomElement$7 } from './dropdown-menu-container.component.js';
-import { d as defineCustomElement$6 } from './dropdown-menu-item.component.js';
-import { d as defineCustomElement$5 } from './icon.component.js';
-import { d as defineCustomElement$4 } from './loader.component.js';
-import { d as defineCustomElement$2 } from './pagination.component.js';
-import { d as defineCustomElement$1 } from './pagination-item.component.js';
+import { a as defaultSize, b as defaultSizeOptions, d as defineCustomElement$4 } from './page-size-select.component.js';
+import { d as defineCustomElement$b } from './button.component.js';
+import { d as defineCustomElement$a } from './checkbox.component.js';
+import { d as defineCustomElement$9 } from './dropdown.component.js';
+import { d as defineCustomElement$8 } from './dropdown-menu-container.component.js';
+import { d as defineCustomElement$7 } from './dropdown-menu-item.component.js';
+import { d as defineCustomElement$6 } from './icon.component.js';
+import { d as defineCustomElement$5 } from './loader.component.js';
+import { d as defineCustomElement$3 } from './pagination.component.js';
+import { d as defineCustomElement$2 } from './pagination-item.component.js';
+import { d as defineCustomElement$1 } from './portal.component.js';
 
 const tableFooterComponentCss = ".flex{display:flex!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.justify-self-end{justify-self:end!important}.justify-self-center{justify-self:center!important}*{box-sizing:border-box}:host{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr));padding:1.5rem;width:100%}:host>p-pagination{display:flex;grid-column-start:1;justify-self:center}:host>p-loader{grid-column-start:1}@media (min-width:64rem){:host{grid-template-areas:\"page-size pagination export\";grid-template-columns:repeat(3,minmax(0,1fr))}:host>p-page-size-select{grid-column-start:1}:host>p-pagination{grid-column-start:2}:host>p-loader{grid-column-start:2}:host>p-button{grid-column-start:3;justify-self:end}}:host(.page-size-disabled.export-disabled){grid-template-columns:repeat(1,minmax(0,1fr))}:host(.page-size-disabled.export-disabled)>p-pagination{grid-column-start:1}.static{position:static!important}.hidden{display:none!important}.h-8{height:2rem!important}.w-full{width:100%!important}.rounded{border-radius:.25rem!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";
+const PTableFooterStyle0 = tableFooterComponentCss;
 
 const TableFooter = /*@__PURE__*/ proxyCustomElement(class TableFooter extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.pageChange = createEvent(this, "pageChange", 3);
-    this.pageSizeChange = createEvent(this, "pageSizeChange", 3);
-    this.export = createEvent(this, "export", 3);
-    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() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.pageChange = createEvent(this, "pageChange", 3);
+        this.pageSizeChange = createEvent(this, "pageSizeChange", 3);
+        this.export = createEvent(this, "export", 3);
+        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);
-  }
-  get _el() { return this; }
-  static get style() { return tableFooterComponentCss; }
+    /**
+     * Event whenever the page changes
+     */
+    pageChange;
+    /**
+     * Event whenever the page changes
+     */
+    pageSizeChange;
+    /**
+     * Event whenever the page changes
+     */
+    export;
+    get _el() { return this; }
+    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;
+        }
+        this.pageSize = s;
+        this.pageSizeChange.emit(this.pageSize);
+    }
+    static get style() { return PTableFooterStyle0; }
 }, [1, "p-table-footer", {
-    "enablePageSize": [4, "enable-page-size"],
-    "enablePagination": [4, "enable-pagination"],
-    "enableExport": [4, "enable-export"],
-    "loading": [4],
-    "page": [1538],
-    "total": [2],
-    "pageSize": [2, "page-size"],
-    "pageSizeOptions": [16],
-    "hideOnSinglePage": [4, "hide-on-single-page"],
-    "_locales": [32]
-  }, [[16, "localeChanged", "_setLocales"]]]);
+        "enablePageSize": [4, "enable-page-size"],
+        "enablePagination": [4, "enable-pagination"],
+        "enableExport": [4, "enable-export"],
+        "loading": [4],
+        "page": [1538],
+        "total": [2],
+        "pageSize": [2, "page-size"],
+        "pageSizeOptions": [16],
+        "hideOnSinglePage": [4, "hide-on-single-page"],
+        "_locales": [32]
+    }, [[16, "localeChanged", "_setLocales"]]]);
 function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["p-table-footer", "p-button", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-icon", "p-loader", "p-page-size-select", "p-pagination", "p-pagination-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "p-table-footer":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TableFooter);
-      }
-      break;
-    case "p-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "p-dropdown":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "p-dropdown-menu-container":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "p-dropdown-menu-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "p-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "p-loader":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "p-page-size-select":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "p-pagination":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "p-pagination-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-table-footer", "p-button", "p-checkbox", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-icon", "p-loader", "p-page-size-select", "p-pagination", "p-pagination-item", "p-portal"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-table-footer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TableFooter);
+            }
+            break;
+        case "p-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "p-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "p-dropdown":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "p-dropdown-menu-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "p-dropdown-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "p-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "p-page-size-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "p-pagination":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "p-pagination-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "p-portal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
 }
 
 export { TableFooter as T, defineCustomElement as d };

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

@@ -1 +1 @@
-{"file":"table-footer.component.js","mappings":";;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,+nCAA+nC;;MCsBlpC,WAAW;;;;;;;;0BAIW,IAAI;4BAKF,IAAI;wBAKR,IAAI;mBAKT,KAAK;gBAKuB,CAAC;;oBAkB7B,WAAW;2BAKF,kBAAkB;4BAqBlB,IAAI;oBAUP,EAAE;;EAEnC,iBAAiB;IAChB,IAAI,CAAC,WAAW,EAAE,CAAC;GACnB;EAED,MAAM;;IACL,MAAM,kBAAkB,GACvB,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,IAAG,MAAA,IAAI,CAAC,eAAe,0CAAG,CAAC,CAAC,CAAA,CAAC;IACjE,QACC,EAAC,IAAI,IACJ,KAAK,EAAE,kBACN,CAAC,IAAI,CAAC,cAAc,IAAI,oBACzB,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,qBAAqB,IAClD,CAAC,IAAI,CAAC,YAAY,IAAI,iBACvB,EAAE,IAED,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,cAAc,KAC7D,0BACC,KAAK,EAAE,CAAC,kBAAkB,IAAI,wBAAwB,EACtD,MAAM,EAAE,kBAAkB,EAC1B,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,GACzD,CACF,EAEA,IAAI,CAAC,OAAO,KACZ,gBACC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,oBAAoB,GACf,CACZ,EAEA,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,gBAAgB,KACtC,oBACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,GACzD,CACF,EACA,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,KAClC,gBACC,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,IAEhC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAC9B,CACX,CACK,EACN;GACF;EAGO,MAAM,WAAW;IACxB,IAAI,CAAC,QAAQ,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;GAC1D;EAEO,eAAe,CAAC,CAAU;IACjC,IAAI,CAAC,CAAC,EAAE;MACP,OAAO;KACP;IAED,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IAClB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;GACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/table-footer/table-footer.component.scss?tag=p-table-footer&encapsulation=shadow","src/components/molecules/table-footer/table-footer.component.tsx"],"sourcesContent":[":host {\n\t@apply grid grid-cols-1 gap-4;\n\t@apply w-full;\n\t@apply p-6;\n\n\t> p-pagination {\n\t\t@apply flex justify-self-center col-start-1;\n\t}\n\n\t> p-loader {\n\t\t@apply col-start-1;\n\t}\n\n\t@screen desktop-xs {\n\t\t@apply grid-cols-3;\n\t\tgrid-template-areas: 'page-size pagination export';\n\n\t\t> p-page-size-select {\n\t\t\t@apply col-start-1;\n\t\t}\n\n\t\t> p-pagination {\n\t\t\t@apply col-start-2;\n\t\t}\n\n\t\t> p-loader {\n\t\t\t@apply col-start-2;\n\t\t}\n\n\t\t> p-button {\n\t\t\t@apply justify-self-end col-start-3;\n\t\t}\n\t}\n}\n\n:host(.page-size-disabled.export-disabled) {\n\t@apply grid-cols-1;\n\n\t> p-pagination {\n\t\t@apply col-start-1;\n\t}\n}\n","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","mappings":";;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,+nCAA+nC,CAAC;AAChqC,2BAAe,uBAAuB;;MCqBzB,WAAW;;;;;;;;8BAIW,IAAI;gCAKF,IAAI;4BAKR,IAAI;uBAKT,KAAK;oBAKuB,CAAC;;wBAkB7B,WAAW;+BAKF,kBAAkB;gCAqBlB,IAAI;wBAUP,EAAE;;;;;IAzCnC,UAAU,CAAuB;;;;IAkBjC,cAAc,CAAuB;;;;IAQrC,MAAM,CAAuB;;IAiB7B,iBAAiB;QAChB,IAAI,CAAC,WAAW,EAAE,CAAC;KACnB;IAED,MAAM;QACL,MAAM,kBAAkB,GACvB,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QACjE,QACC,EAAC,IAAI,qDACJ,KAAK,EAAE,kBACN,CAAC,IAAI,CAAC,cAAc,IAAI,oBACzB,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,qBAAqB,IAClD,CAAC,IAAI,CAAC,YAAY,IAAI,iBACvB,EAAE,IAED,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,cAAc,KAC7D,2EACC,KAAK,EAAE,CAAC,kBAAkB,IAAI,wBAAwB,EACtD,MAAM,EAAE,kBAAkB,EAC1B,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,GACzD,CACF,EAEA,IAAI,CAAC,OAAO,KACZ,iEACC,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,oBAAoB,GACf,CACZ,EAEA,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,gBAAgB,KACtC,qEACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,GACzD,CACF,EACA,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,KAClC,iEACC,KAAK,EAAC,wBAAwB,EAC9B,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,IAEhC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAC9B,CACX,CACK,EACN;KACF;IAGO,MAAM,WAAW;QACxB,IAAI,CAAC,QAAQ,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC1D;IAEO,eAAe,CAAC,CAAU;QACjC,IAAI,CAAC,CAAC,EAAE;YACP,OAAO;SACP;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/molecules/table-footer/table-footer.component.scss?tag=p-table-footer&encapsulation=shadow","src/components/molecules/table-footer/table-footer.component.tsx"],"sourcesContent":[":host {\n\t@apply grid grid-cols-1 gap-4;\n\t@apply w-full;\n\t@apply p-6;\n\n\t> p-pagination {\n\t\t@apply flex justify-self-center col-start-1;\n\t}\n\n\t> p-loader {\n\t\t@apply col-start-1;\n\t}\n\n\t@screen desktop-xs {\n\t\t@apply grid-cols-3;\n\t\tgrid-template-areas: 'page-size pagination export';\n\n\t\t> p-page-size-select {\n\t\t\t@apply col-start-1;\n\t\t}\n\n\t\t> p-pagination {\n\t\t\t@apply col-start-2;\n\t\t}\n\n\t\t> p-loader {\n\t\t\t@apply col-start-2;\n\t\t}\n\n\t\t> p-button {\n\t\t\t@apply justify-self-end col-start-3;\n\t\t}\n\t}\n}\n\n:host(.page-size-disabled.export-disabled) {\n\t@apply grid-cols-1;\n\n\t> p-pagination {\n\t\t@apply col-start-1;\n\t}\n}\n","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}