@paperless/core 2.0.1-beta.130 → 2.0.1-beta.132

package/dist/build/p-22e7fde5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["toggleComponentCss","checkbox","cva","variants","disabled","false","true","circle","Toggle","checked","required","id","name","checkedChange","indeterminateChange","_nonce","nonce","_internals","formResetCallback","this","formDisabledCallback","form","render","length","h","key","htmlFor","class","asBoolean","type","onChange","ev","_onChange","preventDefault","target","emit","setFormValue"],"sources":["src/components/atoms/toggle/toggle.component.css?tag=p-toggle","src/components/atoms/toggle/toggle.component.tsx"],"sourcesContent":[null,"import {\n    AttachInternals,\n    Component,\n    Event,\n    EventEmitter,\n    Prop,\n    State,\n    h\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded-full w-8 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-black-teal-50 border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2  peer-checked:left-full  transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-black-teal/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-['']  after:bg-supportive-lilac-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-black-teal-100 peer-checked:bg-black-teal-200',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t\t'w-3 h-3',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n\tformAssociated: true,\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif(!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2 text-black-teal'\n\t\t\t>\n\t\t\t\t<div class='group relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t\tthis._internals.setFormValue(this.checked ? \"on\" : \"off\");\n\t\t}\n\n\t}\n}\n"],"mappings":"sLAAA,MAAMA,EAAqB,4yLCa3B,MAAMC,EAAWC,EAChB,CACC,sDACA,oCACA,wBAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,0BACA,yCACA,4DACA,2DACA,mDACA,4EAEDC,KAAM,4DAMV,MAAMC,EAASL,EACd,CACC,mCACA,+BACA,4FAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,qCACA,wDACA,0HACA,yCACA,6CAEDC,KAAM,CACL,mDACA,wDACA,e,MAYQE,EAAM,M,mSAIVC,QAKiBL,SAAoB,MAKpBM,SAAoB,KAKpBC,GAKAC,KAKhBC,cAIAC,oBAEQC,OAASC,EAAM,GAEbC,WAEnB,iBAAAC,GACCC,KAAKV,QAAU,K,CAGhB,oBAAAW,CAAqBhB,GACpB,IAAIe,KAAKF,WAAWI,KAAM,CACzB,M,CAGDF,KAAKf,SAAWA,C,CAGjB,MAAAkB,GACC,MAAMX,EAAKQ,KAAKR,IAAIY,OAASJ,KAAKR,GAAKQ,KAAKJ,OAE5C,OACCS,EAAA,SAAAC,IAAA,2CACCC,QAASf,EACTgB,MAAM,yDAENH,EAAK,OAAAC,IAAA,2CAAAE,MAAM,kDACVH,EACC,SAAAC,IAAA,2CAAAE,MAAO1B,EAAS,CACfG,SAAUwB,EAAUT,KAAKf,YAE1ByB,KAAK,WACLlB,GAAIA,EACJC,KAAMO,KAAKP,KACXF,SAAUS,KAAKT,SACfD,UAAWU,KAAKV,QAChBL,SAAUwB,EAAUT,KAAKf,UACzB0B,SAAUC,GAAMZ,KAAKa,UAAUD,KAEhCP,EACC,OAAAC,IAAA,2CAAAE,MAAOpB,EAAO,CACbH,SAAUe,KAAKf,cAIlBoB,EAAQ,QAAAC,IAAA,6C,CAKH,SAAAO,CAAUD,GACjB,GAAIH,EAAUT,KAAKf,UAAW,CAC7B2B,EAAGE,iBACH,M,CAGD,MAAMxB,EAAWsB,EAAGG,OAA4BzB,QAChD,GAAIA,GAAWU,KAAKV,QAAS,CAC5BU,KAAKV,QAAUA,EACfU,KAAKN,cAAcsB,KAAK1B,GACxBU,KAAKF,WAAWmB,aAAajB,KAAKV,QAAU,KAAO,M","ignoreList":[]}

