@paperless/core 0.1.0-alpha.354 → 0.1.0-alpha.356

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@paperless/core",
-    "version": "0.1.0-alpha.354",
+    "version": "0.1.0-alpha.356",
     "description": "Stencil Component Starter",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/dist/build/p-376d98e9.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i,g as s}from"./p-69d43b9d.js";const o=".static{position:static!important}.flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}";const n=class{constructor(e){t(this,e);this.activeStep=1;this.direction="horizontal";this.contentPosition="end"}componentDidRender(){this._generateSteps()}render(){return e(i,{class:"p-stepper"},e("slot",null))}_generateSteps(){let t=this.activeStep-1||0;const e=this._el.querySelectorAll("p-stepper-item");console.log("active step",t,this.activeStep);if(!this.activeStep||t<0){const i=Array.from(e);const s=i.findIndex((t=>t.tagName.toLowerCase()==="p-stepper-item"&&t.active&&!t.finished));if(s>=0){console.log("Edit activeStep active");t=s}const o=i.findIndex((t=>t.tagName.toLowerCase()==="p-stepper-item"&&t.finished));if(t<0&&o>=0){console.log("Edit activeStep finished");t=o+1}}for(let i=0;i<(e===null||e===void 0?void 0:e.length);i++){const s=e.item(i);console.log({i,activeStep:t,thisActiveStep:this.activeStep});s.active=i===t;s.finished=i<t;s.direction=this.direction;s.align=i===0?"start":i===(e===null||e===void 0?void 0:e.length)-1?"end":"center";s.contentPosition=this.contentPosition;if(i<e.length-1){const e=s.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){const o=(s.clientHeight-16)/2;const n=document.createElement("p-stepper-line");n.direction=this.direction;n.active=i<=t;if(o>0&&this.direction==="vertical"){n.style.marginTop=`-${o/16}rem`;n.style.marginBottom=`-${o/16}rem`;n.style.minHeight=`calc(1rem + ${o*2/16}rem)`}this._el.insertBefore(n,e);continue}}if(i>0){const t=s.previousElementSibling;if(t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=s.active||s.finished}}}}get _el(){return s(this)}};n.style=o;export{n as p_stepper};
-//# sourceMappingURL=p-376d98e9.entry.js.map

