@paperless/core 3.4.1 → 3.4.2

package/dist/esm/p-empty-state_8.entry.js

@@ -10,7 +10,7 @@ import { P as PAGINATION_DEFAULT_PAGE_SIZE, a as PAGINATION_DEFAULT_PAGE_SIZE_OP
 import './clsx-ChV9xqsO.js';
 import './state-BJbOyUuL.js';
 
-const emptyStateComponentCss = () => `*{box-sizing:border-box}p-divider{--tw-content:""}.static{position:static}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.flex{display:flex}.w-full{width:100%}.max-w-\\[20rem\\]{max-width:20rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.text-center{text-align:center}.font-ambit{font-family:Ambit,sans-serif}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}`;
+const emptyStateComponentCss = () => `*{box-sizing:border-box}p-divider{--tw-content:""}.static{position:static}.my-0{margin-bottom:0;margin-top:0}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.flex{display:flex}.w-full{width:100%}.max-w-\\[20rem\\]{max-width:20rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.text-center{text-align:center}.font-ambit{font-family:Ambit,sans-serif}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
 const emptyState = cva(['flex w-full max-w-[20rem] flex-col items-center justify-start'], {
     variants: {
@@ -74,7 +74,7 @@ const EmptyState = class {
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: '2d95c6f7761f817b2bf4968118e7ac5dc6d62abe', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n\t\t\t\t\t\t\t\t\tmy-0 text-center font-ambit text-sm font-bold text-storm-500\n\t\t\t\t\t\t\t\t\tdark:text-white\n\t\t\t\t\t\t\t\t' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n\t\t\t\t\t\t\t\t\tmy-0 text-center text-sm font-normal text-storm-300\n\t\t\t\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t\t\t\t' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: '2d95c6f7761f817b2bf4968118e7ac5dc6d62abe', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText))))));
     }
 };
@@ -154,7 +154,7 @@ const FloatingMenuContainer = class {
 };
 FloatingMenuContainer.style = floatingMenuContainerComponentCss();
 
-const tableCellComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.hidden{display:none}.h-6{height:1.5rem}.w-1\\/12{width:8.333333%}.w-10\\/12{width:83.333333%}.w-11\\/12{width:91.666667%}.w-2\\/12{width:16.666667%}.w-3\\/12{width:25%}.w-4\\/12{width:33.333333%}.w-5\\/12{width:41.666667%}.w-6\\/12{width:50%}.w-7\\/12{width:58.333333%}.w-9\\/12{width:75%}.w-\\[calc\\(100\\%-1rem\\)\\]{width:calc(100% - 1rem)}.flex-1{flex:1 1 0%}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.pl-8{padding-left:2rem}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.font-semibold{font-weight:600}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.group:hover .group-hover\\:hidden{display:none}@media (min-width:40rem){.tablet\\:hidden{display:none}.tablet\\:w-1\\/12{width:8.333333%}.tablet\\:w-10\\/12{width:83.333333%}.tablet\\:w-11\\/12{width:91.666667%}.tablet\\:w-2\\/12{width:16.666667%}.tablet\\:w-4\\/12{width:33.333333%}.tablet\\:w-5\\/12{width:41.666667%}.tablet\\:w-6\\/12{width:50%}.tablet\\:w-7\\/12{width:58.333333%}.tablet\\:w-9\\/12{width:75%}.tablet\\:pr-0{padding-right:0}.tablet\\:pr-4{padding-right:1rem}.group:hover .tablet\\:group-hover\\:hidden{display:none}}@media (min-width:64rem){.desktop-xs\\:hidden{display:none}.desktop-xs\\:w-1\\/12{width:8.333333%}.desktop-xs\\:w-10\\/12{width:83.333333%}.desktop-xs\\:w-2\\/12{width:16.666667%}.desktop-xs\\:w-3\\/12{width:25%}.desktop-xs\\:w-4\\/12{width:33.333333%}.desktop-xs\\:w-6\\/12{width:50%}.desktop-xs\\:w-7\\/12{width:58.333333%}.desktop-xs\\:w-8\\/12{width:66.666667%}.desktop-xs\\:pr-0{padding-right:0}.desktop-xs\\:pr-4{padding-right:1rem}.group:hover .desktop-xs\\:group-hover\\:hidden{display:none}}@media (min-width:80rem){.desktop-sm\\:hidden{display:none}.desktop-sm\\:w-1\\/12{width:8.333333%}.desktop-sm\\:w-10\\/12{width:83.333333%}.desktop-sm\\:w-2\\/12{width:16.666667%}.desktop-sm\\:w-3\\/12{width:25%}.desktop-sm\\:w-4\\/12{width:33.333333%}.desktop-sm\\:w-6\\/12{width:50%}.desktop-sm\\:w-7\\/12{width:58.333333%}.desktop-sm\\:w-8\\/12{width:66.666667%}.desktop-sm\\:pr-0{padding-right:0}.desktop-sm\\:pr-4{padding-right:1rem}.group:hover .desktop-sm\\:group-hover\\:hidden{display:none}}@media (min-width:85.375rem){.desktop\\:hidden{display:none}.desktop\\:w-1\\/12{width:8.333333%}.desktop\\:w-10\\/12{width:83.333333%}.desktop\\:w-11\\/12{width:91.666667%}.desktop\\:w-3\\/12{width:25%}.desktop\\:w-4\\/12{width:33.333333%}.desktop\\:w-5\\/12{width:41.666667%}.desktop\\:w-7\\/12{width:58.333333%}.desktop\\:w-8\\/12{width:66.666667%}.desktop\\:w-9\\/12{width:75%}.desktop\\:pr-0{padding-right:0}.desktop\\:pr-4{padding-right:1rem}.group:hover .desktop\\:group-hover\\:hidden{display:none}}@media (min-width:90rem){.desktop-lg\\:hidden{display:none}.desktop-lg\\:w-1\\/12{width:8.333333%}.desktop-lg\\:w-10\\/12{width:83.333333%}.desktop-lg\\:w-2\\/12{width:16.666667%}.desktop-lg\\:w-3\\/12{width:25%}.desktop-lg\\:w-4\\/12{width:33.333333%}.desktop-lg\\:w-6\\/12{width:50%}.desktop-lg\\:w-7\\/12{width:58.333333%}.desktop-lg\\:w-8\\/12{width:66.666667%}.desktop-lg\\:pr-0{padding-right:0}.desktop-lg\\:pr-4{padding-right:1rem}.group:hover .desktop-lg\\:group-hover\\:hidden{display:none}}@media (min-width:120rem){.desktop-xl\\:hidden{display:none}.desktop-xl\\:w-1\\/12{width:8.333333%}.desktop-xl\\:w-10\\/12{width:83.333333%}.desktop-xl\\:w-2\\/12{width:16.666667%}.desktop-xl\\:w-3\\/12{width:25%}.desktop-xl\\:w-4\\/12{width:33.333333%}.desktop-xl\\:w-6\\/12{width:50%}.desktop-xl\\:w-7\\/12{width:58.333333%}.desktop-xl\\:w-8\\/12{width:66.666667%}.desktop-xl\\:pr-0{padding-right:0}.desktop-xl\\:pr-4{padding-right:1rem}.group:hover .desktop-xl\\:group-hover\\:hidden{display:none}}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
+const tableCellComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.hidden{display:none}.h-6{height:1.5rem}.w-1\\/12{width:8.333333%}.w-10\\/12{width:83.333333%}.w-11\\/12{width:91.666667%}.w-2\\/12{width:16.666667%}.w-3\\/12{width:25%}.w-4\\/12{width:33.333333%}.w-5\\/12{width:41.666667%}.w-6\\/12{width:50%}.w-7\\/12{width:58.333333%}.w-8\\/12{width:66.666667%}.w-9\\/12{width:75%}.w-\\[calc\\(100\\%-1rem\\)\\]{width:calc(100% - 1rem)}.flex-1{flex:1 1 0%}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.pl-8{padding-left:2rem}.pr-0{padding-right:0}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.font-semibold{font-weight:600}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.last-of-type\\:pr-0:last-of-type{padding-right:0}.group:hover .group-hover\\:flex{display:flex}.group:hover .group-hover\\:hidden{display:none}@media (min-width:40rem){.tablet\\:flex{display:flex}.tablet\\:hidden{display:none}.tablet\\:w-1\\/12{width:8.333333%}.tablet\\:w-10\\/12{width:83.333333%}.tablet\\:w-11\\/12{width:91.666667%}.tablet\\:w-2\\/12{width:16.666667%}.tablet\\:w-3\\/12{width:25%}.tablet\\:w-4\\/12{width:33.333333%}.tablet\\:w-5\\/12{width:41.666667%}.tablet\\:w-6\\/12{width:50%}.tablet\\:w-7\\/12{width:58.333333%}.tablet\\:w-8\\/12{width:66.666667%}.tablet\\:w-9\\/12{width:75%}.tablet\\:pr-0{padding-right:0}.tablet\\:pr-4{padding-right:1rem}.group:hover .tablet\\:group-hover\\:flex{display:flex}.group:hover .tablet\\:group-hover\\:hidden{display:none}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex}.desktop-xs\\:hidden{display:none}.desktop-xs\\:w-1\\/12{width:8.333333%}.desktop-xs\\:w-10\\/12{width:83.333333%}.desktop-xs\\:w-11\\/12{width:91.666667%}.desktop-xs\\:w-2\\/12{width:16.666667%}.desktop-xs\\:w-3\\/12{width:25%}.desktop-xs\\:w-4\\/12{width:33.333333%}.desktop-xs\\:w-5\\/12{width:41.666667%}.desktop-xs\\:w-6\\/12{width:50%}.desktop-xs\\:w-7\\/12{width:58.333333%}.desktop-xs\\:w-8\\/12{width:66.666667%}.desktop-xs\\:w-9\\/12{width:75%}.desktop-xs\\:pr-0{padding-right:0}.desktop-xs\\:pr-4{padding-right:1rem}.group:hover .desktop-xs\\:group-hover\\:flex{display:flex}.group:hover .desktop-xs\\:group-hover\\:hidden{display:none}}@media (min-width:80rem){.desktop-sm\\:flex{display:flex}.desktop-sm\\:hidden{display:none}.desktop-sm\\:w-1\\/12{width:8.333333%}.desktop-sm\\:w-10\\/12{width:83.333333%}.desktop-sm\\:w-11\\/12{width:91.666667%}.desktop-sm\\:w-2\\/12{width:16.666667%}.desktop-sm\\:w-3\\/12{width:25%}.desktop-sm\\:w-4\\/12{width:33.333333%}.desktop-sm\\:w-5\\/12{width:41.666667%}.desktop-sm\\:w-6\\/12{width:50%}.desktop-sm\\:w-7\\/12{width:58.333333%}.desktop-sm\\:w-8\\/12{width:66.666667%}.desktop-sm\\:w-9\\/12{width:75%}.desktop-sm\\:pr-0{padding-right:0}.desktop-sm\\:pr-4{padding-right:1rem}.group:hover .desktop-sm\\:group-hover\\:flex{display:flex}.group:hover .desktop-sm\\:group-hover\\:hidden{display:none}}@media (min-width:85.375rem){.desktop\\:flex{display:flex}.desktop\\:hidden{display:none}.desktop\\:w-1\\/12{width:8.333333%}.desktop\\:w-10\\/12{width:83.333333%}.desktop\\:w-11\\/12{width:91.666667%}.desktop\\:w-2\\/12{width:16.666667%}.desktop\\:w-3\\/12{width:25%}.desktop\\:w-4\\/12{width:33.333333%}.desktop\\:w-5\\/12{width:41.666667%}.desktop\\:w-6\\/12{width:50%}.desktop\\:w-7\\/12{width:58.333333%}.desktop\\:w-8\\/12{width:66.666667%}.desktop\\:w-9\\/12{width:75%}.desktop\\:pr-0{padding-right:0}.desktop\\:pr-4{padding-right:1rem}.group:hover .desktop\\:group-hover\\:flex{display:flex}.group:hover .desktop\\:group-hover\\:hidden{display:none}}@media (min-width:90rem){.desktop-lg\\:flex{display:flex}.desktop-lg\\:hidden{display:none}.desktop-lg\\:w-1\\/12{width:8.333333%}.desktop-lg\\:w-10\\/12{width:83.333333%}.desktop-lg\\:w-11\\/12{width:91.666667%}.desktop-lg\\:w-2\\/12{width:16.666667%}.desktop-lg\\:w-3\\/12{width:25%}.desktop-lg\\:w-4\\/12{width:33.333333%}.desktop-lg\\:w-5\\/12{width:41.666667%}.desktop-lg\\:w-6\\/12{width:50%}.desktop-lg\\:w-7\\/12{width:58.333333%}.desktop-lg\\:w-8\\/12{width:66.666667%}.desktop-lg\\:w-9\\/12{width:75%}.desktop-lg\\:pr-0{padding-right:0}.desktop-lg\\:pr-4{padding-right:1rem}.group:hover .desktop-lg\\:group-hover\\:flex{display:flex}.group:hover .desktop-lg\\:group-hover\\:hidden{display:none}}@media (min-width:120rem){.desktop-xl\\:flex{display:flex}.desktop-xl\\:hidden{display:none}.desktop-xl\\:w-1\\/12{width:8.333333%}.desktop-xl\\:w-10\\/12{width:83.333333%}.desktop-xl\\:w-11\\/12{width:91.666667%}.desktop-xl\\:w-2\\/12{width:16.666667%}.desktop-xl\\:w-3\\/12{width:25%}.desktop-xl\\:w-4\\/12{width:33.333333%}.desktop-xl\\:w-5\\/12{width:41.666667%}.desktop-xl\\:w-6\\/12{width:50%}.desktop-xl\\:w-7\\/12{width:58.333333%}.desktop-xl\\:w-8\\/12{width:66.666667%}.desktop-xl\\:w-9\\/12{width:75%}.desktop-xl\\:pr-0{padding-right:0}.desktop-xl\\:pr-4{padding-right:1rem}.group:hover .desktop-xl\\:group-hover\\:flex{display:flex}.group:hover .desktop-xl\\:group-hover\\:hidden{display:none}}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
 const TableCell = class {
     constructor(hostRef) {
@@ -258,10 +258,10 @@ const footer = cva([
     'after:absolute after:left-0 after:top-0 after:z-[0]',
     'after:h-full after:w-full after:transition-opacity',
     `
-			after:bg-gradient-to-t after:from-white after:via-white/80
-			after:to-transparent
-			dark:after:from-hurricane-700 dark:after:via-hurricane-700/80
-		`,
+    after:bg-gradient-to-t after:from-white after:via-white/80
+    after:to-transparent
+    dark:after:from-hurricane-700 dark:after:via-hurricane-700/80
+  `,
 ], {
     variants: {
         pinned: {
@@ -274,9 +274,9 @@ const footer = cva([
         },
         tableHeaderHasAction: {
             true: `
-					pb-20 pt-8
-					desktop-xs:py-8
-				`,
+      pb-20 pt-8
+      desktop-xs:py-8
+    `,
             false: 'py-8',
         },
     },
@@ -360,12 +360,12 @@ const TableFooter = class {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (h(ThemedHost, { key: '9532ab1db5c12d695fa25f36683f6629f51bb0c1' }, h("div", { key: '21b10e0e7aa63c43383d9473be7833abcd13d2a5', class: footer({
+        return (h(ThemedHost, { key: '2a9d106d8fcda59dbe0615b936dec5c5a6c06ac3' }, h("div", { key: '92904418a7130a5b5b03c60c4ef9a5297fa67900', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: '7307f57dfae4759399588fc3bc0285c605d2cbb6', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (h("p-pagination", { key: 'b085a53358757b965720f35ad4deb70a705b4cfd', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -9859,15 +9859,15 @@ function requireCjs () {
 
 var cjsExports = /*@__PURE__*/ requireCjs();
 
-const tableHeaderComponentCss = () => `*{box-sizing:border-box}.static{position:static}.bottom-0{bottom:0}.left-0{left:0}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.ml-1{margin-left:.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.h-8{height:2rem}.w-3\\/4{width:75%}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.justify-self-start{justify-self:start}.rounded{border-radius:.25rem}.border{border-width:1px}.border-solid{border-style:solid}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.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)}@media (min-width:40rem){.tablet\\:px-0{padding-left:0;padding-right:0}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex}.desktop-xs\\:hidden{display:none}.desktop-xs\\:w-auto{width:auto}.desktop-xs\\:max-w-60{max-width:15rem}.desktop-xs\\:flex-row{flex-direction:row}.desktop-xs\\:items-center{align-items:center}}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}`;
+const tableHeaderComponentCss = () => `*{box-sizing:border-box}.static{position:static}.fixed{position:fixed}.bottom-0{bottom:0}.left-0{left:0}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.ml-1{margin-left:.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.h-8{height:2rem}.w-3\\/4{width:75%}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.justify-self-start{justify-self:start}.rounded{border-radius:.25rem}.border{border-width:1px}.border-solid{border-style:solid}.border-transparent{border-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.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)}@media (min-width:40rem){.tablet\\:flex{display:flex}.tablet\\:px-0{padding-left:0;padding-right:0}}@media (min-width:64rem){.desktop-xs\\:ml-auto{margin-left:auto}.desktop-xs\\:flex{display:flex}.desktop-xs\\:hidden{display:none}.desktop-xs\\:w-auto{width:auto}.desktop-xs\\:max-w-60{max-width:15rem}.desktop-xs\\:flex-row{flex-direction:row}.desktop-xs\\:items-center{align-items:center}}.dark\\:border-t-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-top-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)}.dark\\:border-t-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-top-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)}`;
 
 const header = cva([
     'z-[1] flex flex-col gap-2',
     'w-full',
     `
