@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

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

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const dividerComponentCss = ".mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.block{display:block!important}.flex{display:flex!important}.h-full{height:100%!important}.h-px{height:1px!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-px{width:1px!important}.flex-1{flex:1 1 0%!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;color:rgb(227 236 243/var(--tw-text-opacity,1));display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}:host .content{align-items:center;display:flex;width:100%}:host .content:after,:host .content:before{background-color:currentColor;content:\"\";flex:1 1 0%;height:1px}:host([variant=vertical]){display:block;height:100%;margin:0 .5rem;width:auto}:host([variant=vertical]) .content{flex-direction:column;height:100%;width:auto}:host([variant=vertical]) .content:after,:host([variant=vertical]) .content:before{background-color:currentColor;content:\"\";flex:1 1 0%;width:1px}.static{position:static!important}.items-center{align-items:center!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-storm-light{--tw-text-opacity:1!important;color:rgb(176 178 203/var(--tw-text-opacity,1))!important}";
+const PDividerStyle0 = dividerComponentCss;
 
 const Divider = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.variant = 'horizontal';
-  }
-  render() {
-    var _a;
-    const hasSlotted = !!((_a = this._el.innerHTML) === null || _a === void 0 ? void 0 : _a.length);
-    return (index.h(index.Host, { class: 'p-divider' }, index.h("div", { class: 'content' }, index.h("div", { class: `flex items-center ${hasSlotted && 'px-2'} text-xs font-semibold uppercase text-storm-light` }, index.h("slot", null)))));
-  }
-  get _el() { return index.getElement(this); }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'horizontal';
+    }
+    get _el() { return index.getElement(this); }
+    render() {
+        const hasSlotted = !!this._el.innerHTML?.length;
+        return (index.h(index.Host, { key: '4e7e3f76c4d8cd9c5752bfb514917368aaf479bc', class: 'p-divider' }, index.h("div", { key: 'e8b94342c6c8c2f0c52a7ddd7bf49e091e2b2f0d', class: 'content' }, index.h("div", { key: '2b11bd0b9414b9b5884df6ba113ffed60eeccf1d', class: `flex items-center ${hasSlotted && 'px-2'} text-xs font-semibold uppercase text-storm-light` }, index.h("slot", { key: '9eb43ae5fc38830a274721c4e29bed49e6da7e0a' })))));
+    }
 };
-Divider.style = dividerComponentCss;
+Divider.style = PDividerStyle0;
 
 exports.p_divider = Divider;
 

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

