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

package/dist/cjs/p-modal.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-modal.entry.cjs.js","mappings":";;;;;;MAgBa,KAAK;;;;;IAwET,mBAAc,GAAG,KAAK,CAAC;IACvB,mBAAc,GAAG,KAAK,CAAC;gBArEW,IAAI;mBAKD,SAAS;;gBAU9B,KAAK;qBAKA,KAAK;qBAKd,IAAI;4BAKG,KAAK;8BAKH,IAAI;sBAKH,IAAI;mBAKP,IAAI;oBA0BH,KAAK;;EAEjC,iBAAiB;IAChB,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC7C,0BAA0B,CAC1B,CAAC;IACF,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC7C,0BAA0B,CAC1B,CAAC;GACF;EAED,MAAM;;IACL,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACf,OAAO;KACP;IAED,MAAM,aAAa,GAAGA,kBAAM,IAAI,EAAC,QAAQ,GAAG,CAAC;IAC7C,MAAM,WAAW,GAAGA,kBAAM,IAAI,EAAC,SAAS,GAAG,CAAC;IAC5C,MAAM,aAAa,GAAGA,kBAAM,IAAI,EAAC,QAAQ,GAAG,CAAC;IAE7C,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,SAAS,IACpBD,wBACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EACjD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE3BA,+BAAmB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,IACxD,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,cAAc,MAC3CA,4BACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,IAE/C,IAAI,CAAC,cAAc;QACjB,aAAa;QACb,IAAI,CAAC,MAAM,CACE,CACjB,EACDA,0BACC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,aAAa,EAAE,CAAC,IAAI,CAAC,cAAc,EACnC,UAAU,EAAE,CAAC,IAAI,CAAC,cAAc,IAAI,EAAC,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,CAAA,EACxD,OAAO,EAAE,IAAI,CAAC,OAAO,IAEpB,WAAW,CACE,EACd,IAAI,CAAC,cAAc,KACnBA,gCAAiB,aAAa,CAAkB,CAChD,CACkB,CACR,CACP,EACN;GACF;EAEO,cAAc,CAAC,EAAc;IACpC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;MAC7B,OAAO;KACP;IAED,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;GAC3B;EAEM,KAAK,CAAC,MAAc,EAAE,EAAe;IAC3C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAE3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAErB,UAAU,CAAC;MACV,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;MAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;MAEtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACzB,EAAE,GAAG,CAAC,CAAC;GACR;EAGD,gBAAgB;IACf,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;GACpB;;;;;;","names":["h","Host"],"sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table-flush' = 'default';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"footer\"]'\n\t\t);\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name=\"header\" />;\n\t\tconst bodyContent = <slot name=\"content\" />;\n\t\tconst footerContent = <slot name=\"footer\" />;\n\n\t\treturn (\n\t\t\t<Host class=\"p-modal\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={(ev) => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-modal-container size={this.size} closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close('button', ev.detail)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot\n\t\t\t\t\t\t\t\t\t? headerContent\n\t\t\t\t\t\t\t\t\t: this.header}\n\t\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t\t\tpadding={this.padding}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</p-modal-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"],"version":3}
+{"file":"p-modal.entry.cjs.js","mappings":";;;;;;MAgBa,KAAK;;;;;oBAIyB,IAAI;uBAKD,SAAS;;oBAU9B,KAAK;yBAKA,KAAK;yBAKd,IAAI;gCAKG,KAAK;kCAKH,IAAI;0BAKH,IAAI;uBAKP,IAAI;wBA0BH,KAAK;;;;;IAlBjC,YAAY,CAA2B;;;;IAQvC,MAAM,CAAuB;;IAOrB,cAAc,GAAG,KAAK,CAAC;IACvB,cAAc,GAAG,KAAK,CAAC;IAI/B,iBAAiB;QAChB,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC7C,0BAA0B,CAC1B,CAAC;QACF,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC7C,0BAA0B,CAC1B,CAAC;KACF;IAED,MAAM;QACL,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,OAAO;SACP;QAED,MAAM,aAAa,GAAGA,kBAAM,IAAI,EAAC,QAAQ,GAAG,CAAC;QAC7C,MAAM,WAAW,GAAGA,kBAAM,IAAI,EAAC,SAAS,GAAG,CAAC;QAC5C,MAAM,aAAa,GAAGA,kBAAM,IAAI,EAAC,QAAQ,GAAG,CAAC;QAE7C,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,SAAS,IACpBD,wBACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EACjD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,UAAU,EAAE,IAAI,CAAC,UAAU,IAE3BA,+BAAmB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,IACxD,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,cAAc,MAC3CA,4BACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,IAE/C,IAAI,CAAC,cAAc;cACjB,aAAa;cACb,IAAI,CAAC,MAAM,CACE,CACjB,EACDA,0BACC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,aAAa,EAAE,CAAC,IAAI,CAAC,cAAc,EACnC,UAAU,EAAE,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,EACxD,OAAO,EAAE,IAAI,CAAC,OAAO,IAEpB,WAAW,CACE,EACd,IAAI,CAAC,cAAc,KACnBA,gCAAiB,aAAa,CAAkB,CAChD,CACkB,CACR,CACP,EACN;KACF;IAEO,cAAc,CAAC,EAAc;QACpC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC7B,OAAO;SACP;QAED,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;KAC3B;IAEM,KAAK,CAAC,MAAc,EAAE,EAAe;QAC3C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAE3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,UAAU,CAAC;YACV,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YAEtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;SACzB,EAAE,GAAG,CAAC,CAAC;KACR;IAGD,gBAAgB;QACf,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;KACpB;;;;;","names":["h","Host"],"sources":["src/components/organisms/modal/modal.component.tsx"],"sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table-flush' = 'default';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<string>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"footer\"]'\n\t\t);\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name=\"header\" />;\n\t\tconst bodyContent = <slot name=\"content\" />;\n\t\tconst footerContent = <slot name=\"footer\" />;\n\n\t\treturn (\n\t\t\t<Host class=\"p-modal\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={(ev) => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-modal-container size={this.size} closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close('button', ev.detail)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot\n\t\t\t\t\t\t\t\t\t? headerContent\n\t\t\t\t\t\t\t\t\t: this.header}\n\t\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\troundedBottom={!this._hasFooterSlot}\n\t\t\t\t\t\t\troundedTop={!this._hasHeaderSlot && !this.header?.length}\n\t\t\t\t\t\t\tpadding={this.padding}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</p-modal-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close('backdrop', ev);\n\t}\n\n\tpublic close(reason: string, ev?: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit(reason);\n\t\t}, 550);\n\t}\n\n\t@Listen('closeModal', { target: 'window' })\n\thandleCloseModal() {\n\t\tthis.close('event');\n\t}\n}\n"],"version":3}

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

