ids-enterprise-wc 1.4.1 → 1.5.0

package/chunks/ids-chunk-BQ4OVFS2.js

@@ -0,0 +1,121 @@
+import{b as x}from"./ids-chunk-M4GREREJ.js";import{a as y}from"./ids-chunk-L7EY3TMT.js";import{a as I}from"./ids-chunk-T6ZV4PDM.js";import{a as S}from"./ids-chunk-U4K5B3VN.js";import{a as f,b as g}from"./ids-chunk-XE4WFW5M.js";import{a as T}from"./ids-chunk-E2XG4A54.js";import{e as v,g as E}from"./ids-chunk-Y6KVKFJX.js";import{a as o}from"./ids-chunk-6P577POZ.js";import{a as b,b as u,d as w,f as s}from"./ids-chunk-ZMMCFAAI.js";var A=`.ids-swaplist {
+  box-shadow: var(--ids-swaplist-shadow);
+  display: flex;
+  flex-direction: row;
+}
+
+.swap-buttons {
+  margin-inline-start: auto;
+}
+.swap-buttons ids-button {
+  margin-inline-end: -6px;
+}
+.swap-buttons ids-button[dir=rtl].right-arrow, .swap-buttons ids-button[dir=rtl].left-arrow {
+  transform: rotate(180deg);
+}
+
+:host([searchable]) ids-card::part(header) {
+  border-block-end: none;
+}
+
+ids-swappable-item {
+  padding: var(--ids-swaplist-item-padding);
+  padding-inline-start: var(--ids-swaplist-item-padding-inline-start);
+  position: relative;
+  margin-block-end: var(--ids-swaplist-item-margin-block-end);
+  line-height: var(--ids-swaplist-item-line-height);
+}
+ids-swappable-item.is-hidden {
+  height: 0;
+  padding: 0;
+  border: none;
+  overflow: hidden;
+}
+
+ids-swappable-item[over] {
+  border: var(--ids-swaplist-item-over-border);
+}
+
+ids-button {
+  position: relative;
+  padding: var(--ids-swaplist-toolbar-button-padding);
+  height: var(--ids-swaplist-button-height);
+  width: var(--ids-swaplist-button-width);
+}
+ids-button::part(button) {
+  padding: var(--ids-swaplist-toolbar-button-padding);
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+ids-button::part(button):hover {
+  background-color: var(--ids-swaplist-button-color-background-hover);
+}
+
+ids-card {
+  flex: 1;
+}
+ids-card::part(card) {
+  margin-block-end: var(--ids-swaplist-card-margin-block-end);
+}
+ids-card::part(header) {
+  border-block-end: var(--ids-swaplist-border);
+}
+ids-card::part(content) {
+  height: var(--ids-swaplist-card-content-height-min);
+}
+ids-card [slot=card-content] {
+  height: 100%;
+}
+ids-card.card::part(card) {
+  border-radius: var(--ids-swaplist-card-border-radius);
+  border-inline-start-width: var(--ids-swaplist-inline-start-border-width);
+  box-shadow: var(--ids-swaplist-card-shadow);
+}
+ids-card.card:first-child::part(card) {
+  border-inline-start-width: var(--ids-swaplist-first-child-inline-start-border-width);
+  border-start-start-radius: var(--ids-swaplist-border-radius);
+  border-end-start-radius: var(--ids-swaplist-border-radius);
+}
+ids-card.card:last-child::part(card) {
+  border-start-end-radius: var(--ids-swaplist-border-radius);
+  border-end-end-radius: var(--ids-swaplist-border-radius);
+}
+
+ids-search-field {
+  --ids-input-color-background-default: var(--ids-swaplist-search-color-background-default);
+  --ids-search-field-color-background-default: var(--ids-swaplist-search-color-background-default);
+  --ids-input-color-border-default: var(--ids-swaplist-search-color-border-default);
+  --ids-input-color-text-default: var(--ids-swaplist-search-color-text-default);
+  --ids-input-color-border-hover: var(--ids-swaplist-search-color-border-hover);
+  --ids-input-color-border-focus: var(--ids-swaplist-search-color-border-focus);
+  --ids-input-color-border-shadow: var(--ids-swaplist-search-color-border-shadow);
+  --ids-input-color-text-placeholder: var(--ids-swaplist-search-color-text-placeholder);
+}`;var $=I(y(S(T))),e,C,L,l,m,h,k,c=class extends ${constructor(){super();w(this,e);u(this,"datasource",new x);u(this,"state",{defaultTemplate:""})}connectedCallback(){super.connectedCallback(),this.renderLists(),this.attachEventHandlers()}static get attributes(){return[...super.attributes,o.COUNT,o.SEARCHABLE]}set data(t){this.datasource&&(this.datasource.data=t||[],this.renderLists())}get data(){return this?.datasource?.data||[]}set defaultTemplate(t){this.state.defaultTemplate=t}get defaultTemplate(){return this.state.defaultTemplate||this.querySelector("template")?.innerHTML}getListItemById(t){return this.datasource.data.map(a=>a.items).flat().find(a=>t===a.id)}get selectedItems(){return this.container?.querySelectorAll("ids-swappable-item[selected]")}set searchable(t){this.toggleAttribute(o.SEARCHABLE,v(t))}get searchable(){return this.hasAttribute(o.SEARCHABLE)}buttonTemplate(t){let a=`
+      <ids-button id="left-arrow-${t}" class="left-arrow">
+        <span class="audible">Swap Item Left</span>
+        <ids-icon icon="swap-list-left"></ids-icon>
+      </ids-button>
+    `,i=`
+      <ids-button id="right-arrow-${t}" class="right-arrow">
+        <span class="audible">Swap Item Left</span>
+        <ids-icon icon="swap-list-right"></ids-icon>
+      </ids-button>
+    `,d=this.data.length,r="";return t>0&&t<d-1?r=a+i:t===0?r=i:t===d-1&&(r=a),r}itemTemplateFunc(){return a=>this.itemTemplate(a)}itemTemplate(t){return`<ids-swappable-item data-value="${t.value}" data-id="${t.id}">
+      ${E(this.defaultTemplate,t)}
+    </ids-swappable-item>`}listTemplate(){let a=Array(this.data.length).fill(0).length,i=this.data,d=this.hasAttribute(o.SEARCH_TERM_CASE_SENSITIVE)?o.SEARCH_TERM_CASE_SENSITIVE:"",r=this.searchable?`searchable ${d}`:"";return i.map((n,p)=>`<ids-card
+        class="list-card ${a===p+1?`card card-${p} card-last`:`card card-${p}`}"
+        data-id="${n.id}"
+        data-name="${n.name}" overflow="hidden">
+        <div slot="card-header">
+          <ids-text font-size="20">${n.name}</ids-text>
+          <div class="swap-buttons">
+            ${this.buttonTemplate(p)}
+          </div>
+        </div>
+        <div slot="card-content">
+          <ids-swappable selection="multiple" ${r}>
+            ${n.items.length>0?n.items?.map(this.itemTemplateFunc()).join(""):""}
+          </ids-swappable>
+        </div>
+      </ids-card>`).join("")}attachEventHandlers(){this.offEvent("click",this.container,t=>s(this,e,l).call(this,t)),this.onEvent("click",this.container,t=>s(this,e,l).call(this,t)),this.offEvent("touchend",this.container,t=>s(this,e,l).call(this,t)),this.onEvent("touchend",this.container,t=>s(this,e,l).call(this,t)),this.offEvent("drop",this.container),this.onEvent("drop",this.container,()=>{s(this,e,h).call(this)}),this.unlisten("Enter"),this.listen("Enter",this.container,t=>s(this,e,l).call(this,t))}renderLists(){this.container&&(this.container.innerHTML=this.listTemplate())}template(){return'<div class="ids-swaplist"></div>'}};e=new WeakSet,C=function(t){let a=t.parentElement.parentElement.parentElement,d=a.nextSibling.querySelector("ids-swappable");a.querySelectorAll("ids-swappable-item[selected]").forEach(n=>{d.appendChild(n),n.removeAttribute(o.SELECTED)}),s(this,e,h).call(this),s(this,e,m).call(this)},L=function(t){let a=t.parentElement.parentElement.parentElement,d=a.previousSibling.querySelector("ids-swappable");a.querySelectorAll("ids-swappable-item[selected]").forEach(n=>{d.appendChild(n),n.removeAttribute(o.SELECTED)}),s(this,e,h).call(this),s(this,e,m).call(this)},l=function(t){t.target.classList.contains("left-arrow")?s(this,e,L).call(this,t.target):t.target.classList.contains("right-arrow")&&s(this,e,C).call(this,t.target)},m=function(){[...this.container.querySelectorAll("ids-card.list-card")].forEach(a=>{a.querySelector("ids-swappable")?.resetSearch()})},h=function(){let a=[...this.container.querySelectorAll("ids-card.list-card")].map(i=>[...i.querySelectorAll("ids-swappable-item")].map(r=>Number(r.getAttribute("data-id"))).map(r=>this.getListItemById(r)));this.data.forEach((i,d)=>{i.items=a[d]}),s(this,e,k).call(this)},k=function(){this.triggerEvent("updated",this,{detail:{data:this.data}})},c=b([f("ids-swaplist"),g(A)],c);export{c as a};

