@paperless/core 2.11.0 → 2.12.1

package/dist/components/p-navbar.js.map

@@ -1 +1 @@
-{"file":"p-navbar.js","mappings":";;;;;;;;AAAA,MAAM,kBAAkB,GAAG,6uIAA6uI;;ACIxwI,MAAM,gBAAgB,GAAG,GAAG,CAAC;IAC5B,YAAY;IACZ,wCAAwC;IACxC,sEAAsE;IACtE,KAAK;AACL,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAClB;IACC,eAAe;IAEf,2CAA2C;IAC3C,wBAAwB;IACxB,gFAAgF;IAChF,OAAO;IAEP,gBAAgB;IAChB,uBAAuB;IACvB,2DAA2D;IAE3D,UAAU;IAEV,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,0CAA0C;IAC1C,0BAA0B;IAC1B,UAAU;IACV,oBAAoB;IACpB,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,CACnB,CAAC,kEAAkE,CAAC,EACpE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,KAAK,EAAE,+BAA+B;AACtC,YAAA,IAAI,EAAE,aAAa;AACnB,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;IACD,KAAK,GAAG,KAAK;IAE9B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EACrC,UAAU,EAAE,IAAI,CAAC,KAAK,EACtB,SAAS,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,EACxB,CAAA,EACd,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EAAA,EACnE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yDAAyD,EAAA,EACnE,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAC,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GACxB,CACP,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oCAAoC,EAAA,EAC9C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4CAA4C,EAAA,EACtD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iDAAiD,EAAA,EAC3D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAG,CACf,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,EAAA,EAChD,CACC,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EACvB,CAAA,EAEZ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACM;;IAKf,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;IAInB,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/navbar/navbar.component.css?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\n\t@apply w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72;\n\n\t.safe-sidebar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\n\t\t&.show {\n\t\t\t--tw-translate-x: env(safe-area-inset-left, 0) !important;\n\t\t}\n\t}\n\n\t.safe-topbar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\t\theight: calc(env(safe-area-inset-top, 0) + 4rem);\n\t}\n}\n","import { Component, h, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-hurricane-800',\n\t'border-0 border-solid border-off-white-700 dark:border-hurricane-500',\n\t'p-4',\n]);\n\nconst sidebar = cva(\n\t[\n\t\t'flex flex-col',\n\n\t\t'fixed left-0 top-0 z-navbar h-screen w-60',\n\t\t'w-full max-w-[16.5rem]',\n\t\t'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',\n\t\t'gap-6',\n\n\t\t'transition-all',\n\t\t'will-change-transform',\n\t\t'-translate-x-full transform-gpu layout-1280:translate-x-0',\n\n\t\t'border-r',\n\n\t\t'safe-sidebar',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'show',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst topbar = cva([\n\t'flex w-full justify-between items-center',\n\t'relative z-navbar-topbar',\n\t'border-b',\n\t'layout-1280:hidden',\n\t'safe-topbar',\n]);\n\nconst backdrop = cva(\n\t['z-navbar-backdrop layout-1280:hidden transition-opacity relative'],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: 'opacity-0 pointer-events-none',\n\t\t\t\ttrue: 'opacity-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navbar',\n\tstyleUrl: 'navbar.component.css',\n\tshadow: true,\n})\nexport class Navbar {\n\t@State() private _show = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<p-backdrop\n\t\t\t\t\tclass={backdrop({ show: this._show })}\n\t\t\t\t\tscrollLock={this._show}\n\t\t\t\t\tonClicked={() => (this._show = false)}\n\t\t\t\t></p-backdrop>\n\t\t\t\t<div class={sidebar({ class: sidebarAndTopbar(), show: this._show })}>\n\t\t\t\t\t<div class='flex w-full items-center justify-end layout-1280:hidden'>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\t\ticonFlip='horizontal'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={() => (this._show = false)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col items-stretch'>\n\t\t\t\t\t\t<slot name='company' />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col gap-6 overflow-y-auto'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='mt-auto hidden w-full flex-col layout-1280:flex'>\n\t\t\t\t\t\t<slot name='user' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={topbar({ class: sidebarAndTopbar() })}>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\tonClick={() => (this._show = true)}\n\t\t\t\t\t></p-button>\n\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('closeNavbar', { target: 'window' })\n\thandleCloseNavbar() {\n\t\tthis._show = false;\n\t}\n\n\t@Listen('openNavbar', { target: 'window' })\n\thandleOpenNavbar() {\n\t\tthis._show = true;\n\t}\n}\n"],"version":3}
+{"file":"p-navbar.js","mappings":";;;;;;;;AAAA,MAAM,kBAAkB,GAAG,kzIAAkzI;;ACI70I,MAAM,gBAAgB,GAAG,GAAG,CAAC;IAC5B,YAAY;IACZ,wCAAwC;IACxC,sEAAsE;IACtE,KAAK;AACL,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAClB;IACC,eAAe;IAEf,2CAA2C;IAC3C,wBAAwB;IACxB,gFAAgF;IAChF,OAAO;IAEP,gBAAgB;IAChB,uBAAuB;IACvB,2DAA2D;IAE3D,UAAU;IAEV,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,0CAA0C;IAC1C,0BAA0B;IAC1B,UAAU;IACV,oBAAoB;IACpB,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,CACnB,CAAC,kEAAkE,CAAC,EACpE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,KAAK,EAAE,+BAA+B;AACtC,YAAA,IAAI,EAAE,aAAa;AACnB,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;IACD,KAAK,GAAG,KAAK;IAE9B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EACrC,UAAU,EAAE,IAAI,CAAC,KAAK,EACtB,SAAS,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,EACxB,CAAA,EACd,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EAAA,EACnE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yDAAyD,EAAA,EACnE,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAC,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GACxB,CACP,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kDAAkD,EAAA,EAC5D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mDAAmD,EAAA,EAC7D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+DAA+D,EAAA,EACzE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAG,CACf,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,EAAA,EAChD,CACC,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EACvB,CAAA,EAEZ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACM;;IAKf,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;IAInB,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/navbar/navbar.component.css?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\n\t@apply w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72;\n\n\t.safe-sidebar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\n\t\t&.show {\n\t\t\t--tw-translate-x: env(safe-area-inset-left, 0) !important;\n\t\t}\n\t}\n\n\t.safe-topbar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\t\theight: calc(env(safe-area-inset-top, 0) + 4rem);\n\t}\n}\n","import { Component, h, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-hurricane-800',\n\t'border-0 border-solid border-off-white-700 dark:border-hurricane-500',\n\t'p-4',\n]);\n\nconst sidebar = cva(\n\t[\n\t\t'flex flex-col',\n\n\t\t'fixed left-0 top-0 z-navbar h-screen w-60',\n\t\t'w-full max-w-[16.5rem]',\n\t\t'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',\n\t\t'gap-6',\n\n\t\t'transition-all',\n\t\t'will-change-transform',\n\t\t'-translate-x-full transform-gpu layout-1280:translate-x-0',\n\n\t\t'border-r',\n\n\t\t'safe-sidebar',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'show',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst topbar = cva([\n\t'flex w-full justify-between items-center',\n\t'relative z-navbar-topbar',\n\t'border-b',\n\t'layout-1280:hidden',\n\t'safe-topbar',\n]);\n\nconst backdrop = cva(\n\t['z-navbar-backdrop layout-1280:hidden transition-opacity relative'],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: 'opacity-0 pointer-events-none',\n\t\t\t\ttrue: 'opacity-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navbar',\n\tstyleUrl: 'navbar.component.css',\n\tshadow: true,\n})\nexport class Navbar {\n\t@State() private _show = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<p-backdrop\n\t\t\t\t\tclass={backdrop({ show: this._show })}\n\t\t\t\t\tscrollLock={this._show}\n\t\t\t\t\tonClicked={() => (this._show = false)}\n\t\t\t\t></p-backdrop>\n\t\t\t\t<div class={sidebar({ class: sidebarAndTopbar(), show: this._show })}>\n\t\t\t\t\t<div class='flex w-full items-center justify-end layout-1280:hidden'>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\t\ticonFlip='horizontal'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={() => (this._show = false)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-shrink-0 flex-col items-stretch'>\n\t\t\t\t\t\t<slot name='company' />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-1 flex-col gap-6 overflow-y-auto'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex'>\n\t\t\t\t\t\t<slot name='user' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={topbar({ class: sidebarAndTopbar() })}>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\tonClick={() => (this._show = true)}\n\t\t\t\t\t></p-button>\n\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('closeNavbar', { target: 'window' })\n\thandleCloseNavbar() {\n\t\tthis._show = false;\n\t}\n\n\t@Listen('openNavbar', { target: 'window' })\n\thandleOpenNavbar() {\n\t\tthis._show = true;\n\t}\n}\n"],"version":3}

