@scania/tegel/dist/tegel/p-c612b88f.entry.js

Tegel Design System

import{r as e,c as t,h as s,H as i,a}from"./p-9xxNGlso.js";import{g as h}from"./p-Cn4f8w1e.js";const n=class{constructor(s){e(this,s),this.internalTdsPropsChange=t(this,"internalTdsPropsChange",6),this.orientation="horizontal",this.labelPosition="below",this.size="lg",this.hideLabels=!1,this.stepperId=h(),this.tdsAriaLabel="Progress steps"}componentWillLoad(){"vertical"===this.orientation&&(this.labelPosition="aside")}handleDirectionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["orientation"],orientation:this.orientation})}handleLabelPositionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["labelPosition"],labelPosition:this.labelPosition})}handleSizeChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["size"],size:this.size})}handleHideLabelsChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["hideLabels"],hideLabels:this.hideLabels})}render(){return s(i,{key:"a62077cf8b1936e7109eea64cad0ceb67a45c676"},s("div",{key:"f958fcd53b074ac8ac72d055162e738116e94956",role:"list","aria-label":this.tdsAriaLabel,class:`${this.orientation} text-position-${this.labelPosition} ${this.size}`},s("slot",{key:"e9dfa6c14ec134baafe5a58394337b09ca091809"})))}get host(){return a(this)}static get watchers(){return{orientation:[{handleDirectionChange:0}],labelPosition:[{handleLabelPositionChange:0}],size:[{handleSizeChange:0}],hideLabels:[{handleHideLabelsChange:0}]}}};n.style=":host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){display:table;table-layout:fixed;width:100%;list-style:none}:host [role=list].vertical{height:100%;display:flex;flex-direction:column;justify-content:unset;gap:52px}:host [role=list].vertical.sm{gap:36px}:host [role=list].horizontal.text-position-aside{justify-content:unset}";export{n as tds_stepper}