package/chunks/{ids-chunk-U4XVR5SW.js → ids-chunk-BVOD446S.js}

@@ -1 +1 @@
-function u(t){let e=t&&t.parentNode;for(;e;){if(e.toString()==="[object ShadowRoot]")return e;e=e.parentNode}}function c(t){return u(t)||document}function m(t){return u(t)?.host?.parentNode||document}function f(t,e){let n=t&&t.parentNode;for(;n;){if(n.toString()==="[object ShadowRoot]"&&(n=n.host),n.toString()==="[object HTMLDocument]")return;if(typeof n.matches=="function"&&n.matches(e))return n;n=n.parentNode}}function h(t,e="body"){let n=[];for(let r=t?.parentNode;r&&(n.push(r),!r.matches?.(e));r=r.toString()==="[object ShadowRoot]"?r.host:r?.parentNode);return n}function p(t,e){let n=[];for(t=t.nextElementSibling;t&&!t.matches(e);)n.push(t),t=t.nextElementSibling;return n}function d(t,e){for(t=t.nextElementSibling;t;){if(t.matches(e))return t;t=t.nextElementSibling}return t}function g(t,e){for(t=t.previousElementSibling;t;){if(t.matches(e))return t;t=t.previousElementSibling}return t}function E(t,e,n){return t?new Promise(r=>{t.style[e]=n;let i=o=>{o.propertyName!==e&&r(!0),t.removeEventListener("transitionend",i),r(!0)};t.addEventListener("transitionend",i)}):Promise.resolve()}function b(t,e){return new Promise(n=>{let r=i=>{i.propertyName!==e&&n(!0),t.removeEventListener("transitionend",r),n(!0)};t.addEventListener("transitionend",r)})}function y(t,e){return new Promise(n=>{typeof AnimationEvent!="function"&&n(!0);let r=i=>{i.animationName===e&&(t.removeEventListener("animationend",r),n(!0))};t.addEventListener("animationend",r)})}function x(t){let{bottom:e,left:n,right:r,top:i,height:o,width:a,x:s,y:l}=t;return{bottom:e,left:n,right:r,top:i,height:o,width:a,x:s,y:l}}function w(t){if(!t)return!1;let e=t.style.overflow,n=!1;(!e||e==="visible")&&(t.style.overflow="hidden",n=!0);let r=t.clientWidth<t.scrollWidth||t.clientHeight<t.scrollHeight;return n&&(t.style.overflow=e),r}var N=(t,e,n)=>{let r=!1,i=e||t;return t instanceof HTMLElement&&(n===void 0&&t.scrollHeight>t.clientHeight||n===!0?(i.classList.add("has-scrollbar"),r=!0):i.classList.remove("has-scrollbar")),r};function L(t,e){return t?.classList.contains(e)}function v(){let t=[0,0],e=n=>{t=[n.clientX,n.clientY],document.removeEventListener("mousemove",e)};return document.addEventListener("mousemove",e),document.elementFromPoint(...t)}function H(t,e=document.body){let n=[],r=i=>{if(i.nodeType!==Node.ELEMENT_NODE)return;i.matches(t)&&n.push(i);let o=i.children;if(o.length)for(let s of o)r(s);let a=i.shadowRoot;if(a){let s=a.children;for(let l of s)r(l)}};return r(e),n}function M(t){let e=parseInt(t,10);return e=!Number.isNaN(e)&&e>-1?`${e}px`:null,e}function T(t){let e="";if(typeof t=="number"&&!Number.isNaN(t))e=`${t}px`;else if(typeof t=="string"){let n=parseInt(t.slice(-1),10);typeof n=="number"&&!Number.isNaN(n)?e=`${t}px`:/(px|em|vw|vh|ch|%)$/g.test(t)&&!Number.isNaN(parseInt(t,10))&&(e=t)}return e}export{u as a,c as b,m as c,f as d,h as e,p as f,d as g,g as h,E as i,b as j,y as k,x as l,w as m,N as n,L as o,v as p,H as q,M as r,T as s};
+function u(t){let e=t&&t.parentNode;for(;e;){if(e.toString()==="[object ShadowRoot]")return e;e=e.parentNode}}function c(t){return u(t)||document}function m(t){return u(t)?.host?.parentNode||document}function f(t,e){let n=t&&t.parentNode;for(;n;){if(n.toString()==="[object ShadowRoot]"&&(n=n.host),n.toString()==="[object HTMLDocument]")return;if(typeof n.matches=="function"&&n.matches(e))return n;n=n.parentNode}}function h(t,e="body"){let n=[];for(let r=t?.parentNode;r&&(n.push(r),!r.matches?.(e));r=r.toString()==="[object ShadowRoot]"?r.host:r?.parentNode);return n}function p(t,e){let n=[];for(t=t.nextElementSibling;t&&!t.matches(e);)n.push(t),t=t.nextElementSibling;return n}function d(t,e){for(t=t.nextElementSibling;t;){if(t.matches(e))return t;t=t.nextElementSibling}return t}function g(t,e){for(t=t.previousElementSibling;t;){if(t.matches(e))return t;t=t.previousElementSibling}return t}function E(t,e,n){return t?new Promise(r=>{t.style[e]=n;let i=o=>{o.propertyName!==e&&r(!0),t.removeEventListener("transitionend",i),r(!0)};t.addEventListener("transitionend",i)}):Promise.resolve()}function b(t,e){return new Promise(n=>{let r=i=>{i.propertyName!==e&&n(!0),t.removeEventListener("transitionend",r),n(!0)};t.addEventListener("transitionend",r)})}function y(t,e){return new Promise(n=>{typeof AnimationEvent!="function"&&n(!0);let r=i=>{i.animationName===e&&(t.removeEventListener("animationend",r),n(!0))};t.addEventListener("animationend",r)})}function x(t){let{bottom:e,left:n,right:r,top:i,height:o,width:a,x:s,y:l}=t;return{bottom:e,left:n,right:r,top:i,height:o,width:a,x:s,y:l}}function w(t){if(!t)return!1;let e=t.style.overflow,n=!1;(!e||e==="visible")&&(t.style.overflow="hidden",n=!0);let r=t.clientWidth<t.scrollWidth||t.clientHeight<t.scrollHeight;return n&&(t.style.overflow=e),r}var N=(t,e,n)=>{let r=!1,i=e||t;return t instanceof HTMLElement&&(n===void 0&&t.scrollHeight>t.clientHeight||n===!0?(i.classList.add("has-scrollbar"),r=!0):i.classList.remove("has-scrollbar")),r};function L(t,e){return t?.classList.contains(e)}function v(){let t=[0,0],e=n=>{t=[n.clientX,n.clientY],document.removeEventListener("mousemove",e)};return document.addEventListener("mousemove",e),document.elementFromPoint(...t)}function T(t,e=document.body){let n=[],r=i=>{if(i.nodeType!==Node.ELEMENT_NODE)return;i.matches(t)&&n.push(i);let o=i.children;if(o.length)for(let s of o)r(s);let a=i.shadowRoot;if(a){let s=a.children;for(let l of s)r(l)}};return r(e),n}function H(t){let e=parseInt(t,10);return e=!Number.isNaN(e)&&e>-1?`${e}px`:null,e}function M(t){let e="";if(typeof t=="number"&&!Number.isNaN(t))e=`${t}px`;else if(typeof t=="string"){let n=parseInt(t.slice(-1),10);typeof n=="number"&&!Number.isNaN(n)?e=`${t}px`:/(px|em|vw|vh|ch|%)$/g.test(t)&&!Number.isNaN(parseInt(t,10))&&(e=t)}return e}export{u as a,c as b,m as c,f as d,h as e,p as f,d as g,g as h,E as i,b as j,y as k,x as l,w as m,N as n,L as o,v as p,T as q,H as r,M as s};

