ids-enterprise-wc 1.4.2 → 1.5.0

package/chunks/{ids-chunk-IXJU5RDS.js → ids-chunk-LJX3R7SP.js}

@@ -1 +1 @@
-import{b as h}from"./ids-chunk-UR2NLGN4.js";import{e as g}from"./ids-chunk-5Q3WPKMB.js";import{a as r}from"./ids-chunk-H4WFYJQQ.js";var v=o=>class extends o{constructor(...t){super(...t)}static get attributes(){return[...o.attributes,r.SAVE_ACTIVE_PAGE,r.SAVE_COLUMNS,r.SAVE_FILTER,r.SAVE_PAGE_SIZE,r.SAVE_ROW_HEIGHT,r.SAVE_SORT_ORDER,r.SAVE_USER_SETTINGS]}connectedCallback(){super.connectedCallback?.()}settings={activePage:"active-page",columns:"columns",filter:"filter",pageSize:"page-size",rowHeight:"row-height",sortOrder:"sort-order"};#s=Object.values(this.settings);#i=!0;#r=[];set saveActivePage(t){this.#t(r.SAVE_ACTIVE_PAGE,t)}get saveActivePage(){return this.hasAttribute(r.SAVE_ACTIVE_PAGE)}set saveColumns(t){this.#t(r.SAVE_COLUMNS,t)}get saveColumns(){return this.hasAttribute(r.SAVE_COLUMNS)}set saveFilter(t){this.#t(r.SAVE_FILTER,t)}get saveFilter(){return this.hasAttribute(r.SAVE_FILTER)}set savePageSize(t){this.#t(r.SAVE_PAGE_SIZE,t)}get savePageSize(){return this.hasAttribute(r.SAVE_PAGE_SIZE)}set saveRowHeight(t){this.#t(r.SAVE_ROW_HEIGHT,t)}get saveRowHeight(){return this.hasAttribute(r.SAVE_ROW_HEIGHT)}set saveSortOrder(t){this.#t(r.SAVE_SORT_ORDER,t)}get saveSortOrder(){return this.hasAttribute(r.SAVE_SORT_ORDER)}set saveUserSettings(t){this.#t(r.SAVE_USER_SETTINGS,t)}get saveUserSettings(){return this.hasAttribute(r.SAVE_USER_SETTINGS)}#t(t,e){if(g(e)){this.setAttribute(t,"");return}this.removeAttribute(t)}#a(){try{if(typeof localStorage?.getItem=="function")return!0}catch{return!1}return!1}#n(t,e="",s="",i=this.uniqueId??this.getAttribute("id")??""){return`ids-data-grid-usersettings-${e}-${i}-${t}-${s}`.replace(/-+/g,"-").replace(/-$/g,"")}#o(t){let e=this,s=()=>{let n=[];return e.filters?.filterConditions?.()?.forEach(d=>{let{columnId:S,operator:c,value:l}=d;n.push({columnId:S,operator:c,value:l})}),n},i=this.settings,a=null;return t===i.activePage&&(a=e.datasource.pageNumber),t===i.columns&&(a=h(e.columns)),t===i.filter&&(a=s()),t===i.pageSize&&(a=e.datasource.pageSize),t===i.rowHeight&&(a=e.rowHeight),t===i.sortOrder&&(a=e.sortColumn),{key:this.#n(t),value:a}}#g(t,e){this.#i&&this.#a()&&typeof e<"u"&&e!==null&&localStorage.setItem(t,JSON.stringify(e))}saveSetting(t){if(this.#s.includes(t)){this.#r.includes(t)||this.#r.push(t);let{key:e,value:s}=this.#o(t);this.#g(e,s)}}saveAllSettings(){this.#s.forEach(t=>this.saveSetting(t))}savedSetting(t){let e=null;if(this.#s.includes(t)&&this.#a()){let s=this.#n(t),i=localStorage.getItem(s);typeof i=="string"&&i!==""&&(e=JSON.parse(i))}return e}allSavedSettings(){return Object.fromEntries(Object.entries(this.settings).map(([t,e])=>[t,this.savedSetting(e)]))}clearSetting(t,e){this.#s.includes(t)&&this.#a()&&(e=e??this.#n(t),Object.keys(localStorage).some(i=>i===e)&&localStorage.removeItem(e))}clearAllSettings(t={}){Object.entries(this.settings).forEach(([e,s])=>this.clearSetting(s,t[e]))}restoreSetting(t,e){if(this.#s.includes(t)){let s=this.settings;t===s.activePage&&this.#h(e),t===s.columns&&this.#d(e),t===s.filter&&this.#S(e),t===s.pageSize&&this.#c(e),t===s.rowHeight&&this.#l(e),t===s.sortOrder&&this.#v(e)}}restoreAllSettings(t={}){Object.entries(this.settings).forEach(([e,s])=>this.restoreSetting(s,t[e]))}#e(t,e,s){!this.#r.includes(t)&&typeof e<"u"&&e!==null&&(this.#i=!1,s(),this.#i=!0,this.#r.push(t))}#h(t=this.savedSetting(this.settings.activePage)){this.#e(this.settings.activePage,t,()=>{this.pageNumber=t})}#d(t=this.savedSetting(this.settings.columns)){let e=["cellSelectedCssPart","click","cssPart","disabled","filterType","formatter","isChecked","tooltipCssPart"],s=i=>{let a=this.columnDataById(i.id);e.forEach(n=>{!i[n]&&a[n]&&(i[n]=a[n])})};t?.forEach(i=>s(i)),this.#e(this.settings.columns,t,()=>{this.columns=t})}#S(t=this.savedSetting(this.settings.filter)){this.#e(this.settings.filter,t,()=>{this.applyFilter(t)})}#c(t=this.savedSetting(this.settings.pageSize)){this.#e(this.settings.pageSize,t,()=>{this.pageSize=t})}#l(t=this.savedSetting(this.settings.rowHeight)){this.#e(this.settings.rowHeight,t,()=>{this.rowHeight=t})}#v(t=this.savedSetting(this.settings.sortOrder)){let{id:e,ascending:s}=t||{};this.#e(this.settings.sortOrder,t,()=>{this.setSortColumn(e,s)})}saveSettings(){let t=this;if(!this.#i||!t.initialized||!t.data?.length)return;let e=Object.fromEntries(Object.entries(this.settings).map(([s,i])=>[s,this.#o(i).value]));if(this.triggerEvent("settingschanged",this,{bubbles:!0,detail:{elem:this,settings:e}}),this.saveUserSettings){this.saveAllSettings();return}this.saveActivePage&&this.saveSetting(this.settings.activePage),this.saveColumns&&this.saveSetting(this.settings.columns),this.saveFilter&&this.saveSetting(this.settings.filter),this.savePageSize&&this.saveSetting(this.settings.pageSize),this.saveRowHeight&&this.saveSetting(this.settings.rowHeight),this.saveSortOrder&&this.saveSetting(this.settings.sortOrder)}attachSaveSettingsEventHandlers(){let t=this;this.offEvent("pagenumberchange.data-grid-save-settings"),this.onEvent("pagenumberchange.data-grid-save-settings",t.pager,()=>{this.saveSettings()}),this.offEvent("pagesizechange.data-grid-save-settings"),this.onEvent("pagesizechange.data-grid-save-settings",t.pager,()=>{this.saveSettings()})}},m=v;export{m as a};
+import{b as h}from"./ids-chunk-UR2NLGN4.js";import{e as g}from"./ids-chunk-Y6KVKFJX.js";import{a as r}from"./ids-chunk-6P577POZ.js";var v=o=>class extends o{constructor(...t){super(...t)}static get attributes(){return[...o.attributes,r.SAVE_ACTIVE_PAGE,r.SAVE_COLUMNS,r.SAVE_FILTER,r.SAVE_PAGE_SIZE,r.SAVE_ROW_HEIGHT,r.SAVE_SORT_ORDER,r.SAVE_USER_SETTINGS]}connectedCallback(){super.connectedCallback?.()}settings={activePage:"active-page",columns:"columns",filter:"filter",pageSize:"page-size",rowHeight:"row-height",sortOrder:"sort-order"};#s=Object.values(this.settings);#i=!0;#r=[];set saveActivePage(t){this.#t(r.SAVE_ACTIVE_PAGE,t)}get saveActivePage(){return this.hasAttribute(r.SAVE_ACTIVE_PAGE)}set saveColumns(t){this.#t(r.SAVE_COLUMNS,t)}get saveColumns(){return this.hasAttribute(r.SAVE_COLUMNS)}set saveFilter(t){this.#t(r.SAVE_FILTER,t)}get saveFilter(){return this.hasAttribute(r.SAVE_FILTER)}set savePageSize(t){this.#t(r.SAVE_PAGE_SIZE,t)}get savePageSize(){return this.hasAttribute(r.SAVE_PAGE_SIZE)}set saveRowHeight(t){this.#t(r.SAVE_ROW_HEIGHT,t)}get saveRowHeight(){return this.hasAttribute(r.SAVE_ROW_HEIGHT)}set saveSortOrder(t){this.#t(r.SAVE_SORT_ORDER,t)}get saveSortOrder(){return this.hasAttribute(r.SAVE_SORT_ORDER)}set saveUserSettings(t){this.#t(r.SAVE_USER_SETTINGS,t)}get saveUserSettings(){return this.hasAttribute(r.SAVE_USER_SETTINGS)}#t(t,e){if(g(e)){this.setAttribute(t,"");return}this.removeAttribute(t)}#a(){try{if(typeof localStorage?.getItem=="function")return!0}catch{return!1}return!1}#n(t,e="",s="",i=this.uniqueId??this.getAttribute("id")??""){return`ids-data-grid-usersettings-${e}-${i}-${t}-${s}`.replace(/-+/g,"-").replace(/-$/g,"")}#o(t){let e=this,s=()=>{let n=[];return e.filters?.filterConditions?.()?.forEach(d=>{let{columnId:S,operator:c,value:l}=d;n.push({columnId:S,operator:c,value:l})}),n},i=this.settings,a=null;return t===i.activePage&&(a=e.datasource.pageNumber),t===i.columns&&(a=h(e.columns)),t===i.filter&&(a=s()),t===i.pageSize&&(a=e.datasource.pageSize),t===i.rowHeight&&(a=e.rowHeight),t===i.sortOrder&&(a=e.sortColumn),{key:this.#n(t),value:a}}#g(t,e){this.#i&&this.#a()&&typeof e<"u"&&e!==null&&localStorage.setItem(t,JSON.stringify(e))}saveSetting(t){if(this.#s.includes(t)){this.#r.includes(t)||this.#r.push(t);let{key:e,value:s}=this.#o(t);this.#g(e,s)}}saveAllSettings(){this.#s.forEach(t=>this.saveSetting(t))}savedSetting(t){let e=null;if(this.#s.includes(t)&&this.#a()){let s=this.#n(t),i=localStorage.getItem(s);typeof i=="string"&&i!==""&&(e=JSON.parse(i))}return e}allSavedSettings(){return Object.fromEntries(Object.entries(this.settings).map(([t,e])=>[t,this.savedSetting(e)]))}clearSetting(t,e){this.#s.includes(t)&&this.#a()&&(e=e??this.#n(t),Object.keys(localStorage).some(i=>i===e)&&localStorage.removeItem(e))}clearAllSettings(t={}){Object.entries(this.settings).forEach(([e,s])=>this.clearSetting(s,t[e]))}restoreSetting(t,e){if(this.#s.includes(t)){let s=this.settings;t===s.activePage&&this.#h(e),t===s.columns&&this.#d(e),t===s.filter&&this.#S(e),t===s.pageSize&&this.#c(e),t===s.rowHeight&&this.#l(e),t===s.sortOrder&&this.#v(e)}}restoreAllSettings(t={}){Object.entries(this.settings).forEach(([e,s])=>this.restoreSetting(s,t[e]))}#e(t,e,s){!this.#r.includes(t)&&typeof e<"u"&&e!==null&&(this.#i=!1,s(),this.#i=!0,this.#r.push(t))}#h(t=this.savedSetting(this.settings.activePage)){this.#e(this.settings.activePage,t,()=>{this.pageNumber=t})}#d(t=this.savedSetting(this.settings.columns)){let e=["cellSelectedCssPart","click","cssPart","disabled","filterType","formatter","isChecked","tooltipCssPart"],s=i=>{let a=this.columnDataById(i.id);e.forEach(n=>{!i[n]&&a[n]&&(i[n]=a[n])})};t?.forEach(i=>s(i)),this.#e(this.settings.columns,t,()=>{this.columns=t})}#S(t=this.savedSetting(this.settings.filter)){this.#e(this.settings.filter,t,()=>{this.applyFilter(t)})}#c(t=this.savedSetting(this.settings.pageSize)){this.#e(this.settings.pageSize,t,()=>{this.pageSize=t})}#l(t=this.savedSetting(this.settings.rowHeight)){this.#e(this.settings.rowHeight,t,()=>{this.rowHeight=t})}#v(t=this.savedSetting(this.settings.sortOrder)){let{id:e,ascending:s}=t||{};this.#e(this.settings.sortOrder,t,()=>{this.setSortColumn(e,s)})}saveSettings(){let t=this;if(!this.#i||!t.initialized||!t.data?.length)return;let e=Object.fromEntries(Object.entries(this.settings).map(([s,i])=>[s,this.#o(i).value]));if(this.triggerEvent("settingschanged",this,{bubbles:!0,detail:{elem:this,settings:e}}),this.saveUserSettings){this.saveAllSettings();return}this.saveActivePage&&this.saveSetting(this.settings.activePage),this.saveColumns&&this.saveSetting(this.settings.columns),this.saveFilter&&this.saveSetting(this.settings.filter),this.savePageSize&&this.saveSetting(this.settings.pageSize),this.saveRowHeight&&this.saveSetting(this.settings.rowHeight),this.saveSortOrder&&this.saveSetting(this.settings.sortOrder)}attachSaveSettingsEventHandlers(){let t=this;this.offEvent("pagenumberchange.data-grid-save-settings"),this.onEvent("pagenumberchange.data-grid-save-settings",t.pager,()=>{this.saveSettings()}),this.offEvent("pagesizechange.data-grid-save-settings"),this.onEvent("pagesizechange.data-grid-save-settings",t.pager,()=>{this.saveSettings()})}},m=v;export{m as a};

package/chunks/ids-chunk-LQWG2FVL.js

@@ -0,0 +1,55 @@
+import{a as h}from"./ids-chunk-PDFRGCVJ.js";import{a as P}from"./ids-chunk-L7EY3TMT.js";import{a as y}from"./ids-chunk-U4K5B3VN.js";import{e as G,f as w}from"./ids-chunk-ZUHWNQKP.js";import{a as _,b as S}from"./ids-chunk-XE4WFW5M.js";import{a as X}from"./ids-chunk-E2XG4A54.js";import{g as v}from"./ids-chunk-BVOD446S.js";import{a as x,e as A}from"./ids-chunk-Y6KVKFJX.js";import{a as s}from"./ids-chunk-6P577POZ.js";import{a as C,c as E,d as p,f as d}from"./ids-chunk-ZMMCFAAI.js";var $=`/* Ids Tree Component */
+@keyframes keyframes-rotate-forward {
+  0% {
+    transform: rotate(-90deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+@keyframes keyframes-rotate-backward {
+  0% {
+    transform: rotate(45deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+:host {
+  display: inline-block;
+}
+
+.ids-tree {
+  list-style-type: none;
+  margin-bottom: var(--ids-space-4xs);
+  display: inline-block;
+  margin-block-start: 0;
+  margin-block-end: 0;
+  padding-inline-start: 0;
+}
+.ids-tree ids-badge::part(badge) {
+  border-width: var(--ids-border-width-none);
+  margin: 0;
+  margin-inline-end: 8px;
+}
+.ids-tree ::slotted(ids-badge) {
+  align-self: center;
+}
+
+ids-badge::part(badge) {
+  border-width: var(--ids-border-width-none);
+  margin: 0;
+  margin-inline-end: 8px;
+}
+
+::slotted(ids-badge) {
+  align-self: center;
+}`;var F=P(y(X)),l,I,n,L,f,u,R,B,D,k,H,M,j,T,b=class extends F{constructor(){super();p(this,n);p(this,l,{old:null,current:null,selectedOld:null,selectedCurrent:null});p(this,I,[]);this.state={}}connectedCallback(){super.connectedCallback(),d(this,n,M).call(this)}static get attributes(){return[...super.attributes,s.COLLAPSE_ICON,s.DISABLED,s.EXPAND_ICON,s.EXPANDED,s.ICON,s.LABEL,s.SELECTABLE,s.SHOW_EXPAND_AND_TOGGLE_ICONS,s.TOGGLE_COLLAPSE_ICON,s.TOGGLE_EXPAND_ICON,s.TOGGLE_ICON_ROTATE,s.EXPAND_TARGET]}template(){let e=this.disabled?" disabled":"";return`<div class="ids-tree" part="tree" role="tree" ${`aria-label="${this.label}"`} ${e}>
+      <slot></slot>
+    </div>`}set data(e){if(Array.isArray(e)){this.redraw(e);return}this.clear()}get data(){return this.rootNodes.map(e=>e.data)}set expanded(e){let t=A(e);this.toggleAttribute(s.EXPANDED,t),d(this,n,R).call(this,o=>{o.isGroup&&o.toggleAttribute(s.EXPANDED,t)})}get expanded(){return A(this.getAttribute(s.EXPANDED))}set selectable(e){let t=`${e}`;h.SELECTABLE.indexOf(t)>-1?(t==="none"&&this.unselectAll(),this.setAttribute(s.SELECTABLE,t)):this.removeAttribute(s.SELECTABLE),d(this,n,L).call(this)}get selectable(){let e=this.getAttribute(s.SELECTABLE)??"single";return h.SELECTABLE.includes(e)?e:"single"}set icon(e){e?this.setAttribute(s.ICON,e.toString()):this.removeAttribute(s.ICON),d(this,n,u).call(this,s.ICON,!0)}get icon(){return this.getAttribute(s.ICON)??h.DEFAULTS.icon}set collapseIcon(e){e?this.setAttribute(s.COLLAPSE_ICON,e.toString()):this.removeAttribute(s.COLLAPSE_ICON),d(this,n,u).call(this,s.COLLAPSE_ICON)}get collapseIcon(){return this.getAttribute(s.COLLAPSE_ICON)??h.DEFAULTS.collapseIcon}set expandTarget(e){e?this.setAttribute(s.EXPAND_TARGET,`${e}`):this.removeAttribute(s.EXPAND_TARGET),d(this,n,u).call(this,s.EXPAND_TARGET)}get expandTarget(){return this.getAttribute(s.EXPAND_TARGET)||"node"}set expandIcon(e){e?this.setAttribute(s.EXPAND_ICON,e.toString()):this.removeAttribute(s.EXPAND_ICON),d(this,n,u).call(this,s.EXPAND_ICON)}get expandIcon(){return this.getAttribute(s.EXPAND_ICON)??h.DEFAULTS.expandIcon}set disabled(e){let t=A(e);this.toggleAttribute(s.DISABLED,t),this.container?.toggleAttribute(s.DISABLED,t),this.rootNodes.forEach(o=>o.toggleAttribute(s.DISABLED,t))}get disabled(){return A(this.getAttribute(s.DISABLED))}get rootNodes(){return[...this.querySelectorAll(":scope > ids-tree-node")]}get treeNodes(){return[...this.querySelectorAll("ids-tree-node")]}get nodesData(){return this.treeNodes}set label(e){e?(this.setAttribute(s.LABEL,e.toString()),this.container?.setAttribute("aria-label",e.toString())):(this.removeAttribute(s.LABEL),this.container?.setAttribute("aria-label",h.TREE_ARIA_LABEL))}get label(){return this.getAttribute(s.LABEL)||h.TREE_ARIA_LABEL}get isMultiSelect(){return this.selectable==="multiple"}set showExpandAndToggleIcons(e){let t=A(e);this.toggleAttribute(s.SHOW_EXPAND_AND_TOGGLE_ICONS,t),d(this,n,u).call(this,s.SHOW_EXPAND_AND_TOGGLE_ICONS,!0)}get showExpandAndToggleIcons(){return A(this.getAttribute(s.SHOW_EXPAND_AND_TOGGLE_ICONS))}set toggleCollapseIcon(e){e?this.setAttribute(s.TOGGLE_COLLAPSE_ICON,e.toString()):this.removeAttribute(s.TOGGLE_COLLAPSE_ICON),d(this,n,u).call(this,s.TOGGLE_COLLAPSE_ICON)}get toggleCollapseIcon(){return this.getAttribute(s.TOGGLE_COLLAPSE_ICON)||h.DEFAULTS.toggleCollapseIcon}set toggleExpandIcon(e){e?this.setAttribute(s.TOGGLE_EXPAND_ICON,e.toString()):this.removeAttribute(s.TOGGLE_EXPAND_ICON),d(this,n,u).call(this,s.TOGGLE_EXPAND_ICON)}get toggleExpandIcon(){return this.getAttribute(s.TOGGLE_EXPAND_ICON)||h.DEFAULTS.toggleExpandIcon}set toggleIconRotate(e){this.toggleAttribute(s.TOGGLE_ICON_ROTATE,A(e)),d(this,n,u).call(this,s.TOGGLE_ICON_ROTATE)}get toggleIconRotate(){return A(this.getAttribute(s.TOGGLE_ICON_ROTATE))}get selected(){return this.selectable==="multiple"?[...this.querySelectorAll("ids-tree-node[selected]")]:this.treeNodes.find(e=>e.selected)??null}set beforeExpanded(e){this.state.beforeExpanded=e}get beforeExpanded(){return this.state.beforeExpanded}set afterExpanded(e){this.state.afterExpanded=e}get afterExpanded(){return this.state.afterExpanded}collapseAll(){this.treeNodes.filter(e=>e.isGroup).forEach(e=>e.toggleAttribute(s.EXPANDED,!1))}expandAll(){this.treeNodes?.filter(e=>e.isGroup).forEach(e=>e.toggleAttribute(s.EXPANDED,!0))}collapse(e){this.getNode(e)?.toggleAttribute(s.EXPANDED,!1)}expand(e){this.getNode(e)?.toggleAttribute(s.EXPANDED,!0)}toggle(e){let t=this.getNode(e);t?.toggleAttribute(s.EXPANDED,!t.expanded)}select(e){this.getNode(e)?.toggleAttribute(s.SELECTED,!0)}unselect(e){this.getNode(e)?.toggleAttribute(s.SELECTED,!1)}unselectAll(){this.treeNodes.forEach(e=>e.toggleAttribute(s.SELECTED,!1))}getAllChildNodes(e){return[...e.querySelectorAll("ids-tree-node")]}isSelected(e){return!!this.getNode(e)?.selected}getNode(e){return this.treeNodes.find(t=>t.matches(e))??null}addNodes(e,t,o){let i=e.reduce((r,a)=>r+d(this,n,T).call(this,a),"");switch(t){case"top":this.insertAdjacentHTML("afterbegin",i);break;case"before":o?.insertAdjacentHTML("beforebegin",i);break;case"after":o?.insertAdjacentHTML("afterend",i);break;case"child":o?.insertAdjacentHTML("beforeend",i),o?.toggleAttribute(s.EXPANDED,!0);break;case"bottom":default:this.insertAdjacentHTML("beforeend",i)}}clear(){this.rootNodes.forEach(e=>e.remove())}redraw(e=[]){this.clear();let t=e.map(o=>d(this,n,T).call(this,o));this.insertAdjacentHTML("afterbegin",t.join(""))}};l=new WeakMap,I=new WeakMap,n=new WeakSet,L=function(){let e=this.selectable;this.rootNodes.forEach(t=>t.setAttribute(s.SELECTABLE,e))},f=function(e){!e||e===E(this,l).current||(E(this,l).old=E(this,l).current,E(this,l).current=e,E(this,l).current.setFocus())},u=function(e,t){this.treeNodes.forEach(o=>{let i=o.getAttribute(e),r=this[x(e)];r===null?o.removeAttribute(e):(t||i!==r)&&o.setAttribute(e,r?.toString())})},R=function(e){this.querySelectorAll("ids-tree-node").forEach(t=>{e(t)})},B=function(e,t){let o=["ArrowDown","ArrowRight","ArrowUp","ArrowLeft","Space"],i={next:r=>{let a=d(this,n,D).call(this,r);a&&d(this,n,f).call(this,a)},previous:r=>{let a=d(this,n,H).call(this,r);a&&d(this,n,f).call(this,a)},forward:r=>{if(r.isGroup)if(r.expanded){let a=d(this,n,k).call(this,r);d(this,n,f).call(this,a)}else r.toggleAttribute(s.EXPANDED,!0)},backward:r=>{if(r.isGroup&&r.expanded)r.toggleAttribute(s.EXPANDED,!1);else if(r.level>1){let a=r.parentElement;d(this,n,f).call(this,a)}}};if(o.includes(t)){let r=e,a=this.localeAPI.isRTL();t==="ArrowDown"?i.next(r):t==="ArrowUp"?i.previous(r):t==="ArrowRight"?i[a?"backward":"forward"](r):t==="ArrowLeft"&&i[a?"forward":"backward"](r)}},D=function(e,t=!1){if(!t&&e.expanded&&e.hasChildren){let i=e.slottedTreeNodes.find(r=>!r.disabled);if(i)return i}let o=v(e,"ids-tree-node:not([disabled])");return o||(e.parentElement?.nodeName==="IDS-TREE-NODE"?d(this,n,D).call(this,e.parentElement,!0):null)},k=function(e){let t=[...E(this,I)].splice(e.idx+1),o=t.findIndex(i=>i.level===e.level);return o>0&&(t=t.splice(0,o).filter(i=>i.level===e.level+1)),t.find(i=>!i.elem.disabled)},H=function(e){let t=[...this.querySelectorAll("ids-tree-node")],o=t.indexOf(e);return t[0]!==e?[...t].slice(0,o).reverse().find(i=>{if(i.level>e.level){let r=i.parentElement;if(r?.nodeName==="IDS-TREE-NODE"&&!r?.expanded)return r===i}return!i.disabled}):t[0]},M=function(){this.offEvent("keydown.tree-node",this),this.onEvent("keydown.tree-node",this,t=>{t.preventDefault(),t.stopPropagation();let o=t.composedPath().find(i=>i.nodeName==="IDS-TREE-NODE");o.disabled||d(this,n,B).call(this,o,t.code)}),this.offEvent("keyup.tree",this.container),this.onEvent("keyup.tree",this.container,t=>{let o=["Space","Enter"],i=t.code,r=t.composedPath().find(a=>a.nodeName==="IDS-TREE-NODE");o.indexOf(i)>-1&&(t.preventDefault(),t.stopPropagation(),r.handleClickEvent(t,i==="Space"))});let e=this.container?.querySelector("slot");this.offEvent("slotchange.tree-root",e),this.onEvent("slotchange.tree-root",e,()=>{d(this,n,L).call(this),d(this,n,j).call(this,this.rootNodes),E(this,l).selectedCurrent=this.treeNodes.find(t=>t.selected)??null}),this.offEvent("expandready",this),this.onEvent("expandready",this,async t=>{if(this.state.beforeExpanded){let o=t.detail.node,i=await this.state.beforeExpanded({elem:this,node:o});i&&this.addNodes(i,"child",o),t.detail.onReady();return}t.detail.onReady()}),this.offEvent("selected.tree-node",this),this.onEvent("selected.tree-node",this,t=>{this.selectable==="single"&&(E(this,l).selectedOld=E(this,l).selectedCurrent,E(this,l).selectedCurrent=t.detail.node,E(this,l).selectedOld?.toggleAttribute(s.SELECTED,!1))})},j=function(e){e.forEach((t,o)=>{let i=t.getAttribute("aria-level");t.setAttribute("aria-level","1"),t.setAttribute("aria-setsize",String(e.length)),t.setAttribute("aria-posinset",String(o+1)),i&&i!=="1"&&t.updateTreeArias()})},T=function(e){let t=[],o=c=>/&#?[^\s].{1,9};/g.test(c)?G(c):c,i=c=>w(o(c)),r=(c,m)=>{if(typeof e[c]<"u"){let N=e[c];if(typeof N=="boolean"&&N===!0){t.push(m||c);return}let q=typeof N=="string"?i(N):N;t.push(`${m||c}="${q}"`)}};this.icon&&(e.icon??=this.icon),r("id"),r("disabled"),r("text","label"),r("icon"),r("selected"),t.push(`${s.TOGGLE_COLLAPSE_ICON}="${e.toggleCollapseIcon??this.toggleCollapseIcon}"`),t.push(`${s.TOGGLE_EXPAND_ICON}="${e.toggleExpandIcon??this.toggleExpandIcon}"`),t.push(`${s.COLLAPSE_ICON}="${e.collapseIcon??this.collapseIcon}"`),t.push(`${s.EXPAND_ICON}="${e.expandIcon??this.expandIcon}"`),(this.showExpandAndToggleIcons||e.showExpandAndToggleIcons)&&t.push(s.SHOW_EXPAND_AND_TOGGLE_ICONS);let a="";e.children&&(r("expanded"),e.children.length===0&&t.push("load-async"),a=e.children.map(c=>d(this,n,T).call(this,c)).join(""));let g=e.badge,O="";return g&&(O=`<ids-badge slot="badge"
+        ${g.color?`color="${g.color}"`:""}
+        ${g.shape?`shape="${g.shape}"`:""}>
+        ${g.text?`${g.text}`:""}
+        ${g.textAudible?`<ids-text audible="true">${g.textAudible}</ids-text>`:""}
+        ${g.icon?`<ids-icon icon="${g.icon}"></ids-icon>`:""}
+      </ids-badge>`),`<ids-tree-node ${t.join(" ")}>${O}${a}</ids-tree-node>`},b=C([_("ids-tree"),S($)],b);export{b as a};

package/chunks/{ids-chunk-Z3YDQQZE.js → ids-chunk-LTQZNYOP.js}

@@ -1,4 +1,4 @@
-import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chunk-XE4WFW5M.js";import{e as d}from"./ids-chunk-5Q3WPKMB.js";import{a as i,b as s}from"./ids-chunk-H4WFYJQQ.js";import{a as z,b as L,c as h,d as e,e as p,g as n}from"./ids-chunk-Y32WUP63.js";var $=`@charset "UTF-8";
+import{a as N}from"./ids-chunk-4MRWCECO.js";import{a as E,b as D}from"./ids-chunk-XE4WFW5M.js";import{e as d}from"./ids-chunk-Y6KVKFJX.js";import{a as i,b as s}from"./ids-chunk-6P577POZ.js";import{a as B,b as k,c as p,d as m,e as c,f as a}from"./ids-chunk-ZMMCFAAI.js";var L=`@charset "UTF-8";
 /**
  * Css for clearable mixin
  */
@@ -81,8 +81,9 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: flex;
-  font-family: var(--ids-font-family-default);
-  margin-top: var(--ids-space-xxs);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  margin-top: var(--ids-space-2xs);
+  max-width: var(--ids-input-width-full);
 }
 .validation-message.has-custom-icon {
   color: var(--ids-icon-color-default);
@@ -91,7 +92,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   color: var(--ids-input-color-text-disabled);
 }
 .validation-message .ids-icon {
-  margin-inline-end: var(--ids-space-xxs);
+  margin-inline-end: var(--ids-space-2xs);
 }
 .validation-message.alert {
   color: var(--ids-color-caution-default);
@@ -133,7 +134,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
 .ids-label-text {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  font-family: var(--ids-font-family-default);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
   color: var(--ids-input-label-color-text-default);
   display: flex;
   margin-block-end: var(--ids-input-margin-bottom);
@@ -145,10 +146,10 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
 }
 .ids-label-text.required::after {
   position: relative;
-  font-family: var(--ids-font-family-default);
-  margin-inline-start: var(--ids-space-xxxs);
-  margin-inline-end: var(--ids-space-xxxs);
-  font-size: var(--ids-font-size-50);
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  margin-inline-start: var(--ids-space-3xs);
+  margin-inline-end: var(--ids-space-3xs);
+  font-size: var(--ids-font-size-md);
   color: var(--ids-input-required-indicator-color-text-default);
   content: "*";
   margin-top: -10px;
@@ -190,7 +191,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   white-space: nowrap;
 }
 :host([label-wrap=ellipsis]) .ids-label-text.required {
-  padding-inline-end: 8px;
+  padding-inline-end: var(--ids-space-xs);
 }
 :host([label-wrap=ellipsis]) .ids-label-text.required::after {
   display: block;
@@ -206,7 +207,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   white-space: nowrap;
 }
 :host([label-wrap=ellipsis-no-stretch]) .ids-label-text.required {
-  padding-inline-end: 8px;
+  padding-inline-end: var(--ids-space-xs);
 }
 :host([label-wrap=ellipsis-no-stretch]) .ids-label-text.required::after {
   display: block;
@@ -262,7 +263,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
 .ids-input .field-container {
   border: 1px solid;
   border-collapse: separate;
-  border-radius: 2px;
+  border-radius: var(--ids-border-radius-2xs);
   box-sizing: border-box;
   color: inherit;
   display: flex;
@@ -276,11 +277,11 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   transition: border var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-input .field-container.square {
-  border-radius: 0;
+  border-radius: var(--ids-border-radius-none);
 }
 .ids-input:focus-within .ids-input-field, .ids-input.readonly:focus-within .ids-input-field, .ids-input.is-active .ids-input-field {
   outline: none;
-  outline-color: transparent;
+  outline-color: var(--ids-color-transparent);
 }
 .ids-input:focus-within .field-container, .ids-input.readonly:focus-within .field-container, .ids-input.is-active .field-container {
   border-color: var(--ids-input-color-border-focus);
@@ -296,17 +297,17 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   box-sizing: border-box;
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   border: none;
-  font-family: var(--ids-font-family-default);
-  padding-block-start: var(--ids-space-xxs);
-  padding-block-end: var(--ids-space-xxs);
+  color: inherit;
+  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
+  padding-block-start: var(--ids-space-2xs);
+  padding-block-end: var(--ids-space-2xs);
   padding-inline-start: var(--ids-space-12);
   padding-inline-end: var(--ids-space-12);
   font-size: var(--ids-input-font-size);
   width: 100%;
   appearance: none;
-  color: currentColor;
   display: inline-block;
   height: fit-content;
   resize: none;
@@ -332,58 +333,69 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   text-align: end;
 }
 .ids-input .validation-message {
-  margin-block-start: var(--ids-space-xxs);
-  margin-bottom: 0;
+  margin-block-start: var(--ids-space-2xs);
+  margin-bottom: var(--ids-space-none);
+}
+.ids-input .validation-message .ids-icon {
+  place-self: self-start;
+  margin-top: 1px;
 }
 .ids-input.no-margins, .ids-input.no-margins.compact {
-  margin: 0;
+  margin: var(--ids-space-none);
 }
 .ids-input.no-margins.field-height-xs, .ids-input.no-margins.compact.field-height-xs {
-  margin-block-end: 0;
+  margin-block-end: var(--ids-space-none);
 }
 .ids-input.no-margins .field-container, .ids-input.no-margins.compact .field-container {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.no-margins .ids-input-field, .ids-input.no-margins.compact .ids-input-field {
-  margin: 0;
+  margin: var(--ids-space-none);
 }
 .ids-input.no-margins .validation-message, .ids-input.no-margins.compact .validation-message {
-  margin-bottom: 0;
-  margin-block-start: var(--ids-space-xxs);
+  margin-bottom: var(--ids-space-none);
+  margin-block-start: var(--ids-space-2xs);
 }
 .ids-input.no-margins .ids-label-text.empty, .ids-input.no-margins.compact .ids-label-text.empty {
-  margin: 0;
+  margin: var(--ids-space-none);
   visibility: hidden;
   height: 0;
 }
-.ids-input.xs .field-container {
+.ids-input.xs .field-container,
+.ids-input.xs .validation-message {
   width: calc(var(--ids-input-width-10) - 2px);
 }
-.ids-input.sm .field-container {
+.ids-input.sm .field-container,
+.ids-input.sm .validation-message {
   width: calc(var(--ids-input-width-20) - 2px);
 }
-.ids-input.mm .field-container {
+.ids-input.mm .field-container,
+.ids-input.mm .validation-message {
   width: calc(var(--ids-input-width-30) - 2px);
 }
-.ids-input.md .field-container {
+.ids-input.md .field-container,
+.ids-input.md .validation-message {
   width: calc(var(--ids-input-width-40) - 2px);
 }
-.ids-input.lg .field-container {
+.ids-input.lg .field-container,
+.ids-input.lg .validation-message {
   width: calc(var(--ids-input-width-50) - 2px);
 }
 .ids-input.full {
   display: block;
 }
-.ids-input.full .field-container {
+.ids-input.full .field-container,
+.ids-input.full .validation-message {
   width: var(--ids-input-width-full);
 }
 @media (max-width: 360px) {
-  .ids-input .field-container {
+  .ids-input .field-container,
+  .ids-input .validation-message {
     max-width: calc(var(--ids-input-width-30) - 2px);
   }
 }
 .ids-input.field-height-xs {
-  margin-block-end: var(--ids-font-size-20);
+  margin-block-end: var(--ids-font-size-2xs);
 }
 .ids-input.field-height-xs .icon-dirty {
   left: -1px;
@@ -393,19 +405,19 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   font-size: var(--ids-input-label-font-size);
 }
 .ids-input.field-height-xs .ids-input-field {
-  padding-inline-start: var(--ids-space-xxs);
-  padding-inline-end: var(--ids-space-xxs);
+  padding-inline-start: var(--ids-space-2xs);
+  padding-inline-end: var(--ids-space-2xs);
   padding-top: 0;
   padding-bottom: 0;
   font-size: var(--ids-input-font-size-sm);
   height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.field-height-xs.no-margin-bottom {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.field-height-xs.no-margin-bottom .field-container,
 .ids-input.field-height-xs.no-margin-bottom .ids-input-field {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.field-height-sm .ids-input-field {
   height: calc(var(--ids-input-height-20) - 2px);
@@ -417,7 +429,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   height: calc(var(--ids-input-height-40) - 2px);
 }
 .ids-input.compact {
-  margin-block-end: var(--ids-font-size-20);
+  margin-block-end: var(--ids-font-size-2xs);
 }
 .ids-input.compact .icon-dirty {
   left: -1px;
@@ -427,28 +439,28 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   font-size: var(--ids-input-label-font-size);
 }
 .ids-input.compact .ids-input-field {
-  padding-inline-start: var(--ids-space-xxs);
-  padding-inline-end: var(--ids-space-xxs);
+  padding-inline-start: var(--ids-space-2xs);
+  padding-inline-end: var(--ids-space-2xs);
   padding-top: 0;
   padding-bottom: 0;
   font-size: var(--ids-input-font-size-sm);
   height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.compact.no-margin-bottom {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
 }
 .ids-input.compact.no-margin-bottom .field-container,
 .ids-input.compact.no-margin-bottom .ids-input-field {
-  margin-bottom: 0;
+  margin-bottom: var(--ids-space-none);
   height: calc(var(--ids-input-height-10) - 2px);
 }
 .ids-input.color-variant-borderless {
-  --ids-input-color-border-focus: transparent;
+  --ids-input-color-border-focus: var(--ids-color-transparent);
   margin: 1px;
-  border-radius: 0;
+  border-radius: var(--ids-border-radius-none);
 }
 .ids-input.color-variant-borderless input {
-  font-size: var(--ids-font-size-40);
+  font-size: var(--ids-font-size-sm);
 }
 .ids-input.color-variant-borderless slot[name=trigger-start],
 .ids-input.color-variant-borderless slot[name=trigger-end] {
@@ -464,7 +476,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   display: none;
 }
 .ids-input.color-variant-borderless .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   border-color: transparent !important;
 }
 .ids-input.color-variant-borderless:focus-within .field-container {
@@ -481,23 +493,23 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xs .ids-input-field {
   font-size: var(--ids-data-grid-font-size-sm);
-  padding-inline: var(--ids-space-xxxs);
+  padding-inline: var(--ids-space-3xs);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xs slot[name=trigger-end] {
-  padding-inline-end: 0;
+  padding-inline-end: var(--ids-space-none);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xxs .ids-input-field {
   font-size: var(--ids-data-grid-font-size-sm);
-  padding-inline: var(--ids-space-xxxxs);
+  padding-inline: var(--ids-space-4xs);
 }
 .ids-input.color-variant-borderless.ids-input.field-height-xxs slot[name=trigger-end] {
-  padding-inline-end: 0;
+  padding-inline-end: var(--ids-space-none);
 }
 .ids-input.color-variant-in-cell {
   margin: 1px;
 }
 .ids-input.color-variant-in-cell input {
-  font-size: var(--ids-font-size-40);
+  font-size: var(--ids-font-size-sm);
 }
 .ids-input.color-variant-in-cell .validation-message {
   display: none;
@@ -515,11 +527,11 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   height: 30px;
 }
 .ids-input.color-variant-in-cell.ids-input.field-height-sm .ids-input-field {
-  padding-inline: 4px;
+  padding-inline: var(--ids-space-2xs);
   height: 27px;
 }
 .ids-input.color-variant-in-cell.ids-input.field-height-sm.full .field-container {
-  margin-inline: 2px;
+  margin-inline: var(--ids-space-3xs);
 }
 .ids-input.color-variant-in-cell.ids-input.field-height-xs .ids-input-field {
   padding-inline: 1px;
@@ -529,7 +541,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   margin-inline: 1px;
 }
 .ids-input.color-variant-module-nav {
-  margin-block-end: 0;
+  margin-block-end: var(--ids-space-none);
   transform: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-input.color-variant-module-nav .field-container {
@@ -537,7 +549,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   border: var(--ids-module-nav-input-border-width) solid transparent;
 }
 .ids-input.color-variant-module-nav input {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   color: inherit;
 }
 .ids-input.color-variant-module-nav input::placeholder {
@@ -571,10 +583,10 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   -webkit-text-fill-color: var(--ids-input-color-text-disabled);
 }
 .ids-input:not([class*=color-variant-]).bg-transparent .field-container, .ids-input:not([class*=color-variant-]).bg-transparent.readonly .field-container, .ids-input:not([class*=color-variant-]).bg-transparent.disabled .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
 }
 .ids-input:not([class*=color-variant-]).bg-transparent:focus-within .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
 }
 .ids-input:not([class*=color-variant-]):hover:not(.readonly):not(.disabled):not(:focus):not(:focus-within) .field-container, .ids-input:not([class*=color-variant-]):hover.readonly.readonly-background .field-container {
   border-color: var(--ids-input-color-border-hover);
@@ -894,7 +906,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
 .ids-input.color-variant-alternate-formatter:hover.readonly.readonly-background .field-container, .ids-input.color-variant-alternate-formatter:hover:not(.readonly):not(.disabled) .field-container {
   border-color: var(--ids-data-grid-filter-input-color-border-hover);
 }
-.ids-input.color-variant-alternate-formatter:focus-within .field-container, .ids-input.color-variant-alternate-formatter:focus-within:hover .field-container {
+.ids-input.color-variant-alternate-formatter:focus-within .field-container, .ids-input.color-variant-alternate-formatter:focus-within:hover.readonly.readonly-background, .ids-input.color-variant-alternate-formatter:focus-within:hover:not(.readonly):not(.disabled) .field-container {
   border-color: var(--ids-data-grid-filter-input-color-border-focus);
 }
 .ids-input.color-variant-alternate-formatter:focus-within .ids-input-field {
@@ -916,7 +928,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   color: var(--ids-input-color-text-app-menu);
 }
 .ids-input.color-variant-list-builder .field-container {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   color: var(--ids-list-builder-input-text-color);
   border: 0;
 }
@@ -925,12 +937,12 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   /* stylelint-disable-next-line no-duplicate-selectors */
 }
 .ids-input.color-variant-module-nav .field-container {
-  background-color: transparent;
-  border-color: transparent;
+  background-color: var(--ids-color-transparent);
+  border-color: var(--ids-color-transparent);
   color: inherit;
 }
 .ids-input.color-variant-module-nav .ids-input-field {
-  background-color: transparent;
+  background-color: var(--ids-color-transparent);
   color: inherit;
 }
 .ids-input.color-variant-module-nav .ids-input-field::placeholder {
@@ -943,7 +955,7 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
   margin-inline-end: 5px;
 }
 .ids-input.color-variant-module-nav:hover .field-container {
-  background-color: var(--ids-module-nav-item-hover-bg-color);
+  background-color: var(--ids-module-nav-search-input-hover-bg-color);
 }
 .ids-input.color-variant-module-nav:hover .ids-input-field::placeholder {
   color: var(--ids-module-nav-search-input-placeholder-text-color);
@@ -964,8 +976,12 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
 }
 
 .caps-lock-indicator {
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
+  padding-inline-start: var(--ids-space-xs);
+  padding-inline-end: var(--ids-space-xs);
+}
+
+.show-hide-password {
+  padding-inline-end: var(--ids-space-3xs);
 }
 
 .is-uppercase {
@@ -1030,17 +1046,17 @@ import{a as q}from"./ids-chunk-QRPVJOBK.js";import{a as V,b as T}from"./ids-chun
 }
 :host([show-loading-indicator=true]) ::slotted(.slot-loading-indicator) {
   margin-inline-end: 12px;
-  margin-inline-start: 8px;
+  margin-inline-start: var(--ids-space-xs);
 }
 
 :host([show-loading-indicator=true][field-height=xs]) ::slotted(.slot-loading-indicator) {
-  margin-inline-start: 4px;
-  margin-inline-end: 4px;
+  margin-inline-start: var(--ids-space-2xs);
+  margin-inline-end: var(--ids-space-2xs);
 }
 
 :host([show-loading-indicator=true][field-height=sm]) ::slotted(.slot-loading-indicator) {
-  margin-inline-end: 8px;
-  margin-inline-start: 4px;
+  margin-inline-end: var(--ids-space-xs);
+  margin-inline-start: var(--ids-space-2xs);
 }
 
 ::slotted(.audible) {
@@ -1147,7 +1163,7 @@ ids-button::part(button) {
 
 .ids-spinbox:focus-within .ids-spinbox-content ids-button:not([disabled]):not([readonly])::part(button) {
   border-color: var(--ids-spinbox-color-border-focus);
-  border-width: 1px;
+  border-width: var(--ids-border-width-sm);
   box-shadow: none;
 }
 
@@ -1176,30 +1192,30 @@ ids-button::part(button) {
   flex-direction: row;
   width: fit-content;
   max-height: 38px;
-  margin-bottom: 4px;
+  margin-bottom: var(--ids-space-2xs);
 }
 .ids-spinbox .ids-spinbox-content:focus-within ids-input:not(.error)::part(input) {
   border-color: var(--ids-spinbox-color-border-focus);
-  border-width: 1px;
+  border-width: var(--ids-border-width-sm);
   box-shadow: none;
 }
 .ids-spinbox .ids-spinbox-content:focus-visible ids-button::part(button) {
   outline: none;
-}`;var _=1,I,R,B,U,E,C,g,A,c,b,v,l,x,M,u,f,y,S,m=class extends q{constructor(){super();e(this,I);e(this,B);e(this,E);e(this,g);e(this,c);e(this,x);e(this,u);e(this,y);L(this,"isFormComponent",!0);L(this,"triggerField");e(this,v,void 0);e(this,l,void 0)}static get attributes(){return[...super.attributes,i.MASK,i.MAX,i.MIN,i.STEP]}template(){let{ariaLabel:t,containerClass:o,inputClass:r,inputState:a,labelHtml:w,placeholder:k,type:D,value:N}=this.templateVariables();return`<div id="ids-spinbox" class="ids-spinbox ids-trigger-field ${o}" part="container">
-        ${w}
+}`;var T=1,r,M,S,z,x,v,u,l,A,h,I,b=class extends N{constructor(){super();m(this,r);k(this,"isFormComponent",!0);k(this,"triggerField");m(this,u);m(this,l)}static get attributes(){return[...super.attributes,i.MASK,i.MAX,i.MIN,i.STEP]}template(){let{ariaLabel:o,containerClass:t,inputClass:n,inputState:e,labelHtml:f,placeholder:g,type:y,value:w}=this.templateVariables();return`<div id="ids-spinbox" class="ids-spinbox ids-trigger-field ${t}" part="container">
+        ${f}
         <div class="field-container" part="field-container">
           <slot name="trigger-start"></slot>
           <input
             part="input"
             id="${this.id}-input"
-            ${D}${r}${k}${a}
-            ${t}
-            ${N}
+            ${y}${n}${g}${e}
+            ${o}
+            ${w}
             mask="number"
             ></input>
           <slot name="trigger-end"></slot>
         </div>
-      </div>`}connectedCallback(){super.connectedCallback(),this.setAttribute(s.ROLE,"spinbutton"),this.setAttribute(s.ARIA_VALUENOW,this.value),this.setAttribute(s.ARIA_LABEL,this.label),d(this.getAttribute(i.MAX))&&this.setAttribute(s.ARIA_VALUEMAX,String(this.max)),d(this.getAttribute(i.MIN))&&this.setAttribute(s.ARIA_VALUEMIN,String(this.min)),n(this,I,R).call(this),d(this.getAttribute(i.TABBABLE))||(this.tabbable=!1),d(this.getAttribute(i.SIZE))||(this.size="sm"),this.hasAttribute("text-align")||(this.textAlign="center"),n(this,y,S).call(this),n(this,B,U).call(this),n(this,c,b).call(this)}get decrementButton(){return this.querySelector('ids-trigger-button[slot="trigger-start"]')}get incrementButton(){return this.querySelector('ids-trigger-button[slot="trigger-end"]')}set max(t){if(this.getAttribute(i.MAX)!==t){let r=parseInt(t);Number.isNaN(r)?(this.removeAttribute(i.MAX),this.removeAttribute(s.ARIA_VALUEMAX)):(this.setAttribute(i.MAX,`${r}`),this.setAttribute(s.ARIA_VALUEMAX,`${r}`)),n(this,y,S).call(this),n(this,c,b).call(this)}}get max(){return this.hasAttribute(i.MAX)?parseInt(this.getAttribute(i.MAX)):null}set min(t){if(this.getAttribute(i.MIN)!==t){let r=parseInt(t);Number.isNaN(r)?(this.removeAttribute(i.MIN),this.removeAttribute(s.ARIA_VALUEMIN)):(this.setAttribute(i.MIN,`${r}`),this.setAttribute(s.ARIA_VALUEMIN,`${r}`)),n(this,c,b).call(this)}}get min(){return this.hasAttribute(i.MIN)?parseInt(this.getAttribute(i.MIN)):null}set step(t){if(this.getAttribute(i.STEP)!==t){let r=parseInt(t);(Number.isNaN(r)||r<1)&&(r=1),this.setAttribute(i.STEP,`${r}`),n(this,c,b).call(this)}}get step(){return this.hasAttribute(i.STEP)?parseInt(this.getAttribute(i.STEP)):1}set tabbable(t){let o=d(t);this.setAttribute(i.TABBABLE,String(o))}get tabbable(){return d(this.getAttribute(i.TABBABLE))}set value(t){if(this.input&&(`${t}`.trim()==="-"||t==="")){this.input.value=`${t}`.trim();return}let o=super.value==="",r=`${parseInt(t)}`;r!=="NaN"&&super.value!==r&&(super.value=n(this,E,C).call(this,r),this.setAttribute(s.ARIA_VALUENOW,super.value),n(this,c,b).call(this),o&&this.validate&&this.checkValidation())}get value(){return super.value}set disabled(t){let o=d(t);super.disabled=o,o?(this.incrementButton?.setAttribute?.(i.DISABLED,""),this.decrementButton?.setAttribute?.(i.DISABLED,"")):this.hasAttribute(i.READONLY)||(this.incrementButton?.removeAttribute?.(i.DISABLED),this.decrementButton?.removeAttribute?.(i.DISABLED))}get disabled(){return super.disabled}set readonly(t){let o=d(t);super.readonly=o,o?(n(this,u,f).call(this),this.incrementButton?.setAttribute(i.DISABLED,""),this.decrementButton?.setAttribute(i.DISABLED,"")):this.hasAttribute(i.DISABLED)||(this.incrementButton?.removeAttribute(i.DISABLED),this.decrementButton?.removeAttribute(i.DISABLED))}get readonly(){return super.readonly}};I=new WeakSet,R=function(){this.querySelector('[slot="trigger-start"]')||this.insertAdjacentHTML("afterbegin",`<ids-trigger-button
+      </div>`}connectedCallback(){super.connectedCallback(),this.setAttribute(s.ROLE,"spinbutton"),this.setAttribute(s.ARIA_VALUENOW,this.value),this.setAttribute(s.ARIA_LABEL,this.label),d(this.getAttribute(i.MAX))&&this.setAttribute(s.ARIA_VALUEMAX,String(this.max)),d(this.getAttribute(i.MIN))&&this.setAttribute(s.ARIA_VALUEMIN,String(this.min)),a(this,r,M).call(this),d(this.getAttribute(i.TABBABLE))||(this.tabbable=!1),d(this.getAttribute(i.SIZE))||(this.size="sm"),this.hasAttribute("text-align")||(this.textAlign="center"),a(this,r,I).call(this),a(this,r,S).call(this),a(this,r,v).call(this)}get decrementButton(){return this.querySelector('ids-trigger-button[slot="trigger-start"]')}get incrementButton(){return this.querySelector('ids-trigger-button[slot="trigger-end"]')}set max(o){if(this.getAttribute(i.MAX)!==o){let n=parseInt(o);Number.isNaN(n)?(this.removeAttribute(i.MAX),this.removeAttribute(s.ARIA_VALUEMAX)):(this.setAttribute(i.MAX,`${n}`),this.setAttribute(s.ARIA_VALUEMAX,`${n}`)),a(this,r,I).call(this),a(this,r,v).call(this)}}get max(){return this.hasAttribute(i.MAX)?parseInt(this.getAttribute(i.MAX)):null}set min(o){if(this.getAttribute(i.MIN)!==o){let n=parseInt(o);Number.isNaN(n)?(this.removeAttribute(i.MIN),this.removeAttribute(s.ARIA_VALUEMIN)):(this.setAttribute(i.MIN,`${n}`),this.setAttribute(s.ARIA_VALUEMIN,`${n}`)),a(this,r,v).call(this)}}get min(){return this.hasAttribute(i.MIN)?parseInt(this.getAttribute(i.MIN)):null}set step(o){if(this.getAttribute(i.STEP)!==o){let n=parseInt(o);(Number.isNaN(n)||n<1)&&(n=1),this.setAttribute(i.STEP,`${n}`),a(this,r,v).call(this)}}get step(){return this.hasAttribute(i.STEP)?parseInt(this.getAttribute(i.STEP)):1}set tabbable(o){let t=d(o);this.setAttribute(i.TABBABLE,String(t))}get tabbable(){return d(this.getAttribute(i.TABBABLE))}set value(o){if(this.input&&(`${o}`.trim()==="-"||o==="")){this.input.value=`${o}`.trim();return}let t=super.value==="",n=`${parseInt(o)}`;n!=="NaN"&&super.value!==n&&(super.value=a(this,r,z).call(this,n),this.setAttribute(s.ARIA_VALUENOW,super.value),a(this,r,v).call(this),t&&this.validate&&this.checkValidation())}get value(){return super.value}set disabled(o){let t=d(o);super.disabled=t,t?(this.incrementButton?.setAttribute?.(i.DISABLED,""),this.decrementButton?.setAttribute?.(i.DISABLED,"")):this.hasAttribute(i.READONLY)||(this.incrementButton?.removeAttribute?.(i.DISABLED),this.decrementButton?.removeAttribute?.(i.DISABLED))}get disabled(){return super.disabled}set readonly(o){let t=d(o);super.readonly=t,t?(a(this,r,h).call(this),this.incrementButton?.setAttribute(i.DISABLED,""),this.decrementButton?.setAttribute(i.DISABLED,"")):this.hasAttribute(i.DISABLED)||(this.incrementButton?.removeAttribute(i.DISABLED),this.decrementButton?.removeAttribute(i.DISABLED))}get readonly(){return super.readonly}};r=new WeakSet,M=function(){this.querySelector('[slot="trigger-start"]')||this.insertAdjacentHTML("afterbegin",`<ids-trigger-button
         id="decrement-btn"
         inline
         no-padding
@@ -1213,4 +1229,4 @@ ids-button::part(button) {
         square
         slot="trigger-end"
         tabbable="false"
-        part="button"> + </ids-trigger-button>`)},B=new WeakSet,U=function(){this.input?.addEventListener("change",()=>{this.input&&this.input.value!==this.value&&(this.value=this.input.value,n(this,u,f).call(this))}),this.input?.addEventListener("blur",()=>{if(this.input&&this.input.value==="-"&&(this.value=""),this.max&&this.input&&parseInt(this.input.value)>this.max){this.value=this.max.toString();return}this.min&&this.input&&parseInt(this.input.value)<this.min&&(this.value=this.min.toString())}),this.onEvent("mousedown.increment",this.incrementButton,n(this,x,M).call(this,"up")),this.onEvent("mousedown.decrement",this.decrementButton,n(this,x,M).call(this,"down")),this.onEvent("mouseup",window,t=>{n(this,u,f).call(this,t)}),this.onEvent("focus",this,t=>{this.hasAttribute(i.DISABLED)||(t.preventDefault(),this.focus())}),this.listen(["ArrowUp","ArrowDown"],this,t=>{if(d(this.getAttribute(i.DISABLED)))return;let o=t.key;switch(n(this,u,f).call(this),o){case"ArrowUp":n(this,g,A).call(this,"up");break;case"ArrowDown":n(this,g,A).call(this,"down");break;default:}t.preventDefault()})},E=new WeakSet,C=function(t){let o=parseInt(t);if(!Number.isNaN(o)){let r=this.min,a=this.max,w=typeof this.min=="number"&&!Number.isNaN(this.min),k=typeof this.max=="number"&&this.max&&!Number.isNaN(this.max),D=w&&o<r,N=k&&o>a,X=k&&o===a||w&&o===r;D&&(o=Math.max(o,r)),N&&(o=Math.min(o,a)),X&&n(this,u,f).call(this),o=`${o}`}return o},g=new WeakSet,A=function(t){let r=!Number.isNaN(parseInt(this.step))?parseInt(this.step):1;if(t==="down"&&(r*=-1),t==="down"&&parseInt(this.value)===this.min||t==="up"&&parseInt(this.value)===this.max)return;let a=!Number.isNaN(parseInt(this.value));this.value=`${(a?parseInt(this.value):0)+r}`},c=new WeakSet,b=function(){if(!!Number.isNaN(parseInt(this.max))){this.incrementButton?.removeAttribute(i.DISABLED);return}if(parseInt(this.value)>=parseInt(this.max)?this.incrementButton?.setAttribute(i.DISABLED,""):this.hasAttribute(i.READONLY)||this.incrementButton?.removeAttribute(i.DISABLED),!!Number.isNaN(parseInt(this.min))){this.decrementButton?.removeAttribute(i.DISABLED);return}parseInt(this.value)<=parseInt(this.min)?this.decrementButton?.setAttribute(i.DISABLED,""):this.hasAttribute(i.READONLY)||this.decrementButton?.removeAttribute(i.DISABLED),this.disabled&&(this.incrementButton?.setAttribute(i.DISABLED,""),this.decrementButton?.setAttribute(i.DISABLED,""))},v=new WeakMap,l=new WeakMap,x=new WeakSet,M=function(t){return o=>{if(_&o.buttons){let r=0;p(this,v,t);let a=()=>{h(this,v)===t?(n(this,g,A).call(this,t),r++,p(this,l,setTimeout(a,Math.max(350-Math.round(r*50),100)))):(clearTimeout(a),p(this,l,void 0))};p(this,l,a),h(this,l).call(this)}}},u=new WeakSet,f=function(t){(!t||t.which===1&&(h(this,l)||h(this,v)))&&(clearInterval(h(this,l)),p(this,l,void 0),p(this,v,void 0))},y=new WeakSet,S=function(){let o={allowDecimal:!1,allowNegative:this.min===null||this.min<0,integerLimit:this.min===null||this.max==null?null:Math.max(Math.abs(this.min).toString().length,Math.abs(this.max).toString().length)};this.mask="number",this.maskOptions=o},m=z([V("ids-spinbox"),T($)],m);export{m as a};
+        part="button"> + </ids-trigger-button>`)},S=function(){this.input?.addEventListener("change",()=>{this.input&&this.input.value!==this.value&&(this.value=this.input.value,a(this,r,h).call(this))}),this.input?.addEventListener("blur",()=>{if(this.input&&this.input.value==="-"&&(this.value=""),this.max&&this.input&&parseInt(this.input.value)>this.max){this.value=this.max.toString();return}this.min&&this.input&&parseInt(this.input.value)<this.min&&(this.value=this.min.toString())}),this.onEvent("mousedown.increment",this.incrementButton,a(this,r,A).call(this,"up")),this.onEvent("mousedown.decrement",this.decrementButton,a(this,r,A).call(this,"down")),this.onEvent("mouseup",window,o=>{a(this,r,h).call(this,o)}),this.onEvent("focus",this,o=>{this.hasAttribute(i.DISABLED)||(o.preventDefault(),this.focus())}),this.listen(["ArrowUp","ArrowDown"],this,o=>{if(d(this.getAttribute(i.DISABLED)))return;let t=o.key;switch(a(this,r,h).call(this),t){case"ArrowUp":a(this,r,x).call(this,"up");break;case"ArrowDown":a(this,r,x).call(this,"down");break;default:}o.preventDefault()})},z=function(o){let t=parseInt(o);if(!Number.isNaN(t)){let n=this.min,e=this.max,f=typeof this.min=="number"&&!Number.isNaN(this.min),g=typeof this.max=="number"&&this.max&&!Number.isNaN(this.max),y=f&&t<n,w=g&&t>e,V=g&&t===e||f&&t===n;y&&(t=Math.max(t,n)),w&&(t=Math.min(t,e)),V&&a(this,r,h).call(this),t=`${t}`}return t},x=function(o){let n=!Number.isNaN(parseInt(this.step))?parseInt(this.step):1;if(o==="down"&&(n*=-1),o==="down"&&parseInt(this.value)===this.min||o==="up"&&parseInt(this.value)===this.max)return;let e=!Number.isNaN(parseInt(this.value));this.value=`${(e?parseInt(this.value):0)+n}`},v=function(){if(!!Number.isNaN(parseInt(this.max))){this.incrementButton?.removeAttribute(i.DISABLED);return}if(parseInt(this.value)>=parseInt(this.max)?this.incrementButton?.setAttribute(i.DISABLED,""):this.hasAttribute(i.READONLY)||this.incrementButton?.removeAttribute(i.DISABLED),!!Number.isNaN(parseInt(this.min))){this.decrementButton?.removeAttribute(i.DISABLED);return}parseInt(this.value)<=parseInt(this.min)?this.decrementButton?.setAttribute(i.DISABLED,""):this.hasAttribute(i.READONLY)||this.decrementButton?.removeAttribute(i.DISABLED),this.disabled&&(this.incrementButton?.setAttribute(i.DISABLED,""),this.decrementButton?.setAttribute(i.DISABLED,""))},u=new WeakMap,l=new WeakMap,A=function(o){return t=>{if(T&t.buttons){let n=0;c(this,u,o);let e=()=>{p(this,u)===o?(a(this,r,x).call(this,o),n++,c(this,l,setTimeout(e,Math.max(350-Math.round(n*50),100)))):(clearTimeout(e),c(this,l,void 0))};c(this,l,e),p(this,l).call(this)}}},h=function(o){(!o||o.which===1&&(p(this,l)||p(this,u)))&&(clearInterval(p(this,l)),c(this,l,void 0),c(this,u,void 0))},I=function(){let t={allowDecimal:!1,allowNegative:this.min===null||this.min<0,integerLimit:this.min===null||this.max==null?null:Math.max(Math.abs(this.min).toString().length,Math.abs(this.max).toString().length)};this.mask="number",this.maskOptions=t},b=B([E("ids-spinbox"),D(L)],b);export{b as a};