ids-enterprise-wc 1.0.0-beta.16 → 1.0.0-beta.18

package/chunks/ids-chunk-KFBTKP2B.js

@@ -0,0 +1,113 @@
+import{a as Mt}from"./ids-chunk-ZUXQAHPO.js";import{a as gt}from"./ids-chunk-6RZX7KLY.js";import{a as Lt}from"./ids-chunk-OPOTJ7IF.js";import{a as Rt}from"./ids-chunk-DK5QOJMP.js";import{c as Ot}from"./ids-chunk-CK6SA7FU.js";import{a as Tt,b as jt}from"./ids-chunk-XE4WFW5M.js";import{a as Bt}from"./ids-chunk-RCDMHHTV.js";import{e as w}from"./ids-chunk-5Q3WPKMB.js";import{a as g}from"./ids-chunk-4NXTNKXV.js";import{a as Dt,b as Y,c as s,d as f,e as z,g as d}from"./ids-chunk-Y32WUP63.js";var Nt=`/* Ids Splitter Component */
+.ids-splitter {
+  display: flex;
+  position: relative;
+  height: 100%;
+  white-space: nowrap;
+  width: 100%;
+}
+.ids-splitter.axis-x {
+  flex-direction: row;
+}
+.ids-splitter.axis-y {
+  flex-direction: column;
+}
+.ids-splitter .splitter-drag-handle {
+  background-color: var(--ids-splitter-handle-color-background-hover);
+  border-radius: var(--ids-splitter-handle-border-radius);
+  display: block;
+  height: var(--ids-splitter-handle-height);
+  opacity: 0;
+  position: absolute;
+  margin-inline-start: -3px;
+  width: var(--ids-splitter-handle-width);
+  z-index: 1;
+}
+.ids-splitter .splitter-dragger {
+  position: absolute;
+}
+.ids-splitter .splitter-dragger .split-bar {
+  border-inline-start: 1px solid var(--ids-splitter-bar-color-border);
+  display: flex;
+  position: relative;
+  height: 100%;
+  width: 100%;
+  align-items: center;
+  justify-content: center;
+}
+.ids-splitter .splitter-dragger .split-bar:hover {
+  border-inline-start: 2px solid var(--ids-splitter-bar-color-border-hover);
+}
+.ids-splitter .splitter-dragger .split-bar:hover .splitter-drag-handle {
+  opacity: 1;
+}
+.ids-splitter .splitter-dragger .split-bar::before {
+  content: "";
+  position: absolute;
+  height: 100%;
+  margin-inline-start: -4px;
+  width: var(--ids-splitter-bar-buffer-width);
+}
+.ids-splitter .splitter-dragger[axis=x] {
+  height: 100%;
+  top: 0;
+}
+.ids-splitter .splitter-dragger[axis=x] .split-bar {
+  width: var(--ids-splitter-bar-width);
+}
+.ids-splitter .splitter-dragger[axis=y] {
+  left: 0;
+  width: 100%;
+}
+.ids-splitter .splitter-dragger[axis=y] .split-bar {
+  border-block-start: 1px solid var(--ids-splitter-bar-color-border);
+  border-inline-start: 0;
+  height: var(--ids-splitter-bar-width);
+}
+.ids-splitter .splitter-dragger[axis=y] .split-bar::before {
+  height: var(--ids-splitter-bar-buffer-width);
+  margin-inline-start: 0;
+  margin-block-start: -2px;
+  width: 100%;
+  z-index: -1;
+}
+.ids-splitter .splitter-dragger[axis=y] .split-bar:hover {
+  border-block-start: 2px solid var(--ids-splitter-bar-color-border-hover);
+}
+.ids-splitter .splitter-dragger[axis=y][is-dragging] .split-bar, .ids-splitter .splitter-dragger[axis=y]:focus .split-bar {
+  border-inline-start: 0;
+  border-block-start: 2px solid var(--ids-splitter-bar-color-border-dragging);
+}
+.ids-splitter .splitter-dragger[axis=y] .splitter-drag-handle {
+  margin-block-start: -4px;
+  margin-inline-start: 0;
+  height: var(--ids-splitter-handle-width);
+  width: var(--ids-splitter-handle-height);
+}
+.ids-splitter .splitter-dragger[is-dragging], .ids-splitter .splitter-dragger:focus {
+  outline: none;
+}
+.ids-splitter .splitter-dragger[is-dragging] .split-bar, .ids-splitter .splitter-dragger:focus .split-bar {
+  border-inline-start: 2px solid var(--ids-splitter-bar-color-border-dragging);
+}
+.ids-splitter .splitter-dragger[is-dragging] .splitter-drag-handle, .ids-splitter .splitter-dragger:focus .splitter-drag-handle {
+  opacity: 1;
+}
+.ids-splitter .splitter-dragger[disabled] {
+  display: none;
+}
+
+::slotted(ids-splitter-pane) {
+  display: grid;
+  overflow: auto;
+}`;var Qt=Lt(Rt(Bt)),rt={align:"start",axis:"x",disabled:!1,label:"Resize",resizeOnDragEnd:!1,savePosition:!1,uniqueId:null},Ct=["x","y"],q={beforecollapsed:"beforecollapsed",collapsed:"collapsed",beforeexpanded:"beforeexpanded",expanded:"expanded",beforesizechanged:"beforesizechanged",sizechanged:"sizechanged"},M="collapsed",E,b,A,D,S,C,L,m,y,T,O,F,zt,k,$,U,at,G,xt,Q,yt,dt,kt,K,St,ht,qt,X,ot,ct,_t,J,vt,W,Et,pt,Ht,ft,Ut,tt,At,it,$t,V,lt,st,It,et,wt,j,N,ut,Xt,R,_,B,H,I,P,nt,Pt,mt,Vt,bt,Yt,Z=class extends Qt{constructor(){super();f(this,F);f(this,U);f(this,G);f(this,Q);f(this,dt);f(this,K);f(this,ht);f(this,X);f(this,ct);f(this,J);f(this,W);f(this,pt);f(this,ft);f(this,tt);f(this,it);f(this,V);f(this,st);f(this,et);f(this,j);f(this,ut);f(this,R);f(this,B);f(this,I);f(this,nt);f(this,mt);f(this,bt);f(this,E,{size:0});f(this,b,{});f(this,A,{});f(this,D,[]);f(this,S,[]);f(this,C,0);f(this,L,[]);f(this,m,[]);f(this,y,[]);f(this,T,[]);f(this,O,new ResizeObserver(()=>this.resize()));f(this,k,"IntersectionObserver"in window?new IntersectionObserver(i=>{i.forEach(t=>{t.isIntersecting&&(s(this,k)?.disconnect(),d(this,F,zt).call(this))})}):null);f(this,$,new Mt(this));Y(this,"clearPosition",s(this,$).clearPosition.bind(s(this,$)));Y(this,"clearPositionAll",s(this,$).clearPositionAll.bind(s(this,$)));Y(this,"idTobeUse",s(this,$).idTobeUse.bind(s(this,$)));Y(this,"onLanguageChange",()=>{this.resize()});this.state={...this.state,...rt}}static get attributes(){return[...super.attributes,g.AXIS,g.DISABLED,g.LABEL,g.RESIZE_ON_DRAG_END,g.SAVE_POSITION,g.UNIQUE_ID]}template(){let i=` class="ids-splitter axis-${this.axis}"`,t=this.disabled?" disabled":"";return`
+      <div part="splitter" role="presentation"${i}${t}>
+        <slot></slot>
+      </div>`}connectedCallback(){super.connectedCallback(),d(this,U,at).call(this)}sizes(){return s(this,m)}minSizes(){return s(this,y)}maxSizes(){return s(this,T)}collapse(i={}){if(this.disabled&&!i.initial)return;let t=i.pair||this.getPair(i);if(t&&t.start){let e=!0,n=r=>{e=!!w(r)};if(d(this,j,N).call(this,q.beforecollapsed,t,n),!e)return;let{pane:c,idx:o}=t.start,p=s(this,m)[o],a=s(this,m)[o]>s(this,y)[o];if(s(this,L)[o]=a?s(this,m)[o]:s(this,C),a){let r=s(this,y)[o]-s(this,m)[o],l=d(this,I,P).call(this,r);d(this,V,lt).call(this,{...t,diff:l,initial:i.initial})}p!==s(this,m)[o]&&(c.setAttribute(M,""),d(this,j,N).call(this,q.collapsed,t))}}expand(i={}){if(this.disabled)return;let t=i.pair||this.getPair(i);if(t&&t.start){let e=!0,n=r=>{e=!!w(r)};if(d(this,j,N).call(this,q.beforeexpanded,t,n),!e)return;let{pane:c,idx:o}=t.start,p=s(this,m)[o];if(w(c.getAttribute(M))){let r=s(this,L)[o]-s(this,y)[o];d(this,V,lt).call(this,{...t,diff:d(this,I,P).call(this,r)})}p!==s(this,m)[o]&&(c.removeAttribute(M),d(this,j,N).call(this,q.expanded,t))}}getAllPairs(){return s(this,S)}getPair(i={}){let{startPane:t,endPane:e}=i,n,c=o=>typeof o=="string"||o instanceof gt;if(c(t)&&c(e)){let o=r=>typeof r=="string"?this.querySelector(r):r,p=o(t),a=o(e);s(this,S).forEach(r=>{(r.start.pane===p||r.end.pane===a)&&(n=r)})}return n}resize(){d(this,G,xt).call(this),requestAnimationFrame(()=>{d(this,Q,yt).call(this),d(this,J,vt).call(this),d(this,W,Et).call(this)})}get isHorizontal(){return s(this,b).orientation==="horizontal"}set axis(i){if(i!==this.state.axis){let t=e=>`axis-${e}`;this.container?.classList.remove(...Ct.map(e=>t(e))),Ct.indexOf(i)>-1?(this.setAttribute(g.AXIS,i),this.state.axis=i):(this.removeAttribute(g.AXIS),this.state.axis=rt.axis),this.container?.classList.add(t(this.state.axis)),d(this,U,at).call(this)}}get axis(){return this.state.axis}set disabled(i){let t=w(i);t!==this.state.disabled&&(this.state.disabled=t,t?this.setAttribute(g.DISABLED,""):this.removeAttribute(g.DISABLED),d(this,ft,Ut).call(this))}get disabled(){return this.state.disabled}set label(i){i!==this.state.label&&(i?(this.setAttribute(g.LABEL,i),this.state.label=i):(this.removeAttribute(g.LABEL),this.state.label=rt.label))}get label(){return this.state.label}set resizeOnDragEnd(i){let t=w(i);t!==this.state.resizeOnDragEnd&&(this.state.resizeOnDragEnd=t,t?this.setAttribute(g.RESIZE_ON_DRAG_END,""):this.removeAttribute(g.RESIZE_ON_DRAG_END))}get resizeOnDragEnd(){return this.state.resizeOnDragEnd}set savePosition(i){let t=w(i);t!==this.state.savePosition&&(this.state.savePosition=t,t?this.setAttribute(g.SAVE_POSITION,""):this.removeAttribute(g.SAVE_POSITION))}get savePosition(){return this.state.savePosition}set uniqueId(i){let t=/number|string/g.test(typeof i)?`${i}`:null;if(typeof t=="string"&&t!==""){t!==this.state.uniqueId&&(this.setAttribute(g.UNIQUE_ID,t),this.state.uniqueId=t);return}this.removeAttribute(g.UNIQUE_ID),this.state.uniqueId=rt.uniqueId}get uniqueId(){return this.state.uniqueId}};E=new WeakMap,b=new WeakMap,A=new WeakMap,D=new WeakMap,S=new WeakMap,C=new WeakMap,L=new WeakMap,m=new WeakMap,y=new WeakMap,T=new WeakMap,O=new WeakMap,F=new WeakSet,zt=function(){d(this,bt,Yt).call(this),d(this,G,xt).call(this),d(this,Q,yt).call(this),d(this,dt,kt).call(this),d(this,ht,qt).call(this),d(this,ct,_t).call(this),d(this,J,vt).call(this),d(this,mt,Vt).call(this),d(this,W,Et).call(this)},k=new WeakMap,$=new WeakMap,U=new WeakSet,at=function(){s(this,k)&&this.container?s(this,k).observe(this.container):d(this,F,zt).call(this)},G=new WeakSet,xt=function(){let i={};return this.axis==="y"?i={orientation:"vertical",dimension:"height",posStart:"top",posEnd:"bottom",delta:"dragDeltaY",translate:"translateY",minTransform:"minTransformY",maxTransform:"maxTransformY",useRTL:!1}:i={orientation:"horizontal",dimension:"width",posStart:"left",posEnd:"right",delta:"dragDeltaX",translate:"translateX",minTransform:"minTransformX",maxTransform:"maxTransformX",useRTL:this.localeAPI?.isRTL()},z(this,b,{...i,barPixel:0,barPercentage:d(this,B,H).call(this,0)}),this},Q=new WeakSet,yt=function(){return s(this,E)?(s(this,E).rect=this.container?.getBoundingClientRect()||{},s(this,E).posStart=s(this,E).rect[s(this,b).posStart],s(this,E).size=s(this,E).rect[s(this,b).dimension],this):this},dt=new WeakSet,kt=function(){let i=[...this.childNodes].filter(a=>a instanceof gt),t={minSize:0,size:100/i.length},e={adjustable:{minSizes:[],sizes:[]},sum:{minSizes:0,sizes:0}};i.forEach((a,r)=>{let l=a.getAttribute("min-size"),h=a.getAttribute("size");h!==null&&l===null?(h=d(this,R,_).call(this,h),e.sum.sizes+=h,e.adjustable.sizes.push({elem:a,idx:r,size:h})):h===null&&l!==null?(l=d(this,R,_).call(this,l),e.sum.minSizes+=l,e.adjustable.minSizes.push({elem:a,idx:r,minSize:l})):h!==null&&l!==null&&(h=d(this,R,_).call(this,h),l=d(this,R,_).call(this,l),h=l>h?l:h,e.sum.minSizes+=l,e.sum.sizes+=h,e.adjustable.minSizes.push({elem:a,idx:r,minSize:l}),e.adjustable.sizes.push({elem:a,idx:r,size:h}))});let n=100;if(i.length===2){let a=i[0].getAttribute("max-size");if(a!==null){a=d(this,R,_).call(this,a),a=a>n?n:a;let r=e.adjustable.sizes,l=e.adjustable.minSizes,h={sizes:r.length,minSizes:l.length},u={idx:0,elem:i[0]};h.sizes&&!h.minSizes&&r[0].idx===0&&r[0].size>=a?(e.sum.sizes-=r[0].size-a,r[0].size=a):!h.sizes&&h.minSizes&&l[0].idx===0&&l[0].minSize>=a?(a=l[0].minSize,e.sum.sizes+=a,e.adjustable.sizes.push({...u,size:a})):h.sizes&&h.minSizes&&r[0].idx===0&&l[0].idx===0&&l[0].minSize>=a?(a=l[0].minSize,e.sum.sizes-=r[0].size-a,r[0].size=a):!h.sizes&&!h.minSizes&&(e.sum.sizes+=a,e.adjustable.sizes.push({...u,size:a})),z(this,T,[a])}}let c=()=>{if(e.sum.minSizes>=n){let a=e.sum.minSizes-n,r=e.adjustable.minSizes.sort((l,h)=>h.minSize-l.minSize);for(let l=0,h=r.length,u=a;l<h&&u>0;l++)r[l].minSize>=u?(r[l].minSize-=u,u=0):(u-=r[l].minSize,r[l].minSize=0);e.adjustable.minSizes=r.sort((l,h)=>l.idx-h.idx)}if(e.sum.sizes>=n){let a=e.sum.sizes-n,r=e.adjustable.sizes.sort((l,h)=>h.size-l.size);for(let l=0,h=r.length,u=a;l<h&&u>0;l++)r[l].size>=u?(r[l].size-=u,u=0):(u-=r[l].size,r[l].size=0);e.sum.sizes=n,e.adjustable.sizes=r.sort((l,h)=>l.idx-h.idx)}};c();let o=()=>{if(e.sum.sizes>0){let a=i.length-e.adjustable.sizes.length;a>0&&(t.size=(n-e.sum.sizes)/a)}};if(o(),e.sum.minSizes>0){let a=!1;e.adjustable.minSizes.forEach((r,l)=>{let h=e.adjustable.sizes[r.idx]?.size;h&&r.minSize>h?(e.adjustable.sizes[l].size=r.minSize,a=!0):!h&&r.minSize>t.size&&(e.adjustable.sizes.push({elem:r,idx:r.idx,size:r.minSize}),e.sum.sizes+=r.minSize,a=!0),a&&(o(),c())})}let p=s(this,$).restorePosition();return p&&(e.adjustable.sizes=i.map((a,r)=>({elem:a,idx:r,size:p?.sizes?.[r]}))),z(this,y,[]),z(this,m,[]),z(this,D,i.map((a,r)=>{let l=e.adjustable.minSizes.find(x=>x.idx===r),h=e.adjustable.sizes.find(x=>x.idx===r),u=l?l.minSize:t.minSize,v=h?h.size:t.size;return a.style[s(this,b).dimension]=`${v}%`,s(this,y).push(u),s(this,m).push(v),a})),z(this,C,t.size),z(this,L,[...s(this,m)]),this},K=new WeakSet,St=function(i){return`split-${i}`},ht=new WeakSet,qt=function(){let i=' class="splitter-dragger"',t=this.disabled?' disabled aria-disabled="true"':"";return s(this,D).forEach((e,n)=>{if(n>0){let c=document.createElement("template");c.innerHTML=`
+          <ids-draggable axis=${this.axis} id="${d(this,K,St).call(this,n)}"
+            aria-orientation="${s(this,b).orientation}"
+            role="separator" aria-label="${this.label}" tabindex="0"${i}${t}>
+            <div class="split-bar" part="split-bar" role="presentation">
+              <div class="splitter-drag-handle"></div>
+            </div>
+          <ids-draggable>`,this.container?.appendChild(c.content.cloneNode(!0))}}),this},X=new WeakSet,ot=function(i){this.shadowRoot?.querySelectorAll(".splitter-drag-handle")?.forEach(e=>{let n=this.container?.getBoundingClientRect()||{left:0,top:0,width:0,height:0};if(!e)return;let c=32,o=c/2,p,a,r;if(this.axis==="y"){p=i.clientX-n.left-o,p<o&&(p=0),a=n.width-c,r=p>a?a:p,e.style.left=`${r}px`;return}p=i.clientY-n.top-o,p<o&&(p=0),a=n.height-c,r=p>a?a:p,e.style.top=`${r}px`})},ct=new WeakSet,_t=function(){return this.shadowRoot?.host.setAttribute("role","group"),s(this,D).forEach((i,t)=>{if(t>0){let e=this.container?.querySelector(`#${d(this,K,St).call(this,t)}`),n=t-1,c={pane:s(this,D)[n],idx:n,size:s(this,m)[n],minSize:s(this,y)[n]},o={pane:i,idx:t,size:s(this,m)[t],minSize:s(this,y)[t]};c.id=c.pane.getAttribute("id"),c.id||(c.id=d(this,nt,Pt).call(this),c.pane.setAttribute("id",c.id)),o.id=o.pane.getAttribute("id"),o.id||(o.id=d(this,nt,Pt).call(this),o.pane.setAttribute("id",o.id)),s(this,S).push({splitBar:e,start:c,end:o,idx:n})}}),this},J=new WeakSet,vt=function(){let i={min:0,mid:0,max:0},{minTransform:t,maxTransform:e,translate:n,useRTL:c}=s(this,b),o=s(this,T).length===1;return s(this,D).forEach((p,a)=>{let r=d(this,I,P).call(this,s(this,m)[a]);if(i.min=i.mid,i.mid=i.max,i.max+=r,a>0){let l={};l={min:a>1?s(this,b).barPixel:0,max:s(this,b).barPixel};let h=s(this,S)[a-1],u=h.splitBar,v=i.min+d(this,I,P).call(this,s(this,y)[h.start.idx])+l.min,x=i.max-d(this,I,P).call(this,s(this,y)[h.end.idx])-l.max;if(o&&(x=d(this,I,P).call(this,s(this,T)[0])-l.max),c){let Zt=x*-1,Ft=v*-1,Gt=i.mid*-1;u&&(u.style.setProperty("transform",`${n}(${Gt}px)`),u[t]=`${Zt}px`,u[e]=`${Ft}px`)}else u&&(u.style.setProperty("transform",`${n}(${i.mid}px)`),u[t]=`${v}px`,u[e]=`${x}px`)}}),this},W=new WeakSet,Et=function(){return s(this,S).forEach(i=>{w(i.start.pane.getAttribute(M))&&this.collapse({pair:i,initial:!0})}),this},pt=new WeakSet,Ht=function(i){let{start:t,initial:e}=i;return window.requestAnimationFrame(()=>{let n=t.idx===0?0:s(this,b).barPercentage;s(this,m)[t.idx]>s(this,y)[t.idx]+n?t.pane.removeAttribute(M):(!t.pane.hasAttribute(M)||e)&&(s(this,L)[t.idx]=s(this,C),t.pane.setAttribute(M,""))}),this},ft=new WeakSet,Ut=function(){let i=(t,e=g.DISABLED,n="")=>{this.disabled?t.setAttribute(e,n):t.removeAttribute(e)};return this.container&&i(this.container),s(this,S).forEach(t=>{i(t.splitBar),i(t.splitBar,"aria-disabled","true")}),this},tt=new WeakSet,At=function(i){if(!s(this,A).isMoving){let t=!0,e=p=>{t=!!w(p)};if(d(this,j,N).call(this,q.beforesizechanged,i,e),!t){i.splitBar.isDragging=!1;return}let n=s(this,T).length===1,{start:c,end:o}=i;c.size=s(this,m)[c.idx],o.size=s(this,m)[o.idx],z(this,A,{isMoving:!0,startSize:c.size*-1,endSize:o.size,pad:1}),n&&(s(this,A).max=s(this,T)[c.idx]-s(this,m)[c.idx]+s(this,y)[o.idx])}},it=new WeakSet,$t=function(i){s(this,A).isMoving&&(d(this,ut,Xt).call(this,i),d(this,pt,Ht).call(this,i),d(this,j,N).call(this,q.sizechanged,i),s(this,$).savePosition()),z(this,A,{})},V=new WeakSet,lt=function(i){if(d(this,tt,At).call(this,i),s(this,A).isMoving){let t=d(this,st,It).call(this,{...i,diff:d(this,B,H).call(this,i.diff)});if(t*=s(this,b).useRTL?-1:1,d(this,it,$t).call(this,{...i,diff:t}),t){let e=i.splitBar,n=window.getComputedStyle(e).getPropertyValue("transform")?.replace(/^matrix\((.+)\)$/g,"$1").split(","),o={x:+n[4],y:+n[5]}[this.axis]+d(this,I,P).call(this,t);e?.style.setProperty("transform",`${s(this,b).translate}(${o}px)`)}}},st=new WeakSet,It=function(i){let{startSize:t,endSize:e,pad:n,max:c,isMoving:o}=s(this,A),{useRTL:p,barPercentage:a}=s(this,b),{start:r,end:l,diff:h}=i,u=typeof c<"u"?c:e,v={};v.min=r.idx===0?0:a,v.max=a;let x=h*(p?-1:1);return o&&(p&&x<0&&x<t+r.minSize+n?x=t+r.minSize+v.min:p&&x>0&&x>u-l.minSize-n||!p&&h>0&&h>u-l.minSize-n-v.max?x=u-l.minSize-v.max:!p&&h<0&&h<t+r.minSize+n+v.min&&(x=t+r.minSize+v.min)),x===1/0?0:x},et=new WeakSet,wt=function(i){let{start:t,end:e}=i,n={diff:d(this,st,It).call(this,i)};return n.start=t.size+n.diff,n.end=e.size-n.diff,t.pane.style[s(this,b).dimension]=`${n.start}%`,e.pane.style[s(this,b).dimension]=`${n.end}%`,t.pane.setAttribute(g.SIZE,`${n.start}%`),e.pane.setAttribute(g.SIZE,`${n.end}%`),n},j=new WeakSet,N=function(i,t,e){let{start:n,end:c,splitBar:o}=t,p={detail:{elem:this,start:n,end:c,splitBar:o,sizes:this.sizes(),minSizes:this.minSizes(),maxSizes:this.maxSizes()}};typeof e=="function"&&(p.detail.response=e),this.triggerEvent(i,this,p)},ut=new WeakSet,Xt=function(i){let{start:t,end:e,idx:n,diff:c}=i,o=d(this,et,wt).call(this,{start:t,end:e,diff:c});s(this,m)[t.idx]=o.start,s(this,m)[e.idx]=o.end,t.size=o.start,e.size=o.end;let{minTransform:p,maxTransform:a,useRTL:r}=s(this,b),l=s(this,S).length-1;if(l>0){let h=d(this,I,P).call(this,o.diff),u={prev:s(this,S)[n-1]?.splitBar,next:s(this,S)[n+1]?.splitBar};n===0?r?u.next[a]-=h:u.next[p]+=h:n===l?r?u.prev[p]-=h:u.prev[a]+=h:(r?u.prev[p]-=h:u.prev[a]+=h,r?u.next[a]-=h:u.next[p]+=h)}},R=new WeakSet,_=function(i){return/%$/i.test(`${i}`)?parseInt(`${i}`,10):d(this,B,H).call(this,i)},B=new WeakSet,H=function(i){let t=n=>{let c=n<0;return n=Math.abs(n),n/s(this,E).size*100*(c?-1:1)},e=0;if(typeof i=="number")e=t(i);else{let n=parseInt(`${i}`,10);!Number.isNaN(n)&&/px$/i.test(`${i}`)&&(e=t(n))}return e},I=new WeakSet,P=function(i){let t=n=>{let c=n<0;return n=Math.abs(n),s(this,E).size*(n/100)*(c?-1:1)},e=0;if(typeof i=="number")e=t(i);else{let n=parseInt(`${i}`,10);!Number.isNaN(n)&&/%$/i.test(`${i}`)&&(e=t(n))}return e},nt=new WeakSet,Pt=function(){return`splitter-pane-${Math.floor(Math.random()*Date.now())}`},mt=new WeakSet,Vt=function(){let i=this.shadowRoot?.querySelector("slot");return this.offEvent("slotchange.splitter",i),this.onEvent("slotchange.splitter",i,()=>{d(this,U,at).call(this)}),s(this,S).forEach((t,e)=>{let n=t.splitBar,c=`splitter${e}`;this.offEvent(`dragstart.${c}`,n),this.onEvent(`dragstart.${c}`,n,()=>{this.disabled||d(this,tt,At).call(this,t)}),this.offEvent(`drag.${c}`,n),this.onEvent(`drag.${c}`,n,o=>{if(d(this,X,ot).call(this,o.detail),!this.disabled&&!this.resizeOnDragEnd&&s(this,A).isMoving){let p=d(this,B,H).call(this,o.detail[s(this,b).delta]);d(this,et,wt).call(this,{...t,diff:p})}}),this.offEvent(`dragend.${c}`,n),this.onEvent(`dragend.${c}`,n,o=>{if(!this.disabled){let p=d(this,B,H).call(this,o.detail[s(this,b).delta]);d(this,it,$t).call(this,{...t,diff:p})}}),this.offEvent(`click.${c}`,n),this.onEvent(`click.${c}`,n,()=>{n.focus()}),this.offEvent(`keydown.${c}`,n),this.onEvent(`keydown.${c}`,n,o=>{if(!this.disabled){let p=["ArrowDown","ArrowRight","ArrowUp","ArrowLeft","Space"],a=o.code;if(p.indexOf(a)>-1){if(a!=="Space"){let r=s(this,b).useRTL,l=10;a==="ArrowDown"||a==="ArrowLeft"?l*=r||!this.isHorizontal?1:-1:(a==="ArrowUp"||a==="ArrowRight")&&(l*=r||!this.isHorizontal?-1:1),d(this,V,lt).call(this,{...t,diff:l})}o.preventDefault(),o.stopPropagation()}}})}),s(this,O).disconnect(),this.container&&s(this,O).observe(this.container),this.onEvent("mouseenter.splitter",this.container,t=>{d(this,X,ot).call(this,t)}),this.onEvent("mousemove.splitter",this.container,t=>{d(this,X,ot).call(this,t)}),this.onEvent("themechanged.splitter",document,()=>{s(this,O).disconnect(),Ot(()=>{this.container&&s(this,O).observe(this.container)},350)}),this},bt=new WeakSet,Yt=function(){let i=this.shadowRoot?.querySelector("slot");return this.offEvent("slotchange.splitter",i),s(this,O).disconnect(),s(this,k)?.disconnect(),s(this,S).forEach((t,e)=>{let{start:n,end:c,splitBar:o}=t,p=`splitter${e}`;n.pane.removeAttribute("style"),c.pane.removeAttribute("style"),this.offEvent(`dragstart.${p}`,o),this.offEvent(`drag.${p}`,o),this.offEvent(`dragend.${p}`,o),this.offEvent(`click.${p}`,o),this.offEvent(`keydown.${p}`,o),o?.remove?.()}),z(this,E,{size:0}),z(this,b,{}),z(this,A,{}),z(this,D,[]),z(this,S,[]),z(this,C,0),z(this,L,[]),z(this,m,[]),z(this,y,[]),this},Z=Dt([Tt("ids-splitter"),jt(Nt)],Z);export{Z as a};