package/chunks/ids-chunk-BWLWCF7A.js

@@ -0,0 +1,26 @@
+import{a as O}from"./ids-chunk-JR3RQ66Y.js";import{a as B}from"./ids-chunk-QJYCEUBL.js";import{a as D}from"./ids-chunk-L7EY3TMT.js";import{a as V}from"./ids-chunk-T6ZV4PDM.js";import{a as k}from"./ids-chunk-U4K5B3VN.js";import{a as M,b as N}from"./ids-chunk-XE4WFW5M.js";import{a as z}from"./ids-chunk-E2XG4A54.js";import{g as H}from"./ids-chunk-Y6KVKFJX.js";import{a as o}from"./ids-chunk-6P577POZ.js";import{a as C,b as c,c as m,d as g,e as b,f as i}from"./ids-chunk-ZMMCFAAI.js";var P=`:host {
+  display: inherit;
+  border: var(--ids-swappable-active-border);
+  height: 100%;
+  overflow: auto;
+}
+
+:host([active]) {
+  border-color: var(--ids-swappable-color-border-active);
+}
+
+::slotted(ids-search-field) {
+  margin: 0 8px;
+  margin-bottom: 8px;
+  width: calc(100% - 16px);
+  position: sticky;
+  top: 0;
+}
+
+:host([searchable]) .has-searchfield {
+  border-block-end: var(--ids-swaplist-border);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background-color: var(--ids-card-color-background);
+}`;var _=V(D(O(k(B(z))))),f="search-mismatch",n,r,v,I,E,y,A,R,p,L,q,l=class extends _{constructor(){super();g(this,r);c(this,"draggingElements",[]);c(this,"rootNode");g(this,n,null);c(this,"getDragAfterElement",(t,e)=>{let s=[...t.querySelectorAll("ids-swappable-item:not([dragging])")],a=s.length-1;return s.reduce((d,S,w)=>{if(m(this,n)===null)return d;let{top:T,bottom:F,height:x}=S.getBoundingClientRect(),h={val:0,calc:Math.ceil(x/4)};w===0&&m(this,n)>F&&(h.val=h.calc),w===a&&m(this,n)<T&&(h.val=h.calc*-1);let Y=T+x/2,u=e-(Y+h.val);return u<0&&u>d.offset?{offset:u,element:S}:d},{offset:Number.NEGATIVE_INFINITY}).element})}connectedCallback(){super.connectedCallback(),this.setAttribute("dropzone","move"),this.attachEventListeners(),i(this,r,q).call(this)}mountedCallback(){let e=this.closest("ids-card")?.getAttribute("data-name");e&&this.searchField?.setAttribute(o.PLACEHOLDER,`Search ${e}`)}get swapList(){return this.rootNode||(this.rootNode=this.getRootNode()),this.rootNode.host}static get attributes(){return[...super.attributes,o.ACTIVE,o.SELECTION]}template(){return`${this.searchTemplate?.()}<slot></slot>`}get overElement(){return this.querySelector("ids-swappable-item[over]")}get selectedItems(){return this.querySelectorAll("ids-swappable-item[selected]")}get itemsSlotted(){return this.querySelectorAll("ids-swappable-item")}attachEventListeners(){this.offEvent("dragstart",this,t=>i(this,r,v).call(this,t)),this.onEvent("dragstart",this,t=>i(this,r,v).call(this,t)),this.offEvent("drag",this,t=>i(this,r,I).call(this,t)),this.onEvent("drag",this,t=>i(this,r,I).call(this,t)),this.offEvent("drop",this,t=>i(this,r,E).call(this,t)),this.onEvent("drop",this,t=>i(this,r,E).call(this,t)),this.offEvent("dragover",this,t=>i(this,r,A).call(this,t)),this.onEvent("dragover",this,t=>i(this,r,A).call(this,t)),this.offEvent("dragleave",this,()=>i(this,r,y).call(this)),this.onEvent("dragleave",this,()=>i(this,r,y).call(this)),this.offEvent("dragend",this,()=>i(this,r,L).call(this)),this.onEvent("dragend",this,()=>i(this,r,L).call(this))}redrawItem(t,e=null){let s=parseInt(t.getAttribute("data-id")),a=this.swapList?.getListItemById(s);if(a){let d=this.searchHighlight(a,e);t.innerHTML=H(this.swapList?.defaultTemplate,d)}}resetSearch(){let t=this.itemsSlotted;t?.length&&t?.forEach(e=>{e.classList.remove(f),e.removeAttribute("slot"),this.redrawItem(e)}),super.resetSearch(),this.searchField?.setAttribute(o.VALUE,"")}};n=new WeakMap,r=new WeakSet,v=function(t){b(this,n,t.clientY),!(this.selectedItems.length<=1)&&this.selectedItems.forEach(e=>{e.originalHtml=e.innerHTML,e.innerHTML=e.innerHTML.replace(e.innerText,`${this.selectedItems.length} Items Selected`)})},I=function(t){this.selectedItems.forEach(e=>{i(this,r,R).call(this,t,e)})},E=function(t){t.preventDefault();let e=this.getDragAfterElement(this,t.clientY);this.draggingElements?.length>0&&(e?this.draggingElements.forEach(s=>{let a=Array.from(s.parentNode.children).indexOf(s);i(this,r,p).call(this,s),this.insertBefore(s,e),this.triggerEvent("swapped",this,{detail:{elem:s,location:"before",toIndex:Array.from(s.parentNode.children).indexOf(s),fromIndex:a}})}):this.draggingElements.forEach(s=>{let a=Array.from(s.parentNode.children).indexOf(s);i(this,r,p).call(this,s),this.appendChild(s),this.triggerEvent("swapped",this,{detail:{elem:s,location:"after",toIndex:Array.from(s.parentNode.children).indexOf(s),fromIndex:a}})})),this.removeAttribute(o.ACTIVE),b(this,n,null)},y=function(){this.removeAttribute(o.ACTIVE)},A=function(t){t.preventDefault(),this.overElement?this.removeAttribute(o.ACTIVE):this.setAttribute(o.ACTIVE,"");let e=t.composedPath().find(s=>{if(s.nodeType===1&&(s.nodeName==="IDS-SWAPPABLE-ITEM"||s.nodeName==="IDS-SWAPPABLE"))return s});if(e){let s=e.getRootNode();this.draggingElements=s.querySelectorAll("ids-swappable-item[dragging]")}},R=function(t,e){e.setAttribute("aria-grabbed",!0),e.setAttribute("aria-dropeffect",t.dataTransfer.dropEffect),e.setAttribute("dragging",""),!(this.selectedItems.length<=1)&&e!==t.target&&e.classList.add("is-hidden")},p=function(t){t.originalHtml&&(t.innerHTML=t.originalHtml),t.removeAttribute("dragging"),t.removeAttribute("aria-grabbed"),t.removeAttribute("aria-dropeffect"),t.classList.remove("is-hidden")},L=function(){this.draggingElements.forEach(t=>{i(this,r,p).call(this,t)}),this.removeAttribute(o.ACTIVE)},q=function(){this.searchFilterCallback=t=>(this.itemsSlotted?.forEach(e=>{let s=String(t),a=String(e?.textContent??"").trim(),d=this.searchTermCaseSensitive?a.includes(s):a.toLowerCase().includes(s.toLowerCase());!t||d?(e.classList.remove(f),e.removeAttribute("slot")):(e.classList.add(f),e.setAttribute("slot",f)),this.redrawItem(e,a)}),()=>!1)},l=C([M("ids-swappable"),N(P)],l);export{l as a};

package/chunks/{ids-chunk-X6VDKW3Y.js → ids-chunk-BWRCBFHU.js}

@@ -1,4 +1,4 @@
-import{a as p}from"./ids-chunk-CMTTSJWO.js";import{a as f}from"./ids-chunk-3DA43NO3.js";import{a as b,b as g}from"./ids-chunk-XE4WFW5M.js";import{a as m}from"./ids-chunk-EV6LM7KM.js";import{e as d}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-4O5N6MTO.js";import{a as u,b as r,c,d as s,e as v,g as h}from"./ids-chunk-Y32WUP63.js";var x=`.ids-calendar-event:not([color]) {
+import{a as p}from"./ids-chunk-L7EY3TMT.js";import{a as f}from"./ids-chunk-U4K5B3VN.js";import{a as b,b as g}from"./ids-chunk-XE4WFW5M.js";import{a as m}from"./ids-chunk-E2XG4A54.js";import{e as d}from"./ids-chunk-Y6KVKFJX.js";import{a as t}from"./ids-chunk-6P577POZ.js";import{a as u,b as r,c,d as s,e as v,f as h}from"./ids-chunk-ZMMCFAAI.js";var x=`.ids-calendar-event:not([color]) {
   background-color: var(--ids-calendar-event-color-background);
 }
 .ids-calendar-event:not([color]):not(.calendar-event-continue):not(.calendar-event-ends) {
@@ -19,7 +19,7 @@ import{a as p}from"./ids-chunk-CMTTSJWO.js";import{a as f}from"./ids-chunk-3DA43
 }
 .ids-calendar-event[color=blue]:not(.calendar-event-continue):not(.calendar-event-ends) {
   border-inline-start-width: 5px;
-  border-inline-start-color: var(--ids-calendar-event-color-border-accent-bluet-blue);
+  border-inline-start-color: var(--ids-calendar-event-color-border-accent-blue);
 }
 .ids-calendar-event[color=blue]:not(.calendar-event-continue):not(.calendar-event-ends):focus {
   border-inline-start-color: var(--ids-calendar-event-color-border-focus);
@@ -111,11 +111,11 @@ import{a as p}from"./ids-chunk-CMTTSJWO.js";import{a as f}from"./ids-chunk-3DA43
 }
 
 .ids-calendar-event[color=neutral] {
-  background-color: var(--ids-calendar-event-color-background-accent-gray);
+  background-color: var(--ids-calendar-event-color-background-accent-neutral);
 }
 .ids-calendar-event[color=neutral]:not(.calendar-event-continue):not(.calendar-event-ends) {
   border-inline-start-width: 5px;
-  border-inline-start-color: var(--ids-calendar-event-color-border-accent-gray);
+  border-inline-start-color: var(--ids-calendar-event-color-border-accent-neutral);
 }
 .ids-calendar-event[color=neutral]:not(.calendar-event-continue):not(.calendar-event-ends):focus {
   border-inline-start-color: var(--ids-calendar-event-color-border-focus);
@@ -130,10 +130,10 @@ import{a as p}from"./ids-chunk-CMTTSJWO.js";import{a as f}from"./ids-chunk-3DA43
   position: absolute;
   box-sizing: border-box;
   width: 100%;
-  z-index: 1;
+  z-index: var(--ids-z-index-10);
   background: var(--ids-calendar-event-color-background);
   border: 1px solid transparent;
-  border-radius: 3px;
+  border-radius: var(--ids-border-radius-2xs);
   color: var(--ids-calendar-event-color-text);
   height: 20px;
   overflow: hidden;
@@ -148,7 +148,7 @@ import{a as p}from"./ids-chunk-CMTTSJWO.js";import{a as f}from"./ids-chunk-3DA43
   box-sizing: border-box;
   height: 100%;
   width: 100%;
-  padding: 2px 5px;
+  padding: var(--ids-space-3xs) 5px;
 }
 .ids-calendar-event .calendar-event-content ids-text {
   display: block;
@@ -212,7 +212,7 @@ import{a as p}from"./ids-chunk-CMTTSJWO.js";import{a as f}from"./ids-chunk-3DA43
   visibility: hidden;
 }
 .ids-calendar-event.all-day.calendar-event-continue .calendar-event-title, .ids-calendar-event.all-day.calendar-event-ends .calendar-event-title {
-  color: transparent;
+  color: var(--ids-color-transparent);
 }
 
 .ids-calendar-event.is-month-view {

package/chunks/{ids-chunk-JIFPEJZ3.js → ids-chunk-BYUAUMHS.js}

@@ -1,9 +1,9 @@
-import{a as h}from"./ids-chunk-CMTTSJWO.js";import{a as x}from"./ids-chunk-3DA43NO3.js";import{a as g}from"./ids-chunk-ZE7KS3QK.js";import{a as m,b as a}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-EV6LM7KM.js";import{a as p}from"./ids-chunk-T7DR3MSB.js";import{e as l}from"./ids-chunk-5Q3WPKMB.js";import{a as e}from"./ids-chunk-4O5N6MTO.js";import{a as u,b as s,d,g as o}from"./ids-chunk-Y32WUP63.js";var E=`/* Ids Theme Switcher Css */
+import{a as h}from"./ids-chunk-L7EY3TMT.js";import{a as x}from"./ids-chunk-U4K5B3VN.js";import{a as g}from"./ids-chunk-JA2PT4KM.js";import{a as m,b as a}from"./ids-chunk-XE4WFW5M.js";import{a as c}from"./ids-chunk-E2XG4A54.js";import{a as p}from"./ids-chunk-YOH4YOZB.js";import{e as l}from"./ids-chunk-Y6KVKFJX.js";import{a as e}from"./ids-chunk-6P577POZ.js";import{a as u,b as s,d,f as o}from"./ids-chunk-ZMMCFAAI.js";var E=`/* Ids Theme Switcher Css */
 :host {
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
-  padding: 0 var(--ids-space-xxxs);
+  padding: 0 var(--ids-space-3xs);
 }
 
 :host([hidden]) {

package/chunks/{ids-chunk-4HNSRRUC.js → ids-chunk-CB3QWAOO.js}

@@ -1,4 +1,4 @@
-import{b as a}from"./ids-chunk-6CR6XO6S.js";import{e as r}from"./ids-chunk-5Q3WPKMB.js";import{a as s}from"./ids-chunk-4O5N6MTO.js";var h=n=>class extends n{datasource=new a;constructor(...t){super(...t)}static get attributes(){return[...n.attributes,s.AUTOCOMPLETE,s.SEARCH_FIELD,s.VALUE_FIELD]}connectedCallback(){if(super.connectedCallback(),!this.autocomplete){this.destroyAutocomplete();return}this.#s(),this.#e(),this.#o(),this.#i()}set autocomplete(t){r(t)?(this.setAttribute(s.AUTOCOMPLETE,""),this.container?.classList.add("autocomplete"),this.#l(),this.#e(),this.#i(),this.#o()):(this.removeAttribute(s.AUTOCOMPLETE),this.container?.classList.remove("autocomplete"),this.destroyAutocomplete())}get autocomplete(){return this.hasAttribute(s.AUTOCOMPLETE)}set data(t){this.datasource&&(this.datasource.data=t||[],this.#a())}get data(){return this?.datasource?.data||[]}set searchField(t){t?this.setAttribute(s.SEARCH_FIELD,t):this.removeAttribute(s.SEARCH_FIELD)}get searchField(){let t=this.data&&Object?.keys(this.data[0]||{});return this.getAttribute(s.SEARCH_FIELD)||t[0]}set valueField(t){t?this.setAttribute(s.VALUE_FIELD,t):this.removeAttribute(s.VALUE_FIELD)}get valueField(){return this.getAttribute(s.VALUE_FIELD)||this.searchField}get popup(){return this.shadowRoot?.querySelector("ids-popup")}get listBox(){return this.shadowRoot?.querySelector("ids-list-box")}get options(){return this.shadowRoot?.querySelectorAll("ids-list-box-option")}get isSelected(){return this.shadowRoot?.querySelector("ids-list-box-option.is-selected")}findMatches(t,e){return e.filter(i=>{let o=new RegExp(t,"gi");return i[this.searchField]?.toString()?.match(o)})}displayMatches(){if(this.readonly||this.disabled)return;let t=this,i=this.findMatches(t.value,this.data)?.map(o=>{let l=new RegExp(t.value,"gi"),p=o[this.searchField].toString()?.replace(l,`<span class="highlight">${t.value?.toLowerCase()}</span>`);return this.#t(o[this.searchField],p,o[this.valueField])}).join("");t.value?(this.openPopup(),this.listBox.innerHTML=i||`<ids-list-box-option>${this.localeAPI.translate("NoResults")}</ids-list-box-option>`,this.popup.place()):(this.clearOptions(),this.closePopup())}#a(){this.listBox&&(this.listBox.innerHTML=this.data.map(t=>{let e=t[this.valueField],i=t[this.searchField];return this.#t(i,i,e)}))}#t(t,e,i){return`<ids-list-box-option data-value="${i}" value="${t}">${e}</ids-list-box-option>`}#e(){let t={role:"combobox","aria-expanded":"false","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":this.listBox?.getAttribute("id")||`ids-list-box-${this.id}`};return this.listBox&&(this.listBox.setAttribute("id",`ids-list-box-${this.id}`),this.listBox.setAttribute("aria-label","Listbox")),Object.keys(t).forEach(e=>this.setAttribute(e,t[e])),this}closePopup(){this.popup?.hide()}openPopup(){this.popup&&(this.popup.visible=!0,this.popup?.show())}selectOption(t){if(t.target.nodeName==="IDS-LIST-BOX-OPTION"&&this.setSelectedOption(t.target),this.isSelected){this.value=this.isSelected.getAttribute(s.VALUE);let e=this.isSelected.dataset?.value;this.triggerEvent("selected",this,{bubbles:!0,detail:{elem:this,value:e||this.value}})}this.closePopup()}clearOptions(){this.triggerEvent("cleared",this,{bubbles:!0,detail:{elem:this,value:this.value}})}setSelectedOption(t){t.classList.add("is-selected"),t.setAttribute("tabindex","0")}removeSelectedOption(t){t.classList.remove("is-selected"),t.setAttribute("tabindex","-1")}#s(){this.popup&&(this.popup.type="dropdown",this.popup.align="bottom, left",this.popup.alignTarget=this.fieldContainer,this.popup.y=-1)}#l(){this.popup||(this.container?.insertAdjacentHTML("beforeend",`
+import{b as a}from"./ids-chunk-M4GREREJ.js";import{e as r}from"./ids-chunk-Y6KVKFJX.js";import{a as s}from"./ids-chunk-6P577POZ.js";var h=n=>class extends n{datasource=new a;constructor(...t){super(...t)}static get attributes(){return[...n.attributes,s.AUTOCOMPLETE,s.SEARCH_FIELD,s.VALUE_FIELD]}connectedCallback(){if(super.connectedCallback(),!this.autocomplete){this.destroyAutocomplete();return}this.#s(),this.#e(),this.#o(),this.#i()}set autocomplete(t){r(t)?(this.setAttribute(s.AUTOCOMPLETE,""),this.container?.classList.add("autocomplete"),this.#l(),this.#e(),this.#i(),this.#o()):(this.removeAttribute(s.AUTOCOMPLETE),this.container?.classList.remove("autocomplete"),this.destroyAutocomplete())}get autocomplete(){return this.hasAttribute(s.AUTOCOMPLETE)}set data(t){this.datasource&&(this.datasource.data=t||[],this.#a())}get data(){return this?.datasource?.data||[]}set searchField(t){t?this.setAttribute(s.SEARCH_FIELD,t):this.removeAttribute(s.SEARCH_FIELD)}get searchField(){let t=this.data&&Object?.keys(this.data[0]||{});return this.getAttribute(s.SEARCH_FIELD)||t[0]}set valueField(t){t?this.setAttribute(s.VALUE_FIELD,t):this.removeAttribute(s.VALUE_FIELD)}get valueField(){return this.getAttribute(s.VALUE_FIELD)||this.searchField}get popup(){return this.shadowRoot?.querySelector("ids-popup")}get listBox(){return this.shadowRoot?.querySelector("ids-list-box")}get options(){return this.shadowRoot?.querySelectorAll("ids-list-box-option")}get isSelected(){return this.shadowRoot?.querySelector("ids-list-box-option.is-selected")}findMatches(t,e){return e.filter(i=>{let o=new RegExp(t,"gi");return i[this.searchField]?.toString()?.match(o)})}displayMatches(){if(this.readonly||this.disabled)return;let t=this,i=this.findMatches(t.value,this.data)?.map(o=>{let l=new RegExp(t.value,"gi"),p=o[this.searchField].toString()?.replace(l,`<span class="highlight">${t.value?.toLowerCase()}</span>`);return this.#t(o[this.searchField],p,o[this.valueField])}).join("");t.value?(this.openPopup(),this.listBox.innerHTML=i||`<ids-list-box-option>${this.localeAPI.translate("NoResults")}</ids-list-box-option>`,this.popup.place()):(this.clearOptions(),this.closePopup())}#a(){this.listBox&&(this.listBox.innerHTML=this.data.map(t=>{let e=t[this.valueField],i=t[this.searchField];return this.#t(i,i,e)}))}#t(t,e,i){return`<ids-list-box-option data-value="${i}" value="${t}">${e}</ids-list-box-option>`}#e(){let t={role:"combobox","aria-expanded":"false","aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":this.listBox?.getAttribute("id")||`ids-list-box-${this.id}`};return this.listBox&&(this.listBox.setAttribute("id",`ids-list-box-${this.id}`),this.listBox.setAttribute("aria-label","Listbox")),Object.keys(t).forEach(e=>this.setAttribute(e,t[e])),this}closePopup(){this.popup?.hide()}openPopup(){this.popup&&(this.popup.visible=!0,this.popup?.show())}selectOption(t){if(t.target.nodeName==="IDS-LIST-BOX-OPTION"&&this.setSelectedOption(t.target),this.isSelected){this.value=this.isSelected.getAttribute(s.VALUE);let e=this.isSelected.dataset?.value;this.triggerEvent("selected",this,{bubbles:!0,detail:{elem:this,value:e||this.value}})}this.closePopup()}clearOptions(){this.triggerEvent("cleared",this,{bubbles:!0,detail:{elem:this,value:this.value}})}setSelectedOption(t){t.classList.add("is-selected"),t.setAttribute("tabindex","0")}removeSelectedOption(t){t.classList.remove("is-selected"),t.setAttribute("tabindex","-1")}#s(){this.popup&&(this.popup.type="dropdown",this.popup.align="bottom, left",this.popup.alignTarget=this.fieldContainer,this.popup.y=-1)}#l(){this.popup||(this.container?.insertAdjacentHTML("beforeend",`
       <ids-popup part="popup">
         <ids-list-box slot="content"></ids-list-box>
       </ids-popup>

package/chunks/{ids-chunk-BQXRUZYK.js → ids-chunk-CHPBAKOW.js}

@@ -1,4 +1,4 @@
-import{a}from"./ids-chunk-CMTTSJWO.js";import{a as d}from"./ids-chunk-3DA43NO3.js";import{a as o,b as l}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-EV6LM7KM.js";import{e as s}from"./ids-chunk-5Q3WPKMB.js";import{a as t}from"./ids-chunk-4O5N6MTO.js";import{a as n}from"./ids-chunk-Y32WUP63.js";var h=`/* Ids Splitter Pane Component */
+import{a}from"./ids-chunk-L7EY3TMT.js";import{a as d}from"./ids-chunk-U4K5B3VN.js";import{a as o,b as l}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-E2XG4A54.js";import{e as s}from"./ids-chunk-Y6KVKFJX.js";import{a as t}from"./ids-chunk-6P577POZ.js";import{a as n}from"./ids-chunk-ZMMCFAAI.js";var h=`/* Ids Splitter Pane Component */
 .ids-splitter-pane {
   overflow: auto;
   width: 100%;