@scania/tegel 1.56.0 → 1.57.0

package/dist/components/p-DH9u5b_c.js

@@ -0,0 +1 @@
+import{t as e,p as c,H as t,c as o,h as s}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";const r=c(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.tdsChange=o(this,"tdsChange",6),this.tdsFocus=o(this,"tdsFocus",6),this.tdsBlur=o(this,"tdsBlur",6),this.checkboxId=d(),this.disabled=!1,this.required=!1,this.checked=!1,this.indeterminate=!1,this.handleChange=()=>{this.checked=!this.checked,this.indeterminate=!1,this.tdsChange.emit({checkboxId:this.checkboxId,checked:this.checked,indeterminate:this.indeterminate,value:this.value})}}async toggleCheckbox(){return this.checked=!this.checked,this.indeterminate=!1,{checkboxId:this.checkboxId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}handleIndeterminateState(){this.inputElement.indeterminate=this.indeterminate}handleFocus(e){this.tdsFocus.emit(e)}handleBlur(e){this.tdsBlur.emit(e)}handleFormReset(e){this.host.closest("form")===e.target&&(this.checked=!1,this.indeterminate=!1)}render(){return s("div",{key:"97afce57b6f6ce0d66dabd227f7271b5dc8fe707",class:"tds-checkbox"},s("input",{key:"8c97381eacc2c9d914cd02877e44dc0a7a456b48",ref:e=>{e&&(this.inputElement=e)},indeterminate:this.indeterminate,"aria-checked":this.checked,"aria-required":this.required,"aria-label":this.tdsAriaLabel,"aria-describedby":this.tdsAriaDescribedby,required:this.required,type:"checkbox",name:this.name,value:this.value,id:this.checkboxId,checked:this.checked,disabled:this.disabled,onFocus:e=>this.handleFocus(e),onBlur:e=>this.handleBlur(e),onChange:()=>{this.handleChange()}}),s("label",{key:"15a08109078c67717cf428c0f773ff7946b417a8",htmlFor:this.checkboxId},s("slot",{key:"8ecde64bfea05475817019e4bd67ab50c571e328",name:"label"})))}get host(){return this}static get watchers(){return{indeterminate:[{handleIndeterminateState:0}]}}static get style(){return'.sc-tds-checkbox-h{align-items:center;position:relative;box-sizing:border-box}.tds-checkbox.sc-tds-checkbox{box-sizing:border-box;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-checkbox-text);display:flex;align-items:center;margin-left:-4px}.tds-checkbox.sc-tds-checkbox *.sc-tds-checkbox{box-sizing:border-box}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox{appearance:none;outline:none;margin:0;border:0;width:24px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-text);padding-left:var(--tds-spacing-element-4);padding-top:var(--tds-spacing-element-4);padding-bottom:var(--tds-spacing-element-4);cursor:pointer;display:flex;align-items:center}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox+label.sc-tds-checkbox::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{content:"";position:absolute;box-sizing:border-box;width:16px;height:16px;left:4px;top:4px}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::before{border:1px solid var(--tds-checkbox-border);background-color:var(--tds-checkbox-background);border-radius:var(--tds-checkbox-border-radius);box-shadow:0 0 0 2px var(--tds-checkbox-indicator);transition:box-shadow 0.2s ease-in-out}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox::after{background-color:var(--tds-checkbox-icon-selected);mask:var(--tds-checkbox-icon-mask) no-repeat center;-webkit-mask:var(--tds-checkbox-icon-mask) no-repeat center;opacity:0;z-index:1}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover::before{border-color:var(--tds-checkbox-border-hover);background-color:var(--tds-checkbox-background-hover);box-shadow:0 0 0 2px var(--tds-checkbox-indicator-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:focus-visible::before{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:var(--tds-checkbox-focus-ring-radius)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::before{border-color:var(--tds-checkbox-border-selected);background-color:var(--tds-checkbox-background-selected)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked::after{background-color:var(--tds-checkbox-icon-selected);opacity:1}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::before{border-color:var(--tds-checkbox-border-selected-hover);background-color:var(--tds-checkbox-background-selected-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:checked:hover::after{background-color:var(--tds-checkbox-icon-selected-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::before{border-color:var(--tds-checkbox-border-indeterminate);background-color:var(--tds-checkbox-background-indeterminate)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate::after{background-color:var(--tds-checkbox-icon-indeterminate);mask:var(--tds-checkbox-icon-mask-indeterminate) no-repeat center;-webkit-mask:var(--tds-checkbox-icon-mask-indeterminate) no-repeat center;opacity:1}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:hover::before{border-color:var(--tds-checkbox-border-indeterminate-hover);background-color:var(--tds-checkbox-background-indeterminate-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:indeterminate:hover::after{background-color:var(--tds-checkbox-icon-indeterminate-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:hover+label.sc-tds-checkbox{color:var(--tds-checkbox-text-hover)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox{cursor:not-allowed;opacity:var(--tds-checkbox-opacity-disabled)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:hover::before{border-color:var(--tds-checkbox-border);background-color:var(--tds-checkbox-background);box-shadow:none}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:checked:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:checked:hover::before{border-color:var(--tds-checkbox-border-selected);background-color:var(--tds-checkbox-background-selected)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled:indeterminate:hover::before,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox:indeterminate:hover::before{border-color:var(--tds-checkbox-border-indeterminate);background-color:var(--tds-checkbox-background-indeterminate)}.tds-checkbox.sc-tds-checkbox input[type=checkbox].sc-tds-checkbox:disabled+label.sc-tds-checkbox,.tds-checkbox.sc-tds-checkbox input[type=checkbox].disabled.sc-tds-checkbox+label.sc-tds-checkbox{color:var(--tds-checkbox-text);opacity:var(--tds-checkbox-opacity-disabled);cursor:not-allowed}'}},[262,"tds-checkbox",{name:[513],checkboxId:[513,"checkbox-id"],disabled:[516],required:[516],checked:[1540],indeterminate:[1540],value:[513],tdsAriaLabel:[513,"tds-aria-label"],tdsAriaDescribedby:[513,"tds-aria-describedby"],toggleCheckbox:[64],focusElement:[64]},[[4,"reset","handleFormReset"]],{indeterminate:[{handleIndeterminateState:0}]}]);function b(){"undefined"!=typeof customElements&&["tds-checkbox"].forEach((c=>{"tds-checkbox"===c&&(customElements.get(e(c))||customElements.define(e(c),r))}))}b();export{r as T,b as d}

package/dist/components/{p-Br7e_rNH.js → p-Dy_nSVaY.js}