@@ -2,68 +2,68 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 const index$1 = require('./index-b556e70f.js');
 require('./clsx-fc789adc.js');
 
-const navbarComponentCss = "*{box-sizing:border-box}:host .safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}:host .safe-sidebar.show{--tw-translate-x:env(safe-area-inset-left,0)!important}:host .safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!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}.m-0{margin:0!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}.w-full{width:100%!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-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}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition-all{transition-duration:.15s!important;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}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!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\\:w-60{width:15rem!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}}@media (min-width:105rem){.layout-1680\\:w-72{width:18rem!important}}";
+const navbarComponentCss = "*{box-sizing:border-box}:host{.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}}.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}.w-full{width:100%!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-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-all{transition-duration:.15s!important;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}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!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\\:w-60{width:15rem!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}}@media (min-width:105rem){.layout-1680\\:w-72{width:18rem!important}}";
+const PNavbarStyle0 = navbarComponentCss;
 
 const sidebarAndTopbar = index$1.cva([
-  'bg-off-white-300',
-  'border-0 border-solid border-off-white-700',
-  'p-4',
+    'bg-off-white-300',
+    'border-0 border-solid border-off-white-700',
+    'p-4',
 ]);
 const sidebar = index$1.cva([
-  'flex flex-col',
-  'fixed left-0 top-0 z-navbar h-screen w-60',
-  'w-full max-w-[16.5rem]',
-  'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',
-  'gap-6',
-  'transition-all',
-  'will-change-transform',
-  '-translate-x-full transform-gpu layout-1280:translate-x-0',
-  'border-r',
-  'safe-sidebar',
+    'flex flex-col',
+    'fixed left-0 top-0 z-navbar h-screen w-60',
+    'w-full max-w-[16.5rem]',
+    'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',
+    'gap-6',
+    'transition-all',
+    'will-change-transform',
+    '-translate-x-full transform-gpu layout-1280:translate-x-0',
+    'border-r',
+    'safe-sidebar',
 ], {
-  variants: {
-    show: {
-      false: null,
-      true: 'show',
+    variants: {
+        show: {
+            false: null,
+            true: 'show',
+        },
     },
-  },
 });
 const topbar = index$1.cva([
-  'flex w-full justify-between items-center',
-  'relative z-navbar-topbar',
-  'border-b',
-  'layout-1280:hidden',
-  'safe-topbar',
+    'flex w-full justify-between items-center',
+    'relative z-navbar-topbar',
+    'border-b',
+    'layout-1280:hidden',
+    'safe-topbar',
 ]);
 const backdrop = index$1.cva(['z-navbar-backdrop layout-1280:hidden transition-opacity'], {
-  variants: {
-    show: {
-      false: 'opacity-0 pointer-events-none',
-      true: 'opacity-100',
+    variants: {
+        show: {
+            false: 'opacity-0 pointer-events-none',
+            true: 'opacity-100',
+        },
     },
-  },
 });
 const Navbar = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.menuText = 'Menu';
-    this._show = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, index.h("p-backdrop", { class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { class: 'flex w-full items-center justify-between layout-1280:hidden' }, index.h("p", { class: 'm-0 text-xl font-semibold text-storm-dark' }, this.menuText), index.h("p-button", { variant: 'secondary', icon: 'negative', iconPosition: 'end', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), index.h("div", { class: 'flex w-full flex-col items-stretch' }, index.h("slot", { name: 'company' })), index.h("div", { class: 'flex w-full flex-col gap-6 overflow-y-auto' }, index.h("slot", { name: 'content' })), index.h("div", { class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, index.h("slot", { name: 'user' }))), index.h("div", { class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { variant: 'secondary', iconOnly: true, icon: 'menu', size: 'sm', onClick: () => (this._show = true) }), index.h("slot", { name: 'topbar' }))));
-  }
-  handleCloseNavbar() {
-    this._show = false;
-  }
-  handleOpenNavbar() {
-    this._show = true;
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this._show = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '420e8206936530720b691c0b1afc04a2d608b04b', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, index.h("p-backdrop", { key: '0ef0b72645f6318a41c5beac4b11bf0aca6e89e2', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: '306b0b341f807b440afb06db4620e1d5a531920a', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: '15ee88d5fb65f2893b3bff37f5d6c95958758722', class: 'flex w-full items-center justify-between layout-1280:hidden' }, index.h("p-button", { key: 'b64a58b653501f77dcca6c5de917fa73362f5b02', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), index.h("div", { key: 'df946991b20959ee55b30778623da97f6bfa445e', class: 'flex w-full flex-col items-stretch' }, index.h("slot", { key: '40f50a4fbe75c85e095176805ca6b49e4cb80a6a', name: 'company' })), index.h("div", { key: 'b94aada53b4eb0ac86d52010cc3e07bb2fa0e682', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: '28a927ba8b7eb84534ef66efaddac03c75bafb33', name: 'content' })), index.h("div", { key: '7c8990fad4e46e05eaffda94aed8323afa6c1bf2', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, index.h("slot", { key: 'ec9d59ccedce6c8daba775f0b68d42290b7b9877', name: 'user' }))), index.h("div", { key: 'c1bca26770942cfc04aca9dfee1f40b5e3ed885c', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: '3d16426f5990c0a04cbd0befd4901fe09fcab33f', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), index.h("slot", { key: 'a49b86b11c0619d33dfb8cd59ca2b576d183d0cb', name: 'topbar' }))));
+    }
+    handleCloseNavbar() {
+        this._show = false;
+    }
+    handleOpenNavbar() {
+        this._show = true;
+    }
 };
