@paperless/core 3.19.2 → 3.19.4

package/dist/cjs/p-submenu.cjs.entry.js

@@ -7,7 +7,7 @@ var cn = require('./cn-Cd68UVBT.js');
 require('./clsx-BtxeOLZW.js');
 require('./state-DM8SZBNO.js');
 
-const submenuComponentCss = () => `*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-\\[calc\\(1\\.5rem\\)\\]{left:1.5rem}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.m-0{margin:0}.m-2{margin:.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.flex{display:flex}.size-4{height:1rem;width:1rem}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.bg-hurricane-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.bg-off-white-400{--tw-bg-opacity:1;background-color:rgb(245 244 241/var(--tw-bg-opacity,1))}.bg-storm-500\\/30{background-color:rgba(24,30,41,.3)}.p-2{padding:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.pl-2{padding-left:.5rem}.pr-4{padding-right:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.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))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.transition-\\[max-height\\]{transition-duration:.15s;transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.group\\/submenu-header:hover .group-hover\\/submenu-header\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-600\\/30:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.3)}.dark\\:bg-storm-500\\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.2)}.dark\\:bg-storm-500\\/30:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.3)}.dark\\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/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-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\\:text-indigo-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(199 217 253/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\\:hover\\:bg-indigo-600\\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.1)}.group\\/submenu-header:hover .dark\\:group-hover\\/submenu-header\\: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\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-600\\/30:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.3)}.dark\\:bg-storm-500\\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.2)}.dark\\:bg-storm-500\\/30:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.3)}.dark\\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/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-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\\:text-indigo-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(199 217 253/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))}.dark\\:hover\\:bg-indigo-600\\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.1)}.group\\/submenu-header:hover .dark\\:group-hover\\/submenu-header\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
+const submenuComponentCss = () => `*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-6{left:1.5rem}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.z-\\[1\\]{z-index:1}.m-0{margin:0}.m-2{margin:.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.flex{display:flex}.size-4{height:1rem;width:1rem}.h-8{height:2rem}.w-\\[2px\\]{width:2px}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.bg-hurricane-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.bg-off-white-400{--tw-bg-opacity:1;background-color:rgb(245 244 241/var(--tw-bg-opacity,1))}.bg-storm-500\\/30{background-color:rgba(24,30,41,.3)}.bg-transparent{background-color:transparent}.p-2{padding:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.pl-2{padding-left:.5rem}.pr-4{padding-right:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.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))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.transition-\\[max-height\\]{transition-duration:.15s;transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.group\\/submenu-header:hover .group-hover\\/submenu-header\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-600\\/30:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.3)}.dark\\:bg-storm-500\\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.2)}.dark\\:bg-storm-500\\/30:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.3)}.dark\\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/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-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\\:text-indigo-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(199 217 253/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\\:hover\\:bg-indigo-600\\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.1)}.group\\/submenu-header:hover .dark\\:group-hover\\/submenu-header\\: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\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-600\\/30:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.3)}.dark\\:bg-storm-500\\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.2)}.dark\\:bg-storm-500\\/30:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.3)}.dark\\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/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-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\\:text-indigo-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(199 217 253/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))}.dark\\:hover\\:bg-indigo-600\\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.1)}.group\\/submenu-header:hover .dark\\:group-hover\\/submenu-header\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
 const header = index$1.cva([
     'group/submenu-header',
@@ -16,6 +16,7 @@ const header = index$1.cva([
     'rounded-lg',
     'cursor-pointer',
     'transition-colors',
+    'relative',
 ], {
     variants: {
         open: {
@@ -94,6 +95,40 @@ const Submenu = class {
      */
     open = false;
     get _el() { return index.getElement(this); }
+    _activeItemPosition = -1;
+    _showItemIndicator = false;
+    _headerOffset = 0;
+    _submenuItems = [];
+    _hoveringItem = undefined;
+    _itemActiveListener = () => {
+        const activeItemIndex = this._submenuItems.findIndex(i => i.active === true);
+        this.active = activeItemIndex !== -1;
+        if (activeItemIndex === -1) {
+            this._showItemIndicator = false;
+            return;
+        }
+        // set open when active changes
+        if (!this.open && this.active) {
+            this.open = true;
+        }
+        this._setItemPosition(this._submenuItems[activeItemIndex]);
+    };
+    _itemMouseEnterListener = (event) => {
+        if (this._hoveringItem && this._hoveringItem === event.target) {
+            return;
+        }
+        this._hoveringItem = event.target;
+        this._setItemPosition(this._hoveringItem);
+    };
+    _itemMouseLeaveListener = (event) => {
+        setTimeout(() => {
+            if (this._hoveringItem && this._hoveringItem !== event.target) {
+                return;
+            }
+            this._hoveringItem = undefined;
+            this._itemActiveListener();
+        }, 100);
+    };
     componentDidLoad() {
         const submenuItems = this._el.querySelectorAll('p-submenu-item');
         const hasActiveChild = [...submenuItems].some(i => i.active === true);
@@ -105,35 +140,87 @@ const Submenu = class {
         }
         this.open = true;
     }
+    componentDidRender() {
+        this._calculateHeaderOffset();
+    }
+    disconnectedCallback() {
+        this._removeListeners();
+    }
     render() {
         const submenuItems = this._el.querySelectorAll('p-submenu-item');
         const firstItem = getComputedStyle(submenuItems[0]);
         const maxHeight = submenuItems.length *
             Number.parseInt(firstItem.height.replace('px', '')) +
             16; // the margin of the content
-        return (index.h(themedHost_component.ThemedHost, { key: '110fad52ce96c4fc855408b422a42956b957d092' }, index.h("div", { key: '0b8f40db722e7c6f6ba8ded2e33a6776af28f0dc', class: 'flex w-full flex-col' }, index.h("div", { key: '23aa3cf5a7ece75e3fb6312e2e2173d68b2dcd86', class: cn.cn(header({
+        return (index.h(themedHost_component.ThemedHost, { key: '9f1be5fc3770c7527bc8be07510fa37d6c0e984c' }, index.h("div", { key: 'b6afb284861441006879d0bda9d9eb0bf86174f3', class: 'flex w-full flex-col' }, index.h("div", { key: '5e8e749909c8493486c352a3177b308d4cdfe05a', class: cn.cn(header({
                 active: this.active,
                 open: this.open,
-            })), onClick: () => (this.open = !this.open) }, this.showIndex && (index.h("div", { key: 'a24b117f984eb4392a90b47fd8363e7e320cb84a', class: indexContainer({
+            })), onClick: () => (this.open = !this.open) }, this.showIndex && (index.h("div", { key: '7429d46e05326a60fecf9ad0fd30ecdd03e4c148', class: indexContainer({
                 active: this.active,
                 open: this.open,
-            }) }, this.index)), index.h("div", { key: '76fb811ac456b88a7f3d3df3b5badfaf9fe6170f', class: 'flex flex-1 flex-col' }, index.h("p", { key: '0dd533096861b9962eb523ece6a2ad03f34223f0', class: cn.cn('m-0 text-sm', {
+            }) }, this.index)), index.h("div", { key: '0940e36702f42da9e076762191d4a11b57c3312c', class: 'flex flex-1 flex-col' }, index.h("p", { key: '64e34ec4598f4983a03a415c1dc893380413c51c', class: cn.cn('m-0 text-sm', {
                 'text-storm-400 dark:text-hurricane-100 dark:group-hover/submenu-header:text-white': !this.active,
                 'text-storm-500 dark:text-white': this.active,
-            }) }, this.title), index.h("p", { key: '0c3624317e71d9519ab6b694e70dbc7024641cef', class: cn.cn('m-0 text-xs', {
+            }) }, this.title), index.h("p", { key: 'd15bb2b7035cc06d2c7f4e6a8a3566a8044ade9d', class: cn.cn('m-0 text-xs', {
                 'text-storm-300 dark:text-hurricane-300': !this.active,
                 'text-storm-300 dark:text-indigo-200': this.active,
-            }) }, this.subtitle)), index.h("p-icon", { key: '480e39ea4630c81d13ec24728d7827a3760ebb6f', class: cn.cn({
+            }) }, this.subtitle)), index.h("p-icon", { key: 'cba00a3d1093bb5c565a8b585e3471fe53947d10', class: cn.cn({
                 'text-storm-500 dark:text-white': this.active,
                 'text-storm-300 dark:text-hurricane-300': !this.active,
-            }), rotate: this.open ? 180 : 0, variant: 'caret' })), index.h("div", { key: '2613acd0e5e16af70c39b93a1e064423fafa036c', class: cn.cn('relative flex flex-col overflow-hidden transition-[max-height]'), style: {
+            }), rotate: this.open ? 180 : 0, variant: 'caret' })), index.h("div", { key: '2199b8bad93526ae33cae769b3c1643614c26b86', class: cn.cn('relative flex flex-col overflow-hidden transition-[max-height]'), style: {
                 maxHeight: `${this.open ? maxHeight : 0}px`,
-            } }, index.h("div", { key: 'c8d88df1d7b0ffd7e29202655f33f46ec781a15e', class: cn.cn('absolute left-[calc(1.5rem)] top-0 z-0 w-px', {
+            } }, index.h("div", { key: 'cd7a456eb8ba1bb949e9891146e5260607c45153', class: cn.cn('absolute left-6 top-0 z-0 w-px', {
                 'bg-off-white-400 dark:bg-storm-500/30': !this.active,
                 'bg-indigo-100 dark:bg-hurricane-400': this.active,
             }), style: {
                 height: `${maxHeight}px`,
-            } }), index.h("div", { key: '0e4328a428da51a172b5a5ff7e8adf2a5c840de6', class: 'z-10 my-2 flex flex-col' }, index.h("slot", { key: '1541aecaf7c8981cd3a56ffe73b542b135cb186a' }))))));
+            } }), index.h("div", { key: 'fc15b0d8cc3764b378c4fc9db70a7e164a9e287a', class: cn.cn(`absolute left-6 top-0 z-[1] h-8 w-[2px] transform transition-all`, {
+                'bg-indigo-600': this._showItemIndicator,
+                'bg-transparent': !this._showItemIndicator,
+            }), style: {
+                transform: `translateY(${this._activeItemPosition}px)`,
+            } }), index.h("div", { key: '027e8f7c958784db540f67331f0577bb13a5a90f', class: 'z-10 my-2 flex flex-col' }, index.h("slot", { key: 'b3495515c0c0478a7bd4376b6cced01b89400d15', onSlotchange: () => this._slotChanged() }))))));
+    }
+    onWindowResize() {
+        this._calculateHeaderOffset();
+        this._itemActiveListener();
+    }
+    _calculateHeaderOffset() {
+        const headerEl = this._el.shadowRoot?.querySelector(String.raw `.group\/submenu-header`);
+        if (!headerEl) {
+            this._activeItemPosition = -1;
+            return;
+        }
+        this._headerOffset = headerEl.getBoundingClientRect().bottom;
+    }
+    _setItemPosition(item) {
+        if (!item) {
+            return;
+        }
+        this._activeItemPosition =
+            item.getBoundingClientRect().top - this._headerOffset;
+        if (!this._showItemIndicator) {
+            setTimeout(() => (this._showItemIndicator = true), 50);
+        }
+    }
+    _slotChanged() {
+        this._removeListeners();
+        const submenuItems = [...this._el.querySelectorAll('p-submenu-item')];
+        for (const item of submenuItems) {
+            item.addEventListener('activeChange', this._itemActiveListener);
+            item.addEventListener('mouseenter', this._itemMouseEnterListener);
+            item.addEventListener('mouseleave', this._itemMouseLeaveListener);
+        }
+        this._submenuItems = submenuItems;
+    }
+    _removeListeners() {
+        if (this._submenuItems.length > 0) {
+            for (const item of this._submenuItems) {
+                item.removeEventListener('activeChange', this._itemActiveListener);
+                item.removeEventListener('mouseenter', this._itemMouseEnterListener);
+                item.removeEventListener('mouseleave', this._itemMouseLeaveListener);
+            }
+        }
     }
 };
 Submenu.style = submenuComponentCss();

package/dist/cjs/paperless.cjs.js

@@ -45,7 +45,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"p-button_3.cjs\",[[769,\"p-button\",{\"label\":[1],\"as\":[1],\"underline\":[4],\"tabIndex\":[2,\"tab-index\"],\"variant\":[1],\"active\":[4],\"error\":[4],\"href\":[1],\"target\":[1],\"size\":[1],\"type\":[1],\"loading\":[4],\"chevron\":[8],\"chevronPosition\":[1,\"chevron-position\"],\"disabled\":[4],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconClass\":[1,\"icon-class\"],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"inheritText\":[4,\"inherit-text\"],\"buttonGroupPosition\":[1,\"button-group-position\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]],[769,\"p-loader\",{\"show\":[4],\"variant\":[1],\"color\":[1],\"modalTitle\":[1,\"modal-title\"],\"modalDescription\":[1,\"modal-description\"]}],[513,\"p-icon\",{\"variant\":[1],\"size\":[1],\"rotate\":[2],\"flip\":[1]}]]],[\"p-table.cjs\",[[772,\"p-table\",{\"items\":[1],\"loading\":[4],\"headerLoading\":[4,\"header-loading\"],\"footerLoading\":[4,\"footer-loading\"],\"amountOfLoadingRows\":[2,\"amount-of-loading-rows\"],\"enableRowSelection\":[4,\"enable-row-selection\"],\"rowSelectionLimit\":[2,\"row-selection-limit\"],\"enableRowClick\":[4,\"enable-row-click\"],\"selectedRows\":[16],\"enableFloatingMenu\":[4,\"enable-floating-menu\"],\"floatingMenuAmountSelectedTemplate\":[16],\"selectionKey\":[1,\"selection-key\"],\"canSelectKey\":[1,\"can-select-key\"],\"enableHeader\":[4,\"enable-header\"],\"quickFilters\":[1,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"enableSearch\":[4,\"enable-search\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16],\"enableAction\":[4,\"enable-action\"],\"actionButtonLoading\":[4,\"action-button-loading\"],\"actionButtonEnabled\":[4,\"action-button-enabled\"],\"actionButtonIcon\":[1,\"action-button-icon\"],\"actionButtonText\":[1,\"action-button-text\"],\"actionButtonTemplate\":[16],\"enableFooter\":[4,\"enable-footer\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"enableExport\":[4,\"enable-export\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"emptyStateHeader\":[16],\"emptyStateContent\":[16],\"emptyStateAction\":[16],\"enableEmptyStateAction\":[4,\"enable-empty-state-action\"],\"emptyStateFilteredHeader\":[16],\"emptyStateFilteredContent\":[16],\"shadow\":[4],\"_locales\":[32],\"_extraHeaders\":[32],\"_columns\":[32],\"_items\":[32],\"_enableRowSelection\":[32],\"_rowSelectionLimit\":[32],\"_rowActionsFloating\":[32],\"_rowActionsRow\":[32],\"_footerHidden\":[32]},[[16,\"localeChanged\",\"_setLocales\"],[16,\"tableDefinitionChanged\",\"onTableDefinitionUpdated\"],[4,\"keydown\",\"keyDown\"],[4,\"keyup\",\"keyUp\"],[4,\"visibilitychange\",\"visibilityChange\"],[9,\"resize\",\"_setRowSelectionData\"]],{\"items\":[{\"_parseItems\":0}],\"enableRowSelection\":[{\"_setRowSelectionData\":0}],\"rowSelectionLimit\":[{\"_setRowSelectionData\":0}],\"selectedRows\":[{\"_setRowSelectionData\":0}]}]]],[\"p-select.cjs\",[[576,\"p-select\",{\"items\":[1],\"multi\":[516],\"strategy\":[1],\"icon\":[1],\"query\":[1],\"placeholder\":[1],\"autocompletePlaceholder\":[1,\"autocomplete-placeholder\"],\"value\":[8],\"displayKey\":[1,\"display-key\"],\"dropdownDisplayKey\":[1,\"dropdown-display-key\"],\"selectionDisplayKey\":[1,\"selection-display-key\"],\"valueKey\":[1,\"value-key\"],\"avatarKey\":[1,\"avatar-key\"],\"iconKey\":[1,\"icon-key\"],\"iconClassKey\":[1,\"icon-class-key\"],\"showIconOnSelectedItem\":[1,\"show-icon-on-selected-item\"],\"classKey\":[1,\"class-key\"],\"applyClassOnSelectedItem\":[4,\"apply-class-on-selected-item\"],\"applyClassOnSelectedItemInMenu\":[4,\"apply-class-on-selected-item-in-menu\"],\"avatarLettersKey\":[1,\"avatar-letters-key\"],\"identifierKey\":[1,\"identifier-key\"],\"queryKey\":[1,\"query-key\"],\"autoSelectFirst\":[4,\"auto-select-first\"],\"showChevron\":[4,\"show-chevron\"],\"maxDisplayedItems\":[2,\"max-displayed-items\"],\"enableAutocomplete\":[4,\"enable-autocomplete\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"asyncFilter\":[4,\"async-filter\"],\"loading\":[4],\"enableSelectAll\":[4,\"enable-select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"selectAllIcon\":[1,\"select-all-icon\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"showAddItem\":[4,\"show-add-item\"],\"addItemText\":[1,\"add-item-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"_showDropdown\":[32],\"_selectedItem\":[32],\"_allSelected\":[32],\"_amountHidden\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[{\"_valueChange\":0}],\"items\":[{\"itemChanges\":0}],\"_showDropdown\":[{\"_showDropdownChanges\":0}],\"multi\":[{\"multiChanges\":0}]}]]],[\"p-datepicker.cjs\",[[576,\"p-datepicker\",{\"placeholder\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"enableNativePicker\":[4,\"enable-native-picker\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"format\":[1],\"hideIconWhenFilled\":[4,\"hide-icon-when-filled\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"loading\":[4],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"strategy\":[1],\"placement\":[513],\"_showDropdown\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_isMobileBrowser\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[{\"parseValue\":0}],\"minDate\":[{\"parseMinDate\":0}],\"maxDate\":[{\"parseMaxDate\":0}],\"disabledDates\":[{\"parseDisabledDates\":0}]}]]],[\"p-modal.cjs\",[[769,\"p-modal\",{\"size\":[1],\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"showMobileFooter\":[4,\"show-mobile-footer\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeModal\",\"handleCloseModal\"]]]]],[\"p-drawer.cjs\",[[769,\"p-drawer\",{\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"canClose\":[4,\"can-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeDrawer\",\"handleCloseDrawer\"],[8,\"forceCloseDrawer\",\"handleForceCloseDrawer\"]]]]],[\"p-attachment.cjs\",[[513,\"p-attachment\",{\"enableCameraOnMobile\":[4,\"enable-camera-on-mobile\"],\"value\":[1],\"fileId\":[1,\"file-id\"],\"accept\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"mode\":[1],\"placeholder\":[1],\"cameraTooltip\":[1,\"camera-tooltip\"],\"downloadTooltip\":[1,\"download-tooltip\"],\"uploadTooltip\":[1,\"upload-tooltip\"],\"deleteTooltip\":[1,\"delete-tooltip\"],\"loading\":[4],\"error\":[1]}]]],[\"p-profile.cjs\",[[769,\"p-profile\",{\"dropdownLocation\":[1,\"dropdown-location\"],\"_dropdownOpen\":[32],\"_hasDropdownSlot\":[32]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-navbar.cjs\",[[769,\"p-navbar\",{\"_show\":[32]},[[8,\"closeNavbar\",\"handleCloseNavbar\"],[8,\"openNavbar\",\"handleOpenNavbar\"]]]]],[\"p-accordion.cjs\",[[769,\"p-accordion\",{\"variant\":[1],\"header\":[1],\"open\":[4],\"closeable\":[4],\"openable\":[4],\"label\":[1],\"labelVariant\":[1,\"label-variant\"],\"labelIcon\":[1,\"label-icon\"]}]]],[\"p-card-header.cjs\",[[769,\"p-card-header\",{\"variant\":[1],\"header\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"divider\":[4]}]]],[\"p-navigation-item.cjs\",[[774,\"p-navigation-item\",{\"icon\":[1],\"active\":[4],\"loading\":[4],\"as\":[1],\"counter\":[8],\"href\":[1],\"target\":[1],\"class\":[1],\"applyFullWidth\":[4,\"apply-full-width\"]}]]],[\"p-cropper.cjs\",[[513,\"p-cropper\",{\"value\":[1],\"returnType\":[1,\"return-type\"],\"_loaded\":[32],\"_currentScale\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"p-dropzone.cjs\",[[769,\"p-dropzone\",{\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"acceptGroup\":[1,\"accept-group\"],\"fileId\":[1,\"file-id\"],\"loading\":[4],\"allowMultiple\":[4,\"allow-multiple\"],\"uploaded\":[4],\"addedString\":[1,\"added-string\"],\"dragFileString\":[1,\"drag-file-string\"],\"orClickString\":[1,\"or-click-string\"],\"_isOver\":[32]},[[1,\"drop\",\"onDrop\"],[1,\"dragover\",\"onDragOver\"],[1,\"dragleave\",\"onDragLeave\"]]]]],[\"p-stepper.cjs\",[[769,\"p-stepper\",{\"steps\":[1],\"activeStep\":[2,\"active-step\"],\"enableAutoStatus\":[4,\"enable-auto-status\"],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"_generatedOnce\":[32],\"_loaded\":[32]},null,{\"align\":[{\"_onAlignChange\":0}],\"direction\":[{\"_onDirectionChange\":0}],\"activeStep\":[{\"_onActiveStepChange\":0}]}]]],[\"p-info-panel.cjs\",[[769,\"p-info-panel\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"closeable\":[4]}]]],[\"p-listing.cjs\",[[769,\"p-listing\",{\"_generatedOnce\":[32]}]]],[\"p-listing-item.cjs\",[[769,\"p-listing-item\",{\"icon\":[1]}]]],[\"p-navigation-section.cjs\",[[772,\"p-navigation-section\",{\"header\":[1]}]]],[\"p-submenu.cjs\",[[769,\"p-submenu\",{\"title\":[513],\"subtitle\":[513],\"index\":[514],\"showIndex\":[516,\"show-index\"],\"active\":[516],\"open\":[516]}]]],[\"p-submenu-item.cjs\",[[769,\"p-submenu-item\",{\"active\":[516],\"icon\":[513]}]]],[\"p-tab-container.cjs\",[[257,\"p-tab-container\"]]],[\"p-toast.cjs\",[[769,\"p-toast\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconFlip\":[1,\"action-icon-flip\"],\"actionIconRotate\":[2,\"action-icon-rotate\"]}]]],[\"p-avatar-group.cjs\",[[772,\"p-avatar-group\",{\"extra\":[2]}]]],[\"p-button-group.cjs\",[[769,\"p-button-group\",{\"size\":[1]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-card-body.cjs\",[[257,\"p-card-body\"]]],[\"p-card-container.cjs\",[[769,\"p-card-container\",{\"variant\":[1],\"bgClass\":[1,\"bg-class\"],\"active\":[4],\"hoverable\":[4],\"shadow\":[4],\"border\":[4]}]]],[\"p-content-slider.cjs\",[[769,\"p-content-slider\",{\"hideMobileIndicator\":[4,\"hide-mobile-indicator\"],\"disableDrag\":[4,\"disable-drag\"],\"disableAutoCenter\":[4,\"disable-auto-center\"],\"disableIndicatorClick\":[4,\"disable-indicator-click\"],\"_visibleIndex\":[32],\"_outerHeight\":[32],\"_totalWidth\":[32],\"_dragging\":[32]},[[9,\"mouseup\",\"mouseUpHandler\"],[9,\"touchend\",\"mouseUpHandler\"],[9,\"resize\",\"resizeHandler\"]]]]],[\"p-iban-icon.cjs\",[[513,\"p-iban-icon\",{\"iban\":[513],\"variant\":[513]}]]],[\"p-layout.cjs\",[[769,\"p-layout\",{\"variant\":[1]}]]],[\"p-radio.cjs\",[[836,\"p-radio\",{\"value\":[1],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"checked\":[516],\"_nonce\":[32]}]]],[\"p-tab-item.cjs\",[[769,\"p-tab-item\",{\"active\":[4]}]]],[\"p-table-column.cjs\",[[512,\"p-table-column\",{\"path\":[1537],\"variant\":[1537],\"name\":[1537],\"flex\":[1540],\"useSlot\":[1540,\"use-slot\"],\"hasCheckbox\":[1540,\"has-checkbox\"],\"align\":[1537],\"headerAlign\":[1537,\"header-align\"],\"sticky\":[1544],\"parsedSizes\":[1040],\"sizes\":[1032]}]]],[\"p-table-extra-header.cjs\",[[512,\"p-table-extra-header\",{\"name\":[1537],\"sticky\":[1544],\"useSlot\":[1540,\"use-slot\"],\"align\":[1537],\"parsedSizes\":[1040],\"sizes\":[1032]}]]],[\"p-table-row-action.cjs\",[[512,\"p-table-row-action\",{\"type\":[1537],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"label\":[1],\"action\":[16],\"disabled\":[4],\"loading\":[4],\"showFunction\":[16]}]]],[\"p-toast-container.cjs\",[[769,\"p-toast-container\",{\"placement\":[1]}]]],[\"p-toggle.cjs\",[[836,\"p-toggle\",{\"checked\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}]]],[\"p-calendar.cjs\",[[513,\"p-calendar\",{\"variant\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"_view\":[32],\"_viewDate\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_enableToday\":[32]},null,{\"value\":[{\"_parseValue\":0}],\"minDate\":[{\"_parseMinDate\":0}],\"maxDate\":[{\"_parseMaxDate\":0}],\"disabledDates\":[{\"_parseDisabledDates\":0}],\"mode\":[{\"_modeChange\":0}]}]]],[\"p-label.cjs\",[[769,\"p-label\",{\"variant\":[513],\"iconOnly\":[516,\"icon-only\"],\"icon\":[513],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"keepMobileContent\":[516,\"keep-mobile-content\"]}]]],[\"p-range.cjs\",[[513,\"p-range\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2]}]]],[\"p-avatar.cjs\",[[512,\"p-avatar\",{\"variant\":[1],\"size\":[513],\"defaultImage\":[1,\"default-image\"],\"src\":[1],\"letters\":[1],\"_src\":[32],\"_failed\":[32]},null,{\"src\":[{\"onSrchChange\":0}]}]]],[\"p-listing-line.cjs\",[[1,\"p-listing-line\"]]],[\"p-navigation-title.cjs\",[[257,\"p-navigation-title\"]]],[\"p-floating-menu-item.cjs\",[[772,\"p-floating-menu-item\",{\"hover\":[4],\"disabled\":[4],\"loading\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}]]],[\"p-stepper-item_2.cjs\",[[769,\"p-stepper-item\",{\"number\":[2],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"finished\":[4],\"active\":[4]}],[513,\"p-stepper-line\",{\"active\":[516],\"direction\":[513]}]]],[\"p-illustration.cjs\",[[512,\"p-illustration\",{\"variant\":[1]}]]],[\"p-drawer-body_3.cjs\",[[769,\"p-drawer-header\",{\"showClose\":[4,\"show-close\"]}],[257,\"p-drawer-body\"],[769,\"p-drawer-container\",{\"closing\":[4]}]]],[\"p-backdrop.cjs\",[[769,\"p-backdrop\",{\"variant\":[1],\"applyBlur\":[4,\"apply-blur\"],\"closing\":[4],\"scrollLock\":[4,\"scroll-lock\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]]]],[\"p-smile.cjs\",[[512,\"p-smile\",{\"variant\":[1]}]]],[\"p-divider.cjs\",[[769,\"p-divider\",{\"variant\":[513],\"alignContent\":[513,\"align-content\"]}]]],[\"p-modal-body_4.cjs\",[[769,\"p-modal-header\",{\"showClose\":[4,\"show-close\"]}],[257,\"p-modal-footer\"],[769,\"p-modal-body\",{\"roundedBottom\":[4,\"rounded-bottom\"],\"roundedTop\":[4,\"rounded-top\"]}],[769,\"p-modal-container\",{\"size\":[1],\"closing\":[4]}]]],[\"p-badge_3.cjs\",[[769,\"p-segment-item\",{\"variant\":[1],\"active\":[4],\"iconOnly\":[4,\"icon-only\"],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}],[257,\"p-segment-container\"],[257,\"p-badge\"]]],[\"p-tooltip.cjs\",[[769,\"p-tooltip\",{\"variant\":[1],\"content\":[1],\"placement\":[1],\"offset\":[2],\"strategy\":[1],\"enableUserInput\":[4,\"enable-user-input\"],\"show\":[4],\"canManuallyClose\":[4,\"can-manually-close\"]},[[2,\"click\",\"clickHandler\"],[6,\"click\",\"documentClickHandler\"],[1,\"mouseenter\",\"mouseEnterHandler\"],[0,\"focus\",\"mouseEnterHandler\"],[1,\"mouseleave\",\"mouseLeaveHandler\"],[0,\"blur\",\"mouseLeaveHandler\"]],{\"show\":[{\"onShowChange\":0}],\"content\":[{\"onContentChange\":0}]}]]],[\"p-checkbox_3.cjs\",[[836,\"p-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}],[769,\"p-dropdown\",{\"variant\":[1],\"placement\":[513],\"offset\":[2],\"strategy\":[1],\"show\":[4],\"applyMaxWidth\":[4,\"apply-max-width\"],\"applyFullWidth\":[4,\"apply-full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8],\"insideClick\":[4,\"inside-click\"],\"disableTriggerClick\":[4,\"disable-trigger-click\"],\"manual\":[4],\"applyChevron\":[4,\"apply-chevron\"],\"manualChevron\":[4,\"manual-chevron\"],\"chevronPosition\":[1,\"chevron-position\"],\"chevronDirection\":[1,\"chevron-direction\"],\"containerClass\":[1,\"container-class\"],\"isDatepicker\":[4,\"is-datepicker\"]},[[6,\"click\",\"documentClickHandler\"]],{\"show\":[{\"onShowChange\":0}]}],[769,\"p-dropdown-menu-container\",{\"variant\":[1],\"maxWidth\":[4,\"max-width\"],\"class\":[1],\"fullWidth\":[4,\"full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8]}]]],[\"p-dropdown-menu-item_2.cjs\",[[769,\"p-pagination-pages-item\",{\"variant\":[1],\"active\":[4],\"hover\":[4],\"disabled\":[4]}],[769,\"p-dropdown-menu-item\",{\"active\":[4],\"checkbox\":[4],\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"disabled\":[4],\"icon\":[1],\"iconWave\":[4,\"icon-wave\"],\"useContainer\":[4,\"use-container\"],\"autoHeight\":[4,\"auto-height\"]}]]],[\"p-field_3.cjs\",[[833,\"p-field\",{\"align\":[1],\"variant\":[1],\"id\":[1],\"size\":[1],\"type\":[1],\"properties\":[8],\"prefix\":[1],\"suffix\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"iconPosition\":[1,\"icon-position\"],\"value\":[8],\"label\":[1],\"loading\":[4],\"enablePasswordEye\":[4,\"enable-password-eye\"],\"placeholder\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"showAddOnEmpty\":[516,\"show-add-on-empty\"],\"addText\":[513,\"add-text\"],\"autofocus\":[516],\"error\":[513],\"autoShowError\":[516,\"auto-show-error\"],\"errorPlacement\":[1,\"error-placement\"],\"disabled\":[516],\"focused\":[516],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"selectAllOnFocus\":[516,\"select-all-on-focus\"],\"focusMethod\":[1,\"focus-method\"],\"optionalTemplate\":[16],\"_focused\":[32],\"_nonce\":[32],\"_type\":[32]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"],[2,\"keyup\",\"handleKeyup\"],[2,\"keydown\",\"handleKeydown\"]],{\"value\":[{\"watchvalue\":0}]}],[769,\"p-field-container\",{\"id\":[1],\"align\":[1],\"label\":[1],\"loading\":[4],\"loadingSize\":[1,\"loading-size\"],\"variant\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"errorPlacement\":[1,\"error-placement\"],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"optionalTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[769,\"p-helper\",{\"strategy\":[1],\"placement\":[1]}]]],[\"p-pagination_3.cjs\",[[513,\"p-pagination\",{\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"_hasPaginationPages\":[32]}],[513,\"p-pagination-pages\",{\"page\":[1538],\"dropdownPageTemplate\":[16],\"pageSize\":[2,\"page-size\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"total\":[2],\"_showDropdown\":[32],\"_dropdowns\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"],[6,\"click\",\"documentClickHandler\"]],{\"page\":[{\"pageChangeHandler\":0}],\"pageSize\":[{\"pageChangeHandler\":0}],\"total\":[{\"pageChangeHandler\":0}]}],[769,\"p-pagination-size\",{\"size\":[1538],\"sizeOptions\":[16],\"itemTemplate\":[16],\"hidden\":[4],\"dropdownIsOpen\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]]]],[\"p-empty-state_8.cjs\",[[513,\"p-table-footer\",{\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"loading\":[4],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"tableHeaderHasAction\":[4,\"table-header-has-action\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"_isPinned\":[32],\"_hasPaginationPages\":[32]},[[9,\"scroll\",\"onScroll\"]]],[769,\"p-table-header\",{\"quickFilters\":[1,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"hideQuickFiltersOnMobile\":[4,\"hide-quick-filters-on-mobile\"],\"loading\":[4],\"enableSearch\":[4,\"enable-search\"],\"itemsSelectedAmount\":[2,\"items-selected-amount\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableExport\":[4,\"enable-export\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16],\"enableAction\":[4,\"enable-action\"],\"actionLoading\":[4,\"action-loading\"],\"actionIcon\":[1,\"action-icon\"],\"actionText\":[1,\"action-text\"],\"canUseAction\":[1028,\"can-use-action\"],\"actionButtonTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[769,\"p-empty-state\",{\"illustration\":[1],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionText\":[1,\"action-text\"],\"actionVariant\":[1,\"action-variant\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconPosition\":[1,\"action-icon-position\"],\"actionLoading\":[4,\"action-loading\"]}],[769,\"p-floating-menu-container\",{\"usedInTable\":[4,\"used-in-table\"],\"enableAmountSelected\":[4,\"enable-amount-selected\"],\"amount\":[2],\"enableClose\":[4,\"enable-close\"],\"amountSelectedTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[772,\"p-table-cell\",{\"variant\":[1],\"index\":[2],\"rowIndex\":[2,\"row-index\"],\"definition\":[8],\"item\":[8],\"value\":[8],\"checkbox\":[8],\"checkboxOffset\":[4,\"checkbox-offset\"],\"template\":[16]}],[769,\"p-table-row\",{\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"checked\":[4],\"isLast\":[4,\"is-last\"]}],[260,\"p-table-container\"],[769,\"p-table-row-actions-container\",{\"checked\":[4]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"p-button_3.cjs\",[[769,\"p-button\",{\"label\":[1],\"as\":[1],\"underline\":[4],\"tabIndex\":[2,\"tab-index\"],\"variant\":[1],\"active\":[4],\"error\":[4],\"href\":[1],\"target\":[1],\"size\":[1],\"type\":[1],\"loading\":[4],\"chevron\":[8],\"chevronPosition\":[1,\"chevron-position\"],\"disabled\":[4],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconClass\":[1,\"icon-class\"],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"inheritText\":[4,\"inherit-text\"],\"buttonGroupPosition\":[1,\"button-group-position\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]],[769,\"p-loader\",{\"show\":[4],\"variant\":[1],\"color\":[1],\"modalTitle\":[1,\"modal-title\"],\"modalDescription\":[1,\"modal-description\"]}],[513,\"p-icon\",{\"variant\":[1],\"size\":[1],\"rotate\":[2],\"flip\":[1]}]]],[\"p-table.cjs\",[[772,\"p-table\",{\"items\":[1],\"loading\":[4],\"headerLoading\":[4,\"header-loading\"],\"footerLoading\":[4,\"footer-loading\"],\"amountOfLoadingRows\":[2,\"amount-of-loading-rows\"],\"enableRowSelection\":[4,\"enable-row-selection\"],\"rowSelectionLimit\":[2,\"row-selection-limit\"],\"enableRowClick\":[4,\"enable-row-click\"],\"selectedRows\":[16],\"enableFloatingMenu\":[4,\"enable-floating-menu\"],\"floatingMenuAmountSelectedTemplate\":[16],\"selectionKey\":[1,\"selection-key\"],\"canSelectKey\":[1,\"can-select-key\"],\"enableHeader\":[4,\"enable-header\"],\"quickFilters\":[1,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"enableSearch\":[4,\"enable-search\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16],\"enableAction\":[4,\"enable-action\"],\"actionButtonLoading\":[4,\"action-button-loading\"],\"actionButtonEnabled\":[4,\"action-button-enabled\"],\"actionButtonIcon\":[1,\"action-button-icon\"],\"actionButtonText\":[1,\"action-button-text\"],\"actionButtonTemplate\":[16],\"enableFooter\":[4,\"enable-footer\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"enableExport\":[4,\"enable-export\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"emptyStateHeader\":[16],\"emptyStateContent\":[16],\"emptyStateAction\":[16],\"enableEmptyStateAction\":[4,\"enable-empty-state-action\"],\"emptyStateFilteredHeader\":[16],\"emptyStateFilteredContent\":[16],\"shadow\":[4],\"_locales\":[32],\"_extraHeaders\":[32],\"_columns\":[32],\"_items\":[32],\"_enableRowSelection\":[32],\"_rowSelectionLimit\":[32],\"_rowActionsFloating\":[32],\"_rowActionsRow\":[32],\"_footerHidden\":[32]},[[16,\"localeChanged\",\"_setLocales\"],[16,\"tableDefinitionChanged\",\"onTableDefinitionUpdated\"],[4,\"keydown\",\"keyDown\"],[4,\"keyup\",\"keyUp\"],[4,\"visibilitychange\",\"visibilityChange\"],[9,\"resize\",\"_setRowSelectionData\"]],{\"items\":[{\"_parseItems\":0}],\"enableRowSelection\":[{\"_setRowSelectionData\":0}],\"rowSelectionLimit\":[{\"_setRowSelectionData\":0}],\"selectedRows\":[{\"_setRowSelectionData\":0}]}]]],[\"p-select.cjs\",[[576,\"p-select\",{\"items\":[1],\"multi\":[516],\"strategy\":[1],\"icon\":[1],\"query\":[1],\"placeholder\":[1],\"autocompletePlaceholder\":[1,\"autocomplete-placeholder\"],\"value\":[8],\"displayKey\":[1,\"display-key\"],\"dropdownDisplayKey\":[1,\"dropdown-display-key\"],\"selectionDisplayKey\":[1,\"selection-display-key\"],\"valueKey\":[1,\"value-key\"],\"avatarKey\":[1,\"avatar-key\"],\"iconKey\":[1,\"icon-key\"],\"iconClassKey\":[1,\"icon-class-key\"],\"showIconOnSelectedItem\":[1,\"show-icon-on-selected-item\"],\"classKey\":[1,\"class-key\"],\"applyClassOnSelectedItem\":[4,\"apply-class-on-selected-item\"],\"applyClassOnSelectedItemInMenu\":[4,\"apply-class-on-selected-item-in-menu\"],\"avatarLettersKey\":[1,\"avatar-letters-key\"],\"identifierKey\":[1,\"identifier-key\"],\"queryKey\":[1,\"query-key\"],\"autoSelectFirst\":[4,\"auto-select-first\"],\"showChevron\":[4,\"show-chevron\"],\"maxDisplayedItems\":[2,\"max-displayed-items\"],\"enableAutocomplete\":[4,\"enable-autocomplete\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"asyncFilter\":[4,\"async-filter\"],\"loading\":[4],\"enableSelectAll\":[4,\"enable-select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"selectAllIcon\":[1,\"select-all-icon\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"showAddItem\":[4,\"show-add-item\"],\"addItemText\":[1,\"add-item-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"_showDropdown\":[32],\"_selectedItem\":[32],\"_allSelected\":[32],\"_amountHidden\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[{\"_valueChange\":0}],\"items\":[{\"itemChanges\":0}],\"_showDropdown\":[{\"_showDropdownChanges\":0}],\"multi\":[{\"multiChanges\":0}]}]]],[\"p-datepicker.cjs\",[[576,\"p-datepicker\",{\"placeholder\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"enableNativePicker\":[4,\"enable-native-picker\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"format\":[1],\"hideIconWhenFilled\":[4,\"hide-icon-when-filled\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"loading\":[4],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"strategy\":[1],\"placement\":[513],\"_showDropdown\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_isMobileBrowser\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[{\"parseValue\":0}],\"minDate\":[{\"parseMinDate\":0}],\"maxDate\":[{\"parseMaxDate\":0}],\"disabledDates\":[{\"parseDisabledDates\":0}]}]]],[\"p-modal.cjs\",[[769,\"p-modal\",{\"size\":[1],\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"showMobileFooter\":[4,\"show-mobile-footer\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeModal\",\"handleCloseModal\"]]]]],[\"p-drawer.cjs\",[[769,\"p-drawer\",{\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"canClose\":[4,\"can-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeDrawer\",\"handleCloseDrawer\"],[8,\"forceCloseDrawer\",\"handleForceCloseDrawer\"]]]]],[\"p-attachment.cjs\",[[513,\"p-attachment\",{\"enableCameraOnMobile\":[4,\"enable-camera-on-mobile\"],\"value\":[1],\"fileId\":[1,\"file-id\"],\"accept\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"mode\":[1],\"placeholder\":[1],\"cameraTooltip\":[1,\"camera-tooltip\"],\"downloadTooltip\":[1,\"download-tooltip\"],\"uploadTooltip\":[1,\"upload-tooltip\"],\"deleteTooltip\":[1,\"delete-tooltip\"],\"loading\":[4],\"error\":[1]}]]],[\"p-profile.cjs\",[[769,\"p-profile\",{\"dropdownLocation\":[1,\"dropdown-location\"],\"_dropdownOpen\":[32],\"_hasDropdownSlot\":[32]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-navbar.cjs\",[[769,\"p-navbar\",{\"_show\":[32]},[[8,\"closeNavbar\",\"handleCloseNavbar\"],[8,\"openNavbar\",\"handleOpenNavbar\"]]]]],[\"p-accordion.cjs\",[[769,\"p-accordion\",{\"variant\":[1],\"header\":[1],\"open\":[4],\"closeable\":[4],\"openable\":[4],\"label\":[1],\"labelVariant\":[1,\"label-variant\"],\"labelIcon\":[1,\"label-icon\"]}]]],[\"p-card-header.cjs\",[[769,\"p-card-header\",{\"variant\":[1],\"header\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"divider\":[4]}]]],[\"p-navigation-item.cjs\",[[774,\"p-navigation-item\",{\"icon\":[1],\"active\":[4],\"loading\":[4],\"as\":[1],\"counter\":[8],\"href\":[1],\"target\":[1],\"class\":[1],\"applyFullWidth\":[4,\"apply-full-width\"]}]]],[\"p-cropper.cjs\",[[513,\"p-cropper\",{\"value\":[1],\"returnType\":[1,\"return-type\"],\"_loaded\":[32],\"_currentScale\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"p-dropzone.cjs\",[[769,\"p-dropzone\",{\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"acceptGroup\":[1,\"accept-group\"],\"fileId\":[1,\"file-id\"],\"loading\":[4],\"allowMultiple\":[4,\"allow-multiple\"],\"uploaded\":[4],\"addedString\":[1,\"added-string\"],\"dragFileString\":[1,\"drag-file-string\"],\"orClickString\":[1,\"or-click-string\"],\"_isOver\":[32]},[[1,\"drop\",\"onDrop\"],[1,\"dragover\",\"onDragOver\"],[1,\"dragleave\",\"onDragLeave\"]]]]],[\"p-stepper.cjs\",[[769,\"p-stepper\",{\"steps\":[1],\"activeStep\":[2,\"active-step\"],\"enableAutoStatus\":[4,\"enable-auto-status\"],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"_generatedOnce\":[32],\"_loaded\":[32]},null,{\"align\":[{\"_onAlignChange\":0}],\"direction\":[{\"_onDirectionChange\":0}],\"activeStep\":[{\"_onActiveStepChange\":0}]}]]],[\"p-info-panel.cjs\",[[769,\"p-info-panel\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"closeable\":[4]}]]],[\"p-listing.cjs\",[[769,\"p-listing\",{\"_generatedOnce\":[32]}]]],[\"p-listing-item.cjs\",[[769,\"p-listing-item\",{\"icon\":[1]}]]],[\"p-navigation-section.cjs\",[[772,\"p-navigation-section\",{\"header\":[1]}]]],[\"p-submenu.cjs\",[[769,\"p-submenu\",{\"title\":[513],\"subtitle\":[513],\"index\":[514],\"showIndex\":[516,\"show-index\"],\"active\":[516],\"open\":[516],\"_activeItemPosition\":[32],\"_showItemIndicator\":[32]},[[9,\"resize\",\"onWindowResize\"]]]]],[\"p-submenu-item.cjs\",[[769,\"p-submenu-item\",{\"active\":[516],\"icon\":[513]}]]],[\"p-tab-container.cjs\",[[257,\"p-tab-container\"]]],[\"p-toast.cjs\",[[769,\"p-toast\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconFlip\":[1,\"action-icon-flip\"],\"actionIconRotate\":[2,\"action-icon-rotate\"]}]]],[\"p-avatar-group.cjs\",[[772,\"p-avatar-group\",{\"extra\":[2]}]]],[\"p-button-group.cjs\",[[769,\"p-button-group\",{\"size\":[1]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-card-body.cjs\",[[257,\"p-card-body\"]]],[\"p-card-container.cjs\",[[769,\"p-card-container\",{\"variant\":[1],\"bgClass\":[1,\"bg-class\"],\"active\":[4],\"hoverable\":[4],\"shadow\":[4],\"border\":[4]}]]],[\"p-content-slider.cjs\",[[769,\"p-content-slider\",{\"hideMobileIndicator\":[4,\"hide-mobile-indicator\"],\"disableDrag\":[4,\"disable-drag\"],\"disableAutoCenter\":[4,\"disable-auto-center\"],\"disableIndicatorClick\":[4,\"disable-indicator-click\"],\"_visibleIndex\":[32],\"_outerHeight\":[32],\"_totalWidth\":[32],\"_dragging\":[32]},[[9,\"mouseup\",\"mouseUpHandler\"],[9,\"touchend\",\"mouseUpHandler\"],[9,\"resize\",\"resizeHandler\"]]]]],[\"p-iban-icon.cjs\",[[513,\"p-iban-icon\",{\"iban\":[513],\"variant\":[513]}]]],[\"p-layout.cjs\",[[769,\"p-layout\",{\"variant\":[1]}]]],[\"p-radio.cjs\",[[836,\"p-radio\",{\"value\":[1],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"checked\":[516],\"_nonce\":[32]}]]],[\"p-tab-item.cjs\",[[769,\"p-tab-item\",{\"active\":[4]}]]],[\"p-table-column.cjs\",[[512,\"p-table-column\",{\"path\":[1537],\"variant\":[1537],\"name\":[1537],\"flex\":[1540],\"useSlot\":[1540,\"use-slot\"],\"hasCheckbox\":[1540,\"has-checkbox\"],\"align\":[1537],\"headerAlign\":[1537,\"header-align\"],\"sticky\":[1544],\"parsedSizes\":[1040],\"sizes\":[1032]}]]],[\"p-table-extra-header.cjs\",[[512,\"p-table-extra-header\",{\"name\":[1537],\"sticky\":[1544],\"useSlot\":[1540,\"use-slot\"],\"align\":[1537],\"parsedSizes\":[1040],\"sizes\":[1032]}]]],[\"p-table-row-action.cjs\",[[512,\"p-table-row-action\",{\"type\":[1537],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"label\":[1],\"action\":[16],\"disabled\":[4],\"loading\":[4],\"showFunction\":[16]}]]],[\"p-toast-container.cjs\",[[769,\"p-toast-container\",{\"placement\":[1]}]]],[\"p-toggle.cjs\",[[836,\"p-toggle\",{\"checked\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}]]],[\"p-calendar.cjs\",[[513,\"p-calendar\",{\"variant\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"_view\":[32],\"_viewDate\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_enableToday\":[32]},null,{\"value\":[{\"_parseValue\":0}],\"minDate\":[{\"_parseMinDate\":0}],\"maxDate\":[{\"_parseMaxDate\":0}],\"disabledDates\":[{\"_parseDisabledDates\":0}],\"mode\":[{\"_modeChange\":0}]}]]],[\"p-label.cjs\",[[769,\"p-label\",{\"variant\":[513],\"iconOnly\":[516,\"icon-only\"],\"icon\":[513],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"keepMobileContent\":[516,\"keep-mobile-content\"]}]]],[\"p-range.cjs\",[[513,\"p-range\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2]}]]],[\"p-avatar.cjs\",[[512,\"p-avatar\",{\"variant\":[1],\"size\":[513],\"defaultImage\":[1,\"default-image\"],\"src\":[1],\"letters\":[1],\"_src\":[32],\"_failed\":[32]},null,{\"src\":[{\"onSrchChange\":0}]}]]],[\"p-listing-line.cjs\",[[1,\"p-listing-line\"]]],[\"p-navigation-title.cjs\",[[257,\"p-navigation-title\"]]],[\"p-floating-menu-item.cjs\",[[772,\"p-floating-menu-item\",{\"hover\":[4],\"disabled\":[4],\"loading\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}]]],[\"p-stepper-item_2.cjs\",[[769,\"p-stepper-item\",{\"number\":[2],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"finished\":[4],\"active\":[4]}],[513,\"p-stepper-line\",{\"active\":[516],\"direction\":[513]}]]],[\"p-illustration.cjs\",[[512,\"p-illustration\",{\"variant\":[1]}]]],[\"p-drawer-body_3.cjs\",[[769,\"p-drawer-header\",{\"showClose\":[4,\"show-close\"]}],[257,\"p-drawer-body\"],[769,\"p-drawer-container\",{\"closing\":[4]}]]],[\"p-backdrop.cjs\",[[769,\"p-backdrop\",{\"variant\":[1],\"applyBlur\":[4,\"apply-blur\"],\"closing\":[4],\"scrollLock\":[4,\"scroll-lock\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]]]],[\"p-smile.cjs\",[[512,\"p-smile\",{\"variant\":[1]}]]],[\"p-divider.cjs\",[[769,\"p-divider\",{\"variant\":[513],\"alignContent\":[513,\"align-content\"]}]]],[\"p-modal-body_4.cjs\",[[769,\"p-modal-header\",{\"showClose\":[4,\"show-close\"]}],[257,\"p-modal-footer\"],[769,\"p-modal-body\",{\"roundedBottom\":[4,\"rounded-bottom\"],\"roundedTop\":[4,\"rounded-top\"]}],[769,\"p-modal-container\",{\"size\":[1],\"closing\":[4]}]]],[\"p-badge_3.cjs\",[[769,\"p-segment-item\",{\"variant\":[1],\"active\":[4],\"iconOnly\":[4,\"icon-only\"],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}],[257,\"p-segment-container\"],[257,\"p-badge\"]]],[\"p-tooltip.cjs\",[[769,\"p-tooltip\",{\"variant\":[1],\"content\":[1],\"placement\":[1],\"offset\":[2],\"strategy\":[1],\"enableUserInput\":[4,\"enable-user-input\"],\"show\":[4],\"canManuallyClose\":[4,\"can-manually-close\"]},[[2,\"click\",\"clickHandler\"],[6,\"click\",\"documentClickHandler\"],[1,\"mouseenter\",\"mouseEnterHandler\"],[0,\"focus\",\"mouseEnterHandler\"],[1,\"mouseleave\",\"mouseLeaveHandler\"],[0,\"blur\",\"mouseLeaveHandler\"]],{\"show\":[{\"onShowChange\":0}],\"content\":[{\"onContentChange\":0}]}]]],[\"p-checkbox_3.cjs\",[[836,\"p-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}],[769,\"p-dropdown\",{\"variant\":[1],\"placement\":[513],\"offset\":[2],\"strategy\":[1],\"show\":[4],\"applyMaxWidth\":[4,\"apply-max-width\"],\"applyFullWidth\":[4,\"apply-full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8],\"insideClick\":[4,\"inside-click\"],\"disableTriggerClick\":[4,\"disable-trigger-click\"],\"manual\":[4],\"applyChevron\":[4,\"apply-chevron\"],\"manualChevron\":[4,\"manual-chevron\"],\"chevronPosition\":[1,\"chevron-position\"],\"chevronDirection\":[1,\"chevron-direction\"],\"containerClass\":[1,\"container-class\"],\"isDatepicker\":[4,\"is-datepicker\"]},[[6,\"click\",\"documentClickHandler\"]],{\"show\":[{\"onShowChange\":0}]}],[769,\"p-dropdown-menu-container\",{\"variant\":[1],\"maxWidth\":[4,\"max-width\"],\"class\":[1],\"fullWidth\":[4,\"full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8]}]]],[\"p-dropdown-menu-item_2.cjs\",[[769,\"p-pagination-pages-item\",{\"variant\":[1],\"active\":[4],\"hover\":[4],\"disabled\":[4]}],[769,\"p-dropdown-menu-item\",{\"active\":[4],\"checkbox\":[4],\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"disabled\":[4],\"icon\":[1],\"iconWave\":[4,\"icon-wave\"],\"useContainer\":[4,\"use-container\"],\"autoHeight\":[4,\"auto-height\"]}]]],[\"p-field_3.cjs\",[[833,\"p-field\",{\"align\":[1],\"variant\":[1],\"id\":[1],\"size\":[1],\"type\":[1],\"properties\":[8],\"prefix\":[1],\"suffix\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"iconPosition\":[1,\"icon-position\"],\"value\":[8],\"label\":[1],\"loading\":[4],\"enablePasswordEye\":[4,\"enable-password-eye\"],\"placeholder\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"showAddOnEmpty\":[516,\"show-add-on-empty\"],\"addText\":[513,\"add-text\"],\"autofocus\":[516],\"error\":[513],\"autoShowError\":[516,\"auto-show-error\"],\"errorPlacement\":[1,\"error-placement\"],\"disabled\":[516],\"focused\":[516],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"selectAllOnFocus\":[516,\"select-all-on-focus\"],\"focusMethod\":[1,\"focus-method\"],\"optionalTemplate\":[16],\"_focused\":[32],\"_nonce\":[32],\"_type\":[32]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"],[2,\"keyup\",\"handleKeyup\"],[2,\"keydown\",\"handleKeydown\"]],{\"value\":[{\"watchvalue\":0}]}],[769,\"p-field-container\",{\"id\":[1],\"align\":[1],\"label\":[1],\"loading\":[4],\"loadingSize\":[1,\"loading-size\"],\"variant\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"errorPlacement\":[1,\"error-placement\"],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"optionalTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[769,\"p-helper\",{\"strategy\":[1],\"placement\":[1]}]]],[\"p-pagination_3.cjs\",[[513,\"p-pagination\",{\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"_hasPaginationPages\":[32]}],[513,\"p-pagination-pages\",{\"page\":[1538],\"dropdownPageTemplate\":[16],\"pageSize\":[2,\"page-size\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"total\":[2],\"_showDropdown\":[32],\"_dropdowns\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"],[6,\"click\",\"documentClickHandler\"]],{\"page\":[{\"pageChangeHandler\":0}],\"pageSize\":[{\"pageChangeHandler\":0}],\"total\":[{\"pageChangeHandler\":0}]}],[769,\"p-pagination-size\",{\"size\":[1538],\"sizeOptions\":[16],\"itemTemplate\":[16],\"hidden\":[4],\"dropdownIsOpen\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]]]],[\"p-empty-state_8.cjs\",[[513,\"p-table-footer\",{\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"loading\":[4],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"tableHeaderHasAction\":[4,\"table-header-has-action\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"_isPinned\":[32],\"_hasPaginationPages\":[32]},[[9,\"scroll\",\"onScroll\"]]],[769,\"p-table-header\",{\"quickFilters\":[1,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"hideQuickFiltersOnMobile\":[4,\"hide-quick-filters-on-mobile\"],\"loading\":[4],\"enableSearch\":[4,\"enable-search\"],\"itemsSelectedAmount\":[2,\"items-selected-amount\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableExport\":[4,\"enable-export\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16],\"enableAction\":[4,\"enable-action\"],\"actionLoading\":[4,\"action-loading\"],\"actionIcon\":[1,\"action-icon\"],\"actionText\":[1,\"action-text\"],\"canUseAction\":[1028,\"can-use-action\"],\"actionButtonTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[769,\"p-empty-state\",{\"illustration\":[1],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionText\":[1,\"action-text\"],\"actionVariant\":[1,\"action-variant\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconPosition\":[1,\"action-icon-position\"],\"actionLoading\":[4,\"action-loading\"]}],[769,\"p-floating-menu-container\",{\"usedInTable\":[4,\"used-in-table\"],\"enableAmountSelected\":[4,\"enable-amount-selected\"],\"amount\":[2],\"enableClose\":[4,\"enable-close\"],\"amountSelectedTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[772,\"p-table-cell\",{\"variant\":[1],\"index\":[2],\"rowIndex\":[2,\"row-index\"],\"definition\":[8],\"item\":[8],\"value\":[8],\"checkbox\":[8],\"checkboxOffset\":[4,\"checkbox-offset\"],\"template\":[16]}],[769,\"p-table-row\",{\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"checked\":[4],\"isLast\":[4,\"is-last\"]}],[260,\"p-table-container\"],[769,\"p-table-row-actions-container\",{\"checked\":[4]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/molecules/submenu/item/submenu-item.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.flex{display:flex}.h-8{height:2rem}.h-full{height:100%}.w-\[2px\]{width:2px}.w-full{width:100%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.pl-6{padding-left:1.5rem}.text-hurricane-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group\/submenu-item:hover .group-hover\/submenu-item\:bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.dark\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.dark\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}
+*{box-sizing:border-box}.static{position:static}.flex{display:flex}.h-8{height:2rem}.w-full{width:100%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.pl-\[calc\(3rem\+2px\)\]{padding-left:calc(3rem + 2px)}.text-hurricane-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dark\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.dark\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}

package/dist/collection/components/molecules/submenu/item/submenu-item.component.js

@@ -1,15 +1,6 @@
 import { h } from "@stencil/core";
-import { cva } from "class-variance-authority";
 import { ThemedHost } from "../../../../internal/themed-host.component";
 import { cn } from "../../../../utils";
-const content = cva([
-    'flex items-center gap-6',
-    'h-8 w-full pl-6',
-    'cursor-pointer',
-    'group/submenu-item',
-], {
-    variants: {},
-});
 export class SubmenuItem {
     /**
      * Wether the submenu is active or not
@@ -19,14 +10,28 @@ export class SubmenuItem {
      * Icon to show on the label
      */
     icon = 'placeholder';
+    /**
+     * Event when the active state changes
+     */
+    activeChange;
+    _lastActiveState = this.active;
+    componentDidRender() {
+        if (this._lastActiveState === this.active) {
+            return;
+        }
+        this._lastActiveState = this.active;
+        this.activeChange.emit(this.active);
+    }
     render() {
-        return (h(ThemedHost, { key: '812bee8d46780d60ed604505b4f8c00e798a9f8f' }, h("div", { key: 'f5a76dd14ccb0559586b01214c6badb3bcf2eef8', class: cn(content({}), {}) }, h("div", { key: '97fe0916207dfefd625ae51d911ef4eeb5d6b4cc', class: cn(`h-full w-[2px] transition-colors`, {
-                'bg-indigo-600': this.active,
-                'bg-transparent group-hover/submenu-item:bg-indigo-600': !this.active,
-            }) }), h("div", { key: '2c6ab60c2fb19b197d5aabd2368a7eb7406fdcb2', class: cn('flex items-center gap-2 transition-colors', {
+        return (h(ThemedHost, { key: '38bbc84752e1aa8271568aad5c1fd46bfa435d9a' }, h("div", { key: 'a17fb921e57780d1ff572a3d1ba10331b045276e', class: cn([
+                'flex items-center',
+                'h-8 w-full pl-[calc(3rem+2px)]',
+                'cursor-pointer',
+                'group/submenu-item',
+            ]) }, h("div", { key: 'd9c949c6f467524e0590a19774ae86c06e234fe5', class: cn('flex items-center gap-2 transition-colors', {
                 'text-storm-400 dark:text-hurricane-100': !this.active,
                 'text-indigo-600': this.active,
-            }) }, h("p-icon", { key: '7db15690b67f555a46dc72133be72e5937051658', variant: this.icon }), h("slot", { key: '1a4574d13c012affe2713a034445f636369729c8' })))));
+            }) }, h("p-icon", { key: '8eed69a5fd4cef34ef69d7e5a96993289effc37e', variant: this.icon }), h("slot", { key: '5471376f37afb9566f21599ee0e86af42a00b370' })))));
     }
     static get is() { return "p-submenu-item"; }
     static get encapsulation() { return "shadow"; }
@@ -91,4 +96,22 @@ export class SubmenuItem {
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "activeChange",
+                "name": "activeChange",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event when the active state changes"
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
 }

package/dist/collection/components/molecules/submenu/menu/submenu.component.css

@@ -1 +1 @@
-*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-\[calc\(1\.5rem\)\]{left:1.5rem}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.m-0{margin:0}.m-2{margin:.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.flex{display:flex}.size-4{height:1rem;width:1rem}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.bg-hurricane-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.bg-off-white-400{--tw-bg-opacity:1;background-color:rgb(245 244 241/var(--tw-bg-opacity,1))}.bg-storm-500\/30{background-color:rgba(24,30,41,.3)}.p-2{padding:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.pl-2{padding-left:.5rem}.pr-4{padding-right:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.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))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.transition-\[max-height\]{transition-duration:.15s;transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.group\/submenu-header:hover .group-hover\/submenu-header\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\:bg-indigo-600\/30:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.3)}.dark\:bg-storm-500\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.2)}.dark\:bg-storm-500\/30:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.3)}.dark\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/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-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\:text-indigo-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(199 217 253/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\:hover\:bg-indigo-600\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.1)}.group\/submenu-header:hover .dark\:group-hover\/submenu-header\: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\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\:bg-indigo-600\/30:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.3)}.dark\:bg-storm-500\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.2)}.dark\:bg-storm-500\/30:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.3)}.dark\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/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-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\:text-indigo-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(199 217 253/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))}.dark\:hover\:bg-indigo-600\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.1)}.group\/submenu-header:hover .dark\:group-hover\/submenu-header\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}
+*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-6{left:1.5rem}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.z-\[1\]{z-index:1}.m-0{margin:0}.m-2{margin:.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.flex{display:flex}.size-4{height:1rem;width:1rem}.h-8{height:2rem}.w-\[2px\]{width:2px}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.bg-hurricane-400{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.bg-off-white-400{--tw-bg-opacity:1;background-color:rgb(245 244 241/var(--tw-bg-opacity,1))}.bg-storm-500\/30{background-color:rgba(24,30,41,.3)}.bg-transparent{background-color:transparent}.p-2{padding:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.pl-2{padding-left:.5rem}.pr-4{padding-right:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.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))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.transition-\[max-height\]{transition-duration:.15s;transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.group\/submenu-header:hover .group-hover\/submenu-header\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\:bg-indigo-600\/30:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.3)}.dark\:bg-storm-500\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.2)}.dark\:bg-storm-500\/30:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.3)}.dark\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/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-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\:text-indigo-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(199 217 253/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\:hover\:bg-indigo-600\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.1)}.group\/submenu-header:hover .dark\:group-hover\/submenu-header\: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\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\:bg-indigo-600\/30:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.3)}.dark\:bg-storm-500\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.2)}.dark\:bg-storm-500\/30:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.3)}.dark\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/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-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\:text-indigo-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(199 217 253/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))}.dark\:hover\:bg-indigo-600\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.1)}.group\/submenu-header:hover .dark\:group-hover\/submenu-header\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}