@@ -1 +1 @@
-{"file":"p-divider.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,q6CAAq6C;;MCOp7C,OAAO;;;mBAI2C,YAAY;;EAO1E,MAAM;;IACL,MAAM,UAAU,GAAG,CAAC,EAAC,MAAA,IAAI,CAAC,GAAG,CAAC,SAAS,0CAAE,MAAM,CAAA,CAAC;IAChD,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,WAAW,IACtBD,iBAAK,KAAK,EAAC,SAAS,IACnBA,iBACC,KAAK,EAAE,qBACN,UAAU,IAAI,MACf,mDAAmD,IAEnDA,qBAAQ,CACH,CACD,CACA,EACN;GACF;;;;;;;","names":["h","Host"],"sources":["src/components/atoms/divider/divider.component.scss?tag=p-divider&encapsulation=shadow","src/components/atoms/divider/divider.component.tsx"],"sourcesContent":[":host {\n\t@apply my-2 block w-full text-mystic-medium;\n\n\t.content {\n\t\t@apply flex w-full items-center;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\t@apply h-px flex-1 bg-current;\n\t\t}\n\t}\n}\n\n:host([variant='vertical']) {\n\t@apply mx-2 my-0 block h-full w-auto;\n\n\t.content {\n\t\t@apply h-full w-auto flex-col;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\t@apply w-px flex-1 bg-current;\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-divider',\n\tstyleUrl: 'divider.component.scss',\n\tshadow: true,\n})\nexport class Divider {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop({ reflect: true }) variant: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasSlotted = !!this._el.innerHTML?.length;\n\t\treturn (\n\t\t\t<Host class='p-divider'>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`flex items-center ${\n\t\t\t\t\t\t\thasSlotted && 'px-2'\n\t\t\t\t\t\t} text-xs font-semibold uppercase text-storm-light`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-divider.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,q6CAAq6C,CAAC;AACl8C,uBAAe,mBAAmB;;MCMrB,OAAO;;;uBAI2C,YAAY;;;IAO1E,MAAM;QACL,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC;QAChD,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,WAAW,IACtBD,kEAAK,KAAK,EAAC,SAAS,IACnBA,kEACC,KAAK,EAAE,qBACN,UAAU,IAAI,MACf,mDAAmD,IAEnDA,oEAAQ,CACH,CACD,CACA,EACN;KACF;;;;;;","names":["h","Host"],"sources":["src/components/atoms/divider/divider.component.scss?tag=p-divider&encapsulation=shadow","src/components/atoms/divider/divider.component.tsx"],"sourcesContent":[":host {\n\t@apply my-2 block w-full text-mystic-medium;\n\n\t.content {\n\t\t@apply flex w-full items-center;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\t@apply h-px flex-1 bg-current;\n\t\t}\n\t}\n}\n\n:host([variant='vertical']) {\n\t@apply mx-2 my-0 block h-full w-auto;\n\n\t.content {\n\t\t@apply h-full w-auto flex-col;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\t@apply w-px flex-1 bg-current;\n\t\t}\n\t}\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-divider',\n\tstyleUrl: 'divider.component.scss',\n\tshadow: true,\n})\nexport class Divider {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop({ reflect: true }) variant: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasSlotted = !!this._el.innerHTML?.length;\n\t\treturn (\n\t\t\t<Host class='p-divider'>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={`flex items-center ${\n\t\t\t\t\t\t\thasSlotted && 'px-2'\n\t\t\t\t\t\t} text-xs font-semibold uppercase text-storm-light`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -2,47 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.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 PDrawerBodyStyle0 = drawerBodyComponentCss;
 
 const ModalBody = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.variant = 'default';
-  }
-  render() {
-    return (index.h(index.Host, { class: `p-drawer-body variant-${this.variant}` }, index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'default';
+    }
+    render() {
+        return (index.h(index.Host, { key: 'b3733a13455dd1ea7cfd813c70b759301aad7ddb', class: `p-drawer-body variant-${this.variant}` }, index.h("slot", { key: '9cdaffefb9a76d63d402bf5df9a8a1c785ffd932' })));
+    }
 };
-ModalBody.style = drawerBodyComponentCss;
+ModalBody.style = PDrawerBodyStyle0;
 
 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}.animate-in{--tw-enter-opacity:initial!important;--tw-enter-scale:initial!important;--tw-enter-rotate:initial!important;--tw-enter-translate-x:initial!important;--tw-enter-translate-y:initial!important;animation-duration:.15s!important;animation-name:enter!important}*{box-sizing:border-box}p-drawer-container{--tw-bg-opacity:1;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;--tw-enter-translate-x:100%;--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-duration:.15s;animation-name:enter;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}}p-drawer-container.closing{--tw-exit-translate-x:100%}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!important}";
+const PDrawerContainerStyle0 = drawerContainerComponentCss;
 
 const ModalContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.closing = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: `p-drawer-container ${this.closing && 'closing'}` }, index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.closing = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '8fff9cd196871aa7c5738182e0f24e86b488f0a9', class: `p-drawer-container ${this.closing && 'closing'}` }, index.h("slot", { key: 'c52ac3f20264e553fd2f9e3429535ab24ecd1eed' })));
+    }
 };
-ModalContainer.style = drawerContainerComponentCss;
+ModalContainer.style = PDrawerContainerStyle0;
 
 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 PDrawerHeaderStyle0 = drawerHeaderComponentCss;
 
 const ModalHeader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.close = index.createEvent(this, "close", 3);
