@scania/tegel 1.54.0 → 1.55.0

package/dist/components/p-_rIDaSwT.js

@@ -0,0 +1 @@
+import{t,p as e,H as i,c as d,h as l}from"./index.js";import{h as s}from"./p-DDX6uFcm.js";import{g as r}from"./p-Cn4f8w1e.js";import{g as a}from"./p-wEP_nEaO.js";import{d as o}from"./p-B5eSTxGJ.js";import{d as n}from"./p-CJtN1EIg.js";import{d as f}from"./p-Dlj2h0pg.js";const c=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=d(this,"tdsChange",6),this.tdsInput=d(this,"tdsInput",6),this.tdsFocus=d(this,"tdsFocus",6),this.tdsBlur=d(this,"tdsBlur",6),this.tdsError=d(this,"tdsError",6),this.uuid=r(),this.type="text",this.labelPosition="no-label",this.label="",this.placeholder="",this.value="",this.disabled=!1,this.readOnly=!1,this.hideReadOnlyIcon=!1,this.size="lg",this.modeVariant=null,this.noMinWidth=!1,this.name="",this.state="default",this.autofocus=!1,this.required=!1,this.autocomplete="off",this.hideNumberArrows=!1,this.focusInput=!1}handleChange(t){this.tdsChange.emit(t)}handleInput(t){const e=t.target,{value:i}=e;this.value=i,this.tdsInput.emit(t)}handleFocus(t){var e;null===(e=this.textInput)||void 0===e||e.focus(),this.focusInput=!0,this.tdsFocus.emit(t)}handleBlur(t){if(this.focusInput=!1,"number"===this.type&&this.textInput){const t=this.textInput.valueAsNumber,e=void 0!==this.min?Number(this.min):void 0,i=void 0!==this.max?Number(this.max):void 0;if(void 0!==e&&void 0!==i&&e>i)return void console.warn("tds-text-field: min value is greater than max value");if(!isNaN(t)){const d=this.textInput.value;let l=d,s=null;void 0!==e&&t<e&&(l=String(this.min),s="min"),void 0!==i&&t>i&&(l=String(this.max),s="max"),l!==d&&s&&(this.textInput.value=l,this.value=l,this.tdsError.emit({originalValue:d,clampedValue:l,reason:s}))}}this.tdsBlur.emit(t)}async focusElement(){this.textInput&&this.textInput.focus()}render(){var t,e,i,d;const r=s("prefix",this.host),o=s("suffix",this.host);return l("div",{key:"dd9defb9a38b4cf10e8c7f57035ab8dbce251a46",class:{"form-text-field":!0,"form-text-field-nomin":this.noMinWidth,"text-field-focus":this.focusInput&&!this.disabled,"text-field-data":""!==this.value&&null!==this.value,"text-field-container-label-inside":"inside"===this.labelPosition&&"sm"!==this.size,"form-text-field-disabled":this.disabled,"form-text-field-readonly":!this.disabled&&this.readOnly,"tds-mode-variant-primary":this.readOnly?"secondary"===this.modeVariant:"primary"===this.modeVariant,"tds-mode-variant-secondary":this.readOnly?"primary"===this.modeVariant:"secondary"===this.modeVariant,"form-text-field-md":"md"===this.size,"form-text-field-sm":"sm"===this.size,"form-text-field-error":"error"===this.state,"form-text-field-success":"success"===this.state}},"outside"===this.labelPosition&&l("div",{key:"6b93d807bfbb8bbd3c82d8335bca55ec9c78ed4a",class:"text-field-label-outside"},l("label",{key:"c625e090dfb2515f886f5b9d1ce2213e0c0fd3d4",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),l("div",{key:"cb96dce1a1004b7951b3fb03d3841e27e79cc5a5",onClick:()=>{var t;return null===(t=this.textInput)||void 0===t?void 0:t.focus()},class:"text-field-container"},r&&l("div",{key:"2019699ebaa2e065e7dce91c3e0c819c4e14dd60",class:{"text-field-slot-wrap-prefix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state}},l("slot",{key:"157b5ac2ab057d033030ef52e4a1ff0bb54793fe",name:"prefix"})),l("div",{key:"92fc14cf021d3f0ec436b441d428186c0e9debb5",class:"text-field-input-container"},l("input",{key:"18d7207722fdd7107b492d9f2ac504da8daf4c14",ref:t=>{this.textInput=t},class:{"text-field-input":!0,"text-field-input-sm":"sm"===this.size,"text-field-input-md":"md"===this.size,"text-field-input-lg":"lg"===this.size,"text-field-input-no-arrows":this.hideNumberArrows},type:this.type,disabled:this.disabled,readonly:!this.disabled&&this.readOnly,placeholder:this.placeholder,value:this.value,autofocus:this.autofocus,maxlength:this.maxLength,name:this.name,min:this.min,max:this.max,step:this.step,onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onFocus:t=>{this.readOnly||this.handleFocus(t)},onBlur:t=>{this.readOnly||this.handleBlur(t)},"aria-invalid":a(this.host,this.state),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label,"aria-describedby":`text-field-helper-element-${this.uuid}`,"aria-readonly":this.readOnly,id:`text-field-input-element-${this.uuid}`,required:this.required,autocomplete:this.autocomplete}),"inside"===this.labelPosition&&"sm"!==this.size&&l("label",{key:"af177c81ba112bc0070257922119204317593249",class:"text-field-label-inside",htmlFor:`text-field-input-element-${this.uuid}`},this.label)),o&&l("div",{key:"363104da68171eeca7fd37e5aaff4d21dd95c54a",class:{"text-field-slot-wrap-suffix":!0,"text-field-error":"error"===this.state,"text-field-success":"success"===this.state,"text-field-default":"default"===this.state,"tds-u-display-none":this.readOnly}},l("slot",{key:"75b9836c7f556240471edba25233c00203d8bf55",name:"suffix"})),this.readOnly&&!this.hideReadOnlyIcon&&l("span",{key:"21e1dd37091b377c67d59b63275e12fb73b6b216",class:"text-field-icon__readonly"},l("tds-tooltip",{key:"eec43023c93207cdf31a5c1f69fc32ab53b62929",placement:"top-end",text:"This field is non-editable",selector:"#readonly-tooltip"}),l("tds-icon",{key:"060587e75f891223fa622e7434b59fd253216438",id:"readonly-tooltip",name:"edit_inactive",size:"20px"}))),l("div",{key:"ff1daddf3ce6df74855ab07c75697db48ff2a13e","aria-live":"assertive"},(this.helper||(null!==(t=this.maxLength)&&void 0!==t?t:0)>0)&&l("div",{key:"7232bd2259686766672c09218f3b56b739ea78a8",class:"text-field-helper",id:`text-field-helper-element-${this.uuid}`},"error"===this.state&&l("div",{key:"f37a5292ee69c54244bc829c5b96220e0450dd08",class:"text-field-helper-error-state"},!this.readOnly&&l("tds-icon",{key:"deddd774aadb77e171d81c368dbac8ebeebd7864",name:"error",size:"16px"}),this.helper),"error"!==this.state&&this.helper,!this.readOnly&&(null!==(e=this.maxLength)&&void 0!==e?e:0)>0&&l("span",{key:"a2a9f9ee206868eb12d6ff96fc8d6e32c0bad865",class:{"text-field-textcounter-divider":!0,"text-field-textcounter-disabled":this.disabled}},null===this.value?0:null===(i=this.value)||void 0===i?void 0:i.length," / ",null!==(d=this.maxLength)&&void 0!==d?d:0))))}get host(){return this}static get style(){return".text-field-input-lg.sc-tds-text-field{all:unset;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-text-field-color);background-color:var(--tds-text-field-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)}.text-field-input-lg.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-lg.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-lg.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-lg.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-md.sc-tds-text-field{all:unset;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-text-field-color);background-color:var(--tds-text-field-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-16)}.text-field-input-md.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-md.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-md.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-md.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-input-sm.sc-tds-text-field{all:unset;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-text-field-color);background-color:var(--tds-text-field-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-16)}.text-field-input-sm.sc-tds-text-field::placeholder{color:var(--tds-text-field-placeholder)}.text-field-input-sm.sc-tds-text-field:disabled{user-select:none;pointer-events:none;background-color:var(--tds-text-field-background-disabled);color:var(--tds-text-field-color-disabled)}.text-field-input-sm.sc-tds-text-field:disabled::placeholder{color:var(--tds-text-field-placeholder-disabled)}.text-field-input-sm.sc-tds-text-field:disabled~.text-field-label-inside.sc-tds-text-field{color:var(--tds-text-field-label-disabled)}.text-field-container.sc-tds-text-field{display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-text-field-background);border-style:solid;border-color:var(--tds-text-field-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);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);transition:border-color 200ms ease}.text-field-container.sc-tds-text-field:hover{border-color:var(--tds-text-field-border-bottom-hover)}.form-text-field-md.sc-tds-text-field .text-field-container.sc-tds-text-field{height:48px}.form-text-field-sm.sc-tds-text-field .text-field-container.sc-tds-text-field{height:40px}.text-field-container.sc-tds-text-field:focus-within{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}.text-field-input-container.sc-tds-text-field{position:relative;width:100%}.text-field-data.sc-tds-text-field,.text-field-input.sc-tds-text-field{color:var(--tds-text-field-data-color)}.text-field-label-outside.sc-tds-text-field>*.sc-tds-text-field{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;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-text-field-label-color)}.text-field-label-inside.sc-tds-text-field{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);position:absolute;pointer-events:none;color:var(--tds-text-field-label-inside-color);left:16px}.form-text-field.sc-tds-text-field{display:block;min-width:208px}.form-text-field-nomin.sc-tds-text-field{min-width:auto}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:20px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-lg.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-md.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{top:16px}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field .sc-tds-text-field::placeholder{color:transparent}.form-text-field.text-field-container-label-inside.sc-tds-text-field .text-field-input-sm.sc-tds-text-field:focus::placeholder{transition:color 0.35s ease;color:var(--tds-text-field-placeholder)}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-sm.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{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);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-md.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{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);transition:0.1s ease all;top:8px}.form-text-field.text-field-container-label-inside.text-field-focus.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field,.form-text-field.text-field-container-label-inside.text-field-data.sc-tds-text-field .text-field-input-lg.sc-tds-text-field~.text-field-label-inside.sc-tds-text-field{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);transition:0.1s ease all;top:12px}.text-field-helper.sc-tds-text-field{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;justify-content:space-between;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-text-field-helper)}.text-field-helper.sc-tds-text-field .text-field-textcounter.sc-tds-text-field{margin-left:auto}.form-text-field-disabled.sc-tds-text-field{cursor:not-allowed}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field,.form-text-field-disabled.sc-tds-text-field .text-field-label-outside.sc-tds-text-field{opacity:var(--tds-text-field-opacity-disabled)}.form-text-field-disabled.sc-tds-text-field .text-field-container.sc-tds-text-field{cursor:not-allowed}.form-text-field-disabled.sc-tds-text-field .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-disabled)}.text-field-icon__readonly.sc-tds-text-field{display:none;position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--tds-text-field-icon-read-only-label-color)}.text-field-icon__readonly.sc-tds-text-field .tds-tooltip.sc-tds-text-field{min-width:150px}.form-text-field-readonly.sc-tds-text-field{user-select:auto;caret-color:transparent;cursor:default}.form-text-field-readonly.sc-tds-text-field .text-field-container.sc-tds-text-field{border-color:var(--tds-text-field-border-bottom-readonly)}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-icon__readonly.sc-tds-text-field:hover~.text-field-icon__readonly-label.sc-tds-text-field{display:block}.form-text-field-readonly.sc-tds-text-field .text-field-input.sc-tds-text-field{background-color:transparent}.form-text-field-readonly.sc-tds-text-field:has(.text-field-icon__readonly) .text-field-input.sc-tds-text-field{padding-right:54px}.form-text-field-success.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-color:var(--tds-text-field-border-bottom-success)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-helper.sc-tds-text-field{color:var(--tds-text-field-helper-error)}.form-text-field-error.sc-tds-text-field:not(.form-text-field-readonly) .text-field-container.sc-tds-text-field{border-color:var(--tds-text-field-border-bottom-error)}.text-field-helper-error-state.sc-tds-text-field{display:flex;gap:8px;flex-wrap:nowrap}.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.sc-tds-text-field{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-text-field-textcounter);float:right}.text-field-textcounter.text-field-textcounter-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-disabled)}.text-field-textcounter.text-field-textcounter-divider.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider)}.text-field-textcounter.text-field-textcounter-divider-disabled.sc-tds-text-field{color:var(--tds-text-field-textcounter-divider-disabled)}.text-field-slot-wrap-prefix.sc-tds-text-field,.text-field-slot-wrap-suffix.sc-tds-text-field{align-self:center;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);margin:0 0 0 14px;color:var(--tds-text-field-ps-color)}.text-field-slot-wrap-prefix.sc-tds-text-field-s>:not(tds-icon),.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 0 0 2px}.text-field-slot-wrap-prefix.text-field-error.sc-tds-text-field,.text-field-slot-wrap-suffix.text-field-error.sc-tds-text-field{color:var(--tds-text-field-ps-color-error)}.text-field-slot-wrap-suffix.sc-tds-text-field{margin:0 14px 0 0;color:var(--tds-text-field-ps-color-suffix)}.text-field-slot-wrap-suffix.sc-tds-text-field-s>:not(tds-icon){margin:0 2px 0 0}.text-field-input-no-arrows.sc-tds-text-field{appearance:textfield}.text-field-input-no-arrows.sc-tds-text-field::-webkit-outer-spin-button,.text-field-input-no-arrows.sc-tds-text-field::-webkit-inner-spin-button{appearance:none;margin:0}"}},[262,"tds-text-field",{type:[513],labelPosition:[513,"label-position"],label:[513],min:[520],max:[520],step:[520],helper:[513],placeholder:[513],value:[513],disabled:[516],readOnly:[516,"read-only"],hideReadOnlyIcon:[516,"hide-read-only-icon"],size:[513],modeVariant:[513,"mode-variant"],noMinWidth:[516,"no-min-width"],name:[513],state:[513],maxLength:[514,"max-length"],autofocus:[516],tdsAriaLabel:[513,"tds-aria-label"],required:[516],autocomplete:[513],hideNumberArrows:[516,"hide-number-arrows"],focusInput:[32],focusElement:[64]}]);function x(){"undefined"!=typeof customElements&&["tds-text-field","tds-icon","tds-popover-core","tds-tooltip"].forEach((e=>{switch(e){case"tds-text-field":customElements.get(t(e))||customElements.define(t(e),c);break;case"tds-icon":customElements.get(t(e))||o();break;case"tds-popover-core":customElements.get(t(e))||n();break;case"tds-tooltip":customElements.get(t(e))||f()}}))}x();export{c as T,x as d}

package/dist/components/tds-accordion-item.js

@@ -1 +1 @@
-import{t as d,p as o,H as e,c as i,h as c,a as t}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d as n}from"./p-B5eSTxGJ.js";const r=o(class extends e{constructor(d){super(),!1!==d&&this.__registerHost(),this.__attachShadow(),this.tdsToggle=i(this,"tdsToggle",7),this.header="",this.expandIconPosition="end",this.disabled=!1,this.expanded=!1,this.paddingReset=!1,this.ariaLevelValue="6"}async toggleAccordionItem(){this.tdsToggle.emit({expanded:!this.expanded}).defaultPrevented||(this.expanded=!this.expanded)}async expand(){this.tdsToggle.emit({expanded:!0}).defaultPrevented||(this.expanded=!0)}async collapse(){this.tdsToggle.emit({expanded:!1}).defaultPrevented||(this.expanded=!1)}async isExpanded(){return this.expanded}render(){const d=a(),o=a();return c(t,{key:"6733b23d208d64c32383bded58043a8add5c62c4"},c("div",{key:"1b07da30e6a6699919d82f3884a7f6f515e61dd6",class:`tds-accordion-item\n        ${this.disabled?"disabled":""}\n        ${this.expanded?"expanded":""}\n        `},c("div",{key:"4f0efdd82b550f8ace20bf50d3624d9572aae2bf",role:"heading","aria-level":this.ariaLevelValue},c("button",{key:"3828dde9b72e98d98c4b318bfe37b97a92cee430",id:o,"aria-controls":d,type:"button","aria-expanded":this.expanded?"true":"false","aria-disabled":this.disabled,class:"tds-accordion-header-icon-"+this.expandIconPosition,onClick:()=>this.toggleAccordionItem(),disabled:this.disabled},c("div",{key:"2c173f5a0823d1140cf8e76931c63d2aae5fbe75",class:"tds-accordion-title"},this.header,c("slot",{key:"f34e105a8fa430571b735769768a29b254aa72fa",name:"header"})),c("div",{key:"4b3cda4e7d28dc5eedc799eb88440a3b069e426d",class:"tds-accordion-icon"},c("tds-icon",{key:"52810cba94e741d9feaa74d58fd1764d17395b8a",tdsAriaHidden:!0,svgTitle:"Chevron Down",name:"chevron_down",size:"16px"})))),c("div",{key:"2b899fe29eb5e04d3b99e0f41e8dd959d240d8c7",role:"region","aria-live":"polite","aria-labelledby":o,id:d,class:`tds-accordion-panel\n            ${this.paddingReset?"tds-accordion-panel--padding-reset ":""}\n            `},c("slot",{key:"fa903edc9100750ddace26ea1e12e921868df1d1"}))))}static get style(){return".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item:hover{background-color:var(--tds-accordion-background-hover);border-bottom:1px solid var(--tds-accordion-border-hover);border-top:1px solid var(--tds-accordion-border-hover);margin-bottom:-1px;z-index:1}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;cursor:pointer;display:flex;align-items:center;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none;font:var(--tds-detail-03);letter-spacing:var(--tds-detail-03-ls)}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:has(:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;z-index:2}.tds-accordion-item[disabled=true]:focus-visible{border-color:var(--tds-accordion-border)}"}},[257,"tds-accordion-item",{header:[513],expandIconPosition:[513,"expand-icon-position"],disabled:[516],expanded:[516],paddingReset:[516,"padding-reset"],ariaLevelValue:[1,"aria-level-value"],toggleAccordionItem:[64],expand:[64],collapse:[64],isExpanded:[64]}]);function s(){"undefined"!=typeof customElements&&["tds-accordion-item","tds-icon"].forEach((o=>{switch(o){case"tds-accordion-item":customElements.get(d(o))||customElements.define(d(o),r);break;case"tds-icon":customElements.get(d(o))||n()}}))}s();const l=r,m=s;export{l as TdsAccordionItem,m as defineCustomElement}
+import{t as d,p as o,H as e,c as i,h as t,a}from"./index.js";import{g as c}from"./p-Cn4f8w1e.js";import{d as n}from"./p-B5eSTxGJ.js";const r=o(class extends e{constructor(d){super(),!1!==d&&this.__registerHost(),this.__attachShadow(),this.tdsToggle=i(this,"tdsToggle",7),this.header="",this.expandIconPosition="end",this.disabled=!1,this.expanded=!1,this.paddingReset=!1,this.ariaLevelValue="6"}async toggleAccordionItem(){this.tdsToggle.emit({expanded:!this.expanded}).defaultPrevented||(this.expanded=!this.expanded)}async expand(){this.tdsToggle.emit({expanded:!0}).defaultPrevented||(this.expanded=!0)}async collapse(){this.tdsToggle.emit({expanded:!1}).defaultPrevented||(this.expanded=!1)}async isExpanded(){return this.expanded}render(){const d=c(),o=c();return t(a,{key:"6733b23d208d64c32383bded58043a8add5c62c4"},t("div",{key:"1b07da30e6a6699919d82f3884a7f6f515e61dd6",class:`tds-accordion-item\n        ${this.disabled?"disabled":""}\n        ${this.expanded?"expanded":""}\n        `},t("div",{key:"4f0efdd82b550f8ace20bf50d3624d9572aae2bf",role:"heading","aria-level":this.ariaLevelValue},t("button",{key:"3828dde9b72e98d98c4b318bfe37b97a92cee430",id:o,"aria-controls":d,type:"button","aria-expanded":this.expanded?"true":"false","aria-disabled":this.disabled,class:"tds-accordion-header-icon-"+this.expandIconPosition,onClick:()=>this.toggleAccordionItem(),disabled:this.disabled},t("div",{key:"2c173f5a0823d1140cf8e76931c63d2aae5fbe75",class:"tds-accordion-title"},this.header,t("slot",{key:"f34e105a8fa430571b735769768a29b254aa72fa",name:"header"})),t("div",{key:"4b3cda4e7d28dc5eedc799eb88440a3b069e426d",class:"tds-accordion-icon"},t("tds-icon",{key:"52810cba94e741d9feaa74d58fd1764d17395b8a",tdsAriaHidden:!0,svgTitle:"Chevron Down",name:"chevron_down",size:"16px"})))),t("div",{key:"2b899fe29eb5e04d3b99e0f41e8dd959d240d8c7",role:"region","aria-live":"polite","aria-labelledby":o,id:d,class:`tds-accordion-panel\n            ${this.paddingReset?"tds-accordion-panel--padding-reset ":""}\n            `},t("slot",{key:"fa903edc9100750ddace26ea1e12e921868df1d1"}))))}static get style(){return".tds-accordion-item{box-sizing:border-box;list-style:none;color:var(--tds-accordion-color);position:relative;border-top:1px solid var(--tds-accordion-border)}.tds-accordion-item *{box-sizing:border-box}.tds-accordion-item:hover:not(.disabled){background-color:var(--tds-accordion-background-hover);border-bottom:1px solid var(--tds-accordion-border-hover);border-top:1px solid var(--tds-accordion-border-hover);margin-bottom:-1px;z-index:1}.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{all:unset}.tds-accordion-item .tds-accordion-header-icon-start,.tds-accordion-item .tds-accordion-header-icon-end,.tds-accordion-item button.tds-accordion-header-icon-start,.tds-accordion-item button.tds-accordion-header-icon-end{box-sizing:border-box;font-family:var(--headline-07-font-family);font-size:var(--headline-07-font-size);line-height:var(--headline-07-line-height);font-weight:var(--headline-07-font-weight);letter-spacing:var(--headline-07-letter-spacing);text-transform:var(--headline-07-text-transform);cursor:pointer;display:flex;align-items:center;width:100%;padding:var(--tds-spacing-element-16);background-color:var(--tds-accordion-background)}.tds-accordion-item .tds-accordion-header-icon-start *,.tds-accordion-item .tds-accordion-header-icon-end *,.tds-accordion-item button.tds-accordion-header-icon-start *,.tds-accordion-item button.tds-accordion-header-icon-end *{box-sizing:border-box}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon{transform-origin:center;transition:transform 0.15s ease-in-out;color:var(--tds-accordion-icon-color)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-start .tds-accordion-icon>tds-icon,.tds-accordion-item button.tds-accordion-header-icon-end .tds-accordion-icon>tds-icon{display:block}.tds-accordion-item .tds-accordion-title{flex-grow:2}.tds-accordion-item .tds-accordion-panel{font-family:var(--detail-03-font-family);font-size:var(--detail-03-font-size);line-height:var(--detail-03-line-height);font-weight:var(--detail-03-font-weight);letter-spacing:var(--detail-03-letter-spacing);text-transform:var(--detail-03-text-transform);cursor:default;padding:var(--tds-spacing-element-8) var(--tds-spacing-layout-64) var(--tds-spacing-element-32) var(--tds-spacing-element-16);display:none}.tds-accordion-item .tds-accordion-panel p{margin:0;padding:0}.tds-accordion-item .tds-accordion-panel--padding-reset{padding-right:var(--tds-spacing-element-16)}.tds-accordion-item .tds-accordion-header-icon-end .tds-accordion-icon{margin:0 0 0 var(--tds-spacing-element-32)}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-title{order:1}.tds-accordion-item .tds-accordion-header-icon-start .tds-accordion-icon{order:0;margin:0 var(--tds-spacing-element-16) 0 0}.tds-accordion-item.disabled,.tds-accordion-item.disabled .tds-accordion-header-icon-end,.tds-accordion-item.disabled .tds-accordion-header-icon-start,.tds-accordion-item.disabled .tds-accordion-panel{color:var(--tds-accordion-color-disabled);cursor:not-allowed}.tds-accordion-item.disabled .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-end .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-header-icon-start .tds-accordion-icon,.tds-accordion-item.disabled .tds-accordion-panel .tds-accordion-icon{color:var(--tds-accordion-color-disabled)}.tds-accordion-item.disabled:hover,.tds-accordion-item.disabled:hover *,.tds-accordion-item.disabled:active,.tds-accordion-item.disabled:active *,.tds-accordion-item.disabled.active,.tds-accordion-item.disabled.active *{cursor:not-allowed}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}.tds-accordion-item.disabled:hover .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:hover .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled:active .tds-accordion-header-icon-end::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-start::after,.tds-accordion-item.disabled.active .tds-accordion-header-icon-end::after{border-color:transparent}.tds-accordion-item.expanded .tds-accordion-panel{display:block;padding-bottom:31px}.tds-accordion-item.expanded .tds-accordion-icon{transform:rotate(180deg)}.tds-accordion-item.expanded .tds-accordion-header-icon-end .tds-accordion-icon{margin-right:0;margin-left:var(--tds-spacing-element-32)}.tds-accordion-item.expanded .tds-accordion-header-icon-start .tds-accordion-icon{margin-left:0;margin-right:var(--tds-spacing-element-16)}.tds-accordion-item:has(:focus-visible){outline:2px solid var(--component--focus-ring-color-strong);box-shadow:0 0 0 1px var(--component--focus-ring-color-discrete);outline-offset:1px;z-index:1;z-index:2}.tds-accordion-item[disabled=true]:focus-visible{border-color:var(--tds-accordion-border)}"}},[257,"tds-accordion-item",{header:[513],expandIconPosition:[513,"expand-icon-position"],disabled:[516],expanded:[516],paddingReset:[516,"padding-reset"],ariaLevelValue:[1,"aria-level-value"],toggleAccordionItem:[64],expand:[64],collapse:[64],isExpanded:[64]}]);function s(){"undefined"!=typeof customElements&&["tds-accordion-item","tds-icon"].forEach((o=>{switch(o){case"tds-accordion-item":customElements.get(d(o))||customElements.define(d(o),r);break;case"tds-icon":customElements.get(d(o))||n()}}))}s();const l=r,m=s;export{l as TdsAccordionItem,m as defineCustomElement}

package/dist/components/tds-accordion.js

@@ -1 +1 @@
-import{t as o,p as t,H as d,h as r,a}from"./index.js";const e=t(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.hideLastBorder=!1}render(){return r(a,{key:"07fa8bf06435570bdf6ba1170e6f55baecc3cf98",class:{"tds-accordion":!0,["tds-mode-variant-"+(this.modeVariant||"")]:!!this.modeVariant,"hide-last-border":this.hideLastBorder}},r("slot",{key:"d04a5c6767081b816b39eab3f6f02b69810990cd"}))}static get style(){return":host{display:block;box-sizing:border-box;background-color:transparent}:host *{box-sizing:border-box}:host .tds-accordion-header-icon-start,:host .tds-accordion-header-icon-end{position:relative}:host(:active) .tds-accordion-item .tds-accordion-header-icon-start,:host(:active) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .tds-accordion-header-icon-start,:host(:active) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .tds-accordion-header-icon-start::after,:host(:active) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host(:last-child){border-bottom:1px solid var(--tds-accordion-border)}:host(.hide-last-border:last-child){border-bottom:none}:host(.tds-mode-variant-secondary){background-color:var(--tds-accordion-background)}:host(.tds-mode-variant-primary){background-color:var(--tds-accordion-background)}"}},[257,"tds-accordion",{modeVariant:[513,"mode-variant"],hideLastBorder:[516,"hide-last-border"]}]);function s(){"undefined"!=typeof customElements&&["tds-accordion"].forEach((t=>{"tds-accordion"===t&&(customElements.get(o(t))||customElements.define(o(t),e))}))}s();const c=e,n=s;export{c as TdsAccordion,n as defineCustomElement}
+import{t as o,p as t,H as d,h as r,a as e}from"./index.js";const a=t(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.hideLastBorder=!1}render(){return r(e,{key:"07fa8bf06435570bdf6ba1170e6f55baecc3cf98",class:{"tds-accordion":!0,["tds-mode-variant-"+(this.modeVariant||"")]:!!this.modeVariant,"hide-last-border":this.hideLastBorder}},r("slot",{key:"d04a5c6767081b816b39eab3f6f02b69810990cd"}))}static get style(){return":host{display:block;box-sizing:border-box;background-color:transparent}:host *{box-sizing:border-box}:host .tds-accordion-header-icon-start,:host .tds-accordion-header-icon-end{position:relative}:host(:active) .tds-accordion-item .tds-accordion-header-icon-start,:host(:active) .tds-accordion-item .tds-accordion-header-icon-end{background-color:var(--tds-accordion-background-active);outline:none}:host(:active) .disabled,:host(:active) .disabled *{cursor:not-allowed}:host(:active) .disabled .tds-accordion-header-icon-start,:host(:active) .disabled .tds-accordion-header-icon-end{background-color:var(--tds-accordion-bg);outline:none;pointer-events:none}:host(:active) .disabled .tds-accordion-header-icon-start::after,:host(:active) .disabled .tds-accordion-header-icon-end::after{border-color:transparent}:host{border-bottom:1px solid var(--tds-accordion-border)}:host(.hide-last-border){border-bottom:none}:host(.tds-mode-variant-secondary){background-color:var(--tds-accordion-background)}:host(.tds-mode-variant-primary){background-color:var(--tds-accordion-background)}"}},[257,"tds-accordion",{modeVariant:[513,"mode-variant"],hideLastBorder:[516,"hide-last-border"]}]);function s(){"undefined"!=typeof customElements&&["tds-accordion"].forEach((t=>{"tds-accordion"===t&&(customElements.get(o(t))||customElements.define(o(t),a))}))}s();const c=a,n=s;export{c as TdsAccordion,n as defineCustomElement}

package/dist/components/tds-block.js

@@ -1 +1 @@
-import{t as o,p as t,H as d,h as s}from"./index.js";const r=t(class extends d{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.componentTag="div"}getNestingLevel(){let o=0,t=this.host.parentElement;for(;t;)"tds-block"===t.tagName.toLowerCase()&&o++,t=t.parentElement;return o}render(){const o=this.componentTag,t=this.getNestingLevel();let d="";return null===this.modeVariant&&(d=t%2==0?"tds-block-even":"tds-block-odd"),s(o,{key:"7f07ad2391246677a60d6e1f243bb399c1b97559",class:`tds-block ${d} ${null!==this.modeVariant?"tds-mode-variant-"+this.modeVariant:""}`},s("slot",{key:"b106075c5d159dbd679f5936e6e644d11c997492"}))}get host(){return this}static get style(){return".tds-block{box-sizing:border-box;color:var(--tds-block-color);background-color:var(--tds-block-background);border-radius:4px;padding:16px;font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls)}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{background-color:var(--tds-block-background-primary)}.tds-mode-variant-secondary{background-color:var(--tds-block-background-secondary)}.tds-block-even{background-color:var(--tds-block-background-even)}.tds-block-odd{background-color:var(--tds-block-background-odd)}"}},[257,"tds-block",{modeVariant:[513,"mode-variant"],componentTag:[513,"component-tag"]}]);function c(){"undefined"!=typeof customElements&&["tds-block"].forEach((t=>{"tds-block"===t&&(customElements.get(o(t))||customElements.define(o(t),r))}))}c();const e=r,n=c;export{e as TdsBlock,n as defineCustomElement}
+import{t as o,p as t,H as r,h as d}from"./index.js";const s=t(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.componentTag="div"}getNestingLevel(){let o=0,t=this.host.parentElement;for(;t;)"tds-block"===t.tagName.toLowerCase()&&o++,t=t.parentElement;return o}render(){const o=this.componentTag,t=this.getNestingLevel();let r="";return null===this.modeVariant&&(r=t%2==0?"tds-block-even":"tds-block-odd"),d(o,{key:"7f07ad2391246677a60d6e1f243bb399c1b97559",class:`tds-block ${r} ${null!==this.modeVariant?"tds-mode-variant-"+this.modeVariant:""}`},d("slot",{key:"b106075c5d159dbd679f5936e6e644d11c997492"}))}get host(){return this}static get style(){return".tds-block{box-sizing:border-box;font-family:var(--body-01-font-family);font-size:var(--body-01-font-size);line-height:var(--body-01-line-height);font-weight:var(--body-01-font-weight);letter-spacing:var(--body-01-letter-spacing);text-transform:var(--body-01-text-transform);color:var(--tds-block-color);background-color:var(--tds-block-background);border-radius:var(--tds-block-border-radius);padding:16px}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{background-color:var(--tds-block-background-primary)}.tds-mode-variant-secondary{background-color:var(--tds-block-background-secondary)}.tds-block-even{background-color:var(--tds-block-background-even)}.tds-block-odd{background-color:var(--tds-block-background-odd)}"}},[257,"tds-block",{modeVariant:[513,"mode-variant"],componentTag:[513,"component-tag"]}]);function e(){"undefined"!=typeof customElements&&["tds-block"].forEach((t=>{"tds-block"===t&&(customElements.get(o(t))||customElements.define(o(t),s))}))}e();const n=s,c=e;export{n as TdsBlock,c as defineCustomElement}

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-BcKywCnz.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-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}

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

