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

package/chunks/ids-chunk-DTX2CA4T.js

@@ -0,0 +1,297 @@
+import{a as Bt}from"./ids-chunk-PHQEFZRD.js";import{a as _t}from"./ids-chunk-CT5U7IVV.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-4WDX2CDM.js";import{e as Ot,g as Pt}from"./ids-chunk-JBUWUXJX.js";import{e as q}from"./ids-chunk-VEAPPKDG.js";import{a as r,b as h}from"./ids-chunk-NSM2KAOK.js";import{a as Rt,b as d,c,d as o,e as p,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,v,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,v);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"),p(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,v,f).call(this,!0),this.type==="range"&&(this.thumbDraggableSecondary?.setAttribute(r.DISABLED,"true"),this.thumbDraggableSecondary?.setAttribute(r.TABINDEX,"-1"),i(this,v,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,v,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?(p(this,x,e),this.setAttribute(r.LABEL,e)):(p(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?(p(this,N,e),this.setAttribute(r.LABEL_SECONDARY,e)):(p(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&&(p(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"&&p(this,w,!1),c(this,w)}set labels(t){p(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){p(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){p(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,v,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,y=!1,m=i(this,it,xt).call(this,b,u,t,y);(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 y=0;y<b;y++)l&&n&&a<s&&l[l.length-1-y]?.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"))},v=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,y=this.isRTL?a:l,m=this.vertical?n:u,g=this.vertical?s:y;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 y=this.vertical?this.thumbDraggableSecondary?.getBoundingClientRect().y:this.thumbDraggableSecondary?.getBoundingClientRect().x,m=this.vertical?e:t;Math.abs(m-(l??NaN))>Math.abs(m-(y??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],y=0;for(let g=0;g<b.length;g++)b[g]<u&&(u=b[g],y=g);let m=a[y];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,y=this.vertical?n:b,m=!0,g=i(this,it,xt).call(this,u,y,s,m);(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(){p(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,v,f).call(this,!0),this.type==="range"&&i(this,v,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,v,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,()=>{p(this,M,!0)}),this.onEvent("mouseleave",this,()=>{p(this,M,!1)}),this.onEvent("focusin",this.container,t=>{if(!this.disabled&&this.shadowRoot?.activeElement){i(this,v,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,v,f).call(this,!1,"secondary")}}),this.onEvent("focusout",this.container,()=>{!this.shadowRoot?.activeElement&&!c(this,M)&&(i(this,v,f).call(this,!0),i(this,S,L).call(this,!0,"primary"),this.type==="range"&&(i(this,v,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-DUHHOTPB.js

@@ -0,0 +1,191 @@
+import{a as x}from"./ids-chunk-SEHCH7FR.js";import{a as w}from"./ids-chunk-D7UBFM7J.js";import{a as T}from"./ids-chunk-35NW35ZW.js";import{a as y}from"./ids-chunk-VE4Y62R6.js";import{a as I}from"./ids-chunk-PHQEFZRD.js";import{a as E,b as D}from"./ids-chunk-XE4WFW5M.js";import{h as S,j as m,t as k,v as g}from"./ids-chunk-SDTXNG6G.js";import{e as o,f as d}from"./ids-chunk-VEAPPKDG.js";import{a as i,b}from"./ids-chunk-NSM2KAOK.js";import{a as f,b as a,c as A,d as v,e as c}from"./ids-chunk-Y32WUP63.js";var P=`ids-popup::part(popup) {
+  padding-block: 0;
+}
+
+ids-popup[visible][animated] {
+  transition: none;
+}
+
+.ids-date-picker-popup .ids-popup.menu {
+  padding-block: 0;
+}
+
+ids-month-view {
+  width: 100%;
+}
+
+#month-year-view-trigger {
+  margin: 4px;
+}
+
+.ids-date-picker-popup {
+  min-width: 350px;
+}
+.ids-date-picker-popup:not(.has-time) ids-month-view::part(table-container) {
+  margin-bottom: 10px;
+}
+.ids-date-picker-popup ids-popup::part(popup) {
+  padding-block: 0;
+}
+.ids-date-picker-popup .popup-footer {
+  border-top: 1px solid var(--ids-date-picker-popup-footer-color-border);
+  display: flex;
+}
+.ids-date-picker-popup .popup-footer ids-modal-button:not([hidden]) + ids-modal-button,
+.ids-date-picker-popup .popup-footer .ids-modal-button:not([hidden]) + .ids-modal-button {
+  border-left: 1px solid;
+  border-left-color: var(--ids-date-picker-popup-footer-color-border);
+}
+.ids-date-picker-popup .popup-btn {
+  width: 100%;
+}
+
+.ids-date-picker-content {
+  position: relative;
+}
+
+ids-expandable-area {
+  display: block;
+}
+
+ids-expandable-area:not([expanded]),
+ids-expandable-area[expanded=false] {
+  pointer-events: none;
+}
+
+ids-expandable-area::part(container) {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  position: absolute;
+  z-index: 3;
+  border: none;
+  left: 0;
+  width: 100%;
+}
+
+ids-expandable-area::part(header) {
+  display: none;
+}
+
+ids-expandable-area::part(pane) {
+  background-color: var(--ids-date-picker-color-background);
+}
+
+ids-expandable-area::part(footer) {
+  display: none;
+}
+
+ids-expandable-area::part(pane-content) {
+  margin-top: 0;
+  height: 100%;
+}
+
+ids-time-picker-popup {
+  display: flex;
+  justify-content: center;
+}
+
+.btn-today {
+  margin-right: -7px;
+}
+.btn-today::part(button) {
+  padding: 10px 8px;
+  margin: 3px;
+}
+
+.btn-today-text {
+  color: var(--ids-date-picker-popup-button-today-color-text);
+}
+
+.btn-previous,
+.btn-next {
+  padding-inline-start: 0;
+  margin: 3px;
+}
+.btn-previous::part(button),
+.btn-next::part(button) {
+  padding: 0;
+  width: 44px;
+  height: 44px;
+}
+
+.btn-next {
+  margin: 3px 3px 3px -5px;
+}`;var R=x(T(I(w))),l,p=class extends R{constructor(){super();a(this,"expandableArea");a(this,"monthView");a(this,"monthYearPicklist");a(this,"timepicker");a(this,"toolbar");a(this,"vetoableEventTypes",["beforeshow"]);a(this,"onLocaleChange",t=>{this.updateMonthYearPickerTriggerDisplay(t),this.monthYearPicklist&&(this.monthYearPicklist.locale=this.locale,this.monthYearPicklist.language=this.language.name),this.monthView&&(this.monthView.locale=this.locale,this.monthView.language=this.language.name),this.shadowRoot?.querySelectorAll("[translate-text]").forEach(e=>{e.language=this.language.name})});v(this,l,void 0);c(this,l,"")}connectedCallback(){super.connectedCallback(),this.configureComponents(),this.attachEventListeners(),this.attachExpandedListener()}disconnectedCallback(){super.disconnectedCallback?.(),this.removeEventListeners(),this.expandableArea=null,this.monthView=null,this.monthYearPicklist=null,this.timepicker=null,this.toolbar=null}static get attributes(){return[...super.attributes,...y,i.EXPANDED]}template(){return`<ids-popup class="ids-date-picker-popup" type="menu" align="bottom, left" arrow="bottom" tabIndex="-1" animated>
+      <slot slot="content" name="toolbar">
+        ${this.toolbarTemplate()}
+      </slot>
+      <div class="ids-date-picker-content" slot="content">
+        <ids-expandable-area
+          expand-style="fill"
+          expanded="${this.expanded}"
+        >
+          <ids-month-year-picklist
+            slot="pane"
+            ${this.showPicklistYear?'show-picklist-year="true"':""}></ids-month-year-picklist>
+        </ids-expandable-area>
+        <ids-month-view
+          compact="true"
+          is-date-picker="true"
+          show-week-numbers="${this.showWeekNumbers}"
+          show-today=${this.showToday}
+          first-day-of-week="${this.firstDayOfWeek}"
+          year="${this.year}"
+          month="${this.month}"
+          day="${this.day}"
+          use-range="${this.useRange}"
+        ></ids-month-view>
+      ${this.hasTime()?this.timepickerTemplate():""}
+      </div>
+      <div
+        slot="content"
+        class="popup-footer"
+        part="footer">
+        <ids-modal-button class="popup-btn popup-btn-cancel" cancel ${this.showCancel?"":" hidden"}>
+          <ids-text translate-text="true" font-weight="semi-bold" part="btn-cancel">Cancel</ids-text>
+        </ids-modal-button>
+        <ids-modal-button class="popup-btn popup-btn-clear" part="btn-clear" ${this.showClear?"":" hidden"}>
+          <ids-text translate-text="true" font-weight="semi-bold">Clear</ids-text>
+        </ids-modal-button>
+        <ids-modal-button class="popup-btn popup-btn-apply"${this.useRange||this.expanded?" disabled":" hidden"} part="btn-apply" appearance="primary">
+          <ids-text translate-text="true" font-weight="semi-bold">Apply</ids-text>
+        </ids-modal-button>
+      </div>
+    </ids-popup>`}timepickerTemplate(){return`
+      <ids-time-picker-popup
+        minute-interval="${this.minuteInterval}"
+        second-interval="${this.secondInterval}"
+        use-current-time="${this.useCurrentTime}"
+        embeddable="true"
+        autoupdate="true"
+        format="${this.format}"
+        value="${this.value}"
+      ></ids-time-picker-popup>
+    `}toolbarTemplate(){let t=`<ids-button class="btn-previous">
+      <ids-text audible="true" translate-text="true">PreviousMonth</ids-text>
+      <ids-icon icon="chevron-left"></ids-icon>
+    </ids-button>
+    <ids-button class="btn-next">
+      <ids-text audible="true" translate-text="true">NextMonth</ids-text>
+      <ids-icon icon="chevron-right"></ids-icon>
+    </ids-button>`,e=this.showToday?`<ids-button css-class="no-padding" class="btn-today">
+      <ids-text
+        class="btn-today-text"
+        font-size="16"
+        translate-text="true"
+        font-weight="semi-bold"
+      >Today</ids-text>
+    </ids-button>`:"";return`<ids-toolbar class="month-view-header" tabbable="true">
+      <ids-toolbar-section favor>
+        <ids-toggle-button id="month-year-view-trigger" icon-off="dropdown" icon-on="dropdown" icon="dropdown" icon-align="end" no-padding class="dropdown-btn">
+          <ids-text audible="true" translate-text="true">DatePickerTriggerButton</ids-text>
+          <ids-text class="dropdown-btn-text" font-size="20" aria-live="polite">${this.formatMonthText()}</ids-text>
+          <ids-icon icon="dropdown" class="dropdown-btn-icon"></ids-icon>
+        </ids-toggle-button>
+      </ids-toolbar-section>
+      <ids-toolbar-section class="toolbar-buttonset monthview-nav" align="end" type="fluid"${this.expanded?" inactive":""}>
+        ${e}
+        ${t}
+      </ids-toolbar-section>
+    </ids-toolbar>`}get buttons(){return this.container?.querySelectorAll("ids-button, ids-modal-button, ids-toggle-button")}get showToday(){let t=this.getAttribute(i.SHOW_TODAY);return t!==null?o(t):!0}set showToday(t){o(t)?(this.setAttribute(i.SHOW_TODAY,"true"),this.todayBtnEl?.removeAttribute(i.HIDDEN)):(this.setAttribute(i.SHOW_TODAY,"false"),this.todayBtnEl?.setAttribute(i.HIDDEN,"true"))}onFirstDayOfWeekChange(t){this.monthView?.setAttribute(i.FIRST_DAY_OF_WEEK,`${t}`),this.monthYearPicklist?.setAttribute(i.FIRST_DAY_OF_WEEK,`${t}`)}onMonthChange(t,e){e?(this.monthView?.setAttribute(i.MONTH,`${t}`),this.monthYearPicklist?.setAttribute(i.MONTH,`${t}`)):(this.monthView?.removeAttribute(i.MONTH),this.monthYearPicklist?.removeAttribute(i.MONTH))}onYearChange(t,e){e?(this.monthView?.setAttribute(i.YEAR,`${t}`),this.monthYearPicklist?.setAttribute(i.MONTH,`${t}`)):(this.monthView?.removeAttribute(i.YEAR),this.monthYearPicklist?.removeAttribute(i.YEAR))}onDayChange(t,e){e?(this.monthView?.setAttribute(i.DAY,`${t}`),this.monthYearPicklist?.setAttribute(i.DAY,`${t}`)):(this.monthView?.removeAttribute(i.DAY),this.monthYearPicklist?.removeAttribute(i.DAY))}onFormatChange(){this.container&&(this.monthView&&(this.monthView.format=this.format),this.timepicker&&(this.timepicker.format=this.format),this.updateTimepickerDisplay())}hideIfAble(){!this.expanded&&this.popup?.visible&&this.hide()}get applyBtnEl(){return this.container?.querySelector(".popup-btn-apply")}get cancelBtnEl(){return this.container?.querySelector(".popup-btn-cancel")}get todayBtnEl(){return this.container?.querySelector(".btn-today")}get expanded(){return o(this.getAttribute(i.EXPANDED))}set expanded(t){let e=o(t);e?(this.setAttribute(i.EXPANDED,`${e}`),this.expandableArea?.setAttribute(i.EXPANDED,`${e}`),this.toolbar?.querySelector(".monthview-nav")?.setAttribute(i.INACTIVE,"true")):(this.removeAttribute(i.EXPANDED),this.expandableArea?.removeAttribute(i.EXPANDED),this.toolbar?.querySelector(".monthview-nav")?.removeAttribute(i.INACTIVE))}onDisableSettingsChange(t){this.monthView&&(this.monthView.disableSettings=t)}onLegendSettingsChange(t){this.monthView&&(this.monthView.legend=t)}getRangeSettings(){return this.monthView?.rangeSettings||this.rangeSettings}setRangeSettings(t){this.monthView?this.monthView.rangeSettings=t:this.rangeSettings=t}onRangeSettingsChange(t){if(this.monthView){let e=this.applyBtnEl;if(this.setRangeSettings(t),t?.start&&t?.end){let s=this.localeAPI.formatDate(this.setTime(t.start),{pattern:this.format}),n=this.localeAPI.formatDate(this.setTime(t.end),{pattern:this.format});this.value=`${s}${t.separator}${n}`,t.selectWeek||e?.removeAttribute(i.DISABLED)}else t?.separator&&this.value.indexOf(t?.separator)>-1&&(this.value=g(this.value,t?.separator)),e?.setAttribute(i.DISABLED,"true");t?.selectWeek&&e?.setAttribute(i.HIDDEN,"true")}}get minuteInterval(){return d(this.getAttribute(i.MINUTE_INTERVAL))}set minuteInterval(t){let e=d(t);e?(this.setAttribute(i.MINUTE_INTERVAL,`${e}`),this.timepicker?.setAttribute(i.MINUTE_INTERVAL,`${e}`)):(this.removeAttribute(i.MINUTE_INTERVAL),this.timepicker?.removeAttribute(i.MINUTE_INTERVAL))}get secondInterval(){return d(this.getAttribute(i.SECOND_INTERVAL))}set secondInterval(t){let e=d(t);e?(this.setAttribute(i.SECOND_INTERVAL,`${e}`),this.timepicker?.setAttribute(i.SECOND_INTERVAL,`${e}`)):(this.removeAttribute(i.SECOND_INTERVAL),this.timepicker?.removeAttribute(i.SECOND_INTERVAL))}get showClear(){return o(this.getAttribute(i.SHOW_CLEAR))}set showClear(t){let e=o(t),s=this.container?.querySelector(".popup-btn-clear");e?(this.setAttribute(i.SHOW_CLEAR,e.toString()),s?.removeAttribute(i.HIDDEN)):(this.removeAttribute(i.SHOW_CLEAR),s?.setAttribute(i.HIDDEN,(!e).toString()))}get showCancel(){return o(this.getAttribute(i.SHOW_CANCEL))}set showCancel(t){let e=o(t),s=this.container?.querySelector(".popup-btn-cancel");e?(this.setAttribute(i.SHOW_CANCEL,String(e)),s?.removeAttribute(i.HIDDEN)):(this.removeAttribute(i.SHOW_CANCEL),s?.setAttribute(i.HIDDEN,(!e).toString()))}get showPicklistYear(){let t=this.getAttribute(i.SHOW_PICKLIST_YEAR);return t?o(t):!0}set showPicklistYear(t){let e=o(t);this.setAttribute(i.SHOW_PICKLIST_YEAR,String(e)),this.monthYearPicklist?.setAttribute(i.SHOW_PICKLIST_YEAR,String(e))}get showPicklistMonth(){let t=this.getAttribute(i.SHOW_PICKLIST_MONTH);return t?o(t):!0}set showPicklistMonth(t){let e=o(t);this.setAttribute(i.SHOW_PICKLIST_MONTH,String(e)),this.monthYearPicklist?.setAttribute(i.SHOW_PICKLIST_MONTH,String(e))}get showPicklistWeek(){return o(this.getAttribute(i.SHOW_PICKLIST_WEEK))}set showPicklistWeek(t){let e=o(t);e?(this.setAttribute(i.SHOW_PICKLIST_WEEK,String(e)),this.monthYearPicklist?.setAttribute(i.SHOW_PICKLIST_WEEK,String(e))):(this.removeAttribute(i.SHOW_PICKLIST_WEEK),this.monthYearPicklist?.removeAttribute(i.SHOW_PICKLIST_WEEK))}get useCurrentTime(){return o(this.getAttribute(i.USE_CURRENT_TIME))}set useCurrentTime(t){let e=o(t);e?(this.setAttribute(i.USE_CURRENT_TIME,String(e)),this.timepicker?.setAttribute(i.USE_CURRENT_TIME,String(e))):(this.removeAttribute(i.USE_CURRENT_TIME),this.timepicker?.removeAttribute(i.USE_CURRENT_TIME))}onUseRangeChange(t){let e=this.applyBtnEl;t?(this.monthView?.setAttribute(i.USE_RANGE,String(t)),e?.removeAttribute(i.HIDDEN),e?.setAttribute(i.DISABLED,"true")):(this.monthView?.removeAttribute(i.USE_RANGE),this.expanded||e?.setAttribute(i.HIDDEN,"true"),e?.removeAttribute(i.DISABLED))}get value(){return A(this,l)}set value(t){if(!t){c(this,l,""),this.dateValue=null,this.removeAttribute(i.VALUE);return}let e=this.getDateValue(t);if(this.useRange){let n=this.getRangeSettings().separator,[r]=t.split(n);e=this.getDateValue(r.trim())}e&&m(e)&&(this.dateValue=e,this.syncDateAttributes(e)),this.setAttribute(i.VALUE,t),c(this,l,t),this.timepicker?.setAttribute(i.VALUE,t)}onPicklistExpand(){let t=this.applyBtnEl,e=this.cancelBtnEl;this.monthYearPicklist?.activatePicklist(),t?.removeAttribute(i.HIDDEN),t?.removeAttribute(i.DISABLED),this.showCancel&&e?.removeAttribute(i.HIDDEN)}onPicklistCollapse(){this.monthYearPicklist?.deactivatePicklist&&this.monthYearPicklist?.deactivatePicklist(),this.updateActionButtonStateOnShow()}configureComponents(){this.expandableArea=this.container?.querySelector("ids-expandable-area"),this.monthView=this.container?.querySelector("ids-month-view"),this.monthYearPicklist=this.container?.querySelector("ids-month-year-picklist"),this.hasTime()?(this.timepicker=this.container?.querySelector("ids-time-picker-popup"),this.useCurrentTime&&this.setCurrentTime()):(this.timepicker?.remove(),this.timepicker=null),this.toolbar=this.container?.querySelector("ids-toolbar")}getActiveDate(){return this.monthView?.activeDate||this.activeDate}attachExpandedListener(){this.expandableArea&&(this.offEvent("afterexpand"),this.onEvent("afterexpand",this.expandableArea,()=>{this.onPicklistExpand()}),this.offEvent("beforecollapse"),this.onEvent("beforecollapse",this.expandableArea,()=>{this.onPicklistCollapse()}))}attachEventListeners(){this.offEvent("dayselected.date-picker-calendar"),this.onEvent("dayselected.date-picker-calendar",this.monthView,t=>{this.handleDaySelectedEvent(t)}),this.offEvent("datechange"),this.onEvent("datechange",this.monthView,t=>{t.stopPropagation(),this.updateMonthYearPickerTriggerDisplay()}),this.offEvent("click.date-picker-header"),this.toolbar&&this.onEvent("click.date-picker-header",this.toolbar,t=>{let e=t.target,s=e.closest(".dropdown-btn");if(s){s.disabled||(this.expanded=!this.expanded);return}let n=e.closest(".btn-previous, .btn-next, .btn-today");n&&(n.disabled||(n.classList.contains("btn-next")?this.monthView?.changeDate("next-month"):n.classList.contains("btn-previous")?this.monthView?.changeDate("previous-month"):n.classList.contains("btn-today")&&this.handleTodayEvent()))}),this.offEvent("click.date-picker-footer"),this.onEvent("click.date-picker-footer",this.container?.querySelector(".popup-footer"),t=>{let e=t.target;if(e){if(t.stopPropagation(),e.closest(".popup-btn-apply")){this.handleApplyEvent(t);return}if(e.closest(".popup-btn-clear")){this.clear(),this.hide(!0);return}e.closest(".popup-btn-cancel")&&(this.expanded=!1,this.hide(!0))}}),this.target&&(this.offEvent("change.date-picker-input"),this.onEvent("change.date-picker-input",this.target,t=>{this.setAttribute(i.VALUE,t.detail.value)})),this.hasTime()&&(this.offEvent("timeselected.date-picker-time"),this.onEvent("timeselected.date-picker-time",this.timepicker,()=>{this.value=this.localeAPI.formatDate(this.setTime(this.getActiveDate()),{pattern:this.format}),this.triggerSelectedEvent()}))}removeEventListeners(){this.offEvent("dayselected.date-picker-calendar"),this.offEvent("datechange"),this.offEvent("click.date-picker-header"),this.offEvent("click.date-picker-footer"),this.offEvent("change.date-picker-input")}handleApplyEvent(t){if(t.stopPropagation(),!this.monthView)return;if(this.expanded){this.captureValueFromPicklist(),this.updateMonthYearPickerTriggerDisplay(),this.expanded=!1;return}let e=this.getRangeSettings();if(this.useRange){e.end||e.start&&!e.end?(e.minDays&&e.start===e.end&&(e.start=S(e.start,e.minDays,"days"),this.setRangeSettings(e)),this.value=[this.localeAPI.formatDate(this.setTime(e.start),{pattern:this.format}),e.separator,this.localeAPI.formatDate(this.setTime(e.end??this.getActiveDate()),{pattern:this.format})].filter(Boolean).join(""),this.hide(!0),this.triggerSelectedEvent()):(this.value=this.localeAPI.formatDate(this.setTime(e.start??this.getActiveDate()),{pattern:this.format}),e.start=this.getActiveDate(),this.setRangeSettings(e));return}this.target&&(this.value=this.localeAPI.formatDate(this.setTime(this.getActiveDate()),{pattern:this.format})),this.hide(!0),this.triggerSelectedEvent()}clear(){this.expanded=!1,this.resetRangeSettings(),this.value="",this.triggerSelectedEvent()}handleDaySelectedEvent(t){if(!this.monthView)return;let e=this.dateValue;if(e instanceof Date&&m(e)&&e.getTime()===t.detail.date.getTime()){this.value="",this.monthView.selectDay&&this.monthView.selectDay(),this.triggerSelectedEvent(t);return}if(this.useRange){let s=this.getRangeSettings();if(s.selectWeek){let r=this.setTime(t.detail.rangeStart);this.value=[this.localeAPI.formatDate(r,{pattern:this.format}),s.separator,t.detail.rangeEnd&&this.localeAPI.formatDate(this.setTime(t.detail.rangeEnd),{pattern:this.format})].filter(Boolean).join(""),t.detail.date=r,t.detail.value=this.value,this.hide(!0),this.triggerSelectedEvent(t);return}t.stopPropagation();let n=this.applyBtnEl;t.detail.rangeStart&&t.detail.rangeEnd?n?.removeAttribute(i.DISABLED):n?.setAttribute(i.DISABLED,"true")}else{let s=this.setTime(t.detail.date);this.value=this.localeAPI.formatDate(s,{pattern:this.format}),this.year=t.detail.date.getFullYear(),this.month=t.detail.date.getMonth(),this.day=t.detail.date.getDate(),t.detail.date=s,t.detail.value=this.value,this.hide(!0),this.triggerSelectedEvent(t)}}handleTodayEvent(){if(this.monthView){if(this.monthView.changeDate("today"),this.useRange){let t=this.getRangeSettings();t.start=this.getActiveDate(),t.end=null,this.setRangeSettings(t);return}this.value=this.localeAPI.formatDate(this.setTime(this.getActiveDate()),{pattern:this.format}),this.triggerSelectedEvent(),this.hide(!0)}}captureValueFromPicklist(){if(!this.monthYearPicklist)return;let{month:t,year:e}=this.monthYearPicklist;this.year=e,this.month=t,this.value=this.getFormattedDate(this.activeDate)}hasTime(){return this.format?this.format.includes("h")||this.format.includes("m")||this.format.includes("s"):!1}setTime(t){let e=m(t)?t:new Date(t),s=this.container?.querySelector("ids-time-picker-popup");if(!this.hasTime()||!s)return e;let n=s.hours,r=s.minutes,h=s.seconds,u=s.period,V=this.localeAPI?.calendar().dayPeriods?.indexOf(u);return e.setHours(k(n,V),r,h),e}triggerSelectedEvent(t){let e;if(t)e=t;else{let s=this.getRangeSettings();e={bubbles:!0,detail:{elem:this,date:this.getActiveDate(),useRange:this.useRange,rangeStart:this.useRange&&s.start?new Date(s.start):null,rangeEnd:this.useRange&&s.end?new Date(s.end):null,value:this.value}}}if(this.target){let s=new CustomEvent("dayselected",e);this.target.dispatchEvent(s)}}updateTimepickerDisplay(){let t=this.hasTime();this.container?.classList.toggle("has-time",t),t?this.timepicker||(this.monthView?.insertAdjacentHTML("afterend",this.timepickerTemplate()),this.timepicker=this.container?.querySelector("ids-time-picker-popup")):(this.timepicker?.remove(),this.timepicker=null)}removeRipples(){this.buttons?.forEach(t=>{t.removeRipples()})}syncDateAttributes(t){let e=t,s=this.getRangeSettings();typeof t=="string"&&this.useRange&&s.separator&&(e=g(t,s.separator));let n=new Date(e),r=n.getMonth(),h=n.getFullYear(),u=n.getDate();this.year!==h&&(this.year=h),this.month!==r&&(this.month=r),this.day!==u&&(this.day=u),this.hasTime()&&this.timepicker&&(this.timepicker.value=this.value),this.monthView&&typeof this.monthView.selectDayFromValue=="function"&&this.monthView.selectDayFromValue(`${e}`),this.updateMonthYearPickerTriggerDisplay()}setCurrentTime(){this.timepicker&&(this.timepicker.value=this.localeAPI.formatDate(new Date,{pattern:this.format}))}formatMonthText(t,e){let s=t||this.localeAPI,n=e||this.getActiveDate();if(!s)return"";let r=["Jan","Feb","Mar","Apr","May","June","July","Aug","Sep","Oct","Nov","Dec"];return`${s?.translate(`MonthWide${r[n.getMonth()]}`)} ${n.getFullYear()}`}updateMonthYearPickerTriggerDisplay(t,e){let s=this.formatMonthText(t,e)||"",n=this.container?.querySelector(".dropdown-btn-text");n&&(n.innerText=s)}onHide(){this.container?.setAttribute(b.TABINDEX,"-1"),this.expanded=!1,this.removeRipples()}onShow(){this.attachEventListeners(),this.updateActionButtonStateOnShow(),this.container?.removeAttribute(b.TABINDEX),this.focus()}updateActionButtonStateOnShow(){let t=this.applyBtnEl,e=this.getRangeSettings(),s=!(e.start&&e.end);this.useRange?e.selectWeek?t?.setAttribute(i.HIDDEN,"true"):(t?.removeAttribute(i.HIDDEN),t?.setAttribute(i.DISABLED,`${s}`)):(t&&(t.removeRipples&&t?.removeRipples(),t.setAttribute(i.HIDDEN,"true"),t.setAttribute(i.DISABLED,`${s}`)),this.showCancel&&this.cancelBtnEl?.removeAttribute(i.HIDDEN))}isDisabledByDate(t){return this.monthView?.isDisabledByDate(t)}focus(){this.expanded?this.monthYearPicklist?.focus():this.monthView?.focus()}set showWeekNumbers(t){o(t)?this.setAttribute(i.SHOW_WEEK_NUMBERS,""):this.removeAttribute(i.SHOW_WEEK_NUMBERS)}get showWeekNumbers(){return o(this.getAttribute(i.SHOW_WEEK_NUMBERS))}};l=new WeakMap,p=f([E("ids-date-picker-popup"),D(P)],p);var tt=p;export{tt as a};

package/chunks/ids-chunk-DZEBKRMD.js

@@ -0,0 +1,18 @@
+import{a as x}from"./ids-chunk-IKW2HVIN.js";import{a as $}from"./ids-chunk-PHQEFZRD.js";import{a as M}from"./ids-chunk-XE4WFW5M.js";import{d as R}from"./ids-chunk-U4XVR5SW.js";import{d as S,e as I,h as L}from"./ids-chunk-VEAPPKDG.js";import{a as r}from"./ids-chunk-NSM2KAOK.js";import{a as y,d as m,g as u}from"./ids-chunk-Y32WUP63.js";var E=`[${r.MORE_ACTIONS}]`,g,C,d,p,v,V,w,k,h=class extends $(x){constructor(){super();m(this,g);m(this,d);m(this,v);m(this,w)}static get attributes(){return[...super.attributes,r.OVERFLOW]}connectedCallback(){super.connectedCallback(),u(this,w,k).call(this),this.renderOverflowedItems(),u(this,v,V).call(this)}template(){let n=L("ids-tab","more",this.selected,this.orientation),t=this.selected?' font-weight="semi-bold"':"";return`<div id="tab-more" ${n} tabindex="-1" part="container">
+      <span class="tab-more-text">
+        <ids-text id="count">4</ids-text>
+        <ids-text id="more-text" size="22"${t} translate-text="true">More</ids-text>
+        <ids-icon icon="dropdown"></ids-icon>
+      </span>
+      <ids-popup-menu id="tab-more-menu" target="#tab-more">
+        <slot></slot>
+      </ids-popup-menu>
+    </div>`}get menu(){return this.shadowRoot?.querySelector("ids-popup-menu")}get moreActionsGroup(){return this.querySelector(E)}get predefinedMenuItems(){return[...this.querySelectorAll(`:scope > ids-menu-group:not(${E}) > ids-menu-item`)]}get overflowMenuItems(){let e=this.moreActionsGroup;return e?[...e.children]:[]}get availableOverflowTabs(){return this.parentElement?.tabListElements}get dropdownIcon(){return this.shadowRoot?.querySelector('ids-icon[icon="dropdown"]')}refreshOverflowedItems(){let e=0;this.hidden=!1,this.overflowMenuItems.forEach(t=>{let o=!this.isOverflowed(t.overflowTarget);t.hidden=o,o?t.overflowTarget.removeAttribute(r.OVERFLOWED):(t.overflowTarget.setAttribute(r.OVERFLOWED,""),e++)});let n=this.container?.querySelector("#count");n&&(n.innerHTML=`${e}`),this.hidden=!this.hasVisibleActions(),this.hasVisibleActions()||this.menu?.hide(),this.disabled=!this.hasEnabledActions()}renderOverflowedItems(){let e=this.querySelector(E);if(e&&!this.overflow){e.remove();return}this.innerHTML="",this.insertAdjacentHTML("afterbegin",u(this,g,C).call(this));let n=(l,a)=>{a&&[...l.submenu.children].forEach((i,b)=>{i.overflowTarget=a.items[b],i.submenu&&n(i,i.overflowTarget.submenu)})},t=this.moreActionsGroup,o=this.availableOverflowTabs,f=this.overflowMenuItems;o?.length&&o.forEach((l,a)=>{let i=f[a];i||(t.insertAdjacentHTML("beforeend",u(this,d,p).call(this,l)),i=t[t.length-1]),i.overflowTarget=l,i.submenu&&n(i,i.overflowTarget.menuEl)})}set overflow(e){let n=I(e),t=this.overflow;n!==t&&(n?this.setAttribute(r.OVERFLOW,""):this.removeAttribute(r.OVERFLOW))}get overflow(){return this.hasAttribute(r.OVERFLOW)}hasVisibleActions(){return this.querySelectorAll(":scope > ids-menu-group > ids-menu-item:not([hidden])").length>0}hasEnabledActions(){return this.querySelectorAll(":scope > ids-menu-group > ids-menu-item:not([disabled])").length>0}isOverflowed(e){if(!this.parentElement?.contains(e)||e.isEqualNode(this)||e.hidden)return!1;let n=e.getBoundingClientRect(),t=this.parentElement?.moreContainer?.getBoundingClientRect();return this.localeAPI?.isRTL()?n.left<t.right-1:n.right>t.left+1}};g=new WeakSet,C=function(){let n=this.availableOverflowTabs?.map(t=>u(this,d,p).call(this,t)).join("")||"";return`<ids-menu-group ${r.MORE_ACTIONS} select="single">
+      ${n}
+    </ids-menu-group>`},d=new WeakSet,p=function(e,n=!1){let t="",o="",f="",l="",a="",i="",b="";n||(i=this.isOverflowed(e)?"":" hidden");let T=s=>`<ids-icon slot="icon" icon="${s}" size="xsmall"></ids-icon>`,A=s=>{t=s.textContent,s.disabled&&(l=" disabled"),s.value&&(b=` value="${s.value}"`);let c=s.querySelector("ids-icon");c&&(o=T(c.icon))},O=s=>{let c=n?"submenu":"menuEl";s[c]&&(a=`<ids-popup-menu slot="submenu">
+          ${s[c].items.map(N=>u(this,d,p).call(this,N,!0)).join("")||""}
+        </ids-popup-menu>`)},q=s=>{s.disabled&&(l=" disabled"),s.icon&&(o=T(s.icon)),s.hidden&&(f=" hidden"),t=s.text,s.submenu&&O(s)};switch(e.tagName){case"IDS-TAB-DROPDOWN":A(e),O(e);break;case"IDS-MENU-ITEM":q(e);break;case"IDS-TAB":A(e);break;default:t=e.textContent;break}return t=`<span class="ids-tab-more-menu-item-text">${S(t)?.trim()}</span>`,`<ids-menu-item${l}${f||i}${b}>
+      ${t}
+      ${o}
+      ${a}
+    </ids-menu-item>`},v=new WeakSet,V=function(){this.menu.target=this,this.menu.triggerType="click",this.colorVariant!=="module"?(this.menu.popup.arrow="bottom",this.menu.popup.arrowTarget=this.dropdownIcon||this,this.menu.popup.align="bottom, right",this.menu.popup.y=4):(this.menu.popup.align="bottom, left",this.menu.width="100%",this.menu.popup.y=-10)},w=new WeakSet,k=function(){this.onEvent("beforeshow",this.menu,e=>{this.triggerEvent("beforeshow",this,{bubbles:e.bubbles,detail:e.detail}),this.refreshOverflowedItems()}),this.onEvent("click",this,()=>{this.menu.visible?this.menu.hide():this.menu.show()}),this.onEvent("click",this.menu,e=>{let n=e.target;if(n&&n.tagName==="IDS-ICON"&&n.getAttribute("icon")==="close"){let t=R(n,"ids-menu-item");t&&t.overflowTarget.dismiss()}}),this.onEvent("selected",this.menu,e=>{let n=e.detail.elem;n.overflowTarget&&n.overflowTarget.click()})},h=y([M("ids-tab-more")],h);export{h as a};