-    this.showClose = true;
-  }
-  render() {
-    return (index.h(index.Host, { class: 'p-drawer-header' }, this.showClose && (index.h("p-button", { variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.close = index.createEvent(this, "close", 3);
+        this.showClose = true;
+    }
+    /**
+     * Close click event
+     */
+    close;
+    render() {
+        return (index.h(index.Host, { key: 'ac60faaafaa2d0ecb13e0be70848bc623c002b69', class: 'p-drawer-header' }, this.showClose && (index.h("p-button", { key: 'da636aab294d800a0de03b02fbe63971c6d2a2cf', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), index.h("slot", { key: '5aab881dedd79021a2aec11fe875334c561107da' })));
+    }
 };
-ModalHeader.style = drawerHeaderComponentCss;
+ModalHeader.style = PDrawerHeaderStyle0;
 
 exports.p_drawer_body = ModalBody;
 exports.p_drawer_container = ModalContainer;

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;;;mBAIkB,SAAS;;EAEhD,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,EAAE,IACnDD,qBAAQ,CACF,EACN;GACF;;;;ACnBF,MAAM,2BAA2B,GAAG,4oDAA4oD;;MCYnqD,cAAc;;;mBAIC,KAAK;;EAEhC,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,IAC7DD,qBAAQ,CACF,EACN;GACF;;;;ACxBF,MAAM,wBAAwB,GAAG,ksCAAksC;;MCOttC,WAAW;;;;qBAIH,IAAI;;EAUxB,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,iBAAiB,IAC3B,IAAI,CAAC,SAAS,KACdD,sBACC,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,qBAAQ,CACF,EACN;GACF;;;;;;;;","names":["h","Host"],"sources":["src/components/atoms/drawer-body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer-body/drawer-body.component.tsx","src/components/atoms/drawer-container/drawer-container.component.scss?tag=p-drawer-container","src/components/atoms/drawer-container/drawer-container.component.tsx","src/components/atoms/drawer-header/drawer-header.component.scss?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;\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-in slide-in-from-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply slide-out-to-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,scAAsc,CAAC;AACte,0BAAe,sBAAsB;;MCMxB,SAAS;;;uBAIkB,SAAS;;IAEhD,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAE,yBAAyB,IAAI,CAAC,OAAO,EAAE,IACnDD,oEAAQ,CACF,EACN;KACF;;;;ACnBF,MAAM,2BAA2B,GAAG,4oDAA4oD,CAAC;AACjrD,+BAAe,2BAA2B;;MCW7B,cAAc;;;uBAIC,KAAK;;IAEhC,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,IAC7DD,oEAAQ,CACF,EACN;KACF;;;;ACxBF,MAAM,wBAAwB,GAAG,ksCAAksC,CAAC;AACpuC,4BAAe,wBAAwB;;MCM1B,WAAW;;;;yBAIH,IAAI;;;;;IAQxB,KAAK,CAA2B;IAEhC,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,iBAAiB,IAC3B,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,oEAAQ,CACF,EACN;KACF;;;;;;;;","names":["h","Host"],"sources":["src/components/atoms/drawer-body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","src/components/atoms/drawer-body/drawer-body.component.tsx","src/components/atoms/drawer-container/drawer-container.component.scss?tag=p-drawer-container","src/components/atoms/drawer-container/drawer-container.component.tsx","src/components/atoms/drawer-header/drawer-header.component.scss?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;\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-in slide-in-from-right;\n\n\t@apply shadow-3 #{!important};\n\n\t&.closing {\n\t\t@apply slide-out-to-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}

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

@@ -2,72 +2,80 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const drawerComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block}.static{position:static!important}";
+const PDrawerStyle0 = drawerComponentCss;
 
 const Drawer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.closeClicked = index.createEvent(this, "closeClicked", 3);
-    this.closed = index.createEvent(this, "closed", 3);
-    this._hasHeaderSlot = false;
-    this.header = undefined;
-    this.show = false;
-    this.applyBlur = false;
-    this.showClose = true;
-    this.backdropClickClose = true;
-    this.canClose = true;
-    this.scrollLock = true;
-    this._closing = false;
-  }
-  componentWillLoad() {
-    this._hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
-  }
-  render() {
-    var _a;
-    if (!this.show) {
-      return;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.closeClicked = index.createEvent(this, "closeClicked", 3);
+        this.closed = index.createEvent(this, "closed", 3);
+        this.header = undefined;
+        this.show = false;
+        this.applyBlur = false;
+        this.showClose = true;
+        this.backdropClickClose = true;
+        this.canClose = true;
+        this.scrollLock = true;
+        this._closing = false;
     }
-    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 }, (((_a = this.header) === null || _a === void 0 ? void 0 : _a.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)))));
-  }
-  _backdropClick(ev) {
-    if (!this.backdropClickClose) {
-      return;
+    /**
+     * Close click event
+     */
+    closeClicked;
+    /**
+     * Closed event
+     */
+    closed;
+    get _el() { return index.getElement(this); }
+    _hasHeaderSlot = false;
+    componentWillLoad() {
+        this._hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
     }
-    this.close(ev, 'backdrop');
-  }
-  close(ev, source = 'unknown', force = false) {
-    if (!force) {
-      this.closeClicked.emit({
-        event: ev,
-        canClose: this.canClose,
-        source
-      });
-      if (!this.canClose) {
-        return;
-      }
+    render() {
+        if (!this.show) {
+            return;
+        }
+        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
+            ? headerContent
+            : this.header)), index.h("p-drawer-body", null, bodyContent)))));
+    }
+    _backdropClick(ev) {
+        if (!this.backdropClickClose) {
+            return;
+        }
+        this.close(ev, 'backdrop');
+    }
+    close(ev, source = 'unknown', force = false) {
+        if (!force) {
+            this.closeClicked.emit({
+                event: ev,
+                canClose: this.canClose,
+                source
+            });
+            if (!this.canClose) {
+                return;
+            }
+        }
+        this._closing = true;
+        setTimeout(() => {
+            this.show = false;
+            this._closing = false;
+            this.closed.emit();
+        }, 250);
+    }
+    handleCloseDrawer() {
+        this.close(null, 'event');
+    }
+    handleForceCloseDrawer() {
+        this.close(null, 'event', true);
     }
