@paperless/core 2.0.1-beta.128 → 2.0.1-beta.129
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 +11 -0
- package/dist/build/p-542ef3ae.entry.js +2 -0
- package/dist/build/p-542ef3ae.entry.js.map +1 -0
- package/dist/build/{p-3279631d.js → p-cfe710ef.js} +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-stepper.cjs.entry.js +1 -3
- 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/organisms/stepper/stepper.component.js +1 -3
- package/dist/collection/components/organisms/stepper/stepper.component.js.map +1 -1
- package/dist/components/p-stepper.js +1 -3
- package/dist/components/p-stepper.js.map +1 -1
- package/dist/esm/p-stepper.entry.js +1 -3
- package/dist/esm/p-stepper.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-542ef3ae.entry.js +2 -0
- package/dist/paperless/p-542ef3ae.entry.js.map +1 -0
- 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-81b6c7e4.entry.js +0 -2
- package/dist/build/p-81b6c7e4.entry.js.map +0 -1
- package/dist/paperless/p-81b6c7e4.entry.js +0 -2
- package/dist/paperless/p-81b6c7e4.entry.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stepperComponentCss","stepper","cva","variants","direction","vertical","horizontal","generatedOnce","true","false","Stepper","activeStep","enableAutoStatus","align","contentPosition","_generatedOnce","_generateTimeout","_resizeObserver","componentDidLoad","this","ResizeObserver","_generateLinesOnce","observe","_el","disconnectCallback","disconnect","render","h","key","class","onSlotchange","_onAlignChange","_checkItems","_onDirectionChange","_onActiveStepChange","items","querySelectorAll","i","length","item","active","finished","number","clearTimeout","setTimeout","_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 { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\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 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\n\tprivate _generateTimeout: NodeJS.Timeout | undefined;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateLinesOnce());\n\t\tthis._resizeObserver.observe(this._el);\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\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._checkItems();\n\t\tthis._generateLinesOnce();\n\t}\n\n\t@Watch('direction')\n\tprotected _onDirectionChange() {\n\t\tthis._checkItems();\n\t\tthis._generateLinesOnce();\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._checkItems();\n\t\tthis._generateLinesOnce();\n\t}\n\n\tprivate _checkItems() {\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\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\tif (!this.activeStep || activeStep < 0) {\n\t\t\t\tif (item.active) {\n\t\t\t\t\tactiveStep = i;\n\t\t\t\t}\n\n\t\t\t\tif (activeStep < 0 && item.finished) {\n\t\t\t\t\tactiveStep = i + 1;\n\t\t\t\t}\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._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\tthis._generateLines();\n\t\t\tthis._generateTimeout = null;\n\t\t}, 20);\n\t}\n\n\tprivate _generateLines() {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\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), 50);\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":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,g as e,h as i}from"./p-DhGo7hbh.js";import{c as s}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const n="*{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 r=s(["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 o=class{constructor(e){t(this,e)}activeStep=1;enableAutoStatus=true;direction="horizontal";align="center";contentPosition="end";get _el(){return e(this)}_generatedOnce=false;_generateTimeout;_resizeObserver;componentDidLoad(){this._resizeObserver=new ResizeObserver((()=>this._generateLinesOnce()));this._resizeObserver.observe(this._el)}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){return i("div",{key:"22e775fefa93b7ddec026932695d5edd7bec2920",class:r({direction:this.direction,generatedOnce:this._generatedOnce})},i("slot",{key:"078e5ae830601be97b25178a633267a343f6e6c2",onSlotchange:()=>this._generateLinesOnce()}))}_onAlignChange(){this._checkItems();this._generateLinesOnce()}_onDirectionChange(){this._checkItems();this._generateLinesOnce()}_onActiveStepChange(){this._checkItems();this._generateLinesOnce()}_checkItems(){let t=this.activeStep-1||0;const e=this._el.querySelectorAll("p-stepper-item");for(let i=0;i<e?.length;i++){const s=e.item(i);if(this.enableAutoStatus){s.active=i===t;s.finished=i<t}if(!this.activeStep||t<0){if(s.active){t=i}if(t<0&&s.finished){t=i+1}}s.number=i+1;s.align=this.direction==="vertical"?this.align:"start";s.contentPosition=this.contentPosition}}_generateLinesOnce(){if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>{this._generateLines();this._generateTimeout=null}),20)}_generateLines(){if(!this._el){return}let t=this.activeStep-1||0;const e=this._el.querySelectorAll("p-stepper-item");for(let i=0;i<e?.length;i++){const s=e.item(i);if(i<e.length-1){let e=s.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){const n=document.createElement("p-stepper-line");this._el.insertBefore(n,e);this._setLineData(n,s,e,i,t);const r=n.previousElementSibling;if(r&&r.tagName.toLowerCase()==="p-stepper-line"){r.remove()}continue}if(e&&e.tagName.toLowerCase()==="p-stepper-line"){const n=e;e=e.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){this._setLineData(n,s,e,i,t)}}}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),50)}}_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"]}}};o.style=n;export{o as p_stepper};
|
|
2
|
-
//# sourceMappingURL=p-81b6c7e4.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stepperComponentCss","stepper","cva","variants","direction","vertical","horizontal","generatedOnce","true","false","Stepper","activeStep","enableAutoStatus","align","contentPosition","_generatedOnce","_generateTimeout","_resizeObserver","componentDidLoad","this","ResizeObserver","_generateLinesOnce","observe","_el","disconnectCallback","disconnect","render","h","key","class","onSlotchange","_onAlignChange","_checkItems","_onDirectionChange","_onActiveStepChange","items","querySelectorAll","i","length","item","active","finished","number","clearTimeout","setTimeout","_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 { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\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 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\n\tprivate _generateTimeout: NodeJS.Timeout | undefined;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateLinesOnce());\n\t\tthis._resizeObserver.observe(this._el);\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\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._checkItems();\n\t\tthis._generateLinesOnce();\n\t}\n\n\t@Watch('direction')\n\tprotected _onDirectionChange() {\n\t\tthis._checkItems();\n\t\tthis._generateLinesOnce();\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._checkItems();\n\t\tthis._generateLinesOnce();\n\t}\n\n\tprivate _checkItems() {\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\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\tif (!this.activeStep || activeStep < 0) {\n\t\t\t\tif (item.active) {\n\t\t\t\t\tactiveStep = i;\n\t\t\t\t}\n\n\t\t\t\tif (activeStep < 0 && item.finished) {\n\t\t\t\t\tactiveStep = i + 1;\n\t\t\t\t}\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._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\tthis._generateLines();\n\t\t\tthis._generateTimeout = null;\n\t\t}, 20);\n\t}\n\n\tprivate _generateLines() {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\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), 50);\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":[]}
|