-Navbar.style = navbarComponentCss;
+Navbar.style = PNavbarStyle0;
 
 exports.p_navbar = Navbar;
 

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

@@ -1 +1 @@
-{"file":"p-navbar.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,kBAAkB,GAAG,m4GAAm4G;;ACG95G,MAAM,gBAAgB,GAAGA,WAAG,CAAC;EAC5B,kBAAkB;EAClB,4CAA4C;EAC5C,KAAK;CACL,CAAC,CAAC;AAEH,MAAM,OAAO,GAAGA,WAAG,CAClB;EACC,eAAe;EAEf,2CAA2C;EAC3C,wBAAwB;EACxB,gFAAgF;EAChF,OAAO;EAEP,gBAAgB;EAChB,uBAAuB;EACvB,2DAA2D;EAE3D,UAAU;EAEV,cAAc;CACd,EACD;EACC,QAAQ,EAAE;IACT,IAAI,EAAE;MACL,KAAK,EAAE,IAAI;MACX,IAAI,EAAE,MAAM;KACZ;GACD;CACD,CACD,CAAC;AAEF,MAAM,MAAM,GAAGA,WAAG,CAAC;EAClB,0CAA0C;EAC1C,0BAA0B;EAC1B,UAAU;EACV,oBAAoB;EACpB,aAAa;CACb,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAGA,WAAG,CACnB,CAAC,yDAAyD,CAAC,EAC3D;EACC,QAAQ,EAAE;IACT,IAAI,EAAE;MACL,KAAK,EAAE,+BAA+B;MACtC,IAAI,EAAE,aAAa;KACnB;GACD;CACD,CACD,CAAC;MAOW,MAAM;;;oBAIC,MAAM;iBAEA,KAAK;;EAE9B,MAAM;IACL,QACCC,QAACC,UAAI,IAAC,KAAK,EAAC,qEAAqE,IAChFD,wBACC,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,GACxB,EACdA,iBAAK,KAAK,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IACnEA,iBAAK,KAAK,EAAC,6DAA6D,IACvEA,eAAG,KAAK,EAAC,2CAA2C,IAClD,IAAI,CAAC,QAAQ,CACX,EAEJA,sBACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GACxB,CACP,EACNA,iBAAK,KAAK,EAAC,oCAAoC,IAC9CA,kBAAM,IAAI,EAAC,SAAS,GAAG,CAClB,EACNA,iBAAK,KAAK,EAAC,4CAA4C,IACtDA,kBAAM,IAAI,EAAC,SAAS,GAAG,CAClB,EAENA,iBAAK,KAAK,EAAC,iDAAiD,IAC3DA,kBAAM,IAAI,EAAC,MAAM,GAAG,CACf,CACD,EACNA,iBAAK,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,IAChDA,sBACC,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GACvB,EAEZA,kBAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,EACN;GACF;EAGD,iBAAiB;IAChB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;GACnB;EAGD,gBAAgB;IACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;GAClB;;;;;;","names":["cva","h","Host"],"sources":["src/components/organisms/navbar/navbar.component.scss?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\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, Host, Listen, Prop, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst sidebarAndTopbar = cva([\n\t'bg-off-white-300',\n\t'border-0 border-solid border-off-white-700',\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'],\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.scss',\n\tshadow: true,\n})\nexport class Navbar {\n\t/**\n\t * The text to display for the menu button & sidebar title\n\t */\n\t@Prop() menuText = 'Menu';\n\n\t@State() private _show = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72'>\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-between layout-1280:hidden'>\n\t\t\t\t\t\t<p class='m-0 text-xl font-semibold text-storm-dark'>\n\t\t\t\t\t\t\t{this.menuText}\n\t\t\t\t\t\t</p>\n\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='negative'\n\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tsize='sm'\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'\n\t\t\t\t\t\tsize='sm'\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</Host>\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.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,kBAAkB,GAAG,moGAAmoG,CAAC;AAC/pG,sBAAe,kBAAkB;;ACEjC,MAAM,gBAAgB,GAAGA,WAAG,CAAC;IAC5B,kBAAkB;IAClB,4CAA4C;IAC5C,KAAK;CACL,CAAC,CAAC;AAEH,MAAM,OAAO,GAAGA,WAAG,CAClB;IACC,eAAe;IAEf,2CAA2C;IAC3C,wBAAwB;IACxB,gFAAgF;IAChF,OAAO;IAEP,gBAAgB;IAChB,uBAAuB;IACvB,2DAA2D;IAE3D,UAAU;IAEV,cAAc;CACd,EACD;IACC,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,MAAM;SACZ;KACD;CACD,CACD,CAAC;AAEF,MAAM,MAAM,GAAGA,WAAG,CAAC;IAClB,0CAA0C;IAC1C,0BAA0B;IAC1B,UAAU;IACV,oBAAoB;IACpB,aAAa;CACb,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAGA,WAAG,CACnB,CAAC,yDAAyD,CAAC,EAC3D;IACC,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,KAAK,EAAE,+BAA+B;YACtC,IAAI,EAAE,aAAa;SACnB;KACD;CACD,CACD,CAAC;MAOW,MAAM;;;qBACO,KAAK;;IAE9B,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAC,qEAAqE,IAChFD,yEACC,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,GACxB,EACdA,kEAAK,KAAK,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,IACnEA,kEAAK,KAAK,EAAC,6DAA6D,IACvEA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAC,YAAY,EACrB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GACxB,CACP,EACNA,kEAAK,KAAK,EAAC,oCAAoC,IAC9CA,mEAAM,IAAI,EAAC,SAAS,GAAG,CAClB,EACNA,kEAAK,KAAK,EAAC,4CAA4C,IACtDA,mEAAM,IAAI,EAAC,SAAS,GAAG,CAClB,EAENA,kEAAK,KAAK,EAAC,iDAAiD,IAC3DA,mEAAM,IAAI,EAAC,MAAM,GAAG,CACf,CACD,EACNA,kEAAK,KAAK,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,CAAC,IAChDA,uEACC,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GACvB,EAEZA,mEAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,EACN;KACF;IAGD,iBAAiB;QAChB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACnB;IAGD,gBAAgB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;KAClB;;;;;;","names":["cva","h","Host"],"sources":["src/components/organisms/navbar/navbar.component.css?tag=p-navbar&encapsulation=shadow","src/components/organisms/navbar/navbar.component.tsx"],"sourcesContent":[":host {\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, Host, Listen, State } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst sidebarAndTopbar = cva([\n\t'bg-off-white-300',\n\t'border-0 border-solid border-off-white-700',\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'],\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<Host class='p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72'>\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-between 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\tsize='sm'\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\tsize='sm'\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</Host>\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/cjs/p-navigation-item.cjs.entry.js

@@ -2,59 +2,64 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 const index$1 = require('./index-b556e70f.js');
+const cn = require('./cn-b70f9965.js');
 require('./clsx-fc789adc.js');
 
-const navigationItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\\[inherit\\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.hover\\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-black-teal-500:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
+const navigationItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.ml-auto{margin-left:auto!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-\\[inherit\\]{width:inherit!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-600{--tw-bg-opacity:1!important;background-color:rgb(236 234 229/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-1{padding-left:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.hover\\:bg-off-white:hover{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.hover\\:text-black-teal-500:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
+const PNavigationItemStyle0 = navigationItemComponentCss;
 
 const navigationItem = index$1.cva([
-  'h-8 w-[inherit]',
-  'flex items-center gap-2',
-  'text-black-teal-400 hover:text-black-teal-500',
-  'rounded-lg',
-  'py-1 px-2',
-  'text-sm font-medium',
-  'cursor-pointer',
+    'h-8 w-[inherit]',
+    'flex items-center gap-2',
+    'text-black-teal-400 hover:text-black-teal-500',
+    'rounded-lg',
+    'py-1 px-2',
+    'text-sm font-medium',
+    'cursor-pointer',
 ], {
-  variants: {
-    active: {
-      false: ['hover:bg-off-white'],
-      true: ['bg-off-white-600 text-black-teal-500 font-semibold'],
+    variants: {
+        active: {
+            false: ['hover:bg-off-white'],
+            true: ['bg-off-white-600 text-black-teal-500 font-semibold'],
+        },
+        icon: {
+            false: false,
+            true: ['pl-1'],
+        },
     },
-    icon: {
-      false: false,
-      true: ['pl-1'],
-    },
-  },
 });
 const navigationItemIconContainer = index$1.cva(['flex h-6 aspect-branding items-center justify-center rounded-full'], {
-  variants: {
-    active: {
-      false: false,
-      true: ['bg-supportive-lilac'],
+    variants: {
+        active: {
+            false: false,
+            true: ['bg-supportive-lilac'],
+        },
     },
-  },
 });
 const NavigationItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.icon = undefined;
-    this.active = false;
-    this.as = 'a';
-    this.counter = undefined;
-    this.href = undefined;
-    this.target = undefined;
-  }
-  render() {
-    const TagType = this.as;
-    return (index.h(index.Host, { class: 'p-navigation-item inline-block' }, index.h(TagType, { class: navigationItem({
-        active: this.active,
-        icon: !!this.icon,
-      }), href: this.href, target: this.target }, index.h("div", { class: navigationItemIconContainer({ active: this.active }) }, index.h("p-icon", { variant: this.icon })), index.h("span", { class: this.counter && 'has-counter' }, index.h("slot", null)), !!this.counter && this.counter !== '0' && (index.h("p-badge", null, this.counter)))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.icon = undefined;
+        this.active = false;
+        this.loading = false;
+        this.as = 'a';
+        this.counter = undefined;
+        this.href = undefined;
+        this.target = undefined;
+        this.class = undefined;
+    }
+    render() {
+        const TagType = this.as;
+        const active = this.active || this.class?.includes('active');
+        return (index.h(index.Host, { key: 'dacf0b77def805153d8bb3d3c3b20a409852d1a7', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: '8043fa7ede6155359324766529915b23764086f1', class: navigationItem({
+                icon: !!this.icon,
+                active,
+            }), href: this.href, target: this.target }, index.h("div", { key: '7c6b27e1c9a7ff8e34dd7ae85b164c7453ca2fea', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: '0b6b9ea5681cc2f6f928167273118809e122b7b0', variant: this.icon })), index.h("span", { key: '0177c3985d3b6c0534396747e3ea7cbb1d1d836e', class: this.counter && 'has-counter' }, index.h("slot", { key: '758c961b2a30e1c56cfea749f37855a4709a1e02' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: '30573f9f22772d0e337c8fddb996e446e0aa1fbc' }, this.counter)), !!this.loading && index.h("p-loader", { key: '6c8b9c7b4d62c85000b862ac7f63c6190ad8cdd4', class: 'ml-auto' }))));
+    }
 };
-NavigationItem.style = navigationItemComponentCss;
+NavigationItem.style = PNavigationItemStyle0;
 
 exports.p_navigation_item = NavigationItem;
 

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

@@ -1 +1 @@
-{"file":"p-navigation-item.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,0BAA0B,GAAG,i/CAAi/C;;ACIphD,MAAM,cAAc,GAAGA,WAAG,CACzB;EACC,iBAAiB;EACjB,yBAAyB;EACzB,+CAA+C;EAC/C,YAAY;EACZ,WAAW;EACX,qBAAqB;EACrB,gBAAgB;CAChB,EACD;EACC,QAAQ,EAAE;IACT,MAAM,EAAE;MACP,KAAK,EAAE,CAAC,oBAAoB,CAAC;MAC7B,IAAI,EAAE,CAAC,oDAAoD,CAAC;KAC5D;IACD,IAAI,EAAE;MACL,KAAK,EAAE,KAAK;MACZ,IAAI,EAAE,CAAC,MAAM,CAAC;KACd;GACD;CACD,CACD,CAAC;AAEF,MAAM,2BAA2B,GAAGA,WAAG,CACtC,CAAC,mEAAmE,CAAC,EACrE;EACC,QAAQ,EAAE;IACT,MAAM,EAAE;MACP,KAAK,EAAE,KAAK;MACZ,IAAI,EAAE,CAAC,qBAAqB,CAAC;KAC7B;GACD;CACD,CACD,CAAC;MAOW,cAAc;;;;kBASA,KAAK;cAKV,GAAG;;;;;EAiBxB,MAAM;IACL,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;IACxB,QACCC,QAACC,UAAI,IAAC,KAAK,EAAC,gCAAgC,IAC3CD,QAAC,OAAO,IACP,KAAK,EAAE,cAAc,CAAC;QACrB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;OACjB,CAAC,EACF,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,IAEnBA,iBAAK,KAAK,EAAE,2BAA2B,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,IAC/DA,oBAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI,CACzB,EAENA,kBAAM,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,aAAa,IACzCA,qBAAQ,CACF,EAEN,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,GAAG,KACtCA,yBAAU,IAAI,CAAC,OAAO,CAAW,CACjC,CACQ,CACJ,EACN;GACF;;;;;;","names":["cva","h","Host"],"sources":["src/components/molecules/navigation-item/navigation-item.component.scss?tag=p-navigation-item","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":["// :host {\n// \t@apply mb-1 inline-block w-full;\n//\n// \t> a {\n// \t\t@apply h-8 w-full cursor-pointer rounded-lg px-2 no-underline;\n// \t\t@apply flex items-center gap-2;\n// \t\t@apply font-semibold text-storm;\n//\n// \t\t@apply hover:bg-indigo-light;\n//\n// \t\t> p-icon {\n// \t\t\t@apply text-storm;\n// \t\t}\n//\n// \t\t> span {\n// \t\t\t@apply mr-auto;\n// \t\t}\n// \t}\n// }\n//\n// :host(.active) {\n// \t> a {\n// \t\t@apply bg-indigo-light text-indigo;\n//\n// \t\t> p-icon {\n// \t\t\t@apply text-indigo;\n// \t\t}\n// \t}\n// }\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\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'text-black-teal-400 hover:text-black-teal-500',\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: ['hover:bg-off-white'],\n\t\t\t\ttrue: ['bg-off-white-600 text-black-teal-500 font-semibold'],\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-supportive-lilac'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.scss',\n\tshadow: false,\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 * 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\trender() {\n\t\tconst TagType = this.as;\n\t\treturn (\n\t\t\t<Host class='p-navigation-item inline-block'>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\tactive: this.active,\n\t\t\t\t\t\ticon: !!this.icon,\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: this.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\t\t\t\t</TagType>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-navigation-item.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,0BAA0B,GAAG,qhDAAqhD,CAAC;AACzjD,8BAAe,0BAA0B;;ACIzC,MAAM,cAAc,GAAGA,WAAG,CACzB;IACC,iBAAiB;IACjB,yBAAyB;IACzB,+CAA+C;IAC/C,YAAY;IACZ,WAAW;IACX,qBAAqB;IACrB,gBAAgB;CAChB,EACD;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,CAAC,oBAAoB,CAAC;YAC7B,IAAI,EAAE,CAAC,oDAAoD,CAAC;SAC5D;QACD,IAAI,EAAE;YACL,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,CAAC,MAAM,CAAC;SACd;KACD;CACD,CACD,CAAC;AAEF,MAAM,2BAA2B,GAAGA,WAAG,CACtC,CAAC,mEAAmE,CAAC,EACrE;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,CAAC,qBAAqB,CAAC;SAC7B;KACD;CACD,CACD,CAAC;MAOW,cAAc;;;;sBASA,KAAK;uBAKJ,KAAK;kBAKX,GAAG;;;;;;IAsBxB,MAAM;QACL,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;QAExB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAE7D,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAEC,KAAE,CAAC,gCAAgC,EAAE,IAAI,CAAC,KAAK,CAAC,IAC5DF,QAAC,OAAO,qDACP,KAAK,EAAE,cAAc,CAAC;gBACrB,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;gBACjB,MAAM;aACN,CAAC,EACF,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,IAEnBA,kEAAK,KAAK,EAAE,2BAA2B,CAAC,EAAE,MAAM,EAAE,CAAC,IAClDA,qEAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI,CACzB,EAENA,mEAAM,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,aAAa,IACzCA,oEAAQ,CACF,EAEN,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,GAAG,KACtCA,wEAAU,IAAI,CAAC,OAAO,CAAW,CACjC,EAEA,CAAC,CAAC,IAAI,CAAC,OAAO,IAAIA,uEAAU,KAAK,EAAC,SAAS,GAAG,CACtC,CACJ,EACN;KACF;;;;;;","names":["cva","h","Host","cn"],"sources":["src/components/molecules/navigation-item/navigation-item.component.css?tag=p-navigation-item","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { IconVariant } from '../../atoms/icon/icon.component';\nimport { cn } from '../../../utils/cn';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'text-black-teal-400 hover:text-black-teal-500',\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: ['hover:bg-off-white'],\n\t\t\t\ttrue: ['bg-off-white-600 text-black-teal-500 font-semibold'],\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-supportive-lilac'],\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\tshadow: false,\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 = this.active || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<Host 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</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-navigation-section.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3f9bbc0c.js');
+
+const navigationSectionComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";
+const PNavigationSectionStyle0 = navigationSectionComponentCss;
+
+const NavigationSection = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.header = undefined;
+    }
+    render() {
+        return (index.h(index.Host, { key: '12a7ddc1fc8a0510a789a82cd223c721f299821c', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (index.h("p-navigation-title", { key: '4f1687e4ccfb515e931806367a80ab18f96cb0ec' }, this.header)), index.h("div", { key: '4f1b482d6c3b6767822936d538b0b1525471a63b', class: 'flex flex-col' }, index.h("slot", { key: '880099723344f9c62559df0aa237bed57a51f23c' }))));
+    }
+};
+NavigationSection.style = PNavigationSectionStyle0;
+
+exports.p_navigation_section = NavigationSection;
+
+//# sourceMappingURL=p-navigation-section.cjs.entry.js.map

package/dist/cjs/p-navigation-section.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-navigation-section.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,6BAA6B,GAAG,8JAA8J,CAAC;AACrM,iCAAe,6BAA6B;;MCK/B,iBAAiB;;;;;IAM7B,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,0CAA0C,IACpD,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,KACvBD,mFAAqB,IAAI,CAAC,MAAM,CAAsB,CACtD,EAEDA,kEAAK,KAAK,EAAC,eAAe,IACzBA,oEAAQ,CACH,CACA,EACN;KACF;;;;;;","names":["h","Host"],"sources":["src/components/molecules/navigation-section/navigation-section.component.css?tag=p-navigation-section","src/components/molecules/navigation-section/navigation-section.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-section',\n\tstyleUrl: 'navigation-section.component.css',\n})\nexport class NavigationSection {\n\t/**\n\t * The header of the section\n\t */\n\t@Prop() header: string;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-section flex flex-col gap-2'>\n\t\t\t\t{this.header?.length > 0 && (\n\t\t\t\t\t<p-navigation-title>{this.header}</p-navigation-title>\n\t\t\t\t)}\n\n\t\t\t\t<div class='flex flex-col'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-navigation-title.cjs.entry.js

@@ -2,19 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const navigationTitleComponentCss = "*{box-sizing:border-box}.static{position:static!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
+const PNavigationTitleStyle0 = navigationTitleComponentCss;
 
 const NavigationTitle = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, { class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'fbd7677985ddc349ad5d4942717d7e3b387fb802', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, index.h("slot", { key: 'a8824564dbb03f7fbad48bec1c80fca9a21073d4' })));
+    }
 };
-NavigationTitle.style = navigationTitleComponentCss;
+NavigationTitle.style = PNavigationTitleStyle0;
 
 exports.p_navigation_title = NavigationTitle;
 

package/dist/cjs/p-navigation-title.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-navigation-title.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,2BAA2B,GAAG,+QAA+Q;;MCOtS,eAAe;;;;EAC3B,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,4DAA4D,IACvED,qBAAQ,CACF,EACN;GACF;;;;;;","names":["h","Host"],"sources":["src/components/atoms/navigation-title/navigation-title.component.scss?tag=p-navigation-title","src/components/atoms/navigation-title/navigation-title.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.scss',\n\tshadow: false,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-title text-xs font-medium text-black-teal-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-navigation-title.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,2BAA2B,GAAG,+QAA+Q,CAAC;AACpT,+BAAe,2BAA2B;;MCM7B,eAAe;;;;IAC3B,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,4DAA4D,IACvED,oEAAQ,CACF,EACN;KACF;;;;;;","names":["h","Host"],"sources":["src/components/atoms/navigation-title/navigation-title.component.css?tag=p-navigation-title&encapsulation=shadow","src/components/atoms/navigation-title/navigation-title.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.css',\n\tshadow: true,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-title text-xs font-medium text-black-teal-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3f9bbc0c.js');
+const constants = require('./constants-eae831f7.js');
+const index$1 = require('./index-b556e70f.js');
+require('./clsx-fc789adc.js');
+
+const paginationComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!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-1{padding:.25rem!important}.text-human-beige-700{--tw-text-opacity:1!important;color:rgb(231 216 203/var(--tw-text-opacity,1))!important}";
+const PPaginationStyle0 = paginationComponentCss;
+
+const pagination = index$1.cva([
+    'p-pagination',
+    'items-center gap-2',
+    'rounded-full',
+    'bg-off-white-300 border border-off-white-700',
+    'p-1',
+], {
+    variants: {
+        hidden: {
+            false: 'flex',
+            true: 'hidden',
+        },
+    },
+});
+const Pagination = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.pageChange = index.createEvent(this, "pageChange", 3);
+        this.pageSizeChange = index.createEvent(this, "pageSizeChange", 3);
+        this.hideOnSinglePage = true;
+        this.enablePaginationSize = true;
+        this.enablePaginationPages = true;
+        this.page = 1;
+        this.total = undefined;
+        this.pageSize = constants.defaultSize;
+        this.pageSizeOptions = constants.defaultSizeOptions;
+        this._hasPaginationPages = true;
+    }
+    /**
+     * Event whenever the page changes
+     */
+    pageChange;
+    /**
+     * Event whenever the page changes
+     */
+    pageSizeChange;
+    render() {
+        const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
+        return (index.h(index.Host, { key: 'a1a066729ca049c6b4ec615a216241404c9ba545', class: pagination({
+                hidden: (hidePageSizeSelect && !this.enablePaginationSize) ||
+                    (!this.enablePaginationSize && !this.enablePaginationPages),
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (index.h(index.Fragment, { key: '826dd028fe33cb8de4b5e692264f74963acdd60d' }, index.h("p-pagination-size", { key: '505283b962f1d515073d62bd46cbd12b2bd522a2', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            this.hideOnSinglePage &&
+            this._hasPaginationPages && (index.h("p-divider", { key: '28879c1698226575969d43bc1c15eb45368a29a5', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (index.h("p-pagination-pages", { key: 'f88347164b140591930de78e9599760c2c787c86', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+    }
+    _changePageSize(s) {
+        if (!s) {
+            return;
+        }
+        this.pageSize = s;
+        this.pageSizeChange.emit(this.pageSize);
+    }
+};
+Pagination.style = PPaginationStyle0;
+
+exports.p_pagination = Pagination;
+
+//# sourceMappingURL=p-pagination.cjs.entry.js.map

package/dist/cjs/p-pagination.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-pagination.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,stBAAstB,CAAC;AACtvB,0BAAe,sBAAsB;;ACYrC,MAAM,UAAU,GAAGA,WAAG,CACrB;IACC,cAAc;IACd,oBAAoB;IACpB,cAAc;IACd,8CAA8C;IAC9C,KAAK;CACL,EACD;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,QAAQ;SACd;KACD;CACD,CACD,CAAC;MAMW,UAAU;;;;;gCAIc,IAAI;oCAKA,IAAI;qCAKH,IAAI;oBAKU,CAAC;;wBAU7BC,qBAAW;+BAKFC,4BAAkB;mCAkBf,IAAI;;;;;IAV3C,UAAU,CAAuB;;;;IAQjC,cAAc,CAAuB;IAIrC,MAAM;QACL,MAAM,kBAAkB,GACvB,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QAEjE,QACCC,QAACC,UAAI,qDACJ,KAAK,EAAE,UAAU,CAAC;gBACjB,MAAM,EACL,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,oBAAoB;qBAChD,CAAC,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC;aAC5D,CAAC,IAED,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,oBAAoB,KACvDD,QAACE,cAAQ,uDACRF,gFACC,MAAM,EAAE,kBAAkB,EAC1B,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,GACzD,EAED,CAAC,kBAAkB;YACnB,IAAI,CAAC,gBAAgB;YACrB,IAAI,CAAC,mBAAmB,KACvBA,wEACC,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,+BAA+B,GACpC,CACF,CACQ,CACX,EAEA,IAAI,CAAC,qBAAqB,KAC1BA,iFACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,EAC1D,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,MACxB,IAAI,CAAC,mBAAmB,GAAG,MAAM,GAAG,CAAC,CAAC,GAEvC,CACF,CACK,EACN;KACF;IAEO,eAAe,CAAC,CAAU;QACjC,IAAI,CAAC,CAAC,EAAE;YACP,OAAO;SACP;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACxC;;;;;;","names":["cva","defaultSize","defaultSizeOptions","h","Host","Fragment"],"sources":["src/components/molecules/pagination/pagination.component.css?tag=p-pagination","src/components/molecules/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tHost,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { defaultSize, defaultSizeOptions } from '../pagination-size/constants';\nimport { cva } from 'class-variance-authority';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-off-white-700',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this.enablePaginationSize) ||\n\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-human-beige-700'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\n\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\tonPagesChange={({ detail }) =>\n\t\t\t\t\t\t\t(this._hasPaginationPages = detail > 1)\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"],"version":3}

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

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3f9bbc0c.js');
+
+const Portal = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get _el() { return index.getElement(this); }
+    _moved = false;
+    createPortal() {
+        document.body.append(this._el);
+    }
+    componentDidLoad() {
+        this.createPortal();
+    }
+    disconnectedCallback() {
+        this._moved ? this._el.remove() : (this._moved = true);
+    }
+    render() {
+        return (index.h(index.Host, { key: 'bb0d2d84023af6e4d6b9d87ebeba83d16c37949b' }, index.h("slot", { key: '014316bcd782e41366cbf3489357b1ea47b5d23b' })));
+    }
+};
+
+exports.p_portal = Portal;
+
+//# sourceMappingURL=p-portal.cjs.entry.js.map

package/dist/cjs/p-portal.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-portal.entry.cjs.js","mappings":";;;;;;MAKa,MAAM;;;;;IAMV,MAAM,GAAY,KAAK,CAAC;IAExB,YAAY;QACnB,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KAC/B;IAED,gBAAgB;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;KACpB;IAED,oBAAoB;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;KACvD;IAED,MAAM;QACL,QACCA,QAACC,UAAI,uDACJD,oEAAQ,CACF,EACN;KACF;;;;;","names":["h","Host"],"sources":["src/components/atoms/portal/portal.component.tsx"],"sourcesContent":["import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-portal',\n})\nexport class Portal {\n\t/**\n\t * The host element\n\t */\n\t@Element() _el: HTMLElement;\n\n\tprivate _moved: boolean = false;\n\n\tprivate createPortal() {\n\t\tdocument.body.append(this._el);\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis.createPortal();\n\t}\n\n\tdisconnectedCallback() {\n\t\tthis._moved ? this._el.remove() : (this._moved = true);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}