@paperless/core 0.1.0-alpha.346 → 0.1.0-alpha.348

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.348](https://github.com/ionic-team/stencil-component-starter/compare/v0.1.0-alpha.347...v0.1.0-alpha.348) (2023-02-21)
+
+
+### Bug Fixes
+
+* **Molecules/Stepper:** use nextElementSibling ([2519ad4](https://github.com/ionic-team/stencil-component-starter/commit/2519ad4d9c72bc86e77371538ac800f20c6cb1cd))
+
+
+
+
+
+# [0.1.0-alpha.347](https://github.com/ionic-team/stencil-component-starter/compare/v0.1.0-alpha.346...v0.1.0-alpha.347) (2023-02-21)
+
+
+### Bug Fixes
+
+* **Molecules/Stepper:** Add debugging information ([08c556a](https://github.com/ionic-team/stencil-component-starter/commit/08c556ab42672122a7634905b5c4626cb5201e69))
+
+
+
+
+
 # [0.1.0-alpha.346](https://github.com/ionic-team/stencil-component-starter/compare/v0.1.0-alpha.345...v0.1.0-alpha.346) (2023-02-21)
 
 

package/dist/build/p-21c22d2a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as o}from"./p-69d43b9d.js";const s=".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}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}";const n=class{constructor(e){t(this,e);this.activeStep=1;this.direction="horizontal";this.contentPosition="end"}componentDidRender(){this._generateSteps()}render(){return e(i,{class:"p-stepper"},e("slot",null))}_generateSteps(){let t=this.activeStep-1;const e=this._el.querySelectorAll("p-stepper-item");if(!!this.activeStep||t<=0){const i=Array.from(e);const o=i.findIndex((t=>t.tagName.toLowerCase()==="p-stepper-item"&&t.active&&!t.finished));if(o>=0){t=o}const s=i.findIndex((t=>t.tagName.toLowerCase()==="p-stepper-item"&&t.finished));if(t<=0&&s>=0){t=s+1}}console.log(e);for(let i=0;i<(e===null||e===void 0?void 0:e.length);i++){const o=e.item(i);console.log(o);if(o.tagName.toLowerCase()==="p-stepper-item"){o.active=i===t;o.finished=i<t;o.direction=this.direction;o.align=i===0?"start":i===(e===null||e===void 0?void 0:e.length)-1?"end":"center";o.contentPosition=this.contentPosition;if(i>0){const e=o.nextElementSibling;console.log(i,o,i+1,e,e===null||e===void 0?void 0:e.tagName);if(!e||e.tagName.toLowerCase()==="p-stepper-item"){console.log("Adding line");const e=(o.clientHeight-16)/2;const s=document.createElement("p-stepper-line");s.direction=this.direction;s.active=i<=t;if(e>0&&this.direction==="vertical"){s.style.marginTop=`-${e/16}rem`;s.style.marginBottom=`-${e/16}rem`;s.style.minHeight=`calc(1rem + ${e*2/16}rem)`}this._el.insertBefore(s,o);continue}if(e.tagName.toLowerCase()==="p-stepper-line"){console.log("Updating line");e.direction=this.direction;e.active=i<=t}}}}}get _el(){return o(this)}};n.style=s;export{n as p_stepper};
+//# sourceMappingURL=p-21c22d2a.entry.js.map

package/dist/build/p-21c22d2a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stepperComponentCss","Stepper","componentDidRender","this","_generateSteps","render","h","Host","class","activeStep","items","_el","querySelectorAll","arrayItems","Array","from","activeItemIndex","findIndex","i","tagName","toLowerCase","active","finished","finishedItemIndex","console","log","length","item","direction","align","contentPosition","nextItem","nextElementSibling","heightDiff","clientHeight","stepperLine","document","createElement","style","marginTop","marginBottom","minHeight","insertBefore"],"sources":["./src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","./src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n    @apply flex;\n}\n\n:host([direction='horizontal']) {\n    @apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n    @apply flex-col flex-wrap items-start;\n    @apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n    @apply items-end;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-stepper',\n    styleUrl: 'stepper.component.scss',\n    shadow: true,\n})\nexport class Stepper {\n    /**\n     * The currently active step\n     */\n    @Prop() activeStep: number = 1;\n\n    /**\n     * The direction of the stepper\n     */\n    @Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n        'horizontal';\n\n    /**\n     * The position of the content in case of vertical direction\n     */\n    @Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    // private _steps: Array<HTMLPStepperItemElement>;\n\n    componentDidRender() {\n        this._generateSteps();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-stepper\">\n                <slot />\n            </Host>\n        );\n    }\n\n    private _generateSteps() {\n        let activeStep = this.activeStep - 1;\n        const items = this._el.querySelectorAll('p-stepper-item');\n\n        if (!!this.activeStep || activeStep <= 0) {\n            const arrayItems = Array.from(items);\n            const activeItemIndex = arrayItems.findIndex(\n                (i: any) =>\n                    i.tagName.toLowerCase() === 'p-stepper-item' &&\n                    i.active &&\n                    !i.finished\n            );\n\n            if (activeItemIndex >= 0) {\n                activeStep = activeItemIndex;\n            }\n\n            const finishedItemIndex = arrayItems.findIndex(\n                (i: any) =>\n                    i.tagName.toLowerCase() === 'p-stepper-item' && i.finished\n            );\n            if (activeStep <= 0 && finishedItemIndex >= 0) {\n                activeStep = finishedItemIndex + 1;\n            }\n        }\n\n        console.log(items);\n        for (let i = 0; i < items?.length; i++) {\n            const item = items.item(i) as any;\n            console.log(item);\n\n            if (item.tagName.toLowerCase() === 'p-stepper-item') {\n                item.active = i === activeStep;\n                item.finished = i < activeStep;\n                item.direction = this.direction;\n                item.align =\n                    i === 0\n                        ? 'start'\n                        : i === items?.length - 1\n                        ? 'end'\n                        : 'center';\n                item.contentPosition = this.contentPosition;\n\n                if (i > 0) {\n                    const nextItem = item.nextElementSibling;\n\n                    console.log(i, item, i + 1, nextItem, nextItem?.tagName);\n                    if (\n                        !nextItem ||\n                        nextItem.tagName.toLowerCase() === 'p-stepper-item'\n                    ) {\n                        console.log('Adding line');\n                        const heightDiff = (item.clientHeight - 16) / 2;\n\n                        const stepperLine =\n                            document.createElement('p-stepper-line');\n                        stepperLine.direction = this.direction;\n                        stepperLine.active = i <= activeStep;\n\n                        if (heightDiff > 0 && this.direction === 'vertical') {\n                            stepperLine.style.marginTop = `-${\n                                heightDiff / 16\n                            }rem`;\n                            stepperLine.style.marginBottom = `-${\n                                heightDiff / 16\n                            }rem`;\n                            stepperLine.style.minHeight = `calc(1rem + ${\n                                (heightDiff * 2) / 16\n                            }rem)`;\n                        }\n\n                        this._el.insertBefore(stepperLine, item);\n\n                        continue;\n                    }\n\n                    if (nextItem.tagName.toLowerCase() === 'p-stepper-line') {\n                        console.log('Updating line');\n                        nextItem.direction = this.direction;\n                        nextItem.active = i <= activeStep;\n                    }\n                }\n            }\n        }\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,if,MCOfC,EAAO,M,yCAIa,E,eAMzB,a,qBAKwD,K,CAS5DC,qBACIC,KAAKC,gB,CAGTC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,aACRF,EAAA,a,CAKJF,iBACJ,IAAIK,EAAaN,KAAKM,WAAa,EACnC,MAAMC,EAAQP,KAAKQ,IAAIC,iBAAiB,kBAExC,KAAMT,KAAKM,YAAcA,GAAc,EAAG,CACtC,MAAMI,EAAaC,MAAMC,KAAKL,GAC9B,MAAMM,EAAkBH,EAAWI,WAC9BC,GACGA,EAAEC,QAAQC,gBAAkB,kBAC5BF,EAAEG,SACDH,EAAEI,WAGX,GAAIN,GAAmB,EAAG,CACtBP,EAAaO,C,CAGjB,MAAMO,EAAoBV,EAAWI,WAChCC,GACGA,EAAEC,QAAQC,gBAAkB,kBAAoBF,EAAEI,WAE1D,GAAIb,GAAc,GAAKc,GAAqB,EAAG,CAC3Cd,EAAac,EAAoB,C,EAIzCC,QAAQC,IAAIf,GACZ,IAAK,IAAIQ,EAAI,EAAGA,GAAIR,IAAK,MAALA,SAAK,SAALA,EAAOgB,QAAQR,IAAK,CACpC,MAAMS,EAAOjB,EAAMiB,KAAKT,GACxBM,QAAQC,IAAIE,GAEZ,GAAIA,EAAKR,QAAQC,gBAAkB,iBAAkB,CACjDO,EAAKN,OAASH,IAAMT,EACpBkB,EAAKL,SAAWJ,EAAIT,EACpBkB,EAAKC,UAAYzB,KAAKyB,UACtBD,EAAKE,MACDX,IAAM,EACA,QACAA,KAAMR,IAAK,MAALA,SAAK,SAALA,EAAOgB,QAAS,EACtB,MACA,SACVC,EAAKG,gBAAkB3B,KAAK2B,gBAE5B,GAAIZ,EAAI,EAAG,CACP,MAAMa,EAAWJ,EAAKK,mBAEtBR,QAAQC,IAAIP,EAAGS,EAAMT,EAAI,EAAGa,EAAUA,IAAQ,MAARA,SAAQ,SAARA,EAAUZ,SAChD,IACKY,GACDA,EAASZ,QAAQC,gBAAkB,iBACrC,CACEI,QAAQC,IAAI,eACZ,MAAMQ,GAAcN,EAAKO,aAAe,IAAM,EAE9C,MAAMC,EACFC,SAASC,cAAc,kBAC3BF,EAAYP,UAAYzB,KAAKyB,UAC7BO,EAAYd,OAASH,GAAKT,EAE1B,GAAIwB,EAAa,GAAK9B,KAAKyB,YAAc,WAAY,CACjDO,EAAYG,MAAMC,UAAY,IAC1BN,EAAa,QAEjBE,EAAYG,MAAME,aAAe,IAC7BP,EAAa,QAEjBE,EAAYG,MAAMG,UAAY,eACzBR,EAAa,EAAK,Q,CAI3B9B,KAAKQ,IAAI+B,aAAaP,EAAaR,GAEnC,Q,CAGJ,GAAII,EAASZ,QAAQC,gBAAkB,iBAAkB,CACrDI,QAAQC,IAAI,iBACZM,EAASH,UAAYzB,KAAKyB,UAC1BG,EAASV,OAASH,GAAKT,C"}