@paperless/core 1.38.1 → 1.38.2

package/hydrate/index.js

@@ -21435,6 +21435,15 @@ class Stepper {
         }
       }
     }
+    // remove duplicate lines
+    const lines = this._el.querySelectorAll('p-stepper-line');
+    for (let j = lines === null || lines === void 0 ? void 0 : lines.length; j != 0; j--) {
+      const line = lines.item(j);
+      const previousItem = line.previousElementSibling;
+      if (previousItem.tagName.toLowerCase() === 'p-stepper-line') {
+        line.remove();
+      }
+    }
   }
   get _el() { return getElement(this); }
   static get watchers() { return {
@@ -21455,7 +21464,7 @@ class Stepper {
   }; }
 }
 
-const stepperItemComponentCss = "/*!@.absolute*/.absolute.sc-p-stepper-item{position:absolute!important}/*!@.relative*/.relative.sc-p-stepper-item{position:relative!important}/*!@.left-1\\/2*/.left-1\\/2.sc-p-stepper-item{left:50%!important}/*!@.top-0*/.top-0.sc-p-stepper-item{top:0!important}/*!@.order-2*/.order-2.sc-p-stepper-item{order:2!important}/*!@.ml-0*/.ml-0.sc-p-stepper-item{margin-left:0!important}/*!@.mr-4*/.mr-4.sc-p-stepper-item{margin-right:1rem!important}/*!@.flex*/.flex.sc-p-stepper-item{display:flex!important}/*!@.h-4*/.h-4.sc-p-stepper-item{height:1rem!important}/*!@.min-h-\\[1rem\\]*/.min-h-\\[1rem\\].sc-p-stepper-item{min-height:1rem!important}/*!@.w-4*/.w-4.sc-p-stepper-item{width:1rem!important}/*!@.w-full*/.w-full.sc-p-stepper-item{width:100%!important}/*!@.min-w-\\[calc\\(100\\%-2rem\\)\\]*/.min-w-\\[calc\\(100\\%-2rem\\)\\].sc-p-stepper-item{min-width:calc(100% - 2rem)!important}/*!@.-translate-x-1\\/2*/.-translate-x-1\\/2.sc-p-stepper-item{--tw-translate-x:-50%!important}/*!@.-translate-x-1\\/2,.transform*/.-translate-x-1\\/2.sc-p-stepper-item,.transform.sc-p-stepper-item{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}/*!@.items-end*/.items-end.sc-p-stepper-item{align-items:flex-end!important}/*!@.items-center*/.items-center.sc-p-stepper-item{align-items:center!important}/*!@.bg-mystic-dark*/.bg-mystic-dark.sc-p-stepper-item{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}/*!@.text-sm*/.text-sm.sc-p-stepper-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@.transition*/.transition.sc-p-stepper-item{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*/.duration-500.sc-p-stepper-item{transition-duration:.5s!important}/*!@**/*.sc-p-stepper-item{box-sizing:border-box}/*!@:host*/.sc-p-stepper-item-h{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}/*!@:host .content*/.sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}/*!@:host .circle*/.sc-p-stepper-item-h .circle.sc-p-stepper-item{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;height:1rem;justify-content:center;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);width:1rem}/*!@:host .circle p-icon*/.sc-p-stepper-item-h .circle.sc-p-stepper-item p-icon.sc-p-stepper-item{display:flex!important;font-size:.625rem}/*!@:host([direction=horizontal])*/[direction=horizontal].sc-p-stepper-item-h{height:2.5rem}/*!@:host([direction=horizontal]) .content*/[direction=horizontal].sc-p-stepper-item-h .content.sc-p-stepper-item{min-width:0;order:1;position:absolute;top:0}/*!@:host([direction=horizontal]) .circle*/[direction=horizontal].sc-p-stepper-item-h .circle.sc-p-stepper-item{order:2}/*!@:host([direction=vertical])*/[direction=vertical].sc-p-stepper-item-h{align-items:center;min-height:1rem}/*!@:host([direction=vertical]) .content*/[direction=vertical].sc-p-stepper-item-h .content.sc-p-stepper-item{margin-left:1rem;order:2}/*!@:host([direction=vertical]) .circle*/[direction=vertical].sc-p-stepper-item-h .circle.sc-p-stepper-item{order:1}/*!@:host([active]) .content,:host([finished]) .content*/[active].sc-p-stepper-item-h .content.sc-p-stepper-item,[finished].sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}/*!@:host([active]) .circle,:host([finished]) .circle*/[active].sc-p-stepper-item-h .circle.sc-p-stepper-item,[finished].sc-p-stepper-item-h .circle.sc-p-stepper-item{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}/*!@:host([direction=horizontal][align=start]) .content*/[direction=horizontal][align=start].sc-p-stepper-item-h .content.sc-p-stepper-item{left:0}/*!@:host([direction=horizontal][align=end]) .content*/[direction=horizontal][align=end].sc-p-stepper-item-h .content.sc-p-stepper-item{right:0}/*!@:host([direction=horizontal][align=center]) .content*/[direction=horizontal][align=center].sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-translate-x:-50%;left:50%;text-align:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}/*!@:host([direction=vertical][content-position=start])*/[direction=vertical][content-position=start].sc-p-stepper-item-h{flex-direction:row-reverse}/*!@:host([direction=vertical][content-position=start]) .content*/[direction=vertical][content-position=start].sc-p-stepper-item-h .content.sc-p-stepper-item{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}/*!@.static*/.static.sc-p-stepper-item{position:static!important}";
+const stepperItemComponentCss = "/*!@.absolute*/.absolute.sc-p-stepper-item{position:absolute!important}/*!@.relative*/.relative.sc-p-stepper-item{position:relative!important}/*!@.left-1\\/2*/.left-1\\/2.sc-p-stepper-item{left:50%!important}/*!@.top-0*/.top-0.sc-p-stepper-item{top:0!important}/*!@.order-2*/.order-2.sc-p-stepper-item{order:2!important}/*!@.ml-0*/.ml-0.sc-p-stepper-item{margin-left:0!important}/*!@.mr-4*/.mr-4.sc-p-stepper-item{margin-right:1rem!important}/*!@.flex*/.flex.sc-p-stepper-item{display:flex!important}/*!@.h-4*/.h-4.sc-p-stepper-item{height:1rem!important}/*!@.min-h-\\[1rem\\]*/.min-h-\\[1rem\\].sc-p-stepper-item{min-height:1rem!important}/*!@.w-4*/.w-4.sc-p-stepper-item{width:1rem!important}/*!@.w-full*/.w-full.sc-p-stepper-item{width:100%!important}/*!@.min-w-\\[calc\\(100\\%-2rem\\)\\]*/.min-w-\\[calc\\(100\\%-2rem\\)\\].sc-p-stepper-item{min-width:calc(100% - 2rem)!important}/*!@.-translate-x-1\\/2*/.-translate-x-1\\/2.sc-p-stepper-item{--tw-translate-x:-50%!important}/*!@.-translate-x-1\\/2,.transform*/.-translate-x-1\\/2.sc-p-stepper-item,.transform.sc-p-stepper-item{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}/*!@.items-end*/.items-end.sc-p-stepper-item{align-items:flex-end!important}/*!@.items-center*/.items-center.sc-p-stepper-item{align-items:center!important}/*!@.justify-center*/.justify-center.sc-p-stepper-item{justify-content:center!important}/*!@.bg-mystic-dark*/.bg-mystic-dark.sc-p-stepper-item{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}/*!@.text-sm*/.text-sm.sc-p-stepper-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@.transition*/.transition.sc-p-stepper-item{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*/.duration-500.sc-p-stepper-item{transition-duration:.5s!important}/*!@**/*.sc-p-stepper-item{box-sizing:border-box}/*!@:host*/.sc-p-stepper-item-h{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}/*!@:host .content*/.sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}/*!@:host .circle*/.sc-p-stepper-item-h .circle.sc-p-stepper-item{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;flex-shrink:0;height:1rem;justify-content:center;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);width:1rem}/*!@:host .circle p-icon*/.sc-p-stepper-item-h .circle.sc-p-stepper-item p-icon.sc-p-stepper-item{display:flex!important;font-size:.625rem}/*!@:host([direction=horizontal])*/[direction=horizontal].sc-p-stepper-item-h{height:2.5rem}/*!@:host([direction=horizontal]) .content*/[direction=horizontal].sc-p-stepper-item-h .content.sc-p-stepper-item{min-width:0;order:1;position:absolute;top:0}/*!@:host([direction=horizontal]) .circle*/[direction=horizontal].sc-p-stepper-item-h .circle.sc-p-stepper-item{order:2}/*!@:host([direction=vertical])*/[direction=vertical].sc-p-stepper-item-h{align-items:center;min-height:1rem}/*!@:host([direction=vertical]) .content*/[direction=vertical].sc-p-stepper-item-h .content.sc-p-stepper-item{margin-left:1rem;order:2}/*!@:host([direction=vertical]) .circle*/[direction=vertical].sc-p-stepper-item-h .circle.sc-p-stepper-item{order:1}/*!@:host([active]) .content,:host([finished]) .content*/[active].sc-p-stepper-item-h .content.sc-p-stepper-item,[finished].sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}/*!@:host([active]) .circle,:host([finished]) .circle*/[active].sc-p-stepper-item-h .circle.sc-p-stepper-item,[finished].sc-p-stepper-item-h .circle.sc-p-stepper-item{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}/*!@:host([direction=horizontal][align=start]) .content*/[direction=horizontal][align=start].sc-p-stepper-item-h .content.sc-p-stepper-item{left:0}/*!@:host([direction=horizontal][align=end]) .content*/[direction=horizontal][align=end].sc-p-stepper-item-h .content.sc-p-stepper-item{right:0}/*!@:host([direction=horizontal][align=center]) .content*/[direction=horizontal][align=center].sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-translate-x:-50%;left:50%;text-align:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}/*!@:host([direction=vertical][content-position=start])*/[direction=vertical][content-position=start].sc-p-stepper-item-h{flex-direction:row-reverse}/*!@:host([direction=vertical][content-position=start]) .content*/[direction=vertical][content-position=start].sc-p-stepper-item-h .content.sc-p-stepper-item{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}/*!@.static*/.static.sc-p-stepper-item{position:static!important}";
 
 class StepperItem {
   constructor(hostRef) {

package/package.json

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

package/dist/build/p-085e6ff4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stepperComponentCss","Stepper","componentDidRender","this","_generateSteps","render","h","Host","class","activeStep","items","_el","querySelectorAll","i","length","item","active","finished","direction","align","contentPosition","nextItem","nextElementSibling","tagName","toLowerCase","heightDiff","clientHeight","stepperLine","document","createElement","style","marginTop","marginBottom","minHeight","insertBefore","previousItem","previousElementSibling"],"sources":["src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n\t@apply flex;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n\t@apply flex-col flex-wrap items-start;\n\t@apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply items-end;\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.scss',\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 * The direction of the stepper\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t// private _steps: Array<HTMLPStepperItemElement>;\n\n\tcomponentDidRender() {\n\t\tthis._generateSteps();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-stepper\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('activeStep')\n\tprivate _generateSteps() {\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\n\t\tif (!this.activeStep || activeStep < 0) {\n\t\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\t\tconst item = items.item(i) as any;\n\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\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\titem.active = i === activeStep;\n\t\t\titem.finished = i < activeStep;\n\t\t\titem.direction = this.direction;\n\t\t\titem.align =\n\t\t\t\ti === 0 ? 'start' : i === items?.length - 1 ? 'end' : 'center';\n\t\t\titem.contentPosition = this.contentPosition;\n\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tconst nextItem = item.nextElementSibling;\n\t\t\t\tif (\n\t\t\t\t\tnextItem &&\n\t\t\t\t\tnextItem.tagName.toLowerCase() === 'p-stepper-item'\n\t\t\t\t) {\n\t\t\t\t\tconst heightDiff = (item.clientHeight - 16) / 2;\n\n\t\t\t\t\tconst stepperLine =\n\t\t\t\t\t\tdocument.createElement('p-stepper-line');\n\n\t\t\t\t\tstepperLine.direction = this.direction;\n\t\t\t\t\tstepperLine.active = i <= activeStep;\n\n\t\t\t\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\t\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\t\t\t\tstepperLine.style.marginBottom = `-${\n\t\t\t\t\t\t\theightDiff / 16\n\t\t\t\t\t\t}rem`;\n\t\t\t\t\t\tstepperLine.style.minHeight = `calc(1rem + ${\n\t\t\t\t\t\t\t(heightDiff * 2) / 16\n\t\t\t\t\t\t}rem)`;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\n\n\t\t\t\t\tcontinue;\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 (previousItem.tagName.toLowerCase() === 'p-stepper-line') {\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\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,if,MCOfC,EAAO,M,yCAIU,E,eAM5B,a,qBAK2D,K,CAS5D,kBAAAC,GACCC,KAAKC,gB,CAGN,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,aACXF,EAAA,a,CAMK,cAAAF,GACP,IAAIK,EAAaN,KAAKM,WAAa,GAAK,EACxC,MAAMC,EAAQP,KAAKQ,IAAIC,iBAAiB,kBAExC,IAAKT,KAAKM,YAAcA,EAAa,EAAG,CACvC,IAAK,IAAII,EAAI,EAAGA,GAAIH,IAAK,MAALA,SAAK,SAALA,EAAOI,QAAQD,IAAK,CACvC,MAAME,EAAOL,EAAMK,KAAKF,GAExB,GAAIE,EAAKC,OAAQ,CAChBP,EAAaI,C,CAGd,GAAIJ,EAAa,GAAKM,EAAKE,SAAU,CACpCR,EAAaI,EAAI,C,GAKpB,IAAK,IAAIA,EAAI,EAAGA,GAAIH,IAAK,MAALA,SAAK,SAALA,EAAOI,QAAQD,IAAK,CACvC,MAAME,EAAOL,EAAMK,KAAKF,GAExBE,EAAKC,OAASH,IAAMJ,EACpBM,EAAKE,SAAWJ,EAAIJ,EACpBM,EAAKG,UAAYf,KAAKe,UACtBH,EAAKI,MACJN,IAAM,EAAI,QAAUA,KAAMH,IAAK,MAALA,SAAK,SAALA,EAAOI,QAAS,EAAI,MAAQ,SACvDC,EAAKK,gBAAkBjB,KAAKiB,gBAE5B,GAAIP,EAAIH,EAAMI,OAAS,EAAG,CACzB,MAAMO,EAAWN,EAAKO,mBACtB,GACCD,GACAA,EAASE,QAAQC,gBAAkB,iBAClC,CACD,MAAMC,GAAcV,EAAKW,aAAe,IAAM,EAE9C,MAAMC,EACLC,SAASC,cAAc,kBAExBF,EAAYT,UAAYf,KAAKe,UAC7BS,EAAYX,OAASH,GAAKJ,EAE1B,GAAIgB,EAAa,GAAKtB,KAAKe,YAAc,WAAY,CACpDS,EAAYG,MAAMC,UAAY,IAAIN,EAAa,QAC/CE,EAAYG,MAAME,aAAe,IAChCP,EAAa,QAEdE,EAAYG,MAAMG,UAAY,eAC5BR,EAAa,EAAK,Q,CAIrBtB,KAAKQ,IAAIuB,aAAaP,EAAaN,GAEnC,Q,EAIF,GAAIR,EAAI,EAAG,CACV,MAAMsB,EAAepB,EAAKqB,uBAC1B,GAAID,EAAaZ,QAAQC,gBAAkB,iBAAkB,CAC5DW,EAAajB,UAAYf,KAAKe,UAC9BiB,EAAanB,OAASD,EAAKC,QAAUD,EAAKE,Q"}

package/dist/build/p-fe39443a.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as r,H as i}from"./p-e4d5e7a7.js";const o=".absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\\[calc\\(100\\%-2rem\\)\\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!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{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;height:1rem;justify-content:center;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);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){height:2.5rem}:host([direction=horizontal]) .content{min-width:0;order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){align-items:center;min-height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host([direction=vertical][content-position=start]){flex-direction:row-reverse}:host([direction=vertical][content-position=start]) .content{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}.static{position:static!important}";const e=class{constructor(r){t(this,r);this.align="center";this.direction="horizontal";this.contentPosition="end";this.finished=false;this.active=false}render(){return r(i,{class:"p-stepper-item"},r("div",{class:"circle"},this.finished&&r("p-icon",{variant:"checkmark"})),r("div",{class:"content"},r("slot",{name:"content"})))}};e.style=o;export{e as p_stepper_item};
-//# sourceMappingURL=p-fe39443a.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stepperItemComponentCss","StepperItem","render","h","Host","class","this","finished","variant","name"],"sources":["src/components/atoms/stepper-item/stepper-item.component.scss?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper-item/stepper-item.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full items-end justify-center;\n\n\t.content {\n\t\t@apply min-w-[calc(100%-2rem)] whitespace-nowrap;\n\t\t@apply text-sm text-storm-light;\n\t}\n\n\t.circle {\n\t\t@apply transition duration-500 ease-in-out;\n\t\t@apply flex items-center justify-center;\n\t\t@apply h-4 w-4 rounded-round;\n\t\t@apply bg-mystic-dark text-white;\n\n\t\tp-icon {\n\t\t\t@apply flex #{!important};\n\t\t\tfont-size: 0.625rem;\n\t\t}\n\t}\n}\n\n:host([direction='horizontal']) {\n\t@apply h-10;\n\n\t.content {\n\t\t@apply absolute top-0 min-w-0;\n\t\t@apply order-1;\n\t}\n\n\t.circle {\n\t\t@apply order-2;\n\t}\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] items-center;\n\n\t.content {\n\t\t@apply order-2 ml-4;\n\t}\n\n\t.circle {\n\t\t@apply order-1;\n\t}\n}\n\n:host([active]),\n:host([finished]) {\n\t.content {\n\t\t@apply text-indigo;\n\t}\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([direction='horizontal'][align='start']) {\n\t.content {\n\t\t@apply left-0;\n\t}\n}\n\n:host([direction='horizontal'][align='end']) {\n\t.content {\n\t\t@apply right-0;\n\t}\n}\n\n:host([direction='horizontal'][align='center']) {\n\t.content {\n\t\t@apply left-1/2 -translate-x-1/2 transform text-center;\n\t}\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply flex-row-reverse;\n\n\t.content {\n\t\t@apply ml-0 mr-4 flex justify-end;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.scss',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The alignment of the step content\n\t */\n\t@Prop({ reflect: true }) align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The direction of the stepper step\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop({ reflect: true }) finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-stepper-item\">\n\t\t\t\t<div class=\"circle\">\n\t\t\t\t\t{this.finished && <p-icon variant=\"checkmark\" />}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,qxG,MCOnBC,EAAW,M,oCAIsC,S,eAM5D,a,qBAK2D,M,cAKf,M,YAKF,K,CAE3C,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,kBACXF,EAAA,OAAKE,MAAM,UACTC,KAAKC,UAAYJ,EAAA,UAAQK,QAAQ,eAEnCL,EAAA,OAAKE,MAAM,WACVF,EAAA,QAAMM,KAAK,a"}

package/dist/paperless/p-085e6ff4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stepperComponentCss","Stepper","componentDidRender","this","_generateSteps","render","h","Host","class","activeStep","items","_el","querySelectorAll","i","length","item","active","finished","direction","align","contentPosition","nextItem","nextElementSibling","tagName","toLowerCase","heightDiff","clientHeight","stepperLine","document","createElement","style","marginTop","marginBottom","minHeight","insertBefore","previousItem","previousElementSibling"],"sources":["src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n\t@apply flex;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n\t@apply flex-col flex-wrap items-start;\n\t@apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply items-end;\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.scss',\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 * The direction of the stepper\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t// private _steps: Array<HTMLPStepperItemElement>;\n\n\tcomponentDidRender() {\n\t\tthis._generateSteps();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-stepper\">\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('activeStep')\n\tprivate _generateSteps() {\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\n\t\tif (!this.activeStep || activeStep < 0) {\n\t\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\t\tconst item = items.item(i) as any;\n\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\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\titem.active = i === activeStep;\n\t\t\titem.finished = i < activeStep;\n\t\t\titem.direction = this.direction;\n\t\t\titem.align =\n\t\t\t\ti === 0 ? 'start' : i === items?.length - 1 ? 'end' : 'center';\n\t\t\titem.contentPosition = this.contentPosition;\n\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tconst nextItem = item.nextElementSibling;\n\t\t\t\tif (\n\t\t\t\t\tnextItem &&\n\t\t\t\t\tnextItem.tagName.toLowerCase() === 'p-stepper-item'\n\t\t\t\t) {\n\t\t\t\t\tconst heightDiff = (item.clientHeight - 16) / 2;\n\n\t\t\t\t\tconst stepperLine =\n\t\t\t\t\t\tdocument.createElement('p-stepper-line');\n\n\t\t\t\t\tstepperLine.direction = this.direction;\n\t\t\t\t\tstepperLine.active = i <= activeStep;\n\n\t\t\t\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\t\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\t\t\t\tstepperLine.style.marginBottom = `-${\n\t\t\t\t\t\t\theightDiff / 16\n\t\t\t\t\t\t}rem`;\n\t\t\t\t\t\tstepperLine.style.minHeight = `calc(1rem + ${\n\t\t\t\t\t\t\t(heightDiff * 2) / 16\n\t\t\t\t\t\t}rem)`;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\n\n\t\t\t\t\tcontinue;\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 (previousItem.tagName.toLowerCase() === 'p-stepper-line') {\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\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,if,MCOfC,EAAO,M,yCAIU,E,eAM5B,a,qBAK2D,K,CAS5D,kBAAAC,GACCC,KAAKC,gB,CAGN,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,aACXF,EAAA,a,CAMK,cAAAF,GACP,IAAIK,EAAaN,KAAKM,WAAa,GAAK,EACxC,MAAMC,EAAQP,KAAKQ,IAAIC,iBAAiB,kBAExC,IAAKT,KAAKM,YAAcA,EAAa,EAAG,CACvC,IAAK,IAAII,EAAI,EAAGA,GAAIH,IAAK,MAALA,SAAK,SAALA,EAAOI,QAAQD,IAAK,CACvC,MAAME,EAAOL,EAAMK,KAAKF,GAExB,GAAIE,EAAKC,OAAQ,CAChBP,EAAaI,C,CAGd,GAAIJ,EAAa,GAAKM,EAAKE,SAAU,CACpCR,EAAaI,EAAI,C,GAKpB,IAAK,IAAIA,EAAI,EAAGA,GAAIH,IAAK,MAALA,SAAK,SAALA,EAAOI,QAAQD,IAAK,CACvC,MAAME,EAAOL,EAAMK,KAAKF,GAExBE,EAAKC,OAASH,IAAMJ,EACpBM,EAAKE,SAAWJ,EAAIJ,EACpBM,EAAKG,UAAYf,KAAKe,UACtBH,EAAKI,MACJN,IAAM,EAAI,QAAUA,KAAMH,IAAK,MAALA,SAAK,SAALA,EAAOI,QAAS,EAAI,MAAQ,SACvDC,EAAKK,gBAAkBjB,KAAKiB,gBAE5B,GAAIP,EAAIH,EAAMI,OAAS,EAAG,CACzB,MAAMO,EAAWN,EAAKO,mBACtB,GACCD,GACAA,EAASE,QAAQC,gBAAkB,iBAClC,CACD,MAAMC,GAAcV,EAAKW,aAAe,IAAM,EAE9C,MAAMC,EACLC,SAASC,cAAc,kBAExBF,EAAYT,UAAYf,KAAKe,UAC7BS,EAAYX,OAASH,GAAKJ,EAE1B,GAAIgB,EAAa,GAAKtB,KAAKe,YAAc,WAAY,CACpDS,EAAYG,MAAMC,UAAY,IAAIN,EAAa,QAC/CE,EAAYG,MAAME,aAAe,IAChCP,EAAa,QAEdE,EAAYG,MAAMG,UAAY,eAC5BR,EAAa,EAAK,Q,CAIrBtB,KAAKQ,IAAIuB,aAAaP,EAAaN,GAEnC,Q,EAIF,GAAIR,EAAI,EAAG,CACV,MAAMsB,EAAepB,EAAKqB,uBAC1B,GAAID,EAAaZ,QAAQC,gBAAkB,iBAAkB,CAC5DW,EAAajB,UAAYf,KAAKe,UAC9BiB,EAAanB,OAASD,EAAKC,QAAUD,EAAKE,Q"}

package/dist/paperless/p-fe39443a.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as r,H as i}from"./p-e4d5e7a7.js";const o=".absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-0{top:0!important}.order-2{order:2!important}.ml-0{margin-left:0!important}.mr-4{margin-right:1rem!important}.flex{display:flex!important}.h-4{height:1rem!important}.min-h-\\[1rem\\]{min-height:1rem!important}.w-4{width:1rem!important}.w-full{width:100%!important}.min-w-\\[calc\\(100\\%-2rem\\)\\]{min-width:calc(100% - 2rem)!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.bg-mystic-dark{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!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{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}:host .content{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}:host .circle{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;height:1rem;justify-content:center;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);width:1rem}:host .circle p-icon{display:flex!important;font-size:.625rem}:host([direction=horizontal]){height:2.5rem}:host([direction=horizontal]) .content{min-width:0;order:1;position:absolute;top:0}:host([direction=horizontal]) .circle{order:2}:host([direction=vertical]){align-items:center;min-height:1rem}:host([direction=vertical]) .content{margin-left:1rem;order:2}:host([direction=vertical]) .circle{order:1}:host([active]) .content,:host([finished]) .content{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}:host([active]) .circle,:host([finished]) .circle{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}:host([direction=horizontal][align=start]) .content{left:0}:host([direction=horizontal][align=end]) .content{right:0}:host([direction=horizontal][align=center]) .content{--tw-translate-x:-50%;left:50%;text-align:center;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:host([direction=vertical][content-position=start]){flex-direction:row-reverse}:host([direction=vertical][content-position=start]) .content{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}.static{position:static!important}";const e=class{constructor(r){t(this,r);this.align="center";this.direction="horizontal";this.contentPosition="end";this.finished=false;this.active=false}render(){return r(i,{class:"p-stepper-item"},r("div",{class:"circle"},this.finished&&r("p-icon",{variant:"checkmark"})),r("div",{class:"content"},r("slot",{name:"content"})))}};e.style=o;export{e as p_stepper_item};
-//# sourceMappingURL=p-fe39443a.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stepperItemComponentCss","StepperItem","render","h","Host","class","this","finished","variant","name"],"sources":["src/components/atoms/stepper-item/stepper-item.component.scss?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper-item/stepper-item.component.tsx"],"sourcesContent":[":host {\n\t@apply relative flex w-full items-end justify-center;\n\n\t.content {\n\t\t@apply min-w-[calc(100%-2rem)] whitespace-nowrap;\n\t\t@apply text-sm text-storm-light;\n\t}\n\n\t.circle {\n\t\t@apply transition duration-500 ease-in-out;\n\t\t@apply flex items-center justify-center;\n\t\t@apply h-4 w-4 rounded-round;\n\t\t@apply bg-mystic-dark text-white;\n\n\t\tp-icon {\n\t\t\t@apply flex #{!important};\n\t\t\tfont-size: 0.625rem;\n\t\t}\n\t}\n}\n\n:host([direction='horizontal']) {\n\t@apply h-10;\n\n\t.content {\n\t\t@apply absolute top-0 min-w-0;\n\t\t@apply order-1;\n\t}\n\n\t.circle {\n\t\t@apply order-2;\n\t}\n}\n\n:host([direction='vertical']) {\n\t@apply min-h-[1rem] items-center;\n\n\t.content {\n\t\t@apply order-2 ml-4;\n\t}\n\n\t.circle {\n\t\t@apply order-1;\n\t}\n}\n\n:host([active]),\n:host([finished]) {\n\t.content {\n\t\t@apply text-indigo;\n\t}\n\n\t.circle {\n\t\t@apply bg-indigo;\n\t}\n}\n\n:host([direction='horizontal'][align='start']) {\n\t.content {\n\t\t@apply left-0;\n\t}\n}\n\n:host([direction='horizontal'][align='end']) {\n\t.content {\n\t\t@apply right-0;\n\t}\n}\n\n:host([direction='horizontal'][align='center']) {\n\t.content {\n\t\t@apply left-1/2 -translate-x-1/2 transform text-center;\n\t}\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply flex-row-reverse;\n\n\t.content {\n\t\t@apply ml-0 mr-4 flex justify-end;\n\t}\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.scss',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The alignment of the step content\n\t */\n\t@Prop({ reflect: true }) align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The direction of the stepper step\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n\t\t'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop({ reflect: true }) finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop({ reflect: true }) active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-stepper-item\">\n\t\t\t\t<div class=\"circle\">\n\t\t\t\t\t{this.finished && <p-icon variant=\"checkmark\" />}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,qxG,MCOnBC,EAAW,M,oCAIsC,S,eAM5D,a,qBAK2D,M,cAKf,M,YAKF,K,CAE3C,MAAAC,GACC,OACCC,EAACC,EAAI,CAACC,MAAM,kBACXF,EAAA,OAAKE,MAAM,UACTC,KAAKC,UAAYJ,EAAA,UAAQK,QAAQ,eAEnCL,EAAA,OAAKE,MAAM,WACVF,EAAA,QAAMM,KAAK,a"}