package/dist/build/p-376d98e9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stepperComponentCss","Stepper","componentDidRender","this","_generateSteps","render","h","Host","class","activeStep","items","_el","querySelectorAll","console","log","arrayItems","Array","from","activeItemIndex","findIndex","i","tagName","toLowerCase","active","finished","finishedItemIndex","length","item","thisActiveStep","direction","align","contentPosition","nextItem","nextElementSibling","heightDiff","clientHeight","stepperLine","document","createElement","style","marginTop","marginBottom","minHeight","insertBefore","previousItem","previousElementSibling"],"sources":["./src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","./src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n    @apply flex;\n}\n\n:host([direction='horizontal']) {\n    @apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n    @apply flex-col flex-wrap items-start;\n    @apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n    @apply items-end;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-stepper',\n    styleUrl: 'stepper.component.scss',\n    shadow: true,\n})\nexport class Stepper {\n    /**\n     * The currently active step\n     */\n    @Prop() activeStep: number = 1;\n\n    /**\n     * The direction of the stepper\n     */\n    @Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n        'horizontal';\n\n    /**\n     * The position of the content in case of vertical direction\n     */\n    @Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    // private _steps: Array<HTMLPStepperItemElement>;\n\n    componentDidRender() {\n        this._generateSteps();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-stepper\">\n                <slot />\n            </Host>\n        );\n    }\n\n    private _generateSteps() {\n        let activeStep = this.activeStep - 1 || 0;\n        const items = this._el.querySelectorAll('p-stepper-item');\n\n        console.log('active step', activeStep, this.activeStep);\n        if (!this.activeStep || activeStep < 0) {\n            const arrayItems = Array.from(items);\n            const activeItemIndex = arrayItems.findIndex(\n                (i: any) =>\n                    i.tagName.toLowerCase() === 'p-stepper-item' &&\n                    i.active &&\n                    !i.finished\n            );\n\n            if (activeItemIndex >= 0) {\n                console.log('Edit activeStep active');\n                activeStep = activeItemIndex;\n            }\n\n            const finishedItemIndex = arrayItems.findIndex(\n                (i: any) =>\n                    i.tagName.toLowerCase() === 'p-stepper-item' && i.finished\n            );\n            if (activeStep < 0 && finishedItemIndex >= 0) {\n                console.log('Edit activeStep finished');\n                activeStep = finishedItemIndex + 1;\n            }\n        }\n\n        for (let i = 0; i < items?.length; i++) {\n            const item = items.item(i) as any;\n\n            console.log({\n                i,\n                activeStep,\n                thisActiveStep: this.activeStep,\n            });\n\n            item.active = i === activeStep;\n            item.finished = i < activeStep;\n            item.direction = this.direction;\n            item.align =\n                i === 0 ? 'start' : i === items?.length - 1 ? 'end' : 'center';\n            item.contentPosition = this.contentPosition;\n\n            if (i < items.length - 1) {\n                const nextItem = item.nextElementSibling;\n                if (\n                    nextItem &&\n                    nextItem.tagName.toLowerCase() === 'p-stepper-item'\n                ) {\n                    const heightDiff = (item.clientHeight - 16) / 2;\n\n                    const stepperLine =\n                        document.createElement('p-stepper-line');\n\n                    stepperLine.direction = this.direction;\n                    stepperLine.active = i <= activeStep;\n\n                    if (heightDiff > 0 && this.direction === 'vertical') {\n                        stepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n                        stepperLine.style.marginBottom = `-${\n                            heightDiff / 16\n                        }rem`;\n                        stepperLine.style.minHeight = `calc(1rem + ${\n                            (heightDiff * 2) / 16\n                        }rem)`;\n                    }\n\n                    this._el.insertBefore(stepperLine, nextItem);\n\n                    continue;\n                }\n            }\n\n            if (i > 0) {\n                const previousItem = item.previousElementSibling;\n                if (previousItem.tagName.toLowerCase() === 'p-stepper-line') {\n                    previousItem.direction = this.direction;\n                    previousItem.active = item.active || item.finished;\n                }\n            }\n        }\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,if,MCOfC,EAAO,M,yCAIa,E,eAMzB,a,qBAKwD,K,CAS5DC,qBACIC,KAAKC,gB,CAGTC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,aACRF,EAAA,a,CAKJF,iBACJ,IAAIK,EAAaN,KAAKM,WAAa,GAAK,EACxC,MAAMC,EAAQP,KAAKQ,IAAIC,iBAAiB,kBAExCC,QAAQC,IAAI,cAAeL,EAAYN,KAAKM,YAC5C,IAAKN,KAAKM,YAAcA,EAAa,EAAG,CACpC,MAAMM,EAAaC,MAAMC,KAAKP,GAC9B,MAAMQ,EAAkBH,EAAWI,WAC9BC,GACGA,EAAEC,QAAQC,gBAAkB,kBAC5BF,EAAEG,SACDH,EAAEI,WAGX,GAAIN,GAAmB,EAAG,CACtBL,QAAQC,IAAI,0BACZL,EAAaS,C,CAGjB,MAAMO,EAAoBV,EAAWI,WAChCC,GACGA,EAAEC,QAAQC,gBAAkB,kBAAoBF,EAAEI,WAE1D,GAAIf,EAAa,GAAKgB,GAAqB,EAAG,CAC1CZ,QAAQC,IAAI,4BACZL,EAAagB,EAAoB,C,EAIzC,IAAK,IAAIL,EAAI,EAAGA,GAAIV,IAAK,MAALA,SAAK,SAALA,EAAOgB,QAAQN,IAAK,CACpC,MAAMO,EAAOjB,EAAMiB,KAAKP,GAExBP,QAAQC,IAAI,CACRM,EACAX,aACAmB,eAAgBzB,KAAKM,aAGzBkB,EAAKJ,OAASH,IAAMX,EACpBkB,EAAKH,SAAWJ,EAAIX,EACpBkB,EAAKE,UAAY1B,KAAK0B,UACtBF,EAAKG,MACDV,IAAM,EAAI,QAAUA,KAAMV,IAAK,MAALA,SAAK,SAALA,EAAOgB,QAAS,EAAI,MAAQ,SAC1DC,EAAKI,gBAAkB5B,KAAK4B,gBAE5B,GAAIX,EAAIV,EAAMgB,OAAS,EAAG,CACtB,MAAMM,EAAWL,EAAKM,mBACtB,GACID,GACAA,EAASX,QAAQC,gBAAkB,iBACrC,CACE,MAAMY,GAAcP,EAAKQ,aAAe,IAAM,EAE9C,MAAMC,EACFC,SAASC,cAAc,kBAE3BF,EAAYP,UAAY1B,KAAK0B,UAC7BO,EAAYb,OAASH,GAAKX,EAE1B,GAAIyB,EAAa,GAAK/B,KAAK0B,YAAc,WAAY,CACjDO,EAAYG,MAAMC,UAAY,IAAIN,EAAa,QAC/CE,EAAYG,MAAME,aAAe,IAC7BP,EAAa,QAEjBE,EAAYG,MAAMG,UAAY,eACzBR,EAAa,EAAK,Q,CAI3B/B,KAAKQ,IAAIgC,aAAaP,EAAaJ,GAEnC,Q,EAIR,GAAIZ,EAAI,EAAG,CACP,MAAMwB,EAAejB,EAAKkB,uBAC1B,GAAID,EAAavB,QAAQC,gBAAkB,iBAAkB,CACzDsB,EAAaf,UAAY1B,KAAK0B,UAC9Be,EAAarB,OAASI,EAAKJ,QAAUI,EAAKH,Q"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["selectComponentCss","Select","this","_isAutoCompleting","_items","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_a","query","length","asyncFilter","filter","item","queryKey","_checkvalue","slice","maxDisplayedItems","_displayValue","_selectedItem","_placeholder","autocompletePlaceholder","placeholder","componentDidLoad","_valueChange","autoSelectFirst","render","h","Host","class","disableTriggerClick","calculateWidth","insideClick","show","_showDropdown","slot","icon","size","prefix","label","helper","error","disabled","focused","type","onFocus","_onFocus","onMouseDown","ev","_onMouseDown","onClick","_onClick","onInput","_onChange","ref","_inputRef","showChevron","variant","_getLoadingItems","_getItems","documentClickHandler","target","childOf","_el","_preselectItem","itemChanges","_showDropdownChanges","dropdownShown","emit","undefined","parsedValue","stringify","find","i","_selectValue","valueChange","_onBlur","enableAutocomplete","blur","preventDefault","force","queryChange","key","_b","toString","toLowerCase","indexOf","_c","active","enableHover"],"sources":["./src/components/molecules/select/select.component.scss?tag=p-select","./src/components/molecules/select/select.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-col;\n\n    input.read-only {\n        @apply text-ellipsis;\n    }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n    tag: 'p-select',\n    styleUrl: 'select.component.scss',\n    shadow: false,\n})\nexport class Select {\n    /**\n     * The items to show in the dropdown\n     */\n    @Prop() items: string | any[];\n\n    /**\n     * Icon of the select box\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * The current query\n     */\n    @Prop() query: string;\n\n    /**\n     * The placeholder of the input\n     */\n    @Prop() placeholder: string;\n\n    /**\n     * The placeholder of the input when auto completing\n     */\n    @Prop() autocompletePlaceholder: string;\n\n    /**\n     * The current value\n     */\n    @Prop() value: any;\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() displayKey: string = 'text';\n\n    /**\n     * The key of the object to return\n     */\n    @Prop() valueKey: string = 'value';\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() queryKey?: string;\n\n    /**\n     * Wether to automatically select the first item\n     */\n    @Prop() autoSelectFirst: boolean = true;\n\n    /**\n     * Wether to show the chevron or not\n     */\n    @Prop() showChevron: boolean = true;\n\n    /**\n     * The maximum amount of items to display\n     */\n    @Prop() maxDisplayedItems: number = 10;\n\n    /**\n     * Wether to enable autocomplete\n     */\n    @Prop() enableAutocomplete: boolean = true;\n\n    /**\n     * Wether the input uses async filtering\n     */\n    @Prop() asyncFilter: boolean = false;\n\n    /**\n     * Wether to show loading items\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Event when the query of the autocomplete changes\n     */\n    @Event() queryChange: EventEmitter<string>;\n\n    /**\n     * Event when the value changes\n     */\n    @Event() valueChange: EventEmitter<any>;\n\n    /**\n     * Event when the dropdown shows\n     */\n    @Event() dropdownShown: EventEmitter<any>;\n\n    /**\n     * The size of the input group used by the select\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * The prefix of the input group used by the select\n     */\n    @Prop() prefix: string;\n\n    /**\n     * The label of the input group used by the select\n     */\n    @Prop() label: string;\n\n    /**\n     * The helper of the input group used by the select\n     */\n    @Prop() helper: string;\n\n    /**\n     * The helper of the input group used by the select\n     */\n    @Prop({ reflect: true }) error: string;\n\n    /**\n     * Wether the input group is disabled used by the select\n     */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _showDropdown: any = false;\n    @State() private _selectedItem: any = null;\n\n    private _isAutoCompleting: boolean = false;\n\n    private _inputRef: HTMLInputElement;\n\n    get _items() {\n        if (!this.items || this.loading) {\n            return [];\n        }\n\n        let items =\n            typeof this.items === 'string'\n                ? JSON.parse(this.items)\n                : this.items;\n\n        if (typeof items?.[0] === 'string') {\n            this.displayKey = 'text';\n            this.valueKey = 'value';\n\n            items = items.map((str) => ({\n                value: str,\n                text: str,\n            }));\n        }\n\n        if (this._isAutoCompleting && this.query?.length && !this.asyncFilter) {\n            items = items.filter((item) => {\n                if (this.queryKey) {\n                    return this._checkvalue(this.queryKey, item);\n                }\n\n                return (\n                    this._checkvalue(this.valueKey, item) ||\n                    this._checkvalue(this.displayKey, item)\n                );\n            });\n        }\n\n        return items?.slice(0, this.maxDisplayedItems);\n    }\n\n    get _displayValue() {\n        if (this._isAutoCompleting) {\n            return this.query;\n        }\n\n        return this._selectedItem?.[this.displayKey];\n    }\n\n    get _placeholder() {\n        return this._isAutoCompleting && this.autocompletePlaceholder?.length\n            ? this.autocompletePlaceholder\n            : this.placeholder;\n    }\n\n    componentDidLoad() {\n        if (this.value) {\n            this._valueChange(this.value);\n            return;\n        }\n\n        if (this.autoSelectFirst) {\n            this._selectedItem = this._items?.[0];\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-select\">\n                <p-dropdown\n                    disableTriggerClick={true}\n                    calculateWidth={true}\n                    insideClick={true}\n                    show={\n                        this._showDropdown &&\n                        (!!this._items.length || this.loading)\n                    }\n                >\n                    <p-input-group\n                        slot=\"trigger\"\n                        icon={this.icon}\n                        size={this.size}\n                        prefix={this.prefix}\n                        label={this.label}\n                        helper={this.helper}\n                        error={this.error}\n                        disabled={this.disabled}\n                        focused={this._showDropdown}\n                    >\n                        <input\n                            slot=\"input\"\n                            type=\"text\"\n                            placeholder={this._placeholder}\n                            value={this._displayValue}\n                            class={`p-input cursor-pointer ${\n                                !this._isAutoCompleting && 'read-only'\n                            }`}\n                            onFocus={() => this._onFocus()}\n                            onMouseDown={(ev) => this._onMouseDown(ev)}\n                            onClick={() => this._onClick()}\n                            onInput={(ev) => this._onChange(ev)}\n                            ref={(ref) => (this._inputRef = ref)}\n                        />\n\n                        {this.showChevron && (\n                            <p-icon variant=\"chevron\" slot=\"suffix\" />\n                        )}\n                    </p-input-group>\n                    <div slot=\"items\">\n                        {this.loading\n                            ? this._getLoadingItems()\n                            : this._getItems()}\n                    </div>\n                </p-dropdown>\n            </Host>\n        );\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (!this._showDropdown || childOf(target, this._el)) {\n            return;\n        }\n\n        this._showDropdown = false;\n        this._isAutoCompleting = false;\n    }\n\n    @Watch('value')\n    private _valueChange(value: any) {\n        this._preselectItem(value);\n    }\n\n    @Watch('items')\n    public itemChanges() {\n        this._preselectItem();\n    }\n\n    @Watch('_showDropdown')\n    public _showDropdownChanges() {\n        this.dropdownShown.emit({\n            value: this._showDropdown,\n            query: this.query,\n        });\n    }\n\n    private _preselectItem(value?: any) {\n        value = value === undefined ? null : value;\n        const parsedValue = !!this.value\n            ? JSON.stringify(this.value)\n            : JSON.stringify(value);\n\n        if (\n            this._selectedItem &&\n            JSON.stringify(this._selectedItem[this.valueKey]) === parsedValue\n        ) {\n            return;\n        }\n\n        const item = this._items.find(\n            (i) => JSON.stringify(i?.[this.valueKey]) === parsedValue\n        );\n\n        this._selectedItem = item;\n    }\n\n    private _selectValue(item) {\n        this._selectedItem = item;\n        const value = this.valueKey ? item[this.valueKey] : item;\n\n        this.value = value;\n        this.valueChange.emit(this.value);\n\n        this._onBlur(true);\n    }\n\n    private _onFocus() {\n        if (!this.enableAutocomplete) {\n            this._inputRef.blur();\n            if (!this._showDropdown) {\n                this._showDropdown = true;\n            }\n            return;\n        }\n\n        this._isAutoCompleting = true;\n\n        this._showDropdown = true;\n    }\n\n    private _onMouseDown(ev) {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        ev.preventDefault();\n    }\n\n    private _onClick() {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        this._showDropdown = !this._showDropdown;\n    }\n\n    private _onBlur(force = false) {\n        if (!this.enableAutocomplete && !force) {\n            return;\n        }\n\n        this._isAutoCompleting = false;\n        this._showDropdown = false;\n    }\n\n    private _onChange(ev) {\n        if (!this._isAutoCompleting) {\n            return;\n        }\n\n        this.query = ev.target.value;\n        this.queryChange.emit(this.query);\n    }\n\n    private _checkvalue(key, item) {\n        return (\n            item?.[key]\n                ?.toString()\n                ?.toLowerCase()\n                .indexOf(this.query?.toLowerCase()) >= 0\n        );\n    }\n\n    private _getItems() {\n        return this._items.map((item) => (\n            <p-dropdown-menu-item\n                onClick={() => this._selectValue(item)}\n                active={\n                    item[this.valueKey] === this._selectedItem?.[this.valueKey]\n                }\n            >\n                {item[this.displayKey]}\n            </p-dropdown-menu-item>\n        ));\n    }\n\n    private _getLoadingItems() {\n        return [0, 0, 0].map(() => (\n            <p-dropdown-menu-item enableHover={false}>\n                <p-loader variant=\"ghost\" class=\"h-6 w-full rounded\" />\n            </p-dropdown-menu-item>\n        ));\n    }\n}\n"],"mappings":"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"}

package/dist/paperless/p-376d98e9.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as i,g as s}from"./p-69d43b9d.js";const o=".static{position:static!important}.flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}";const n=class{constructor(e){t(this,e);this.activeStep=1;this.direction="horizontal";this.contentPosition="end"}componentDidRender(){this._generateSteps()}render(){return e(i,{class:"p-stepper"},e("slot",null))}_generateSteps(){let t=this.activeStep-1||0;const e=this._el.querySelectorAll("p-stepper-item");console.log("active step",t,this.activeStep);if(!this.activeStep||t<0){const i=Array.from(e);const s=i.findIndex((t=>t.tagName.toLowerCase()==="p-stepper-item"&&t.active&&!t.finished));if(s>=0){console.log("Edit activeStep active");t=s}const o=i.findIndex((t=>t.tagName.toLowerCase()==="p-stepper-item"&&t.finished));if(t<0&&o>=0){console.log("Edit activeStep finished");t=o+1}}for(let i=0;i<(e===null||e===void 0?void 0:e.length);i++){const s=e.item(i);console.log({i,activeStep:t,thisActiveStep:this.activeStep});s.active=i===t;s.finished=i<t;s.direction=this.direction;s.align=i===0?"start":i===(e===null||e===void 0?void 0:e.length)-1?"end":"center";s.contentPosition=this.contentPosition;if(i<e.length-1){const e=s.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){const o=(s.clientHeight-16)/2;const n=document.createElement("p-stepper-line");n.direction=this.direction;n.active=i<=t;if(o>0&&this.direction==="vertical"){n.style.marginTop=`-${o/16}rem`;n.style.marginBottom=`-${o/16}rem`;n.style.minHeight=`calc(1rem + ${o*2/16}rem)`}this._el.insertBefore(n,e);continue}}if(i>0){const t=s.previousElementSibling;if(t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=s.active||s.finished}}}}get _el(){return s(this)}};n.style=o;export{n as p_stepper};
-//# sourceMappingURL=p-376d98e9.entry.js.map

