@paperless/core 2.0.1-beta.127 → 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 +22 -0
- package/dist/build/p-503eb4b9.entry.js +2 -0
- package/dist/build/p-503eb4b9.entry.js.map +1 -0
- package/dist/build/p-542ef3ae.entry.js +2 -0
- package/dist/build/p-542ef3ae.entry.js.map +1 -0
- package/dist/build/{p-740a6ce9.js → p-cfe710ef.js} +1 -1
- package/dist/build/p-d4152f66.entry.js +2 -0
- package/dist/build/p-d4152f66.entry.js.map +1 -0
- package/dist/build/p-listing.entry.esm.js.map +1 -1
- package/dist/build/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-listing.cjs.entry.js +25 -25
- package/dist/cjs/p-listing.cjs.entry.js.map +1 -1
- package/dist/cjs/p-listing.entry.cjs.js.map +1 -1
- package/dist/cjs/p-stepper-line.cjs.entry.js +1 -1
- package/dist/cjs/p-stepper-line.cjs.entry.js.map +1 -1
- package/dist/cjs/p-stepper-line.entry.cjs.js.map +1 -1
- package/dist/cjs/p-stepper.cjs.entry.js +48 -49
- 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/line/stepper-line.component.css +1 -1
- package/dist/collection/components/organisms/listing/listing.component.css +1 -1
- package/dist/collection/components/organisms/listing/listing.component.js +24 -24
- package/dist/collection/components/organisms/listing/listing.component.js.map +1 -1
- package/dist/collection/components/organisms/stepper/stepper.component.css +1 -1
- package/dist/collection/components/organisms/stepper/stepper.component.js +47 -48
- package/dist/collection/components/organisms/stepper/stepper.component.js.map +1 -1
- package/dist/components/p-listing.js +25 -25
- package/dist/components/p-listing.js.map +1 -1
- package/dist/components/p-stepper-line.js +1 -1
- package/dist/components/p-stepper.js +49 -50
- package/dist/components/p-stepper.js.map +1 -1
- package/dist/components/{p-B4MNLDXF.js → p-z3vbNBOG.js} +3 -3
- package/dist/components/p-z3vbNBOG.js.map +1 -0
- package/dist/esm/p-listing.entry.js +25 -25
- package/dist/esm/p-listing.entry.js.map +1 -1
- package/dist/esm/p-stepper-line.entry.js +1 -1
- package/dist/esm/p-stepper-line.entry.js.map +1 -1
- package/dist/esm/p-stepper.entry.js +48 -49
- package/dist/esm/p-stepper.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-503eb4b9.entry.js +2 -0
- package/dist/paperless/p-503eb4b9.entry.js.map +1 -0
- package/dist/paperless/p-542ef3ae.entry.js +2 -0
- package/dist/paperless/p-542ef3ae.entry.js.map +1 -0
- package/dist/paperless/p-d4152f66.entry.js +2 -0
- package/dist/paperless/p-d4152f66.entry.js.map +1 -0
- package/dist/paperless/p-listing.entry.esm.js.map +1 -1
- package/dist/paperless/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/dist/types/components/organisms/listing/listing.component.d.ts +3 -3
- package/dist/types/components/organisms/stepper/stepper.component.d.ts +4 -3
- package/package.json +1 -1
- package/dist/build/p-0c0ebb15.entry.js +0 -2
- package/dist/build/p-0c0ebb15.entry.js.map +0 -1
- package/dist/build/p-6ab25e99.entry.js +0 -2
- package/dist/build/p-6ab25e99.entry.js.map +0 -1
- package/dist/build/p-9271129b.entry.js +0 -2
- package/dist/build/p-9271129b.entry.js.map +0 -1
- package/dist/components/p-B4MNLDXF.js.map +0 -1
- package/dist/paperless/p-0c0ebb15.entry.js +0 -2
- package/dist/paperless/p-0c0ebb15.entry.js.map +0 -1
- package/dist/paperless/p-6ab25e99.entry.js +0 -2
- package/dist/paperless/p-6ab25e99.entry.js.map +0 -1
- package/dist/paperless/p-9271129b.entry.js +0 -2
- package/dist/paperless/p-9271129b.entry.js.map +0 -1
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as r}from"./p-DhGo7hbh.js";const i=".mx-\\[calc\\(0\\.75rem-1px\\)\\]{margin-left:calc(.75rem - 1px)!important;margin-right:calc(.75rem - 1px)!important}.block{display:block!important}.h-\\[1px\\]{height:1px!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-\\[1px\\]{width:1px!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(222 219 213/var(--tw-bg-opacity,1));display:block;flex:1 1 auto;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([direction=horizontal]){height:1px}:host([direction=vertical]){margin-left:calc(.75rem - 1px);margin-right:calc(.75rem - 1px);min-height:1rem;width:1px}:host([active=true]),:host([active]:not([active=false])){--tw-bg-opacity:1;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))}.static{position:static!important}";const a=class{constructor(o){t(this,o)}active=false;direction="horizontal";render(){return o(r,{key:"223d550be3e0b05927c1c9f38d8d7fbe78557ecc"})}};a.style=i;export{a as p_stepper_line};
|
|
2
|
-
//# sourceMappingURL=p-0c0ebb15.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stepperLineComponentCss","StepperLine","active","direction","render","h","Host","key"],"sources":["src/components/atoms/stepper/line/stepper-line.component.css?tag=p-stepper-line&encapsulation=shadow","src/components/atoms/stepper/line/stepper-line.component.tsx"],"sourcesContent":[":host {\n\t@apply flex-auto;\n\t@apply transition duration-500 ease-in-out;\n\n\t@apply block;\n\n\t@apply bg-off-white-700;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-[1px];\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] w-[1px] mx-[calc(0.75rem-1px)];\n}\n\n:host([active=\"true\"]), :host([active]:not([active=\"false\"])) {\n\t@apply bg-dark-teal-400;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-line',\n\tstyleUrl: 'stepper-line.component.css',\n\tshadow: true,\n})\nexport class StepperLine {\n\t/**\n\t * Wether the line is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\t/**\n\t * The direction of the stepper line\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\trender() {\n\t\treturn <Host />;\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,2tC,MCOnBC,EAAW,M,yBAIEC,OAAkB,MAKlBC,UACxB,aAED,MAAAC,GACC,OAAOC,EAACC,EAAI,CAAAC,IAAA,4C","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,g as i,h as e}from"./p-DhGo7hbh.js";import{c as s}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const n="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.gap-1{gap:.25rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-\\[50\\]{transition-duration:50!important}";const o=class{constructor(i){t(this,i)}get _el(){return i(this)}_generatedOnce=false;_generateTimeout;_resizeObserver;_generateStepsOnce=()=>{if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>this._generateSteps()),50)};_generateSteps=async()=>{if(!this._el){return}const t=this._el.querySelectorAll("p-listing-item");for(let i=0;i<t?.length;i++){const e=t.item(i);if(i<t.length-1){let t=e.nextElementSibling;if(t&&t.tagName.toLowerCase()==="p-listing-item"){const i=document.createElement("p-listing-line");this._el.insertBefore(i,t);this._setListingLineData(i,e,t);const s=i.previousElementSibling;if(s&&s.tagName.toLowerCase()==="p-listing-line"){s.remove()}continue}if(t&&t.tagName.toLowerCase()==="p-listing-line"){const i=t;t=t.nextElementSibling;if(t&&t.tagName.toLowerCase()==="p-listing-item"){this._setListingLineData(i,e,t)}}}}const i=this._el.querySelectorAll("p-listing-line:not(:has(+ p-listing-item)), p-listing-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}};_setListingLineData=(t,i,e)=>{let s=(i.clientHeight-16)/2;let n=(e.clientHeight-16)/2;if(s>0){let i=s+n;t.style.marginTop=`-${s/16}rem`;t.style.marginBottom=`-${n/16}rem`;t.style.minHeight=`calc(1.5rem + ${(i-16)/16}rem)`}};componentDidLoad(){this._resizeObserver=new ResizeObserver((()=>this._generateStepsOnce()));this._resizeObserver.observe(this._el)}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){return e("div",{key:"3da3b966e379ec14fc7889ee2e7192429fc1890e",class:s("flex w-full flex-col flex-wrap items-start gap-1 transition-opacity duration-[50]",{"opacity-100":this._generatedOnce,"opacity-0":!this._generatedOnce})},e("slot",{key:"353049d8d1f70ff3ac9fbcaf322231977cf3f7f3",onSlotchange:()=>this._generateStepsOnce()}))}};o.style=n;export{o as p_listing};
|
|
2
|
-
//# sourceMappingURL=p-6ab25e99.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["listingComponentCss","Listing","_generatedOnce","_generateTimeout","_resizeObserver","_generateStepsOnce","this","clearTimeout","setTimeout","_generateSteps","async","_el","items","querySelectorAll","i","length","item","nextItem","nextElementSibling","tagName","toLowerCase","listingLine","document","createElement","insertBefore","_setListingLineData","previous","previousElementSibling","remove","lines","j","line","heightDiff","clientHeight","heightDiffNext","totalHeight","style","marginTop","marginBottom","minHeight","componentDidLoad","ResizeObserver","observe","disconnectCallback","disconnect","render","h","key","class","cn","onSlotchange"],"sources":["src/components/organisms/listing/listing.component.css?tag=p-listing&encapsulation=shadow","src/components/organisms/listing/listing.component.tsx"],"sourcesContent":[null,"import { Component, Element, h, State } from '@stencil/core';\nimport { cn } from '../../../utils';\n\n@Component({\n\ttag: 'p-listing',\n\tstyleUrl: 'listing.component.css',\n\tshadow: true,\n})\nexport class Listing {\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\tprivate _generateStepsOnce = () => {\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(() => this._generateSteps(), 50);\n\t};\n\n\tprivate _generateSteps = async () => {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst items = this._el.querySelectorAll('p-listing-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-listing-item') {\n\t\t\t\t\tconst listingLine = document.createElement('p-listing-line');\n\t\t\t\t\tthis._el.insertBefore(listingLine, nextItem);\n\t\t\t\t\tthis._setListingLineData(listingLine, item, nextItem);\n\n\t\t\t\t\tconst previous = listingLine.previousElementSibling;\n\t\t\t\t\tif (previous && previous.tagName.toLowerCase() === 'p-listing-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-listing-line') {\n\t\t\t\t\tconst listingLine = nextItem;\n\t\t\t\t\tnextItem = nextItem.nextElementSibling;\n\n\t\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-listing-item') {\n\t\t\t\t\t\tthis._setListingLineData(listingLine, item, nextItem);\n\t\t\t\t\t}\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-listing-line:not(:has(+ p-listing-item)), p-listing-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 _setListingLineData = (\n\t\tlistingLine: HTMLPListingLineElement,\n\t\titem: HTMLPListingItemElement,\n\t\tnextItem: HTMLPListingItemElement\n\t) => {\n\t\tlet heightDiff = (item.clientHeight - 16) / 2;\n\t\tlet heightDiffNext = (nextItem.clientHeight - 16) / 2;\n\n\t\tif (heightDiff > 0) {\n\t\t\tlet totalHeight = heightDiff + heightDiffNext;\n\n\t\t\tlistingLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\tlistingLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\n\t\t\tlistingLine.style.minHeight = `calc(1.5rem + ${\n\t\t\t\t(totalHeight - 16) / 16\n\t\t\t}rem)`;\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateStepsOnce());\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={cn(\n\t\t\t\t\t'flex w-full flex-col flex-wrap items-start gap-1 transition-opacity duration-[50]',\n\t\t\t\t\t{\n\t\t\t\t\t\t'opacity-100': this._generatedOnce,\n\t\t\t\t\t\t'opacity-0': !this._generatedOnce,\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<slot onSlotchange={() => this._generateStepsOnce()} />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAsB,6hB,MCQfC,EAAO,M,kDAMFC,eAAiB,MAE1BC,iBACAC,gBAEAC,mBAAqB,KAC5B,GAAIC,KAAKH,iBAAkB,CAC1BI,aAAaD,KAAKH,kBAClBG,KAAKH,iBAAmB,I,CAGzBG,KAAKH,iBAAmBK,YAAW,IAAMF,KAAKG,kBAAkB,GAAG,EAG5DA,eAAiBC,UACxB,IAAKJ,KAAKK,IAAK,CACd,M,CAGD,MAAMC,EAAQN,KAAKK,IAAIE,iBAAiB,kBAExC,IAAK,IAAIC,EAAI,EAAGA,EAAIF,GAAOG,OAAQD,IAAK,CACvC,MAAME,EAAOJ,EAAMI,KAAKF,GAExB,GAAIA,EAAIF,EAAMG,OAAS,EAAG,CACzB,IAAIE,EAAWD,EAAKE,mBAEpB,GAAID,GAAYA,EAASE,QAAQC,gBAAkB,iBAAkB,CACpE,MAAMC,EAAcC,SAASC,cAAc,kBAC3CjB,KAAKK,IAAIa,aAAaH,EAAaJ,GACnCX,KAAKmB,oBAAoBJ,EAAaL,EAAMC,GAE5C,MAAMS,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,CACpEd,KAAKmB,oBAAoBJ,EAAaL,EAAMC,E,IAMhD,MAAMY,EAAQvB,KAAKK,IAAIE,iBACtB,0EAED,IAAK,IAAIiB,EAAID,EAAMd,OAAS,EAAGe,GAAK,EAAGA,IAAK,CAC3C,MAAMC,EAAOF,EAAMb,KAAKc,GACxBC,EAAKH,Q,CAGN,IAAKtB,KAAKJ,eAAgB,CACzBI,KAAKJ,eAAiB,I,GAIhBuB,oBAAsB,CAC7BJ,EACAL,EACAC,KAEA,IAAIe,GAAchB,EAAKiB,aAAe,IAAM,EAC5C,IAAIC,GAAkBjB,EAASgB,aAAe,IAAM,EAEpD,GAAID,EAAa,EAAG,CACnB,IAAIG,EAAcH,EAAaE,EAE/Bb,EAAYe,MAAMC,UAAY,IAAIL,EAAa,QAC/CX,EAAYe,MAAME,aAAe,IAAIJ,EAAiB,QAEtDb,EAAYe,MAAMG,UAAY,kBAC5BJ,EAAc,IAAM,Q,GAKxB,gBAAAK,GACClC,KAAKF,gBAAkB,IAAIqC,gBAAe,IAAMnC,KAAKD,uBACrDC,KAAKF,gBAAgBsC,QAAQpC,KAAKK,I,CAGnC,kBAAAgC,GACC,GAAIrC,KAAKF,gBAAiB,CACzBE,KAAKF,gBAAgBwC,Y,EAIvB,MAAAC,GACC,OACCC,EACC,OAAAC,IAAA,2CAAAC,MAAOC,EACN,oFACA,CACC,cAAe3C,KAAKJ,eACpB,aAAcI,KAAKJ,kBAIrB4C,EAAA,QAAAC,IAAA,2CAAMG,aAAc,IAAM5C,KAAKD,uB","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,g as e,h as i}from"./p-DhGo7hbh.js";import{c as n}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const s="*{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}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-\\[50\\]{transition-duration:50!important}";const r=n(["flex gap-2 transition-opacity duration-[50]"],{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)}activeStep=1;enableAutoStatus=true;direction="horizontal";align="center";contentPosition="end";get _el(){return e(this)}_generatedOnce=false;_generateTimeout;_resizeObserver;_generateStepsOnce=()=>{if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>this._generateSteps()),50)};_generateSteps=async()=>{if(!this._el){return}let t=this.activeStep-1||0;const e=this._el.querySelectorAll("p-stepper-item");let i=false;for(let n=0;n<e?.length;n++){const s=e.item(n);if(this.enableAutoStatus){s.active=n===t;s.finished=n<t}if(!this.activeStep||t<0){if(s.active){t=n}if(t<0&&s.finished){t=n+1}}if(s.direction!==this.direction&&!i){i=true}s.number=n+1;s.direction=this.direction;s.align=this.direction==="vertical"?this.align:"start";s.contentPosition=this.contentPosition}if(i){await new Promise((t=>setTimeout(t,200)))}for(let i=0;i<e?.length;i++){const n=e.item(i);if(i<e.length-1){let e=n.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){const s=document.createElement("p-stepper-line");this._el.insertBefore(s,e);this._setStepperLineData(s,n,e,i,t);const r=s.previousElementSibling;if(r&&r.tagName.toLowerCase()==="p-stepper-line"){r.remove()}continue}if(e&&e.tagName.toLowerCase()==="p-stepper-line"){const s=e;e=e.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){this._setStepperLineData(s,n,e,i,t)}}}if(i>0){const t=n.previousElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=n.active||n.finished}}}const n=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=n.length-1;t>=0;t--){const e=n.item(t);e.remove()}if(!this._generatedOnce){this._generatedOnce=true}};_setStepperLineData=(t,e,i,n,s)=>{let r=e.clientHeight-24;let a=i.clientHeight-24;if(this.align==="center"){r=r/2;a=a/2}t.direction=this.direction;t.active=n<s;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=`-${a/16}rem`;e+=a}t.style.minHeight=`calc(${e/16}rem)`}};componentDidLoad(){this._resizeObserver=new ResizeObserver((()=>this._generateStepsOnce()));this._resizeObserver.observe(this._el)}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){return i("div",{key:"bd70d00b00a3e59196645880a58ca063f1ddef9f",class:r({direction:this.direction,generatedOnce:this._generatedOnce})},i("slot",{key:"19a6b7c85953a017ac759e9e2bae25a6c58ae635",onSlotchange:()=>this._generateStepsOnce()}))}_onAlignChange(){this._generateStepsOnce()}_onDirectionChange(){this._generateStepsOnce()}_onActiveStepChange(){this._generateStepsOnce()}static get watchers(){return{align:["_onAlignChange"],direction:["_onDirectionChange"],activeStep:["_onActiveStepChange"]}}};a.style=s;export{a as p_stepper};
|
|
2
|
-
//# sourceMappingURL=p-9271129b.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","_generateStepsOnce","this","clearTimeout","setTimeout","_generateSteps","async","_el","items","querySelectorAll","directionChanged","i","length","item","active","finished","number","Promise","resolve","nextItem","nextElementSibling","tagName","toLowerCase","stepperLine","document","createElement","insertBefore","_setStepperLineData","previous","previousElementSibling","remove","previousItem","lines","j","line","heightDiff","clientHeight","heightDiffNext","totalHeight","style","marginTop","marginBottom","minHeight","componentDidLoad","ResizeObserver","observe","disconnectCallback","disconnect","render","h","key","class","onSlotchange","_onAlignChange","_onDirectionChange","_onActiveStepChange"],"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 transition-opacity duration-[50]'], {\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\tprivate _generateStepsOnce = () => {\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(() => this._generateSteps(), 50);\n\t};\n\n\tprivate _generateSteps = async () => {\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\tlet directionChanged = false;\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\tif (item.direction !== this.direction && !directionChanged) {\n\t\t\t\tdirectionChanged = true;\n\t\t\t}\n\n\t\t\titem.number = i + 1;\n\t\t\titem.direction = this.direction;\n\t\t\titem.align = this.direction === 'vertical' ? this.align : 'start';\n\t\t\titem.contentPosition = this.contentPosition;\n\t\t}\n\n\t\tif (directionChanged) {\n\t\t\t// super hacky way to ensure all elements that have a direction changed are re-rendered\n\t\t\tawait new Promise(resolve => setTimeout(resolve, 200));\n\t\t}\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._setStepperLineData(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._setStepperLineData(\n\t\t\t\t\t\t\tstepperLine,\n\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\tnextItem,\n\t\t\t\t\t\t\ti,\n\t\t\t\t\t\t\tactiveStep\n\t\t\t\t\t\t);\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 _setStepperLineData = (\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\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateStepsOnce());\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._generateStepsOnce()} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Watch('align')\n\tprotected _onAlignChange() {\n\t\tthis._generateStepsOnce();\n\t}\n\n\t@Watch('direction')\n\tprotected _onDirectionChange() {\n\t\tthis._generateStepsOnce();\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateStepsOnce();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"p-B4MNLDXF.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,0tCAA0tC;;MCO7uC,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;IACsB,MAAM,GAAY,KAAK;AAEhD;;AAEG;IACsB,SAAS,GACjC,YAAY;IAEb,MAAM,GAAA;QACL,OAAO,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAG;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/stepper/line/stepper-line.component.css?tag=p-stepper-line&encapsulation=shadow","src/components/atoms/stepper/line/stepper-line.component.tsx"],"sourcesContent":[":host {\n\t@apply flex-auto;\n\t@apply transition duration-500 ease-in-out;\n\n\t@apply block;\n\n\t@apply bg-off-white-700;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-[1px];\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] w-[1px] mx-[calc(0.75rem-1px)];\n}\n\n:host([active=\"true\"]), :host([active]:not([active=\"false\"])) {\n\t@apply bg-dark-teal-400;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-line',\n\tstyleUrl: 'stepper-line.component.css',\n\tshadow: true,\n})\nexport class StepperLine {\n\t/**\n\t * Wether the line is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\t/**\n\t * The direction of the stepper line\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\trender() {\n\t\treturn <Host />;\n\t}\n}\n"],"version":3}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as o,H as r}from"./p-DhGo7hbh.js";const i=".mx-\\[calc\\(0\\.75rem-1px\\)\\]{margin-left:calc(.75rem - 1px)!important;margin-right:calc(.75rem - 1px)!important}.block{display:block!important}.h-\\[1px\\]{height:1px!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-\\[1px\\]{width:1px!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-500{transition-duration:.5s!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(222 219 213/var(--tw-bg-opacity,1));display:block;flex:1 1 auto;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host([direction=horizontal]){height:1px}:host([direction=vertical]){margin-left:calc(.75rem - 1px);margin-right:calc(.75rem - 1px);min-height:1rem;width:1px}:host([active=true]),:host([active]:not([active=false])){--tw-bg-opacity:1;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))}.static{position:static!important}";const a=class{constructor(o){t(this,o)}active=false;direction="horizontal";render(){return o(r,{key:"223d550be3e0b05927c1c9f38d8d7fbe78557ecc"})}};a.style=i;export{a as p_stepper_line};
|
|
2
|
-
//# sourceMappingURL=p-0c0ebb15.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stepperLineComponentCss","StepperLine","active","direction","render","h","Host","key"],"sources":["src/components/atoms/stepper/line/stepper-line.component.css?tag=p-stepper-line&encapsulation=shadow","src/components/atoms/stepper/line/stepper-line.component.tsx"],"sourcesContent":[":host {\n\t@apply flex-auto;\n\t@apply transition duration-500 ease-in-out;\n\n\t@apply block;\n\n\t@apply bg-off-white-700;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-[1px];\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] w-[1px] mx-[calc(0.75rem-1px)];\n}\n\n:host([active=\"true\"]), :host([active]:not([active=\"false\"])) {\n\t@apply bg-dark-teal-400;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-line',\n\tstyleUrl: 'stepper-line.component.css',\n\tshadow: true,\n})\nexport class StepperLine {\n\t/**\n\t * Wether the line is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\t/**\n\t * The direction of the stepper line\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\trender() {\n\t\treturn <Host />;\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,2tC,MCOnBC,EAAW,M,yBAIEC,OAAkB,MAKlBC,UACxB,aAED,MAAAC,GACC,OAAOC,EAACC,EAAI,CAAAC,IAAA,4C","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,g as i,h as e}from"./p-DhGo7hbh.js";import{c as s}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const n="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.gap-1{gap:.25rem!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-\\[50\\]{transition-duration:50!important}";const o=class{constructor(i){t(this,i)}get _el(){return i(this)}_generatedOnce=false;_generateTimeout;_resizeObserver;_generateStepsOnce=()=>{if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>this._generateSteps()),50)};_generateSteps=async()=>{if(!this._el){return}const t=this._el.querySelectorAll("p-listing-item");for(let i=0;i<t?.length;i++){const e=t.item(i);if(i<t.length-1){let t=e.nextElementSibling;if(t&&t.tagName.toLowerCase()==="p-listing-item"){const i=document.createElement("p-listing-line");this._el.insertBefore(i,t);this._setListingLineData(i,e,t);const s=i.previousElementSibling;if(s&&s.tagName.toLowerCase()==="p-listing-line"){s.remove()}continue}if(t&&t.tagName.toLowerCase()==="p-listing-line"){const i=t;t=t.nextElementSibling;if(t&&t.tagName.toLowerCase()==="p-listing-item"){this._setListingLineData(i,e,t)}}}}const i=this._el.querySelectorAll("p-listing-line:not(:has(+ p-listing-item)), p-listing-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}};_setListingLineData=(t,i,e)=>{let s=(i.clientHeight-16)/2;let n=(e.clientHeight-16)/2;if(s>0){let i=s+n;t.style.marginTop=`-${s/16}rem`;t.style.marginBottom=`-${n/16}rem`;t.style.minHeight=`calc(1.5rem + ${(i-16)/16}rem)`}};componentDidLoad(){this._resizeObserver=new ResizeObserver((()=>this._generateStepsOnce()));this._resizeObserver.observe(this._el)}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){return e("div",{key:"3da3b966e379ec14fc7889ee2e7192429fc1890e",class:s("flex w-full flex-col flex-wrap items-start gap-1 transition-opacity duration-[50]",{"opacity-100":this._generatedOnce,"opacity-0":!this._generatedOnce})},e("slot",{key:"353049d8d1f70ff3ac9fbcaf322231977cf3f7f3",onSlotchange:()=>this._generateStepsOnce()}))}};o.style=n;export{o as p_listing};
|
|
2
|
-
//# sourceMappingURL=p-6ab25e99.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["listingComponentCss","Listing","_generatedOnce","_generateTimeout","_resizeObserver","_generateStepsOnce","this","clearTimeout","setTimeout","_generateSteps","async","_el","items","querySelectorAll","i","length","item","nextItem","nextElementSibling","tagName","toLowerCase","listingLine","document","createElement","insertBefore","_setListingLineData","previous","previousElementSibling","remove","lines","j","line","heightDiff","clientHeight","heightDiffNext","totalHeight","style","marginTop","marginBottom","minHeight","componentDidLoad","ResizeObserver","observe","disconnectCallback","disconnect","render","h","key","class","cn","onSlotchange"],"sources":["src/components/organisms/listing/listing.component.css?tag=p-listing&encapsulation=shadow","src/components/organisms/listing/listing.component.tsx"],"sourcesContent":[null,"import { Component, Element, h, State } from '@stencil/core';\nimport { cn } from '../../../utils';\n\n@Component({\n\ttag: 'p-listing',\n\tstyleUrl: 'listing.component.css',\n\tshadow: true,\n})\nexport class Listing {\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\tprivate _generateStepsOnce = () => {\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(() => this._generateSteps(), 50);\n\t};\n\n\tprivate _generateSteps = async () => {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst items = this._el.querySelectorAll('p-listing-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-listing-item') {\n\t\t\t\t\tconst listingLine = document.createElement('p-listing-line');\n\t\t\t\t\tthis._el.insertBefore(listingLine, nextItem);\n\t\t\t\t\tthis._setListingLineData(listingLine, item, nextItem);\n\n\t\t\t\t\tconst previous = listingLine.previousElementSibling;\n\t\t\t\t\tif (previous && previous.tagName.toLowerCase() === 'p-listing-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-listing-line') {\n\t\t\t\t\tconst listingLine = nextItem;\n\t\t\t\t\tnextItem = nextItem.nextElementSibling;\n\n\t\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-listing-item') {\n\t\t\t\t\t\tthis._setListingLineData(listingLine, item, nextItem);\n\t\t\t\t\t}\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-listing-line:not(:has(+ p-listing-item)), p-listing-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 _setListingLineData = (\n\t\tlistingLine: HTMLPListingLineElement,\n\t\titem: HTMLPListingItemElement,\n\t\tnextItem: HTMLPListingItemElement\n\t) => {\n\t\tlet heightDiff = (item.clientHeight - 16) / 2;\n\t\tlet heightDiffNext = (nextItem.clientHeight - 16) / 2;\n\n\t\tif (heightDiff > 0) {\n\t\t\tlet totalHeight = heightDiff + heightDiffNext;\n\n\t\t\tlistingLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\tlistingLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\n\t\t\tlistingLine.style.minHeight = `calc(1.5rem + ${\n\t\t\t\t(totalHeight - 16) / 16\n\t\t\t}rem)`;\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateStepsOnce());\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={cn(\n\t\t\t\t\t'flex w-full flex-col flex-wrap items-start gap-1 transition-opacity duration-[50]',\n\t\t\t\t\t{\n\t\t\t\t\t\t'opacity-100': this._generatedOnce,\n\t\t\t\t\t\t'opacity-0': !this._generatedOnce,\n\t\t\t\t\t}\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<slot onSlotchange={() => this._generateStepsOnce()} />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"8GAAA,MAAMA,EAAsB,6hB,MCQfC,EAAO,M,kDAMFC,eAAiB,MAE1BC,iBACAC,gBAEAC,mBAAqB,KAC5B,GAAIC,KAAKH,iBAAkB,CAC1BI,aAAaD,KAAKH,kBAClBG,KAAKH,iBAAmB,I,CAGzBG,KAAKH,iBAAmBK,YAAW,IAAMF,KAAKG,kBAAkB,GAAG,EAG5DA,eAAiBC,UACxB,IAAKJ,KAAKK,IAAK,CACd,M,CAGD,MAAMC,EAAQN,KAAKK,IAAIE,iBAAiB,kBAExC,IAAK,IAAIC,EAAI,EAAGA,EAAIF,GAAOG,OAAQD,IAAK,CACvC,MAAME,EAAOJ,EAAMI,KAAKF,GAExB,GAAIA,EAAIF,EAAMG,OAAS,EAAG,CACzB,IAAIE,EAAWD,EAAKE,mBAEpB,GAAID,GAAYA,EAASE,QAAQC,gBAAkB,iBAAkB,CACpE,MAAMC,EAAcC,SAASC,cAAc,kBAC3CjB,KAAKK,IAAIa,aAAaH,EAAaJ,GACnCX,KAAKmB,oBAAoBJ,EAAaL,EAAMC,GAE5C,MAAMS,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,CACpEd,KAAKmB,oBAAoBJ,EAAaL,EAAMC,E,IAMhD,MAAMY,EAAQvB,KAAKK,IAAIE,iBACtB,0EAED,IAAK,IAAIiB,EAAID,EAAMd,OAAS,EAAGe,GAAK,EAAGA,IAAK,CAC3C,MAAMC,EAAOF,EAAMb,KAAKc,GACxBC,EAAKH,Q,CAGN,IAAKtB,KAAKJ,eAAgB,CACzBI,KAAKJ,eAAiB,I,GAIhBuB,oBAAsB,CAC7BJ,EACAL,EACAC,KAEA,IAAIe,GAAchB,EAAKiB,aAAe,IAAM,EAC5C,IAAIC,GAAkBjB,EAASgB,aAAe,IAAM,EAEpD,GAAID,EAAa,EAAG,CACnB,IAAIG,EAAcH,EAAaE,EAE/Bb,EAAYe,MAAMC,UAAY,IAAIL,EAAa,QAC/CX,EAAYe,MAAME,aAAe,IAAIJ,EAAiB,QAEtDb,EAAYe,MAAMG,UAAY,kBAC5BJ,EAAc,IAAM,Q,GAKxB,gBAAAK,GACClC,KAAKF,gBAAkB,IAAIqC,gBAAe,IAAMnC,KAAKD,uBACrDC,KAAKF,gBAAgBsC,QAAQpC,KAAKK,I,CAGnC,kBAAAgC,GACC,GAAIrC,KAAKF,gBAAiB,CACzBE,KAAKF,gBAAgBwC,Y,EAIvB,MAAAC,GACC,OACCC,EACC,OAAAC,IAAA,2CAAAC,MAAOC,EACN,oFACA,CACC,cAAe3C,KAAKJ,eACpB,aAAcI,KAAKJ,kBAIrB4C,EAAA,QAAAC,IAAA,2CAAMG,aAAc,IAAM5C,KAAKD,uB","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,g as e,h as i}from"./p-DhGo7hbh.js";import{c as n}from"./p-CBWjHURv.js";import"./p-ChV9xqsO.js";const s="*{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}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-\\[50\\]{transition-duration:50!important}";const r=n(["flex gap-2 transition-opacity duration-[50]"],{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)}activeStep=1;enableAutoStatus=true;direction="horizontal";align="center";contentPosition="end";get _el(){return e(this)}_generatedOnce=false;_generateTimeout;_resizeObserver;_generateStepsOnce=()=>{if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>this._generateSteps()),50)};_generateSteps=async()=>{if(!this._el){return}let t=this.activeStep-1||0;const e=this._el.querySelectorAll("p-stepper-item");let i=false;for(let n=0;n<e?.length;n++){const s=e.item(n);if(this.enableAutoStatus){s.active=n===t;s.finished=n<t}if(!this.activeStep||t<0){if(s.active){t=n}if(t<0&&s.finished){t=n+1}}if(s.direction!==this.direction&&!i){i=true}s.number=n+1;s.direction=this.direction;s.align=this.direction==="vertical"?this.align:"start";s.contentPosition=this.contentPosition}if(i){await new Promise((t=>setTimeout(t,200)))}for(let i=0;i<e?.length;i++){const n=e.item(i);if(i<e.length-1){let e=n.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){const s=document.createElement("p-stepper-line");this._el.insertBefore(s,e);this._setStepperLineData(s,n,e,i,t);const r=s.previousElementSibling;if(r&&r.tagName.toLowerCase()==="p-stepper-line"){r.remove()}continue}if(e&&e.tagName.toLowerCase()==="p-stepper-line"){const s=e;e=e.nextElementSibling;if(e&&e.tagName.toLowerCase()==="p-stepper-item"){this._setStepperLineData(s,n,e,i,t)}}}if(i>0){const t=n.previousElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=n.active||n.finished}}}const n=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=n.length-1;t>=0;t--){const e=n.item(t);e.remove()}if(!this._generatedOnce){this._generatedOnce=true}};_setStepperLineData=(t,e,i,n,s)=>{let r=e.clientHeight-24;let a=i.clientHeight-24;if(this.align==="center"){r=r/2;a=a/2}t.direction=this.direction;t.active=n<s;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=`-${a/16}rem`;e+=a}t.style.minHeight=`calc(${e/16}rem)`}};componentDidLoad(){this._resizeObserver=new ResizeObserver((()=>this._generateStepsOnce()));this._resizeObserver.observe(this._el)}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){return i("div",{key:"bd70d00b00a3e59196645880a58ca063f1ddef9f",class:r({direction:this.direction,generatedOnce:this._generatedOnce})},i("slot",{key:"19a6b7c85953a017ac759e9e2bae25a6c58ae635",onSlotchange:()=>this._generateStepsOnce()}))}_onAlignChange(){this._generateStepsOnce()}_onDirectionChange(){this._generateStepsOnce()}_onActiveStepChange(){this._generateStepsOnce()}static get watchers(){return{align:["_onAlignChange"],direction:["_onDirectionChange"],activeStep:["_onActiveStepChange"]}}};a.style=s;export{a as p_stepper};
|
|
2
|
-
//# sourceMappingURL=p-9271129b.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","_generateStepsOnce","this","clearTimeout","setTimeout","_generateSteps","async","_el","items","querySelectorAll","directionChanged","i","length","item","active","finished","number","Promise","resolve","nextItem","nextElementSibling","tagName","toLowerCase","stepperLine","document","createElement","insertBefore","_setStepperLineData","previous","previousElementSibling","remove","previousItem","lines","j","line","heightDiff","clientHeight","heightDiffNext","totalHeight","style","marginTop","marginBottom","minHeight","componentDidLoad","ResizeObserver","observe","disconnectCallback","disconnect","render","h","key","class","onSlotchange","_onAlignChange","_onDirectionChange","_onActiveStepChange"],"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 transition-opacity duration-[50]'], {\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\tprivate _generateStepsOnce = () => {\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(() => this._generateSteps(), 50);\n\t};\n\n\tprivate _generateSteps = async () => {\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\tlet directionChanged = false;\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\tif (item.direction !== this.direction && !directionChanged) {\n\t\t\t\tdirectionChanged = true;\n\t\t\t}\n\n\t\t\titem.number = i + 1;\n\t\t\titem.direction = this.direction;\n\t\t\titem.align = this.direction === 'vertical' ? this.align : 'start';\n\t\t\titem.contentPosition = this.contentPosition;\n\t\t}\n\n\t\tif (directionChanged) {\n\t\t\t// super hacky way to ensure all elements that have a direction changed are re-rendered\n\t\t\tawait new Promise(resolve => setTimeout(resolve, 200));\n\t\t}\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._setStepperLineData(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._setStepperLineData(\n\t\t\t\t\t\t\tstepperLine,\n\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\tnextItem,\n\t\t\t\t\t\t\ti,\n\t\t\t\t\t\t\tactiveStep\n\t\t\t\t\t\t);\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 _setStepperLineData = (\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\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateStepsOnce());\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._generateStepsOnce()} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Watch('align')\n\tprotected _onAlignChange() {\n\t\tthis._generateStepsOnce();\n\t}\n\n\t@Watch('direction')\n\tprotected _onDirectionChange() {\n\t\tthis._generateStepsOnce();\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateStepsOnce();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}
|