@@ -1 +1 @@
-import{t,p as o,H as s,c as i,h as d,a as e}from"./index.js";import{c as n}from"./p-CBZ6wC3m.js";import{d as l}from"./p-bPqW3C5g.js";import{d as r}from"./p-1OlFnMHE.js";const h=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSelect=i(this,"tdsSelect",6),this.tdsFocus=i(this,"tdsFocus",6),this.tdsBlur=i(this,"tdsBlur",6),this.internalValue="",this.disabled=!1,this.selected=!1,this.multiselect=!1,this.size="lg",this.parentDropdown=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentDropdown="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentDropdown&&(this.multiselect=null!==(o=this.parentDropdown.multiselect)&&void 0!==o&&o,this.size=this.parentDropdown.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{var t,o;this.disabled||(this.selected=!0,null===(t=this.parentDropdown)||void 0===t||t.appendValue(this.internalValue),null===(o=this.parentDropdown)||void 0===o||o.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{var o,s;this.disabled||(t.detail.checked?(null===(o=this.parentDropdown)||void 0===o||o.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(null===(s=this.parentDropdown)||void 0===s||s.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentDropdown||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentDropdown||this.tdsBlur.emit(t)}}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=n(t)}componentWillLoad(){this.internalValue=n(this.value)}render(){return d(e,{key:"f2c0929d4a6d9e7df2259b80175ddde7bad15946"},d("div",{key:"433562a99e20ec9b21cf1b07819c52e516081723",class:`dropdown-option\n          ${this.size}\n          ${this.selected?"selected":""}\n          ${this.disabled?"disabled":""}\n          `},this.multiselect?d("div",{class:"multiselect",onKeyDown:t=>{var o;"Escape"===t.key&&(null===(o=this.parentDropdown)||void 0===o||o.close())}},d("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},d("div",{slot:"label"},d("slot",null)))):d("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},d("div",{class:"single-select"},d("slot",null),this.selected&&d("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return this}static get watchers(){return{value:[{valueWatcher:0}]}}static get style(){return":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}"}},[273,"tds-dropdown-option",{value:[520],disabled:[516],tdsAriaLabel:[513,"tds-aria-label"],internalValue:[32],selected:[32],multiselect:[32],size:[32],setSelected:[64]},void 0,{value:[{valueWatcher:0}]}]);function a(){"undefined"!=typeof customElements&&["tds-dropdown-option","tds-checkbox","tds-icon"].forEach((o=>{switch(o){case"tds-dropdown-option":customElements.get(t(o))||customElements.define(t(o),h);break;case"tds-checkbox":customElements.get(t(o))||l();break;case"tds-icon":customElements.get(t(o))||r()}}))}a();export{h as T,a as d}
+import{t,p as o,H as s,c as i,h as d,a as e}from"./index.js";import{c as n}from"./p-CBZ6wC3m.js";import{d as l}from"./p-DH9u5b_c.js";import{d as r}from"./p-1OlFnMHE.js";const h=o(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSelect=i(this,"tdsSelect",6),this.tdsFocus=i(this,"tdsFocus",6),this.tdsBlur=i(this,"tdsBlur",6),this.internalValue="",this.disabled=!1,this.selected=!1,this.multiselect=!1,this.size="lg",this.parentDropdown=null,this.label="",this.componentWillRender=()=>{var t,o,s;this.host.parentElement&&(this.parentDropdown="TDS-DROPDOWN"===(null===(t=this.host.parentElement)||void 0===t?void 0:t.tagName)?this.host.parentElement:this.host.getRootNode().host,this.parentDropdown&&(this.multiselect=null!==(o=this.parentDropdown.multiselect)&&void 0!==o&&o,this.size=this.parentDropdown.size||"lg"),this.label=(null===(s=this.host.textContent)||void 0===s?void 0:s.trim())||"")},this.handleSingleSelect=()=>{var t,o;this.disabled||(this.selected=!0,null===(t=this.parentDropdown)||void 0===t||t.appendValue(this.internalValue),null===(o=this.parentDropdown)||void 0===o||o.close(),this.tdsSelect.emit({value:this.internalValue,selected:this.selected}))},this.handleMultiselect=t=>{var o,s;this.disabled||(t.detail.checked?(null===(o=this.parentDropdown)||void 0===o||o.appendValue(this.internalValue),this.selected=!0,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})):(null===(s=this.parentDropdown)||void 0===s||s.removeValue(this.internalValue),this.selected=!1,this.tdsSelect.emit({value:this.internalValue,selected:this.selected})),t.stopPropagation())},this.handleFocus=t=>{this.parentDropdown||this.tdsFocus.emit(t)},this.handleBlur=t=>{this.parentDropdown||this.tdsBlur.emit(t)}}async setSelected(t){this.selected=t}valueWatcher(t){this.internalValue=n(t)}componentWillLoad(){this.internalValue=n(this.value)}render(){return d(e,{key:"f2c0929d4a6d9e7df2259b80175ddde7bad15946"},d("div",{key:"433562a99e20ec9b21cf1b07819c52e516081723",class:`dropdown-option\n          ${this.size}\n          ${this.selected?"selected":""}\n          ${this.disabled?"disabled":""}\n          `},this.multiselect?d("div",{class:"multiselect",onKeyDown:t=>{var o;"Escape"===t.key&&(null===(o=this.parentDropdown)||void 0===o||o.close())}},d("tds-checkbox",{onTdsChange:t=>{this.handleMultiselect(t)},onTdsBlur:t=>{t.stopPropagation()},disabled:this.disabled,checked:this.selected,tdsAriaLabel:this.tdsAriaLabel,class:{[this.size]:!0}},d("div",{slot:"label"},d("slot",null)))):d("button",{role:"option","aria-disabled":this.disabled,"aria-selected":this.selected,"aria-label":this.tdsAriaLabel,onClick:()=>{this.handleSingleSelect()},onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleBlur(t),disabled:this.disabled,class:this.size},d("div",{class:"single-select"},d("slot",null),this.selected&&d("tds-icon",{name:"tick",size:"16px"})))))}static get delegatesFocus(){return!0}get host(){return this}static get watchers(){return{value:[{valueWatcher:0}]}}static get style(){return":host{box-sizing:border-box;display:block;background-color:var(--tds-dropdown-option-background)}:host *{box-sizing:border-box}:host .dropdown-option{color:var(--tds-dropdown-option-color);border-bottom:1px solid var(--tds-dropdown-option-border);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);overflow-wrap:anywhere;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-option.selected{background-color:var(--tds-dropdown-option-background-selected)}:host .dropdown-option.disabled{color:var(--tds-dropdown-option-color-disabled)}:host .dropdown-option button:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:inset 0 0 0 3px var(--component--focus-ring-color-discrete);outline-offset:-2px}:host .dropdown-option button{all:unset;width:100%}:host .dropdown-option button.lg{padding:19px 0 20px}:host .dropdown-option button.md{padding:15px 0 16px}:host .dropdown-option button.sm{padding:11px 0 12px}:host .dropdown-option button.xs{padding:7px 0 8px}:host .dropdown-option button .single-select{display:flex;align-items:center;justify-content:space-between;padding:0 16px}:host .dropdown-option .multiselect{width:100%;height:100%}:host .dropdown-option .multiselect tds-checkbox{display:flex;height:100%;width:100%}:host .dropdown-option .multiselect tds-checkbox.lg{padding:15px 16px 16px}:host .dropdown-option .multiselect tds-checkbox.md{padding:11px 16px 12px}:host .dropdown-option .multiselect tds-checkbox.sm{padding:7px 16px 8px}:host .dropdown-option .multiselect tds-checkbox.xs{padding:7px 16px 8px}:host .dropdown-option:hover{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:pointer}:host .dropdown-option:hover.disabled{border-bottom-color:var(--tds-dropdown-option-border-hover);cursor:not-allowed}:host([hidden]){display:none}"}},[273,"tds-dropdown-option",{value:[520],disabled:[516],tdsAriaLabel:[513,"tds-aria-label"],internalValue:[32],selected:[32],multiselect:[32],size:[32],setSelected:[64]},void 0,{value:[{valueWatcher:0}]}]);function a(){"undefined"!=typeof customElements&&["tds-dropdown-option","tds-checkbox","tds-icon"].forEach((o=>{switch(o){case"tds-dropdown-option":customElements.get(t(o))||customElements.define(t(o),h);break;case"tds-checkbox":customElements.get(t(o))||l();break;case"tds-icon":customElements.get(t(o))||r()}}))}a();export{h as T,a as d}

package/dist/components/tds-checkbox.js

@@ -1 +1 @@
-import{T as o,d as s}from"./p-bPqW3C5g.js";const p=o,r=s;export{p as TdsCheckbox,r as defineCustomElement}
+import{T as o,d as s}from"./p-DH9u5b_c.js";const p=o,r=s;export{p as TdsCheckbox,r as defineCustomElement}

package/dist/components/tds-dropdown-option.js

@@ -1 +1 @@
-import{T as r,d as o}from"./p-Br7e_rNH.js";const s=r,p=o;export{s as TdsDropdownOption,p as defineCustomElement}
+import{T as o,d as s}from"./p-Dy_nSVaY.js";const a=o,p=s;export{a as TdsDropdownOption,p as defineCustomElement}

package/dist/components/tds-radio-button.js

