@postnord/web-components
Version:
PostNord Web Components
5 lines • 1.31 kB
JavaScript
/*!
* Built with Stencil
* By PostNord.
*/
import{proxyCustomElement as e,HTMLElement as t,createEvent as s,transformTag as r,h as i}from"@stencil/core/internal/client";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.progresschange=s(this,"progresschange",7)}get hostElement(){return this}activeStep=0;progresschange;setActiveStepHandler({detail:e}){this.activeStep=e,this.progresschange.emit(this.activeStep)}componentWillLoad(){this.passPropsToChildren()}componentDidUpdate(){this.passPropsToChildren()}passPropsToChildren(){Array.from(this.hostElement.querySelectorAll(""+r("pn-progress-indicator-step"))).forEach(((e,t)=>{e.activeStep=this.activeStep,e.index=t}))}render(){return i("div",{key:"1108f70edf525c6e7e0e45d34a6d58e69c5b9ab2",class:"pn-progress-indicator"},i("slot",{key:"c4035cf9fadb46f4e573c0225bebb2f8f7187da6"}))}static get style(){return".pn-progress-indicator{display:flex;padding:2.8em 1em 0}"}},[772,"pn-progress-indicator",{activeStep:[1026,"active-step"]},[[0,"setactivestep","setActiveStepHandler"]]]),o=n,c=function(){"undefined"!=typeof customElements&&["pn-progress-indicator"].forEach((e=>{"pn-progress-indicator"===e&&(customElements.get(r(r(e)))||customElements.define(r(r(e)),n))}))};export{o as PnProgressIndicator,c as defineCustomElement}