@paperless/core 2.0.1-beta.113 → 2.0.1-beta.115

package/dist/cjs/p-empty-state_9.cjs.entry.js

@@ -10,7 +10,7 @@ var cn = require('./cn-BGmLaIp8.js');
 var constants = require('./constants-BmCCabnv.js');
 require('./clsx-BtxeOLZW.js');
 
-const emptyStateComponentCss = "*{box-sizing:border-box}p-divider{--tw-content:\"\"}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-8{margin-bottom:2rem!important}.mt-4{margin-top:1rem!important}.flex{display:flex!important}.w-full{width:100%!important}.max-w-\\[20rem\\]{max-width:20rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.text-center{text-align:center!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-teal{--tw-text-opacity:1!important;color:rgb(8 136 121/var(--tw-text-opacity,1))!important}";
+const emptyStateComponentCss = "*{box-sizing:border-box}p-divider{--tw-content:\"\"}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-8{margin-bottom:2rem!important}.mt-4{margin-top:1rem!important}.flex{display:flex!important}.w-full{width:100%!important}.max-w-\\[20rem\\]{max-width:20rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.text-center{text-align:center!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-teal{--tw-text-opacity:1!important;color:rgb(8 136 121/var(--tw-text-opacity,1))!important}";
 
 const emptyState = index$1.cva(['flex flex-col w-full items-center justify-start max-w-[20rem]'], {
     variants: {
@@ -66,17 +66,17 @@ const EmptyState = class {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (index.h("div", { key: 'fc0d6b16fc63c0bf971eeb637c867d250938d5bd', class: emptyState({
+        return (index.h("div", { key: '3cabf463f134857beb1f960df8147c73f06dca6e', class: emptyState({
                 enableAction: asBoolean.asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (index.h("p-illustration", { key: '5392ff97c3672e096915e5e7c6c140df05ea9127', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (index.h("p-illustration", { key: 'f8e845bf6a87df689b617c1dca14dbe32457e37d', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
             (hasActionSlot ? (index.h("slot", { name: 'action' })) : (index.h("p-button", { class: 'mt-4', icon: this.actionIcon, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
     }
 };
 EmptyState.style = emptyStateComponentCss;
 
-const floatingMenuContainerComponentCss = "*{box-sizing:border-box}:host(.preload){animation:none}.z-floating-menu{z-index:190!important}.mx-0{margin-left:0!important;margin-right:0!important}.ml-auto{margin-left:auto!important}.box-content{box-sizing:content-box!important}.flex{display:flex!important}.table{display:table!important}.size-4{height:1rem!important;width:1rem!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 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}.box-content{box-sizing:content-box!important}.flex{display:flex!important}.table{display:table!important}.size-4{height:1rem!important;width:1rem!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 container$1 = index$1.cva([
     'floating-menu-container z-floating-menu',
@@ -138,9 +138,9 @@ const FloatingMenuContainer = class {
         this._setLocales();
     }
     render() {
-        return (index.h(index.Host, { key: '1312790f15a628010b97756e1d3c93e344afc4d9' }, index.h("div", { key: 'd3d8f96bde5a99203ad0535147e6b22ed67582b3', class: container$1({
+        return (index.h(index.Host, { key: '588580cddbbfb9582754921c4277271ec99891a5' }, index.h("div", { key: '9b2afb1c525e278493a77ec8e198101675c89c28', class: container$1({
                 enableAmountSelected: this.enableAmountSelected,
-            }) }, this.enableAmountSelected && (index.h(index.Fragment, { key: '6a5c1e98aa255f9b464ecf549abf068c1995fc9f' }, index.h("p", { key: '2518ea32f2a8e4c7a05f95ea14be837b91bc8ff7', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), index.h("p-divider", { key: '6933d3b9c245d6817dfcb6d47e5348055d45e457', 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: 'f4a14636165835dcddf4d4714565b41bcdea386f', class: 'ml-auto box-content size-4 cursor-pointer p-2 text-dark-teal-300 hover:text-dark-teal-100', onClick: ev => this.close.emit(ev) }, index.h("p-icon", { key: 'b0e5c3d7ebb484f881aa437930ae686e1023ff82', variant: 'negative' }))))));
+            }) }, this.enableAmountSelected && (index.h(index.Fragment, { key: 'cca4b53a77fa08b77671902bc4e30138dbb0783b' }, index.h("p", { key: '34d7be81d047f88b66013e10f37132b00d89ced1', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), index.h("p-divider", { key: 'd05feb777e63ff15a15abab1286c57a81cc5d17f', 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: 'b45695d7487384a7e2efb2a9d760d26c018caaa0', class: 'ml-auto box-content size-4 cursor-pointer p-2 text-dark-teal-300 hover:text-dark-teal-100', onClick: ev => this.close.emit(ev) }, index.h("p-icon", { key: '63fff3ccadd9d79de4207e4451e635911cbb4b28', variant: 'negative' }))))));
     }
     async _setLocales() {
         this._locales = await localization.getLocaleComponentStrings(this._el);
@@ -148,7 +148,7 @@ const FloatingMenuContainer = class {
 };
 FloatingMenuContainer.style = floatingMenuContainerComponentCss;
 
-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}.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 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 item = index$1.cva([
     'p-floating-menu-item group',
@@ -225,10 +225,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (index.h(index.Host, { key: '6f25d27e8f828de9c832adc3ad05104e52c79f5e', class: item({
+        return (index.h(index.Host, { key: 'b89a4293fdfbb803a76b44284de1803a01bdf945', class: item({
                 hover: asBoolean.asBoolean(this.hover) && !asBoolean.asBoolean(this.loading),
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, this._getIcon(), index.h("p", { key: 'ce1bd15739d832cfac5bc8dc3747ba284b769659', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, index.h("slot", { key: 'a1f954c38320ee8ce2bdf3c0121337d01bc21269' }))));
+            }) }, this._getIcon(), index.h("p", { key: '3b1aa85d87f8c8b1532267a49d192a2b2f456c9e', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, index.h("slot", { key: '1f8ec8185ff05b805b7076eeffa1d6c91b14f9be' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {
@@ -297,7 +297,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'dd57ec66d547873593d7975d346a05b26a131f9e', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
+        return (index.h(index.Host, { key: '4c50d6fb896a145b5e5d7c95c50d4c6986a61dbd', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -323,7 +323,7 @@ const TableContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'b8faa348502844a0a9bb8c0d7eb86b6c8e23ee44', class: container() }, index.h("slot", { key: 'edbfa8781a35660b670ce75382a2c1851162765f' })));
+        return (index.h(index.Host, { key: '342698c20730a78a8ef0840c0a5c4d6539ac9519', class: container() }, index.h("slot", { key: 'ab02118527b62d84161a84cbaf446b4d4a8039c1' })));
     }
 };
 TableContainer.style = tableContainerComponentCss;
@@ -418,11 +418,11 @@ const TableFooter = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9c3088d515e1b59652211d6422b8937a2f038993', class: footer({
+        return (index.h("div", { key: '64fb667bacb7413a6ae576a928790af1298e7507', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (index.h("p-pagination", { key: 'd3c3c3cd2d2f14cf7a7a1bd5c712b86709e4838e', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this.total > 0 && (index.h("p-pagination", { key: '5d0aafbf67808e586a36c0ed704b5964133163ad', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -10038,13 +10038,13 @@ const TableHeader = class {
         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("div", { key: 'f5a21659880cb075e728935f12baba09a140ff08', class: header() }, this.loading && (index.h("p-loader", { key: 'b75d34e5716e9dc1756318429035abeaf33bb3c0', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
-            (hasCustomFilterSlot || this.quickFilters.length > 0) && (index.h("div", { key: '46e34aff86b41f6bb835e5709a8b5e640de6bd2d', class: 'col-start-1 flex flex-col justify-start gap-4 justify-self-start desktop-xs:flex-row' }, hasCustomFilterSlot && index.h("slot", { key: '6054426009ebdcd7a195b7c64c716d4b29f2dcf0', name: 'custom-filter' }), this.quickFilters.length > 0 && (index.h("p-segment-container", { key: '53a363a825a941c6427868a4bcbe5bc577246af0', 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: '5f4feae319a55dfbcea838ac78006dc0c59f6f6d', class: 'col-start-2 flex flex-col justify-end gap-2 desktop-xs:flex-row desktop-xs:items-center' }, this.enableSearch && (index.h("p-field", { key: '0f55fa3c7444fc9fdb174cd814d9b9bb8f99d4ed', icon: 'search', class: 'desktop-xs:max-w-60', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), index.h("div", { key: '4c43162aa2f9b34cd7d4a45a62aba6cd0435976c', class: 'flex items-center gap-2' }, this.enableFilter && (index.h("p-button", { key: 'eebcaa3363492d3a3b9a7feeb7b8e786991d324a', icon: 'filter', variant: 'secondary', class: `w-full ${this.enableFilterDesktop
+        return (index.h("div", { key: '92a01469c89592c7c9201edfac691b294b6a261e', class: header() }, this.loading && (index.h("p-loader", { key: '05b618ea3bb15b8375ca4d50d32e4e0383e45fb4', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
+            (hasCustomFilterSlot || this.quickFilters.length > 0) && (index.h("div", { key: '0ede0674238f87e5591ed4ab19a9588e4bacbbbe', class: 'col-start-1 flex flex-col justify-start gap-4 justify-self-start desktop-xs:flex-row' }, hasCustomFilterSlot && index.h("slot", { key: 'df90d1012e256bba3e91178f7f7f1d3ad6dc87c6', name: 'custom-filter' }), this.quickFilters.length > 0 && (index.h("p-segment-container", { key: '21e99e24fa62f1fb6901f9932c531004a41fd9f8', 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: 'b3b2c57a97006bab96ed45cadadfbf5633ebe99c', class: 'col-start-2 flex flex-col justify-end gap-2 desktop-xs:flex-row desktop-xs:items-center' }, this.enableSearch && (index.h("p-field", { key: '229a1da7fed86767e36a83405beaa36a550f67db', icon: 'search', class: 'desktop-xs:max-w-60', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), index.h("div", { key: '40446fd46c0df4c05ef90411199b0e39bb4597b6', class: 'flex items-center gap-2' }, this.enableFilter && (index.h("p-button", { key: 'a2df0e96f7a6c057fc8f746013eebf8a9a331ee5', icon: 'filter', variant: 'secondary', 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.loading && this.enableExport && this.enableFilter && (index.h("p-divider", { key: '435884af95e98004c312ccea0516cdb3d852e304', variant: 'vertical', class: 'hidden h-4 tablet:flex' })), !this.loading && this.enableExport && (index.h("p-button", { key: '5edd485cf6983d493e92366670ff9f7606a6ebaa', variant: 'secondary', icon: 'upload', class: 'desktop-xs:auto w-full', onClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && index.h("slot", { key: '879c0b0e702c79a3a2f0acdaaf6cf26e290bbbbe', name: 'custom-actions' })), this.enableAction && this.canUseAction && (index.h("div", { key: '22a3016234b32ad9d318dbfb4bad0df92a60fdfe', 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)))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (index.h("p-divider", { key: 'a884df04935555f172bd0bbb9ef5f08ae191fad2', variant: 'vertical', class: 'hidden h-4 tablet:flex' })), !this.loading && this.enableExport && (index.h("p-button", { key: '71191649e43ce2e5ef13342df377aa809d085a7e', variant: 'secondary', icon: 'upload', class: 'desktop-xs:auto w-full', onClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && index.h("slot", { key: 'cc1b422824e2e058037467619d8fb784bcec58e8', name: 'custom-actions' })), this.enableAction && this.canUseAction && (index.h("div", { key: 'e546c52c70511a0b7f9d2d17284c111106743a67', 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);
@@ -10113,12 +10113,12 @@ const TableRow = class {
      */
     enableHover = true;
     render() {
-        return (index.h("div", { key: 'ec9b342fb83e5d2557270e0437dfac78c019562f', class: 'flex flex-col' }, index.h("div", { key: '1e2f3ada1e6e3ce951b0077003daf45df1f5fd10', class: row({
+        return (index.h("div", { key: 'a23c17dc04966515a613152dd8116cdc5f2bebf4', class: 'flex flex-col' }, index.h("div", { key: 'eaa1ec5e1030791f99a8aa8ece1d8eefb2fda509', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
-            }) }, index.h("div", { key: '10c83954ed6e627a6c562fbc46fb9b7118554b52', class: content({
+            }) }, index.h("div", { key: '4baa0e512c24040a9a1e8bc37c2f776e34821f54', class: content({
                 variant: this.variant,
-            }) }, index.h("slot", { key: '371fa01204f0438a14d1b805adcc246d36843594' }), index.h("div", { key: '2ef6ce66ab961201aef4efbb7d0622e4257cf9b8', class: actions() }, index.h("slot", { key: '9f043556d7a5f59ad22e3001339155328de4a9f6', name: 'actions' })))), index.h("p-divider", { key: '8e9a5b6dc6a09fa5737db9514e2cf663f5f7467e' })));
+            }) }, index.h("slot", { key: 'f2ee85ea70192c36b485c2e004fd1869db414f8a' }), index.h("div", { key: '21c1d9d803397e5e0f120536bfe07919785e7db5', class: actions() }, index.h("slot", { key: '9aa627977b1fb6cc7303cf6585787ecda29e960b', name: 'actions' })))), index.h("p-divider", { key: '064c3b0193b8a2ec221b214fca5a2789cedd3828' })));
     }
 };
 TableRow.style = tableRowComponentCss;
@@ -10130,7 +10130,7 @@ const TableRowActionsContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '2023f3b87302369c301296f9d9c010959539639d', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, index.h("div", { key: 'e25f29cc3cb3c2792910874b9bbb19fe7ab0d684', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, index.h("slot", { key: 'fce4da55a28f4affca9ca6ed2823138ba6b76f18' }))));
+        return (index.h("div", { key: '19b29cf771f69bdde2dc4460028987390fd76d78', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, index.h("div", { key: 'b33656eea93284e5adf180fdcf1d6eaa8fb95ae3', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, index.h("slot", { key: '1f2887b36162ec7eb189df053a6e5045879f23d4' }))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss;