@paperless/core 0.1.0-alpha.450 → 0.1.0-alpha.451

package/dist/build/p-69263e17.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as a,h as r,H as e}from"./p-6ccf5cdd.js";const o=".block{display:block!important}*{box-sizing:border-box}:host{display:block;width:100%}.static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-large{border-radius:.375rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.transform{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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.inline{display:inline!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}";const s=class{constructor(r){t(this,r);this.download=a(this,"download",7);this.delete=a(this,"delete",7);this.mode="read";this.loading=false;this.error=undefined;this.downloading=false}render(){var t,a;let o=r("p-icon",{variant:"attachment"});if(this.loading){o=r("p-loader",null)}if(this.error){o=r("p-icon",{variant:"warning",class:"text-negative"})}return r(e,{class:"p-attachment flex items-start gap-4"},r("div",{class:`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${((t=this.error)===null||t===void 0?void 0:t.length)?"text-negative":"text-storm-medium"}`},o,r("span",{class:"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap"},r("slot",null)),((a=this.error)===null||a===void 0?void 0:a.length)&&r("p-input-error",{error:this.error})),r("p-button",{variant:"secondary",iconOnly:true,icon:this.mode==="read"?"download":"trash",disabled:this.loading,loading:this.mode==="read"&&this.downloading,size:"small",onOnClick:()=>(this.mode==="read"?this.download:this.delete).emit()}))}};s.style=o;export{s as p_attachment};
+//# sourceMappingURL=p-69263e17.entry.js.map

