@scania/tegel 1.55.0 → 1.56.0

package/dist/components/tds-slider.js

@@ -1 +1 @@
-import{t as s,p as t,H as e,c as i,h as d}from"./index.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as l}from"./p-B5eSTxGJ.js";import{d as a}from"./p-CJtN1EIg.js";import{d as o}from"./p-_rIDaSwT.js";import{d as n}from"./p-Dlj2h0pg.js";const h=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.tdsInput=i(this,"tdsInput",6),this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=r(),this.tdsReadOnlyAriaLabel="",this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.initialValue="0",this.resetEventListenerAdded=!1,this.formElement=null,this.ariaLiveElement=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()}}roundToStep(s){const t=parseFloat(this.step);return parseFloat(t?(Math.round(s/t)*t).toFixed(((""+t).split(".")[1]||"").length):s.toFixed())}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){var t,e,i;this.thumbGrabbed?(this.thumbGrabbed=!1,null===(e=this.thumbInnerElement)||void 0===e||e.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),null===(i=this.trackElement)||void 0===i||i.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),null===(t=this.trackElement)||void 0===t||t.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)*i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){var t;const e=parseInt(this.ticks),i=null===(t=this.trackElement)||void 0===t?void 0:t.getBoundingClientRect();if(!i)return;let d=0;"mousemove"===s.type||"mouseup"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&e>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement&&(this.thumbElement.style.left=this.thumbLeft+"px"),this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement&&(this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`)}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=""+s,this.calculateThumbLeftFromValue(s)}else this.value=""+this.roundToStep(e+this.thumbLeft/t*(i-e));this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth();this.thumbLeft=(t-parseFloat(this.min))/(parseFloat(this.max)-parseFloat(this.min))*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=this.thumbLeft+"px",this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(""+d)}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(""+r)}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){var s;this.readOnly||(this.thumbGrabbed=!0,null===(s=this.thumbInnerElement)||void 0===s||s.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8*this.max.length+"px":s.setAttribute("size",""+this.max.length))}controlsStep(s,t){if(this.readOnly||this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e*(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=""+i,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=((""+parseFloat(this.step)).split(".")[1]||"").length;for(let i=1;i<=s;i++)this.tickValues.push(parseFloat((parseFloat(this.min)+t*i).toFixed(e)));this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){if(this.calculateInputSizeFromMax(),!this.resizeObserverAdded&&"undefined"!=typeof ResizeObserver){this.resizeObserverAdded=!0;const s=new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()}));this.wrapperElement&&s.observe(this.wrapperElement)}this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return d("div",{key:"6e6e00002da855b43067454de0a55af6802bdad0",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},d("input",{key:"4d7f1b28864c9cca7c3183f4531aac19917f0fa9",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),d("div",{key:"6bac81bc86f6d00f5961211ec401689e67f5a720",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),d("div",{key:"7d4ac685ad9f519eb6007ba1ef4bc6ab9ff58a9b",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},d("label",{key:"5338721c62889199ee0ecad2632eac2fd37485d0",id:this.sliderId+"-label",class:{offset:this.showTickNumbers}},this.label),this.useInput&&d("div",{key:"5ee4f8ac092f9ea0aa5f687b98e294955fe062c1",class:"tds-slider__input-values"},d("div",{key:"97e64f78a68451a2186372264e3e1503954bb67c",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&d("div",{key:"89c03fd539fdcd689f7d76e1ed9beb8188e61f69",class:"tds-slider__controls"},d("div",{key:"82c8b4780f47925918a16cc11e4bf7a37b9de687",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},d("tds-icon",{key:"e190b8ec6e617ea516a022d55e8075c4eb796507",name:"minus",size:"16px"}))),d("div",{key:"5b4f71b02daa36e964df0af18124217f217fce78",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&d("div",{key:"1d6d917ab5107a47852a16988f621b62e57a5795",class:"tds-slider__value-dividers-wrapper"},d("div",{key:"133fd1ed3c566377f524b683a15aaa831aa03f40",class:"tds-slider__value-dividers"},this.tickValues.map((s=>d("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&d("span",null,s)))))),d("div",{key:"40f727734b17f3933e0f7bc179354e205534af8d",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},d("div",{key:"b6b56223be25e8493e0884c5fb2f4ef786fb4a87",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),d("div",{key:"74890de4d56ca2fa851212adeccb745c48b7b659",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":this.sliderId+"-label","aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&d("div",{key:"a02dff8e8707d5a0d42882b9eb30c94d65c004fe",class:"tds-slider__value"},this.value,d("svg",{key:"026cecebd18db87d4fbeb942c223e83ce2c5a21b",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d("path",{key:"f31a00952f88e45747cfd0dc7353f4a484846afc",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),d("div",{key:"6fcb3b1bf4dfa6fb081008680f3944736cfce6eb",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&d("div",{key:"c0b0dc771ccf46a5d5d119a0b3c44f5bceef6ad4",class:"tds-slider__input-values"},d("div",{key:"20a61bcb6e157416c42fe6fd54b32c2e10da09cc",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),d("div",{key:"8c983dc792027814e7e27c41c2e507333ea6afba",class:"tds-slider__input-field-wrapper"},d("tds-text-field",{key:"6309046324fa52c8d4ade33dd3450eef5b2aa04b",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&d("div",{key:"4f410440b2e830bfac5f908b563dbfc061e28519",class:"tds-slider__controls"},d("div",{key:"a3f1215891059fa3c83b499ba5597aa1758d0906",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},d("tds-icon",{key:"0e5323b7f52360b34943580113386f408dd6d57e",name:"plus",size:"16px"})))))}get host(){return this}static get watchers(){return{value:[{handleValueUpdate:0}]}}static get style(){return'tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}'}},[0,"tds-slider",{label:[513],value:[1537],min:[513],max:[513],ticks:[513],showTickNumbers:[516,"show-tick-numbers"],tooltip:[516],disabled:[516],readOnly:[516,"read-only"],controls:[516],input:[516],step:[513],name:[513],thumbSize:[513,"thumb-size"],snap:[516],tdsAriaLabel:[513,"tds-aria-label"],sliderId:[513,"slider-id"],tdsReadOnlyAriaLabel:[513,"tds-read-only-aria-label"],reset:[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleRelease"],[9,"touchend","handleRelease"],[9,"mousemove","handleMove"],[9,"touchmove","handleMove"]],{value:[{handleValueUpdate:0}]}]);function c(){"undefined"!=typeof customElements&&["tds-slider","tds-icon","tds-popover-core","tds-text-field","tds-tooltip"].forEach((t=>{switch(t){case"tds-slider":customElements.get(s(t))||customElements.define(s(t),h);break;case"tds-icon":customElements.get(s(t))||l();break;case"tds-popover-core":customElements.get(s(t))||a();break;case"tds-text-field":customElements.get(s(t))||o();break;case"tds-tooltip":customElements.get(s(t))||n()}}))}c();const u=h,p=c;export{u as TdsSlider,p as defineCustomElement}
+import{t as s,p as t,H as e,c as i,h as d}from"./index.js";import{g as r}from"./p-Cn4f8w1e.js";import{d as l}from"./p-1OlFnMHE.js";import{d as a}from"./p-CJtN1EIg.js";import{d as o}from"./p-7N0u4VMq.js";import{d as n}from"./p-Dlj2h0pg.js";const h=t(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.tdsInput=i(this,"tdsInput",6),this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=r(),this.tdsReadOnlyAriaLabel="",this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.initialValue="0",this.resetEventListenerAdded=!1,this.formElement=null,this.ariaLiveElement=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()}}roundToStep(s){const t=parseFloat(this.step);return parseFloat(t?(Math.round(s/t)*t).toFixed(((""+t).split(".")[1]||"").length):s.toFixed())}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){var t,e,i;this.thumbGrabbed?(this.thumbGrabbed=!1,null===(e=this.thumbInnerElement)||void 0===e||e.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),null===(i=this.trackElement)||void 0===i||i.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),null===(t=this.trackElement)||void 0===t||t.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),e=this.getTrackWidth(),i=Math.round(e/(t+1)),d=Math.round(s/i)*i;let r=0;return d>=0&&d<=e?r=d:d>e?r=e:d<0&&(r=0),this.supposedValueSlot=Math.round(r/i),d}thumbCore(s){var t;const e=parseInt(this.ticks),i=null===(t=this.trackElement)||void 0===t?void 0:t.getBoundingClientRect();if(!i)return;let d=0;"mousemove"===s.type||"mouseup"===s.type?d=s.clientX-i.left:"touchmove"===s.type?d=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&e>0&&(d=this.updateSupposedValueSlot(d)),this.thumbLeft=this.constrainThumb(d),this.thumbElement&&(this.thumbElement.style.left=this.thumbLeft+"px"),this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement&&(this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`)}),50))}updateValue(s){const t=this.getTrackWidth(),e=parseFloat(this.min),i=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=""+s,this.calculateThumbLeftFromValue(s)}else this.value=""+this.roundToStep(e+this.thumbLeft/t*(i-e));this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,e=this.getTrackWidth();this.thumbLeft=(t-parseFloat(this.min))/(parseFloat(this.max)-parseFloat(this.min))*e,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=this.thumbLeft+"px",this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseFloat(s.target.value);if(t===parseFloat(this.value))return;const e=parseFloat(this.min),i=parseFloat(this.max);t<e?t=e:t>i&&(t=i);const d=this.roundToStep(t);this.forceValueUpdate(""+d)}updateSliderValueFromTextField(s){const t=s.target;let e=parseFloat(t&&void 0!==t.value?t.value:"");if(Number.isNaN(e))return;const i=parseFloat(this.min),d=parseFloat(this.max);e<i?e=i:e>d&&(e=d);const r=this.roundToStep(e);this.forceValueUpdate(""+r)}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){var s;this.readOnly||(this.thumbGrabbed=!0,null===(s=this.thumbInnerElement)||void 0===s||s.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){const s=this.host.querySelector('tds-text-field input[type="number"]');s&&(this.readOnly?s.style.width=52+8*this.max.length+"px":s.setAttribute("size",""+this.max.length))}controlsStep(s,t){if(this.readOnly||this.disabled)return;const e=parseInt(this.ticks);if(this.useSnapping&&e>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>e+1&&(this.supposedValueSlot=e+1),this.updateValue(t);else{const t=this.getTrackWidth(),e=this.thumbLeft/t;let i=parseFloat(this.min)+e*(parseFloat(this.max)-parseFloat(this.min));i+=s,i=this.roundToStep(i),i<parseFloat(this.min)?i=parseFloat(this.min):i>parseFloat(this.max)&&(i=parseFloat(this.max)),this.value=""+i,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseFloat(this.step),s)}stepRight(s){this.controlsStep(parseFloat(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1),e=((""+parseFloat(this.step)).split(".")[1]||"").length;for(let i=1;i<=s;i++)this.tickValues.push(parseFloat((parseFloat(this.min)+t*i).toFixed(e)));this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){if(this.calculateInputSizeFromMax(),!this.resizeObserverAdded&&"undefined"!=typeof ResizeObserver){this.resizeObserverAdded=!0;const s=new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()}));this.wrapperElement&&s.observe(this.wrapperElement)}this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return d("div",{key:"6e6e00002da855b43067454de0a55af6802bdad0",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},d("input",{key:"4d7f1b28864c9cca7c3183f4531aac19917f0fa9",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled}),d("div",{key:"6bac81bc86f6d00f5961211ec401689e67f5a720",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),d("div",{key:"7d4ac685ad9f519eb6007ba1ef4bc6ab9ff58a9b",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},d("label",{key:"5338721c62889199ee0ecad2632eac2fd37485d0",id:this.sliderId+"-label",class:{offset:this.showTickNumbers}},this.label),this.useInput&&d("div",{key:"5ee4f8ac092f9ea0aa5f687b98e294955fe062c1",class:"tds-slider__input-values"},d("div",{key:"97e64f78a68451a2186372264e3e1503954bb67c",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&d("div",{key:"89c03fd539fdcd689f7d76e1ed9beb8188e61f69",class:"tds-slider__controls"},d("div",{key:"82c8b4780f47925918a16cc11e4bf7a37b9de687",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},d("tds-icon",{key:"e190b8ec6e617ea516a022d55e8075c4eb796507",name:"minus",size:"16px"}))),d("div",{key:"5b4f71b02daa36e964df0af18124217f217fce78",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&d("div",{key:"1d6d917ab5107a47852a16988f621b62e57a5795",class:"tds-slider__value-dividers-wrapper"},d("div",{key:"133fd1ed3c566377f524b683a15aaa831aa03f40",class:"tds-slider__value-dividers"},this.tickValues.map((s=>d("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&d("span",null,s)))))),d("div",{key:"40f727734b17f3933e0f7bc179354e205534af8d",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},d("div",{key:"b6b56223be25e8493e0884c5fb2f4ef786fb4a87",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),d("div",{key:"74890de4d56ca2fa851212adeccb745c48b7b659",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":this.sliderId+"-label","aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&d("div",{key:"a02dff8e8707d5a0d42882b9eb30c94d65c004fe",class:"tds-slider__value"},this.value,d("svg",{key:"026cecebd18db87d4fbeb942c223e83ce2c5a21b",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},d("path",{key:"f31a00952f88e45747cfd0dc7353f4a484846afc",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),d("div",{key:"6fcb3b1bf4dfa6fb081008680f3944736cfce6eb",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&d("div",{key:"c0b0dc771ccf46a5d5d119a0b3c44f5bceef6ad4",class:"tds-slider__input-values"},d("div",{key:"20a61bcb6e157416c42fe6fd54b32c2e10da09cc",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),d("div",{key:"8c983dc792027814e7e27c41c2e507333ea6afba",class:"tds-slider__input-field-wrapper"},d("tds-text-field",{key:"6309046324fa52c8d4ade33dd3450eef5b2aa04b",noMinWidth:!0,size:"sm",type:"number",value:this.value,min:this.min,max:this.max,readOnly:this.readOnly,disabled:this.disabled,onTdsChange:s=>console.log(s),tdsAriaLabel:this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onTdsBlur:s=>this.updateSliderValueFromTextField(s),onKeyDown:s=>this.handleInputFieldEnterPress(s)}))),this.useControls&&d("div",{key:"4f410440b2e830bfac5f908b563dbfc061e28519",class:"tds-slider__controls"},d("div",{key:"a3f1215891059fa3c83b499ba5597aa1758d0906",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},d("tds-icon",{key:"0e5323b7f52360b34943580113386f408dd6d57e",name:"plus",size:"16px"})))))}get host(){return this}static get watchers(){return{value:[{handleValueUpdate:0}]}}static get style(){return'tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider-inner:focus-within .tds-slider__thumb-inner{outline:var(--tds-slider-thumb-focus-outline);box-shadow:var(--tds-slider-thumb-focus-box-shadow);outline-offset:var(--tds-slider-thumb-focus-outline-offset);z-index:1}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-slider-input-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]{width:auto;padding:12px;text-align:center;appearance:textfield}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-outer-spin-button,.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-input:read-only{text-align:left}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper tds-text-field .text-field-icon__readonly{right:12px}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px 11px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb:hover .tds-slider__value{display:block}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;background-color:var(--tds-slider-thumb-hover)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;background-color:var(--tds-slider-thumb-pressed)}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-label-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-input-value-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-inputfield-number-disabled);box-shadow:none;pointer-events:none;background:var(--tds-slider-inputfield-background-disabled)}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed;background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider{background-color:var(--tds-slider-divider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-divider-values-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-thumb-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-disabled)}'}},[0,"tds-slider",{label:[513],value:[1537],min:[513],max:[513],ticks:[513],showTickNumbers:[516,"show-tick-numbers"],tooltip:[516],disabled:[516],readOnly:[516,"read-only"],controls:[516],input:[516],step:[513],name:[513],thumbSize:[513,"thumb-size"],snap:[516],tdsAriaLabel:[513,"tds-aria-label"],sliderId:[513,"slider-id"],tdsReadOnlyAriaLabel:[513,"tds-read-only-aria-label"],reset:[64]},[[0,"keydown","handleKeydown"],[9,"mouseup","handleRelease"],[9,"touchend","handleRelease"],[9,"mousemove","handleMove"],[9,"touchmove","handleMove"]],{value:[{handleValueUpdate:0}]}]);function c(){"undefined"!=typeof customElements&&["tds-slider","tds-icon","tds-popover-core","tds-text-field","tds-tooltip"].forEach((t=>{switch(t){case"tds-slider":customElements.get(s(t))||customElements.define(s(t),h);break;case"tds-icon":customElements.get(s(t))||l();break;case"tds-popover-core":customElements.get(s(t))||a();break;case"tds-text-field":customElements.get(s(t))||o();break;case"tds-tooltip":customElements.get(s(t))||n()}}))}c();const u=h,p=c;export{u as TdsSlider,p as defineCustomElement}

package/dist/components/tds-step.js

@@ -1 +1 @@
-import{t,p as e,H as i,h as o,a as s}from"./index.js";import{d as r}from"./p-B5eSTxGJ.js";const l={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.state="upcoming"}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.stepperEl&&(this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabels=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId)}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw Error("Stepper prop is not supported: "+e);e in l&&(this[l[e]]=t.detail[e])}))}render(){return o(s,{key:"afc9e25f7fca169a9ccb2241eb374b87c1b0ff5b"},o("div",{key:"3bb5727f75e1c9a44e3033dfcaf511d093d1e085",role:"listitem","aria-disabled":"upcoming"===this.state?"true":"false","aria-current":this.tdsAriaCurrent,tabIndex:-1,"aria-label":`Step ${this.index}: ${this.state}`,class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},o("span",{key:"c4f8eb7bd7039f14a7e374bb62fc8fd74f5aeeb8",class:this.state+" content-container"},"success"===this.state||"error"===this.state?o("tds-icon",{"aria-hidden":"true",svgTitle:"tds-step-icon-"+this.stepperId,class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):o("span",{"aria-hidden":"true",class:"index-container"},this.index)),!this.hideLabels&&o("div",{key:"aca563c692e3602ddd3b5d80cc63085077139a87","aria-hidden":"true",class:`label ${this.size} ${this.state}`},o("slot",{key:"ed85239ef9c383e2a251f7cef4931da2348a8975",name:"label"}))))}get el(){return this}static get style(){return':host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 16px);right:0;top:16px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 16px);left:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 8px);left:0;top:16px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:auto;right:-10px;width:10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;left:-10px;right:auto;width:10px}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 16px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 12px + 16px);top:13px}:host [role=listitem].sm.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 12px + 8px);left:0;top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:auto;right:-10px;width:10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:-10px;right:auto;width:10px}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-icon-step-border-color-current);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal.text-aside{padding-right:0;padding-left:20px}:host(:last-of-type) [role=listitem].horizontal.text-aside::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;width:20px;left:-10px;right:auto;top:16px}:host(:last-of-type) [role=listitem].horizontal.text-aside.sm.hide-labels::before{top:13px;width:13px;left:0;right:calc(50% + 20px)}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}'}},[257,"tds-step",{index:[513],state:[513],tdsAriaCurrent:[513,"tds-aria-current"],hideLabels:[32],size:[32],orientation:[32],labelPosition:[32]},[[16,"internalTdsPropsChange","handlePropsChange"]]]);function n(){"undefined"!=typeof customElements&&["tds-step","tds-icon"].forEach((e=>{switch(e){case"tds-step":customElements.get(t(e))||customElements.define(t(e),a);break;case"tds-icon":customElements.get(t(e))||r()}}))}n();const p=a,d=n;export{p as TdsStep,d as defineCustomElement}
+import{t,p as e,H as i,h as o,a as s}from"./index.js";import{d as r}from"./p-1OlFnMHE.js";const l={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.state="upcoming"}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.stepperEl&&(this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabels=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId)}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw Error("Stepper prop is not supported: "+e);e in l&&(this[l[e]]=t.detail[e])}))}render(){return o(s,{key:"afc9e25f7fca169a9ccb2241eb374b87c1b0ff5b"},o("div",{key:"3bb5727f75e1c9a44e3033dfcaf511d093d1e085",role:"listitem","aria-disabled":"upcoming"===this.state?"true":"false","aria-current":this.tdsAriaCurrent,tabIndex:-1,"aria-label":`Step ${this.index}: ${this.state}`,class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},o("span",{key:"c4f8eb7bd7039f14a7e374bb62fc8fd74f5aeeb8",class:this.state+" content-container"},"success"===this.state||"error"===this.state?o("tds-icon",{"aria-hidden":"true",svgTitle:"tds-step-icon-"+this.stepperId,class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):o("span",{"aria-hidden":"true",class:"index-container"},this.index)),!this.hideLabels&&o("div",{key:"aca563c692e3602ddd3b5d80cc63085077139a87","aria-hidden":"true",class:`label ${this.size} ${this.state}`},o("slot",{key:"ed85239ef9c383e2a251f7cef4931da2348a8975",name:"label"}))))}get el(){return this}static get style(){return':host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 16px);right:0;top:16px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 16px);left:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 8px);left:0;top:16px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:auto;right:-10px;width:10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;left:-10px;right:auto;width:10px}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 16px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 12px + 16px);top:13px}:host [role=listitem].sm.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 12px + 8px);left:0;top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:auto;right:-10px;width:10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:-10px;right:auto;width:10px}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-icon-step-border-color-current);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal.text-aside{padding-right:0;padding-left:20px}:host(:last-of-type) [role=listitem].horizontal.text-aside::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;width:20px;left:-10px;right:auto;top:16px}:host(:last-of-type) [role=listitem].horizontal.text-aside.sm.hide-labels::before{top:13px;width:13px;left:0;right:calc(50% + 20px)}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}'}},[257,"tds-step",{index:[513],state:[513],tdsAriaCurrent:[513,"tds-aria-current"],hideLabels:[32],size:[32],orientation:[32],labelPosition:[32]},[[16,"internalTdsPropsChange","handlePropsChange"]]]);function n(){"undefined"!=typeof customElements&&["tds-step","tds-icon"].forEach((e=>{switch(e){case"tds-step":customElements.get(t(e))||customElements.define(t(e),a);break;case"tds-icon":customElements.get(t(e))||r()}}))}n();const p=a,d=n;export{p as TdsStep,d as defineCustomElement}

package/dist/components/tds-table-body-input-wrapper.js

@@ -1 +1 @@
-import{t,p as e,H as o,h as s,a as n}from"./index.js";import{d as i}from"./p-B5eSTxGJ.js";const r=["compactDesign"],a=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>r.includes(t))).forEach((e=>{if(void 0===this[e])throw console.error("Table prop is not supported: "+e),Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?r.forEach((e=>{this[e]=t[e]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-BODY-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const e=t[0];e.addEventListener("focus",(()=>{this.inputFocused=!0})),e.addEventListener("blur",(()=>{this.inputFocused=!1})),e.addEventListener("keydown",(t=>{"Enter"===t.key&&(t.preventDefault(),this.moveToNextEditableCell())}))}}moveToNextEditableCell(){const t=Array.from(document.querySelectorAll("tds-table-body-input-wrapper")),e=t.indexOf(this.host);if(-1!==e&&e<t.length-1){const o=t[e+1].querySelector("input");o&&o.focus()}}render(){return s(n,{key:"1a61abe1ae33890adae2565298086fe3d55f0cf0",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?s("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?s("tds-icon",{class:"edit-icon",slot:"icon",size:"16px",name:"edit"}):null)}get host(){return this}static get style(){return":host{position:relative}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.show-icon) ::slotted(input){padding-right:var(--tds-spacing-element-24)}:host(:hover) tds-icon{display:inline-block}:host(:hover) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}tds-icon.edit-icon{display:none;position:absolute;right:10px;top:1px;pointer-events:none;cursor:pointer}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);color:var(--tds-table-color);background-color:transparent;height:48px;border-radius:0;border:0;border-bottom:2px solid transparent;width:100%;cursor:pointer}::slotted(input)::placeholder{color:var(--tds-table-color)}::slotted(input:disabled){background-color:var(--tds-table-input-background-disabled)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}"}},[257,"tds-table-body-input-wrapper",{showIcon:[516,"show-icon"],renderSlot:[32],inputFocused:[32],compactDesign:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function d(){"undefined"!=typeof customElements&&["tds-table-body-input-wrapper","tds-icon"].forEach((e=>{switch(e){case"tds-table-body-input-wrapper":customElements.get(t(e))||customElements.define(t(e),a);break;case"tds-icon":customElements.get(t(e))||i()}}))}d();const l=a,c=d;export{l as TdsTableBodyInputWrapper,c as defineCustomElement}
+import{t,p as e,H as o,h as s,a as n}from"./index.js";import{d as i}from"./p-1OlFnMHE.js";const r=["compactDesign"],a=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>r.includes(t))).forEach((e=>{if(void 0===this[e])throw console.error("Table prop is not supported: "+e),Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?r.forEach((e=>{this[e]=t[e]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-BODY-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const e=t[0];e.addEventListener("focus",(()=>{this.inputFocused=!0})),e.addEventListener("blur",(()=>{this.inputFocused=!1})),e.addEventListener("keydown",(t=>{"Enter"===t.key&&(t.preventDefault(),this.moveToNextEditableCell())}))}}moveToNextEditableCell(){const t=Array.from(document.querySelectorAll("tds-table-body-input-wrapper")),e=t.indexOf(this.host);if(-1!==e&&e<t.length-1){const o=t[e+1].querySelector("input");o&&o.focus()}}render(){return s(n,{key:"1a61abe1ae33890adae2565298086fe3d55f0cf0",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?s("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?s("tds-icon",{class:"edit-icon",slot:"icon",size:"16px",name:"edit"}):null)}get host(){return this}static get style(){return":host{position:relative}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.show-icon) ::slotted(input){padding-right:var(--tds-spacing-element-24)}:host(:hover) tds-icon{display:inline-block}:host(:hover) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}tds-icon.edit-icon{display:none;position:absolute;right:10px;top:1px;pointer-events:none;cursor:pointer}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);color:var(--tds-table-color);background-color:transparent;height:48px;border-radius:0;border:0;border-bottom:2px solid transparent;width:100%;cursor:pointer}::slotted(input)::placeholder{color:var(--tds-table-color)}::slotted(input:disabled){background-color:var(--tds-table-input-background-disabled)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}"}},[257,"tds-table-body-input-wrapper",{showIcon:[516,"show-icon"],renderSlot:[32],inputFocused:[32],compactDesign:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function d(){"undefined"!=typeof customElements&&["tds-table-body-input-wrapper","tds-icon"].forEach((e=>{switch(e){case"tds-table-body-input-wrapper":customElements.get(t(e))||customElements.define(t(e),a);break;case"tds-icon":customElements.get(t(e))||i()}}))}d();const l=a,c=d;export{l as TdsTableBodyInputWrapper,c 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 a=["multiselect","verticalDividers","compactDesign"],r=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=>a.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&&a.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);background-color:var(--tds-table-body-row-background);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){background-color:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row--selected:hover){background-color: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),r);break;case"tds-checkbox":customElements.get(t(e))||l()}}))}c();const b=r,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-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}

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

@@ -1 +1 @@
-import{t as e,p as t,H as o,h as d,a as s}from"./index.js";const a=["multiselect","expandableRows","zebraMode"],l=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.multiselect=!1,this.enablePaginationTableBody=!1,this.expandableRows=!1,this.multiselectArray=[],this.multiselectArrayJSON="",this.mainCheckboxStatus=!1,this.columnsNumber=0,this.zebraMode="none",this.tableId="",this.bodyCheckBoxClicked=()=>{const e=this.host.getElementsByClassName("tds-table__row").length,t=this.host.getElementsByClassName("tds-table__row--selected").length;this.mainCheckboxStatus=e===t}}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>a.includes(e))).forEach((t=>{if(void 0===this[t])throw Error("Table prop is not supported: "+t);this[t]=e.detail[t]}))}bodyCheckboxListener(){this.bodyCheckBoxClicked()}connectedCallback(){var e;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(e=this.tableEl)||void 0===e?void 0:e.tableId}componentWillLoad(){a.forEach((e=>{var t;this[e]=null===(t=this.tableEl)||void 0===t?void 0:t[e]}))}componentWillRender(){var e,t;const o=null===(e=this.host.parentElement)||void 0===e?void 0:e.querySelector("tds-table-header"),d=null!==(t=null==o?void 0:o.children.length)&&void 0!==t?t:0;this.columnsNumber=this.multiselect||this.expandableRows?d+1:d}render(){return d(s,{key:"60769d20b1be88e96358e43d627188860b85f580","data-selected-rows":this.multiselectArrayJSON,class:{"tds-table--zebra-mode-rows-odd":"rows-odd"===this.zebraMode,"tds-table--zebra-mode-rows-even":"rows-even"===this.zebraMode,"tds-table--zebra-mode-columns-odd":"columns-odd"===this.zebraMode,"tds-table--zebra-mode-columns-even":"columns-even"===this.zebraMode}},d("slot",{key:"7f2451f49224792b663dacc60f66f33d2e9e70de"}))}get host(){return this}static get style(){return":host,tds-table-body{box-sizing:border-box;display:table-row-group}:host *,tds-table-body *{box-sizing:border-box}:host .tds-table__info-message,tds-table-body .tds-table__info-message{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell.tds-table__body-cell--hover:nth-child(odd){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell.tds-table__body-cell--hover:nth-child(even){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-table-body-row:hover tds-body-cell,tds-table-body.tds-table--zebra-mode-columns-odd tds-table-body-row:hover tds-body-cell{background-color:transparent}"}},[260,"tds-table-body",{multiselect:[32],enablePaginationTableBody:[32],expandableRows:[32],multiselectArray:[32],multiselectArrayJSON:[32],mainCheckboxStatus:[32],columnsNumber:[32],zebraMode:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowChange","bodyCheckboxListener"]]]);function b(){"undefined"!=typeof customElements&&["tds-table-body"].forEach((t=>{"tds-table-body"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}b();const r=l,n=b;export{r as TdsTableBody,n as defineCustomElement}
+import{t as e,p as t,H as d,h as o,a as s}from"./index.js";const b=["multiselect","expandableRows","zebraMode"],l=t(class extends d{constructor(e){super(),!1!==e&&this.__registerHost(),this.multiselect=!1,this.enablePaginationTableBody=!1,this.expandableRows=!1,this.multiselectArray=[],this.multiselectArrayJSON="",this.mainCheckboxStatus=!1,this.columnsNumber=0,this.zebraMode="none",this.tableId="",this.bodyCheckBoxClicked=()=>{const e=this.host.getElementsByClassName("tds-table__row").length,t=this.host.getElementsByClassName("tds-table__row--selected").length;this.mainCheckboxStatus=e===t}}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>b.includes(e))).forEach((t=>{if(void 0===this[t])throw Error("Table prop is not supported: "+t);this[t]=e.detail[t]}))}bodyCheckboxListener(){this.bodyCheckBoxClicked()}connectedCallback(){var e;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(e=this.tableEl)||void 0===e?void 0:e.tableId}componentWillLoad(){b.forEach((e=>{var t;this[e]=null===(t=this.tableEl)||void 0===t?void 0:t[e]}))}componentWillRender(){var e,t;const d=null===(e=this.host.parentElement)||void 0===e?void 0:e.querySelector("tds-table-header"),o=null!==(t=null==d?void 0:d.children.length)&&void 0!==t?t:0;this.columnsNumber=this.multiselect||this.expandableRows?o+1:o}render(){return o(s,{key:"60769d20b1be88e96358e43d627188860b85f580","data-selected-rows":this.multiselectArrayJSON,class:{"tds-table--zebra-mode-rows-odd":"rows-odd"===this.zebraMode,"tds-table--zebra-mode-rows-even":"rows-even"===this.zebraMode,"tds-table--zebra-mode-columns-odd":"columns-odd"===this.zebraMode,"tds-table--zebra-mode-columns-even":"columns-even"===this.zebraMode}},o("slot",{key:"7f2451f49224792b663dacc60f66f33d2e9e70de"}))}get host(){return this}static get style(){return":host,tds-table-body{box-sizing:border-box;display:table-row-group}:host *,tds-table-body *{box-sizing:border-box}:host .tds-table__info-message,tds-table-body .tds-table__info-message{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd){--row-bg:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd):hover{--row-bg:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even){--row-bg:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even):hover{--row-bg:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell:nth-child(odd){--row-bg:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell.tds-table__body-cell--hover:nth-child(odd){--row-bg:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell:nth-child(even){--row-bg:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell.tds-table__body-cell--hover:nth-child(even){--row-bg:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-table-body-row:hover tds-body-cell,tds-table-body.tds-table--zebra-mode-columns-odd tds-table-body-row:hover tds-body-cell{--row-bg:var(--tds-table-body-cell-background-hover)}"}},[260,"tds-table-body",{multiselect:[32],enablePaginationTableBody:[32],expandableRows:[32],multiselectArray:[32],multiselectArrayJSON:[32],mainCheckboxStatus:[32],columnsNumber:[32],zebraMode:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowChange","bodyCheckboxListener"]]]);function a(){"undefined"!=typeof customElements&&["tds-table-body"].forEach((t=>{"tds-table-body"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}a();const r=l,n=a;export{r as TdsTableBody,n 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-VwQKu81G.js";import{d as n}from"./p-CiGYIe0v.js";import{d}from"./p-B5eSTxGJ.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 g=h,_=p;export{g as TdsTableFooter,_ 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-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}

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

@@ -1 +1 @@
-import{t,p as e,H as s,h as o,a as n}from"./index.js";import{d as i}from"./p-B5eSTxGJ.js";const a=["compactDesign"],r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>a.includes(t))).forEach((e=>{if(void 0===this[e])throw console.error("Table prop is not supported: "+e),Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?a.forEach((e=>{this[e]=t[e]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-HEADER-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const e=t[0];e.addEventListener("focus",(()=>{this.inputFocused=!0})),e.addEventListener("blur",(()=>{this.inputFocused=!1}))}}render(){return o(n,{key:"524d664d605a1cefb1fc700cf62a31976e85de2c",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?o("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?o("tds-icon",{svgTitle:"search",class:"search-icon",slot:"icon",size:"16px",name:"search"}):null)}get host(){return this}static get style(){return":host{position:relative}:host(:hover) tds-icon{display:inline-block}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.focused-input-wrapper) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}:host(.show-icon) ::slotted(input){padding-left:35px}tds-icon.search-icon{color:var(--tds-table-input-header-icon);position:absolute;left:15px;top:1px}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);height:48px;border-radius:0;background-color:transparent;border:0;border-bottom:2px solid transparent}::slotted(input)::placeholder{color:var(--tds-table-input-header-placeholder)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-header-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}"}},[257,"tds-table-header-input-wrapper",{showIcon:[516,"show-icon"],compactDesign:[516,"compact-design"],renderSlot:[32],inputFocused:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function l(){"undefined"!=typeof customElements&&["tds-table-header-input-wrapper","tds-icon"].forEach((e=>{switch(e){case"tds-table-header-input-wrapper":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-icon":customElements.get(t(e))||i()}}))}l();const d=r,c=l;export{d as TdsTableHeaderInputWrapper,c as defineCustomElement}
+import{t,p as e,H as s,h as o,a as n}from"./index.js";import{d as i}from"./p-1OlFnMHE.js";const a=["compactDesign"],r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>a.includes(t))).forEach((e=>{if(void 0===this[e])throw console.error("Table prop is not supported: "+e),Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?a.forEach((e=>{this[e]=t[e]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-HEADER-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const e=t[0];e.addEventListener("focus",(()=>{this.inputFocused=!0})),e.addEventListener("blur",(()=>{this.inputFocused=!1}))}}render(){return o(n,{key:"524d664d605a1cefb1fc700cf62a31976e85de2c",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?o("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?o("tds-icon",{svgTitle:"search",class:"search-icon",slot:"icon",size:"16px",name:"search"}):null)}get host(){return this}static get style(){return":host{position:relative}:host(:hover) tds-icon{display:inline-block}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.focused-input-wrapper) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}:host(.show-icon) ::slotted(input){padding-left:35px}tds-icon.search-icon{color:var(--tds-table-input-header-icon);position:absolute;left:15px;top:1px}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);height:48px;border-radius:0;background-color:transparent;border:0;border-bottom:2px solid transparent}::slotted(input)::placeholder{color:var(--tds-table-input-header-placeholder)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-header-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}"}},[257,"tds-table-header-input-wrapper",{showIcon:[516,"show-icon"],compactDesign:[516,"compact-design"],renderSlot:[32],inputFocused:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function l(){"undefined"!=typeof customElements&&["tds-table-header-input-wrapper","tds-icon"].forEach((e=>{switch(e){case"tds-table-header-input-wrapper":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-icon":customElements.get(t(e))||i()}}))}l();const d=r,c=l;export{d as TdsTableHeaderInputWrapper,c as defineCustomElement}

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

@@ -1 +1 @@
-import{t,p as e,H as a,c as s,h as r,a as o}from"./index.js";import{d as i}from"./p-B5eSTxGJ.js";const l=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],d=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsFilter=s(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=>l.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,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){l.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}handleSearch(t){const e=t.currentTarget.value.toLowerCase(),a=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:e}),e.length>0?a.classList.add("tds-table__searchbar--active"):a.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=this.horizontalScrollWidth+"px"),t}render(){return r(o,{key:"82de92eb66d3592648321ec69f571a7f8562870d",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},r("div",{key:"87aff8f8230e0289217e9b4ba276fd90adeed20d",class:"tds-table__upper-bar-flex"},r("div",{key:"c4cd83ece587f591ac7532580cd6d52f82be3cf6",class:"tds-table__actionbar-left"},this.tableTitle&&r("caption",{key:"5305f59a0e6c97dded2cf07fe78738d829ea862e",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),r("slot",{key:"c76b2d1bd6dcc3ae00cbe8ebc217e3de2b77a16e",name:"start"})),r("div",{key:"f06062c8f1c11ff05d41aa6b2a5811899036b240",class:"tds-table__actionbar"},this.filter&&r("div",{key:"0b59c9b54861d4c02a5ec0861d52120f834f1208",class:"tds-table__searchbar"},r("input",{key:"6b06fb4aa86958c44c7fc8d1eeaa5bd895e52b82",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),r("span",{key:"3ee299d71b855f904b8b478d8d58e058aefd66b8",class:"tds-table__searchbar-icon"},r("tds-icon",{key:"7beaa148dfa57c227534c5015a2c6ccd924bb921",name:"search",size:"20px"}))),r("slot",{key:"0d88dc478526afcfe25dc56b9d3b8426c48ba8a7",name:"end"}))))}get host(){return this}static get style(){return':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}'}},[257,"tds-table-toolbar",{tableTitle:[513,"table-title"],filter:[516],tdsSearchAriaLabel:[513,"tds-search-aria-label"],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32],horizontalScrollWidth:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function c(){"undefined"!=typeof customElements&&["tds-table-toolbar","tds-icon"].forEach((e=>{switch(e){case"tds-table-toolbar":customElements.get(t(e))||customElements.define(t(e),d);break;case"tds-icon":customElements.get(t(e))||i()}}))}c();const b=d,n=c;export{b as TdsTableToolbar,n as defineCustomElement}
+import{t,p as e,H as a,c as s,h as r,a as o}from"./index.js";import{d as i}from"./p-1OlFnMHE.js";const l=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],d=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsFilter=s(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=>l.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,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){l.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}handleSearch(t){const e=t.currentTarget.value.toLowerCase(),a=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:e}),e.length>0?a.classList.add("tds-table__searchbar--active"):a.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=this.horizontalScrollWidth+"px"),t}render(){return r(o,{key:"82de92eb66d3592648321ec69f571a7f8562870d",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},r("div",{key:"87aff8f8230e0289217e9b4ba276fd90adeed20d",class:"tds-table__upper-bar-flex"},r("div",{key:"c4cd83ece587f591ac7532580cd6d52f82be3cf6",class:"tds-table__actionbar-left"},this.tableTitle&&r("caption",{key:"5305f59a0e6c97dded2cf07fe78738d829ea862e",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),r("slot",{key:"c76b2d1bd6dcc3ae00cbe8ebc217e3de2b77a16e",name:"start"})),r("div",{key:"f06062c8f1c11ff05d41aa6b2a5811899036b240",class:"tds-table__actionbar"},this.filter&&r("div",{key:"0b59c9b54861d4c02a5ec0861d52120f834f1208",class:"tds-table__searchbar"},r("input",{key:"6b06fb4aa86958c44c7fc8d1eeaa5bd895e52b82",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),r("span",{key:"3ee299d71b855f904b8b478d8d58e058aefd66b8",class:"tds-table__searchbar-icon"},r("tds-icon",{key:"7beaa148dfa57c227534c5015a2c6ccd924bb921",name:"search",size:"20px"}))),r("slot",{key:"0d88dc478526afcfe25dc56b9d3b8426c48ba8a7",name:"end"}))))}get host(){return this}static get style(){return':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}'}},[257,"tds-table-toolbar",{tableTitle:[513,"table-title"],filter:[516],tdsSearchAriaLabel:[513,"tds-search-aria-label"],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32],horizontalScrollWidth:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function c(){"undefined"!=typeof customElements&&["tds-table-toolbar","tds-icon"].forEach((e=>{switch(e){case"tds-table-toolbar":customElements.get(t(e))||customElements.define(t(e),d);break;case"tds-icon":customElements.get(t(e))||i()}}))}c();const b=d,n=c;export{b as TdsTableToolbar,n as defineCustomElement}

package/dist/components/tds-text-field.js

@@ -1 +1 @@
-import{T as o,d as r}from"./p-_rIDaSwT.js";const s=o,a=r;export{s as TdsTextField,a as defineCustomElement}
+import{T as o,d as s}from"./p-7N0u4VMq.js";const p=o,r=s;export{p as TdsTextField,r as defineCustomElement}

package/dist/components/tds-textarea.js

@@ -1 +1 @@
-import{t,p as e,H as a,c as r,h as s}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";import{g as o}from"./p-wEP_nEaO.js";import{d}from"./p-B5eSTxGJ.js";import{d as n}from"./p-CJtN1EIg.js";import{d as l}from"./p-Dlj2h0pg.js";const c=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=r(this,"tdsChange",6),this.tdsBlur=r(this,"tdsBlur",6),this.tdsInput=r(this,"tdsInput",6),this.tdsFocus=r(this,"tdsFocus",6),this.uuid=i(),this.label="",this.name="",this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){var e;null===(e=this.textEl)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}render(){var t,e;return s("div",{key:"17e5f048546531899316fb6941dd56c4c0eec86b",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,["tds-mode-variant-"+this.setModeVariant(this.modeVariant)]:!0,"textarea-data":""!==this.value,["textarea-"+this.state]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&s("label",{key:"7acbaff8c9b834537667a2f00fd43bd207ec4a94",htmlFor:"textarea-element-"+this.uuid,class:"textarea-label"},this.label),s("div",{key:"9e1a35a149e87ef132544bccee4ef68708a043b5",class:"textarea-wrapper"},s("textarea",{key:"1ac5b68781eb3678b286217d4be05db6b3fed343",id:"textarea-element-"+this.uuid,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":o(this.host,this.state),"aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":"textarea-helper-element-"+this.uuid}),s("span",{key:"bdb08af97c50672145daf0f2aebca2b3dc0b6f8f",class:"textarea-resizer-icon"},s("svg",{key:"7239c0246d6d3b9d83cddcfeba33929c52306c46",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"eb4d0058060a9e023d664b0e4ead6932b4d0fb7c","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&s("span",{key:"a961358d976093ef4fcab24bd59822a19f121110",class:"textarea-icon__readonly"},s("tds-tooltip",{key:"41b20bd51f8d597d38eff89f696f9b89a1be3c5e",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),s("tds-icon",{key:"05bb88941fb674e6d636eff3e036ded3d91b8f76",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),s("span",{key:"e380047364c71512ec6290ddc3acce7ccf0c4a92",class:"textarea-helper","aria-live":"assertive",id:"textarea-helper-element-"+this.uuid},"error"===this.state&&this.helper&&!this.readOnly&&s("tds-icon",{key:"ab76d1518a9bda2251eb2c9e0ea765c2039da5aa",name:"error",size:"16px"}),this.helper),(null!==(t=this.maxLength)&&void 0!==t?t:0)>0&&s("div",{key:"96ec8a42970fcacc3c9a8bca8c5be24530880888",class:"textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,s("span",{key:"8c6d15477056e04403a611c99db97da4d3c27e6b",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return this}static get style(){return".textarea-container.sc-tds-textarea{border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);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);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-style:solid;border-color:var(--tds-textarea-border-bottom);border-width:calc(var(--component--input-border-width-top) * 1px) calc(var(--component--input-border-width-right) * 1px) calc(var(--component--input-border-width-bottom) * 1px) calc(var(--component--input-border-width-left) * 1px);transition:border-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{cursor:not-allowed}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea: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}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block;width:calc(var(--component-textarea-size-resize-width) * 1px);height:calc(var(--component-textarea-size-resize-height) * 1px)}.textarea-label.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{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);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea tds-icon.sc-tds-textarea{color:var(--tds-textarea-icon-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-wrapper.sc-tds-textarea,.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{opacity:var(--tds-textarea-opacity-disabled)}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}"}},[2,"tds-textarea",{label:[513],name:[513],helper:[513],cols:[514],rows:[514],labelPosition:[513,"label-position"],placeholder:[513],value:[513],disabled:[516],readOnly:[516,"read-only"],hideReadOnlyIcon:[516,"hide-read-only-icon"],state:[513],maxLength:[514,"max-length"],modeVariant:[513,"mode-variant"],autofocus:[516],noMinWidth:[516,"no-min-width"],tdsAriaLabel:[513,"tds-aria-label"],focusInput:[32],focusElement:[64]}]);function x(){"undefined"!=typeof customElements&&["tds-textarea","tds-icon","tds-popover-core","tds-tooltip"].forEach((e=>{switch(e){case"tds-textarea":customElements.get(t(e))||customElements.define(t(e),c);break;case"tds-icon":customElements.get(t(e))||d();break;case"tds-popover-core":customElements.get(t(e))||n();break;case"tds-tooltip":customElements.get(t(e))||l()}}))}x();const h=c,p=x;export{h as TdsTextarea,p as defineCustomElement}
+import{t,p as e,H as a,c as r,h as s}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";import{g as o}from"./p-wEP_nEaO.js";import{d}from"./p-1OlFnMHE.js";import{d as n}from"./p-CJtN1EIg.js";import{d as l}from"./p-Dlj2h0pg.js";const c=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=r(this,"tdsChange",6),this.tdsBlur=r(this,"tdsBlur",6),this.tdsInput=r(this,"tdsInput",6),this.tdsFocus=r(this,"tdsFocus",6),this.uuid=i(),this.label="",this.name="",this.labelPosition="no-label",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.state="default",this.modeVariant=null,this.autofocus=!1,this.noMinWidth=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleBlur(t){this.tdsBlur.emit(t),this.focusInput=!1}handleInput(t){t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.tdsInput.emit(t))}handleFocus(t){var e;null===(e=this.textEl)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}async focusElement(){this.textEl&&(this.textEl.focus(),this.focusInput=!0)}setModeVariant(t){return this.readOnly&&"primary"===t?"secondary":this.readOnly&&"secondary"===t?"primary":t}render(){var t,e;return s("div",{key:"17e5f048546531899316fb6941dd56c4c0eec86b",class:{"textarea-container":!0,"textarea-label-inside":"inside"===this.labelPosition,"textarea-focus":this.focusInput,"textarea-disabled":this.disabled,"textarea-readonly":!this.disabled&&this.readOnly,["tds-mode-variant-"+this.setModeVariant(this.modeVariant)]:!0,"textarea-data":""!==this.value,["textarea-"+this.state]:"error"===this.state||"success"===this.state,"no-min-width":this.noMinWidth}},"no-label"!==this.labelPosition&&s("label",{key:"7acbaff8c9b834537667a2f00fd43bd207ec4a94",htmlFor:"textarea-element-"+this.uuid,class:"textarea-label"},this.label),s("div",{key:"9e1a35a149e87ef132544bccee4ef68708a043b5",class:"textarea-wrapper"},s("textarea",{key:"1ac5b68781eb3678b286217d4be05db6b3fed343",id:"textarea-element-"+this.uuid,class:"textarea-input",ref:t=>{this.textEl=t},disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,name:this.name,autofocus:this.autofocus,maxlength:this.maxLength,cols:this.cols,rows:this.rows,onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),"aria-invalid":o(this.host,this.state),"aria-readonly":this.readOnly?"true":"false","aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":"textarea-helper-element-"+this.uuid}),s("span",{key:"bdb08af97c50672145daf0f2aebca2b3dc0b6f8f",class:"textarea-resizer-icon"},s("svg",{key:"7239c0246d6d3b9d83cddcfeba33929c52306c46",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},s("path",{key:"eb4d0058060a9e023d664b0e4ead6932b4d0fb7c","fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.8536 0.853553C12.0488 0.658291 12.0488 0.341709 11.8536 0.146447C11.6583 -0.0488155 11.3417 -0.0488155 11.1464 0.146447L0.146447 11.1464C-0.0488155 11.3417 -0.0488155 11.6583 0.146447 11.8536C0.341709 12.0488 0.658291 12.0488 0.853553 11.8536L11.8536 0.853553ZM11.8536 4.64645C12.0488 4.84171 12.0488 5.15829 11.8536 5.35355L5.35355 11.8536C5.15829 12.0488 4.84171 12.0488 4.64645 11.8536C4.45118 11.6583 4.45118 11.3417 4.64645 11.1464L11.1464 4.64645C11.3417 4.45118 11.6583 4.45118 11.8536 4.64645ZM11.8536 8.64645C12.0488 8.84171 12.0488 9.15829 11.8536 9.35355L9.35355 11.8536C9.15829 12.0488 8.84171 12.0488 8.64645 11.8536C8.45118 11.6583 8.45118 11.3417 8.64645 11.1464L11.1464 8.64645C11.3417 8.45118 11.6583 8.45118 11.8536 8.64645Z",fill:"currentColor"}))),!this.disabled&&!this.hideReadOnlyIcon&&this.readOnly&&s("span",{key:"a961358d976093ef4fcab24bd59822a19f121110",class:"textarea-icon__readonly"},s("tds-tooltip",{key:"41b20bd51f8d597d38eff89f696f9b89a1be3c5e",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),s("tds-icon",{key:"05bb88941fb674e6d636eff3e036ded3d91b8f76",id:"readonly-tooltip",name:"edit_inactive",svgTitle:"inactive"}))),s("span",{key:"e380047364c71512ec6290ddc3acce7ccf0c4a92",class:"textarea-helper","aria-live":"assertive",id:"textarea-helper-element-"+this.uuid},"error"===this.state&&this.helper&&!this.readOnly&&s("tds-icon",{key:"ab76d1518a9bda2251eb2c9e0ea765c2039da5aa",name:"error",size:"16px"}),this.helper),(null!==(t=this.maxLength)&&void 0!==t?t:0)>0&&s("div",{key:"96ec8a42970fcacc3c9a8bca8c5be24530880888",class:"textarea-textcounter"},null===this.value?0:null===(e=this.value)||void 0===e?void 0:e.length,s("span",{key:"8c6d15477056e04403a611c99db97da4d3c27e6b",class:"textfield-textcounter-divider"}," / ")," ",this.maxLength))}get host(){return this}static get style(){return".textarea-container.sc-tds-textarea{border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);position:relative;box-sizing:border-box;height:auto;width:100%;min-width:208px;display:inline-flex;background-color:transparent;flex-flow:row wrap;border-bottom:0}.textarea-container.no-min-width.sc-tds-textarea{min-width:unset}.textarea-container.sc-tds-textarea .textarea-wrapper.sc-tds-textarea{position:relative;width:unset;min-width:100%}.textarea-input.sc-tds-textarea{border-radius:calc(var(--component--input-border-radius-top-left) * 1px) calc(var(--component--input-border-radius-top-right) * 1px) calc(var(--component--input-border-radius-bottom-right) * 1px) calc(var(--component--input-border-radius-bottom-left) * 1px);width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-textarea-color);background-color:var(--tds-textarea-background);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);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-style:solid;border-color:var(--tds-textarea-border-bottom);border-width:calc(var(--component--input-border-width-top) * 1px) calc(var(--component--input-border-width-right) * 1px) calc(var(--component--input-border-width-bottom) * 1px) calc(var(--component--input-border-width-left) * 1px);transition:border-color 200ms ease}.textarea-input.sc-tds-textarea:read-only{background-color:var(--tds-textarea-read-only-background)}.textarea-input.sc-tds-textarea::placeholder{opacity:1;color:var(--tds-textarea-placeholder);transition:color 200ms ease}.textarea-input.sc-tds-textarea:disabled{cursor:not-allowed}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-color:var(--tds-textarea-border-bottom-hover)}.textarea-input.sc-tds-textarea:hover::placeholder{color:var(--tds-textarea-placeholder-hover)}.textarea-input.sc-tds-textarea: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}.textarea-resizer-icon.sc-tds-textarea{color:var(--tds-textarea-resize-icon);position:absolute;display:block;bottom:2px;right:1px;padding-bottom:2px;padding-right:2px;pointer-events:none;background-color:var(--tds-textarea-background)}.textarea-resizer-icon.sc-tds-textarea svg.sc-tds-textarea{display:block;width:calc(var(--component-textarea-size-resize-width) * 1px);height:calc(var(--component-textarea-size-resize-height) * 1px)}.textarea-label.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:block;z-index:1;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-textarea-label-color)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{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);transition:0.1s ease all;color:var(--tds-textarea-label-inside-color);position:absolute;top:var(--tds-spacing-element-20);left:var(--tds-spacing-element-16)}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea .sc-tds-textarea::placeholder{color:transparent}.textarea-container.textarea-label-inside.sc-tds-textarea .textarea-input.sc-tds-textarea:focus::placeholder{transition:color 0.35s ease;color:var(--tds-textarea-placeholder)}.textarea-container.textarea-focus.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-container.textarea-data.textarea-label-inside.sc-tds-textarea .textarea-label.sc-tds-textarea{font-family:var(--detail-07-font-family);font-size:var(--detail-07-font-size);line-height:var(--detail-07-line-height);font-weight:var(--detail-07-font-weight);letter-spacing:var(--detail-07-letter-spacing);text-transform:var(--detail-07-text-transform);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter);float:right;flex-basis:100%;text-align:right;padding-top:var(--tds-spacing-element-4)}.textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);display:flex;gap:8px;align-items:center;padding-top:var(--tds-spacing-element-4);color:var(--tds-textarea-helper);flex-grow:2;flex-basis:auto}.textarea-helper.sc-tds-textarea~.textarea-textcounter.sc-tds-textarea{flex-basis:auto}.textarea-success.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea tds-icon.sc-tds-textarea{color:var(--tds-textarea-icon-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-wrapper.sc-tds-textarea,.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{opacity:var(--tds-textarea-opacity-disabled)}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-disabled.sc-tds-textarea .textarea-textcounter.sc-tds-textarea .textfield-textcounter-divider.sc-tds-textarea{color:var(--tds-textarea-textcounter-disabled)}.textarea-icon__readonly.sc-tds-textarea{display:none;position:absolute;right:18px;top:18px;color:var(--tds-textarea-icon-read-only-color)}.textarea-icon__readonly-label.sc-tds-textarea{display:none;position:absolute;right:18px;top:48px;font-family:var(--detail-05-font-family);font-size:var(--detail-05-font-size);line-height:var(--detail-05-line-height);font-weight:var(--detail-05-font-weight);letter-spacing:var(--detail-05-letter-spacing);text-transform:var(--detail-05-text-transform);letter-spacing:var(--tds-detail-05-ls);padding:8px;color:var(--tds-textarea-icon-read-only-label-color);background-color:var(--tds-textarea-icon-read-only-label-background);white-space:nowrap;border-radius:4px 0 4px 4px}.textarea-readonly.sc-tds-textarea .textarea-icon__readonly.sc-tds-textarea{display:block}.textarea-readonly.sc-tds-textarea .textarea-input.sc-tds-textarea{border-color:var(--tds-textarea-border-bottom-read-only-color)}.textarea-readonly.sc-tds-textarea .textfield-container.sc-tds-textarea{background-color:transparent}.textarea-readonly.sc-tds-textarea:has(.textarea-icon__readonly) .textarea-input.sc-tds-textarea{padding-right:54px}"}},[2,"tds-textarea",{label:[513],name:[513],helper:[513],cols:[514],rows:[514],labelPosition:[513,"label-position"],placeholder:[513],value:[513],disabled:[516],readOnly:[516,"read-only"],hideReadOnlyIcon:[516,"hide-read-only-icon"],state:[513],maxLength:[514,"max-length"],modeVariant:[513,"mode-variant"],autofocus:[516],noMinWidth:[516,"no-min-width"],tdsAriaLabel:[513,"tds-aria-label"],focusInput:[32],focusElement:[64]}]);function x(){"undefined"!=typeof customElements&&["tds-textarea","tds-icon","tds-popover-core","tds-tooltip"].forEach((e=>{switch(e){case"tds-textarea":customElements.get(t(e))||customElements.define(t(e),c);break;case"tds-icon":customElements.get(t(e))||d();break;case"tds-popover-core":customElements.get(t(e))||n();break;case"tds-tooltip":customElements.get(t(e))||l()}}))}x();const h=c,p=x;export{h as TdsTextarea,p as defineCustomElement}

package/dist/components/tds-toast.js

@@ -1 +1 @@
-import{t,p as s,H as o,c as e,h as a,a as r}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";import{h as i}from"./p-DDX6uFcm.js";import{d as c}from"./p-B5eSTxGJ.js";const n=s(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsClose=e(this,"tdsClose",7),this.toastId=d(),this.variant="information",this.hidden=!1,this.closable=!0,this.toastRole="alert",this.tdsAriaLive="polite",this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.handleClose=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!1)}}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}connectedCallback(){this.tdsCloseAriaLabel||console.warn("tds-toast: tdsCloseAriaLabel is required")}render(){const t=i("header",this.host),s=i("subheader",this.host),o=i("actions",this.host);return a(r,{key:"b422fc996e88e7d5d0a72d07971b29150cae7714","aria-live":this.tdsAriaLive,toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:{hide:this.hidden,show:!this.hidden}},a("div",{key:"4a473ab10edcce6938e981e25bf1c9f152721a29",class:"\n            wrapper\n            "+this.variant},a("tds-icon",{key:"30935de82074fbb0f980161662993939a6b6580e",name:this.getIconName(),size:"20px",svgTitle:this.getIconName()}),a("div",{key:"088ead78b9d39e91062efe3bd7dc7c084b81a921",class:"content"},a("div",{key:"b09535d0d741057672ddfcb885d6f389acdf65c9",class:"header-subheader"},this.header&&a("div",{key:"35e54d127fb9ed18c9abed9af147c133cc99b5aa",class:"header"},this.header),t&&a("slot",{key:"3f7bf2678d673e6b85a16501b47f1fbd51bb034f",name:"header"}),this.subheader&&a("div",{key:"b419ace2f16e606db38f0c2cd59f00de1173d6c3",class:"subheader"},this.subheader),s&&a("slot",{key:"a26f22ac7fc1ba369750273d69d31da6a793d261",name:"subheader"})),o&&a("div",{key:"99c8d320a5ea1d992b7a7a4679610cdfad679c93",class:"toast-bottom "+(s||this.subheader?"subheader":"no-subheader")},a("slot",{key:"3b6d1833ada42234f4d88ccd47694f41cfe61642",name:"actions"}))),this.closable&&a("button",{key:"b7817f902d836bf4b0175c9e00b5818549acbce3",id:"my-button","aria-label":this.tdsCloseAriaLabel,onClick:this.handleClose,class:"close"},a("tds-icon",{key:"43b8d46ea0c3747a274bdaa370fd2867dcf05133",name:"cross",size:"20px",svgTitle:"cross"}))))}get host(){return this}static get style(){return":host(.hide){display:none;visibility:hidden}:host{z-index:800}:host .wrapper{display:flex;width:348px;background-color:var(--tds-toast-background-color);border-radius:var(--tds-toast-border-radius)}:host .wrapper.information{border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-info)}:host .wrapper.information tds-icon{color:var(--tds-toast-icon-color-info)}:host .wrapper.success{background-color:var(--tds-toast-background-success);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-success)}:host .wrapper.success tds-icon{color:var(--tds-toast-icon-color-success)}:host .wrapper.error{background-color:var(--tds-toast-background-error);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-error)}:host .wrapper.error tds-icon{color:var(--tds-toast-icon-color-error)}:host .wrapper.warning{background-color:var(--tds-toast-background-warning);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-warning)}:host .wrapper.warning tds-icon{color:var(--tds-toast-icon-color-warning)}:host .wrapper button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 22px;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close: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 .wrapper button.close tds-icon{color:var(--tds-toast-dissmiss-color);padding:0}:host tds-icon{padding:14px 0 0 12px}:host .content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1;max-width:250px;word-break:break-word}:host .content .header-subheader{display:flex;flex-direction:column;gap:4px}:host .content .header,:host .content slot[name=header]::slotted(*){font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02) !important;letter-spacing:var(--tds-detail-02-ls) !important}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{padding-top:12px}"}},[257,"tds-toast",{toastId:[513,"toast-id"],header:[513],subheader:[513],variant:[513],hidden:[516],closable:[516],toastRole:[513,"toast-role"],tdsCloseAriaLabel:[513,"tds-close-aria-label"],tdsAriaLive:[513,"tds-aria-live"],hideToast:[64],showToast:[64]}]);function l(){"undefined"!=typeof customElements&&["tds-toast","tds-icon"].forEach((s=>{switch(s){case"tds-toast":customElements.get(t(s))||customElements.define(t(s),n);break;case"tds-icon":customElements.get(t(s))||c()}}))}l();const h=n,b=l;export{h as TdsToast,b as defineCustomElement}
+import{t,p as s,H as o,c as e,h as a,a as r}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";import{h as i}from"./p-DDX6uFcm.js";import{d as n}from"./p-1OlFnMHE.js";const c=s(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsClose=e(this,"tdsClose",7),this.toastId=d(),this.variant="information",this.hidden=!1,this.closable=!0,this.toastRole="alert",this.tdsAriaLive="polite",this.getIconName=()=>{switch(this.variant){case"information":default:return"info";case"error":return"error";case"warning":return"warning";case"success":return"tick"}},this.handleClose=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!0)},this.handleShow=()=>{this.tdsClose.emit({toastId:this.toastId}).defaultPrevented||(this.hidden=!1)}}async hideToast(){this.hidden=!0}async showToast(){this.hidden=!1}connectedCallback(){this.tdsCloseAriaLabel||console.warn("tds-toast: tdsCloseAriaLabel is required")}render(){const t=i("header",this.host),s=i("subheader",this.host),o=i("actions",this.host);return a(r,{key:"b422fc996e88e7d5d0a72d07971b29150cae7714","aria-live":this.tdsAriaLive,toastRole:this.toastRole,"aria-describedby":this.host.getAttribute("aria-describedby"),class:{hide:this.hidden,show:!this.hidden}},a("div",{key:"4a473ab10edcce6938e981e25bf1c9f152721a29",class:"\n            wrapper\n            "+this.variant},a("tds-icon",{key:"30935de82074fbb0f980161662993939a6b6580e",name:this.getIconName(),size:"20px",svgTitle:this.getIconName()}),a("div",{key:"088ead78b9d39e91062efe3bd7dc7c084b81a921",class:"content"},a("div",{key:"b09535d0d741057672ddfcb885d6f389acdf65c9",class:"header-subheader"},this.header&&a("div",{key:"35e54d127fb9ed18c9abed9af147c133cc99b5aa",class:"header"},this.header),t&&a("slot",{key:"3f7bf2678d673e6b85a16501b47f1fbd51bb034f",name:"header"}),this.subheader&&a("div",{key:"b419ace2f16e606db38f0c2cd59f00de1173d6c3",class:"subheader"},this.subheader),s&&a("slot",{key:"a26f22ac7fc1ba369750273d69d31da6a793d261",name:"subheader"})),o&&a("div",{key:"99c8d320a5ea1d992b7a7a4679610cdfad679c93",class:"toast-bottom "+(s||this.subheader?"subheader":"no-subheader")},a("slot",{key:"3b6d1833ada42234f4d88ccd47694f41cfe61642",name:"actions"}))),this.closable&&a("button",{key:"b7817f902d836bf4b0175c9e00b5818549acbce3",id:"my-button","aria-label":this.tdsCloseAriaLabel,onClick:this.handleClose,class:"close"},a("tds-icon",{key:"43b8d46ea0c3747a274bdaa370fd2867dcf05133",name:"cross",size:"20px",svgTitle:"cross"}))))}get host(){return this}static get style(){return":host(.hide){display:none;visibility:hidden}:host{z-index:800}:host .wrapper{display:flex;width:348px;background-color:var(--tds-toast-background-color);border-radius:var(--tds-toast-border-radius)}:host .wrapper.information{border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-info)}:host .wrapper.information tds-icon{color:var(--tds-toast-icon-color-info)}:host .wrapper.success{background-color:var(--tds-toast-background-success);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-success)}:host .wrapper.success tds-icon{color:var(--tds-toast-icon-color-success)}:host .wrapper.error{background-color:var(--tds-toast-background-error);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-error)}:host .wrapper.error tds-icon{color:var(--tds-toast-icon-color-error)}:host .wrapper.warning{background-color:var(--tds-toast-background-warning);border-left:var(--tds-toast-border-width) solid var(--tds-toast-color-warning)}:host .wrapper.warning tds-icon{color:var(--tds-toast-icon-color-warning)}:host .wrapper button.close{height:20px;width:20px;display:flex;align-items:center;justify-content:center;margin:14px 14px 0 22px;border:none;background:transparent}:host .wrapper button.close:hover{cursor:pointer}:host .wrapper button.close: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 .wrapper button.close tds-icon{color:var(--tds-toast-dissmiss-color);padding:0}:host tds-icon{padding:14px 0 0 12px}:host .content{padding:16px 0 16px 10px;display:flex;flex-direction:column;flex:1;max-width:250px;word-break:break-word}:host .content .header-subheader{display:flex;flex-direction:column;gap:4px}:host .content .header,:host .content slot[name=header]::slotted(*){font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;color:var(--tds-toast-headline-color)}:host .content .subheader,:host .content slot[name=subheader]::slotted(*){color:var(--tds-toast-subheadline-color);font:var(--tds-detail-02) !important;letter-spacing:var(--tds-detail-02-ls) !important}:host .content .subheader.no-link slot::slotted(*),:host .content slot[name=subheader]::slotted(*).no-link slot::slotted(*){padding-bottom:0}:host .content .toast-bottom{padding-top:12px}"}},[257,"tds-toast",{toastId:[513,"toast-id"],header:[513],subheader:[513],variant:[513],hidden:[516],closable:[516],toastRole:[513,"toast-role"],tdsCloseAriaLabel:[513,"tds-close-aria-label"],tdsAriaLive:[513,"tds-aria-live"],hideToast:[64],showToast:[64]}]);function l(){"undefined"!=typeof customElements&&["tds-toast","tds-icon"].forEach((s=>{switch(s){case"tds-toast":customElements.get(t(s))||customElements.define(t(s),c);break;case"tds-icon":customElements.get(t(s))||n()}}))}l();const h=c,b=l;export{h as TdsToast,b as defineCustomElement}