@spw-ds/spw-stencil-library 1.14.1 → 1.15.0

package/dist/components/spw-wizard.js

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as s,a as n,t as o}from"./index.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.stepClick=i(this,"stepClick",7),this.currentStep=1,this.variant="horizontal",this.canClickNextSteps=!1}componentWillLoad(){this.updateStepsState()}slotChanged(){this.updateStepsState()}async setStep(t){this.currentStep=t,this.updateStepsState(),this.scrollToWizard()}handleStepClick(t){const e=t.detail;(e<this.currentStep||this.canClickNextSteps&&e>this.currentStep)&&(this.currentStep=e,this.updateStepsState(),this.stepClick.emit(e),this.scrollToWizard())}scrollToWizard(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.host,i=(null==e?void 0:e.parentElement)||this.el;i&&i.scrollIntoView({behavior:"smooth",block:"start"})}updateStepsState(){requestAnimationFrame((()=>{const t=this.el.querySelectorAll("spw-wizard-item");t.forEach(((e,i)=>{const s=i+1;s>this.currentStep&&e.hasAttribute("status")&&e.removeAttribute("status"),e.hasAttribute("status")||e.setAttribute("state",s<this.currentStep?"completed":s===this.currentStep?"active":"inactive"),e.setAttribute("variant",this.variant),e.setAttribute("step-number",""+s),e.setAttribute("is-last",""+(i===t.length-1)),e.setAttribute("is-clickable",""+(s!==this.currentStep&&(s<this.currentStep||this.canClickNextSteps))),e.setAttribute("is-current",""+(s===this.currentStep)),e.setAttribute("is-before-current",""+(s<this.currentStep)),e.setAttribute("is-after-current",""+(s>this.currentStep))}))}))}get elementClass(){return{"spw-wizard":!0,["spw-wizard--"+this.variant]:!0}}render(){return s(n,{key:"178e7cccd1389ea3f3d606ae16384d6779d79f06"},s("div",{key:"6eea80c6829912766df4f1ce8fa772e406381ecb",class:this.elementClass},s("slot",{key:"7c315f82ec60d02e0cc4a0fe132a4ec6248f9d24"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main)}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1232px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 460px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1350px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-wizard{display:flex;gap:0}.spw-wizard--horizontal{flex-direction:row}.spw-wizard--vertical{flex-direction:column;align-items:flex-start}"}},[257,"spw-wizard",{currentStep:[1026,"current-step"],variant:[1],canClickNextSteps:[4,"can-click-next-steps"],setStep:[64]},[[0,"slotchange","slotChanged"],[0,"wizardItemClick","handleStepClick"]]]),r=a,d=function(){"undefined"!=typeof customElements&&["spw-wizard"].forEach((t=>{"spw-wizard"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{r as SpwWizard,d as defineCustomElement}
+import{p as t,H as e,c as i,h as s,a as n,t as o}from"./index.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.stepClick=i(this,"stepClick",7),this.currentStep=1,this.variant="horizontal",this.canClickNextSteps=!1}componentWillLoad(){this.updateStepsState()}slotChanged(){this.updateStepsState()}async setStep(t){this.currentStep=t,this.updateStepsState(),this.scrollToWizard()}handleStepClick(t){const e=t.detail;(e<this.currentStep||this.canClickNextSteps&&e>this.currentStep)&&(this.currentStep=e,this.updateStepsState(),this.stepClick.emit(e),this.scrollToWizard())}scrollToWizard(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.host,i=(null==e?void 0:e.parentElement)||this.el;i&&i.scrollIntoView({behavior:"smooth",block:"start"})}updateStepsState(){requestAnimationFrame((()=>{const t=this.el.querySelectorAll("spw-wizard-item");t.forEach(((e,i)=>{const s=i+1;s>this.currentStep&&e.hasAttribute("status")&&e.removeAttribute("status"),e.hasAttribute("status")||e.setAttribute("state",s<this.currentStep?"completed":s===this.currentStep?"active":"inactive"),e.setAttribute("variant",this.variant),e.setAttribute("step-number",""+s),e.setAttribute("is-last",""+(i===t.length-1)),e.setAttribute("is-clickable",""+(s!==this.currentStep&&(s<this.currentStep||this.canClickNextSteps))),e.setAttribute("is-current",""+(s===this.currentStep)),e.setAttribute("is-before-current",""+(s<this.currentStep)),e.setAttribute("is-after-current",""+(s>this.currentStep))}))}))}get elementClass(){return{"spw-wizard":!0,["spw-wizard--"+this.variant]:!0}}render(){return s(n,{key:"70b4c80f0e10574dae87e8e2f32dcd95bc1cc8f7"},s("div",{key:"036a8f97bdbda670ee48cb421430d65b0f09d32a",class:this.elementClass},s("slot",{key:"34467e28e1d8d949fcb31a86d2178da3821b301c"})))}get el(){return this}static get style(){return"html{line-height:1.3;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}ul{list-style:none}:host{box-sizing:border-box;line-height:1.3;-webkit-text-size-adjust:100%;font-size:100%}:host *,:host *::before,:host *::after{box-sizing:inherit;font-family:var(--spw-ds-font-main);letter-spacing:-0.18px}body{margin:0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--spw-ds-container-xl:1200px;--spw-ds-container-lg:1024px;--spw-ds-container-md:768px;--spw-ds-container-sm:640px}.spw-ds-container{width:100%;padding-left:16px;padding-right:16px;margin-left:auto;margin-right:auto}@media (min-width: 360px){.spw-ds-container{max-width:var(--spw-ds-container-sm)}}@media (min-width: 768px){.spw-ds-container{max-width:var(--spw-ds-container-md)}}@media (min-width: 1024px){.spw-ds-container{max-width:var(--spw-ds-container-lg)}}@media (min-width: 1200px){.spw-ds-container{max-width:var(--spw-ds-container-xl)}}:host{display:block}.spw-wizard{display:flex;gap:0}.spw-wizard--horizontal{flex-direction:row}.spw-wizard--vertical{flex-direction:column;align-items:flex-start}"}},[257,"spw-wizard",{currentStep:[1026,"current-step"],variant:[1],canClickNextSteps:[4,"can-click-next-steps"],setStep:[64]},[[0,"slotchange","slotChanged"],[0,"wizardItemClick","handleStepClick"]]]),r=a,d=function(){"undefined"!=typeof customElements&&["spw-wizard"].forEach((t=>{"spw-wizard"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))};export{r as SpwWizard,d as defineCustomElement}