ids-enterprise-wc 1.4.2 → 1.5.1

package/chunks/ids-chunk-QT6M2TZ7.js

@@ -1,297 +0,0 @@
-import{a as Bt}from"./ids-chunk-6XQQHFMN.js";import{a as _t}from"./ids-chunk-3DA43NO3.js";import{c as z}from"./ids-chunk-ZUHWNQKP.js";import{a as wt,b as Mt}from"./ids-chunk-XE4WFW5M.js";import{a as Ct}from"./ids-chunk-KBS65QZP.js";import{e as Ot,g as Pt}from"./ids-chunk-ROUTR3H3.js";import{e as F}from"./ids-chunk-5Q3WPKMB.js";import{a as r,b as h}from"./ids-chunk-H4WFYJQQ.js";import{a as Rt,b as d,c,d as o,e as y,g as i}from"./ids-chunk-Y32WUP63.js";var Vt=`:host {
-  position: relative;
-  width: 100%;
-}
-
-.ids-slider {
-  display: flex;
-  justify-content: center;
-}
-.ids-slider .tick {
-  background-color: var(--ids-slider-tick-color-background-default);
-}
-.ids-slider .thumb-shadow {
-  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-color-background-default);
-}
-.ids-slider .thumb:hover {
-  box-shadow: var(--ids-slider-thumb-shadow-hover);
-}
-.ids-slider .track {
-  background-color: var(--ids-slider-track-color-background-default);
-}
-.ids-slider .track-progress {
-  background-color: var(--ids-slider-track-color-background-progress);
-}
-.ids-slider:not(.vertical) {
-  width: 100%;
-}
-.ids-slider:not(.vertical) .thumb {
-  cursor: ew-resize;
-}
-.ids-slider.vertical {
-  height: 300px;
-}
-.ids-slider.vertical .thumb {
-  cursor: ns-resize;
-}
-.ids-slider.animated .thumb-draggable {
-  transition: transform var(--ids-motion-duration) var(--ids-motion-ease);
-}
-.ids-slider.animated:not(.vertical) .track-progress {
-  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-motion-duration) var(--ids-motion-ease), height var(--ids-motion-duration) var(--ids-motion-ease);
-}
-.ids-slider.disabled {
-  color: var(--ids-slider-color-disabled);
-}
-.ids-slider.disabled .label {
-  cursor: default;
-}
-.ids-slider.disabled .tick {
-  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-thumb-color-background-disabled);
-  cursor: default;
-}
-.ids-slider.disabled .thumb:hover {
-  box-shadow: none;
-}
-.ids-slider.disabled .track-area {
-  cursor: default;
-}
-.ids-slider.disabled .track {
-  background-color: var(--ids-slider-track-color-background-disabled);
-}
-.ids-slider.disabled .track-progress {
-  background-color: var(--ids-slider-track-color-background-progress-disabled);
-}
-.ids-slider.readonly {
-  color: var(--ids-slider-color-readonly);
-}
-.ids-slider.readonly .label {
-  cursor: default;
-}
-.ids-slider.readonly .tick {
-  background-color: var(--ids-slider-tick-color-background-readonly);
-}
-.ids-slider.readonly .thumb {
-  background-color: var(--ids-slider-thumb-color-background-readonly);
-  cursor: pointer;
-}
-.ids-slider.readonly .thumb-shadow {
-  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-track-color-background-readonly);
-}
-.ids-slider.readonly .track-progress {
-  background-color: var(--ids-slider-track-progress-color-background-readonly);
-}
-.ids-slider.readonly .track-area {
-  cursor: default;
-}
-
-.slider {
-  display: inline-flex;
-  position: relative;
-  width: 92%;
-  margin: 25px 4% 50px;
-  justify-content: center;
-  align-items: center;
-}
-.slider.vertical {
-  height: 92%;
-}
-.slider .tick-container {
-  display: flex;
-  position: absolute;
-  width: 100%;
-  justify-content: space-between;
-}
-.slider .tick-container.vertical {
-  height: 100%;
-  flex-direction: column;
-  align-items: center;
-}
-.slider .tick {
-  display: flex;
-  width: var(--ids-slider-tick-size);
-  height: var(--ids-slider-tick-size);
-  border-radius: var(--ids-border-radius-circle);
-  z-index: 40;
-  justify-content: center;
-}
-.slider .label {
-  cursor: pointer;
-  position: absolute;
-  transform: translate(0, 100%);
-}
-.slider .label::part(text) {
-  white-space: nowrap;
-}
-.slider .label.vertical {
-  transform: translate(-50px, -25%);
-  min-width: 50px;
-  text-align: right;
-}
-.slider .tooltip {
-  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-space-xxxxs);
-  height: auto;
-  text-align: center;
-  margin: auto;
-  border-radius: var(--ids-border-radius-xxs);
-  vertical-align: middle;
-  line-height: 30px;
-  max-width: 300px;
-  min-width: 40px;
-  transition: opacity 0.2s ease;
-  opacity: 0;
-  bottom: 175%;
-  left: -12px;
-  user-select: none;
-}
-.slider .tooltip.vertical {
-  bottom: unset;
-  left: 200%;
-  transform: translate(0, -25%);
-}
-.slider .tooltip .pin {
-  position: absolute;
-  width: 0;
-  height: 0;
-  bottom: -6px;
-  margin-top: 1px;
-  left: 14px;
-  border-left: 6px solid transparent;
-  border-top: 6px solid var(--ids-slider-tooltip-color-background);
-  border-right: 6px solid transparent;
-}
-.slider .tooltip .pin.vertical {
-  left: unset;
-  bottom: unset;
-  margin-top: unset;
-  border-top: 6px solid transparent;
-  border-right: 6px solid var(--ids-slider-tooltip-color-background);
-  border-bottom: 6px solid transparent;
-  right: 100%;
-  transform: translate(0, 10px);
-}
-.slider .thumb-draggable {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  outline: none;
-  position: absolute;
-}
-.slider .thumb {
-  width: var(--ids-slider-thumb-size);
-  height: var(--ids-slider-thumb-size);
-  border-radius: 50%;
-  z-index: 50;
-}
-.slider .thumb-shadow {
-  position: absolute;
-  border-radius: 50%;
-  width: 30px;
-  height: 30px;
-  border-width: var(--ids-space-xxxxs);
-  border-style: solid;
-  transition: transform var(--ids-motion-duration) var(--ids-motion-ease);
-  transform: scale(0);
-}
-.slider .thumb-shadow.active {
-  transform: scale(1);
-}
-.slider .track-area {
-  width: 100%;
-  height: var(--ids-space-md);
-  background-color: transparent;
-  align-items: center;
-  justify-content: center;
-  display: flex;
-  position: absolute;
-  z-index: 50;
-  cursor: pointer;
-}
-.slider .track-area.vertical {
-  height: 100%;
-  width: var(--ids-space-md);
-}
-.slider .track {
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  height: var(--ids-space-xxs);
-  width: calc(100% - var(--ids-slider-thumb-size) / 2);
-  position: absolute;
-  z-index: 30;
-  border-radius: var(--ids-border-radius-xxs);
-}
-.slider .track.vertical {
-  justify-content: center;
-  width: var(--ids-space-xxs);
-  height: calc(100% - var(--ids-slider-thumb-size) / 2);
-}
-.slider .track .track-progress {
-  height: inherit;
-  position: absolute;
-  /* stylelint-disable-next-line custom-property-pattern */
-  width: calc((var(--percentEnd) - var(--percentStart)) * 1%);
-}
-.slider .track .track-progress.vertical {
-  /* stylelint-disable-next-line custom-property-pattern */
-  height: calc((var(--percentEnd) - var(--percentStart)) * 1%);
-  width: 100%;
-  bottom: 0%;
-}`;var $t=["single","range","step"],ft=0,St=100,Tt=$t[0],Ht={BOTTOM:NaN,LEFT:NaN,RIGHT:NaN,TOP:NaN},Jt=Bt(_t(Ct)),D,x,N,Z,w,M,E,k,J,Lt,O,j,I,C,Q,Et,ht,Ut,tt,kt,et,Dt,P,W,ct,Yt,B,G,p,f,S,L,H,rt,$,at,A,T,_,K,it,xt,dt,qt,ut,Ft,bt,zt,R,V,gt,Xt,mt,jt,U,ot,yt,Wt,pt,Gt,st,Nt,vt,Kt,At,Zt,Y,nt,q,lt,X=class extends Jt{constructor(){super();o(this,J);o(this,O);o(this,I);o(this,Q);o(this,ht);o(this,tt);o(this,et);o(this,P);o(this,ct);o(this,B);o(this,p);o(this,S);o(this,H);o(this,$);o(this,A);o(this,_);o(this,it);o(this,dt);o(this,ut);o(this,bt);o(this,R);o(this,gt);o(this,mt);o(this,U);o(this,yt);o(this,pt);o(this,st);o(this,vt);o(this,At);o(this,Y);o(this,q);d(this,"DEFAULT_MIN",ft);d(this,"DEFAULT_MAX",St);d(this,"DEFAULT_TYPE",Tt);o(this,D,Ht);o(this,x,"");o(this,N,"");o(this,Z,[]);o(this,w,!1);o(this,M,!1);o(this,E,NaN);o(this,k,NaN);d(this,"slider");d(this,"trackArea");d(this,"progressTrack");d(this,"track");d(this,"tickContainer");d(this,"thumb");d(this,"thumbDraggable");d(this,"thumbShadow");d(this,"tooltip");d(this,"tooltipText");d(this,"tooltipPin");d(this,"firstTick");d(this,"lastTick");d(this,"thumbSecondary");d(this,"thumbDraggableSecondary");d(this,"thumbShadowSecondary");d(this,"thumbSecondaryDraggable");d(this,"tooltipSecondary");d(this,"tooltipTextSecondary");d(this,"tooltipPinSecondary");d(this,"onLanguageChange",()=>{let t=this.localeAPI.isRTL();this.isRTL=t})}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"),y(this,M,!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(),i(this,ut,Ft).call(this),i(this,gt,Xt).call(this),i(this,mt,jt).call(this),i(this,J,Lt).call(this),i(this,tt,kt).call(this),i(this,Q,Et).call(this),setTimeout(()=>{i(this,R,V).call(this,!0)},300)}static get attributes(){return[r.COLOR,r.DISABLED,r.LABEL,r.LABEL_SECONDARY,r.MIN,r.MAX,r.READONLY,r.STEP_NUMBER,r.SHOW_TOOLTIP,r.TYPE,r.VALUE,r.VALUE_SECONDARY,r.VERTICAL]}template(){let t=this.disabled?" disabled":"",e=this.readonly?" readonly":"",s=t.length?"-1":"0";return`
-      <div class="ids-slider${t}${e}">
-        <div class="slider">
-          <div class="track-area">
-            <ids-draggable tabindex="${s}" class="thumb-draggable" axis="${this.vertical?"y":"x"}" parent-containment>
-              <div class="thumb-shadow"></div>
-              <div class="thumb">
-                <div class="tooltip">
-                  <ids-text class="text">${this.value}</ids-text>
-                  <div class="pin"></div>
-                </div>
-              </div>
-            </ids-draggable>
-            <ids-draggable tabindex="${s}" class="thumb-draggable secondary" axis="${this.vertical?"y":"x"}" parent-containment>
-              <div class="thumb-shadow secondary"></div>
-              <div class="thumb secondary">
-                <div class="tooltip secondary">
-                  <ids-text class="text secondary">${this.valueSecondary}</ids-text>
-                  <div class="pin secondary"></div>
-                </div>
-              </div>
-            </ids-draggable>
-          </div>
-          <div class="track">
-          <div class="track-progress"></div>
-            <div class="tick-container">
-              <span class="tick"></span>
-              <span class="tick"></span>
-            </div>
-          </div>
-        </div>
-      </div>
-    `}set disabled(t){F(t)?(this.readonly&&(this.readonly=!1),this.setAttribute(r.DISABLED,""),this.container?.classList.add(r.DISABLED),this.thumbDraggable?.setAttribute(r.DISABLED,"true"),this.thumbDraggable?.setAttribute(r.TABINDEX,"-1"),i(this,p,f).call(this,!0),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(r.DISABLED,"true"),this.thumbDraggableSecondary?.setAttribute(r.TABINDEX,"-1"),i(this,p,f).call(this,!0,"secondary"))):(this.removeAttribute(r.DISABLED),this.container?.classList.remove(r.DISABLED),this.thumbDraggable?.setAttribute(r.DISABLED,"false"),this.thumbDraggable?.setAttribute(r.TABINDEX,"0"),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(r.DISABLED,"false"),this.thumbDraggableSecondary?.setAttribute(r.TABINDEX,"0"))),i(this,B,G).call(this)}get disabled(){return this.hasAttribute(r.DISABLED)}set readonly(t){F(t)?(this.disabled&&(this.disabled=!1),this.setAttribute(r.READONLY,""),this.container?.classList.add(r.READONLY),this.thumbDraggable?.setAttribute(r.DISABLED,"true"),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(r.DISABLED,"true"),i(this,p,f).call(this,!0,"secondary"))):(this.removeAttribute(r.READONLY),this.container?.classList.remove(r.READONLY),this.thumbDraggable?.setAttribute(r.DISABLED,"false"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(r.DISABLED,"false")),i(this,B,G).call(this)}get readonly(){return this.hasAttribute(r.READONLY)}set label(t){let e=z(t),s=c(this,x);e!==s&&(e.length?(y(this,x,e),this.setAttribute(r.LABEL,e)):(y(this,x,""),this.removeAttribute(r.LABEL)),this.thumbDraggable?.setAttribute(h.ARIA_LABEL,`${c(this,x)}`))}get label(){return c(this,x)||z(this.getAttribute(r.LABEL)??"")}set labelSecondary(t){let e=z(t),s=c(this,N);e!==s&&(e.length?(y(this,N,e),this.setAttribute(r.LABEL_SECONDARY,e)):(y(this,N,""),this.removeAttribute(r.LABEL_SECONDARY)),this.thumbDraggableSecondary?.setAttribute(h.ARIA_LABEL,`${c(this,N)}`))}get labelSecondary(){return c(this,N)||z(this.getAttribute(r.LABEL_SECONDARY)??"")}set vertical(t){F(t)?this.setAttribute(r.VERTICAL,"true"):this.removeAttribute(r.VERTICAL),i(this,J,Lt).call(this)}get vertical(){return this.hasAttribute(r.VERTICAL)}set isRTL(t){t!==this.isRTL&&(y(this,w,t),i(this,A,T).call(this),i(this,I,C).call(this),this.type==="range"&&i(this,A,T).call(this,"secondary"))}get isRTL(){return typeof c(this,w)>"u"&&y(this,w,!1),c(this,w)}set labels(t){y(this,Z,t),i(this,Q,Et).call(this)}get labels(){return c(this,Z)||[]}set stepNumber(t){this.type==="step"?parseInt(t)>0&&this.setAttribute(r.STEP_NUMBER,t):this.removeAttribute(r.STEP_NUMBER),i(this,tt,kt).call(this)}get stepNumber(){let t=this.getAttribute(r.STEP_NUMBER);return(t?parseInt(t,10):0)+2}set percentSecondary(t){y(this,k,Number(t)),i(this,I,C).call(this),i(this,O,j).call(this,i(this,_,K).call(this,c(this,k)),"secondary")}get percentSecondary(){return Number.isNaN(c(this,k))||typeof c(this,k)>"u"||c(this,k)===null||c(this,k)===""?(this.valueSecondary-this.min)/(this.max-this.min)*100:c(this,k)}set percent(t){y(this,E,Number(t)),i(this,I,C).call(this),i(this,O,j).call(this,i(this,_,K).call(this,c(this,E)))}get percent(){return Number.isNaN(c(this,E))||typeof c(this,E)>"u"||c(this,E)===null||c(this,E)===""?(this.value-this.min)/(this.max-this.min)*100:c(this,E)}set valueSecondary(t){if(this.readonly||this.disabled)return;let e=i(this,et,Dt).call(this,t,!0);this.setAttribute(r.VALUE_SECONDARY,`${e}`),this.percentSecondary=(e-this.min)/(this.max-this.min)*100,this.thumbDraggableSecondary?.setAttribute(h.ARIA_VALUENOW,`${e}`),this.thumbDraggableSecondary?.setAttribute(h.ARIA_VALUETEXT,`${e}`),this.type==="range"&&this.thumbDraggable?.setAttribute(h.ARIA_VALUEMIN,`${e}`),i(this,O,j).call(this,e,"secondary"),i(this,A,T).call(this,"secondary"),i(this,P,W).call(this,e,"secondary")}get valueSecondary(){let t=this.getAttribute(r.VALUE_SECONDARY);return t===null||t===""||Number.isNaN(t)?this.max:parseFloat(this.getAttribute(r.VALUE_SECONDARY)??"")}set value(t){if(this.readonly||this.disabled)return;let e=i(this,et,Dt).call(this,t);this.setAttribute(r.VALUE,`${e}`),this.percent=(e-this.min)/(this.max-this.min)*100,this.thumbDraggable?.setAttribute(h.ARIA_VALUENOW,`${e}`),this.thumbDraggable?.setAttribute(h.ARIA_VALUETEXT,`${e}`),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(h.ARIA_VALUEMIN,`${e}`),i(this,O,j).call(this,e,"primary"),i(this,A,T).call(this,"primary"),i(this,P,W).call(this,e,"primary")}get value(){let t=this.getAttribute(r.VALUE);return t===null||t===""||Number.isNaN(t)?this.min:parseFloat(this.getAttribute(r.VALUE)??"")}set min(t){let e=parseFloat(t);e>=this.max||e===null||e===""||Number.isNaN(e)?this.setAttribute(r.MIN,String(ft)):this.setAttribute(r.MIN,e)}get min(){return parseFloat(this.getAttribute(r.MIN)??"")||ft}set max(t){let e=parseFloat(t);e<=this.min||e===null||e===""||Number.isNaN(e)?this.setAttribute(r.MAX,String(this.min+St)):this.setAttribute(r.MAX,e)}get max(){let t=parseFloat(this.getAttribute(r.MAX)??"");return t<=this.min||t===null||t===""||Number.isNaN(t)?St:t}set type(t){t&&$t.includes(t)?this.setAttribute(r.TYPE,t):this.setAttribute(r.TYPE,Tt),this.container?.classList[t==="range"?"add":"remove"]("range")}get type(){return this.getAttribute(r.TYPE)||Tt}set showTooltip(t){F(t)?this.setAttribute(r.TOOLTIP,`${t}`):this.removeAttribute(r.TOOLTIP)}get showTooltip(){return this.hasAttribute(r.TOOLTIP)}set color(t){this.setAttribute(r.COLOR,t),i(this,B,G).call(this)}get color(){return this.getAttribute(r.COLOR)||""}};D=new WeakMap,x=new WeakMap,N=new WeakMap,Z=new WeakMap,w=new WeakMap,M=new WeakMap,E=new WeakMap,k=new WeakMap,J=new WeakSet,Lt=function(){this.vertical?(this.thumbDraggable?.setAttribute(h.ARIA_ORIENTATION,"vertical"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(h.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(h.ARIA_ORIENTATION,"horizontal"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(h.ARIA_ORIENTATION,"horizontal"))},O=new WeakSet,j=function(t,e){let s=this.tooltipText,n="primary";e==="secondary"&&(s=this.tooltipTextSecondary,n="secondary"),s&&(s.innerHTML=String(Math.ceil(Number(t)))),this.type!=="step"&&i(this,p,f).call(this,!1,n)},I=new WeakSet,C=function(){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)),c(this,D)){let{TOP:s,BOTTOM:n,LEFT:a,RIGHT:l}=c(this,D),b=this.vertical?n:a,u=this.vertical?s:l,m=i(this,it,xt).call(this,b,u,t,!1);(this.vertical||this.isRTL)&&(m*=-1);let g=this.vertical?`translate(0, ${m}px)`:`translate(${m}px, 0)`;this.progressTrack?.style.setProperty("transform",g)}}},Q=new WeakSet,Et=function(){if(this.type!=="step")return;let t=this.labels,e=t?.length||0,s=this.stepNumber;if(e===s){let n=this.container?.querySelectorAll(".label")||[],a=n.length||0,l=this.container?.querySelectorAll(".tick")||[];if(n&&a!==s){let b=Math.abs(s-a),u=this.disabled?"":" label";for(let v=0;v<b;v++)l&&n&&a<s&&l[l.length-1-v]?.insertAdjacentHTML("afterbegin",`<ids-text${u} class="label"></ids-text>`);n=this.container?.querySelectorAll(".label")||[]}t&&e===a&&n?.forEach((b,u)=>{b.innerHTML=this.vertical?t[e-1-u]:t[u],this.vertical&&b?.classList.add("vertical")})}else this.container?.querySelectorAll(".label")?.forEach(a=>{a.innerHTML=""})},ht=new WeakSet,Ut=function(){let t=[];for(let e=0;e<this.stepNumber;e++)t[e]=Math.round(this.max/(this.stepNumber-1)*e*10)/10;return t},tt=new WeakSet,kt=function(){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 s=0;s<e;s++)t>this.stepNumber?this.container?.querySelector(".tick")?.remove():this.container?.querySelector(".tick:last-child")?.insertAdjacentHTML("afterend",'<span class="tick"></span>')}}this.labels=i(this,ht,Ut).call(this)}},et=new WeakSet,Dt=function(t,e){let s=Math.ceil(parseFloat(t));if(s<=this.min)return this.min;if(s>=this.max)return this.max;if(this.type==="range"){if(!e&&s>=this.valueSecondary)return this.valueSecondary;if(e&&s<=this.value)return this.value}return s},P=new WeakSet,W=function(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}})},ct=new WeakSet,Yt=function(){return!this.readonly&&!this.disabled},B=new WeakSet,G=function(){let t;i(this,ct,Yt).call(this)&&(t=this.color);let e=this.container?.querySelectorAll(".tick")||[];if(t){let s=t;t.substring(0,1)!=="#"&&(s=Pt(t));let n=Ot(s,.1);e?.forEach(a=>{a?.style.setProperty("background-color",s),a?.children[0]?.setAttribute("label","")}),this.thumb?.style.setProperty("background-color",s),this.thumbShadow?.style.setProperty("background-color",n),this.thumbShadow?.style.setProperty("border",`1px ${s} solid`),this.progressTrack?.style.setProperty("background-color",s),this.type==="range"&&this.thumbShadowSecondary&&this.thumbSecondary&&(this.thumbShadowSecondary?.style.setProperty("background-color",n),this.thumbShadowSecondary?.style.setProperty("border",`1px ${s} solid`),this.thumbSecondary?.style.setProperty("background-color",s))}else e?.forEach(s=>{s?.style.removeProperty("background-color"),this.readonly?s.children[0]?.setAttribute("label",""):s.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"))},p=new WeakSet,f=function(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")},S=new WeakSet,L=function(t,e){let s=this.thumbShadow;e==="secondary"&&this.thumbShadowSecondary&&(s=this.thumbShadowSecondary),t?s?.classList.remove("active"):s?.classList.add("active")},H=new WeakSet,rt=function(t,e){i(this,U,ot).call(this);let{TOP:s,BOTTOM:n,LEFT:a,RIGHT:l}=c(this,D),b=this.vertical?e:t,u=this.isRTL?l:a,v=this.isRTL?a:l,m=this.vertical?n:u,g=this.vertical?s:v;return i(this,dt,qt).call(this,b,m,g)},$=new WeakSet,at=function(t,e,s,n){if(this.type!=="step"){let a=s??i(this,_,K).call(this,i(this,H,rt).call(this,t,e)),l=this.vertical?this.thumbDraggable?.getBoundingClientRect().y:this.thumbDraggable?.getBoundingClientRect().x,b=this.thumbDraggable,u="value";if(this.type==="range"){let v=this.vertical?this.thumbDraggableSecondary?.getBoundingClientRect().y:this.thumbDraggableSecondary?.getBoundingClientRect().x,m=this.vertical?e:t;Math.abs(m-(l??NaN))>Math.abs(m-(v??NaN))&&(b=this.thumbDraggableSecondary,u="valueSecondary",n="secondary"),n==="primary"&&a>this.valueSecondary?a=this.valueSecondary-1:n==="secondary"&&a<this.value&&(a=this.value+1)}a!==this[u]?this[u]=a:(i(this,A,T).call(this,n),i(this,P,W).call(this,a,n)),b?.focus()}else{let a=[];for(let g=0;g<this.stepNumber;g++)a[g]=this.max/(this.stepNumber-1)*g;let l=s||i(this,H,rt).call(this,t,e),b=a.map(g=>Math.abs(g-l/100*this.max)),u=b[0],v=0;for(let g=0;g<b.length;g++)b[g]<u&&(u=b[g],v=g);let m=a[v];this.percent=m,m!==this.value?this.value=m:(i(this,A,T).call(this,"primary"),i(this,P,W).call(this,m,"primary")),this.thumbDraggable?.focus()}},A=new WeakSet,T=function(t){i(this,U,ot).call(this);let e=this.thumbDraggable,s=this.percent;t==="secondary"&&this.type==="range"&&(e=this.thumbDraggableSecondary,s=this.percentSecondary);let{TOP:n,BOTTOM:a,LEFT:l,RIGHT:b}=c(this,D),u=this.vertical?a:l,v=this.vertical?n:b,g=i(this,it,xt).call(this,u,v,s,!0);(this.vertical||this.isRTL)&&(g*=-1);let It=this.vertical?`translate(0, ${g}px)`:`translate(${g}px, 0)`;e?.style.setProperty("transform",It)},_=new WeakSet,K=function(t){return t/100*(this.max-this.min)+this.min},it=new WeakSet,xt=function(t,e,s,n){let a=Math.abs(e-t)-(this.thumbDraggable?.clientWidth??NaN),l=Math.ceil(s)/100*a;return l=n?l-a/2:l,l},dt=new WeakSet,qt=function(t,e,s){let n=this.thumbDraggable?.clientWidth??NaN,a=0,l=Math.abs(e-s)-n/2,b=Math.abs(t-s),u=Math.abs(t-e);return b>l?a=0:u>l?a=100:a=(u-n/2)/(l-n/2)*100,a},ut=new WeakSet,Ft=function(){i(this,yt,Wt).call(this),i(this,st,Nt).call(this),this.type==="range"&&i(this,st,Nt).call(this,"secondary"),i(this,At,Zt).call(this),i(this,vt,Kt).call(this),i(this,pt,Gt).call(this)},bt=new WeakSet,zt=function(){if(!this.trackArea)return Ht;let t=this.trackArea.getBoundingClientRect(),e=t.left+window.scrollX,s=t.top+window.scrollY,n=e+this.trackArea.clientWidth,a=s+this.trackArea.clientHeight;return{LEFT:e,RIGHT:n,TOP:s,BOTTOM:a}},R=new WeakSet,V=function(t){this.container?.classList[t?"add":"remove"]("animated")},gt=new WeakSet,Xt=function(){if(i(this,I,C).call(this),i(this,A,T).call(this),this.type==="range"&&i(this,A,T).call(this,"secondary"),i(this,B,G).call(this),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>`}},mt=new WeakSet,jt=function(){this.setAttribute(h.ROLE,"none"),this.thumbDraggable?.setAttribute(h.ROLE,"slider"),this.thumbDraggable?.setAttribute(h.ARIA_ORIENTATION,this.vertical?"vertical":"horizontal"),this.thumbDraggable?.setAttribute(h.ARIA_VALUEMIN,`${this.min}`),this.thumbDraggable?.setAttribute(h.ARIA_VALUEMAX,`${this.max}`),this.thumbDraggable?.setAttribute(h.ARIA_VALUENOW,`${this.value}`),this.thumbDraggable?.setAttribute(h.ARIA_VALUETEXT,`${this.value}`),this.thumbDraggable?.setAttribute(h.ARIA_LABEL,`${this.label}`),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(h.ROLE,"slider"),this.thumbDraggableSecondary?.setAttribute(h.ARIA_ORIENTATION,this.vertical?"vertical":"horizontal"),this.thumbDraggableSecondary?.setAttribute(h.ARIA_VALUEMIN,`${this.min}`),this.thumbDraggableSecondary?.setAttribute(h.ARIA_VALUEMAX,`${this.max}`),this.thumbDraggableSecondary?.setAttribute(h.ARIA_VALUENOW,`${this.valueSecondary}`),this.thumbDraggableSecondary?.setAttribute(h.ARIA_VALUETEXT,`${this.valueSecondary}`),this.thumbDraggableSecondary?.setAttribute(h.ARIA_LABEL,`${this.labelSecondary}`))},U=new WeakSet,ot=function(){y(this,D,i(this,bt,zt).call(this))},yt=new WeakSet,Wt=function(){let t=new ResizeObserver(e=>{for(let s of e)s.contentBoxSize&&(i(this,U,ot).call(this),i(this,I,C).call(this),i(this,A,T).call(this),this.type==="range"&&i(this,A,T).call(this,"secondary"))});this.trackArea&&t.observe(this.trackArea)},pt=new WeakSet,Gt=function(){this.onEvent("click",this.container,t=>{if(this.disabled||this.readonly)return;let e=t.target.className,s=e.includes("ids-slider"),n=e.includes("label"),a=e.includes("track-area");if(s||n||a)if(a||s)i(this,$,at).call(this,t.clientX,t.clientY);else{let l=parseFloat(t.target.innerHTML);i(this,$,at).call(this,t.clientX,t.clientY,l)}}),this.onEvent("click",document,t=>{t.target!==this&&!this.disabled&&(i(this,p,f).call(this,!0),this.type==="range"&&i(this,p,f).call(this,!0,"secondary"))})},st=new WeakSet,Nt=function(t){let e=this.type==="range"&&t==="secondary",s={thumbDraggable:e?this.thumbDraggableSecondary:this.thumbDraggable,thumbDraggableOther:e?this.thumbDraggable:this.thumbDraggableSecondary,primaryOrSecondary:e?"secondary":"primary",valueAttribute:e?"valueSecondary":"value",percentAttribute:e?"percentSecondary":"percent"},n=()=>{s.thumbDraggableOther&&(s.thumbDraggableOther?.style.setProperty("z-index","50"),s.thumbDraggable?.style.setProperty("z-index","51"))};this.onEvent("drag",s.thumbDraggable,a=>{this.type!=="step"&&i(this,p,f).call(this,!1);let[l,b]=[a.detail.mouseX,a.detail.mouseY],u=i(this,H,rt).call(this,l,b);this.type==="range"&&n(),this[s.percentAttribute]=u,this.triggerEvent("ids-slider-drag",this,{bubbles:!0,detail:{elem:s.thumbDraggable,mouseX:a.detail.mouseX,mouseY:a.detail.mouseY,percent:u,value:i(this,_,K).call(this,u)}})}),this.onEvent("dragstart",s.thumbDraggable,()=>{i(this,R,V).call(this,!1),i(this,S,L).call(this,!0,s.primaryOrSecondary),i(this,S,L).call(this,!0,s.primaryOrSecondary==="secondary"?"primary":"secondary")}),this.onEvent("dragend",s.thumbDraggable,a=>{i(this,R,V).call(this,!0),s.thumbDraggable?.focus();let l=s.primaryOrSecondary==="secondary"?this.percentSecondary:this.percent;i(this,$,at).call(this,a.detail.mouseX,a.detail.mouseY,l,s.primaryOrSecondary),i(this,S,L).call(this,!1,s.primaryOrSecondary)})},vt=new WeakSet,Kt=function(){this.onEvent("keydown",this,t=>{if(!(this.readonly||this.disabled)&&(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(t.code)>-1&&(t.preventDefault(),this.type!=="step"&&i(this,R,V).call(this,!1)),t.target.name==="ids-slider")){let e="";switch(this.type==="range"&&this.thumbShadowSecondary?.classList.contains("active")&&(e="secondary"),t.key){case"ArrowUp":i(this,q,lt).call(this,e);break;case"ArrowDown":i(this,Y,nt).call(this,e);break;case"ArrowRight":this.isRTL?i(this,Y,nt).call(this,e):i(this,q,lt).call(this,e);break;case"ArrowLeft":this.isRTL?i(this,q,lt).call(this,e):i(this,Y,nt).call(this,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"&&i(this,R,V).call(this,!0))})},At=new WeakSet,Zt=function(){this.onEvent("mouseenter",this,()=>{y(this,M,!0)}),this.onEvent("mouseleave",this,()=>{y(this,M,!1)}),this.onEvent("focusin",this.container,t=>{if(!this.disabled&&this.shadowRoot?.activeElement){i(this,p,f).call(this,!1);let e=t.target instanceof HTMLElement&&t.target;e&&e?.classList.contains("secondary")?(i(this,S,L).call(this,!1,"secondary"),i(this,S,L).call(this,!0,"primary")):(i(this,S,L).call(this,!1,"primary"),this.type==="range"&&i(this,S,L).call(this,!0,"secondary")),this.type==="range"&&i(this,p,f).call(this,!1,"secondary")}}),this.onEvent("focusout",this.container,()=>{!this.shadowRoot?.activeElement&&!c(this,M)&&(i(this,p,f).call(this,!0),i(this,S,L).call(this,!0,"primary"),this.type==="range"&&(i(this,p,f).call(this,!0,"secondary"),i(this,S,L).call(this,!0,"secondary")))})},Y=new WeakSet,nt=function(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}},q=new WeakSet,lt=function(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}},X=Rt([wt("ids-slider"),Mt(Vt)],X);export{X as a};