@paperless/core 2.1.0 → 2.2.0

package/dist/components/{p-CZEuy7yu.js → p-C11iS5-g.js}

@@ -4,7 +4,7 @@ import { a as asBoolean } from './p-C5CTp9IA.js';
 import { c as cn } from './p-CT54OXR2.js';
 import { d as defineCustomElement$1 } from './p-BNz_LoMA.js';
 
-const segmentItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-1{margin-bottom:.25rem!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-2{gap:.5rem!important}.rounded-xl{border-radius:.75rem!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!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-medium{font-weight:500!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!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}";
+const segmentItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.my-0{margin-bottom:0!important;margin-top:0!important}.mb-1{margin-bottom:.25rem!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-2{gap:.5rem!important}.rounded-xl{border-radius:.75rem!important}.bg-indigo-600{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!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-medium{font-weight:500!important}.text-indigo-200{color:rgb(199 217 253/var(--tw-text-opacity,1))!important}.text-indigo-200,.text-storm{--tw-text-opacity:1!important}.text-storm{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-300{color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-300,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.empty\\:hidden:empty{display:none!important}.hover\\:bg-storm-50:hover{--tw-bg-opacity:1!important;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.hover\\:text-storm:hover{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}";
 
 const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'], {
     variants: {
@@ -13,8 +13,8 @@ const segmentItem = cva(['flex items-center justify-center', 'rounded-xl', 'curs
             block: 'flex-col p-2 text-center',
         },
         active: {
-            false: 'cursor-pointer text-dark-teal-600 hover:bg-black-teal-50',
-            true: 'bg-dark-teal-400 text-white',
+            false: 'cursor-pointer text-storm text-storm-300 hover:text-storm hover:bg-storm-50',
+            true: 'bg-indigo-600 text-white',
         },
         iconOnly: {
             false: 'px-2',
@@ -54,16 +54,16 @@ const SegmentItem = /*@__PURE__*/ proxyCustomElement(class SegmentItem extends H
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h("div", { key: '94c6418fe772eb23e0c5cdbb3fcb36263d0c787f', class: segmentItem({
+        return (h("div", { key: '66ef8d4c1dbd16e693bf5ed83fdfcdb5d7f60f7f', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: '3d7b217339f64e170d5c96bd7a6628cfef147787', class: cn('mb-1', {
-                'text-dark-teal-400': !asBoolean(this.active),
-                'text-dark-teal-100': asBoolean(this.active),
+            }) }, this.icon && (h("p-icon", { key: '2b8a8cb7a4b35d526784ef4e3f1506062b3055ca', class: cn('mb-1', {
+                'text-storm-300': !asBoolean(this.active),
+                'text-indigo-200': asBoolean(this.active),
             }), variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center' }, h("p", { class: cn('my-0 font-medium empty:hidden', {}) }, h("slot", { name: 'title' })), descriptionSlot && (h("p", { class: cn('my-0 text-xs font-medium', {
-                'text-dark-teal-400': !asBoolean(this.active),
-                'text-dark-teal-100': asBoolean(this.active),
+                'text-storm-300': !asBoolean(this.active),
+                'text-indigo-200': asBoolean(this.active),
             }) }, descriptionSlot))))));
     }
     static get style() { return segmentItemComponentCss; }
@@ -96,6 +96,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { SegmentItem as S, defineCustomElement as d };
-//# sourceMappingURL=p-CZEuy7yu.js.map
+//# sourceMappingURL=p-C11iS5-g.js.map
 
-//# sourceMappingURL=p-CZEuy7yu.js.map
+//# sourceMappingURL=p-C11iS5-g.js.map

package/dist/components/p-C11iS5-g.js.map

@@ -0,0 +1 @@
+{"file":"p-C11iS5-g.js","mappings":";;;;;;AAAA,MAAM,uBAAuB,GAAG,wkDAAwkD;;ACOxmD,MAAM,WAAW,GAAG,GAAG,CACtB,CAAC,kCAAkC,EAAE,YAAY,EAAE,wBAAwB,CAAC,EAC5E;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,EACJ,6EAA6E;AAC9E,YAAA,IAAI,EAAE,0BAA0B;AAChC,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,KAAK;AACX,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,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,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,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,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE;AACjB,gBAAA,gBAAgB,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AACzC,gBAAA,iBAAiB,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;aACzC,CAAC,EACF,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,MAAM,EAAE,IAAI,CAAC,UAAU,GACtB,CACF,EAEA,IAAI,CAAC,OAAO,KAAK,SAAS,IAC1B,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,KAER,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAA,EACtC,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAE,EAAE,CAAC,+BAA+B,EAAE,EAAE,CAAC,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CAClB,EACH,eAAe,KACf,CACC,CAAA,GAAA,EAAA,EAAA,KAAK,EAAE,EAAE,CAAC,0BAA0B,EAAE;AACrC,gBAAA,gBAAgB,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;AACzC,gBAAA,iBAAiB,EAAE,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;aACzC,CAAC,EAAA,EAED,eAAe,CACb,CACJ,CACI,CACN,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/segment/item/segment-item.component.css?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment/item/segment-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { RotateOptions } from '../../../../types/tailwind';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconFlipOptions, IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\n\nconst segmentItem = cva(\n\t['flex items-center justify-center', 'rounded-xl', 'cursor-pointer text-sm'],\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-2 text-center',\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse:\n\t\t\t\t\t'cursor-pointer text-storm text-storm-300 hover:text-storm hover:bg-storm-50',\n\t\t\t\ttrue: 'bg-indigo-600 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\tshadow: true,\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<div\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\tclass={cn('mb-1', {\n\t\t\t\t\t\t\t'text-storm-300': !asBoolean(this.active),\n\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t})}\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'>\n\t\t\t\t\t\t<p class={cn('my-0 font-medium 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 && (\n\t\t\t\t\t\t\t<p\n\t\t\t\t\t\t\t\tclass={cn('my-0 text-xs font-medium', {\n\t\t\t\t\t\t\t\t\t'text-storm-300': !asBoolean(this.active),\n\t\t\t\t\t\t\t\t\t'text-indigo-200': asBoolean(this.active),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{descriptionSlot}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-BHnPMVAt.js → p-C3H31pam.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
-import { d as defineCustomElement$1 } from './p-D_ztNHgr.js';
+import { d as defineCustomElement$1 } from './p-Dl2d_IWC.js';
 
 const modalFooterComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mb-4{margin-bottom:1rem!important}.flex{display:flex!important}.hidden{display:none!important}.flex-col{flex-direction:column!important}.gap-4{gap:1rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.pb-\\[calc\\(env\\(safe-area-inset-bottom\\)\\+1rem\\)\\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)!important}@media (min-width:40rem){.tablet\\:flex-row{flex-direction:row!important}}@media (min-width:64rem){.desktop-xs\\:inline-block{display:inline-block!important}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem!important;border-bottom-right-radius:1rem!important}}";
 
@@ -35,6 +35,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ModalFooter as M, defineCustomElement as d };
-//# sourceMappingURL=p-BHnPMVAt.js.map
+//# sourceMappingURL=p-C3H31pam.js.map
 
-//# sourceMappingURL=p-BHnPMVAt.js.map
+//# sourceMappingURL=p-C3H31pam.js.map

package/dist/components/{p-BHnPMVAt.js.map → p-C3H31pam.js.map}

@@ -1 +1 @@
-{"file":"p-BHnPMVAt.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,82BAA82B;;MCOj4B,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;IACvB,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4GAA4G,EAAA,EACtH,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qCAAqC,EAAG,CAAA,EAEzD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACpD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl'>\n\t\t\t\t<p-divider class='mb-4 hidden desktop-xs:inline-block' />\n\n\t\t\t\t<div class='flex flex-col gap-4 px-4 tablet:flex-row'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-C3H31pam.js","mappings":";;;AAAA,MAAM,uBAAuB,GAAG,82BAA82B;;MCOj4B,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;IACvB,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4GAA4G,EAAA,EACtH,CAAW,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qCAAqC,EAAG,CAAA,EAEzD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACpD,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/modal/footer/modal-footer.component.css?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal/footer/modal-footer.component.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-footer',\n\tstyleUrl: 'modal-footer.component.css',\n\tshadow: true,\n})\nexport class ModalFooter {\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl'>\n\t\t\t\t<p-divider class='mb-4 hidden desktop-xs:inline-block' />\n\n\t\t\t\t<div class='flex flex-col gap-4 px-4 tablet:flex-row'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-DPaScMRi.js → p-C6N9pYU4.js}

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-tdjn65Lz.js';
 import { c as cva } from './p-CBWjHURv.js';
-import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-BI3JsUHo.js';
-import { d as defineCustomElement$9 } from './p-DuzGrx0d.js';
-import { d as defineCustomElement$8 } from './p-D_ztNHgr.js';
-import { d as defineCustomElement$7 } from './p-CYKQOTjm.js';
-import { d as defineCustomElement$6 } from './p-DP-tFaYu.js';
-import { d as defineCustomElement$5 } from './p-DdSMoNLK.js';
+import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-hlCk1nYr.js';
+import { d as defineCustomElement$9 } from './p-DbuVarXz.js';
+import { d as defineCustomElement$8 } from './p-Dl2d_IWC.js';
+import { d as defineCustomElement$7 } from './p-DMriM32U.js';
+import { d as defineCustomElement$6 } from './p-Dc8e00Zd.js';
+import { d as defineCustomElement$5 } from './p-DJRszd89.js';
 import { d as defineCustomElement$4 } from './p-BNz_LoMA.js';
-import { d as defineCustomElement$3 } from './p-Das_JHQu.js';
-import { d as defineCustomElement$2 } from './p-BlOP720Z.js';
+import { d as defineCustomElement$3 } from './p-Bd1TiOlh.js';
+import { d as defineCustomElement$2 } from './p-CZh8Xlr3.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-solid{border-style:solid!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 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-solid{border-style:solid!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-off-white-700{--tw-text-opacity:1!important;color:rgb(222 219 213/var(--tw-text-opacity,1))!important}";
 
 const pagination = cva([
     'p-pagination',
@@ -83,7 +83,7 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends H {
                     (!this.enablePaginationSize && !this.enablePaginationPages),
             }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'f0ab7f491d37fe73ac573622f97a24303e4d40e7' }, h("p-pagination-size", { key: '7586f9cbc5b1f90c6547b69b65f22508a2b08d32', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '7b4257b575c0e54eca367de9987f6bd3be502753', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '93b771ced05831dcb62f0031bb09a4ee6cb0c7a0', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (h("p-divider", { key: 'cb5f98d95fc4fe04b7611b6c9d1b801bbfc0cebf', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '01077dfd1b84024c7bf5d9120f9f7fe638180556', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
                 this._hasPaginationPages = detail > 1;
                 this.pagesChange.emit(detail);
             } }))));
@@ -167,6 +167,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Pagination as P, defineCustomElement as d };
-//# sourceMappingURL=p-DPaScMRi.js.map
+//# sourceMappingURL=p-C6N9pYU4.js.map
 
-//# sourceMappingURL=p-DPaScMRi.js.map
+//# sourceMappingURL=p-C6N9pYU4.js.map

package/dist/components/{p-DPaScMRi.js.map → p-C6N9pYU4.js.map}

@@ -1 +1 @@
-{"file":"p-DPaScMRi.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\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-solid 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\tshadow: true,\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/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: 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<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\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\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\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"],"version":3}
+{"file":"p-C6N9pYU4.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\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-solid 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\tshadow: true,\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/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: 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<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\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-off-white-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\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\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"],"version":3}

package/dist/components/p-CBWZtmq5.js

@@ -0,0 +1,127 @@
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-tdjn65Lz.js';
+import { c as cva } from './p-CBWjHURv.js';
+import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
+import { d as defineCustomElement$4 } from './p-Dl2d_IWC.js';
+import { d as defineCustomElement$3 } from './p-CzcSyN0w.js';
+import { d as defineCustomElement$2 } from './p-BNz_LoMA.js';
+import { d as defineCustomElement$1 } from './p-B45wCDRo.js';
+
+const floatingMenuContainerComponentCss = "*{box-sizing:border-box}:host(.preload){animation:none}.static{position:static!important}.z-floating-menu{z-index:190!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.table{display:table!important}.h-10{height:2.5rem!important}.h-4{height:1rem!important}.w-auto{width:auto!important}.min-w-0{min-width:0!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-storm-500{--tw-bg-opacity:1!important;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))!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-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/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}}";
+
+const container = cva([
+    'floating-menu-container z-floating-menu',
+    'bg-storm-500 shadow-3',
+    'h-10 py-1 w-auto',
+    'rounded-lg',
+    'text-sm',
+    'flex items-center gap-2',
+], {
+    variants: {
+        enableAmountSelected: {
+            false: 'px-1',
+            true: 'pl-3 pr-1',
+        },
+    },
+});
+const amountSelected = cva([
+    'text-storm-100',
+    'min-w-0',
+    'overflow-hidden text-ellipsis text-nowrap',
+]);
+const FloatingMenuContainer = /*@__PURE__*/ proxyCustomElement(class FloatingMenuContainer extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.close = createEvent(this, "close", 7);
+    }
+    /**
+     * Wether the container is used in the table
+     */
+    usedInTable = false;
+    /**
+     * Wether to show the amount selected
+     */
+    enableAmountSelected = true;
+    /**
+     * The amount selected
+     */
+    amount = 0;
+    /**
+     * Wether to enablethe close button
+     */
+    enableClose = true;
+    /**
+     * The template for amount selected
+     */
+    amountSelectedTemplate = (amount) => formatTranslation((amount === 1
+        ? this._locales.amount_selected
+        : this._locales.amount_selected_plural)?.replace('{{amount}}', amount));
+    /**
+     * Event whenever the close button is clicked
+     */
+    close;
+    get _el() { return this; }
+    /**
+     * Locales used for this component
+     */
+    _locales = {};
+    componentWillLoad() {
+        this._setLocales();
+    }
+    render() {
+        return (h(Host, { key: '0452958de7d66615078fc372997fe28a8e95834a' }, h("div", { key: '1454348833943649553b902acc2d74af9aae987e', class: container({
+                enableAmountSelected: this.enableAmountSelected,
+            }) }, this.enableAmountSelected && (h(Fragment, { key: '1d5d66e2d6b9fd1f0a0ea7e4de8176297b17a13f' }, h("p", { key: '8d19e34503f6b7535ea3cc6c39831161507995c5', class: amountSelected() }, this.amountSelectedTemplate(this.amount)), h("p-divider", { key: '0258a80bc46a92f4094e1b48854d0cae92113906', class: 'mx-0 h-4 text-storm-400', variant: 'vertical' }))), h("div", { key: '32cc025c0eb458c63251448d35a50ccd93360205', class: 'flex items-center' }, this.usedInTable ? h("slot", { name: 'floating-menu-item' }) : h("slot", null), this.enableClose && (h("p-floating-menu-item", { key: 'a0d94f377f3cf1285ebd88c021ca6e84271337dc', onClick: ev => this.close.emit(ev), icon: 'negative' }))))));
+    }
+    async _setLocales() {
+        this._locales = await getLocaleComponentStrings(this._el);
+    }
+    static get style() { return floatingMenuContainerComponentCss; }
+}, [1, "p-floating-menu-container", {
+        "usedInTable": [4, "used-in-table"],
+        "enableAmountSelected": [4, "enable-amount-selected"],
+        "amount": [2],
+        "enableClose": [4, "enable-close"],
+        "amountSelectedTemplate": [16, "amount-selected-template"],
+        "_locales": [32]
+    }, [[16, "localeChanged", "_setLocales"]]]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-floating-menu-container", "p-divider", "p-floating-menu-item", "p-icon", "p-loader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-floating-menu-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, FloatingMenuContainer);
+            }
+            break;
+        case "p-divider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "p-floating-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "p-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "p-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { FloatingMenuContainer as F, defineCustomElement as d };
+//# sourceMappingURL=p-CBWZtmq5.js.map
+
+//# sourceMappingURL=p-CBWZtmq5.js.map

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

@@ -0,0 +1 @@
+{"file":"p-CBWZtmq5.js","mappings":";;;;;;;;AAAA,MAAM,iCAAiC,GAAG,kxEAAkxE;;ACkB5zE,MAAM,SAAS,GAAG,GAAG,CACpB;IACC,yCAAyC;IACzC,uBAAuB;IACvB,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,gBAAgB;IAChB,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,yBAAyB,EAC/B,OAAO,EAAC,UAAU,EACjB,CAAA,CACQ,CACX,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,EAAA,EAC5B,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,CACC,CAAA,sBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAClC,IAAI,EAAC,UAAU,EAAA,CACQ,CACxB,CACI,CACD,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-storm-500 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-storm-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-storm-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<div class='flex items-center'>\n\t\t\t\t\t\t{this.usedInTable ? <slot name='floating-menu-item' /> : <slot />}\n\n\t\t\t\t\t\t{this.enableClose && (\n\t\t\t\t\t\t\t<p-floating-menu-item\n\t\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\t></p-floating-menu-item>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\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}

package/dist/components/{p-BIGYZJyT.js → p-CL38sZQy.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
 import { c as cva } from './p-CBWjHURv.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$4 } from './p-C2Ee3Hd1.js';
+import { d as defineCustomElement$4 } from './p-CrWSVtho.js';
 import { d as defineCustomElement$3 } from './p-BNz_LoMA.js';
 import { d as defineCustomElement$2 } from './p-CR36e-YR.js';
-import { d as defineCustomElement$1 } from './p-DXMAnvYE.js';
+import { d as defineCustomElement$1 } from './p-B45wCDRo.js';
 
-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-5xl{font-size:3rem!important;line-height:1!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-5xl{font-size:3rem!important;line-height:1!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-bold{font-weight:700!important}.text-storm{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm,.text-storm-300{--tw-text-opacity:1!important}.text-storm-300{color:rgb(116 120 127/var(--tw-text-opacity,1))!important}";
 
 const emptyState = cva(['flex flex-col w-full items-center justify-start max-w-[20rem]'], {
     variants: {
@@ -72,7 +72,7 @@ const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends H {
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: 'f5fb26c06e4868c5f69925e0d0dd8abebb1e4ca3', class: 'mb-8 text-5xl 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: 'f5fb26c06e4868c5f69925e0d0dd8abebb1e4ca3', class: 'mb-8 text-5xl 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-storm' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-storm-300' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
     }
     static get style() { return emptyStateComponentCss; }
@@ -123,6 +123,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { EmptyState as E, defineCustomElement as d };
-//# sourceMappingURL=p-BIGYZJyT.js.map
+//# sourceMappingURL=p-CL38sZQy.js.map
 
-//# sourceMappingURL=p-BIGYZJyT.js.map
+//# sourceMappingURL=p-CL38sZQy.js.map

package/dist/components/{p-BIGYZJyT.js.map → p-CL38sZQy.js.map}

@@ -1 +1 @@
-{"file":"p-BIGYZJyT.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,6hCAA6hC;;ACgB5jC,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,kBAAkB,GAAoB,OAAO;AAErD;;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,yBAAyB,EAC/B,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;AACjB,aAAC,aAAa,IACb,YAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,KAEtB,CACC,CAAA,UAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,YAAY,EAAE,IAAI,CAAC,kBAAkB,EACrC,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,OAAO,EAAE,IAAI,CAAC,aAAa,EAE1B,EAAA,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 * The position of the action icon\n\t */\n\t@Prop() actionIconPosition: 'start' | 'end' = 'start';\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-5xl 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\ticonPosition={this.actionIconPosition}\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}
+{"file":"p-CL38sZQy.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,i7BAAi7B;;ACgBh9B,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,kBAAkB,GAAoB,OAAO;AAErD;;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,yBAAyB,EAC/B,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,0DAA0D,EAAA,EACjE,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,yCAAyC,EAAA,EAChD,IAAI,CAAC,OAAO,CACV,CACJ,CACD,EACA,IAAI,CAAC,YAAY;AACjB,aAAC,aAAa,IACb,YAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,KAEtB,CACC,CAAA,UAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,YAAY,EAAE,IAAI,CAAC,kBAAkB,EACrC,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,OAAO,EAAE,IAAI,CAAC,aAAa,EAE1B,EAAA,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 * The position of the action icon\n\t */\n\t@Prop() actionIconPosition: 'start' | 'end' = 'start';\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-5xl 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-storm'>\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-storm-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\ticonPosition={this.actionIconPosition}\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-Ds0I2WHQ.js → p-CMcu6wTe.js}

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
 import { c as cva } from './p-CBWjHURv.js';
-import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-BI3JsUHo.js';
-import { d as defineCustomElement$a } from './p-DuzGrx0d.js';
-import { d as defineCustomElement$9 } from './p-D_ztNHgr.js';
-import { d as defineCustomElement$8 } from './p-CYKQOTjm.js';
-import { d as defineCustomElement$7 } from './p-DP-tFaYu.js';
-import { d as defineCustomElement$6 } from './p-DdSMoNLK.js';
+import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-hlCk1nYr.js';
+import { d as defineCustomElement$a } from './p-DbuVarXz.js';
+import { d as defineCustomElement$9 } from './p-Dl2d_IWC.js';
+import { d as defineCustomElement$8 } from './p-DMriM32U.js';
+import { d as defineCustomElement$7 } from './p-Dc8e00Zd.js';
+import { d as defineCustomElement$6 } from './p-DJRszd89.js';
 import { d as defineCustomElement$5 } from './p-BNz_LoMA.js';
-import { d as defineCustomElement$4 } from './p-DPaScMRi.js';
-import { d as defineCustomElement$3 } from './p-Das_JHQu.js';
-import { d as defineCustomElement$2 } from './p-BlOP720Z.js';
+import { d as defineCustomElement$4 } from './p-C6N9pYU4.js';
+import { d as defineCustomElement$3 } from './p-Bd1TiOlh.js';
+import { d as defineCustomElement$2 } from './p-CZh8Xlr3.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}";
 
@@ -224,6 +224,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { TableFooter as T, defineCustomElement as d };
-//# sourceMappingURL=p-Ds0I2WHQ.js.map
+//# sourceMappingURL=p-CMcu6wTe.js.map
 
-//# sourceMappingURL=p-Ds0I2WHQ.js.map
+//# sourceMappingURL=p-CMcu6wTe.js.map

package/dist/components/{p-Ds0I2WHQ.js.map → p-CMcu6wTe.js.map}

@@ -1 +1 @@
-{"file":"p-Ds0I2WHQ.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\tprivate _renderCheckTimeout: NodeJS.Timeout;\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\tcomponentDidRender() {\n\t\tif (this._renderCheckTimeout) {\n\t\t\tclearTimeout(this._renderCheckTimeout);\n\t\t\tthis._renderCheckTimeout = null;\n\t\t}\n\n\t\tthis._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);\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 modal = this._el.closest('p-modal');\n\t\tconst layout = document.querySelector('p-layout');\n\n\t\tif (modal) {\n\t\t\tconst modalBody = modal.shadowRoot.querySelector('p-modal-body');\n\t\t\tconst innerContent = modalBody.shadowRoot.querySelector('div');\n\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst modalPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${modalPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${modalPaddingBottom - 1}px`;\n\t\t}\n\n\t\tif (layout && !modal) {\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}
+{"file":"p-CMcu6wTe.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\tprivate _renderCheckTimeout: NodeJS.Timeout;\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\tcomponentDidRender() {\n\t\tif (this._renderCheckTimeout) {\n\t\t\tclearTimeout(this._renderCheckTimeout);\n\t\t\tthis._renderCheckTimeout = null;\n\t\t}\n\n\t\tthis._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);\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 modal = this._el.closest('p-modal');\n\t\tconst layout = document.querySelector('p-layout');\n\n\t\tif (modal) {\n\t\t\tconst modalBody = modal.shadowRoot.querySelector('p-modal-body');\n\t\t\tconst innerContent = modalBody.shadowRoot.querySelector('div');\n\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst modalPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${modalPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${modalPaddingBottom - 1}px`;\n\t\t}\n\n\t\tif (layout && !modal) {\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-CMZWujaK.js → p-CXutp_ae.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js';
 import { c as cva } from './p-CBWjHURv.js';
-import { d as defineCustomElement$4 } from './p-C2Ee3Hd1.js';
+import { d as defineCustomElement$4 } from './p-CrWSVtho.js';
 import { d as defineCustomElement$3 } from './p-BNz_LoMA.js';
-import { d as defineCustomElement$2 } from './p-DXMAnvYE.js';
+import { d as defineCustomElement$2 } from './p-B45wCDRo.js';
 import { d as defineCustomElement$1 } from './p-BFghMvAR.js';
 
 const modalHeaderComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.z-\\[1\\]{z-index:1!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.aspect-\\[7\\/1\\]{aspect-ratio:7/1!important}.h-12{height:3rem!important}.w-\\[calc\\(100\\%-7rem\\)\\]{width:calc(100% - 7rem)!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.flex-col{flex-direction:column!important}.justify-end{justify-content:flex-end!important}.overflow-hidden{overflow:hidden!important}.rounded-t-2xl{border-top-left-radius:1rem!important;border-top-right-radius:1rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.pb-0{padding-bottom:0!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.font-bold{font-weight:700!important}";
@@ -16,7 +16,7 @@ const title = cva([
     'flex-1 text-center',
     'w-[calc(100%-7rem)]',
     'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',
-    'black-teal-500 text-2xl text-ambit font-bold',
+    'storm-500 text-2xl text-ambit font-bold',
 ]);
 const ModalHeader = /*@__PURE__*/ proxyCustomElement(class ModalHeader extends H {
     constructor() {
@@ -34,7 +34,7 @@ const ModalHeader = /*@__PURE__*/ proxyCustomElement(class ModalHeader extends H
      */
     close;
     render() {
-        return (h("div", { key: '4946d7c4d5a1f6981801c0ae26f3f34b829fb6a4', class: header() }, h("div", { key: '0bab63782e52b919c1707d26e99814ca20850ae2', class: content() }, h("div", { key: '0c2b1eb02be7138ad27faa178b055bf15e5e76d0', class: title() }, h("slot", { key: '1b746eb803d9e03853b7e69657f442322faf7932' })), this.showClose && (h("p-button", { key: '1a7e1e8af217396877caa7d786e88554e3a250e7', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '928badcce7a4935035d9fec990d49893df78a7e3' })));
+        return (h("div", { key: '93adaa5e1244e2513961bcf531b35c701d2ddcea', class: header() }, h("div", { key: '12cf054ed11b33f5f8652620c71a25a7daf39022', class: content() }, h("div", { key: '54dcfd59d43d8de46d21a2ae894b929878399241', class: title() }, h("slot", { key: '2e57e36cd0a4292dec232f1c519a61dd83774c09' })), this.showClose && (h("p-button", { key: '311430ee8a24efc60d92159b3255ebf72a161009', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: 'ed71fd1d08cb450bf30a8945650d88b60933edbf' })));
     }
     static get style() { return modalHeaderComponentCss; }
 }, [1, "p-modal-header", {
@@ -76,6 +76,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ModalHeader as M, defineCustomElement as d };
-//# sourceMappingURL=p-CMZWujaK.js.map
+//# sourceMappingURL=p-CXutp_ae.js.map
 
-//# sourceMappingURL=p-CMZWujaK.js.map
+//# sourceMappingURL=p-CXutp_ae.js.map

package/dist/components/{p-CMZWujaK.js.map → p-CXutp_ae.js.map}

@@ -1 +1 @@
-{"file":"p-CMZWujaK.js","mappings":";;;;;;;AAAA,MAAM,uBAAuB,GAAG,+1CAA+1C;;ACG/3C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,uEAAuE;IACvE,0BAA0B;AAC1B,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC;AAEjE,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,qBAAqB;IACrB,6DAA6D;IAC7D,8CAA8C;AAC9C,CAAA,CAAC;MAOW,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,MAAM,EAAE,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,CACvB,CACZ,CACI,EAEN,CAAW,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1]',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'black-teal-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-CXutp_ae.js","mappings":";;;;;;;AAAA,MAAM,uBAAuB,GAAG,+1CAA+1C;;ACG/3C,MAAM,MAAM,GAAG,GAAG,CAAC;IAClB,uEAAuE;IACvE,0BAA0B;AAC1B,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,CAAC;AAEjE,MAAM,KAAK,GAAG,GAAG,CAAC;IACjB,oBAAoB;IACpB,qBAAqB;IACrB,6DAA6D;IAC7D,yCAAyC;AACzC,CAAA,CAAC;MAOW,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;AACvB;;AAEG;IACK,SAAS,GAAG,IAAI;AAExB;;AAEG;AAIH,IAAA,KAAK;IAEL,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,MAAM,EAAE,EAAA,EACnB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,KAAK,EAAE,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EAEL,IAAI,CAAC,SAAS,KACd,iEACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAA,CACvB,CACZ,CACI,EAEN,CAAW,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/modal/header/modal-header.component.css?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal/header/modal-header.component.tsx"],"sourcesContent":["","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst header = cva([\n\t'w-full flex-col bg-white relative rounded-t-2xl overflow-hidden z-[1]',\n\t'inline-flex aspect-[7/1]',\n]);\n\nconst content = cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);\n\nconst title = cva([\n\t'flex-1 text-center',\n\t'w-[calc(100%-7rem)]',\n\t'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',\n\t'storm-500 text-2xl text-ambit font-bold',\n]);\n\n@Component({\n\ttag: 'p-modal-header',\n\tstyleUrl: 'modal-header.component.css',\n\tshadow: true,\n})\nexport class ModalHeader {\n\t/**\n\t * Wether to show the close button on mobile\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclose: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={header()}>\n\t\t\t\t<div class={content()}>\n\t\t\t\t\t<div class={title()}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{this.showClose && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\ticon='negative'\n\t\t\t\t\t\t\ticonOnly={true}\n\t\t\t\t\t\t\tonClick={ev => this.close.emit(ev)}\n\t\t\t\t\t\t></p-button>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t<p-smile />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}