@scania/tegel 1.53.0 → 1.54.0-btn-icon-beta.0

package/dist/tegel/{p-15189121.entry.js → p-992a7ba2.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as d}from"./p-VFN9WV0d.js";import{g as i}from"./p-Cn4f8w1e.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsInput=e(this,"tdsInput",6),this.shouldValidate=!1,this.type="datetime-local",this.value="",this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name=`datetime-${i()}`,this.autofocus=!1,this.label="",this.labelPosition="no-label",this.helper="",this.helperErrorInvalid="Invalid input",this.focusInput=!1,this.nativeValidation=()=>!(this.min&&this.textInput.validity.rangeUnderflow||this.max&&this.textInput.validity.rangeOverflow||this.textInput.validity.badInput),this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(6,8),i=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),a=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${i}T${s}:${a}`;case"date":return`${t}-${e}-${i}`;case"month":return`${t}-${e}`;case"week":return`${t}-W${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw new Error("Invalid type.")}}}async reset(){this.internalReset(),this.tdsChange.emit({name:this.name,value:this.value})}async setValue(t){this.value=t}async focusElement(){this.textInput&&(this.textInput.focus(),this.focusInput=!0)}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}componentDidRender(){this.shouldValidate&&(this.shouldValidate=!1,this.validateDate())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.validateDate(),this.focusInput=!1}onValueChanged(){this.shouldValidate=!0}validateDate(){this.state="none",!this.nativeValidation()||this.customValidator&&!this.customValidator(this.textInput.value)?this.state="error":this.textInput.value&&(this.state="success")}handleInput(t){this.value=t.target.value,this.tdsInput.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}internalReset(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue()),this.value=""}render(){var t,e;const i=navigator.userAgent.toLowerCase().includes("iphone");let s=" tds-datetime-input";"md"===this.size&&(s+=`${s}-md`),"sm"===this.size&&(s+=`${s}-sm`),i&&(s+=" iphone");const a={"tds-form-datetime-nomin":this.noMinWidth,"tds-form-datetime":!0,"tds-datetime-focus":this.focusInput,"tds-datetime-data":this.value.length>0,"tds-form-datetime-disabled":this.disabled,[`tds-form-datetime-${this.size}`]:["md","sm"].includes(this.size),[`tds-form-datetime-${this.state}`]:["error","success"].includes(`${this.state}`),[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant,"tds-datetime-container-label-inside":!(!this.label||"inside"!==this.labelPosition||"sm"===this.size)};return d("div",{key:"46bd4a81e68f32267d62df5180ab6ba9de7e183e",class:a,onKeyDown:t=>{"Enter"===t.key&&navigator.userAgent.toLowerCase().includes("chrome")&&this.textInput.showPicker()}},"outside"===this.labelPosition&&this.label&&d("label",{key:"84cd03bee06e621314ee4a2a74440a1cc64b635d",htmlFor:this.name,class:"tds-datetime-label"},this.label),d("div",{key:"7c4c04ea0df4b88c74d203123dc17dd29386b494",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},d("div",{key:"8c2a1e6d92b45b1be68e520b21d40dd83ec5bab0",class:`tds-datetime-input-container type-${this.type}`},d("input",{key:"4fb15c46fb418f11f7fc02dcef8c430257ebd556",ref:t=>{t&&(this.textInput=t)},class:s,type:this.type,disabled:this.disabled,value:this.value,min:this.min,max:this.max,autofocus:this.autofocus,name:this.name,id:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label}),"inside"===this.labelPosition&&"sm"!==this.size&&this.label&&d("label",{key:"7bc1fa21b2389416773ed271c6db22560d27c3fb",class:"tds-datetime-label-inside",htmlFor:this.name},this.label),d("div",{key:"d93169f5ab8077e150e7bdb2c459a9086c5cc350",class:"datetime-icon icon-datetime-local"},d("tds-icon",{key:"22bb5b37b73319c6566e1db29284778754d634e7",size:"20px",name:"calendar",svgTitle:"Calendar"})),d("div",{key:"1c9d52a312e2a622485de8deab6a13b83c54decd",class:"datetime-icon icon-time"},d("tds-icon",{key:"472222802261960915664e5a754a74e7def45bc7",size:"20px",name:"clock",svgTitle:"Clock"})))),"error"===this.state&&d("div",{key:"c4d637939bbb2be52867a1d0eecd8d85e13f9664",class:"tds-datetime-helper"},!(null===(e=null===(t=this.textInput)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.badInput)&&d("div",{key:"b5ad19a8715623928f9af3706cc9f53090d031ed",class:"tds-helper"},d("tds-icon",{key:"805214bccad4afa519a783c1d0d6457c12465151",name:"error",size:"16px",svgTitle:"error"})," ",this.helperError),this.textInput&&this.textInput.validity.badInput&&d("div",{key:"c566a22753888287a2abc60e2c747fff669a96b9",class:"tds-helper"},d("tds-icon",{key:"656f92a11620ef57eae10aac48010e0d5ef82f74",name:"error",size:"16px",svgTitle:"error"})," ",this.helperErrorInvalid)),this.helper&&"error"!==this.state&&d("div",{key:"ed123de1e76dbd7b9ea209d3c48cd3c6b1bc0bb5",class:"tds-datetime-helper"},d("div",{key:"915e2b03b3c78476b2d9b1cc13837d3fb565ef49",class:"tds-helper"},this.helper)))}static get watchers(){return{value:[{onValueChanged:0}]}}};s.style="@supports selector(input::-webkit-datetime-edit){.tds-datetime-input.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-md.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-sm.sc-tds-datetime:not(:focus)::-webkit-datetime-edit{color:var(--tds-datetime-placeholder-color)}}.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-datetime-input-md.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime:disabled,.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.iphone.sc-tds-datetime,.tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.iphone.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{border-radius:0;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom:none}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding:var(--tds-spacing-element-4) 0;color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-disabled)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:flex;gap:var(--tds-spacing-element-8);flex-wrap:nowrap}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}";export{s as tds_datetime}
+import{r as t,c as e,h as d}from"./p-Cy3cGhkE.js";import{g as i}from"./p-Cn4f8w1e.js";const s=class{constructor(d){t(this,d),this.tdsChange=e(this,"tdsChange",6),this.tdsBlur=e(this,"tdsBlur",6),this.tdsFocus=e(this,"tdsFocus",6),this.tdsInput=e(this,"tdsInput",6),this.shouldValidate=!1,this.type="datetime-local",this.value="",this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name=`datetime-${i()}`,this.autofocus=!1,this.label="",this.labelPosition="no-label",this.helper="",this.helperErrorInvalid="Invalid input",this.focusInput=!1,this.nativeValidation=()=>!(this.min&&this.textInput.validity.rangeUnderflow||this.max&&this.textInput.validity.rangeOverflow||this.textInput.validity.badInput),this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(6,8),i=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),a=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${i}T${s}:${a}`;case"date":return`${t}-${e}-${i}`;case"month":return`${t}-${e}`;case"week":return`${t}-W${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw new Error("Invalid type.")}}}async reset(){this.internalReset(),this.tdsChange.emit({name:this.name,value:this.value})}async setValue(t){this.value=t}async focusElement(){this.textInput&&(this.textInput.focus(),this.focusInput=!0)}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}componentDidRender(){this.shouldValidate&&(this.shouldValidate=!1,this.validateDate())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.validateDate(),this.focusInput=!1}onValueChanged(){this.shouldValidate=!0}validateDate(){this.state="none",!this.nativeValidation()||this.customValidator&&!this.customValidator(this.textInput.value)?this.state="error":this.textInput.value&&(this.state="success")}handleInput(t){this.value=t.target.value,this.tdsInput.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}internalReset(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue()),this.value=""}render(){var t,e;const i=navigator.userAgent.toLowerCase().includes("iphone");let s=" tds-datetime-input";"md"===this.size&&(s+=`${s}-md`),"sm"===this.size&&(s+=`${s}-sm`),i&&(s+=" iphone");const a={"tds-form-datetime-nomin":this.noMinWidth,"tds-form-datetime":!0,"tds-datetime-focus":this.focusInput,"tds-datetime-data":this.value.length>0,"tds-form-datetime-disabled":this.disabled,[`tds-form-datetime-${this.size}`]:["md","sm"].includes(this.size),[`tds-form-datetime-${this.state}`]:["error","success"].includes(`${this.state}`),[`tds-mode-variant-${this.modeVariant}`]:null!==this.modeVariant,"tds-datetime-container-label-inside":!(!this.label||"inside"!==this.labelPosition||"sm"===this.size)};return d("div",{key:"46bd4a81e68f32267d62df5180ab6ba9de7e183e",class:a,onKeyDown:t=>{"Enter"===t.key&&navigator.userAgent.toLowerCase().includes("chrome")&&this.textInput.showPicker()}},"outside"===this.labelPosition&&this.label&&d("label",{key:"84cd03bee06e621314ee4a2a74440a1cc64b635d",htmlFor:this.name,class:"tds-datetime-label"},this.label),d("div",{key:"7c4c04ea0df4b88c74d203123dc17dd29386b494",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},d("div",{key:"8c2a1e6d92b45b1be68e520b21d40dd83ec5bab0",class:`tds-datetime-input-container type-${this.type}`},d("input",{key:"4fb15c46fb418f11f7fc02dcef8c430257ebd556",ref:t=>{t&&(this.textInput=t)},class:s,type:this.type,disabled:this.disabled,value:this.value,min:this.min,max:this.max,autofocus:this.autofocus,name:this.name,id:this.name,onInput:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label}),"inside"===this.labelPosition&&"sm"!==this.size&&this.label&&d("label",{key:"7bc1fa21b2389416773ed271c6db22560d27c3fb",class:"tds-datetime-label-inside",htmlFor:this.name},this.label),d("div",{key:"d93169f5ab8077e150e7bdb2c459a9086c5cc350",class:"datetime-icon icon-datetime-local"},d("tds-icon",{key:"22bb5b37b73319c6566e1db29284778754d634e7",size:"20px",name:"calendar",svgTitle:"Calendar"})),d("div",{key:"1c9d52a312e2a622485de8deab6a13b83c54decd",class:"datetime-icon icon-time"},d("tds-icon",{key:"472222802261960915664e5a754a74e7def45bc7",size:"20px",name:"clock",svgTitle:"Clock"})))),"error"===this.state&&d("div",{key:"c4d637939bbb2be52867a1d0eecd8d85e13f9664",class:"tds-datetime-helper"},!(null===(e=null===(t=this.textInput)||void 0===t?void 0:t.validity)||void 0===e?void 0:e.badInput)&&d("div",{key:"b5ad19a8715623928f9af3706cc9f53090d031ed",class:"tds-helper"},d("tds-icon",{key:"805214bccad4afa519a783c1d0d6457c12465151",name:"error",size:"16px",svgTitle:"error"})," ",this.helperError),this.textInput&&this.textInput.validity.badInput&&d("div",{key:"c566a22753888287a2abc60e2c747fff669a96b9",class:"tds-helper"},d("tds-icon",{key:"656f92a11620ef57eae10aac48010e0d5ef82f74",name:"error",size:"16px",svgTitle:"error"})," ",this.helperErrorInvalid)),this.helper&&"error"!==this.state&&d("div",{key:"ed123de1e76dbd7b9ea209d3c48cd3c6b1bc0bb5",class:"tds-datetime-helper"},d("div",{key:"915e2b03b3c78476b2d9b1cc13837d3fb565ef49",class:"tds-helper"},this.helper)))}static get watchers(){return{value:[{onValueChanged:0}]}}};s.style="@supports selector(input::-webkit-datetime-edit){.tds-datetime-input.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-md.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-sm.sc-tds-datetime:not(:focus)::-webkit-datetime-edit{color:var(--tds-datetime-placeholder-color)}}.tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-datetime-input-md.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime:disabled,.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime,.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.iphone.sc-tds-datetime,.tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.iphone.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.iphone.sc-tds-datetime{padding:0}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{border-radius:0;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;z-index:1}.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom:none}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding:var(--tds-spacing-element-4) 0;color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-disabled)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:flex;gap:var(--tds-spacing-element-8);flex-wrap:nowrap}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}";export{s as tds_datetime}