package/dist/build/p-98b04385.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as e,h as i,F as s}from"./p-DhGo7hbh.js";import{c as n}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const r="*{box-sizing:border-box}.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}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}";const o=n(["flex gap-2"],{variants:{direction:{vertical:"w-full flex-col flex-wrap",horizontal:"h-auto items-center"},generatedOnce:{true:"opacity-100",false:"opacity-0"}}});const a=class{constructor(e){t(this,e)}steps;activeStep=1;enableAutoStatus=true;direction="horizontal";align="center";contentPosition="end";get _el(){return e(this)}_generatedOnce=false;_loaded=false;_generateTimeout;_resizeObserver;_hasSlotItems=false;componentDidLoad(){this._hasSlotItems=!!this._el.querySelector(":scope > *");this._resizeObserver=new ResizeObserver((()=>this._generateLinesOnce()));this._resizeObserver.observe(this._el);this._loaded=true}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){if(!this._loaded){return}if(!this._hasSlotItems){const t=typeof this.steps==="string"?JSON.parse(this.steps):this.steps;if(!t?.length){return}const e=t.map(((e,n)=>{const r=this._getItem(typeof e==="string"?{active:false,finished:false,content:e}:e,n);return i(s,null,r,n<t.length-1&&this._getLine(n))}));return i("div",{class:o({direction:this.direction,generatedOnce:true})},e)}return i("div",{class:o({direction:this.direction,generatedOnce:this._generatedOnce})},i("slot",{onSlotchange:()=>this._generateLinesOnce()}))}_onAlignChange(){this._generateLinesOnce()}_onDirectionChange(){this._generateLinesOnce()}_onActiveStepChange(){this._generateLinesOnce()}_getItem(t,e){const s=this.activeStep-1||0;return i("p-stepper-item",{active:this.enableAutoStatus?e===s:t.active,finished:this.enableAutoStatus?e<s:t.finished,number:e+1,align:this.direction==="vertical"?this.align:"start",contentPosition:this.contentPosition},t.content)}_getLine(t){const e=this.activeStep-1||0;return i("p-stepper-line",{active:t<e,direction:this.direction})}_checkItems(t){const e=this.activeStep-1||0;for(let i=0;i<t?.length;i++){const s=t.item(i);if(this.enableAutoStatus){s.active=i===e;s.finished=i<e}s.number=i+1;s.align=this.direction==="vertical"?this.align:"start";s.contentPosition=this.contentPosition}}_generateLinesOnce(){if(!this._hasSlotItems){return}if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>{const t=this._el.querySelectorAll("p-stepper-item");this._checkItems(t);this._generateLines(t);this._generateTimeout=null}))}_generateLines(t){if(!this._el){return}let e=this.activeStep-1||0;for(let i=0;i<t?.length;i++){const s=t.item(i);if(i<t.length-1){let t=s.nextElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-item"){const n=document.createElement("p-stepper-line");this._el.insertBefore(n,t);this._setLineData(n,s,t,i,e);const r=n.previousElementSibling;if(r&&r.tagName.toLowerCase()==="p-stepper-line"){r.remove()}continue}if(t&&t.tagName.toLowerCase()==="p-stepper-line"){const n=t;t=t.nextElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-item"){this._setLineData(n,s,t,i,e)}}}if(i>0){const t=s.previousElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=s.active||s.finished}}}const i=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=i.length-1;t>=0;t--){const e=i.item(t);e.remove()}if(!this._generatedOnce){setTimeout((()=>this._generatedOnce=true),0)}}_setLineData(t,e,i,s,n){let r=e.clientHeight-24;let o=i.clientHeight-24;if(this.align==="center"){r=r/2;o=o/2}t.direction=this.direction;t.active=s<n;if(r>0&&this.direction==="vertical"){let e=0;t.style.marginTop="0";t.style.marginBottom="0";if(this.align==="start"||this.align==="center"){t.style.marginTop=`-${r/16}rem`;e+=r}if(this.align==="center"||this.align==="end"){t.style.marginBottom=`-${o/16}rem`;e+=o}t.style.minHeight=`calc(${e/16}rem)`}}static get watchers(){return{align:["_onAlignChange"],direction:["_onDirectionChange"],activeStep:["_onActiveStepChange"]}}};a.style=r;export{a as p_stepper};
-//# sourceMappingURL=p-98b04385.entry.js.map

