@scania/tegel
Version:
Tegel Design System
1 lines • 2 kB
JavaScript
import{t,p as s,H as e,h as d}from"./index.js";const i=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.value="",this.hidden=!1,this.size="lg",this.tdsAriaLive="polite",this.tdsAriaLabel="",this.shape="",this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps()}checkProps(){const t=parseInt(this.value);Number.isNaN(t)||"sm"===this.size||(this.shape=this.value.length>=2?"pill":"",this.size="lg",this.text=(""+t).length>=3?"99+":""+t)}render(){return d("host",{key:"718d8c1583ad75a49fb5f24bb8efbdad4e3228a7",role:"status",class:{"tds-badge":!0,["tds-badge-"+this.size]:!0,"tds-badge-pill":"pill"===this.shape,"tds-badge-hidden":this.hidden},"aria-label":this.tdsAriaLabel,"aria-live":this.tdsAriaLive},d("div",{key:"d76ae168c4f5926a170472162ecd611b5e6e4639",class:"tds-badge-text","aria-hidden":"true"},this.text))}static get watchers(){return{value:[{watchProps:0}],size:[{watchProps:0}]}}static get style(){return":host{--tds-badge-background-color:var(--tds-red-400);--tds-badge-color-text:var(--tds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--tds-badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--tds-badge-color-text);font-weight:bold}"}},[1,"tds-badge",{value:[1],hidden:[516],size:[1],tdsAriaLive:[1,"tds-aria-live"],tdsAriaLabel:[32],shape:[32],text:[32]},void 0,{value:[{watchProps:0}],size:[{watchProps:0}]}]);function a(){"undefined"!=typeof customElements&&["tds-badge"].forEach((s=>{"tds-badge"===s&&(customElements.get(t(s))||customElements.define(t(s),i))}))}a();const o=i,r=a;export{o as TdsBadge,r as defineCustomElement}