package/dist/build/{p-d51ede49.entry.js.map → p-69263e17.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["attachmentComponentCss","Attachment","render","prefix","h","variant","this","loading","error","class","Host","_a","length","_b","iconOnly","icon","mode","disabled","downloading","size","onOnClick","download","delete","emit"],"sources":["./src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","./src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n    @apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-attachment',\n    styleUrl: 'attachment.component.scss',\n    shadow: true,\n})\nexport class Attachment {\n    /**\n     * The variant of the button\n     */\n    @Prop() mode: 'read' | 'write' = 'read';\n\n    /**\n     * Wether the attachment is uploading/loading\n     */\n    @Prop() loading = false;\n\n    /**\n     * The error to show\n     */\n    @Prop() error: string;\n\n    /**\n     * Event when download is pressed\n     */\n    @Event() download: EventEmitter<any>;\n\n    /**\n     * Wether the attachment is downloading\n     */\n    @Prop() downloading = false;\n\n    /**\n     * Event when delete is pressed\n     */\n    @Event() delete: EventEmitter<any>;\n\n    render() {\n        let prefix = <p-icon variant=\"attachment\" />;\n\n        if (this.loading) {\n            prefix = <p-loader />;\n        }\n\n        if (this.error) {\n            prefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n        }\n\n        return (\n            <Host class=\"p-attachment flex items-start gap-4\">\n                <div\n                    class={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n                        this.error?.length\n                            ? 'text-negative'\n                            : 'text-storm-medium'\n                    }`}\n                >\n                    {prefix}\n\n                    <span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n                        <slot />\n                    </span>\n\n                    {this.error?.length && <p-input-error error={this.error} />}\n                </div>\n\n                <p-button\n                    variant=\"secondary\"\n                    iconOnly={true}\n                    icon={this.mode === 'read' ? 'download' : 'trash'}\n                    disabled={this.loading}\n                    loading={this.mode === 'read' && this.downloading}\n                    size=\"small\"\n                    onOnClick={() =>\n                        (this.mode === 'read'\n                            ? this.download\n                            : this.delete\n                        ).emit()\n                    }\n                />\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,44L,MCOlBC,EAAU,M,qGAIc,O,aAKf,M,sCAeI,K,CAOtBC,S,QACI,IAAIC,EAASC,EAAA,UAAQC,QAAQ,eAE7B,GAAIC,KAAKC,QAAS,CACdJ,EAASC,EAAA,gB,CAGb,GAAIE,KAAKE,MAAO,CACZL,EAASC,EAAA,UAAQC,QAAQ,UAAUI,MAAM,iB,CAG7C,OACIL,EAACM,EAAI,CAACD,MAAM,uCACRL,EAAA,OACIK,MAAO,2FACHE,EAAAL,KAAKE,SAAK,MAAAG,SAAA,SAAAA,EAAEC,QACN,gBACA,uBAGTT,EAEDC,EAAA,QAAMK,MAAM,kEACRL,EAAA,gBAGHS,EAAAP,KAAKE,SAAK,MAAAK,SAAA,SAAAA,EAAED,SAAUR,EAAA,iBAAeI,MAAOF,KAAKE,SAGtDJ,EAAA,YACIC,QAAQ,YACRS,SAAU,KACVC,KAAMT,KAAKU,OAAS,OAAS,WAAa,QAC1CC,SAAUX,KAAKC,QACfA,QAASD,KAAKU,OAAS,QAAUV,KAAKY,YACtCC,KAAK,QACLC,UAAW,KACNd,KAAKU,OAAS,OACTV,KAAKe,SACLf,KAAKgB,QACTC,S"}
+{"version":3,"names":["attachmentComponentCss","Attachment","render","prefix","h","variant","this","loading","error","class","Host","_a","length","_b","iconOnly","icon","mode","disabled","downloading","size","onOnClick","download","delete","emit"],"sources":["./src/components/molecules/attachment/attachment.component.scss?tag=p-attachment&encapsulation=shadow","./src/components/molecules/attachment/attachment.component.tsx"],"sourcesContent":[":host {\n    @apply block w-full;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-attachment',\n    styleUrl: 'attachment.component.scss',\n    shadow: true,\n})\nexport class Attachment {\n    /**\n     * The variant of the button\n     */\n    @Prop() mode: 'read' | 'write' = 'read';\n\n    /**\n     * Wether the attachment is uploading/loading\n     */\n    @Prop() loading = false;\n\n    /**\n     * The error to show\n     */\n    @Prop() error: string;\n\n    /**\n     * Event when download is pressed\n     */\n    @Event() download: EventEmitter<any>;\n\n    /**\n     * Wether the attachment is downloading\n     */\n    @Prop() downloading = false;\n\n    /**\n     * Event when delete is pressed\n     */\n    @Event() delete: EventEmitter<any>;\n\n    render() {\n        let prefix = <p-icon variant=\"attachment\" />;\n\n        if (this.loading) {\n            prefix = <p-loader />;\n        }\n\n        if (this.error) {\n            prefix = <p-icon variant=\"warning\" class=\"text-negative\" />;\n        }\n\n        return (\n            <Host class=\"p-attachment flex items-start gap-4\">\n                <div\n                    class={`flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-large bg-mystic px-2 ${\n                        this.error?.length\n                            ? 'text-negative'\n                            : 'text-storm-medium'\n                    }`}\n                >\n                    {prefix}\n\n                    <span class=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n                        <slot />\n                    </span>\n\n                    {this.error?.length && <p-input-error error={this.error} />}\n                </div>\n\n                <p-button\n                    variant=\"secondary\"\n                    iconOnly={true}\n                    icon={this.mode === 'read' ? 'download' : 'trash'}\n                    disabled={this.loading}\n                    loading={this.mode === 'read' && this.downloading}\n                    size=\"small\"\n                    onOnClick={() =>\n                        (this.mode === 'read'\n                            ? this.download\n                            : this.delete\n                        ).emit()\n                    }\n                />\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,28K,MCOlBC,EAAU,M,qGAIc,O,aAKf,M,sCAeI,K,CAOtBC,S,QACI,IAAIC,EAASC,EAAA,UAAQC,QAAQ,eAE7B,GAAIC,KAAKC,QAAS,CACdJ,EAASC,EAAA,gB,CAGb,GAAIE,KAAKE,MAAO,CACZL,EAASC,EAAA,UAAQC,QAAQ,UAAUI,MAAM,iB,CAG7C,OACIL,EAACM,EAAI,CAACD,MAAM,uCACRL,EAAA,OACIK,MAAO,2FACHE,EAAAL,KAAKE,SAAK,MAAAG,SAAA,SAAAA,EAAEC,QACN,gBACA,uBAGTT,EAEDC,EAAA,QAAMK,MAAM,kEACRL,EAAA,gBAGHS,EAAAP,KAAKE,SAAK,MAAAK,SAAA,SAAAA,EAAED,SAAUR,EAAA,iBAAeI,MAAOF,KAAKE,SAGtDJ,EAAA,YACIC,QAAQ,YACRS,SAAU,KACVC,KAAMT,KAAKU,OAAS,OAAS,WAAa,QAC1CC,SAAUX,KAAKC,QACfA,QAASD,KAAKU,OAAS,QAAUV,KAAKY,YACtCC,KAAK,QACLC,UAAW,KACNd,KAAKU,OAAS,OACTV,KAAKe,SACLf,KAAKgB,QACTC,S"}

package/dist/build/p-6d5aa646.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as r,c as e}from"./p-6ccf5cdd.js";const o=".flex{display:flex!important}.min-h-full{min-height:100%!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));display:flex;flex:1 1 0%;flex-direction:column;min-height:100%;padding:1.5rem 1rem env(safe-area-inset-bottom,0);width:100%}.static{position:static!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.transform{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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.inline{display:inline!important}.justify-center{justify-content:center!important}";const s=class{constructor(a){t(this,a);this.variant="default"}render(){return a(r,{class:`p-drawer-body variant-${this.variant}`},a("slot",null))}};s.style=o;const n=".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem 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}*{box-sizing:border-box}p-drawer-container{--tw-bg-opacity:1;--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInRight .5s ease forwards;background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}p-drawer-container.closing{animation:slideOutRight .2s ease forwards}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.transform{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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.inline{display:inline!important}.justify-center{justify-content:center!important}";const w=class{constructor(a){t(this,a);this.closing=false}render(){return a(r,{class:`p-drawer-container ${this.closing&&"closing"}`},a("slot",null))}};w.style=n;const i=".absolute{position:absolute!important}.sticky{position:sticky!important}.top-0{top:0!important}.flex{display:flex!important}.justify-center{justify-content:center!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-b-mystic-dark{--tw-border-opacity:1!important;border-bottom-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:0!important;border-bottom:1px rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:center;line-height:1.75rem;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:sticky;top:0;z-index:501}:host p-button{left:1rem;position:absolute;top:calc(env(safe-area-inset-top, 0) + 1rem)}.static{position:static!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.transform{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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.inline{display:inline!important}.w-full{width:100%!important}";const l=class{constructor(a){t(this,a);this.close=e(this,"close",7);this.showClose=true}render(){return a(r,{class:"p-drawer-header"},this.showClose&&a("p-button",{variant:"secondary",icon:"negative",iconOnly:true,onClick:()=>this.close.emit(),size:"small"}),a("slot",null))}};l.style=i;export{s as p_drawer_body,w as p_drawer_container,l as p_drawer_header};
+//# sourceMappingURL=p-6d5aa646.entry.js.map

package/dist/build/{p-e8a815d7.entry.js.map → p-6d5aa646.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["drawerBodyComponentCss","ModalBody","render","h","Host","class","this","variant","drawerContainerComponentCss","ModalContainer","closing","drawerHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","close","emit","size"],"sources":["./src/components/atoms/drawer-body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","./src/components/atoms/drawer-body/drawer-body.component.tsx","./src/components/atoms/drawer-container/drawer-container.component.scss?tag=p-drawer-container","./src/components/atoms/drawer-container/drawer-container.component.tsx","./src/components/atoms/drawer-header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","./src/components/atoms/drawer-header/drawer-header.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-1 flex-col;\n    @apply min-h-full w-full px-4 py-6;\n    @apply bg-mystic;\n\n    padding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer-body',\n    styleUrl: 'drawer-body.component.scss',\n    shadow: true,\n})\nexport class ModalBody {\n    /**\n     * The variant of the modal body\n     */\n    @Prop() variant: 'default' | 'table' = 'default';\n\n    render() {\n        return (\n            <Host class={`p-drawer-body variant-${this.variant}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n","p-drawer-container {\n    @apply z-drawer flex flex-col;\n    // tablet:w-[22.5rem]\n    @apply w-full tablet:w-[22.5rem];\n    @apply bg-white;\n    @apply animate-slide-in-right;\n    @apply min-h-screen;\n\n    @apply shadow-4 #{!important};\n\n    &.closing {\n        @apply animate-slide-out-right;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n    tag: 'p-drawer-container',\n    styleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n    /**\n     * Wether the container is closing\n     */\n    @Prop() closing: boolean = false;\n\n    render() {\n        return (\n            <Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-white;\n    @apply sticky top-0 flex justify-center items-center;\n    @apply p-4 z-drawer-header;\n\n    padding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n    @apply text-storm-dark text-xl font-semibold;\n\n    @apply border-0 border-b border-b-mystic-dark border-solid #{!important};\n\n    p-button {\n        @apply absolute left-4;\n\n        top: calc(env(safe-area-inset-top, 0) + 1rem);\n    }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer-header',\n    styleUrl: 'drawer-header.component.scss',\n    shadow: true,\n})\nexport class ModalHeader {\n    /**\n     * Wether to show the close button on mobile\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Close click event\n     */\n    @Event() close: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host class=\"p-drawer-header\">\n                {this.showClose && (\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"negative\"\n                        iconOnly={true}\n                        onClick={() => this.close.emit()}\n                        size=\"small\"\n                    ></p-button>\n                )}\n\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,s0J,MCOlBC,EAAS,M,sCAIqB,S,CAEvCC,SACI,OACIC,EAACC,EAAI,CAACC,MAAO,yBAAyBC,KAAKC,WACvCJ,EAAA,a,aChBhB,MAAMK,EAA8B,uvL,MCYvBC,EAAc,M,sCAII,K,CAE3BP,SACI,OACIC,EAACC,EAAI,CAACC,MAAO,sBAAsBC,KAAKI,SAAW,aAC/CP,EAAA,a,aCrBhB,MAAMQ,EAA2B,2hL,MCOpBC,EAAW,M,qEAIA,I,CAOpBV,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,mBACPC,KAAKO,WACFV,EAAA,YACII,QAAQ,YACRO,KAAK,WACLC,SAAU,KACVC,QAAS,IAAMV,KAAKW,MAAMC,OAC1BC,KAAK,UAIbhB,EAAA,a"}
+{"version":3,"names":["drawerBodyComponentCss","ModalBody","render","h","Host","class","this","variant","drawerContainerComponentCss","ModalContainer","closing","drawerHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","close","emit","size"],"sources":["./src/components/atoms/drawer-body/drawer-body.component.scss?tag=p-drawer-body&encapsulation=shadow","./src/components/atoms/drawer-body/drawer-body.component.tsx","./src/components/atoms/drawer-container/drawer-container.component.scss?tag=p-drawer-container","./src/components/atoms/drawer-container/drawer-container.component.tsx","./src/components/atoms/drawer-header/drawer-header.component.scss?tag=p-drawer-header&encapsulation=shadow","./src/components/atoms/drawer-header/drawer-header.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-1 flex-col;\n    @apply min-h-full w-full px-4 py-6;\n    @apply bg-mystic;\n\n    padding-bottom: env(safe-area-inset-bottom, 0);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer-body',\n    styleUrl: 'drawer-body.component.scss',\n    shadow: true,\n})\nexport class ModalBody {\n    /**\n     * The variant of the modal body\n     */\n    @Prop() variant: 'default' | 'table' = 'default';\n\n    render() {\n        return (\n            <Host class={`p-drawer-body variant-${this.variant}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n","p-drawer-container {\n    @apply z-drawer flex flex-col;\n    // tablet:w-[22.5rem]\n    @apply w-full tablet:w-[22.5rem];\n    @apply bg-white;\n    @apply animate-slide-in-right;\n    @apply min-h-screen;\n\n    @apply shadow-4 #{!important};\n\n    &.closing {\n        @apply animate-slide-out-right;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $drawer-xs: 20rem;\n// $drawer-sm: 33.5rem;\n// $drawer-md: 38rem;\n// $drawer-lg: 47.5rem;\n// $drawer-xl: 57.5rem;\n\n@Component({\n    tag: 'p-drawer-container',\n    styleUrl: 'drawer-container.component.scss',\n})\nexport class ModalContainer {\n    /**\n     * Wether the container is closing\n     */\n    @Prop() closing: boolean = false;\n\n    render() {\n        return (\n            <Host class={`p-drawer-container ${this.closing && 'closing'}`}>\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-white;\n    @apply sticky top-0 flex justify-center items-center;\n    @apply p-4 z-drawer-header;\n\n    padding-top: calc(env(safe-area-inset-top, 0) + 1rem);\n\n    @apply text-storm-dark text-xl font-semibold;\n\n    @apply border-0 border-b border-b-mystic-dark border-solid #{!important};\n\n    p-button {\n        @apply absolute left-4;\n\n        top: calc(env(safe-area-inset-top, 0) + 1rem);\n    }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer-header',\n    styleUrl: 'drawer-header.component.scss',\n    shadow: true,\n})\nexport class ModalHeader {\n    /**\n     * Wether to show the close button on mobile\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Close click event\n     */\n    @Event() close: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host class=\"p-drawer-header\">\n                {this.showClose && (\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"negative\"\n                        iconOnly={true}\n                        onClick={() => this.close.emit()}\n                        size=\"small\"\n                    ></p-button>\n                )}\n\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAyB,24I,MCOlBC,EAAS,M,sCAIqB,S,CAEvCC,SACI,OACIC,EAACC,EAAI,CAACC,MAAO,yBAAyBC,KAAKC,WACvCJ,EAAA,a,aChBhB,MAAMK,EAA8B,4zK,MCYvBC,EAAc,M,sCAII,K,CAE3BP,SACI,OACIC,EAACC,EAAI,CAACC,MAAO,sBAAsBC,KAAKI,SAAW,aAC/CP,EAAA,a,aCrBhB,MAAMQ,EAA2B,gmK,MCOpBC,EAAW,M,qEAIA,I,CAOpBV,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,mBACPC,KAAKO,WACFV,EAAA,YACII,QAAQ,YACRO,KAAK,WACLC,SAAU,KACVC,QAAS,IAAMV,KAAKW,MAAMC,OAC1BC,KAAK,UAIbhB,EAAA,a"}

package/dist/build/p-6f1352e0.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,H as s,g as e}from"./p-6ccf5cdd.js";const r=".absolute{position:absolute!important}.relative{position:relative!important}.mt-3{margin-top:.75rem!important}.flex{display:flex!important}.w-0{width:0!important}.w-full{width:100%!important}.flex-shrink-0{flex-shrink:0!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.overflow-visible{overflow:visible!important}.p-16{padding:4rem!important}.pt-1{padding-top:.25rem!important}.will-change-transform{will-change:transform!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;margin:-4rem;overflow:hidden;padding:4rem}:host .slider{box-sizing:content-box;overflow:visible;position:relative}:host .slider.draggable{cursor:grab}@media (min-width:64rem){:host .slider.draggable{cursor:auto}}:host .slider.draggable.dragging{cursor:grabbing}@media (min-width:64rem){:host .slider.draggable.dragging{cursor:auto}}:host .slider.draggable.dragging .inner-slider{transition-property:none}:host .slider .inner-slider{--tw-translate-x:0px;align-items:stretch;display:flex;flex-wrap:nowrap;gap:.5rem;position:absolute;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));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.15s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}@media (min-width:64rem){:host .slider .inner-slider{flex-wrap:wrap;gap:1rem}}:host .slider .inner-slider>::slotted(*){flex-shrink:0;position:relative;width:100%;z-index:10}@media (min-width:40rem){:host .slider .inner-slider>::slotted(*){width:calc(50% - .5rem)}}@media (min-width:64rem){:host .slider .inner-slider>::slotted(*){flex:1 1 0%;width:0}}:host .indicator{align-items:center;display:flex;justify-content:center}@media (min-width:64rem){:host .indicator{display:none}}:host .indicator .item{margin-top:.75rem;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:gap-4{gap:1rem!important}}.visible{visibility:visible!important}.static{position:static!important}.hidden{display:none!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}";const n=class{constructor(i){t(this,i);this._items=[];this._shouldCheckLocation=false;this.hideMobileIndicator=false;this.disableDrag=false;this.disableAutoCenter=false;this.disableIndicatorClick=false;this._visibleIndex=undefined;this._outerHeight=0;this._totalWidth=0;this._dragging=false}componentWillRender(){const t=this._el.querySelectorAll(":scope > *");this._items=Array.from(t)}componentDidLoad(){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`);this._calculateWidth();this._calculateIndicator()}disconnectedCallback(){if(this._innerSliderResizeObserver){this._innerSliderResizeObserver.disconnect()}}render(){return i(s,{class:"p-content-slider"},i("div",{class:`slider ${!this.disableDrag&&"draggable"} ${this._dragging&&"dragging"}`,style:{height:`${this._outerHeight}px`},ref:t=>this._sliderRef=t,onMouseDown:t=>this._mouseDownHandler(t),onTouchStart:t=>this._mouseDownHandler(t),onMouseMove:t=>this._mouseMoveHandler(t),onTouchMove:t=>this._mouseMoveHandler(t)},i("div",{class:"inner-slider",ref:t=>this._setInnerSliderReft(t),onTransitionEnd:()=>this._transitionEndHandler()},i("slot",null))),i("div",{class:`indicator ${this.hideMobileIndicator&&"hidden"}`},this._items.map(((t,s)=>i("div",{onClick:()=>this._scrollTo(s,true),class:`item ${!this.disableIndicatorClick&&"cursor-pointer"}`},i("p-slider-indicator",{active:s===this._visibleIndex}))))))}_mouseDownHandler(t){var i;if(this.disableDrag||this._dragging){return}const s=getComputedStyle(this._innerSliderRef);if(s.flexWrap==="wrap"){return}this._startMouseX=t.x;const e=this._sliderRef.getBoundingClientRect();if(t.type==="touchstart"){this._startMouseX=(i=t.touches)===null||i===void 0?void 0:i[0].clientX}const r=this._innerSliderRef.getBoundingClientRect();const n=r.x-e.x;this._startX=this._startMouseX-e.x-n;this._lastIndex=this._visibleIndex;this._dragging=true}_mouseMoveHandler(t){var i,s;if(!t||!this._dragging||this.disableDrag){return}t.preventDefault();this._shouldCheckLocation=true;if(this._innerSliderRef.style.getPropertyValue("pointer-events")===""){this._innerSliderRef.style.pointerEvents="none"}const e=this._sliderRef.getBoundingClientRect();let r=t.clientX-e.left;this._lastMouseX=t.x;if(t.type==="touchmove"){r=((i=t.touches)===null||i===void 0?void 0:i[0].clientX)-e.left;this._lastMouseX=(s=t.touches)===null||s===void 0?void 0:s[0].clientX}this._innerSliderRef.style.setProperty("--tw-translate-x",`${r-this._startX}px`);this._checkBoundary();this._calculateIndicator()}_transitionEndHandler(){this._calculateIndicator()}mouseUpHandler(){this._dragging=false;this._innerSliderRef.style.removeProperty("pointer-events");this._checkLocation()}resizeHandler(){if(this._innerSliderRef){this._innerSliderRef.style.setProperty("--tw-translate-x","0px");this._calculateWidth();this._calculateIndicator()}}_setInnerSliderReft(t){this._innerSliderRef=t;this._innerSliderResizeObserver=new ResizeObserver((()=>this._calculateHeight()));this._innerSliderResizeObserver.observe(this._innerSliderRef)}_scrollTo(t,i=false){if(this.disableIndicatorClick&&i){return}const s=this._items[t];if(t===0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`);return}const e=this._sliderRef.getBoundingClientRect();const r=this._innerSliderRef.getBoundingClientRect();const n=s.getBoundingClientRect();const a=n.x-r.x;const o=a+n.width/2-e.width/2;this._innerSliderRef.style.setProperty("--tw-translate-x",`-${o}px`);this._checkBoundary();this._calculateIndicator()}_checkBoundary(){let t=this._sliderRef.getBoundingClientRect();const i=parseInt(this._innerSliderRef.style.getPropertyValue("--tw-translate-x"));if(i>0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`)}const s=(this._totalWidth-t.width)*-1;if(i<s){this._innerSliderRef.style.setProperty("--tw-translate-x",`${s}px`)}}_calculateIndicator(){for(let t=0;t<this._items.length;t++){const i=this._items[t];const s=this._isVisible(i);if(s){this._visibleIndex=t}if(t===0&&s){break}}}_checkLocation(){var t;if(!this._shouldCheckLocation){return}let i=null;if(this._lastIndex!==this._visibleIndex){i=this._visibleIndex}if(this._lastIndex===this._visibleIndex){if(this._lastMouseX>this._startMouseX&&this._lastIndex!==0){i=this._lastIndex-1}if(this._lastMouseX<this._startMouseX&&this._lastIndex!==((t=this._items)===null||t===void 0?void 0:t.length)-1){i=this._lastIndex+1}}if(i!==null){this._shouldCheckLocation=false;setTimeout((()=>this._scrollTo(i)),100)}}_isVisible(t){if(!this._el||!t){return false}const i=t.getBoundingClientRect();const s=this._sliderRef.getBoundingClientRect();return i.left>=s.left&&i.right<=s.right||this._isMobile(t)&&i.left+i.width/2>=s.left&&i.left+i.width/2<=s.right}_calculateWidth(){let t=0;for(let i of this._items){const s=i.getBoundingClientRect();t+=s.width}const i=getComputedStyle(this._sliderRef);const s=parseInt(i.padding)*2;const e=getComputedStyle(this._innerSliderRef);const r=parseInt(e.gap)*(this._items.length-1);t+=s+r;this._totalWidth=t}_calculateHeight(){const t=this._items.at(0).getBoundingClientRect().height;if(t!=this._outerHeight){this._outerHeight=t}}_isMobile(t){if(!t){t=this._items.at(0)}const i=t.getBoundingClientRect();const s=this._sliderRef.getBoundingClientRect();return s.width-i.width<10}get _el(){return e(this)}};n.style=r;export{n as p_content_slider};
+//# sourceMappingURL=p-6f1352e0.entry.js.map

package/dist/{paperless/p-b5b591c7.entry.js.map → build/p-6f1352e0.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["contentSliderComponentCss","ContentSlider","this","_items","_shouldCheckLocation","componentWillRender","items","_el","querySelectorAll","Array","from","componentDidLoad","_innerSliderRef","style","setProperty","_calculateWidth","_calculateIndicator","disconnectedCallback","_innerSliderResizeObserver","disconnect","render","h","Host","class","disableDrag","_dragging","height","_outerHeight","ref","el","_sliderRef","onMouseDown","e","_mouseDownHandler","onTouchStart","onMouseMove","_mouseMoveHandler","onTouchMove","_setInnerSliderReft","onTransitionEnd","_transitionEndHandler","hideMobileIndicator","map","_","i","onClick","_scrollTo","disableIndicatorClick","active","_visibleIndex","innerSliderStyle","getComputedStyle","flexWrap","_startMouseX","x","sliderRect","getBoundingClientRect","type","_a","touches","clientX","innerSliderRect","offsetLeft","_startX","_lastIndex","preventDefault","getPropertyValue","pointerEvents","left","_lastMouseX","_b","_checkBoundary","mouseUpHandler","removeProperty","_checkLocation","resizeHandler","ResizeObserver","_calculateHeight","observe","manual","elRect","centerOffset","width","outer","parseInt","maxLeft","_totalWidth","length","item","visible","_isVisible","scrollToIndex","setTimeout","right","_isMobile","totalWidth","rect","sliderStyle","padding","gap","outerHeight","at"],"sources":["./src/components/molecules/content-slider/content-slider.component.scss?tag=p-content-slider&encapsulation=shadow","./src/components/molecules/content-slider/content-slider.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-col overflow-hidden;\n\n    @apply p-16 -m-16;\n\n    .slider {\n        @apply overflow-visible relative box-content;\n\n        &.draggable {\n            @apply cursor-grab desktop-xs:cursor-auto;\n\n            &.dragging {\n                @apply cursor-grabbing desktop-xs:cursor-auto;\n\n                .inner-slider {\n                    @apply transition-none;\n                }\n            }\n        }\n\n        .inner-slider {\n            @apply absolute flex flex-nowrap items-stretch w-full gap-2;\n\n            @apply will-change-transform transform-gpu translate-x-0;\n\n            @apply desktop-xs:gap-4 desktop-xs:flex-wrap;\n\n            @apply transition-all;\n            transition-duration: 0.5s;\n\n            > ::slotted(*) {\n                @apply w-full;\n                @apply flex-shrink-0 z-10;\n\n                @screen tablet {\n                    width: calc(50% - 0.5rem);\n                }\n\n                @screen desktop-xs {\n                    @apply w-0 flex-1;\n                }\n\n                position: relative;\n            }\n        }\n    }\n\n    .indicator {\n        @apply flex justify-center items-center desktop-xs:hidden;\n\n        .item {\n            @apply mt-3 pt-1 px-1;\n        }\n    }\n}\n","import {\n    Component,\n    Element,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-content-slider',\n    styleUrl: 'content-slider.component.scss',\n    shadow: true,\n})\nexport class ContentSlider {\n    /**\n     * Wether to hide the indicator on mobile\n     */\n    @Prop() hideMobileIndicator: boolean = false;\n\n    /**\n     * Wether to disable dragging the content\n     */\n    @Prop() disableDrag: boolean = false;\n\n    /**\n     * Wether to disable auto centering the content\n     */\n    @Prop() disableAutoCenter: boolean = false;\n\n    /**\n     * Wether to disable clicking the indicator scrolls content\n     */\n    @Prop() disableIndicatorClick: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _visibleIndex: number;\n    @State() private _outerHeight = 0;\n    @State() private _totalWidth = 0;\n    private _sliderRef: HTMLElement;\n    private _innerSliderRef: HTMLElement;\n    private _items: HTMLElement[] = [];\n    private _innerSliderResizeObserver: ResizeObserver;\n\n    // mouse movement stuff\n    private _startX: number;\n    private _startMouseX: number;\n    private _lastMouseX: number;\n    private _lastIndex: number;\n    private _shouldCheckLocation = false;\n    @State() private _dragging = false;\n\n    componentWillRender() {\n        const items = this._el.querySelectorAll(':scope > *');\n        this._items = Array.from(items) as HTMLElement[];\n    }\n\n    componentDidLoad() {\n        this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n        this._calculateWidth();\n        this._calculateIndicator();\n    }\n\n    disconnectedCallback() {\n        if (this._innerSliderResizeObserver) {\n            this._innerSliderResizeObserver.disconnect();\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-content-slider\">\n                <div\n                    class={`slider ${!this.disableDrag && 'draggable'} ${\n                        this._dragging && 'dragging'\n                    }`}\n                    style={{\n                        height: `${this._outerHeight}px`,\n                    }}\n                    ref={(el) => (this._sliderRef = el)}\n                    onMouseDown={(e) => this._mouseDownHandler(e)}\n                    onTouchStart={(e) => this._mouseDownHandler(e)}\n                    onMouseMove={(e) => this._mouseMoveHandler(e)}\n                    onTouchMove={(e) => this._mouseMoveHandler(e)}\n                >\n                    <div\n                        class=\"inner-slider\"\n                        ref={(ref) => this._setInnerSliderReft(ref)}\n                        onTransitionEnd={() => this._transitionEndHandler()}\n                    >\n                        <slot />\n                    </div>\n                </div>\n                <div\n                    class={`indicator ${this.hideMobileIndicator && 'hidden'}`}\n                >\n                    {this._items.map((_, i) => (\n                        <div\n                            onClick={() => this._scrollTo(i, true)}\n                            class={`item ${\n                                !this.disableIndicatorClick && 'cursor-pointer'\n                            }`}\n                        >\n                            <p-slider-indicator\n                                active={i === this._visibleIndex}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </Host>\n        );\n    }\n\n    private _mouseDownHandler(e) {\n        if (this.disableDrag || this._dragging) {\n            return;\n        }\n\n        const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n        if (innerSliderStyle.flexWrap === 'wrap') {\n            return;\n        }\n\n        this._startMouseX = e.x;\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        if (e.type === 'touchstart') {\n            this._startMouseX = e.touches?.[0].clientX;\n        }\n\n        const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n        const offsetLeft = innerSliderRect.x - sliderRect.x;\n\n        this._startX = this._startMouseX - sliderRect.x - offsetLeft;\n        this._lastIndex = this._visibleIndex;\n        this._dragging = true;\n    }\n\n    private _mouseMoveHandler(e) {\n        if (!e || !this._dragging || this.disableDrag) {\n            return;\n        }\n\n        e.preventDefault();\n\n        this._shouldCheckLocation = true;\n\n        if (\n            this._innerSliderRef.style.getPropertyValue('pointer-events') === ''\n        ) {\n            this._innerSliderRef.style.pointerEvents = 'none';\n        }\n\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        let x = e.clientX - sliderRect.left;\n        this._lastMouseX = e.x;\n        if (e.type === 'touchmove') {\n            x = e.touches?.[0].clientX - sliderRect.left;\n            this._lastMouseX = e.touches?.[0].clientX;\n        }\n\n        this._innerSliderRef.style.setProperty(\n            '--tw-translate-x',\n            `${x - this._startX}px`\n        );\n\n        this._checkBoundary();\n        this._calculateIndicator();\n    }\n\n    private _transitionEndHandler() {\n        this._calculateIndicator();\n    }\n\n    @Listen('mouseup', { target: 'window' })\n    @Listen('touchend', { target: 'window' })\n    mouseUpHandler() {\n        this._dragging = false;\n        this._innerSliderRef.style.removeProperty('pointer-events');\n\n        this._checkLocation();\n    }\n\n    @Listen('resize', { target: 'window' })\n    resizeHandler() {\n        if (this._innerSliderRef) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n            this._calculateWidth();\n            this._calculateIndicator();\n        }\n    }\n\n    private _setInnerSliderReft(ref) {\n        this._innerSliderRef = ref;\n        this._innerSliderResizeObserver = new ResizeObserver(() =>\n            this._calculateHeight()\n        );\n        this._innerSliderResizeObserver.observe(this._innerSliderRef);\n    }\n\n    private _scrollTo(i: number, manual = false) {\n        if (this.disableIndicatorClick && manual) {\n            return;\n        }\n\n        const el = this._items[i];\n\n        if (i === 0) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n            return;\n        }\n\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n        const elRect = el.getBoundingClientRect();\n\n        const offsetLeft = elRect.x - innerSliderRect.x;\n\n        const centerOffset =\n            offsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n        this._innerSliderRef.style.setProperty(\n            '--tw-translate-x',\n            `-${centerOffset}px`\n        );\n\n        this._checkBoundary();\n        this._calculateIndicator();\n    }\n\n    private _checkBoundary() {\n        let outer = this._sliderRef.getBoundingClientRect();\n\n        const left = parseInt(\n            this._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n        );\n        if (left > 0) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n        }\n\n        const maxLeft = (this._totalWidth - outer.width) * -1;\n        if (left < maxLeft) {\n            this._innerSliderRef.style.setProperty(\n                '--tw-translate-x',\n                `${maxLeft}px`\n            );\n        }\n    }\n\n    private _calculateIndicator() {\n        for (let i = 0; i < this._items.length; i++) {\n            const item = this._items[i];\n            const visible = this._isVisible(item);\n\n            if (visible) {\n                this._visibleIndex = i;\n            }\n\n            if (i === 0 && visible) {\n                break;\n            }\n        }\n    }\n\n    private _checkLocation() {\n        if (!this._shouldCheckLocation) {\n            return;\n        }\n\n        let scrollToIndex = null;\n        if (this._lastIndex !== this._visibleIndex) {\n            scrollToIndex = this._visibleIndex;\n        }\n\n        if (this._lastIndex === this._visibleIndex) {\n            if (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n                scrollToIndex = this._lastIndex - 1;\n            }\n\n            if (\n                this._lastMouseX < this._startMouseX &&\n                this._lastIndex !== this._items?.length - 1\n            ) {\n                scrollToIndex = this._lastIndex + 1;\n            }\n        }\n\n        if (scrollToIndex !== null) {\n            this._shouldCheckLocation = false;\n            setTimeout(() => this._scrollTo(scrollToIndex), 100);\n        }\n    }\n\n    private _isVisible(el: HTMLElement) {\n        if (!this._el || !el) {\n            return false;\n        }\n\n        const elRect = el.getBoundingClientRect();\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n\n        return (\n            (elRect.left >= sliderRect.left &&\n                elRect.right <= sliderRect.right) ||\n            (this._isMobile(el) &&\n                elRect.left + elRect.width / 2 >= sliderRect.left &&\n                elRect.left + elRect.width / 2 <= sliderRect.right)\n        );\n    }\n\n    private _calculateWidth() {\n        let totalWidth = 0;\n\n        for (let item of this._items) {\n            const rect = item.getBoundingClientRect();\n            totalWidth += rect.width;\n        }\n\n        const sliderStyle = getComputedStyle(this._sliderRef);\n        const padding = parseInt(sliderStyle.padding) * 2;\n\n        const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n        const gap = parseInt(innerSliderStyle.gap) * (this._items.length - 1);\n\n        totalWidth += padding + gap;\n\n        this._totalWidth = totalWidth;\n    }\n\n    private _calculateHeight() {\n        const outerHeight = this._items.at(0).getBoundingClientRect().height;\n        if (outerHeight != this._outerHeight) {\n            this._outerHeight = outerHeight;\n        }\n    }\n\n    private _isMobile(el?: HTMLElement) {\n        if (!el) {\n            el = this._items.at(0);\n        }\n\n        const elRect = el.getBoundingClientRect();\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n\n        return sliderRect.width - elRect.width < 10;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["contentSliderComponentCss","ContentSlider","this","_items","_shouldCheckLocation","componentWillRender","items","_el","querySelectorAll","Array","from","componentDidLoad","_innerSliderRef","style","setProperty","_calculateWidth","_calculateIndicator","disconnectedCallback","_innerSliderResizeObserver","disconnect","render","h","Host","class","disableDrag","_dragging","height","_outerHeight","ref","el","_sliderRef","onMouseDown","e","_mouseDownHandler","onTouchStart","onMouseMove","_mouseMoveHandler","onTouchMove","_setInnerSliderReft","onTransitionEnd","_transitionEndHandler","hideMobileIndicator","map","_","i","onClick","_scrollTo","disableIndicatorClick","active","_visibleIndex","innerSliderStyle","getComputedStyle","flexWrap","_startMouseX","x","sliderRect","getBoundingClientRect","type","_a","touches","clientX","innerSliderRect","offsetLeft","_startX","_lastIndex","preventDefault","getPropertyValue","pointerEvents","left","_lastMouseX","_b","_checkBoundary","mouseUpHandler","removeProperty","_checkLocation","resizeHandler","ResizeObserver","_calculateHeight","observe","manual","elRect","centerOffset","width","outer","parseInt","maxLeft","_totalWidth","length","item","visible","_isVisible","scrollToIndex","setTimeout","right","_isMobile","totalWidth","rect","sliderStyle","padding","gap","outerHeight","at"],"sources":["./src/components/molecules/content-slider/content-slider.component.scss?tag=p-content-slider&encapsulation=shadow","./src/components/molecules/content-slider/content-slider.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-col overflow-hidden;\n\n    @apply p-16 -m-16;\n\n    .slider {\n        @apply overflow-visible relative box-content;\n\n        &.draggable {\n            @apply cursor-grab desktop-xs:cursor-auto;\n\n            &.dragging {\n                @apply cursor-grabbing desktop-xs:cursor-auto;\n\n                .inner-slider {\n                    @apply transition-none;\n                }\n            }\n        }\n\n        .inner-slider {\n            @apply absolute flex flex-nowrap items-stretch w-full gap-2;\n\n            @apply will-change-transform transform-gpu translate-x-0;\n\n            @apply desktop-xs:gap-4 desktop-xs:flex-wrap;\n\n            @apply transition-all;\n            transition-duration: 0.5s;\n\n            > ::slotted(*) {\n                @apply w-full;\n                @apply flex-shrink-0 z-10;\n\n                @screen tablet {\n                    width: calc(50% - 0.5rem);\n                }\n\n                @screen desktop-xs {\n                    @apply w-0 flex-1;\n                }\n\n                position: relative;\n            }\n        }\n    }\n\n    .indicator {\n        @apply flex justify-center items-center desktop-xs:hidden;\n\n        .item {\n            @apply mt-3 pt-1 px-1;\n        }\n    }\n}\n","import {\n    Component,\n    Element,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-content-slider',\n    styleUrl: 'content-slider.component.scss',\n    shadow: true,\n})\nexport class ContentSlider {\n    /**\n     * Wether to hide the indicator on mobile\n     */\n    @Prop() hideMobileIndicator: boolean = false;\n\n    /**\n     * Wether to disable dragging the content\n     */\n    @Prop() disableDrag: boolean = false;\n\n    /**\n     * Wether to disable auto centering the content\n     */\n    @Prop() disableAutoCenter: boolean = false;\n\n    /**\n     * Wether to disable clicking the indicator scrolls content\n     */\n    @Prop() disableIndicatorClick: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _visibleIndex: number;\n    @State() private _outerHeight = 0;\n    @State() private _totalWidth = 0;\n    private _sliderRef: HTMLElement;\n    private _innerSliderRef: HTMLElement;\n    private _items: HTMLElement[] = [];\n    private _innerSliderResizeObserver: ResizeObserver;\n\n    // mouse movement stuff\n    private _startX: number;\n    private _startMouseX: number;\n    private _lastMouseX: number;\n    private _lastIndex: number;\n    private _shouldCheckLocation = false;\n    @State() private _dragging = false;\n\n    componentWillRender() {\n        const items = this._el.querySelectorAll(':scope > *');\n        this._items = Array.from(items) as HTMLElement[];\n    }\n\n    componentDidLoad() {\n        this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n        this._calculateWidth();\n        this._calculateIndicator();\n    }\n\n    disconnectedCallback() {\n        if (this._innerSliderResizeObserver) {\n            this._innerSliderResizeObserver.disconnect();\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-content-slider\">\n                <div\n                    class={`slider ${!this.disableDrag && 'draggable'} ${\n                        this._dragging && 'dragging'\n                    }`}\n                    style={{\n                        height: `${this._outerHeight}px`,\n                    }}\n                    ref={(el) => (this._sliderRef = el)}\n                    onMouseDown={(e) => this._mouseDownHandler(e)}\n                    onTouchStart={(e) => this._mouseDownHandler(e)}\n                    onMouseMove={(e) => this._mouseMoveHandler(e)}\n                    onTouchMove={(e) => this._mouseMoveHandler(e)}\n                >\n                    <div\n                        class=\"inner-slider\"\n                        ref={(ref) => this._setInnerSliderReft(ref)}\n                        onTransitionEnd={() => this._transitionEndHandler()}\n                    >\n                        <slot />\n                    </div>\n                </div>\n                <div\n                    class={`indicator ${this.hideMobileIndicator && 'hidden'}`}\n                >\n                    {this._items.map((_, i) => (\n                        <div\n                            onClick={() => this._scrollTo(i, true)}\n                            class={`item ${\n                                !this.disableIndicatorClick && 'cursor-pointer'\n                            }`}\n                        >\n                            <p-slider-indicator\n                                active={i === this._visibleIndex}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </Host>\n        );\n    }\n\n    private _mouseDownHandler(e) {\n        if (this.disableDrag || this._dragging) {\n            return;\n        }\n\n        const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n        if (innerSliderStyle.flexWrap === 'wrap') {\n            return;\n        }\n\n        this._startMouseX = e.x;\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        if (e.type === 'touchstart') {\n            this._startMouseX = e.touches?.[0].clientX;\n        }\n\n        const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n        const offsetLeft = innerSliderRect.x - sliderRect.x;\n\n        this._startX = this._startMouseX - sliderRect.x - offsetLeft;\n        this._lastIndex = this._visibleIndex;\n        this._dragging = true;\n    }\n\n    private _mouseMoveHandler(e) {\n        if (!e || !this._dragging || this.disableDrag) {\n            return;\n        }\n\n        e.preventDefault();\n\n        this._shouldCheckLocation = true;\n\n        if (\n            this._innerSliderRef.style.getPropertyValue('pointer-events') === ''\n        ) {\n            this._innerSliderRef.style.pointerEvents = 'none';\n        }\n\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        let x = e.clientX - sliderRect.left;\n        this._lastMouseX = e.x;\n        if (e.type === 'touchmove') {\n            x = e.touches?.[0].clientX - sliderRect.left;\n            this._lastMouseX = e.touches?.[0].clientX;\n        }\n\n        this._innerSliderRef.style.setProperty(\n            '--tw-translate-x',\n            `${x - this._startX}px`\n        );\n\n        this._checkBoundary();\n        this._calculateIndicator();\n    }\n\n    private _transitionEndHandler() {\n        this._calculateIndicator();\n    }\n\n    @Listen('mouseup', { target: 'window' })\n    @Listen('touchend', { target: 'window' })\n    mouseUpHandler() {\n        this._dragging = false;\n        this._innerSliderRef.style.removeProperty('pointer-events');\n\n        this._checkLocation();\n    }\n\n    @Listen('resize', { target: 'window' })\n    resizeHandler() {\n        if (this._innerSliderRef) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n            this._calculateWidth();\n            this._calculateIndicator();\n        }\n    }\n\n    private _setInnerSliderReft(ref) {\n        this._innerSliderRef = ref;\n        this._innerSliderResizeObserver = new ResizeObserver(() =>\n            this._calculateHeight()\n        );\n        this._innerSliderResizeObserver.observe(this._innerSliderRef);\n    }\n\n    private _scrollTo(i: number, manual = false) {\n        if (this.disableIndicatorClick && manual) {\n            return;\n        }\n\n        const el = this._items[i];\n\n        if (i === 0) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n            return;\n        }\n\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n        const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n        const elRect = el.getBoundingClientRect();\n\n        const offsetLeft = elRect.x - innerSliderRect.x;\n\n        const centerOffset =\n            offsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n        this._innerSliderRef.style.setProperty(\n            '--tw-translate-x',\n            `-${centerOffset}px`\n        );\n\n        this._checkBoundary();\n        this._calculateIndicator();\n    }\n\n    private _checkBoundary() {\n        let outer = this._sliderRef.getBoundingClientRect();\n\n        const left = parseInt(\n            this._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n        );\n        if (left > 0) {\n            this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n        }\n\n        const maxLeft = (this._totalWidth - outer.width) * -1;\n        if (left < maxLeft) {\n            this._innerSliderRef.style.setProperty(\n                '--tw-translate-x',\n                `${maxLeft}px`\n            );\n        }\n    }\n\n    private _calculateIndicator() {\n        for (let i = 0; i < this._items.length; i++) {\n            const item = this._items[i];\n            const visible = this._isVisible(item);\n\n            if (visible) {\n                this._visibleIndex = i;\n            }\n\n            if (i === 0 && visible) {\n                break;\n            }\n        }\n    }\n\n    private _checkLocation() {\n        if (!this._shouldCheckLocation) {\n            return;\n        }\n\n        let scrollToIndex = null;\n        if (this._lastIndex !== this._visibleIndex) {\n            scrollToIndex = this._visibleIndex;\n        }\n\n        if (this._lastIndex === this._visibleIndex) {\n            if (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n                scrollToIndex = this._lastIndex - 1;\n            }\n\n            if (\n                this._lastMouseX < this._startMouseX &&\n                this._lastIndex !== this._items?.length - 1\n            ) {\n                scrollToIndex = this._lastIndex + 1;\n            }\n        }\n\n        if (scrollToIndex !== null) {\n            this._shouldCheckLocation = false;\n            setTimeout(() => this._scrollTo(scrollToIndex), 100);\n        }\n    }\n\n    private _isVisible(el: HTMLElement) {\n        if (!this._el || !el) {\n            return false;\n        }\n\n        const elRect = el.getBoundingClientRect();\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n\n        return (\n            (elRect.left >= sliderRect.left &&\n                elRect.right <= sliderRect.right) ||\n            (this._isMobile(el) &&\n                elRect.left + elRect.width / 2 >= sliderRect.left &&\n                elRect.left + elRect.width / 2 <= sliderRect.right)\n        );\n    }\n\n    private _calculateWidth() {\n        let totalWidth = 0;\n\n        for (let item of this._items) {\n            const rect = item.getBoundingClientRect();\n            totalWidth += rect.width;\n        }\n\n        const sliderStyle = getComputedStyle(this._sliderRef);\n        const padding = parseInt(sliderStyle.padding) * 2;\n\n        const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n        const gap = parseInt(innerSliderStyle.gap) * (this._items.length - 1);\n\n        totalWidth += padding + gap;\n\n        this._totalWidth = totalWidth;\n    }\n\n    private _calculateHeight() {\n        const outerHeight = this._items.at(0).getBoundingClientRect().height;\n        if (outerHeight != this._outerHeight) {\n            this._outerHeight = outerHeight;\n        }\n    }\n\n    private _isMobile(el?: HTMLElement) {\n        if (!el) {\n            el = this._items.at(0);\n        }\n\n        const elRect = el.getBoundingClientRect();\n        const sliderRect = this._sliderRef.getBoundingClientRect();\n\n        return sliderRect.width - elRect.width < 10;\n    }\n}\n"],"mappings":"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"}

package/dist/build/p-910bd6bc.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as e}from"./p-6ccf5cdd.js";const r=".mr-2{margin-right:.5rem!important}.flex{display:flex!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}*{box-sizing:border-box}p-status{--tw-text-opacity:1;align-items:center;color:rgb(152 154 183/var(--tw-text-opacity));display:flex;font-size:.875rem;font-weight:500;line-height:1.25rem}p-status p-icon{font-size:1rem;line-height:1.5rem;margin-right:.5rem}p-status.variant-positive{--tw-text-opacity:1;color:rgb(40 209 124/var(--tw-text-opacity))}p-status.variant-unbiased{--tw-text-opacity:1;color:rgb(255 199 45/var(--tw-text-opacity))}p-status.variant-negative{--tw-text-opacity:1;color:rgb(185 30 40/var(--tw-text-opacity))}.static{position:static!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.transform{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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}";const s=class{constructor(a){t(this,a);this.variant="default";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}render(){return a(e,{class:`p-status variant-${this.variant}\n                }`},this._getIcon(),a("slot",null))}_getIcon(){const t=this.icon||this._getVariantIcon();if(!t){return}return a("p-icon",{variant:t,flip:this.iconFlip,rotate:this.iconRotate})}_getVariantIcon(){let t=null;switch(this.variant){case"positive":t="checkmark";break;case"negative":t="negative";break;case"unbiased":t="clock";break;default:t=null;break}return t}};s.style=r;export{s as p_status};
+//# sourceMappingURL=p-910bd6bc.entry.js.map

package/dist/build/{p-4b99a4fe.entry.js.map → p-910bd6bc.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["statusComponentCss","Status","render","h","Host","class","this","variant","_getIcon","icon","_getVariantIcon","flip","iconFlip","rotate","iconRotate"],"sources":["./src/components/atoms/status/status.component.scss?tag=p-status","./src/components/atoms/status/status.component.tsx"],"sourcesContent":["p-status {\n    @apply flex items-center;\n    @apply text-sm text-storm-vague font-medium;\n\n    p-icon {\n        @apply mr-2 text-base;\n    }\n\n    &.variant-positive {\n        @apply text-positive;\n    }\n\n    &.variant-unbiased {\n        @apply text-unbiased;\n    }\n\n    &.variant-negative {\n        @apply text-negative;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-status',\n    styleUrl: 'status.component.scss',\n})\nexport class Status {\n    /**\n     * The variant of the status\n     */\n    @Prop() variant: 'default' | 'positive' | 'unbiased' | 'negative' =\n        'default';\n\n    /**\n     * Icon to show on the status\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    render() {\n        return (\n            <Host\n                class={`p-status variant-${this.variant}\n                }`}\n            >\n                {this._getIcon()}\n                <slot />\n            </Host>\n        );\n    }\n\n    private _getIcon() {\n        const icon = this.icon || this._getVariantIcon();\n\n        if (!icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                variant={icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n\n    private _getVariantIcon() {\n        let icon = null;\n        switch (this.variant) {\n            case 'positive':\n                icon = 'checkmark';\n                break;\n            case 'negative':\n                icon = 'negative';\n                break;\n            case 'unbiased':\n                icon = 'clock';\n                break;\n            default:\n                icon = null;\n                break;\n        }\n\n        return icon;\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,0jK,MCQdC,EAAM,M,sCAKX,U,sEAiBJC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,oBAAoBC,KAAKC,8BAG/BD,KAAKE,WACNL,EAAA,a,CAKJK,WACJ,MAAMC,EAAOH,KAAKG,MAAQH,KAAKI,kBAE/B,IAAKD,EAAM,CACP,M,CAGJ,OACIN,EAAA,UACII,QAASE,EACTE,KAAML,KAAKM,SACXC,OAAQP,KAAKQ,Y,CAKjBJ,kBACJ,IAAID,EAAO,KACX,OAAQH,KAAKC,SACT,IAAK,WACDE,EAAO,YACP,MACJ,IAAK,WACDA,EAAO,WACP,MACJ,IAAK,WACDA,EAAO,QACP,MACJ,QACIA,EAAO,KACP,MAGR,OAAOA,C"}
+{"version":3,"names":["statusComponentCss","Status","render","h","Host","class","this","variant","_getIcon","icon","_getVariantIcon","flip","iconFlip","rotate","iconRotate"],"sources":["./src/components/atoms/status/status.component.scss?tag=p-status","./src/components/atoms/status/status.component.tsx"],"sourcesContent":["p-status {\n    @apply flex items-center;\n    @apply text-sm text-storm-vague font-medium;\n\n    p-icon {\n        @apply mr-2 text-base;\n    }\n\n    &.variant-positive {\n        @apply text-positive;\n    }\n\n    &.variant-unbiased {\n        @apply text-unbiased;\n    }\n\n    &.variant-negative {\n        @apply text-negative;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-status',\n    styleUrl: 'status.component.scss',\n})\nexport class Status {\n    /**\n     * The variant of the status\n     */\n    @Prop() variant: 'default' | 'positive' | 'unbiased' | 'negative' =\n        'default';\n\n    /**\n     * Icon to show on the status\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    render() {\n        return (\n            <Host\n                class={`p-status variant-${this.variant}\n                }`}\n            >\n                {this._getIcon()}\n                <slot />\n            </Host>\n        );\n    }\n\n    private _getIcon() {\n        const icon = this.icon || this._getVariantIcon();\n\n        if (!icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                variant={icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n\n    private _getVariantIcon() {\n        let icon = null;\n        switch (this.variant) {\n            case 'positive':\n                icon = 'checkmark';\n                break;\n            case 'negative':\n                icon = 'negative';\n                break;\n            case 'unbiased':\n                icon = 'clock';\n                break;\n            default:\n                icon = null;\n                break;\n        }\n\n        return icon;\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,mkJ,MCQdC,EAAM,M,sCAKX,U,sEAiBJC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,oBAAoBC,KAAKC,8BAG/BD,KAAKE,WACNL,EAAA,a,CAKJK,WACJ,MAAMC,EAAOH,KAAKG,MAAQH,KAAKI,kBAE/B,IAAKD,EAAM,CACP,M,CAGJ,OACIN,EAAA,UACII,QAASE,EACTE,KAAML,KAAKM,SACXC,OAAQP,KAAKQ,Y,CAKjBJ,kBACJ,IAAID,EAAO,KACX,OAAQH,KAAKC,SACT,IAAK,WACDE,EAAO,YACP,MACJ,IAAK,WACDA,EAAO,WACP,MACJ,IAAK,WACDA,EAAO,QACP,MACJ,QACIA,EAAO,KACP,MAGR,OAAOA,C"}

package/dist/build/p-91725831.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as r,H as i}from"./p-6ccf5cdd.js";const o=".px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}.static{position:static!important}";const e=class{constructor(r){t(this,r);this.inheritText=false}render(){return r(i,{class:"p-card-body"},r("slot",null))}};e.style=o;export{e as p_card_body};
+//# sourceMappingURL=p-91725831.entry.js.map

package/dist/build/p-9328003b.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as a,H as e,g as o}from"./p-6ccf5cdd.js";import{a as i,c as n,o as s,f as w,s as p}from"./p-fef32402.js";import{c as m}from"./p-8a6728d5.js";const d=".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-dropdown{z-index:200!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-auto{height:auto!important}*{box-sizing:border-box}:host{display:block;position:relative}:host .trigger{display:block;height:auto;position:relative;width:auto}:host p-dropdown-menu-container{display:none;left:0;top:0;z-index:200}:host p-dropdown-menu-container[data-show]{display:flex}:host p-dropdown-menu-container[data-strategy=absolute]{position:absolute}:host p-dropdown-menu-container[data-strategy=fixed]{position:fixed}.static{position:static!important}.cursor-pointer{cursor:pointer!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.visible{visibility:visible!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.transform{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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.w-full{width:100%!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.h-6{height:1.5rem!important}.rounded{border-radius:.25rem!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.self-center{align-self:center!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.table-cell{display:table-cell!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.overflow-hidden{overflow:hidden!important}.pr-4{padding-right:1rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}.h-8{height:2rem!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.bottom-0{bottom:0!important}.w-3\\/4{width:75%!important}.gap-4{gap:1rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.table-row{display:table-row!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.ml-auto{margin-left:auto!important}.min-w-0{min-width:0!important}";const l=class{constructor(a){t(this,a);this.isOpen=r(this,"isOpen",7);this._loaded=false;this.placement="bottom-start";this.strategy="absolute";this.show=false;this.calculateWidth=false;this.applyMaxWidth=true;this.applyFullWidth=true;this.insideClick=false;this.disableTriggerClick=false;this.chevronPosition="end";this.chevronDirection=undefined}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){return a(e,{class:"p-dropdown"},a("div",{class:"trigger",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},a("slot",{onSlotchange:t=>this._checkButton(t),name:"trigger"})),a("p-dropdown-menu-container",{role:"popover",maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,ref:t=>this._load(t),"data-placement":this.placement,"data-strategy":this.strategy,onClick:()=>this._containerClickHandler()},a("slot",{name:"items"})))}_checkButton({target:t}){const r=t;const a=r.assignedElements();for(let t of a){if(t.nodeName==="P-BUTTON"){t.chevronPosition=this.chevronPosition;t.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down"}}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler({target:t}){if(!this._menu.hasAttribute("data-show")||m(t,this._el)){return}this._hide()}_containerClickHandler(){if(this.insideClick){return}if(this._menu.hasAttribute("data-show")){this._hide()}}_triggerClickHandler(){if(this.disableTriggerClick){return}if(this._menu.hasAttribute("data-show")){this._hide();return}this._show()}_load(t){this._menu=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_show(){if(!this._loaded){return}if(this.calculateWidth){this._menu.style.width=`${this._trigger.clientWidth}px`}this._cleanup=i(this._el,this._menu,(()=>this._update()));this._menu.setAttribute("data-show","");this.isOpen.emit(true)}_hide(){if(!this._loaded||this.show){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.removeAttribute("data-show");this.isOpen.emit(false)}_update(){if(!this._menu){return}n(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[s(8),w(),p()]}).then((({x:t,y:r,placement:a})=>{this._menu.dataset.placement=a;Object.assign(this._menu.style,{top:`${r}px`,left:`${t}px`})}))}get _el(){return o(this)}static get watchers(){return{show:["onShowChange"]}}};l.style=d;const h=".block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host .text-container{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}:host(.hover:hover){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}.h-6{height:1.5rem!important}.cursor-pointer{cursor:pointer!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.blur{--tw-blur:blur(8px)!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.transform{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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.inline{display:inline!important}.justify-center{justify-content:center!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.hidden{display:none!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-col{flex-direction:column!important}.self-center{align-self:center!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.table-cell{display:table-cell!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.pr-4{padding-right:1rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.w-3\\/4{width:75%!important}.gap-4{gap:1rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.m-0{margin:0!important}.table-row{display:table-row!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}";const c=class{constructor(r){t(this,r);this.active=false;this.enableHover=true;this.icon=undefined}render(){return a(e,{class:`p-dropdown-menu-item ${this.active&&"active"} ${this.enableHover&&"hover"}`},this.icon&&a("p-icon",{variant:this.icon}),a("div",{class:"text-container"},a("slot",null)))}};c.style=h;export{l as p_dropdown,c as p_dropdown_menu_item};
+//# sourceMappingURL=p-9328003b.entry.js.map

package/dist/build/{p-32184c47.entry.js.map → p-9328003b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["dropdownComponentCss","Dropdown","this","_loaded","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","ref","_trigger","onClick","_triggerClickHandler","onSlotchange","ev","_checkButton","name","role","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","el","_load","placement","strategy","_containerClickHandler","target","slot","children","assignedElements","child","nodeName","chevronPosition","chevron","chevronDirection","indexOf","onShowChange","show","_hide","_show","documentClickHandler","_menu","hasAttribute","childOf","_el","insideClick","disableTriggerClick","popover","setTimeout","style","width","clientWidth","autoUpdate","setAttribute","isOpen","emit","removeAttribute","computePosition","middleware","offset","flip","shift","then","x","y","dataset","Object","assign","top","left","dropdownMenuItemComponentCss","DropdownMenuItem","active","enableHover","icon","variant"],"sources":["./src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown&encapsulation=shadow","./src/components/molecules/dropdown/dropdown.component.tsx","./src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.scss?tag=p-dropdown-menu-item&encapsulation=shadow","./src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.tsx"],"sourcesContent":[":host {\n    @apply relative block;\n\n    .trigger {\n        @apply relative block h-auto w-auto;\n    }\n\n    p-dropdown-menu-container {\n        @apply left-0 top-0 z-dropdown hidden;\n\n        &[data-show] {\n            @apply flex;\n        }\n\n        &[data-strategy='absolute'] {\n            @apply absolute;\n        }\n\n        &[data-strategy='fixed'] {\n            @apply fixed;\n        }\n    }\n}\n","import {\n    autoUpdate,\n    computePosition,\n    flip,\n    offset,\n    Placement,\n    shift,\n    Strategy,\n} from '@floating-ui/dom';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils/child-of';\n\n@Component({\n    tag: 'p-dropdown',\n    styleUrl: 'dropdown.component.scss',\n    shadow: true,\n})\nexport class Dropdown {\n    /**\n     * The content of the dropdown menu\n     */\n    @Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n    /**\n     * The strategy of the popover placement\n     */\n    @Prop() strategy: Strategy = 'absolute';\n\n    /**\n     * Wether to show the dropdown menu\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to automatically calculate the width of the menu based on the trigger\n     */\n    @Prop() calculateWidth: boolean = false;\n\n    /**\n     * Wether to apply the max width\n     */\n    @Prop() applyMaxWidth: boolean = true;\n\n    /**\n     * Wether to apply the full width\n     */\n    @Prop() applyFullWidth: boolean = true;\n\n    /**\n     * Wether to automatically close the dropdown menu after clicking inside\n     */\n    @Prop() insideClick: boolean = false;\n\n    /**\n     * Wether to automatically close the dropdown menu after clicking inside\n     */\n    @Prop() disableTriggerClick: boolean = false;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Chevron direction\n     */\n    @Prop() chevronDirection: 'up' | 'down';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Open change event\n     */\n    @Event() isOpen: EventEmitter<boolean>;\n\n    private _loaded = false;\n    private _trigger: HTMLElement;\n    private _menu: HTMLElement;\n    private _cleanup: () => void;\n\n    componentShouldUpdate() {\n        this._update();\n    }\n\n    disconnectedCallback() {\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-dropdown\">\n                <div\n                    class=\"trigger\"\n                    ref={(ref) => (this._trigger = ref)}\n                    onClick={() => this._triggerClickHandler()}\n                >\n                    <slot\n                        onSlotchange={(ev) => this._checkButton(ev)}\n                        name=\"trigger\"\n                    />\n                </div>\n                <p-dropdown-menu-container\n                    role=\"popover\"\n                    maxWidth={!this.calculateWidth && this.applyMaxWidth}\n                    fullWidth={this.applyFullWidth && !this.applyMaxWidth}\n                    ref={(el) => this._load(el)}\n                    data-placement={this.placement}\n                    data-strategy={this.strategy}\n                    onClick={() => this._containerClickHandler()}\n                >\n                    <slot name=\"items\" />\n                </p-dropdown-menu-container>\n            </Host>\n        );\n    }\n\n    private _checkButton({ target }: Event) {\n        const slot = target as HTMLSlotElement;\n        const children = slot.assignedElements();\n\n        for (let child of children) {\n            if (child.nodeName === 'P-BUTTON') {\n                (child as any).chevronPosition = this.chevronPosition;\n                (child as any).chevron = this.chevronDirection\n                    ? this.chevronDirection\n                    : this.placement.indexOf('top') >= 0\n                    ? 'up'\n                    : 'down';\n            }\n        }\n    }\n\n    @Watch('show')\n    protected onShowChange(show) {\n        if (!this._loaded) {\n            return;\n        }\n\n        if (!show) {\n            this._hide();\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (\n            !this._menu.hasAttribute('data-show') ||\n            childOf(target, this._el)\n        ) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    private _containerClickHandler() {\n        if (this.insideClick) {\n            return;\n        }\n\n        if (this._menu.hasAttribute('data-show')) {\n            this._hide();\n        }\n    }\n\n    private _triggerClickHandler() {\n        if (this.disableTriggerClick) {\n            return;\n        }\n\n        if (this._menu.hasAttribute('data-show')) {\n            this._hide();\n            return;\n        }\n\n        this._show();\n    }\n\n    private _load(popover: HTMLElement) {\n        this._menu = popover;\n        if (popover) {\n            this._update();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _show() {\n        if (!this._loaded) {\n            return;\n        }\n\n        // Make the popover visible\n        if (this.calculateWidth) {\n            this._menu.style.width = `${this._trigger.clientWidth}px`;\n        }\n\n        this._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n        this._menu.setAttribute('data-show', '');\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded || this.show) {\n            return;\n        }\n\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n\n        // Hide the popover\n        this._menu.removeAttribute('data-show');\n        this.isOpen.emit(false);\n    }\n\n    private _update() {\n        if (!this._menu) {\n            return;\n        }\n\n        computePosition(this._el, this._menu, {\n            placement: this.placement,\n            strategy: this.strategy,\n            middleware: [offset(8), flip(), shift()],\n        }).then(({ x, y, placement }) => {\n            this._menu.dataset.placement = placement;\n            Object.assign(this._menu.style, {\n                top: `${y}px`,\n                left: `${x}px`,\n            });\n        });\n    }\n}\n",":host {\n    @apply flex h-8 w-full items-center gap-2 rounded px-2;\n    @apply text-sm font-semibold text-storm;\n    @apply cursor-pointer;\n\n    .text-container {\n        @apply block w-full overflow-hidden text-ellipsis whitespace-nowrap;\n    }\n}\n\n:host(.hover:hover) {\n    @apply bg-indigo-light text-storm;\n}\n\n:host(.active) {\n    @apply bg-indigo-light text-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-dropdown-menu-item',\n    styleUrl: 'dropdown-menu-item.component.scss',\n    shadow: true,\n})\nexport class DropdownMenuItem {\n    /**\n     * Wether the dropdown menu item is active\n     */\n    @Prop() active: boolean = false;\n\n    /**\n     * Wether to enable the hover state\n     */\n    @Prop() enableHover: boolean = true;\n\n    /**\n     * Icon of the navigation item\n     */\n    @Prop() icon: IconVariant;\n\n    render() {\n        return (\n            <Host\n                class={`p-dropdown-menu-item ${this.active && 'active'} ${\n                    this.enableHover && 'hover'\n                }`}\n            >\n                {this.icon && <p-icon variant={this.icon} />}\n\n                <div class=\"text-container\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["dropdownComponentCss","Dropdown","this","_loaded","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","ref","_trigger","onClick","_triggerClickHandler","onSlotchange","ev","_checkButton","name","role","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","el","_load","placement","strategy","_containerClickHandler","target","slot","children","assignedElements","child","nodeName","chevronPosition","chevron","chevronDirection","indexOf","onShowChange","show","_hide","_show","documentClickHandler","_menu","hasAttribute","childOf","_el","insideClick","disableTriggerClick","popover","setTimeout","style","width","clientWidth","autoUpdate","setAttribute","isOpen","emit","removeAttribute","computePosition","middleware","offset","flip","shift","then","x","y","dataset","Object","assign","top","left","dropdownMenuItemComponentCss","DropdownMenuItem","active","enableHover","icon","variant"],"sources":["./src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown&encapsulation=shadow","./src/components/molecules/dropdown/dropdown.component.tsx","./src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.scss?tag=p-dropdown-menu-item&encapsulation=shadow","./src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.tsx"],"sourcesContent":[":host {\n    @apply relative block;\n\n    .trigger {\n        @apply relative block h-auto w-auto;\n    }\n\n    p-dropdown-menu-container {\n        @apply left-0 top-0 z-dropdown hidden;\n\n        &[data-show] {\n            @apply flex;\n        }\n\n        &[data-strategy='absolute'] {\n            @apply absolute;\n        }\n\n        &[data-strategy='fixed'] {\n            @apply fixed;\n        }\n    }\n}\n","import {\n    autoUpdate,\n    computePosition,\n    flip,\n    offset,\n    Placement,\n    shift,\n    Strategy,\n} from '@floating-ui/dom';\nimport {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils/child-of';\n\n@Component({\n    tag: 'p-dropdown',\n    styleUrl: 'dropdown.component.scss',\n    shadow: true,\n})\nexport class Dropdown {\n    /**\n     * The content of the dropdown menu\n     */\n    @Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n    /**\n     * The strategy of the popover placement\n     */\n    @Prop() strategy: Strategy = 'absolute';\n\n    /**\n     * Wether to show the dropdown menu\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to automatically calculate the width of the menu based on the trigger\n     */\n    @Prop() calculateWidth: boolean = false;\n\n    /**\n     * Wether to apply the max width\n     */\n    @Prop() applyMaxWidth: boolean = true;\n\n    /**\n     * Wether to apply the full width\n     */\n    @Prop() applyFullWidth: boolean = true;\n\n    /**\n     * Wether to automatically close the dropdown menu after clicking inside\n     */\n    @Prop() insideClick: boolean = false;\n\n    /**\n     * Wether to automatically close the dropdown menu after clicking inside\n     */\n    @Prop() disableTriggerClick: boolean = false;\n\n    /**\n     * Chevron position\n     */\n    @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n    /**\n     * Chevron direction\n     */\n    @Prop() chevronDirection: 'up' | 'down';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Open change event\n     */\n    @Event() isOpen: EventEmitter<boolean>;\n\n    private _loaded = false;\n    private _trigger: HTMLElement;\n    private _menu: HTMLElement;\n    private _cleanup: () => void;\n\n    componentShouldUpdate() {\n        this._update();\n    }\n\n    disconnectedCallback() {\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-dropdown\">\n                <div\n                    class=\"trigger\"\n                    ref={(ref) => (this._trigger = ref)}\n                    onClick={() => this._triggerClickHandler()}\n                >\n                    <slot\n                        onSlotchange={(ev) => this._checkButton(ev)}\n                        name=\"trigger\"\n                    />\n                </div>\n                <p-dropdown-menu-container\n                    role=\"popover\"\n                    maxWidth={!this.calculateWidth && this.applyMaxWidth}\n                    fullWidth={this.applyFullWidth && !this.applyMaxWidth}\n                    ref={(el) => this._load(el)}\n                    data-placement={this.placement}\n                    data-strategy={this.strategy}\n                    onClick={() => this._containerClickHandler()}\n                >\n                    <slot name=\"items\" />\n                </p-dropdown-menu-container>\n            </Host>\n        );\n    }\n\n    private _checkButton({ target }: Event) {\n        const slot = target as HTMLSlotElement;\n        const children = slot.assignedElements();\n\n        for (let child of children) {\n            if (child.nodeName === 'P-BUTTON') {\n                (child as any).chevronPosition = this.chevronPosition;\n                (child as any).chevron = this.chevronDirection\n                    ? this.chevronDirection\n                    : this.placement.indexOf('top') >= 0\n                    ? 'up'\n                    : 'down';\n            }\n        }\n    }\n\n    @Watch('show')\n    protected onShowChange(show) {\n        if (!this._loaded) {\n            return;\n        }\n\n        if (!show) {\n            this._hide();\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (\n            !this._menu.hasAttribute('data-show') ||\n            childOf(target, this._el)\n        ) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    private _containerClickHandler() {\n        if (this.insideClick) {\n            return;\n        }\n\n        if (this._menu.hasAttribute('data-show')) {\n            this._hide();\n        }\n    }\n\n    private _triggerClickHandler() {\n        if (this.disableTriggerClick) {\n            return;\n        }\n\n        if (this._menu.hasAttribute('data-show')) {\n            this._hide();\n            return;\n        }\n\n        this._show();\n    }\n\n    private _load(popover: HTMLElement) {\n        this._menu = popover;\n        if (popover) {\n            this._update();\n            this._loaded = true;\n\n            if (this.show) {\n                setTimeout(() => this._show(), 100);\n            }\n        }\n    }\n\n    private _show() {\n        if (!this._loaded) {\n            return;\n        }\n\n        // Make the popover visible\n        if (this.calculateWidth) {\n            this._menu.style.width = `${this._trigger.clientWidth}px`;\n        }\n\n        this._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n        this._menu.setAttribute('data-show', '');\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded || this.show) {\n            return;\n        }\n\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n\n        // Hide the popover\n        this._menu.removeAttribute('data-show');\n        this.isOpen.emit(false);\n    }\n\n    private _update() {\n        if (!this._menu) {\n            return;\n        }\n\n        computePosition(this._el, this._menu, {\n            placement: this.placement,\n            strategy: this.strategy,\n            middleware: [offset(8), flip(), shift()],\n        }).then(({ x, y, placement }) => {\n            this._menu.dataset.placement = placement;\n            Object.assign(this._menu.style, {\n                top: `${y}px`,\n                left: `${x}px`,\n            });\n        });\n    }\n}\n",":host {\n    @apply flex h-8 w-full items-center gap-2 rounded px-2;\n    @apply text-sm font-semibold text-storm;\n    @apply cursor-pointer;\n\n    .text-container {\n        @apply block w-full overflow-hidden text-ellipsis whitespace-nowrap;\n    }\n}\n\n:host(.hover:hover) {\n    @apply bg-indigo-light text-storm;\n}\n\n:host(.active) {\n    @apply bg-indigo-light text-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-dropdown-menu-item',\n    styleUrl: 'dropdown-menu-item.component.scss',\n    shadow: true,\n})\nexport class DropdownMenuItem {\n    /**\n     * Wether the dropdown menu item is active\n     */\n    @Prop() active: boolean = false;\n\n    /**\n     * Wether to enable the hover state\n     */\n    @Prop() enableHover: boolean = true;\n\n    /**\n     * Icon of the navigation item\n     */\n    @Prop() icon: IconVariant;\n\n    render() {\n        return (\n            <Host\n                class={`p-dropdown-menu-item ${this.active && 'active'} ${\n                    this.enableHover && 'hover'\n                }`}\n            >\n                {this.icon && <p-icon variant={this.icon} />}\n\n                <div class=\"text-container\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"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"}

package/dist/build/p-955cdb0f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as e,H as a,g as i}from"./p-6ccf5cdd.js";import{r as o,t as s,c as n,o as l,n as c,u as h,v as d,p as w,q as m}from"./p-ae248aef.js";function p(t,r){o(2,arguments);var e=s(t);var a=n(r);if(isNaN(a)){return new Date(NaN)}if(!a){return e}e.setDate(e.getDate()+a);return e}function v(t,r){o(2,arguments);var e=s(t);var a=n(r);if(isNaN(a)){return new Date(NaN)}if(!a){return e}var i=e.getDate();var l=new Date(e.getTime());l.setMonth(e.getMonth()+a+1,0);var c=l.getDate();if(i>=c){return l}else{e.setFullYear(l.getFullYear(),l.getMonth(),i);return e}}function g(t,r){o(2,arguments);var e=n(r);return v(t,e*12)}function u(t){o(1,arguments);var r=s(t);var e=r.getMonth();r.setFullYear(r.getFullYear(),e+1,0);r.setHours(23,59,59,999);return r}function y(t){o(1,arguments);var r=s(t);r.setDate(1);r.setHours(0,0,0,0);return r}function f(t){o(1,arguments);var r=s(t);var e=r.getDay();return e}function b(t){o(1,arguments);var r=s(t);var e=r.getFullYear();var a=r.getMonth();var i=new Date(0);i.setFullYear(e,a+1,0);i.setHours(0,0,0,0);return i.getDate()}function x(t){o(1,arguments);return s(t).getFullYear()}function k(t,r){o(2,arguments);var e=s(t);var a=s(r);return e.getFullYear()===a.getFullYear()&&e.getMonth()===a.getMonth()}function D(t,r){o(2,arguments);var e=s(t);var a=s(r);return e.getFullYear()===a.getFullYear()}function _(t,r){o(2,arguments);var e=s(t);var a=n(r);var i=e.getFullYear();var l=e.getDate();var c=new Date(0);c.setFullYear(i,a,15);c.setHours(0,0,0,0);var h=b(c);e.setMonth(a,Math.min(l,h));return e}function Y(t,r){o(2,arguments);var e=s(t);var a=n(r);e.setDate(a);return e}function X(t,r){o(2,arguments);var e=s(t);var a=n(r);if(isNaN(e.getTime())){return new Date(NaN)}e.setFullYear(a);return e}const M=".relative{position:relative!important}.block{display:block!important}.flex{display:flex!important}.grid{display:grid!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[12rem\\]{height:12rem!important}.h-auto{height:auto!important}.h-full{height:100%!important}.min-h-\\[12rem\\]{min-height:12rem!important}.w-6{width:1.5rem!important}.w-\\[14rem\\]{width:14rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.self-center{align-self:center!important}.justify-self-center{justify-self:center!important}.overflow-y-auto{overflow-y:auto!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-indigo-light{--tw-border-opacity:1!important;border-color:rgb(241 246 255/var(--tw-border-opacity))!important}.bg-indigo-light{background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.bg-indigo-light,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.opacity-40{opacity:.4!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));display:block;padding:.5rem;width:14rem}:host .view-day,:host .view-month,:host .view-year{display:flex;flex-direction:column;gap:.5rem;height:12rem;width:100%}:host .header{align-items:center;display:flex;font-size:1rem;gap:.25rem;justify-content:space-between;line-height:1.5rem;width:100%}:host .header span{--tw-text-opacity:1;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;height:2rem;padding-left:.5rem;padding-right:.5rem}:host .header span.disabled{cursor:default}:host .header span:hover:not(.disabled){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host .header span.year{font-weight:600}:host .header .nav{--tw-text-opacity:1;align-items:center;border-radius:100%;color:rgb(82 138 250/var(--tw-text-opacity));cursor:pointer;display:flex;height:1.5rem;justify-content:center;position:relative;text-decoration-line:none;transition-duration:.2s;width:1.5rem}:host .header .nav:hover:not(.disabled){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host .header .nav.disabled{opacity:0}:host .view-day{height:auto;min-height:12rem}:host .view-day .dates{display:grid;gap:.25rem;grid-template-columns:repeat(7,1fr)}:host .view-day .dates>span{--tw-text-opacity:1;align-self:center;color:rgb(128 130 158/var(--tw-text-opacity));font-size:.75rem;font-weight:600;justify-self:center;line-height:1rem;text-align:center;width:1.5rem}:host .view-day .dates>time{--tw-text-opacity:1;align-items:center;align-self:center;border:1px solid transparent;border-radius:100%;box-sizing:border-box;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;height:1.5rem;justify-content:center;justify-self:center;line-height:1.25rem;transition-duration:.2s;width:1.5rem}:host .view-day .dates>time.current{--tw-border-opacity:1;border-color:rgb(176 178 203/var(--tw-border-opacity))}:host .view-day .dates>time.active{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-color:rgb(241 246 255/var(--tw-border-opacity));color:rgb(82 138 250/var(--tw-text-opacity));font-weight:600}:host .view-day .dates>time.disabled,:host .view-day .dates>time.other-month{cursor:default;opacity:.4}:host .view-day .dates>time.disabled{text-decoration-line:line-through}:host .view-day .dates>time:hover:not(.disabled):not(.active):not(.other-month){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}:host .view-month .items,:host .view-year .items{align-items:center;display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr);height:100%;overflow-y:auto;position:relative;width:100%}:host .view-month .items>div,:host .view-year .items>div{--tw-text-opacity:1;align-items:center;border:1px solid transparent;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;height:2rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}:host .view-month .items>div.current,:host .view-year .items>div.current{--tw-border-opacity:1;border-color:rgb(176 178 203/var(--tw-border-opacity))}:host .view-month .items>div.active,:host .view-year .items>div.active{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-color:rgb(241 246 255/var(--tw-border-opacity));color:rgb(82 138 250/var(--tw-text-opacity));font-weight:600}:host .view-month .items>div.disabled,:host .view-year .items>div.disabled{cursor:default;opacity:.4;text-decoration-line:line-through}:host .view-month .items>div:hover:not(.disabled):not(.active),:host .view-year .items>div:hover:not(.disabled):not(.active){--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}:host .view-month .items{grid-template-columns:repeat(2,1fr)}:host .view-year .header{justify-content:center}:host(.variant-default){--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13);--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color);border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:host(.variant-embedded){padding:0}.static{position:static!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.visible{visibility:visible!important}.absolute{position:absolute!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{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}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{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}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{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}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!important}.transform{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}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative-light{--tw-text-opacity:1!important;color:rgb(255 204 211/var(--tw-text-opacity))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.items-end{align-items:flex-end!important}.rounded-bl-none{border-bottom-left-radius:0!important}.rounded-br-none{border-bottom-right-radius:0!important}.rounded-tl-none{border-top-left-radius:0!important}.rounded-tr-none{border-top-right-radius:0!important}.border-l-0{border-left-width:0!important}.border-r-0{border-right-width:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";const z=class{constructor(e){t(this,e);this.valueChange=r(this,"valueChange",7);this._today=new Date;this._weekDays=Array.from(Array(7).keys());this.variant="default";this.value=undefined;this.preselectToday=false;this.disabledDates=undefined;this.minDate=new Date(1970,0,1);this.maxDate=this._getAutomaticMax();this.disableWeekends=false;this.mode="day";this._view=this.mode;this._viewDate=this._today;this._value=undefined;this._minDate=undefined;this._maxDate=undefined;this._disabledDates=[]}componentWillLoad(){if(this.disabledDates){this._parseDisabledDates(this.disabledDates)}if(this.minDate){this._parseMinDate(this.minDate)}if(this.maxDate){this._parseMaxDate(this.maxDate)}this._parseValue(this.value);if(this._value){this._viewDate=this._value}}componentDidRender(){if(this._view==="year"){this._scrollYearIntoView()}}_parseValue(t){if(!t&&this.preselectToday){t=new Date}if(typeof t==="string"){t=new Date(t)}this._setValue(t)}_parseMinDate(t){if(typeof t==="string"){t=new Date(t)}if(!l(t)){return}this._minDate=t}_parseMaxDate(t){if(typeof t==="string"){t=new Date(t)}if(!l(t)){return}this._maxDate=t}_parseDisabledDates(t){if(typeof t==="string"){t=JSON.parse(t)}if(!t||!Array.isArray(t)){return}this._disabledDates=t.map((t=>{if(typeof t==="string"){return new Date(t)}return t})).filter((t=>l(t)))}render(){return e(a,{class:`p-calendar variant-${this.variant}`},this._getView())}_getView(){if(this._view==="year"){return this._getYearView()}if(this._view==="month"){return this._getMonthView()}return this._getDayView()}_getDayView(){const t=this._generateDaysInMonth();return e("div",{class:"view-day"},e("div",{class:"header"},e("div",{class:`nav ${!this._canSetAmount("month",-1)&&"disabled"}`,onClick:()=>this._changeMonth(-1)},e("p-icon",{variant:"chevron",rotate:90})),e("div",null,e("span",{onClick:()=>this._changeView("month"),class:!this._canChangeView("month")&&"disabled"},c(this._viewDate,"MMMM")),e("span",{onClick:()=>this._changeView("year"),class:`year ${!this._canChangeView("year")&&"disabled"}`},x(this._viewDate))),e("div",{class:`nav ${!this._canSetAmount("month",1)&&"disabled"}`,onClick:()=>this._changeMonth(1)},e("p-icon",{variant:"chevron",rotate:-90}))),e("div",{class:"dates"},this._weekDays.map((t=>e("span",null,c(p(new Date(2022,7,1),t),"eee")))),t.map((t=>e("time",{class:`day ${t.active&&"active"} ${t.disabled&&"disabled"} ${t.current&&"current"} ${t.offset!==false&&`col-start-${t.offset}`}`,onClick:()=>this._setValue(t.date)},t.day)))))}_getMonthView(){const t=this._generateMonths();return e("div",{class:"view-month"},e("div",{class:"header"},e("div",{class:`nav ${!this._canSetAmount("year",-1)&&"disabled"}`,onClick:()=>this._changeYear(-1)},e("p-icon",{variant:"chevron",rotate:90})),e("div",null,e("span",{onClick:()=>this._changeView("year"),class:`year ${!this._canChangeView("year")&&"disabled"}`},x(this._viewDate))),e("div",{class:`nav ${!this._canSetAmount("year",1)&&"disabled"}`,onClick:()=>this._changeYear(1)},e("p-icon",{variant:"chevron",rotate:-90}))),e("div",{class:"items"},t.map((t=>e("div",{onClick:()=>this._setMonth(t.month),class:`month ${t.active&&"active"} ${t.disabled&&"disabled"} ${t.current&&"current"}`},c(_(new Date,t.month),"MMMM"))))))}_getYearView(){const t=this._generateYears();return e("div",{class:"view-year"},e("div",{class:"header"},e("div",null,e("span",{class:"year disabled"},t===null||t===void 0?void 0:t[0].year," - ",t===null||t===void 0?void 0:t[t.length-1].year))),e("div",{class:"items"},t.map((t=>e("div",{onClick:()=>this._setYear(t.year),class:`year ${t.active&&"active"} ${t.current&&"current"}`},t.year)))))}_setYear(t){const r=X(this._viewDate,t);if(this.mode==="year"){return this._setValue(_(Y(r,1),0))}this._viewDate=X(this._viewDate,t);this._view="month"}_setMonth(t){const r=_(this._viewDate,t);if(this.mode==="month"){return this._setValue(Y(r,1))}this._viewDate=r;this._view="day"}_changeMonth(t=1){const r=this._canSetAmount("month",t);if(!r){return}const e=v(this._viewDate,t);this._viewDate=e}_changeYear(t=1){const r=this._canSetAmount("year",t);if(!r){return}let e=g(this._viewDate,t);this._viewDate=e}_setValue(t){if(t===null){this._value=null;this.valueChange.emit(null);return}if(!l(t)){return}if(this._isDisabledDay(t)){return}t=h(t);const r=d(t,this._value);if(r){return}this._value=t;this.valueChange.emit(t)}_generateDaysInMonth(){const t=Array.from(Array(b(this._viewDate)).keys());return t.map((t=>{t=t+1;const r=Y(this._viewDate,t);const e=f(r);return{day:t,date:r,offset:t===1?e===0?7:e:false,current:d(r,this._today),active:d(r,this._value),disabled:this._isDisabledDay(r)}}))}_isDisabledDay(t){return w(t,this._minDate)||m(t,this._maxDate)&&!d(t,this._maxDate)||(f(t)===0||f(t)===6)&&this.disableWeekends||this._disabledDates.findIndex((r=>d(r,t)))>=0}_generateMonths(){const t=x(this._viewDate);const r=Array.from(Array(12).keys());return r.map((r=>{const e=new Date(t,r,1);return{month:r,current:k(this._today,e),active:k(this._value,e),disabled:m(e,this._maxDate)||w(u(e),this._minDate)}}))}_generateYears(){const t=x(this._maxDate)+1;const r=x(this._minDate);return Array.from(Array(t-r).keys()).map((t=>{const e=r+t;return{year:e,current:x(this._today)===e,active:x(this._value)===e}}))}_scrollYearIntoView(){const t=this._el.shadowRoot.querySelector(".view-year .items");if(!t){return}const r=t.querySelector(".year.active");if(r){return t.scrollTo({top:r.offsetTop})}const e=t.querySelector(".year.current");if(e){return t.scrollTo({top:e.offsetTop})}}_changeView(t){if(!this._canChangeView(t)){return}this._view=t}_canChangeView(t){if(t==="year"){if(D(this._minDate,this._maxDate)){return false}return true}if(k(this._minDate,this._maxDate)){return false}return true}_canSetAmount(t,r=1){if(t==="month"){const t=v(this._viewDate,r);const e=y(t);if(w(e,this._minDate)&&!d(e,this._minDate)||m(e,u(this._maxDate))){return false}}if(t==="year"){let t=g(this._viewDate,r);const e=x(t);if(e<x(this._minDate)||e>x(this._maxDate)){return false}}return true}_getAutomaticMax(){const t=g(new Date,50);let r=x(t);r=Math.ceil(r/10)*10;return X(t,r)}get _el(){return i(this)}static get watchers(){return{value:["_parseValue"],minDate:["_parseMinDate"],maxDate:["_parseMaxDate"],disabledDates:["_parseDisabledDates"]}}};z.style=M;export{z as p_calendar};
+//# sourceMappingURL=p-955cdb0f.entry.js.map