npm - @paperless/core - Versions diffs - 2.0.1-beta.2 → 2.0.1-beta.21 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1752) hide show

package/dist/esm/p-floating-menu-container_8.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-f99096d4.js';
-import { o as objectGetByPath, g as getTableCellColumnClasses } from './object-get-by-path-273a7106.js';
-import { f as formatTranslation, g as getLocaleComponentStrings } from './localization-2c641f90.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-2ef94580.js';
+import { o as objectGetByPath, g as getTableCellColumnClasses } from './object-get-by-path-b28a1923.js';
+import { f as formatTranslation, g as getLocaleComponentStrings } from './localization-339ba26d.js';
 import { d as defaultSize, a as defaultSizeOptions } from './constants-3500ea14.js';
 const emptyState = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400" viewBox="0 0 400 400">
@@ -1614,163 +1614,182 @@ const upgradeToHr = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:/
 `;
 const illustrations = {
-  'empty-state': emptyState,
-  'empty-state-search': emptyStateSearch,
-  'empty-state-overview': emptyStateOverview,
-  'empty-state-add': emptyStateAdd,
-  departments,
-  expenses,
-  functions,
-  questions,
-  'sick-leave': sickLeave,
-  'time-off': timeOff,
-  'upgrade-to-hr': upgradeToHr,
-  'e-mail': email,
+    'empty-state': emptyState,
+    'empty-state-search': emptyStateSearch,
+    'empty-state-overview': emptyStateOverview,
+    'empty-state-add': emptyStateAdd,
+    departments,
+    expenses,
+    functions,
+    questions,
+    'sick-leave': sickLeave,
+    'time-off': timeOff,
+    'upgrade-to-hr': upgradeToHr,
+    'e-mail': email,
 };
 const floatingMenuContainerComponentCss = ".z-floating-menu{z-index:190!important}.flex{display:flex!important}.h-12{height:3rem!important}.animate-none{animation:none!important}.items-center{align-items:center!important}.gap-4{gap:1rem!important}.rounded-2xl{border-radius:1rem!important}.bg-storm-dark{--tw-bg-opacity:1!important;background-color:rgb(39 40 56/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color);align-items:center;background-color:rgb(39 40 56/var(--tw-bg-opacity,1));border-radius:1rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(152 154 183/var(--tw-text-opacity,1));display:flex;gap:1rem;height:3rem;padding:.75rem 1rem;z-index:190}:host(.preload){animation:none!important}.static{position:static!important}";
+const PFloatingMenuContainerStyle0 = floatingMenuContainerComponentCss;
 const FloatingMenuContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.usedInTable = false;
-  }
-  render() {
-    return (h(Host, { class: "p-floating-menu-container" }, this.usedInTable ? (h("slot", { name: "floating-menu-item" })) : (h("slot", null))));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.usedInTable = false;
+    }
+    render() {
+        return (h(Host, { key: '2469cda7b5e9990919058e7a4d183a86589e543e', class: "p-floating-menu-container" }, this.usedInTable ? (h("slot", { name: "floating-menu-item" })) : (h("slot", null))));
+    }
 };
-FloatingMenuContainer.style = floatingMenuContainerComponentCss;
+FloatingMenuContainer.style = PFloatingMenuContainerStyle0;
 const floatingMenuItemComponentCss = ".flex{display:flex!important}.h-6{height:1.5rem!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.opacity-40{opacity:.4!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;color:rgb(152 154 183/var(--tw-text-opacity,1));display:flex;font-size:.875rem;gap:.5rem;height:1.5rem;line-height:1.25rem;white-space:nowrap}:host([hover]){cursor:pointer;font-weight:600}:host([disabled=true]),:host([disabled]){opacity:.4;pointer-events:none}:host([hover]:hover:not([disabled])){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.static{position:static!important}";
+const PFloatingMenuItemStyle0 = floatingMenuItemComponentCss;
 const FloatingMenuItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.hover = true;
-    this.disabled = false;
-  }
-  render() {
-    return (h(Host, { class: "p-floating-menu-item" }, h("slot", null)));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hover = true;
+        this.disabled = false;
+    }
+    render() {
+        return (h(Host, { key: 'acd29dcff18979371230b82419c2306084b99b44', class: "p-floating-menu-item" }, h("slot", { key: '80274da4ad9362eaf6573d87ab8f4c633030ecde' })));
+    }
 };
-FloatingMenuItem.style = floatingMenuItemComponentCss;
+FloatingMenuItem.style = PFloatingMenuItemStyle0;
 const Illustration = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.variant = undefined;
-  }
-  render() {
-    const illustration = illustrations[this.variant];
-    return (h(Host, { class: "p-illustration block", innerHTML: illustration }));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = undefined;
+    }
+    render() {
+        const illustration = illustrations[this.variant];
+        return (h(Host, { key: '25b116607464e2e8331f7e0f8fca133cfa8bf080', class: "p-illustration block", innerHTML: illustration }));
+    }
 };
 const tableCellComponentCss = ".gap-4{gap:1rem!important}*{box-sizing:border-box}p-table-cell{align-items:center;gap:1rem}.static{position:static!important}.flex{display:flex!important}.table-cell{display:table-cell!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.pr-0{padding-right:0!important}.pr-4{padding-right:1rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:flex{display:flex!important}.group:hover .group-hover\\:hidden{display:none!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}.tablet\\:hidden{display:none!important}.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:pr-0{padding-right:0!important}.tablet\\:pr-4{padding-right:1rem!important}.group:hover .tablet\\:group-hover\\:flex{display:flex!important}.group:hover .tablet\\:group-hover\\:hidden{display:none!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:pr-0{padding-right:0!important}.desktop-xs\\:pr-4{padding-right:1rem!important}.group:hover .desktop-xs\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-xs\\:group-hover\\:hidden{display:none!important}}@media (min-width:80rem){.desktop-sm\\:flex{display:flex!important}.desktop-sm\\:hidden{display:none!important}.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:pr-0{padding-right:0!important}.desktop-sm\\:pr-4{padding-right:1rem!important}.group:hover .desktop-sm\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-sm\\:group-hover\\:hidden{display:none!important}}@media (min-width:85.375rem){.desktop\\:flex{display:flex!important}.desktop\\:hidden{display:none!important}.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:pr-0{padding-right:0!important}.desktop\\:pr-4{padding-right:1rem!important}.group:hover .desktop\\:group-hover\\:flex{display:flex!important}.group:hover .desktop\\:group-hover\\:hidden{display:none!important}}@media (min-width:90rem){.desktop-lg\\:flex{display:flex!important}.desktop-lg\\:hidden{display:none!important}.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:pr-0{padding-right:0!important}.desktop-lg\\:pr-4{padding-right:1rem!important}.group:hover .desktop-lg\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-lg\\:group-hover\\:hidden{display:none!important}}@media (min-width:120rem){.desktop-xl\\:flex{display:flex!important}.desktop-xl\\:hidden{display:none!important}.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:pr-0{padding-right:0!important}.desktop-xl\\:pr-4{padding-right:1rem!important}.group:hover .desktop-xl\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-xl\\:group-hover\\:hidden{display:none!important}}";
+const PTableCellStyle0 = tableCellComponentCss;
 const TableCell = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.variant = 'default';
-    this.index = undefined;
-    this.rowIndex = undefined;
-    this.definition = undefined;
-    this.item = undefined;
-    this.value = undefined;
-    this.tableHasActions = false;
-    this.checkbox = undefined;
-    this.template = ({ value, }) => value;
-  }
-  get data() {
-    var _a;
-    if (this.variant === 'header') {
-      return {
-        value: this.value,
-      };
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = 'default';
+        this.index = undefined;
+        this.rowIndex = undefined;
+        this.definition = undefined;
+        this.item = undefined;
+        this.value = undefined;
+        this.tableHasActions = false;
+        this.checkbox = undefined;
+        this.template = ({ value, }) => value;
+    }
+    get data() {
+        if (this.variant === 'header') {
+            return {
+                value: this.value,
+            };
+        }
+        return {
+            value: this.value ?? objectGetByPath(this.item, this.definition.path),
+            item: this.item,
+            index: this.index,
+            rowIndex: this.rowIndex,
+        };
+    }
+    render() {
+        return (h(Host, { key: '9d0c40d23049e13123b42e026cf617abe4e5f5f0', class: {
+                'p-table-cell': true,
+                [`variant-${this.variant}`]: true,
+                ...this._getColumnClasses(),
+            } }, this.checkbox, this._getContent()));
+    }
+    _getContent() {
+        if (this.variant === 'loading') {
+            return (h("p-loader", { variant: 'ghost', class: 'h-6 w-full flex-1 rounded' }));
+        }
+        if (this.variant === 'actions') {
+            return h("slot", { name: 'actions' });
+        }
+        return (h("div", { class: {
+                flex: true,
+                'justify-start': this.definition.align === 'start',
+                'justify-center': this.definition.align === 'center',
+                'justify-end': this.definition.align === 'end',
+            } }, this.variant === 'header' ? (this.data.value) : this.definition.useSlot ? (h("slot", null)) : (this.template(this.data))));
+    }
+    _getColumnClasses() {
+        return getTableCellColumnClasses(this.definition, this.variant, this.tableHasActions);
     }
-    return {
-      value: (_a = this.value) !== null && _a !== void 0 ? _a : objectGetByPath(this.item, this.definition.path),
-      item: this.item,
-      index: this.index,
-      rowIndex: this.rowIndex,
-    };
-  }
-  render() {
-    return (h(Host, { class: Object.assign({ 'p-table-cell': true, [`variant-${this.variant}`]: true }, this._getColumnClasses()) }, this.checkbox, this._getContent()));
-  }
-  _getContent() {
-    if (this.variant === 'loading') {
-      return (h("p-loader", { variant: 'ghost', class: 'h-6 w-full flex-1 rounded' }));
-    }
-    if (this.variant === 'actions') {
-      return h("slot", { name: 'actions' });
-    }
-    return (h("div", { class: {
-        flex: true,
-        'justify-start': this.definition.align === 'start',
-        'justify-center': this.definition.align === 'center',
-        'justify-end': this.definition.align === 'end',
-      } }, this.variant === 'header' ? (this.data.value) : this.definition.useSlot ? (h("slot", null)) : (this.template(this.data))));
-  }
-  _getColumnClasses() {
-    return getTableCellColumnClasses(this.definition, this.variant, this.tableHasActions);
-  }
 };
-TableCell.style = tableCellComponentCss;
+TableCell.style = PTableCellStyle0;
 const tableContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.rounded-lg{border-radius:.5rem!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.5rem;display:flex;flex-direction:column;overflow:hidden;width:100%}:host(:not(.no-shadow)){--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.static{position:static!important}";
+const PTableContainerStyle0 = tableContainerComponentCss;
 const TableContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.shadow = true;
-  }
-  render() {
-    return (h(Host, { class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", null)));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.shadow = true;
+    }
+    render() {
+        return (h(Host, { key: '3093de271c11a50d334006232f4cd02a66131191', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, h("slot", { key: '76d6ab8ecf532e2a4d43f6b7257135c4881176e3' })));
+    }
 };
-TableContainer.style = tableContainerComponentCss;
+TableContainer.style = PTableContainerStyle0;
 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 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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;
-    }
-    this.pageSize = s;
-    this.pageSizeChange.emit(this.pageSize);
-  }
-  get _el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        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 = {};
+    }
+    /**
+     * Event whenever the page changes
+     */
+    pageChange;
+    /**
+     * Event whenever the page changes
+     */
+    pageSizeChange;
+    /**
+     * Event whenever the page changes
+     */
+    export;
+    get _el() { return getElement(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);
+    }
 };
-TableFooter.style = tableFooterComponentCss;
+TableFooter.style = PTableFooterStyle0;
 function isFunction(value) {
     return typeof value === 'function';
@@ -1972,8 +1991,23 @@ function createNotification(kind, value, error) {
     };
 }
+let context = null;
 function errorContext(cb) {
-    {
+    if (config.useDeprecatedSynchronousErrorHandling) {
+        const isRoot = !context;
+        if (isRoot) {
+            context = { errorThrown: false, error: null };
+        }
+        cb();
+        if (isRoot) {
+            const { errorThrown, error } = context;
+            context = null;
+            if (errorThrown) {
+                throw error;
+            }
+        }
+    }
+    else {
         cb();
     }
 }
@@ -2666,94 +2700,112 @@ function defaultCompare(a, b) {
 }
 const tableHeaderComponentCss = ".col-start-1{grid-column-start:1!important}.flex{display:flex!important}.grid{display:grid!important}.flex-col{flex-direction:column!important}.p-4{padding:1rem!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}@media (min-width:64rem){:host{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:1.5rem}}:host>div.left-side{grid-column-start:1;justify-self:start}:host>div.right-side{grid-column-start:2}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.hidden{display:none!important}.h-8{height:2rem!important}.w-3\\/4{width:75%!important}.w-full{width:100%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-4{gap:1rem!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}";
+const PTableHeaderStyle0 = tableHeaderComponentCss;
 const TableHeader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.quickFilter = createEvent(this, "quickFilter", 3);
-    this.queryChange = createEvent(this, "queryChange", 3);
-    this.filter = createEvent(this, "filter", 3);
-    this.action = createEvent(this, "action", 3);
-    this._defaultFilterButtonTemplate = () => formatTranslation(this._locales.filter);
-    this._defaultActionButtonTemplate = (amount) => this.actionText
-      ? this.actionText
-      : formatTranslation(amount === 0
-        ? this._locales.edit
-        : amount === 1
-          ? this._locales.edit_single
-          : this._locales.edit_plural, { amount });
-    this._queryObserver = new Subject();
-    this.quickFilters = [];
-    this.activeQuickFilterIdentifier = undefined;
-    this.loading = false;
-    this.enableSearch = true;
-    this.itemsSelectedAmount = 0;
-    this.query = undefined;
-    this.enableFilter = true;
-    this.enableFilterDesktop = true;
-    this.selectedFiltersAmount = undefined;
-    this.filterButtonTemplate = this._defaultFilterButtonTemplate;
-    this.enableAction = true;
-    this.actionLoading = false;
-    this.actionIcon = 'pencil';
-    this.actionText = undefined;
-    this.canUseAction = false;
-    this.actionButtonTemplate = this._defaultActionButtonTemplate;
-    this._locales = {};
-  }
-  componentWillLoad() {
-    this._setLocales();
-  }
-  componentDidLoad() {
-    this._queryObserver
-      .pipe(debounceTime(300), distinctUntilChanged())
-      .subscribe(value => this.queryChange.emit(value));
-  }
-  render() {
-    const activeQuickFilter = this.quickFilters.find(f => f.identifier === this.activeQuickFilterIdentifier);
-    const mobileTotal = (this.selectedFiltersAmount || 0) + ((activeQuickFilter === null || activeQuickFilter === void 0 ? void 0 : activeQuickFilter.default) ? 0 : 1);
-    const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
-    const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
-    return (h(Host, { class: 'p-table-header' }, this.loading && (h("p-loader", { variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
-      (hasCustomFilterSlot || this.quickFilters.length > 0) && (h("div", { class: 'left-side flex flex-col justify-start gap-4 desktop-xs:flex-row' }, hasCustomFilterSlot && h("slot", { name: 'custom-filter' }), this.quickFilters.length > 0 && (h("p-segment-container", { class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string' ? item.text : item.text(), ' ', (item === null || item === void 0 ? void 0 : item.count) >= 0 ? `(${item.count})` : ''))))))), h("div", { class: 'right-side flex flex-col justify-end gap-4 desktop-xs:flex-row' }, this.enableSearch && (h("p-input-group", { icon: 'search', size: 'small', class: 'desktop-xs:w-48' }, h("input", { type: 'text', slot: 'input', placeholder: 'Zoeken...', value: this.query, onInput: ev => this._queryObserver.next(ev.target.value) }))), this.enableFilter && (h("p-button", { icon: 'filter', variant: 'secondary', size: 'sm', class: `w-full ${this.enableFilterDesktop
-        ? 'desktop-xs:w-auto'
-        : 'desktop-xs:hidden'}`, onClick: () => this.filter.emit() }, this.filterButtonTemplate
-      ? this.filterButtonTemplate()
-      : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-      this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { class: 'fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden' }, this._buttonTemplate(true)))));
-  }
-  async _setLocales() {
-    this._locales = await getLocaleComponentStrings(this._el);
-  }
-  _buttonTemplate(mobile = false) {
-    return (h("p-button", { class: mobile ? 'w-full' : 'hidden desktop-xs:flex', icon: this.actionIcon, size: 'sm', disabled: !this.canUseAction, onClick: () => this.action.emit(), loading: this.actionLoading }, this.actionButtonTemplate
-      ? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)
-      : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
-  }
-  _getLabel(amount, variant = 'default') {
-    return (h("p-label", { size: 'small', variant: 'negative', behavior: 'text', class: `ml-1 ${variant === 'default'
-        ? 'hidden desktop-xs:flex'
-        : 'flex desktop-xs:hidden'}` }, amount));
-  }
-  get _el() { return getElement(this); }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.quickFilter = createEvent(this, "quickFilter", 3);
+        this.queryChange = createEvent(this, "queryChange", 3);
+        this.filter = createEvent(this, "filter", 3);
+        this.action = createEvent(this, "action", 3);
+        this.quickFilters = [];
+        this.activeQuickFilterIdentifier = undefined;
+        this.loading = false;
+        this.enableSearch = true;
+        this.itemsSelectedAmount = 0;
+        this.query = undefined;
+        this.enableFilter = true;
+        this.enableFilterDesktop = true;
+        this.selectedFiltersAmount = undefined;
+        this.filterButtonTemplate = this._defaultFilterButtonTemplate;
+        this.enableAction = true;
+        this.actionLoading = false;
+        this.actionIcon = 'pencil';
+        this.actionText = undefined;
+        this.canUseAction = false;
+        this.actionButtonTemplate = this._defaultActionButtonTemplate;
+        this._locales = {};
+    }
+    _defaultFilterButtonTemplate = () => formatTranslation(this._locales.filter);
+    _defaultActionButtonTemplate = (amount) => this.actionText
+        ? this.actionText
+        : formatTranslation(amount === 0
+            ? this._locales.edit
+            : amount === 1
+                ? this._locales.edit_single
+                : this._locales.edit_plural, { amount });
+    /**
+     * Event when one of the quick filters is clicked
+     */
+    quickFilter;
+    /**
+     * Event when the query changes
+     */
+    queryChange;
+    /**
+     * Event when the filter button is clicked
+     */
+    filter;
+    /**
+     * Event when the action button is clicked
+     */
+    action;
+    get _el() { return getElement(this); }
+    _queryObserver = new Subject();
+    componentWillLoad() {
+        this._setLocales();
+    }
+    componentDidLoad() {
+        this._queryObserver
+            .pipe(debounceTime(300), distinctUntilChanged())
+            .subscribe(value => this.queryChange.emit(value));
+    }
+    render() {
+        const activeQuickFilter = this.quickFilters.find(f => f.identifier === this.activeQuickFilterIdentifier);
+        const mobileTotal = (this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);
+        const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
+        const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
+        return (h(Host, { key: '9261f1ac3d1ffc7b3f696d7dc528eb39d21e39f3', class: 'p-table-header' }, this.loading && (h("p-loader", { key: '52cb48056ac2ce46ae3825e97a83735c90926e4e', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
+            (hasCustomFilterSlot || this.quickFilters.length > 0) && (h("div", { key: '4c1a883ae11bb2a8a9a0a3d1339600d58174543b', class: 'left-side flex flex-col justify-start gap-4 desktop-xs:flex-row' }, hasCustomFilterSlot && h("slot", { key: '0ef29f9afb9cb27761f11146fa41933e64e7fed8', name: 'custom-filter' }), this.quickFilters.length > 0 && (h("p-segment-container", { key: '480435085fab332399b5386d33fed70b0d96d718', class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string' ? item.text : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: 'a5c1add14f7a2c3056195936325004ed8d1710fe', class: 'right-side flex flex-col justify-end gap-4 desktop-xs:flex-row' }, this.enableSearch && (h("p-field", { key: '797c9e6bc2fe252e7884afbacbe614db1cd3e8ac', icon: 'search', size: 'sm', class: 'desktop-xs:w-48' }, h("input", { key: '80b57023c666d1a0c0f3ce925ee6489b2224a88c', type: 'text', slot: 'input', placeholder: 'Zoeken...', value: this.query, onInput: ev => this._queryObserver.next(ev.target.value) }))), this.enableFilter && (h("p-button", { key: '6d62d078335b2404908b3bdc3fc298ef3f7e4abe', icon: 'filter', variant: 'secondary', size: 'sm', class: `w-full ${this.enableFilterDesktop
+                ? 'desktop-xs:w-auto'
+                : 'desktop-xs:hidden'}`, onClick: () => this.filter.emit() }, this.filterButtonTemplate
+            ? this.filterButtonTemplate()
+            : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: 'd53ef269b98a4652c0b83e615e8bbe48e5d9e006', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: 'c50cbee31811d88ad5f070f92834ee9247a79fee', class: 'fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden' }, this._buttonTemplate(true)))));
+    }
+    async _setLocales() {
+        this._locales = await getLocaleComponentStrings(this._el);
+    }
+    _buttonTemplate(mobile = false) {
+        return (h("p-button", { class: mobile ? 'w-full' : 'hidden desktop-xs:flex', icon: this.actionIcon, size: 'sm', disabled: !this.canUseAction, onClick: () => this.action.emit(), loading: this.actionLoading }, this.actionButtonTemplate
+            ? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)
+            : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
+    }
+    _getLabel(amount, variant = 'default') {
+        return (h("p-label", { size: 'small', variant: 'negative', behavior: 'text', class: `ml-1 ${variant === 'default'
+                ? 'hidden desktop-xs:flex'
+                : 'flex desktop-xs:hidden'}` }, amount));
+    }
 };
-TableHeader.style = tableHeaderComponentCss;
+TableHeader.style = PTableHeaderStyle0;
 const tableRowComponentCss = ".relative{position:relative!important}.flex{display:flex!important}.min-h-0{min-height:0!important}.min-h-\\[3\\.875rem\\]{min-height:3.875rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.border-x-0{border-left-width:0!important;border-right-width:0!important}.border-y{border-bottom-width:1px!important;border-top-width:1px!important}.border-solid{border-style:solid!important}.border-y-mystic-dark{--tw-border-opacity:1!important;border-bottom-color:rgb(218 230 240/var(--tw-border-opacity,1))!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity,1))!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity,1));display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem;width:100%}:host .content{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between;min-height:3.875rem;padding-bottom:.5rem;padding-top:.5rem;position:relative;width:100%}@media (min-width:40rem){:host .content{height:4.5rem;padding-bottom:1.5rem;padding-top:1.5rem}}:host(.variant-header){--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;background-color:rgb(252 253 254/var(--tw-bg-opacity,1));border-bottom:1px solid rgb(218 230 240/var(--tw-border-opacity,1))!important;border-left-style:solid!important;border-left-width:0!important;border-right-style:solid!important;border-right-width:0!important;border-top:1px solid rgb(218 230 240/var(--tw-border-opacity,1))!important;color:rgb(152 154 183/var(--tw-text-opacity,1));font-size:.75rem;font-weight:600;line-height:1rem;text-transform:uppercase}:host(.variant-header) .content{min-height:0;padding-bottom:.5rem;padding-top:.5rem}@media (min-width:40rem){:host(.variant-header) .content{height:auto}}:host(.enable-hover:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));cursor:pointer}@media (min-width:40rem){.tablet\\:h-18{height:4.5rem!important}}.static{position:static!important}.m-0{margin:0!important}.table-row{display:table-row!important}";
+const PTableRowStyle0 = tableRowComponentCss;
 const TableRow = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.variant = 'default';
-    this.enableHover = true;
-  }
-  render() {
-    return (h(Host, { class: `p-table-row variant-${this.variant} ${this.enableHover &&
-        this.variant === 'default' &&
-        'enable-hover'} group` }, h("div", { class: "content" }, h("slot", null)), this.variant === 'default' && h("p-divider", { class: "m-0" })));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.variant = 'default';
+        this.enableHover = true;
+    }
+    render() {
+        return (h(Host, { key: '5d5245faf40bfcfaf3008117ec6e604c45a716ea', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+                this.variant === 'default' &&
+                'enable-hover'} group` }, h("div", { key: '1ed45114cb5478ad37461fb4c7957b89e2f4e7d9', class: "content" }, h("slot", { key: '029596bda8f0b019ec48fdf7b5cb00e2878f939d' })), this.variant === 'default' && h("p-divider", { key: '5263474be1ce89579330294f80218e92a86d0a87', class: "m-0" })));
+    }
 };
-TableRow.style = tableRowComponentCss;
+TableRow.style = PTableRowStyle0;
 export { FloatingMenuContainer as p_floating_menu_container, FloatingMenuItem as p_floating_menu_item, Illustration as p_illustration, TableCell as p_table_cell, TableContainer as p_table_container, TableFooter as p_table_footer, TableHeader as p_table_header, TableRow as p_table_row };