@paperless/core 2.0.1-beta.107 → 2.0.1-beta.108

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

@@ -3077,9 +3077,9 @@ const Datepicker = class {
         this.parseValue(this.value);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'c92fb7f401d30305f42cf367ff2b263bef23ede5', class: 'p-datepicker' }, index$1.h("p-dropdown", { key: 'ce3182a772d547e2ac7890bb9b51101cab21be67', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.h("p-field", { key: 'f9e742daf4ff73f4be5adf2f92f890ba57096670', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean.asBoolean(this.required), error: this.error, disabled: asBoolean.asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (index$1.h("input", { key: '254862854eacffaa3facd57a49e3a810afd83cc5', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
+        return (index$1.h(index$1.Host, { key: '81eb937a8e8db269231f5d4a25c15ee7686e0a12', class: 'p-datepicker' }, index$1.h("p-dropdown", { key: 'c625bbd563e50d0905294425e14b11c3b645fafc', strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, index$1.h("p-field", { key: '9d53e0c9aa66e9f724ae5dd301737ba71ad2665e', slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar-multi', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, loading: this.loading, helper: this.helper, required: asBoolean.asBoolean(this.required), error: this.error, disabled: asBoolean.asBoolean(this.disabled), focused: this._showDropdown, value: this._getFormattedDate(), placeholder: this.placeholder, onFocus: () => this._onFocus(), onBlur: () => this._onBlur(), onValueChange: ev => this._onValueChange(ev.detail), onInputRefChange: ev => (this._inputRef = ev.detail) }), this.enableNativePicker && this._isMobileBrowser && (index$1.h("input", { key: 'b9c2c2f901761a2c9511c7781e5cfebfa2619a35', slot: 'trigger', type: this.mode === 'day' ? 'date' : 'month', class: 'h-0 overflow-hidden' // we use h-0 here so location dependent pickers can correctly place itself
             ,
-            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && index.format(this._value, 'yyyy-MM-dd'), min: this.minDate && index.format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && index.format(new Date(this.maxDate), 'yyyy-MM-dd') })), index$1.h("div", { key: '9aed0c48e8b0f726cd5367d8d4874d0af1f4ca9a', slot: 'items' }, index$1.h("p-calendar", { key: '7b5f1a893588c3ffeb9f31e90ca7d0638cb28565', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+            onInput: ev => this._onNativeInput(ev), ref: ref => (this._dateInputRef = ref), value: this._value && index.format(this._value, 'yyyy-MM-dd'), min: this.minDate && index.format(new Date(this.minDate), 'yyyy-MM-dd'), max: this.maxDate && index.format(new Date(this.maxDate), 'yyyy-MM-dd') })), index$1.h("div", { key: '4acc20f743b77fa9ed8bea3f87b9f85cf24825b7', slot: 'items' }, index$1.h("p-calendar", { key: '657e46e60e1a0662c4096677ddbc18cbcac197d2', variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf.childOf(target, this._el)) {

package/dist/cjs/p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","sources":["src/components/deprecated/atoms/drawer/body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/deprecated/atoms/drawer/body/drawer-body.component.tsx","src/components/deprecated/atoms/drawer/container/drawer-container.component.scss?tag=p-drawer-container","src/components/deprecated/atoms/drawer/container/drawer-container.component.tsx","src/components/deprecated/atoms/drawer/header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/deprecated/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-slide-in-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply animate-slide-out-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply bg-white;\n\t@apply sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-drawer-header'>\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,scAAsc;;MCOxd,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnDD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACjBV,MAAM,2BAA2B,GAAG,ypEAAypE;;MCYhrE,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7DD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtBV,MAAM,wBAAwB,GAAG,ksCAAksC;;MCOttC,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACdD,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;"}
+{"version":3,"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col w-full items-end p-2;\n\t@apply h-full overflow-y-auto;\n}\n\n/* p-drawer-container { */\n/* \t@apply z-drawer flex flex-col; */\n/* \t// tablet:w-[22.5rem] */\n/* \t@apply w-full tablet:w-[22.5rem]; */\n/* \t@apply bg-white; */\n/* \t@apply min-h-screen; */\n/* \t@apply animate-slide-in-right; */\n/**/\n/* \t@apply shadow-3 #{!important}; */\n/**/\n/* \t&.closing { */\n/* \t\t@apply animate-slide-out-right; */\n/* \t} */\n/* } */\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white',\n\t\t'w-full tablet:max-w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right'\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true\n})\nexport class DrawerContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t{this.showClose && (\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\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && <div class=\"size-8\" />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"names":["h","cva","asBoolean"],"mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,+WAA+W;;MCOjY,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAOA,oEAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,4nFAA4nF;;ACKhqF,MAAM,SAAS,GAAGC,WAAG,CACpB;IACC,gBAAgB;IAEhB,wBAAwB;IAExB,sBAAsB;IACtB,+BAA+B;IAE/B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EACJ,wBAAwB;AACzB,YAAA,IAAI,EAAE;AACN,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAEE,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFF,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;AC9CT,MAAM,wBAAwB,GAAG,+5BAA+5B;;ACGh8B,MAAM,MAAM,GAAGC,WAAG,CAAC;IAClB,gFAAgF;IAChF,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,8CAA8C;AAC9C,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,MAAM,EAAE,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAENA,OAAW,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN;;;;;;;;;"}

package/dist/cjs/p-drawer-body_3.cjs.entry.js

@@ -1,26 +1,39 @@
 'use strict';
 
 var index = require('./index-BDuPp9vl.js');
+var index$1 = require('./index-mudu9vpz.js');
+var asBoolean = require('./as-boolean-C1PzA22I.js');
+require('./clsx-BtxeOLZW.js');
 
-const drawerBodyComponentCss = ".flex{display:flex!important}.min-h-full{min-height:100%!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity,1));display:flex;flex:1 1 0%;flex-direction:column;min-height:100%;padding:1.5rem 1rem env(safe-area-inset-bottom,0);width:100%}.static{position:static!important}";
+const drawerBodyComponentCss = ".flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}*{box-sizing:border-box}:host{display:flex;flex:1 1 0%;flex-direction:column;gap:1rem;height:100%;padding:1rem 1rem calc(env(safe-area-inset-bottom, 0) + 1rem);width:100%}.static{position:static!important}";
 
-const ModalBody = class {
+const DrawerBody = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
-    /**
-     * The variant of the modal body
-     */
-    variant = 'default';
     render() {
-        return (index.h(index.Host, { key: '5a33371424341596d5c42c9c2041c2f5fd0f15bb', class: `p-drawer-body variant-${this.variant}` }, index.h("slot", { key: '73520d30142df2b9228e5bb0a14b1eb66a66e0d6' })));
+        return index.h("slot", { key: '78b8055b04b8b75d8e6cda74d346b3798ce6adb9' });
     }
 };
-ModalBody.style = drawerBodyComponentCss;
+DrawerBody.style = drawerBodyComponentCss;
 
-const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-drawer-container{--tw-bg-opacity:1;--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;animation:slideInRight .5s ease forwards;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}p-drawer-container.closing{animation:slideOutRight .2s ease forwards}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";
+const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}:host{align-items:flex-end;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:.5rem;width:100%}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.animate-slide-in-right{animation:slideInRight .5s ease forwards!important}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.animate-slide-out-right{animation:slideOutRight .2s ease forwards!important}.rounded-2xl{border-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08)!important;--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:max-w-\\[22\\.5rem\\]{max-width:22.5rem!important}}";
 
-const ModalContainer = class {
+const container = index$1.cva([
+    'flex-1 min-w-0',
+    'z-drawer flex flex-col',
+    'rounded-2xl bg-white',
+    'w-full tablet:max-w-[22.5rem]',
+    'shadow-modal',
+], {
+    variants: {
+        closing: {
+            false: 'animate-slide-in-right',
+            true: 'animate-slide-out-right'
+        },
+    },
+});
+const DrawerContainer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
@@ -29,14 +42,25 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (index.h(index.Host, { key: 'd57ab47c7edd6745dcb4dc62319f5df4b513ef2c', class: `p-drawer-container ${this.closing && 'closing'}` }, index.h("slot", { key: '9bd7b258807ca2f202c9d3ebd9547d63c1920a4b' })));
+        return (index.h("div", { key: '588fa8d66f4f38eabb6f32c43cc4edae5da25d88', class: container({
+                closing: asBoolean.asBoolean(this.closing),
+            }) }, index.h("slot", { key: '64fbe75f5908f8502da9bfd3c5a427d20a9cada6' })));
     }
 };
-ModalContainer.style = drawerContainerComponentCss;
+DrawerContainer.style = drawerContainerComponentCss;
 
-const drawerHeaderComponentCss = ".absolute{position:absolute!important}.sticky{position:sticky!important}.top-0{top:0!important}.z-drawer-header{z-index:501!important}.flex{display:flex!important}.items-center{align-items:center!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-b-mystic-dark{--tw-border-opacity:1!important;border-bottom-color:rgb(218 230 240/var(--tw-border-opacity,1))!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-width:0!important;border-bottom:1px rgb(218 230 240/var(--tw-border-opacity,1))!important;border-style:solid!important;color:rgb(39 40 56/var(--tw-text-opacity,1));display:flex;font-size:1.25rem;font-weight:600;justify-content:center;line-height:1.75rem;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:sticky;top:0;z-index:501}:host p-button{left:1rem;position:absolute;top:calc(env(safe-area-inset-top, 0) + 1rem)}.static{position:static!important}";
+const drawerHeaderComponentCss = "*{box-sizing:border-box}.static{position:static!important}.relative{position:relative!important}.z-\\[1\\]{z-index:1!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.size-8{height:2rem!important;width:2rem!important}.min-h-12{min-height:3rem!important}.min-h-18{min-height:4.5rem!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.justify-between{justify-content:space-between!important}.overflow-hidden{overflow:hidden!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.pb-0{padding-bottom:0!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.font-bold{font-weight:700!important}";
 
-const ModalHeader = class {
+const header = index$1.cva([
+    'w-full min-h-18 flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',
+    'inline-flex',
+]);
+const content = index$1.cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);
+const title = index$1.cva([
+    'flex-1 text-center',
+    'black-teal-500 text-2xl text-ambit font-bold',
+]);
+const DrawerHeader = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.close = index.createEvent(this, "close", 3);
@@ -50,14 +74,14 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (index.h(index.Host, { key: '43f615cab42c4d408b24b3501f0bced12c55b294', class: 'p-drawer-header' }, this.showClose && (index.h("p-button", { key: '3e1c19014ee187fcfb7c8c6e559bbbe40fb8ad37', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), index.h("slot", { key: '7647c9ca39660c114ab29c4fd2e96ff89193990e' })));
+        return (index.h("div", { key: '80435acb354fdd4814843c8b0ef1eb297c8a9678', class: header() }, index.h("div", { key: '7800396905ed9ce69e0c365ec45f5aa93eebb4df', class: content() }, this.showClose && (index.h("p-button", { key: 'e85ecaf4e44d4f702408886b1c6ea09e92fea9c7', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) })), index.h("div", { key: '767c1723defac78365da2043d0e04a9d71fb245b', class: title() }, index.h("slot", { key: '2a4940fda5935fc207061bf075e9a8bb808eb4ea' })), this.showClose && index.h("div", { key: 'a1ccf517e2d3222539aa53180101112e6b652d79', class: "size-8" })), index.h("p-smile", { key: '741819b175e05405bd1f1d3578d5a8cb724f3bc3' })));
     }
 };
-ModalHeader.style = drawerHeaderComponentCss;
+DrawerHeader.style = drawerHeaderComponentCss;
 
-exports.p_drawer_body = ModalBody;
-exports.p_drawer_container = ModalContainer;
-exports.p_drawer_header = ModalHeader;
+exports.p_drawer_body = DrawerBody;
+exports.p_drawer_container = DrawerContainer;
+exports.p_drawer_header = DrawerHeader;
 //# sourceMappingURL=p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js.map
 
 //# sourceMappingURL=p-drawer-body_3.cjs.entry.js.map

package/dist/cjs/p-drawer-body_3.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","mappings":";;;;AAAA,MAAM,sBAAsB,GAAG,scAAsc;;MCOxd,SAAS,GAAA,MAAA;;;;AACrB;;AAEG;IACK,OAAO,GAAwB,SAAS;IAEhD,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACnDD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACjBV,MAAM,2BAA2B,GAAG,ypEAAypE;;MCYhrE,cAAc,GAAA,MAAA;;;;AAC1B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACCA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,CAAA,mBAAA,EAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,CAAE,CAAA,EAAA,EAC7DD,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;ACtBV,MAAM,wBAAwB,GAAG,ksCAAksC;;MCOttC,WAAW,GAAA,MAAA;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCA,OAAC,CAAAC,UAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC3B,IAAI,CAAC,SAAS,KACdD,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAChC,IAAI,EAAC,IAAI,GACE,CACZ,EAEDA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;","names":["h","Host"],"sources":["src/components/deprecated/atoms/drawer/body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/deprecated/atoms/drawer/body/drawer-body.component.tsx","src/components/deprecated/atoms/drawer/container/drawer-container.component.scss?tag=p-drawer-container","src/components/deprecated/atoms/drawer/container/drawer-container.component.tsx","src/components/deprecated/atoms/drawer/header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","src/components/deprecated/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col;\n\t@apply min-h-full w-full px-4 py-6;\n\t@apply bg-mystic;\n\n\tpadding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-body variant-${this.variant}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","p-drawer-container {\n\t@apply z-drawer flex flex-col;\n\t// tablet:w-[22.5rem]\n\t@apply w-full tablet:w-[22.5rem];\n\t@apply bg-white;\n\t@apply min-h-screen;\n\t@apply animate-slide-in-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply animate-slide-out-right;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply bg-white;\n\t@apply sticky top-0 flex items-center justify-center;\n\t@apply z-drawer-header p-4;\n\n\tpadding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n\t@apply text-xl font-semibold text-storm-dark;\n\n\t@apply border-0 border-b border-solid border-b-mystic-dark #{!important};\n\n\tp-button {\n\t\t@apply absolute left-4;\n\n\t\ttop: calc(env(safe-area-inset-top, 0) + 1rem);\n\t}\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.scss',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-drawer-header'>\n\t\t\t\t{this.showClose && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\tonClick={() => this.close.emit()}\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t></p-button>\n\t\t\t\t)}\n\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-drawer-body.p-drawer-container.p-drawer-header.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,+WAA+W;;MCOjY,UAAU,GAAA,MAAA;;;;IACtB,MAAM,GAAA;QACL,OAAOA,oEAAQ;;;;;ACTjB,MAAM,2BAA2B,GAAG,4nFAA4nF;;ACKhqF,MAAM,SAAS,GAAGC,WAAG,CACpB;IACC,gBAAgB;IAEhB,wBAAwB;IAExB,sBAAsB;IACtB,+BAA+B;IAE/B,cAAc;CACd,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EACJ,wBAAwB;AACzB,YAAA,IAAI,EAAE;AACN,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,eAAe,GAAA,MAAA;;;;AAC3B;;AAEG;IACK,OAAO,GAAY,KAAK;IAEhC,MAAM,GAAA;AACL,QAAA,QACCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,SAAS,CAAC;AAChB,gBAAA,OAAO,EAAEE,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAChC,aAAA,CAAC,EAAA,EAEFF,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH;;;;;AC9CT,MAAM,wBAAwB,GAAG,+5BAA+5B;;ACGh8B,MAAM,MAAM,GAAGC,WAAG,CAAC;IAClB,gFAAgF;IAChF,aAAa;AACb,CAAA,CAAC;AAEF,MAAM,OAAO,GAAGA,WAAG,CAAC,CAAC,sBAAsB,EAAE,0BAA0B,CAAC,CAAC;AAEzE,MAAM,KAAK,GAAGA,WAAG,CAAC;IACjB,oBAAoB;IACpB,8CAA8C;AAC9C,CAAA,CAAC;MAOW,YAAY,GAAA,MAAA;;;;;AACxB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;AACL,QAAA,QACCD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,MAAM,EAAE,EAAA,EACnBA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACnB,IAAI,CAAC,SAAS,KACdA,uEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,GACvB,CACZ,EAEDA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,GAAG,CACpC,EAENA,OAAW,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN;;;;;;;;;","names":["h","cva","asBoolean"],"sources":["src/components/atoms/drawer/body/drawer-body.component.css?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer/body/drawer-body.component.tsx","src/components/atoms/drawer/container/drawer-container.component.css?tag=p-drawer-container&encapsulation=shadow","src/components/atoms/drawer/container/drawer-container.component.tsx","src/components/atoms/drawer/header/drawer-header.component.css?tag=p-drawer-header&encapsulation=shadow","src/components/atoms/drawer/header/drawer-header.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-1 flex-col gap-4;\n\t@apply w-full h-full p-4;\n\tpadding-bottom: calc(env(safe-area-inset-bottom, 0) + 1rem);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer-body',\n\tstyleUrl: 'drawer-body.component.css',\n\tshadow: true,\n})\nexport class DrawerBody {\n\trender() {\n\t\treturn <slot />;\n\t}\n}\n",":host {\n\t@apply flex flex-col w-full items-end p-2;\n\t@apply h-full overflow-y-auto;\n}\n\n/* p-drawer-container { */\n/* \t@apply z-drawer flex flex-col; */\n/* \t// tablet:w-[22.5rem] */\n/* \t@apply w-full tablet:w-[22.5rem]; */\n/* \t@apply bg-white; */\n/* \t@apply min-h-screen; */\n/* \t@apply animate-slide-in-right; */\n/**/\n/* \t@apply shadow-3 #{!important}; */\n/**/\n/* \t&.closing { */\n/* \t\t@apply animate-slide-out-right; */\n/* \t} */\n/* } */\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\n\nconst container = cva(\n\t[\n\t\t'flex-1 min-w-0',\n\n\t\t'z-drawer flex flex-col',\n\n\t\t'rounded-2xl bg-white',\n\t\t'w-full tablet:max-w-[22.5rem]',\n\n\t\t'shadow-modal',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tclosing: {\n\t\t\t\tfalse:\n\t\t\t\t\t'animate-slide-in-right',\n\t\t\t\ttrue: 'animate-slide-out-right'\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-drawer-container',\n\tstyleUrl: 'drawer-container.component.css',\n\tshadow: true\n})\nexport class DrawerContainer {\n\t/**\n\t * Wether the container is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={container({\n\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</div>\n\t\t);\n\t}\n}\n","","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full min-h-18 flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex',\n]);\n\nconst content = cva(['flex justify-between', 'w-full p-4 pb-0 min-h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-drawer-header',\n\tstyleUrl: 'drawer-header.component.css',\n\tshadow: true,\n})\nexport class DrawerHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t{this.showClose && (\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\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && <div class=\"size-8\" />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-BDuPp9vl.js');
 
-const drawerComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block}.static{position:static!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+const drawerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
 
 const Drawer = class {
     constructor(hostRef) {
@@ -58,16 +58,32 @@ const Drawer = class {
         }
         const headerContent = index.h("slot", { name: "header" });
         const bodyContent = index.h("slot", { name: "content" });
-        return (index.h(index.Host, { class: "p-drawer" }, index.h("p-backdrop", { variant: "drawer", applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, index.h("p-drawer-container", { closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (index.h("p-drawer-header", { "show-close": this.showClose, onClose: (ev) => this.close(ev.detail, 'close') }, this._hasHeaderSlot
+        return (index.h("p-backdrop", { variant: "drawer", applyBlur: this.applyBlur, onClicked: (ev) => this._backdropClick(ev.detail), closing: this._closing, scrollLock: this.scrollLock }, index.h("p-drawer-container", { closing: this._closing }, (this.header?.length || this._hasHeaderSlot) && (index.h("p-drawer-header", { "show-close": this.showClose, onClose: (ev) => this.close(ev.detail, 'close') }, this._hasHeaderSlot
             ? headerContent
-            : this.header)), index.h("p-drawer-body", null, bodyContent)))));
+            : this.header)), index.h("p-drawer-body", null, bodyContent))));
     }
     _backdropClick(ev) {
         if (!this.backdropClickClose) {
             return;
         }
+        const modal = this._findDrawer(ev.target);
+        if (modal) {
+            return;
+        }
         this.close(ev, 'backdrop');
     }
+    _findDrawer(el) {
+        if (!el) {
+            return null;
+        }
+        if (el.nodeName.toLowerCase() === 'p-drawer-container') {
+            return el;
+        }
+        if (el?.tagName?.toLowerCase() === 'p-drawer') {
+            return null;
+        }
+        return this._findDrawer(el?.parentElement);
+    }
     close(ev, source = 'unknown', force = false) {
         if (!force) {
             this.closeClicked.emit({

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

@@ -1 +1 @@
-{"file":"p-drawer.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/deprecated/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/deprecated/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n\t@apply block;\n}\n","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer 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 on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = 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 * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n    source: 'unknown' | 'backdrop' | 'close' | 'event'\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\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\n\t\treturn (\n\t\t\t<Host class=\"p-drawer\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\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-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail, 'close')}\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-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev, 'backdrop');\n\t}\n\n\tpublic close(ev?: MouseEvent, source: 'unknown' | 'backdrop' | 'close' | 'event' = 'unknown', force = false) {\n\t\tif (!force) {\n\t\t\tthis.closeClicked.emit({\n\t\t\t\tevent: ev,\n\t\t\t\tcanClose: this.canClose,\n        source\n\t\t\t});\n\n\t\t\tif (!this.canClose) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n\n\t@Listen('closeDrawer', { target: 'window' })\n\thandleCloseDrawer() {\n\t\tthis.close(null, 'event');\n\t}\n\n\t@Listen('forceCloseDrawer', { target: 'window' })\n\thandleForceCloseDrawer() {\n\t\tthis.close(null, 'event', true);\n\t}\n}\n"],"version":3}
+{"file":"p-drawer.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({ tag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer 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 on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = 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 * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n    source: 'unknown' | 'backdrop' | 'close' | 'event'\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\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\n\t\treturn (\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\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-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail, 'close')}\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-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\t\t\t</p-backdrop>\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\tconst modal = this._findDrawer(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev, 'backdrop');\n\t}\n\n\tprivate _findDrawer(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-drawer-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-drawer') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findDrawer(el?.parentElement);\n\t}\n\n\tpublic close(ev?: MouseEvent, source: 'unknown' | 'backdrop' | 'close' | 'event' = 'unknown', force = false) {\n\t\tif (!force) {\n\t\t\tthis.closeClicked.emit({\n\t\t\t\tevent: ev,\n\t\t\t\tcanClose: this.canClose,\n        \t\tsource\n\t\t\t});\n\n\t\t\tif (!this.canClose) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n\n\t@Listen('closeDrawer', { target: 'window' })\n\thandleCloseDrawer() {\n\t\tthis.close(null, 'event');\n\t}\n\n\t@Listen('forceCloseDrawer', { target: 'window' })\n\thandleForceCloseDrawer() {\n\t\tthis.close(null, 'event', true);\n\t}\n}\n"],"version":3}

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

@@ -1 +1 @@
-{"version":3,"file":"p-drawer.entry.cjs.js","sources":["src/components/deprecated/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/deprecated/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n\t@apply block;\n}\n","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer 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 on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = 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 * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n    source: 'unknown' | 'backdrop' | 'close' | 'event'\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\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\n\t\treturn (\n\t\t\t<Host class=\"p-drawer\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\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-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail, 'close')}\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-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev, 'backdrop');\n\t}\n\n\tpublic close(ev?: MouseEvent, source: 'unknown' | 'backdrop' | 'close' | 'event' = 'unknown', force = false) {\n\t\tif (!force) {\n\t\t\tthis.closeClicked.emit({\n\t\t\t\tevent: ev,\n\t\t\t\tcanClose: this.canClose,\n        source\n\t\t\t});\n\n\t\t\tif (!this.canClose) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n\n\t@Listen('closeDrawer', { target: 'window' })\n\thandleCloseDrawer() {\n\t\tthis.close(null, 'event');\n\t}\n\n\t@Listen('forceCloseDrawer', { target: 'window' })\n\thandleForceCloseDrawer() {\n\t\tthis.close(null, 'event', true);\n\t}\n}\n"],"names":["h","Host"],"mappings":"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"}
+{"version":3,"file":"p-drawer.entry.cjs.js","sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({ tag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer 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 on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = 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 * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n    source: 'unknown' | 'backdrop' | 'close' | 'event'\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\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\n\t\treturn (\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\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-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail, 'close')}\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-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\t\t\t</p-backdrop>\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\tconst modal = this._findDrawer(ev.target as HTMLElement);\n\t\tif (modal) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev, 'backdrop');\n\t}\n\n\tprivate _findDrawer(el: HTMLElement | null): any {\n\t\tif (!el) {\n\t\t\treturn null;\n\t\t}\n\n\t\tif (el.nodeName.toLowerCase() === 'p-drawer-container') {\n\t\t\treturn el;\n\t\t}\n\n\t\tif (el?.tagName?.toLowerCase() === 'p-drawer') {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn this._findDrawer(el?.parentElement);\n\t}\n\n\tpublic close(ev?: MouseEvent, source: 'unknown' | 'backdrop' | 'close' | 'event' = 'unknown', force = false) {\n\t\tif (!force) {\n\t\t\tthis.closeClicked.emit({\n\t\t\t\tevent: ev,\n\t\t\t\tcanClose: this.canClose,\n        \t\tsource\n\t\t\t});\n\n\t\t\tif (!this.canClose) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n\n\t@Listen('closeDrawer', { target: 'window' })\n\thandleCloseDrawer() {\n\t\tthis.close(null, 'event');\n\t}\n\n\t@Listen('forceCloseDrawer', { target: 'window' })\n\thandleForceCloseDrawer() {\n\t\tthis.close(null, 'event', true);\n\t}\n}\n"],"names":["h"],"mappings":"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"}

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

@@ -66,11 +66,11 @@ const EmptyState = class {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (index.h("div", { key: '1aec16b19f0851bf1e9f60197f36a163ee2ab773', class: emptyState({
+        return (index.h("div", { key: 'a1cc31c240ae4c8dab7aff0670b25d8bffc83c62', class: emptyState({
                 enableAction: asBoolean.asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (index.h("p-illustration", { key: '0a12fef97b215480a5913914f174479f5b536072', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (index.h("p-illustration", { key: 'b1af77e287702388404744b128036b33ad6881d6', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
             (hasActionSlot ? (index.h("slot", { name: 'action' })) : (index.h("p-button", { class: 'mt-4', icon: this.actionIcon, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
     }
 };
@@ -225,10 +225,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (index.h(index.Host, { key: 'ca755911f6e81e541e6fca42448a8e7dc8ec4c0e', class: item({
+        return (index.h(index.Host, { key: '6f25d27e8f828de9c832adc3ad05104e52c79f5e', class: item({
                 hover: asBoolean.asBoolean(this.hover) && !asBoolean.asBoolean(this.loading),
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, this._getIcon(), index.h("p", { key: '009ca6a813887df8e3bcaa6e4fdd814bcb3e51b0', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, index.h("slot", { key: '07f0a1ca2b700fec0759179c7ba0fc758f5047b1' }))));
+            }) }, this._getIcon(), index.h("p", { key: 'ce1bd15739d832cfac5bc8dc3747ba284b769659', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, index.h("slot", { key: 'a1f954c38320ee8ce2bdf3c0121337d01bc21269' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {
@@ -297,7 +297,7 @@ const TableCell = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '1f1f0d2b02be8eea2707277138c29263f4468d25', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
+        return (index.h(index.Host, { key: '38c0e403da7999fd01ba95cfc6df49fc647685f7', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -323,7 +323,7 @@ const TableContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '083aeb85646544809cf9774ced959ccf50e29815', class: container() }, index.h("slot", { key: '0d61250f8123f29c3292b82c13681a4e350873a9' })));
+        return (index.h(index.Host, { key: 'ec2740f70b5ccd8072c85851cb3d386d57f66776', class: container() }, index.h("slot", { key: 'd0a325e7049a3ce8bd25643bafc0646d5514a999' })));
     }
 };
 TableContainer.style = tableContainerComponentCss;
@@ -418,11 +418,11 @@ const TableFooter = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c0438b52ed17c7c55ce27474cabfb05c27658b42', class: footer({
+        return (index.h("div", { key: '9f23c7ef7d4e71ab6692aa295b5e7704fa34df4e', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (index.h("p-pagination", { key: '8db5d62d61cf63ae268e2401395f57dfc2ba047a', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this.total > 0 && (index.h("p-pagination", { key: '1f2bb252d80b9ac79cdf6a362c9bfa851af45d3a', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -10113,12 +10113,12 @@ const TableRow = class {
      */
     enableHover = true;
     render() {
-        return (index.h("div", { key: 'e2c8b7b3cd982751faaafe41a42f423038e6ddad', class: 'flex flex-col' }, index.h("div", { key: '406e8ebaa723489cf8c78b7591fa6bd595afbedf', class: row({
+        return (index.h("div", { key: '9bfd1509d1dd345215f61d6b7886cfb8a255d5db', class: 'flex flex-col' }, index.h("div", { key: '3364b244152540e4351450611e6898f37daa73a5', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
-            }) }, index.h("div", { key: 'c2a1325f2700dbcfd03f4b48c04cf0c7207cd987', class: content({
+            }) }, index.h("div", { key: 'e33f5810f48b92abbb7a5150863b205163d892ff', class: content({
                 variant: this.variant,
-            }) }, index.h("slot", { key: '9234fea01551672a5ab448c98e1e6b1242dad727' }), index.h("div", { key: 'cf11ebdcc1195d04dac86afc12ee58b5372a8461', class: actions() }, index.h("slot", { key: '24ba39c7466b61335b052539a20f2ddddb06e1d1', name: 'actions' })))), index.h("p-divider", { key: '838d8412e8f37f566d78b33dbdc2f0e2682a0da2' })));
+            }) }, index.h("slot", { key: 'a8cb2fe679b9a681c5b6907155f5106d6744d4bf' }), index.h("div", { key: 'aed45dd92d81880717fd3d8046e4a0e18d4992d8', class: actions() }, index.h("slot", { key: 'dfd6864b51280782fca7877bc4b8d0748fc3fa9d', name: 'actions' })))), index.h("p-divider", { key: '423afd77506022eb33931d46ab3fe2a458c31f1b' })));
     }
 };
 TableRow.style = tableRowComponentCss;
@@ -10130,7 +10130,7 @@ const TableRowActionsContainer = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'f00e5ef0b8f7b8f62312f192582c6944a742cbd4', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, index.h("div", { key: '279e3dfee259f73018d450221df093d188e8406e', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, index.h("slot", { key: '2fcce26dad08122b038d98687f66915bc2d865b0' }))));
+        return (index.h("div", { key: 'eead5278be5ac7872804c591c3580aed153a2ea6', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, index.h("div", { key: '0273ed8002911efa1077c92e6cdfc68c11cb5b2a', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, index.h("slot", { key: '348bea06025f6728373134b29eeaad8b43fbc6da' }))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss;

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

@@ -288,21 +288,21 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (index.h(index.Host, { key: 'e4ef4b7bd7b58d5ba0387bafbd25b4b5dec035cb', class: 'p-field' }, index.h("p-field-container", { key: 'f9de8c0706ed2dfa7dd24b5bb6beab3d9745b3ae', forceShowTooltip: this.forceShowTooltip || this._focused, id: id, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (index.h("slot", { key: '10d1d5e6f557e9330abdbc567d92c930a7e979d1', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: 'b6debfb44e4208d503e9b30cec1d0749882933e9', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: '9333c90c0800fc03603797cc2d271dd3fed389e1', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: 'c7f425d9955dd4bee2d692af72b3166b58f9054e', name: 'error', slot: 'error' })), index.h("div", { key: 'faca591aa1ec0d87ea9e88394bf3ee12d256b270', class: field({
+        return (index.h(index.Host, { key: 'b016bc667c01de72264fed640d5e4468aebeccf5', class: 'p-field' }, index.h("p-field-container", { key: '941c6b3753430b0cdcd9e92e6ee62902105fcfb3', forceShowTooltip: this.forceShowTooltip || this._focused, id: id, label: this.label, loading: this.loading, loadingSize: this.size, helper: this.helper, error: this.error, required: this.required, variant: this.variant }, hasLabelSlot && (index.h("slot", { key: '7bdcadcb46960cc509e7293cd94b069b1d6c7d96', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '5d5e3881e387cbf1842fc95f11a29054d4dc2d45', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: 'b55ffb578b0dc388f659a14fcd316f6256717715', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: '6a549a27212826c7cf35b9e0f6bf13a46f55aeb8', name: 'error', slot: 'error' })), index.h("div", { key: '7bf0e6f1ce57e6f7e14416f6bc58c07e0c0acfc0', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,
                 size: this.size,
                 variant: this.variant,
                 isTextarea: this.type === 'textarea',
-            }), title: this.variant === 'read' && !hasValueSlot ? this.value : undefined, slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '77d97b8cab5691dc6cea459eb4f077c7305c63d3', class: prefixAndSuffix({
+            }), title: this.variant === 'read' && !hasValueSlot ? this.value : undefined, slot: 'content' }, (prefix || (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '73266e48a0074bd50999b82c211bf3353b724bda', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,
                 isText: typeof suffix === 'string',
             }), onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (index.h("p-icon", { class: cn.cn('flex', {
                 'mt-[0.125rem]': this.variant === 'read' && this.size === 'base',
-            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: 'ba50836dc22fa1804d83aac6bf49a5c33e57a1dc', class: prefixAndSuffix({
+            }), variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '460fe559f1bb519cd3ba605d86b04481ae6aab83', class: prefixAndSuffix({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,

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

@@ -20,7 +20,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (index.h(index.Host, { key: 'd5a3f94d92f5c27677b4af1b7cf38cdf1acc835d', class: 'p-helper' }, index.h("p-tooltip", { key: '813372493655ce3c25df6b94812fbcf2e1abdc54', placement: this.placement, strategy: this.strategy }, index.h("div", { key: '5fc089010daf2af99c8f95c35cc63818056f50e7', slot: 'content' }, index.h("slot", { key: 'a0577548d0e202a033f2a5f496283edd4fc5566e' })), index.h("p-icon", { key: '116edc6ceefb01e05bbda56db0a64c6d8dc07cd8', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
+        return (index.h(index.Host, { key: 'f41fca806a7d1916dc45723de3a42b2213002423', class: 'p-helper' }, index.h("p-tooltip", { key: 'fb89672442dfe2dddc2606c36b0ef4dfdb31fddb', placement: this.placement, strategy: this.strategy }, index.h("div", { key: '595b4aa1facfbf4b12031d09b31eb0e2c706ceb3', slot: 'content' }, index.h("slot", { key: '7fd883a6819a9a4d625e0f9334746cff3b25f6bb' })), index.h("p-icon", { key: '94108377e460b52525fe3b61f55aa147173ddc7b', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }))));
     }
 };
 Helper.style = helperComponentCss;
@@ -135,19 +135,19 @@ const Tooltip = class {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (index.h("div", { key: '7ba5c9bb239d23b2d57b000130f3e19cee4e1eb6', class: popover({
+        const tooltipElement = (index.h("div", { key: 'd6a2de919e13298a797eb701f39e618baca05447', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, index.h("div", { key: '249ca479f08b3fbb761b198144da5934794546dc', class: 'flex gap-2' }, this.variant === 'error' && (index.h("div", { key: 'dcd1514581d1f66d5cc718b3d89b80189fd1dd87', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : index.h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, index.h("div", { key: 'a8c03830c6c69bfcdad24407dba9ce437392f5e1', class: 'flex gap-2' }, this.variant === 'error' && (index.h("div", { key: '741157aaefffc3454bae556b218238d856d1534c', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : index.h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (index.h("p-portal", { key: '6187e49fea26da6c90498ad9c07090dd62a2dc4f', class: portal({
+            tooltip = (index.h("p-portal", { key: 'cb6df13f055eb4645b5d047f7863a52b2d59e504', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (index.h(index.Host, { key: '4e8a94da2020541af5c1b2a83293a2bd4f4fec4d', class: 'p-popover flex cursor-pointer' }, index.h("div", { key: '0ee5ced800985b43de430e0ed3c1387395215780', class: 'relative h-inherit w-inherit max-w-full' }, index.h("slot", { key: 'f1698f9ac78e4f02a57927a59f940f58d37e2148', name: 'trigger' }), tooltip)));
+        return (index.h(index.Host, { key: '944859d801f06035897ae3aa870d7116b929dc13', class: 'p-popover flex cursor-pointer' }, index.h("div", { key: '710b90fa9f7ee2bcedbcc6c542495aa6ccd8ceac', class: 'relative h-inherit w-inherit max-w-full' }, index.h("slot", { key: '8c85a1172350cb6039b3424ea369a97577aa433b', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/cjs/p-iban-icon.cjs.entry.js

@@ -21,7 +21,7 @@ const IbanIcon = class {
             variant = this.iban.slice(4, 8).toLowerCase();
         }
         const exists = iban.IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-        return (exists && (index.h(index.Host, { key: 'c0a1ffaaa9866414ab54d2df1607f28e8173aec3', class: 'p-iban-icon' }, this._getIcon(variant))));
+        return (exists && (index.h(index.Host, { key: '7e58e64617cdbb1783c9588e493ca4b3b0759b96', class: 'p-iban-icon' }, this._getIcon(variant))));
     }
     _getIcon(variant) {
         switch (variant) {

package/dist/cjs/p-info-panel.cjs.entry.js

@@ -64,7 +64,7 @@ const InfoPanel = class {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (index.h("div", { key: '4a40810d87c1f1bd83cc3e69ac2cf25f46f67aa7', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (index.h("div", { key: 'd3ad64ceacacec9df1426d38e9942801b1f4d212', class: header({ variant: this.variant }) }, this.header?.length ? (index.h("p", { class: 'my-0' }, this.header)) : (index.h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (index.h("div", { key: '5235c245a17d046440920bf46d09bb14b34fb944', class: 'text-sm text-black-teal-800/60' }, this.content?.length ? (index.h("p", { class: 'my-0' }, this.content)) : (index.h("slot", { name: 'content' })))), this.closeable && (index.h("div", { key: '4eba145a27b621135147fc6e63dbf0a3fa7f8fa3', class: close(), onClick: () => this._close() }, index.h("p-icon", { key: 'e294844104637e743082e3555a59e058e3f29fba', variant: 'negative' })))));
+        return (index.h("div", { key: '04c278209f627e9dff0ffa8d95dabc198e269ab0', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (index.h("div", { key: '7aa94bf095817fda6d4254f501ed81b982657611', class: header({ variant: this.variant }) }, this.header?.length ? (index.h("p", { class: 'my-0' }, this.header)) : (index.h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (index.h("div", { key: 'e65af856f4870d555da5200ec7a139462380f634', class: 'text-sm text-black-teal-800/60' }, this.content?.length ? (index.h("p", { class: 'my-0' }, this.content)) : (index.h("slot", { name: 'content' })))), this.closeable && (index.h("div", { key: '25f33a822d0e6b81d129d5d0cb67addaa0ec8b23', class: close(), onClick: () => this._close() }, index.h("p-icon", { key: '855a3822417f72d34cc543e5bfec6cc7b4cdf914', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/cjs/p-input-error.cjs.entry.js

@@ -16,7 +16,7 @@ const InputError = class {
     forceShowTooltip = false;
     _showTooltip = false;
     render() {
-        return (index.h(index.Host, { key: '482bc1e8b0cdaed3682a411c654078b70d0ec3d4', class: 'p-input-error' }, index.h("p-tooltip", { key: 'd18452830ef67033ab38ed6e85ab1e265b6f448e', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, index.h("p-icon", { key: '4fa5702822beb968b03f4202ee723525c8adc4d7', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (index.h(index.Host, { key: '6a5c9d0abcf7ef186aefbe71cb16f00198d5951b', class: 'p-input-error' }, index.h("p-tooltip", { key: '11f0175c810e2be9a479eca8f290bc2a507b152f', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, index.h("p-icon", { key: '9866eba022348ebc6157af194afae56102388271', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
 };
 

package/dist/cjs/p-input-group.cjs.entry.js

@@ -83,11 +83,11 @@ const InputGroup = class {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (index.h(index.Host, { key: 'fb201728fa18d5aec97dd2824efaa689b98ce7ad', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, index.h("div", { key: '7334e9e084b547fc5ca2bf38c880128d54360cdd', class: 'flex items-end justify-between' }, label && (index.h("div", { key: '55c0abff4ba61b0c43e503d8e91750ec397ed24d', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && index.h("span", { key: '41d0cb3ceafb26eed674de61113ef3c1c99814be', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (index.h("div", { key: '6dd49d0852b45c09284ea5c48e34f9ef5b60cfc1', class: 'input-header' }, hasHeaderSlot && index.h("slot", { key: '46f41260a9c3095a5779828d32a6bfca9ec80f0f', name: 'header' }), helper && (index.h("p-helper", { key: 'ddc6077bc09562bd5dfd24b06b280da90d504546', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), index.h("p-tooltip", { key: '95964a84d9a8130ae2cf4f42b9e094e1126e9ab5', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (index.h(index.Host, { key: '2a1137259d412a694fbfff8ab39f9aa7baed2c7b', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, index.h("div", { key: '44d91c5d865b4132d25b746246b4401cbd714e6a', class: 'flex items-end justify-between' }, label && (index.h("div", { key: 'ef6a367209f4a77e6743b3aeb5e009cb785c92d0', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && index.h("span", { key: '3e1e6f3531a6bf50fc3cfedcd4e84dd31c3e8cf3', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (index.h("div", { key: 'd427be6fa65fe24f27c50ab9bf5d8d8641be3e71', class: 'input-header' }, hasHeaderSlot && index.h("slot", { key: 'e26f4830c121b6d903f315b6ec00b1c0ef488ff2', name: 'header' }), helper && (index.h("p-helper", { key: '777e995ccd5f3e4ffb92b8330afd01aa3ad6e71e', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), index.h("p-tooltip", { key: 'a02b034865c179ea26f31d3fee9dad15deda8ef5', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, index.h("div", { key: '2c5f591ff9f1c5d8911289a5f92b8390d6858a2c', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '96648d035e582b2fde640bd8a649587d3771f74b', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, index.h("div", { key: '8d80e8f05d179f243bdd792cccb90481ca5b5291', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: 'cda8172ed22e134f5edfae386e50061cc64956fe', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
             (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
-            (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: 'a6d5153816ad93449638755401a856960b41bc19', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (index.h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), index.h("slot", { key: 'f21f438205bf7c2bba3b666393dc0e93ca3d790d', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '9faf8c8947d25fbb76bb8b9aa881e104104dc876', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (index.h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), index.h("slot", { key: 'b9bbea9469d32123ce49c3ab2fa84d3a0745b43f', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;

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

@@ -62,14 +62,14 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (index.h(index.Host, { key: '08936862bed40acc54b2bb5adc1233e49f82a977', class: 'p-label' }, index.h("div", { key: '7c991e845cea4030126e0131028f56ee370323a5', class: label({
+        return (index.h(index.Host, { key: '71ee68f992cfdd738f5e975c395af6f0cd847e2e', class: 'p-label' }, index.h("div", { key: '39bc594fa05d7b10c0fe0c3e93d0ebc515a8f666', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (index.h("p-icon", { key: '9faa2c326baccac2998e3b05e74ea7224bb2daf2', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (index.h("div", { key: 'e9f2bacfbd324299cd170141113156bf6ce2da9c', class: cn.cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (index.h("p-icon", { key: '29b1df63ae3678e7a935c522095f253ffeff6046', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (index.h("div", { key: 'f1e0bfd391b12848fc8d08efa185df9a34de6ebc', class: cn.cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, index.h("slot", { key: 'd858bb60b26a057eb72689ab8ee7202f5d470092' }))))));
+            }) }, index.h("slot", { key: '59bf2918ed512d0873b23955f35fedbc7c72340a' }))))));
     }
 };
 Label.style = labelComponentCss;

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

@@ -18,7 +18,7 @@ const Layout = class {
      */
     scroll;
     render() {
-        return (index.h(index.Host, { key: 'b9de9621cc435a8254de19da7ce4bf18b547efff', class: `p-layout variant-${this.variant}` }, index.h("div", { key: '942b4fe9581aa7c513a6ad987e575f0b897f394d', class: 'content', onScroll: ev => this.scroll.emit(ev) }, index.h("div", { key: '26591bedb0825f0aaa302167ad09f54afbf51fe6', class: 'inner-content' }, index.h("slot", { key: '1be3fa1bfa311ff7a82bf723a72e298d3aeaf5ae', name: 'content' }))), index.h("div", { key: '5310bd9c0189b14870a8b989b11a5b07f38c6100', class: 'sidebar' }, index.h("slot", { key: 'd58f487f0de718c9a5d06023c21189bf5069b9c0', name: 'sidebar' })), index.h("div", { key: 'df74d86c4002b80002e0b281406c2a5279c19677', class: 'topbar' }, index.h("slot", { key: 'e6516cc5398ad5dc963977f8630324af57b040a3', name: 'topbar' }))));
+        return (index.h(index.Host, { key: '1842eb883c8d4ea1191d48bc9ade56a174fa10d7', class: `p-layout variant-${this.variant}` }, index.h("div", { key: '902c4a18f765089943b6dcea6ec947168511a4b9', class: 'content', onScroll: ev => this.scroll.emit(ev) }, index.h("div", { key: '2306252bcceb536d67bb82b2dfec4baec4cdfbd4', class: 'inner-content' }, index.h("slot", { key: 'aabfac1fbdb4bf51c810fb811e7a30139c7f40fd', name: 'content' }))), index.h("div", { key: '100580acda6ea25ed4a7efb58a40c5ecee9a2c4d', class: 'sidebar' }, index.h("slot", { key: '006bfddae6d28235257fca9f9ad761ef79b7ae69', name: 'sidebar' })), index.h("div", { key: '017fecbbbe583a4fe9c51796286a01df2faad6c3', class: 'topbar' }, index.h("slot", { key: '490a2f619d9edba1bad687e9698028715cd63ade', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss;