@paperless/core 2.0.1-beta.67 → 2.0.1-beta.68

package/dist/components/p-CXOTEz6R.js

@@ -0,0 +1,123 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-BLaYz0fg.js';
+import { c as cva } from './p-4hDfHOnN.js';
+import { a as asBoolean } from './p-C5CTp9IA.js';
+import { d as defineCustomElement$4 } from './p-B6UH3J7_.js';
+import { d as defineCustomElement$3 } from './p-BsgE1XSo.js';
+import { d as defineCustomElement$2 } from './p-CvN6yR0y.js';
+import { d as defineCustomElement$1 } from './p-DHB3oMcL.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 emptyState = cva(['flex flex-col w-full items-center justify-start max-w-[20rem]'], {
+    variants: {
+        enableAction: {
+            true: 'cursor-pointer',
+            false: null,
+        },
+    },
+});
+const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.action = createEvent(this, "action", 7);
+    }
+    /**
+     * The variant of the illustration
+     */
+    illustration;
+    /**
+     * The header of the empty state
+     */
+    header;
+    /**
+     * The content of the empty state
+     */
+    content;
+    /**
+     * Wether to enable the action button
+     */
+    enableAction = true;
+    /**
+     * The text on the action button
+     */
+    actionText;
+    /**
+     * The variant of the action
+     */
+    actionVariant = 'secondary';
+    /**
+     * The icon for the action button
+     */
+    actionIcon;
+    /**
+     * Wether the action is loading
+     */
+    actionLoading = false;
+    /**
+     * The text on the action button
+     */
+    action;
+    get _el() { return this; }
+    render() {
+        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: '5559fc28fffdff8151ac005237312f753ff56295', class: emptyState({
+                enableAction: asBoolean(this.enableAction, true),
+            }), onClick: ev => this.enableAction && !this.actionLoading
+                ? this.action.emit(ev)
+                : undefined }, this.illustration && (h("p-illustration", { key: '3a9e6bdb19248a5ec230a012c62cc0b13b6efd29', 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; }
+}, [1, "p-empty-state", {
+        "illustration": [8],
+        "header": [1],
+        "content": [1],
+        "enableAction": [4, "enable-action"],
+        "actionText": [1, "action-text"],
+        "actionVariant": [1, "action-variant"],
+        "actionIcon": [1, "action-icon"],
+        "actionLoading": [4, "action-loading"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-empty-state", "p-button", "p-icon", "p-illustration", "p-loader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-empty-state":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EmptyState);
+            }
+            break;
+        case "p-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "p-illustration":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "p-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { EmptyState as E, defineCustomElement as d };
+//# sourceMappingURL=p-CXOTEz6R.js.map
+
+//# sourceMappingURL=p-CXOTEz6R.js.map

package/dist/components/p-CXOTEz6R.js.map

@@ -0,0 +1 @@
+{"file":"p-CXOTEz6R.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}

package/dist/components/{p-B_WpyKGD.js → p-CXQeKCvt.js}

@@ -17,7 +17,7 @@ const StepperLine = /*@__PURE__*/ proxyCustomElement(class StepperLine extends H
      */
     direction = 'horizontal';
     render() {
-        return h(Host, { key: 'ffc0cbfb4c34dfd63323ec045e915b78e2a1fc27', class: "p-stepper-line" });
+        return h(Host, { key: '3ca96d82dc2971eb3b3d7845c0d69c1ffcfc8ba5', class: "p-stepper-line" });
     }
     static get style() { return stepperLineComponentCss; }
 }, [1, "p-stepper-line", {
@@ -40,6 +40,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { StepperLine as S, defineCustomElement as d };
-//# sourceMappingURL=p-B_WpyKGD.js.map
+//# sourceMappingURL=p-CXQeKCvt.js.map
 
-//# sourceMappingURL=p-B_WpyKGD.js.map
+//# sourceMappingURL=p-CXQeKCvt.js.map

package/dist/components/{p-B_WpyKGD.js.map → p-CXQeKCvt.js.map}

@@ -1 +1 @@
-{"file":"p-B_WpyKGD.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,qzCAAqzC;;MCOx0C,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,MAAM,GAAY,KAAK;AAEhD;;AAEG;IACsB,SAAS,GACjC,YAAY;IAEb,MAAM,GAAA;AACL,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,gBAAgB,GAAQ;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/stepper/line/stepper-line.component.scss?tag=p-stepper-line&encapsulation=shadow","src/components/deprecated/atoms/stepper/line/stepper-line.component.tsx"],"sourcesContent":[":host {\n\t@apply flex-auto;\n\t@apply transition duration-500 ease-in-out;\n\n\t@apply block;\n\n\t@apply bg-mystic-dark;\n}\n\n:host([direction='horizontal']) {\n\t@apply mb-[calc(.5rem-1px)] h-[2px];\n}\n\n:host([direction='vertical']) {\n\t@apply ml-[calc(.5rem-1px)] mr-[calc(.5rem-1px)] min-h-[1rem] w-[2px];\n}\n\n:host([active]) {\n\t@apply bg-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-line',\n\tstyleUrl: 'stepper-line.component.scss',\n\tshadow: true,\n})\nexport class StepperLine {\n\t/**\n\t * Wether the line is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\t/**\n\t * The direction of the stepper line\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\trender() {\n\t\treturn <Host class=\"p-stepper-line\"></Host>;\n\t}\n}\n"],"version":3}
+{"file":"p-CXQeKCvt.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,qzCAAqzC;;MCOx0C,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,MAAM,GAAY,KAAK;AAEhD;;AAEG;IACsB,SAAS,GACjC,YAAY;IAEb,MAAM,GAAA;AACL,QAAA,OAAO,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAC,gBAAgB,GAAQ;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/deprecated/atoms/stepper/line/stepper-line.component.scss?tag=p-stepper-line&encapsulation=shadow","src/components/deprecated/atoms/stepper/line/stepper-line.component.tsx"],"sourcesContent":[":host {\n\t@apply flex-auto;\n\t@apply transition duration-500 ease-in-out;\n\n\t@apply block;\n\n\t@apply bg-mystic-dark;\n}\n\n:host([direction='horizontal']) {\n\t@apply mb-[calc(.5rem-1px)] h-[2px];\n}\n\n:host([direction='vertical']) {\n\t@apply ml-[calc(.5rem-1px)] mr-[calc(.5rem-1px)] min-h-[1rem] w-[2px];\n}\n\n:host([active]) {\n\t@apply bg-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-line',\n\tstyleUrl: 'stepper-line.component.scss',\n\tshadow: true,\n})\nexport class StepperLine {\n\t/**\n\t * Wether the line is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\t/**\n\t * The direction of the stepper line\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\trender() {\n\t\treturn <Host class=\"p-stepper-line\"></Host>;\n\t}\n}\n"],"version":3}

package/dist/components/{p-BHsxyPvY.js → p-CbfyNDgs.js}

@@ -9,7 +9,7 @@ const NavigationTitle = /*@__PURE__*/ proxyCustomElement(class NavigationTitle e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '1673e0585dbdd07cfab2d1c118db14a498148006', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '77db6034a744c3b0b28a76815cd076fbad8bb59c' })));
+        return (h(Host, { key: '09317724a6ceb2281ca9cacd54b7f8e1598e69ad', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '1b3eb9926e3141614c13925fc7144a873a08debc' })));
     }
     static get style() { return navigationTitleComponentCss; }
 }, [1, "p-navigation-title"]);