package/dist/build/p-98b04385.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stepperComponentCss","stepper","cva","variants","direction","vertical","horizontal","generatedOnce","true","false","Stepper","steps","activeStep","enableAutoStatus","align","contentPosition","_generatedOnce","_loaded","_generateTimeout","_resizeObserver","_hasSlotItems","componentDidLoad","this","_el","querySelector","ResizeObserver","_generateLinesOnce","observe","disconnectCallback","disconnect","render","JSON","parse","length","items","map","step","index","item","_getItem","active","finished","content","h","Fragment","_getLine","class","onSlotchange","_onAlignChange","_onDirectionChange","_onActiveStepChange","data","i","number","_checkItems","clearTimeout","setTimeout","querySelectorAll","_generateLines","nextItem","nextElementSibling","tagName","toLowerCase","stepperLine","document","createElement","insertBefore","_setLineData","previous","previousElementSibling","remove","previousItem","lines","j","line","heightDiff","clientHeight","heightDiffNext","totalHeight","style","marginTop","marginBottom","minHeight"],"sources":["src/components/organisms/stepper/stepper.component.css?tag=p-stepper&encapsulation=shadow","src/components/organisms/stepper/stepper.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\tFragment,\n\th,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nexport interface StepperStepItemObj {\n\tcontent: string;\n\tactive: boolean;\n\tfinished: boolean;\n}\n\nconst stepper = cva(['flex gap-2'], {\n\tvariants: {\n\t\tdirection: {\n\t\t\tvertical: 'w-full flex-col flex-wrap',\n\t\t\thorizontal: 'h-auto items-center',\n\t\t},\n\t\tgeneratedOnce: {\n\t\t\ttrue: 'opacity-100',\n\t\t\tfalse: 'opacity-0',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.css',\n\tshadow: true,\n})\nexport class Stepper {\n\t/**\n\t * The steps but as a property, can also be used via slot\n\t */\n\t@Prop() steps: string | string[] | StepperStepItemObj[];\n\n\t/**\n\t * The currently active step\n\t */\n\t@Prop() activeStep: number = 1;\n\n\t/**\n\t * Wether to automatically apply active & finished to items\n\t */\n\t@Prop() enableAutoStatus: boolean = true;\n\n\t/**\n\t * The direction of the stepper\n\t */\n\t@Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _generatedOnce = false;\n\t@State() private _loaded = false;\n\n\tprivate _generateTimeout: NodeJS.Timeout | undefined;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tprivate _hasSlotItems = false;\n\n\tcomponentDidLoad() {\n\t\tthis._hasSlotItems = !!this._el.querySelector(':scope > *');\n\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateLinesOnce());\n\t\tthis._resizeObserver.observe(this._el);\n\n\t\tthis._loaded = true;\n\t}\n\n\tdisconnectCallback() {\n\t\tif (this._resizeObserver) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._hasSlotItems) {\n\t\t\tconst steps =\n\t\t\t\ttypeof this.steps === 'string' ? JSON.parse(this.steps) : this.steps;\n\t\t\tif (!steps?.length) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst items = steps.map((step, index) => {\n\t\t\t\tconst item = this._getItem(\n\t\t\t\t\ttypeof step === 'string'\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tactive: false,\n\t\t\t\t\t\t\t\tfinished: false,\n\t\t\t\t\t\t\t\tcontent: step,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: step,\n\t\t\t\t\tindex\n\t\t\t\t);\n\t\t\t\treturn (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{item}\n\t\t\t\t\t\t{index < steps.length - 1 && this._getLine(index)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t);\n\t\t\t});\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tclass={stepper({\n\t\t\t\t\t\tdirection: this.direction,\n\t\t\t\t\t\tgeneratedOnce: true,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{items}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={stepper({\n\t\t\t\t\tdirection: this.direction,\n\t\t\t\t\tgeneratedOnce: this._generatedOnce,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot onSlotchange={() => this._generateLinesOnce()} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Watch('align')\n\tprotected _onAlignChange() {\n\t\tthis._generateLinesOnce();\n\t}\n\n\t@Watch('direction')\n\tprotected _onDirectionChange() {\n\t\tthis._generateLinesOnce();\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateLinesOnce();\n\t}\n\n\tprivate _getItem(data: StepperStepItemObj, i: number) {\n\t\tconst activeStep = this.activeStep - 1 || 0;\n\n\t\treturn (\n\t\t\t<p-stepper-item\n\t\t\t\tactive={this.enableAutoStatus ? i === activeStep : data.active}\n\t\t\t\tfinished={this.enableAutoStatus ? i < activeStep : data.finished}\n\t\t\t\tnumber={i + 1}\n\t\t\t\talign={this.direction === 'vertical' ? this.align : 'start'}\n\t\t\t\tcontentPosition={this.contentPosition}\n\t\t\t>\n\t\t\t\t{data.content}\n\t\t\t</p-stepper-item>\n\t\t);\n\t}\n\n\tprivate _getLine(i: number) {\n\t\tconst activeStep = this.activeStep - 1 || 0;\n\t\treturn (\n\t\t\t<p-stepper-line\n\t\t\t\tactive={i < activeStep}\n\t\t\t\tdirection={this.direction}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _checkItems(items: NodeListOf<HTMLPStepperItemElement>) {\n\t\tconst activeStep = this.activeStep - 1 || 0;\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (this.enableAutoStatus) {\n\t\t\t\titem.active = i === activeStep;\n\t\t\t\titem.finished = i < activeStep;\n\t\t\t}\n\n\t\t\titem.number = i + 1;\n\t\t\titem.align = this.direction === 'vertical' ? this.align : 'start';\n\t\t\titem.contentPosition = this.contentPosition;\n\t\t}\n\t}\n\n\tprivate _generateLinesOnce() {\n\t\tif (!this._hasSlotItems) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._generateTimeout) {\n\t\t\tclearTimeout(this._generateTimeout);\n\t\t\tthis._generateTimeout = null;\n\t\t}\n\n\t\tthis._generateTimeout = setTimeout(() => {\n\t\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\t\t\tthis._checkItems(items);\n\t\t\tthis._generateLines(items);\n\t\t\tthis._generateTimeout = null;\n\t\t});\n\t}\n\n\tprivate _generateLines(items: NodeListOf<HTMLPStepperItemElement>) {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tlet nextItem = item.nextElementSibling;\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\tconst stepperLine = document.createElement('p-stepper-line');\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\n\t\t\t\t\tthis._setLineData(stepperLine, item, nextItem, i, activeStep);\n\n\t\t\t\t\tconst previous = stepperLine.previousElementSibling;\n\t\t\t\t\tif (previous && previous.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\t\tprevious.remove();\n\t\t\t\t\t}\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\tconst stepperLine = nextItem;\n\t\t\t\t\tnextItem = nextItem.nextElementSibling;\n\n\t\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\t\tthis._setLineData(stepperLine, item, nextItem, i, activeStep);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (i > 0) {\n\t\t\t\tconst previousItem = item.previousElementSibling;\n\t\t\t\tif (\n\t\t\t\t\tpreviousItem &&\n\t\t\t\t\tpreviousItem.tagName.toLowerCase() === 'p-stepper-line'\n\t\t\t\t) {\n\t\t\t\t\tpreviousItem.direction = this.direction;\n\t\t\t\t\tpreviousItem.active = item.active || item.finished;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst lines = this._el.querySelectorAll(\n\t\t\t'p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child'\n\t\t);\n\t\tfor (let j = lines.length - 1; j >= 0; j--) {\n\t\t\tconst line = lines.item(j);\n\t\t\tline.remove();\n\t\t}\n\n\t\tif (!this._generatedOnce) {\n\t\t\tsetTimeout(() => (this._generatedOnce = true), 0);\n\t\t}\n\t}\n\n\tprivate _setLineData(\n\t\tstepperLine: HTMLPStepperLineElement,\n\t\titem: HTMLPStepperItemElement,\n\t\tnextItem: HTMLPStepperItemElement,\n\t\ti: number,\n\t\tactiveStep: number\n\t) {\n\t\tlet heightDiff = item.clientHeight - 24;\n\t\tlet heightDiffNext = nextItem.clientHeight - 24;\n\n\t\tif (this.align === 'center') {\n\t\t\theightDiff = heightDiff / 2;\n\t\t\theightDiffNext = heightDiffNext / 2;\n\t\t}\n\n\t\tstepperLine.direction = this.direction;\n\t\tstepperLine.active = i < activeStep;\n\n\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\tlet totalHeight = 0;\n\n\t\t\tstepperLine.style.marginTop = '0';\n\t\t\tstepperLine.style.marginBottom = '0';\n\n\t\t\tif (this.align === 'start' || this.align === 'center') {\n\t\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\t\ttotalHeight += heightDiff;\n\t\t\t}\n\n\t\t\tif (this.align === 'center' || this.align === 'end') {\n\t\t\t\tstepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\t\t\t\ttotalHeight += heightDiffNext;\n\t\t\t}\n\n\t\t\tstepperLine.style.minHeight = `calc(${totalHeight / 16}rem)`;\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/paperless/p-22e7fde5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["toggleComponentCss","checkbox","cva","variants","disabled","false","true","circle","Toggle","checked","required","id","name","checkedChange","indeterminateChange","_nonce","nonce","_internals","formResetCallback","this","formDisabledCallback","form","render","length","h","key","htmlFor","class","asBoolean","type","onChange","ev","_onChange","preventDefault","target","emit","setFormValue"],"sources":["src/components/atoms/toggle/toggle.component.css?tag=p-toggle","src/components/atoms/toggle/toggle.component.tsx"],"sourcesContent":[null,"import {\n    AttachInternals,\n    Component,\n    Event,\n    EventEmitter,\n    Prop,\n    State,\n    h\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded-full w-8 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-black-teal-50 border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2  peer-checked:left-full  transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-black-teal/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-['']  after:bg-supportive-lilac-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-black-teal-100 peer-checked:bg-black-teal-200',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t\t'w-3 h-3',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n\tformAssociated: true,\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif(!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2 text-black-teal'\n\t\t\t>\n\t\t\t\t<div class='group relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: this.disabled,\n\t\t\t\t\t\t})}\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t\tthis._internals.setFormValue(this.checked ? \"on\" : \"off\");\n\t\t}\n\n\t}\n}\n"],"mappings":"sLAAA,MAAMA,EAAqB,4yLCa3B,MAAMC,EAAWC,EAChB,CACC,sDACA,oCACA,wBAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,0BACA,yCACA,4DACA,2DACA,mDACA,4EAEDC,KAAM,4DAMV,MAAMC,EAASL,EACd,CACC,mCACA,+BACA,4FAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,qCACA,wDACA,0HACA,yCACA,6CAEDC,KAAM,CACL,mDACA,wDACA,e,MAYQE,EAAM,M,mSAIVC,QAKiBL,SAAoB,MAKpBM,SAAoB,KAKpBC,GAKAC,KAKhBC,cAIAC,oBAEQC,OAASC,EAAM,GAEbC,WAEnB,iBAAAC,GACCC,KAAKV,QAAU,K,CAGhB,oBAAAW,CAAqBhB,GACpB,IAAIe,KAAKF,WAAWI,KAAM,CACzB,M,CAGDF,KAAKf,SAAWA,C,CAGjB,MAAAkB,GACC,MAAMX,EAAKQ,KAAKR,IAAIY,OAASJ,KAAKR,GAAKQ,KAAKJ,OAE5C,OACCS,EAAA,SAAAC,IAAA,2CACCC,QAASf,EACTgB,MAAM,yDAENH,EAAK,OAAAC,IAAA,2CAAAE,MAAM,kDACVH,EACC,SAAAC,IAAA,2CAAAE,MAAO1B,EAAS,CACfG,SAAUwB,EAAUT,KAAKf,YAE1ByB,KAAK,WACLlB,GAAIA,EACJC,KAAMO,KAAKP,KACXF,SAAUS,KAAKT,SACfD,UAAWU,KAAKV,QAChBL,SAAUwB,EAAUT,KAAKf,UACzB0B,SAAUC,GAAMZ,KAAKa,UAAUD,KAEhCP,EACC,OAAAC,IAAA,2CAAAE,MAAOpB,EAAO,CACbH,SAAUe,KAAKf,cAIlBoB,EAAQ,QAAAC,IAAA,6C,CAKH,SAAAO,CAAUD,GACjB,GAAIH,EAAUT,KAAKf,UAAW,CAC7B2B,EAAGE,iBACH,M,CAGD,MAAMxB,EAAWsB,EAAGG,OAA4BzB,QAChD,GAAIA,GAAWU,KAAKV,QAAS,CAC5BU,KAAKV,QAAUA,EACfU,KAAKN,cAAcsB,KAAK1B,GACxBU,KAAKF,WAAWmB,aAAajB,KAAKV,QAAU,KAAO,M","ignoreList":[]}

package/dist/paperless/p-98b04385.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as e,h as i,F as s}from"./p-DhGo7hbh.js";import{c as n}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const r="*{box-sizing:border-box}.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}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}";const o=n(["flex gap-2"],{variants:{direction:{vertical:"w-full flex-col flex-wrap",horizontal:"h-auto items-center"},generatedOnce:{true:"opacity-100",false:"opacity-0"}}});const a=class{constructor(e){t(this,e)}steps;activeStep=1;enableAutoStatus=true;direction="horizontal";align="center";contentPosition="end";get _el(){return e(this)}_generatedOnce=false;_loaded=false;_generateTimeout;_resizeObserver;_hasSlotItems=false;componentDidLoad(){this._hasSlotItems=!!this._el.querySelector(":scope > *");this._resizeObserver=new ResizeObserver((()=>this._generateLinesOnce()));this._resizeObserver.observe(this._el);this._loaded=true}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){if(!this._loaded){return}if(!this._hasSlotItems){const t=typeof this.steps==="string"?JSON.parse(this.steps):this.steps;if(!t?.length){return}const e=t.map(((e,n)=>{const r=this._getItem(typeof e==="string"?{active:false,finished:false,content:e}:e,n);return i(s,null,r,n<t.length-1&&this._getLine(n))}));return i("div",{class:o({direction:this.direction,generatedOnce:true})},e)}return i("div",{class:o({direction:this.direction,generatedOnce:this._generatedOnce})},i("slot",{onSlotchange:()=>this._generateLinesOnce()}))}_onAlignChange(){this._generateLinesOnce()}_onDirectionChange(){this._generateLinesOnce()}_onActiveStepChange(){this._generateLinesOnce()}_getItem(t,e){const s=this.activeStep-1||0;return i("p-stepper-item",{active:this.enableAutoStatus?e===s:t.active,finished:this.enableAutoStatus?e<s:t.finished,number:e+1,align:this.direction==="vertical"?this.align:"start",contentPosition:this.contentPosition},t.content)}_getLine(t){const e=this.activeStep-1||0;return i("p-stepper-line",{active:t<e,direction:this.direction})}_checkItems(t){const e=this.activeStep-1||0;for(let i=0;i<t?.length;i++){const s=t.item(i);if(this.enableAutoStatus){s.active=i===e;s.finished=i<e}s.number=i+1;s.align=this.direction==="vertical"?this.align:"start";s.contentPosition=this.contentPosition}}_generateLinesOnce(){if(!this._hasSlotItems){return}if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>{const t=this._el.querySelectorAll("p-stepper-item");this._checkItems(t);this._generateLines(t);this._generateTimeout=null}))}_generateLines(t){if(!this._el){return}let e=this.activeStep-1||0;for(let i=0;i<t?.length;i++){const s=t.item(i);if(i<t.length-1){let t=s.nextElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-item"){const n=document.createElement("p-stepper-line");this._el.insertBefore(n,t);this._setLineData(n,s,t,i,e);const r=n.previousElementSibling;if(r&&r.tagName.toLowerCase()==="p-stepper-line"){r.remove()}continue}if(t&&t.tagName.toLowerCase()==="p-stepper-line"){const n=t;t=t.nextElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-item"){this._setLineData(n,s,t,i,e)}}}if(i>0){const t=s.previousElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=s.active||s.finished}}}const i=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=i.length-1;t>=0;t--){const e=i.item(t);e.remove()}if(!this._generatedOnce){setTimeout((()=>this._generatedOnce=true),0)}}_setLineData(t,e,i,s,n){let r=e.clientHeight-24;let o=i.clientHeight-24;if(this.align==="center"){r=r/2;o=o/2}t.direction=this.direction;t.active=s<n;if(r>0&&this.direction==="vertical"){let e=0;t.style.marginTop="0";t.style.marginBottom="0";if(this.align==="start"||this.align==="center"){t.style.marginTop=`-${r/16}rem`;e+=r}if(this.align==="center"||this.align==="end"){t.style.marginBottom=`-${o/16}rem`;e+=o}t.style.minHeight=`calc(${e/16}rem)`}}static get watchers(){return{align:["_onAlignChange"],direction:["_onDirectionChange"],activeStep:["_onActiveStepChange"]}}};a.style=r;export{a as p_stepper};
-//# sourceMappingURL=p-98b04385.entry.js.map

