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

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

@@ -1 +1 @@
-{"file":"p-accordion.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,glBAAglB;;MCOjmB,SAAS;;;;;gBASG,KAAK;qBAKA,IAAI;oBAKL,IAAI;;EAUhC,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,aAAa,IACxBD,iBACC,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,IAE9BA,oBACC,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,GAC1B,EACFA,eAAG,KAAK,EAAC,2CAA2C,IAAE,IAAI,CAAC,MAAM,CAAK,EACtEA,0BAAa,CACR,EACL,IAAI,CAAC,IAAI,KACTA,iBAAK,KAAK,EAAC,MAAM,IAChBA,qBAAQ,CACH,CACN,CACK,EACN;GACF;EAEO,QAAQ;IACf,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;MACjC,OAAO;KACP;IAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACjC,OAAO;KACP;IAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GAC5B;;;;;;","names":["h","Host"],"sources":["src/components/molecules/accordion/accordion.component.scss?tag=p-accordion&encapsulation=shadow","src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n\t@apply block mb-6;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-accordion',\n\tstyleUrl: 'accordion.component.scss',\n\tshadow: true,\n})\nexport class Accordion {\n\t/**\n\t * Header of the accordion\n\t */\n\t@Prop() header!: string;\n\n\t/**\n\t * Wether the accordion is open\n\t */\n\t@Prop() open: boolean = false;\n\n\t/**\n\t * Wether the accordion can be closed\n\t */\n\t@Prop() closeable: boolean = true;\n\n\t/**\n\t * Wether the accordion can be opened\n\t */\n\t@Prop() openable: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-accordion'>\n\t\t\t\t<div\n\t\t\t\t\tclass='flex cursor-pointer items-center gap-3 text-storm-vague'\n\t\t\t\t\tonClick={() => this._onClick()}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\trotate={this.open ? 0 : -90}\n\t\t\t\t\t/>\n\t\t\t\t\t<p class='m-0 whitespace-nowrap text-lg font-medium'>{this.header}</p>\n\t\t\t\t\t<p-divider />\n\t\t\t\t</div>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<div class='mt-6'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (!this.closeable && this.open) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.openable && !this.open) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.open = !this.open;\n\t\tthis.isOpen.emit(this.open);\n\t}\n}\n"],"version":3}
+{"file":"p-accordion.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,qBAAqB,GAAG,glBAAglB,CAAC;AAC/mB,yBAAe,qBAAqB;;MCMvB,SAAS;;;;;oBASG,KAAK;yBAKA,IAAI;wBAKL,IAAI;;;;;IAQhC,MAAM,CAAwB;IAE9B,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,aAAa,IACxBD,kEACC,KAAK,EAAC,yDAAyD,EAC/D,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,IAE9BA,qEACC,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE,GAC1B,EACFA,gEAAG,KAAK,EAAC,2CAA2C,IAAE,IAAI,CAAC,MAAM,CAAK,EACtEA,yEAAa,CACR,EACL,IAAI,CAAC,IAAI,KACTA,kEAAK,KAAK,EAAC,MAAM,IAChBA,oEAAQ,CACH,CACN,CACK,EACN;KACF;IAEO,QAAQ;QACf,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;YACjC,OAAO;SACP;QAED,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACjC,OAAO;SACP;QAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC5B;;;;;;","names":["h","Host"],"sources":["src/components/molecules/accordion/accordion.component.scss?tag=p-accordion&encapsulation=shadow","src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n\t@apply block mb-6;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-accordion',\n\tstyleUrl: 'accordion.component.scss',\n\tshadow: true,\n})\nexport class Accordion {\n\t/**\n\t * Header of the accordion\n\t */\n\t@Prop() header!: string;\n\n\t/**\n\t * Wether the accordion is open\n\t */\n\t@Prop() open: boolean = false;\n\n\t/**\n\t * Wether the accordion can be closed\n\t */\n\t@Prop() closeable: boolean = true;\n\n\t/**\n\t * Wether the accordion can be opened\n\t */\n\t@Prop() openable: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-accordion'>\n\t\t\t\t<div\n\t\t\t\t\tclass='flex cursor-pointer items-center gap-3 text-storm-vague'\n\t\t\t\t\tonClick={() => this._onClick()}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\tvariant='caret'\n\t\t\t\t\t\trotate={this.open ? 0 : -90}\n\t\t\t\t\t/>\n\t\t\t\t\t<p class='m-0 whitespace-nowrap text-lg font-medium'>{this.header}</p>\n\t\t\t\t\t<p-divider />\n\t\t\t\t</div>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<div class='mt-6'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (!this.closeable && this.open) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.openable && !this.open) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.open = !this.open;\n\t\tthis.isOpen.emit(this.open);\n\t}\n}\n"],"version":3}

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

@@ -2,33 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const attachmentComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}";
+const PAttachmentStyle0 = attachmentComponentCss;
 
 const Attachment = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.download = index.createEvent(this, "download", 3);
