@scania/tegel 1.50.0 → 1.51.0

package/dist/components/tds-chip.js

@@ -1 +1 @@
-import{t as s,p as t,H as c,c as i,h as e,a as d}from"./index.js";import{g as p}from"./p-Cn4f8w1e.js";import{h as o}from"./p-DDX6uFcm.js";const h=t(class extends c{constructor(s){super(),!1!==s&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.internalRadioOnChange=i(this,"internalRadioOnChange",6),this.tdsClick=i(this,"tdsClick",6),this.type="button",this.size="lg",this.chipId=p(),this.checked=!1,this.disabled=!1,this.handleChange=()=>{this.disabled||("checkbox"===this.type?this.checked=!this.checked:"radio"===this.type?(this.checked=!0,this.internalRadioOnChange.emit({chipId:this.chipId,checked:this.checked,groupName:this.name})):console.error("Unsupported type in Chip component!"),this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value}))},this.handleClick=()=>{this.disabled||this.tdsClick.emit({chipId:this.chipId})}}handleInternaRadioChange(s){const{chipId:t,checked:c,groupName:i}=s.detail;t!==this.chipId&&i===this.name&&this.checked&&c&&(this.checked=!1)}renderInputAttributes(){return Object.assign(Object.assign({},{disabled:this.disabled}),"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()})}render(){const s=this.renderInputAttributes(),t=o("prefix",this.host),c=o("label",this.host),i=o("suffix",this.host);return e(d,{key:"610866a08e70c90d8f62c4e262e492c0ad2ab753"},e("div",{key:"9615a6a960ad58beb9971514e13dce3a370af231",class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:t,suffix:i,disabled:this.disabled}},e("input",Object.assign({key:"dfe150bd39d139b100ce9f959bbe813750745420",type:this.type,id:this.chipId,"aria-checked":"button"===this.type?void 0:this.checked+"",role:this.type,"aria-label":this.tdsAriaLabel},s)),e("label",{key:"361ed17718d1cbe90b945342cd0281a49626b26e",onClick:s=>s.stopPropagation(),htmlFor:this.chipId},t&&e("slot",{key:"7a3cee5a56d4d731b0967ba55c54431de4d0e5e2",name:"prefix"}),c&&e("slot",{key:"5fe884b9b8314c5a89d9af3166da68fd23c0c07a",name:"label"}),i&&e("slot",{key:"d2c928404578bdf6e6dc393a98b4c1b112432d34",name:"suffix"}))))}get host(){return this}static get style(){return".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h{display:inline-block}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.tds-chip-component.sc-tds-chip{display:inline-flex}.tds-chip-component.sc-tds-chip label.sc-tds-chip{box-sizing:content-box;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:32px;border:1px solid var(--tds-chips-border);cursor:pointer;white-space:nowrap}.tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover);border-color:var(--tds-chips-border-hover)}.tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background-disabled);color:var(--tds-chips-text-disabled);border-color:transparent;cursor:default;pointer-events:none}.tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.tds-chip-component.disabled.sc-tds-chip input[type=radio].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.tds-chip-component.disabled.sc-tds-chip input[type=checkbox].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:16px;padding:8px 16px;gap:6px}.tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:16px;padding:4px 12px;gap:4px}.tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:4px 12px 4px 8px}.tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px 4px 12px}.tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:8px 16px 8px 10px}.tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px 8px 16px}.tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px}.tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px}.tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;background-color:var(--tds-chips-background-focus);border-color:transparent}.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);border-color:var(--tds-chips-background-active)}.tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover);border-color:var(--tds-chips-border-selected-hover)}"}},[262,"tds-chip",{type:[513],size:[513],chipId:[513,"chip-id"],checked:[1540],name:[513],value:[513],disabled:[516],tdsAriaLabel:[513,"tds-aria-label"]},[[16,"internalRadioOnChange","handleInternaRadioChange"]]]);function a(){"undefined"!=typeof customElements&&["tds-chip"].forEach((t=>{"tds-chip"===t&&(customElements.get(s(t))||customElements.define(s(t),h))}))}a();const n=h,r=a;export{n as TdsChip,r as defineCustomElement}
+import{t as s,p as t,H as i,c,h as e,a as d}from"./index.js";import{g as p}from"./p-Cn4f8w1e.js";import{h}from"./p-DDX6uFcm.js";const o=t(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.tdsChange=c(this,"tdsChange",6),this.internalRadioOnChange=c(this,"internalRadioOnChange",6),this.tdsClick=c(this,"tdsClick",6),this.type="button",this.size="lg",this.chipId=p(),this.checked=!1,this.disabled=!1,this.handleChange=()=>{this.disabled||("checkbox"===this.type?this.checked=!this.checked:"radio"===this.type?(this.checked=!0,this.internalRadioOnChange.emit({chipId:this.chipId,checked:this.checked,groupName:this.name})):console.error("Unsupported type in Chip component!"),this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value}))},this.handleClick=()=>{this.disabled||this.tdsClick.emit({chipId:this.chipId})}}handleInternaRadioChange(s){const{chipId:t,checked:i,groupName:c}=s.detail;t!==this.chipId&&c===this.name&&this.checked&&i&&(this.checked=!1)}renderInputAttributes(){return Object.assign(Object.assign({},{disabled:this.disabled}),"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()})}render(){const s=this.renderInputAttributes(),t=h("prefix",this.host),i=h("label",this.host),c=h("suffix",this.host);return e(d,{key:"610866a08e70c90d8f62c4e262e492c0ad2ab753"},e("div",{key:"9615a6a960ad58beb9971514e13dce3a370af231",class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:t,suffix:c,disabled:this.disabled}},e("input",Object.assign({key:"dfe150bd39d139b100ce9f959bbe813750745420",type:this.type,id:this.chipId,"aria-checked":"button"===this.type?void 0:this.checked+"",role:this.type,"aria-label":this.tdsAriaLabel},s)),e("label",{key:"361ed17718d1cbe90b945342cd0281a49626b26e",onClick:s=>s.stopPropagation(),htmlFor:this.chipId},t&&e("slot",{key:"7a3cee5a56d4d731b0967ba55c54431de4d0e5e2",name:"prefix"}),i&&e("slot",{key:"5fe884b9b8314c5a89d9af3166da68fd23c0c07a",name:"label"}),c&&e("slot",{key:"d2c928404578bdf6e6dc393a98b4c1b112432d34",name:"suffix"}))))}get host(){return this}static get style(){return".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h{display:inline-block}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.tds-chip-component.sc-tds-chip{display:inline-flex}.tds-chip-component.sc-tds-chip label.sc-tds-chip{box-sizing:content-box;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:var(--tds-chips-border-radius);border:1px solid var(--tds-chips-border);cursor:pointer;white-space:nowrap}.tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover);border-color:var(--tds-chips-border-hover)}.tds-chip-component.disabled.sc-tds-chip{opacity:var(--tds-chips-opacity-disabled)}.tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{cursor:default;pointer-events:none}.tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:16px;padding:8px 16px;gap:6px}.tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:16px;padding:4px 12px;gap:4px}.tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:4px 12px 4px 8px}.tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px 4px 12px}.tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:8px 16px 8px 10px}.tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px 8px 16px}.tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px}.tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px}.tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;background-color:var(--tds-chips-background-focus);border-color:transparent}.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);border-color:var(--tds-chips-border-selected)}.tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover);border-color:var(--tds-chips-border-selected-hover)}"}},[262,"tds-chip",{type:[513],size:[513],chipId:[513,"chip-id"],checked:[1540],name:[513],value:[513],disabled:[516],tdsAriaLabel:[513,"tds-aria-label"]},[[16,"internalRadioOnChange","handleInternaRadioChange"]]]);function n(){"undefined"!=typeof customElements&&["tds-chip"].forEach((t=>{"tds-chip"===t&&(customElements.get(s(t))||customElements.define(s(t),o))}))}n();const a=o,r=n;export{a as TdsChip,r as defineCustomElement}