@paperless/core 1.7.0 → 1.9.0

package/dist/build/p-b7893a63.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["modalBodyComponentCss","ModalBody","render","h","Host","class","this","variant","rounded","modalContainerComponentCss","modalSizes","xs","sm","md","lg","xl","ModalContainer","sizeClass","size","closing","modalFooterComponentCss","ModalFooter","modalHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","ev","close","emit"],"sources":["src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","src/components/atoms/modal-body/modal-body.component.tsx","src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","src/components/atoms/modal-container/modal-container.component.tsx","src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","src/components/atoms/modal-footer/modal-footer.component.tsx","src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n    @apply bg-white;\n    @apply px-6 tablet:px-10 desktop-xs:px-14 py-6;\n}\n\n:host(.variant-table) {\n    @apply px-6;\n}\n\n:host(.is-rounded) {\n    @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-body',\n    styleUrl: 'modal-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    /**\n     * Wether the modal body should be rounded at the bottom\n     */\n    @Prop() rounded: boolean = false;\n\n    render() {\n        return (\n            <Host\n                class={`p-modal-body variant-${this.variant} ${\n                    this.rounded && 'is-rounded'\n                }`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n","p-modal-container {\n    @apply flex flex-col w-full tablet:w-auto z-modal;\n    @apply rounded-b-none rounded-t-xxlarge desktop-xs:rounded-b-xxlarge;\n\n    @apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small #{!important};\n\n    @apply shadow-4 #{!important};\n\n    &.closing {\n        @apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small #{!important};\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n    xs: 'tablet:w-80',\n    sm: 'tablet:w-[33.5rem]',\n    md: 'tablet:w-[38rem]',\n    lg: 'tablet:w-[47.5rem]',\n    xl: 'tablet:w-[57.5rem]',\n};\n@Component({\n    tag: 'p-modal-container',\n    styleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n    /**\n     * The size of the modal container\n     */\n    @Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n    /**\n     * Wether the container is closing\n     */\n    @Prop() closing: boolean = false;\n\n    render() {\n        const sizeClass = modalSizes[this.size];\n\n        return (\n            <Host\n                class={`p-modal-container ${\n                    this.closing && 'closing'\n                } ${sizeClass}`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-white;\n    @apply flex flex-col;\n    @apply pb-6 px-6;\n    @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-footer',\n    styleUrl: 'modal-footer.component.scss',\n    shadow: true,\n})\nexport class ModalFooter {\n    render() {\n        return (\n            <Host class=\"p-modal-footer\">\n                <p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply bg-mystic rounded-t-xxlarge;\n    @apply flex justify-between items-center;\n    @apply p-4 desktop-xs:p-6;\n\n    @apply text-storm-dark text-xl font-semibold;\n    @apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-modal-header',\n    styleUrl: 'modal-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({\n        bubbles: false\n    }) close: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host class=\"p-modal-header\">\n                <span>\n                    <slot />\n                </span>\n\n                {this.showClose && (\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"negative\"\n                        iconOnly={true}\n                        onClick={(ev) => this.close.emit(ev)}\n                        size=\"small\"\n                    ></p-button>\n                )}\n            </Host>\n        );\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,k8B,MCOjBC,EAAS,M,sCAIqB,U,aAKZ,K,CAE3B,MAAAC,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,wBAAwBC,KAAKC,WAChCD,KAAKE,SAAW,gBAGpBL,EAAA,a,aCzBhB,MAAMM,EAA6B,0gFCQnC,MAAMC,EAAa,CACfC,GAAI,cACJC,GAAI,qBACJC,GAAI,mBACJC,GAAI,qBACJC,GAAI,sB,MAMKC,EAAc,M,mCAImB,K,aAKf,K,CAE3B,MAAAd,GACI,MAAMe,EAAYP,EAAWJ,KAAKY,MAElC,OACIf,EAACC,EAAI,CACDC,MAAO,qBACHC,KAAKa,SAAW,aAChBF,KAEJd,EAAA,a,aCvChB,MAAMiB,EAA0B,+sB,MCOnBC,EAAW,M,yBACpB,MAAAnB,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAAWE,MAAM,qCAEjBF,EAAA,a,aCbhB,MAAMmB,EAA0B,49B,MCOnBC,EAAW,M,qEAIA,I,CASpB,MAAArB,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,YACIA,EAAA,cAGHG,KAAKkB,WACFrB,EAAA,YACII,QAAQ,YACRkB,KAAK,WACLC,SAAU,KACVC,QAAUC,GAAOtB,KAAKuB,MAAMC,KAAKF,GACjCV,KAAK,U"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as r,h as o,H as e,g as a}from"./p-e4d5e7a7.js";import{a as i,c as s,o as n,f as p,s as h,b as l}from"./p-fef32402.js";const v='.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-0{left:0!important}.top-0{top:0!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.hidden{display:none!important}.h-0{height:0!important}.h-2{height:.5rem!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.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}.rounded{border-radius:.25rem!important}.bg-negative{background-color:rgb(185 30 40/var(--tw-bg-opacity))!important}.bg-negative,.bg-storm{--tw-bg-opacity:1!important}.bg-storm{background-color:rgb(81 83 107/var(--tw-bg-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.uppercase{text-transform:uppercase!important}.opacity-0{opacity:0!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!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}*{box-sizing:border-box}:host{cursor:pointer;display:flex}:host .popover-container{height:0;position:relative;width:0}:host .popover-container .popover{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:inline-block;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);font-size:.75rem;font-weight:500;left:0;line-height:1rem;max-width:14.5rem;opacity:0;padding:.5rem .75rem;pointer-events:none;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:-moz-max-content;width:max-content;z-index:601}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element,:host .popover-container .popover.variant-hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(81 83 107/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity));padding-bottom:.25rem;padding-top:.25rem}:host .popover-container .popover.variant-error,:host .popover-container .popover.variant-error-element{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity));letter-spacing:.05em;text-transform:uppercase}:host .popover-container .popover[data-show]{opacity:1;pointer-events:auto}:host .popover-container .popover .arrow,:host .popover-container .popover .arrow:before{background:inherit;height:.5rem;position:absolute;width:.5rem}:host .popover-container .popover .arrow{visibility:hidden}:host .popover-container .popover .arrow:before{--tw-rotate:45deg;content:"";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));visibility:visible}:host .popover-container .popover[data-strategy=fixed]{position:fixed}:host .popover-container .popover[data-strategy=absolute]{position:absolute}:host .popover-container .popover[data-placement^=top]>.arrow{bottom:-.25rem}:host .popover-container .popover[data-placement^=bottom]>.arrow{top:-.25rem}:host .popover-container .popover[data-placement^=left]>.arrow{right:-.25rem}:host .popover-container .popover[data-placement^=right]>.arrow{left:-.25rem}.static{position:static!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}';const m=class{constructor(o){t(this,o);this.isOpen=r(this,"isOpen",3);this._loaded=false;this.variant="hover";this.content=null;this.placement="top";this.strategy="absolute";this.enableUserInput=true;this.show=false;this.canManuallyClose=true}componentShouldUpdate(){this._update()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}}render(){return o(e,{class:"p-popover"},o("slot",{name:"trigger"}),o("div",{class:"popover-container"},o("div",{class:`popover variant-${this.variant}`,role:"popover","data-placement":this.placement,"data-strategy":this.strategy,ref:t=>this._load(t)},this.content?this.content:o("slot",{name:"content"}),o("div",{class:"arrow"}))))}clickHandler(){if(this.variant==="hover"||!this.enableUserInput){return}if(this._popover.hasAttribute("data-show")){return}this._show()}documentClickHandler(){if(this.variant==="hover"||!this.canManuallyClose||this.show){return}if(!this._popover.hasAttribute("data-show")){return}this._hide()}mouseEnterHandler(){if(this.variant!=="hover"||!this.enableUserInput){return}this._show()}mouseLeaveHandler(){if(this.show||this.variant!=="hover"||!this.enableUserInput){return}this._hide()}_show(){if(!this._loaded){return}this._cleanup=i(this._el,this._popover,(()=>this._update()));this._popover.setAttribute("data-show","");this.isOpen.emit(true)}_hide(){if(!this._loaded){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._popover.removeAttribute("data-show");this.isOpen.emit(false)}_load(t){this._popover=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_update(){if(!this._popover){return}const t=this._popover.querySelector(".arrow");if(!t){return}s(this._el,this._popover,{placement:this.variant==="error"||this.variant==="error-element"?"top-end":this.placement,strategy:this.strategy,middleware:[n(this.variant==="error"?14:8),p(),h(),l({element:t,padding:8})]}).then((({x:r,y:o,placement:e,middlewareData:a})=>{this._popover.dataset.placement=e;Object.assign(this._popover.style,{top:`${o}px`,left:`${r}px`});if(a.arrow){const{x:r,y:o}=a.arrow;Object.assign(t.style,{left:this.variant==="error"||this.variant==="error-element"?e.indexOf("start")>=0?"1rem":"calc(100% - 1rem)":r!=null?`${r}px`:"",top:o!=null?`${o}px`:""})}}))}get _el(){return a(this)}};m.style=v;export{m as p_tooltip};
+//# sourceMappingURL=p-b7c0f157.entry.js.map

package/dist/build/p-b7c0f157.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tooltipComponentCss","Tooltip","this","_loaded","componentShouldUpdate","_update","disconnectedCallback","_cleanup","render","h","Host","class","name","variant","role","placement","strategy","ref","el","_load","content","clickHandler","enableUserInput","_popover","hasAttribute","_show","documentClickHandler","canManuallyClose","show","_hide","mouseEnterHandler","mouseLeaveHandler","autoUpdate","_el","setAttribute","isOpen","emit","removeAttribute","popover","setTimeout","arrowEl","querySelector","computePosition","middleware","offset","flip","shift","arrow","element","padding","then","x","y","middlewareData","dataset","Object","assign","style","top","left","indexOf"],"sources":["src/components/atoms/tooltip/tooltip.component.scss?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n    @apply flex cursor-pointer;\n\n    .popover-container {\n        @apply relative h-0 w-0;\n        .popover {\n            @apply left-0 top-0 z-tooltip inline-block rounded bg-white px-3 py-2 text-xs font-medium opacity-0 drop-shadow-4 transition-opacity;\n            @apply pointer-events-none;\n            width: max-content;\n            max-width: 14.5rem;\n\n            &.variant-hover,\n            &.variant-error,\n            &.variant-error-element {\n                @apply bg-storm py-1 text-white;\n            }\n\n            &.variant-error,\n            &.variant-error-element {\n                @apply bg-negative uppercase tracking-wider;\n            }\n\n            &[data-show] {\n                @apply pointer-events-auto opacity-100;\n            }\n\n            .arrow,\n            .arrow::before {\n                background: inherit;\n                @apply absolute h-2 w-2;\n            }\n\n            .arrow {\n                visibility: hidden;\n\n                &::before {\n                    @apply visible rotate-45 transform;\n                    content: '';\n                }\n            }\n\n            &[data-strategy='fixed'] {\n                @apply fixed;\n            }\n\n            &[data-strategy='absolute'] {\n                @apply absolute;\n            }\n\n            &[data-placement^='top'] > .arrow {\n                @apply -bottom-1;\n            }\n\n            &[data-placement^='bottom'] > .arrow {\n                @apply -top-1;\n            }\n\n            &[data-placement^='left'] > .arrow {\n                @apply -right-1;\n            }\n\n            &[data-placement^='right'] > .arrow {\n                @apply -left-1;\n            }\n        }\n    }\n}\n","import {\n    arrow,\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} from '@stencil/core';\n\n@Component({\n    tag: 'p-tooltip',\n    styleUrl: 'tooltip.component.scss',\n    shadow: true,\n})\nexport class Tooltip {\n    /**\n     * The variant of the popover\n     */\n    @Prop() variant: 'hover' | 'click' | 'error' | 'error-element' = 'hover';\n\n    /**\n     * The content of the popover\n     */\n    @Prop() content: any = null;\n\n    /**\n     * The placement of the popover\n     */\n    @Prop() placement: Placement = 'top';\n\n    /**\n     * The strategy of the popover placement\n     */\n    @Prop() strategy: Strategy = 'absolute';\n\n    /**\n     * Wether the tooltip can be shown by user input\n     */\n    @Prop() enableUserInput: boolean = true;\n\n    /**\n     * Wether to show the popover\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to someone can manually close the popover\n     */\n    @Prop() canManuallyClose: boolean = true;\n\n    /**\n     * Open change event\n     */\n    @Event({\n        bubbles: false,\n    })\n    isOpen: EventEmitter<boolean>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _loaded = false;\n    private _popover: 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-popover\">\n                <slot name=\"trigger\" />\n                <div class=\"popover-container\">\n                    <div\n                        class={`popover variant-${this.variant}`}\n                        role=\"popover\"\n                        data-placement={this.placement}\n                        data-strategy={this.strategy}\n                        ref={(el) => this._load(el)}\n                    >\n                        {this.content ? this.content : <slot name=\"content\" />}\n                        <div class=\"arrow\"></div>\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('click', { capture: true })\n    protected clickHandler() {\n        if (this.variant === 'hover' || !this.enableUserInput) {\n            return;\n        }\n\n        if (this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler() {\n        if (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n            return;\n        }\n\n        if (!this._popover.hasAttribute('data-show')) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    @Listen('mouseenter')\n    @Listen('focus')\n    protected mouseEnterHandler() {\n        if (this.variant !== 'hover' || !this.enableUserInput) {\n            return;\n        }\n\n        this._show();\n    }\n\n    @Listen('mouseleave')\n    @Listen('blur')\n    protected mouseLeaveHandler() {\n        if (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n            return;\n        }\n\n        this._hide();\n    }\n\n    private _show() {\n        if (!this._loaded) {\n            return;\n        }\n\n        this._cleanup = autoUpdate(this._el, this._popover, () =>\n            this._update()\n        );\n        // Make the popover visible\n        this._popover.setAttribute('data-show', '');\n\n        // Update its position\n        this.isOpen.emit(true);\n    }\n\n    private _hide() {\n        if (!this._loaded) {\n            return;\n        }\n\n        if (this._cleanup) {\n            this._cleanup();\n            this._cleanup = null;\n        }\n\n        // Hide the popover\n        this._popover.removeAttribute('data-show');\n        this.isOpen.emit(false);\n    }\n\n    private _load(popover: HTMLElement) {\n        this._popover = 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 _update() {\n        if (!this._popover) {\n            return;\n        }\n\n        const arrowEl = this._popover.querySelector('.arrow') as HTMLElement;\n        if (!arrowEl) {\n            return;\n        }\n\n        computePosition(this._el, this._popover, {\n            placement:\n                this.variant === 'error' || this.variant === 'error-element'\n                    ? 'top-end'\n                    : this.placement,\n            strategy: this.strategy,\n\n            middleware: [\n                offset(this.variant === 'error' ? 14 : 8),\n                flip(),\n                shift(),\n                arrow({ element: arrowEl, padding: 8 }),\n            ],\n        }).then(({ x, y, placement, middlewareData }) => {\n            this._popover.dataset.placement = placement;\n            Object.assign(this._popover.style, {\n                top: `${y}px`,\n                left: `${x}px`,\n            });\n\n            if (middlewareData.arrow) {\n                const { x, y } = middlewareData.arrow;\n\n                Object.assign(arrowEl.style, {\n                    left:\n                        this.variant === 'error' ||\n                        this.variant === 'error-element'\n                            ? placement.indexOf('start') >= 0\n                                ? '1rem'\n                                : 'calc(100% - 1rem)'\n                            : x != null\n                            ? `${x}px`\n                            : '',\n                    top: y != null ? `${y}px` : '',\n                });\n            }\n        });\n    }\n}\n"],"mappings":"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"}

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