-		px-4
-		tablet:px-0
-	`,
+   px-4
+   tablet:px-0
+ `,
     'desktop-xs:flex-row',
 ]);
 const TableHeader = class {
@@ -9996,16 +9996,18 @@ 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 (h(ThemedHost, { key: '524927d6e7bef8c4ff4f3fd66ebe2673b963d111' }, h("div", { key: '716a90c16fff49d307c70ce98cbd8a4111c9ef9c', class: header() }, this.loading && (h("p-loader", { key: '8cfdf18f728d2c58eaedbe7c6dbd86206bfff9a1', class: '\n\t\t\t\t\t\t\t\thidden h-8 w-3/4 rounded\n\t\t\t\t\t\t\t\tdesktop-xs:flex\n\t\t\t\t\t\t\t', variant: 'ghost' })), !this.loading &&
-            (hasCustomFilterSlot || quickFilters.length > 0) && (h("div", { key: '9a3d996f306af515cd25ee9e17f59b57d5f93edc', class: '\n\t\t\t\t\t\t\t\t\tflex flex-col justify-start gap-4 justify-self-start\n\t\t\t\t\t\t\t\t\tdesktop-xs:flex-row\n\t\t\t\t\t\t\t\t' }, hasCustomFilterSlot && h("slot", { key: '2fbf09ff5e6c00bd81cd7263b8e572a87a18db05', name: 'custom-filter' }), quickFilters.length > 0 && (h("p-segment-container", { key: 'f5edcf6ea0abf75658794deac1eec25955dd5b06', class: '\n\t\t\t\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\t\t\t\tdesktop-xs:flex\n\t\t\t\t\t\t\t\t\t\t' }, quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string'
+        return (h(ThemedHost, { key: '046a82c93f16849095adf724acfd621369af3593' }, h("div", { key: 'e46eb857f7945716243299ce4c999673ec453d5a', class: header() }, this.loading && (h("p-loader", { key: 'c8a4898ede8aa744b72c6d11afceba5079eeb32a', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
+            (hasCustomFilterSlot || quickFilters.length > 0) && (h("div", { key: '877290a2e98724bc17e95d3d447ea37e6a005dc4', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && h("slot", { key: 'c1a71c7715dfd42975529c08f7d784f7fc463309', name: 'custom-filter' }), quickFilters.length > 0 && (h("p-segment-container", { key: 'a78f5ca023cd8106c610d1535e6e8b262dc15632', class: '\n            hidden\n            desktop-xs:flex\n          ' }, 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: '3f4502d0d1e23c28bafe32218adf5ff6cce3fc66', class: '\n\t\t\t\t\t\t\tflex flex-col justify-end gap-2\n\t\t\t\t\t\t\tdesktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n\t\t\t\t\t\t' }, this.enableSearch && (h("p-field", { key: 'baf7fefc1b4d5ea1e5c698d8f9f56bd4fc09592c', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), h("div", { key: 'ff1bc59eb869264cec6b237302e701bebc73b54a', class: 'flex items-center gap-2' }, this.enableFilter && (h("p-button", { key: '8762f4dcecb698b8cec2d8c16c7597134bfafa70', class: `
-										w-full
-										${this.enableFilterDesktop ? 'desktop-xs:w-auto' : 'desktop-xs:hidden'}
-									`, icon: 'filter', variant: 'secondary', onOnClick: () => this.filter.emit() }, this.filterButtonTemplate
+            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: '17e05645a060b6674211930c340f039e690b2b83', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (h("p-field", { key: 'e8cc9ab173b7864f5adee53fcb7a6b124e392722', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), h("div", { key: '593628e94f3766ad21562a8133cc76e0a8e7c612', class: 'flex items-center gap-2' }, this.enableFilter && (h("p-button", { key: '863ea9caf0d1d34e5c45a22db523f54075b861c9', class: `
+           w-full
+           ${this.enableFilterDesktop
+                ? 'desktop-xs:w-auto'
+                : 'desktop-xs:hidden'}
+         `, icon: 'filter', variant: 'secondary', onOnClick: () => 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 && (h("p-divider", { key: 'be3c7bae6457e5cadcdc8fecff9ed0e840fa383c', class: '\n\t\t\t\t\t\t\t\t\t\thidden h-4\n\t\t\t\t\t\t\t\t\t\ttablet:flex\n\t\t\t\t\t\t\t\t\t\tdark:text-white/15\n\t\t\t\t\t\t\t\t\t', variant: 'vertical' })), !this.loading && this.enableExport && (h("p-button", { key: '8c7760e745405f49b5f8a3f50c46d8f6a15f870e', class: '\n\t\t\t\t\t\t\t\t\t\tdesktop-xs:auto\n\t\t\t\t\t\t\t\t\t\tw-full\n\t\t\t\t\t\t\t\t\t', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: '9390cea67961f6fe0ac7461bf4f8c1dd1e256eeb', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: 'a0e442cec3cee3b2f689ea66c1c166f08bb25909', class: '\n\t\t\t\t\t\t\t\tfixed bottom-0 left-0 z-[2] block w-full border border-solid\n\t\t\t\t\t\t\t\tborder-transparent bg-white p-4\n\t\t\t\t\t\t\t\tdesktop-xs:hidden\n\t\t\t\t\t\t\t\tdark:border-t-hurricane-400 dark:bg-hurricane-500\n\t\t\t\t\t\t\t' }, this._buttonTemplate(true))))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (h("p-divider", { key: 'f82cc292316723b26ed2f163a8a4e5bd6b321f33', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (h("p-button", { key: '68b77661274b6e9c6e8764bbe16519539966e0f9', class: '\n           desktop-xs:auto\n           w-full\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: '5156a9e3cdcef6ce1aa15efa4909d88abed010da', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: 'a8125d245e8a194734b50c2ead689a9bfb7d686e', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -10014,25 +10016,25 @@ const TableHeader = class {
         return (h("p-button", { class: mobile
                 ? 'w-full'
                 : `
-							hidden
-							desktop-xs:flex
-						`, disabled: !this.canUseAction, icon: this.actionIcon, loading: this.actionLoading, onOnClick: () => this.action.emit() }, this.actionButtonTemplate
+        hidden
+        desktop-xs:flex
+      `, disabled: !this.canUseAction, icon: this.actionIcon, loading: this.actionLoading, onOnClick: () => this.action.emit() }, this.actionButtonTemplate
             ? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)
             : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
     }
     _getLabel(amount, variant = 'default') {
         return (h("p-badge", { class: `
-					ml-1
-					${variant === 'default'
+      ml-1
+      ${variant === 'default'
                 ? `
-								hidden
-								desktop-xs:flex
-							`
+       hidden
+       desktop-xs:flex
+     `
                 : `
-								flex
-								desktop-xs:hidden
-							`}
-				` }, amount));
+       flex
+       desktop-xs:hidden
+     `}
+    ` }, amount));
     }
 };
 TableHeader.style = tableHeaderComponentCss();
@@ -10074,10 +10076,10 @@ const row = cva(['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 'relative']
             class: [
                 'rounded-lg transition-colors',
                 `
-						bg-off-white-300
-						dark:bg-hurricane-400
-						dark:hover:bg-hurricane-400
-					`,
+       bg-off-white-300
+       dark:bg-hurricane-400
+       dark:hover:bg-hurricane-400
+     `,
             ],
         },
         {
@@ -10107,9 +10109,9 @@ const content = cva('relative flex min-w-full flex-nowrap items-stretch justify-
         {
             variant: ['default', 'secondary'],
             class: `
-					min-h-14 py-2
-					tablet:py-4
-				`,
+      min-h-14 py-2
+      tablet:py-4
+    `,
         },
         {
             variant: ['header', 'header-secondary'],
@@ -10121,9 +10123,9 @@ const actions = cva([
     'absolute -right-4 top-1 z-[2]',
     'h-[calc(100%-0.5rem)]',
     `
-		opacity-0 transition-opacity
-		group-hover:opacity-100
-	`,
+   opacity-0 transition-opacity
+   group-hover:opacity-100
+ `,
     'empty:hidden',
 ]);
 const TableRow = class {
@@ -10147,13 +10149,13 @@ const TableRow = class {
      */
     isLast = false;
     render() {
-        return (h(ThemedHost, { key: '48909fcc53360eac03773986a2285dbbefa85a52' }, h("div", { key: '0381c54ac8aa2315a1dfef5b71b38ef1688dc841', class: 'flex flex-col' }, h("div", { key: 'edc89387e7ba20fa45b67210dec29436f2460127', class: row({
+        return (h(ThemedHost, { key: '0d120affd1a9979fee9871f4185e5be8128235e8' }, h("div", { key: '5686db4396a01a88c3962bc6a821c0e1552c13f1', class: 'flex flex-col' }, h("div", { key: '71e6470049acc4b3acebbb478ebd8fba5f36d688', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, h("div", { key: '10fd953e0c0f078af1d8c684a926fe3570aa0d7a', class: content({
+            }) }, h("div", { key: 'e2d1a4259be84eca424d30d53a88a7a8cdb2336c', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: '1523017ded3bbd7b97ca33f030c631efb5c89fe6' }), h("div", { key: 'e9fda11a0c6c4e9f958cb7c806cad22ba55f2b84', class: actions() }, h("slot", { key: '1bb54521483fad6f4ae930b3a28ff4bb841ca0fe', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '5ea7a25f675667a320345af30b1169b0a4cf48e6' })))));
+            }) }, h("slot", { key: '7457daaf7e4fd01b21c68d048ff9dfed9387b507' }), h("div", { key: '780993e2462abeb10d1c56a15bd29bc77348bcdd', class: actions() }, h("slot", { key: 'e2ff2aa57ae3754fe904cde800a0dc6d9da192ed', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '5a76c8dca2fa8bdfd6476362d83f30b0832d1762' })))));
     }
 };
 TableRow.style = tableRowComponentCss();
@@ -10169,16 +10171,16 @@ const TableRowActionsContainer = class {
      */
     checked = false;
     render() {
-        return (h(ThemedHost, { key: '05b47280bc380ad0960a69c27fa641ea735a94f4' }, h("div", { key: '6a9d6af5eff48a794b274221edc9a224ce59d34f', class: cn(`
-							flex
-							before:w-4 before:bg-gradient-to-l before:from-off-white-200
-						`, {
+        return (h(ThemedHost, { key: '05b47280bc380ad0960a69c27fa641ea735a94f4' }, h("div", { key: '5a0480d4df301d4aa395f87fc93b2e068b9f79f4', class: cn(`
+        flex
+        before:w-4 before:bg-gradient-to-l before:from-off-white-200
+      `, {
                 'dark:before:from-hurricane-600': !this.checked,
                 'dark:before:from-hurricane-400': !!this.checked,
-            }) }, h("div", { key: 'd5a1768092984d480f41b42590515f050030cf84', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, h("div", { key: '6772a16f95a60938d7d8a019dcbd7c6e8f0d00c7', class: cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
                 'dark:bg-hurricane-600': !this.checked,
                 'dark:bg-hurricane-400': !!this.checked,
-            }) }, h("slot", { key: '05b57013150e1373a3b62bfb93a8e92fb8daa06e' })))));
+            }) }, h("slot", { key: '27f6a9bf20a79fc58b63412aa0943278408e6f90' })))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss();

package/dist/esm/p-field_3.entry.js

@@ -65,9 +65,9 @@ const field = cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid', 'relati
             focused: false,
             error: false,
             class: `
-					border-storm-100
-					dark:border-hurricane-400
-				`,
+      border-storm-100
+      dark:border-hurricane-400
+    `,
         },
         {
             variant: 'write',
@@ -75,26 +75,26 @@ const field = cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid', 'relati
             focused: true,
             error: false,
             class: `
-					border-indigo-600 ring ring-indigo-100
-					selection:bg-indigo-500
-					dark:ring-0
-				`,
+      border-indigo-600 ring ring-indigo-100
+      selection:bg-indigo-500
+      dark:ring-0
+    `,
         },
         {
             variant: 'write',
             disabled: false,
             class: `
-					bg-white
-					dark:bg-hurricane-500
-				`,
+      bg-white
+      dark:bg-hurricane-500
+    `,
         },
         {
             variant: 'write',
             disabled: true,
             class: `
-					cursor-not-allowed bg-white-600
-					dark:border-hurricane-500 dark:bg-hurricane-600
-				`,
+      cursor-not-allowed bg-white-600
+      dark:border-hurricane-500 dark:bg-hurricane-600
+    `,
         },
         {
             disabled: false,
@@ -106,24 +106,24 @@ const field = cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid', 'relati
             focused: true,
             error: true,
             class: `
-					ring ring-negative-red-50
-					selection:bg-negative-red-50
-					dark:ring-0
-				`,
+      ring ring-negative-red-50
+      selection:bg-negative-red-50
+      dark:ring-0
+    `,
         },
     ],
 });
 const input = cva([
     `
-			text-sm
-			placeholder:text-sm placeholder:text-storm-500/40
-			dark:placeholder:text-hurricane-200
-		`,
+    text-sm
+    placeholder:text-sm placeholder:text-storm-500/40
+    dark:placeholder:text-hurricane-200
+  `,
     'min-w-0 flex-1 border-none bg-transparent p-0',
     `
-			outline-none
-			focus:outline-none
-		`,
+    outline-none
+    focus:outline-none
+  `,
     'font-geist',
 ], {
     variants: {
@@ -137,9 +137,9 @@ const input = cva([
         },
         error: {
             false: `
-					text-storm-500
-					dark:text-white
-				`,
+      text-storm-500
+      dark:text-white
+    `,
             true: 'text-negative-red-500',
         },
     },
@@ -153,9 +153,9 @@ const prefixAndSuffix = cva(['flex flex-shrink-0 items-center justify-center tex
         disabled: {
             false: null,
             true: `
-					text-storm-100
-					dark:text-hurricane-400
-				`,
+      text-storm-100
+      dark:text-hurricane-400
+    `,
         },
         focused: {
             false: null,
@@ -180,18 +180,18 @@ const prefixAndSuffix = cva(['flex flex-shrink-0 items-center justify-center tex
             focused: false,
             error: false,
             class: `
-					text-storm-300
-					dark:text-hurricane-200
-				`,
+      text-storm-300
+      dark:text-hurricane-200
+    `,
         },
         {
             disabled: false,
             focused: true,
             error: false,
             class: `
-					text-storm-500
-					dark:text-white
-				`,
+      text-storm-500
+      dark:text-white
+    `,
         },
         {
             disabled: false,
@@ -382,8 +382,8 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(ThemedHost, { key: '2d3efe62a6b9463bba1e39d2794fabda20c6f038' }, h("p-field-container", { key: 'a55a299950823dba5cbb8ec33946426430a54a2b', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: 'ae63afe892c4abfe02e57f2e40d135b394786d21', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '0325dfdefaee16f52fc34f34251fffbce423ea39', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'fa2afa7090e5021b669e5b57cd749aad558fc6b7', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'a45dbb5e6505221f441feb3f1adb03bbd8326ba4', name: 'error', slot: 'error' })), h("div", { key: '75dc9396f2c2a63206f4df5e238327b90caaf7d9', class: field({
+        return (h(ThemedHost, { key: 'd957c15ac5c4fd277a79716e8f7644be5b7e413e' }, h("p-field-container", { key: '4ec3f19bf0e3336b652add8730974d890deaf1bc', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (h("slot", { key: '74c5bf652fa519804b802cb930b764a62a7991aa', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: 'f63069722b80fab8c262646787de0cfda2479def', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: '3045c36ea36e2d9b81b1fe31955237162ba50c62', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9', name: 'error', slot: 'error' })), h("div", { key: '805fc95477292dcf8404eb5f206bbfd576431dd2', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -394,7 +394,7 @@ const Field = class {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '42da31abb85a0a59b4257392f240abb8412a08eb', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: '41d8592d1683e02c23742e3fcae5f198e5dac18e', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -404,7 +404,7 @@ const Field = class {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (h("p-icon", { class: cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: 'c6c9ae5a876c6845ae1ade9386db42c746ee928e', class: prefixAndSuffix({
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (h("div", { key: '696e95bfe4ee145a02e4de13f697a01b62bb2678', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -560,7 +560,7 @@ const Field = class {
 };
 Field.style = fieldComponentCss();
 
-const fieldContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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}}.empty\\:hidden:empty{display:none}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
+const fieldContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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}}.empty\\:hidden:empty{display:none}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
 const loader = cva(['w-full rounded-lg'], {
     variants: {
@@ -671,21 +671,21 @@ const FieldContainer = class {
         }
         return (h(ThemedHost, { key: '9b4ab7a1d59cead07a2065b0d6bc72be41d24287' }, h("label", { key: 'ac31d16bdd75b4b236479638efd367f4771627d1', class: cn('flex w-inherit flex-col gap-1', {
                 'cursor-auto': this.variant === 'read',
-            }), htmlFor: this.id }, h("div", { key: '460ad5c8a40a699cf07a7647d94982bbc19a050e', class: cn(`
-								flex items-end justify-between gap-1
-								empty:hidden
-							`, {
+            }), htmlFor: this.id }, h("div", { key: '512c7c3162d9a40483f5d43d7fbea5635c40b45d', class: cn(`
+         flex items-end justify-between gap-1
+         empty:hidden
+       `, {
                 'flex-row-reverse': this.align === 'end',
-            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: '0db937fbb83c462b3fe6b0804312ea3be1bb7397', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, h("span", { key: 'b2306fe3788e40f9e0485d361dd96657db109167', class: '\n\t\t\t\t\t\t\t\t\t\tmin-w-0 overflow-hidden text-ellipsis text-xs font-medium\n\t\t\t\t\t\t\t\t\t\ttext-storm-300\n\t\t\t\t\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t\t\t\t\t' }, label), helper && (h("p-helper", { key: '676d385ef6ce89323ae8fa5dd8fbc00785ee9c83', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
-            hasHeaderSlot) && (h("div", { key: 'af4a8faeb4c3fca4554b306ab252378d8a39ab95', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
+            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: '77b5887681e6537714b0352a02873a56ab22e304', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, h("span", { key: '786e241b3537a05c4bf12f58333d5c10065879c3', class: '\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         ' }, label), helper && (h("p-helper", { key: 'd14700f7a78349ffb1de0a39bcb92ca9833e7f3b', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
+            hasHeaderSlot) && (h("div", { key: 'a3f63057ac68b62a68cf4d0b31b09039817ea87f', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
             asBoolean(this.showOptional) &&
-            this.variant === 'write' && (h("span", { key: '55bc53b5cdbaccf21d088ad061c0da7f5270bf8e', class: '\n\t\t\t\t\t\t\t\t\t\t\t\ttext-xs font-medium text-storm-200\n\t\t\t\t\t\t\t\t\t\t\t\tdark:text-hurricane-300\n\t\t\t\t\t\t\t\t\t\t\t' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: '9105c1857ad70a42363be7695b698a499467fe9b', name: 'header' })))), h("p-tooltip", { key: 'cac4a2b20a6876bab0b53c9d03f514f31bd1d38c', class: cn({
+            this.variant === 'write' && (h("span", { key: '6e98ac54bcabfe7b4481b1745b7c25fbc0c1e717', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: 'e4b5a07a66a036c619d0a788c959a3d80af2f58c', name: 'header' })))), h("p-tooltip", { key: 'd482091d838534d3f3e3f177c9f5ccd605e8e519', class: cn({
                 'w-full': this.variant === 'write' || this.loading,
                 'ml-auto': this.align === 'end',
                 'font-normal': this.variant === 'read',
                 'text-storm-500 dark:text-white': this.variant === 'read',
             }), content: this.error, enableUserInput: false, placement: this.errorPlacement, show: errorAndErrorIsNotBoolean &&
-                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: '5b396d454ec6d1a17f69327a88d4998765621102', name: 'error', slot: 'content' })), contentSlot))));
+                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: '45fc720b8771ffca3ce381fcc98c162947aa1e71', name: 'error', slot: 'content' })), contentSlot))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -712,7 +712,7 @@ const FieldContainer = class {
 };
 FieldContainer.style = fieldContainerComponentCss();
 
-const helperComponentCss = () => `.inline-flex{display:inline-flex}.h-\\[0\\.875rem\\]{height:.875rem}.w-\\[0\\.875rem\\]{width:.875rem}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.static{position:static}.absolute{position:absolute}.flex{display:flex}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}`;
+const helperComponentCss = () => `.inline-flex{display:inline-flex}.h-\\[0\\.875rem\\]{height:.875rem}.w-\\[0\\.875rem\\]{width:.875rem}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.static{position:static}.absolute{position:absolute}.flex{display:flex}.cursor-pointer{cursor:pointer}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.hover\\:text-storm-500:hover{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:hover\\:text-hurricane-200:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:hover\\:text-hurricane-200:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}`;
 
 const Helper = class {
     constructor(hostRef) {
@@ -727,7 +727,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (h(ThemedHost, { key: 'd7f07b4f232bb43ce0988ea8533353a8d193e7bf' }, h("p-tooltip", { key: 'df76c8696c9621a6ea5431c5d256eded55de0b57', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: '3b76a2970773f36bd83618b3c0c0c7072fd7873c', class: '\n\t\t\t\t\t\t\tcursor-pointer text-storm-300\n\t\t\t\t\t\t\thover:text-storm-500\n\t\t\t\t\t\t\tdark:text-hurricane-300\n\t\t\t\t\t\t\tdark:hover:text-hurricane-200\n\t\t\t\t\t\t', size: 'sm', slot: 'trigger', variant: 'question-circle' }), h("div", { key: 'f7e26695ff25c129f2c75ad1641ed97c7ed255c8', slot: 'content' }, h("slot", { key: 'eb6cfbb1f1d5d005864d5385a3f60ff08e6b1347' })))));
+        return (h(ThemedHost, { key: 'd7f07b4f232bb43ce0988ea8533353a8d193e7bf' }, h("p-tooltip", { key: 'df76c8696c9621a6ea5431c5d256eded55de0b57', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: 'f582de019e9a60ebe2296405354cb48ebfc4ca1f', class: '\n        cursor-pointer text-storm-300\n        hover:text-storm-500\n        dark:text-hurricane-300\n        dark:hover:text-hurricane-200\n      ', size: 'sm', slot: 'trigger', variant: 'question-circle' }), h("div", { key: '1863361d1ec8867f5f403d823290273b77571516', slot: 'content' }, h("slot", { key: 'd876213ee32eb63e77c9074391f8f31fd42ddd69' })))));
     }
 };
 Helper.style = helperComponentCss();

package/dist/esm/p-floating-menu-item.entry.js

@@ -5,7 +5,7 @@ import { a as asBoolean } from './as-boolean-C5CTp9IA.js';
 import './clsx-ChV9xqsO.js';
 import './state-BJbOyUuL.js';
 
-const floatingMenuItemComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.h-8{height:2rem}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded-lg{border-radius:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-50{--tw-text-opacity:1;color:rgb(232 232 234/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.hover\\:bg-storm-800:hover{--tw-bg-opacity:1;background-color:rgb(2 8 21/var(--tw-bg-opacity,1))}.active\\:bg-storm-700:active{--tw-bg-opacity:1;background-color:rgb(8 15 28/var(--tw-bg-opacity,1))}.active\\:text-storm-100\\/60:active{color:hsla(220,3%,83%,.6)}.group:hover .group-hover\\:text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.group:active .group-active\\:text-storm-100\\/60{color:hsla(220,3%,83%,.6)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(46,52,62,.5)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(46,52,62,.5)}`;
+const floatingMenuItemComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.h-8{height:2rem}.min-w-0{min-width:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded-lg{border-radius:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-50{--tw-text-opacity:1;color:rgb(232 232 234/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.empty\\:hidden:empty{display:none}.hover\\:bg-storm-800:hover{--tw-bg-opacity:1;background-color:rgb(2 8 21/var(--tw-bg-opacity,1))}.active\\:bg-storm-700:active{--tw-bg-opacity:1;background-color:rgb(8 15 28/var(--tw-bg-opacity,1))}.active\\:text-storm-100\\/60:active{color:hsla(220,3%,83%,.6)}.group:hover .group-hover\\:text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.group:active .group-active\\:text-storm-100\\/60{color:hsla(220,3%,83%,.6)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(46,52,62,.5)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(46,52,62,.5)}`;
 
 const item = cva(['group', 'flex h-8 items-center gap-2 px-2', 'text-sm', 'rounded-lg'], {
     variants: {
@@ -32,14 +32,14 @@ const item = cva(['group', 'flex h-8 items-center gap-2 px-2', 'text-sm', 'round
             hover: true,
             class: [
                 `
-						cursor-pointer
-						hover:bg-storm-800
-						active:bg-storm-700 active:text-storm-100/60
-					`,
+       cursor-pointer
+       hover:bg-storm-800
+       active:bg-storm-700 active:text-storm-100/60
+     `,
                 `
-						dark:hover:bg-hurricane-500
-						dark:active:bg-hurricane-600/50
-					`,
+       dark:hover:bg-hurricane-500
+       dark:active:bg-hurricane-600/50
+     `,
             ],
         },
     ],
@@ -60,9 +60,9 @@ const icon = cva([], {
             disabled: false,
             hover: true,
             class: `
-				group-hover:text-storm-100
-				group-active:text-storm-100/60
-			`,
+     group-hover:text-storm-100
+     group-active:text-storm-100/60
+   `,
         },
     ],
 });
@@ -99,10 +99,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (h(ThemedHost, { key: '1ae80676a1ac8148c4561e85e43852d10be0f627', class: item({
+        return (h(ThemedHost, { key: '9ea48ae1034fdfac03dda8cc37f418b70e84d110', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: '9b13d1ee99c16eadfecb9ccf56e9523667b6f1c1', class: '\n\t\t\t\t\t\tmin-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n\t\t\t\t\t\tempty:hidden\n\t\t\t\t\t' }, h("slot", { key: '6680dd0852ef84905fa93e58c9b9dd59606b50fa' }))));
+            }) }, this._getIcon(), h("p", { key: 'd95a7f2ccf5e11fb5048bf9ae651e341a62a75ec', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, h("slot", { key: '0af451107a9e94f6b63aa90d0683e4b50b43ba40' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {