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

package/chunks/ids-chunk-IGZPQ3V7.js

@@ -1,104 +0,0 @@
-import{a as o}from"./ids-chunk-XUBQJWA7.js";import{a as c}from"./ids-chunk-SZUQMNLD.js";import{a as d,b as l}from"./ids-chunk-XE4WFW5M.js";import{a as i}from"./ids-chunk-6EMRTLSG.js";import{a}from"./ids-chunk-5K6IDMGA.js";var m=`
-/* Ids Modal Component */
-:host {
-  display: block;
-  position: fixed;
-  height: 100%;
-  width: 100%;
-  top: 0;
-  left: 0;
-}
-
-:host(:not([visible])) {
-  pointer-events: none;
-}
-
-.ids-modal {
-  display: block;
-  pointer-events: none;
-}
-.ids-modal[visible] {
-  pointer-events: auto;
-}
-
-.ids-modal-header {
-  padding: var(--ids-modal-header-padding);
-}
-
-.ids-modal-content {
-  padding: var(--ids-modal-content-padding);
-  flex-grow: 1;
-  flex-shrink: 1;
-}
-.ids-modal-content.has-scrollbar {
-  overflow: auto;
-}
-
-.ids-modal-header + .ids-modal-content {
-  padding-block-start: 0;
-}
-
-.ids-modal-header,
-.ids-modal-footer {
-  align-items: center;
-  display: flex;
-}
-
-.ids-modal-footer {
-  margin: var(--ids-modal-footer-margin);
-  border-top: 1px solid var(--ids-modal-footer-color-border);
-}
-.ids-modal-footer[hidden] {
-  border-top: none;
-}
-
-.ids-modal-container {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  height: 100%;
-  width: 100%;
-}
-
-::slotted([slot=buttons]) {
-  flex-grow: 1;
-  display: flex;
-}
-
-::slotted([slot=buttons]:not(:first-of-type)) {
-  border-inline-start: 1px solid var(--ids-modal-footer-color-border);
-}
-
-.ids-modal-button:not(.ids-modal-icon-button):not(:first-of-type) {
-  border-left: 1px solid var(--ids-modal-footer-color-border);
-}
-
-@media screen and (min-width: 600px) {
-  ::slotted([slot=title]) {
-    font-size: var(--ids-font-size-60);
-  }
-}
-:host {
-  display: block;
-}
-
-.ids-message-status {
-  padding-inline-end: 8px;
-  color: var(--ids-message-color-text);
-}
-.ids-message-status.error {
-  color: var(--ids-message-color-icon-error);
-}
-.ids-message-status.warning {
-  color: var(--ids-message-color-icon-warning);
-}
-.ids-message-status.success {
-  color: var(--ids-message-color-icon-success);
-}
-.ids-message-status.info {
-  color: var(--ids-message-color-icon-info);
-}
-
-.ids-message-content {
-  max-width: 400px;
-}`;var n=class extends c{constructor(){super(),this.state||(this.state={}),this.state.message="",this.state.status=o[0]}static get attributes(){return[...super.attributes,i.MESSAGE,i.OPACITY,i.STATUS]}connectedCallback(){super.connectedCallback(),this.status=this.getAttribute(i.STATUS),this.opacity=this.getAttribute(i.OPACITY);let t=this.querySelector("*:not([slot])");t&&(this.message=t.innerHTML),this.#t(this.status)}get ariaLabelContent(){return`${this.status!=="none"?`${this.status}: `:""}${this.messageTitle}`}get message(){return this.state.message}set message(t){let e=this.xssSanitize(t);e!==this.state.message&&this.#e(e)}get opacity(){return this.state.opacity}set opacity(t){if(t){this.state.opacity=t;let e=this.shadowRoot?.querySelector("ids-overlay");e&&(e.opacity=t)}}#e(t){let e=this.querySelector("*:not([slot])");e?e.innerHTML="":(e=document.createElement("div"),this.appendChild(e)),e.insertAdjacentHTML("afterbegin",String(t)),this.state.message=t}get status(){return this.state.status||"default"}set status(t){let e=o[0];t&&o.includes(t)&&(e=t);let s=this.state.status;e!==s&&(this.state.status=e,typeof t=="string"&&t.length&&e!==o[0]?this.setAttribute(i.STATUS,e):this.removeAttribute(i.STATUS),this.#t(e),this.refreshAriaLabel())}#t(t){let e=this.container?.querySelector(".ids-modal-header"),s=e?.querySelector("ids-icon");t=t==="warning"?"alert":t,t&&t!==o[0]?(s||(e?.insertAdjacentHTML("afterbegin",`<ids-icon slot="icon" icon="${t}" class="ids-icon ids-message-status"></ids-icon>`),s=e?.querySelector("ids-icon")),s&&(s.icon=t,this.#s(s,t))):s?.remove()}#s(t,e){let s=t.classList;o.forEach(r=>{e=e==="alert"?"warning":e,r=r==="alert"?"warning":r,e!=="none"&&e===r?s.add(r):s.remove(r)})}};n=a([d("ids-message"),l(m)],n);export{n as a};

package/chunks/ids-chunk-IN5FFIIS.js

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

package/chunks/ids-chunk-J72QKLZS.js

@@ -1,298 +0,0 @@
-import{a as k}from"./ids-chunk-MXFCUDLP.js";import{a as D}from"./ids-chunk-B6P5AQ2Z.js";import{c as g}from"./ids-chunk-ZUHWNQKP.js";import{a as S,b as T}from"./ids-chunk-XE4WFW5M.js";import{a as x}from"./ids-chunk-DCNGT4R2.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-6EMRTLSG.js";import{a as f}from"./ids-chunk-5K6IDMGA.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-JEL6K34H.js

@@ -1,3 +0,0 @@
-import{m as i}from"./ids-chunk-U4XVR5SW.js";import{b as d}from"./ids-chunk-TJKIW3GF.js";import{a}from"./ids-chunk-6EMRTLSG.js";var h=o=>class extends o{legendsHref=[];constructor(...e){super(...e)}static get attributes(){return[...o.attributes,a.LEGEND_PLACEMENT]}connectedCallback(){super.connectedCallback?.(),this.attachLegendEvents()}set legendPlacement(e){let t=this.shadowRoot?.querySelector(".ids-chart-container");this.setAttribute(a.LEGEND_PLACEMENT,e),t?.classList.remove("legend-top","legend-bottom","legend-left","legend-right"),t?.classList.add(`legend-${e}`)}get legendPlacement(){return this.getAttribute(a.LEGEND_PLACEMENT)||"bottom"}legendTemplate(e="name"){let t='<div class="chart-legend">';return this.data.forEach((n,r)=>{let s=n[e]?n[e]:n.name,l=n.pattern?`<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">
-        <rect width="12" height="12" fill="url(#${n.pattern})"></rect>
-      </svg>`:"",c=n.pattern?"":`color-${r+1}`;t+=`<a href="#legend-${d(s)}" data-index="${r}" class="chart-legend-item"><div class="swatch ${c}">${l}</div>${s}</a>`}),t+="</div>",t}adjustLabels(){let e=this.shadowRoot?.querySelector(".chart-legend");e&&i(e)&&(e.outerHTML=this.legendTemplate("shortName")),e=this.shadowRoot?.querySelector(".chart-legend"),e&&i(e)&&(e.outerHTML=this.legendTemplate("abbreviatedName"))}legendsClickable(e){if(!this.shadowRoot)return;let t=[...this.shadowRoot.querySelectorAll(".chart-legend-item")];if(!t[0])return;let n=!1;this.legendsHref=this.legendsHref||t.map(r=>r.getAttribute("href")),e&&!t[0].hasAttribute("href")?(t.forEach((r,s)=>{r.setAttribute("href",this.legendsHref[s]??"#"),r.removeAttribute("aria-hidden")}),n=!0):!e&&t[0].hasAttribute("href")&&(t.forEach(r=>{r.setAttribute("aria-hidden","true"),r.removeAttribute("href")}),n=!0),n&&this[e?"attachLegendEvents":"detachLegendEvents"]()}attachLegendEvents(){let e=this.shadowRoot?.querySelector('slot[name="legend"]');this.offEvent("click.chartlegend",e),this.onEvent("click.chartlegend",e,async t=>{let n=t.target;if(n?.classList?.contains("chart-legend-item")){t.preventDefault();let r=n.getAttribute("data-index");this.setSelection?.(r,!0)}})}detachLegendEvents(){let e=this.shadowRoot?.querySelector('slot[name="legend"]');this.offEvent("click.chartlegend",e)}},u=h;export{u as a};

package/chunks/ids-chunk-JTJYERQS.js

@@ -1,52 +0,0 @@
-import{a as y}from"./ids-chunk-PRFN5Z6E.js";import{a as v}from"./ids-chunk-LKONZTXY.js";import{a as A}from"./ids-chunk-27XAFGEX.js";import{b as E}from"./ids-chunk-SCWD3ICQ.js";import{a as p}from"./ids-chunk-CYHGXCKL.js";import{a as b}from"./ids-chunk-MXFCUDLP.js";import{a as m}from"./ids-chunk-T6ZV4PDM.js";import{a as c}from"./ids-chunk-B6P5AQ2Z.js";import{a as g,b as u}from"./ids-chunk-XE4WFW5M.js";import{a as f}from"./ids-chunk-DCNGT4R2.js";import{e as d}from"./ids-chunk-TJKIW3GF.js";import{a as e}from"./ids-chunk-6EMRTLSG.js";import{a as h}from"./ids-chunk-5K6IDMGA.js";var I=`
-/* Ids Lookup Component */
-.data-grid-container {
-  overflow: auto;
-}
-
-ids-trigger-field::part(clearable-button) {
-  margin-inline-end: -4px;
-}`;var L=A(v(b(m(y(E(p(c(f)))))))),n=class extends L{triggerField;triggerButton;dataGrid;modal;listBox;constructor(){super(),this.state={...this.state,clearable:!0,dataGridSettings:{rowSelection:"multiple"},value:""},Object.defineProperty(this,"title",{get:()=>this.#e,set:t=>{this.#e=t},enumerable:!0,configurable:!0})}isFormComponent=!0;connectedCallback(){super.connectedCallback(),this.triggerField=this.shadowRoot?.querySelector("ids-trigger-field"),this.triggerButton=this.shadowRoot?.querySelector('ids-trigger-button[part="trigger-lookup"]'),this.dataGrid=this.shadowRoot?.querySelector("ids-data-grid"),this.dataGrid?.setAttribute(e.LIST_STYLE,"true"),this.modal=this.querySelector('[slot="lookup-modal"]')||this.shadowRoot?.querySelector("ids-modal"),this.modal&&(this.modal.target=this.triggerButton,this.modal.triggerType="click"),this.#s().#r()}disconnectedCallback(){super.disconnectedCallback?.(),this.dataGrid=void 0,this.modal=void 0,this.triggerField=void 0,this.triggerButton=void 0,this.state={}}static get attributes(){return[...super.attributes,e.AUTOCOMPLETE,e.CLEARABLE,e.DISABLED,e.FIELD,e.READONLY,e.SIZE,e.TABBABLE,e.TITLE,e.VALUE]}template(){return`
-    <ids-trigger-field
-      label="${this.label}"
-      part="trigger-field"
-      value="${this.value}"
-      ${this.autocomplete?` autocomplete search-field="${this.field}"`:""}
-      ${this.clearable?' clearable="true"':""}
-      ${this.disabled?' disabled="true"':""}
-      ${this.readonly?' readonly="true"':""}
-      ${this.dirtyTracker?' dirty-tracker="true"':""}
-      ${this.compact?" compact":""}
-      ${this.size?` size="${this.size}"`:""}
-      ${this.fieldHeight?` field-height="${this.fieldHeight}"`:""}
-      ${this.validate?` validate="${this.validate}"`:""}
-      ${this.validate&&this.validationEvents?` validation-events="${this.validationEvents}"`:""}>
-      <ids-trigger-button
-        slot="trigger-end"
-        part="trigger-lookup"
-        tabbable="${this.tabbable}"
-        disabled="${this.disabled}"
-        readonly="${this.readonly}">
-        <ids-text audible="true">LookupTriggerButton</ids-text>
-        <ids-icon icon="search-list" part="icon"></ids-icon>
-      </ids-trigger-button>
-    </ids-trigger-field>
-    <slot name="lookup-modal">
-      <ids-modal id="lookup-modal" aria-labelledby="lookup-modal-title" part="modal">
-        <ids-text slot="title" font-size="24" type="h2" id="lookup-modal-title">${this.title}</ids-text>
-        <ids-layout-grid class="data-grid-container" auto-fit="true" gap="md" no-margins="true" min-col-width="600px">
-          <ids-layout-grid-cell>
-            <ids-data-grid id="lookup-data-grid" label="${this.label}" part="data-grid">
-            </ids-data-grid>
-          </ids-layout-grid-cell>
-        </ids-layout-grid>
-
-      <ids-modal-button slot="buttons" id="modal-cancel-btn" appearance="secondary">
-        <span>Cancel</span>
-        </ids-modal-button>
-        <ids-modal-button slot="buttons" id="modal-apply-btn" appearance="primary">
-          <span>Apply</span>
-        </ids-modal-button>
-      </ids-modal>
-    </slot>
-    `}set autocomplete(t){d(t)?this.setAttribute(e.AUTOCOMPLETE,""):this.removeAttribute(e.AUTOCOMPLETE)}get autocomplete(){return this.hasAttribute(e.AUTOCOMPLETE)}onDirtyTrackerChange(t){t?this.container?.setAttribute(e.DIRTY_TRACKER,t.toString()):this.container?.removeAttribute(e.DIRTY_TRACKER)}set value(t){t!==this.state.value&&(this.state.value=(t??"").toString(),this.setAttribute(e.VALUE,this.state.value),this.triggerField&&this.triggerField.value!==this.state.value&&(this.triggerField.value=this.state.value,this.triggerField?.input?.dispatchEvent(new Event("change"))),this.triggerEvent("change",this,{detail:{elem:this,value:this.state.value}}))}get value(){return this.state.value}onLabelChange(){this.input&&(this.input.label=this.label)}onLabelStateChange(){this.input&&(this.input.labelState=this.labelState)}onLabelRequiredChange(){this.input&&(this.input.labelRequired=this.labelRequired)}set readonly(t){let i=d(t);if(this.triggerField){if(i){this.removeAttribute("disabled"),this.triggerField.readonly=!0,this.setAttribute("readonly","true");return}this.triggerField.readonly=!1,this.removeAttribute("readonly")}}get readonly(){return d(this.getAttribute("readonly"))||!1}set disabled(t){let i=d(t);if(this.triggerField){if(i){this.removeAttribute("readonly"),this.triggerField.disabled=!0,this.setAttribute("disabled","true");return}this.triggerField.disabled=!1,this.removeAttribute("disabled")}}get disabled(){return d(this.getAttribute("disabled"))||!1}set tabbable(t){let i=d(t);this.triggerField&&(this.setAttribute(e.TABBABLE,String(i)),this.triggerField.setAttribute(e.TABBABLE,String(i)))}get tabbable(){let t=this.getAttribute(e.TABBABLE);return this.readonly||this.disabled?!1:t===null?!0:d(this.getAttribute(e.TABBABLE))}set columns(t){this.dataGrid&&(this.dataGrid.columns=t)}get columns(){return this.dataGrid?.columns}set data(t){this.dataGrid&&(this.dataGrid.data=t),this.#t()}get data(){return this.dataGrid?this.dataGrid.data:[]}#t(t=this.value){if(t===""){this.dataGrid?.selectedRows.length&&this.dataGrid.deSelectAllRows(),this.value!==t&&(this.value=t);return}let i=(s,l)=>s.findIndex(o=>o[this.field]===l),r=t?.split(this.delimiter)||[],a=[];r.forEach((s,l)=>{let o=i(this.dataGrid?.data,s);o>-1?i(this.dataGrid?.selectedRows.map(T=>T.data),s)===-1&&this.dataGrid?.selectRow(o):a.push(l)}),a.forEach(s=>r.splice(s,1)),a=[],this.dataGrid?.selectedRows&&this.dataGrid?.selectedRows.length>r.length&&this.dataGrid?.selectedRows.forEach(s=>{r.includes(s.data[this.field])||a.push(s.index)}),a.forEach(s=>this.dataGrid?.deSelectRow(s)),this.value!==t&&(this.value=t)}set dataGridSettings(t){this.state.dataGridSettings=t;for(let[i,r]of Object.entries(t))this.dataGrid[i]=r;this.dataGrid&&(this.dataGrid.listStyle=!0)}get dataGridSettings(){return this.state.dataGridSettings}set validate(t){t?(this.setAttribute(e.VALIDATE,t.toString()),this.triggerField?.setAttribute(e.VALIDATE,t.toString()),this.triggerField?.setAttribute(e.VALIDATION_EVENTS,this.validationEvents),this.triggerField?.handleValidation()):(this.removeAttribute(e.VALIDATE),this.triggerField?.removeAttribute(e.VALIDATE),this.triggerField?.removeAttribute(e.VALIDATION_EVENTS),this.triggerField?.handleValidation())}get validate(){return this.getAttribute(e.VALIDATE)}set validationEvents(t){t?(this.setAttribute(e.VALIDATION_EVENTS,t.toString()),this.triggerField?.setAttribute(e.VALIDATION_EVENTS,t.toString())):(this.removeAttribute(e.VALIDATION_EVENTS),this.triggerField?.removeAttribute(e.VALIDATION_EVENTS))}get validationEvents(){return this.getAttribute(e.VALIDATION_EVENTS)||"change blur"}set#e(t){if(t){this.setAttribute(e.TITLE,t);let i=this.modal?.querySelector('[slot="title"]');i&&(i.innerText=t),this.triggerField?.setAttribute(e.TITLE,t)}}get#e(){return this.getAttribute(e.TITLE)||`${this.label}`}set field(t){t&&this.setAttribute(e.FIELD,t)}get field(){return this.getAttribute(e.FIELD)||"id"}set size(t){t?this.setAttribute(e.SIZE,t):this.removeAttribute(e.SIZE),this.triggerField&&this.triggerField.setAttribute(e.SIZE,this.size)}get size(){return this.getAttribute(e.SIZE)??"md"}set delimiter(t){t&&this.setAttribute(e.DELIMITER,t)}get delimiter(){return this.getAttribute(e.DELIMITER)||","}get input(){return this.container}set clearable(t){let i=d(t);i!==this.state.clearable&&(this.state.clearable=i,this.setAttribute(e.CLEARABLE,String(i)),this.triggerField?.setAttribute(e.CLEARABLE,String(i)))}get clearable(){return this.state.clearable}onFieldHeightChange(t){if(t){let i=t==="compact"?{name:"compact",val:""}:{name:"field-height",val:t};this.triggerField?.setAttribute(i.name,i.val)}else this.triggerField?.removeAttribute("compact"),this.triggerField?.removeAttribute("field-height"),this.listBox?.removeAttribute("compact")}#i(){this.value=this.dataGrid?.selectedRows.map(t=>t.data[this.field]).join(this.delimiter)||""}#s(){return this.onEvent("click.lookup",this.modal,t=>{let i=t.target?.getAttribute("id");i==="modal-cancel-btn"&&(this.modal?.hide(),this.#t()),i==="modal-apply-btn"&&(this.modal?.hide(),this.#i())}),this.onEvent("change.lookup",this.triggerField,()=>{let t=this.triggerField?.value,i=t!==this.value;if(!i){let r=this.dataGrid?.selectedRows?.map(s=>s?.data?.[this.field])||[],a=this.value?.split(this.delimiter)||[];if(r.length!==a.length&&(i=!0),!i){for(let s=0,l=a.length;s<l;s++)if(!r.includes(a[s])){i=!0;break}}}i&&this.#t(t)}),this.modal?.addEventListener("beforeshow",t=>{(this.readonly||this.disabled)&&t.detail.response(!1),this.querySelectorAll('[slot="lookup-modal"]').length!==1&&this.data?.length===0&&this.columns?.length===1&&this.columns[0].id===""&&t.detail.response(!1)}),this.dataGrid?.addEventListener("beforerowselected",t=>{this.triggerEvent("beforerowselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("rowselected",t=>{this.triggerEvent("rowselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("beforerowdeselected",t=>{this.triggerEvent("beforerowdeselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("rowdeselected",t=>{this.triggerEvent("rowdeselected",this,{detail:t.detail})}),this.dataGrid?.addEventListener("selectionchanged",t=>{this.triggerEvent("selectionchanged",this,{detail:t.detail})}),this}#r(){return this.listen(["ArrowDown"],this,()=>{this.modal?.show()}),this}};n=h([g("ids-lookup"),u(I)],n);export{n as a};

package/chunks/ids-chunk-JTU3ELLM.js

@@ -1,73 +0,0 @@
-import{a as d}from"./ids-chunk-MXFCUDLP.js";import{a as u}from"./ids-chunk-T6ZV4PDM.js";import{a as h}from"./ids-chunk-B6P5AQ2Z.js";import{a as n,b as l}from"./ids-chunk-XE4WFW5M.js";import{a as b}from"./ids-chunk-DCNGT4R2.js";import{e as r}from"./ids-chunk-TJKIW3GF.js";import{a as t}from"./ids-chunk-6EMRTLSG.js";import{a as o}from"./ids-chunk-5K6IDMGA.js";var c=`
-:host {
-  font-family: var(--ids-swappable-item-font-family);
-  border: var(--ids-swappable-item-border-default);
-  cursor: var(--ids-swappable-item-cursor-default);
-  display: block;
-  transition: height 0.4s ease, padding 0.4s ease;
-}
-
-:host(:hover) {
-  background-color: var(--ids-swappable-item-color-background-hover);
-  position: relative;
-}
-:host(:hover)::before {
-  position: absolute;
-  left: 0;
-  top: 50%;
-  transform: translate(5px, -47%);
-  font-size: var(--ids-swappable-item-font-size-hover);
-  content: var(--ids-swappable-item-content-hover);
-}
-
-:host([dir=rtl]:hover)::before {
-  left: unset;
-  right: 5px;
-  transform: translate(-1px, -47%);
-}
-
-:host(:focus) {
-  border: var(--ids-swappable-item-border-focus);
-  box-shadow: var(--ids-swappable-item-shadow-focus);
-  outline: var(--ids-swappable-item-outline-focus);
-}
-
-:host([selected]) {
-  cursor: var(--ids-swappable-item-cursor-selected);
-}
-
-:host([dragging]) {
-  opacity: var(--ids-swappable-item-opacity-dragging);
-}
-
-:host([dragging]:not(.slotted-ids-tab)),
-:host([selected]:not(.slotted-ids-tab)) {
-  background-color: var(--ids-swappable-item-color-background-selected);
-  color: var(--ids-swappable-item-color-text-selected);
-}
-
-:host([over]) {
-  border: var(--ids-swappable-item-over-border);
-}
-
-:host(.p-8) {
-  padding-block: var(--ids-space-40);
-  padding-inline-end: var(--ids-space-40);
-  padding-inline-start: var(--ids-space-60);
-}
-
-:host(.is-hidden) {
-  height: var(--ids-space-none);
-  padding: var(--ids-space-none);
-  border: none;
-  overflow: hidden;
-}
-
-::slotted(ids-tab) {
-  position: relative;
-  margin: -1px;
-}
-
-:host(.slotted-ids-tab:not(.orientation-vertical)) {
-  margin-inline-start: var(--ids-space-30);
-}`;var E=u(d(h(b))),a=class extends E{constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute(t.TABBABLE,"true"),this.hasAttribute(t.DRAG_MODE)||this.setAttribute(t.DRAG_MODE,"select"),this.attachEventListeners(),this.#d()}static get attributes(){return[...super.attributes,t.DRAG_MODE,t.DRAGGING,t.ORIGINAL_TEXT,t.OVER,t.SELECTED,t.TABBABLE]}template(){return"<slot></slot>"}set dragMode(e){e==="select"?this.setAttribute(t.DRAGGABLE,"false"):this.setAttribute(t.DRAGGABLE,"true")}get dragMode(){return this.getAttribute(t.DRAG_MODE)}set selected(e){r(e)?(this.setAttribute(t.SELECTED,""),this.setAttribute("aria-selected","selected"),this.setAttribute("draggable","true")):(this.removeAttribute(t.SELECTED),this.removeAttribute("aria-selected"),this.dragMode==="select"&&this.setAttribute("draggable","false"))}get selected(){return r(this.getAttribute(t.SELECTED))}get selectedItems(){return this.parentElement?.shadowRoot?.querySelectorAll("[selected]")}get allItems(){return this.parentElement?.querySelectorAll("ids-swappable-item")}set originalText(e){e?this.setAttribute(t.ORIGINAL_TEXT,e):this.removeAttribute(t.ORIGINAL_TEXT)}get originalText(){return this.getAttribute(t.ORIGINAL_TEXT)}get selection(){return this.parentElement?.getAttribute(t.SELECTION)}set tabbable(e){if(r(e)){this.setAttribute(t.TABBABLE,"true"),this.setAttribute(t.TABINDEX,"0");return}this.setAttribute(t.TABBABLE,"false"),this.setAttribute(t.TABINDEX,"-1")}get tabbable(){return r(this.getAttribute(t.TABBABLE)||!0)}#i(e){e.dataTransfer?.setData("text/plain",e.target.innerText),this.setAttribute(t.DRAGGING,""),[...this.children].forEach(s=>{s.setAttribute(t.DRAGGING,"")})}#t(){this.dragMode==="select"&&this.setAttribute(t.DRAGGABLE,"true"),this.removeAttribute(t.DRAGGING),[...this.children].forEach(e=>{e.removeAttribute(t.DRAGGING),e.focus()}),this.removeAttribute(t.OVER),this.triggerEvent("afterdragend",this,{bubbles:!0,detail:{elem:this}})}#r(e){e.dataTransfer&&(e.dataTransfer.dropEffect="move"),this.hasAttribute(t.DRAGGING)?this.removeAttribute(t.OVER):this.setAttribute(t.OVER,"")}#a(){this.removeAttribute(t.OVER)}#e(){let e=()=>{this.removeAttribute(t.SELECTED),this.querySelector('div[part="list-item"]')?.removeAttribute(t.SELECTED)};this.dragMode==="select"?this.selected?e():(this.allItems?.forEach(s=>{s.removeAttribute(t.SELECTED),s.querySelector('div[part="list-item"]')?.removeAttribute(t.SELECTED)}),this.setAttribute(t.SELECTED,""),this.querySelector('div[part="list-item"]')?.setAttribute(t.SELECTED,"selected")):e()}#s(){this.selected?this.removeAttribute(t.SELECTED):this.setAttribute(t.SELECTED,"")}#o(){this.listen(["Enter","ArrowUp","ArrowDown"],this,e=>{if(e.preventDefault(),e.key==="ArrowDown"&&(e.target.parentElement?.nextElementSibling?.focus(),e.target.nextElementSibling?.focus()),e.key==="ArrowUp"&&e.target.previousElementSibling?.focus(),e.key==="Enter"){if(this.querySelector(".is-editing"))return;this.selection==="multiple"?this.#s():this.#e()}})}#n(){this.selection==="multiple"?(this.offEvent("click",this,this.#s),this.onEvent("click",this,this.#s)):(this.offEvent("click",this,this.#e),this.onEvent("click",this,this.#e))}#l(){this.offEvent("dragstart",this,e=>this.#i(e)),this.onEvent("dragstart",this,e=>this.#i(e)),this.offEvent("dragend",this,()=>this.#t()),this.onEvent("dragend",this,()=>this.#t()),this.offEvent("drop",this,()=>this.#t()),this.onEvent("drop",this,()=>this.#t()),this.offEvent("dragover",this,e=>this.#r(e)),this.onEvent("dragover",this,e=>this.#r(e)),this.offEvent("dragleave",this,()=>this.#a()),this.onEvent("dragleave",this,()=>this.#a())}attachEventListeners(){this.#n(),this.#o(),this.#l()}#d(){if(this.children.length>0){let e=[...this.children].filter(i=>i.name).map(i=>`slotted-${i.name}`),s=[...this.children].filter(i=>i.state?.orientation).map(i=>`orientation-${i.state.orientation}`);(e.length>0||s.length>0)&&this.classList.add(...e,...s)}}};a=o([n("ids-swappable-item"),l(c)],a);export{a};