@@ -1 +1 @@
-import{T as o,d as s}from"./p-BcKywCnz.js";const p=o,r=s;export{p as TdsTextField,r as defineCustomElement}
+import{T as o,d as r}from"./p-_rIDaSwT.js";const s=o,a=r;export{s as TdsTextField,a 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 o}from"./p-Cn4f8w1e.js";import{g as d}from"./p-wEP_nEaO.js";import{d as i}from"./p-B5eSTxGJ.js";import{d as l}from"./p-CJtN1EIg.js";import{d as n}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=o(),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":d(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:4px 4px 0 0;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:4px 4px 0 0;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:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16);display:block;resize:vertical;border-bottom:1px solid var(--tds-textarea-border-bottom);transition:border-bottom-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{background-color:var(--tds-textarea-disabled-background);color:var(--tds-textarea-disabled-color);cursor:not-allowed}.textarea-input.sc-tds-textarea:disabled::placeholder{color:var(--tds-textarea-disabled-placeholder)}.textarea-input.sc-tds-textarea::-webkit-resizer{display:none}.textarea-input.sc-tds-textarea:hover{border-bottom-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;border-radius:0;border-bottom:1px solid transparent}.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}.textarea-label.sc-tds-textarea{font:var(--tds-detail-05);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:var(--tds-detail-02);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.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.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:var(--tds-detail-07);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:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);top:var(--tds-spacing-element-8)}.textarea-textcounter.sc-tds-textarea{font:var(--tds-detail-05);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:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-textarea-textcounter-divider)}.textarea-helper.sc-tds-textarea{font:var(--tds-detail-05);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-bottom-color:var(--tds-textarea-border-bottom-success)}.textarea-error.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:var(--tds-textarea-border-bottom-error)}.textarea-error.sc-tds-textarea .textarea-helper.sc-tds-textarea{color:var(--tds-textarea-helper-error)}.textarea-disabled.sc-tds-textarea{cursor:not-allowed}.textarea-disabled.sc-tds-textarea .textarea-input.sc-tds-textarea{border-bottom-color:transparent;pointer-events:none;user-select:none}.textarea-disabled.sc-tds-textarea .textarea-label.sc-tds-textarea{color:var(--tds-textarea-disabled-label)}.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:var(--tds-detail-05);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-bottom-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))||i();break;case"tds-popover-core":customElements.get(t(e))||l();break;case"tds-tooltip":customElements.get(t(e))||n()}}))}x();const p=c,b=x;export{p as TdsTextarea,b 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-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}