package/dist/tegel/{p-9122bbb9.entry.js → p-99f515c4.entry.js}

@@ -1 +1 @@
-import{r as t,c as a,h as e,H as s,a as r}from"./p-VFN9WV0d.js";const o=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],i=class{constructor(e){t(this,e),this.tdsFilter=a(this,"tdsFilter",7),this.tableTitle="",this.filter=!1,this.tdsSearchAriaLabel="",this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId="",this.horizontalScrollWidth=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((a=>{if(void 0===this[a])throw new Error(`Table prop is not supported: ${a}`);this[a]=t.detail[a]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){o.forEach((t=>{var a;this[t]=null===(a=this.tableEl)||void 0===a?void 0:a[t]}))}handleSearch(t){const a=t.currentTarget.value.toLowerCase(),e=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:a}),a.length>0?e.classList.add("tds-table__searchbar--active"):e.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){return e(s,{key:"b98524b265ec24c7204f78fdba7298806488c5cd",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},e("div",{key:"474eb3d4623e98f69094a9d5c6942fa2bef05fd2",class:"tds-table__upper-bar-flex"},e("div",{key:"f616780361cc2101ddb2e0e9d112cd596f4a91ed",class:"tds-table__actionbar-left"},this.tableTitle&&e("caption",{key:"0a8a2e7330352f0c8bce0f29f43f6f5bb7a4204a",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),e("slot",{key:"fe7312c205337614665ac25824bfd27c7d9cadc8",name:"start"})),e("div",{key:"95af8f20377ecc20417a8e51dd1e2e619c1eeb21",class:"tds-table__actionbar"},this.filter&&e("div",{key:"798d8ff8fe3008f09018c095c8b07e2a6df17aa7",class:"tds-table__searchbar"},e("input",{key:"e152dc0fcbb47e181788ebbe57ac751332d5cb4c",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),e("span",{key:"fc6a824134d9a41b1aa6864238e0ad37793003ac",class:"tds-table__searchbar-icon"},e("tds-icon",{key:"8ed3d82df541b903c9b6d8e36e172ce15c2d5f54",name:"search",size:"20px"}))),e("slot",{key:"de8d5e9242b9bb1de8a8254cd08fdd41eb76a5e5",name:"end"}))))}get host(){return r(this)}};i.style=':host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left;margin-right:var(--tds-spacing-element-8)}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}';export{i as tds_table_toolbar}
+import{r as t,c as a,h as e,H as s,a as r}from"./p-Cy3cGhkE.js";const o=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],i=class{constructor(e){t(this,e),this.tdsFilter=a(this,"tdsFilter",7),this.tableTitle="",this.filter=!1,this.tdsSearchAriaLabel="",this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId="",this.horizontalScrollWidth=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>o.includes(t))).forEach((a=>{if(void 0===this[a])throw new Error(`Table prop is not supported: ${a}`);this[a]=t.detail[a]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){o.forEach((t=>{var a;this[t]=null===(a=this.tableEl)||void 0===a?void 0:a[t]}))}handleSearch(t){const a=t.currentTarget.value.toLowerCase(),e=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:a}),a.length>0?e.classList.add("tds-table__searchbar--active"):e.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=`${this.horizontalScrollWidth}px`),t}render(){return e(s,{key:"82de92eb66d3592648321ec69f571a7f8562870d",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},e("div",{key:"87aff8f8230e0289217e9b4ba276fd90adeed20d",class:"tds-table__upper-bar-flex"},e("div",{key:"c4cd83ece587f591ac7532580cd6d52f82be3cf6",class:"tds-table__actionbar-left"},this.tableTitle&&e("caption",{key:"5305f59a0e6c97dded2cf07fe78738d829ea862e",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),e("slot",{key:"c76b2d1bd6dcc3ae00cbe8ebc217e3de2b77a16e",name:"start"})),e("div",{key:"f06062c8f1c11ff05d41aa6b2a5811899036b240",class:"tds-table__actionbar"},this.filter&&e("div",{key:"0b59c9b54861d4c02a5ec0861d52120f834f1208",class:"tds-table__searchbar"},e("input",{key:"6b06fb4aa86958c44c7fc8d1eeaa5bd895e52b82",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),e("span",{key:"3ee299d71b855f904b8b478d8d58e058aefd66b8",class:"tds-table__searchbar-icon"},e("tds-icon",{key:"7beaa148dfa57c227534c5015a2c6ccd924bb921",name:"search",size:"20px"}))),e("slot",{key:"0d88dc478526afcfe25dc56b9d3b8426c48ba8a7",name:"end"}))))}get host(){return r(this)}};i.style=':host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left;margin-right:var(--tds-spacing-element-8)}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}';export{i as tds_table_toolbar}

package/dist/tegel/p-9dc9b89e.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,H as r,a as n}from"./p-Cy3cGhkE.js";import{h as a}from"./p-DDX6uFcm.js";const s=class{constructor(o){t(this,o),this.type="button",this.variant="primary",this.size="lg",this.disabled=!1,this.fullbleed=!1,this.modeVariant=null,this.animation="none",this.onlyIcon=!1}handleKeyDown(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.add("active")}handleKeyUp(t){var o;"Enter"!==t.key||this.disabled||null===(o=this.host.querySelector("button"))||void 0===o||o.classList.remove("active")}render(){const t=a("label",this.host),n=a("icon",this.host);return this.text||t||(this.onlyIcon=!0),o(r,{key:"7f8c8462a61bc5faf9ad2d6d9bf2e358aa3cf98e",class:{[`tds-mode-variant-${this.modeVariant}`]:Boolean(this.modeVariant),disabled:Boolean(this.disabled),fullbleed:Boolean(this.fullbleed)},disabled:this.disabled},o("button",Object.assign({key:"4875490d582b2d7b56761d4926677a875898448b",type:this.type,name:this.name?this.name:void 0,value:this.value?this.value:void 0,disabled:this.disabled,class:{primary:"primary"===this.variant,secondary:"secondary"===this.variant,ghost:"ghost"===this.variant,danger:"danger"===this.variant,lg:"lg"===this.size,md:"md"===this.size,sm:"sm"===this.size,xs:"xs"===this.size,disabled:this.disabled,fullbleed:this.fullbleed,icon:n,"only-icon":this.onlyIcon,[`animation-${this.animation}`]:"none"!==this.animation}},this.onlyIcon&&this.tdsAriaLabel&&{"aria-label":this.tdsAriaLabel}),this.text,t&&!this.onlyIcon&&o("slot",{key:"c2784c3405118a239965bf5ab95dd341ab10d5f0",name:"label"}),n&&o("slot",{key:"ba5b742b82d3879c01cdee53219daf3d2571768a",name:"icon"})))}get host(){return n(this)}};s.style="tds-button.sc-tds-button{--tds-btn-border-radius:calc(var(--component-button-border-radius-default) * 1px);--tds-btn-opacity-disabled:calc(var(--component-button-opacity-disabled) / 100);--tds-btn-primary-background:var(--component-button-background-standard-primary-default);--tds-btn-primary-background-hover:var(--component-button-background-standard-primary-hover);--tds-btn-primary-background-active:var(--component-button-background-standard-primary-active);--tds-btn-primary-background-focus:var(--component-button-background-standard-primary-default);--tds-btn-primary-color:var(--component-button-text-standard-primary-default);--tds-btn-primary-color-hover:var(--component-button-text-standard-primary-hover);--tds-btn-primary-color-active:var(--component-button-text-standard-primary-active);--tds-btn-primary-color-focus:var(--component-button-text-standard-primary-hover);--tds-btn-primary-border-color:var(--component-button-border-standard-primary-default);--tds-btn-primary-border-color-hover:var(--component-button-border-standard-primary-hover);--tds-btn-primary-border-color-active:var(--component-button-border-standard-primary-active);--tds-btn-primary-border-color-focus:var(--component-button-border-standard-primary-hover);--tds-btn-primary-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-primary-fill:var(--component-button-icon-standard-primary-default);--tds-btn-icon-primary-color:var(--component-button-icon-standard-primary-default);--tds-btn-icon-primary-fill-hover:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-color-hover:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-fill-active:var(--component-button-icon-standard-primary-active);--tds-btn-icon-primary-color-active:var(--component-button-icon-standard-primary-active);--tds-btn-icon-primary-fill-focus:var(--component-button-icon-standard-primary-hover);--tds-btn-icon-primary-color-focus:var(--component-button-icon-standard-primary-hover);--tds-btn-secondary-background:var(--component-button-background-standard-secondary-default);--tds-btn-secondary-background-hover:var(--component-button-background-standard-secondary-hover);--tds-btn-secondary-background-active:var(     --component-button-background-standard-secondary-active   );--tds-btn-secondary-background-focus:var(     --component-button-background-standard-secondary-default   );--tds-btn-secondary-color:var(--component-button-text-standard-secondary-default);--tds-btn-secondary-color-hover:var(--component-button-text-standard-secondary-hover);--tds-btn-secondary-color-active:var(--component-button-text-standard-secondary-active);--tds-btn-secondary-color-focus:var(--component-button-text-standard-secondary-hover);--tds-btn-secondary-border-color:var(--component-button-border-standard-secondary-default);--tds-btn-secondary-border-color-hover:var(--component-button-border-standard-secondary-hover);--tds-btn-secondary-border-color-active:var(--component-button-border-standard-secondary-active);--tds-btn-secondary-border-color-focus:var(--component-button-border-standard-secondary-hover);--tds-btn-secondary-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-secondary-fill:var(--component-button-icon-standard-secondary-default);--tds-btn-icon-secondary-color:var(--component-button-icon-standard-secondary-default);--tds-btn-icon-secondary-fill-hover:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-color-hover:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-fill-active:var(--component-button-icon-standard-secondary-active);--tds-btn-icon-secondary-color-active:var(--component-button-icon-standard-secondary-active);--tds-btn-icon-secondary-fill-focus:var(--component-button-icon-standard-secondary-hover);--tds-btn-icon-secondary-color-focus:var(--component-button-icon-standard-secondary-hover);--tds-btn-ghost-background:var(--component-button-background-standard-tertiary-default);--tds-btn-ghost-background-hover:var(--component-button-background-standard-tertiary-hover);--tds-btn-ghost-background-active:var(--component-button-background-standard-tertiary-active);--tds-btn-ghost-background-focus:var(--component-button-background-standard-tertiary-default);--tds-btn-ghost-color:var(--component-button-text-standard-tertiary-default);--tds-btn-ghost-color-hover:var(--component-button-text-standard-tertiary-hover);--tds-btn-ghost-color-active:var(--component-button-text-standard-tertiary-active);--tds-btn-ghost-color-focus:var(--component-button-text-standard-tertiary-hover);--tds-btn-ghost-border-color:var(--component-button-border-standard-tertiary-default);--tds-btn-ghost-border-color-hover:var(--component-button-border-standard-tertiary-hover);--tds-btn-ghost-border-color-active:var(--component-button-border-standard-tertiary-active);--tds-btn-ghost-border-color-focus:var(--component-button-border-standard-tertiary-hover);--tds-btn-ghost-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-ghost-fill:var(--component-button-icon-standard-tertiary-default);--tds-btn-icon-ghost-color:var(--component-button-icon-standard-tertiary-default);--tds-btn-icon-ghost-fill-hover:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-color-hover:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-fill-active:var(--component-button-icon-standard-tertiary-active);--tds-btn-icon-ghost-color-active:var(--component-button-icon-standard-tertiary-active);--tds-btn-icon-ghost-fill-focus:var(--component-button-icon-standard-tertiary-hover);--tds-btn-icon-ghost-color-focus:var(--component-button-icon-standard-tertiary-hover);--tds-btn-danger-background:var(--component-button-background-danger-primary-default);--tds-btn-danger-background-hover:var(--component-button-background-danger-primary-hover);--tds-btn-danger-background-active:var(--component-button-background-danger-primary-active);--tds-btn-danger-background-focus:var(--component-button-background-danger-primary-default);--tds-btn-danger-color:var(--component-button-text-danger-primary-default);--tds-btn-danger-color-hover:var(--component-button-text-danger-primary-hover);--tds-btn-danger-color-active:var(--component-button-text-danger-primary-active);--tds-btn-danger-color-focus:var(--component-button-text-danger-primary-hover);--tds-btn-danger-border-color:var(--component-button-border-danger-primary-default);--tds-btn-danger-border-color-hover:var(--component-button-border-danger-primary-hover);--tds-btn-danger-border-color-active:var(--component-button-border-danger-primary-active);--tds-btn-danger-border-color-focus:var(--component-button-border-danger-primary-hover);--tds-btn-danger-outline-color-focus:var(--component--focus-ring-color-strong);--tds-btn-icon-danger-fill:var(--component-button-icon-danger-primary-default);--tds-btn-icon-danger-color:var(--component-button-icon-danger-primary-default);--tds-btn-icon-danger-fill-hover:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-color-hover:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-fill-active:var(--component-button-icon-danger-primary-active);--tds-btn-icon-danger-color-active:var(--component-button-icon-danger-primary-active);--tds-btn-icon-danger-fill-focus:var(--component-button-icon-danger-primary-hover);--tds-btn-icon-danger-color-focus:var(--component-button-icon-danger-primary-hover)}button.sc-tds-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:inline-flex;align-items:center;border-radius:var(--tds-btn-border-radius);border:none;box-shadow:none;position:relative;text-decoration:none;cursor:pointer;height:56px;padding:var(--tds-spacing-element-20);border:1px solid transparent}button.sc-tds-button *.sc-tds-button{box-sizing:border-box}button.sc-tds-button:focus{outline:1px solid var(--component--focus-ring-color-strong)}button.sc-tds-button: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}button.xs.sc-tds-button{padding:var(--tds-spacing-element-4) var(--tds-spacing-element-8);height:24px;font-size:12px;border-radius:var(--tds-btn-border-radius)}button.sm.sc-tds-button{padding:var(--tds-spacing-element-12);height:40px}button.sm.icon.sc-tds-button{padding:10px var(--tds-spacing-element-12)}button.sm.only-icon.sc-tds-button{padding:11px}button.md.sc-tds-button{padding:var(--tds-spacing-element-16);height:48px}button.md.icon.sc-tds-button{padding:14px var(--tds-spacing-element-16)}button.md.only-icon.sc-tds-button{padding:13px}button.lg.sc-tds-button{padding:var(--tds-spacing-element-20);height:56px}button.lg.icon.sc-tds-button{padding:18px var(--tds-spacing-element-20)}button.lg.only-icon.sc-tds-button{padding:17px}button.fullbleed.sc-tds-button{width:100%;display:flex;justify-content:center}button.animation-fade.sc-tds-button{transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}button.primary.sc-tds-button{background:var(--tds-btn-primary-background);border-color:var(--tds-btn-primary-border-color);color:var(--tds-btn-primary-color);outline-color:var(--tds-btn-primary-outline-color)}button.primary.icon.sc-tds-button{fill:var(--tds-btn-icon-primary-fill);color:var(--tds-btn-icon-primary-fill);fill:var(--tds-btn-icon-primary-color);color:var(--tds-btn-icon-primary-color)}button.primary.sc-tds-button:hover{background:var(--tds-btn-primary-background-hover);border-color:var(--tds-btn-primary-border-color-hover);color:var(--tds-btn-primary-color-hover);outline-color:var(--tds-btn-primary-outline-color-hover)}button.primary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-hover);color:var(--tds-btn-icon-primary-fill-hover);fill:var(--tds-btn-icon-primary-color-hover);color:var(--tds-btn-icon-primary-color-hover)}button.primary.sc-tds-button:focus-visible{background:var(--tds-btn-primary-background-focus);border-color:var(--tds-btn-primary-border-color-focus);color:var(--tds-btn-primary-color-focus);outline-color:var(--tds-btn-primary-outline-color-focus)}button.primary:focus-visible.sc-tds-button-s>[slot=icon],button.primary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-focus);color:var(--tds-btn-icon-primary-fill-focus);fill:var(--tds-btn-icon-primary-color-focus);color:var(--tds-btn-icon-primary-color-focus)}button.primary.sc-tds-button:active,button.primary.active.sc-tds-button{background:var(--tds-btn-primary-background-active);border-color:var(--tds-btn-primary-border-color-active);color:var(--tds-btn-primary-color-active);outline-color:var(--tds-btn-primary-outline-color-active)}button.primary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.primary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-primary-fill-active);color:var(--tds-btn-icon-primary-fill-active);fill:var(--tds-btn-icon-primary-color-active);color:var(--tds-btn-icon-primary-color-active)}button.primary.disabled.sc-tds-button,button.primary.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.secondary.sc-tds-button{background:var(--tds-btn-secondary-background);border-color:var(--tds-btn-secondary-border-color);color:var(--tds-btn-secondary-color);outline-color:var(--tds-btn-secondary-outline-color)}button.secondary.icon.sc-tds-button{fill:var(--tds-btn-icon-secondary-fill);color:var(--tds-btn-icon-secondary-fill);fill:var(--tds-btn-icon-secondary-color);color:var(--tds-btn-icon-secondary-color)}button.secondary.sc-tds-button:hover{background:var(--tds-btn-secondary-background-hover);border-color:var(--tds-btn-secondary-border-color-hover);color:var(--tds-btn-secondary-color-hover);outline-color:var(--tds-btn-secondary-outline-color-hover)}button.secondary:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-hover);color:var(--tds-btn-icon-secondary-fill-hover);fill:var(--tds-btn-icon-secondary-color-hover);color:var(--tds-btn-icon-secondary-color-hover)}button.secondary.sc-tds-button:focus-visible{background:var(--tds-btn-secondary-background-focus);border-color:var(--tds-btn-secondary-border-color-focus);color:var(--tds-btn-secondary-color-focus);outline-color:var(--tds-btn-secondary-outline-color-focus)}button.secondary:focus-visible.sc-tds-button-s>[slot=icon],button.secondary:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-focus);color:var(--tds-btn-icon-secondary-fill-focus);fill:var(--tds-btn-icon-secondary-color-focus);color:var(--tds-btn-icon-secondary-color-focus)}button.secondary.sc-tds-button:active,button.secondary.active.sc-tds-button{background:var(--tds-btn-secondary-background-active);border-color:var(--tds-btn-secondary-border-color-active);color:var(--tds-btn-secondary-color-active);outline-color:var(--tds-btn-secondary-outline-color-active)}button.secondary:active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled).sc-tds-button-s>[slot=icon],button.secondary.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-secondary-fill-active);color:var(--tds-btn-icon-secondary-fill-active);fill:var(--tds-btn-icon-secondary-color-active);color:var(--tds-btn-icon-secondary-color-active)}button.secondary.disabled.sc-tds-button,button.secondary.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.ghost.sc-tds-button{background:var(--tds-btn-ghost-background);border-color:var(--tds-btn-ghost-border-color);color:var(--tds-btn-ghost-color);outline-color:var(--tds-btn-ghost-outline-color)}button.ghost.icon.sc-tds-button{fill:var(--tds-btn-icon-ghost-fill);color:var(--tds-btn-icon-ghost-fill);fill:var(--tds-btn-icon-ghost-color);color:var(--tds-btn-icon-ghost-color)}button.ghost.sc-tds-button:hover{background:var(--tds-btn-ghost-background-hover);border-color:var(--tds-btn-ghost-border-color-hover);color:var(--tds-btn-ghost-color-hover);outline-color:var(--tds-btn-ghost-outline-color-hover)}button.ghost:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-hover);color:var(--tds-btn-icon-ghost-fill-hover);fill:var(--tds-btn-icon-ghost-color-hover);color:var(--tds-btn-icon-ghost-color-hover)}button.ghost.sc-tds-button:focus-visible{background:var(--tds-btn-ghost-background-focus);border-color:var(--tds-btn-ghost-border-color-focus);color:var(--tds-btn-ghost-color-focus);outline-color:var(--tds-btn-ghost-outline-color-focus)}button.ghost:focus-visible.sc-tds-button-s>[slot=icon],button.ghost:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-focus);color:var(--tds-btn-icon-ghost-fill-focus);fill:var(--tds-btn-icon-ghost-color-focus);color:var(--tds-btn-icon-ghost-color-focus)}button.ghost.sc-tds-button:active,button.ghost.active.sc-tds-button{background:var(--tds-btn-ghost-background-active);border-color:var(--tds-btn-ghost-border-color-active);color:var(--tds-btn-ghost-color-active);outline-color:var(--tds-btn-ghost-outline-color-active)}button.ghost:active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled).sc-tds-button-s>[slot=icon],button.ghost.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-ghost-fill-active);color:var(--tds-btn-icon-ghost-fill-active);fill:var(--tds-btn-icon-ghost-color-active);color:var(--tds-btn-icon-ghost-color-active)}button.ghost.disabled.sc-tds-button,button.ghost.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}button.danger.sc-tds-button{background:var(--tds-btn-danger-background);border-color:var(--tds-btn-danger-border-color);color:var(--tds-btn-danger-color);outline-color:var(--tds-btn-danger-outline-color)}button.danger.icon.sc-tds-button{fill:var(--tds-btn-icon-danger-fill);color:var(--tds-btn-icon-danger-fill);fill:var(--tds-btn-icon-danger-color);color:var(--tds-btn-icon-danger-color)}button.danger.sc-tds-button:hover{background:var(--tds-btn-danger-background-hover);border-color:var(--tds-btn-danger-border-color-hover);color:var(--tds-btn-danger-color-hover);outline-color:var(--tds-btn-danger-outline-color-hover)}button.danger:hover:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:hover:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-hover);color:var(--tds-btn-icon-danger-fill-hover);fill:var(--tds-btn-icon-danger-color-hover);color:var(--tds-btn-icon-danger-color-hover)}button.danger.sc-tds-button:focus-visible{background:var(--tds-btn-danger-background-focus);border-color:var(--tds-btn-danger-border-color-focus);color:var(--tds-btn-danger-color-focus);outline-color:var(--tds-btn-danger-outline-color-focus)}button.danger:focus-visible.sc-tds-button-s>[slot=icon],button.danger:focus-visible .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-focus);color:var(--tds-btn-icon-danger-fill-focus);fill:var(--tds-btn-icon-danger-color-focus);color:var(--tds-btn-icon-danger-color-focus)}button.danger.sc-tds-button:active,button.danger.active.sc-tds-button{background:var(--tds-btn-danger-background-active);border-color:var(--tds-btn-danger-border-color-active);color:var(--tds-btn-danger-color-active);outline-color:var(--tds-btn-danger-outline-color-active)}button.danger:active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger:active:not(.disabled) .sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled).sc-tds-button-s>[slot=icon],button.danger.active:not(.disabled) .sc-tds-button-s>[slot=icon]{fill:var(--tds-btn-icon-danger-fill-active);color:var(--tds-btn-icon-danger-fill-active);fill:var(--tds-btn-icon-danger-color-active);color:var(--tds-btn-icon-danger-color-active)}button.danger.disabled.sc-tds-button,button.danger.sc-tds-button:disabled{opacity:var(--tds-btn-opacity-disabled)}tds-button.sc-tds-button-h{display:inline-flex;align-items:center}.sc-tds-button-htds-button.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}.sc-tds-button-htds-button .sm.sc-tds-button-s>[slot=icon],.sc-tds-button-htds-button .sm .sc-tds-button-s>[slot=icon]{width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}.disabled.sc-tds-button-h:active{pointer-events:none}.disabled.sc-tds-button-h button.sc-tds-button{cursor:not-allowed}.fullbleed.sc-tds-button-h{width:100%;justify-content:center}tds-button.sc-tds-button button.sc-tds-button{display:inline-flex;align-items:center}tds-button button.sm.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-12);width:var(--tds-spacing-element-16);height:var(--tds-spacing-element-16)}tds-button button.md.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-16);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.lg.sc-tds-button-s>[slot=icon]{margin-left:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);height:var(--tds-spacing-element-20)}tds-button button.only-icon.sc-tds-button-s>[slot=icon]{margin-left:0;display:flex;align-items:center;justify-content:center}";const d=class{constructor(o){t(this,o),this.orientation="horizontal",this.variant="subtle"}render(){return o(r,{key:"467cc771ed3fc6c574710aec6ea5e011a03ff7f8",role:"separator","aria-orientation":"vertical"===this.orientation?"vertical":void 0},o("div",{key:"bebf6ec81c99e2146ae6a07feda9b65b96064369",class:{divider:!0,vertical:"vertical"===this.orientation,horizontal:"horizontal"===this.orientation,discrete:"discrete"===this.variant,subtle:"subtle"===this.variant,soft:"soft"===this.variant,defined:"defined"===this.variant,"dark-blue":"dark-blue"===this.variant}}))}};d.style=".divider{box-sizing:border-box;background-color:var(--tds-divider-background)}.divider *{box-sizing:border-box}.divider.discrete{background-color:var(--tds-divider-background-discrete)}.divider.subtle{background-color:var(--tds-divider-background-subtle)}.divider.soft{background-color:var(--tds-divider-background-soft)}.divider.defined{background-color:var(--tds-divider-background-defined)}.divider.dark-blue{background-color:var(--tds-divider-background-dark-blue)}.divider.horizontal{width:100%;height:1px}.divider.vertical{height:100%;width:1px}";export{s as tds_button,d as tds_divider}

package/dist/tegel/p-9e363b0a.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as o,a as e}from"./p-Cy3cGhkE.js";const l=class{constructor(i){t(this,i),this.tdsChange=s(this,"tdsChange",7),this.modeVariant="primary",this.defaultSelectedIndex=0,this.tdsScrollLeftAriaLabel="Scroll left",this.tdsScrollRightAriaLabel="Scroll right",this.leftPadding=32,this.showLeftScroll=!1,this.showRightScroll=!1,this.navWrapperElement=null,this.componentWidth=0,this.buttonsWidth=0,this.scrollableWidth=0,this.tabElements=[],this.clickHandlers=new WeakMap,this.addResizeObserver=()=>{if("undefined"==typeof ResizeObserver)return;const t=new ResizeObserver((t=>{t.forEach((t=>{const s=t.contentRect.width;let i=0;Array.from(this.host.children).forEach((t=>{const s=window.getComputedStyle(t);i+=t.clientWidth+parseFloat(s.marginLeft)+parseFloat(s.marginRight)})),this.componentWidth=s,this.buttonsWidth=i,this.scrollableWidth=i-s,this.updateScrollButtons()}))}));this.navWrapperElement&&t.observe(this.navWrapperElement)},this.addEventListenerToTabs=()=>{this.tabElements=Array.from(this.host.children),this.tabElements.forEach(((t,s)=>{const i=()=>{t.disabled||this.tdsChange.emit({selectedTabIndex:this.tabElements.indexOf(t)}).defaultPrevented||(this.tabElements.forEach((t=>t.setSelected(!1))),t.setSelected(!0),this.selectedIndex=s)};t.addEventListener("click",i),this.clickHandlers.set(t,i)}))},this.removeEventListenerFromTabs=()=>{this.tabElements.forEach((t=>{const s=this.clickHandlers.get(t);s&&(t.removeEventListener("click",s),this.clickHandlers.delete(t))}))}}async selectTab(t){if(t<0||t>=this.tabElements.length)throw new Error("Tab index out of bounds");return this.tabElements=Array.from(this.host.children),this.tabElements[t].disabled||(this.tabElements.forEach((t=>t.setSelected(!1))),this.tabElements=this.tabElements.map(((s,i)=>(i===t&&(s.setSelected(!0),this.selectedIndex=t),s)))),{selectedTabIndex:this.selectedIndex}}async reinitialize(){this.handleSlotChange()}handleSelectedIndexUpdate(){this.tabElements=Array.from(this.host.children).map((t=>(t.setSelected(!1),t))),void 0!==this.selectedIndex&&this.tabElements[this.selectedIndex].setSelected(!0)}scrollRight(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft+this.buttonsWidth,this.evaluateScrollButtons())}scrollLeft(){this.navWrapperElement&&(this.navWrapperElement.scrollLeft=this.navWrapperElement.scrollLeft-this.buttonsWidth,this.evaluateScrollButtons())}evaluateScrollButtons(){if(!this.navWrapperElement)return;const t=this.navWrapperElement.scrollLeft;this.showRightScroll=t<=this.scrollableWidth,this.showLeftScroll=t>0}initializeTabs(){this.tabElements=Array.from(this.host.children),this.tabElements.forEach((t=>{t.classList.remove("last"),t.classList.remove("first")})),this.tabElements[0].classList.add("first"),this.tabElements[this.tabElements.length-1].classList.add("last")}initializeSelectedTab(){void 0===this.selectedIndex?(this.addEventListenerToTabs(),this.tabElements[this.defaultSelectedIndex].setSelected(!0),this.selectedIndex=this.defaultSelectedIndex):this.tabElements[this.selectedIndex].setSelected(!0),this.tdsChange.emit({selectedTabIndex:this.selectedIndex})}updateScrollButtons(){this.buttonsWidth>this.componentWidth?this.evaluateScrollButtons():(this.showLeftScroll=!1,this.showRightScroll=!1)}handleSlotChange(){this.initializeTabs(),this.addEventListenerToTabs(),this.initializeSelectedTab(),this.updateScrollButtons(),this.addResizeObserver()}connectedCallback(){this.initializeTabs()}componentDidLoad(){this.initializeSelectedTab()}componentDidRender(){this.updateScrollButtons(),this.addResizeObserver()}disconnectedCallback(){this.removeEventListenerFromTabs()}render(){return i(o,{key:"38532db9803b29ef6de96f338c14c35b4205b5d7",role:"tablist",class:this.modeVariant?`tds-mode-variant-${this.modeVariant}`:"",style:{"--padding-left":`${this.leftPadding}px`}},i("div",{key:"d093194a98d9c92223bd5db6419ad90a984d9238",class:"wrapper",ref:t=>{this.navWrapperElement=t}},i("button",{key:"24a52205d7b5bd708397a26ad9749cfd8b121262","aria-label":this.tdsScrollLeftAriaLabel,class:"scroll-left-button "+(this.showLeftScroll?"show":""),onClick:()=>this.scrollLeft(),disabled:!this.showLeftScroll},i("tds-icon",{key:"28006de41f8488e74711b6dfd82ebb29507d78c8",name:"chevron_left",size:"20px"})),i("slot",{key:"7f8cea1755acf76a987d716fe293585f936c4bfa",onSlotchange:()=>this.handleSlotChange()}),i("button",{key:"bacebe334ce63ff55cdb38ef5ab32b88fef72151","aria-label":this.tdsScrollRightAriaLabel,class:"scroll-right-button "+(this.showRightScroll?"show":""),onClick:()=>this.scrollRight(),disabled:!this.showRightScroll},i("tds-icon",{key:"c0f5a5ed3ad7c2ebcb059d01542a7b6c69ac6529",name:"chevron_right",size:"20px"}))))}get host(){return e(this)}static get watchers(){return{selectedIndex:[{handleSelectedIndexUpdate:0}]}}};l.style=':host{box-sizing:border-box;--padding-left:0;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:" ";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px;padding-left:var(--padding-left)}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:calc(0px - var(--padding-left));z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus-visible::before,:host .scroll-left-button:focus-visible::before{content:"";position:absolute;inset:3px;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 .scroll-right-button:focus-visible,:host .scroll-left-button:focus-visible{outline:0}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}';export{l as tds_inline_tabs}