package/dist/collection/components/molecules/submenu/menu/submenu.component.js

@@ -9,6 +9,7 @@ const header = cva([
     'rounded-lg',
     'cursor-pointer',
     'transition-colors',
+    'relative',
 ], {
     variants: {
         open: {
@@ -87,6 +88,40 @@ export class Submenu {
      * The host element
      */
     _el;
+    _activeItemPosition = -1;
+    _showItemIndicator = false;
+    _headerOffset = 0;
+    _submenuItems = [];
+    _hoveringItem = undefined;
+    _itemActiveListener = () => {
+        const activeItemIndex = this._submenuItems.findIndex(i => i.active === true);
+        this.active = activeItemIndex !== -1;
+        if (activeItemIndex === -1) {
+            this._showItemIndicator = false;
+            return;
+        }
+        // set open when active changes
+        if (!this.open && this.active) {
+            this.open = true;
+        }
+        this._setItemPosition(this._submenuItems[activeItemIndex]);
+    };
+    _itemMouseEnterListener = (event) => {
+        if (this._hoveringItem && this._hoveringItem === event.target) {
+            return;
+        }
+        this._hoveringItem = event.target;
+        this._setItemPosition(this._hoveringItem);
+    };
+    _itemMouseLeaveListener = (event) => {
+        setTimeout(() => {
+            if (this._hoveringItem && this._hoveringItem !== event.target) {
+                return;
+            }
+            this._hoveringItem = undefined;
+            this._itemActiveListener();
+        }, 100);
+    };
     componentDidLoad() {
         const submenuItems = this._el.querySelectorAll('p-submenu-item');
         const hasActiveChild = [...submenuItems].some(i => i.active === true);
@@ -98,35 +133,87 @@ export class Submenu {
         }
         this.open = true;
     }
+    componentDidRender() {
+        this._calculateHeaderOffset();
+    }
+    disconnectedCallback() {
+        this._removeListeners();
+    }
     render() {
         const submenuItems = this._el.querySelectorAll('p-submenu-item');
         const firstItem = getComputedStyle(submenuItems[0]);
         const maxHeight = submenuItems.length *
             Number.parseInt(firstItem.height.replace('px', '')) +
             16; // the margin of the content
-        return (h(ThemedHost, { key: '110fad52ce96c4fc855408b422a42956b957d092' }, h("div", { key: '0b8f40db722e7c6f6ba8ded2e33a6776af28f0dc', class: 'flex w-full flex-col' }, h("div", { key: '23aa3cf5a7ece75e3fb6312e2e2173d68b2dcd86', class: cn(header({
+        return (h(ThemedHost, { key: '9f1be5fc3770c7527bc8be07510fa37d6c0e984c' }, h("div", { key: 'b6afb284861441006879d0bda9d9eb0bf86174f3', class: 'flex w-full flex-col' }, h("div", { key: '5e8e749909c8493486c352a3177b308d4cdfe05a', class: cn(header({
                 active: this.active,
                 open: this.open,
-            })), onClick: () => (this.open = !this.open) }, this.showIndex && (h("div", { key: 'a24b117f984eb4392a90b47fd8363e7e320cb84a', class: indexContainer({
+            })), onClick: () => (this.open = !this.open) }, this.showIndex && (h("div", { key: '7429d46e05326a60fecf9ad0fd30ecdd03e4c148', class: indexContainer({
                 active: this.active,
                 open: this.open,
-            }) }, this.index)), h("div", { key: '76fb811ac456b88a7f3d3df3b5badfaf9fe6170f', class: 'flex flex-1 flex-col' }, h("p", { key: '0dd533096861b9962eb523ece6a2ad03f34223f0', class: cn('m-0 text-sm', {
+            }) }, this.index)), h("div", { key: '0940e36702f42da9e076762191d4a11b57c3312c', class: 'flex flex-1 flex-col' }, h("p", { key: '64e34ec4598f4983a03a415c1dc893380413c51c', class: cn('m-0 text-sm', {
                 'text-storm-400 dark:text-hurricane-100 dark:group-hover/submenu-header:text-white': !this.active,
                 'text-storm-500 dark:text-white': this.active,
-            }) }, this.title), h("p", { key: '0c3624317e71d9519ab6b694e70dbc7024641cef', class: cn('m-0 text-xs', {
+            }) }, this.title), h("p", { key: 'd15bb2b7035cc06d2c7f4e6a8a3566a8044ade9d', class: cn('m-0 text-xs', {
                 'text-storm-300 dark:text-hurricane-300': !this.active,
                 'text-storm-300 dark:text-indigo-200': this.active,
-            }) }, this.subtitle)), h("p-icon", { key: '480e39ea4630c81d13ec24728d7827a3760ebb6f', class: cn({
+            }) }, this.subtitle)), h("p-icon", { key: 'cba00a3d1093bb5c565a8b585e3471fe53947d10', class: cn({
                 'text-storm-500 dark:text-white': this.active,
                 'text-storm-300 dark:text-hurricane-300': !this.active,
-            }), rotate: this.open ? 180 : 0, variant: 'caret' })), h("div", { key: '2613acd0e5e16af70c39b93a1e064423fafa036c', class: cn('relative flex flex-col overflow-hidden transition-[max-height]'), style: {
+            }), rotate: this.open ? 180 : 0, variant: 'caret' })), h("div", { key: '2199b8bad93526ae33cae769b3c1643614c26b86', class: cn('relative flex flex-col overflow-hidden transition-[max-height]'), style: {
                 maxHeight: `${this.open ? maxHeight : 0}px`,
-            } }, h("div", { key: 'c8d88df1d7b0ffd7e29202655f33f46ec781a15e', class: cn('absolute left-[calc(1.5rem)] top-0 z-0 w-px', {
+            } }, h("div", { key: 'cd7a456eb8ba1bb949e9891146e5260607c45153', class: cn('absolute left-6 top-0 z-0 w-px', {
                 'bg-off-white-400 dark:bg-storm-500/30': !this.active,
                 'bg-indigo-100 dark:bg-hurricane-400': this.active,
             }), style: {
                 height: `${maxHeight}px`,
-            } }), h("div", { key: '0e4328a428da51a172b5a5ff7e8adf2a5c840de6', class: 'z-10 my-2 flex flex-col' }, h("slot", { key: '1541aecaf7c8981cd3a56ffe73b542b135cb186a' }))))));
+            } }), h("div", { key: 'fc15b0d8cc3764b378c4fc9db70a7e164a9e287a', class: cn(`absolute left-6 top-0 z-[1] h-8 w-[2px] transform transition-all`, {
+                'bg-indigo-600': this._showItemIndicator,
+                'bg-transparent': !this._showItemIndicator,
+            }), style: {
+                transform: `translateY(${this._activeItemPosition}px)`,
+            } }), h("div", { key: '027e8f7c958784db540f67331f0577bb13a5a90f', class: 'z-10 my-2 flex flex-col' }, h("slot", { key: 'b3495515c0c0478a7bd4376b6cced01b89400d15', onSlotchange: () => this._slotChanged() }))))));
+    }
+    onWindowResize() {
+        this._calculateHeaderOffset();
+        this._itemActiveListener();
+    }
+    _calculateHeaderOffset() {
+        const headerEl = this._el.shadowRoot?.querySelector(String.raw `.group\/submenu-header`);
+        if (!headerEl) {
+            this._activeItemPosition = -1;
+            return;
+        }
+        this._headerOffset = headerEl.getBoundingClientRect().bottom;
+    }
+    _setItemPosition(item) {
+        if (!item) {
+            return;
+        }
+        this._activeItemPosition =
+            item.getBoundingClientRect().top - this._headerOffset;
+        if (!this._showItemIndicator) {
+            setTimeout(() => (this._showItemIndicator = true), 50);
+        }
+    }
+    _slotChanged() {
+        this._removeListeners();
+        const submenuItems = [...this._el.querySelectorAll('p-submenu-item')];
+        for (const item of submenuItems) {
+            item.addEventListener('activeChange', this._itemActiveListener);
+            item.addEventListener('mouseenter', this._itemMouseEnterListener);
+            item.addEventListener('mouseleave', this._itemMouseLeaveListener);
+        }
+        this._submenuItems = submenuItems;
+    }
+    _removeListeners() {
+        if (this._submenuItems.length > 0) {
+            for (const item of this._submenuItems) {
+                item.removeEventListener('activeChange', this._itemActiveListener);
+                item.removeEventListener('mouseenter', this._itemMouseEnterListener);
+                item.removeEventListener('mouseleave', this._itemMouseLeaveListener);
+            }
+        }
     }
     static get is() { return "p-submenu"; }
     static get encapsulation() { return "shadow"; }
@@ -264,5 +351,20 @@ export class Submenu {
             }
         };
     }
+    static get states() {
+        return {
+            "_activeItemPosition": {},
+            "_showItemIndicator": {}
+        };
+    }
     static get elementRef() { return "_el"; }
+    static get listeners() {
+        return [{
+                "name": "resize",
+                "method": "onWindowResize",
+                "target": "window",
+                "capture": false,
+                "passive": true
+            }];
+    }
 }