-    this._closing = true;
-    setTimeout(() => {
-      this.show = false;
-      this._closing = false;
-      this.closed.emit();
-    }, 250);
-  }
-  handleCloseDrawer() {
-    this.close(null, 'event');
-  }
-  handleForceCloseDrawer() {
-    this.close(null, 'event', true);
-  }
-  get _el() { return index.getElement(this); }
 };
-Drawer.style = drawerComponentCss;
+Drawer.style = PDrawerStyle0;
 
 exports.p_drawer = Drawer;
 

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

@@ -1 +1 @@
-{"file":"p-drawer.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,+GAA+G;;MCiB7H,MAAM;;;;;IA6DV,mBAAc,GAAG,KAAK,CAAC;;gBApDP,KAAK;qBAKA,KAAK;qBAKd,IAAI;8BAKK,IAAI;oBAKL,IAAI;sBAKF,IAAI;oBA6BN,KAAK;;EAEjC,iBAAiB;IAChB,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;IAE5C,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,UAAU,IACrBD,wBACC,OAAO,EAAC,QAAQ,EAChB,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,gCAAoB,OAAO,EAAE,IAAI,CAAC,QAAQ,IACxC,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,cAAc,MAC3CA,2CACa,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAE9C,IAAI,CAAC,cAAc;QACjB,aAAa;QACb,IAAI,CAAC,MAAM,CACG,CAClB,EACDA,+BAAgB,WAAW,CAAiB,CACxB,CACT,CACP,EACN;GACF;EAEO,cAAc,CAAC,EAAE;IACxB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;MAC7B,OAAO;KACP;IAED,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;GAC3B;EAEM,KAAK,CAAC,EAAe,EAAE,SAAqD,SAAS,EAAE,KAAK,GAAG,KAAK;IAC1G,IAAI,CAAC,KAAK,EAAE;MACX,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACtB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACnB,MAAM;OACV,CAAC,CAAC;MAEH,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QACnB,OAAO;OACP;KACD;IAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAErB,UAAU,CAAC;MACV,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;MAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;MACtB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;KACnB,EAAE,GAAG,CAAC,CAAC;GACR;EAGD,iBAAiB;IAChB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;GAC1B;EAGD,sBAAsB;IACrB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;GAChC;;;;;;;","names":["h","Host"],"sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/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":";;;;;;AAAA,MAAM,kBAAkB,GAAG,+GAA+G,CAAC;AAC3I,sBAAe,kBAAkB;;MCgBpB,MAAM;;;;;;oBASM,KAAK;yBAKA,KAAK;yBAKd,IAAI;kCAKK,IAAI;wBAKL,IAAI;0BAKF,IAAI;wBA6BN,KAAK;;;;;IArBjC,YAAY,CAIT;;;;IAQH,MAAM,CAAqB;;IAOnB,cAAc,GAAG,KAAK,CAAC;IAI/B,iBAAiB;QAChB,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;QAE5C,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,UAAU,IACrBD,wBACC,OAAO,EAAC,QAAQ,EAChB,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,gCAAoB,OAAO,EAAE,IAAI,CAAC,QAAQ,IACxC,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC,cAAc,MAC3CA,2CACa,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAE9C,IAAI,CAAC,cAAc;cACjB,aAAa;cACb,IAAI,CAAC,MAAM,CACG,CAClB,EACDA,+BAAgB,WAAW,CAAiB,CACxB,CACT,CACP,EACN;KACF;IAEO,cAAc,CAAC,EAAE;QACxB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC7B,OAAO;SACP;QAED,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;KAC3B;IAEM,KAAK,CAAC,EAAe,EAAE,SAAqD,SAAS,EAAE,KAAK,GAAG,KAAK;QAC1G,IAAI,CAAC,KAAK,EAAE;YACX,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBACtB,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACnB,MAAM;aACV,CAAC,CAAC;YAEH,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBACnB,OAAO;aACP;SACD;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,UAAU,CAAC;YACV,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;SACnB,EAAE,GAAG,CAAC,CAAC;KACR;IAGD,iBAAiB;QAChB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;KAC1B;IAGD,sBAAsB;QACrB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;KAChC;;;;;;","names":["h","Host"],"sources":["src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","src/components/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}

package/dist/cjs/p-dropdown-menu-container.cjs.entry.js

@@ -2,64 +2,65 @@
 
 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 dropdownMenuContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.flex-col{flex-direction:column!important}.gap-\\[1px\\]{gap:1px!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!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 PDropdownMenuContainerStyle0 = dropdownMenuContainerComponentCss;
 
 const dropdownMenuContainer = index$1.cva([
-  'p-dropdown-menu-container',
-  'w-auto p-1',
-  'bg-white rounded-lg z-10 drop-shadow-2',
-  'border border-black-teal-100',
+    'p-dropdown-menu-container',
+    'p-1',
+    'bg-white rounded-lg z-10 drop-shadow-2',
+    'border border-black-teal-100',
 ], {
-  variants: {
-    fullWidth: {
-      false: null,
-      true: 'w-full',
+    variants: {
+        fullWidth: {
+            false: null,
+            true: 'w-full',
+        },
+        allowOverflow: {
+            false: 'overflow-y-auto overflow-x-hidden',
+            true: null,
+        },
+        scrollable: {
+            none: null,
+            default: 'max-h-[11.5rem]',
+            large: 'max-h-[13.875rem]',
+            xlarge: 'max-h-[20rem]',
+        },
+        maxWidth: {
+            false: null,
+            true: 'w-auto max-w-[13.875rem]',
+        },
     },
-    allowOverflow: {
-      false: 'overflow-y-auto overflow-x-hidden',
-      true: null,
-    },
-    scrollable: {
-      none: null,
-      default: 'max-h-[11.5rem]',
-      large: 'max-h-[13.875rem]',
-      xlarge: 'max-h-[20rem]',
-    },
-    maxWidth: {
-      false: null,
-      true: 'max-w-[13.875rem]',
-    },
-  },
 });
 const DropdownMenuContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.maxWidth = true;
-    this.class = undefined;
-    this.fullWidth = true;
-    this.allowOverflow = false;
-    this.scrollable = false;
-  }
-  render() {
-    const scrollable = this.scrollable === false
-      ? 'none'
-      : this.scrollable === true
-        ? 'default'
-        : this.scrollable;
-    return (index.h(index.Host, { class: dropdownMenuContainer({
-        class: this.class,
-        fullWidth: this.fullWidth,
-        allowOverflow: this.allowOverflow,
-        scrollable,
-        maxWidth: this.maxWidth,
-      }) }, index.h("div", { class: 'flex w-full flex-col gap-[1px]' }, index.h("slot", null))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.maxWidth = true;
+        this.class = undefined;
+        this.fullWidth = true;
+        this.allowOverflow = false;
+        this.scrollable = false;
+    }
+    render() {
+        const scrollable = this.scrollable === false
+            ? 'none'
+            : this.scrollable === true
+                ? 'default'
+                : this.scrollable;
+        return (index.h(index.Host, { key: 'e549573c5aeddeceb9cf8970ff3e4f1a49416a9e', class: dropdownMenuContainer({
+                class: this.class,
+                fullWidth: this.fullWidth,
+                allowOverflow: this.allowOverflow,
+                scrollable,
+                maxWidth: this.maxWidth,
+            }) }, index.h("div", { key: '42ac40b2ac896553e130803dbfa849cca34cfb84', class: 'flex w-full flex-col gap-[1px]' }, index.h("slot", { key: '73fa9c93c564274aaa24910bf7215b23a8d93fe9' }))));
+    }
 };
-DropdownMenuContainer.style = dropdownMenuContainerComponentCss;
+DropdownMenuContainer.style = PDropdownMenuContainerStyle0;
 
 exports.p_dropdown_menu_container = DropdownMenuContainer;
 

package/dist/cjs/p-dropdown-menu-container.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-dropdown-menu-container.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,iCAAiC,GAAG,4sCAA4sC;;ACGtvC,MAAM,qBAAqB,GAAGA,WAAG,CAChC;EACC,2BAA2B;EAC3B,YAAY;EACZ,wCAAwC;EACxC,8BAA8B;CAC9B,EACD;EACC,QAAQ,EAAE;IACT,SAAS,EAAE;MACV,KAAK,EAAE,IAAI;MACX,IAAI,EAAE,QAAQ;KACd;IACD,aAAa,EAAE;MACd,KAAK,EAAE,mCAAmC;MAC1C,IAAI,EAAE,IAAI;KACV;IACD,UAAU,EAAE;MACX,IAAI,EAAE,IAAI;MACV,OAAO,EAAE,iBAAiB;MAC1B,KAAK,EAAE,mBAAmB;MAC1B,MAAM,EAAE,eAAe;KACvB;IACD,QAAQ,EAAE;MACT,KAAK,EAAE,IAAI;MACX,IAAI,EAAE,mBAAmB;KACzB;GACD;CACD,CACD,CAAC;MAMW,qBAAqB;;;oBAIL,IAAI;;qBAUH,IAAI;yBAKA,KAAK;sBAKyB,KAAK;;EAEpE,MAAM;IACL,MAAM,UAAU,GACf,IAAI,CAAC,UAAU,KAAK,KAAK;QACtB,MAAM;QACN,IAAI,CAAC,UAAU,KAAK,IAAI;UACxB,SAAS;UACT,IAAI,CAAC,UAAU,CAAC;IAEpB,QACCC,QAACC,UAAI,IACJ,KAAK,EAAE,qBAAqB,CAAC;QAC5B,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,SAAS,EAAE,IAAI,CAAC,SAAS;QACzB,aAAa,EAAE,IAAI,CAAC,aAAa;QACjC,UAAU;QACV,QAAQ,EAAE,IAAI,CAAC,QAAQ;OACvB,CAAC,IAEFD,iBAAK,KAAK,EAAC,gCAAgC,IAC1CA,qBAAQ,CACH,CACA,EACN;GACF;;;;;;","names":["cva","h","Host"],"sources":["src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.scss?tag=p-dropdown-menu-container","src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst dropdownMenuContainer = cva(\n\t[\n\t\t'p-dropdown-menu-container',\n\t\t'w-auto p-1',\n\t\t'bg-white rounded-lg z-10 drop-shadow-2',\n\t\t'border border-black-teal-100',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tfullWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-full',\n\t\t\t},\n\t\t\tallowOverflow: {\n\t\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tscrollable: {\n\t\t\t\tnone: null,\n\t\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\t\txlarge: 'max-h-[20rem]',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'max-w-[13.875rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.scss',\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * Wether the container applies it's max width\n\t */\n\t@Prop() maxWidth: boolean = true;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the container should all available space\n\t */\n\t@Prop() fullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' | 'xlarge' = false;\n\n\trender() {\n\t\tconst scrollable =\n\t\t\tthis.scrollable === false\n\t\t\t\t? 'none'\n\t\t\t\t: this.scrollable === true\n\t\t\t\t? 'default'\n\t\t\t\t: this.scrollable;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\tclass: this.class,\n\t\t\t\t\tfullWidth: this.fullWidth,\n\t\t\t\t\tallowOverflow: this.allowOverflow,\n\t\t\t\t\tscrollable,\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div class='flex w-full flex-col gap-[1px]'>\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}
+{"file":"p-dropdown-menu-container.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,iCAAiC,GAAG,4sCAA4sC,CAAC;AACvvC,qCAAe,iCAAiC;;ACEhD,MAAM,qBAAqB,GAAGA,WAAG,CAChC;IACC,2BAA2B;IAC3B,KAAK;IACL,wCAAwC;IACxC,8BAA8B;CAC9B,EACD;IACC,QAAQ,EAAE;QACT,SAAS,EAAE;YACV,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,QAAQ;SACd;QACD,aAAa,EAAE;YACd,KAAK,EAAE,mCAAmC;YAC1C,IAAI,EAAE,IAAI;SACV;QACD,UAAU,EAAE;YACX,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,iBAAiB;YAC1B,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,eAAe;SACvB;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,0BAA0B;SAChC;KACD;CACD,CACD,CAAC;MAMW,qBAAqB;;;wBAIL,IAAI;;yBAUH,IAAI;6BAKA,KAAK;0BAKyB,KAAK;;IAEpE,MAAM;QACL,MAAM,UAAU,GACf,IAAI,CAAC,UAAU,KAAK,KAAK;cACtB,MAAM;cACN,IAAI,CAAC,UAAU,KAAK,IAAI;kBACxB,SAAS;kBACT,IAAI,CAAC,UAAU,CAAC;QAEpB,QACCC,QAACC,UAAI,qDACJ,KAAK,EAAE,qBAAqB,CAAC;gBAC5B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU;gBACV,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACvB,CAAC,IAEFD,kEAAK,KAAK,EAAC,gCAAgC,IAC1CA,oEAAQ,CACH,CACA,EACN;KACF;;;;;;","names":["cva","h","Host"],"sources":["src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.scss?tag=p-dropdown-menu-container","src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst dropdownMenuContainer = cva(\n\t[\n\t\t'p-dropdown-menu-container',\n\t\t'p-1',\n\t\t'bg-white rounded-lg z-10 drop-shadow-2',\n\t\t'border border-black-teal-100',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tfullWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-full',\n\t\t\t},\n\t\t\tallowOverflow: {\n\t\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tscrollable: {\n\t\t\t\tnone: null,\n\t\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\t\txlarge: 'max-h-[20rem]',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-auto max-w-[13.875rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.scss',\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * Wether the container applies it's max width\n\t */\n\t@Prop() maxWidth: boolean = true;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the container should all available space\n\t */\n\t@Prop() fullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' | 'xlarge' = false;\n\n\trender() {\n\t\tconst scrollable =\n\t\t\tthis.scrollable === false\n\t\t\t\t? 'none'\n\t\t\t\t: this.scrollable === true\n\t\t\t\t? 'default'\n\t\t\t\t: this.scrollable;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\tclass: this.class,\n\t\t\t\t\tfullWidth: this.fullWidth,\n\t\t\t\t\tallowOverflow: this.allowOverflow,\n\t\t\t\t\tscrollable,\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div class='flex w-full flex-col gap-[1px]'>\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}