package/chunks/{ids-chunk-S5SMNDJW.js → ids-chunk-KFJBBLVD.js}

@@ -1,5 +1,4 @@
-import{a as l}from"./ids-chunk-B6P5AQ2Z.js";import{a as n,b as c}from"./ids-chunk-XE4WFW5M.js";import{a}from"./ids-chunk-DCNGT4R2.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-6EMRTLSG.js";import{a as i}from"./ids-chunk-5K6IDMGA.js";var u=`
-/* Ids Counts Component */
+import{a as d}from"./ids-chunk-DK5QOJMP.js";import{a,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as h}from"./ids-chunk-RCDMHHTV.js";import{e as i}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";import{a as n,d as c,g as l}from"./ids-chunk-Y32WUP63.js";var f=`/* Ids Counts Component */
 .ids-counts {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -30,8 +29,8 @@ a:focus {
   border: 1px solid var(--ids-color-border-focus);
   box-shadow: var(--ids-shadow-30);
   outline: none;
-}`;var o=class extends l(a){constructor(){super()}connectedCallback(){super.connectedCallback(),this.#t(),this.color&&(this.color=this.getAttribute(e.COLOR))}#t(){this.querySelectorAll("[count-value]").forEach(t=>{t.setAttribute(e.FONT_SIZE,this.compact?"40":"48")}),this.querySelectorAll("[count-text]").forEach(t=>{t.setAttribute(e.FONT_SIZE,"16")})}static get attributes(){return[e.COLOR,e.COMPACT,e.HREF]}template(){return`
+}`;var r,m,o=class extends d(h){constructor(){super();c(this,r)}connectedCallback(){super.connectedCallback(),l(this,r,m).call(this),this.color&&(this.color=this.getAttribute(e.COLOR))}static get attributes(){return[e.COLOR,e.COMPACT,e.HREF]}template(){return`
       ${this.href?`<ids-hyperlink part="link" text-decoration="none" class="ids-counts message-text" href=${this.href}>`:'<a class="ids-counts">'}
       <slot></slot>
       ${this.href?"</ids-hyperlink>":"</a>"}
