ids-enterprise-wc 1.0.0-beta.12 → 1.0.0-beta.14

package/chunks/{ids-chunk-ASL6EZGQ.js → ids-chunk-CBYG3RUV.js}

@@ -1,4 +1,4 @@
-import{f as $}from"./ids-chunk-LCUXCSNZ.js";import{e as f}from"./ids-chunk-VGRUIA4C.js";var g=class{#s(i,s){if(!s)return"";let n;return s.indexOf(".")>-1?n=s.split(".").reduce((e,t)=>e?e[t]:"",i):n=i[s],n==null?"":typeof n!="string"?n:$(n||"")}#r(i,s,n,e){let t=d=>typeof d<"u"&&d!==null&&(typeof d=="boolean"&&d===!0||typeof d=="string"&&d.toLowerCase()==="true"),r=n.disabled;return typeof r=="function"?r(i,s,n,e):t(r)}#i(i,s,n,e){return e?.idstempcanrowdisabled||this.#r(i,s,n,e)}#e(i,s,n,e){let t=n.color;return typeof t=="function"?t(i,s,n,e):t}#n(i,s,n,e){let t=n.readonly;return typeof t=="function"?t(i,s,n,e):t}#t(i,s,n,e){let t=n.size;return typeof t=="function"?t(i,s,n,e):t}text(i,s){return`<span class="text-ellipsis">${this.#s(i,s.field)}</span>`}password(i,s){return`<span class="text-ellipsis">${this.#s(i,s.field).toString().replace(/./g,"\u2022")}</span>`}rowNumber(i,s,n){return`<span class="text-ellipsis">${n+1}</span>`}date(i,s,n,e){let t=this.#s(i,s.field);t=e.localeAPI?.formatDate(t,s.formatOptions)??t.toString();let r=s.editor?.type==="datepicker"?'<ids-icon icon="schedule" class="editor-cell-icon"></ids-icon>':"";return`<span class="text-ellipsis">${t}</span>${r}`}time(i,s,n,e){let t=this.#s(i,s.field);t=e.localeAPI?.formatDate(t,s.formatOptions||{timeStyle:"short"})??t.toString();let r=s.editor?.type==="timepicker"?'<ids-icon icon="clock" class="editor-cell-icon"></ids-icon>':"";return`<span class="text-ellipsis">${t}</span>${r}`}decimal(i,s,n,e){let t=this.#s(i,s.field);return t=e.localeAPI?.formatNumber(t,s.formatOptions||{minimumFractionDigits:2,maximumFractionDigits:2})??t.toString(),`<span class="text-ellipsis">${t==="NaN"?"":t}</span>`}integer(i,s,n,e){let t=this.#s(i,s.field),r=s.formatOptions||{};return r.style="integer",t=e.localeAPI?.formatNumber(t,r)??t.toString(),`<span class="text-ellipsis">${t==="NaN"?"":t}</span>`}hyperlink(i,s,n){let e=s.text||this.#s(i,s.field).toString();if(!e)return"";let t=s.href||"#",d=this.#i(n,e,s,i)?' disabled="true"':"";if(s.href&&typeof s.href=="function"){if(t=s.href(i,s),t==null)return s.text||e}else t=t.replace("{{value}}",e);return`<ids-hyperlink href="${t}" tabindex="-1"${d}>${e}</ids-hyperlink>`}selectionCheckbox(i,s,n){let e=this.#i(n,"",s,i);return`<span class="ids-data-grid-checkbox-container is-selection-checkbox"><span role="checkbox" aria-checked="${i?.rowSelected?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-checkbox${i?.rowSelected?" checked":""}${e?" disabled":""}"></span></span>`}checkbox(i,s,n){let e=this.#i(n,"",s,i),t=this.#s(i,s.field),r=f(t);return r=t==="No"?!1:t,r=t==="Yes"?!1:t,`<span class="ids-data-grid-checkbox-container"><span role="checkbox" aria-checked="${r?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-checkbox${r?" checked":""}${e?" disabled":""}"></span></span>`}selectionRadio(i,s,n){let t=this.#i(n,"",s,i)?" disabled":"";return`<span class="ids-data-grid-radio-container"><span role="radio" aria-checked="${i?.rowSelected?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-radio${i?.rowSelected?" checked":""}${t}"></span></span>`}button(i,s,n){let e=this.#s(i,s.field);return`<ids-button tabindex="-1"${this.#i(n,e,s,i)?" disabled":""}${s.type?` type="${s.type}"`:' appearance="tertiary"'}>
+import{f as $}from"./ids-chunk-LCUXCSNZ.js";import{e as f}from"./ids-chunk-TJKIW3GF.js";var g=class{#s(i,s){if(!s)return"";let n;return s.indexOf(".")>-1?n=s.split(".").reduce((e,t)=>e?e[t]:"",i):n=i[s],n==null?"":typeof n!="string"?n:$(n||"")}#r(i,s,n,e){let t=d=>typeof d<"u"&&d!==null&&(typeof d=="boolean"&&d===!0||typeof d=="string"&&d.toLowerCase()==="true"),r=n.disabled;return typeof r=="function"?r(i,s,n,e):t(r)}#i(i,s,n,e){return e?.idstempcanrowdisabled||this.#r(i,s,n,e)}#e(i,s,n,e){let t=n.color;return typeof t=="function"?t(i,s,n,e):t}#n(i,s,n,e){let t=n.readonly;return typeof t=="function"?t(i,s,n,e):t}#t(i,s,n,e){let t=n.size;return typeof t=="function"?t(i,s,n,e):t}text(i,s){return`<span class="text-ellipsis">${this.#s(i,s.field)}</span>`}password(i,s){return`<span class="text-ellipsis">${this.#s(i,s.field).toString().replace(/./g,"\u2022")}</span>`}rowNumber(i,s,n){return`<span class="text-ellipsis">${n+1}</span>`}date(i,s,n,e){let t=this.#s(i,s.field);t=e.localeAPI?.formatDate(t,s.formatOptions)??t.toString();let r=s.editor?.type==="datepicker"?'<ids-icon icon="schedule" class="editor-cell-icon"></ids-icon>':"";return`<span class="text-ellipsis">${t}</span>${r}`}time(i,s,n,e){let t=this.#s(i,s.field);t=e.localeAPI?.formatDate(t,s.formatOptions||{timeStyle:"short"})??t.toString();let r=s.editor?.type==="timepicker"?'<ids-icon icon="clock" class="editor-cell-icon"></ids-icon>':"";return`<span class="text-ellipsis">${t}</span>${r}`}decimal(i,s,n,e){let t=this.#s(i,s.field);return t=e.localeAPI?.formatNumber(t,s.formatOptions||{minimumFractionDigits:2,maximumFractionDigits:2})??t.toString(),`<span class="text-ellipsis">${t==="NaN"?"":t}</span>`}integer(i,s,n,e){let t=this.#s(i,s.field),r=s.formatOptions||{};return r.style="integer",t=e.localeAPI?.formatNumber(t,r)??t.toString(),`<span class="text-ellipsis">${t==="NaN"?"":t}</span>`}hyperlink(i,s,n){let e=s.text||this.#s(i,s.field).toString();if(!e)return"";let t=s.href||"#",d=this.#i(n,e,s,i)?' disabled="true"':"";if(s.href&&typeof s.href=="function"){if(t=s.href(i,s),t==null)return s.text||e}else t=t.replace("{{value}}",e);return`<ids-hyperlink href="${t}" tabindex="-1"${d}>${e}</ids-hyperlink>`}selectionCheckbox(i,s,n){let e=this.#i(n,"",s,i);return`<span class="ids-data-grid-checkbox-container is-selection-checkbox"><span role="checkbox" aria-checked="${i?.rowSelected?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-checkbox${i?.rowSelected?" checked":""}${e?" disabled":""}"></span></span>`}checkbox(i,s,n){let e=this.#i(n,"",s,i),t=this.#s(i,s.field),r=f(t);return r=t==="No"?!1:t,r=t==="Yes"?!1:t,`<span class="ids-data-grid-checkbox-container"><span role="checkbox" aria-checked="${r?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-checkbox${r?" checked":""}${e?" disabled":""}"></span></span>`}selectionRadio(i,s,n){let t=this.#i(n,"",s,i)?" disabled":"";return`<span class="ids-data-grid-radio-container"><span role="radio" aria-checked="${i?.rowSelected?"true":"false"}" aria-label="${s.name}" class="ids-data-grid-radio${i?.rowSelected?" checked":""}${t}"></span></span>`}button(i,s,n){let e=this.#s(i,s.field);return`<ids-button tabindex="-1"${this.#i(n,e,s,i)?" disabled":""}${s.type?` type="${s.type}"`:' appearance="tertiary"'}>
       <span class="audible">${s.text||" Button"}</span>
       ${s.icon?`<ids-icon icon="${s.icon}"></ids-icon>`:""}
       <span class="audible">${s.text||" Button"}</span>

package/chunks/{ids-chunk-OWCI3V54.js → ids-chunk-CLYFE2CL.js}

@@ -1,4 +1,4 @@
-import{d as D,f as x}from"./ids-chunk-PITNTT2F.js";import{a as L}from"./ids-chunk-X5HHVE4J.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-GTV4PSEA.js";import{e as b}from"./ids-chunk-VGRUIA4C.js";import{a as s,b as o}from"./ids-chunk-2NN3ZJ6Q.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-AZSONAF7.js";import{c as g}from"./ids-chunk-LCUXCSNZ.js";import{a as E}from"./ids-chunk-B6P5AQ2Z.js";import{a as S,b as T}from"./ids-chunk-XE4WFW5M.js";import{a as k}from"./ids-chunk-7JIYCFAW.js";import{e as b}from"./ids-chunk-TJKIW3GF.js";import{a as s,b as n}from"./ids-chunk-HABPILOR.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-AGYAUIKW.js → ids-chunk-CSMD57BJ.js}

@@ -1 +1 @@
-import{a as t}from"./ids-chunk-2NN3ZJ6Q.js";var r=[t.DAY,t.FIRST_DAY_OF_WEEK,t.FORMAT,t.IS_CALENDAR_TOOLBAR,t.IS_DROPDOWN,t.MINUTE_INTERVAL,t.MONTH,t.RANGE_SETTINGS,t.SECOND_INTERVAL,t.SHOW_CANCEL,t.SHOW_CLEAR,t.SHOW_PICKLIST_MONTH,t.SHOW_PICKLIST_WEEK,t.SHOW_PICKLIST_YEAR,t.SHOW_TODAY,t.USE_CURRENT_TIME,t.USE_RANGE,t.VALUE,t.YEAR],A=0,O=11,n=["Jan","Feb","Mar","Apr","May","June","July","Aug","Sep","Oct","Nov","Dec"],N=6,I=_=>{let e=new Date(_),o=e.getMonth(),E=e.getFullYear(),S=e.getDate();return{month:o,day:S,year:E}};export{r as a,A as b,O as c,n as d,N as e,I as f};
+import{a as t}from"./ids-chunk-HABPILOR.js";var r=[t.DAY,t.FIRST_DAY_OF_WEEK,t.FORMAT,t.IS_CALENDAR_TOOLBAR,t.IS_DROPDOWN,t.MINUTE_INTERVAL,t.MONTH,t.RANGE_SETTINGS,t.SECOND_INTERVAL,t.SHOW_CANCEL,t.SHOW_CLEAR,t.SHOW_PICKLIST_MONTH,t.SHOW_PICKLIST_WEEK,t.SHOW_PICKLIST_YEAR,t.SHOW_TODAY,t.USE_CURRENT_TIME,t.USE_RANGE,t.VALUE,t.YEAR],A=0,O=11,n=["Jan","Feb","Mar","Apr","May","June","July","Aug","Sep","Oct","Nov","Dec"],N=6,I=_=>{let e=new Date(_),o=e.getMonth(),E=e.getFullYear(),S=e.getDate();return{month:o,day:S,year:E}};export{r as a,A as b,O as c,n as d,N as e,I as f};

package/chunks/{ids-chunk-TLYMQSUY.js → ids-chunk-CSRRX6G6.js}

@@ -1,24 +1,24 @@
-import{a as h}from"./ids-chunk-XNDWLGBC.js";import{a as m}from"./ids-chunk-T6ZV4PDM.js";import{a as c}from"./ids-chunk-YS37TBDI.js";import{a as l,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-2NN3ZJ6Q.js";import{a}from"./ids-chunk-U7OOVFXE.js";var u=`
+import{a as u}from"./ids-chunk-BL4JBYKT.js";import{a as m}from"./ids-chunk-T6ZV4PDM.js";import{a as c}from"./ids-chunk-B6P5AQ2Z.js";import{a as l,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-HABPILOR.js";import{a}from"./ids-chunk-U7OOVFXE.js";var h=`
 /* Ids Masthead Component */
 .ids-masthead {
-  background-color: var(--ids-masthead-background-color);
-  color: var(--ids-masthead-text-color);
+  background-color: var(--ids-masthead-color-background);
+  color: var(--ids-masthead-color-text);
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   padding-inline: var(--ids-masthead-padding-inline);
-  min-height: var(--ids-masthead-min-height);
-  transition: background-color var(--ids-transition-length) var(--ids-transition-ease), color var(--ids-transition-length) var(--ids-transition-ease);
+  min-height: var(--ids-masthead-height-min);
+  transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-masthead #logo.icon-logo {
-  padding-inline: var(--ids-masthead-logo-icon-padding-inline);
+  padding-inline: var(--ids-masthead-logo-padding-icon-inline);
   position: relative;
-  top: var(--ids-masthead-logo-icon-top);
+  top: var(--ids-masthead-logo-top-space-icon);
 }
 .ids-masthead #logo.icon-logo::part(button) {
-  margin: var(--ids-spacing-none);
-  padding: var(--ids-spacing-none);
+  margin: var(--ids-space-none);
+  padding: var(--ids-space-none);
   opacity: 1;
 }
 .ids-masthead #title {
@@ -29,7 +29,7 @@ import{a as h}from"./ids-chunk-XNDWLGBC.js";import{a as m}from"./ids-chunk-T6ZV4
 }
 .ids-masthead ::slotted([slot=more]) {
   display: none;
-}`;var g=m(c(h)),r=class extends g{#t=null;#e=null;constructor(){super()}get elements(){return{logo:this.container?.querySelector("#logo-wrapper"),title:this.container?.querySelector("#title"),sections:{start:this.container?.querySelector("ids-toolbar-section#start"),center:this.container?.querySelector("ids-toolbar-section#center"),end:this.container?.querySelector("ids-toolbar-section#end"),more:this.container?.querySelector("ids-toolbar-more-actions#more")}}}get slots(){return this.#t=this.#t||{start:this.querySelector('[slot="start"]'),center:this.querySelector('[slot="center"]'),end:this.querySelector('[slot="end"]'),more:this.querySelector('[slot="more"]')},this.#t}get breakpoints(){return this.#e=this.#e||{mobile:window.matchMedia("(max-width: 425px)"),tablet:window.matchMedia("(min-width: 426px) and (max-width: 768px)"),desktop:window.matchMedia("(min-width: 769px)")},this.#e}get isMobile(){return this.breakpoints.mobile.matches}get isTablet(){return this.breakpoints.tablet.matches}get isDesktop(){return this.breakpoints.desktop.matches}static get attributes(){return[...super.attributes,n.ICON,n.TITLE]}set icon(t){this.setAttribute(n.ICON,t),this.elements.logo&&(this.elements.logo.innerHTML=this.logo())}get icon(){return this.getAttribute(n.ICON)||""}template(){return`
+}`;var g=m(c(u)),r=class extends g{#t=null;#e=null;constructor(){super()}get elements(){return{logo:this.container?.querySelector("#logo-wrapper"),title:this.container?.querySelector("#title"),sections:{start:this.container?.querySelector("ids-toolbar-section#start"),center:this.container?.querySelector("ids-toolbar-section#center"),end:this.container?.querySelector("ids-toolbar-section#end"),more:this.container?.querySelector("ids-toolbar-more-actions#more")}}}get slots(){return this.#t=this.#t||{start:this.querySelector('[slot="start"]'),center:this.querySelector('[slot="center"]'),end:this.querySelector('[slot="end"]'),more:this.querySelector('[slot="more"]')},this.#t}get breakpoints(){return this.#e=this.#e||{mobile:window.matchMedia("(max-width: 425px)"),tablet:window.matchMedia("(min-width: 426px) and (max-width: 768px)"),desktop:window.matchMedia("(min-width: 769px)")},this.#e}get isMobile(){return this.breakpoints.mobile.matches}get isTablet(){return this.breakpoints.tablet.matches}get isDesktop(){return this.breakpoints.desktop.matches}static get attributes(){return[...super.attributes,n.ICON,n.TITLE]}set icon(t){this.setAttribute(n.ICON,t),this.elements.logo&&(this.elements.logo.innerHTML=this.logo())}get icon(){return this.getAttribute(n.ICON)||""}template(){return`
       <ids-toolbar class="ids-masthead" tabbable="true">
         <ids-toolbar-section id="start" align="start" type="fluid">
           <span id="logo-wrapper">${this.logo()}</span>
@@ -54,4 +54,4 @@ import{a as h}from"./ids-chunk-XNDWLGBC.js";import{a as m}from"./ids-chunk-T6ZV4
           ${t==="logo"?i:e}
           <ids-text audible="true">Masthead logo</ids-text>
         </ids-button>
-      `}return t}connectedCallback(){super.connectedCallback(),this.#s(),this.renderBreakpoint()}renderBreakpoint(){let{start:t,center:i,end:e}=this.slots,{more:s}=this.elements.sections;s?.menu?.popup&&(s.menu.popup.type="menu-alt"),this.isDesktop?(t?.setAttribute("slot","start"),i?.setAttribute("slot","center"),e?.setAttribute("slot","end"),s?.classList.add("hidden")):this.isTablet?(t?.setAttribute("slot","start"),i?.setAttribute("slot","more"),e?.setAttribute("slot","more"),s?.classList.remove("hidden")):this.isMobile&&(t?.setAttribute("slot","more"),i?.setAttribute("slot","more"),e?.setAttribute("slot","more"),s?.classList.remove("hidden")),this.#o()}onTitleChange(t){this.elements.title&&(this.elements.title.innerHTML=t??"")}#s(){this.breakpoints.mobile.addEventListener("change",()=>this.renderBreakpoint()),this.breakpoints.tablet.addEventListener("change",()=>this.renderBreakpoint()),this.breakpoints.desktop.addEventListener("change",()=>this.renderBreakpoint())}#o(){let{sections:t}=this.elements;[t.more?.button,...this.querySelectorAll("ids-button, ids-menu-button")].forEach(e=>{if(e){e.colorVariant="alternate",e.iconAlign="start",e.square=!0,e.type="default";let s=e.closest("[slot]"),o=e.querySelector("span, ids-text"),p=o?.classList.contains("audible"),b=o?.classList.contains("audible-off");p&&s?.slot==="more"&&(o?.classList.remove("audible"),o?.classList.add("audible-off"),o?.style.setProperty("padding","0 4px")),b&&s?.slot!=="more"&&(o?.classList.remove("audible-off"),o?.classList.add("audible"),o?.style.setProperty("padding",""))}})}};r=a([l("ids-masthead"),d(u)],r);export{r as a};
+      `}return t}connectedCallback(){super.connectedCallback(),this.#o(),this.renderBreakpoint()}renderBreakpoint(){let{start:t,center:i,end:e}=this.slots,{more:o}=this.elements.sections;o?.menu?.popup&&(o.menu.popup.type="menu-alt"),this.isDesktop?(t?.setAttribute("slot","start"),i?.setAttribute("slot","center"),e?.setAttribute("slot","end"),o?.classList.add("hidden")):this.isTablet?(t?.setAttribute("slot","start"),i?.setAttribute("slot","more"),e?.setAttribute("slot","more"),o?.classList.remove("hidden")):this.isMobile&&(t?.setAttribute("slot","more"),i?.setAttribute("slot","more"),e?.setAttribute("slot","more"),o?.classList.remove("hidden")),this.#s()}onTitleChange(t){this.elements.title&&(this.elements.title.innerHTML=t??"")}#o(){this.breakpoints.mobile.addEventListener("change",()=>this.renderBreakpoint()),this.breakpoints.tablet.addEventListener("change",()=>this.renderBreakpoint()),this.breakpoints.desktop.addEventListener("change",()=>this.renderBreakpoint())}#s(){let{sections:t}=this.elements;[t.more?.button,...this.querySelectorAll("ids-button, ids-menu-button")].forEach(e=>{if(e){e.colorVariant="alternate",e.iconAlign="start",e.square=!0,e.type="default";let o=e.closest("[slot]"),s=e.querySelector("span, ids-text"),p=s?.classList.contains("audible"),b=s?.classList.contains("audible-off");p&&o?.slot==="more"&&(s?.classList.remove("audible"),s?.classList.add("audible-off"),s?.style.setProperty("padding","0 4px")),b&&o?.slot!=="more"&&(s?.classList.remove("audible-off"),s?.classList.add("audible"),s?.style.setProperty("padding",""))}})}};r=a([l("ids-masthead"),d(h)],r);export{r as a};