@paperless/core 2.3.1 → 2.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +22 -0
- package/dist/build/p-4baac091.entry.js +2 -0
- package/dist/build/p-4baac091.entry.js.map +1 -0
- package/dist/build/{p-56f711c5.js → p-70183ec0.js} +1 -1
- package/dist/build/{p-43216955.entry.js → p-ba9ecfd6.entry.js} +2 -2
- package/dist/{paperless/p-43216955.entry.js.map → build/p-ba9ecfd6.entry.js.map} +1 -1
- package/dist/{paperless/p-cf1a9710.entry.js → build/p-bd0c7d4c.entry.js} +2 -2
- package/dist/build/{p-cf1a9710.entry.js.map → p-bd0c7d4c.entry.js.map} +1 -1
- package/dist/build/p-datepicker.entry.esm.js.map +1 -1
- package/dist/build/p-stepper-item.p-stepper-line.entry.esm.js.map +1 -1
- package/dist/build/p-stepper.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-datepicker.cjs.entry.js +7 -0
- package/dist/cjs/p-datepicker.cjs.entry.js.map +1 -1
- package/dist/cjs/p-datepicker.entry.cjs.js.map +1 -1
- package/dist/cjs/p-stepper-item.p-stepper-line.entry.cjs.js.map +1 -1
- package/dist/cjs/p-stepper-item_2.cjs.entry.js +26 -5
- package/dist/cjs/p-stepper-item_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-stepper.cjs.entry.js +10 -4
- package/dist/cjs/p-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/p-stepper.entry.cjs.js.map +1 -1
- package/dist/collection/components/atoms/stepper/item/stepper-item.component.css +1 -1
- package/dist/collection/components/atoms/stepper/item/stepper-item.component.js +25 -4
- package/dist/collection/components/atoms/stepper/item/stepper-item.component.js.map +1 -1
- package/dist/collection/components/molecules/datepicker/datepicker.component.js +7 -0
- package/dist/collection/components/molecules/datepicker/datepicker.component.js.map +1 -1
- package/dist/collection/components/organisms/stepper/stepper.component.js +10 -4
- package/dist/collection/components/organisms/stepper/stepper.component.js.map +1 -1
- package/dist/components/{p-B4inyr87.js → p-BB_UksC3.js} +28 -7
- package/dist/components/p-BB_UksC3.js.map +1 -0
- package/dist/components/p-datepicker.js +7 -0
- package/dist/components/p-datepicker.js.map +1 -1
- package/dist/components/p-stepper-item.js +1 -1
- package/dist/components/p-stepper.js +11 -5
- package/dist/components/p-stepper.js.map +1 -1
- package/dist/esm/p-datepicker.entry.js +7 -0
- package/dist/esm/p-datepicker.entry.js.map +1 -1
- package/dist/esm/p-stepper-item.p-stepper-line.entry.js.map +1 -1
- package/dist/esm/p-stepper-item_2.entry.js +26 -5
- package/dist/esm/p-stepper-item_2.entry.js.map +1 -1
- package/dist/esm/p-stepper.entry.js +10 -4
- package/dist/esm/p-stepper.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-4baac091.entry.js +2 -0
- package/dist/paperless/p-4baac091.entry.js.map +1 -0
- package/dist/paperless/{p-43216955.entry.js → p-ba9ecfd6.entry.js} +2 -2
- package/dist/{build/p-43216955.entry.js.map → paperless/p-ba9ecfd6.entry.js.map} +1 -1
- package/dist/{build/p-cf1a9710.entry.js → paperless/p-bd0c7d4c.entry.js} +2 -2
- package/dist/paperless/{p-cf1a9710.entry.js.map → p-bd0c7d4c.entry.js.map} +1 -1
- package/dist/paperless/p-datepicker.entry.esm.js.map +1 -1
- package/dist/paperless/p-stepper-item.p-stepper-line.entry.esm.js.map +1 -1
- package/dist/paperless/p-stepper.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/build/p-ec9a178a.entry.js +0 -2
- package/dist/build/p-ec9a178a.entry.js.map +0 -1
- package/dist/components/p-B4inyr87.js.map +0 -1
- package/dist/paperless/p-ec9a178a.entry.js +0 -2
- package/dist/paperless/p-ec9a178a.entry.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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 h=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;_containerRef;_resizeObserver;_hasSlotItems=false;componentDidLoad(){this._hasSlotItems=!!this._el.querySelector(":scope > *");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}),ref:t=>this._setContainerRef(t)},e)}return i("div",{class:o({direction:this.direction,generatedOnce:this._generatedOnce}),ref:t=>this._setContainerRef(t)},i("slot",{onSlotchange:()=>this._generateLinesOnce()}))}_onAlignChange(){this._generateLinesOnce()}_onDirectionChange(){this._generateLinesOnce()}_onActiveStepChange(){this._generateLinesOnce()}_setContainerRef(t){this._containerRef=t;if(this._resizeObserver){this._resizeObserver.disconnect()}this._resizeObserver=new ResizeObserver((()=>this._generateLinesOnce()));this._resizeObserver.observe(this._containerRef)}_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.direction=this.direction;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}),50)}_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){this._generatedOnce=true}}_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"]}}};h.style=r;export{h as p_stepper};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
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 h=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;_containerRef;_resizeObserver;_hasSlotItems=false;componentDidLoad(){this._hasSlotItems=!!this._el.querySelector(":scope > *");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}),ref:t=>this._setContainerRef(t)},e)}return i("div",{class:o({direction:this.direction,generatedOnce:this._generatedOnce}),ref:t=>this._setContainerRef(t)},i("slot",{onSlotchange:()=>this._generateLinesOnce()}))}_onAlignChange(){this._generateLinesOnce()}_onDirectionChange(){this._generateLinesOnce()}_onActiveStepChange(){this._generateLinesOnce()}_setContainerRef(t){this._containerRef=t;if(this._resizeObserver){this._resizeObserver.disconnect()}this._resizeObserver=new ResizeObserver((()=>this._generateLinesOnce()));this._resizeObserver.observe(this._containerRef)}_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.direction=this.direction;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}),50)}_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){this._generatedOnce=true}}_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-(this.align==="start"?1:0)}rem`;e+=r-(this.align==="start"?8:0);if(this.align==="start"){t.style.marginBottom=`-0.5rem`}}if(this.align==="center"||this.align==="end"){t.style.marginBottom=`-${o/16-(this.align==="end"?1:0)}rem`;e+=o-(this.align==="end"?8:0);if(this.align==="end"){t.style.marginTop=`-0.5rem`}}t.style.minHeight=`calc(${e/16}rem)`}}static get watchers(){return{align:["_onAlignChange"],direction:["_onDirectionChange"],activeStep:["_onActiveStepChange"]}}};h.style=r;export{h as p_stepper};
|
|
2
|
+
//# sourceMappingURL=p-bd0c7d4c.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["stepperComponentCss","stepper","cva","variants","direction","vertical","horizontal","generatedOnce","true","false","Stepper","steps","activeStep","enableAutoStatus","align","contentPosition","_generatedOnce","_loaded","_generateTimeout","_containerRef","_resizeObserver","_hasSlotItems","componentDidLoad","this","_el","querySelector","disconnectCallback","disconnect","render","JSON","parse","length","items","map","step","index","item","_getItem","active","finished","content","h","Fragment","_getLine","class","ref","_setContainerRef","onSlotchange","_generateLinesOnce","_onAlignChange","_onDirectionChange","_onActiveStepChange","ResizeObserver","observe","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 _containerRef: HTMLDivElement;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tprivate _hasSlotItems = false;\n\n\tcomponentDidLoad() {\n\t\tthis._hasSlotItems = !!this._el.querySelector(':scope > *');\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\tref={ref => this._setContainerRef(ref)}\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\tref={ref => this._setContainerRef(ref)}\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 _setContainerRef(ref: HTMLDivElement) {\n\t\tthis._containerRef = ref;\n\n\t\tif (this._resizeObserver) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateLinesOnce());\n\t\tthis._resizeObserver.observe(this._containerRef);\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.direction = this.direction;\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}, 50);\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\tthis._generatedOnce = true;\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":"qHAAA,MAAMA,EAAsB,yWCiB5B,MAAMC,EAAUC,EAAI,CAAC,cAAe,CACnCC,SAAU,CACTC,UAAW,CACVC,SAAU,4BACVC,WAAY,uBAEbC,cAAe,CACdC,KAAM,cACNC,MAAO,gB,MAUGC,EAAO,M,yBAIXC,MAKAC,WAAqB,EAKrBC,iBAA4B,KAK5BT,UAAuC,aAKvCU,MAAoC,SAKpCC,gBAAmC,M,yBAO1BC,eAAiB,MACjBC,QAAU,MAEnBC,iBACAC,cACAC,gBAEAC,cAAgB,MAExB,gBAAAC,GACCC,KAAKF,gBAAkBE,KAAKC,IAAIC,cAAc,cAC9CF,KAAKN,QAAU,I,CAGhB,kBAAAS,GACC,GAAIH,KAAKH,gBAAiB,CACzBG,KAAKH,gBAAgBO,Y,EAIvB,MAAAC,GACC,IAAKL,KAAKN,QAAS,CAClB,M,CAGD,IAAKM,KAAKF,cAAe,CACxB,MAAMV,SACEY,KAAKZ,QAAU,SAAWkB,KAAKC,MAAMP,KAAKZ,OAASY,KAAKZ,MAChE,IAAKA,GAAOoB,OAAQ,CACnB,M,CAGD,MAAMC,EAAQrB,EAAMsB,KAAI,CAACC,EAAMC,KAC9B,MAAMC,EAAOb,KAAKc,gBACVH,IAAS,SACb,CACAI,OAAQ,MACRC,SAAU,MACVC,QAASN,GAETA,EACHC,GAED,OACCM,EAACC,EAAQ,KACPN,EACAD,EAAQxB,EAAMoB,OAAS,GAAKR,KAAKoB,SAASR,GACjC,IAIb,OACCM,EAAA,OACCG,MAAO3C,EAAQ,CACdG,UAAWmB,KAAKnB,UAChBG,cAAe,OAEhBsC,IAAKA,GAAOtB,KAAKuB,iBAAiBD,IAEjCb,E,CAKJ,OACCS,EAAA,OACCG,MAAO3C,EAAQ,CACdG,UAAWmB,KAAKnB,UAChBG,cAAegB,KAAKP,iBAErB6B,IAAKA,GAAOtB,KAAKuB,iBAAiBD,IAElCJ,EAAA,QAAMM,aAAc,IAAMxB,KAAKyB,uB,CAMxB,cAAAC,GACT1B,KAAKyB,oB,CAII,kBAAAE,GACT3B,KAAKyB,oB,CAII,mBAAAG,GACT5B,KAAKyB,oB,CAGE,gBAAAF,CAAiBD,GACxBtB,KAAKJ,cAAgB0B,EAErB,GAAItB,KAAKH,gBAAiB,CACzBG,KAAKH,gBAAgBO,Y,CAGtBJ,KAAKH,gBAAkB,IAAIgC,gBAAe,IAAM7B,KAAKyB,uBACrDzB,KAAKH,gBAAgBiC,QAAQ9B,KAAKJ,c,CAG3B,QAAAkB,CAASiB,EAA0BC,GAC1C,MAAM3C,EAAaW,KAAKX,WAAa,GAAK,EAE1C,OACC6B,EAAA,kBACCH,OAAQf,KAAKV,iBAAmB0C,IAAM3C,EAAa0C,EAAKhB,OACxDC,SAAUhB,KAAKV,iBAAmB0C,EAAI3C,EAAa0C,EAAKf,SACxDiB,OAAQD,EAAI,EACZzC,MAAOS,KAAKnB,YAAc,WAAamB,KAAKT,MAAQ,QACpDC,gBAAiBQ,KAAKR,iBAErBuC,EAAKd,Q,CAKD,QAAAG,CAASY,GAChB,MAAM3C,EAAaW,KAAKX,WAAa,GAAK,EAC1C,OACC6B,EAAA,kBACCH,OAAQiB,EAAI3C,EACZR,UAAWmB,KAAKnB,W,CAKX,WAAAqD,CAAYzB,GACnB,MAAMpB,EAAaW,KAAKX,WAAa,GAAK,EAE1C,IAAK,IAAI2C,EAAI,EAAGA,EAAIvB,GAAOD,OAAQwB,IAAK,CACvC,MAAMnB,EAAOJ,EAAMI,KAAKmB,GAExB,GAAIhC,KAAKV,iBAAkB,CAC1BuB,EAAKE,OAASiB,IAAM3C,EACpBwB,EAAKG,SAAWgB,EAAI3C,C,CAGrBwB,EAAKoB,OAASD,EAAI,EAClBnB,EAAKtB,MAAQS,KAAKnB,YAAc,WAAamB,KAAKT,MAAQ,QAC1DsB,EAAKhC,UAAYmB,KAAKnB,UACtBgC,EAAKrB,gBAAkBQ,KAAKR,e,EAItB,kBAAAiC,GACP,IAAKzB,KAAKF,cAAe,CACxB,M,CAGD,GAAIE,KAAKL,iBAAkB,CAC1BwC,aAAanC,KAAKL,kBAClBK,KAAKL,iBAAmB,I,CAGzBK,KAAKL,iBAAmByC,YAAW,KAClC,MAAM3B,EAAQT,KAAKC,IAAIoC,iBAAiB,kBACxCrC,KAAKkC,YAAYzB,GACjBT,KAAKsC,eAAe7B,GACpBT,KAAKL,iBAAmB,IAAI,GAC1B,G,CAGI,cAAA2C,CAAe7B,GACtB,IAAKT,KAAKC,IAAK,CACd,M,CAGD,IAAIZ,EAAaW,KAAKX,WAAa,GAAK,EAExC,IAAK,IAAI2C,EAAI,EAAGA,EAAIvB,GAAOD,OAAQwB,IAAK,CACvC,MAAMnB,EAAOJ,EAAMI,KAAKmB,GAExB,GAAIA,EAAIvB,EAAMD,OAAS,EAAG,CACzB,IAAI+B,EAAW1B,EAAK2B,mBAEpB,GAAID,GAAYA,EAASE,QAAQC,gBAAkB,iBAAkB,CACpE,MAAMC,EAAcC,SAASC,cAAc,kBAC3C7C,KAAKC,IAAI6C,aAAaH,EAAaJ,GACnCvC,KAAK+C,aAAaJ,EAAa9B,EAAM0B,EAAUP,EAAG3C,GAElD,MAAM2D,EAAWL,EAAYM,uBAC7B,GAAID,GAAYA,EAASP,QAAQC,gBAAkB,iBAAkB,CACpEM,EAASE,Q,CAGV,Q,CAGD,GAAIX,GAAYA,EAASE,QAAQC,gBAAkB,iBAAkB,CACpE,MAAMC,EAAcJ,EACpBA,EAAWA,EAASC,mBAEpB,GAAID,GAAYA,EAASE,QAAQC,gBAAkB,iBAAkB,CACpE1C,KAAK+C,aAAaJ,EAAa9B,EAAM0B,EAAUP,EAAG3C,E,GAKrD,GAAI2C,EAAI,EAAG,CACV,MAAMmB,EAAetC,EAAKoC,uBAC1B,GACCE,GACAA,EAAaV,QAAQC,gBAAkB,iBACtC,CACDS,EAAatE,UAAYmB,KAAKnB,UAC9BsE,EAAapC,OAASF,EAAKE,QAAUF,EAAKG,Q,GAK7C,MAAMoC,EAAQpD,KAAKC,IAAIoC,iBACtB,0EAED,IAAK,IAAIgB,EAAID,EAAM5C,OAAS,EAAG6C,GAAK,EAAGA,IAAK,CAC3C,MAAMC,EAAOF,EAAMvC,KAAKwC,GACxBC,EAAKJ,Q,CAGN,IAAKlD,KAAKP,eAAgB,CACzBO,KAAKP,eAAiB,I,EAIhB,YAAAsD,CACPJ,EACA9B,EACA0B,EACAP,EACA3C,GAEA,IAAIkE,EAAa1C,EAAK2C,aAAe,GACrC,IAAIC,EAAiBlB,EAASiB,aAAe,GAE7C,GAAIxD,KAAKT,QAAU,SAAU,CAC5BgE,EAAaA,EAAa,EAC1BE,EAAiBA,EAAiB,C,CAGnCd,EAAY9D,UAAYmB,KAAKnB,UAC7B8D,EAAY5B,OAASiB,EAAI3C,EAEzB,GAAIkE,EAAa,GAAKvD,KAAKnB,YAAc,WAAY,CACpD,IAAI6E,EAAc,EAElBf,EAAYgB,MAAMC,UAAY,IAC9BjB,EAAYgB,MAAME,aAAe,IAEjC,GAAI7D,KAAKT,QAAU,SAAWS,KAAKT,QAAU,SAAU,CACtDoD,EAAYgB,MAAMC,UAAY,IAAIL,EAAa,QAC/CG,GAAeH,C,CAGhB,GAAIvD,KAAKT,QAAU,UAAYS,KAAKT,QAAU,MAAO,CACpDoD,EAAYgB,MAAME,aAAe,IAAIJ,EAAiB,QACtDC,GAAeD,C,CAGhBd,EAAYgB,MAAMG,UAAY,QAAQJ,EAAc,Q","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["stepperComponentCss","stepper","cva","variants","direction","vertical","horizontal","generatedOnce","true","false","Stepper","steps","activeStep","enableAutoStatus","align","contentPosition","_generatedOnce","_loaded","_generateTimeout","_containerRef","_resizeObserver","_hasSlotItems","componentDidLoad","this","_el","querySelector","disconnectCallback","disconnect","render","JSON","parse","length","items","map","step","index","item","_getItem","active","finished","content","h","Fragment","_getLine","class","ref","_setContainerRef","onSlotchange","_generateLinesOnce","_onAlignChange","_onDirectionChange","_onActiveStepChange","ResizeObserver","observe","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 _containerRef: HTMLDivElement;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tprivate _hasSlotItems = false;\n\n\tcomponentDidLoad() {\n\t\tthis._hasSlotItems = !!this._el.querySelector(':scope > *');\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\tref={ref => this._setContainerRef(ref)}\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\tref={ref => this._setContainerRef(ref)}\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 _setContainerRef(ref: HTMLDivElement) {\n\t\tthis._containerRef = ref;\n\n\t\tif (this._resizeObserver) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateLinesOnce());\n\t\tthis._resizeObserver.observe(this._containerRef);\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.direction = this.direction;\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}, 50);\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\tthis._generatedOnce = true;\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 = `-${\n\t\t\t\t\theightDiff / 16 - (this.align === 'start' ? 1 : 0)\n\t\t\t\t}rem`;\n\t\t\t\ttotalHeight += heightDiff - (this.align === 'start' ? 8 : 0);\n\n\t\t\t\tif (this.align === 'start') {\n\t\t\t\t\tstepperLine.style.marginBottom = `-0.5rem`;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.align === 'center' || this.align === 'end') {\n\t\t\t\tstepperLine.style.marginBottom = `-${\n\t\t\t\t\theightDiffNext / 16 - (this.align === 'end' ? 1 : 0)\n\t\t\t\t}rem`;\n\t\t\t\ttotalHeight += heightDiffNext - (this.align === 'end' ? 8 : 0);\n\n\t\t\t\tif (this.align === 'end') {\n\t\t\t\t\tstepperLine.style.marginTop = `-0.5rem`;\n\t\t\t\t}\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":[]}
|