@@ -1,2 +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
+import{r as t,h as i,H as s,g as e}from"./p-e4d5e7a7.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-cb2674b5.entry.js.map

package/dist/build/p-cb2674b5.entry.js.map

@@ -0,0 +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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"}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i}from"./p-e4d5e7a7.js";const a=".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}";const r=class{constructor(e){t(this,e);this.variant="default";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}render(){return e(i,{class:`p-status variant-${this.variant}\n                }`},this._getIcon(),e("slot",null))}_getIcon(){const t=this.icon||this._getVariantIcon();if(!t){return}return e("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}};r.style=a;export{r as p_status};
+//# sourceMappingURL=p-cf7bd354.entry.js.map

package/dist/build/p-cf7bd354.entry.js.map

@@ -0,0 +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,8xB,MCQdC,EAAM,M,sCAKX,U,sEAiBJ,MAAAC,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,oBAAoBC,KAAKC,8BAG/BD,KAAKE,WACNL,EAAA,a,CAKJ,QAAAK,GACJ,MAAMC,EAAOH,KAAKG,MAAQH,KAAKI,kBAE/B,IAAKD,EAAM,CACP,M,CAGJ,OACIN,EAAA,UACII,QAASE,EACTE,KAAML,KAAKM,SACXC,OAAQP,KAAKQ,Y,CAKjB,eAAAJ,GACJ,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-4c51a801.entry.js → p-d23db949.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as r,H as t}from"./p-6ccf5cdd.js";const i=".mb-\\[calc\\(\\.5rem-1px\\)\\]{margin-bottom:calc(.5rem - 1px)!important}.ml-\\[calc\\(\\.5rem-1px\\)\\]{margin-left:calc(.5rem - 1px)!important}.mr-\\[calc\\(\\.5rem-1px\\)\\]{margin-right:calc(.5rem - 1px)!important}.block{display:block!important}.h-\\[2px\\]{height:2px!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-\\[2px\\]{width:2px!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));display:block;flex:1 1 auto;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([direction=horizontal]){height:2px;margin-bottom:calc(.5rem - 1px)}:host([direction=vertical]){margin-left:calc(.5rem - 1px);margin-right:calc(.5rem - 1px);min-height:1rem;width:2px}:host([active]){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}.static{position:static!important}";const a=class{constructor(r){o(this,r);this.active=false;this.direction="horizontal"}render(){return r(t,{class:"p-stepper-line"})}};a.style=i;export{a as p_stepper_line};
-//# sourceMappingURL=p-4c51a801.entry.js.map
+import{r as o,h as r,H as t}from"./p-e4d5e7a7.js";const i=".mb-\\[calc\\(\\.5rem-1px\\)\\]{margin-bottom:calc(.5rem - 1px)!important}.ml-\\[calc\\(\\.5rem-1px\\)\\]{margin-left:calc(.5rem - 1px)!important}.mr-\\[calc\\(\\.5rem-1px\\)\\]{margin-right:calc(.5rem - 1px)!important}.block{display:block!important}.h-\\[2px\\]{height:2px!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-\\[2px\\]{width:2px!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(218 230 240/var(--tw-bg-opacity));display:block;flex:1 1 auto;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([direction=horizontal]){height:2px;margin-bottom:calc(.5rem - 1px)}:host([direction=vertical]){margin-left:calc(.5rem - 1px);margin-right:calc(.5rem - 1px);min-height:1rem;width:2px}:host([active]){--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}.static{position:static!important}";const a=class{constructor(r){o(this,r);this.active=false;this.direction="horizontal"}render(){return r(t,{class:"p-stepper-line"})}};a.style=i;export{a as p_stepper_line};
+//# sourceMappingURL=p-d23db949.entry.js.map

