npm - @paperless/core - Versions diffs - 2.0.1-beta.113 → 2.0.1-beta.114 - Mend

@paperless/core 2.0.1-beta.113 → 2.0.1-beta.114

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (937) hide show

package/dist/components/{p-CxHSXAkq.js → p-Hj0dtQOu.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
-import { c as cva } from './p-4hDfHOnN.js';
+import { c as cva } from './p-CBWjHURv.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$4 } from './p-MQ5NAuIf.js';
-import { d as defineCustomElement$3 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$2 } from './p-BpWSyLrS.js';
-import { d as defineCustomElement$1 } from './p-BFBKoX9I.js';
+import { d as defineCustomElement$4 } from './p-A5puW8KH.js';
+import { d as defineCustomElement$3 } from './p-cCxwgzDB.js';
+import { d as defineCustomElement$2 } from './p-CKTvcFFn.js';
+import { d as defineCustomElement$1 } from './p-C-1aZ7t0.js';
-const emptyStateComponentCss = "*{box-sizing:border-box}p-divider{--tw-content:\"\"}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-8{margin-bottom:2rem!important}.mt-4{margin-top:1rem!important}.flex{display:flex!important}.w-full{width:100%!important}.max-w-\\[20rem\\]{max-width:20rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.text-center{text-align:center!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-teal{--tw-text-opacity:1!important;color:rgb(8 136 121/var(--tw-text-opacity,1))!important}";
+const emptyStateComponentCss = "*{box-sizing:border-box}p-divider{--tw-content:\"\"}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-8{margin-bottom:2rem!important}.mt-4{margin-top:1rem!important}.flex{display:flex!important}.w-full{width:100%!important}.max-w-\\[20rem\\]{max-width:20rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.text-center{text-align:center!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-teal{--tw-text-opacity:1!important;color:rgb(8 136 121/var(--tw-text-opacity,1))!important}";
 const emptyState = cva(['flex flex-col w-full items-center justify-start max-w-[20rem]'], {
     variants: {
@@ -64,11 +64,11 @@ const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends H {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (h("div", { key: 'fc0d6b16fc63c0bf971eeb637c867d250938d5bd', class: emptyState({
+        return (h("div", { key: '3cabf463f134857beb1f960df8147c73f06dca6e', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: '5392ff97c3672e096915e5e7c6c140df05ea9127', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: 'f8e845bf6a87df689b617c1dca14dbe32457e37d', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
     }
     static get style() { return emptyStateComponentCss; }
@@ -118,6 +118,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { EmptyState as E, defineCustomElement as d };
-//# sourceMappingURL=p-CxHSXAkq.js.map
+//# sourceMappingURL=p-Hj0dtQOu.js.map
-//# sourceMappingURL=p-CxHSXAkq.js.map
+//# sourceMappingURL=p-Hj0dtQOu.js.map

package/dist/components/{p-CxHSXAkq.js.map → p-Hj0dtQOu.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CxHSXAkq~~.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,~~g8BAAg8B~~;;~~ACgB/9B~~,MAAM,UAAU,GAAG,GAAG,CACrB,CAAC,+DAA+D,CAAC,EACjE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,YAAY,EAAE;AACb,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,aAAa,GAAkB,WAAW;AAElD;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;AACM,IAAA,MAAM;;IAOf,MAAM,GAAA;AACL,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAC1E,QAAA,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B;AACD,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAE1E,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,UAAU,CAAC;gBACjB,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC;AAChD,aAAA,CAAC,EACF,OAAO,EAAE,EAAE,IACV,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;kBACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;kBACnB,SAAS,EAAA,EAGZ,IAAI,CAAC,YAAY,KACjB,uEACC,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,YAAY,GACzB,CACF,EACA,aAAa,IACb,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,KAEtB,IAAI,CAAC,MAAM,EAAE,MAAM,KAClB,SAAG,KAAK,EAAC,+DAA+D,EAAA,EACtE,IAAI,CAAC,MAAM,CACT,CACJ,CACD,EACA,cAAc,IACd,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,KAEvB,IAAI,CAAC,OAAO,EAAE,MAAM,KACnB,SAAG,KAAK,EAAC,8CAA8C,EAAA,EACrD,IAAI,CAAC,OAAO,CACV,CACJ,CACD,EACA,IAAI,CAAC,YAAY;aAChB,aAAa,IACb,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAG,KAEtB,CAAA,CAAA,UAAA,EAAA,EACC,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,OAAO,EAAE,IAAI,CAAC,aAAa,EAAA,EAE1B,IAAI,CAAC,UAAU,CACN,CACX,CAAC,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/empty-state/empty-state.component.css?tag=p-empty-state&encapsulation=shadow","src/components/molecules/empty-state/empty-state.component.tsx"],"sourcesContent":["p-divider {\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tButtonVariant,\n\tIconVariant,\n\tIllustrationVariant,\n} from '../../../components';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst emptyState = cva(\n\t['flex flex-col w-full items-center justify-start max-w-[20rem]'],\n\t{\n\t\tvariants: {\n\t\t\tenableAction: {\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-empty-state',\n\tstyleUrl: 'empty-state.component.css',\n\tshadow: true,\n})\nexport class EmptyState {\n\t/*\n\t The variant of the illustration\n\t /\n\t@Prop() illustration: IllustrationVariant;\n\n\t/\n\t The header of the empty state\n\t /\n\t@Prop() header: string;\n\n\t/\n\t The content of the empty state\n\t /\n\t@Prop() content: string;\n\n\t/\n\t Wether to enable the action button\n\t /\n\t@Prop() enableAction: boolean = true;\n\n\t/\n\t The text on the action button\n\t /\n\t@Prop() actionText: string;\n\n\t/\n\t The variant of the action\n\t /\n\t@Prop() actionVariant: ButtonVariant = 'secondary';\n\n\t/\n\t The icon for the action button\n\t /\n\t@Prop() actionIcon: IconVariant;\n\n\t/\n\t Wether the action is loading\n\t /\n\t@Prop() actionLoading: boolean = false;\n\n\t/\n\t The text on the action button\n\t /\n\t@Event() action: EventEmitter<MouseEvent>;\n\n\t/\n\t The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t\tconst hasActionSlot = !!this._el.querySelector(':scope > [slot=\"action\"]');\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={emptyState({\n\t\t\t\t\tenableAction: asBoolean(this.enableAction, true),\n\t\t\t\t})}\n\t\t\t\tonClick={ev =>\n\t\t\t\t\tthis.enableAction && !this.actionLoading\n\t\t\t\t\t\t? this.action.emit(ev)\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{this.illustration && (\n\t\t\t\t\t<p-illustration\n\t\t\t\t\t\tclass='mb-8 text-teal'\n\t\t\t\t\t\tvariant={this.illustration}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{hasHeaderSlot ? (\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.header?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center font-ambit text-sm font-bold text-black-teal'>\n\t\t\t\t\t\t\t{this.header}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{hasContentSlot ? (\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.content?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center text-sm text-black-teal-300'>\n\t\t\t\t\t\t\t{this.content}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{this.enableAction &&\n\t\t\t\t\t(hasActionSlot ? (\n\t\t\t\t\t\t<slot name='action' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tclass='mt-4'\n\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\tloading={this.actionLoading}\n\t\t\t\t\t\t\tvariant={this.actionVariant}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.actionText}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
1	+ {"file":"p-Hj0dtQOu.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,k+BAAk+B;;ACgBjgC,MAAM,UAAU,GAAG,GAAG,CACrB,CAAC,+DAA+D,CAAC,EACjE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,YAAY,EAAE;AACb,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,aAAa,GAAkB,WAAW;AAElD;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;AACM,IAAA,MAAM;;IAOf,MAAM,GAAA;AACL,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAC1E,QAAA,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B;AACD,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAE1E,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,UAAU,CAAC;gBACjB,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC;AAChD,aAAA,CAAC,EACF,OAAO,EAAE,EAAE,IACV,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;kBACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;kBACnB,SAAS,EAAA,EAGZ,IAAI,CAAC,YAAY,KACjB,uEACC,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,YAAY,GACzB,CACF,EACA,aAAa,IACb,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,KAEtB,IAAI,CAAC,MAAM,EAAE,MAAM,KAClB,SAAG,KAAK,EAAC,+DAA+D,EAAA,EACtE,IAAI,CAAC,MAAM,CACT,CACJ,CACD,EACA,cAAc,IACd,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,KAEvB,IAAI,CAAC,OAAO,EAAE,MAAM,KACnB,SAAG,KAAK,EAAC,8CAA8C,EAAA,EACrD,IAAI,CAAC,OAAO,CACV,CACJ,CACD,EACA,IAAI,CAAC,YAAY;aAChB,aAAa,IACb,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAG,KAEtB,CAAA,CAAA,UAAA,EAAA,EACC,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,OAAO,EAAE,IAAI,CAAC,aAAa,EAAA,EAE1B,IAAI,CAAC,UAAU,CACN,CACX,CAAC,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/empty-state/empty-state.component.css?tag=p-empty-state&encapsulation=shadow","src/components/molecules/empty-state/empty-state.component.tsx"],"sourcesContent":["p-divider {\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tButtonVariant,\n\tIconVariant,\n\tIllustrationVariant,\n} from '../../../components';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst emptyState = cva(\n\t['flex flex-col w-full items-center justify-start max-w-[20rem]'],\n\t{\n\t\tvariants: {\n\t\t\tenableAction: {\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-empty-state',\n\tstyleUrl: 'empty-state.component.css',\n\tshadow: true,\n})\nexport class EmptyState {\n\t/*\n\t The variant of the illustration\n\t /\n\t@Prop() illustration: IllustrationVariant;\n\n\t/\n\t The header of the empty state\n\t /\n\t@Prop() header: string;\n\n\t/\n\t The content of the empty state\n\t /\n\t@Prop() content: string;\n\n\t/\n\t Wether to enable the action button\n\t /\n\t@Prop() enableAction: boolean = true;\n\n\t/\n\t The text on the action button\n\t /\n\t@Prop() actionText: string;\n\n\t/\n\t The variant of the action\n\t /\n\t@Prop() actionVariant: ButtonVariant = 'secondary';\n\n\t/\n\t The icon for the action button\n\t /\n\t@Prop() actionIcon: IconVariant;\n\n\t/\n\t Wether the action is loading\n\t /\n\t@Prop() actionLoading: boolean = false;\n\n\t/\n\t The text on the action button\n\t /\n\t@Event() action: EventEmitter<MouseEvent>;\n\n\t/\n\t The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t\tconst hasActionSlot = !!this._el.querySelector(':scope > [slot=\"action\"]');\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={emptyState({\n\t\t\t\t\tenableAction: asBoolean(this.enableAction, true),\n\t\t\t\t})}\n\t\t\t\tonClick={ev =>\n\t\t\t\t\tthis.enableAction && !this.actionLoading\n\t\t\t\t\t\t? this.action.emit(ev)\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{this.illustration && (\n\t\t\t\t\t<p-illustration\n\t\t\t\t\t\tclass='mb-8 text-teal'\n\t\t\t\t\t\tvariant={this.illustration}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{hasHeaderSlot ? (\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.header?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center font-ambit text-sm font-bold text-black-teal'>\n\t\t\t\t\t\t\t{this.header}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{hasContentSlot ? (\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.content?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center text-sm text-black-teal-300'>\n\t\t\t\t\t\t\t{this.content}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{this.enableAction &&\n\t\t\t\t\t(hasActionSlot ? (\n\t\t\t\t\t\t<slot name='action' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tclass='mt-4'\n\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\tloading={this.actionLoading}\n\t\t\t\t\t\t\tvariant={this.actionVariant}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.actionText}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-CKc3SL1J.js → p-OY7iMMA5.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-tdjn65Lz.js';
-import { c as cva } from './p-4hDfHOnN.js';
+import { c as cva } from './p-CBWjHURv.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$1 } from './p-CQcp92mr.js';
+import { d as defineCustomElement$1 } from './p-cCxwgzDB.js';
 const segmentItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.block{display:block!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.rounded-2xl{border-radius:1rem!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-dark-teal-600{--tw-text-opacity:1!important;color:rgb(0 72 64/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-black-teal-50:hover{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/var(--tw-bg-opacity,1))!important}";
@@ -57,11 +57,11 @@ const SegmentItem = /*@__PURE__*/ proxyCustomElement(class SegmentItem extends H
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(Host, { key: '612006e51cef3dd63f2089285a39f8721e7f9a40', class: segmentItem({
+        return (h(Host, { key: '361367cbc553f9f55a70505059022e2db6ca465d', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: 'f10e1f54beb7b767d1871adee8161cf64a402c4c', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
+            }) }, this.icon && (h("p-icon", { key: '4ec53ffb486b0136b149476dd6a22b30ca655ca7', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
     }
     static get style() { return segmentItemComponentCss; }
 }, [4, "p-segment-item", {
@@ -93,6 +93,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { SegmentItem as S, defineCustomElement as d };
-//# sourceMappingURL=p-CKc3SL1J.js.map
+//# sourceMappingURL=p-OY7iMMA5.js.map
-//# sourceMappingURL=p-CKc3SL1J.js.map
+//# sourceMappingURL=p-OY7iMMA5.js.map

package/dist/components/{p-CKc3SL1J.js.map → p-OY7iMMA5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CKc3SL1J~~.js","mappings":";;;;;AAAA,MAAM,uBAAuB,GAAG,0tCAA0tC;;ACM1vC,MAAM,WAAW,GAAG,GAAG,CACtB;IACC,gBAAgB;IAChB,kCAAkC;IAClC,aAAa;IACb,wBAAwB;CACxB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,KAAK,EAAE,0BAA0B;AACjC,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,0DAA0D;AACjE,YAAA,IAAI,EAAE,6BAA6B;AACnC,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,KAAK;AACX,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAMY,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;AACvB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;IAElB,MAAM,GAAA;QACL,MAAM,eAAe,GACpB,IAAI,CAAC,OAAO,KAAK,OAAO,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,aAAa,EAAA,CAAG,GAAG,IAAI;AAE9D,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,WAAW,CAAC;gBAClB,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,gBAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9B,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;aAClC,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,KACT,+DACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,CACtB,CACF,EAEA,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,KAER,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,kCAAkC,EAAA,EAC5C,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACpC,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CAClB,EACH,eAAe,IAAI,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,SAAS,EAAA,EAAE,eAAe,CAAK,CACvD,CACN,CACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst segmentItem = cva(\n\t[\n\t\t'p-segment-item',\n\t\t'flex items-center justify-center',\n\t\t'rounded-2xl',\n\t\t'cursor-pointer text-sm',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-4 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: 'cursor-pointer text-dark-teal-600 hover:bg-black-teal-50',\n\t\t\t\ttrue: 'bg-dark-teal-400 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n})\nexport class SegmentItem {\n\t/*\n\t The size of the\n\t /\n\t@Prop() variant: 'default' \| 'block' = 'default';\n\n\t/\n\t Wether the segment item is active\n\t /\n\t@Prop() active: boolean = false;\n\n\t/\n\t Wether the segment item is icon only\n\t /\n\t@Prop() iconOnly: boolean = false;\n\n\t/\n\t Icon to show on the segment item\n\t /\n\t@Prop() icon: IconVariant;\n\n\t/\n\t Icon flip\n\t /\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/\n\t Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={segmentItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t<slot />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='flex flex-col items-center gap-1'>\n\t\t\t\t\t\t<p class='font-semibold empty:hidden'>\n\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t{descriptionSlot && <p class='text-xs'>{descriptionSlot}</p>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
1	+ {"file":"p-OY7iMMA5.js","mappings":";;;;;AAAA,MAAM,uBAAuB,GAAG,0tCAA0tC;;ACM1vC,MAAM,WAAW,GAAG,GAAG,CACtB;IACC,gBAAgB;IAChB,kCAAkC;IAClC,aAAa;IACb,wBAAwB;CACxB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,KAAK,EAAE,0BAA0B;AACjC,SAAA;AACD,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,0DAA0D;AACjE,YAAA,IAAI,EAAE,6BAA6B;AACnC,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,KAAK;AACX,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAMY,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;AACvB;;AAEG;IACK,OAAO,GAAwB,SAAS;AAEhD;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;IAElB,MAAM,GAAA;QACL,MAAM,eAAe,GACpB,IAAI,CAAC,OAAO,KAAK,OAAO,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,aAAa,EAAA,CAAG,GAAG,IAAI;AAE9D,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,WAAW,CAAC;gBAClB,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,gBAAA,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AAC9B,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;aAClC,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,KACT,+DACC,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,EAAA,CACtB,CACF,EAEA,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,KAER,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,kCAAkC,EAAA,EAC5C,CAAG,CAAA,GAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACpC,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CAClB,EACH,eAAe,IAAI,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,SAAS,EAAA,EAAE,eAAe,CAAK,CACvD,CACN,CACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst segmentItem = cva(\n\t[\n\t\t'p-segment-item',\n\t\t'flex items-center justify-center',\n\t\t'rounded-2xl',\n\t\t'cursor-pointer text-sm',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'h-6 gap-2',\n\t\t\t\tblock: 'flex-col p-4 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: 'cursor-pointer text-dark-teal-600 hover:bg-black-teal-50',\n\t\t\t\ttrue: 'bg-dark-teal-400 text-white',\n\t\t\t},\n\t\t\ticonOnly: {\n\t\t\t\tfalse: 'px-2',\n\t\t\t\ttrue: 'w-6',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-segment-item',\n\tstyleUrl: 'segment-item.component.css',\n})\nexport class SegmentItem {\n\t/*\n\t The size of the\n\t /\n\t@Prop() variant: 'default' \| 'block' = 'default';\n\n\t/\n\t Wether the segment item is active\n\t /\n\t@Prop() active: boolean = false;\n\n\t/\n\t Wether the segment item is icon only\n\t /\n\t@Prop() iconOnly: boolean = false;\n\n\t/\n\t Icon to show on the segment item\n\t /\n\t@Prop() icon: IconVariant;\n\n\t/\n\t Icon flip\n\t /\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/\n\t Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\trender() {\n\t\tconst descriptionSlot =\n\t\t\tthis.variant === 'block' ? <slot name='description' /> : null;\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={segmentItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\ticonOnly: asBoolean(this.iconOnly),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\tflip={this.iconFlip}\n\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.variant === 'default' ? (\n\t\t\t\t\t<slot />\n\t\t\t\t) : (\n\t\t\t\t\t<div class='flex flex-col items-center gap-1'>\n\t\t\t\t\t\t<p class='font-semibold empty:hidden'>\n\t\t\t\t\t\t\t<slot name='title' />\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t{descriptionSlot && <p class='text-xs'>{descriptionSlot}</p>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-accordion.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$3 } from './p-CEoo55FK.js';
-import { d as defineCustomElement$2 } from './p-CQcp92mr.js';
+import { d as defineCustomElement$3 } from './p-Cv1xoKQ6.js';
+import { d as defineCustomElement$2 } from './p-cCxwgzDB.js';
-const accordionComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;margin-bottom:1.5rem}.static{position:static!important}.m-0{margin:0!important}.mt-6{margin-top:1.5rem!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.font-medium{font-weight:500!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(0 255 255/var(--tw-text-opacity,1))!important}";
+const accordionComponentCss = "*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mt-4{margin-top:1rem!important}.flex{display:flex!important}.flex-1{flex:1 1 0%!important}.shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.font-medium{font-weight:500!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
 const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends H {
     constructor() {
@@ -32,7 +32,7 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class Accordion extends H {
      */
     isOpen;
     render() {
-        return (h(Host, { key: '043ad5a2f2fc1a9bd5144b8b890f265bd2cc7cc8', class: 'p-accordion' }, h("div", { key: 'fef3327b16f2f6248b2c96ab5bea9c20a9c85332', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: 'cedb5a71bc34f0d5217070ed02b7440c53e26883', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'f0f9df0571c255feda572d18e2e7e834f65d6577', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: 'ec396cc38a0706d9007834263d7d42b280b528a9' })), this.open && (h("div", { key: '261a3a1112d6b0358b5bbe68dc877a1564eab0ec', class: 'mt-6' }, h("slot", { key: 'e453ec835673b5af1cc59c2bc41e671e61d72057' })))));
+        return (h(Host, { key: 'c34fe5c4187064f151e29f8948aef430c0f42031' }, h("div", { key: '2fcf182129779dd5e1596ea7220ceb94effb57cf', class: 'flex cursor-pointer items-center gap-2 text-black-teal-500', onClick: () => this._onClick() }, h("p-icon", { key: 'ccf65eb632cf527988558d62cb185358856215cf', class: 'flex shrink-0', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: '81a79c0cb95a9b91c0a26057545c5a10d605c062', class: 'my-0 shrink-0 whitespace-nowrap text-base font-medium' }, this.header), h("p-divider", { key: 'c2491c906fe7c966b03eb0ba956cfc99d2791c43', class: "flex-1" })), this.open && (h("div", { key: '2e7d5744c65a497c20db6015958bc7ffc0f77816', class: 'mt-4' }, h("slot", { key: 'c6b0f9796652ce793ac78d1215cce622ce846c2a' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

package/dist/components/p-accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-accordion.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,~~8kBAA8kB~~;;~~MCO/lB~~,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;AACrB;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;IACK,IAAI,GAAY,KAAK;AAE7B;;AAEG;IACK,SAAS,GAAY,IAAI;AAEjC;;AAEG;IACK,QAAQ,GAAY,IAAI;AAEhC;;AAEG;AAIH,IAAA,MAAM;IAEN,MAAM,GAAA;AACL,QAAA,QACC,~~CAAC~~,~~CAAA,~~IAAI,~~EAAC~~,EAAA,GAAA,EAAA,0CAAA,EAAA,~~KAAK~~,~~EAAC,aAAa,EAAA,EACxB,~~CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,~~yDAAyD~~,~~EAC/D~~,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAA,EAE9B,CACC,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,~~MAAM~~,~~EACZ~~,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,EAC1B,CAAA,EACF,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,~~2CAA2C~~,IAAE,IAAI,CAAC,MAAM,CAAK,~~EACtE~~,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,~~CAAa~~,~~CACR~~,EACL,IAAI,CAAC,IAAI,KACT,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAChB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACN,CACK;;IAID,QAAQ,GAAA;QACf,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;YACjC;;QAGD,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACjC;;AAGD,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;QACtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/~~deprecated/~~molecules/accordion/accordion.component.~~scss~~?tag=p-accordion&encapsulation=shadow","src/components/~~deprecated/~~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}
1	+ {"file":"p-accordion.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,gmBAAgmB;;MCOjnB,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;AACrB;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;IACK,IAAI,GAAY,KAAK;AAE7B;;AAEG;IACK,SAAS,GAAY,IAAI;AAEjC;;AAEG;IACK,QAAQ,GAAY,IAAI;AAEhC;;AAEG;AAIH,IAAA,MAAM;IAEN,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,4DAA4D,EAClE,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAA,EAE9B,CACC,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,EAC1B,CAAA,EACF,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,uDAAuD,IAAE,IAAI,CAAC,MAAM,CAAK,EAClF,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAW,KAAK,EAAC,QAAQ,EAAA,CAAG,CACvB,EACL,IAAI,CAAC,IAAI,KACT,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EAChB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACN,CACK;;IAID,QAAQ,GAAA;QACf,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE;YACjC;;QAGD,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACjC;;AAGD,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;QACtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/accordion/accordion.component.css?tag=p-accordion&encapsulation=shadow","src/components/molecules/accordion/accordion.component.tsx"],"sourcesContent":["","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-accordion',\n\tstyleUrl: 'accordion.component.css',\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>\n\t\t\t\t<div\n\t\t\t\t\tclass='flex cursor-pointer items-center gap-2 text-black-teal-500'\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 shrink-0'\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='my-0 shrink-0 whitespace-nowrap text-base font-medium'>{this.header}</p>\n\t\t\t\t\t<p-divider class=\"flex-1\" />\n\t\t\t\t</div>\n\t\t\t\t{this.open && (\n\t\t\t\t\t<div class='mt-4'>\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/components/p-attachment.js CHANGED Viewed

@@ -1,27 +1,75 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$7 } from './p-MQ5NAuIf.js';
-import { d as defineCustomElement$6 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$5 } from './p-DeKgadpt.js';
-import { d as defineCustomElement$4 } from './p-BFBKoX9I.js';
-import { d as defineCustomElement$3 } from './p-CUgIFdxM.js';
-import { d as defineCustomElement$2 } from './p-DNuBtBUG.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
+import { c as cva } from './p-CBWjHURv.js';
+import { c as cn } from './p-CT54OXR2.js';
+import { d as defineCustomElement$8 } from './p-A5puW8KH.js';
+import { d as defineCustomElement$7 } from './p-DlGX7eAs.js';
+import { d as defineCustomElement$6 } from './p-DNHN-J6Y.js';
+import { d as defineCustomElement$5 } from './p-cCxwgzDB.js';
+import { d as defineCustomElement$4 } from './p-C-1aZ7t0.js';
+import { d as defineCustomElement$3 } from './p-DfRQHBer.js';
+import { d as defineCustomElement$2 } from './p-DO22qLlU.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(0 255 0/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(255 20 147/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(0 255 255/var(--tw-text-opacity,1))!important}";
+const attachmentComponentCss = ".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-8{height:2rem!important}.w-full{width:100%!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}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-negative-red{--tw-border-opacity:1!important;border-color:rgb(230 30 30/var(--tw-border-opacity,1))!important}.bg-white-600{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.peer:empty~.peer-empty\\:block{display:block!important}";
+const attachment = cva([
+    'flex flex-1 items-center justify-start gap-2',
+    'h-8 min-w-0 px-2 rounded-lg',
+    'border border-solid bg-white-600'
+], {
+    variants: {
+        error: {
+            false: 'bg-white-600 border-black-teal-100 text-black-teal-200',
+            true: 'border-negative-red',
+        }
+    }
+});
 const Attachment = /*@__PURE__*/ proxyCustomElement(class Attachment extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.upload = createEvent(this, "upload", 3);
         this.download = createEvent(this, "download", 3);
         this.delete = createEvent(this, "delete", 3);
     }
     /**
-     * The variant of the button
+     * The value of the attachment (usually the file name)
+     */
+    value;
+    /**
+     * The label of the attachment
+     */
+    label;
+    /**
+     * The helper of the attachment
+     */
+    helper;
+    /**
+     * Wether the attachment is required
+     */
+    required = true;
+    /**
+     * The variant of the attachment
      */
     mode = 'read';
     /**
-     * Wether the attachment is uploading/loading
+     * The placeholder of the attachment
+     */
+    placeholder = 'Upload a file...';
+    /**
+     * The text for the download tooltip
+     */
+    downloadTooltip = 'Download';
+    /**
+     * The text for the upload tooltip
+     */
+    uploadTooltip = 'Upload';
+    /**
+     * The text for the delete tooltip
+     */
+    deleteTooltip = 'Delete';
+    /**
+     * Wether the attachment is loading
      */
     loading = false;
     /**
@@ -29,39 +77,49 @@ const Attachment = /*@__PURE__*/ proxyCustomElement(class Attachment extends H {
      */
     error;
     /**
-     * Event when download is pressed
+     * Event when upload is pressed
      */
-    download;
+    upload;
     /**
-     * Wether the attachment is downloading
+     * Event when download is pressed
      */
-    downloading = false;
+    download;
     /**
      * Event when delete is pressed
      */
     delete;
     render() {
-        let prefix = h("p-icon", { key: 'def137c598e0e276b1ffdf454558d23f9bae25c6', variant: 'attachment' });
+        let prefix = h("p-icon", { key: 'dec3ba45123c5d6ce59da6a1f96c9b9a3a3876ed', class: "text-black-teal-300", variant: 'attachment' });
         if (this.loading) {
-            prefix = h("p-loader", { key: 'aab139a1af8b25f5543bc5c400b7ddffae8344d5' });
+            prefix = h("p-loader", { key: '02cccf7922f00303b3077e588170b3aae7f6f27f' });
         }
         if (this.error) {
-            prefix = (h("p-icon", { key: 'd75d45c91d0381b596fa09f8e5ea1566550d823d', variant: 'warning', class: 'text-negative' }));
+            prefix = (h("p-icon", { key: 'db46c29fcf10ed6c2689bf33b6e4bf4a2cc82fca', variant: 'warning', class: 'text-negative-red' }));
         }
-        return (h(Host, { key: 'da98596fc2d3d60623e8546a1b8ec6545946f121', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'ed98ac40e4ea19582318163f9bbee32264e298bc', 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, h("span", { key: 'cd513662d10a37f155f9f365354f0e3c6829f0ac', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: 'ec40508c20a9fe41e4827b79e8c556747402de8b' })), this.error?.length && h("p-input-error", { key: 'aadbd4123d7713958d252c98e2a3a6a9f9f4262d', error: this.error })), h("p-button", { key: 'fec23acc0cf56d373140795ac1e737f1ccdeffb6', 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() })));
+        const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap  text-sm';
+        return (h("p-field-container", { key: '692a34d32a0c898597a023af15a3c1eb41cbcf9f', variant: "write", label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: 'e571150e73494149c716d6a80dbf1263b887b609', slot: "content", class: 'flex items-start gap-2 w-full' }, h("div", { key: 'a7f187728379b71a2adc7c6c26aacf0830a43ba1', class: attachment({
+                error: !!this.error?.length
+            }) }, prefix, h("span", { key: 'afb1e39187468e6594941c08ad3fc4416dd33335', class: cn(baseText, 'peer empty:hidden') }, this.value), h("span", { key: 'e134aceb211439def13e0990ce0c30eea90411e3', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: '7a162119958bf4324dbdc8492f041c05024ff2b8', content: this.mode === 'read' ? this.downloadTooltip : this.value?.length ? this.deleteTooltip : this.uploadTooltip }, h("p-button", { key: '0e07189d0275b197d3c73a3d78d0723aaa6b8bb9', slot: "trigger", variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : this.value?.length ? 'trash' : 'upload', disabled: this.loading, loading: this.loading, onOnClick: () => (this.mode === 'read' ? this.download : this.value?.length ? this.delete : this.upload).emit() })))));
     }
     static get style() { return attachmentComponentCss; }
 }, [1, "p-attachment", {
+        "value": [1],
+        "label": [1],
+        "helper": [1],
+        "required": [516],
         "mode": [1],
+        "placeholder": [1],
+        "downloadTooltip": [1, "download-tooltip"],
+        "uploadTooltip": [1, "upload-tooltip"],
+        "deleteTooltip": [1, "delete-tooltip"],
         "loading": [4],
-        "error": [1],
-        "downloading": [4]
+        "error": [1]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-attachment", "p-button", "p-icon", "p-input-error", "p-loader", "p-portal", "p-tooltip"];
+    const components = ["p-attachment", "p-button", "p-field-container", "p-helper", "p-icon", "p-loader", "p-portal", "p-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "p-attachment":
             if (!customElements.get(tagName)) {
@@ -69,16 +127,21 @@ function defineCustomElement$1() {
             }
             break;
         case "p-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "p-field-container":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "p-icon":
+        case "p-helper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "p-input-error":
+        case "p-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/dist/components/p-attachment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-attachment.js","mappings":"~~;;;;;;;;~~AAAA,MAAM,sBAAsB,GAAG~~,49BAA49B~~;;~~MCO9+B~~,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA~~;;;;;;;;~~AACtB;;AAEG;IACK,IAAI,GAAqB,MAAM;AAEvC;;AAEG;IACK,OAAO,GAAG,KAAK;AAEvB;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AAIH,IAAA,~~QAAQ~~;~~AAER~~;;AAEG;~~IACK~~,~~WAAW~~,~~GAAG,KAAK~~;~~AAE3B~~;;AAEG;AAIH,IAAA,MAAM;IAEN,MAAM,GAAA;~~AACL~~,~~QAAA,~~IAAI,MAAM,GAAG,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAC,YAAY,~~GAAG~~;~~AAE5C~~,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YACjB,MAAM,GAAG,kEAAY;;AAGtB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,MAAM,IACL,CACC,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,~~eAAe~~,~~EACpB~~,CAAA,CACF;;~~AAGF~~,QAAA,QACC,~~CAAC~~,CAAA,~~IAAI~~,~~EAAC~~,EAAA,GAAA,EAAA,0CAAA,EAAA,~~KAAK~~,EAAC,~~qCAAqC~~,EAAA,~~EAChD~~,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EACC~~,KAAK,EAAE,~~sFACN~~,~~IAAI,~~CAAC,KAAK,EAAE,~~MAAM~~,~~GAAG~~,~~eAAe~~,~~GAAG~~,~~mBACxC~~,~~CAAA~~,~~CAAE~~,EAAA,EAED,MAAM,EAEP,~~CAAM~~,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EAAA~~,KAAK,~~EAAC~~,~~gEAAgE~~,EAAA,~~EAC3E~~,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EAAA~~,~~CAAQ~~,~~CACF~~,~~EAEN~~,~~IAAI,~~CAAC,~~KAAK~~,EAAE,~~MAAM~~,IAAI,CAAA,CAAA,~~eAAA~~,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EAAe~~,~~KAAK~~,EAAE,IAAI,CAAC,KAAK,~~EAAA~~,~~CAAI~~,~~CACtD~~,~~EAEN~~,~~CAAA~~,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,~~EACC~~,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,~~EAE3D~~,~~CAAA~~,~~CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/~~deprecated/~~molecules/attachment/attachment.component.~~scss~~?tag=p-attachment&encapsulation=shadow","src/components/~~deprecated/~~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}
1	+ {"file":"p-attachment.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/attachment/attachment.component.css?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, Prop } from '@stencil/core';\nimport { cn } from '../../../utils';\nimport { cva } from 'class-variance-authority';\n\nconst attachment = cva([\n\t\t'flex flex-1 items-center justify-start gap-2',\n\t\t'h-8 min-w-0 px-2 rounded-lg',\n\t\t'border border-solid bg-white-600'\n\t], {\n\t\tvariants: {\n\t\t\terror: {\n\t\t\t\tfalse: 'bg-white-600 border-black-teal-100 text-black-teal-200',\n\t\t\t\ttrue: 'border-negative-red',\n\t\t\t}\n\t\t}\n\t})\n\n@Component({\n\ttag: 'p-attachment',\n\tstyleUrl: 'attachment.component.css',\n\tshadow: true,\n})\nexport class Attachment {\n\t/*\n\t The value of the attachment (usually the file name)\n\t /\n\t@Prop() value: string;\n\n\t/\n\t The label of the attachment\n\t /\n\t@Prop() label: string \| HTMLSlotElement;\n\n\t/\n\t The helper of the attachment\n\t /\n\t@Prop() helper: string \| HTMLSlotElement;\n\n\t/\n\t Wether the attachment is required\n\t /\n\t@Prop({ reflect: true }) required = true;\n\n\n\t/\n\t The variant of the attachment\n\t /\n\t@Prop() mode: 'read' \| 'write' = 'read';\n\n\t/\n\t The placeholder of the attachment\n\t /\n\t@Prop() placeholder: string = 'Upload a file...';\n\n\t/\n\t The text for the download tooltip\n\t /\n\t@Prop() downloadTooltip: string = 'Download';\n\n\t/\n\t The text for the upload tooltip\n\t /\n\t@Prop() uploadTooltip: string = 'Upload';\n\n\t/\n\t The text for the delete tooltip\n\t /\n\t@Prop() deleteTooltip: string = 'Delete';\n\n\t/\n\t Wether the attachment is 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 upload is pressed\n\t /\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tupload: EventEmitter<void>;\n\n\t/\n\t Event when download is pressed\n\t /\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdownload: EventEmitter<void>;\n\n\t/\n\t Event when delete is pressed\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdelete: EventEmitter<void>;\n\n\trender() {\n\t\tlet prefix = <p-icon class=\"text-black-teal-300\" 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-red'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\tconst baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm'\n\t\treturn (\n\t\t\t<p-field-container variant=\"write\" label={this.label} helper={this.helper} error={this.error} required={this.required} forceShowTooltip={!!this.error?.length}>\n\t\t\t\t<div slot=\"content\" class='flex items-start gap-2 w-full'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={attachment({\n\t\t\t\t\t\t\terror: !!this.error?.length\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{prefix}\n\n\t\t\t\t\t\t<span class={cn(baseText, 'peer empty:hidden')}>\n\t\t\t\t\t\t\t{this.value}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t<span class={cn(baseText, 'hidden peer-empty:block')}>\n\t\t\t\t\t\t\t{this.placeholder}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-tooltip content={this.mode === 'read' ? this.downloadTooltip : this.value?.length ? this.deleteTooltip : this.uploadTooltip}>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tslot=\"trigger\"\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\ticon={this.mode === 'read' ? 'download' : this.value?.length ? 'trash' : 'upload'}\n\t\t\t\t\t\t\tdisabled={this.loading}\n\t\t\t\t\t\t\tloading={this.loading}\n\t\t\t\t\t\t\tonOnClick={() =>\n\t\t\t\t\t\t\t\t(this.mode === 'read' ? this.download : this.value?.length ? this.delete : this.upload).emit()\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</p-tooltip>\n\t\t\t\t</div>\n\t\t\t</p-field-container>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-avatar-group.js CHANGED Viewed

@@ -12,7 +12,7 @@ const AvatarGroup = /*@__PURE__*/ proxyCustomElement(class AvatarGroup extends H
      */
     extra;
     render() {
-        return (h(Host, { key: '98cbfa261d6942f36b32314cb9dadaacefc39f20', class: 'p-avatar-group flex items-center -space-x-1 overflow-hidden' }, h("slot", { key: '7ee8547e8c969b9bc971ad021b1521f4c5271088' }), this.extra && (h("span", { key: '475e7c321ab919548b5d63db754c75269361c33a', class: 'pl-3 text-sm text-black-teal-300' }, "+", this.extra))));
+        return (h(Host, { key: 'a655a30ba5ca81a818f5fecbd8c14a8f78648f7f', class: 'flex items-center -space-x-1 overflow-hidden' }, h("slot", { key: '453baef77ee25453e597a0c747d1628ea15c5315' }), this.extra && (h("span", { key: 'da33781401f0254a74d1b2a1990fed154ee4a80c', class: 'pl-3 text-sm text-black-teal-300' }, "+", this.extra))));
     }
     static get style() { return avatarGroupComponentCss; }
 }, [4, "p-avatar-group", {

package/dist/components/p-avatar-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-avatar-group.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,wIAAwI;;MCM3J,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;AACvB;;AAEG;AACK,IAAA,KAAK;IAEb,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,~~6DAA6D~~,EAAA,~~EACxE~~,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAEP,IAAI,CAAC,KAAK,KACV,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EAAA,OAAG,IAAI,CAAC,KAAK,CAAQ,CACnE,CACK;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/avatar/avatar-group/avatar-group.component.css?tag=p-avatar-group","src/components/atoms/avatar/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.css',\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}
1	+ {"file":"p-avatar-group.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,wIAAwI;;MCM3J,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;AACvB;;AAEG;AACK,IAAA,KAAK;IAEb,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8CAA8C,EAAA,EACzD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAEP,IAAI,CAAC,KAAK,KACV,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kCAAkC,EAAA,OAAG,IAAI,CAAC,KAAK,CAAQ,CACnE,CACK;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/avatar/avatar-group/avatar-group.component.css?tag=p-avatar-group","src/components/atoms/avatar/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.css',\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='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/components/p-avatar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { A as Avatar, d as defineCustomElement$1 } from './p-CErvgq5z.js';
+import { A as Avatar, d as defineCustomElement$1 } from './p-FJZcncHr.js';
 const PAvatar = Avatar;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-BELUs4d5.js → p-b3Miuuib.js} RENAMED Viewed

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
-import { c as cva } from './p-4hDfHOnN.js';
-import { d as defineCustomElement$2, a as defaultSize, b as defaultSizeOptions } from './p-DQsUJhL8.js';
-import { d as defineCustomElement$b } from './p-B-dtByez.js';
-import { d as defineCustomElement$a } from './p-CEoo55FK.js';
-import { d as defineCustomElement$9 } from './p-D2Em0Yy7.js';
-import { d as defineCustomElement$8 } from './p-D09jozUL.js';
-import { d as defineCustomElement$7 } from './p-DlFumKvb.js';
-import { d as defineCustomElement$6 } from './p-CQcp92mr.js';
-import { d as defineCustomElement$5 } from './p-tf3ZTq-9.js';
-import { d as defineCustomElement$4 } from './p-BmuXuYR6.js';
-import { d as defineCustomElement$3 } from './p-DH9lFbRX.js';
-import { d as defineCustomElement$1 } from './p-CUgIFdxM.js';
+import { c as cva } from './p-CBWjHURv.js';
+import { d as defineCustomElement$2, a as defaultSize, b as defaultSizeOptions } from './p-Cp8IEnaB.js';
+import { d as defineCustomElement$b } from './p-192xXCKV.js';
+import { d as defineCustomElement$a } from './p-Cv1xoKQ6.js';
+import { d as defineCustomElement$9 } from './p-BP1aeBcW.js';
+import { d as defineCustomElement$8 } from './p-CA6-0EkK.js';
+import { d as defineCustomElement$7 } from './p-Bxt_h1P2.js';
+import { d as defineCustomElement$6 } from './p-cCxwgzDB.js';
+import { d as defineCustomElement$5 } from './p-CgHBpaJ2.js';
+import { d as defineCustomElement$4 } from './p-Cr5nmZn3.js';
+import { d as defineCustomElement$3 } from './p-D7OHNXA8.js';
+import { d as defineCustomElement$1 } from './p-DfRQHBer.js';
 const tableFooterComponentCss = ".sticky{position:sticky!important}.z-\\[1\\]{z-index:1!important}*{box-sizing:border-box}:host{--tw-content:\"\";position:sticky;z-index:1}.static{position:static!important}.relative{position:relative!important}.z-\\[2\\]{z-index:2!important}.flex{display:flex!important}.hidden{display:none!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-8{padding-bottom:2rem!important;padding-top:2rem!important}.after\\:absolute:after{content:var(--tw-content)!important;position:absolute!important}.after\\:left-0:after{content:var(--tw-content)!important;left:0!important}.after\\:top-0:after{content:var(--tw-content)!important;top:0!important}.after\\:z-\\[0\\]:after{content:var(--tw-content)!important;z-index:0!important}.after\\:h-full:after{content:var(--tw-content)!important;height:100%!important}.after\\:w-full:after{content:var(--tw-content)!important;width:100%!important}.after\\:bg-gradient-to-t:after{background-image:linear-gradient(to top,var(--tw-gradient-stops))!important;content:var(--tw-content)!important}.after\\:from-white:after{--tw-gradient-from:#fff var(--tw-gradient-from-position)!important;--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.after\\:via-white\\/80:after{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.after\\:to-transparent:after{--tw-gradient-to:transparent var(--tw-gradient-to-position)!important;content:var(--tw-content)!important}.after\\:opacity-0:after{content:var(--tw-content)!important;opacity:0!important}.after\\:opacity-100:after{content:var(--tw-content)!important;opacity:1!important}.after\\:transition-opacity:after{content:var(--tw-content)!important;transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";
@@ -104,11 +104,11 @@ const TableFooter = /*@__PURE__*/ proxyCustomElement(class TableFooter extends H
         }
     }
     render() {
-        return (h("div", { key: '9c3088d515e1b59652211d6422b8937a2f038993', class: footer({
+        return (h("div", { key: '64fb667bacb7413a6ae576a928790af1298e7507', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: 'd3c3c3cd2d2f14cf7a7a1bd5c712b86709e4838e', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+            this.total > 0 && (h("p-pagination", { key: '5d0aafbf67808e586a36c0ed704b5964133163ad', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -216,6 +216,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { TableFooter as T, defineCustomElement as d };
-//# sourceMappingURL=p-BELUs4d5.js.map
+//# sourceMappingURL=p-b3Miuuib.js.map
-//# sourceMappingURL=p-BELUs4d5.js.map
+//# sourceMappingURL=p-b3Miuuib.js.map

package/dist/components/{p-BELUs4d5.js.map → p-b3Miuuib.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BELUs4d5~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/footer/table-footer.component.css?tag=p-table-footer&encapsulation=shadow","src/components/molecules/table/footer/table-footer.component.tsx"],"sourcesContent":[":host {\n\t@apply sticky;\n\t@apply z-[1];\n\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tProp,\n\tElement,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tdefaultSize,\n\tdefaultSizeOptions,\n} from '../../../molecules/pagination/size/constants';\n\nconst footer = cva(\n\t[\n\t\t'justify-center relative',\n\t\t'w-full py-8 px-6',\n\t\t'after:absolute after:top-0 after:left-0 after:z-[0]',\n\t\t'after:w-full after:h-full after:transition-opacity',\n\t\t'after:bg-gradient-to-t after:from-white after:via-white/80 after:to-transparent',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tpinned: {\n\t\t\t\tfalse: 'after:opacity-0',\n\t\t\t\ttrue: 'after:opacity-100',\n\t\t\t},\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-table-footer',\n\tstyleUrl: 'table-footer.component.css',\n\tshadow: true,\n})\nexport class TableFooter {\n\t/*\n\t Wether to enable pagination size select\n\t /\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/\n\t Wether to enable pagination pages\n\t /\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/\n\t Wether we want to show loading state\n\t /\n\t@Prop() loading: boolean = false;\n\n\t/\n\t The current page\n\t /\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/\n\t The total amount of items\n\t /\n\t@Prop() total!: number;\n\n\t/\n\t Event whenever the page changes\n\t /\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/\n\t The amount of items per page\n\t /\n\t@Prop() pageSize: number = defaultSize;\n\n\t/\n\t The options for the page size\n\t /\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/\n\t Event whenever the page changes\n\t /\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/\n\t Event whenever the footer is hidden or nog\n\t /\n\t@Event({\n\t\tbubbles: false,\n\t})\n\thiddenChange: EventEmitter<boolean>;\n\n\t/\n\t Wether to hide when there is only 1 page available\n\t /\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/\n\t The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _isPinned = false;\n\t@State() private _hasPaginationPages = true;\n\n\tprivate _hidePageSizeSelect = false;\n\tprivate _hidden = false;\n\n\tcomponentDidLoad() {\n\t\tthis._checkStuck();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\tconst hidden =\n\t\t\t(this._hidePageSizeSelect && !this._hasPaginationPages) \|\|\n\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages);\n\n\t\tif (hidden !== this._hidden) {\n\t\t\tthis._hidden = hidden;\n\t\t\tthis.hiddenChange.emit(hidden);\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={footer({\n\t\t\t\t\tpinned: this._isPinned,\n\t\t\t\t\thidden: this._hidden,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{(this.enablePaginationPages \|\| this.enablePaginationSize) &&\n\t\t\t\t\tthis.total > 0 && (\n\t\t\t\t\t\t<p-pagination\n\t\t\t\t\t\t\tclass='z-[2]'\n\t\t\t\t\t\t\tenablePaginationSize={this.enablePaginationSize}\n\t\t\t\t\t\t\tenablePaginationPages={this.enablePaginationPages}\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\tpageSizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonPageSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tonPagesChange={({ detail }) =>\n\t\t\t\t\t\t\t\t(this._hasPaginationPages = detail > 1)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n\n\tprivate _checkStuck() {\n\t\tconst rect = this._el.getBoundingClientRect();\n\t\tconst layout = document.querySelector('p-layout');\n\n\t\tif (layout) {\n\t\t\tconst innerContent = layout.shadowRoot.querySelector('.content');\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst layoutPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${layoutPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${layoutPaddingBottom - 1}px`;\n\t\t}\n\n\t\tthis._isPinned = window.innerHeight - rect.bottom == 0;\n\t}\n\n\t@Listen('scroll', { target: 'window' })\n\tonScroll() {\n\t\tthis._checkStuck();\n\t}\n}\n"],"version":3}
1	+ {"file":"p-b3Miuuib.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/footer/table-footer.component.css?tag=p-table-footer&encapsulation=shadow","src/components/molecules/table/footer/table-footer.component.tsx"],"sourcesContent":[":host {\n\t@apply sticky;\n\t@apply z-[1];\n\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tProp,\n\tElement,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tdefaultSize,\n\tdefaultSizeOptions,\n} from '../../../molecules/pagination/size/constants';\n\nconst footer = cva(\n\t[\n\t\t'justify-center relative',\n\t\t'w-full py-8 px-6',\n\t\t'after:absolute after:top-0 after:left-0 after:z-[0]',\n\t\t'after:w-full after:h-full after:transition-opacity',\n\t\t'after:bg-gradient-to-t after:from-white after:via-white/80 after:to-transparent',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tpinned: {\n\t\t\t\tfalse: 'after:opacity-0',\n\t\t\t\ttrue: 'after:opacity-100',\n\t\t\t},\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-table-footer',\n\tstyleUrl: 'table-footer.component.css',\n\tshadow: true,\n})\nexport class TableFooter {\n\t/*\n\t Wether to enable pagination size select\n\t /\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/\n\t Wether to enable pagination pages\n\t /\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/\n\t Wether we want to show loading state\n\t /\n\t@Prop() loading: boolean = false;\n\n\t/\n\t The current page\n\t /\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/\n\t The total amount of items\n\t /\n\t@Prop() total!: number;\n\n\t/\n\t Event whenever the page changes\n\t /\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/\n\t The amount of items per page\n\t /\n\t@Prop() pageSize: number = defaultSize;\n\n\t/\n\t The options for the page size\n\t /\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/\n\t Event whenever the page changes\n\t /\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/\n\t Event whenever the footer is hidden or nog\n\t /\n\t@Event({\n\t\tbubbles: false,\n\t})\n\thiddenChange: EventEmitter<boolean>;\n\n\t/\n\t Wether to hide when there is only 1 page available\n\t /\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/\n\t The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _isPinned = false;\n\t@State() private _hasPaginationPages = true;\n\n\tprivate _hidePageSizeSelect = false;\n\tprivate _hidden = false;\n\n\tcomponentDidLoad() {\n\t\tthis._checkStuck();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\tconst hidden =\n\t\t\t(this._hidePageSizeSelect && !this._hasPaginationPages) \|\|\n\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages);\n\n\t\tif (hidden !== this._hidden) {\n\t\t\tthis._hidden = hidden;\n\t\t\tthis.hiddenChange.emit(hidden);\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={footer({\n\t\t\t\t\tpinned: this._isPinned,\n\t\t\t\t\thidden: this._hidden,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{(this.enablePaginationPages \|\| this.enablePaginationSize) &&\n\t\t\t\t\tthis.total > 0 && (\n\t\t\t\t\t\t<p-pagination\n\t\t\t\t\t\t\tclass='z-[2]'\n\t\t\t\t\t\t\tenablePaginationSize={this.enablePaginationSize}\n\t\t\t\t\t\t\tenablePaginationPages={this.enablePaginationPages}\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\tpageSizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonPageSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tonPagesChange={({ detail }) =>\n\t\t\t\t\t\t\t\t(this._hasPaginationPages = detail > 1)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n\n\tprivate _checkStuck() {\n\t\tconst rect = this._el.getBoundingClientRect();\n\t\tconst layout = document.querySelector('p-layout');\n\n\t\tif (layout) {\n\t\t\tconst innerContent = layout.shadowRoot.querySelector('.content');\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst layoutPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${layoutPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${layoutPaddingBottom - 1}px`;\n\t\t}\n\n\t\tthis._isPinned = window.innerHeight - rect.bottom == 0;\n\t}\n\n\t@Listen('scroll', { target: 'window' })\n\tonScroll() {\n\t\tthis._checkStuck();\n\t}\n}\n"],"version":3}

package/dist/components/p-backdrop.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { B as Backdrop, d as defineCustomElement$1 } from './p-BlzjYdn5.js';
+import { B as Backdrop, d as defineCustomElement$1 } from './p-D4wHNR58.js';
 const PBackdrop = Backdrop;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-badge.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { B as Badge, d as defineCustomElement$1 } from './p-BEuvmIBQ.js';
+import { B as Badge, d as defineCustomElement$1 } from './p-BE9wqNth.js';
 const PBadge = Badge;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-button-group.js CHANGED Viewed

@@ -17,7 +17,7 @@ const ButtonGroup = /*@__PURE__*/ proxyCustomElement(class ButtonGroup extends H
         this._checkButtons();
     }
     render() {
-        return (h(Host, { key: '6c5de15c13400b1c3bc55dad5e22765287d81beb', class: 'p-button-group flex items-center' }, h("slot", { key: '1feeec7fa0ba41158c600e6cdb8a9286aad16d59' })));
+        return (h(Host, { key: 'ab5bdc3222cad85c88814667c592b4eda8c6c66d', class: 'flex items-center' }, h("slot", { key: '7fef79974f2f6215953833f39125db3e43193ddb' })));
     }
     slotchange() {
         this._checkButtons();

package/dist/components/p-button-group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-button-group.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,oIAAoI;;MCQvJ,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACK,IAAI,GAAyB,MAAM;;IAO3C,iBAAiB,GAAA;QAChB,IAAI,CAAC,aAAa,EAAE;;IAGrB,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,~~kCAAkC~~,EAAA,~~EAC7C~~,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;IAKT,UAAU,GAAA;QACT,IAAI,CAAC,aAAa,EAAE;;IAGb,aAAa,GAAA;AACpB,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAC3B;AAEpB,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,YAAA,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;AAEzB,YAAA,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI;;AAGvB,YAAA,IAAI,CAAC,KAAK,CAAC,EAAE;AACZ,gBAAA,MAAM,CAAC,mBAAmB,GAAG,OAAO;gBACpC;;;YAID,IAAI,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;AAC7B,gBAAA,MAAM,CAAC,mBAAmB,GAAG,KAAK;gBAClC;;;AAID,YAAA,MAAM,CAAC,mBAAmB,GAAG,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/button-group/button-group.component.css?tag=p-button-group&encapsulation=shadow","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\tstyleUrl: 'button-group.component.css',\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}
1	+ {"file":"p-button-group.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,oIAAoI;;MCQvJ,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACK,IAAI,GAAyB,MAAM;;IAO3C,iBAAiB,GAAA;QAChB,IAAI,CAAC,aAAa,EAAE;;IAGrB,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC9B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;IAKT,UAAU,GAAA;QACT,IAAI,CAAC,aAAa,EAAE;;IAGb,aAAa,GAAA;AACpB,QAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAC3B;AAEpB,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,YAAA,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;AAEzB,YAAA,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI;;AAGvB,YAAA,IAAI,CAAC,KAAK,CAAC,EAAE;AACZ,gBAAA,MAAM,CAAC,mBAAmB,GAAG,OAAO;gBACpC;;;YAID,IAAI,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;AAC7B,gBAAA,MAAM,CAAC,mBAAmB,GAAG,KAAK;gBAClC;;;AAID,YAAA,MAAM,CAAC,mBAAmB,GAAG,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/button-group/button-group.component.css?tag=p-button-group&encapsulation=shadow","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\tstyleUrl: 'button-group.component.css',\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='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}

package/dist/components/p-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { B as Button, d as defineCustomElement$1 } from './p-MQ5NAuIf.js';
+import { B as Button, d as defineCustomElement$1 } from './p-A5puW8KH.js';
 const PButton = Button;
 const defineCustomElement = defineCustomElement$1;