@scania/tegel
Version:
Tegel Design System
1 lines • 1.56 kB
JavaScript
import{t as o,p as t,H as s,h as d}from"./index.js";const r=t(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.componentTag="div"}getNestingLevel(){let o=0,t=this.host.parentElement;for(;t;)"tds-block"===t.tagName.toLowerCase()&&o++,t=t.parentElement;return o}render(){const o=this.componentTag,t=this.getNestingLevel();let s="";return null===this.modeVariant&&(s=t%2==0?"tds-block-even":"tds-block-odd"),d(o,{key:"01743312d4accf10f2d372e149880bb8b53a9a97",class:`tds-block ${s} ${null!==this.modeVariant?"tds-mode-variant-"+this.modeVariant:""}`},d("slot",{key:"84c2a61a6f4fc4c118ce73c83d78ca18a1607d0c"}))}get host(){return this}static get style(){return".tds-block{box-sizing:border-box;color:var(--tds-block-color);background-color:var(--tds-block-background);border-radius:4px;padding:16px;font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls)}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{background-color:var(--tds-block-background-primary)}.tds-mode-variant-secondary{background-color:var(--tds-block-background-secondary)}.tds-block-even{background-color:var(--tds-block-background-even)}.tds-block-odd{background-color:var(--tds-block-background-odd)}"}},[257,"tds-block",{modeVariant:[1,"mode-variant"],componentTag:[1,"component-tag"]}]);function c(){"undefined"!=typeof customElements&&["tds-block"].forEach((t=>{"tds-block"===t&&(customElements.get(o(t))||customElements.define(o(t),r))}))}c();const e=r,n=c;export{e as TdsBlock,n as defineCustomElement}