@scania/tegel 1.3.1 → 1.3.3-event-types.0

package/dist/tegel/p-ff006811.entry.js

@@ -1 +0,0 @@
-import{r as s,c,h as t,H as i,g as p}from"./p-3e9b9672.js";import{g as o}from"./p-f7ce52e9.js";import{h}from"./p-ae110fc2.js";const d=class{constructor(t){s(this,t),this.tdsChange=c(this,"tdsChange",6),this.tdsClick=c(this,"tdsClick",6),this.handleChange=()=>{this.checked=!this.checked,this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value})},this.handleClick=()=>{this.tdsClick.emit({chipId:this.chipId})},this.type="button",this.size="lg",this.chipId=o(),this.checked=!1,this.name=void 0,this.value=void 0}renderInputAttributes(){return"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()}}render(){const s=this.renderInputAttributes(),c=h("prefix",this.host),p=h("label",this.host),o=h("suffix",this.host);return t(i,null,t("div",{class:"component"},t("div",{class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:c,suffix:o}},t("input",Object.assign({type:this.type,id:this.chipId},s)),t("label",{onClick:s=>s.stopPropagation(),htmlFor:this.chipId},c&&t("slot",{name:"prefix"}),p&&t("slot",{name:"label"}),o&&t("slot",{name:"suffix"})))))}get host(){return p(this)}};d.style=".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:16px;cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover)}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:32px;padding:0 16px;gap:8px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:24px;padding:0 12px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:0 12px 0 6px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px 0 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:0 16px 0 8px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px 0 16px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 8px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:0 6px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-blue-400);outline-offset:-2px;background-color:var(--tds-chips-background-focus)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover)}";export{d as tds_chip}