package/dist/build/p-d23db949.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stepperLineComponentCss","StepperLine","render","h","Host","class"],"sources":["src/components/atoms/stepper-line/stepper-line.component.scss?tag=p-stepper-line&encapsulation=shadow","src/components/atoms/stepper-line/stepper-line.component.tsx"],"sourcesContent":[":host {\n    @apply flex-auto;\n    @apply transition duration-500 ease-in-out;\n\n    @apply block;\n\n    @apply bg-mystic-dark;\n}\n\n:host([direction='horizontal']) {\n    @apply mb-[calc(.5rem-1px)] h-[2px];\n}\n\n:host([direction='vertical']) {\n    @apply ml-[calc(.5rem-1px)] mr-[calc(.5rem-1px)] min-h-[1rem] w-[2px];\n}\n\n:host([active]) {\n    @apply bg-indigo;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-stepper-line',\n    styleUrl: 'stepper-line.component.scss',\n    shadow: true,\n})\nexport class StepperLine {\n    /**\n     * Wether the line is active\n     */\n    @Prop({ reflect: true }) active: boolean = false;\n\n    /**\n     * The direction of the stepper line\n     */\n    @Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n        'horizontal';\n\n    render() {\n        return <Host class=\"p-stepper-line\"></Host>;\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,87D,MCOnBC,EAAW,M,qCAIuB,M,eAMvC,Y,CAEJ,MAAAC,GACI,OAAOC,EAACC,EAAI,CAACC,MAAM,kB"}

package/dist/build/{p-6c60fd3d.js → p-da7b6f2c.js}

@@ -1,2 +1,2 @@
 const s=12;const a=[12,24,68,136];export{a,s as d};
-//# sourceMappingURL=p-6c60fd3d.js.map
+//# sourceMappingURL=p-da7b6f2c.js.map

package/dist/build/p-da7b6f2c.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultSize","defaultSizeOptions"],"sources":["src/components/molecules/page-size-select/constants.tsx"],"sourcesContent":["export const defaultSize = 12;\nexport const defaultSizeOptions = [12, 24, 68, 136];\n"],"mappings":"MAAaA,EAAc,G,MACdC,EAAqB,CAAC,GAAI,GAAI,GAAI,Y"}

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

@@ -0,0 +1,2 @@
+import{r,h as t,H as o}from"./p-e4d5e7a7.js";const a=".z-10{z-index:10!important}.flex{display:flex!important}.hidden{display:none!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.w-full{width:100%!important}.max-w-\\[222px\\]{max-width:222px!important}.flex-col{flex-direction:column!important}.gap-\\[1px\\]{gap:1px!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-xxlarge{border-radius:.75rem!important}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!important}.drop-shadow-4,.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}*{box-sizing:border-box}p-dropdown-menu-container{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.75rem;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);overflow-x:hidden;overflow-y:auto;width:auto;z-index:10}p-dropdown-menu-container .content{display:flex;flex-direction:column;gap:1px;padding:.5rem;width:100%}p-dropdown-menu-container.full-width{width:100%}p-dropdown-menu-container.max-width{max-width:222px}p-dropdown-menu-container.scrollable{max-height:11.5rem;scrollbar-width:none}p-dropdown-menu-container.scrollable::-webkit-scrollbar{display:none}p-dropdown-menu-container.scrollable .content{height:100%}.static{position:static!important}";const e=class{constructor(t){r(this,t);this.maxWidth=true;this.fullWidth=true;this.scrollable=false}render(){return t(o,{class:`p-dropdown-menu-container ${this.maxWidth&&"max-width"} ${this.fullWidth&&"full-width"} ${this.scrollable&&"scrollable"}`},t("div",{class:"content"},t("slot",null)))}};e.style=a;export{e as p_dropdown_menu_container};
+//# sourceMappingURL=p-dd20caf1.entry.js.map

package/dist/build/p-dd20caf1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownMenuContainerComponentCss","DropdownMenuContainer","render","h","Host","class","this","maxWidth","fullWidth","scrollable"],"sources":["src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.scss?tag=p-dropdown-menu-container","src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.tsx"],"sourcesContent":["@import '../../../style/mixins';\n\np-dropdown-menu-container {\n    @apply w-auto;\n    @apply rounded-xxlarge bg-white;\n    @apply z-10 overflow-y-auto overflow-x-hidden drop-shadow-4 filter;\n\n    .content {\n        @apply w-full p-2;\n        @apply flex flex-col gap-[1px];\n    }\n\n    &.full-width {\n        @apply w-full;\n    }\n\n    &.max-width {\n        @apply max-w-[222px];\n    }\n\n    &.scrollable {\n        @apply max-h-[11.5rem];\n\n        scrollbar-width: none;\n        &::-webkit-scrollbar {\n            @apply hidden;\n        }\n\n        .content {\n            @apply h-full;\n        }\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-dropdown-menu-container',\n    styleUrl: 'dropdown-menu-container.component.scss',\n    // shadow: true,\n})\nexport class DropdownMenuContainer {\n    /**\n     * Wether the container applies it's max width\n     */\n    @Prop() maxWidth: boolean = true;\n\n    /**\n     * Wether the container should all available space\n     */\n    @Prop() fullWidth: boolean = true;\n\n    /**\n     * Wether the container should be scrollable when the threshold is met.\n     */\n    @Prop() scrollable: boolean = false;\n\n    render() {\n        return (\n            <Host\n                class={`p-dropdown-menu-container ${\n                    this.maxWidth && 'max-width'\n                } ${this.fullWidth && 'full-width'} ${\n                    this.scrollable && 'scrollable'\n                }`}\n            >\n                <div class=\"content\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"6CAAA,MAAMA,EAAoC,8rD,MCO7BC,EAAqB,M,uCAIF,K,eAKC,K,gBAKC,K,CAE9B,MAAAC,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,6BACHC,KAAKC,UAAY,eACjBD,KAAKE,WAAa,gBAClBF,KAAKG,YAAc,gBAGvBN,EAAA,OAAKE,MAAM,WACPF,EAAA,c"}

package/dist/{paperless/p-07259c61.entry.js → build/p-dd8532ab.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as a}from"./p-6ccf5cdd.js";const i=".flex{display:flex!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.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}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}.static{position:static!important}";const e=class{constructor(r){t(this,r);this.extra=undefined}render(){return r(a,{class:"p-avatar-group"},r("slot",null),this.extra&&r("span",{class:"extra"},"+",this.extra))}};e.style=i;export{e as p_avatar_group};
-//# sourceMappingURL=p-07259c61.entry.js.map
+import{r as t,h as r,H as a}from"./p-e4d5e7a7.js";const e=".flex{display:flex!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.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}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}";const i=class{constructor(r){t(this,r);this.extra=undefined}render(){return r(a,{class:"p-avatar-group"},r("slot",null),this.extra&&r("span",{class:"extra"},"+",this.extra))}};i.style=e;export{i as p_avatar_group};
+//# sourceMappingURL=p-dd8532ab.entry.js.map

package/dist/build/p-dd8532ab.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["avatarGroupComponentCss","AvatarGroup","render","h","Host","class","this","extra"],"sources":["src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n    @apply flex -space-x-1 overflow-hidden items-center;\n\n    p-avatar > img {\n        @apply ring-2 ring-white;\n    }\n\n    p-avatar:nth-child(1) {\n        z-index: 3;\n    }\n\n    p-avatar:nth-child(2) {\n        z-index: 2;\n    }\n\n    p-avatar:nth-child(3) {\n        z-index: 1;\n    }\n\n    .extra {\n        @apply text-sm text-storm-vague pl-4;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-avatar-group',\n    styleUrl: 'avatar-group.component.scss',\n    // shadow: true,\n})\nexport class AvatarGroup {\n    /**\n     * The amount to show after the avatars\n     */\n    @Prop() extra: number;\n\n    render() {\n        return (\n            <Host class=\"p-avatar-group\">\n                <slot />\n\n                {this.extra && <span class=\"extra\">+{this.extra}</span>}\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,ktD,MCOnBC,EAAW,M,8CAMpB,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAECG,KAAKC,OAASJ,EAAA,QAAME,MAAM,SAAO,IAAGC,KAAKC,O"}

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

@@ -0,0 +1,2 @@
+import{r as t,h as i,H as e}from"./p-e4d5e7a7.js";const o=".block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-\\[0\\.625rem\\]{height:.625rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.w-\\[0\\.625rem\\]{width:.625rem!important}.w-\\[1\\.625rem\\]{width:1.625rem!important}.min-w-\\[1rem\\]{min-width:1rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-\\[1px\\]{padding-bottom:1px!important;padding-top:1px!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}*{box-sizing:border-box}:host{align-items:center;border-radius:.25rem;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:1.625rem;justify-content:center;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem}@media (min-width:64rem){:host{padding-left:.75rem;padding-right:.75rem}}:host .content{align-items:center;display:none}@media (min-width:64rem){:host .content{display:flex}}:host .circle{border-radius:100%;display:none;height:.625rem;width:.625rem}:host p-icon{display:none!important;font-size:.75rem!important;line-height:1rem!important}:host([variant=neutral]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity));color:rgb(152 154 183/var(--tw-text-opacity))}:host([variant=neutral]) .circle{--tw-bg-opacity:1;background-color:rgb(152 154 183/var(--tw-bg-opacity))}:host([variant=info]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(245 254 255/var(--tw-bg-opacity));color:rgb(30 218 227/var(--tw-text-opacity))}:host([variant=info]) .circle{--tw-bg-opacity:1;background-color:rgb(30 218 227/var(--tw-bg-opacity))}:host([variant=positive]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity));color:rgb(40 209 124/var(--tw-text-opacity))}:host([variant=positive]) .circle{--tw-bg-opacity:1;background-color:rgb(40 209 124/var(--tw-bg-opacity))}:host([variant=unbiased]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity));color:rgb(255 199 45/var(--tw-text-opacity))}:host([variant=unbiased]) .circle{--tw-bg-opacity:1;background-color:rgb(255 199 45/var(--tw-bg-opacity))}:host([variant=negative]){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity));color:rgb(185 30 40/var(--tw-text-opacity))}:host([variant=negative]) .circle{--tw-bg-opacity:1;background-color:rgb(185 30 40/var(--tw-bg-opacity))}:host([size=small]){font-size:.75rem;height:1rem;justify-content:center;line-height:.75rem;min-width:1rem;padding:1px .25rem}:host([behavior=circle]) .circle{display:block}@media (min-width:64rem){:host([behavior=circle]) .circle{display:block}}:host([behavior=icon]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon]) p-icon{display:flex!important}}:host([behavior=text]) p-icon{display:none!important}@media (min-width:64rem){:host([behavior=text]) p-icon{display:none!important}}:host([behavior=text]) .circle{display:none}@media (min-width:64rem){:host([behavior=text]) .circle{display:none}}:host([behavior=text]) .content{display:flex}@media (min-width:64rem){:host([behavior=text]) .content{display:flex}}:host([behavior=combination]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=combination]){padding-left:.75rem;padding-right:.75rem;width:auto}}:host([behavior=combination]) .circle{display:none}@media (min-width:64rem){:host([behavior=combination]) .circle{display:block}}:host([behavior=combination]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=combination]) p-icon{display:none!important}}:host([behavior=icon-only]){padding-left:0;padding-right:0;width:1.625rem}@media (min-width:64rem){:host([behavior=icon-only]){padding-left:0;padding-right:0}}:host([behavior=icon-only]) .content{display:none}@media (min-width:64rem){:host([behavior=icon-only]) .content{display:none}}:host([behavior=icon-only]) p-icon{display:flex!important}@media (min-width:64rem){:host([behavior=icon-only]) p-icon{display:flex!important}}:host([behavior=icon-only][size=small]){height:1rem;width:1rem}:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}@media (min-width:64rem){:host([keep-mobile-content=true]) .content,:host([keep-mobile-content]) .content{display:flex}.desktop-xs\\:block{display:block!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}}.static{position:static!important}";const r=class{constructor(i){t(this,i);this.variant="neutral";this.behavior="circle";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined;this.size="default";this.keepMobileContent=false}render(){return i(e,{class:"p-label"},this.icon&&i("p-icon",{variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate}),(this.behavior==="circle"||this.behavior==="combination")&&i("div",{class:"circle"}),i("div",{class:"content"},i("slot",null)))}};r.style=o;const n=".flex{display:flex!important}.h-8{height:2rem!important}.items-center{align-items:center!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}*{box-sizing:border-box}p-segment-container{--tw-bg-opacity:1;--tw-border-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity));border-radius:.375rem;border-style:solid;border-width:1px;display:flex;gap:.25rem;height:2rem;padding:.25rem}.static{position:static!important}";const a=class{constructor(i){t(this,i)}render(){return i(e,{class:"p-segment-container"},i("slot",null))}};a.style=n;const c=".flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!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}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:1.5rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}:host(.variant-icon){justify-content:center;padding-left:0;padding-right:0;width:1.5rem}:host(:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-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}";const p=class{constructor(i){t(this,i);this.active=false;this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}render(){return i(e,{class:`p-segment-item variant-${this.icon?"icon":"default"} ${this.active&&"active"}`},this.icon?this._getIcon():i("slot",null))}_getIcon(){if(!this.icon){return}return i("p-icon",{class:"flex",variant:this.icon,flip:this.iconFlip,rotate:this.iconRotate})}};p.style=c;export{r as p_label,a as p_segment_container,p as p_segment_item};
+//# sourceMappingURL=p-e193e319.entry.js.map

package/dist/build/p-e193e319.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["labelComponentCss","Label","render","h","Host","class","this","icon","variant","flip","iconFlip","rotate","iconRotate","behavior","segmentContainerComponentCss","SegmentContainer","segmentItemComponentCss","SegmentItem","active","_getIcon"],"sources":["src/components/atoms/label/label.component.scss?tag=p-label&encapsulation=shadow","src/components/atoms/label/label.component.tsx","src/components/atoms/segment-container/segment-container.component.scss?tag=p-segment-container","src/components/atoms/segment-container/segment-container.component.tsx","src/components/atoms/segment-item/segment-item.component.scss?tag=p-segment-item&encapsulation=shadow","src/components/atoms/segment-item/segment-item.component.tsx"],"sourcesContent":[":host {\n    @apply flex items-center justify-center gap-2 rounded px-2 desktop-xs:px-3;\n    @apply h-[1.625rem];\n    @apply text-sm font-semibold;\n\n    .content {\n        @apply hidden items-center desktop-xs:flex;\n    }\n\n    .circle {\n        @apply hidden h-[0.625rem] w-[0.625rem] rounded-round;\n    }\n\n    p-icon {\n        @apply hidden text-xs #{!important};\n    }\n}\n\n:host([variant='neutral']) {\n    @apply bg-mystic;\n    @apply text-storm-vague;\n\n    .circle {\n        @apply bg-storm-vague;\n    }\n}\n\n:host([variant='info']) {\n    @apply bg-sky-light;\n    @apply text-sky;\n\n    .circle {\n        @apply bg-sky;\n    }\n}\n\n:host([variant='positive']) {\n    @apply bg-positive-light;\n    @apply text-positive;\n\n    .circle {\n        @apply bg-positive;\n    }\n}\n\n:host([variant='unbiased']) {\n    @apply bg-unbiased-light;\n    @apply text-unbiased;\n\n    .circle {\n        @apply bg-unbiased;\n    }\n}\n\n:host([variant='negative']) {\n    @apply bg-negative-light;\n    @apply text-negative;\n\n    .circle {\n        @apply bg-negative;\n    }\n}\n\n:host([size='small']) {\n    @apply h-4 min-w-[1rem] px-1 py-[1px];\n    @apply justify-center text-xs;\n    @apply leading-3;\n}\n\n:host([behavior='circle']) {\n    .circle {\n        @apply block desktop-xs:block;\n    }\n}\n\n:host([behavior='icon']) {\n    p-icon {\n        @apply flex desktop-xs:flex #{!important};\n    }\n}\n\n:host([behavior='text']) {\n    p-icon {\n        @apply hidden desktop-xs:hidden #{!important};\n    }\n\n    .circle {\n        @apply hidden desktop-xs:hidden;\n    }\n\n    .content {\n        @apply flex desktop-xs:flex;\n    }\n}\n\n:host([behavior='combination']) {\n    @apply px-0 desktop-xs:px-3;\n    @apply w-[1.625rem] desktop-xs:w-auto;\n\n    .circle {\n        @apply hidden desktop-xs:block;\n    }\n\n    p-icon {\n        @apply flex desktop-xs:hidden #{!important};\n    }\n}\n\n:host([behavior='icon-only']) {\n    @apply px-0 desktop-xs:px-0;\n    @apply w-[1.625rem];\n\n    .content {\n        @apply hidden desktop-xs:hidden;\n    }\n\n    p-icon {\n        @apply flex desktop-xs:flex #{!important};\n    }\n}\n\n:host([behavior='icon-only'][size='small']) {\n    @apply h-4 w-4;\n}\n\n:host([keep-mobile-content]),\n:host([keep-mobile-content='true']) {\n    .content {\n        @apply flex desktop-xs:flex;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-label',\n    styleUrl: 'label.component.scss',\n    shadow: true,\n})\nexport class Label {\n    /**\n     * Variant of the label\n     */\n    @Prop({ reflect: true }) variant:\n        | 'neutral'\n        | 'positive'\n        | 'unbiased'\n        | 'negative'\n        | 'info' = 'neutral';\n\n    /**\n     * Define the behavior of the label\n     */\n    @Prop({ reflect: true }) behavior:\n        | 'icon'\n        | 'circle'\n        | 'combination'\n        | 'text'\n        | 'icon-only' = 'circle';\n\n    /**\n     * Icon to show on the label\n     */\n    @Prop({ reflect: true }) icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    /**\n     * The size of the label\n     */\n    @Prop({ reflect: true }) size: 'small' | 'default' = 'default';\n\n    /**\n     * Wether to keep the content on mobile\n     */\n    @Prop({ reflect: true }) keepMobileContent: boolean = false;\n\n    render() {\n        return (\n            <Host class=\"p-label\">\n                {this.icon && (\n                    <p-icon\n                        variant={this.icon}\n                        flip={this.iconFlip}\n                        rotate={this.iconRotate}\n                    />\n                )}\n                {(this.behavior === 'circle' ||\n                    this.behavior === 'combination') && (\n                    <div class=\"circle\"></div>\n                )}\n                <div class=\"content\">\n                    <slot />\n                </div>\n            </Host>\n        );\n    }\n}\n","p-segment-container {\n    @apply flex items-center gap-1;\n    @apply bg-white rounded-large;\n    @apply h-8 p-1;\n    @apply border border-solid border-mystic-dark;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n    tag: 'p-segment-container',\n    styleUrl: 'segment-container.component.scss',\n})\nexport class SegmentContainer {\n    render() {\n        return (\n            <Host class=\"p-segment-container\">\n                <slot />\n            </Host>\n        );\n    }\n}\n",":host {\n    @apply h-6 flex items-center px-2 rounded-large;\n    @apply text-storm text-sm font-semibold whitespace-nowrap;\n    @apply cursor-pointer;\n}\n\n:host(.variant-icon) {\n    @apply w-6 justify-center px-0;\n}\n\n:host(:hover) {\n    @apply bg-indigo-light;\n}\n\n:host(.active) {\n    @apply text-indigo bg-indigo-light;\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-segment-item',\n    styleUrl: 'segment-item.component.scss',\n    shadow: true,\n})\nexport class SegmentItem {\n    /**\n     * Wether the segment item is active\n     */\n    @Prop() active: boolean = false;\n\n    /**\n     * Icon to show on the segment item\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-segment-item variant-${\n                    this.icon ? 'icon' : 'default'\n                } ${this.active && 'active'}`}\n            >\n                {this.icon ? this._getIcon() : <slot />}\n            </Host>\n        );\n    }\n\n    private _getIcon() {\n        if (!this.icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                class=\"flex\"\n                variant={this.icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,6vJ,MCSbC,EAAK,M,sCASC,U,cAUK,S,gFAoBiC,U,uBAKC,K,CAEtD,MAAAC,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,WACPC,KAAKC,MACFJ,EAAA,UACIK,QAASF,KAAKC,KACdE,KAAMH,KAAKI,SACXC,OAAQL,KAAKM,cAGnBN,KAAKO,WAAa,UAChBP,KAAKO,WAAa,gBAClBV,EAAA,OAAKE,MAAM,WAEfF,EAAA,OAAKE,MAAM,WACPF,EAAA,c,aCtEpB,MAAMW,EAA+B,+nB,MCMxBC,EAAgB,M,yBACzB,MAAAb,GACI,OACIC,EAACC,EAAI,CAACC,MAAM,uBACRF,EAAA,a,aCVhB,MAAMa,EAA0B,0qC,MCSnBC,EAAW,M,qCAIM,M,sEAiB1B,MAAAf,GACI,OACIC,EAACC,EAAI,CACDC,MAAO,0BACHC,KAAKC,KAAO,OAAS,aACrBD,KAAKY,QAAU,YAElBZ,KAAKC,KAAOD,KAAKa,WAAahB,EAAA,a,CAKnC,QAAAgB,GACJ,IAAKb,KAAKC,KAAM,CACZ,M,CAGJ,OACIJ,EAAA,UACIE,MAAM,OACNG,QAASF,KAAKC,KACdE,KAAMH,KAAKI,SACXC,OAAQL,KAAKM,Y"}

package/dist/build/p-e4d5e7a7.js

@@ -0,0 +1,3 @@
+const t="paperless";let e;let n;let s;let l=false;let o=false;let i=false;let f=false;let c=false;const r=(t,e="")=>{{return()=>{}}};const u=(t,e)=>{{return()=>{}}};const a="r";const d="o";const $="s";const h="t";const p="s-id";const y="sty-id";const m="c-id";const v="{visibility:hidden}.hydrated{visibility:inherit}";const b={};const w=t=>t!=null;const g=t=>{t=typeof t;return t==="object"||t==="function"};function S(t){var e,n,s;return(s=(n=(e=t.head)===null||e===void 0?void 0:e.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&s!==void 0?s:undefined}const k=(t,e,...n)=>{let s=null;let l=null;let o=false;let i=false;const f=[];const c=e=>{for(let n=0;n<e.length;n++){s=e[n];if(Array.isArray(s)){c(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!g(s)){s=String(s)}if(o&&i){f[f.length-1].t+=s}else{f.push(o?j(null,s):s)}i=o}}};c(n);if(e){if(e.name){l=e.name}{const t=e.className||e.class;if(t){e.class=typeof t!=="object"?t:Object.keys(t).filter((e=>t[e])).join(" ")}}}if(typeof t==="function"){return t(e===null?{}:e,f,O)}const r=j(t,null);r.l=e;if(f.length>0){r.o=f}{r.i=l}return r};const j=(t,e)=>{const n={u:0,$:t,t:e,h:null,o:null};{n.l=null}{n.i=null}return n};const C={};const M=t=>t&&t.$===C;const O={forEach:(t,e)=>t.map(x).forEach(e),map:(t,e)=>t.map(x).map(e).map(R)};const x=t=>({vattrs:t.l,vchildren:t.o,vkey:t.p,vname:t.i,vtag:t.$,vtext:t.t});const R=t=>{if(typeof t.vtag==="function"){const e=Object.assign({},t.vattrs);if(t.vkey){e.key=t.vkey}if(t.vname){e.name=t.vname}return k(t.vtag,e,...t.vchildren||[])}const e=j(t.vtag,t.vtext);e.l=t.vattrs;e.o=t.vchildren;e.p=t.vkey;e.i=t.vname;return e};const I=(t,e,n,s)=>{const l=r("hydrateClient",e);const o=t.shadowRoot;const i=[];const f=[];const c=o?[]:null;const u=s.m=j(e,null);if(!zt.v){T(_t.body,zt.v=new Map)}t[p]=n;t.removeAttribute(p);P(u,i,f,c,t,t,n);i.map((t=>{const n=t.g+"."+t.S;const s=zt.v.get(n);const l=t.h;if(s&&Bt&&s["s-en"]===""){s.parentNode.insertBefore(l,s.nextSibling)}if(!o){l["s-hn"]=e;if(s){l["s-ol"]=s;l["s-ol"]["s-nr"]=l}}zt.v.delete(n)}));if(o){c.map((t=>{if(t){o.appendChild(t)}}))}l()};const P=(t,e,n,s,l,o,i)=>{let f;let c;let r;let u;if(o.nodeType===1){f=o.getAttribute(m);if(f){c=f.split(".");if(c[0]===i||c[0]==="0"){r={u:0,g:c[0],S:c[1],k:c[2],j:c[3],$:o.tagName.toLowerCase(),h:o,l:null,o:null,p:null,i:null,t:null};e.push(r);o.removeAttribute(m);if(!t.o){t.o=[]}t.o[r.j]=r;t=r;if(s&&r.k==="0"){s[r.j]=r.h}}}for(u=o.childNodes.length-1;u>=0;u--){P(t,e,n,s,l,o.childNodes[u],i)}if(o.shadowRoot){for(u=o.shadowRoot.childNodes.length-1;u>=0;u--){P(t,e,n,s,l,o.shadowRoot.childNodes[u],i)}}}else if(o.nodeType===8){c=o.nodeValue.split(".");if(c[1]===i||c[1]==="0"){f=c[0];r={u:0,g:c[1],S:c[2],k:c[3],j:c[4],h:o,l:null,o:null,p:null,i:null,$:null,t:null};if(f===h){r.h=o.nextSibling;if(r.h&&r.h.nodeType===3){r.t=r.h.textContent;e.push(r);o.remove();if(!t.o){t.o=[]}t.o[r.j]=r;if(s&&r.k==="0"){s[r.j]=r.h}}}else if(r.g===i){if(f===$){r.$="slot";if(c[5]){o["s-sn"]=r.i=c[5]}else{o["s-sn"]=""}o["s-sr"]=true;if(s){r.h=_t.createElement(r.$);if(r.i){r.h.setAttribute("name",r.i)}o.parentNode.insertBefore(r.h,o);o.remove();if(r.k==="0"){s[r.j]=r.h}}n.push(r);if(!t.o){t.o=[]}t.o[r.j]=r}else if(f===a){if(s){o.remove()}else{l["s-cr"]=o;o["s-cn"]=true}}}}}else if(t&&t.$==="style"){const e=j(null,o.textContent);e.h=o;e.j="0";t.o=[e]}};const T=(t,e)=>{if(t.nodeType===1){let n=0;for(;n<t.childNodes.length;n++){T(t.childNodes[n],e)}if(t.shadowRoot){for(n=0;n<t.shadowRoot.childNodes.length;n++){T(t.shadowRoot.childNodes[n],e)}}}else if(t.nodeType===8){const n=t.nodeValue.split(".");if(n[0]===d){e.set(n[1]+"."+n[2],t);t.nodeValue="";t["s-en"]=n[3]}}};const U=(t,e)=>{if(t!=null&&!g(t)){if(e&4){return t==="false"?false:t===""||!!t}if(e&2){return parseFloat(t)}if(e&1){return String(t)}return t}return t};const E=t=>Lt(t).C;const L=(t,e,n)=>{const s=E(t);return{emit:t=>N(s,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:t})}};const N=(t,e,n)=>{const s=zt.ce(e,n);t.dispatchEvent(s);return s};const W=new WeakMap;const A=(t,e,n)=>{let s=qt.get(t);if(Jt&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=e}else{s.replaceSync(e)}}else{s=e}qt.set(t,s)};const D=(t,e,n)=>{var s;const l=H(e);const o=qt.get(l);t=t.nodeType===11?t:_t;if(o){if(typeof o==="string"){t=t.head||t;let e=W.get(t);let n;if(!e){W.set(t,e=new Set)}if(!e.has(l)){if(t.host&&(n=t.querySelector(`[${y}="${l}"]`))){n.innerHTML=o}else{n=_t.createElement("style");n.innerHTML=o;const e=(s=zt.M)!==null&&s!==void 0?s:S(_t);if(e!=null){n.setAttribute("nonce",e)}t.insertBefore(n,t.querySelector("link"))}if(e){e.add(l)}}}else if(!t.adoptedStyleSheets.includes(o)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,o]}}return l};const F=t=>{const e=t.O;const n=t.C;const s=e.u;const l=r("attachStyles",e.R);const o=D(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h")}l()};const H=(t,e)=>"sc-"+t.R;const q=t=>t.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");const V=(t,e,n,s,l,o)=>{if(n!==s){let i=At(t,e);let f=e.toLowerCase();if(e==="class"){const e=t.classList;const l=z(n);const o=z(s);e.remove(...l.filter((t=>t&&!o.includes(t))));e.add(...o.filter((t=>t&&!l.includes(t))))}else if(e==="style"){{for(const e in n){if(!s||s[e]==null){if(e.includes("-")){t.style.removeProperty(e)}else{t.style[e]=""}}}}for(const e in s){if(!n||s[e]!==n[e]){if(e.includes("-")){t.style.setProperty(e,s[e])}else{t.style[e]=s[e]}}}}else if(e==="ref"){if(s){s(t)}}else if(!i&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(At(Vt,f)){e=f.slice(2)}else{e=f[2]+e.slice(3)}if(n){zt.rel(t,e,n,false)}if(s){zt.ael(t,e,s,false)}}else{const f=g(s);if((i||f&&s!==null)&&!l){try{if(!t.tagName.includes("-")){const l=s==null?"":s;if(e==="list"){i=false}else if(n==null||t[e]!=l){t[e]=l}}else{t[e]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(e)===""){{t.removeAttribute(e)}}}else if((!i||o&4||l)&&!f){s=s===true?"":s;{t.setAttribute(e,s)}}}}};const _=/\s/;const z=t=>!t?[]:t.split(_);const B=(t,e,n,s)=>{const l=e.h.nodeType===11&&e.h.host?e.h.host:e.h;const o=t&&t.l||b;const i=e.l||b;{for(s in o){if(!(s in i)){V(l,s,o[s],undefined,n,e.u)}}}for(s in i){V(l,s,o[s],i[s],n,e.u)}};const G=(t,o,c,r)=>{const u=o.o[c];let a=0;let d;let $;let h;if(!l){i=true;if(u.$==="slot"){if(e){r.classList.add(e+"-s")}u.u|=u.o?2:1}}if(u.t!==null){d=u.h=_t.createTextNode(u.t)}else if(u.u&1){d=u.h=_t.createTextNode("")}else{d=u.h=_t.createElement(u.u&2?"slot-fb":u.$);{B(null,u,f)}if(w(e)&&d["s-si"]!==e){d.classList.add(d["s-si"]=e)}if(u.o){for(a=0;a<u.o.length;++a){$=G(t,u,a,d);if($){d.appendChild($)}}}}{d["s-hn"]=s;if(u.u&(2|1)){d["s-sr"]=true;d["s-cr"]=n;d["s-sn"]=u.i||"";h=t&&t.o&&t.o[c];if(h&&h.$===u.$&&t.h){J(t.h,false)}}}return d};const J=(t,e)=>{zt.u|=1;const n=t.childNodes;for(let t=n.length-1;t>=0;t--){const l=n[t];if(l["s-hn"]!==s&&l["s-ol"]){tt(l).insertBefore(l,Z(l));l["s-ol"].remove();l["s-ol"]=undefined;i=true}if(e){J(l,e)}}zt.u&=~1};const K=(t,e,n,l,o,i)=>{let f=t["s-cr"]&&t["s-cr"].parentNode||t;let c;if(f.shadowRoot&&f.tagName===s){f=f.shadowRoot}for(;o<=i;++o){if(l[o]){c=G(null,n,o,t);if(c){l[o].h=c;f.insertBefore(c,Z(e))}}}};const Q=(t,e,n)=>{for(let s=e;s<=n;++s){const e=t[s];if(e){const t=e.h;it(e);if(t){{o=true;if(t["s-ol"]){t["s-ol"].remove()}else{J(t,true)}}t.remove()}}}};const X=(t,e,n,s)=>{let l=0;let o=0;let i=e.length-1;let f=e[0];let c=e[i];let r=s.length-1;let u=s[0];let a=s[r];let d;while(l<=i&&o<=r){if(f==null){f=e[++l]}else if(c==null){c=e[--i]}else if(u==null){u=s[++o]}else if(a==null){a=s[--r]}else if(Y(f,u)){et(f,u);f=e[++l];u=s[++o]}else if(Y(c,a)){et(c,a);c=e[--i];a=s[--r]}else if(Y(f,a)){if(f.$==="slot"||a.$==="slot"){J(f.h.parentNode,false)}et(f,a);t.insertBefore(f.h,c.h.nextSibling);f=e[++l];a=s[--r]}else if(Y(c,u)){if(f.$==="slot"||a.$==="slot"){J(c.h.parentNode,false)}et(c,u);t.insertBefore(c.h,f.h);c=e[--i];u=s[++o]}else{{d=G(e&&e[o],n,o,t);u=s[++o]}if(d){{tt(f.h).insertBefore(d,Z(f.h))}}}}if(l>i){K(t,s[r+1]==null?null:s[r+1].h,n,s,o,r)}else if(o>r){Q(e,l,i)}};const Y=(t,e)=>{if(t.$===e.$){if(t.$==="slot"){return t.i===e.i}return true}return false};const Z=t=>t&&t["s-ol"]||t;const tt=t=>(t["s-ol"]?t["s-ol"]:t).parentNode;const et=(t,e)=>{const n=e.h=t.h;const s=t.o;const l=e.o;const o=e.$;const i=e.t;let c;if(i===null){{if(o==="slot");else{B(t,e,f)}}if(s!==null&&l!==null){X(n,s,e,l)}else if(l!==null){if(t.t!==null){n.textContent=""}K(n,null,e,l,0,l.length-1)}else if(s!==null){Q(s,0,s.length-1)}}else if(c=n["s-cr"]){c.parentNode.textContent=i}else if(t.t!==i){n.data=i}};const nt=t=>{const e=t.childNodes;let n;let s;let l;let o;let i;let f;for(s=0,l=e.length;s<l;s++){n=e[s];if(n.nodeType===1){if(n["s-sr"]){i=n["s-sn"];n.hidden=false;for(o=0;o<l;o++){f=e[o].nodeType;if(e[o]["s-hn"]!==n["s-hn"]||i!==""){if(f===1&&i===e[o].getAttribute("slot")){n.hidden=true;break}}else{if(f===1||f===3&&e[o].textContent.trim()!==""){n.hidden=true;break}}}}nt(n)}}};const st=[];const lt=t=>{let e;let n;let s;let l;let i;let f;let c=0;const r=t.childNodes;const u=r.length;for(;c<u;c++){e=r[c];if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){s=n.parentNode.childNodes;l=e["s-sn"];for(f=s.length-1;f>=0;f--){n=s[f];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]){if(ot(n,l)){i=st.find((t=>t.I===n));o=true;n["s-sn"]=n["s-sn"]||l;if(i){i.P=e}else{st.push({P:e,I:n})}if(n["s-sr"]){st.map((t=>{if(ot(t.I,n["s-sn"])){i=st.find((t=>t.I===n));if(i&&!t.P){t.P=i.P}}}))}}else if(!st.some((t=>t.I===n))){st.push({I:n})}}}}if(e.nodeType===1){lt(e)}}};const ot=(t,e)=>{if(t.nodeType===1){if(t.getAttribute("slot")===null&&e===""){return true}if(t.getAttribute("slot")===e){return true}return false}if(t["s-sn"]===e){return true}return e===""};const it=t=>{{t.l&&t.l.ref&&t.l.ref(null);t.o&&t.o.map(it)}};const ft=(t,f,c=false)=>{const r=t.C;const u=t.O;const a=t.m||j(null,null);const d=M(f)?f:k(null,null,f);s=r.tagName;if(u.T){d.l=d.l||{};u.T.map((([t,e])=>d.l[e]=r[t]))}if(c&&d.l){for(const t of Object.keys(d.l)){if(r.hasAttribute(t)&&!["key","ref","style","class"].includes(t)){d.l[t]=r[t]}}}d.$=null;d.u|=4;t.m=d;d.h=a.h=r.shadowRoot||r;{e=r["s-sc"]}{n=r["s-cr"];l=(u.u&1)!==0;o=false}et(a,d);{zt.u|=1;if(i){lt(d.h);let t;let e;let n;let s;let l;let o;let i=0;for(;i<st.length;i++){t=st[i];e=t.I;if(!e["s-ol"]){n=_t.createTextNode("");n["s-nr"]=e;e.parentNode.insertBefore(e["s-ol"]=n,e)}}for(i=0;i<st.length;i++){t=st[i];e=t.I;if(t.P){s=t.P.parentNode;l=t.P.nextSibling;n=e["s-ol"];while(n=n.previousSibling){o=n["s-nr"];if(o&&o["s-sn"]===e["s-sn"]&&s===o.parentNode){o=o.nextSibling;if(!o||!o["s-nr"]){l=o;break}}}if(!l&&s!==e.parentNode||e.nextSibling!==l){if(e!==l){if(!e["s-hn"]&&e["s-ol"]){e["s-hn"]=e["s-ol"].parentNode.nodeName}s.insertBefore(e,l)}}}else{if(e.nodeType===1){e.hidden=true}}}}if(o){nt(d.h)}zt.u&=~1;st.length=0}};const ct=(t,e)=>{if(e&&!t.U&&e["s-p"]){e["s-p"].push(new Promise((e=>t.U=e)))}};const rt=(t,e)=>{{t.u|=16}if(t.u&4){t.u|=512;return}ct(t,t.L);const n=()=>ut(t,e);return ee(n)};const ut=(t,e)=>{const n=r("scheduleUpdate",t.O.R);const s=t.N;let l;if(e){{t.u|=256;if(t.W){t.W.map((([t,e])=>mt(s,t,e)));t.W=undefined}}{l=mt(s,"componentWillLoad")}}{l=at(l,(()=>mt(s,"componentWillRender")))}n();return at(l,(()=>$t(t,s,e)))};const at=(t,e)=>dt(t)?t.then(e):e();const dt=t=>t instanceof Promise||t&&t.then&&typeof t.then==="function";const $t=async(t,e,n)=>{var s;const l=t.C;const o=r("update",t.O.R);const i=l["s-rc"];if(n){F(t)}const f=r("render",t.O.R);{ht(t,e,l,n)}if(i){i.map((t=>t()));l["s-rc"]=undefined}f();o();{const e=(s=l["s-p"])!==null&&s!==void 0?s:[];const n=()=>pt(t);if(e.length===0){n()}else{Promise.all(e).then(n);t.u|=4;e.length=0}}};const ht=(t,e,n,s)=>{try{e=e.render();{t.u&=~16}{t.u|=2}{{{ft(t,e,s)}}}}catch(e){Dt(e,t.C)}return null};const pt=t=>{const e=t.O.R;const n=t.C;const s=r("postUpdate",e);const l=t.N;const o=t.L;{mt(l,"componentDidRender")}if(!(t.u&64)){t.u|=64;{vt(n)}{mt(l,"componentDidLoad")}s();{t.A(n);if(!o){yt()}}}else{{mt(l,"componentDidUpdate")}s()}{if(t.U){t.U();t.U=undefined}if(t.u&512){te((()=>rt(t,false)))}t.u&=~(4|512)}};const yt=e=>{{vt(_t.documentElement)}te((()=>N(Vt,"appload",{detail:{namespace:t}})))};const mt=(t,e,n)=>{if(t&&t[e]){try{return t[e](n)}catch(t){Dt(t)}}return undefined};const vt=t=>t.classList.add("hydrated");const bt=(t,e)=>Lt(t).D.get(e);const wt=(t,e,n,s)=>{const l=Lt(t);const o=l.C;const i=l.D.get(e);const f=l.u;const c=l.N;n=U(n,s.F[e][0]);const r=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!r;if((!(f&8)||i===undefined)&&u){l.D.set(e,n);if(c){if(s.H&&f&128){const t=s.H[e];if(t){t.map((t=>{try{c[t](n,i,e)}catch(t){Dt(t,o)}}))}}if((f&(2|16))===2){if(c.componentShouldUpdate){if(c.componentShouldUpdate(n,i,e)===false){return}}rt(l,false)}}}};const gt=(t,e,n)=>{var s;if(e.F){if(t.watchers){e.H=t.watchers}const l=Object.entries(e.F);const o=t.prototype;l.map((([t,[s]])=>{if(s&31||n&2&&s&32){Object.defineProperty(o,t,{get(){return bt(this,t)},set(n){wt(this,t,n,e)},configurable:true,enumerable:true})}}));if(n&1){const n=new Map;o.attributeChangedCallback=function(t,s,l){zt.jmp((()=>{const i=n.get(t);if(this.hasOwnProperty(i)){l=this[i];delete this[i]}else if(o.hasOwnProperty(i)&&typeof this[i]==="number"&&this[i]==l){return}else if(i==null){const n=Lt(this);const o=n===null||n===void 0?void 0:n.u;if(!(o&8)&&o&128&&l!==s){const o=n.N;const i=e.H[t];i===null||i===void 0?void 0:i.forEach((e=>{if(o[e]!=null){o[e].call(o,l,s,t)}}))}return}this[i]=l===null&&typeof this[i]==="boolean"?false:l}))};t.observedAttributes=Array.from(new Set([...Object.keys((s=e.H)!==null&&s!==void 0?s:{}),...l.filter((([t,e])=>e[0]&15)).map((([t,s])=>{const l=s[1]||t;n.set(l,t);if(s[0]&512){e.T.push([t,l])}return l}))]))}}return t};const St=async(t,e,n,s,l)=>{if((e.u&32)===0){e.u|=32;{l=Ht(n);if(l.then){const t=u();l=await l;t()}if(!l.isProxied){{n.H=l.watchers}gt(l,n,2);l.isProxied=true}const t=r("createInstance",n.R);{e.u|=8}try{new l(e)}catch(t){Dt(t)}{e.u&=~8}{e.u|=128}t()}if(l.style){let t=l.style;const e=H(n);if(!qt.has(e)){const s=r("registerStyles",n.R);A(e,t,!!(n.u&1));s()}}}const o=e.L;const i=()=>rt(e,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};const kt=t=>{};const jt=t=>{if((zt.u&1)===0){const e=Lt(t);const n=e.O;const s=r("connectedCallback",n.R);if(!(e.u&1)){e.u|=1;let s;{s=t.getAttribute(p);if(s){if(n.u&1){const e=D(t.shadowRoot,n);t.classList.remove(e+"-h",e+"-s")}I(t,n.R,s,e)}}if(!s){if(n.u&(4|8)){Ct(t)}}{let n=t;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){ct(e,e.L=n);break}}}if(n.F){Object.entries(n.F).map((([e,[n]])=>{if(n&31&&t.hasOwnProperty(e)){const n=t[e];delete t[e];t[e]=n}}))}{St(t,e,n)}}else{Rt(t,e,n.q);if(e===null||e===void 0?void 0:e.N);else if(e===null||e===void 0?void 0:e.V){e.V.then((()=>kt()))}}s()}};const Ct=t=>{const e=t["s-cr"]=_t.createComment("");e["s-cn"]=true;t.insertBefore(e,t.firstChild)};const Mt=t=>{{mt(t,"disconnectedCallback")}};const Ot=async t=>{if((zt.u&1)===0){const e=Lt(t);{if(e._){e._.map((t=>t()));e._=undefined}}if(e===null||e===void 0?void 0:e.N){Mt(e.N)}else if(e===null||e===void 0?void 0:e.V){e.V.then((()=>Mt(e.N)))}}};const xt=(t,e={})=>{var n;const s=r();const l=[];const o=e.exclude||[];const i=Vt.customElements;const f=_t.head;const c=f.querySelector("meta[charset]");const u=_t.createElement("style");const a=[];const d=_t.querySelectorAll(`[${y}]`);let $;let h=true;let p=0;Object.assign(zt,e);zt.B=new URL(e.resourcesUrl||"./",_t.baseURI).href;{zt.u|=2}{for(;p<d.length;p++){A(d[p].getAttribute(y),q(d[p].innerHTML),true)}}t.map((t=>{t[1].map((e=>{var n;const s={u:e[0],R:e[1],F:e[2],q:e[3]};{s.F=e[2]}{s.q=e[3]}{s.T=[]}{s.H=(n=e[4])!==null&&n!==void 0?n:{}}const f=s.R;const c=class extends HTMLElement{constructor(t){super(t);t=this;Wt(t,s);if(s.u&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if($){clearTimeout($);$=null}if(h){a.push(this)}else{zt.jmp((()=>jt(this)))}}disconnectedCallback(){zt.jmp((()=>Ot(this)))}componentOnReady(){return Lt(this).V}};s.G=t[0];if(!o.includes(f)&&!i.get(f)){l.push(f);i.define(f,gt(c,s,1))}}))}));{u.innerHTML=l+v;u.setAttribute("data-styles","");const t=(n=zt.M)!==null&&n!==void 0?n:S(_t);if(t!=null){u.setAttribute("nonce",t)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}h=false;if(a.length){a.map((t=>t.connectedCallback()))}else{{zt.jmp((()=>$=setTimeout(yt,30)))}}s()};const Rt=(t,e,n,s)=>{if(n){n.map((([n,s,l])=>{const o=Pt(t,n);const i=It(e,l);const f=Tt(n);zt.ael(o,s,i,f);(e._=e._||[]).push((()=>zt.rel(o,s,i,f)))}))}};const It=(t,e)=>n=>{try{{if(t.u&256){t.N[e](n)}else{(t.W=t.W||[]).push([e,n])}}}catch(t){Dt(t)}};const Pt=(t,e)=>{if(e&4)return _t;if(e&8)return Vt;if(e&16)return _t.body;return t};const Tt=t=>(t&2)!==0;const Ut=t=>zt.M=t;const Et=new WeakMap;const Lt=t=>Et.get(t);const Nt=(t,e)=>Et.set(e.N=t,e);const Wt=(t,e)=>{const n={u:0,C:t,O:e,D:new Map};{n.V=new Promise((t=>n.A=t));t["s-p"]=[];t["s-rc"]=[]}Rt(t,n,e.q);return Et.set(t,n)};const At=(t,e)=>e in t;const Dt=(t,e)=>(0,console.error)(t,e);const Ft=new Map;const Ht=(t,e,n)=>{const s=t.R.replace(/-/g,"_");const l=t.G;const o=Ft.get(l);if(o){return o[s]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((t=>{{Ft.set(l,t)}return t[s]}),Dt)};const qt=new Map;const Vt=typeof window!=="undefined"?window:{};const _t=Vt.document||{head:{}};const zt={u:0,B:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,s)=>t.addEventListener(e,n,s),rel:(t,e,n,s)=>t.removeEventListener(e,n,s),ce:(t,e)=>new CustomEvent(t,e)};const Bt=true;const Gt=t=>Promise.resolve(t);const Jt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const Kt=[];const Qt=[];const Xt=(t,e)=>n=>{t.push(n);if(!c){c=true;if(e&&zt.u&4){te(Zt)}else{zt.raf(Zt)}}};const Yt=t=>{for(let e=0;e<t.length;e++){try{t[e](performance.now())}catch(t){Dt(t)}}t.length=0};const Zt=()=>{Yt(Kt);{Yt(Qt);if(c=Kt.length>0){zt.raf(Zt)}}};const te=t=>Gt().then(t);const ee=Xt(Qt,true);export{C as H,xt as b,L as c,E as g,k as h,Gt as p,Nt as r,Ut as s};
+//# sourceMappingURL=p-e4d5e7a7.js.map