@paperless/core 2.0.1-beta.4 → 2.0.1-beta.40

package/dist/cjs/p-floating-menu-container_8.cjs.entry.js

@@ -2,10 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
-const objectGetByPath = require('./object-get-by-path-c2e8bf29.js');
-const localization = require('./localization-9132fab0.js');
-const constants = require('./constants-f911468d.js');
+const index = require('./index-3f9bbc0c.js');
+const index$1 = require('./index-b556e70f.js');
+const localization = require('./localization-3a0a71db.js');
+const objectGetByPath = require('./object-get-by-path-49caea95.js');
+const constants = require('./constants-eae831f7.js');
+require('./clsx-fc789adc.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">
   <defs>
@@ -1618,163 +1620,285 @@ 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 floatingMenuContainerComponentCss = "*{box-sizing:border-box}:host(.preload){animation:none}.static{position:static!important}.z-floating-menu{z-index:190!important}.mx-0{margin-left:0!important;margin-right:0!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.h-10{height:2.5rem!important}.h-4{height:1rem!important}.w-auto{width:auto!important}.min-w-0{min-width:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-3{padding-left:.75rem!important}.pr-1{padding-right:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-300{--tw-text-opacity:1!important;color:rgb(102 151 145/var(--tw-text-opacity,1))!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}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:text-dark-teal-100:hover{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}";
+const PFloatingMenuContainerStyle0 = floatingMenuContainerComponentCss;
 
+const container = index$1.cva([
+    'floating-menu-container z-floating-menu',
+    'bg-dark-teal-600 shadow-3',
+    'h-10 py-1 w-auto',
+    'rounded-lg',
+    'text-sm',
+    'flex items-center gap-2',
+], {
+    variants: {
+        enableAmountSelected: {
+            false: 'px-1',
+            true: 'pl-3 pr-1',
+        },
+    },
+});
+const amountSelected = index$1.cva([
+    'text-dark-teal-100',
+    'min-w-0',
+    'overflow-hidden text-ellipsis text-nowrap',
+]);
 const FloatingMenuContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.usedInTable = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: "p-floating-menu-container" }, this.usedInTable ? (index.h("slot", { name: "floating-menu-item" })) : (index.h("slot", null))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.close = index.createEvent(this, "close", 7);
+        this.usedInTable = false;
+        this.enableAmountSelected = true;
+        this.amount = 0;
+        this.enableClose = true;
+        this.amountSelectedTemplate = (amount) => localization.formatTranslation((amount === 1
+            ? this._locales.amount_selected
+            : this._locales.amount_selected_plural)?.replace('{{amount}}', amount));
+        this._locales = {};
+    }
+    /**
+     * Event whenever the close button is clicked
+     */
+    close;
+    get _el() { return index.getElement(this); }
+    componentWillLoad() {
+        this._setLocales();
+    }
+    render() {
+        return (index.h(index.Host, { key: 'e653fe503f27c3a0d7e0a90070c630b80ee5a7cc' }, index.h("div", { key: '287a711e046eece0bea4525a2e601ca9a1368e95', class: container({
+                enableAmountSelected: this.enableAmountSelected,
+            }) }, this.enableAmountSelected && (index.h(index.Fragment, { key: 'c5c11a8269651ea92a911feb26a8be52988f57a2' }, index.h("p", { key: 'edc2f9fbb9adef44731a1d8c8b81762f0248ee7b', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), index.h("p-divider", { key: 'c89c60984a56f48ab2c6f3c1cd3a4e909288cdda', class: 'mx-0 h-4 text-black-teal-400', variant: 'vertical' }))), this.usedInTable ? index.h("slot", { name: 'floating-menu-item' }) : index.h("slot", null), this.enableClose && (index.h("div", { key: 'f231e9ddc59510cf67c0651b0ec6b5ae33b38e47', class: 'ml-auto cursor-pointer p-2 text-dark-teal-300 hover:text-dark-teal-100', onClick: ev => this.close.emit(ev) }, index.h("p-icon", { key: '4561b5337606c3897307cff554e347b3eb34f4b6', variant: 'negative' }))))));
+    }
+    async _setLocales() {
+        this._locales = await localization.getLocaleComponentStrings(this._el);
+    }
 };
