ids-enterprise-wc 1.0.0-beta.11 → 1.0.0-beta.13

package/chunks/{ids-chunk-WYTCHTFV.js → ids-chunk-O3RQ3LS2.js}

@@ -1,47 +1,47 @@
-import{a as S}from"./ids-chunk-PRFN5Z6E.js";import{a as D}from"./ids-chunk-DHS7FRQR.js";import{a as O}from"./ids-chunk-H7ZJ7MQB.js";import{b as x}from"./ids-chunk-DOUQMGBU.js";import{a as y}from"./ids-chunk-6ODOQWQL.js";import{a as w}from"./ids-chunk-XA4ISP77.js";import{a as I}from"./ids-chunk-JU3C2DJP.js";import{a as E}from"./ids-chunk-XI7FK7NW.js";import{b as v}from"./ids-chunk-ODGLGMPF.js";import{a as b}from"./ids-chunk-2LLTCZBW.js";import{a as m}from"./ids-chunk-T6ZV4PDM.js";import{a as A}from"./ids-chunk-PNSDXMRQ.js";import{a as f}from"./ids-chunk-YS37TBDI.js";import{a as c,b as g}from"./ids-chunk-XE4WFW5M.js";import{a as L}from"./ids-chunk-5WRLNTVI.js";import{e as d,j as p}from"./ids-chunk-VGRUIA4C.js";import{a as e}from"./ids-chunk-EZRDAHD3.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var T=`
+import{a as S}from"./ids-chunk-PRFN5Z6E.js";import{a as D}from"./ids-chunk-7FCCB57Y.js";import{a as O}from"./ids-chunk-GUNX4KFT.js";import{b as x}from"./ids-chunk-NZGHOKVC.js";import{a as y}from"./ids-chunk-SEZJIM5Z.js";import{a as m}from"./ids-chunk-KFIQ3AIC.js";import{a as I}from"./ids-chunk-6I35WZF4.js";import{a as E}from"./ids-chunk-WGF76AHI.js";import{b as v}from"./ids-chunk-ODGLGMPF.js";import{a as b}from"./ids-chunk-N7RNTKMO.js";import{a as w}from"./ids-chunk-T6ZV4PDM.js";import{a as A}from"./ids-chunk-RRSHSZ55.js";import{a as f}from"./ids-chunk-AKCO43TX.js";import{a as c,b as g}from"./ids-chunk-XE4WFW5M.js";import{a as L}from"./ids-chunk-GFV2Z7F5.js";import{e as d,j as p}from"./ids-chunk-QPDOZZIG.js";import{a as e}from"./ids-chunk-EQJWBFQ2.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var T=`
 /* Ids Dropdown Component */
 .validation-message {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: flex;
-  font-family: var(--ids-font-family);
-  margin-top: var(--ids-spacing-md);
+  font-family: var(--ids-font-family-default);
+  margin-top: var(--ids-space-30);
 }
 .validation-message.has-custom-icon {
-  color: var(--ids-icon-color);
+  color: var(--ids-icon-color-default);
 }
 .validation-message.disabled {
-  color: var(--ids-input-disabled-text-color);
+  color: var(--ids-input-color-text-disabled);
 }
 .validation-message .ids-icon {
-  margin-inline-end: var(--ids-spacing-md);
+  margin-inline-end: var(--ids-space-30);
 }
 .validation-message.alert {
-  color: var(--ids-color-caution);
+  color: var(--ids-color-caution-default);
 }
 .validation-message.alert.disabled {
   color: var(--ids-color-caution-30);
 }
 .validation-message.warning {
-  color: var(--ids-color-warning);
+  color: var(--ids-color-warning-default);
 }
 .validation-message.warning.disabled {
   color: var(--ids-color-warning-30);
 }
 .validation-message.error {
-  color: var(--ids-color-error);
+  color: var(--ids-color-error-default);
 }
 .validation-message.error.disabled {
   color: var(--ids-color-error-30);
 }
 .validation-message.info {
-  color: var(--ids-color-info);
+  color: var(--ids-color-info-default);
 }
 .validation-message.info.disabled {
   color: var(--ids-color-info-30);
 }
 .validation-message.success {
-  color: var(--ids-color-success);
+  color: var(--ids-color-success-default);
 }
 .validation-message.success.disabled {
   color: var(--ids-color-success-30);
@@ -75,22 +75,22 @@ ids-trigger-field[readonly-background]:not([disabled])::part(input) {
 }
 
 .icon-container {
-  color: var(--ids-dropdown-icon-color);
-  margin: 0 0 0 var(--ids-dropdown-text-indent);
+  color: var(--ids-dropdown-color-icon);
+  margin: 0 0 0 var(--ids-dropdown-space-text);
   position: relative;
   top: 2px;
 }
 
 :host([mode=light]) .typeahead.is-open ids-trigger-field::part(field-container) {
-  background-color: var(--ids-dropdown-typeahead-background-color);
+  background-color: var(--ids-dropdown-typeahead-color-background);
 }
 
 :host([dir=rtl]) .icon-container {
-  margin: 0 var(--ids-dropdown-text-indent) 0 0;
+  margin: 0 var(--ids-dropdown-space-text) 0 0;
 }
 
 ::slotted(.sub-group) {
-  border-top: 1px solid var(--ids-dropdown-separator-border-color);
+  border-top: 1px solid var(--ids-dropdown-separator-color-border);
   padding-top: var(--ids-dropdown-separator-padding);
 }
 
@@ -132,27 +132,27 @@ ids-trigger-field[readonly-background]:not([disabled])::part(input) {
 }
 
 :host ids-dropdown-list {
-  max-width: var(--ids-input-width-md);
+  max-width: var(--ids-input-width-40);
 }
 
 :host([size=xs]) ids-dropdown-list {
-  max-width: var(--ids-input-width-xs);
+  max-width: var(--ids-input-width-10);
 }
 
 :host([size=sm]) ids-dropdown-list {
-  max-width: var(--ids-input-width-sm);
+  max-width: var(--ids-input-width-20);
 }
 
 :host([size=mm]) ids-dropdown-list {
-  max-width: var(--ids-input-width-mm);
+  max-width: var(--ids-input-width-30);
 }
 
 :host([size=md]) ids-dropdown-list {
-  max-width: var(--ids-input-width-md);
+  max-width: var(--ids-input-width-40);
 }
 
 :host([size=lg]) ids-dropdown-list {
-  max-width: var(--ids-input-width-lg);
+  max-width: var(--ids-input-width-50);
 }
 
 :host([size=full]) ids-dropdown-list {
@@ -166,7 +166,7 @@ ids-trigger-field[readonly-background]:not([disabled])::part(input) {
 
 :host([list]:not([disabled])) {
   cursor: var(--ids-cursor-pointer);
-}`;var C=D(y(S(I(O(x(A(E(w(b(m(f(L)))))))))))),l=class extends C{isFormComponent=!0;hasIcons=!1;dropdownList;trigger;listBox;labelClicked;labelEl;openedByKeyboard=!1;closedByKeyboard=!1;constructor(){super(),this.state={selectedIndex:0},this.labelClicked=!1}connectedCallback(){super.connectedCallback(),this.trigger=this.container?.querySelector("ids-trigger-button"),this.labelEl=this.input?.labelEl,this.configureDropdownList(),this.listBox=this.dropdownList?.querySelector("ids-list-box"),this.#e().#n().#d(),this.value=this.getAttribute("value"),this.resetDirtyTracker(),this.container?.classList.toggle("typeahead",this.typeahead),this.listBox?.setAttribute(e.SIZE,this.size),this.getAttribute("disabled")&&(this.disabled=d(this.getAttribute("disabled"))),this.getAttribute("readonly")&&(this.readonly=d(this.getAttribute("readonly")))}static get attributes(){return[...super.attributes]}#i=[];#t=this.nodeName==="IDS-MULTISELECT";colorVariants=["alternate-formatter","borderless","in-cell"];onColorVariantRefresh(){this.input&&(this.input.colorVariant=this.colorVariant)}onLabelChange(){this.input&&(this.input.label=this.label)}onLabelStateChange(){this.input&&(this.input.labelState=this.labelState)}onLabelRequiredChange(){this.input&&(this.input.labelRequired=this.labelRequired)}onFieldHeightChange(t){if(t){let i=t===e.COMPACT?{name:e.COMPACT,val:""}:{name:e.FIELD_HEIGHT,val:t};this.input?.setAttribute(i.name,i.val),this.dropdownList?.setAttribute(i.name,i.val)}else this.input?.removeAttribute(e.COMPACT),this.input?.removeAttribute(e.FIELD_HEIGHT),this.dropdownList?.removeAttribute(e.COMPACT),this.dropdownList?.removeAttribute(e.FIELD_HEIGHT)}template(){let t=this.colorVariant?` color-variant="${this.colorVariant}"`:"",i=this.fieldHeight?` field-height="${this.fieldHeight}"`:"",s=this.labelState?` label-state="${this.labelState}"`:"",o=this.compact?" compact":"",r=this.noMargins?" no-margins":"",n=this.list?"":this.templateDropdownList();return this.hasIcons=this.querySelector("ids-list-box-option ids-icon")!==null,`
+}`;var C=D(y(S(I(O(x(A(E(m(b(w(f(L)))))))))))),a=class extends C{isFormComponent=!0;hasIcons=!1;dropdownList;trigger;listBox;labelClicked;labelEl;openedByKeyboard=!1;closedByKeyboard=!1;constructor(){super(),this.state={selectedIndex:0},this.labelClicked=!1}connectedCallback(){super.connectedCallback(),this.trigger=this.container?.querySelector("ids-trigger-button"),this.labelEl=this.input?.labelEl,this.configureDropdownList(),this.listBox=this.dropdownList?.querySelector("ids-list-box"),this.#e().#n().#d(),this.value=this.getAttribute("value"),this.resetDirtyTracker(),this.container?.classList.toggle("typeahead",this.typeahead),this.listBox?.setAttribute(e.SIZE,this.size),this.getAttribute("disabled")&&(this.disabled=d(this.getAttribute("disabled"))),this.getAttribute("readonly")&&(this.readonly=d(this.getAttribute("readonly")))}static get attributes(){return[...super.attributes]}#i=[];#t=this.nodeName==="IDS-MULTISELECT";colorVariants=["alternate-formatter","borderless","in-cell"];onColorVariantRefresh(){this.input&&(this.input.colorVariant=this.colorVariant)}onLabelChange(){this.input&&(this.input.label=this.label)}onLabelStateChange(){this.input&&(this.input.labelState=this.labelState)}onLabelRequiredChange(){this.input&&(this.input.labelRequired=this.labelRequired)}onFieldHeightChange(t){if(t){let i=t===e.COMPACT?{name:e.COMPACT,val:""}:{name:e.FIELD_HEIGHT,val:t};this.input?.setAttribute(i.name,i.val),this.dropdownList?.setAttribute(i.name,i.val)}else this.input?.removeAttribute(e.COMPACT),this.input?.removeAttribute(e.FIELD_HEIGHT),this.dropdownList?.removeAttribute(e.COMPACT),this.dropdownList?.removeAttribute(e.FIELD_HEIGHT)}template(){let t=this.colorVariant?` color-variant="${this.colorVariant}"`:"",i=this.fieldHeight?` field-height="${this.fieldHeight}"`:"",s=this.labelState?` label-state="${this.labelState}"`:"",o=this.compact?" compact":"",r=this.noMargins?" no-margins":"",n=this.list?"":this.templateDropdownList(),l="container: triggerfield-container, field-container: triggerfield-field-container, content-area: triggerfield-content-area, input: triggerfield-input, popup: triggerfield-popup";return this.hasIcons=this.querySelector("ids-list-box-option ids-icon")!==null,`
     <div class="ids-dropdown">
       <ids-trigger-field
         id="triggerField-${this.id?this.id:""}"
@@ -178,6 +178,7 @@ ids-trigger-field[readonly-background]:not([disabled])::part(input) {
         label="${this.label}"
         placeholder="${this.placeholder}"
         part="trigger-field"
+        exportparts="${l}"
         ${t}${i}${o}${r}${s}
         ${this.validate?` validate="${this.validate}"`:""}
         ${this.validate&&this.validationEvents?` validation-events="${this.validationEvents}"`:""}
@@ -201,7 +202,7 @@ ids-trigger-field[readonly-background]:not([disabled])::part(input) {
       ${s}
       ${o}>
       <slot></slot>
-    </ids-dropdown-list>`}#e(){let t=this.listBox?.getAttribute("id")||`ids-list-box-${this.id}`,i={role:"combobox","aria-expanded":"false","aria-autocomplete":"list","aria-haspopup":"listbox","aria-description":this.localeAPI?.translate("PressDown"),"aria-controls":t};return this.dropdownList?.listBox?.setAttribute("id",t),this.dropdownList?.listBox?.setAttribute("aria-label","Listbox"),Object.keys(i).forEach(s=>this.setAttribute(s,i[s])),this}get input(){return this.container?.querySelector("ids-trigger-field")}get popup(){return this.dropdownList?.popup}set value(t){let i=`ids-list-box-option[value="${t}"]`;(t===" "||!t)&&(i="ids-list-box-option:not([value])");let s=this.dropdownList?.listBox?.querySelector(i);s&&(this.clearSelected(),this.selectOption(s),this.selectIcon(s),this.selectTooltip(s),this.input&&(this.input.value=s.textContent?.trim()),this.state.selectedIndex=[...s?.parentElement?.children||[]].indexOf(s),this.value===t&&this.triggerEvent("change",this,{bubbles:!0,detail:{elem:this,value:this.value}}),this.setAttribute(e.VALUE,String(t)))}get value(){return this.getAttribute(e.VALUE)}get selectedOption(){return this.dropdownList?.listBox?.querySelector(`ids-list-box-option[value="${this.value}"]`)||null}get selected(){return this.dropdownList?.selected||null}set selectedIndex(t){if(Number.isInteger(t)&&this.options[t]){let i=this.options[t];this.value=i.getAttribute(e.VALUE),this.state.selectedIndex=t}}get selectedIndex(){return this.state.selectedIndex}get options(){return!this.dropdownList||!this.dropdownList.listBox?[]:[...this.dropdownList.listBox.querySelectorAll("ids-list-box-option")]}set readonly(t){if(d(t)){this.removeAttribute(e.DISABLED),this.input&&(this.input.disabled=!1,this.input.cursor="text",this.input.readonlyBackground=!1),this.setAttribute(e.READONLY,"true");return}this.input&&(this.input.disabled=!1,this.input.cursor="pointer",this.input.readonlyBackground=!0),this.removeAttribute(e.READONLY)}get readonly(){return d(this.getAttribute(e.READONLY))||!1}set disabled(t){if(d(t)){this.removeAttribute(e.READONLY),this.input&&(this.input.disabled=!0,this.input.readonly=!1,this.input.cursor="initial",this.input.bgTransparent=!1),this.setAttribute(e.DISABLED,"true");return}this.input&&(this.input.disabled=!1,this.input.cursor="pointer",this.input.bgTransparent=!0),this.removeAttribute(e.DISABLED)}get disabled(){return d(this.getAttribute(e.DISABLED))||!1}onAllowBlankChange(t){this.dropdownList&&(this.dropdownList.allowBlank=t),!t&&this.value==="blank"&&this.removeAttribute(e.VALUE)}selectOption(t){this.dropdownList&&this.dropdownList.selectOption(t)}deselectOption(t){this.dropdownList?.deselectOption(t)}selectIcon(t){let i=this.input?.querySelector('ids-icon[slot="trigger-start"]');if(!i&&!t)return;if(!this.hasIcons){i&&i.remove();return}let s=t?.querySelector("ids-icon");if(i)i.icon=s?.icon;else{let o=document.createElement("span");o.slot="trigger-start",o.classList.add("icon-container"),i=document.createElement("ids-icon"),i.icon=s?.icon,i.setAttribute("slot","trigger-start"),o.append(i),this.input?.appendChild(o)}}selectTooltip(t){let i=t?.getAttribute("tooltip");i&&(this.tooltip=i)}clearSelected(){this.dropdownList?.clearSelected()}configurePopup(){if(this.dropdownList?.popup&&this.trigger){this.dropdownList.removeTriggerEvents(),this.dropdownList.appendToTargetParent(),this.dropdownList.popupOpenEventsTarget=this.list?this:this.container,this.dropdownList.onOutsideClick=o=>{this.dropdownList&&(o.composedPath()?.includes(this.dropdownList)||this.close(!0))},this.dropdownList.onTriggerClick=()=>{if(this.labelClicked){this.labelClicked=!1;return}!this.disabled&&!this.readonly&&this.toggle(this.typeahead)};let t=(this.list?this:this.input?.input)?.getAttribute("id"),i=(this.list?this:this.trigger)?.getAttribute("id");this.dropdownList.setAttribute(e.TARGET,`#${t}`),this.dropdownList.setAttribute(e.TRIGGER_ELEM,`#${i}`),this.dropdownList.popup.alignTarget=this.input?.fieldContainer||null,this.dropdownList.popupOpenEventsTarget=document.body;let s=this.localeAPI.isRTL();this.locale&&s&&this.dropdownList.popup?.setAttribute(e.ALIGN,`bottom, ${s||["lg","full"].includes(this.size)?"right":"left"}`),this.input&&(this.dropdownList.value=this.input.value),this.#t&&(this.dropdownList.isMultiSelect=!0)}}async open(t=!1){if(!(!this.dropdownList||this.disabled||this.readonly)){if(typeof this.state.beforeShow=="function"){let i=await this.state.beforeShow();this.loadDataSet(i),this.typeahead&&(this.#i=i)}this.value&&(this.dropdownList.value=this.value),this.dropdownList?.show(),this.input&&(this.input.active=!0),this.typeahead&&(this.input?.removeAttribute(e.READONLY),this.input?.focus()),t&&this.input?.input?.select(),this.container?.classList.add("is-open"),this.attachOpenEvents()}}loadDataSet(t){let i="",s=this.querySelector("ids-list-box");s&&(s.innerHTML=""),t.forEach(r=>{i+=this.#r(this.#g(r))}),s?.insertAdjacentHTML("afterbegin",i),this.dropdownList?.configureBlank();let o=this.getAttribute(e.VALUE);this.value!==o&&(this.value=o)}set beforeShow(t){this.state.beforeShow=t}get beforeShow(){return this.state.beforeShow}close(t){if(this.removeOpenEvents(),this.dropdownList&&(this.dropdownList?.popup?.visible&&this.dropdownList.hide(!t),this.input&&(this.input.active=!1)),t||this.input?.focus(),this.typeahead){this.input?.setAttribute(e.READONLY,"true");let i=this.selectedOption?.textContent?.trim();this.input&&(this.input.value=i||""),this.loadDataSet(this.#i),window.getSelection().removeAllRanges(),this.#s("dropdown")}this.container?.classList.remove("is-open")}toggle(t=!1){this.dropdownList&&(this.dropdownList.popup?.visible?this.close():this.open(t))}#n(){return this.attachClickEvent(),this.offEvent("click.dropdown-label"),this.onEvent("click.dropdown-label",this.labelEl,t=>{t.preventDefault(),this.labelClicked=!0,this.input?.focus()}),this.offEvent("hide.dropdown-list"),this.onEvent("hide.dropdown-list",this.container,()=>{this.dropdownList?.popup?.visible&&this.close()}),this.offEvent("focus.dropdown-input"),this.onEvent("focus.dropdown-input",this.input,()=>{window.getSelection().removeAllRanges()}),this.offEvent("languagechange.dropdown-container"),this.onEvent("languagechange.dropdown-container",this.closest("ids-container"),()=>{this.#e()}),this.attachKeyboardOpenEvent(),this}attachKeyboardOpenEvent(){this.listen([" ","Enter"],this,t=>{if(this.closedByKeyboard){this.closedByKeyboard=!1;return}this.openedByKeyboard=!0,!this.dropdownList?.popup?.visible&&(t.key===" "&&this.typeahead||this.open(this.typeahead))})}onLanguageChange=()=>{this.#e()};attachClickEvent(){this.offEvent("click.dropdown-input"),this.list||this.onEvent("click.dropdown-input",this.input,t=>{this.dropdownList?.visible||this.dropdownList?.onTriggerClick?.(t)}),this.offEvent("open.dropdown-list"),this.offEvent("close.dropdown-list"),this.dropdownList&&(this.onEvent("open.dropdown-list",this.dropdownList,t=>{t.stopPropagation(),this.open()}),this.onEvent("close.dropdown-list",this.dropdownList,t=>{t.stopPropagation(),this.close(t.detail.operation==="cancel")})),this.offEvent("selected.dropdown-list"),this.input?.fieldContainer&&this.onEvent("selected.dropdown-list",this.input.fieldContainer,t=>{t.stopPropagation(),this.value=t.detail.value,this.dropdownList?.popup?.visible&&this.close()}),this.offEvent("change.list"),this.onEvent("change.list",this,()=>{this.dropdownList?.popup?.visible&&this.close()})}attachOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.attachKeyboardSelectionEvent(),this.listen(["Tab"],this,t=>{if(!this.dropdownList?.popup?.visible||this.#t)return;t.shiftKey&&this.input?.focus();let i=this.selected;this.value=i?.getAttribute(e.VALUE)||"",this.close(!0)})}attachKeyboardSelectionEvent(){this.#t||this.listen([" ","Enter"],this,()=>{if(!this.dropdownList?.popup?.visible)return;if(this.openedByKeyboard){this.openedByKeyboard=!1;return}let t=this.selected?.getAttribute(e.VALUE)||"";this.value=t,this.closedByKeyboard=!0,this.close()})}removeOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.unlisten("Tab"),this.openedByKeyboard=!1,this.attachKeyboardOpenEvent()}#d(){return this.offEvent("keydownend.dropdown-typeahead"),this.onEvent("keydownend.dropdown-typeahead",this,t=>{this.typeahead?this.#l(t.detail.keys):this.#a(t.detail.keys)}),this.listen(["ArrowDown","ArrowUp"],this,t=>{if(t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault(),!this.dropdownList?.popup?.visible){this.open(this.typeahead);return}let i=this.selected,s=i?.nextElementSibling,o=i?.previousElementSibling;if(t.key==="ArrowUp"&&t.altKey){this.#t||(this.value=i?.getAttribute(e.VALUE)||""),this.close();return}if(t.key==="ArrowDown"&&s){if(s.hasAttribute(e.GROUP_LABEL)&&!s.nextElementSibling)return;this.deselectOption(i),this.selectOption(s.hasAttribute(e.GROUP_LABEL)?s.nextElementSibling:s)}if(t.key==="ArrowDown"&&!i&&this.#o(),t.key==="ArrowUp"&&o){if(o.hasAttribute(e.GROUP_LABEL)&&!o.previousElementSibling)return;this.deselectOption(i),this.selectOption(o.hasAttribute(e.GROUP_LABEL)?o.previousElementSibling:o)}}),this.listen(["Escape"],this,()=>{this.close()}),this.listen(["Backspace","Delete"],this,()=>{!this.clearable||this.clearable&&this.typeahead&&this.dropdownList?.popup?.visible||(this.allowBlank?this.value="blank":(this.value=this.#t?[]:"",this.input&&(this.input.value=""),this.selectIcon(null),this.selectTooltip(null)),this.input?.focus())}),this}#l(t){let i=["Backspace","Delete"];if(!this.dropdownList?.popup?.visible)if(!i.some(n=>t?.includes(n)))this.input&&(this.input.value=t),this.open(!1);else return;let s=this.input?.value??"",r=this.#u(s).map(n=>{let a=new RegExp(s,"gi"),h=n.groupLabel?n.label:n.label?.replace(a,`<span class="highlight">${s?.toLowerCase()}</span>`);return this.#r({...n,label:h})}).join("");this.dropdownList&&(this.dropdownList.listBox&&(r?(this.dropdownList.listBox.innerHTML=r,this.#o()):this.dropdownList.listBox.innerHTML=`<ids-list-box-option>${this.localeAPI.translate("NoResults")}</ids-list-box-option>`),this.dropdownList.popup?.place()),this.#s("search"),this.input?.querySelector(".icon-container")?.remove()}#a(t){let i=p(t)?.trim();if(!i)return;let s=this.options.filter(r=>!r.hasAttribute(e.GROUP_LABEL)).find(r=>{let n=new RegExp(`^(${i})`,"i");return(this.#t?r.querySelector("ids-checkbox")?.label:r.textContent?.trim())?.match(n)});if(this.dropdownList?.popup?.visible&&s){this.deselectOption(this.selected),this.selectOption(s);return}let o=s?.getAttribute(e.VALUE);if(o)if(this.#t){let r=this.value.filter(n=>n!==o);this.value=[...r,o]}else this.value=o}#s(t){let i=this.container?.querySelector("ids-trigger-button")?.querySelector("ids-icon");i?.icon&&i.icon!==t&&(i.icon=t)}#o(){if(this.clearSelected(),this.options.length>0){let t=[...this.options].filter(i=>{let s=i.getAttribute(e.VALUE),o=i.hasAttribute(e.GROUP_LABEL);return s&&s!=="blank"&&!o})[0];this.selectOption(t)}}#r(t){return`<ids-list-box-option
+    </ids-dropdown-list>`}#e(){let t=this.listBox?.getAttribute("id")||`ids-list-box-${this.id}`,i={role:"combobox","aria-expanded":"false","aria-autocomplete":"list","aria-haspopup":"listbox","aria-description":this.localeAPI?.translate("PressDown"),"aria-controls":t};return this.dropdownList?.listBox?.setAttribute("id",t),this.dropdownList?.listBox?.setAttribute("aria-label","Listbox"),Object.keys(i).forEach(s=>this.setAttribute(s,i[s])),this}get input(){return this.container?.querySelector("ids-trigger-field")}get popup(){return this.dropdownList?.popup}set value(t){let i=`ids-list-box-option[value="${t}"]`;(t===" "||!t)&&(i="ids-list-box-option:not([value])");let s=this.dropdownList?.listBox?.querySelector(i);s&&(this.clearSelected(),this.selectOption(s),this.selectIcon(s),this.selectTooltip(s),this.input&&(this.input.value=s.textContent?.trim()),this.state.selectedIndex=[...s?.parentElement?.children||[]].indexOf(s),this.value===t&&this.triggerEvent("change",this,{bubbles:!0,detail:{elem:this,value:this.value}}),this.setAttribute(e.VALUE,String(t)))}get value(){return this.getAttribute(e.VALUE)}get selectedOption(){return this.dropdownList?.listBox?.querySelector(`ids-list-box-option[value="${this.value}"]`)||null}get selected(){return this.dropdownList?.selected||null}set selectedIndex(t){if(Number.isInteger(t)&&this.options[t]){let i=this.options[t];this.value=i.getAttribute(e.VALUE),this.state.selectedIndex=t}}get selectedIndex(){return this.state.selectedIndex}get options(){return!this.dropdownList||!this.dropdownList.listBox?[]:[...this.dropdownList.listBox.querySelectorAll("ids-list-box-option")]}set readonly(t){if(d(t)){this.removeAttribute(e.DISABLED),this.input&&(this.input.disabled=!1,this.input.cursor="text",this.input.readonlyBackground=!1),this.setAttribute(e.READONLY,"true");return}this.input&&(this.input.disabled=!1,this.input.cursor="pointer",this.input.readonlyBackground=!0),this.removeAttribute(e.READONLY)}get readonly(){return d(this.getAttribute(e.READONLY))||!1}set disabled(t){if(d(t)){this.removeAttribute(e.READONLY),this.input&&(this.input.disabled=!0,this.input.readonly=!1,this.input.cursor="initial",this.input.bgTransparent=!1),this.setAttribute(e.DISABLED,"true");return}this.input&&(this.input.disabled=!1,this.input.cursor="pointer",this.input.bgTransparent=!0),this.removeAttribute(e.DISABLED)}get disabled(){return d(this.getAttribute(e.DISABLED))||!1}onAllowBlankChange(t){this.dropdownList&&(this.dropdownList.allowBlank=t),!t&&this.value==="blank"&&this.removeAttribute(e.VALUE)}selectOption(t){this.dropdownList&&this.dropdownList.selectOption(t)}deselectOption(t){this.dropdownList?.deselectOption(t)}selectIcon(t){let i=this.input?.querySelector('ids-icon[slot="trigger-start"]');if(!i&&!t)return;if(!this.hasIcons){i&&i.remove();return}let s=t?.querySelector("ids-icon");if(i)i.icon=s?.icon;else{let o=document.createElement("span");o.slot="trigger-start",o.classList.add("icon-container"),i=document.createElement("ids-icon"),i.icon=s?.icon,i.setAttribute("slot","trigger-start"),o.append(i),this.input?.appendChild(o)}}selectTooltip(t){let i=t?.getAttribute("tooltip");i&&(this.tooltip=i)}clearSelected(){this.dropdownList?.clearSelected()}configurePopup(){if(this.dropdownList?.popup&&this.trigger){this.dropdownList.removeTriggerEvents(),this.dropdownList.appendToTargetParent(),this.dropdownList.popupOpenEventsTarget=this.list?this:this.container,this.dropdownList.onOutsideClick=o=>{this.dropdownList&&(o.composedPath()?.includes(this.dropdownList)||this.close(!0))},this.dropdownList.onTriggerClick=()=>{if(this.labelClicked){this.labelClicked=!1;return}!this.disabled&&!this.readonly&&this.toggle(this.typeahead)};let t=(this.list?this:this.input?.input)?.getAttribute("id"),i=(this.list?this:this.trigger)?.getAttribute("id");this.dropdownList.setAttribute(e.TARGET,`#${t}`),this.dropdownList.setAttribute(e.TRIGGER_ELEM,`#${i}`),this.dropdownList.popup.alignTarget=this.input?.fieldContainer||null,this.dropdownList.popupOpenEventsTarget=document.body;let s=this.localeAPI.isRTL();this.locale&&s&&this.dropdownList.popup?.setAttribute(e.ALIGN,`bottom, ${s||["lg","full"].includes(this.size)?"right":"left"}`),this.input&&(this.dropdownList.value=this.input.value),this.#t&&(this.dropdownList.isMultiSelect=!0)}}async open(t=!1){if(!(!this.dropdownList||this.disabled||this.readonly)){if(typeof this.state.beforeShow=="function"){let i=await this.state.beforeShow();this.loadDataSet(i),this.typeahead&&(this.#i=i)}this.value&&(this.dropdownList.value=this.value),this.dropdownList?.show(),this.input&&(this.input.active=!0),this.typeahead&&(this.input?.removeAttribute(e.READONLY),this.input?.focus()),t&&this.input?.input?.select(),this.container?.classList.add("is-open"),this.attachOpenEvents()}}loadDataSet(t){let i="",s=this.querySelector("ids-list-box");s&&(s.innerHTML=""),t.forEach(r=>{i+=this.#r(this.#g(r))}),s?.insertAdjacentHTML("afterbegin",i),this.dropdownList?.configureBlank();let o=this.getAttribute(e.VALUE);this.value!==o&&(this.value=o)}set beforeShow(t){this.state.beforeShow=t}get beforeShow(){return this.state.beforeShow}close(t){if(this.removeOpenEvents(),this.dropdownList&&(this.dropdownList?.popup?.visible&&this.dropdownList.hide(!t),this.input&&(this.input.active=!1)),t||this.input?.focus(),this.typeahead){this.input?.setAttribute(e.READONLY,"true");let i=this.selectedOption?.textContent?.trim();this.input&&(this.input.value=i||""),this.loadDataSet(this.#i),window.getSelection().removeAllRanges(),this.#s("dropdown")}this.container?.classList.remove("is-open")}toggle(t=!1){this.dropdownList&&(this.dropdownList.popup?.visible?this.close():this.open(t))}#n(){return this.attachClickEvent(),this.offEvent("click.dropdown-label"),this.onEvent("click.dropdown-label",this.labelEl,t=>{t.preventDefault(),this.labelClicked=!0,this.input?.focus()}),this.offEvent("hide.dropdown-list"),this.onEvent("hide.dropdown-list",this.container,()=>{this.dropdownList?.popup?.visible&&this.close()}),this.offEvent("focus.dropdown-input"),this.onEvent("focus.dropdown-input",this.input,()=>{window.getSelection().removeAllRanges()}),this.offEvent("languagechange.dropdown-container"),this.onEvent("languagechange.dropdown-container",this.closest("ids-container"),()=>{this.#e()}),this.attachKeyboardOpenEvent(),this}attachKeyboardOpenEvent(){this.listen([" ","Enter"],this,t=>{if(this.closedByKeyboard){this.closedByKeyboard=!1;return}this.openedByKeyboard=!0,!this.dropdownList?.popup?.visible&&(t.key===" "&&this.typeahead||this.open(this.typeahead))})}onLanguageChange=()=>{this.#e()};attachClickEvent(){this.offEvent("click.dropdown-input"),this.list||this.onEvent("click.dropdown-input",this.input,t=>{this.dropdownList?.visible||this.dropdownList?.onTriggerClick?.(t)}),this.offEvent("open.dropdown-list"),this.offEvent("close.dropdown-list"),this.dropdownList&&(this.onEvent("open.dropdown-list",this.dropdownList,t=>{t.stopPropagation(),this.open()}),this.onEvent("close.dropdown-list",this.dropdownList,t=>{t.stopPropagation(),this.close(t.detail.operation==="cancel")})),this.offEvent("selected.dropdown-list"),this.input?.fieldContainer&&this.onEvent("selected.dropdown-list",this.input.fieldContainer,t=>{t.stopPropagation(),this.value=t.detail.value,this.dropdownList?.popup?.visible&&this.close()}),this.offEvent("change.list"),this.onEvent("change.list",this,()=>{this.dropdownList?.popup?.visible&&this.close()})}attachOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.attachKeyboardSelectionEvent(),this.listen(["Tab"],this,t=>{if(!this.dropdownList?.popup?.visible||this.#t)return;t.shiftKey&&this.input?.focus();let i=this.selected;this.value=i?.getAttribute(e.VALUE)||"",this.close(!0)})}attachKeyboardSelectionEvent(){this.#t||this.listen([" ","Enter"],this,()=>{if(!this.dropdownList?.popup?.visible)return;if(this.openedByKeyboard){this.openedByKeyboard=!1;return}let t=this.selected?.getAttribute(e.VALUE)||"";this.value=t,this.closedByKeyboard=!0,this.close()})}removeOpenEvents(){this.unlisten(" "),this.unlisten("Enter"),this.unlisten("Tab"),this.openedByKeyboard=!1,this.attachKeyboardOpenEvent()}#d(){return this.offEvent("keydownend.dropdown-typeahead"),this.onEvent("keydownend.dropdown-typeahead",this,t=>{this.typeahead?this.#l(t.detail.keys):this.#a(t.detail.keys)}),this.listen(["ArrowDown","ArrowUp"],this,t=>{if(t.stopPropagation(),t.stopImmediatePropagation(),t.preventDefault(),!this.dropdownList?.popup?.visible){this.open(this.typeahead);return}let i=this.selected,s=i?.nextElementSibling,o=i?.previousElementSibling;if(t.key==="ArrowUp"&&t.altKey){this.#t||(this.value=i?.getAttribute(e.VALUE)||""),this.close();return}if(t.key==="ArrowDown"&&s){if(s.hasAttribute(e.GROUP_LABEL)&&!s.nextElementSibling)return;this.deselectOption(i),this.selectOption(s.hasAttribute(e.GROUP_LABEL)?s.nextElementSibling:s)}if(t.key==="ArrowDown"&&!i&&this.#o(),t.key==="ArrowUp"&&o){if(o.hasAttribute(e.GROUP_LABEL)&&!o.previousElementSibling)return;this.deselectOption(i),this.selectOption(o.hasAttribute(e.GROUP_LABEL)?o.previousElementSibling:o)}}),this.listen(["Escape"],this,()=>{this.close()}),this.listen(["Backspace","Delete"],this,()=>{!this.clearable||this.clearable&&this.typeahead&&this.dropdownList?.popup?.visible||(this.allowBlank?this.value="blank":(this.value=this.#t?[]:"",this.input&&(this.input.value=""),this.selectIcon(null),this.selectTooltip(null)),this.input?.focus())}),this}#l(t){let i=["Backspace","Delete"];if(!this.dropdownList?.popup?.visible)if(!i.some(n=>t?.includes(n)))this.input&&(this.input.value=t),this.open(!1);else return;let s=this.input?.value??"",r=this.#u(s).map(n=>{let l=new RegExp(s,"gi"),h=n.groupLabel?n.label:n.label?.replace(l,`<span class="highlight">${s?.toLowerCase()}</span>`);return this.#r({...n,label:h})}).join("");this.dropdownList&&(this.dropdownList.listBox&&(r?(this.dropdownList.listBox.innerHTML=r,this.#o()):this.dropdownList.listBox.innerHTML=`<ids-list-box-option>${this.localeAPI.translate("NoResults")}</ids-list-box-option>`),this.dropdownList.popup?.place()),this.#s("search"),this.input?.querySelector(".icon-container")?.remove()}#a(t){let i=p(t)?.trim();if(!i)return;let s=this.options.filter(r=>!r.hasAttribute(e.GROUP_LABEL)).find(r=>{let n=new RegExp(`^(${i})`,"i");return(this.#t?r.querySelector("ids-checkbox")?.label:r.textContent?.trim())?.match(n)});if(this.dropdownList?.popup?.visible&&s){this.deselectOption(this.selected),this.selectOption(s);return}let o=s?.getAttribute(e.VALUE);if(o)if(this.#t){let r=this.value.filter(n=>n!==o);this.value=[...r,o]}else this.value=o}#s(t){let i=this.container?.querySelector("ids-trigger-button")?.querySelector("ids-icon");i?.icon&&i.icon!==t&&(i.icon=t)}#o(){if(this.clearSelected(),this.options.length>0){let t=[...this.options].filter(i=>{let s=i.getAttribute(e.VALUE),o=i.hasAttribute(e.GROUP_LABEL);return s&&s!=="blank"&&!o})[0];this.selectOption(t)}}#r(t){return`<ids-list-box-option
       ${t.id?`id=${t.id}`:""}
       ${t.value?`value="${t.value}"`:'value=""'}
-      ${t.groupLabel?"group-label":""}>${t.icon?`<ids-icon icon="${t.icon}"></ids-icon>`:""}${t.label||""}</ids-list-box-option>`}#h(t,i){return t.reduce((s,o,r)=>o<i&&(t[r+1]>i||!t[r+1])?o:s,-1)}#p(t){let i=this.#i.reduce((o,r,n)=>r?.groupLabel?[...o,n]:o,[]),s=this.#h(i,t);return this.#i[s]}#u(t){return this.#i.reduce((i,s,o)=>{let r=new RegExp(`(${p(t)})`,"gi");if(s.label?.match(r)&&!s.groupLabel){let n=this.#p(o),a=i.some(h=>h.label===n?.label);return n&&!a?[...i,n,s]:[...i,s]}return i},[])}#c(){this.#i=[...this.options].map(t=>({id:t.id,label:t.textContent?.trim()??"",value:t.getAttribute(e.VALUE),icon:t.querySelector("ids-icon")?.icon,groupLabel:t.hasAttribute(e.GROUP_LABEL)}))}#g(t){return{...t,id:this.xssSanitize(t?.id??""),value:this.xssSanitize(t.value),label:this.xssSanitize(t.label)}}set validate(t){t?(this.setAttribute(e.VALIDATE,t.toString()),this.input&&this.input.setAttribute(e.VALIDATE,t.toString())):(this.removeAttribute(e.VALIDATE),this.input&&this.input.removeAttribute(e.VALIDATE))}get validate(){return this.getAttribute(e.VALIDATE)}set validationEvents(t){t?(this.setAttribute(e.VALIDATION_EVENTS,t.toString()),this.input&&this.input.setAttribute(e.VALIDATION_EVENTS,t.toString())):(this.removeAttribute(e.VALIDATION_EVENTS),this.input&&this.input.removeAttribute(e.VALIDATION_EVENTS))}get validationEvents(){return this.getAttribute(e.VALIDATION_EVENTS)||"change"}configureDropdownList(){let t=this.container?.querySelector("ids-dropdown-list");this.hasAttribute(e.LIST)&&(this.dropdownList&&this.container?.contains(this.dropdownList)&&(this.dropdownList.remove(),this.dropdownList=null),t=v(this).querySelector(`${this.getAttribute(e.LIST)}`),t||(this.removeAttribute(e.LIST),this.container?.insertAdjacentHTML("beforeend",this.templateDropdownList()),t=this.container?.querySelector("ids-dropdown-list"))),this.dropdownList=t,this.configurePopup(),this.attachClickEvent()}set list(t){t&&typeof t=="string"?this.setAttribute(e.LIST,t):this.removeAttribute(e.LIST),this.configureDropdownList()}get list(){return this.getAttribute(e.LIST)}set noMargins(t){if(d(t)){this.setAttribute(e.NO_MARGINS,""),this.input&&this.input.setAttribute(e.NO_MARGINS,"");return}this.removeAttribute(e.NO_MARGINS),this.input&&this.input.removeAttribute(e.NO_MARGINS)}get noMargins(){return d(this.getAttribute(e.NO_MARGINS))}onSizeChange(t){t?this.dropdownList?.setAttribute(e.SIZE,t):this.dropdownList?.removeAttribute(e.SIZE),this.input?.setAttribute(e.SIZE,t)}set typeahead(t){let i=d(t);i?(this.setAttribute(e.TYPEAHEAD,String(i)),this.#c()):this.removeAttribute(e.TYPEAHEAD),this.container?.classList.toggle("typeahead",i)}get typeahead(){return d(this.getAttribute(e.TYPEAHEAD))}onClearableTextChange(t){this.dropdownList&&(this.dropdownList.clearableText=t)}set placeholder(t){t?(this.setAttribute(e.PLACEHOLDER,t),this.input?.setAttribute(e.PLACEHOLDER,t)):(this.removeAttribute(e.PLACEHOLDER),this.input?.removeAttribute(e.PLACEHOLDER))}get placeholder(){return this.getAttribute(e.PLACEHOLDER)??""}focus(){this.input?.focus()}set showLoadingIndicator(t){let i=d(t);i?(this.setAttribute(e.SHOW_LOADING_INDICATOR,i.toString()),this.input?.setAttribute(e.SHOW_LOADING_INDICATOR,i.toString()),this.close(!0)):(this.removeAttribute(e.SHOW_LOADING_INDICATOR),this.input?.removeAttribute(e.SHOW_LOADING_INDICATOR))}get showLoadingIndicator(){return d(this.getAttribute(e.SHOW_LOADING_INDICATOR))}};l=u([c("ids-dropdown"),g(T)],l);export{l as a};
+      ${t.groupLabel?"group-label":""}>${t.icon?`<ids-icon icon="${t.icon}"></ids-icon>`:""}${t.label||""}</ids-list-box-option>`}#h(t,i){return t.reduce((s,o,r)=>o<i&&(t[r+1]>i||!t[r+1])?o:s,-1)}#p(t){let i=this.#i.reduce((o,r,n)=>r?.groupLabel?[...o,n]:o,[]),s=this.#h(i,t);return this.#i[s]}#u(t){return this.#i.reduce((i,s,o)=>{let r=new RegExp(`(${p(t)})`,"gi");if(s.label?.match(r)&&!s.groupLabel){let n=this.#p(o),l=i.some(h=>h.label===n?.label);return n&&!l?[...i,n,s]:[...i,s]}return i},[])}#c(){this.#i=[...this.options].map(t=>({id:t.id,label:t.textContent?.trim()??"",value:t.getAttribute(e.VALUE),icon:t.querySelector("ids-icon")?.icon,groupLabel:t.hasAttribute(e.GROUP_LABEL)}))}#g(t){return{...t,id:this.xssSanitize(t?.id??""),value:this.xssSanitize(t.value),label:this.xssSanitize(t.label)}}set validate(t){t?(this.setAttribute(e.VALIDATE,t.toString()),this.input&&this.input.setAttribute(e.VALIDATE,t.toString())):(this.removeAttribute(e.VALIDATE),this.input&&this.input.removeAttribute(e.VALIDATE))}get validate(){return this.getAttribute(e.VALIDATE)}set validationEvents(t){t?(this.setAttribute(e.VALIDATION_EVENTS,t.toString()),this.input&&this.input.setAttribute(e.VALIDATION_EVENTS,t.toString())):(this.removeAttribute(e.VALIDATION_EVENTS),this.input&&this.input.removeAttribute(e.VALIDATION_EVENTS))}get validationEvents(){return this.getAttribute(e.VALIDATION_EVENTS)||"change"}configureDropdownList(){let t=this.container?.querySelector("ids-dropdown-list");this.hasAttribute(e.LIST)&&(this.dropdownList&&this.container?.contains(this.dropdownList)&&(this.dropdownList.remove(),this.dropdownList=null),t=v(this).querySelector(`${this.getAttribute(e.LIST)}`),t||(this.removeAttribute(e.LIST),this.container?.insertAdjacentHTML("beforeend",this.templateDropdownList()),t=this.container?.querySelector("ids-dropdown-list"))),this.dropdownList=t,this.configurePopup(),this.attachClickEvent()}set list(t){t&&typeof t=="string"?this.setAttribute(e.LIST,t):this.removeAttribute(e.LIST),this.configureDropdownList()}get list(){return this.getAttribute(e.LIST)}set noMargins(t){if(d(t)){this.setAttribute(e.NO_MARGINS,""),this.input&&this.input.setAttribute(e.NO_MARGINS,"");return}this.removeAttribute(e.NO_MARGINS),this.input&&this.input.removeAttribute(e.NO_MARGINS)}get noMargins(){return d(this.getAttribute(e.NO_MARGINS))}onSizeChange(t){t?this.dropdownList?.setAttribute(e.SIZE,t):this.dropdownList?.removeAttribute(e.SIZE),this.input?.setAttribute(e.SIZE,t)}set typeahead(t){let i=d(t);i?(this.setAttribute(e.TYPEAHEAD,String(i)),this.#c()):this.removeAttribute(e.TYPEAHEAD),this.container?.classList.toggle("typeahead",i)}get typeahead(){return d(this.getAttribute(e.TYPEAHEAD))}onClearableTextChange(t){this.dropdownList&&(this.dropdownList.clearableText=t)}set placeholder(t){t?(this.setAttribute(e.PLACEHOLDER,t),this.input?.setAttribute(e.PLACEHOLDER,t)):(this.removeAttribute(e.PLACEHOLDER),this.input?.removeAttribute(e.PLACEHOLDER))}get placeholder(){return this.getAttribute(e.PLACEHOLDER)??""}focus(){this.input?.focus()}set showLoadingIndicator(t){let i=d(t);i?(this.setAttribute(e.SHOW_LOADING_INDICATOR,i.toString()),this.input?.setAttribute(e.SHOW_LOADING_INDICATOR,i.toString()),this.close(!0)):(this.removeAttribute(e.SHOW_LOADING_INDICATOR),this.input?.removeAttribute(e.SHOW_LOADING_INDICATOR))}get showLoadingIndicator(){return d(this.getAttribute(e.SHOW_LOADING_INDICATOR))}};a=u([c("ids-dropdown"),g(T)],a);export{a};

package/chunks/{ids-chunk-NJUMFSFI.js → ids-chunk-O7XLQ5DJ.js}

@@ -1,4 +1,4 @@
-import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chunk-2LLTCZBW.js";import{c as g}from"./ids-chunk-LCUXCSNZ.js";import{a as E}from"./ids-chunk-YS37TBDI.js";import{a as S,b as T}from"./ids-chunk-XE4WFW5M.js";import{a as k}from"./ids-chunk-5WRLNTVI.js";import{e as b}from"./ids-chunk-VGRUIA4C.js";import{a as s,b as o}from"./ids-chunk-EZRDAHD3.js";import{a as f}from"./ids-chunk-U7OOVFXE.js";var N=`
+import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chunk-N7RNTKMO.js";import{c as g}from"./ids-chunk-LCUXCSNZ.js";import{a as E}from"./ids-chunk-AKCO43TX.js";import{a as S,b as T}from"./ids-chunk-XE4WFW5M.js";import{a as k}from"./ids-chunk-GFV2Z7F5.js";import{e as b}from"./ids-chunk-QPDOZZIG.js";import{a as s,b as n}from"./ids-chunk-EQJWBFQ2.js";import{a as f}from"./ids-chunk-U7OOVFXE.js";var N=`
 :host {
   position: relative;
   width: 100%;
@@ -9,23 +9,23 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
   justify-content: center;
 }
 .ids-slider .tick {
-  background-color: var(--ids-slider-tick-background-color);
+  background-color: var(--ids-slider-tick-color-background-default);
 }
 .ids-slider .thumb-shadow {
-  background-color: var(--ids-slider-thumb-shadow-background-color);
-  border-color: var(--ids-slider-thumb-shadow-border-color);
+  background-color: var(--ids-slider-thumb-color-shadow-default);
+  border-color: var(--ids-slider-thumb-color-border-default);
 }
 .ids-slider .thumb {
-  background-color: var(--ids-slider-thumb-background-color);
+  background-color: var(--ids-slider-thumb-color-background-default);
 }
 .ids-slider .thumb:hover {
-  box-shadow: var(--ids-slider-thumb-hover-box-shadow);
+  box-shadow: var(--ids-slider-thumb-shadow-hover);
 }
 .ids-slider .track {
-  background-color: var(--ids-slider-track-background-color);
+  background-color: var(--ids-slider-track-color-background-default);
 }
 .ids-slider .track-progress {
-  background-color: var(--ids-slider-track-progress-background-color);
+  background-color: var(--ids-slider-track-color-background-progress);
 }
 .ids-slider:not(.vertical) {
   width: 100%;
@@ -40,28 +40,28 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
   cursor: ns-resize;
 }
 .ids-slider.animated .thumb-draggable {
-  transition: transform var(--ids-transition-length) var(--ids-transition-ease);
+  transition: transform var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-slider.animated:not(.vertical) .track-progress {
-  transition: transform var(--ids-transition-length) var(--ids-transition-ease), width var(--ids-transition-length) var(--ids-transition-ease);
+  transition: transform var(--ids-motion-duration) var(--ids-motion-ease), width var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-slider.animated.vertical .track-progress {
-  transition: transform var(--ids-transition-length) var(--ids-transition-ease), height var(--ids-transition-length) var(--ids-transition-ease);
+  transition: transform var(--ids-motion-duration) var(--ids-motion-ease), height var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-slider.disabled {
-  color: var(--ids-slider-disabled-color);
+  color: var(--ids-slider-color-disabled);
 }
 .ids-slider.disabled .label {
   cursor: default;
 }
 .ids-slider.disabled .tick {
-  background-color: var(--ids-slider-disabled-tick-background-color);
+  background-color: var(--ids-slider-tick-color-background-disabled);
 }
 .ids-slider.disabled .thumb-shadow {
   display: none;
 }
 .ids-slider.disabled .thumb {
-  background-color: var(--ids-slider-disabled-thumb-background-color);
+  background-color: var(--ids-slider-thumb-color-background-disabled);
   cursor: default;
 }
 .ids-slider.disabled .thumb:hover {
@@ -71,34 +71,34 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
   cursor: default;
 }
 .ids-slider.disabled .track {
-  background-color: var(--ids-slider-disabled-track-background-color);
+  background-color: var(--ids-slider-track-color-background-disabled);
 }
 .ids-slider.disabled .track-progress {
-  background-color: var(--ids-slider-disabled-track-progress-background-color);
+  background-color: var(--ids-slider-track-color-background-progress-disabled);
 }
 .ids-slider.readonly {
-  color: var(--ids-slider-readonly-color);
+  color: var(--ids-slider-color-readonly);
 }
 .ids-slider.readonly .label {
   cursor: default;
 }
 .ids-slider.readonly .tick {
-  background-color: var(--ids-slider-readonly-tick-background-color);
+  background-color: var(--ids-slider-tick-color-background-readonly);
 }
 .ids-slider.readonly .thumb {
-  background-color: var(--ids-slider-readonly-thumb-background-color);
+  background-color: var(--ids-slider-thumb-color-background-readonly);
   cursor: pointer;
 }
 .ids-slider.readonly .thumb-shadow {
-  background-color: var(--ids-slider-readonly-thumb-shadow-background-color);
-  border-color: var(--ids-slider-readonly-thumb-shadow-border-color);
+  background-color: var(--ids-slider-thumb-color-shadow-readonly);
+  border-color: var(--ids-slider-thumb-color-border-readonly);
   cursor: pointer;
 }
 .ids-slider.readonly .track {
-  background-color: var(--ids-slider-readonly-track-background-color);
+  background-color: var(--ids-slider-track-color-background-readonly);
 }
 .ids-slider.readonly .track-progress {
-  background-color: var(--ids-slider-readonly-track-progress-background-color);
+  background-color: var(--ids-slider-track-progress-color-background-readonly);
 }
 .ids-slider.readonly .track-area {
   cursor: default;
@@ -130,7 +130,7 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
   display: flex;
   width: var(--ids-slider-tick-size);
   height: var(--ids-slider-tick-size);
-  border-radius: var(--ids-border-radius-round);
+  border-radius: var(--ids-border-radius-circle);
   z-index: 40;
   justify-content: center;
 }
@@ -148,17 +148,17 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
   text-align: right;
 }
 .slider .tooltip {
-  background-color: var(--ids-slider-tooltip-background-color);
-  color: var(--ids-slider-tooltip-text-color);
+  background-color: var(--ids-slider-tooltip-color-background);
+  color: var(--ids-slider-tooltip-color-text);
   display: flex;
   justify-content: center;
   position: absolute;
   width: auto;
-  padding: var(--ids-spacing-xs);
+  padding: var(--ids-space-10);
   height: auto;
   text-align: center;
   margin: auto;
-  border-radius: var(--ids-border-radius-xs);
+  border-radius: var(--ids-border-radius-01);
   vertical-align: middle;
   line-height: 30px;
   max-width: 300px;
@@ -182,7 +182,7 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
   margin-top: 1px;
   left: 14px;
   border-left: 6px solid transparent;
-  border-top: 6px solid var(--ids-slider-tooltip-background-color);
+  border-top: 6px solid var(--ids-slider-tooltip-color-background);
   border-right: 6px solid transparent;
 }
 .slider .tooltip .pin.vertical {
@@ -190,7 +190,7 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
   bottom: unset;
   margin-top: unset;
   border-top: 6px solid transparent;
-  border-right: 6px solid var(--ids-slider-tooltip-background-color);
+  border-right: 6px solid var(--ids-slider-tooltip-color-background);
   border-bottom: 6px solid transparent;
   right: 100%;
   transform: translate(0, 10px);
@@ -214,9 +214,9 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
   border-radius: 50%;
   width: 30px;
   height: 30px;
-  border-width: var(--ids-spacing-xs);
+  border-width: var(--ids-space-10);
   border-style: solid;
-  transition: transform var(--ids-transition-length) var(--ids-transition-ease);
+  transition: transform var(--ids-motion-duration) var(--ids-motion-ease);
   transform: scale(0);
 }
 .slider .thumb-shadow.active {
@@ -224,7 +224,7 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
 }
 .slider .track-area {
   width: 100%;
-  height: var(--ids-spacing-4xl);
+  height: var(--ids-space-80);
   background-color: transparent;
   align-items: center;
   justify-content: center;
@@ -235,21 +235,21 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
 }
 .slider .track-area.vertical {
   height: 100%;
-  width: var(--ids-spacing-4xl);
+  width: var(--ids-space-80);
 }
 .slider .track {
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  height: var(--ids-spacing-md);
+  height: var(--ids-space-30);
   width: calc(100% - var(--ids-slider-thumb-size) / 2);
   position: absolute;
   z-index: 30;
-  border-radius: var(--ids-border-radius-xs);
+  border-radius: var(--ids-border-radius-01);
 }
 .slider .track.vertical {
   justify-content: center;
-  width: var(--ids-spacing-md);
+  width: var(--ids-space-30);
   height: calc(100% - var(--ids-slider-thumb-size) / 2);
 }
 .slider .track .track-progress {
@@ -263,7 +263,7 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
   height: calc((var(--percentEnd) - var(--percentStart)) * 1%);
   width: 100%;
   bottom: 0%;
-}`;var R=["single","range","step"],y=0,p=100,v=R[0],I={BOTTOM:NaN,LEFT:NaN,RIGHT:NaN,TOP:NaN},w=L(E(k)),m=class extends w{DEFAULT_MIN=y;DEFAULT_MAX=p;DEFAULT_TYPE=v;#a=I;#n="";#o="";#S=[];#c=!1;#d=!1;#s=NaN;#r=NaN;slider;trackArea;progressTrack;track;tickContainer;thumb;thumbDraggable;thumbShadow;tooltip;tooltipText;tooltipPin;firstTick;lastTick;thumbSecondary;thumbDraggableSecondary;thumbShadowSecondary;thumbSecondaryDraggable;tooltipSecondary;tooltipTextSecondary;tooltipPinSecondary;constructor(){super()}connectedCallback(){super.connectedCallback(),this.slider=this.container?.querySelector(".slider"),this.trackArea=this.container?.querySelector(".track-area"),this.progressTrack=this.container?.querySelector(".track-progress"),this.track=this.container?.querySelector(".track"),this.tickContainer=this.container?.querySelector(".tick-container"),this.#d=!1,this.thumb=this.container?.querySelector(".thumb"),this.thumbDraggable=this.container?.querySelector(".thumb-draggable"),this.thumbShadow=this.container?.querySelector(".thumb-shadow"),this.tooltip=this.container?.querySelector(".tooltip"),this.tooltipText=this.container?.querySelector(".tooltip .text"),this.tooltipPin=this.container?.querySelector(".tooltip .pin"),this.lastTick=this.container?.querySelector(".tick:last-child"),this.firstTick=this.container?.querySelector(".tick:first-child"),this.type==="range"?(this.thumbSecondary=this.container?.querySelector(".thumb.secondary"),this.thumbDraggableSecondary=this.container?.querySelector(".thumb-draggable.secondary"),this.thumbShadowSecondary=this.container?.querySelector(".thumb-shadow.secondary"),this.tooltipSecondary=this.container?.querySelector(".tooltip.secondary"),this.tooltipTextSecondary=this.container?.querySelector(".tooltip.secondary .text.secondary"),this.tooltipPinSecondary=this.container?.querySelector(".tooltip .pin.secondary")):this.container?.querySelector(".thumb-draggable.secondary")?.remove(),this.#w(),this.#O(),this.#P(),this.#T(),this.#E(),this.#L(),setTimeout(()=>{this.#h(!0)},300)}static get attributes(){return[s.COLOR,s.DISABLED,s.LABEL,s.LABEL_SECONDARY,s.MIN,s.MAX,s.READONLY,s.STEP_NUMBER,s.SHOW_TOOLTIP,s.TYPE,s.VALUE,s.VALUE_SECONDARY,s.VERTICAL]}template(){let t=this.disabled?" disabled":"",e=this.readonly?" readonly":"",i=t.length?"-1":"0";return`
+}`;var R=["single","range","step"],y=0,p=100,v=R[0],I={BOTTOM:NaN,LEFT:NaN,RIGHT:NaN,TOP:NaN},w=L(E(k)),m=class extends w{DEFAULT_MIN=y;DEFAULT_MAX=p;DEFAULT_TYPE=v;#a=I;#o="";#n="";#S=[];#c=!1;#d=!1;#s=NaN;#r=NaN;slider;trackArea;progressTrack;track;tickContainer;thumb;thumbDraggable;thumbShadow;tooltip;tooltipText;tooltipPin;firstTick;lastTick;thumbSecondary;thumbDraggableSecondary;thumbShadowSecondary;thumbSecondaryDraggable;tooltipSecondary;tooltipTextSecondary;tooltipPinSecondary;constructor(){super()}connectedCallback(){super.connectedCallback(),this.slider=this.container?.querySelector(".slider"),this.trackArea=this.container?.querySelector(".track-area"),this.progressTrack=this.container?.querySelector(".track-progress"),this.track=this.container?.querySelector(".track"),this.tickContainer=this.container?.querySelector(".tick-container"),this.#d=!1,this.thumb=this.container?.querySelector(".thumb"),this.thumbDraggable=this.container?.querySelector(".thumb-draggable"),this.thumbShadow=this.container?.querySelector(".thumb-shadow"),this.tooltip=this.container?.querySelector(".tooltip"),this.tooltipText=this.container?.querySelector(".tooltip .text"),this.tooltipPin=this.container?.querySelector(".tooltip .pin"),this.lastTick=this.container?.querySelector(".tick:last-child"),this.firstTick=this.container?.querySelector(".tick:first-child"),this.type==="range"?(this.thumbSecondary=this.container?.querySelector(".thumb.secondary"),this.thumbDraggableSecondary=this.container?.querySelector(".thumb-draggable.secondary"),this.thumbShadowSecondary=this.container?.querySelector(".thumb-shadow.secondary"),this.tooltipSecondary=this.container?.querySelector(".tooltip.secondary"),this.tooltipTextSecondary=this.container?.querySelector(".tooltip.secondary .text.secondary"),this.tooltipPinSecondary=this.container?.querySelector(".tooltip .pin.secondary")):this.container?.querySelector(".thumb-draggable.secondary")?.remove(),this.#w(),this.#O(),this.#P(),this.#T(),this.#E(),this.#L(),setTimeout(()=>{this.#h(!0)},300)}static get attributes(){return[s.COLOR,s.DISABLED,s.LABEL,s.LABEL_SECONDARY,s.MIN,s.MAX,s.READONLY,s.STEP_NUMBER,s.SHOW_TOOLTIP,s.TYPE,s.VALUE,s.VALUE_SECONDARY,s.VERTICAL]}template(){let t=this.disabled?" disabled":"",e=this.readonly?" readonly":"",i=t.length?"-1":"0";return`
       <div class="ids-slider${t}${e}">
         <div class="slider">
           <div class="track-area">
@@ -295,4 +295,4 @@ import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chun
           </div>
         </div>
       </div>
-    `}set disabled(t){b(t)?(this.readonly&&(this.readonly=!1),this.setAttribute(s.DISABLED,""),this.container?.classList.add(s.DISABLED),this.thumbDraggable?.setAttribute(s.DISABLED,"true"),this.thumbDraggable?.setAttribute(s.TABINDEX,"-1"),this.#t(!0),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"true"),this.thumbDraggableSecondary?.setAttribute(s.TABINDEX,"-1"),this.#t(!0,"secondary"))):(this.removeAttribute(s.DISABLED),this.container?.classList.remove(s.DISABLED),this.thumbDraggable?.setAttribute(s.DISABLED,"false"),this.thumbDraggable?.setAttribute(s.TABINDEX,"0"),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"false"),this.thumbDraggableSecondary?.setAttribute(s.TABINDEX,"0"))),this.#g()}get disabled(){return this.hasAttribute(s.DISABLED)}set readonly(t){b(t)?(this.disabled&&(this.disabled=!1),this.setAttribute(s.READONLY,""),this.container?.classList.add(s.READONLY),this.thumbDraggable?.setAttribute(s.DISABLED,"true"),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"true"),this.#t(!0,"secondary"))):(this.removeAttribute(s.READONLY),this.container?.classList.remove(s.READONLY),this.thumbDraggable?.setAttribute(s.DISABLED,"false"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"false")),this.#g()}get readonly(){return this.hasAttribute(s.READONLY)}set label(t){let e=g(t),i=this.#n;e!==i&&(e.length?(this.#n=e,this.setAttribute(s.LABEL,e)):(this.#n="",this.removeAttribute(s.LABEL)),this.thumbDraggable?.setAttribute(o.ARIA_LABEL,`${this.#n}`))}get label(){return this.#n||g(this.getAttribute(s.LABEL)??"")}set labelSecondary(t){let e=g(t),i=this.#o;e!==i&&(e.length?(this.#o=e,this.setAttribute(s.LABEL_SECONDARY,e)):(this.#o="",this.removeAttribute(s.LABEL_SECONDARY)),this.thumbDraggableSecondary?.setAttribute(o.ARIA_LABEL,`${this.#o}`))}get labelSecondary(){return this.#o||g(this.getAttribute(s.LABEL_SECONDARY)??"")}set vertical(t){b(t)?this.setAttribute(s.VERTICAL,"true"):this.removeAttribute(s.VERTICAL),this.#T()}get vertical(){return this.hasAttribute(s.VERTICAL)}#T(){this.vertical?(this.thumbDraggable?.setAttribute(o.ARIA_ORIENTATION,"vertical"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(o.ARIA_ORIENTATION,"vertical"),this.container?.classList.add("vertical"),this.slider?.classList.add("vertical"),this.progressTrack?.classList.add("vertical"),this.track?.classList.add("vertical"),this.trackArea?.classList.add("vertical"),this.tickContainer?.classList.add("vertical"),this.tooltip?.classList.add("vertical"),this.type==="range"&&this.tooltipSecondary?.classList.add("vertical"),this.tooltipPin?.classList.add("vertical"),this.type==="range"&&this.tooltipPinSecondary?.classList.add("vertical")):(this.thumbDraggable?.setAttribute(o.ARIA_ORIENTATION,"horizontal"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(o.ARIA_ORIENTATION,"horizontal"))}set isRTL(t){t!==this.isRTL&&(this.#c=t,this.#e(),this.#l(),this.type==="range"&&this.#e("secondary"))}get isRTL(){return typeof this.#c>"u"&&(this.#c=!1),this.#c}onLanguageChange=()=>{let t=this.localeAPI.isRTL();this.isRTL=t};#u(t,e){let i=this.tooltipText,a="primary";e==="secondary"&&(i=this.tooltipTextSecondary,a="secondary"),i&&(i.innerHTML=String(Math.ceil(Number(t)))),this.type!=="step"&&this.#t(!1,a)}#l(){if(this.type!=="range")this.slider?.style.setProperty("--percentStart","0"),this.slider?.style.setProperty("--percentEnd",String(this.percent));else{let t=Math.min(this.percent,this.percentSecondary),e=Math.max(this.percent,this.percentSecondary);if(this.slider?.style.setProperty("--percentStart",String(t)),this.slider?.style.setProperty("--percentEnd",String(e)),this.#a){let{TOP:i,BOTTOM:a,LEFT:r,RIGHT:n}=this.#a,h=this.vertical?a:r,l=this.vertical?i:n,u=!1,d=this.#D(h,l,t,u);(this.vertical||this.isRTL)&&(d*=-1);let c=this.vertical?`translate(0, ${d}px)`:`translate(${d}px, 0)`;this.progressTrack?.style.setProperty("transform",c)}}}set labels(t){this.#S=t,this.#L()}get labels(){return this.#S||[]}#L(){if(this.type!=="step")return;let t=this.labels,e=t?.length||0,i=this.stepNumber;if(e===i){let a=this.container?.querySelectorAll(".label")||[],r=a.length||0,n=this.container?.querySelectorAll(".tick")||[];if(a&&r!==i){let h=Math.abs(i-r),l=this.disabled?"":" label";for(let u=0;u<h;u++)n&&a&&r<i&&n[n.length-1-u]?.insertAdjacentHTML("afterbegin",`<ids-text${l} class="label"></ids-text>`);a=this.container?.querySelectorAll(".label")||[]}t&&e===r&&a?.forEach((h,l)=>{h.innerHTML=this.vertical?t[e-1-l]:t[l],this.vertical&&h?.classList.add("vertical")})}else this.container?.querySelectorAll(".label")?.forEach(r=>{r.innerHTML=""})}#N(){let t=[];for(let e=0;e<this.stepNumber;e++)t[e]=Math.round(this.max/(this.stepNumber-1)*e*10)/10;return t}set stepNumber(t){this.type==="step"?parseInt(t)>=2&&this.setAttribute(s.STEP_NUMBER,t):this.removeAttribute(s.STEP_NUMBER),this.#E()}get stepNumber(){return parseInt(this.getAttribute(s.STEP_NUMBER)??"")||2}#E(){if(this.type==="step"){if(this.stepNumber>=2){let t=this.container?.querySelectorAll(".tick").length??0;if(t!==this.stepNumber){let e=Math.abs(t-this.stepNumber);for(let i=0;i<e;i++)t>this.stepNumber?this.container?.querySelector(".tick")?.remove():this.container?.querySelector(".tick:last-child")?.insertAdjacentHTML("afterend",'<span class="tick"></span>')}}this.labels=this.#N()}}set percentSecondary(t){this.#r=Number(t),this.#l(),this.#u(this.#m(this.#r),"secondary")}get percentSecondary(){return Number.isNaN(this.#r)||typeof this.#r>"u"||this.#r===null||this.#r===""?(this.valueSecondary-this.min)/(this.max-this.min)*100:this.#r}set percent(t){this.#s=Number(t),this.#l(),this.#u(this.#m(this.#s))}get percent(){return Number.isNaN(this.#s)||typeof this.#s>"u"||this.#s===null||this.#s===""?(this.value-this.min)/(this.max-this.min)*100:this.#s}#k(t,e){let i=parseFloat(t);if(i<=this.min)return this.min;if(i>=this.max)return this.max;if(this.type==="range"){if(!e&&i>=this.valueSecondary)return this.valueSecondary;if(e&&i<=this.value)return this.value}return i}set valueSecondary(t){if(this.readonly||this.disabled)return;let e=this.#k(t,!0);this.setAttribute(s.VALUE_SECONDARY,`${e}`),this.percentSecondary=(e-this.min)/(this.max-this.min)*100,this.thumbDraggableSecondary?.setAttribute(o.ARIA_VALUENOW,`${e}`),this.thumbDraggableSecondary?.setAttribute(o.ARIA_VALUETEXT,`${e}`),this.type==="range"&&this.thumbDraggable?.setAttribute(o.ARIA_VALUEMIN,`${e}`),this.#u(e,"secondary"),this.#e("secondary"),this.#b(e,"secondary")}get valueSecondary(){let t=this.getAttribute(s.VALUE_SECONDARY);return t===null||t===""||Number.isNaN(t)?this.max:parseFloat(this.getAttribute(s.VALUE_SECONDARY)??"")}set value(t){if(this.readonly||this.disabled)return;let e=parseFloat(this.getAttribute(s.VALUE)??"")||this.min,i=this.#k(t);e!==i&&(this.setAttribute(s.VALUE,`${i}`),this.percent=(i-this.min)/(this.max-this.min)*100,this.thumbDraggable?.setAttribute(o.ARIA_VALUENOW,`${i}`),this.thumbDraggable?.setAttribute(o.ARIA_VALUETEXT,`${i}`),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(o.ARIA_VALUEMIN,`${i}`),this.#u(i,"primary"),this.#e("primary"),this.#b(i,"primary"))}get value(){let t=this.getAttribute(s.VALUE);return t===null||t===""||Number.isNaN(t)?this.min:parseFloat(this.getAttribute(s.VALUE)??"")}#b(t,e){this.triggerEvent("change",this,{bubbles:!0,detail:{elem:e==="secondary"?this.thumbSecondaryDraggable:this.thumbDraggable,percent:e==="secondary"?this.percentSecondary:this.percent,value:t}})}set min(t){let e=parseFloat(t);e>=this.max||e===null||e===""||Number.isNaN(e)?this.setAttribute(s.MIN,String(y)):this.setAttribute(s.MIN,e)}get min(){return parseFloat(this.getAttribute(s.MIN)??"")||y}set max(t){let e=parseFloat(t);e<=this.min||e===null||e===""||Number.isNaN(e)?this.setAttribute(s.MAX,String(this.min+p)):this.setAttribute(s.MAX,e)}get max(){let t=parseFloat(this.getAttribute(s.MAX)??"");return t<=this.min||t===null||t===""||Number.isNaN(t)?p:t}set type(t){t&&R.includes(t)?this.setAttribute(s.TYPE,t):this.setAttribute(s.TYPE,v),this.container?.classList[t==="range"?"add":"remove"]("range")}get type(){return this.getAttribute(s.TYPE)||v}set showTooltip(t){b(t)?this.setAttribute(s.TOOLTIP,`${t}`):this.removeAttribute(s.TOOLTIP)}get showTooltip(){return this.hasAttribute(s.TOOLTIP)}set color(t){this.setAttribute(s.COLOR,t),this.#g()}get color(){return this.getAttribute(s.COLOR)||""}#I(){return!this.readonly&&!this.disabled}#g(){let t;this.#I()&&(t=this.color);let e=this.container?.querySelectorAll(".tick")||[];if(t){let i=t;t.substring(0,1)!=="#"&&(i=x(t));let a=D(i,.1);e?.forEach(r=>{r?.style.setProperty("background-color",i),r?.children[0]?.setAttribute("label","")}),this.thumb?.style.setProperty("background-color",i),this.thumbShadow?.style.setProperty("background-color",a),this.thumbShadow?.style.setProperty("border",`1px ${i} solid`),this.progressTrack?.style.setProperty("background-color",i),this.type==="range"&&this.thumbShadowSecondary&&this.thumbSecondary&&(this.thumbShadowSecondary?.style.setProperty("background-color",a),this.thumbShadowSecondary?.style.setProperty("border",`1px ${i} solid`),this.thumbSecondary?.style.setProperty("background-color",i))}else e?.forEach(i=>{i?.style.removeProperty("background-color"),this.readonly?i.children[0]?.setAttribute("label",""):i.children[0]?.removeAttribute("label")}),this.thumb?.style.removeProperty("background-color"),this.thumbShadow?.style.removeProperty("background-color"),this.thumbShadow?.style.removeProperty("border"),this.progressTrack?.style.removeProperty("background-color"),this.type==="range"&&this.thumbShadowSecondary&&this.thumbSecondary&&(this.thumbShadowSecondary?.style.removeProperty("background-color"),this.thumbShadowSecondary?.style.removeProperty("border"),this.thumbSecondary?.style.removeProperty("background-color"))}#t(t,e){this.showTooltip||(t=!0),e==="secondary"&&this.tooltipSecondary?this.tooltipSecondary.style.setProperty("opacity",t?"0":"1"):this.tooltip?.style.setProperty("opacity",t?"0":"1")}#i(t,e){let i=this.thumbShadow;e==="secondary"&&this.thumbShadowSecondary&&(i=this.thumbShadowSecondary),t?i?.classList.remove("active"):i?.classList.add("active")}#y(t,e){this.#v();let{TOP:i,BOTTOM:a,LEFT:r,RIGHT:n}=this.#a,h=this.vertical?e:t,l=this.isRTL?n:r,u=this.isRTL?r:n,d=this.vertical?a:l,c=this.vertical?i:u;return this.#R(h,d,c)}#p(t,e,i,a){if(this.type!=="step"){let r=i??this.#m(this.#y(t,e)),n=this.vertical?this.thumbDraggable?.getBoundingClientRect().y:this.thumbDraggable?.getBoundingClientRect().x,h=this.thumbDraggable,l="value";if(this.type==="range"){let u=this.vertical?this.thumbDraggableSecondary?.getBoundingClientRect().y:this.thumbDraggableSecondary?.getBoundingClientRect().x,d=this.vertical?e:t;Math.abs(d-(n??NaN))>Math.abs(d-(u??NaN))&&(h=this.thumbDraggableSecondary,l="valueSecondary",a="secondary"),a==="primary"&&r>this.valueSecondary?r=this.valueSecondary-1:a==="secondary"&&r<this.value&&(r=this.value+1)}r!==this[l]?this[l]=r:(this.#e(a),this.#b(r,a)),h?.focus()}else{let r=[];for(let c=0;c<this.stepNumber;c++)r[c]=this.max/(this.stepNumber-1)*c;let n=i||this.#y(t,e),h=r.map(c=>Math.abs(c-n/100*this.max)),l=h[0],u=0;for(let c=0;c<h.length;c++)h[c]<l&&(l=h[c],u=c);let d=r[u];this.percent=d,d!==this.value?this.value=d:(this.#e("primary"),this.#b(d,"primary")),this.thumbDraggable?.focus()}}#e(t){this.#v();let e=this.thumbDraggable,i=this.percent;t==="secondary"&&this.type==="range"&&(e=this.thumbDraggableSecondary,i=this.percentSecondary);let{TOP:a,BOTTOM:r,LEFT:n,RIGHT:h}=this.#a,l=this.vertical?r:n,u=this.vertical?a:h,d=!0,c=this.#D(l,u,i,d);(this.vertical||this.isRTL)&&(c*=-1);let A=this.vertical?`translate(0, ${c}px)`:`translate(${c}px, 0)`;e?.style.setProperty("transform",A)}#m(t){return t/100*(this.max-this.min)+this.min}#D(t,e,i,a){let r=Math.abs(e-t)-(this.thumbDraggable?.clientWidth??NaN),n=Math.ceil(i)/100*r;return n=a?n-r/2:n,n}#R(t,e,i){let a=this.thumbDraggable?.clientWidth??NaN,r=0,n=Math.abs(e-i)-a/2,h=Math.abs(t-i),l=Math.abs(t-e);return h>n?r=0:l>n?r=100:r=(l-a/2)/(n-a/2)*100,r}#w(){this.#B(),this.#x(),this.type==="range"&&this.#x("secondary"),this.#V(),this.#C(),this.#_()}#M(){if(!this.trackArea)return I;let t=this.trackArea.getBoundingClientRect(),e=t.left+window.scrollX,i=t.top+window.scrollY,a=e+this.trackArea.clientWidth,r=i+this.trackArea.clientHeight;return{LEFT:e,RIGHT:a,TOP:i,BOTTOM:r}}#h(t){this.container?.classList[t?"add":"remove"]("animated")}#O(){if(this.#l(),this.#e(),this.type==="range"&&this.#e("secondary"),this.#g(),this.firstTick&&this.lastTick){let t=this.vertical?this.firstTick:this.lastTick,e=this.vertical?this.lastTick:this.firstTick;e.innerHTML=`<ids-text label class="label${this.vertical?" vertical":""}">${this.min}</ids-text>`,t.innerHTML=`<ids-text label class="label${this.vertical?" vertical":""}">${this.max}</ids-text>`}}#P(){this.setAttribute(o.ROLE,"none"),this.thumbDraggable?.setAttribute(o.ROLE,"slider"),this.thumbDraggable?.setAttribute(o.ARIA_ORIENTATION,this.vertical?"vertical":"horizontal"),this.thumbDraggable?.setAttribute(o.ARIA_VALUEMIN,`${this.min}`),this.thumbDraggable?.setAttribute(o.ARIA_VALUEMAX,`${this.max}`),this.thumbDraggable?.setAttribute(o.ARIA_VALUENOW,`${this.value}`),this.thumbDraggable?.setAttribute(o.ARIA_VALUETEXT,`${this.value}`),this.thumbDraggable?.setAttribute(o.ARIA_LABEL,`${this.label}`),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(o.ROLE,"slider"),this.thumbDraggableSecondary?.setAttribute(o.ARIA_ORIENTATION,this.vertical?"vertical":"horizontal"),this.thumbDraggableSecondary?.setAttribute(o.ARIA_VALUEMIN,`${this.min}`),this.thumbDraggableSecondary?.setAttribute(o.ARIA_VALUEMAX,`${this.max}`),this.thumbDraggableSecondary?.setAttribute(o.ARIA_VALUENOW,`${this.valueSecondary}`),this.thumbDraggableSecondary?.setAttribute(o.ARIA_VALUETEXT,`${this.valueSecondary}`),this.thumbDraggableSecondary?.setAttribute(o.ARIA_LABEL,`${this.labelSecondary}`))}#v(){this.#a=this.#M()}#B(){let t=new ResizeObserver(e=>{for(let i of e)i.contentBoxSize&&(this.#v(),this.#l(),this.#e(),this.type==="range"&&this.#e("secondary"))});this.trackArea&&t.observe(this.trackArea)}#_(){this.onEvent("click",this.container,t=>{if(this.disabled||this.readonly)return;let e=t.target.className,i=e.includes("ids-slider"),a=e.includes("label"),r=e.includes("track-area");if(i||a||r)if(r||i)this.#p(t.clientX,t.clientY);else{let n=parseFloat(t.target.innerHTML);this.#p(t.clientX,t.clientY,n)}}),this.onEvent("click",document,t=>{t.target!==this&&!this.disabled&&(this.#t(!0),this.type==="range"&&this.#t(!0,"secondary"))})}#x(t){let e=this.type==="range"&&t==="secondary",i={thumbDraggable:e?this.thumbDraggableSecondary:this.thumbDraggable,thumbDraggableOther:e?this.thumbDraggable:this.thumbDraggableSecondary,primaryOrSecondary:e?"secondary":"primary",valueAttribute:e?"valueSecondary":"value",percentAttribute:e?"percentSecondary":"percent"},a=()=>{i.thumbDraggableOther&&(i.thumbDraggableOther?.style.setProperty("z-index","50"),i.thumbDraggable?.style.setProperty("z-index","51"))};this.onEvent("ids-drag",i.thumbDraggable,r=>{this.type!=="step"&&this.#t(!1);let[n,h]=[r.detail.mouseX,r.detail.mouseY],l=this.#y(n,h);this.type==="range"&&a(),this[i.percentAttribute]=l,this.triggerEvent("ids-slider-drag",this,{bubbles:!0,detail:{elem:i.thumbDraggable,mouseX:r.detail.mouseX,mouseY:r.detail.mouseY,percent:l,value:this.#m(l)}})}),this.onEvent("ids-dragstart",i.thumbDraggable,()=>{this.#h(!1),this.#i(!0,i.primaryOrSecondary),this.#i(!0,i.primaryOrSecondary==="secondary"?"primary":"secondary")}),this.onEvent("ids-dragend",i.thumbDraggable,r=>{this.#h(!0),i.thumbDraggable?.focus();let n=i.primaryOrSecondary==="secondary"?this.percentSecondary:this.percent;this.#p(r.detail.mouseX,r.detail.mouseY,n,i.primaryOrSecondary),this.#i(!1,i.primaryOrSecondary)})}#C(){this.onEvent("keydown",this,t=>{if(!(this.readonly||this.disabled)&&(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(t.code)>-1&&(t.preventDefault(),this.type!=="step"&&this.#h(!1)),t.target.name==="ids-slider")){let e="";switch(this.type==="range"&&this.thumbShadowSecondary?.classList.contains("active")&&(e="secondary"),t.key){case"ArrowUp":this.#f(e);break;case"ArrowDown":this.#A(e);break;case"ArrowRight":this.isRTL?this.#A(e):this.#f(e);break;case"ArrowLeft":this.isRTL?this.#f(e):this.#A(e);break;default:break}}}),this.onEvent("keyup",this,t=>{this.readonly||this.disabled||["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(t.code)>-1&&(t.preventDefault(),this.type!=="step"&&this.#h(!0))})}#V(){this.onEvent("mouseenter",this,()=>{this.#d=!0}),this.onEvent("mouseleave",this,()=>{this.#d=!1}),this.onEvent("focusin",this.container,t=>{if(!this.disabled&&this.shadowRoot?.activeElement){this.#t(!1);let e=t.target instanceof HTMLElement&&t.target;e&&e?.classList.contains("secondary")?(this.#i(!1,"secondary"),this.#i(!0,"primary")):(this.#i(!1,"primary"),this.type==="range"&&this.#i(!0,"secondary")),this.type==="range"&&this.#t(!1,"secondary")}}),this.onEvent("focusout",this.container,()=>{!this.shadowRoot?.activeElement&&!this.#d&&(this.#t(!0),this.#i(!0,"primary"),this.type==="range"&&(this.#t(!0,"secondary"),this.#i(!0,"secondary")))})}#A(t){switch(this.type){case"step":this.value-=this.max/(this.stepNumber-1);break;case"range":t==="secondary"?this.valueSecondary=Math.max(Math.ceil(this.valueSecondary)-1,this.value):this.value=Math.max(Math.ceil(this.value)-1,this.min);break;default:this.value=Math.ceil(this.value)-1}}#f(t){switch(this.type){case"step":this.value+=this.max/(this.stepNumber-1);break;case"range":t==="secondary"?this.valueSecondary=Math.min(Math.ceil(this.valueSecondary)+1,this.max):this.value=Math.min(Math.ceil(this.value)+1,this.valueSecondary);break;default:this.value=Math.ceil(this.value)+1}}};m=f([S("ids-slider"),T(N)],m);export{m as a};
+    `}set disabled(t){b(t)?(this.readonly&&(this.readonly=!1),this.setAttribute(s.DISABLED,""),this.container?.classList.add(s.DISABLED),this.thumbDraggable?.setAttribute(s.DISABLED,"true"),this.thumbDraggable?.setAttribute(s.TABINDEX,"-1"),this.#t(!0),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"true"),this.thumbDraggableSecondary?.setAttribute(s.TABINDEX,"-1"),this.#t(!0,"secondary"))):(this.removeAttribute(s.DISABLED),this.container?.classList.remove(s.DISABLED),this.thumbDraggable?.setAttribute(s.DISABLED,"false"),this.thumbDraggable?.setAttribute(s.TABINDEX,"0"),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"false"),this.thumbDraggableSecondary?.setAttribute(s.TABINDEX,"0"))),this.#g()}get disabled(){return this.hasAttribute(s.DISABLED)}set readonly(t){b(t)?(this.disabled&&(this.disabled=!1),this.setAttribute(s.READONLY,""),this.container?.classList.add(s.READONLY),this.thumbDraggable?.setAttribute(s.DISABLED,"true"),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"true"),this.#t(!0,"secondary"))):(this.removeAttribute(s.READONLY),this.container?.classList.remove(s.READONLY),this.thumbDraggable?.setAttribute(s.DISABLED,"false"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"false")),this.#g()}get readonly(){return this.hasAttribute(s.READONLY)}set label(t){let e=g(t),i=this.#o;e!==i&&(e.length?(this.#o=e,this.setAttribute(s.LABEL,e)):(this.#o="",this.removeAttribute(s.LABEL)),this.thumbDraggable?.setAttribute(n.ARIA_LABEL,`${this.#o}`))}get label(){return this.#o||g(this.getAttribute(s.LABEL)??"")}set labelSecondary(t){let e=g(t),i=this.#n;e!==i&&(e.length?(this.#n=e,this.setAttribute(s.LABEL_SECONDARY,e)):(this.#n="",this.removeAttribute(s.LABEL_SECONDARY)),this.thumbDraggableSecondary?.setAttribute(n.ARIA_LABEL,`${this.#n}`))}get labelSecondary(){return this.#n||g(this.getAttribute(s.LABEL_SECONDARY)??"")}set vertical(t){b(t)?this.setAttribute(s.VERTICAL,"true"):this.removeAttribute(s.VERTICAL),this.#T()}get vertical(){return this.hasAttribute(s.VERTICAL)}#T(){this.vertical?(this.thumbDraggable?.setAttribute(n.ARIA_ORIENTATION,"vertical"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(n.ARIA_ORIENTATION,"vertical"),this.container?.classList.add("vertical"),this.slider?.classList.add("vertical"),this.progressTrack?.classList.add("vertical"),this.track?.classList.add("vertical"),this.trackArea?.classList.add("vertical"),this.tickContainer?.classList.add("vertical"),this.tooltip?.classList.add("vertical"),this.type==="range"&&this.tooltipSecondary?.classList.add("vertical"),this.tooltipPin?.classList.add("vertical"),this.type==="range"&&this.tooltipPinSecondary?.classList.add("vertical")):(this.thumbDraggable?.setAttribute(n.ARIA_ORIENTATION,"horizontal"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(n.ARIA_ORIENTATION,"horizontal"))}set isRTL(t){t!==this.isRTL&&(this.#c=t,this.#e(),this.#l(),this.type==="range"&&this.#e("secondary"))}get isRTL(){return typeof this.#c>"u"&&(this.#c=!1),this.#c}onLanguageChange=()=>{let t=this.localeAPI.isRTL();this.isRTL=t};#u(t,e){let i=this.tooltipText,a="primary";e==="secondary"&&(i=this.tooltipTextSecondary,a="secondary"),i&&(i.innerHTML=String(Math.ceil(Number(t)))),this.type!=="step"&&this.#t(!1,a)}#l(){if(this.type!=="range")this.slider?.style.setProperty("--percentStart","0"),this.slider?.style.setProperty("--percentEnd",String(this.percent));else{let t=Math.min(this.percent,this.percentSecondary),e=Math.max(this.percent,this.percentSecondary);if(this.slider?.style.setProperty("--percentStart",String(t)),this.slider?.style.setProperty("--percentEnd",String(e)),this.#a){let{TOP:i,BOTTOM:a,LEFT:r,RIGHT:o}=this.#a,h=this.vertical?a:r,l=this.vertical?i:o,u=!1,d=this.#D(h,l,t,u);(this.vertical||this.isRTL)&&(d*=-1);let c=this.vertical?`translate(0, ${d}px)`:`translate(${d}px, 0)`;this.progressTrack?.style.setProperty("transform",c)}}}set labels(t){this.#S=t,this.#L()}get labels(){return this.#S||[]}#L(){if(this.type!=="step")return;let t=this.labels,e=t?.length||0,i=this.stepNumber;if(e===i){let a=this.container?.querySelectorAll(".label")||[],r=a.length||0,o=this.container?.querySelectorAll(".tick")||[];if(a&&r!==i){let h=Math.abs(i-r),l=this.disabled?"":" label";for(let u=0;u<h;u++)o&&a&&r<i&&o[o.length-1-u]?.insertAdjacentHTML("afterbegin",`<ids-text${l} class="label"></ids-text>`);a=this.container?.querySelectorAll(".label")||[]}t&&e===r&&a?.forEach((h,l)=>{h.innerHTML=this.vertical?t[e-1-l]:t[l],this.vertical&&h?.classList.add("vertical")})}else this.container?.querySelectorAll(".label")?.forEach(r=>{r.innerHTML=""})}#N(){let t=[];for(let e=0;e<this.stepNumber;e++)t[e]=Math.round(this.max/(this.stepNumber-1)*e*10)/10;return t}set stepNumber(t){this.type==="step"?parseInt(t)>=2&&this.setAttribute(s.STEP_NUMBER,t):this.removeAttribute(s.STEP_NUMBER),this.#E()}get stepNumber(){return parseInt(this.getAttribute(s.STEP_NUMBER)??"")||2}#E(){if(this.type==="step"){if(this.stepNumber>=2){let t=this.container?.querySelectorAll(".tick").length??0;if(t!==this.stepNumber){let e=Math.abs(t-this.stepNumber);for(let i=0;i<e;i++)t>this.stepNumber?this.container?.querySelector(".tick")?.remove():this.container?.querySelector(".tick:last-child")?.insertAdjacentHTML("afterend",'<span class="tick"></span>')}}this.labels=this.#N()}}set percentSecondary(t){this.#r=Number(t),this.#l(),this.#u(this.#m(this.#r),"secondary")}get percentSecondary(){return Number.isNaN(this.#r)||typeof this.#r>"u"||this.#r===null||this.#r===""?(this.valueSecondary-this.min)/(this.max-this.min)*100:this.#r}set percent(t){this.#s=Number(t),this.#l(),this.#u(this.#m(this.#s))}get percent(){return Number.isNaN(this.#s)||typeof this.#s>"u"||this.#s===null||this.#s===""?(this.value-this.min)/(this.max-this.min)*100:this.#s}#k(t,e){let i=parseFloat(t);if(i<=this.min)return this.min;if(i>=this.max)return this.max;if(this.type==="range"){if(!e&&i>=this.valueSecondary)return this.valueSecondary;if(e&&i<=this.value)return this.value}return i}set valueSecondary(t){if(this.readonly||this.disabled)return;let e=this.#k(t,!0);this.setAttribute(s.VALUE_SECONDARY,`${e}`),this.percentSecondary=(e-this.min)/(this.max-this.min)*100,this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUENOW,`${e}`),this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUETEXT,`${e}`),this.type==="range"&&this.thumbDraggable?.setAttribute(n.ARIA_VALUEMIN,`${e}`),this.#u(e,"secondary"),this.#e("secondary"),this.#b(e,"secondary")}get valueSecondary(){let t=this.getAttribute(s.VALUE_SECONDARY);return t===null||t===""||Number.isNaN(t)?this.max:parseFloat(this.getAttribute(s.VALUE_SECONDARY)??"")}set value(t){if(this.readonly||this.disabled)return;let e=parseFloat(this.getAttribute(s.VALUE)??"")||this.min,i=this.#k(t);e!==i&&(this.setAttribute(s.VALUE,`${i}`),this.percent=(i-this.min)/(this.max-this.min)*100,this.thumbDraggable?.setAttribute(n.ARIA_VALUENOW,`${i}`),this.thumbDraggable?.setAttribute(n.ARIA_VALUETEXT,`${i}`),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUEMIN,`${i}`),this.#u(i,"primary"),this.#e("primary"),this.#b(i,"primary"))}get value(){let t=this.getAttribute(s.VALUE);return t===null||t===""||Number.isNaN(t)?this.min:parseFloat(this.getAttribute(s.VALUE)??"")}#b(t,e){this.triggerEvent("change",this,{bubbles:!0,detail:{elem:e==="secondary"?this.thumbSecondaryDraggable:this.thumbDraggable,percent:e==="secondary"?this.percentSecondary:this.percent,value:t}})}set min(t){let e=parseFloat(t);e>=this.max||e===null||e===""||Number.isNaN(e)?this.setAttribute(s.MIN,String(y)):this.setAttribute(s.MIN,e)}get min(){return parseFloat(this.getAttribute(s.MIN)??"")||y}set max(t){let e=parseFloat(t);e<=this.min||e===null||e===""||Number.isNaN(e)?this.setAttribute(s.MAX,String(this.min+p)):this.setAttribute(s.MAX,e)}get max(){let t=parseFloat(this.getAttribute(s.MAX)??"");return t<=this.min||t===null||t===""||Number.isNaN(t)?p:t}set type(t){t&&R.includes(t)?this.setAttribute(s.TYPE,t):this.setAttribute(s.TYPE,v),this.container?.classList[t==="range"?"add":"remove"]("range")}get type(){return this.getAttribute(s.TYPE)||v}set showTooltip(t){b(t)?this.setAttribute(s.TOOLTIP,`${t}`):this.removeAttribute(s.TOOLTIP)}get showTooltip(){return this.hasAttribute(s.TOOLTIP)}set color(t){this.setAttribute(s.COLOR,t),this.#g()}get color(){return this.getAttribute(s.COLOR)||""}#I(){return!this.readonly&&!this.disabled}#g(){let t;this.#I()&&(t=this.color);let e=this.container?.querySelectorAll(".tick")||[];if(t){let i=t;t.substring(0,1)!=="#"&&(i=x(t));let a=D(i,.1);e?.forEach(r=>{r?.style.setProperty("background-color",i),r?.children[0]?.setAttribute("label","")}),this.thumb?.style.setProperty("background-color",i),this.thumbShadow?.style.setProperty("background-color",a),this.thumbShadow?.style.setProperty("border",`1px ${i} solid`),this.progressTrack?.style.setProperty("background-color",i),this.type==="range"&&this.thumbShadowSecondary&&this.thumbSecondary&&(this.thumbShadowSecondary?.style.setProperty("background-color",a),this.thumbShadowSecondary?.style.setProperty("border",`1px ${i} solid`),this.thumbSecondary?.style.setProperty("background-color",i))}else e?.forEach(i=>{i?.style.removeProperty("background-color"),this.readonly?i.children[0]?.setAttribute("label",""):i.children[0]?.removeAttribute("label")}),this.thumb?.style.removeProperty("background-color"),this.thumbShadow?.style.removeProperty("background-color"),this.thumbShadow?.style.removeProperty("border"),this.progressTrack?.style.removeProperty("background-color"),this.type==="range"&&this.thumbShadowSecondary&&this.thumbSecondary&&(this.thumbShadowSecondary?.style.removeProperty("background-color"),this.thumbShadowSecondary?.style.removeProperty("border"),this.thumbSecondary?.style.removeProperty("background-color"))}#t(t,e){this.showTooltip||(t=!0),e==="secondary"&&this.tooltipSecondary?this.tooltipSecondary.style.setProperty("opacity",t?"0":"1"):this.tooltip?.style.setProperty("opacity",t?"0":"1")}#i(t,e){let i=this.thumbShadow;e==="secondary"&&this.thumbShadowSecondary&&(i=this.thumbShadowSecondary),t?i?.classList.remove("active"):i?.classList.add("active")}#y(t,e){this.#v();let{TOP:i,BOTTOM:a,LEFT:r,RIGHT:o}=this.#a,h=this.vertical?e:t,l=this.isRTL?o:r,u=this.isRTL?r:o,d=this.vertical?a:l,c=this.vertical?i:u;return this.#R(h,d,c)}#p(t,e,i,a){if(this.type!=="step"){let r=i??this.#m(this.#y(t,e)),o=this.vertical?this.thumbDraggable?.getBoundingClientRect().y:this.thumbDraggable?.getBoundingClientRect().x,h=this.thumbDraggable,l="value";if(this.type==="range"){let u=this.vertical?this.thumbDraggableSecondary?.getBoundingClientRect().y:this.thumbDraggableSecondary?.getBoundingClientRect().x,d=this.vertical?e:t;Math.abs(d-(o??NaN))>Math.abs(d-(u??NaN))&&(h=this.thumbDraggableSecondary,l="valueSecondary",a="secondary"),a==="primary"&&r>this.valueSecondary?r=this.valueSecondary-1:a==="secondary"&&r<this.value&&(r=this.value+1)}r!==this[l]?this[l]=r:(this.#e(a),this.#b(r,a)),h?.focus()}else{let r=[];for(let c=0;c<this.stepNumber;c++)r[c]=this.max/(this.stepNumber-1)*c;let o=i||this.#y(t,e),h=r.map(c=>Math.abs(c-o/100*this.max)),l=h[0],u=0;for(let c=0;c<h.length;c++)h[c]<l&&(l=h[c],u=c);let d=r[u];this.percent=d,d!==this.value?this.value=d:(this.#e("primary"),this.#b(d,"primary")),this.thumbDraggable?.focus()}}#e(t){this.#v();let e=this.thumbDraggable,i=this.percent;t==="secondary"&&this.type==="range"&&(e=this.thumbDraggableSecondary,i=this.percentSecondary);let{TOP:a,BOTTOM:r,LEFT:o,RIGHT:h}=this.#a,l=this.vertical?r:o,u=this.vertical?a:h,d=!0,c=this.#D(l,u,i,d);(this.vertical||this.isRTL)&&(c*=-1);let A=this.vertical?`translate(0, ${c}px)`:`translate(${c}px, 0)`;e?.style.setProperty("transform",A)}#m(t){return t/100*(this.max-this.min)+this.min}#D(t,e,i,a){let r=Math.abs(e-t)-(this.thumbDraggable?.clientWidth??NaN),o=Math.ceil(i)/100*r;return o=a?o-r/2:o,o}#R(t,e,i){let a=this.thumbDraggable?.clientWidth??NaN,r=0,o=Math.abs(e-i)-a/2,h=Math.abs(t-i),l=Math.abs(t-e);return h>o?r=0:l>o?r=100:r=(l-a/2)/(o-a/2)*100,r}#w(){this.#B(),this.#x(),this.type==="range"&&this.#x("secondary"),this.#V(),this.#C(),this.#_()}#M(){if(!this.trackArea)return I;let t=this.trackArea.getBoundingClientRect(),e=t.left+window.scrollX,i=t.top+window.scrollY,a=e+this.trackArea.clientWidth,r=i+this.trackArea.clientHeight;return{LEFT:e,RIGHT:a,TOP:i,BOTTOM:r}}#h(t){this.container?.classList[t?"add":"remove"]("animated")}#O(){if(this.#l(),this.#e(),this.type==="range"&&this.#e("secondary"),this.#g(),this.firstTick&&this.lastTick){let t=this.vertical?this.firstTick:this.lastTick,e=this.vertical?this.lastTick:this.firstTick;e.innerHTML=`<ids-text label class="label${this.vertical?" vertical":""}">${this.min}</ids-text>`,t.innerHTML=`<ids-text label class="label${this.vertical?" vertical":""}">${this.max}</ids-text>`}}#P(){this.setAttribute(n.ROLE,"none"),this.thumbDraggable?.setAttribute(n.ROLE,"slider"),this.thumbDraggable?.setAttribute(n.ARIA_ORIENTATION,this.vertical?"vertical":"horizontal"),this.thumbDraggable?.setAttribute(n.ARIA_VALUEMIN,`${this.min}`),this.thumbDraggable?.setAttribute(n.ARIA_VALUEMAX,`${this.max}`),this.thumbDraggable?.setAttribute(n.ARIA_VALUENOW,`${this.value}`),this.thumbDraggable?.setAttribute(n.ARIA_VALUETEXT,`${this.value}`),this.thumbDraggable?.setAttribute(n.ARIA_LABEL,`${this.label}`),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(n.ROLE,"slider"),this.thumbDraggableSecondary?.setAttribute(n.ARIA_ORIENTATION,this.vertical?"vertical":"horizontal"),this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUEMIN,`${this.min}`),this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUEMAX,`${this.max}`),this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUENOW,`${this.valueSecondary}`),this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUETEXT,`${this.valueSecondary}`),this.thumbDraggableSecondary?.setAttribute(n.ARIA_LABEL,`${this.labelSecondary}`))}#v(){this.#a=this.#M()}#B(){let t=new ResizeObserver(e=>{for(let i of e)i.contentBoxSize&&(this.#v(),this.#l(),this.#e(),this.type==="range"&&this.#e("secondary"))});this.trackArea&&t.observe(this.trackArea)}#_(){this.onEvent("click",this.container,t=>{if(this.disabled||this.readonly)return;let e=t.target.className,i=e.includes("ids-slider"),a=e.includes("label"),r=e.includes("track-area");if(i||a||r)if(r||i)this.#p(t.clientX,t.clientY);else{let o=parseFloat(t.target.innerHTML);this.#p(t.clientX,t.clientY,o)}}),this.onEvent("click",document,t=>{t.target!==this&&!this.disabled&&(this.#t(!0),this.type==="range"&&this.#t(!0,"secondary"))})}#x(t){let e=this.type==="range"&&t==="secondary",i={thumbDraggable:e?this.thumbDraggableSecondary:this.thumbDraggable,thumbDraggableOther:e?this.thumbDraggable:this.thumbDraggableSecondary,primaryOrSecondary:e?"secondary":"primary",valueAttribute:e?"valueSecondary":"value",percentAttribute:e?"percentSecondary":"percent"},a=()=>{i.thumbDraggableOther&&(i.thumbDraggableOther?.style.setProperty("z-index","50"),i.thumbDraggable?.style.setProperty("z-index","51"))};this.onEvent("drag",i.thumbDraggable,r=>{this.type!=="step"&&this.#t(!1);let[o,h]=[r.detail.mouseX,r.detail.mouseY],l=this.#y(o,h);this.type==="range"&&a(),this[i.percentAttribute]=l,this.triggerEvent("ids-slider-drag",this,{bubbles:!0,detail:{elem:i.thumbDraggable,mouseX:r.detail.mouseX,mouseY:r.detail.mouseY,percent:l,value:this.#m(l)}})}),this.onEvent("dragstart",i.thumbDraggable,()=>{this.#h(!1),this.#i(!0,i.primaryOrSecondary),this.#i(!0,i.primaryOrSecondary==="secondary"?"primary":"secondary")}),this.onEvent("dragend",i.thumbDraggable,r=>{this.#h(!0),i.thumbDraggable?.focus();let o=i.primaryOrSecondary==="secondary"?this.percentSecondary:this.percent;this.#p(r.detail.mouseX,r.detail.mouseY,o,i.primaryOrSecondary),this.#i(!1,i.primaryOrSecondary)})}#C(){this.onEvent("keydown",this,t=>{if(!(this.readonly||this.disabled)&&(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(t.code)>-1&&(t.preventDefault(),this.type!=="step"&&this.#h(!1)),t.target.name==="ids-slider")){let e="";switch(this.type==="range"&&this.thumbShadowSecondary?.classList.contains("active")&&(e="secondary"),t.key){case"ArrowUp":this.#f(e);break;case"ArrowDown":this.#A(e);break;case"ArrowRight":this.isRTL?this.#A(e):this.#f(e);break;case"ArrowLeft":this.isRTL?this.#f(e):this.#A(e);break;default:break}}}),this.onEvent("keyup",this,t=>{this.readonly||this.disabled||["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(t.code)>-1&&(t.preventDefault(),this.type!=="step"&&this.#h(!0))})}#V(){this.onEvent("mouseenter",this,()=>{this.#d=!0}),this.onEvent("mouseleave",this,()=>{this.#d=!1}),this.onEvent("focusin",this.container,t=>{if(!this.disabled&&this.shadowRoot?.activeElement){this.#t(!1);let e=t.target instanceof HTMLElement&&t.target;e&&e?.classList.contains("secondary")?(this.#i(!1,"secondary"),this.#i(!0,"primary")):(this.#i(!1,"primary"),this.type==="range"&&this.#i(!0,"secondary")),this.type==="range"&&this.#t(!1,"secondary")}}),this.onEvent("focusout",this.container,()=>{!this.shadowRoot?.activeElement&&!this.#d&&(this.#t(!0),this.#i(!0,"primary"),this.type==="range"&&(this.#t(!0,"secondary"),this.#i(!0,"secondary")))})}#A(t){switch(this.type){case"step":this.value-=this.max/(this.stepNumber-1);break;case"range":t==="secondary"?this.valueSecondary=Math.max(Math.ceil(this.valueSecondary)-1,this.value):this.value=Math.max(Math.ceil(this.value)-1,this.min);break;default:this.value=Math.ceil(this.value)-1}}#f(t){switch(this.type){case"step":this.value+=this.max/(this.stepNumber-1);break;case"range":t==="secondary"?this.valueSecondary=Math.min(Math.ceil(this.valueSecondary)+1,this.max):this.value=Math.min(Math.ceil(this.value)+1,this.valueSecondary);break;default:this.value=Math.ceil(this.value)+1}}};m=f([S("ids-slider"),T(N)],m);export{m as a};

package/chunks/{ids-chunk-VGTVMJVA.js → ids-chunk-ODC5DL7H.js}

@@ -1,4 +1,4 @@
-import{a as c}from"./ids-chunk-T6ZV4PDM.js";import{a as h}from"./ids-chunk-YS37TBDI.js";import{a as l,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as d}from"./ids-chunk-5WRLNTVI.js";import{e as s}from"./ids-chunk-VGRUIA4C.js";import{a as o}from"./ids-chunk-EZRDAHD3.js";import{a as r}from"./ids-chunk-U7OOVFXE.js";var p=`
+import{a as c}from"./ids-chunk-T6ZV4PDM.js";import{a as h}from"./ids-chunk-AKCO43TX.js";import{a as l,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as d}from"./ids-chunk-GFV2Z7F5.js";import{e}from"./ids-chunk-QPDOZZIG.js";import{a as o}from"./ids-chunk-EQJWBFQ2.js";import{a as r}from"./ids-chunk-U7OOVFXE.js";var p=`
 /* Ids Color Component */
 :host {
   overflow: visible;
@@ -19,7 +19,7 @@ import{a as c}from"./ids-chunk-T6ZV4PDM.js";import{a as h}from"./ids-chunk-YS37T
 }
 :host .no-color::before {
   transform: rotate(-45deg);
-  border-top: 2px solid #da1217;
+  border-top: 2px solid var(--ids-color-error-default);
   content: "";
   left: 0;
   right: 0;
@@ -37,7 +37,7 @@ import{a as c}from"./ids-chunk-T6ZV4PDM.js";import{a as h}from"./ids-chunk-YS37T
 :host(.outlined:focus-visible),
 :host(.outlined:focus-within) {
   box-shadow: 0 0 3px 2px rgba(0, 114, 237, 0.3019607843);
-  outline: 1px solid var(--ids-focus-border-color);
+  outline: 1px solid var(--ids-color-border-focus);
 }
 
 :host([disabled]) {
@@ -123,4 +123,4 @@ import{a as c}from"./ids-chunk-T6ZV4PDM.js";import{a as h}from"./ids-chunk-YS37T
         ${this.clickable?'<ids-icon class="color-check" icon="check" size="small" part="hex"></ids-icon>':""}
         ${this.showLabel?`<ids-text font-size="14" type="span" align="center">${this.label}</ids-text>`:""}
       </div>
-    `}set disabled(t){s(t)?this.setAttribute(o.DISABLED,""):this.removeAttribute(o.DISABLED)}get disabled(){return this.hasAttribute(o.DISABLED)}set hex(t){this.setAttribute(o.HEX,t?.trim()),this.container?.classList.remove("no-color"),!t||t.toLowerCase()==="transparent"?(t="",this.container?.classList.add("no-color"),this.container?.style.setProperty("background-color","transparent")):this.container?.style.setProperty("background-color",t?.trim())}get hex(){return this.getAttribute(o.HEX)||""}set label(t){this.setAttribute(o.LABEL,t);let e=this.container?.querySelector("ids-text");e&&(e.textContent=t)}get label(){return this.getAttribute(o.LABEL)||""}set showLabel(t){this.setAttribute(o.SHOW_LABEL,t.toString())}get showLabel(){return s(this.getAttribute(o.SHOW_LABEL))||!1}set tooltip(t){this.setAttribute(o.TOOLTIP,t)}get tooltip(){return this.disabled?"":String(this.getAttribute(o.TOOLTIP)??"").trim()}set size(t){this.swatch?.classList.remove(...a),a.includes(t)&&(this.swatch?.classList.add(t),this.setAttribute(o.SIZE,t))}get size(){return this.getAttribute(o.SIZE)??""}set clickable(t){this.setAttribute(o.CLICKABLE,t.toString())}get clickable(){return s(this.getAttribute(o.CLICKABLE)||!0)}set color(t){t?(this.container?.classList.remove("no-color"),this.swatch?.style.setProperty("background-color",t.indexOf("hsl")>-1?`${t}`:`var(${t})`),this.setAttribute(o.COLOR,t)):(this.container?.classList.add("no-color"),this.swatch?.style.setProperty("background-color",""),this.removeAttribute(o.COLOR))}get color(){return this.getAttribute(o.COLOR)||""}showTooltip(){this.disabled||!this.popup||!this.tooltip||(this.popup.target=this,this.popup.innerText=String(this.tooltip).toLowerCase(),this.popup.popup&&(this.popup.popup.positionStyle="fixed"),this.popup.innerText=String(this.tooltip).trim(),this.popup.visible=!0)}hideTooltip(){this.popup&&(this.popup.visible=!1)}#o(){this.#t(),this.onEvent("mouseenter.ids-color-tooltip",this,this.showTooltip),this.onEvent("mouseover.ids-color-tooltip",this,this.showTooltip),this.onEvent("mouseout.ids-color-tooltip",this,this.hideTooltip),this.onEvent("mouseleave.ids-color-tooltip",this,this.hideTooltip),this.onEvent("click.ids-color-tooltip",this,this.hideTooltip)}#t(){this.offEvent("mouseenter.ids-color-tooltip",this),this.offEvent("mouseover.ids-color-tooltip",this),this.offEvent("mouseout.ids-color-tooltip",this),this.offEvent("mouseleave.ids-color-tooltip",this)}};i=r([l("ids-color"),n(p)],i);export{i as a};
+    `}set disabled(t){e(t)?this.setAttribute(o.DISABLED,""):this.removeAttribute(o.DISABLED)}get disabled(){return this.hasAttribute(o.DISABLED)}set hex(t){this.setAttribute(o.HEX,t?.trim()),this.container?.classList.remove("no-color"),!t||t.toLowerCase()==="transparent"?(t="",this.container?.classList.add("no-color"),this.container?.style.setProperty("background-color","transparent")):this.container?.style.setProperty("background-color",t?.trim())}get hex(){return this.getAttribute(o.HEX)||""}set label(t){this.setAttribute(o.LABEL,t);let s=this.container?.querySelector("ids-text");s&&(s.textContent=t)}get label(){return this.getAttribute(o.LABEL)||""}set showLabel(t){this.setAttribute(o.SHOW_LABEL,t.toString())}get showLabel(){return e(this.getAttribute(o.SHOW_LABEL))||!1}set tooltip(t){this.setAttribute(o.TOOLTIP,t)}get tooltip(){return this.disabled?"":String(this.getAttribute(o.TOOLTIP)??"").trim()}set size(t){this.swatch?.classList.remove(...a),a.includes(t)&&(this.swatch?.classList.add(t),this.setAttribute(o.SIZE,t))}get size(){return this.getAttribute(o.SIZE)??""}set clickable(t){this.setAttribute(o.CLICKABLE,t.toString())}get clickable(){return e(this.getAttribute(o.CLICKABLE)||!0)}set color(t){if(t){this.container?.classList.remove("no-color");let s=["--ids-color-error","--ids-color-warning","--ids-color-caution","--ids-color-success","--ids-color-info"].includes(t);this.swatch?.style.setProperty("background-color",t.indexOf("hsl")>-1?`${t}`:`var(${t}${s?"-default":""})`),this.setAttribute(o.COLOR,t)}else this.container?.classList.add("no-color"),this.swatch?.style.setProperty("background-color",""),this.removeAttribute(o.COLOR)}get color(){return this.getAttribute(o.COLOR)||""}showTooltip(){this.disabled||!this.popup||!this.tooltip||(this.popup.target=this,this.popup.innerText=String(this.tooltip).toLowerCase(),this.popup.popup&&(this.popup.popup.positionStyle="fixed"),this.popup.innerText=String(this.tooltip).trim(),this.popup.visible=!0)}hideTooltip(){this.popup&&(this.popup.visible=!1)}#o(){this.#t(),this.onEvent("mouseenter.ids-color-tooltip",this,this.showTooltip),this.onEvent("mouseover.ids-color-tooltip",this,this.showTooltip),this.onEvent("mouseout.ids-color-tooltip",this,this.hideTooltip),this.onEvent("mouseleave.ids-color-tooltip",this,this.hideTooltip),this.onEvent("click.ids-color-tooltip",this,this.hideTooltip)}#t(){this.offEvent("mouseenter.ids-color-tooltip",this),this.offEvent("mouseover.ids-color-tooltip",this),this.offEvent("mouseout.ids-color-tooltip",this),this.offEvent("mouseleave.ids-color-tooltip",this)}};i=r([l("ids-color"),n(p)],i);export{i as a};