package/dist/components/p-navigation-item.js

@@ -7,7 +7,7 @@ import { d as defineCustomElement$4 } from './p-BrgpOIzL.js';
 import { d as defineCustomElement$3 } from './p-BHphGfv6.js';
 import { d as defineCustomElement$2 } from './p-BFbLqg3-.js';
 
-const navigationItemComponentCss = "*.sc-p-navigation-item{box-sizing:border-box}.static.sc-p-navigation-item{position:static!important}.ml-auto.sc-p-navigation-item{margin-left:auto!important}.inline-block.sc-p-navigation-item{display:inline-block!important}.flex.sc-p-navigation-item{display:flex!important}.aspect-branding.sc-p-navigation-item{aspect-ratio:23/24!important}.h-6.sc-p-navigation-item{height:1.5rem!important}.h-8.sc-p-navigation-item{height:2rem!important}.w-\\[inherit\\].sc-p-navigation-item{width:inherit!important}.cursor-pointer.sc-p-navigation-item{cursor:pointer!important}.items-center.sc-p-navigation-item{align-items:center!important}.justify-center.sc-p-navigation-item{justify-content:center!important}.gap-2.sc-p-navigation-item{gap:.5rem!important}.rounded-full.sc-p-navigation-item{border-radius:9999px!important}.rounded-lg.sc-p-navigation-item{border-radius:.5rem!important}.bg-indigo-500.sc-p-navigation-item{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.bg-off-white-600.sc-p-navigation-item{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.px-2.sc-p-navigation-item{padding-left:.5rem!important;padding-right:.5rem!important}.py-1.sc-p-navigation-item{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1.sc-p-navigation-item{padding-left:.25rem!important}.text-sm.sc-p-navigation-item{font-size:.875rem!important;line-height:1.25rem!important}.font-medium.sc-p-navigation-item{font-weight:500!important}.font-semibold.sc-p-navigation-item{font-weight:600!important}.text-storm-400.sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500.sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.container.sc-p-navigation-item{width:100%}@media (min-width:40rem){.container.sc-p-navigation-item{max-width:40rem}}@media (min-width:64rem){.container.sc-p-navigation-item{max-width:64rem}}@media (min-width:80rem){.container.sc-p-navigation-item{max-width:80rem}}@media (min-width:85.375rem){.container.sc-p-navigation-item{max-width:85.375rem}}@media (min-width:90rem){.container.sc-p-navigation-item{max-width:90rem}}@media (min-width:96rem){.container.sc-p-navigation-item{max-width:96rem}}@media (min-width:105rem){.container.sc-p-navigation-item{max-width:105rem}}@media (min-width:120rem){.container.sc-p-navigation-item{max-width:120rem}}@media (min-width:160rem){.container.sc-p-navigation-item{max-width:160rem}}@media (min-width:640px){.container.sc-p-navigation-item{max-width:640px}}@media (min-width:768px){.container.sc-p-navigation-item{max-width:768px}}@media (min-width:1024px){.container.sc-p-navigation-item{max-width:1024px}}@media (min-width:1280px){.container.sc-p-navigation-item{max-width:1280px}}@media (min-width:1536px){.container.sc-p-navigation-item{max-width:1536px}}.hover\\:bg-off-white-500.sc-p-navigation-item:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500.sc-p-navigation-item:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:text-hurricane-200:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/10:hover:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:hover\\:text-white:hover:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/10.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:text-hurricane-200.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/10.sc-p-navigation-item:hover:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:hover\\:text-white.sc-p-navigation-item:hover:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
+const navigationItemComponentCss = "*.sc-p-navigation-item{box-sizing:border-box}.static.sc-p-navigation-item{position:static!important}.ml-auto.sc-p-navigation-item{margin-left:auto!important}.inline-block.sc-p-navigation-item{display:inline-block!important}.flex.sc-p-navigation-item{display:flex!important}.aspect-branding.sc-p-navigation-item{aspect-ratio:23/24!important}.h-6.sc-p-navigation-item{height:1.5rem!important}.h-8.sc-p-navigation-item{height:2rem!important}.w-\\[inherit\\].sc-p-navigation-item{width:inherit!important}.w-full.sc-p-navigation-item{width:100%!important}.cursor-pointer.sc-p-navigation-item{cursor:pointer!important}.items-center.sc-p-navigation-item{align-items:center!important}.justify-center.sc-p-navigation-item{justify-content:center!important}.gap-2.sc-p-navigation-item{gap:.5rem!important}.rounded-full.sc-p-navigation-item{border-radius:9999px!important}.rounded-lg.sc-p-navigation-item{border-radius:.5rem!important}.bg-indigo-500.sc-p-navigation-item{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.bg-off-white-600.sc-p-navigation-item{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.px-2.sc-p-navigation-item{padding-left:.5rem!important;padding-right:.5rem!important}.py-1.sc-p-navigation-item{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1.sc-p-navigation-item{padding-left:.25rem!important}.text-sm.sc-p-navigation-item{font-size:.875rem!important;line-height:1.25rem!important}.font-medium.sc-p-navigation-item{font-weight:500!important}.font-semibold.sc-p-navigation-item{font-weight:600!important}.text-storm-400.sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500.sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.container.sc-p-navigation-item{width:100%}@media (min-width:40rem){.container.sc-p-navigation-item{max-width:40rem}}@media (min-width:64rem){.container.sc-p-navigation-item{max-width:64rem}}@media (min-width:80rem){.container.sc-p-navigation-item{max-width:80rem}}@media (min-width:85.375rem){.container.sc-p-navigation-item{max-width:85.375rem}}@media (min-width:90rem){.container.sc-p-navigation-item{max-width:90rem}}@media (min-width:96rem){.container.sc-p-navigation-item{max-width:96rem}}@media (min-width:105rem){.container.sc-p-navigation-item{max-width:105rem}}@media (min-width:120rem){.container.sc-p-navigation-item{max-width:120rem}}@media (min-width:160rem){.container.sc-p-navigation-item{max-width:160rem}}@media (min-width:640px){.container.sc-p-navigation-item{max-width:640px}}@media (min-width:768px){.container.sc-p-navigation-item{max-width:768px}}@media (min-width:1024px){.container.sc-p-navigation-item{max-width:1024px}}@media (min-width:1280px){.container.sc-p-navigation-item{max-width:1280px}}@media (min-width:1536px){.container.sc-p-navigation-item{max-width:1536px}}.hover\\:bg-off-white-500.sc-p-navigation-item:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500.sc-p-navigation-item:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:text-hurricane-200:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/10:hover:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:hover\\:text-white:hover:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/10.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:text-hurricane-200.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/10.sc-p-navigation-item:hover:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:hover\\:text-white.sc-p-navigation-item:hover:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
 
 const navigationItem = cva([
     'h-8 w-[inherit]',
@@ -79,13 +79,20 @@ const NavigationItem = /*@__PURE__*/ proxyCustomElement(class NavigationItem ext
      * The class of the container passed by parent
      */
     class;
+    /**
+     * Wether the span should contain a w-full
+     */
+    applyFullWidth = false;
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(ThemedHost, { key: 'e3f6f644cc3d0cded35ca91b3fef696f54ca1a0e', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '16b7057fe6273b58e88a43faa342e8a55f821a6c', class: navigationItem({
+        return (h(ThemedHost, { key: '00fe55de2abc63e7d21eb25af9185a2218409fcf', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '9b604e531a822b7f83ade8b27f9905d5e32c38f3', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '9e5f54a76b7b0247040000a13afad9ee3d9380f7', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'dac51c4d9a95f24ff5af41ad5e4f61cfc8b30759', variant: this.icon })), h("span", { key: '0fc8bd3522e1c564a4194b2b3b1371d32df20759', class: this.counter && 'has-counter' }, h("slot", { key: 'b68f7183884664a7be98a5c9caaa30f74e5d7a05' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'c3ebe255a49ae9ace5d70c028bdbd2f5646f227f' }, this.counter)), !!this.loading && h("p-loader", { key: '33d8aaf12d2e7c044e026108c11cde8ec44c9644', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: 'd0bfc8961060791efae455c6699e37156212c133', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'e2a337552737b6270fa2eb3470415ad99b6bde94', variant: this.icon })), h("span", { key: 'ad5a23c485a4f5175a94c7d9a189874dd5329107', class: cn({
+                'has-counter': !!this.counter,
+                'w-full': this.applyFullWidth,
+            }) }, h("slot", { key: '919803097262d08996eaee98dc0db9559da3f497' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '823a97ddee0f9ffae8f782c3c097eea529d18939' }, this.counter)), !!this.loading && h("p-loader", { key: '5e534b6d7e06273330c94fd23d5b887faa592399', class: 'ml-auto' }))));
     }
     static get style() { return navigationItemComponentCss; }
 }, [6, "p-navigation-item", {
@@ -96,7 +103,8 @@ const NavigationItem = /*@__PURE__*/ proxyCustomElement(class NavigationItem ext
         "counter": [8],
         "href": [1],
         "target": [1],
-        "class": [1]
+        "class": [1],
+        "applyFullWidth": [4, "apply-full-width"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/p-navigation-item.js.map

@@ -1 +1 @@
-{"file":"p-navigation-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/navigation/item/navigation-item.component.css?tag=p-navigation-item&encapsulation=scoped","src/components/molecules/navigation/item/navigation-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cn } from '../../../../utils/cn';\nimport { IconVariant } from '../../../atoms/icon/icon.component';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'hover:text-storm-500 dark:hover:text-white',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'text-storm-400 dark:text-hurricane-200',\n\t\t\t\t\t'hover:bg-off-white-500 dark:hover:bg-white/10',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-off-white-600 dark:bg-white/10 text-storm-500 dark:text-white font-semibold',\n\t\t\t\t],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-indigo-500 text-storm-500'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.css',\n\tscoped: true,\n})\nexport class NavigationItem {\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon!: IconVariant;\n\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the navigation item is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The element to use for the navigation item\n\t */\n\t@Prop() as: string = 'a';\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\trender() {\n\t\tconst TagType = this.as;\n\n\t\tconst active = asBoolean(this.active) || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<ThemedHost class={cn('p-navigation-item inline-block', this.class)}>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!this.loading && <p-loader class='ml-auto' />}\n\t\t\t\t</TagType>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-navigation-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/navigation/item/navigation-item.component.css?tag=p-navigation-item&encapsulation=scoped","src/components/molecules/navigation/item/navigation-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cn } from '../../../../utils/cn';\nimport { IconVariant } from '../../../atoms/icon/icon.component';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'hover:text-storm-500 dark:hover:text-white',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'text-storm-400 dark:text-hurricane-200',\n\t\t\t\t\t'hover:bg-off-white-500 dark:hover:bg-white/10',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-off-white-600 dark:bg-white/10 text-storm-500 dark:text-white font-semibold',\n\t\t\t\t],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-indigo-500 text-storm-500'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.css',\n\tscoped: true,\n})\nexport class NavigationItem {\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon!: IconVariant;\n\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the navigation item is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The element to use for the navigation item\n\t */\n\t@Prop() as: string = 'a';\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the span should contain a w-full\n\t */\n\t@Prop() applyFullWidth: boolean = false;\n\n\trender() {\n\t\tconst TagType = this.as;\n\n\t\tconst active = asBoolean(this.active) || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<ThemedHost class={cn('p-navigation-item inline-block', this.class)}>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass={cn({\n\t\t\t\t\t\t\t'has-counter': !!this.counter,\n\t\t\t\t\t\t\t'w-full': this.applyFullWidth,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!this.loading && <p-loader class='ml-auto' />}\n\t\t\t\t</TagType>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"p-button_3\",[[1,\"p-button\",{\"label\":[1],\"as\":[1],\"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\"]]],[1,\"p-loader\",{\"show\":[4],\"variant\":[1],\"color\":[1],\"modalTitle\":[1,\"modal-title\"],\"modalDescription\":[1,\"modal-description\"]}],[1,\"p-icon\",{\"variant\":[1],\"size\":[1],\"rotate\":[2],\"flip\":[1]}]]],[\"p-table\",[[4,\"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,\"selected-rows\"],\"enableFloatingMenu\":[4,\"enable-floating-menu\"],\"floatingMenuAmountSelectedTemplate\":[16,\"floating-menu-amount-selected-template\"],\"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,\"filter-button-template\"],\"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,\"action-button-template\"],\"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,\"page-size-options\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"emptyStateHeader\":[16,\"empty-state-header\"],\"emptyStateContent\":[16,\"empty-state-content\"],\"emptyStateAction\":[16,\"empty-state-action\"],\"enableEmptyStateAction\":[4,\"enable-empty-state-action\"],\"emptyStateFilteredHeader\":[16,\"empty-state-filtered-header\"],\"emptyStateFilteredContent\":[16,\"empty-state-filtered-content\"],\"shadow\":[4],\"_locales\":[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\"],\"enableRowSelection\":[\"_setRowSelectionData\"],\"rowSelectionLimit\":[\"_setRowSelectionData\"],\"selectedRows\":[\"_setRowSelectionData\"]}]]],[\"p-select\",[[64,\"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\"],\"items\":[\"itemChanges\"],\"_showDropdown\":[\"_showDropdownChanges\"],\"multi\":[\"multiChanges\"]}]]],[\"p-datepicker\",[[64,\"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\"],\"minDate\":[\"parseMinDate\"],\"maxDate\":[\"parseMaxDate\"],\"disabledDates\":[\"parseDisabledDates\"]}]]],[\"p-modal\",[[1,\"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\",[[1,\"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\",[[1,\"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\",[[1,\"p-profile\",{\"dropdownLocation\":[1,\"dropdown-location\"],\"_dropdownOpen\":[32],\"_hasDropdownSlot\":[32]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-navbar\",[[1,\"p-navbar\",{\"_show\":[32]},[[8,\"closeNavbar\",\"handleCloseNavbar\"],[8,\"openNavbar\",\"handleOpenNavbar\"]]]]],[\"p-card-header\",[[1,\"p-card-header\",{\"variant\":[1],\"header\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"divider\":[4]}]]],[\"p-navigation-item\",[[6,\"p-navigation-item\",{\"icon\":[1],\"active\":[4],\"loading\":[4],\"as\":[1],\"counter\":[8],\"href\":[1],\"target\":[1],\"class\":[1]}]]],[\"p-accordion\",[[1,\"p-accordion\",{\"variant\":[1],\"header\":[1],\"open\":[4],\"closeable\":[4],\"openable\":[4]}]]],[\"p-cropper\",[[1,\"p-cropper\",{\"value\":[1],\"returnType\":[1,\"return-type\"],\"_loaded\":[32],\"_currentScale\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"p-stepper\",[[1,\"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\"],\"direction\":[\"_onDirectionChange\"],\"activeStep\":[\"_onActiveStepChange\"]}]]],[\"p-info-panel\",[[1,\"p-info-panel\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"closeable\":[4]}]]],[\"p-label\",[[1,\"p-label\",{\"variant\":[513],\"iconOnly\":[516,\"icon-only\"],\"icon\":[513],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"keepMobileContent\":[516,\"keep-mobile-content\"]}]]],[\"p-listing\",[[1,\"p-listing\",{\"_generatedOnce\":[32]}]]],[\"p-listing-item\",[[1,\"p-listing-item\",{\"icon\":[1]}]]],[\"p-navigation-section\",[[4,\"p-navigation-section\",{\"header\":[1]}]]],[\"p-tab-container\",[[1,\"p-tab-container\"]]],[\"p-toast\",[[1,\"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\",[[4,\"p-avatar-group\",{\"extra\":[2]}]]],[\"p-button-group\",[[1,\"p-button-group\",{\"size\":[1]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-card-body\",[[1,\"p-card-body\"]]],[\"p-card-container\",[[1,\"p-card-container\",{\"variant\":[1],\"bgClass\":[1,\"bg-class\"],\"active\":[4],\"hoverable\":[4],\"shadow\":[4],\"border\":[4]}]]],[\"p-content-slider\",[[1,\"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\",[[1,\"p-iban-icon\",{\"iban\":[513],\"variant\":[513]}]]],[\"p-illustration-deprecated\",[[0,\"p-illustration-deprecated\",{\"variant\":[1]}]]],[\"p-layout\",[[1,\"p-layout\",{\"variant\":[1]}]]],[\"p-radio\",[[70,\"p-radio\",{\"value\":[1],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"checked\":[516],\"_nonce\":[32]}]]],[\"p-tab-item\",[[1,\"p-tab-item\",{\"active\":[4]}]]],[\"p-table-column\",[[0,\"p-table-column\",{\"path\":[1537],\"variant\":[1537],\"name\":[1537],\"useSlot\":[1540,\"use-slot\"],\"hasCheckbox\":[1540,\"has-checkbox\"],\"align\":[1537],\"parsedSizes\":[1040,\"parsed-sizes\"],\"sizes\":[1032]}]]],[\"p-table-row-action\",[[0,\"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,\"show-function\"]}]]],[\"p-toast-container\",[[1,\"p-toast-container\",{\"placement\":[1]}]]],[\"p-toggle\",[[70,\"p-toggle\",{\"checked\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}]]],[\"p-calendar\",[[1,\"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\"],\"minDate\":[\"_parseMinDate\"],\"maxDate\":[\"_parseMaxDate\"],\"disabledDates\":[\"_parseDisabledDates\"],\"mode\":[\"_modeChange\"]}]]],[\"p-range\",[[1,\"p-range\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2]}]]],[\"p-avatar\",[[0,\"p-avatar\",{\"variant\":[1],\"size\":[513],\"defaultImage\":[1,\"default-image\"],\"src\":[1],\"letters\":[1],\"_src\":[32],\"_failed\":[32]},null,{\"src\":[\"onSrchChange\"]}]]],[\"p-listing-line\",[[1,\"p-listing-line\"]]],[\"p-navigation-title\",[[1,\"p-navigation-title\"]]],[\"p-floating-menu-item\",[[4,\"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\",[[1,\"p-stepper-item\",{\"number\":[2],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"finished\":[4],\"active\":[4]}],[1,\"p-stepper-line\",{\"active\":[516],\"direction\":[513]}]]],[\"p-illustration\",[[0,\"p-illustration\",{\"variant\":[1]}]]],[\"p-drawer-body_3\",[[1,\"p-drawer-header\",{\"showClose\":[4,\"show-close\"]}],[1,\"p-drawer-body\"],[1,\"p-drawer-container\",{\"closing\":[4]}]]],[\"p-backdrop\",[[1,\"p-backdrop\",{\"variant\":[1],\"applyBlur\":[4,\"apply-blur\"],\"closing\":[4],\"scrollLock\":[4,\"scroll-lock\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]]]],[\"p-modal-body_4\",[[1,\"p-modal-header\",{\"showClose\":[4,\"show-close\"]}],[1,\"p-modal-footer\"],[1,\"p-modal-body\",{\"roundedBottom\":[4,\"rounded-bottom\"],\"roundedTop\":[4,\"rounded-top\"]}],[1,\"p-modal-container\",{\"size\":[1],\"closing\":[4]}]]],[\"p-pagination-pages-item\",[[1,\"p-pagination-pages-item\",{\"variant\":[1],\"active\":[4],\"hover\":[4],\"disabled\":[4]}]]],[\"p-smile\",[[0,\"p-smile\",{\"variant\":[1]}]]],[\"p-badge_3\",[[1,\"p-segment-item\",{\"variant\":[1],\"active\":[4],\"iconOnly\":[4,\"icon-only\"],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}],[1,\"p-segment-container\"],[1,\"p-badge\"]]],[\"p-divider\",[[1,\"p-divider\",{\"variant\":[513],\"alignContent\":[513,\"align-content\"]}]]],[\"p-checkbox_4\",[[1,\"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\"]}],[70,\"p-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}],[1,\"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\"],\"chevronPosition\":[1,\"chevron-position\"],\"chevronDirection\":[1,\"chevron-direction\"]},[[6,\"click\",\"documentClickHandler\"]],{\"show\":[\"onShowChange\"]}],[1,\"p-dropdown-menu-container\",{\"variant\":[1],\"maxWidth\":[4,\"max-width\"],\"class\":[1],\"fullWidth\":[4,\"full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8]}]]],[\"p-pagination_3\",[[1,\"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,\"page-size-options\"],\"_hasPaginationPages\":[32]}],[1,\"p-pagination-size\",{\"size\":[1538],\"sizeOptions\":[16,\"size-options\"],\"itemTemplate\":[16,\"item-template\"],\"hidden\":[4],\"dropdownIsOpen\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[1,\"p-pagination-pages\",{\"page\":[1538],\"pageSize\":[2,\"page-size\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"total\":[2]},null,{\"page\":[\"pageChangeHandler\"],\"pageSize\":[\"pageChangeHandler\"],\"total\":[\"pageChangeHandler\"]}]]],[\"p-helper_2\",[[1,\"p-helper\",{\"strategy\":[1],\"placement\":[1]}],[1,\"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\"],\"content\":[\"onContentChange\"]}]]],[\"p-field_2\",[[65,\"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],\"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,\"optional-template\"],\"_focused\":[32],\"_nonce\":[32]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"],[2,\"keyup\",\"handleKeyup\"]],{\"value\":[\"watchvalue\"]}],[1,\"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,\"optional-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]]]],[\"p-empty-state_8\",[[1,\"p-table-header\",{\"quickFilters\":[1,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"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,\"filter-button-template\"],\"enableAction\":[4,\"enable-action\"],\"actionLoading\":[4,\"action-loading\"],\"actionIcon\":[1,\"action-icon\"],\"actionText\":[1,\"action-text\"],\"canUseAction\":[1028,\"can-use-action\"],\"actionButtonTemplate\":[16,\"action-button-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[1,\"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,\"page-size-options\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"_isPinned\":[32],\"_hasPaginationPages\":[32]},[[9,\"scroll\",\"onScroll\"]]],[1,\"p-empty-state\",{\"illustration\":[8],\"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\"]}],[1,\"p-floating-menu-container\",{\"usedInTable\":[4,\"used-in-table\"],\"enableAmountSelected\":[4,\"enable-amount-selected\"],\"amount\":[2],\"enableClose\":[4,\"enable-close\"],\"amountSelectedTemplate\":[16,\"amount-selected-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[4,\"p-table-cell\",{\"variant\":[1],\"index\":[2],\"rowIndex\":[2,\"row-index\"],\"definition\":[8],\"item\":[8],\"value\":[8],\"checkbox\":[8],\"template\":[16]}],[1,\"p-table-row\",{\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"checked\":[4],\"isLast\":[4,\"is-last\"]}],[4,\"p-table-container\"],[1,\"p-table-row-actions-container\",{\"checked\":[4]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"p-button_3\",[[1,\"p-button\",{\"label\":[1],\"as\":[1],\"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\"]]],[1,\"p-loader\",{\"show\":[4],\"variant\":[1],\"color\":[1],\"modalTitle\":[1,\"modal-title\"],\"modalDescription\":[1,\"modal-description\"]}],[1,\"p-icon\",{\"variant\":[1],\"size\":[1],\"rotate\":[2],\"flip\":[1]}]]],[\"p-table\",[[4,\"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,\"selected-rows\"],\"enableFloatingMenu\":[4,\"enable-floating-menu\"],\"floatingMenuAmountSelectedTemplate\":[16,\"floating-menu-amount-selected-template\"],\"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,\"filter-button-template\"],\"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,\"action-button-template\"],\"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,\"page-size-options\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"emptyStateHeader\":[16,\"empty-state-header\"],\"emptyStateContent\":[16,\"empty-state-content\"],\"emptyStateAction\":[16,\"empty-state-action\"],\"enableEmptyStateAction\":[4,\"enable-empty-state-action\"],\"emptyStateFilteredHeader\":[16,\"empty-state-filtered-header\"],\"emptyStateFilteredContent\":[16,\"empty-state-filtered-content\"],\"shadow\":[4],\"_locales\":[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\"],\"enableRowSelection\":[\"_setRowSelectionData\"],\"rowSelectionLimit\":[\"_setRowSelectionData\"],\"selectedRows\":[\"_setRowSelectionData\"]}]]],[\"p-select\",[[64,\"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\"],\"items\":[\"itemChanges\"],\"_showDropdown\":[\"_showDropdownChanges\"],\"multi\":[\"multiChanges\"]}]]],[\"p-datepicker\",[[64,\"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\"],\"minDate\":[\"parseMinDate\"],\"maxDate\":[\"parseMaxDate\"],\"disabledDates\":[\"parseDisabledDates\"]}]]],[\"p-modal\",[[1,\"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\",[[1,\"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\",[[1,\"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\",[[1,\"p-profile\",{\"dropdownLocation\":[1,\"dropdown-location\"],\"_dropdownOpen\":[32],\"_hasDropdownSlot\":[32]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-navbar\",[[1,\"p-navbar\",{\"_show\":[32]},[[8,\"closeNavbar\",\"handleCloseNavbar\"],[8,\"openNavbar\",\"handleOpenNavbar\"]]]]],[\"p-card-header\",[[1,\"p-card-header\",{\"variant\":[1],\"header\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"divider\":[4]}]]],[\"p-navigation-item\",[[6,\"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-accordion\",[[1,\"p-accordion\",{\"variant\":[1],\"header\":[1],\"open\":[4],\"closeable\":[4],\"openable\":[4]}]]],[\"p-cropper\",[[1,\"p-cropper\",{\"value\":[1],\"returnType\":[1,\"return-type\"],\"_loaded\":[32],\"_currentScale\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"p-stepper\",[[1,\"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\"],\"direction\":[\"_onDirectionChange\"],\"activeStep\":[\"_onActiveStepChange\"]}]]],[\"p-info-panel\",[[1,\"p-info-panel\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"closeable\":[4]}]]],[\"p-label\",[[1,\"p-label\",{\"variant\":[513],\"iconOnly\":[516,\"icon-only\"],\"icon\":[513],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"keepMobileContent\":[516,\"keep-mobile-content\"]}]]],[\"p-listing\",[[1,\"p-listing\",{\"_generatedOnce\":[32]}]]],[\"p-listing-item\",[[1,\"p-listing-item\",{\"icon\":[1]}]]],[\"p-navigation-section\",[[4,\"p-navigation-section\",{\"header\":[1]}]]],[\"p-tab-container\",[[1,\"p-tab-container\"]]],[\"p-toast\",[[1,\"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\",[[4,\"p-avatar-group\",{\"extra\":[2]}]]],[\"p-button-group\",[[1,\"p-button-group\",{\"size\":[1]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-card-body\",[[1,\"p-card-body\"]]],[\"p-card-container\",[[1,\"p-card-container\",{\"variant\":[1],\"bgClass\":[1,\"bg-class\"],\"active\":[4],\"hoverable\":[4],\"shadow\":[4],\"border\":[4]}]]],[\"p-content-slider\",[[1,\"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\",[[1,\"p-iban-icon\",{\"iban\":[513],\"variant\":[513]}]]],[\"p-illustration-deprecated\",[[0,\"p-illustration-deprecated\",{\"variant\":[1]}]]],[\"p-layout\",[[1,\"p-layout\",{\"variant\":[1]}]]],[\"p-radio\",[[70,\"p-radio\",{\"value\":[1],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"checked\":[516],\"_nonce\":[32]}]]],[\"p-tab-item\",[[1,\"p-tab-item\",{\"active\":[4]}]]],[\"p-table-column\",[[0,\"p-table-column\",{\"path\":[1537],\"variant\":[1537],\"name\":[1537],\"useSlot\":[1540,\"use-slot\"],\"hasCheckbox\":[1540,\"has-checkbox\"],\"align\":[1537],\"parsedSizes\":[1040,\"parsed-sizes\"],\"sizes\":[1032]}]]],[\"p-table-row-action\",[[0,\"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,\"show-function\"]}]]],[\"p-toast-container\",[[1,\"p-toast-container\",{\"placement\":[1]}]]],[\"p-toggle\",[[70,\"p-toggle\",{\"checked\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}]]],[\"p-calendar\",[[1,\"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\"],\"minDate\":[\"_parseMinDate\"],\"maxDate\":[\"_parseMaxDate\"],\"disabledDates\":[\"_parseDisabledDates\"],\"mode\":[\"_modeChange\"]}]]],[\"p-range\",[[1,\"p-range\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2]}]]],[\"p-avatar\",[[0,\"p-avatar\",{\"variant\":[1],\"size\":[513],\"defaultImage\":[1,\"default-image\"],\"src\":[1],\"letters\":[1],\"_src\":[32],\"_failed\":[32]},null,{\"src\":[\"onSrchChange\"]}]]],[\"p-listing-line\",[[1,\"p-listing-line\"]]],[\"p-navigation-title\",[[1,\"p-navigation-title\"]]],[\"p-floating-menu-item\",[[4,\"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\",[[1,\"p-stepper-item\",{\"number\":[2],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"finished\":[4],\"active\":[4]}],[1,\"p-stepper-line\",{\"active\":[516],\"direction\":[513]}]]],[\"p-illustration\",[[0,\"p-illustration\",{\"variant\":[1]}]]],[\"p-drawer-body_3\",[[1,\"p-drawer-header\",{\"showClose\":[4,\"show-close\"]}],[1,\"p-drawer-body\"],[1,\"p-drawer-container\",{\"closing\":[4]}]]],[\"p-backdrop\",[[1,\"p-backdrop\",{\"variant\":[1],\"applyBlur\":[4,\"apply-blur\"],\"closing\":[4],\"scrollLock\":[4,\"scroll-lock\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]]]],[\"p-modal-body_4\",[[1,\"p-modal-header\",{\"showClose\":[4,\"show-close\"]}],[1,\"p-modal-footer\"],[1,\"p-modal-body\",{\"roundedBottom\":[4,\"rounded-bottom\"],\"roundedTop\":[4,\"rounded-top\"]}],[1,\"p-modal-container\",{\"size\":[1],\"closing\":[4]}]]],[\"p-pagination-pages-item\",[[1,\"p-pagination-pages-item\",{\"variant\":[1],\"active\":[4],\"hover\":[4],\"disabled\":[4]}]]],[\"p-smile\",[[0,\"p-smile\",{\"variant\":[1]}]]],[\"p-badge_3\",[[1,\"p-segment-item\",{\"variant\":[1],\"active\":[4],\"iconOnly\":[4,\"icon-only\"],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}],[1,\"p-segment-container\"],[1,\"p-badge\"]]],[\"p-divider\",[[1,\"p-divider\",{\"variant\":[513],\"alignContent\":[513,\"align-content\"]}]]],[\"p-checkbox_4\",[[1,\"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\"]}],[70,\"p-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}],[1,\"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\"],\"chevronPosition\":[1,\"chevron-position\"],\"chevronDirection\":[1,\"chevron-direction\"]},[[6,\"click\",\"documentClickHandler\"]],{\"show\":[\"onShowChange\"]}],[1,\"p-dropdown-menu-container\",{\"variant\":[1],\"maxWidth\":[4,\"max-width\"],\"class\":[1],\"fullWidth\":[4,\"full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8]}]]],[\"p-pagination_3\",[[1,\"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,\"page-size-options\"],\"_hasPaginationPages\":[32]}],[1,\"p-pagination-size\",{\"size\":[1538],\"sizeOptions\":[16,\"size-options\"],\"itemTemplate\":[16,\"item-template\"],\"hidden\":[4],\"dropdownIsOpen\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[1,\"p-pagination-pages\",{\"page\":[1538],\"pageSize\":[2,\"page-size\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"total\":[2]},null,{\"page\":[\"pageChangeHandler\"],\"pageSize\":[\"pageChangeHandler\"],\"total\":[\"pageChangeHandler\"]}]]],[\"p-helper_2\",[[1,\"p-helper\",{\"strategy\":[1],\"placement\":[1]}],[1,\"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\"],\"content\":[\"onContentChange\"]}]]],[\"p-field_2\",[[65,\"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],\"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,\"optional-template\"],\"_focused\":[32],\"_nonce\":[32]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"],[2,\"keyup\",\"handleKeyup\"]],{\"value\":[\"watchvalue\"]}],[1,\"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,\"optional-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]]]],[\"p-empty-state_8\",[[1,\"p-table-header\",{\"quickFilters\":[1,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"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,\"filter-button-template\"],\"enableAction\":[4,\"enable-action\"],\"actionLoading\":[4,\"action-loading\"],\"actionIcon\":[1,\"action-icon\"],\"actionText\":[1,\"action-text\"],\"canUseAction\":[1028,\"can-use-action\"],\"actionButtonTemplate\":[16,\"action-button-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[1,\"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,\"page-size-options\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"_isPinned\":[32],\"_hasPaginationPages\":[32]},[[9,\"scroll\",\"onScroll\"]]],[1,\"p-empty-state\",{\"illustration\":[8],\"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\"]}],[1,\"p-floating-menu-container\",{\"usedInTable\":[4,\"used-in-table\"],\"enableAmountSelected\":[4,\"enable-amount-selected\"],\"amount\":[2],\"enableClose\":[4,\"enable-close\"],\"amountSelectedTemplate\":[16,\"amount-selected-template\"],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[4,\"p-table-cell\",{\"variant\":[1],\"index\":[2],\"rowIndex\":[2,\"row-index\"],\"definition\":[8],\"item\":[8],\"value\":[8],\"checkbox\":[8],\"template\":[16]}],[1,\"p-table-row\",{\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"checked\":[4],\"isLast\":[4,\"is-last\"]}],[4,\"p-table-container\"],[1,\"p-table-row-actions-container\",{\"checked\":[4]}]]]]"), options);
 };
 
 export { defineCustomElements };

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

@@ -4,7 +4,7 @@ import { T as ThemedHost } from './themed-host.component-C8HmhEcP.js';
 import './clsx-ChV9xqsO.js';
 import './state-DKMgUotc.js';
 
-const navbarComponentCss = ".w-full{width:100%!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}@media (min-width:80rem){:host{width:15rem}}@media (min-width:105rem){:host{width:18rem}}@media (min-width:80rem){.layout-1280\\:w-60{width:15rem!important}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.z-navbar-backdrop{z-index:290!important}.z-navbar-topbar{z-index:280!important}.mt-auto{margin-top:auto!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.max-w-\\[16\\.5rem\\]{max-width:16.5rem!important}.-translate-x-full{--tw-translate-x:-100%!important;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))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.gap-6{gap:1.5rem!important}.overflow-y-auto{overflow-y:auto!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition,.transition-all{transition-duration:.15s!important}.transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.will-change-transform{will-change:transform!important}@media (min-width:80rem){.layout-1280\\:relative{position:relative!important}.layout-1280\\:z-0{z-index:0!important}.layout-1280\\:flex{display:flex!important}.layout-1280\\:hidden{display:none!important}.layout-1280\\:h-full{height:100%!important}.layout-1280\\:max-w-none{max-width:none!important}.layout-1280\\:translate-x-0{--tw-translate-x:0px!important;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))!important}}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}";
+const navbarComponentCss = ".w-full{width:100%!important}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}@media (min-width:80rem){:host{width:15rem}}@media (min-width:105rem){:host{width:18rem}}@media (min-width:80rem){.layout-1280\\:w-60{width:15rem!important}}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-navbar{z-index:300!important}.z-navbar-backdrop{z-index:290!important}.z-navbar-topbar{z-index:280!important}.mt-auto{margin-top:auto!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.max-w-\\[16\\.5rem\\]{max-width:16.5rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-full{--tw-translate-x:-100%!important;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))!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.gap-6{gap:1.5rem!important}.overflow-y-auto{overflow-y:auto!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r{border-right-width:1px!important}.border-solid{border-style:solid!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition,.transition-all{transition-duration:.15s!important}.transition-all{transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.will-change-transform{will-change:transform!important}@media (min-width:80rem){.layout-1280\\:relative{position:relative!important}.layout-1280\\:z-0{z-index:0!important}.layout-1280\\:flex{display:flex!important}.layout-1280\\:hidden{display:none!important}.layout-1280\\:h-full{height:100%!important}.layout-1280\\:max-w-none{max-width:none!important}.layout-1280\\:translate-x-0{--tw-translate-x:0px!important;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))!important}}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(54 60 70/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!important}";
 
 const sidebarAndTopbar = cva([
     'transition',
@@ -52,7 +52,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (h(ThemedHost, { key: 'ace4f097dfb3ee3ce59427c18cf8b90cc8d4044f' }, h("p-backdrop", { key: 'f6e9ef51a090d34d06606c0e7c379e6267bfd601', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'e0d7b783361de15aa475f9dc536d28592d7e9dd9', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '44337a5d7e008efe15253ca753195e7e8c6619ed', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '943a022bcfe6da87d2bfbb98280e759f21640000', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '69c8d15e8d6e98db42fe51d2244a738b43ab4575', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'd61533b3eff9554d6fd56320cf409e1de5c2940c', name: 'company' })), h("div", { key: 'd2a067d56d1d5aaff2c0c70c4197cd25d0ee36f5', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '846e54a5925ed2d95e5ad26e2ff8487af82e05c6', name: 'content' })), h("div", { key: '0f615bdaf873f00a3eba448b3bcef8c96b0d1f73', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'b5eb65af36863d762251bb2ea89e625edf46a926', name: 'user' }))), h("div", { key: '71b9beff6d5bc36c13f106dd2ca5dc93f7a48e8c', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '85838aab18088e6f374183611e28e8ca9daaaafd', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: '4d83cbd308e5ced13a3524863bfff41689be3327', name: 'topbar' }))));
+        return (h(ThemedHost, { key: 'ace4f097dfb3ee3ce59427c18cf8b90cc8d4044f' }, h("p-backdrop", { key: 'f6e9ef51a090d34d06606c0e7c379e6267bfd601', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'e0d7b783361de15aa475f9dc536d28592d7e9dd9', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '44337a5d7e008efe15253ca753195e7e8c6619ed', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '943a022bcfe6da87d2bfbb98280e759f21640000', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: 'e42bf1090c0aadb9c917595a845399d91cec4cd0', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: 'ea35aeb4c0d403750fcaf9d5742abe16f37c6a38', name: 'company' })), h("div", { key: 'c3c889077b329fc86c2be2df9eaabf07c250d057', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '18af52aa76576a581fd6d81eb328fd9c2dd625d0', name: 'content' })), h("div", { key: 'b3a5e51d89c7b87e6b70fdbbc302d31d5e9c231b', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: '75bc220c44860b7a0b56cead3d4ff35bf58444cd', name: 'user' }))), h("div", { key: '488b65c4eea704920e48d10f4785e95a2baebe7a', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '7d1952192364ea142fd35e3fed02f871c1f2c8ec', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: '433624439c6ce4597b9a73b4df709c6cb975af5a', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/esm/p-navbar.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-navbar.entry.js","sources":["src/components/organisms/navbar/navbar.component.css?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\n\t@apply w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72;\n\n\t.safe-sidebar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\n\t\t&.show {\n\t\t\t--tw-translate-x: env(safe-area-inset-left, 0) !important;\n\t\t}\n\t}\n\n\t.safe-topbar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\t\theight: calc(env(safe-area-inset-top, 0) + 4rem);\n\t}\n}\n","import { Component, h, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-hurricane-800',\n\t'border-0 border-solid border-off-white-700 dark:border-hurricane-500',\n\t'p-4',\n]);\n\nconst sidebar = cva(\n\t[\n\t\t'flex flex-col',\n\n\t\t'fixed left-0 top-0 z-navbar h-screen w-60',\n\t\t'w-full max-w-[16.5rem]',\n\t\t'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',\n\t\t'gap-6',\n\n\t\t'transition-all',\n\t\t'will-change-transform',\n\t\t'-translate-x-full transform-gpu layout-1280:translate-x-0',\n\n\t\t'border-r',\n\n\t\t'safe-sidebar',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'show',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst topbar = cva([\n\t'flex w-full justify-between items-center',\n\t'relative z-navbar-topbar',\n\t'border-b',\n\t'layout-1280:hidden',\n\t'safe-topbar',\n]);\n\nconst backdrop = cva(\n\t['z-navbar-backdrop layout-1280:hidden transition-opacity relative'],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: 'opacity-0 pointer-events-none',\n\t\t\t\ttrue: 'opacity-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navbar',\n\tstyleUrl: 'navbar.component.css',\n\tshadow: true,\n})\nexport class Navbar {\n\t@State() private _show = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<p-backdrop\n\t\t\t\t\tclass={backdrop({ show: this._show })}\n\t\t\t\t\tscrollLock={this._show}\n\t\t\t\t\tonClicked={() => (this._show = false)}\n\t\t\t\t></p-backdrop>\n\t\t\t\t<div class={sidebar({ class: sidebarAndTopbar(), show: this._show })}>\n\t\t\t\t\t<div class='flex w-full items-center justify-end layout-1280:hidden'>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\t\ticonFlip='horizontal'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={() => (this._show = false)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col items-stretch'>\n\t\t\t\t\t\t<slot name='company' />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-col gap-6 overflow-y-auto'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='mt-auto hidden w-full flex-col layout-1280:flex'>\n\t\t\t\t\t\t<slot name='user' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={topbar({ class: sidebarAndTopbar() })}>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\tonClick={() => (this._show = true)}\n\t\t\t\t\t></p-button>\n\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('closeNavbar', { target: 'window' })\n\thandleCloseNavbar() {\n\t\tthis._show = false;\n\t}\n\n\t@Listen('openNavbar', { target: 'window' })\n\thandleOpenNavbar() {\n\t\tthis._show = true;\n\t}\n}\n"],"names":[],"mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,6uIAA6uI;;ACIxwI,MAAM,gBAAgB,GAAG,GAAG,CAAC;IAC5B,YAAY;IACZ,wCAAwC;IACxC,sEAAsE;IACtE,KAAK;AACL,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAClB;IACC,eAAe;IAEf,2CAA2C;IAC3C,wBAAwB;IACxB,gFAAgF;IAChF,OAAO;IAEP,gBAAgB;IAChB,uBAAuB;IACvB,2DAA2D;IAE3D,UAAU;IAEV,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,0CAA0C;IAC1C,0BAA0B;IAC1B,UAAU;IACV,oBAAoB;IACpB,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,CACnB,CAAC,kEAAkE,CAAC,EACpE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,KAAK,EAAE,+BAA+B;AACtC,YAAA,IAAI,EAAE,aAAa;AACnB,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,MAAM,GAAA,MAAA;;;;IACD,KAAK,GAAG,KAAK;IAE9B,MAAM,GAAA;AACL,QAAA,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EACrC,UAAU,EAAE,IAAI,CAAC,KAAK,EACtB,SAAS,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,EACxB,CAAA,EACd,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,EAAA,EACnE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,yDAAyD,EAAA,EACnE,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAC,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GACxB,CACP,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oCAAoC,EAAA,EAC9C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4CAA4C,EAAA,EACtD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAClB,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iDAAiD,EAAA,EAC3D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAG,CACf,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,EAAA,EAChD,CACC,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EACvB,CAAA,EAEZ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACM;;IAKf,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;IAInB,gBAAgB,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;;;;;;;"}
+{"version":3,"file":"p-navbar.entry.js","sources":["src/components/organisms/navbar/navbar.component.css?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\n\t@apply w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72;\n\n\t.safe-sidebar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\n\t\t&.show {\n\t\t\t--tw-translate-x: env(safe-area-inset-left, 0) !important;\n\t\t}\n\t}\n\n\t.safe-topbar {\n\t\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem) !important;\n\t\theight: calc(env(safe-area-inset-top, 0) + 4rem);\n\t}\n}\n","import { Component, h, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst sidebarAndTopbar = cva([\n\t'transition',\n\t'bg-off-white-300 dark:bg-hurricane-800',\n\t'border-0 border-solid border-off-white-700 dark:border-hurricane-500',\n\t'p-4',\n]);\n\nconst sidebar = cva(\n\t[\n\t\t'flex flex-col',\n\n\t\t'fixed left-0 top-0 z-navbar h-screen w-60',\n\t\t'w-full max-w-[16.5rem]',\n\t\t'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',\n\t\t'gap-6',\n\n\t\t'transition-all',\n\t\t'will-change-transform',\n\t\t'-translate-x-full transform-gpu layout-1280:translate-x-0',\n\n\t\t'border-r',\n\n\t\t'safe-sidebar',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'show',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst topbar = cva([\n\t'flex w-full justify-between items-center',\n\t'relative z-navbar-topbar',\n\t'border-b',\n\t'layout-1280:hidden',\n\t'safe-topbar',\n]);\n\nconst backdrop = cva(\n\t['z-navbar-backdrop layout-1280:hidden transition-opacity relative'],\n\t{\n\t\tvariants: {\n\t\t\tshow: {\n\t\t\t\tfalse: 'opacity-0 pointer-events-none',\n\t\t\t\ttrue: 'opacity-100',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navbar',\n\tstyleUrl: 'navbar.component.css',\n\tshadow: true,\n})\nexport class Navbar {\n\t@State() private _show = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<p-backdrop\n\t\t\t\t\tclass={backdrop({ show: this._show })}\n\t\t\t\t\tscrollLock={this._show}\n\t\t\t\t\tonClicked={() => (this._show = false)}\n\t\t\t\t></p-backdrop>\n\t\t\t\t<div class={sidebar({ class: sidebarAndTopbar(), show: this._show })}>\n\t\t\t\t\t<div class='flex w-full items-center justify-end layout-1280:hidden'>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\t\ticonFlip='horizontal'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={() => (this._show = false)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-shrink-0 flex-col items-stretch'>\n\t\t\t\t\t\t<slot name='company' />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex w-full flex-1 flex-col gap-6 overflow-y-auto'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class='mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex'>\n\t\t\t\t\t\t<slot name='user' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class={topbar({ class: sidebarAndTopbar() })}>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\ticon='menu-arrow'\n\t\t\t\t\t\tonClick={() => (this._show = true)}\n\t\t\t\t\t></p-button>\n\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('closeNavbar', { target: 'window' })\n\thandleCloseNavbar() {\n\t\tthis._show = false;\n\t}\n\n\t@Listen('openNavbar', { target: 'window' })\n\thandleOpenNavbar() {\n\t\tthis._show = true;\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/p-navigation-item.entry.js

@@ -6,7 +6,7 @@ import { c as cn } from './cn-BniKgfyU.js';
 import './clsx-ChV9xqsO.js';
 import './state-DKMgUotc.js';
 
-const navigationItemComponentCss = "*.sc-p-navigation-item{box-sizing:border-box}.static.sc-p-navigation-item{position:static!important}.ml-auto.sc-p-navigation-item{margin-left:auto!important}.inline-block.sc-p-navigation-item{display:inline-block!important}.flex.sc-p-navigation-item{display:flex!important}.aspect-branding.sc-p-navigation-item{aspect-ratio:23/24!important}.h-6.sc-p-navigation-item{height:1.5rem!important}.h-8.sc-p-navigation-item{height:2rem!important}.w-\\[inherit\\].sc-p-navigation-item{width:inherit!important}.cursor-pointer.sc-p-navigation-item{cursor:pointer!important}.items-center.sc-p-navigation-item{align-items:center!important}.justify-center.sc-p-navigation-item{justify-content:center!important}.gap-2.sc-p-navigation-item{gap:.5rem!important}.rounded-full.sc-p-navigation-item{border-radius:9999px!important}.rounded-lg.sc-p-navigation-item{border-radius:.5rem!important}.bg-indigo-500.sc-p-navigation-item{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.bg-off-white-600.sc-p-navigation-item{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.px-2.sc-p-navigation-item{padding-left:.5rem!important;padding-right:.5rem!important}.py-1.sc-p-navigation-item{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1.sc-p-navigation-item{padding-left:.25rem!important}.text-sm.sc-p-navigation-item{font-size:.875rem!important;line-height:1.25rem!important}.font-medium.sc-p-navigation-item{font-weight:500!important}.font-semibold.sc-p-navigation-item{font-weight:600!important}.text-storm-400.sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500.sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.container.sc-p-navigation-item{width:100%}@media (min-width:40rem){.container.sc-p-navigation-item{max-width:40rem}}@media (min-width:64rem){.container.sc-p-navigation-item{max-width:64rem}}@media (min-width:80rem){.container.sc-p-navigation-item{max-width:80rem}}@media (min-width:85.375rem){.container.sc-p-navigation-item{max-width:85.375rem}}@media (min-width:90rem){.container.sc-p-navigation-item{max-width:90rem}}@media (min-width:96rem){.container.sc-p-navigation-item{max-width:96rem}}@media (min-width:105rem){.container.sc-p-navigation-item{max-width:105rem}}@media (min-width:120rem){.container.sc-p-navigation-item{max-width:120rem}}@media (min-width:160rem){.container.sc-p-navigation-item{max-width:160rem}}@media (min-width:640px){.container.sc-p-navigation-item{max-width:640px}}@media (min-width:768px){.container.sc-p-navigation-item{max-width:768px}}@media (min-width:1024px){.container.sc-p-navigation-item{max-width:1024px}}@media (min-width:1280px){.container.sc-p-navigation-item{max-width:1280px}}@media (min-width:1536px){.container.sc-p-navigation-item{max-width:1536px}}.hover\\:bg-off-white-500.sc-p-navigation-item:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500.sc-p-navigation-item:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:text-hurricane-200:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/10:hover:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:hover\\:text-white:hover:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/10.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:text-hurricane-200.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/10.sc-p-navigation-item:hover:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:hover\\:text-white.sc-p-navigation-item:hover:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
+const navigationItemComponentCss = "*.sc-p-navigation-item{box-sizing:border-box}.static.sc-p-navigation-item{position:static!important}.ml-auto.sc-p-navigation-item{margin-left:auto!important}.inline-block.sc-p-navigation-item{display:inline-block!important}.flex.sc-p-navigation-item{display:flex!important}.aspect-branding.sc-p-navigation-item{aspect-ratio:23/24!important}.h-6.sc-p-navigation-item{height:1.5rem!important}.h-8.sc-p-navigation-item{height:2rem!important}.w-\\[inherit\\].sc-p-navigation-item{width:inherit!important}.w-full.sc-p-navigation-item{width:100%!important}.cursor-pointer.sc-p-navigation-item{cursor:pointer!important}.items-center.sc-p-navigation-item{align-items:center!important}.justify-center.sc-p-navigation-item{justify-content:center!important}.gap-2.sc-p-navigation-item{gap:.5rem!important}.rounded-full.sc-p-navigation-item{border-radius:9999px!important}.rounded-lg.sc-p-navigation-item{border-radius:.5rem!important}.bg-indigo-500.sc-p-navigation-item{--tw-bg-opacity:1!important;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))!important}.bg-off-white-600.sc-p-navigation-item{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.px-2.sc-p-navigation-item{padding-left:.5rem!important;padding-right:.5rem!important}.py-1.sc-p-navigation-item{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1.sc-p-navigation-item{padding-left:.25rem!important}.text-sm.sc-p-navigation-item{font-size:.875rem!important;line-height:1.25rem!important}.font-medium.sc-p-navigation-item{font-weight:500!important}.font-semibold.sc-p-navigation-item{font-weight:600!important}.text-storm-400.sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500.sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.container.sc-p-navigation-item{width:100%}@media (min-width:40rem){.container.sc-p-navigation-item{max-width:40rem}}@media (min-width:64rem){.container.sc-p-navigation-item{max-width:64rem}}@media (min-width:80rem){.container.sc-p-navigation-item{max-width:80rem}}@media (min-width:85.375rem){.container.sc-p-navigation-item{max-width:85.375rem}}@media (min-width:90rem){.container.sc-p-navigation-item{max-width:90rem}}@media (min-width:96rem){.container.sc-p-navigation-item{max-width:96rem}}@media (min-width:105rem){.container.sc-p-navigation-item{max-width:105rem}}@media (min-width:120rem){.container.sc-p-navigation-item{max-width:120rem}}@media (min-width:160rem){.container.sc-p-navigation-item{max-width:160rem}}@media (min-width:640px){.container.sc-p-navigation-item{max-width:640px}}@media (min-width:768px){.container.sc-p-navigation-item{max-width:768px}}@media (min-width:1024px){.container.sc-p-navigation-item{max-width:1024px}}@media (min-width:1280px){.container.sc-p-navigation-item{max-width:1280px}}@media (min-width:1536px){.container.sc-p-navigation-item{max-width:1536px}}.hover\\:bg-off-white-500.sc-p-navigation-item:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-storm-500.sc-p-navigation-item:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:text-hurricane-200:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/10:hover:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:hover\\:text-white:hover:where([data-theme=dark].sc-p-navigation-item-h,[data-theme=dark].sc-p-navigation-item-h *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/10.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:text-hurricane-200.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white.sc-p-navigation-item:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-white\\/10.sc-p-navigation-item:hover:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{background-color:hsla(0,0%,100%,.1)!important}.dark\\:hover\\:text-white.sc-p-navigation-item:hover:where([data-theme=dark],[data-theme=dark].sc-p-navigation-item *).sc-p-navigation-item{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
 
 const navigationItem = cva([
     'h-8 w-[inherit]',
@@ -77,13 +77,20 @@ const NavigationItem = class {
      * The class of the container passed by parent
      */
     class;
+    /**
+     * Wether the span should contain a w-full
+     */
+    applyFullWidth = false;
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(ThemedHost, { key: 'e3f6f644cc3d0cded35ca91b3fef696f54ca1a0e', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '16b7057fe6273b58e88a43faa342e8a55f821a6c', class: navigationItem({
+        return (h(ThemedHost, { key: '00fe55de2abc63e7d21eb25af9185a2218409fcf', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '9b604e531a822b7f83ade8b27f9905d5e32c38f3', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '9e5f54a76b7b0247040000a13afad9ee3d9380f7', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'dac51c4d9a95f24ff5af41ad5e4f61cfc8b30759', variant: this.icon })), h("span", { key: '0fc8bd3522e1c564a4194b2b3b1371d32df20759', class: this.counter && 'has-counter' }, h("slot", { key: 'b68f7183884664a7be98a5c9caaa30f74e5d7a05' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'c3ebe255a49ae9ace5d70c028bdbd2f5646f227f' }, this.counter)), !!this.loading && h("p-loader", { key: '33d8aaf12d2e7c044e026108c11cde8ec44c9644', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: 'd0bfc8961060791efae455c6699e37156212c133', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'e2a337552737b6270fa2eb3470415ad99b6bde94', variant: this.icon })), h("span", { key: 'ad5a23c485a4f5175a94c7d9a189874dd5329107', class: cn({
+                'has-counter': !!this.counter,
+                'w-full': this.applyFullWidth,
+            }) }, h("slot", { key: '919803097262d08996eaee98dc0db9559da3f497' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: '823a97ddee0f9ffae8f782c3c097eea529d18939' }, this.counter)), !!this.loading && h("p-loader", { key: '5e534b6d7e06273330c94fd23d5b887faa592399', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = navigationItemComponentCss;

package/dist/esm/p-navigation-item.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-navigation-item.entry.js","sources":["src/components/molecules/navigation/item/navigation-item.component.css?tag=p-navigation-item&encapsulation=scoped","src/components/molecules/navigation/item/navigation-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cn } from '../../../../utils/cn';\nimport { IconVariant } from '../../../atoms/icon/icon.component';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'hover:text-storm-500 dark:hover:text-white',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'text-storm-400 dark:text-hurricane-200',\n\t\t\t\t\t'hover:bg-off-white-500 dark:hover:bg-white/10',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-off-white-600 dark:bg-white/10 text-storm-500 dark:text-white font-semibold',\n\t\t\t\t],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-indigo-500 text-storm-500'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.css',\n\tscoped: true,\n})\nexport class NavigationItem {\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon!: IconVariant;\n\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the navigation item is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The element to use for the navigation item\n\t */\n\t@Prop() as: string = 'a';\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\trender() {\n\t\tconst TagType = this.as;\n\n\t\tconst active = asBoolean(this.active) || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<ThemedHost class={cn('p-navigation-item inline-block', this.class)}>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!this.loading && <p-loader class='ml-auto' />}\n\t\t\t\t</TagType>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":";;;;;;;;AAAA,MAAM,0BAA0B,GAAG,8qKAA8qK;;ACOjtK,MAAM,cAAc,GAAG,GAAG,CACzB;IACC,iBAAiB;IACjB,yBAAyB;IACzB,4CAA4C;IAC5C,YAAY;IACZ,WAAW;IACX,qBAAqB;IACrB,gBAAgB;CAChB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE;gBACN,wCAAwC;gBACxC,+CAA+C;AAC/C,aAAA;AACD,YAAA,IAAI,EAAE;gBACL,gFAAgF;AAChF,aAAA;AACD,SAAA;AACD,QAAA,IAAI,EAAE;AACL,YAAA,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,CAAC,MAAM,CAAC;AACd,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,2BAA2B,GAAG,GAAG,CACtC,CAAC,mEAAmE,CAAC,EACrE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,CAAC,8BAA8B,CAAC;AACtC,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,OAAO,GAAY,KAAK;AAEhC;;AAEG;IACK,EAAE,GAAW,GAAG;AAExB;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,KAAK;IAEb,MAAM,GAAA;AACL,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE;AAEvB,QAAA,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC;AAEvE,QAAA,QACC,CAAA,CAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,EAAE,CAAC,gCAAgC,EAAE,IAAI,CAAC,KAAK,CAAC,EAAA,EAClE,CAAA,CAAC,OAAO,EAAA,EAAA,GAAA,EAAA,0CAAA,EACP,KAAK,EAAE,cAAc,CAAC;AACrB,gBAAA,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;gBACjB,MAAM;AACN,aAAA,CAAC,EACF,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,EAEnB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,2BAA2B,CAAC,EAAE,MAAM,EAAE,CAAC,EAAA,EAClD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI,CACzB,EAEN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,aAAa,EAAA,EACzC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACF,EAEN,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,GAAG,KACtC,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAU,IAAI,CAAC,OAAO,CAAW,CACjC,EAEA,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,KAAK,EAAC,SAAS,EAAA,CAAG,CACtC,CACE;;;;;;;"}
+{"version":3,"file":"p-navigation-item.entry.js","sources":["src/components/molecules/navigation/item/navigation-item.component.css?tag=p-navigation-item&encapsulation=scoped","src/components/molecules/navigation/item/navigation-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { cn } from '../../../../utils/cn';\nimport { IconVariant } from '../../../atoms/icon/icon.component';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'hover:text-storm-500 dark:hover:text-white',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'text-storm-400 dark:text-hurricane-200',\n\t\t\t\t\t'hover:bg-off-white-500 dark:hover:bg-white/10',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-off-white-600 dark:bg-white/10 text-storm-500 dark:text-white font-semibold',\n\t\t\t\t],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-indigo-500 text-storm-500'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.css',\n\tscoped: true,\n})\nexport class NavigationItem {\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon!: IconVariant;\n\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the navigation item is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The element to use for the navigation item\n\t */\n\t@Prop() as: string = 'a';\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the span should contain a w-full\n\t */\n\t@Prop() applyFullWidth: boolean = false;\n\n\trender() {\n\t\tconst TagType = this.as;\n\n\t\tconst active = asBoolean(this.active) || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<ThemedHost class={cn('p-navigation-item inline-block', this.class)}>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass={cn({\n\t\t\t\t\t\t\t'has-counter': !!this.counter,\n\t\t\t\t\t\t\t'w-full': this.applyFullWidth,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!this.loading && <p-loader class='ml-auto' />}\n\t\t\t\t</TagType>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"names":[],"mappings":"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"}