ids-enterprise-wc 1.0.0-beta.15 → 1.0.0-beta.17

package/chunks/ids-chunk-ZKJEQ27H.js

@@ -1,71 +0,0 @@
-import{a as c}from"./ids-chunk-OUX67T2L.js";import{a as p}from"./ids-chunk-B6P5AQ2Z.js";import{a as b}from"./ids-chunk-SNYFQ5ZT.js";import{a as m,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as o}from"./ids-chunk-EHQM67XJ.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var f=`
-/* Ids Text Css */
-:host {
-  display: block;
-  width: 100%;
-}
-
-text {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  display: block;
-  font-weight: var(--ids-font-weight-normal);
-  margin: var(--ids-space-none);
-  font-size: var(--ids-font-size-40);
-  color: currentColor;
-  font-family: var(--ids-font-family-default);
-}
-
-svg {
-  stroke: var(--ids-tree-treemap-color-border);
-}
-
-.treemap-title {
-  background-color: var(--ids-tree-treemap-title-color-background);
-  padding: var(--ids-space-40);
-  color: var(--ids-tree-treemap-title-color-text);
-  text-align: center;
-}`;var y=300,v=c(p(b)),s=class extends v{d=[];height=y;width=NaN;Rectangle={data:[],xBeginning:0,yBeginning:0,totalWidth:NaN,totalHeight:y};initialData=[];constructor(){super()}connectedCallback(){super.connectedCallback(),this.resizeTreemap()}static get attributes(){return[...super.attributes,o.DATA,o.TITLE]}set data(t){this.d=t,this.render(!0)}get data(){return this.d}onTitleChange(t){let e=this.shadowRoot?.querySelector('[part="title"]');e&&(e.innerHTML=t||"")}template(){return`
-      <div class="treemap-container">
-        <div class="treemap-title">
-          ${this.templateTitle()}
-        </div>
-        ${this.templateSvg(this.data)}
-      </div>
-    `}templateSvg(t){let e="<svg>Sorry, your browser does not support inline SVG.</svg>";return t!==void 0&&(e=`
-        <svg width='${this.width}' height='${this.height}' stroke-width=".5">
-          ${t?.map(i=>this.templateGroups(i)).join("")}
-        </svg>
-      `),e}templateGroups(t){return`
-      <g
-        fill=${t?.data?.color||"#003876"}
-        class="treemap-rect"
-      >
-        <rect
-          x=${t.x}
-          y=${t.y}
-          width=${t.width}
-          height=${t.height}
-        >
-        </rect>
-        <text
-          fill="white"
-          x="${t.x+8*2}"
-          y="${t.y+8*3}"
-          stroke-width="0"
-        >
-          ${t?.data?.text||"Empty"}
-        </text>
-        <text
-          fill="white"
-          x="${t.x+8*2}"
-          y="${t.y+8*6}"
-          stroke-width="0"
-        >
-          ${t?.data?.label||"0%"}
-        </text>
-      </g>
-    `}templateTitle(){return`
-      <ids-text type="span" font-weight="semi-bold" part="title">
-        ${typeof this.title=="string"?this.title:"Add Treemap Title"}
-      </ids-text>`}#s=t=>Math.max(...t);#h=t=>Math.min(...t);#i=(t,e)=>t+e;#t=t=>Math.max(Math.round(t*100)/100,0);#o=t=>{let e=t.data,i=t.height;if(typeof i!="number"||i<=0)throw new Error("You need to specify the height of your treemap");if(!Array.isArray(e)||e.length===0||!e.every(a=>Object.prototype.hasOwnProperty.call(a,"value")&&typeof a.value=="number"&&a.value>=0))throw new Error("Your data must be in this format [{ value: 1 }, { value: 2 }], 'value' being a positive number")};#r=(t,e)=>{let i=t.reduce(this.#i,0),a=this.#s(t),r=this.#h(t);return Math.max(e**2*a/i**2,i**2/(e**2*r))};#e=()=>this.Rectangle.totalHeight**2>this.Rectangle.totalWidth**2?{value:this.Rectangle.totalWidth,vertical:!1}:{value:this.Rectangle.totalHeight,vertical:!0};#a=(t,e,i)=>{let a=t.reduce(this.#i,0)/e;t.forEach(r=>{let n=r/a,{xBeginning:l}=this.Rectangle,{yBeginning:g}=this.Rectangle,h;i?(h={x:l,y:g,width:a,height:n,data:this.initialData[this.Rectangle.data.length]},this.Rectangle.yBeginning+=n):(h={x:l,y:g,width:n,height:a,data:this.initialData[this.Rectangle.data.length]},this.Rectangle.xBeginning+=n),this.Rectangle.data.push(h)}),i?(this.Rectangle.xBeginning+=a,this.Rectangle.yBeginning-=e,this.Rectangle.totalWidth-=a):(this.Rectangle.xBeginning-=e,this.Rectangle.yBeginning+=a,this.Rectangle.totalHeight-=a)};#l=(t,e,i)=>{let{vertical:a}=this.#e();this.#a(t,i,a),this.#a(e,i,a)};#n=(t,e,i)=>{if(t.length===1)return this.#l(e,t,i);let a=[...e,t[0]];return e.length===0||this.#r(e,i)>=this.#r(a,i)?(t.shift(),this.#n(t,a,i)):(this.#a(e,i,this.#e().vertical),this.#n(t,[],this.#e().value))};treeMap(t){if(t&&t.data.length>0){let e=t.height,i=t.data;this.#o({data:i,height:e}),this.width=this.container?.offsetWidth??NaN,this.height=e,this.Rectangle={data:[],xBeginning:0,yBeginning:0,totalWidth:this.width,totalHeight:this.height},this.initialData=i;let a=i.map(n=>n.value).reduce(this.#i,0),r=i.map(n=>n.value*this.height*this.width/a);return this.#n(r,[],this.#e().value),this.Rectangle.data.map(n=>({...n,x:this.#t(n.x),y:this.#t(n.y),width:this.#t(n.width),height:this.#t(n.height)}))}return[]}resizeTreemap(){new ResizeObserver(e=>{for(let i of e){this.width=i.target.offsetWidth;let a={data:this.initialData,width:this.width,height:this.height};this.treeMap(a)&&(this.data=this.treeMap(a))}}).observe(this)}};s=u([m("ids-treemap"),d(f)],s);export{s as a};

package/chunks/ids-chunk-ZOAWEGT3.js

@@ -1 +0,0 @@
-import{b as s,c as o}from"./ids-chunk-QIBO6IOK.js";import{f as i}from"./ids-chunk-TJKIW3GF.js";import{a as n}from"./ids-chunk-EHQM67XJ.js";var u=r=>!Number.isNaN(r)&&r>0,l=r=>!Number.isNaN(r)&&r>=s&&r<=o,c=r=>!Number.isNaN(r)&&r.toString().length===4,h=r=>class extends r{dateValue=null;constructor(...t){super(...t)}static get attributes(){return[...r.attributes,n.DAY,n.MONTH,n.YEAR]}connectedCallback(){super.connectedCallback?.()}disconnectedCallback(){super.disconnectedCallback?.()}get activeDate(){return new Date(this.year,this.month,this.day)}get day(){let t=this.getAttribute(n.DAY),e=i(t);return u(e)?e:new Date().getDate()}set day(t){let e=i(t),a=u(e);a?this.setAttribute(n.DAY,t):this.removeAttribute(n.DAY),typeof this.onDayChange=="function"&&this.onDayChange(e,a)}get firstDayOfWeek(){let t=this.getAttribute(n.FIRST_DAY_OF_WEEK),e=i(t);return Number.isNaN(e)?this.localeAPI?.calendar().firstDayofWeek||0:e}set firstDayOfWeek(t){this.setAttribute(n.FIRST_DAY_OF_WEEK,String(t)),typeof this.onFirstDayOfWeekChange=="function"&&this.onFirstDayOfWeekChange(Number(t))}get format(){let t=this.getAttribute(n.FORMAT);return!t||t==="locale"?this.localeAPI?.calendar().dateFormat.short:t}set format(t){t?this.setAttribute(n.FORMAT,t):this.removeAttribute(n.FORMAT),typeof this.onFormatChange=="function"&&this.onFormatChange(t)}get month(){let t=this.getAttribute(n.MONTH),e=i(t);return l(e)?e:new Date().getMonth()}set month(t){let e=i(t),a=l(e);a?this.setAttribute(n.MONTH,String(t)):this.removeAttribute(n.MONTH),typeof this.onMonthChange=="function"&&this.onMonthChange(e,a)}get year(){let t=this.getAttribute(n.YEAR)??"",e=i(t);return c(e)?e:new Date().getFullYear()}set year(t){let e=i(t),a=c(e);a?this.setAttribute(n.YEAR,String(t)):this.removeAttribute(n.YEAR),typeof this.onYearChange=="function"&&this.onYearChange(e,a)}get date(){return this.dateValue}getFormattedDate(t){return this.localeAPI.formatDate(t,{pattern:this.format})}getDateValue(t){return t instanceof Date&&!Number.isNaN(t.getTime())?t:typeof t=="string"?this.getDateValue(this.localeAPI.parseDate(t,{pattern:this.format})):null}},g=h;export{g as a};

package/chunks/ids-chunk-ZOD5ZNKA.js

@@ -1,298 +0,0 @@
-import{a as k}from"./ids-chunk-OUX67T2L.js";import{a as D}from"./ids-chunk-B6P5AQ2Z.js";import{c as g}from"./ids-chunk-ZUHWNQKP.js";import{a as x}from"./ids-chunk-SNYFQ5ZT.js";import{a as S,b as T}from"./ids-chunk-XE4WFW5M.js";import{e as L,g as E}from"./ids-chunk-JBUWUXJX.js";import{e as b}from"./ids-chunk-TJKIW3GF.js";import{a as s,b as n}from"./ids-chunk-EHQM67XJ.js";import{a as f}from"./ids-chunk-U7OOVFXE.js";var N=`
-: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 R=["single","range","step"],y=0,p=100,v=R[0],I={BOTTOM:NaN,LEFT:NaN,RIGHT:NaN,TOP:NaN},w=k(D(x)),m=class extends w{DEFAULT_MIN=y;DEFAULT_MAX=p;DEFAULT_TYPE=v;#a=I;#o="";#n="";#S=[];#c=!1;#d=!1;#s=NaN;#r=NaN;slider;trackArea;progressTrack;track;tickContainer;thumb;thumbDraggable;thumbShadow;tooltip;tooltipText;tooltipPin;firstTick;lastTick;thumbSecondary;thumbDraggableSecondary;thumbShadowSecondary;thumbSecondaryDraggable;tooltipSecondary;tooltipTextSecondary;tooltipPinSecondary;constructor(){super()}connectedCallback(){super.connectedCallback(),this.slider=this.container?.querySelector(".slider"),this.trackArea=this.container?.querySelector(".track-area"),this.progressTrack=this.container?.querySelector(".track-progress"),this.track=this.container?.querySelector(".track"),this.tickContainer=this.container?.querySelector(".tick-container"),this.#d=!1,this.thumb=this.container?.querySelector(".thumb"),this.thumbDraggable=this.container?.querySelector(".thumb-draggable"),this.thumbShadow=this.container?.querySelector(".thumb-shadow"),this.tooltip=this.container?.querySelector(".tooltip"),this.tooltipText=this.container?.querySelector(".tooltip .text"),this.tooltipPin=this.container?.querySelector(".tooltip .pin"),this.lastTick=this.container?.querySelector(".tick:last-child"),this.firstTick=this.container?.querySelector(".tick:first-child"),this.type==="range"?(this.thumbSecondary=this.container?.querySelector(".thumb.secondary"),this.thumbDraggableSecondary=this.container?.querySelector(".thumb-draggable.secondary"),this.thumbShadowSecondary=this.container?.querySelector(".thumb-shadow.secondary"),this.tooltipSecondary=this.container?.querySelector(".tooltip.secondary"),this.tooltipTextSecondary=this.container?.querySelector(".tooltip.secondary .text.secondary"),this.tooltipPinSecondary=this.container?.querySelector(".tooltip .pin.secondary")):this.container?.querySelector(".thumb-draggable.secondary")?.remove(),this.#w(),this.#O(),this.#P(),this.#T(),this.#E(),this.#L(),setTimeout(()=>{this.#h(!0)},300)}static get attributes(){return[s.COLOR,s.DISABLED,s.LABEL,s.LABEL_SECONDARY,s.MIN,s.MAX,s.READONLY,s.STEP_NUMBER,s.SHOW_TOOLTIP,s.TYPE,s.VALUE,s.VALUE_SECONDARY,s.VERTICAL]}template(){let t=this.disabled?" disabled":"",e=this.readonly?" readonly":"",i=t.length?"-1":"0";return`
-      <div class="ids-slider${t}${e}">
-        <div class="slider">
-          <div class="track-area">
-            <ids-draggable tabindex="${i}" 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="${i}" 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){b(t)?(this.readonly&&(this.readonly=!1),this.setAttribute(s.DISABLED,""),this.container?.classList.add(s.DISABLED),this.thumbDraggable?.setAttribute(s.DISABLED,"true"),this.thumbDraggable?.setAttribute(s.TABINDEX,"-1"),this.#t(!0),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"true"),this.thumbDraggableSecondary?.setAttribute(s.TABINDEX,"-1"),this.#t(!0,"secondary"))):(this.removeAttribute(s.DISABLED),this.container?.classList.remove(s.DISABLED),this.thumbDraggable?.setAttribute(s.DISABLED,"false"),this.thumbDraggable?.setAttribute(s.TABINDEX,"0"),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"false"),this.thumbDraggableSecondary?.setAttribute(s.TABINDEX,"0"))),this.#g()}get disabled(){return this.hasAttribute(s.DISABLED)}set readonly(t){b(t)?(this.disabled&&(this.disabled=!1),this.setAttribute(s.READONLY,""),this.container?.classList.add(s.READONLY),this.thumbDraggable?.setAttribute(s.DISABLED,"true"),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"true"),this.#t(!0,"secondary"))):(this.removeAttribute(s.READONLY),this.container?.classList.remove(s.READONLY),this.thumbDraggable?.setAttribute(s.DISABLED,"false"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(s.DISABLED,"false")),this.#g()}get readonly(){return this.hasAttribute(s.READONLY)}set label(t){let e=g(t),i=this.#o;e!==i&&(e.length?(this.#o=e,this.setAttribute(s.LABEL,e)):(this.#o="",this.removeAttribute(s.LABEL)),this.thumbDraggable?.setAttribute(n.ARIA_LABEL,`${this.#o}`))}get label(){return this.#o||g(this.getAttribute(s.LABEL)??"")}set labelSecondary(t){let e=g(t),i=this.#n;e!==i&&(e.length?(this.#n=e,this.setAttribute(s.LABEL_SECONDARY,e)):(this.#n="",this.removeAttribute(s.LABEL_SECONDARY)),this.thumbDraggableSecondary?.setAttribute(n.ARIA_LABEL,`${this.#n}`))}get labelSecondary(){return this.#n||g(this.getAttribute(s.LABEL_SECONDARY)??"")}set vertical(t){b(t)?this.setAttribute(s.VERTICAL,"true"):this.removeAttribute(s.VERTICAL),this.#T()}get vertical(){return this.hasAttribute(s.VERTICAL)}#T(){this.vertical?(this.thumbDraggable?.setAttribute(n.ARIA_ORIENTATION,"vertical"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(n.ARIA_ORIENTATION,"vertical"),this.container?.classList.add("vertical"),this.slider?.classList.add("vertical"),this.progressTrack?.classList.add("vertical"),this.track?.classList.add("vertical"),this.trackArea?.classList.add("vertical"),this.tickContainer?.classList.add("vertical"),this.tooltip?.classList.add("vertical"),this.type==="range"&&this.tooltipSecondary?.classList.add("vertical"),this.tooltipPin?.classList.add("vertical"),this.type==="range"&&this.tooltipPinSecondary?.classList.add("vertical")):(this.thumbDraggable?.setAttribute(n.ARIA_ORIENTATION,"horizontal"),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(n.ARIA_ORIENTATION,"horizontal"))}set isRTL(t){t!==this.isRTL&&(this.#c=t,this.#e(),this.#l(),this.type==="range"&&this.#e("secondary"))}get isRTL(){return typeof this.#c>"u"&&(this.#c=!1),this.#c}onLanguageChange=()=>{let t=this.localeAPI.isRTL();this.isRTL=t};#u(t,e){let i=this.tooltipText,a="primary";e==="secondary"&&(i=this.tooltipTextSecondary,a="secondary"),i&&(i.innerHTML=String(Math.ceil(Number(t)))),this.type!=="step"&&this.#t(!1,a)}#l(){if(this.type!=="range")this.slider?.style.setProperty("--percentStart","0"),this.slider?.style.setProperty("--percentEnd",String(this.percent));else{let t=Math.min(this.percent,this.percentSecondary),e=Math.max(this.percent,this.percentSecondary);if(this.slider?.style.setProperty("--percentStart",String(t)),this.slider?.style.setProperty("--percentEnd",String(e)),this.#a){let{TOP:i,BOTTOM:a,LEFT:r,RIGHT:o}=this.#a,h=this.vertical?a:r,l=this.vertical?i:o,u=!1,d=this.#D(h,l,t,u);(this.vertical||this.isRTL)&&(d*=-1);let c=this.vertical?`translate(0, ${d}px)`:`translate(${d}px, 0)`;this.progressTrack?.style.setProperty("transform",c)}}}set labels(t){this.#S=t,this.#L()}get labels(){return this.#S||[]}#L(){if(this.type!=="step")return;let t=this.labels,e=t?.length||0,i=this.stepNumber;if(e===i){let a=this.container?.querySelectorAll(".label")||[],r=a.length||0,o=this.container?.querySelectorAll(".tick")||[];if(a&&r!==i){let h=Math.abs(i-r),l=this.disabled?"":" label";for(let u=0;u<h;u++)o&&a&&r<i&&o[o.length-1-u]?.insertAdjacentHTML("afterbegin",`<ids-text${l} class="label"></ids-text>`);a=this.container?.querySelectorAll(".label")||[]}t&&e===r&&a?.forEach((h,l)=>{h.innerHTML=this.vertical?t[e-1-l]:t[l],this.vertical&&h?.classList.add("vertical")})}else this.container?.querySelectorAll(".label")?.forEach(r=>{r.innerHTML=""})}#N(){let t=[];for(let e=0;e<this.stepNumber;e++)t[e]=Math.round(this.max/(this.stepNumber-1)*e*10)/10;return t}set stepNumber(t){this.type==="step"?parseInt(t)>=2&&this.setAttribute(s.STEP_NUMBER,t):this.removeAttribute(s.STEP_NUMBER),this.#E()}get stepNumber(){return parseInt(this.getAttribute(s.STEP_NUMBER)??"")||2}#E(){if(this.type==="step"){if(this.stepNumber>=2){let t=this.container?.querySelectorAll(".tick").length??0;if(t!==this.stepNumber){let e=Math.abs(t-this.stepNumber);for(let i=0;i<e;i++)t>this.stepNumber?this.container?.querySelector(".tick")?.remove():this.container?.querySelector(".tick:last-child")?.insertAdjacentHTML("afterend",'<span class="tick"></span>')}}this.labels=this.#N()}}set percentSecondary(t){this.#r=Number(t),this.#l(),this.#u(this.#m(this.#r),"secondary")}get percentSecondary(){return Number.isNaN(this.#r)||typeof this.#r>"u"||this.#r===null||this.#r===""?(this.valueSecondary-this.min)/(this.max-this.min)*100:this.#r}set percent(t){this.#s=Number(t),this.#l(),this.#u(this.#m(this.#s))}get percent(){return Number.isNaN(this.#s)||typeof this.#s>"u"||this.#s===null||this.#s===""?(this.value-this.min)/(this.max-this.min)*100:this.#s}#k(t,e){let i=parseFloat(t);if(i<=this.min)return this.min;if(i>=this.max)return this.max;if(this.type==="range"){if(!e&&i>=this.valueSecondary)return this.valueSecondary;if(e&&i<=this.value)return this.value}return i}set valueSecondary(t){if(this.readonly||this.disabled)return;let e=this.#k(t,!0);this.setAttribute(s.VALUE_SECONDARY,`${e}`),this.percentSecondary=(e-this.min)/(this.max-this.min)*100,this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUENOW,`${e}`),this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUETEXT,`${e}`),this.type==="range"&&this.thumbDraggable?.setAttribute(n.ARIA_VALUEMIN,`${e}`),this.#u(e,"secondary"),this.#e("secondary"),this.#b(e,"secondary")}get valueSecondary(){let t=this.getAttribute(s.VALUE_SECONDARY);return t===null||t===""||Number.isNaN(t)?this.max:parseFloat(this.getAttribute(s.VALUE_SECONDARY)??"")}set value(t){if(this.readonly||this.disabled)return;let e=parseFloat(this.getAttribute(s.VALUE)??"")||this.min,i=this.#k(t);e!==i&&(this.setAttribute(s.VALUE,`${i}`),this.percent=(i-this.min)/(this.max-this.min)*100,this.thumbDraggable?.setAttribute(n.ARIA_VALUENOW,`${i}`),this.thumbDraggable?.setAttribute(n.ARIA_VALUETEXT,`${i}`),this.type==="range"&&this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUEMIN,`${i}`),this.#u(i,"primary"),this.#e("primary"),this.#b(i,"primary"))}get value(){let t=this.getAttribute(s.VALUE);return t===null||t===""||Number.isNaN(t)?this.min:parseFloat(this.getAttribute(s.VALUE)??"")}#b(t,e){this.triggerEvent("change",this,{bubbles:!0,detail:{elem:e==="secondary"?this.thumbSecondaryDraggable:this.thumbDraggable,percent:e==="secondary"?this.percentSecondary:this.percent,value:t}})}set min(t){let e=parseFloat(t);e>=this.max||e===null||e===""||Number.isNaN(e)?this.setAttribute(s.MIN,String(y)):this.setAttribute(s.MIN,e)}get min(){return parseFloat(this.getAttribute(s.MIN)??"")||y}set max(t){let e=parseFloat(t);e<=this.min||e===null||e===""||Number.isNaN(e)?this.setAttribute(s.MAX,String(this.min+p)):this.setAttribute(s.MAX,e)}get max(){let t=parseFloat(this.getAttribute(s.MAX)??"");return t<=this.min||t===null||t===""||Number.isNaN(t)?p:t}set type(t){t&&R.includes(t)?this.setAttribute(s.TYPE,t):this.setAttribute(s.TYPE,v),this.container?.classList[t==="range"?"add":"remove"]("range")}get type(){return this.getAttribute(s.TYPE)||v}set showTooltip(t){b(t)?this.setAttribute(s.TOOLTIP,`${t}`):this.removeAttribute(s.TOOLTIP)}get showTooltip(){return this.hasAttribute(s.TOOLTIP)}set color(t){this.setAttribute(s.COLOR,t),this.#g()}get color(){return this.getAttribute(s.COLOR)||""}#I(){return!this.readonly&&!this.disabled}#g(){let t;this.#I()&&(t=this.color);let e=this.container?.querySelectorAll(".tick")||[];if(t){let i=t;t.substring(0,1)!=="#"&&(i=E(t));let a=L(i,.1);e?.forEach(r=>{r?.style.setProperty("background-color",i),r?.children[0]?.setAttribute("label","")}),this.thumb?.style.setProperty("background-color",i),this.thumbShadow?.style.setProperty("background-color",a),this.thumbShadow?.style.setProperty("border",`1px ${i} solid`),this.progressTrack?.style.setProperty("background-color",i),this.type==="range"&&this.thumbShadowSecondary&&this.thumbSecondary&&(this.thumbShadowSecondary?.style.setProperty("background-color",a),this.thumbShadowSecondary?.style.setProperty("border",`1px ${i} solid`),this.thumbSecondary?.style.setProperty("background-color",i))}else e?.forEach(i=>{i?.style.removeProperty("background-color"),this.readonly?i.children[0]?.setAttribute("label",""):i.children[0]?.removeAttribute("label")}),this.thumb?.style.removeProperty("background-color"),this.thumbShadow?.style.removeProperty("background-color"),this.thumbShadow?.style.removeProperty("border"),this.progressTrack?.style.removeProperty("background-color"),this.type==="range"&&this.thumbShadowSecondary&&this.thumbSecondary&&(this.thumbShadowSecondary?.style.removeProperty("background-color"),this.thumbShadowSecondary?.style.removeProperty("border"),this.thumbSecondary?.style.removeProperty("background-color"))}#t(t,e){this.showTooltip||(t=!0),e==="secondary"&&this.tooltipSecondary?this.tooltipSecondary.style.setProperty("opacity",t?"0":"1"):this.tooltip?.style.setProperty("opacity",t?"0":"1")}#i(t,e){let i=this.thumbShadow;e==="secondary"&&this.thumbShadowSecondary&&(i=this.thumbShadowSecondary),t?i?.classList.remove("active"):i?.classList.add("active")}#y(t,e){this.#v();let{TOP:i,BOTTOM:a,LEFT:r,RIGHT:o}=this.#a,h=this.vertical?e:t,l=this.isRTL?o:r,u=this.isRTL?r:o,d=this.vertical?a:l,c=this.vertical?i:u;return this.#R(h,d,c)}#p(t,e,i,a){if(this.type!=="step"){let r=i??this.#m(this.#y(t,e)),o=this.vertical?this.thumbDraggable?.getBoundingClientRect().y:this.thumbDraggable?.getBoundingClientRect().x,h=this.thumbDraggable,l="value";if(this.type==="range"){let u=this.vertical?this.thumbDraggableSecondary?.getBoundingClientRect().y:this.thumbDraggableSecondary?.getBoundingClientRect().x,d=this.vertical?e:t;Math.abs(d-(o??NaN))>Math.abs(d-(u??NaN))&&(h=this.thumbDraggableSecondary,l="valueSecondary",a="secondary"),a==="primary"&&r>this.valueSecondary?r=this.valueSecondary-1:a==="secondary"&&r<this.value&&(r=this.value+1)}r!==this[l]?this[l]=r:(this.#e(a),this.#b(r,a)),h?.focus()}else{let r=[];for(let c=0;c<this.stepNumber;c++)r[c]=this.max/(this.stepNumber-1)*c;let o=i||this.#y(t,e),h=r.map(c=>Math.abs(c-o/100*this.max)),l=h[0],u=0;for(let c=0;c<h.length;c++)h[c]<l&&(l=h[c],u=c);let d=r[u];this.percent=d,d!==this.value?this.value=d:(this.#e("primary"),this.#b(d,"primary")),this.thumbDraggable?.focus()}}#e(t){this.#v();let e=this.thumbDraggable,i=this.percent;t==="secondary"&&this.type==="range"&&(e=this.thumbDraggableSecondary,i=this.percentSecondary);let{TOP:a,BOTTOM:r,LEFT:o,RIGHT:h}=this.#a,l=this.vertical?r:o,u=this.vertical?a:h,d=!0,c=this.#D(l,u,i,d);(this.vertical||this.isRTL)&&(c*=-1);let A=this.vertical?`translate(0, ${c}px)`:`translate(${c}px, 0)`;e?.style.setProperty("transform",A)}#m(t){return t/100*(this.max-this.min)+this.min}#D(t,e,i,a){let r=Math.abs(e-t)-(this.thumbDraggable?.clientWidth??NaN),o=Math.ceil(i)/100*r;return o=a?o-r/2:o,o}#R(t,e,i){let a=this.thumbDraggable?.clientWidth??NaN,r=0,o=Math.abs(e-i)-a/2,h=Math.abs(t-i),l=Math.abs(t-e);return h>o?r=0:l>o?r=100:r=(l-a/2)/(o-a/2)*100,r}#w(){this.#B(),this.#x(),this.type==="range"&&this.#x("secondary"),this.#V(),this.#C(),this.#_()}#M(){if(!this.trackArea)return I;let t=this.trackArea.getBoundingClientRect(),e=t.left+window.scrollX,i=t.top+window.scrollY,a=e+this.trackArea.clientWidth,r=i+this.trackArea.clientHeight;return{LEFT:e,RIGHT:a,TOP:i,BOTTOM:r}}#h(t){this.container?.classList[t?"add":"remove"]("animated")}#O(){if(this.#l(),this.#e(),this.type==="range"&&this.#e("secondary"),this.#g(),this.firstTick&&this.lastTick){let t=this.vertical?this.firstTick:this.lastTick,e=this.vertical?this.lastTick:this.firstTick;e.innerHTML=`<ids-text label class="label${this.vertical?" vertical":""}">${this.min}</ids-text>`,t.innerHTML=`<ids-text label class="label${this.vertical?" vertical":""}">${this.max}</ids-text>`}}#P(){this.setAttribute(n.ROLE,"none"),this.thumbDraggable?.setAttribute(n.ROLE,"slider"),this.thumbDraggable?.setAttribute(n.ARIA_ORIENTATION,this.vertical?"vertical":"horizontal"),this.thumbDraggable?.setAttribute(n.ARIA_VALUEMIN,`${this.min}`),this.thumbDraggable?.setAttribute(n.ARIA_VALUEMAX,`${this.max}`),this.thumbDraggable?.setAttribute(n.ARIA_VALUENOW,`${this.value}`),this.thumbDraggable?.setAttribute(n.ARIA_VALUETEXT,`${this.value}`),this.thumbDraggable?.setAttribute(n.ARIA_LABEL,`${this.label}`),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(n.ROLE,"slider"),this.thumbDraggableSecondary?.setAttribute(n.ARIA_ORIENTATION,this.vertical?"vertical":"horizontal"),this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUEMIN,`${this.min}`),this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUEMAX,`${this.max}`),this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUENOW,`${this.valueSecondary}`),this.thumbDraggableSecondary?.setAttribute(n.ARIA_VALUETEXT,`${this.valueSecondary}`),this.thumbDraggableSecondary?.setAttribute(n.ARIA_LABEL,`${this.labelSecondary}`))}#v(){this.#a=this.#M()}#B(){let t=new ResizeObserver(e=>{for(let i of e)i.contentBoxSize&&(this.#v(),this.#l(),this.#e(),this.type==="range"&&this.#e("secondary"))});this.trackArea&&t.observe(this.trackArea)}#_(){this.onEvent("click",this.container,t=>{if(this.disabled||this.readonly)return;let e=t.target.className,i=e.includes("ids-slider"),a=e.includes("label"),r=e.includes("track-area");if(i||a||r)if(r||i)this.#p(t.clientX,t.clientY);else{let o=parseFloat(t.target.innerHTML);this.#p(t.clientX,t.clientY,o)}}),this.onEvent("click",document,t=>{t.target!==this&&!this.disabled&&(this.#t(!0),this.type==="range"&&this.#t(!0,"secondary"))})}#x(t){let e=this.type==="range"&&t==="secondary",i={thumbDraggable:e?this.thumbDraggableSecondary:this.thumbDraggable,thumbDraggableOther:e?this.thumbDraggable:this.thumbDraggableSecondary,primaryOrSecondary:e?"secondary":"primary",valueAttribute:e?"valueSecondary":"value",percentAttribute:e?"percentSecondary":"percent"},a=()=>{i.thumbDraggableOther&&(i.thumbDraggableOther?.style.setProperty("z-index","50"),i.thumbDraggable?.style.setProperty("z-index","51"))};this.onEvent("drag",i.thumbDraggable,r=>{this.type!=="step"&&this.#t(!1);let[o,h]=[r.detail.mouseX,r.detail.mouseY],l=this.#y(o,h);this.type==="range"&&a(),this[i.percentAttribute]=l,this.triggerEvent("ids-slider-drag",this,{bubbles:!0,detail:{elem:i.thumbDraggable,mouseX:r.detail.mouseX,mouseY:r.detail.mouseY,percent:l,value:this.#m(l)}})}),this.onEvent("dragstart",i.thumbDraggable,()=>{this.#h(!1),this.#i(!0,i.primaryOrSecondary),this.#i(!0,i.primaryOrSecondary==="secondary"?"primary":"secondary")}),this.onEvent("dragend",i.thumbDraggable,r=>{this.#h(!0),i.thumbDraggable?.focus();let o=i.primaryOrSecondary==="secondary"?this.percentSecondary:this.percent;this.#p(r.detail.mouseX,r.detail.mouseY,o,i.primaryOrSecondary),this.#i(!1,i.primaryOrSecondary)})}#C(){this.onEvent("keydown",this,t=>{if(!(this.readonly||this.disabled)&&(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(t.code)>-1&&(t.preventDefault(),this.type!=="step"&&this.#h(!1)),t.target.name==="ids-slider")){let e="";switch(this.type==="range"&&this.thumbShadowSecondary?.classList.contains("active")&&(e="secondary"),t.key){case"ArrowUp":this.#f(e);break;case"ArrowDown":this.#A(e);break;case"ArrowRight":this.isRTL?this.#A(e):this.#f(e);break;case"ArrowLeft":this.isRTL?this.#f(e):this.#A(e);break;default:break}}}),this.onEvent("keyup",this,t=>{this.readonly||this.disabled||["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].indexOf(t.code)>-1&&(t.preventDefault(),this.type!=="step"&&this.#h(!0))})}#V(){this.onEvent("mouseenter",this,()=>{this.#d=!0}),this.onEvent("mouseleave",this,()=>{this.#d=!1}),this.onEvent("focusin",this.container,t=>{if(!this.disabled&&this.shadowRoot?.activeElement){this.#t(!1);let e=t.target instanceof HTMLElement&&t.target;e&&e?.classList.contains("secondary")?(this.#i(!1,"secondary"),this.#i(!0,"primary")):(this.#i(!1,"primary"),this.type==="range"&&this.#i(!0,"secondary")),this.type==="range"&&this.#t(!1,"secondary")}}),this.onEvent("focusout",this.container,()=>{!this.shadowRoot?.activeElement&&!this.#d&&(this.#t(!0),this.#i(!0,"primary"),this.type==="range"&&(this.#t(!0,"secondary"),this.#i(!0,"secondary")))})}#A(t){switch(this.type){case"step":this.value-=this.max/(this.stepNumber-1);break;case"range":t==="secondary"?this.valueSecondary=Math.max(Math.ceil(this.valueSecondary)-1,this.value):this.value=Math.max(Math.ceil(this.value)-1,this.min);break;default:this.value=Math.ceil(this.value)-1}}#f(t){switch(this.type){case"step":this.value+=this.max/(this.stepNumber-1);break;case"range":t==="secondary"?this.valueSecondary=Math.min(Math.ceil(this.valueSecondary)+1,this.max):this.value=Math.min(Math.ceil(this.value)+1,this.valueSecondary);break;default:this.value=Math.ceil(this.value)+1}}};m=f([S("ids-slider"),T(N)],m);export{m as a};

package/chunks/ids-chunk-ZUGDFUAG.js

@@ -1 +0,0 @@
-import{a as d}from"./ids-chunk-QIE6EBZO.js";import{d as o}from"./ids-chunk-ZUHWNQKP.js";import{a as s}from"./ids-chunk-EHQM67XJ.js";var l=i=>class extends i{constructor(...e){super(...e)}static get attributes(){return[...i.attributes,s.DISPLAY_MODE]}connectedCallback(){super.connectedCallback?.(),this.hasAttribute(s.DISPLAY_MODE)&&(this.displayMode=this.getAttribute(s.DISPLAY_MODE))}disconnectedCallback(){super.disconnectedCallback?.()}set displayMode(e){let t=null;typeof e=="string"&&(t=o(e,""));let a=this.displayMode;a!==t&&(d.includes(t)?t!==!1&&this.setAttribute(s.DISPLAY_MODE,`${t}`):(this.removeAttribute(s.DISPLAY_MODE),t=!1),this.#t(a,t))}get displayMode(){return this.getAttribute(s.DISPLAY_MODE)??!1}#t(e,t){this.container&&(e&&this.container?.classList.remove(`display-mode-${e}`),t&&this.container?.classList.add(`display-mode-${t}`)),typeof this.onDisplayModeChange=="function"&&this.onDisplayModeChange(e,t)}},M=l;export{M as a};

package/chunks/ids-chunk-ZUGX6HKG.js

@@ -1,14 +0,0 @@
-import{a as E}from"./ids-chunk-22WXMDLW.js";import{a as o}from"./ids-chunk-DXGQFMWW.js";import{a as d}from"./ids-chunk-OUX67T2L.js";import{a as h}from"./ids-chunk-B6P5AQ2Z.js";import{a as m}from"./ids-chunk-SNYFQ5ZT.js";import{a as l,b as c}from"./ids-chunk-XE4WFW5M.js";import{e as u}from"./ids-chunk-TJKIW3GF.js";import{a as s,b as r}from"./ids-chunk-EHQM67XJ.js";import{a}from"./ids-chunk-U7OOVFXE.js";var p=`
-/* 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;
-}`;var A=d(h(m)),i=class extends A{constructor(){super()}static get attributes(){return[s.KEEP_OPEN,s.SELECT]}template(){return'<div class="ids-menu-group" role="none"><slot></slot></div>'}connectedCallback(){super.connectedCallback(),this.#e(),this.setAttribute(r.ROLE,"group"),this.refresh()}#e(){this.onEvent("selected",this,e=>{let t=e.target.closest("ids-menu-item");this.select==="single"&&this.deselectAllExcept(t)})}refresh(){this.header?this.header?.id?(this.setAttribute(r.ARIA_LABELLED_BY,`${this.header.id}`),this.removeAttribute(r.ARIA_LABEL)):(this.setAttribute(r.ARIA_LABEL,`${this.header?.textContent}`),this.removeAttribute(r.ARIA_LABELLED_BY)):(this.setAttribute(r.ARIA_LABEL,this.#t()),this.removeAttribute(r.ARIA_LABELLED_BY))}#t(){return(this.localeAPI?.translate("MenuGroup")||"").replace("{0}",this.items.length)}get menu(){return this.parentElement}get items(){return[...this.children].filter(e=>e.matches("ids-menu-item"))}updateIconAlignment(){this.items.forEach(e=>{typeof e.decorateForIcon=="function"&&e.decorateForIcon()})}get header(){let e=this.previousElementSibling;return e&&e instanceof E?e:this.querySelector("ids-menu-header")}get select(){return this.getAttribute(s.SELECT)}set select(e){let t=`${e}`;switch(o.indexOf(t)===-1&&(t=o[0]),t){case"none":this.removeAttribute(s.SELECT);break;default:this.setAttribute(s.SELECT,t)}this.updateSelectability()}get keepOpen(){return this.hasAttribute(s.KEEP_OPEN)}set keepOpen(e){u(e)?this.setAttribute(s.KEEP_OPEN,`${e}`):this.removeAttribute(s.KEEP_OPEN)}updateSelectability(){this.items.forEach(e=>{typeof e.detectSelectability=="function"&&e.detectSelectability()})}deselectAllExcept(e){let t=[].concat(e);this.items.forEach(n=>{!t.includes(n)&&n.selected&&n.deselect()})}};i=a([l("ids-menu-group"),c(p)],i);export{i as a};

package/chunks/ids-chunk-ZY3OBEWH.js

@@ -1,20 +0,0 @@
-import{a as d}from"./ids-chunk-67UZVDJA.js";import{a as h}from"./ids-chunk-B6P5AQ2Z.js";import{a as b}from"./ids-chunk-SNYFQ5ZT.js";import{a as l,b as g}from"./ids-chunk-XE4WFW5M.js";import{e as p,f as n}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-EHQM67XJ.js";import{a as u}from"./ids-chunk-U7OOVFXE.js";var o=class extends h(b){DEFAULT_STEP=3;DEFAULT_PAGE_SIZE=10;constructor(){super()}get elements(){return{buttons:{first:this.querySelector("ids-pager-button[first]"),previous:this.querySelector("ids-pager-button[previous]"),next:this.querySelector("ids-pager-button[next]"),last:this.querySelector("ids-pager-button[last]")},input:this.querySelector("ids-pager-input"),slots:{start:this.container?.querySelector(".pager-section.start slot"),middle:this.container?.querySelector(".pager-section.middle slot"),end:this.container?.querySelector(".pager-section.end slot")},dropdowns:this.querySelectorAll("ids-pager-dropdown")}}static get attributes(){return[e.DISABLED,e.STEP,e.TOTAL,e.TYPE,e.PAGE_COUNT,e.PAGE_SIZE,e.PAGE_NUMBER]}attributeChangedCallback(s,t,i){super.attributeChangedCallback(s,t,i),[e.DISABLED,e.PAGE_NUMBER,e.PAGE_SIZE,e.STEP,e.TOTAL,e.TYPE].includes(s)&&t!==i&&(this.connectedCallback(),this.#t(s,i))}template(){switch(this.type){case"list":return this.templatePagerList();default:return this.templatePagerButtons()}}templatePagerButtons(){return`
-      <div class="ids-pager">
-        <section class="pager-section start"><slot name="start"></slot></section>
-        <section class="pager-section middle" role="navigation"><slot></slot></section>
-        <section class="pager-section end"><slot name="end"></slot></section>
-      </div>
-    `}templatePagerList(){return`
-      <div class="ids-pager">
-        <ids-pager-button label="Previous page" previous></ids-pager-button>
-        <ids-pager-number-list
-          label="Page {num} of {total}"
-          page-number="${this.pageNumber}"
-          page-size="${this.pageSize}"
-          total="${this.total}"
-          step="${this.step}"
-        >
-        </ids-pager-number-list>
-        <ids-pager-button label="Next page" next></ids-pager-button>
-      </div>
-    `}connectedCallback(){super.connectedCallback(),this.offEvent("pagenumberchange",this),this.onEvent("pagenumberchange",this,s=>{let t=n(s.detail.value);!Number.isNaN(t)&&t!==this.pageNumber&&(this.pageNumber=Number(s.detail.value))}),this.offEvent("pagesizechange",this),this.onEvent("pagesizechange",this,s=>{this.pageSize=Number(s.detail.value)})}#t(s,t){let i=["ids-pager-input","ids-pager-number-list","ids-pager-button","ids-pager-dropdown"].join(", ");[...this.shadowRoot?.querySelectorAll(i)||[],...this.querySelectorAll(i)].forEach(a=>{a.setAttribute(s,t)})}set disabled(s){let t=p(s);t&&!this.hasAttribute(e.DISABLED)?(this.setAttribute(e.DISABLED,""),this.#t(e.PARENT_DISABLED,!0)):!t&&this.hasAttribute(e.DISABLED)&&(this.removeAttribute(e.DISABLED),this.#t(e.PARENT_DISABLED,!1))}get disabled(){return this.hasAttribute(e.DISABLED)}set pageSize(s){let t=this.#e(s);this.setAttribute(e.PAGE_SIZE,String(t)),this.#s()}get pageSize(){return this.#e(this.getAttribute(e.PAGE_SIZE))}#e(s){let t=n(s);return!Number.isNaN(t)&&t>0?t:this.DEFAULT_PAGE_SIZE}set pageNumber(s){let t=this.pageNumber,i=this.pageCount,r=n(s);(r!==t||t<1||i&&i<t)&&(Number.isNaN(r)||r<1?r=1:i&&(r=Math.min(r,i)),this.setAttribute(e.PAGE_NUMBER,String(r)))}get pageNumber(){return Math.max(parseInt(this.getAttribute(e.PAGE_NUMBER)??"")||1,1)}get pageCount(){return this.total!==null&&!Number.isNaN(this.total)?Math.ceil(this.total/this.pageSize):null}set step(s){let t=n(s);if(!Number.isNaN(t)){this.setAttribute(e.STEP,String(t));return}this.removeAttribute(e.STEP)}get step(){let s=n(this.getAttribute(e.STEP));return Number.isNaN(s)?this.DEFAULT_STEP:s}set total(s){let t=n(s);(Number.isNaN(t)||t<1)&&(t=1),this.setAttribute(e.TOTAL,String(t)),this.#s()}get total(){return n(this.getAttribute(e.TOTAL))}set type(s){this.setAttribute(e.TYPE,s)}get type(){return this.getAttribute(e.TYPE)}sync(){let s=["total","pageNumber","pageSize"],t=i=>typeof i<"u"&&i!==null;s.forEach(i=>{let r=this.pager,a=this.datasource,c=t(r?.[i])&&t(a?.[i]);this.initialized&&c&&r[i]!==a[i]&&(r[i]=a[i])})}#s(){let s=Number.parseInt(this.getAttribute(e.PAGE_NUMBER)??""),t=s;Number.isNaN(t)||t<=1?t=1:this.pageCount&&t>this.pageCount&&(t=this.pageCount),this.elements.dropdowns.forEach(i=>{i.pageSize!==this.pageSize&&(i.pageSize=this.pageSize)}),t!==s&&!Number.isNaN(s)&&this.setAttribute(e.PAGE_NUMBER,String(t))}};o=u([l("ids-pager"),g(d)],o);export{o as a};