-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 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}.static{position:static!important}.min-w-0{min-width:0!important}.cursor-not-allowed{cursor:not-allowed!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.font-semibold{font-weight:600!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-dark-teal-300{--tw-text-opacity:1!important;color:rgb(102 151 145/var(--tw-text-opacity,1))!important}.opacity-60{opacity:.6!important}.group:hover .group-hover\\:text-dark-teal-100,.hover\\:text-dark-teal-100:hover{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}";
+const PFloatingMenuItemStyle0 = floatingMenuItemComponentCss;
 
+const item = index$1.cva([
+    'p-floating-menu-item group',
+    'flex gap-2 items-center h-6',
+    'text-sm text-dark-teal-300',
+], {
+    variants: {
+        hover: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: null,
+            true: 'opacity-60 cursor-not-allowed',
+        },
+    },
+    compoundVariants: [
+        {
+            disabled: false,
+            hover: true,
+            class: 'cursor-pointer hover:text-dark-teal-100',
+        },
+    ],
+});
+const icon = index$1.cva(['text-dark-teal-200'], {
+    variants: {
+        hover: {
+            false: null,
+            true: null,
+        },
+        disabled: {
+            false: null,
+            true: null,
+        },
+    },
+    compoundVariants: [
+        {
+            disabled: false,
+            hover: true,
+            class: 'group-hover:text-dark-teal-100',
+        },
+    ],
+});
 const FloatingMenuItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.hover = true;
-    this.disabled = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: "p-floating-menu-item" }, index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.hover = true;
+        this.disabled = false;
+        this.loading = false;
+        this.icon = undefined;
+        this.iconPosition = 'end';
+        this.iconFlip = undefined;
+        this.iconRotate = undefined;
+    }
+    render() {
+        return (index.h(index.Host, { key: '89082d400cd797029c4265e5e35865375c341acf', class: item({
+                hover: this.hover && !this.loading,
+                disabled: this.disabled,
+            }) }, this._getIcon(), index.h("p", { key: '9bd3e924cd1abb96281c8d5adc6b958c526b5884', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, index.h("slot", { key: '61212ad54e7446aff3656f7309f1ac37014dab46' }))));
+    }
+    _getIcon() {
+        if (!this.icon && !this.loading) {
+            return;
+        }
+        if (this.loading) {
+            return index.h("p-loader", { color: 'white' });
+        }
+        return (index.h("p-icon", { class: icon({
+                hover: this.hover,
+                disabled: this.disabled,
+            }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate }));
+    }
 };
-FloatingMenuItem.style = floatingMenuItemComponentCss;
+FloatingMenuItem.style = PFloatingMenuItemStyle0;
 
 const Illustration = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.variant = undefined;
-  }
-  render() {
-    const illustration = illustrations[this.variant];
-    return (index.h(index.Host, { class: "p-illustration block", innerHTML: illustration }));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = undefined;
+    }
+    render() {
+        const illustration = illustrations[this.variant];
+        return (index.h(index.Host, { key: 'aa2d191766ca8990a1e46ebf7d83bc2672bb8401', 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) {
-    index.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) {
+        index.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.objectGetByPath(this.item, this.definition.path),
+            item: this.item,
+            index: this.index,
+            rowIndex: this.rowIndex,
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: '3ee5dc1b38a97dd051e92244510ee788da353f86', class: {
+                'p-table-cell': true,
+                [`variant-${this.variant}`]: true,
+                ...this._getColumnClasses(),
+            } }, this.checkbox, this._getContent()));
+    }
+    _getContent() {
+        if (this.variant === 'loading') {
+            return (index.h("p-loader", { variant: 'ghost', class: 'h-6 w-full flex-1 rounded' }));
+        }
+        if (this.variant === 'actions') {
+            return index.h("slot", { name: 'actions' });
+        }
+        return (index.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 ? (index.h("slot", null)) : (this.template(this.data))));
+    }
+    _getColumnClasses() {
+        return objectGetByPath.getTableCellColumnClasses(this.definition, this.variant, this.tableHasActions);
     }