@@ -29,6 +29,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { NavigationTitle as N, defineCustomElement as d };
-//# sourceMappingURL=p-BHsxyPvY.js.map
+//# sourceMappingURL=p-CbfyNDgs.js.map
 
-//# sourceMappingURL=p-BHsxyPvY.js.map
+//# sourceMappingURL=p-CbfyNDgs.js.map

package/dist/components/{p-BHsxyPvY.js.map → p-CbfyNDgs.js.map}

@@ -1 +1 @@
-{"file":"p-BHsxyPvY.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,+QAA+Q;;MCOtS,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;IAC3B,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4DAA4D,EAAA,EACvE,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/navigation-title/navigation-title.component.css?tag=p-navigation-title&encapsulation=shadow","src/components/atoms/navigation-title/navigation-title.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.css',\n\tshadow: true,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-title text-xs font-medium text-black-teal-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-CbfyNDgs.js","mappings":";;AAAA,MAAM,2BAA2B,GAAG,+QAA+Q;;MCOtS,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;IAC3B,MAAM,GAAA;QACL,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,4DAA4D,EAAA,EACvE,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/navigation-title/navigation-title.component.css?tag=p-navigation-title&encapsulation=shadow","src/components/atoms/navigation-title/navigation-title.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.css',\n\tshadow: true,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-title text-xs font-medium text-black-teal-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-CpTXv4Vc.js → p-ChwJzY70.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$2 } from './p-C0kL1elG.js';
+import { d as defineCustomElement$2 } from './p-BsgE1XSo.js';
 import { d as defineCustomElement$1 } from './p-DHB3oMcL.js';
 
 const floatingMenuItemComponentCss = ".flex{display:flex!important}.h-6{height:1.5rem!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.opacity-40{opacity:.4!important}*{box-sizing:border-box}.min-w-0{min-width:0!important}.cursor-not-allowed{cursor:not-allowed!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.font-semibold{font-weight:600!important}.text-dark-teal-200{--tw-text-opacity:1!important;color:rgb(153 185 182/var(--tw-text-opacity,1))!important}.text-dark-teal-300{--tw-text-opacity:1!important;color:rgb(102 151 145/var(--tw-text-opacity,1))!important}.opacity-60{opacity:.6!important}.group:hover .group-hover\\:text-dark-teal-100,.hover\\:text-dark-teal-100:hover{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}";
@@ -82,10 +82,10 @@ const FloatingMenuItem = /*@__PURE__*/ proxyCustomElement(class FloatingMenuItem
      */
     iconRotate;
     render() {
-        return (h(Host, { key: 'deace63755f5100ca60c518b062c8626ce1088d8', class: item({
+        return (h(Host, { key: '60685b7bb38aa7f475d6fb3d52dda86a7c6732c6', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: '4b30fd925f7890a7a23e854af080589c01263dbb', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: 'f3e582baddd191417c30da09dbc77833fce7c0b3' }))));
+            }) }, this._getIcon(), h("p", { key: 'f3ca281f99c6bbc0fe4bdd343980669c1b2ea8b5', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold' }, h("slot", { key: '91098362096ebb86b8461500a3d0517aee3f9633' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {
@@ -135,6 +135,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FloatingMenuItem as F, defineCustomElement as d };
-//# sourceMappingURL=p-CpTXv4Vc.js.map
+//# sourceMappingURL=p-ChwJzY70.js.map
 
-//# sourceMappingURL=p-CpTXv4Vc.js.map
+//# sourceMappingURL=p-ChwJzY70.js.map

package/dist/components/{p-CpTXv4Vc.js.map → p-ChwJzY70.js.map}

@@ -1 +1 @@
-{"file":"p-CpTXv4Vc.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/floating-menu/item/floating-menu-item.component.css?tag=p-floating-menu-item","src/components/atoms/floating-menu/item/floating-menu-item.component.tsx"],"sourcesContent":["/* :host { */\n/* \t@apply flex h-6 items-center gap-2 whitespace-nowrap text-sm text-storm-vague; */\n/* } */\n/**/\n/* :host([hover]) { */\n/* \t@apply cursor-pointer font-semibold; */\n/* } */\n/**/\n/* :host([disabled]), */\n/* :host([disabled='true']) { */\n/* \t@apply opacity-40 pointer-events-none; */\n/* } */\n/**/\n/* :host([hover]:hover:not([disabled])) { */\n/* \t@apply text-white; */\n/* } */\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { RotateOptions } from '../../../../types';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst item = cva(\n\t[\n\t\t'p-floating-menu-item group',\n\t\t'flex gap-2 items-center h-6',\n\t\t'text-sm text-dark-teal-300',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'opacity-60 cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'cursor-pointer hover:text-dark-teal-100',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva(['text-dark-teal-200'], {\n\tvariants: {\n\t\thover: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tdisabled: false,\n\t\t\thover: true,\n\t\t\tclass: 'group-hover:text-dark-teal-100',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-floating-menu-item',\n\tstyleUrl: 'floating-menu-item.component.css',\n})\nexport class FloatingMenuItem {\n\t/**\n\t * Wether it should have a hover effect\n\t */\n\t@Prop() hover: boolean = true;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Wether loading is applied\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Icon to show on the item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'end';\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\treturn (\n\t\t\t<Host\n\t\t\t\tclass={item({\n\t\t\t\t\thover: asBoolean(this.hover) && !asBoolean(this.loading),\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._getIcon()}\n\n\t\t\t\t<p class='min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold'>\n\t\t\t\t\t<slot />\n\t\t\t\t</p>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon && !this.loading) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.loading) {\n\t\t\treturn <p-loader color='white' />;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\thover: asBoolean(this.hover),\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-ChwJzY70.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/floating-menu/item/floating-menu-item.component.css?tag=p-floating-menu-item","src/components/atoms/floating-menu/item/floating-menu-item.component.tsx"],"sourcesContent":["/* :host { */\n/* \t@apply flex h-6 items-center gap-2 whitespace-nowrap text-sm text-storm-vague; */\n/* } */\n/**/\n/* :host([hover]) { */\n/* \t@apply cursor-pointer font-semibold; */\n/* } */\n/**/\n/* :host([disabled]), */\n/* :host([disabled='true']) { */\n/* \t@apply opacity-40 pointer-events-none; */\n/* } */\n/**/\n/* :host([hover]:hover:not([disabled])) { */\n/* \t@apply text-white; */\n/* } */\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { RotateOptions } from '../../../../types';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst item = cva(\n\t[\n\t\t'p-floating-menu-item group',\n\t\t'flex gap-2 items-center h-6',\n\t\t'text-sm text-dark-teal-300',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'opacity-60 cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\thover: true,\n\t\t\t\tclass: 'cursor-pointer hover:text-dark-teal-100',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst icon = cva(['text-dark-teal-200'], {\n\tvariants: {\n\t\thover: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tdisabled: false,\n\t\t\thover: true,\n\t\t\tclass: 'group-hover:text-dark-teal-100',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-floating-menu-item',\n\tstyleUrl: 'floating-menu-item.component.css',\n})\nexport class FloatingMenuItem {\n\t/**\n\t * Wether it should have a hover effect\n\t */\n\t@Prop() hover: boolean = true;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Wether loading is applied\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Icon to show on the item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'end';\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\treturn (\n\t\t\t<Host\n\t\t\t\tclass={item({\n\t\t\t\t\thover: asBoolean(this.hover) && !asBoolean(this.loading),\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._getIcon()}\n\n\t\t\t\t<p class='min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold'>\n\t\t\t\t\t<slot />\n\t\t\t\t</p>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getIcon() {\n\t\tif (!this.icon && !this.loading) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.loading) {\n\t\t\treturn <p-loader color='white' />;\n\t\t}\n\n\t\treturn (\n\t\t\t<p-icon\n\t\t\t\tclass={icon({\n\t\t\t\t\thover: asBoolean(this.hover),\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t\tvariant={this.icon}\n\t\t\t\tflip={this.iconFlip}\n\t\t\t\trotate={this.iconRotate}\n\t\t\t/>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-CkW4ignv.js

@@ -0,0 +1,169 @@
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-BLaYz0fg.js';
+import { d as defineCustomElement$2, a as defaultSize, b as defaultSizeOptions } from './p-CW-Ucnco.js';
+import { c as cva } from './p-4hDfHOnN.js';
+import { d as defineCustomElement$a } from './p-BsVQWdLD.js';
+import { d as defineCustomElement$9 } from './p-q_c1iUVr.js';
+import { d as defineCustomElement$8 } from './p-C3qeuLGS.js';
+import { d as defineCustomElement$7 } from './p-CKjBhtCw.js';
+import { d as defineCustomElement$6 } from './p-B63gPh_H.js';
+import { d as defineCustomElement$5 } from './p-BsgE1XSo.js';
+import { d as defineCustomElement$4 } from './p-x4RK6ax2.js';
+import { d as defineCustomElement$3 } from './p-DkQcmaID.js';
+import { d as defineCustomElement$1 } from './p-ByT0XK4K.js';
+
+const paginationComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.text-human-beige-700{--tw-text-opacity:1!important;color:rgb(231 216 203/var(--tw-text-opacity,1))!important}";
+
+const pagination = cva([
+    'p-pagination',
+    'items-center gap-2',
+    'rounded-full',
+    'bg-off-white-300 border border-off-white-700',
+    'p-1',
+], {
+    variants: {
+        hidden: {
+            false: 'flex',
+            true: 'hidden',
+        },
+    },
+});
+const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.pageChange = createEvent(this, "pageChange", 3);
+        this.pageSizeChange = createEvent(this, "pageSizeChange", 3);
+    }
+    /**
+     * Wether to hide when there is only 1 page available
+     */
+    hideOnSinglePage = true;
+    /**
+     * Wether to enable pagination size select
+     */
+    enablePaginationSize = true;
+    /**
+     * Wether to enable pagination pages
+     */
+    enablePaginationPages = true;
+    /**
+     * The current page
+     */
+    page = 1;
+    /**
+     * The total amount of items
+     */
+    total;
+    /**
+     * The amount of items per page
+     */
+    pageSize = defaultSize;
+    /**
+     * The options for the page size
+     */
+    pageSizeOptions = defaultSizeOptions;
+    /**
+     * Event whenever the page changes
+     */
+    pageChange;
+    /**
+     * Event whenever the page changes
+     */
+    pageSizeChange;
+    _hasPaginationPages = true;
+    render() {
+        const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
+        return (h(Host, { key: 'e40a41d97489eabca9b913dbe4d11be7ea4a6d4e', class: pagination({
+                hidden: (hidePageSizeSelect && !this.enablePaginationSize) ||
+                    (!this.enablePaginationSize && !this.enablePaginationPages),
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '00b7a74be896de5b105d5e844d2a9afb657bde14' }, h("p-pagination-size", { key: 'b9b71d6d9bb9b94505b66c6260a5248e05d858f9', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            this.hideOnSinglePage &&
+            this._hasPaginationPages && (h("p-divider", { key: '6a12505908e4d1d36c5aeb535b9e506fcb099d58', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'bf5ff04c1c9f6fc93d556695022954e829324b76', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+    }
+    _changePageSize(s) {
+        if (!s) {
+            return;
+        }
+        this.pageSize = s;
+        this.pageSizeChange.emit(this.pageSize);
+    }
+    static get style() { return paginationComponentCss; }
+}, [0, "p-pagination", {
+        "hideOnSinglePage": [4, "hide-on-single-page"],
+        "enablePaginationSize": [4, "enable-pagination-size"],
+        "enablePaginationPages": [4, "enable-pagination-pages"],
+        "page": [1538],
+        "total": [2],
+        "pageSize": [2, "page-size"],
+        "pageSizeOptions": [16, "page-size-options"],
+        "_hasPaginationPages": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-pagination", "p-checkbox", "p-divider", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-icon", "p-pagination-pages", "p-pagination-pages-item", "p-pagination-size", "p-portal"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-pagination":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Pagination);
+            }
+            break;
+        case "p-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "p-divider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "p-dropdown":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "p-dropdown-menu-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "p-dropdown-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "p-pagination-pages":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "p-pagination-pages-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "p-pagination-size":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "p-portal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { Pagination as P, defineCustomElement as d };
+//# sourceMappingURL=p-CkW4ignv.js.map
+
+//# sourceMappingURL=p-CkW4ignv.js.map

package/dist/components/p-CkW4ignv.js.map

@@ -0,0 +1 @@
+{"file":"p-CkW4ignv.js","mappings":";;;;;;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,stBAAstB;;ACarvB,MAAM,UAAU,GAAG,GAAG,CACrB;IACC,cAAc;IACd,oBAAoB;IACpB,cAAc;IACd,8CAA8C;IAC9C,KAAK;CACL,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,QAAQ;AACd,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAMY,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB;;AAEG;IACK,gBAAgB,GAAY,IAAI;AAExC;;AAEG;IACK,oBAAoB,GAAY,IAAI;AAE5C;;AAEG;IACK,qBAAqB,GAAY,IAAI;AAE7C;;AAEG;IACqC,IAAI,GAAW,CAAC;AAExD;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;IACK,QAAQ,GAAW,WAAW;AAEtC;;AAEG;IACK,eAAe,GAAa,kBAAkB;AAEtD;;AAEG;AAIH,IAAA,UAAU;AAEV;;AAEG;AAIH,IAAA,cAAc;IAEG,mBAAmB,GAAG,IAAI;IAE3C,MAAM,GAAA;AACL,QAAA,MAAM,kBAAkB,GACvB,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;AAEhE,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,UAAU,CAAC;gBACjB,MAAM,EACL,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,oBAAoB;qBAChD,CAAC,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC;AAC5D,aAAA,CAAC,EAAA,EAED,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,oBAAoB,KACvD,CAAA,CAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACR,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,MAAM,EAAE,kBAAkB,EAC1B,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EACzD,CAAA,EAED,CAAC,kBAAkB;AACnB,YAAA,IAAI,CAAC,gBAAgB;YACrB,IAAI,CAAC,mBAAmB,KACvB,kEACC,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,+BAA+B,EACpC,CAAA,CACF,CACQ,CACX,EAEA,IAAI,CAAC,qBAAqB,KAC1B,2EACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,EAC1D,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,MACxB,IAAI,CAAC,mBAAmB,GAAG,MAAM,GAAG,CAAC,CAAC,EAAA,CAEvC,CACF,CACK;;AAID,IAAA,eAAe,CAAC,CAAU,EAAA;QACjC,IAAI,CAAC,CAAC,EAAE;YACP;;AAGD,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC;QACjB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination","src/components/molecules/pagination/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tHost,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\nimport { cva } from 'class-variance-authority';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-off-white-700',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this.enablePaginationSize) ||\n\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-human-beige-700'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\n\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\tonPagesChange={({ detail }) =>\n\t\t\t\t\t\t\t(this._hasPaginationPages = detail > 1)\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"],"version":3}

package/dist/components/{p-CRSsPnsr.js → p-Cv23-3Fr.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-BLaYz0fg.js';
 import { c as cva } from './p-4hDfHOnN.js';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
-import { d as defineCustomElement$2 } from './p-DO2aNiJs.js';
-import { d as defineCustomElement$1 } from './p-C0kL1elG.js';
+import { d as defineCustomElement$2 } from './p-q_c1iUVr.js';
+import { d as defineCustomElement$1 } from './p-BsgE1XSo.js';
 
 const floatingMenuContainerComponentCss = "*{box-sizing:border-box}:host(.preload){animation:none}.z-floating-menu{z-index:190!important}.mx-0{margin-left:0!important;margin-right:0!important}.ml-auto{margin-left:auto!important}.box-content{box-sizing:content-box!important}.flex{display:flex!important}.table{display:table!important}.size-4{height:1rem!important;width:1rem!important}.h-10{height:2.5rem!important}.h-4{height:1rem!important}.w-auto{width:auto!important}.min-w-0{min-width:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.pl-3{padding-left:.75rem!important}.pr-1{padding-right:.25rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-300{--tw-text-opacity:1!important;color:rgb(102 151 145/var(--tw-text-opacity,1))!important}.shadow-3{--tw-shadow:0 1px 1px rgba(0,2,2,.08),0 2px 2px rgba(0,2,2,.08),0 4px 4px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:text-dark-teal-100:hover{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}";
 
@@ -68,9 +68,9 @@ const FloatingMenuContainer = /*@__PURE__*/ proxyCustomElement(class FloatingMen
         this._setLocales();
     }
     render() {
-        return (h(Host, { key: '49ca1d44ddc7af990564dfd579604fda2d7a080a' }, h("div", { key: '0c01953b446ace158f820af054f73d7e74d2928f', class: container({
+        return (h(Host, { key: '1312790f15a628010b97756e1d3c93e344afc4d9' }, h("div", { key: 'd3d8f96bde5a99203ad0535147e6b22ed67582b3', class: container({
                 enableAmountSelected: this.enableAmountSelected,
-            }) }, this.enableAmountSelected && (h(Fragment, { key: '6c9725a5c1bd55e72c3eb0739b0a9e93109c9589' }, h("p", { key: '3c3e8c5d28ce37fcb5c71fcad515ea4e422f8c3f', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), h("p-divider", { key: 'c2da87ec3e0c691cf33a838f567661ebfa39c689', class: 'mx-0 h-4 text-black-teal-400', variant: 'vertical' }))), this.usedInTable ? h("slot", { name: 'floating-menu-item' }) : h("slot", null), this.enableClose && (h("div", { key: 'c74932a30be412832f168d3f4316c606fe168fbe', class: 'ml-auto box-content size-4 cursor-pointer p-2 text-dark-teal-300 hover:text-dark-teal-100', onClick: ev => this.close.emit(ev) }, h("p-icon", { key: '5ed2a915bb48692e479e23a7fda126c2bd17228f', variant: 'negative' }))))));
+            }) }, this.enableAmountSelected && (h(Fragment, { key: '6a5c1e98aa255f9b464ecf549abf068c1995fc9f' }, h("p", { key: '2518ea32f2a8e4c7a05f95ea14be837b91bc8ff7', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), h("p-divider", { key: '6933d3b9c245d6817dfcb6d47e5348055d45e457', class: 'mx-0 h-4 text-black-teal-400', variant: 'vertical' }))), this.usedInTable ? h("slot", { name: 'floating-menu-item' }) : h("slot", null), this.enableClose && (h("div", { key: 'f4a14636165835dcddf4d4714565b41bcdea386f', class: 'ml-auto box-content size-4 cursor-pointer p-2 text-dark-teal-300 hover:text-dark-teal-100', onClick: ev => this.close.emit(ev) }, h("p-icon", { key: 'b0e5c3d7ebb484f881aa437930ae686e1023ff82', variant: 'negative' }))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -110,6 +110,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { FloatingMenuContainer as F, defineCustomElement as d };
-//# sourceMappingURL=p-CRSsPnsr.js.map
+//# sourceMappingURL=p-Cv23-3Fr.js.map
 
-//# sourceMappingURL=p-CRSsPnsr.js.map
+//# sourceMappingURL=p-Cv23-3Fr.js.map

package/dist/components/{p-CRSsPnsr.js.map → p-Cv23-3Fr.js.map}

@@ -1 +1 @@
-{"file":"p-CRSsPnsr.js","mappings":";;;;;;AAAA,MAAM,iCAAiC,GAAG,6qFAA6qF;;ACkBvtF,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,yCAAyC;IACzC,2BAA2B;IAC3B,kBAAkB;IAClB,YAAY;IACZ,SAAS;IACT,yBAAyB;CACzB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,oBAAoB,EAAE;AACrB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,WAAW;AACjB,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,cAAc,GAAG,GAAG,CAAC;IAC1B,oBAAoB;IACpB,SAAS;IACT,2CAA2C;AAC3C,CAAA,CAAC;MASW,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;AACjC;;AAEG;IACK,WAAW,GAAY,KAAK;AAEpC;;AAEG;IACK,oBAAoB,GAAG,IAAI;AAEnC;;AAEG;IACK,MAAM,GAAG,CAAC;AAElB;;AAEG;IACK,WAAW,GAAG,IAAI;AAE1B;;AAEG;IACK,sBAAsB,GAA+B,CAC5D,MAAc,KAEd,iBAAiB,CAChB,CAAC,MAAM,KAAK;AACX,UAAE,IAAI,CAAC,QAAQ,CAAC;AAChB,UAAE,IAAI,CAAC,QAAQ,CAAC,sBAAsB,GACpC,OAAO,CAAC,YAAY,EAAE,MAAM,CAAC,CAChC;AAEF;;AAEG;AACM,IAAA,KAAK;;AAOd;;AAEG;IACc,QAAQ,GAAQ,EAAE;IAEnC,iBAAiB,GAAA;QAChB,IAAI,CAAC,WAAW,EAAE;;IAGnB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;gBAChB,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;AAC/C,aAAA,CAAC,EAAA,EAED,IAAI,CAAC,oBAAoB,KACzB,EAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACR,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,cAAc,EAAE,EACxB,EAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,MAAM,CAAC,CACtC,EAEJ,CACC,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAC,UAAU,EACjB,CAAA,CACQ,CACX,EAEA,IAAI,CAAC,WAAW,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,oBAAoB,EAAA,CAAG,GAAG,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,EAEhE,IAAI,CAAC,WAAW,KAChB,4DACC,KAAK,EAAC,2FAA2F,EACjG,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAElC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,UAAU,EAAA,CAAG,CACxB,CACN,CACI,CACA;;AAKD,IAAA,MAAM,WAAW,GAAA;QACxB,IAAI,CAAC,QAAQ,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/floating-menu/container/floating-menu-container.component.css?tag=p-floating-menu-container&encapsulation=shadow","src/components/atoms/floating-menu/container/floating-menu-container.component.tsx"],"sourcesContent":[":host(.preload) {\n\t@apply animate-none;\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\tHost,\n\tListen,\n\tProp,\n\th,\n\tElement,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils';\n\nconst container = cva(\n\t[\n\t\t'floating-menu-container z-floating-menu',\n\t\t'bg-dark-teal-600 shadow-3',\n\t\t'h-10 py-1 w-auto',\n\t\t'rounded-lg',\n\t\t'text-sm',\n\t\t'flex items-center gap-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tenableAmountSelected: {\n\t\t\t\tfalse: 'px-1',\n\t\t\t\ttrue: 'pl-3 pr-1',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst amountSelected = cva([\n\t'text-dark-teal-100',\n\t'min-w-0',\n\t'overflow-hidden text-ellipsis text-nowrap',\n]);\n\nexport type amountSelectedTemplateFunc = (amount: number) => string;\n\n@Component({\n\ttag: 'p-floating-menu-container',\n\tstyleUrl: 'floating-menu-container.component.css',\n\tshadow: true,\n})\nexport class FloatingMenuContainer {\n\t/**\n\t * Wether the container is used in the table\n\t */\n\t@Prop() usedInTable: boolean = false;\n\n\t/**\n\t * Wether to show the amount selected\n\t */\n\t@Prop() enableAmountSelected = true;\n\n\t/**\n\t * The amount selected\n\t */\n\t@Prop() amount = 0;\n\n\t/**\n\t * Wether to enablethe close button\n\t */\n\t@Prop() enableClose = true;\n\n\t/**\n\t * The template for amount selected\n\t */\n\t@Prop() amountSelectedTemplate: amountSelectedTemplateFunc = (\n\t\tamount: number\n\t) =>\n\t\tformatTranslation(\n\t\t\t(amount === 1\n\t\t\t\t? this._locales.amount_selected\n\t\t\t\t: this._locales.amount_selected_plural\n\t\t\t)?.replace('{{amount}}', amount)\n\t\t);\n\n\t/**\n\t * Event whenever the close button is clicked\n\t */\n\t@Event() close: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tenableAmountSelected: this.enableAmountSelected,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.enableAmountSelected && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<p class={amountSelected()}>\n\t\t\t\t\t\t\t\t{this.amountSelectedTemplate(this.amount)}\n\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-black-teal-400'\n\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.usedInTable ? <slot name='floating-menu-item' /> : <slot />}\n\n\t\t\t\t\t{this.enableClose && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='ml-auto box-content size-4 cursor-pointer p-2 text-dark-teal-300 hover:text-dark-teal-100'\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n}\n"],"version":3}
+{"file":"p-Cv23-3Fr.js","mappings":";;;;;;AAAA,MAAM,iCAAiC,GAAG,6qFAA6qF;;ACkBvtF,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,yCAAyC;IACzC,2BAA2B;IAC3B,kBAAkB;IAClB,YAAY;IACZ,SAAS;IACT,yBAAyB;CACzB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,oBAAoB,EAAE;AACrB,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,WAAW;AACjB,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,cAAc,GAAG,GAAG,CAAC;IAC1B,oBAAoB;IACpB,SAAS;IACT,2CAA2C;AAC3C,CAAA,CAAC;MASW,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;AACjC;;AAEG;IACK,WAAW,GAAY,KAAK;AAEpC;;AAEG;IACK,oBAAoB,GAAG,IAAI;AAEnC;;AAEG;IACK,MAAM,GAAG,CAAC;AAElB;;AAEG;IACK,WAAW,GAAG,IAAI;AAE1B;;AAEG;IACK,sBAAsB,GAA+B,CAC5D,MAAc,KAEd,iBAAiB,CAChB,CAAC,MAAM,KAAK;AACX,UAAE,IAAI,CAAC,QAAQ,CAAC;AAChB,UAAE,IAAI,CAAC,QAAQ,CAAC,sBAAsB,GACpC,OAAO,CAAC,YAAY,EAAE,MAAM,CAAC,CAChC;AAEF;;AAEG;AACM,IAAA,KAAK;;AAOd;;AAEG;IACc,QAAQ,GAAQ,EAAE;IAEnC,iBAAiB,GAAA;QAChB,IAAI,CAAC,WAAW,EAAE;;IAGnB,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,SAAS,CAAC;gBAChB,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;AAC/C,aAAA,CAAC,EAAA,EAED,IAAI,CAAC,oBAAoB,KACzB,EAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACR,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,cAAc,EAAE,EACxB,EAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,MAAM,CAAC,CACtC,EAEJ,CACC,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAC,UAAU,EACjB,CAAA,CACQ,CACX,EAEA,IAAI,CAAC,WAAW,GAAG,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,oBAAoB,EAAA,CAAG,GAAG,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,EAEhE,IAAI,CAAC,WAAW,KAChB,4DACC,KAAK,EAAC,2FAA2F,EACjG,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,EAElC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,UAAU,EAAA,CAAG,CACxB,CACN,CACI,CACA;;AAKD,IAAA,MAAM,WAAW,GAAA;QACxB,IAAI,CAAC,QAAQ,GAAG,MAAM,yBAAyB,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/floating-menu/container/floating-menu-container.component.css?tag=p-floating-menu-container&encapsulation=shadow","src/components/atoms/floating-menu/container/floating-menu-container.component.tsx"],"sourcesContent":[":host(.preload) {\n\t@apply animate-none;\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\tHost,\n\tListen,\n\tProp,\n\th,\n\tElement,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils';\n\nconst container = cva(\n\t[\n\t\t'floating-menu-container z-floating-menu',\n\t\t'bg-dark-teal-600 shadow-3',\n\t\t'h-10 py-1 w-auto',\n\t\t'rounded-lg',\n\t\t'text-sm',\n\t\t'flex items-center gap-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tenableAmountSelected: {\n\t\t\t\tfalse: 'px-1',\n\t\t\t\ttrue: 'pl-3 pr-1',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst amountSelected = cva([\n\t'text-dark-teal-100',\n\t'min-w-0',\n\t'overflow-hidden text-ellipsis text-nowrap',\n]);\n\nexport type amountSelectedTemplateFunc = (amount: number) => string;\n\n@Component({\n\ttag: 'p-floating-menu-container',\n\tstyleUrl: 'floating-menu-container.component.css',\n\tshadow: true,\n})\nexport class FloatingMenuContainer {\n\t/**\n\t * Wether the container is used in the table\n\t */\n\t@Prop() usedInTable: boolean = false;\n\n\t/**\n\t * Wether to show the amount selected\n\t */\n\t@Prop() enableAmountSelected = true;\n\n\t/**\n\t * The amount selected\n\t */\n\t@Prop() amount = 0;\n\n\t/**\n\t * Wether to enablethe close button\n\t */\n\t@Prop() enableClose = true;\n\n\t/**\n\t * The template for amount selected\n\t */\n\t@Prop() amountSelectedTemplate: amountSelectedTemplateFunc = (\n\t\tamount: number\n\t) =>\n\t\tformatTranslation(\n\t\t\t(amount === 1\n\t\t\t\t? this._locales.amount_selected\n\t\t\t\t: this._locales.amount_selected_plural\n\t\t\t)?.replace('{{amount}}', amount)\n\t\t);\n\n\t/**\n\t * Event whenever the close button is clicked\n\t */\n\t@Event() close: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<div\n\t\t\t\t\tclass={container({\n\t\t\t\t\t\tenableAmountSelected: this.enableAmountSelected,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.enableAmountSelected && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<p class={amountSelected()}>\n\t\t\t\t\t\t\t\t{this.amountSelectedTemplate(this.amount)}\n\t\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-black-teal-400'\n\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.usedInTable ? <slot name='floating-menu-item' /> : <slot />}\n\n\t\t\t\t\t{this.enableClose && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='ml-auto box-content size-4 cursor-pointer p-2 text-dark-teal-300 hover:text-dark-teal-100'\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n}\n"],"version":3}