-    `}set color(t){if(this.href&&this.container?.setAttribute("color",""),t){let s=t[0]==="#"?t:`var(--ids-color-${t})`;this.container?.style.setProperty("color",s),this.setAttribute(e.COLOR,t)}else this.container?.style.removeProperty("color"),this.removeAttribute(e.COLOR);this.querySelectorAll("ids-text").forEach(s=>{s.color="unset",s.shadowRoot?.querySelector("span")?.style.setProperty("color",t)})}get color(){return this.getAttribute(e.COLOR)}set compact(t){this.setAttribute(e.COMPACT,r(t)?"true":"false")}get compact(){return r(this.getAttribute(e.COMPACT))}set href(t){t?this.setAttribute(e.HREF,t):this.removeAttribute(e.HREF)}get href(){return this.getAttribute(e.HREF)}};o=i([n("ids-counts"),c(u)],o);export{o as a};
+    `}set color(t){if(this.href&&this.container?.setAttribute("color",""),t){let s=t[0]==="#"?t:`var(--ids-color-${t})`;this.container?.style.setProperty("color",s),this.setAttribute(e.COLOR,t)}else this.container?.style.removeProperty("color"),this.removeAttribute(e.COLOR);this.querySelectorAll("ids-text").forEach(s=>{s.color="unset",s.shadowRoot?.querySelector("span")?.style.setProperty("color",t)})}get color(){return this.getAttribute(e.COLOR)}set compact(t){this.setAttribute(e.COMPACT,i(t)?"true":"false")}get compact(){return i(this.getAttribute(e.COMPACT))}set href(t){t?this.setAttribute(e.HREF,t):this.removeAttribute(e.HREF)}get href(){return this.getAttribute(e.HREF)}};r=new WeakSet,m=function(){this.querySelectorAll("[count-value]").forEach(t=>{t.setAttribute(e.FONT_SIZE,this.compact?"40":"48")}),this.querySelectorAll("[count-text]").forEach(t=>{t.setAttribute(e.FONT_SIZE,"16")})},o=n([a("ids-counts"),u(f)],o);export{o as a};