package/dist/paperless/p-376d98e9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stepperComponentCss","Stepper","componentDidRender","this","_generateSteps","render","h","Host","class","activeStep","items","_el","querySelectorAll","console","log","arrayItems","Array","from","activeItemIndex","findIndex","i","tagName","toLowerCase","active","finished","finishedItemIndex","length","item","thisActiveStep","direction","align","contentPosition","nextItem","nextElementSibling","heightDiff","clientHeight","stepperLine","document","createElement","style","marginTop","marginBottom","minHeight","insertBefore","previousItem","previousElementSibling"],"sources":["./src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","./src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n    @apply flex;\n}\n\n:host([direction='horizontal']) {\n    @apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n    @apply flex-col flex-wrap items-start;\n    @apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n    @apply items-end;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-stepper',\n    styleUrl: 'stepper.component.scss',\n    shadow: true,\n})\nexport class Stepper {\n    /**\n     * The currently active step\n     */\n    @Prop() activeStep: number = 1;\n\n    /**\n     * The direction of the stepper\n     */\n    @Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n        'horizontal';\n\n    /**\n     * The position of the content in case of vertical direction\n     */\n    @Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    // private _steps: Array<HTMLPStepperItemElement>;\n\n    componentDidRender() {\n        this._generateSteps();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-stepper\">\n                <slot />\n            </Host>\n        );\n    }\n\n    private _generateSteps() {\n        let activeStep = this.activeStep - 1 || 0;\n        const items = this._el.querySelectorAll('p-stepper-item');\n\n        console.log('active step', activeStep, this.activeStep);\n        if (!this.activeStep || activeStep < 0) {\n            const arrayItems = Array.from(items);\n            const activeItemIndex = arrayItems.findIndex(\n                (i: any) =>\n                    i.tagName.toLowerCase() === 'p-stepper-item' &&\n                    i.active &&\n                    !i.finished\n            );\n\n            if (activeItemIndex >= 0) {\n                console.log('Edit activeStep active');\n                activeStep = activeItemIndex;\n            }\n\n            const finishedItemIndex = arrayItems.findIndex(\n                (i: any) =>\n                    i.tagName.toLowerCase() === 'p-stepper-item' && i.finished\n            );\n            if (activeStep < 0 && finishedItemIndex >= 0) {\n                console.log('Edit activeStep finished');\n                activeStep = finishedItemIndex + 1;\n            }\n        }\n\n        for (let i = 0; i < items?.length; i++) {\n            const item = items.item(i) as any;\n\n            console.log({\n                i,\n                activeStep,\n                thisActiveStep: this.activeStep,\n            });\n\n            item.active = i === activeStep;\n            item.finished = i < activeStep;\n            item.direction = this.direction;\n            item.align =\n                i === 0 ? 'start' : i === items?.length - 1 ? 'end' : 'center';\n            item.contentPosition = this.contentPosition;\n\n            if (i < items.length - 1) {\n                const nextItem = item.nextElementSibling;\n                if (\n                    nextItem &&\n                    nextItem.tagName.toLowerCase() === 'p-stepper-item'\n                ) {\n                    const heightDiff = (item.clientHeight - 16) / 2;\n\n                    const stepperLine =\n                        document.createElement('p-stepper-line');\n\n                    stepperLine.direction = this.direction;\n                    stepperLine.active = i <= activeStep;\n\n                    if (heightDiff > 0 && this.direction === 'vertical') {\n                        stepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n                        stepperLine.style.marginBottom = `-${\n                            heightDiff / 16\n                        }rem`;\n                        stepperLine.style.minHeight = `calc(1rem + ${\n                            (heightDiff * 2) / 16\n                        }rem)`;\n                    }\n\n                    this._el.insertBefore(stepperLine, nextItem);\n\n                    continue;\n                }\n            }\n\n            if (i > 0) {\n                const previousItem = item.previousElementSibling;\n                if (previousItem.tagName.toLowerCase() === 'p-stepper-line') {\n                    previousItem.direction = this.direction;\n                    previousItem.active = item.active || item.finished;\n                }\n            }\n        }\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,if,MCOfC,EAAO,M,yCAIa,E,eAMzB,a,qBAKwD,K,CAS5DC,qBACIC,KAAKC,gB,CAGTC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,aACRF,EAAA,a,CAKJF,iBACJ,IAAIK,EAAaN,KAAKM,WAAa,GAAK,EACxC,MAAMC,EAAQP,KAAKQ,IAAIC,iBAAiB,kBAExCC,QAAQC,IAAI,cAAeL,EAAYN,KAAKM,YAC5C,IAAKN,KAAKM,YAAcA,EAAa,EAAG,CACpC,MAAMM,EAAaC,MAAMC,KAAKP,GAC9B,MAAMQ,EAAkBH,EAAWI,WAC9BC,GACGA,EAAEC,QAAQC,gBAAkB,kBAC5BF,EAAEG,SACDH,EAAEI,WAGX,GAAIN,GAAmB,EAAG,CACtBL,QAAQC,IAAI,0BACZL,EAAaS,C,CAGjB,MAAMO,EAAoBV,EAAWI,WAChCC,GACGA,EAAEC,QAAQC,gBAAkB,kBAAoBF,EAAEI,WAE1D,GAAIf,EAAa,GAAKgB,GAAqB,EAAG,CAC1CZ,QAAQC,IAAI,4BACZL,EAAagB,EAAoB,C,EAIzC,IAAK,IAAIL,EAAI,EAAGA,GAAIV,IAAK,MAALA,SAAK,SAALA,EAAOgB,QAAQN,IAAK,CACpC,MAAMO,EAAOjB,EAAMiB,KAAKP,GAExBP,QAAQC,IAAI,CACRM,EACAX,aACAmB,eAAgBzB,KAAKM,aAGzBkB,EAAKJ,OAASH,IAAMX,EACpBkB,EAAKH,SAAWJ,EAAIX,EACpBkB,EAAKE,UAAY1B,KAAK0B,UACtBF,EAAKG,MACDV,IAAM,EAAI,QAAUA,KAAMV,IAAK,MAALA,SAAK,SAALA,EAAOgB,QAAS,EAAI,MAAQ,SAC1DC,EAAKI,gBAAkB5B,KAAK4B,gBAE5B,GAAIX,EAAIV,EAAMgB,OAAS,EAAG,CACtB,MAAMM,EAAWL,EAAKM,mBACtB,GACID,GACAA,EAASX,QAAQC,gBAAkB,iBACrC,CACE,MAAMY,GAAcP,EAAKQ,aAAe,IAAM,EAE9C,MAAMC,EACFC,SAASC,cAAc,kBAE3BF,EAAYP,UAAY1B,KAAK0B,UAC7BO,EAAYb,OAASH,GAAKX,EAE1B,GAAIyB,EAAa,GAAK/B,KAAK0B,YAAc,WAAY,CACjDO,EAAYG,MAAMC,UAAY,IAAIN,EAAa,QAC/CE,EAAYG,MAAME,aAAe,IAC7BP,EAAa,QAEjBE,EAAYG,MAAMG,UAAY,eACzBR,EAAa,EAAK,Q,CAI3B/B,KAAKQ,IAAIgC,aAAaP,EAAaJ,GAEnC,Q,EAIR,GAAIZ,EAAI,EAAG,CACP,MAAMwB,EAAejB,EAAKkB,uBAC1B,GAAID,EAAavB,QAAQC,gBAAkB,iBAAkB,CACzDsB,EAAaf,UAAY1B,KAAK0B,UAC9Be,EAAarB,OAASI,EAAKJ,QAAUI,EAAKH,Q"}

package/dist/paperless/p-bea2ecf8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["selectComponentCss","Select","this","_isAutoCompleting","_items","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_a","query","length","asyncFilter","filter","item","queryKey","_checkvalue","slice","maxDisplayedItems","_displayValue","_selectedItem","_placeholder","autocompletePlaceholder","placeholder","componentDidLoad","_valueChange","autoSelectFirst","render","h","Host","class","disableTriggerClick","calculateWidth","insideClick","show","_showDropdown","slot","icon","size","prefix","label","helper","error","disabled","focused","type","onFocus","_onFocus","onMouseDown","ev","_onMouseDown","onClick","_onClick","onInput","_onChange","ref","_inputRef","showChevron","variant","_getLoadingItems","_getItems","documentClickHandler","target","childOf","_el","_preselectItem","itemChanges","_showDropdownChanges","dropdownShown","emit","undefined","parsedValue","stringify","find","i","_selectValue","valueChange","_onBlur","enableAutocomplete","blur","preventDefault","force","queryChange","key","_b","toString","toLowerCase","indexOf","_c","active","enableHover"],"sources":["./src/components/molecules/select/select.component.scss?tag=p-select","./src/components/molecules/select/select.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-col;\n\n    input.read-only {\n        @apply text-ellipsis;\n    }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n    tag: 'p-select',\n    styleUrl: 'select.component.scss',\n    shadow: false,\n})\nexport class Select {\n    /**\n     * The items to show in the dropdown\n     */\n    @Prop() items: string | any[];\n\n    /**\n     * Icon of the select box\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * The current query\n     */\n    @Prop() query: string;\n\n    /**\n     * The placeholder of the input\n     */\n    @Prop() placeholder: string;\n\n    /**\n     * The placeholder of the input when auto completing\n     */\n    @Prop() autocompletePlaceholder: string;\n\n    /**\n     * The current value\n     */\n    @Prop() value: any;\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() displayKey: string = 'text';\n\n    /**\n     * The key of the object to return\n     */\n    @Prop() valueKey: string = 'value';\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() queryKey?: string;\n\n    /**\n     * Wether to automatically select the first item\n     */\n    @Prop() autoSelectFirst: boolean = true;\n\n    /**\n     * Wether to show the chevron or not\n     */\n    @Prop() showChevron: boolean = true;\n\n    /**\n     * The maximum amount of items to display\n     */\n    @Prop() maxDisplayedItems: number = 10;\n\n    /**\n     * Wether to enable autocomplete\n     */\n    @Prop() enableAutocomplete: boolean = true;\n\n    /**\n     * Wether the input uses async filtering\n     */\n    @Prop() asyncFilter: boolean = false;\n\n    /**\n     * Wether to show loading items\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Event when the query of the autocomplete changes\n     */\n    @Event() queryChange: EventEmitter<string>;\n\n    /**\n     * Event when the value changes\n     */\n    @Event() valueChange: EventEmitter<any>;\n\n    /**\n     * Event when the dropdown shows\n     */\n    @Event() dropdownShown: EventEmitter<any>;\n\n    /**\n     * The size of the input group used by the select\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * The prefix of the input group used by the select\n     */\n    @Prop() prefix: string;\n\n    /**\n     * The label of the input group used by the select\n     */\n    @Prop() label: string;\n\n    /**\n     * The helper of the input group used by the select\n     */\n    @Prop() helper: string;\n\n    /**\n     * The helper of the input group used by the select\n     */\n    @Prop({ reflect: true }) error: string;\n\n    /**\n     * Wether the input group is disabled used by the select\n     */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _showDropdown: any = false;\n    @State() private _selectedItem: any = null;\n\n    private _isAutoCompleting: boolean = false;\n\n    private _inputRef: HTMLInputElement;\n\n    get _items() {\n        if (!this.items || this.loading) {\n            return [];\n        }\n\n        let items =\n            typeof this.items === 'string'\n                ? JSON.parse(this.items)\n                : this.items;\n\n        if (typeof items?.[0] === 'string') {\n            this.displayKey = 'text';\n            this.valueKey = 'value';\n\n            items = items.map((str) => ({\n                value: str,\n                text: str,\n            }));\n        }\n\n        if (this._isAutoCompleting && this.query?.length && !this.asyncFilter) {\n            items = items.filter((item) => {\n                if (this.queryKey) {\n                    return this._checkvalue(this.queryKey, item);\n                }\n\n                return (\n                    this._checkvalue(this.valueKey, item) ||\n                    this._checkvalue(this.displayKey, item)\n                );\n            });\n        }\n\n        return items?.slice(0, this.maxDisplayedItems);\n    }\n\n    get _displayValue() {\n        if (this._isAutoCompleting) {\n            return this.query;\n        }\n\n        return this._selectedItem?.[this.displayKey];\n    }\n\n    get _placeholder() {\n        return this._isAutoCompleting && this.autocompletePlaceholder?.length\n            ? this.autocompletePlaceholder\n            : this.placeholder;\n    }\n\n    componentDidLoad() {\n        if (this.value) {\n            this._valueChange(this.value);\n            return;\n        }\n\n        if (this.autoSelectFirst) {\n            this._selectedItem = this._items?.[0];\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-select\">\n                <p-dropdown\n                    disableTriggerClick={true}\n                    calculateWidth={true}\n                    insideClick={true}\n                    show={\n                        this._showDropdown &&\n                        (!!this._items.length || this.loading)\n                    }\n                >\n                    <p-input-group\n                        slot=\"trigger\"\n                        icon={this.icon}\n                        size={this.size}\n                        prefix={this.prefix}\n                        label={this.label}\n                        helper={this.helper}\n                        error={this.error}\n                        disabled={this.disabled}\n                        focused={this._showDropdown}\n                    >\n                        <input\n                            slot=\"input\"\n                            type=\"text\"\n                            placeholder={this._placeholder}\n                            value={this._displayValue}\n                            class={`p-input cursor-pointer ${\n                                !this._isAutoCompleting && 'read-only'\n                            }`}\n                            onFocus={() => this._onFocus()}\n                            onMouseDown={(ev) => this._onMouseDown(ev)}\n                            onClick={() => this._onClick()}\n                            onInput={(ev) => this._onChange(ev)}\n                            ref={(ref) => (this._inputRef = ref)}\n                        />\n\n                        {this.showChevron && (\n                            <p-icon variant=\"chevron\" slot=\"suffix\" />\n                        )}\n                    </p-input-group>\n                    <div slot=\"items\">\n                        {this.loading\n                            ? this._getLoadingItems()\n                            : this._getItems()}\n                    </div>\n                </p-dropdown>\n            </Host>\n        );\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (!this._showDropdown || childOf(target, this._el)) {\n            return;\n        }\n\n        this._showDropdown = false;\n        this._isAutoCompleting = false;\n    }\n\n    @Watch('value')\n    private _valueChange(value: any) {\n        this._preselectItem(value);\n    }\n\n    @Watch('items')\n    public itemChanges() {\n        this._preselectItem();\n    }\n\n    @Watch('_showDropdown')\n    public _showDropdownChanges() {\n        this.dropdownShown.emit({\n            value: this._showDropdown,\n            query: this.query,\n        });\n    }\n\n    private _preselectItem(value?: any) {\n        value = value === undefined ? null : value;\n        const parsedValue = !!this.value\n            ? JSON.stringify(this.value)\n            : JSON.stringify(value);\n\n        if (\n            this._selectedItem &&\n            JSON.stringify(this._selectedItem[this.valueKey]) === parsedValue\n        ) {\n            return;\n        }\n\n        const item = this._items.find(\n            (i) => JSON.stringify(i?.[this.valueKey]) === parsedValue\n        );\n\n        this._selectedItem = item;\n    }\n\n    private _selectValue(item) {\n        this._selectedItem = item;\n        const value = this.valueKey ? item[this.valueKey] : item;\n\n        this.value = value;\n        this.valueChange.emit(this.value);\n\n        this._onBlur(true);\n    }\n\n    private _onFocus() {\n        if (!this.enableAutocomplete) {\n            this._inputRef.blur();\n            if (!this._showDropdown) {\n                this._showDropdown = true;\n            }\n            return;\n        }\n\n        this._isAutoCompleting = true;\n\n        this._showDropdown = true;\n    }\n\n    private _onMouseDown(ev) {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        ev.preventDefault();\n    }\n\n    private _onClick() {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        this._showDropdown = !this._showDropdown;\n    }\n\n    private _onBlur(force = false) {\n        if (!this.enableAutocomplete && !force) {\n            return;\n        }\n\n        this._isAutoCompleting = false;\n        this._showDropdown = false;\n    }\n\n    private _onChange(ev) {\n        if (!this._isAutoCompleting) {\n            return;\n        }\n\n        this.query = ev.target.value;\n        this.queryChange.emit(this.query);\n    }\n\n    private _checkvalue(key, item) {\n        return (\n            item?.[key]\n                ?.toString()\n                ?.toLowerCase()\n                .indexOf(this.query?.toLowerCase()) >= 0\n        );\n    }\n\n    private _getItems() {\n        return this._items.map((item) => (\n            <p-dropdown-menu-item\n                onClick={() => this._selectValue(item)}\n                active={\n                    item[this.valueKey] === this._selectedItem?.[this.valueKey]\n                }\n            >\n                {item[this.displayKey]}\n            </p-dropdown-menu-item>\n        ));\n    }\n\n    private _getLoadingItems() {\n        return [0, 0, 0].map(() => (\n            <p-dropdown-menu-item enableHover={false}>\n                <p-loader variant=\"ghost\" class=\"h-6 w-full rounded\" />\n            </p-dropdown-menu-item>\n        ));\n    }\n}\n"],"mappings":"oGAAA,MAAMA,EAAqB,2yL,MCoBdC,EAAM,M,wJAiIPC,KAAAC,kBAA6B,M,qKA/FR,O,cAKF,Q,6CAUQ,K,iBAKJ,K,uBAKK,G,wBAKE,K,iBAKP,M,aAKJ,M,UAoBQ,S,oGAyBU,M,mBAOP,M,mBACA,I,CAMlCC,a,MACA,IAAKF,KAAKG,OAASH,KAAKI,QAAS,CAC7B,MAAO,E,CAGX,IAAID,SACOH,KAAKG,QAAU,SAChBE,KAAKC,MAAMN,KAAKG,OAChBH,KAAKG,MAEf,UAAWA,IAAK,MAALA,SAAK,SAALA,EAAQ,MAAO,SAAU,CAChCH,KAAKO,WAAa,OAClBP,KAAKQ,SAAW,QAEhBL,EAAQA,EAAMM,KAAKC,IAAG,CAClBC,MAAOD,EACPE,KAAMF,K,CAId,GAAIV,KAAKC,qBAAqBY,EAAAb,KAAKc,SAAK,MAAAD,SAAA,SAAAA,EAAEE,UAAWf,KAAKgB,YAAa,CACnEb,EAAQA,EAAMc,QAAQC,IAClB,GAAIlB,KAAKmB,SAAU,CACf,OAAOnB,KAAKoB,YAAYpB,KAAKmB,SAAUD,E,CAG3C,OACIlB,KAAKoB,YAAYpB,KAAKQ,SAAUU,IAChClB,KAAKoB,YAAYpB,KAAKO,WAAYW,EAAK,G,CAKnD,OAAOf,IAAK,MAALA,SAAK,SAALA,EAAOkB,MAAM,EAAGrB,KAAKsB,kB,CAG5BC,oB,MACA,GAAIvB,KAAKC,kBAAmB,CACxB,OAAOD,KAAKc,K,CAGhB,OAAOD,EAAAb,KAAKwB,iBAAa,MAAAX,SAAA,SAAAA,EAAGb,KAAKO,W,CAGjCkB,mB,MACA,OAAOzB,KAAKC,qBAAqBY,EAAAb,KAAK0B,2BAAuB,MAAAb,SAAA,SAAAA,EAAEE,QACzDf,KAAK0B,wBACL1B,KAAK2B,W,CAGfC,mB,MACI,GAAI5B,KAAKW,MAAO,CACZX,KAAK6B,aAAa7B,KAAKW,OACvB,M,CAGJ,GAAIX,KAAK8B,gBAAiB,CACtB9B,KAAKwB,eAAgBX,EAAAb,KAAKE,UAAM,MAAAW,SAAA,SAAAA,EAAG,E,EAI3CkB,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,YACRF,EAAA,cACIG,oBAAqB,KACrBC,eAAgB,KAChBC,YAAa,KACbC,KACItC,KAAKuC,kBACFvC,KAAKE,OAAOa,QAAUf,KAAKI,UAGlC4B,EAAA,iBACIQ,KAAK,UACLC,KAAMzC,KAAKyC,KACXC,KAAM1C,KAAK0C,KACXC,OAAQ3C,KAAK2C,OACbC,MAAO5C,KAAK4C,MACZC,OAAQ7C,KAAK6C,OACbC,MAAO9C,KAAK8C,MACZC,SAAU/C,KAAK+C,SACfC,QAAShD,KAAKuC,eAEdP,EAAA,SACIQ,KAAK,QACLS,KAAK,OACLtB,YAAa3B,KAAKyB,aAClBd,MAAOX,KAAKuB,cACZW,MAAO,2BACFlC,KAAKC,mBAAqB,cAE/BiD,QAAS,IAAMlD,KAAKmD,WACpBC,YAAcC,GAAOrD,KAAKsD,aAAaD,GACvCE,QAAS,IAAMvD,KAAKwD,WACpBC,QAAUJ,GAAOrD,KAAK0D,UAAUL,GAChCM,IAAMA,GAAS3D,KAAK4D,UAAYD,IAGnC3D,KAAK6D,aACF7B,EAAA,UAAQ8B,QAAQ,UAAUtB,KAAK,YAGvCR,EAAA,OAAKQ,KAAK,SACLxC,KAAKI,QACAJ,KAAK+D,mBACL/D,KAAKgE,c,CAQrBC,sBAAqBC,OAAEA,IAC7B,IAAKlE,KAAKuC,eAAiB4B,EAAQD,EAAQlE,KAAKoE,KAAM,CAClD,M,CAGJpE,KAAKuC,cAAgB,MACrBvC,KAAKC,kBAAoB,K,CAIrB4B,aAAalB,GACjBX,KAAKqE,eAAe1D,E,CAIjB2D,cACHtE,KAAKqE,gB,CAIFE,uBACHvE,KAAKwE,cAAcC,KAAK,CACpB9D,MAAOX,KAAKuC,cACZzB,MAAOd,KAAKc,O,CAIZuD,eAAe1D,GACnBA,EAAQA,IAAU+D,UAAY,KAAO/D,EACrC,MAAMgE,IAAgB3E,KAAKW,MACrBN,KAAKuE,UAAU5E,KAAKW,OACpBN,KAAKuE,UAAUjE,GAErB,GACIX,KAAKwB,eACLnB,KAAKuE,UAAU5E,KAAKwB,cAAcxB,KAAKQ,aAAemE,EACxD,CACE,M,CAGJ,MAAMzD,EAAOlB,KAAKE,OAAO2E,MACpBC,GAAMzE,KAAKuE,UAAUE,IAAC,MAADA,SAAC,SAADA,EAAI9E,KAAKQ,aAAemE,IAGlD3E,KAAKwB,cAAgBN,C,CAGjB6D,aAAa7D,GACjBlB,KAAKwB,cAAgBN,EACrB,MAAMP,EAAQX,KAAKQ,SAAWU,EAAKlB,KAAKQ,UAAYU,EAEpDlB,KAAKW,MAAQA,EACbX,KAAKgF,YAAYP,KAAKzE,KAAKW,OAE3BX,KAAKiF,QAAQ,K,CAGT9B,WACJ,IAAKnD,KAAKkF,mBAAoB,CAC1BlF,KAAK4D,UAAUuB,OACf,IAAKnF,KAAKuC,cAAe,CACrBvC,KAAKuC,cAAgB,I,CAEzB,M,CAGJvC,KAAKC,kBAAoB,KAEzBD,KAAKuC,cAAgB,I,CAGjBe,aAAaD,GACjB,GAAIrD,KAAKkF,mBAAoB,CACzB,M,CAGJ7B,EAAG+B,gB,CAGC5B,WACJ,GAAIxD,KAAKkF,mBAAoB,CACzB,M,CAGJlF,KAAKuC,eAAiBvC,KAAKuC,a,CAGvB0C,QAAQI,EAAQ,OACpB,IAAKrF,KAAKkF,qBAAuBG,EAAO,CACpC,M,CAGJrF,KAAKC,kBAAoB,MACzBD,KAAKuC,cAAgB,K,CAGjBmB,UAAUL,GACd,IAAKrD,KAAKC,kBAAmB,CACzB,M,CAGJD,KAAKc,MAAQuC,EAAGa,OAAOvD,MACvBX,KAAKsF,YAAYb,KAAKzE,KAAKc,M,CAGvBM,YAAYmE,EAAKrE,G,UACrB,QACIsE,GAAA3E,EAAAK,IAAI,MAAJA,SAAI,SAAJA,EAAOqE,MAAI,MAAA1E,SAAA,SAAAA,EACL4E,cAAU,MAAAD,SAAA,SAAAA,EACVE,cACDC,SAAQC,EAAA5F,KAAKc,SAAK,MAAA8E,SAAA,SAAAA,EAAEF,iBAAkB,C,CAI3C1B,YACJ,OAAOhE,KAAKE,OAAOO,KAAKS,I,MAAS,OAC7Bc,EAAA,wBACIuB,QAAS,IAAMvD,KAAK+E,aAAa7D,GACjC2E,OACI3E,EAAKlB,KAAKQ,cAAcK,EAAAb,KAAKwB,iBAAa,MAAAX,SAAA,SAAAA,EAAGb,KAAKQ,YAGrDU,EAAKlB,KAAKO,YACQ,G,CAIvBwD,mBACJ,MAAO,CAAC,EAAG,EAAG,GAAGtD,KAAI,IACjBuB,EAAA,wBAAsB8D,YAAa,OAC/B9D,EAAA,YAAU8B,QAAQ,QAAQ5B,MAAM,yB"}