-    return {
-      value: (_a = this.value) !== null && _a !== void 0 ? _a : objectGetByPath.objectGetByPath(this.item, this.definition.path),
-      item: this.item,
-      index: this.index,
-      rowIndex: this.rowIndex,
-    };
-  }
-  render() {
-    return (index.h(index.Host, { class: Object.assign({ 'p-table-cell': true, [`variant-${this.variant}`]: true }, this._getColumnClasses()) }, this.checkbox, this._getContent()));
-  }
-  _getContent() {
-    if (this.variant === 'loading') {
-      return (index.h("p-loader", { variant: 'ghost', class: 'h-6 w-full flex-1 rounded' }));
-    }
-    if (this.variant === 'actions') {
-      return index.h("slot", { name: 'actions' });
-    }
-    return (index.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 ? (index.h("slot", null)) : (this.template(this.data))));
-  }
-  _getColumnClasses() {
-    return objectGetByPath.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) {
-    index.registerInstance(this, hostRef);
-    this.shadow = true;
-  }
-  render() {
-    return (index.h(index.Host, { class: `p-table-container ${!this.shadow && 'no-shadow'}` }, index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.shadow = true;
+    }
+    render() {
+        return (index.h(index.Host, { key: '1620fc3c471e1742c2d573cc1aed5cebfc06b733', class: `p-table-container ${!this.shadow && 'no-shadow'}` }, index.h("slot", { key: 'aac6e741bd0d970dfe62cae13f40d482bba73803' })));
+    }
 };
-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 tableFooterComponentCss = ".col-start-1{grid-column-start:1!important}.col-start-3{grid-column-start:3!important}.flex{display:flex!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!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-pagination-size{grid-column-start:1}:host>p-pagination-pages{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) {
-    index.registerInstance(this, hostRef);
-    this.pageChange = index.createEvent(this, "pageChange", 3);
-    this.pageSizeChange = index.createEvent(this, "pageSizeChange", 3);
-    this.export = index.createEvent(this, "export", 3);
-    this.enablePageSize = true;
-    this.enablePagination = true;
-    this.enableExport = true;
-    this.loading = false;
-    this.page = 1;
-    this.total = undefined;
-    this.pageSize = constants.defaultSize;
-    this.pageSizeOptions = constants.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 (index.h(index.Host, { class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (index.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 && (index.h("p-loader", { variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (index.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 && (index.h("p-button", { class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))));
-  }
-  async _setLocales() {
-    this._locales = await localization.getLocaleComponentStrings(this._el);
-  }
-  _changePageSize(s) {
-    if (!s) {
-      return;
-    }
-    this.pageSize = s;
-    this.pageSizeChange.emit(this.pageSize);
-  }
-  get _el() { return index.getElement(this); }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.pageChange = index.createEvent(this, "pageChange", 3);
+        this.pageSizeChange = index.createEvent(this, "pageSizeChange", 3);
+        this.export = index.createEvent(this, "export", 3);
+        this.enablePageSize = true;
+        this.enablePagination = true;
+        this.enableExport = true;
+        this.loading = false;
+        this.page = 1;
+        this.total = undefined;
+        this.pageSize = constants.defaultSize;
+        this.pageSizeOptions = constants.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 index.getElement(this); }
+    componentWillLoad() {
+        this._setLocales();
+    }
+    render() {
+        const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
+        return (index.h(index.Host, { key: '3f3fb01b9dfc6478a92cebabafbaabc09d9f668c', class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, !this.loading && this.enablePagination && this.enablePageSize && (index.h("p-pagination-size", { key: 'aecc6975f3b4f3a9a1f5fbc4499f55d950485153', class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.loading && (index.h("p-loader", { key: '6600175af8ae1c6ca1398b9f7faf67ab075e5756', variant: 'ghost', class: 'h-8 w-full rounded' })), !this.loading && this.enablePagination && (index.h("p-pagination-pages", { key: '3de08299ab61880c9a694d2ddac8c5a6b5c23d67', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), !this.loading && this.enableExport && (index.h("p-button", { key: '704479e31d00ce99fc44b9f3a47c1fa7b111e773', class: 'hidden desktop-xs:flex', variant: 'secondary', size: 'sm', icon: 'download', onClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))));
+    }
+    async _setLocales() {
+        this._locales = await localization.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';
@@ -1976,8 +2100,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();
     }
 }
@@ -2670,94 +2809,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) {
-    index.registerInstance(this, hostRef);
-    this.quickFilter = index.createEvent(this, "quickFilter", 3);
-    this.queryChange = index.createEvent(this, "queryChange", 3);
-    this.filter = index.createEvent(this, "filter", 3);
-    this.action = index.createEvent(this, "action", 3);
-    this._defaultFilterButtonTemplate = () => localization.formatTranslation(this._locales.filter);
-    this._defaultActionButtonTemplate = (amount) => this.actionText
-      ? this.actionText
-      : localization.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 (index.h(index.Host, { class: 'p-table-header' }, this.loading && (index.h("p-loader", { variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
-      (hasCustomFilterSlot || this.quickFilters.length > 0) && (index.h("div", { class: 'left-side flex flex-col justify-start gap-4 desktop-xs:flex-row' }, hasCustomFilterSlot && index.h("slot", { name: 'custom-filter' }), this.quickFilters.length > 0 && (index.h("p-segment-container", { class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (index.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})` : ''))))))), index.h("div", { class: 'right-side flex flex-col justify-end gap-4 desktop-xs:flex-row' }, this.enableSearch && (index.h("p-input-group", { icon: 'search', size: 'small', class: 'desktop-xs:w-48' }, index.h("input", { type: 'text', slot: 'input', placeholder: 'Zoeken...', value: this.query, onInput: ev => this._queryObserver.next(ev.target.value) }))), this.enableFilter && (index.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 && index.h("slot", { name: 'custom-actions' })), this.enableAction && this.canUseAction && (index.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 localization.getLocaleComponentStrings(this._el);
-  }
-  _buttonTemplate(mobile = false) {
-    return (index.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 (index.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 index.getElement(this); }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.quickFilter = index.createEvent(this, "quickFilter", 3);
+        this.queryChange = index.createEvent(this, "queryChange", 3);
+        this.filter = index.createEvent(this, "filter", 3);
+        this.action = index.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 = () => localization.formatTranslation(this._locales.filter);
+    _defaultActionButtonTemplate = (amount) => this.actionText
+        ? this.actionText
+        : localization.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 index.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 (index.h(index.Host, { key: '7ca9e5d35de2a348f49b1d21f97d9e0ab363b4fd', class: 'p-table-header' }, this.loading && (index.h("p-loader", { key: 'a839bd495927d4ee2fc06f07adb8aa32d9a18e93', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
+            (hasCustomFilterSlot || this.quickFilters.length > 0) && (index.h("div", { key: 'a200ab308bc8a16aff2e611fc438fc6a31cdc92f', class: 'left-side flex flex-col justify-start gap-4 desktop-xs:flex-row' }, hasCustomFilterSlot && index.h("slot", { key: '712c11750cc41a874823a70ead4fedc95fac1df5', name: 'custom-filter' }), this.quickFilters.length > 0 && (index.h("p-segment-container", { key: 'acf8f0d1b01a91750ca501a94527b247509a15c0', class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (index.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})` : ''))))))), index.h("div", { key: '0b82b63c0f79f376b2134f6e31f475831d0e0715', class: 'right-side flex flex-col justify-end gap-4 desktop-xs:flex-row' }, this.enableSearch && (index.h("p-field", { key: 'e9e9f525d88b1ecc619adf3dfc8f5c4af0c9a541', icon: 'search', size: 'sm', class: 'desktop-xs:w-48', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), this.enableFilter && (index.h("p-button", { key: '4444a6ef4b2229c11df9d85df652a25b71a0bb48', 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 && index.h("slot", { key: '6606497a19a00cf0ddcdca6aedc61d893bac1f25', name: 'custom-actions' })), this.enableAction && this.canUseAction && (index.h("div", { key: '8f5ad8071074b89dc1e8700e6f72c48619fcb9c5', 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 localization.getLocaleComponentStrings(this._el);
+    }
+    _buttonTemplate(mobile = false) {
+        return (index.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 (index.h("p-badge", { 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) {
-    index.registerInstance(this, hostRef);
-    this.variant = 'default';
-    this.enableHover = true;
-  }
-  render() {
-    return (index.h(index.Host, { class: `p-table-row variant-${this.variant} ${this.enableHover &&
-        this.variant === 'default' &&
-        'enable-hover'} group` }, index.h("div", { class: "content" }, index.h("slot", null)), this.variant === 'default' && index.h("p-divider", { class: "m-0" })));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'default';
+        this.enableHover = true;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'b3334bb02a39cb94645988ab4f8e6499fd9f14dc', class: `p-table-row variant-${this.variant} ${this.enableHover &&
+                this.variant === 'default' &&
+                'enable-hover'} group` }, index.h("div", { key: 'a7e53f9a41fc46c690e1da35817ed6e5a3db8542', class: "content" }, index.h("slot", { key: '68363f50f183b16665cedafa70adb19282378d2c' })), this.variant === 'default' && index.h("p-divider", { key: '39336cf15687ee6a2ee4ec1756eaa46c3cc5c4c7', class: "m-0" })));
+    }
 };
-TableRow.style = tableRowComponentCss;
+TableRow.style = PTableRowStyle0;
 
 exports.p_floating_menu_container = FloatingMenuContainer;
 exports.p_floating_menu_item = FloatingMenuItem;