package/chunks/ids-chunk-KIC3T5LL.js

@@ -0,0 +1,297 @@
+import{a as Bt}from"./ids-chunk-OPOTJ7IF.js";import{a as _t}from"./ids-chunk-DK5QOJMP.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-RCDMHHTV.js";import{e as Ot,g as Pt}from"./ids-chunk-JBUWUXJX.js";import{e as q}from"./ids-chunk-5Q3WPKMB.js";import{a as r,b as h}from"./ids-chunk-4NXTNKXV.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-10);
+  height: auto;
+  text-align: center;
+  margin: auto;
+  border-radius: var(--ids-border-radius-01);
+  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-10);
+  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-80);
+  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-80);
+}
+.slider .track {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  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-01);
+}
+.slider .track.vertical {
+  justify-content: center;
+  width: var(--ids-space-30);
+  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 Ut=["single","range","step"],ft=0,St=100,Tt=Ut[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,$t,tt,kt,et,Dt,P,W,ct,Yt,B,G,p,f,S,L,H,rt,U,at,A,T,_,K,it,xt,dt,Ft,ut,qt,bt,zt,R,V,gt,Xt,mt,jt,$,ot,yt,Wt,pt,Gt,st,Nt,vt,Kt,At,Zt,Y,nt,F,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,U);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,$);o(this,yt);o(this,pt);o(this,st);o(this,vt);o(this,At);o(this,Y);o(this,F);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,qt).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){q(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){q(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){q(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)>=2&&this.setAttribute(r.STEP_NUMBER,t):this.removeAttribute(r.STEP_NUMBER),i(this,tt,kt).call(this)}get stepNumber(){return parseInt(this.getAttribute(r.STEP_NUMBER)??"")||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=parseFloat(this.getAttribute(r.VALUE)??"")||this.min,s=i(this,et,Dt).call(this,t);e!==s&&(this.setAttribute(r.VALUE,`${s}`),this.percent=(s-this.min)/(this.max-this.min)*100,this.thumbDraggable?.setAttribute(h.ARIA_VALUENOW,`${s}`),this.thumbDraggable?.setAttribute(h.ARIA_VALUETEXT,`${s}`),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(h.ARIA_VALUEMIN,`${s}`),i(this,O,j).call(this,s,"primary"),i(this,A,T).call(this,"primary"),i(this,P,W).call(this,s,"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&&Ut.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){q(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,$t=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,$t).call(this)}},et=new WeakSet,Dt=function(t,e){let s=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,$,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,Ft).call(this,b,m,g)},U=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,$,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,Ft=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,qt=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}`))},$=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,$,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,U,at).call(this,t.clientX,t.clientY);else{let l=parseFloat(t.target.innerHTML);i(this,U,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,U,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,F,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,F,lt).call(this,e);break;case"ArrowLeft":this.isRTL?i(this,F,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}},F=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};

package/chunks/ids-chunk-KIKSFEWP.js

@@ -0,0 +1,93 @@
+import{a as m}from"./ids-chunk-QLVMBFTN.js";import{a as b}from"./ids-chunk-OPOTJ7IF.js";import{a as f}from"./ids-chunk-DK5QOJMP.js";import{a as h,b as g}from"./ids-chunk-XE4WFW5M.js";import{a as A}from"./ids-chunk-RCDMHHTV.js";import{e as r}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-4NXTNKXV.js";import{a as u}from"./ids-chunk-Y32WUP63.js";var v=`/**
+ * Radio Mixins.
+ */
+.validation-message {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  font-family: var(--ids-font-family-default);
+  margin-top: var(--ids-space-30);
+}
+.validation-message.has-custom-icon {
+  color: var(--ids-icon-color-default);
+}
+.validation-message.disabled {
+  color: var(--ids-input-color-text-disabled);
+}
+.validation-message .ids-icon {
+  margin-inline-end: var(--ids-space-30);
+}
+.validation-message.alert {
+  color: var(--ids-color-caution-default);
+}
+.validation-message.alert.disabled {
+  color: var(--ids-color-caution-30);
+}
+.validation-message.warning {
+  color: var(--ids-color-warning-default);
+}
+.validation-message.warning.disabled {
+  color: var(--ids-color-warning-30);
+}
+.validation-message.error {
+  color: var(--ids-color-error-default);
+}
+.validation-message.error.disabled {
+  color: var(--ids-color-error-30);
+}
+.validation-message.info {
+  color: var(--ids-color-info-default);
+}
+.validation-message.info.disabled {
+  color: var(--ids-color-info-30);
+}
+.validation-message.success {
+  color: var(--ids-color-success-default);
+}
+.validation-message.success.disabled {
+  color: var(--ids-color-success-30);
+}
+
+:host {
+  display: block;
+  margin-bottom: 16px;
+}
+
+.ids-radio-group {
+  border: 0;
+  display: inline-block;
+  position: relative;
+  border-width: 0;
+  margin: 0;
+  padding: 0;
+}
+.ids-radio-group .group-label-text {
+  display: flex;
+}
+.ids-radio-group .group-label-text.required::after {
+  color: var(--ids-input-required-indicator-color-text-default);
+  content: "*";
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-font-size-50);
+  margin-inline-start: 2px;
+  margin-inline-end: 2px;
+}
+.ids-radio-group .group-label-text.no-required-indicator::after {
+  content: "";
+}
+.ids-radio-group.horizontal {
+  display: inline-block;
+  margin-inline-end: 12px;
+}
+.ids-radio-group.disabled .group-label-text {
+  cursor: var(--ids-cursor-default);
+  color: var(--ids-color-text-disabled);
+}
+.ids-radio-group.disabled .group-label-text.required::after {
+  color: var(--ids-input-required-indicator-color-text-disabled);
+}
+
+:host([dir=rtl]) .group-label-text.required::after {
+  left: -13px;
+  right: initial;
+}`;var E=m(b(f(A))),c=class extends E{constructor(){super()}isFormComponent=!0;checked=null;static get attributes(){return[...super.attributes,e.DISABLED,e.HORIZONTAL,e.LABEL,e.LABEL_REQUIRED,e.LANGUAGE,e.VALIDATE,e.VALIDATION_EVENTS,e.VALUE]}connectedCallback(){super.connectedCallback();let t=this.shadowRoot?.querySelector("slot");this.onEvent("slotchange",t,()=>{this.afterChildrenReady()}),this.attachInternalEventHandlers()}template(){let t=r(this.disabled)?" disabled":"",o=r(this.disabled)?' aria-disabled="true"':"",i=r(this.horizontal)?" horizontal":"",a=` class="ids-radio-group${t}${i}"`,s=` class="group-label-text${!(r(this.labelRequired)||this.labelRequired===null)?" no-required-indicator":""}"`,l=this.label?`<ids-text type="legend"${s}${o}>${this.label}</ids-text>`:"";return`<div role="radiogroup"${a}>${l}<slot></slot></div>`}get radios(){return[...this.querySelectorAll("ids-radio")]}get radiosSelected(){return[...this.querySelectorAll("ids-radio[checked]")]}get input(){return this.shadowRoot?.querySelector(".ids-radio-group")??null}get labelEl(){return this.shadowRoot?.querySelector(".group-label-text")??null}afterChildrenReady(){this.setValue(),this.handleHorizontal(),this.handleDisabled(),this.attachInternalEventHandlers(),this.handleValidation()}setValue(){let t=this.value,o=this.radios,i=this.radiosSelected;if(!t&&!i.length){o[0]?.shadowRoot?.querySelector(".ids-radio")?.setAttribute("tabindex","0");return}let a=i?.at(-1),n=o.find(s=>t&&s.value===t)||a;o.forEach(s=>{s===n?(this.setAttribute(e.VALUE,s?.value??""),s.setAttribute(e.CHECKED,"true")):s.removeAttribute(e.CHECKED)})}clear(){this.value=null,this.checked=null,this.removeAllValidationMessages(),this.querySelector("ids-radio")?.shadowRoot?.querySelector(".ids-radio")?.setAttribute("tabindex","0")}handleDisabled(){let t=this.radios,o=this.shadowRoot?.querySelector(".ids-radio-group");r(this.disabled)?(this.labelEl?.setAttribute("aria-disabled","true"),o?.classList.add(e.DISABLED),t.forEach(i=>i.setAttribute(e.GROUP_DISABLED,!0))):(this.labelEl?.removeAttribute("aria-disabled"),o?.classList.remove(e.DISABLED),t.forEach(i=>i.removeAttribute(e.GROUP_DISABLED)))}handleHorizontal(){let t=this.radios,o=this.shadowRoot?.querySelector(".ids-radio-group");r(this.horizontal)?(o?.classList.add(e.HORIZONTAL),t.forEach(i=>i.setAttribute(e.HORIZONTAL,!0))):(o?.classList.remove(e.HORIZONTAL),t.forEach(i=>i.removeAttribute(e.HORIZONTAL)))}makeChecked(t){let o=t?.value??"";this.value=o,this.checked=t??!1,t&&t.setAttribute(e.CHECKED,"true");let i={detail:{value:o,checked:t??!1}};this.triggerEvent("change",this.input,i),this.triggerEvent("change",this,i)}attachRadioGroupChangeEvent(){this.radios.forEach(o=>{this.onEvent("change",o,()=>{this.makeChecked(o)})})}attachRadioGroupKeydown(){let t=[...this.querySelectorAll('ids-radio:not([disabled="true"])')],o=t.length;t.forEach((i,a)=>{this.offEvent("keydown",i),this.onEvent("keydown",i,n=>{let s=["ArrowDown","ArrowRight","ArrowUp","ArrowLeft","Space"],l=n.code;if(s.includes(l)){let d=a;l==="ArrowDown"||l==="ArrowRight"?d=a>=o-1?0:d+1:(l==="ArrowUp"||l==="ArrowLeft")&&(d=a<=0?o-1:d-1),this.makeChecked(t[d]),t[d].focus(),n.preventDefault()}})})}attachInternalEventHandlers(){this.attachRadioGroupChangeEvent(),this.attachRadioGroupKeydown()}set disabled(t){r(t)?this.setAttribute(e.DISABLED,t.toString()):this.removeAttribute(e.DISABLED),this.handleDisabled()}get disabled(){return r(this.getAttribute(e.DISABLED))}set horizontal(t){r(t)?this.setAttribute(e.HORIZONTAL,t.toString()):this.removeAttribute(e.HORIZONTAL),this.handleHorizontal()}get horizontal(){return r(this.getAttribute(e.HORIZONTAL))}set label(t){let o=this.shadowRoot?.querySelector(".ids-radio-group"),i=this.shadowRoot?.querySelector(".group-label-text");if(t){if(this.setAttribute(e.LABEL,t),!i){i=document.createElement("ids-text"),i.className="group-label-text";let a=this.shadowRoot?.querySelector("slot")||null;o?.insertBefore(i,a),i=this.shadowRoot?.querySelector(".group-label-text")}i&&(i.innerHTML=t);return}this.removeAttribute(e.LABEL),i=this.shadowRoot?.querySelector(".group-label-text"),i?.remove()}get label(){return this.getAttribute(e.LABEL)}set labelRequired(t){let o=r(t);t?this.setAttribute(e.LABEL_REQUIRED,t.toString()):this.removeAttribute(e.LABEL_REQUIRED),this.labelEl?.classList[o?"remove":"add"]("no-required-indicator")}get labelRequired(){return this.getAttribute(e.LABEL_REQUIRED)}set value(t){this.radios.forEach(i=>{t&&i.value===t?(this.setAttribute(e.VALUE,i.value),i.setAttribute(e.CHECKED,"true")):i.removeAttribute(e.CHECKED)}),t||this.removeAttribute(e.VALUE)}get value(){return this.getAttribute(e.VALUE)}};c=u([h("ids-radio-group"),g(v)],c);export{c as a};

package/chunks/ids-chunk-KTHLZJSX.js

@@ -0,0 +1,21 @@
+import{a as g}from"./ids-chunk-O4ZJEHEO.js";import{a as h}from"./ids-chunk-WL54H54A.js";import{a as f}from"./ids-chunk-OPOTJ7IF.js";import{a as E}from"./ids-chunk-DK5QOJMP.js";import{a as d,b as m}from"./ids-chunk-XE4WFW5M.js";import{a as A}from"./ids-chunk-RCDMHHTV.js";import{e as p}from"./ids-chunk-5Q3WPKMB.js";import{a as e,b as i}from"./ids-chunk-4NXTNKXV.js";import{a as u,d as l,g as c}from"./ids-chunk-Y32WUP63.js";var b=`/* Ids Menu Group Component */
+/**
+ * Base Styles/Mixins for Ids Menu Component and all subcomponents.
+ */
+:host {
+  display: block;
+}
+
+.ids-menu-group {
+  display: block;
+  margin-block-end: 0;
+  margin-block-start: 0;
+  padding-inline-start: 0;
+}
+.ids-menu-group.ids-menu-group-wrapped {
+  display: flex;
+  flex-flow: column wrap;
+  max-height: 90vh;
+  max-width: 100vw;
+  width: max-content;
+}`;var _=f(E(A)),o,L,a,I,n=class extends _{constructor(){super();l(this,o);l(this,a)}static get attributes(){return[e.KEEP_OPEN,e.SELECT,e.WRAP]}template(){return'<div class="ids-menu-group" role="none"><slot></slot></div>'}connectedCallback(){super.connectedCallback(),c(this,o,L).call(this),this.configureWrappedMenu(),this.setAttribute(i.ROLE,"group"),this.refresh()}refresh(){this.header?this.header?.id?(this.setAttribute(i.ARIA_LABELLED_BY,`${this.header.id}`),this.removeAttribute(i.ARIA_LABEL)):(this.setAttribute(i.ARIA_LABEL,`${this.header?.textContent}`),this.removeAttribute(i.ARIA_LABELLED_BY)):(this.setAttribute(i.ARIA_LABEL,c(this,a,I).call(this)),this.removeAttribute(i.ARIA_LABELLED_BY))}get menu(){return this.parentElement}get items(){return[...this.children].filter(t=>t.matches("ids-menu-item"))}updateIconAlignment(){this.items.forEach(t=>{typeof t.decorateForIcon=="function"&&t.decorateForIcon()})}get header(){let t=this.previousElementSibling;return t&&t instanceof g?t:this.querySelector("ids-menu-header")}get select(){return this.getAttribute(e.SELECT)}set select(t){let s=`${t}`;switch(h.indexOf(s)===-1&&(s=h[0]),s){case"none":this.removeAttribute(e.SELECT);break;default:this.setAttribute(e.SELECT,s)}this.updateSelectability()}get wrap(){return this.hasAttribute(e.WRAP)}set wrap(t){t||t===""?this.setAttribute(e.WRAP,""):this.removeAttribute(e.WRAP),this.configureWrappedMenu()}get keepOpen(){return this.hasAttribute(e.KEEP_OPEN)}set keepOpen(t){p(t)?this.setAttribute(e.KEEP_OPEN,`${t}`):this.removeAttribute(e.KEEP_OPEN)}updateSelectability(){this.items.forEach(t=>{typeof t.detectSelectability=="function"&&t.detectSelectability()})}deselectAllExcept(t){let s=[].concat(t);this.items.forEach(r=>{!s.includes(r)&&r.selected&&r.deselect()})}configureWrappedMenu(){let t="ids-menu-group-wrapped";this.container?.classList.remove(t),this.offEvent("aftershow",this.parentElement),this.wrap&&(this.container?.classList.add(t),this.parentElement?.matches("ids-popup-menu")&&this.onEvent("aftershow",this.parentElement,()=>{requestAnimationFrame(()=>{let s=this.items,[r,y]=[s.at(0),s.at(-1)],v=r?.getBoundingClientRect?.().left??0,x=y?.getBoundingClientRect?.().right??0,P=Math.floor(x-v);this.container?.style.setProperty("min-width",`${P}px`)})}))}};o=new WeakSet,L=function(){this.onEvent("selected",this,t=>{let s=t.target.closest("ids-menu-item");this.select==="single"&&this.deselectAllExcept(s)})},a=new WeakSet,I=function(){return(this.localeAPI?.translate("MenuGroup")||"").replace("{0}",this.items.length)},n=u([d("ids-menu-group"),m(b)],n);export{n as a};

package/chunks/ids-chunk-KVP7FZOK.js

@@ -0,0 +1 @@
+import{a as n,e as d}from"./ids-chunk-5Q3WPKMB.js";var s={DEFAULTS:{collapseIcon:"closed-folder",expandIcon:"open-folder",expanded:!0,icon:"tree-node",selectable:"single",expandTarget:"node",toggleCollapseIcon:"plusminus-folder-closed",toggleExpandIcon:"plusminus-folder-open",toggleIconRotate:!0},SELECTABLE:["single","multiple","false"],EVENTS:{beforeselected:"beforeselected",selected:"selected",beforeunselected:"beforeunselected",unselected:"unselected",beforecollapsed:"beforecollapsed",collapsed:"collapsed",beforeexpanded:"beforeexpanded",expanded:"expanded"},TOGGLE_CLASSES:{collapsed:"collapsed",expanded:"expanded"},TREE_ARIA_LABEL:"IDS Tree",getVal(e,l){let o=e?.getAttribute(l);return o!==null?o:this.DEFAULTS[n(l)]},getBoolVal(e,l){let o=e?.getAttribute(l);return o!==null?d(o):this.DEFAULTS[n(l)]},isBool(e){return e===!0||e==="true"||e===!1||e==="false"}},a=s;export{a};