@@ -1 +1 @@
-import{t,p as o,H as d,c as r,h as s}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";const a=o(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=r(this,"tdsChange",6),this.radioId=i(),this.checked=!1,this.required=!1,this.disabled=!1,this.handleChange=()=>{this.tdsChange.emit({radioId:this.radioId,value:this.value})}}async focusElement(){this.inputElement&&this.inputElement.focus()}render(){return s("div",{key:"bfa799e8b8659e2a7262b239bdcc2535776fc9b3",class:"tds-radio-button"},s("input",{key:"5f0b88e6e2d1af55fb8c47edfd378e422bf9a38c",ref:t=>{t&&(this.inputElement=t)},"aria-label":this.tdsAriaLabel,class:"tds-form-input",type:"radio",role:"radio",name:this.name,id:this.radioId,value:this.value,checked:this.checked,"aria-checked":this.checked,required:this.required,disabled:this.disabled,onChange:()=>this.handleChange(),tabIndex:this.tdsTabIndex}),s("label",{key:"345dc77a437f9e4bd9936fadf8c774c5aa56fd5b",htmlFor:this.radioId},s("slot",{key:"a5828506e8b5f408a0873cdcb9a57a68f27b0351",name:"label"})))}get host(){return this}static get style(){return'.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;display:flex;align-items:center;margin-left:-4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-color)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:20px;height:24px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) 6px;cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:20px;height:20px;top:2px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);width:16px;height:16px;left:50%;top:50%;transform:translate(-50%, -50%)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{background-color:var(--tds-radio-button-background-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::before{background-color:var(--tds-radio-button-background-focus);box-shadow:0 0 0 1px var(--tds-radio-button-background-focus);animation:rb-focus var(--tds-motion-duration-moderate-02) var(--tds-motion-easing-enter) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::after{outline:1px solid var(--tds-radio-button-interaction-outline)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;background-color:transparent;width:16px;height:16px;left:2px;top:4px;box-shadow:inset 0 0 0 1px var(--tds-radio-button-border-color-disabled-after)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);clip-path:inset(1px 1px round 50%)}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}'}},[262,"tds-radio-button",{name:[513],value:[513],radioId:[513,"radio-id"],checked:[516],required:[516],disabled:[516],tdsAriaLabel:[513,"tds-aria-label"],tdsTabIndex:[514,"tds-tab-index"],focusElement:[64]}]);function e(){"undefined"!=typeof customElements&&["tds-radio-button"].forEach((o=>{"tds-radio-button"===o&&(customElements.get(t(o))||customElements.define(t(o),a))}))}e();const n=a,b=e;export{n as TdsRadioButton,b as defineCustomElement}
+import{t,p as o,H as d,c as r,h as s}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";const i=o(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=r(this,"tdsChange",6),this.radioId=a(),this.checked=!1,this.required=!1,this.disabled=!1,this.handleChange=()=>{this.tdsChange.emit({radioId:this.radioId,value:this.value})}}async focusElement(){this.inputElement&&this.inputElement.focus()}render(){return s("div",{key:"bfa799e8b8659e2a7262b239bdcc2535776fc9b3",class:"tds-radio-button"},s("input",{key:"5f0b88e6e2d1af55fb8c47edfd378e422bf9a38c",ref:t=>{t&&(this.inputElement=t)},"aria-label":this.tdsAriaLabel,class:"tds-form-input",type:"radio",role:"radio",name:this.name,id:this.radioId,value:this.value,checked:this.checked,"aria-checked":this.checked,required:this.required,disabled:this.disabled,onChange:()=>this.handleChange(),tabIndex:this.tdsTabIndex}),s("label",{key:"345dc77a437f9e4bd9936fadf8c774c5aa56fd5b",htmlFor:this.radioId},s("slot",{key:"a5828506e8b5f408a0873cdcb9a57a68f27b0351",name:"label"})))}get host(){return this}static get style(){return'.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);display:flex;align-items:center;margin-left:-4px;letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-text)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:20px;height:24px;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) 6px;color:var(--tds-radio-button-text);cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;box-sizing:border-box;border-radius:var(--tds-radio-button-border-radius);left:50%;top:50%;transform:translate(-50%, -50%)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:16px;height:16px;border:1px solid var(--tds-radio-button-border);background-color:var(--tds-radio-button-background);box-shadow:0 0 0 2px var(--tds-radio-button-indicator);transition:box-shadow 0.2s ease-in-out}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{width:6px;height:6px;background-color:var(--tds-radio-button-icon-selected);opacity:0;z-index:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{border-color:var(--tds-radio-button-border-hover);background-color:var(--tds-radio-button-background-hover);box-shadow:0 0 0 2px var(--tds-radio-button-indicator-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::before{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:var(--tds-radio-button-focus-ring-radius)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover+label.sc-tds-radio-button{color:var(--tds-radio-button-text-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::before{border-color:var(--tds-radio-button-border-selected);background-color:var(--tds-radio-button-background-selected)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{background-color:var(--tds-radio-button-icon-selected);opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:hover::before{border-color:var(--tds-radio-button-border-selected-hover);background-color:var(--tds-radio-button-background-selected-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:hover::after{background-color:var(--tds-radio-button-icon-selected-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed;opacity:var(--tds-radio-button-opacity-disabled)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{border-color:var(--tds-radio-button-border);background-color:var(--tds-radio-button-background);box-shadow:none}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:checked:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:checked:hover::before{border-color:var(--tds-radio-button-border-selected);background-color:var(--tds-radio-button-background-selected)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-text);opacity:var(--tds-radio-button-opacity-disabled);cursor:not-allowed}'}},[262,"tds-radio-button",{name:[513],value:[513],radioId:[513,"radio-id"],checked:[516],required:[516],disabled:[516],tdsAriaLabel:[513,"tds-aria-label"],tdsTabIndex:[514,"tds-tab-index"],focusElement:[64]}]);function e(){"undefined"!=typeof customElements&&["tds-radio-button"].forEach((o=>{"tds-radio-button"===o&&(customElements.get(t(o))||customElements.define(t(o),i))}))}e();const n=i,b=e;export{n as TdsRadioButton,b as defineCustomElement}

package/dist/components/tds-table-body-row-expandable.js