package/dist/paperless/p-98b04385.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stepperComponentCss","stepper","cva","variants","direction","vertical","horizontal","generatedOnce","true","false","Stepper","steps","activeStep","enableAutoStatus","align","contentPosition","_generatedOnce","_loaded","_generateTimeout","_resizeObserver","_hasSlotItems","componentDidLoad","this","_el","querySelector","ResizeObserver","_generateLinesOnce","observe","disconnectCallback","disconnect","render","JSON","parse","length","items","map","step","index","item","_getItem","active","finished","content","h","Fragment","_getLine","class","onSlotchange","_onAlignChange","_onDirectionChange","_onActiveStepChange","data","i","number","_checkItems","clearTimeout","setTimeout","querySelectorAll","_generateLines","nextItem","nextElementSibling","tagName","toLowerCase","stepperLine","document","createElement","insertBefore","_setLineData","previous","previousElementSibling","remove","previousItem","lines","j","line","heightDiff","clientHeight","heightDiffNext","totalHeight","style","marginTop","marginBottom","minHeight"],"sources":["src/components/organisms/stepper/stepper.component.css?tag=p-stepper&encapsulation=shadow","src/components/organisms/stepper/stepper.component.tsx"],"sourcesContent":[null,"import {\n\tComponent,\n\tElement,\n\tFragment,\n\th,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nexport interface StepperStepItemObj {\n\tcontent: string;\n\tactive: boolean;\n\tfinished: boolean;\n}\n\nconst stepper = cva(['flex gap-2'], {\n\tvariants: {\n\t\tdirection: {\n\t\t\tvertical: 'w-full flex-col flex-wrap',\n\t\t\thorizontal: 'h-auto items-center',\n\t\t},\n\t\tgeneratedOnce: {\n\t\t\ttrue: 'opacity-100',\n\t\t\tfalse: 'opacity-0',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.css',\n\tshadow: true,\n})\nexport class Stepper {\n\t/**\n\t * The steps but as a property, can also be used via slot\n\t */\n\t@Prop() steps: string | string[] | StepperStepItemObj[];\n\n\t/**\n\t * The currently active step\n\t */\n\t@Prop() activeStep: number = 1;\n\n\t/**\n\t * Wether to automatically apply active & finished to items\n\t */\n\t@Prop() enableAutoStatus: boolean = true;\n\n\t/**\n\t * The direction of the stepper\n\t */\n\t@Prop() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _generatedOnce = false;\n\t@State() private _loaded = false;\n\n\tprivate _generateTimeout: NodeJS.Timeout | undefined;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tprivate _hasSlotItems = false;\n\n\tcomponentDidLoad() {\n\t\tthis._hasSlotItems = !!this._el.querySelector(':scope > *');\n\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateLinesOnce());\n\t\tthis._resizeObserver.observe(this._el);\n\n\t\tthis._loaded = true;\n\t}\n\n\tdisconnectCallback() {\n\t\tif (this._resizeObserver) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._hasSlotItems) {\n\t\t\tconst steps =\n\t\t\t\ttypeof this.steps === 'string' ? JSON.parse(this.steps) : this.steps;\n\t\t\tif (!steps?.length) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst items = steps.map((step, index) => {\n\t\t\t\tconst item = this._getItem(\n\t\t\t\t\ttypeof step === 'string'\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tactive: false,\n\t\t\t\t\t\t\t\tfinished: false,\n\t\t\t\t\t\t\t\tcontent: step,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: step,\n\t\t\t\t\tindex\n\t\t\t\t);\n\t\t\t\treturn (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t{item}\n\t\t\t\t\t\t{index < steps.length - 1 && this._getLine(index)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t);\n\t\t\t});\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tclass={stepper({\n\t\t\t\t\t\tdirection: this.direction,\n\t\t\t\t\t\tgeneratedOnce: true,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{items}\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={stepper({\n\t\t\t\t\tdirection: this.direction,\n\t\t\t\t\tgeneratedOnce: this._generatedOnce,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot onSlotchange={() => this._generateLinesOnce()} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Watch('align')\n\tprotected _onAlignChange() {\n\t\tthis._generateLinesOnce();\n\t}\n\n\t@Watch('direction')\n\tprotected _onDirectionChange() {\n\t\tthis._generateLinesOnce();\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateLinesOnce();\n\t}\n\n\tprivate _getItem(data: StepperStepItemObj, i: number) {\n\t\tconst activeStep = this.activeStep - 1 || 0;\n\n\t\treturn (\n\t\t\t<p-stepper-item\n\t\t\t\tactive={this.enableAutoStatus ? i === activeStep : data.active}\n\t\t\t\tfinished={this.enableAutoStatus ? i < activeStep : data.finished}\n\t\t\t\tnumber={i + 1}\n\t\t\t\talign={this.direction === 'vertical' ? this.align : 'start'}\n\t\t\t\tcontentPosition={this.contentPosition}\n\t\t\t>\n\t\t\t\t{data.content}\n\t\t\t</p-stepper-item>\n\t\t);\n\t}\n\n\tprivate _getLine(i: number) {\n\t\tconst activeStep = this.activeStep - 1 || 0;\n\t\treturn (\n\t\t\t<p-stepper-line\n\t\t\t\tactive={i < activeStep}\n\t\t\t\tdirection={this.direction}\n\t\t\t/>\n\t\t);\n\t}\n\n\tprivate _checkItems(items: NodeListOf<HTMLPStepperItemElement>) {\n\t\tconst activeStep = this.activeStep - 1 || 0;\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (this.enableAutoStatus) {\n\t\t\t\titem.active = i === activeStep;\n\t\t\t\titem.finished = i < activeStep;\n\t\t\t}\n\n\t\t\titem.number = i + 1;\n\t\t\titem.align = this.direction === 'vertical' ? this.align : 'start';\n\t\t\titem.contentPosition = this.contentPosition;\n\t\t}\n\t}\n\n\tprivate _generateLinesOnce() {\n\t\tif (!this._hasSlotItems) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._generateTimeout) {\n\t\t\tclearTimeout(this._generateTimeout);\n\t\t\tthis._generateTimeout = null;\n\t\t}\n\n\t\tthis._generateTimeout = setTimeout(() => {\n\t\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\t\t\tthis._checkItems(items);\n\t\t\tthis._generateLines(items);\n\t\t\tthis._generateTimeout = null;\n\t\t});\n\t}\n\n\tprivate _generateLines(items: NodeListOf<HTMLPStepperItemElement>) {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tlet nextItem = item.nextElementSibling;\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\tconst stepperLine = document.createElement('p-stepper-line');\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\n\t\t\t\t\tthis._setLineData(stepperLine, item, nextItem, i, activeStep);\n\n\t\t\t\t\tconst previous = stepperLine.previousElementSibling;\n\t\t\t\t\tif (previous && previous.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\t\tprevious.remove();\n\t\t\t\t\t}\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\tconst stepperLine = nextItem;\n\t\t\t\t\tnextItem = nextItem.nextElementSibling;\n\n\t\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\t\tthis._setLineData(stepperLine, item, nextItem, i, activeStep);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (i > 0) {\n\t\t\t\tconst previousItem = item.previousElementSibling;\n\t\t\t\tif (\n\t\t\t\t\tpreviousItem &&\n\t\t\t\t\tpreviousItem.tagName.toLowerCase() === 'p-stepper-line'\n\t\t\t\t) {\n\t\t\t\t\tpreviousItem.direction = this.direction;\n\t\t\t\t\tpreviousItem.active = item.active || item.finished;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst lines = this._el.querySelectorAll(\n\t\t\t'p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child'\n\t\t);\n\t\tfor (let j = lines.length - 1; j >= 0; j--) {\n\t\t\tconst line = lines.item(j);\n\t\t\tline.remove();\n\t\t}\n\n\t\tif (!this._generatedOnce) {\n\t\t\tsetTimeout(() => (this._generatedOnce = true), 0);\n\t\t}\n\t}\n\n\tprivate _setLineData(\n\t\tstepperLine: HTMLPStepperLineElement,\n\t\titem: HTMLPStepperItemElement,\n\t\tnextItem: HTMLPStepperItemElement,\n\t\ti: number,\n\t\tactiveStep: number\n\t) {\n\t\tlet heightDiff = item.clientHeight - 24;\n\t\tlet heightDiffNext = nextItem.clientHeight - 24;\n\n\t\tif (this.align === 'center') {\n\t\t\theightDiff = heightDiff / 2;\n\t\t\theightDiffNext = heightDiffNext / 2;\n\t\t}\n\n\t\tstepperLine.direction = this.direction;\n\t\tstepperLine.active = i < activeStep;\n\n\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\tlet totalHeight = 0;\n\n\t\t\tstepperLine.style.marginTop = '0';\n\t\t\tstepperLine.style.marginBottom = '0';\n\n\t\t\tif (this.align === 'start' || this.align === 'center') {\n\t\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\t\ttotalHeight += heightDiff;\n\t\t\t}\n\n\t\t\tif (this.align === 'center' || this.align === 'end') {\n\t\t\t\tstepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\t\t\t\ttotalHeight += heightDiffNext;\n\t\t\t}\n\n\t\t\tstepperLine.style.minHeight = `calc(${totalHeight / 16}rem)`;\n\t\t}\n\t}\n}\n"],"mappings":"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","ignoreList":[]}