-    this.delete = index.createEvent(this, "delete", 3);
-    this.mode = 'read';
-    this.loading = false;
-    this.error = undefined;
-    this.downloading = false;
-  }
-  render() {
-    var _a, _b;
-    let prefix = index.h("p-icon", { variant: 'attachment' });
-    if (this.loading) {
-      prefix = index.h("p-loader", null);
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.download = index.createEvent(this, "download", 3);
+        this.delete = index.createEvent(this, "delete", 3);
+        this.mode = 'read';
+        this.loading = false;
+        this.error = undefined;
+        this.downloading = false;
     }
-    if (this.error) {
-      prefix = (index.h("p-icon", { variant: 'warning', class: 'text-negative' }));
+    /**
+     * Event when download is pressed
+     */
+    download;
+    /**
+     * Event when delete is pressed
+     */
+    delete;
+    render() {
+        let prefix = index.h("p-icon", { key: '91f61402860b721f93e4d39092d1a7287c7d76be', variant: 'attachment' });
+        if (this.loading) {
+            prefix = index.h("p-loader", { key: '2d80997d3d7586bd94cacf836973d52bf1e5d33c' });
+        }
+        if (this.error) {
+            prefix = (index.h("p-icon", { key: '79811465cf29931d832ceb81ba11a3d0aad8987b', variant: 'warning', class: 'text-negative' }));
+        }
+        return (index.h(index.Host, { key: '159cf6563bbe844c1992605de10d1518e2087d77', class: 'p-attachment flex items-start gap-4' }, index.h("div", { key: 'a04aad61a2ea29086ffc2fcbee6dd2c2299fab3b', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, index.h("span", { key: '5061aeaa9cc1884529a8b68a93f70180eca4cf8c', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, index.h("slot", { key: '4a11f180fac573f1e5de447552f4f711e2d083d1' })), this.error?.length && index.h("p-input-error", { key: 'cad249378d27241da65d7c1c15a886f12e8adbf2', error: this.error })), index.h("p-button", { key: '1587915332cf3a281f88f8e0d28b525c37bafade', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
     }
-    return (index.h(index.Host, { class: 'p-attachment flex items-start gap-4' }, index.h("div", { class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) ? 'text-negative' : 'text-storm-medium'}` }, prefix, index.h("span", { class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, index.h("slot", null)), ((_b = this.error) === null || _b === void 0 ? void 0 : _b.length) && index.h("p-input-error", { error: this.error })), index.h("p-button", { variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
-  }
 };
-Attachment.style = attachmentComponentCss;
+Attachment.style = PAttachmentStyle0;
 
 exports.p_attachment = Attachment;
 

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

@@ -1 +1 @@
-{"file":"p-attachment.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,i+BAAi+B;;MCOn/B,UAAU;;;;;gBAIW,MAAM;mBAKrB,KAAK;;uBAkBD,KAAK;;EAU3B,MAAM;;IACL,IAAI,MAAM,GAAGA,oBAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;IAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;MACjB,MAAM,GAAGA,yBAAY,CAAC;KACtB;IAED,IAAI,IAAI,CAAC,KAAK,EAAE;MACf,MAAM,IACLA,oBACC,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,eAAe,GACpB,CACF,CAAC;KACF;IAED,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,qCAAqC,IAChDD,iBACC,KAAK,EAAE,sFACN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,eAAe,GAAG,mBACxC,EAAE,IAED,MAAM,EAEPA,kBAAM,KAAK,EAAC,gEAAgE,IAC3EA,qBAAQ,CACF,EAEN,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,KAAIA,2BAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACtD,EAENA,sBACC,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,MACV,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAE3D,CACI,EACN;GACF;;;;;;","names":["h","Host"],"sources":["src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n\t@apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-attachment',\n\tstyleUrl: 'attachment.component.scss',\n\tshadow: true,\n})\nexport class Attachment {\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() mode: 'read' | 'write' = 'read';\n\n\t/**\n\t * Wether the attachment is uploading/loading\n\t */\n\t@Prop() loading = false;\n\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Event when download is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdownload: EventEmitter<any>;\n\n\t/**\n\t * Wether the attachment is downloading\n\t */\n\t@Prop() downloading = false;\n\n\t/**\n\t * Event when delete is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdelete: EventEmitter<any>;\n\n\trender() {\n\t\tlet prefix = <p-icon variant='attachment' />;\n\n\t\tif (this.loading) {\n\t\t\tprefix = <p-loader />;\n\t\t}\n\n\t\tif (this.error) {\n\t\t\tprefix = (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='warning'\n\t\t\t\t\tclass='text-negative'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-attachment flex items-start gap-4'>\n\t\t\t\t<div\n\t\t\t\t\tclass={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${\n\t\t\t\t\t\tthis.error?.length ? 'text-negative' : 'text-storm-medium'\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{prefix}\n\n\t\t\t\t\t<span class='min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.error?.length && <p-input-error error={this.error} />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='secondary'\n\t\t\t\t\ticonOnly={true}\n\t\t\t\t\ticon={this.mode === 'read' ? 'download' : 'trash'}\n\t\t\t\t\tdisabled={this.loading}\n\t\t\t\t\tloading={this.mode === 'read' && this.downloading}\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tonOnClick={() =>\n\t\t\t\t\t\t(this.mode === 'read' ? this.download : this.delete).emit()\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-attachment.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,i+BAAi+B,CAAC;AACjgC,0BAAe,sBAAsB;;MCMxB,UAAU;;;;;oBAIW,MAAM;uBAKrB,KAAK;;2BAkBD,KAAK;;;;;IAL3B,QAAQ,CAAoB;;;;IAa5B,MAAM,CAAoB;IAE1B,MAAM;QACL,IAAI,MAAM,GAAGA,qEAAQ,OAAO,EAAC,YAAY,GAAG,CAAC;QAE7C,IAAI,IAAI,CAAC,OAAO,EAAE;YACjB,MAAM,GAAGA,wEAAY,CAAC;SACtB;QAED,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,MAAM,IACLA,qEACC,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,eAAe,GACpB,CACF,CAAC;SACF;QAED,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,qCAAqC,IAChDD,kEACC,KAAK,EAAE,sFACN,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,eAAe,GAAG,mBACxC,EAAE,IAED,MAAM,EAEPA,mEAAM,KAAK,EAAC,gEAAgE,IAC3EA,oEAAQ,CACF,EAEN,IAAI,CAAC,KAAK,EAAE,MAAM,IAAIA,4EAAe,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACtD,EAENA,uEACC,OAAO,EAAC,WAAW,EACnB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,UAAU,GAAG,OAAO,EACjD,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO,EAAE,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,CAAC,WAAW,EACjD,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,MACV,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,GAE3D,CACI,EACN;KACF;;;;;;","names":["h","Host"],"sources":["src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n\t@apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-attachment',\n\tstyleUrl: 'attachment.component.scss',\n\tshadow: true,\n})\nexport class Attachment {\n\t/**\n\t * The variant of the button\n\t */\n\t@Prop() mode: 'read' | 'write' = 'read';\n\n\t/**\n\t * Wether the attachment is uploading/loading\n\t */\n\t@Prop() loading = false;\n\n\t/**\n\t * The error to show\n\t */\n\t@Prop() error: string;\n\n\t/**\n\t * Event when download is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdownload: EventEmitter<any>;\n\n\t/**\n\t * Wether the attachment is downloading\n\t */\n\t@Prop() downloading = false;\n\n\t/**\n\t * Event when delete is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdelete: EventEmitter<any>;\n\n\trender() {\n\t\tlet prefix = <p-icon variant='attachment' />;\n\n\t\tif (this.loading) {\n\t\t\tprefix = <p-loader />;\n\t\t}\n\n\t\tif (this.error) {\n\t\t\tprefix = (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='warning'\n\t\t\t\t\tclass='text-negative'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-attachment flex items-start gap-4'>\n\t\t\t\t<div\n\t\t\t\t\tclass={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${\n\t\t\t\t\t\tthis.error?.length ? 'text-negative' : 'text-storm-medium'\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{prefix}\n\n\t\t\t\t\t<span class='min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{this.error?.length && <p-input-error error={this.error} />}\n\t\t\t\t</div>\n\n\t\t\t\t<p-button\n\t\t\t\t\tvariant='secondary'\n\t\t\t\t\ticonOnly={true}\n\t\t\t\t\ticon={this.mode === 'read' ? 'download' : 'trash'}\n\t\t\t\t\tdisabled={this.loading}\n\t\t\t\t\tloading={this.mode === 'read' && this.downloading}\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tonOnClick={() =>\n\t\t\t\t\t\t(this.mode === 'read' ? this.download : this.delete).emit()\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -2,20 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const avatarGroupComponentCss = "*{box-sizing:border-box}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}.static{position:static!important}.flex{display:flex!important}.items-center{align-items:center!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.pl-3{padding-left:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
+const PAvatarGroupStyle0 = avatarGroupComponentCss;
 
 const AvatarGroup = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.extra = undefined;
-  }
-  render() {
-    return (index.h(index.Host, { class: 'p-avatar-group flex items-center -space-x-1 overflow-hidden' }, index.h("slot", null), this.extra && (index.h("span", { class: 'pl-3 text-sm text-black-teal-300' }, "+", this.extra))));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.extra = undefined;
+    }
+    render() {
+        return (index.h(index.Host, { key: 'e3c1973bf7d96e664d7c4b7c7100128cba511659', class: 'p-avatar-group flex items-center -space-x-1 overflow-hidden' }, index.h("slot", { key: 'cde697efca3b8cbcdc2e264a33976b3e45bc5020' }), this.extra && (index.h("span", { key: '834e84a0170b36613fba9dcf237bf2c16d4cb6f7', class: 'pl-3 text-sm text-black-teal-300' }, "+", this.extra))));
+    }
 };
-AvatarGroup.style = avatarGroupComponentCss;
+AvatarGroup.style = PAvatarGroupStyle0;
 
 exports.p_avatar_group = AvatarGroup;
 

package/dist/cjs/p-avatar-group.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-avatar-group.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,uBAAuB,GAAG,6tBAA6tB;;MCMhvB,WAAW;;;;;EAMvB,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,6DAA6D,IACxED,qBAAQ,EAEP,IAAI,CAAC,KAAK,KACVA,kBAAM,KAAK,EAAC,kCAAkC,SAAG,IAAI,CAAC,KAAK,CAAQ,CACnE,CACK,EACN;GACF;;;;;;","names":["h","Host"],"sources":["src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n\tp-avatar:nth-child(1) {\n\t\tz-index: 3;\n\t}\n\n\tp-avatar:nth-child(2) {\n\t\tz-index: 2;\n\t}\n\n\tp-avatar:nth-child(3) {\n\t\tz-index: 1;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-avatar-group',\n\tstyleUrl: 'avatar-group.component.scss',\n})\nexport class AvatarGroup {\n\t/**\n\t * The amount to show after the avatars\n\t */\n\t@Prop() extra: number;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-avatar-group flex items-center -space-x-1 overflow-hidden'>\n\t\t\t\t<slot />\n\n\t\t\t\t{this.extra && (\n\t\t\t\t\t<span class='pl-3 text-sm text-black-teal-300'>+{this.extra}</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-avatar-group.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,uBAAuB,GAAG,6tBAA6tB,CAAC;AAC9vB,2BAAe,uBAAuB;;MCKzB,WAAW;;;;;IAMvB,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,6DAA6D,IACxED,oEAAQ,EAEP,IAAI,CAAC,KAAK,KACVA,mEAAM,KAAK,EAAC,kCAAkC,SAAG,IAAI,CAAC,KAAK,CAAQ,CACnE,CACK,EACN;KACF;;;;;;","names":["h","Host"],"sources":["src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n\tp-avatar:nth-child(1) {\n\t\tz-index: 3;\n\t}\n\n\tp-avatar:nth-child(2) {\n\t\tz-index: 2;\n\t}\n\n\tp-avatar:nth-child(3) {\n\t\tz-index: 1;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-avatar-group',\n\tstyleUrl: 'avatar-group.component.scss',\n})\nexport class AvatarGroup {\n\t/**\n\t * The amount to show after the avatars\n\t */\n\t@Prop() extra: number;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-avatar-group flex items-center -space-x-1 overflow-hidden'>\n\t\t\t\t<slot />\n\n\t\t\t\t{this.extra && (\n\t\t\t\t\t<span class='pl-3 text-sm text-black-teal-300'>+{this.extra}</span>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -2,62 +2,63 @@
 
 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 avatarComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.h-\\[8\\.5rem\\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-off-white{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\\[1px\\]{padding:1px!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\\[3\\.5rem\\]{font-size:3.5rem!important}.text-\\[4\\.5rem\\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.leading-\\[4rem\\]{line-height:4rem!important}.leading-\\[5rem\\]{line-height:5rem!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-inset{--tw-ring-inset:inset!important}.ring-black-teal\\/20{--tw-ring-color:rgba(3,42,36,.2)!important}";
+const avatarComponentCss = "*{box-sizing:border-box}.static{position:static!important}.z-0{z-index:0!important}.flex{display:flex!important}.aspect-branding{aspect-ratio:23/24!important}.h-10{height:2.5rem!important}.h-14{height:3.5rem!important}.h-20{height:5rem!important}.h-4{height:1rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[6\\.5rem\\]{height:6.5rem!important}.h-\\[8\\.5rem\\]{height:8.5rem!important}.h-full{height:100%!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-off-white{--tw-bg-opacity:1!important;background-color:rgb(243 241 237/var(--tw-bg-opacity,1))!important}.object-cover{object-fit:cover!important}.p-\\[1px\\]{padding:1px!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-4xl{font-size:2.5rem!important;line-height:3rem!important}.text-\\[3\\.5rem\\]{font-size:3.5rem!important}.text-\\[4\\.5rem\\]{font-size:4.5rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important}.text-xs,.text-xxs{line-height:1rem!important}.text-xxs{font-size:.5rem!important}.font-bold{font-weight:700!important}.leading-\\[4rem\\]{line-height:4rem!important}.leading-\\[5rem\\]{line-height:5rem!important}.leading-none{line-height:1!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-inset{--tw-ring-inset:inset!important}.ring-black-teal\\/20{--tw-ring-color:rgba(3,42,36,.2)!important}";
+const PAvatarStyle0 = avatarComponentCss;
 
 const avatar = index$1.cva([
-  'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center',
+    'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold text-black-teal-300',
 ], {
-  variants: {
-    size: {
-      xs: 'h-4 text-xxs',
-      sm: 'h-6 text-xs',
-      base: 'h-8 text-base',
-      lg: 'h-10 text-xl',
-      xl: 'h-14 text-xl',
-      '2xl': 'h-20 text-4xl',
-      '3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',
-      '4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',
+    variants: {
+        size: {
+            xs: 'h-4 text-xxs',
+            sm: 'h-6 text-xs',
+            base: 'h-8 text-base',
+            lg: 'h-10 text-xl',
+            xl: 'h-14 text-xl',
+            '2xl': 'h-20 text-4xl',
+            '3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',
+            '4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',
+        },
     },
-  },
 });
 const Avatar = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.size = 'base';
-    this.defaultImage = undefined;
-    this.src = undefined;
-    this.letters = ' ';
-    this._src = undefined;
-    this._failed = false;
-  }
-  onSrchChange(src) {
-    this._failed = false;
-    this._src = src;
-  }
-  componentWillLoad() {
-    this.onSrchChange(this.src);
-    if (!this._src) {
-      this._setFailed();
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 'base';
+        this.defaultImage = undefined;
+        this.src = undefined;
+        this.letters = undefined;
+        this._src = undefined;
+        this._failed = false;
     }
-  }
-  render() {
-    return (index.h(index.Host, { class: avatar({
-        size: this.size,
-      }) }, this._failed ? (this.letters) : (index.h("img", { src: this._src, class: 'z-0 aspect-branding h-full rounded-full object-cover', onError: () => this._setFailed() }))));
-  }
-  _setFailed() {
-    this._failed = true;
-    this._src = undefined;
-  }
-  static get watchers() { return {
-    "src": ["onSrchChange"]
-  }; }
+    onSrchChange(src) {
+        this._failed = false;
+        this._src = src;
+    }
+    componentWillLoad() {
+        this.onSrchChange(this.src);
+        if (!this._src) {
+            this._setFailed();
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: 'fff35b491e4adc3a00cc3b15006c1017853a7f5e', class: avatar({
+                size: this.size,
+            }) }, this._failed ? (this.letters?.[0] ?? ' ') : (index.h("img", { src: this._src, class: 'z-0 aspect-branding h-full rounded-full object-cover', onError: () => this._setFailed() }))));
+    }
+    _setFailed() {
+        this._failed = true;
+        this._src = undefined;
+    }
+    static get watchers() { return {
+        "src": ["onSrchChange"]
+    }; }
 };
-Avatar.style = avatarComponentCss;
+Avatar.style = PAvatarStyle0;
 
 exports.p_avatar = Avatar;
 

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

@@ -1 +1 @@
-{"file":"p-avatar.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,kBAAkB,GAAG,urDAAurD;;ACGltD,MAAM,MAAM,GAAGA,WAAG,CACjB;EACC,kIAAkI;CAClI,EACD;EACC,QAAQ,EAAE;IACT,IAAI,EAAE;MACL,EAAE,EAAE,cAAc;MAClB,EAAE,EAAE,aAAa;MACjB,IAAI,EAAE,eAAe;MACrB,EAAE,EAAE,cAAc;MAClB,EAAE,EAAE,cAAc;MAClB,KAAK,EAAE,eAAe;MACtB,KAAK,EAAE,yCAAyC;MAChD,KAAK,EAAE,yCAAyC;KAChD;GACD;CACD,CACD,CAAC;MAOW,MAAM;;;gBAYP,MAAM;;;mBAeS,GAAG;;mBAGO,KAAK;;EAGzC,YAAY,CAAC,GAAW;IACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;GAChB;EAED,iBAAiB;IAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACf,IAAI,CAAC,UAAU,EAAE,CAAC;KAClB;GACD;EAED,MAAM;IACL,QACCC,QAACC,UAAI,IACJ,KAAK,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,IAAI,CAAC,IAAI;OACf,CAAC,IAED,IAAI,CAAC,OAAO,IACZ,IAAI,CAAC,OAAO,KAEZD,iBACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,GAC/B,CACF,CACK,EACN;GACF;EAEO,UAAU;IACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;GACtB;;;;;;;;;","names":["cva","h","Host"],"sources":["src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.scss',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string = ' ';\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\tthis.letters\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"version":3}
+{"file":"p-avatar.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,kBAAkB,GAAG,k6DAAk6D,CAAC;AAC97D,sBAAe,kBAAkB;;ACEjC,MAAM,MAAM,GAAGA,WAAG,CACjB;IACC,wLAAwL;CACxL,EACD;IACC,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,aAAa;YACjB,IAAI,EAAE,eAAe;YACrB,EAAE,EAAE,cAAc;YAClB,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,yCAAyC;YAChD,KAAK,EAAE,yCAAyC;SAChD;KACD;CACD,CACD,CAAC;MAOW,MAAM;;;oBAYP,MAAM;;;;;uBAkBmB,KAAK;;IAGzC,YAAY,CAAC,GAAW;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;KAChB;IAED,iBAAiB;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,UAAU,EAAE,CAAC;SAClB;KACD;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDACJ,KAAK,EAAE,MAAM,CAAC;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;aACf,CAAC,IAED,IAAI,CAAC,OAAO,IACZ,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,GAAG,KAExBD,iBACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,GAC/B,CACF,CACK,EACN;KACF;IAEO,UAAU;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;KACtB;;;;;;;;;","names":["cva","h","Host"],"sources":["src/components/atoms/avatar/avatar.component.scss?tag=p-avatar","src/components/atoms/avatar/avatar.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold text-black-teal-300',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.scss',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\tthis.letters?.[0] ?? ' '\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"version":3}

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

@@ -2,94 +2,99 @@
 
 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 backdropComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.fixed{position:fixed!important}.left-0{left:0!important}.top-0{top:0!important}.z-backdrop{z-index:490!important}.flex{display:flex!important}.h-full{height:100%!important}.w-full{width:100%!important}.animate-fade-in{animation:fadeIn .2s ease forwards!important}.animate-fade-out{animation:fadeOut .2s ease forwards!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.bg-black-teal-800\\/40{background-color:rgba(0,2,2,.4)!important}.p-0{padding:0!important}.pt-16{padding-top:4rem!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}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important}.max-h-screen{max-height:100vh!important}.max-w-screen{max-width:100vw!important}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}@media (min-width:64rem){.desktop-xs\\:items-start{align-items:flex-start!important}.desktop-xs\\:items-stretch{align-items:stretch!important}.desktop-xs\\:p-0{padding:0!important}.desktop-xs\\:p-16{padding:4rem!important}}";
+const PBackdropStyle0 = backdropComponentCss;
 
 const backdrop = index$1.cva([
-  'flex',
-  'fixed left-0 top-0 z-backdrop',
-  'h-full w-full',
-  'overflow-hidden',
-  'bg-black-teal-800/40',
-  'max-h-screen max-w-screen',
+    'flex',
+    'fixed left-0 top-0 z-backdrop',
+    'h-full w-full',
+    'overflow-hidden',
+    'bg-black-teal-800/40',
+    'max-h-screen max-w-screen',
 ], {
-  variants: {
-    blur: {
-      false: null,
-      true: 'backdrop-blur-sm',
+    variants: {
+        blur: {
+            false: null,
+            true: 'backdrop-blur-sm',
+        },
+        closing: {
+            false: 'animate-fade-in',
+            true: 'animate-fade-out pointer-events-none',
+        },
     },
-    closing: {
-      false: 'animate-fade-in',
-      true: 'animate-fade-out pointer-events-none',
-    },
-  },
 });
 const contentContainer = index$1.cva([
-  'h-full w-full overflow-y-auto overflow-x-hidden',
-  'pt-16 tablet:px-16 desktop-xs:p-16',
-  'flex items-end justify-center desktop-xs:items-stretch',
-  'max-h-screen max-w-screen',
+    'h-full w-full overflow-y-auto overflow-x-hidden',
+    'pt-16 tablet:px-16 desktop-xs:p-16',
+    'flex items-end justify-center desktop-xs:items-stretch',
+    'max-h-screen max-w-screen',
 ], {
-  variants: {
-    variant: {
-      modal: null,
-      drawer: [
-        'items-start justify-end desktop-xs:items-start',
-        'p-0 tablet:p-0 desktop-xs:p-0',
-      ],
-    },
-    closing: {
-      false: null,
-      true: 'overflow-hidden',
+    variants: {
+        variant: {
+            modal: null,
+            drawer: [
+                'items-start justify-end desktop-xs:items-start',
+                'p-0 tablet:p-0 desktop-xs:p-0',
+            ],
+        },
+        closing: {
+            false: null,
+            true: 'overflow-hidden',
+        },
     },
-  },
 });
 const Backdrop = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.clicked = index.createEvent(this, "clicked", 3);
-    this.variant = 'modal';
-    this.applyBlur = false;
-    this.closing = false;
-    this.scrollLock = true;
-    this.class = undefined;
-  }
-  componentWillLoad() {
-    if (this.scrollLock) {
-      document.querySelector(':root').classList.add('scroll-lock');
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.clicked = index.createEvent(this, "clicked", 3);
+        this.variant = 'modal';
+        this.applyBlur = false;
+        this.closing = false;
+        this.scrollLock = true;
+        this.class = undefined;
+    }
+    /**
+     * When the backdrop is clicked
+     */
+    clicked;
+    get _el() { return index.getElement(this); }
+    componentWillLoad() {
+        if (this.scrollLock) {
+            document.querySelector(':root').classList.add('scroll-lock');
+        }
     }
-  }
-  disconnectedCallback() {
-    if (this.scrollLock) {
-      document.querySelector(':root').classList.remove('scroll-lock');
+    disconnectedCallback() {
+        if (this.scrollLock) {
+            document.querySelector(':root').classList.remove('scroll-lock');
+        }
     }
-  }
-  componentWillUpdate() {
-    if (!this.scrollLock) {
-      document.querySelector(':root').classList.remove('scroll-lock');
+    componentWillUpdate() {
+        if (!this.scrollLock) {
+            document.querySelector(':root').classList.remove('scroll-lock');
+        }
+        if (this.scrollLock) {
+            document.querySelector(':root').classList.add('scroll-lock');
+        }
     }
-    if (this.scrollLock) {
-      document.querySelector(':root').classList.add('scroll-lock');
+    render() {
+        return (index.h(index.Host, { key: '95e2d867232dd27eb5212caecdad42094b8fb836', class: backdrop({ blur: this.applyBlur, closing: this.closing }) }, index.h("div", { key: '802fb372c2a447a2125de6cc2d5839c2fafe7945', class: contentContainer({
+                variant: this.variant,
+                closing: this.closing,
+            }) }, index.h("slot", { key: '2b3b67f9e67767c186fac3bcc9da5377acbec9ef' }))));
     }
-  }
-  render() {
-    return (index.h(index.Host, { class: backdrop({ blur: this.applyBlur, closing: this.closing }) }, index.h("div", { class: contentContainer({
-        variant: this.variant,
-        closing: this.closing,
-      }) }, index.h("slot", null))));
-  }
-  handleClick(ev) {
-    if (ev.target !== this._el && !this._el.contains(ev.target)) {
-      return;
+    handleClick(ev) {
+        if (ev.target !== this._el && !this._el.contains(ev.target)) {
+            return;
+        }
+        this.clicked.emit(ev);
     }
-    this.clicked.emit(ev);
-  }
-  get _el() { return index.getElement(this); }
 };
-Backdrop.style = backdropComponentCss;
+Backdrop.style = PBackdropStyle0;
 
 exports.p_backdrop = Backdrop;
 

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

@@ -1 +1 @@
-{"file":"p-backdrop.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,oBAAoB,GAAG,ymEAAymE;;ACYtoE,MAAM,QAAQ,GAAGA,WAAG,CACnB;EACC,MAAM;EACN,+BAA+B;EAC/B,eAAe;EACf,iBAAiB;EACjB,sBAAsB;EACtB,2BAA2B;CAC3B,EACD;EACC,QAAQ,EAAE;IACT,IAAI,EAAE;MACL,KAAK,EAAE,IAAI;MACX,IAAI,EAAE,kBAAkB;KACxB;IACD,OAAO,EAAE;MACR,KAAK,EAAE,iBAAiB;MACxB,IAAI,EAAE,sCAAsC;KAC5C;GACD;CACD,CACD,CAAC;AAEF,MAAM,gBAAgB,GAAGA,WAAG,CAC3B;EACC,iDAAiD;EACjD,oCAAoC;EACpC,wDAAwD;EACxD,2BAA2B;CAC3B,EACD;EACC,QAAQ,EAAE;IACT,OAAO,EAAE;MACR,KAAK,EAAE,IAAI;MACX,MAAM,EAAE;QACP,gDAAgD;QAChD,+BAA+B;OAC/B;KACD;IACD,OAAO,EAAE;MACR,KAAK,EAAE,IAAI;MACX,IAAI,EAAE,iBAAiB;KACvB;GACD;CACD,CACD,CAAC;MAMW,QAAQ;;;;mBAIkB,OAAO;qBAKhB,KAAK;mBAKP,KAAK;sBAKF,IAAI;;;EAoBlC,iBAAiB;IAChB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC7D;GACD;EAED,oBAAoB;IACnB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAChE;GACD;EAED,mBAAmB;IAClB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MACrB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAChE;IAED,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC7D;GACD;EAED,MAAM;IACL,QACCC,QAACC,UAAI,IAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,IACrED,iBACC,KAAK,EAAE,gBAAgB,CAAC;QACvB,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,OAAO,EAAE,IAAI,CAAC,OAAO;OACrB,CAAC,IAEFA,qBAAQ,CACH,CACA,EACN;GACF;EAGD,WAAW,CAAC,EAAc;IACzB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,EAAE;MACpE,OAAO;KACP;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;GACtB;;;;;;;","names":["cva","h","Host"],"sources":["src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'pt-16 tablet:px-16 desktop-xs:p-16',\n\t\t'flex items-end justify-center desktop-xs:items-stretch',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: null,\n\t\t\t\tdrawer: [\n\t\t\t\t\t'items-start justify-end desktop-xs:items-start',\n\t\t\t\t\t'p-0 tablet:p-0 desktop-xs:p-0',\n\t\t\t\t],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.scss',\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\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 * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={backdrop({ blur: this.applyBlur, closing: this.closing })}>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: this.closing,\n\t\t\t\t\t})}\n\t\t\t\t>\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\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"version":3}
+{"file":"p-backdrop.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,oBAAoB,GAAG,ymEAAymE,CAAC;AACvoE,wBAAe,oBAAoB;;ACWnC,MAAM,QAAQ,GAAGA,WAAG,CACnB;IACC,MAAM;IACN,+BAA+B;IAC/B,eAAe;IACf,iBAAiB;IACjB,sBAAsB;IACtB,2BAA2B;CAC3B,EACD;IACC,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,kBAAkB;SACxB;QACD,OAAO,EAAE;YACR,KAAK,EAAE,iBAAiB;YACxB,IAAI,EAAE,sCAAsC;SAC5C;KACD;CACD,CACD,CAAC;AAEF,MAAM,gBAAgB,GAAGA,WAAG,CAC3B;IACC,iDAAiD;IACjD,oCAAoC;IACpC,wDAAwD;IACxD,2BAA2B;CAC3B,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,KAAK,EAAE,IAAI;YACX,MAAM,EAAE;gBACP,gDAAgD;gBAChD,+BAA+B;aAC/B;SACD;QACD,OAAO,EAAE;YACR,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,iBAAiB;SACvB;KACD;CACD,CACD,CAAC;MAMW,QAAQ;;;;uBAIkB,OAAO;yBAKhB,KAAK;uBAKP,KAAK;0BAKF,IAAI;;;;;;IAalC,OAAO,CAA2B;;IAOlC,iBAAiB;QAChB,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;SAC7D;KACD;IAED,oBAAoB;QACnB,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;SAChE;KACD;IAED,mBAAmB;QAClB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACrB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;SAChE;QAED,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;SAC7D;KACD;IAED,MAAM;QACL,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,IACrED,kEACC,KAAK,EAAE,gBAAgB,CAAC;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,IAEFA,oEAAQ,CACH,CACA,EACN;KACF;IAGD,WAAW,CAAC,EAAc;QACzB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,EAAE;YACpE,OAAO;SACP;QAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACtB;;;;;;","names":["cva","h","Host"],"sources":["src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'pt-16 tablet:px-16 desktop-xs:p-16',\n\t\t'flex items-end justify-center desktop-xs:items-stretch',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: null,\n\t\t\t\tdrawer: [\n\t\t\t\t\t'items-start justify-end desktop-xs:items-start',\n\t\t\t\t\t'p-0 tablet:p-0 desktop-xs:p-0',\n\t\t\t\t],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.scss',\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\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 * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={backdrop({ blur: this.applyBlur, closing: this.closing })}>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: this.closing,\n\t\t\t\t\t})}\n\t\t\t\t>\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\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"version":3}

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

@@ -2,19 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const badgeComponentCss = "*{box-sizing:border-box}.static{position:static!important}.inline-flex{display:inline-flex!important}.h-4{height:1rem!important}.min-w-\\[1\\.5rem\\]{min-width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-teal{--tw-bg-opacity:1!important;background-color:rgb(8 136 121/var(--tw-bg-opacity,1))!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
+const PBadgeStyle0 = badgeComponentCss;
 
 const Badge = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, { class: 'p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white' }, index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '71b0294058c45f39d75fa6fd9b713ba2594d5db3', class: 'p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white' }, index.h("slot", { key: '334d6e359ce4a57ab8ab7b7f292ffed659645d14' })));
+    }
 };
-Badge.style = badgeComponentCss;
+Badge.style = PBadgeStyle0;
 
 exports.p_badge = Badge;
 

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

@@ -1 +1 @@
-{"file":"p-badge.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,0tBAA0tB;;MCOvuB,KAAK;;;;EACjB,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,2IAA2I,IACtJD,qBAAQ,CACF,EACN;GACF;;;;;;","names":["h","Host"],"sources":["src/components/atoms/badge/badge.component.scss?tag=p-badge","src/components/atoms/badge/badge.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.scss',\n\tshadow: false,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-badge.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,0tBAA0tB,CAAC;AACrvB,qBAAe,iBAAiB;;MCMnB,KAAK;;;;IACjB,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,2IAA2I,IACtJD,oEAAQ,CACF,EACN;KACF;;;;;;","names":["h","Host"],"sources":["src/components/atoms/badge/badge.component.scss?tag=p-badge","src/components/atoms/badge/badge.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.scss',\n\tshadow: false,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

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

@@ -2,42 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const ButtonGroup = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.size = 'base';
-  }
-  componentWillLoad() {
-    this._checkButtons();
-  }
-  render() {
-    return (index.h(index.Host, { class: 'p-button-group flex items-center' }, index.h("slot", null)));
-  }
-  slotchange() {
-    this._checkButtons();
-  }
-  _checkButtons() {
-    const buttons = Array.from(this._el.querySelectorAll(':scope > p-button'));
-    for (let i = 0; i < buttons.length; i++) {
-      const button = buttons[i];
-      button.size = this.size;
-      // first
-      if (i === 0) {
-        button.buttonGroupPosition = 'start';
-        continue;
-      }
-      // last
-      if (i === buttons.length - 1) {
-        button.buttonGroupPosition = 'end';
-        continue;
-      }
-      // rest
-      button.buttonGroupPosition = 'center';
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 'base';
+    }
+    get _el() { return index.getElement(this); }
+    componentWillLoad() {
+        this._checkButtons();
+    }
+    render() {
+        return (index.h(index.Host, { key: '7d49236b6a489e5581670eb011a9743cf3edec50', class: 'p-button-group flex items-center' }, index.h("slot", { key: '40a1f245652f461c6c2619c3f2f3ceff9b11fd1f' })));
+    }
+    slotchange() {
+        this._checkButtons();
+    }
+    _checkButtons() {
+        const buttons = Array.from(this._el.querySelectorAll(':scope > p-button'));
+        for (let i = 0; i < buttons.length; i++) {
+            const button = buttons[i];
+            button.size = this.size;
+            // first
+            if (i === 0) {
+                button.buttonGroupPosition = 'start';
+                continue;
+            }
+            // last
+            if (i === buttons.length - 1) {
+                button.buttonGroupPosition = 'end';
+                continue;
+            }
+            // rest
+            button.buttonGroupPosition = 'center';
+        }
     }
-  }
-  get _el() { return index.getElement(this); }
 };
 
 exports.p_button_group = ButtonGroup;

package/dist/cjs/p-button-group.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-button-group.entry.cjs.js","mappings":";;;;;;MAOa,WAAW;;;gBAIc,MAAM;;EAO3C,iBAAiB;IAChB,IAAI,CAAC,aAAa,EAAE,CAAC;GACrB;EAED,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,kCAAkC,IAC7CD,qBAAQ,CACF,EACN;GACF;EAGD,UAAU;IACT,IAAI,CAAC,aAAa,EAAE,CAAC;GACrB;EAEO,aAAa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAC3B,CAAC;IAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;MACxC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;MAE1B,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;;MAGxB,IAAI,CAAC,KAAK,CAAC,EAAE;QACZ,MAAM,CAAC,mBAAmB,GAAG,OAAO,CAAC;QACrC,SAAS;OACT;;MAGD,IAAI,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QAC7B,MAAM,CAAC,mBAAmB,GAAG,KAAK,CAAC;QACnC,SAAS;OACT;;MAGD,MAAM,CAAC,mBAAmB,GAAG,QAAQ,CAAC;KACtC;GACD;;;;;;","names":["h","Host"],"sources":["src/components/molecules/button-group/button-group.component.tsx"],"sourcesContent":["import { Component, Element, h, Host, Listen, Prop } from '@stencil/core';\nimport { Button } from '../button/button.component';\n\n@Component({\n\ttag: 'p-button-group',\n\tshadow: true,\n})\nexport class ButtonGroup {\n\t/**\n\t * The size of the child buttons\n\t */\n\t@Prop() size: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tthis._checkButtons();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-button-group flex items-center'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkButtons();\n\t}\n\n\tprivate _checkButtons() {\n\t\tconst buttons = Array.from(\n\t\t\tthis._el.querySelectorAll(':scope > p-button')\n\t\t) as any as Button[];\n\n\t\tfor (let i = 0; i < buttons.length; i++) {\n\t\t\tconst button = buttons[i];\n\n\t\t\tbutton.size = this.size;\n\n\t\t\t// first\n\t\t\tif (i === 0) {\n\t\t\t\tbutton.buttonGroupPosition = 'start';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// last\n\t\t\tif (i === buttons.length - 1) {\n\t\t\t\tbutton.buttonGroupPosition = 'end';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// rest\n\t\t\tbutton.buttonGroupPosition = 'center';\n\t\t}\n\t}\n}\n"],"version":3}
+{"file":"p-button-group.entry.cjs.js","mappings":";;;;;;MAOa,WAAW;;;oBAIc,MAAM;;;IAO3C,iBAAiB;QAChB,IAAI,CAAC,aAAa,EAAE,CAAC;KACrB;IAED,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,kCAAkC,IAC7CD,oEAAQ,CACF,EACN;KACF;IAGD,UAAU;QACT,IAAI,CAAC,aAAa,EAAE,CAAC;KACrB;IAEO,aAAa;QACpB,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAC3B,CAAC;QAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACxC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YAE1B,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;;YAGxB,IAAI,CAAC,KAAK,CAAC,EAAE;gBACZ,MAAM,CAAC,mBAAmB,GAAG,OAAO,CAAC;gBACrC,SAAS;aACT;;YAGD,IAAI,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC7B,MAAM,CAAC,mBAAmB,GAAG,KAAK,CAAC;gBACnC,SAAS;aACT;;YAGD,MAAM,CAAC,mBAAmB,GAAG,QAAQ,CAAC;SACtC;KACD;;;;;","names":["h","Host"],"sources":["src/components/molecules/button-group/button-group.component.tsx"],"sourcesContent":["import { Component, Element, h, Host, Listen, Prop } from '@stencil/core';\nimport { Button } from '../button/button.component';\n\n@Component({\n\ttag: 'p-button-group',\n\tshadow: true,\n})\nexport class ButtonGroup {\n\t/**\n\t * The size of the child buttons\n\t */\n\t@Prop() size: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tthis._checkButtons();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-button-group flex items-center'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkButtons();\n\t}\n\n\tprivate _checkButtons() {\n\t\tconst buttons = Array.from(\n\t\t\tthis._el.querySelectorAll(':scope > p-button')\n\t\t) as any as Button[];\n\n\t\tfor (let i = 0; i < buttons.length; i++) {\n\t\t\tconst button = buttons[i];\n\n\t\t\tbutton.size = this.size;\n\n\t\t\t// first\n\t\t\tif (i === 0) {\n\t\t\t\tbutton.buttonGroupPosition = 'start';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// last\n\t\t\tif (i === buttons.length - 1) {\n\t\t\t\tbutton.buttonGroupPosition = 'end';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// rest\n\t\t\tbutton.buttonGroupPosition = 'center';\n\t\t}\n\t}\n}\n"],"version":3}