@@ -1 +1 @@
-import{t,p as e,H as d,c as a,h as s,a as o}from"./index.js";import{g as l}from"./p-Cn4f8w1e.js";import{d as i}from"./p-bPqW3C5g.js";const n=["verticalDividers","compactDesign","noMinWidth","modeVariant","multiselect"],r=e(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internalTdsRowExpanded=a(this,"internalTdsRowExpanded",6),this.tdsChange=a(this,"tdsChange",6),this.tdsSelect=a(this,"tdsSelect",6),this.colSpan=null,this.rowId=l(),this.overflow="auto",this.autoCollapse=!1,this.tdsAriaLabelExpandButton="",this.selected=!1,this.disabled=!1,this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null,this.multiselect=!1}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>n.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}handleRowExpand(t){this.autoCollapse&&t.detail.isExpanded&&t.detail.rowId!==this.rowId&&t.detail.tableId===this.tableId&&this.collapse()}watchExpanded(t){t!==this.isExpanded&&(this.isExpanded=t,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId}))}async expand(){this.isExpanded=!0,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}async collapse(){this.isExpanded=!1,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}connectedCallback(){var t;void 0!==this.expanded&&(this.isExpanded=this.expanded),this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){n.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){var t;if(null!==this.colSpan)this.columnsNumber=this.colSpan;else{const e=null===(t=this.tableEl)||void 0===t?void 0:t.querySelector("tds-table-header");if(e){let t=e.childElementCount;t+=1,this.multiselect&&(t+=1),this.columnsNumber=t}}}sendValue(){this.internalTdsRowExpanded.emit([this.tableId,this.isExpanded]),this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}onChangeHandler(t){this.isExpanded=!0===t.currentTarget.checked,this.sendValue()}async handleCheckboxChange(t){var e;this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}render(){var t;return s(o,{key:"4a19eecaddbe092c48da935ad1c9f3763f6c1bbf",class:{"tds-table__row":!0,"tds-table__row-expand--active":this.isExpanded,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers}},s("tr",{key:"6724479fd5086ffd1d3f445c93fae3552f58cd08",id:"expandable-content-"+this.rowId,class:{"tds-table__row":!0,"tds-table__row--expanded":this.isExpanded,"tds-table__row--selected":this.selected},part:"row"},this.multiselect&&s("td",{key:"6ff69b0dae005b397c56ed1eb354ad854ae5c007",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},s("tds-checkbox",{key:"525f6c830cfb5540659788f160fb385021d2d61a",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),s("td",{key:"1cc72fefa3ddf8faa7c92d51016ea3284b5e0ade",class:{"tds-table__cell-expand":!0}},s("label",{key:"d508a4cb105d5c7b6a25c842ee9c17d9bcc711d9",class:"tds-table__expand-control-container"},s("input",{key:"02309a59872696a39bc14dc569353f6718ca72de",class:"tds-table__expand-input",type:"checkbox",onChange:t=>this.onChangeHandler(t),checked:this.isExpanded,"aria-expanded":this.isExpanded?"true":"false","aria-controls":"expandable-content-"+this.rowId,"aria-label":this.tdsAriaLabelExpandButton}),s("span",{key:"048779f2625c0a7af929a450dedca38bad96ff1b",class:"tds-expendable-row-icon"},s("svg",{key:"8ce707e13f806d2de2c9b2dae7b41366f49e7676",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},s("path",{key:"1d093d47b272fa218ab556a962ed34b5388128ce","fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),s("slot",{key:"5805b8699723c5ba1d1911bac9f83651b8f79503"})),s("tr",{key:"087e3a6f608f647d51087dc0952e6a24c631520b",class:{"tds-table__row-expand":!0,"tds-table__row-expand--expanded":this.isExpanded},part:"expand-row"},s("td",{key:"d561520155d374db9e4c255a48ed5fb24c7f2718",class:{"tds-table__cell-expand":!0,"tds-table__cell-expand--overflow-hidden":"hidden"===this.overflow,"tds-table__cell-expand--overflow-visible":"visible"===this.overflow},part:"expand-row-cell",colSpan:null!==(t=this.columnsNumber)&&void 0!==t?t:void 0},s("div",{key:"f8e443b5141f451fd389ab995b3a8aa3ed44df70",style:{overflow:this.overflow}},s("slot",{key:"2c37f0136cab3b87307c16d55062f4aebc623e55",name:"expand-row"})))))}get host(){return this}static get watchers(){return{expanded:[{watchExpanded:0}]}}static get style(){return":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row--selected{background-color:var(--tds-table-body-row-background-selected)}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__row--selected:hover{background-color:var(--tds-table-body-row-background-selected-hover)}:host .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:auto;padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host .tds-table__row-expand .tds-table__cell-expand--overflow-visible{overflow:visible}:host .tds-table__row-expand .tds-table__cell-expand--overflow-hidden{overflow:hidden}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell-expand{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}"}},[257,"tds-table-body-row-expandable",{colSpan:[514,"col-span"],rowId:[513,"row-id"],expanded:[516],overflow:[513],autoCollapse:[516,"auto-collapse"],tdsAriaLabelExpandButton:[513,"tds-aria-label-expand-button"],selected:[516],disabled:[516],isExpanded:[32],tableId:[32],columnsNumber:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],modeVariant:[32],multiselect:[32],expand:[64],collapse:[64]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"tdsChange","handleRowExpand"]],{expanded:[{watchExpanded:0}]}]);function c(){"undefined"!=typeof customElements&&["tds-table-body-row-expandable","tds-checkbox"].forEach((e=>{switch(e){case"tds-table-body-row-expandable":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-checkbox":customElements.get(t(e))||i()}}))}c();const b=r,h=c;export{b as TdsTableBodyRowExpandable,h as defineCustomElement}
+import{t,p as e,H as d,c as a,h as s,a as o}from"./index.js";import{g as l}from"./p-Cn4f8w1e.js";import{d as i}from"./p-DH9u5b_c.js";const n=["verticalDividers","compactDesign","noMinWidth","modeVariant","multiselect"],r=e(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internalTdsRowExpanded=a(this,"internalTdsRowExpanded",6),this.tdsChange=a(this,"tdsChange",6),this.tdsSelect=a(this,"tdsSelect",6),this.colSpan=null,this.rowId=l(),this.overflow="auto",this.autoCollapse=!1,this.tdsAriaLabelExpandButton="",this.selected=!1,this.disabled=!1,this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null,this.multiselect=!1}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>n.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}handleRowExpand(t){this.autoCollapse&&t.detail.isExpanded&&t.detail.rowId!==this.rowId&&t.detail.tableId===this.tableId&&this.collapse()}watchExpanded(t){t!==this.isExpanded&&(this.isExpanded=t,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId}))}async expand(){this.isExpanded=!0,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}async collapse(){this.isExpanded=!1,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}connectedCallback(){var t;void 0!==this.expanded&&(this.isExpanded=this.expanded),this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){n.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){var t;if(null!==this.colSpan)this.columnsNumber=this.colSpan;else{const e=null===(t=this.tableEl)||void 0===t?void 0:t.querySelector("tds-table-header");if(e){let t=e.childElementCount;t+=1,this.multiselect&&(t+=1),this.columnsNumber=t}}}sendValue(){this.internalTdsRowExpanded.emit([this.tableId,this.isExpanded]),this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}onChangeHandler(t){this.isExpanded=!0===t.currentTarget.checked,this.sendValue()}async handleCheckboxChange(t){var e;this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}render(){var t;return s(o,{key:"4a19eecaddbe092c48da935ad1c9f3763f6c1bbf",class:{"tds-table__row":!0,"tds-table__row-expand--active":this.isExpanded,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers}},s("tr",{key:"6724479fd5086ffd1d3f445c93fae3552f58cd08",id:"expandable-content-"+this.rowId,class:{"tds-table__row":!0,"tds-table__row--expanded":this.isExpanded,"tds-table__row--selected":this.selected},part:"row"},this.multiselect&&s("td",{key:"6ff69b0dae005b397c56ed1eb354ad854ae5c007",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},s("tds-checkbox",{key:"525f6c830cfb5540659788f160fb385021d2d61a",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),s("td",{key:"1cc72fefa3ddf8faa7c92d51016ea3284b5e0ade",class:{"tds-table__cell-expand":!0}},s("label",{key:"d508a4cb105d5c7b6a25c842ee9c17d9bcc711d9",class:"tds-table__expand-control-container"},s("input",{key:"02309a59872696a39bc14dc569353f6718ca72de",class:"tds-table__expand-input",type:"checkbox",onChange:t=>this.onChangeHandler(t),checked:this.isExpanded,"aria-expanded":this.isExpanded?"true":"false","aria-controls":"expandable-content-"+this.rowId,"aria-label":this.tdsAriaLabelExpandButton}),s("span",{key:"048779f2625c0a7af929a450dedca38bad96ff1b",class:"tds-expendable-row-icon"},s("svg",{key:"8ce707e13f806d2de2c9b2dae7b41366f49e7676",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},s("path",{key:"1d093d47b272fa218ab556a962ed34b5388128ce","fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),s("slot",{key:"5805b8699723c5ba1d1911bac9f83651b8f79503"})),s("tr",{key:"087e3a6f608f647d51087dc0952e6a24c631520b",class:{"tds-table__row-expand":!0,"tds-table__row-expand--expanded":this.isExpanded},part:"expand-row"},s("td",{key:"d561520155d374db9e4c255a48ed5fb24c7f2718",class:{"tds-table__cell-expand":!0,"tds-table__cell-expand--overflow-hidden":"hidden"===this.overflow,"tds-table__cell-expand--overflow-visible":"visible"===this.overflow},part:"expand-row-cell",colSpan:null!==(t=this.columnsNumber)&&void 0!==t?t:void 0},s("div",{key:"f8e443b5141f451fd389ab995b3a8aa3ed44df70",style:{overflow:this.overflow}},s("slot",{key:"2c37f0136cab3b87307c16d55062f4aebc623e55",name:"expand-row"})))))}get host(){return this}static get watchers(){return{expanded:[{watchExpanded:0}]}}static get style(){return":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row--selected{background-color:var(--tds-table-body-row-background-selected)}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__row--selected:hover{background-color:var(--tds-table-body-row-background-selected-hover)}:host .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:auto;padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host .tds-table__row-expand .tds-table__cell-expand--overflow-visible{overflow:visible}:host .tds-table__row-expand .tds-table__cell-expand--overflow-hidden{overflow:hidden}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell-expand{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}"}},[257,"tds-table-body-row-expandable",{colSpan:[514,"col-span"],rowId:[513,"row-id"],expanded:[516],overflow:[513],autoCollapse:[516,"auto-collapse"],tdsAriaLabelExpandButton:[513,"tds-aria-label-expand-button"],selected:[516],disabled:[516],isExpanded:[32],tableId:[32],columnsNumber:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],modeVariant:[32],multiselect:[32],expand:[64],collapse:[64]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"tdsChange","handleRowExpand"]],{expanded:[{watchExpanded:0}]}]);function c(){"undefined"!=typeof customElements&&["tds-table-body-row-expandable","tds-checkbox"].forEach((e=>{switch(e){case"tds-table-body-row-expandable":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-checkbox":customElements.get(t(e))||i()}}))}c();const b=r,h=c;export{b as TdsTableBodyRowExpandable,h as defineCustomElement}

package/dist/components/tds-table-body-row.js

@@ -1 +1 @@
-import{t,p as e,H as s,c as o,h as d,a as i}from"./index.js";import{d as l}from"./p-bPqW3C5g.js";const r=["multiselect","verticalDividers","compactDesign"],a=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSelect=o(this,"tdsSelect",6),this.tdsClick=o(this,"tdsClick",6),this.selected=!1,this.disabled=!1,this.clickable=!1,this.multiselect=!1,this.mainCheckBoxStatus=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}async handleCheckboxChange(t){var e;this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}handleRowClick(t){var e,s,o;if(!this.clickable)return;const d=Array.from(null!==(o=null===(s=null===(e=this.host)||void 0===e?void 0:e.parentElement)||void 0===s?void 0:s.children)&&void 0!==o?o:[]).indexOf(this.host);this.tdsClick.emit({event:t,tableId:this.tableId,rowIndex:d})}handleKeyDown(t){!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleRowClick(t))}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>r.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&r.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}render(){return d(i,{key:"2d1a875e4fcc34fd35edbc2379bb333344da26f6",tabindex:this.clickable?"0":null,class:{"tds-table__row":!0,"tds-table__row--selected":this.selected,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table__row--clickable":this.clickable},onClick:t=>this.handleRowClick(t),onKeyDown:t=>this.handleKeyDown(t),role:"row"},this.multiselect&&d("td",{key:"454c4ebce72cc16c4bd0ea1d3ae57a6f1c9a6f7f",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},d("tds-checkbox",{key:"dfdc49c6156339ded9cd1ec0d0660d561334508e",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),d("slot",{key:"823f0be11a3c370a08439cecc0725485bf7ca20c"}))}get host(){return this}static get style(){return":host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);--row-bg:var(--tds-table-body-row-background);background-color:var(--row-bg);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){border-bottom:1px solid var(--tds-table-divider-hover)}:host(.tds-table__row:hover){--row-bg:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){--row-bg:var(--tds-table-body-row-background-selected)}:host(.tds-table__row--selected:hover){--row-bg:var(--tds-table-body-row-background-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table__row--clickable){cursor:pointer}:host(.tds-table__row--clickable:focus-visible){outline:var(--focus-outline, 2px solid blue)}"}},[257,"tds-table-body-row",{selected:[516],disabled:[516],clickable:[516],multiselect:[32],mainCheckBoxStatus:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function c(){"undefined"!=typeof customElements&&["tds-table-body-row","tds-checkbox"].forEach((e=>{switch(e){case"tds-table-body-row":customElements.get(t(e))||customElements.define(t(e),a);break;case"tds-checkbox":customElements.get(t(e))||l()}}))}c();const b=a,h=c;export{b as TdsTableBodyRow,h as defineCustomElement}
+import{t,p as e,H as s,c as o,h as d,a as i}from"./index.js";import{d as l}from"./p-DH9u5b_c.js";const r=["multiselect","verticalDividers","compactDesign"],a=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSelect=o(this,"tdsSelect",6),this.tdsClick=o(this,"tdsClick",6),this.selected=!1,this.disabled=!1,this.clickable=!1,this.multiselect=!1,this.mainCheckBoxStatus=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}async handleCheckboxChange(t){var e;this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}handleRowClick(t){var e,s,o;if(!this.clickable)return;const d=Array.from(null!==(o=null===(s=null===(e=this.host)||void 0===e?void 0:e.parentElement)||void 0===s?void 0:s.children)&&void 0!==o?o:[]).indexOf(this.host);this.tdsClick.emit({event:t,tableId:this.tableId,rowIndex:d})}handleKeyDown(t){!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleRowClick(t))}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>r.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&r.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}render(){return d(i,{key:"2d1a875e4fcc34fd35edbc2379bb333344da26f6",tabindex:this.clickable?"0":null,class:{"tds-table__row":!0,"tds-table__row--selected":this.selected,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table__row--clickable":this.clickable},onClick:t=>this.handleRowClick(t),onKeyDown:t=>this.handleKeyDown(t),role:"row"},this.multiselect&&d("td",{key:"454c4ebce72cc16c4bd0ea1d3ae57a6f1c9a6f7f",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},d("tds-checkbox",{key:"dfdc49c6156339ded9cd1ec0d0660d561334508e",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),d("slot",{key:"823f0be11a3c370a08439cecc0725485bf7ca20c"}))}get host(){return this}static get style(){return":host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);--row-bg:var(--tds-table-body-row-background);background-color:var(--row-bg);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){border-bottom:1px solid var(--tds-table-divider-hover)}:host(.tds-table__row:hover){--row-bg:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){--row-bg:var(--tds-table-body-row-background-selected)}:host(.tds-table__row--selected:hover){--row-bg:var(--tds-table-body-row-background-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table__row--clickable){cursor:pointer}:host(.tds-table__row--clickable:focus-visible){outline:var(--focus-outline, 2px solid blue)}"}},[257,"tds-table-body-row",{selected:[516],disabled:[516],clickable:[516],multiselect:[32],mainCheckBoxStatus:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function c(){"undefined"!=typeof customElements&&["tds-table-body-row","tds-checkbox"].forEach((e=>{switch(e){case"tds-table-body-row":customElements.get(t(e))||customElements.define(t(e),a);break;case"tds-checkbox":customElements.get(t(e))||l()}}))}c();const b=a,h=c;export{b as TdsTableBodyRow,h as defineCustomElement}

package/dist/components/tds-table-footer.js

@@ -1 +1 @@
-import{t,p as e,H as s,c as a,h as o,a as i}from"./index.js";import{d as l}from"./p-bPqW3C5g.js";import{d as r}from"./p-DhFWetNE.js";import{d as n}from"./p-Br7e_rNH.js";import{d}from"./p-1OlFnMHE.js";const c=["compactDesign","horizontalScrollWidth","multiselect","expandableRows"];function b(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const h=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsPagination=a(this,"tdsPagination",7),this.pagination=!1,this.paginationValue=1,this.paginationLabel="of {pages} pages",this.rowsperpage=!0,this.rowsPerPageLabel="Rows per page",this.rowsPerPageValues=[10,25,50],this.rowsPerPageDropdownOpenDirection="auto",this.rowsPerPageDropdownAriaLabel="Select rows per page",this.pages=0,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.multiselect=!1,this.expandableRows=!1,this.lastCorrectValue=1,this.tableId="",this.horizontalScrollWidth=null,this.emitTdsPagination=()=>{this.tdsPagination.emit(this.rowsperpage?{tableId:this.tableId,paginationValue:Number(this.paginationValue),rowsPerPage:this.rowsPerPageValue}:{tableId:this.tableId,paginationValue:Number(this.paginationValue)})},this.previousPage=()=>{this.paginationValue>=2&&this.paginationValue--,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.nextPage=()=>{this.pages&&this.paginationValue<=this.pages&&this.paginationValue++,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.lastPage=()=>{this.paginationValue=this.pages,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.firstPage=()=>{this.paginationValue=1,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>c.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}colsChanged(t){null!==t?this.columnsNumber=t:this.updateColumnsNumber()}updateColumnsNumber(){var t,e,s;if(this.cols)return;let a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;this.multiselect&&(a+=1),this.expandableRows&&(a+=1),this.columnsNumber=a}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){var t,e,s;c.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.rowsPerPageValue||(this.rowsPerPageValue=this.rowsPerPageValues[0]),this.storeLastCorrectValue(this.paginationValue);const a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;if(this.cols)this.columnsNumber=this.cols;else{let t=a;this.multiselect&&(t+=1),this.expandableRows&&(t+=1),this.columnsNumber=t}}storeLastCorrectValue(t){this.lastCorrectValue=t}paginationInputChange(t){const e=Number(t.target.value);e>t.target.max||e<t.target.min?(t.target.classList.add("tds-table__page-selector-input--shake"),this.inputElement.value=this.lastCorrectValue+"",this.paginationValue=Number(this.inputElement.value)):this.paginationValue=e,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}pagesChange(t){this.paginationValue>t&&(this.paginationValue=this.pages,this.emitTdsPagination())}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=this.horizontalScrollWidth+"px"),t}renderPaginationLabel(){const t=this.paginationLabel.split("{pages}");return 1===t.length?this.paginationLabel:t.flatMap(((e,s)=>s===t.length-1?[e]:[e,o("span",null,this.pages)]))}render(){var t;return o(i,{key:"8dc06e9c565e608dd02bf74a0328b515aaea31c2",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},o("tr",{key:"1a64b9023acc03204ad4219fd986b106334ff6e6",class:"tds-table__footer-row"},o("td",{key:"815d2a7aaf4c98035fc0b1bdb4b7b7668f4a5e83",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&o("div",{key:"65dbb8f0ffd41242553775c6e42fff5c626d0017",class:"tds-table__pagination"},o("div",{key:"de880d869b550d94ab543dcb3182b354ce09cc45",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&o("div",{key:"481589d46734bed1e77037003169d12373e6e169",class:"rows-per-page"},o("p",{key:"f054474b89ddb6cd3245b215c9095f445582f6a9"},this.rowsPerPageLabel),o("tds-dropdown",{key:"066a6f324de1a0c83f9e15350b133e8de14f8259",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",tdsAriaLabel:this.rowsPerPageDropdownAriaLabel,defaultValue:""+this.rowsPerPageValue,onTdsChange:t=>this.rowsPerPageChange(t),openDirection:this.rowsPerPageDropdownOpenDirection},this.rowsPerPageValues.map((t=>o("tds-dropdown-option",{value:""+t},t)))))),o("div",{key:"598f908e641e97a7d02681e57534817a063b1bd8",class:"tds-table__page-selector"},o("input",{key:"5cca773b5720451a74716aaa4be370285d9b34a5",ref:t=>{t&&(this.inputElement=t)},class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"ltr",onChange:t=>this.paginationInputChange(t),onAnimationEnd:b}),o("p",{key:"2fc916ca072a1f109408025f34e55efec40aa661",class:"tds-table__footer-text"},this.renderPaginationLabel()),o("button",{key:"843fbd54ec2f77f4b4a494ed93ba6fa82ba169e7",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},o("tds-icon",{key:"1f79a5af16a33b6635cd1533ac9852852bd6e6d6",name:"skip_backwards",size:"20px"})),o("button",{key:"3b7c30d4f1c167001bc42bde4523436aa807e501",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},o("tds-icon",{key:"79cbe3606b633611e63cffc674f2552c496479ef",name:"chevron_left",size:"20px"})),o("button",{key:"7251a8abc9628336696267c8a7c9296f078c3304",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},o("tds-icon",{key:"e06b07d0aca6cfb3a053391ac92f0950b6d9dc30",name:"chevron_right",size:"20px"})),o("button",{key:"f843cd3597e7419c174919254e28f5b94b9d184f",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},o("tds-icon",{key:"5d217d4ff8ae825e1ac5cd31416b56dc04a323b3",name:"skip_forward",size:"20px"})))))))}get host(){return this}static get watchers(){return{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}],pages:[{pagesChange:0}]}}static get style(){return":host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}"}},[1,"tds-table-footer",{pagination:[516],paginationValue:[1538,"pagination-value"],paginationLabel:[513,"pagination-label"],rowsperpage:[516],rowsPerPageLabel:[513,"rows-per-page-label"],rowsPerPageValues:[16],rowsPerPageDropdownOpenDirection:[1,"rows-per-page-dropdown-open-direction"],rowsPerPageDropdownAriaLabel:[513,"rows-per-page-dropdown-aria-label"],pages:[514],cols:[514],rowsPerPageValue:[1026,"rows-per-page-value"],columnsNumber:[32],compactDesign:[32],multiselect:[32],expandableRows:[32],lastCorrectValue:[32],tableId:[32],horizontalScrollWidth:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]],{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}],pages:[{pagesChange:0}]}]);function p(){"undefined"!=typeof customElements&&["tds-table-footer","tds-checkbox","tds-dropdown","tds-dropdown-option","tds-icon"].forEach((e=>{switch(e){case"tds-table-footer":customElements.get(t(e))||customElements.define(t(e),h);break;case"tds-checkbox":customElements.get(t(e))||l();break;case"tds-dropdown":customElements.get(t(e))||r();break;case"tds-dropdown-option":customElements.get(t(e))||n();break;case"tds-icon":customElements.get(t(e))||d()}}))}p();const _=h,g=p;export{_ as TdsTableFooter,g as defineCustomElement}
+import{t,p as e,H as s,c as a,h as o,a as i}from"./index.js";import{d as l}from"./p-DH9u5b_c.js";import{d as r}from"./p-DhFWetNE.js";import{d as n}from"./p-Dy_nSVaY.js";import{d}from"./p-1OlFnMHE.js";const c=["compactDesign","horizontalScrollWidth","multiselect","expandableRows"];function b(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const h=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsPagination=a(this,"tdsPagination",7),this.pagination=!1,this.paginationValue=1,this.paginationLabel="of {pages} pages",this.rowsperpage=!0,this.rowsPerPageLabel="Rows per page",this.rowsPerPageValues=[10,25,50],this.rowsPerPageDropdownOpenDirection="auto",this.rowsPerPageDropdownAriaLabel="Select rows per page",this.pages=0,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.multiselect=!1,this.expandableRows=!1,this.lastCorrectValue=1,this.tableId="",this.horizontalScrollWidth=null,this.emitTdsPagination=()=>{this.tdsPagination.emit(this.rowsperpage?{tableId:this.tableId,paginationValue:Number(this.paginationValue),rowsPerPage:this.rowsPerPageValue}:{tableId:this.tableId,paginationValue:Number(this.paginationValue)})},this.previousPage=()=>{this.paginationValue>=2&&this.paginationValue--,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.nextPage=()=>{this.pages&&this.paginationValue<=this.pages&&this.paginationValue++,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.lastPage=()=>{this.paginationValue=this.pages,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.firstPage=()=>{this.paginationValue=1,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>c.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}colsChanged(t){null!==t?this.columnsNumber=t:this.updateColumnsNumber()}updateColumnsNumber(){var t,e,s;if(this.cols)return;let a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;this.multiselect&&(a+=1),this.expandableRows&&(a+=1),this.columnsNumber=a}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){var t,e,s;c.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.rowsPerPageValue||(this.rowsPerPageValue=this.rowsPerPageValues[0]),this.storeLastCorrectValue(this.paginationValue);const a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;if(this.cols)this.columnsNumber=this.cols;else{let t=a;this.multiselect&&(t+=1),this.expandableRows&&(t+=1),this.columnsNumber=t}}storeLastCorrectValue(t){this.lastCorrectValue=t}paginationInputChange(t){const e=Number(t.target.value);e>t.target.max||e<t.target.min?(t.target.classList.add("tds-table__page-selector-input--shake"),this.inputElement.value=this.lastCorrectValue+"",this.paginationValue=Number(this.inputElement.value)):this.paginationValue=e,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}pagesChange(t){this.paginationValue>t&&(this.paginationValue=this.pages,this.emitTdsPagination())}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=this.horizontalScrollWidth+"px"),t}renderPaginationLabel(){const t=this.paginationLabel.split("{pages}");return 1===t.length?this.paginationLabel:t.flatMap(((e,s)=>s===t.length-1?[e]:[e,o("span",null,this.pages)]))}render(){var t;return o(i,{key:"8dc06e9c565e608dd02bf74a0328b515aaea31c2",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},o("tr",{key:"1a64b9023acc03204ad4219fd986b106334ff6e6",class:"tds-table__footer-row"},o("td",{key:"815d2a7aaf4c98035fc0b1bdb4b7b7668f4a5e83",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&o("div",{key:"65dbb8f0ffd41242553775c6e42fff5c626d0017",class:"tds-table__pagination"},o("div",{key:"de880d869b550d94ab543dcb3182b354ce09cc45",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&o("div",{key:"481589d46734bed1e77037003169d12373e6e169",class:"rows-per-page"},o("p",{key:"f054474b89ddb6cd3245b215c9095f445582f6a9"},this.rowsPerPageLabel),o("tds-dropdown",{key:"066a6f324de1a0c83f9e15350b133e8de14f8259",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",tdsAriaLabel:this.rowsPerPageDropdownAriaLabel,defaultValue:""+this.rowsPerPageValue,onTdsChange:t=>this.rowsPerPageChange(t),openDirection:this.rowsPerPageDropdownOpenDirection},this.rowsPerPageValues.map((t=>o("tds-dropdown-option",{value:""+t},t)))))),o("div",{key:"598f908e641e97a7d02681e57534817a063b1bd8",class:"tds-table__page-selector"},o("input",{key:"5cca773b5720451a74716aaa4be370285d9b34a5",ref:t=>{t&&(this.inputElement=t)},class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"ltr",onChange:t=>this.paginationInputChange(t),onAnimationEnd:b}),o("p",{key:"2fc916ca072a1f109408025f34e55efec40aa661",class:"tds-table__footer-text"},this.renderPaginationLabel()),o("button",{key:"843fbd54ec2f77f4b4a494ed93ba6fa82ba169e7",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},o("tds-icon",{key:"1f79a5af16a33b6635cd1533ac9852852bd6e6d6",name:"skip_backwards",size:"20px"})),o("button",{key:"3b7c30d4f1c167001bc42bde4523436aa807e501",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},o("tds-icon",{key:"79cbe3606b633611e63cffc674f2552c496479ef",name:"chevron_left",size:"20px"})),o("button",{key:"7251a8abc9628336696267c8a7c9296f078c3304",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},o("tds-icon",{key:"e06b07d0aca6cfb3a053391ac92f0950b6d9dc30",name:"chevron_right",size:"20px"})),o("button",{key:"f843cd3597e7419c174919254e28f5b94b9d184f",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},o("tds-icon",{key:"5d217d4ff8ae825e1ac5cd31416b56dc04a323b3",name:"skip_forward",size:"20px"})))))))}get host(){return this}static get watchers(){return{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}],pages:[{pagesChange:0}]}}static get style(){return":host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}"}},[1,"tds-table-footer",{pagination:[516],paginationValue:[1538,"pagination-value"],paginationLabel:[513,"pagination-label"],rowsperpage:[516],rowsPerPageLabel:[513,"rows-per-page-label"],rowsPerPageValues:[16],rowsPerPageDropdownOpenDirection:[1,"rows-per-page-dropdown-open-direction"],rowsPerPageDropdownAriaLabel:[513,"rows-per-page-dropdown-aria-label"],pages:[514],cols:[514],rowsPerPageValue:[1026,"rows-per-page-value"],columnsNumber:[32],compactDesign:[32],multiselect:[32],expandableRows:[32],lastCorrectValue:[32],tableId:[32],horizontalScrollWidth:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]],{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}],pages:[{pagesChange:0}]}]);function p(){"undefined"!=typeof customElements&&["tds-table-footer","tds-checkbox","tds-dropdown","tds-dropdown-option","tds-icon"].forEach((e=>{switch(e){case"tds-table-footer":customElements.get(t(e))||customElements.define(t(e),h);break;case"tds-checkbox":customElements.get(t(e))||l();break;case"tds-dropdown":customElements.get(t(e))||r();break;case"tds-dropdown-option":customElements.get(t(e))||n();break;case"tds-icon":customElements.get(t(e))||d()}}))}p();const _=h,g=p;export{_ as TdsTableFooter,g as defineCustomElement}

package/dist/components/tds-table-header.js

@@ -1 +1 @@
-import{t as e,p as t,H as s,c as a,h as d,a as i}from"./index.js";import{d as l}from"./p-bPqW3C5g.js";const o=["multiselect","expandableRows","verticalDividers","compactDesign","noMinWidth"],n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsSelectAll=a(this,"tdsSelectAll",6),this.allSelected=!1,this.disabled=!1,this.indeterminate=!1,this.multiselect=!1,this.expandableRows=!1,this.mainCheckboxSelected=!1,this.mainExpendSelected=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.enableToolbarDesign=!1,this.tableId=""}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>o.includes(e))).forEach((t=>{if(void 0===this[t])throw Error("Table prop is not supported: "+t);this[t]=e.detail[t]}))}internalTdsRowExpandedListener(e){this.tableId===e.detail[0]&&setTimeout((()=>{this.bodyExpandClicked()}),100)}bodyExpandClicked(){var e;const t=null===(e=this.host.parentElement)||void 0===e?void 0:e.querySelector("tds-table-body");if(t){const e=t.getElementsByClassName("tds-table__row-extend--active").length,s=t.getElementsByTagName("tds-table-body-row-expendable").length;this.mainExpendSelected=s===e}}connectedCallback(){var e;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(e=this.tableEl)||void 0===e?void 0:e.tableId}componentWillLoad(){o.forEach((e=>{var t;this[e]=null===(t=this.tableEl)||void 0===t?void 0:t[e]}))}componentWillRender(){const e=this.host.closest("tds-table");e&&(this.enableToolbarDesign=(null==e?void 0:e.getElementsByTagName("tds-table-toolbar").length)>=1)}async handleCheckboxChange(e){var t;this.allSelected=e.detail.checked,this.tdsSelectAll.emit({tableId:this.tableId,checked:e.detail.checked,selectedRows:await(null===(t=this.tableEl)||void 0===t?void 0:t.getSelectedRows())})}render(){return d(i,{key:"3fd3b267495c342977831ff9733b1ac671e605c5",class:{"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--toolbar-available":this.enableToolbarDesign}},d("tr",{key:"f4ee401353ff0882aa3f9785721a44845c13ea2e"},this.multiselect&&d("th",{key:"1a72135d5fbcc84c73aee71f6d6cf563dcef00a8",class:"tds-table__header-cell tds-table__header-cell--checkbox"},d("div",{key:"beff818341bb016234d1b2ce312c950f8be7938d",class:"tds-form-label tds-form-label--table"},d("tds-checkbox",{key:"796c809f3238345667e724c9a416fd807cf8b218",checked:this.allSelected||this.selected,disabled:this.disabled,indeterminate:this.indeterminate,onTdsChange:e=>this.handleCheckboxChange(e)}))),this.expandableRows&&d("th",{key:"d22a9cf5c6d23de55c184c7bec8972732ab32d49",class:"tds-table__header-cell tds-table__header-cell--checkbox"}),d("slot",{key:"8e4ff0efe17956fb9ef8bf0a21e18bcd660515da"})))}get host(){return this}static get style(){return":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}"}},[257,"tds-table-header",{allSelected:[1540,"all-selected"],selected:[1540],disabled:[1540],indeterminate:[516],multiselect:[32],expandableRows:[32],mainCheckboxSelected:[32],mainExpendSelected:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],enableToolbarDesign:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowExpanded","internalTdsRowExpandedListener"]]]);function r(){"undefined"!=typeof customElements&&["tds-table-header","tds-checkbox"].forEach((t=>{switch(t){case"tds-table-header":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-checkbox":customElements.get(e(t))||l()}}))}r();const c=n,h=r;export{c as TdsTableHeader,h as defineCustomElement}
+import{t as e,p as t,H as s,c as a,h as d,a as i}from"./index.js";import{d as l}from"./p-DH9u5b_c.js";const o=["multiselect","expandableRows","verticalDividers","compactDesign","noMinWidth"],n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsSelectAll=a(this,"tdsSelectAll",6),this.allSelected=!1,this.disabled=!1,this.indeterminate=!1,this.multiselect=!1,this.expandableRows=!1,this.mainCheckboxSelected=!1,this.mainExpendSelected=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.enableToolbarDesign=!1,this.tableId=""}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>o.includes(e))).forEach((t=>{if(void 0===this[t])throw Error("Table prop is not supported: "+t);this[t]=e.detail[t]}))}internalTdsRowExpandedListener(e){this.tableId===e.detail[0]&&setTimeout((()=>{this.bodyExpandClicked()}),100)}bodyExpandClicked(){var e;const t=null===(e=this.host.parentElement)||void 0===e?void 0:e.querySelector("tds-table-body");if(t){const e=t.getElementsByClassName("tds-table__row-extend--active").length,s=t.getElementsByTagName("tds-table-body-row-expendable").length;this.mainExpendSelected=s===e}}connectedCallback(){var e;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(e=this.tableEl)||void 0===e?void 0:e.tableId}componentWillLoad(){o.forEach((e=>{var t;this[e]=null===(t=this.tableEl)||void 0===t?void 0:t[e]}))}componentWillRender(){const e=this.host.closest("tds-table");e&&(this.enableToolbarDesign=(null==e?void 0:e.getElementsByTagName("tds-table-toolbar").length)>=1)}async handleCheckboxChange(e){var t;this.allSelected=e.detail.checked,this.tdsSelectAll.emit({tableId:this.tableId,checked:e.detail.checked,selectedRows:await(null===(t=this.tableEl)||void 0===t?void 0:t.getSelectedRows())})}render(){return d(i,{key:"3fd3b267495c342977831ff9733b1ac671e605c5",class:{"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--toolbar-available":this.enableToolbarDesign}},d("tr",{key:"f4ee401353ff0882aa3f9785721a44845c13ea2e"},this.multiselect&&d("th",{key:"1a72135d5fbcc84c73aee71f6d6cf563dcef00a8",class:"tds-table__header-cell tds-table__header-cell--checkbox"},d("div",{key:"beff818341bb016234d1b2ce312c950f8be7938d",class:"tds-form-label tds-form-label--table"},d("tds-checkbox",{key:"796c809f3238345667e724c9a416fd807cf8b218",checked:this.allSelected||this.selected,disabled:this.disabled,indeterminate:this.indeterminate,onTdsChange:e=>this.handleCheckboxChange(e)}))),this.expandableRows&&d("th",{key:"d22a9cf5c6d23de55c184c7bec8972732ab32d49",class:"tds-table__header-cell tds-table__header-cell--checkbox"}),d("slot",{key:"8e4ff0efe17956fb9ef8bf0a21e18bcd660515da"})))}get host(){return this}static get style(){return":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}"}},[257,"tds-table-header",{allSelected:[1540,"all-selected"],selected:[1540],disabled:[1540],indeterminate:[516],multiselect:[32],expandableRows:[32],mainCheckboxSelected:[32],mainExpendSelected:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],enableToolbarDesign:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowExpanded","internalTdsRowExpandedListener"]]]);function r(){"undefined"!=typeof customElements&&["tds-table-header","tds-checkbox"].forEach((t=>{switch(t){case"tds-table-header":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-checkbox":customElements.get(e(t))||l()}}))}r();const c=n,h=r;export{c as TdsTableHeader,h as defineCustomElement}

package/dist/components/tds-toggle.js

@@ -1 +1 @@
-import{t,p as e,H as s,c as o,h as d}from"./index.js";import{g}from"./p-Cn4f8w1e.js";const l=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsToggle=o(this,"tdsToggle",6),this.checked=!1,this.required=!1,this.size="lg",this.disabled=!1,this.toggleId=g(),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})}}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}componentWillLoad(){this.labelSlot=this.host.querySelector("[slot='label']")}render(){return d("div",{key:"53ced027584d0c53406ffd3666cc427f2c8c8151",class:"tds-toggle"},this.headline&&d("div",{key:"9b059811d239d1c6689bd833fb029d99be011d91",class:{"toggle-headline":!0,disabled:this.disabled}},this.headline),d("input",{key:"547392983cf52e45e77b755c96bd0233a223e848",ref:t=>{t&&(this.inputElement=t)},"aria-label":this.tdsAriaLabel,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),"aria-checked":this.checked,"aria-required":this.required,onChange:()=>this.handleToggle(),class:""+this.size,checked:this.checked,disabled:this.disabled,required:this.required,type:"checkbox",name:this.name,id:this.toggleId,role:"switch"}),this.labelSlot&&d("label",{key:"f11d96fdbd4fa15528504b7cdc2a4d60cb04c48a",class:{disabled:this.disabled},htmlFor:this.toggleId},d("slot",{key:"38f16f00d2ffec77e1729aa03163be49d17a27db",name:"label"})))}get host(){return this}static get style(){return'.tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{cursor:not-allowed}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-toggle-headline);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{color:var(--tds-toggle-headline-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:"";position:absolute;box-sizing:border-box;transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:16px;background-color:var(--tds-toggle-off-slider);left:0;border:1px solid transparent}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-switch);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible{outline:none;outline:2px solid var(--tds-toggle-border-outline);border-radius:16px;outline-offset:-2px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible::before{width:40px;height:20px;left:2px;top:2px;background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::before{background-color:var(--tds-toggle-off-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:active::before{background-color:var(--tds-toggle-on-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{cursor:not-allowed}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::before{background-color:var(--tds-toggle-on-slider-disabled);border:1px solid var(--tds-toggle-on-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled:checked::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:focus-visible::before{width:24px;height:12px;left:2px;top:2px;background-color:var(--tds-toggle-off-slider-focus);border:1px solid var(--tds-toggle-off-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:focus-visible:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:active::before{background-color:var(--tds-toggle-off-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on-slider)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:focus-visible::before{background-color:var(--tds-toggle-on-slider-focus);border:1px solid var(--tds-toggle-on-border-focus)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-slider-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked:active::before{background-color:var(--tds-toggle-on-slider-pressed)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::before{background-color:var(--tds-toggle-slider-disabled);border:1px solid var(--tds-toggle-slider-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:disabled::after{background-color:var(--tds-toggle-switch-disabled)}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{display:inline-block;vertical-align:middle;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);color:var(--tds-toggle-label-color);padding-left:8px;cursor:pointer}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{color:var(--tds-toggle-label-color-disabled)}'}},[262,"tds-toggle",{checked:[516],required:[516],size:[513],name:[513],headline:[513],disabled:[516],toggleId:[513,"toggle-id"],tdsAriaLabel:[513,"tds-aria-label"],toggle:[64],focusElement:[64]}]);function c(){"undefined"!=typeof customElements&&["tds-toggle"].forEach((e=>{"tds-toggle"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}c();const r=l,i=c;export{r as TdsToggle,i as defineCustomElement}
+import{t,p as e,H as o,c as s,h as g}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";const l=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsToggle=s(this,"tdsToggle",6),this.checked=!1,this.required=!1,this.size="lg",this.disabled=!1,this.toggleId=d(),this.handleToggle=()=>{this.checked=!this.checked,this.tdsToggle.emit({toggleId:this.toggleId,checked:this.checked})}}async toggle(){return this.checked=!this.checked,{toggleId:this.toggleId,checked:this.checked}}async focusElement(){this.inputElement&&this.inputElement.focus()}componentWillLoad(){this.labelSlot=this.host.querySelector("[slot='label']")}render(){return g("div",{key:"53ced027584d0c53406ffd3666cc427f2c8c8151",class:"tds-toggle"},this.headline&&g("div",{key:"9b059811d239d1c6689bd833fb029d99be011d91",class:{"toggle-headline":!0,disabled:this.disabled}},this.headline),g("input",{key:"547392983cf52e45e77b755c96bd0233a223e848",ref:t=>{t&&(this.inputElement=t)},"aria-label":this.tdsAriaLabel,"aria-describedby":this.host.getAttribute("aria-describedby"),"aria-labelledby":this.host.getAttribute("aria-labelledby"),"aria-checked":this.checked,"aria-required":this.required,onChange:()=>this.handleToggle(),class:""+this.size,checked:this.checked,disabled:this.disabled,required:this.required,type:"checkbox",name:this.name,id:this.toggleId,role:"switch"}),this.labelSlot&&g("label",{key:"f11d96fdbd4fa15528504b7cdc2a4d60cb04c48a",class:{disabled:this.disabled},htmlFor:this.toggleId},g("slot",{key:"38f16f00d2ffec77e1729aa03163be49d17a27db",name:"label"})))}get host(){return this}static get style(){return'.tds-toggle.sc-tds-toggle .disabled.sc-tds-toggle{cursor:not-allowed}.tds-toggle.sc-tds-toggle .toggle-headline.sc-tds-toggle{font-family:var(--detail-02-font-family);font-size:var(--detail-02-font-size);line-height:var(--detail-02-line-height);font-weight:var(--detail-02-font-weight);letter-spacing:var(--detail-02-letter-spacing);text-transform:var(--detail-02-text-transform);color:var(--tds-toggle-text);margin-bottom:12px}.tds-toggle.sc-tds-toggle .toggle-headline.disabled.sc-tds-toggle{opacity:var(--tds-toggle-opacity-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle{appearance:initial;margin:0;width:44px;height:24px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after,.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{content:"";position:absolute;box-sizing:border-box;transition:all var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-scania)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::before{width:44px;height:24px;border-radius:var(--tds-toggle-border-radius);background-color:var(--tds-toggle-off);left:0;border:1px solid transparent}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle::after{width:16px;height:16px;background-color:var(--tds-toggle-knob);border-radius:50%;left:4px;top:4px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::before{background-color:var(--tds-toggle-off-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:hover::after{background-color:var(--tds-toggle-knob-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:active::before{background-color:var(--tds-toggle-off-active)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:active::after{background-color:var(--tds-toggle-knob-active)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:focus-visible{outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;border-radius:var(--tds-toggle-focus-ring-radius)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::before{background-color:var(--tds-toggle-on)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked::after{background-color:var(--tds-toggle-knob-on);left:24px}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:hover::before{background-color:var(--tds-toggle-on-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:hover::after{background-color:var(--tds-toggle-knob-on-hover)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:active::before{background-color:var(--tds-toggle-on-active)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:checked:active::after{background-color:var(--tds-toggle-knob-on-active)}.tds-toggle.sc-tds-toggle input[type=checkbox].sc-tds-toggle:disabled{cursor:not-allowed;opacity:var(--tds-toggle-opacity-disabled)}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::before{width:28px;height:16px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle::after{width:8px;height:8px}.tds-toggle.sc-tds-toggle input[type=checkbox].sm.sc-tds-toggle:checked::after{left:16px}.tds-toggle.sc-tds-toggle label.sc-tds-toggle{font-family:var(--detail-01-font-family);font-size:var(--detail-01-font-size);line-height:var(--detail-01-line-height);font-weight:var(--detail-01-font-weight);letter-spacing:var(--detail-01-letter-spacing);text-transform:var(--detail-01-text-transform);display:inline-block;vertical-align:middle;color:var(--tds-toggle-text);padding-left:8px;cursor:pointer}.tds-toggle.sc-tds-toggle label.disabled.sc-tds-toggle{opacity:var(--tds-toggle-opacity-disabled)}'}},[262,"tds-toggle",{checked:[516],required:[516],size:[513],name:[513],headline:[513],disabled:[516],toggleId:[513,"toggle-id"],tdsAriaLabel:[513,"tds-aria-label"],toggle:[64],focusElement:[64]}]);function c(){"undefined"!=typeof customElements&&["tds-toggle"].forEach((e=>{"tds-toggle"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}c();const i=l,a=c;export{i as TdsToggle,a as defineCustomElement}