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

package/chunks/ids-chunk-SQGTVQTQ.js

@@ -0,0 +1,115 @@
+import{a as M}from"./ids-chunk-PGBU3C4E.js";import{a as U}from"./ids-chunk-KD5SE6T2.js";import{a as V}from"./ids-chunk-ABKOQ24C.js";import{a as _}from"./ids-chunk-WBDXDLKP.js";import{a as $}from"./ids-chunk-H5RVSCLY.js";import{a as z}from"./ids-chunk-U34YTPJC.js";import{a as R}from"./ids-chunk-JIIECYJR.js";import{a as D}from"./ids-chunk-J6DDVFGW.js";import{a as q}from"./ids-chunk-T6ZV4PDM.js";import{a as H}from"./ids-chunk-DK5QOJMP.js";import{e as F}from"./ids-chunk-CK6SA7FU.js";import{a as B,b as I}from"./ids-chunk-XE4WFW5M.js";import{a as N}from"./ids-chunk-RCDMHHTV.js";import{j as T,n as O}from"./ids-chunk-U4XVR5SW.js";import{e as f}from"./ids-chunk-5Q3WPKMB.js";import{a as s}from"./ids-chunk-4NXTNKXV.js";import{a as x,b as a,c as m,d as l,e as A,g as i}from"./ids-chunk-Y32WUP63.js";var P=`/* 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.fullsize {
+  height: 100%;
+}
+.ids-modal:not(.scrollable) .has-scrollbar {
+  overflow: hidden;
+}
+.ids-modal.scrollable .has-scrollbar {
+  overflow: 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-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;
+}
+
+.modal-control-close {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+}
+.modal-control-close[dir=rtl] {
+  left: 4px;
+  right: unset;
+}
+
+::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);
+  }
+}`;var Q=["left","right"],Y=U(M(V(q(R(D(H(N))))))),h,b,v,Z,g,K,y,j,u,c,C,E,G,S,W,L,w,X,p,k,r=class extends Y{constructor(){super();l(this,h);l(this,v);l(this,g);l(this,y);l(this,c);l(this,E);l(this,S);l(this,w);l(this,p);a(this,"shouldUpdate",!1);a(this,"onButtonClick");a(this,"globalKeydownListener",t=>{switch(t.key){case"Escape":t.stopImmediatePropagation(),this.hide();break;default:break}});a(this,"ro");a(this,"vetoableEventTypes",["beforeshow","beforehide"]);l(this,u,!1);l(this,L,async()=>{this.visible=this.getAttribute("visible"),this.visible&&this.setFocus("last")});this.state||(this.state={}),this.state.fullsize="",this.state.overlay=null,this.state.scrollable=!0,this.state.messageTitle=null}static get attributes(){return[...super.attributes,s.FULLSIZE,s.MESSAGE_TITLE,s.SCROLLABLE,s.SHOW_CLOSE_BUTTON,s.VISIBLE]}connectedCallback(){super.connectedCallback?.(),this.popup&&(this.popup.type="modal",this.popup.animated=!0,this.popup.animationStyle="scale-in"),this.messageTitle=this.querySelector('[slot="title"]')?.textContent??"",this.setAttribute("role","dialog"),this.refreshAriaLabel(),i(this,c,C).call(this,this.overlay),this.attachEventHandlers(),this.shouldUpdate=!0,this.setResize(),i(this,v,Z).call(this),m(this,L).call(this)}disconnectedCallback(){super.disconnectedCallback?.(),i(this,h,b).call(this),this.ro?.disconnect(),this.ro=void 0}template(){let t=this.name!=="ids-modal"?this.name:"",e=t?` ${t}-content`:"",o=t?` ${t}-header`:"",n=t?` ${t}-footer`:"",d=this.buttons.length?"":" hidden";return`<ids-popup part="modal" class="ids-modal" type="modal" position-style="viewport">
+      <div class="ids-modal-container" slot="content">
+        <div class="ids-modal-header${o}">
+          <slot name="title"></slot>
+        </div>
+        <div class="ids-modal-content${e}">
+          <slot></slot>
+        </div>
+        <div class="ids-modal-footer${n}" ${d}>
+          <slot name="buttons"></slot>
+        </div>
+      </div>
+    </ids-popup>`}setResize(){typeof ResizeObserver>"u"||(this.ro?.disconnect(),this.ro||(this.ro=new ResizeObserver(()=>{this.setScrollable()})),this.ro.observe(this))}setScrollable(){let t=this.modalContentEl;t&&O(this,t)}get ariaLabelContent(){let t=this.messageTitle;return t||(t=this.querySelector('ids-toolbar [type="title"]')?.textContent?.trim()||""),t}get buttons(){return this.querySelectorAll('[slot="buttons"]')}get modalContentEl(){return this.container?.querySelector(".ids-modal-content")||null}get fullsize(){return this.state.fullsize}set fullsize(t){let e=this.state.fullsize,o=d=>{this.popup&&(this.popup.classList[d?"add":"remove"](s.FULLSIZE),this.popup.width=d?"100%":"",this.popup.height=d?"100%":"",this.popup.place&&this.popup.place(),this.popup.open&&(this.setScrollable(),this.popup.correct3dMatrix()))},n=`${t}`;if(e!==t&&this.popup)switch(t){case"always":i(this,h,b).call(this),this.state.fullsize="always",this.popup?.classList.add("can-fullsize"),o(!0);break;case null:case"null":case"":this.state.fullsize="",i(this,h,b).call(this),this.removeAttribute(s.FULLSIZE),this.popup?.classList.remove("can-fullsize"),o(!1);break;default:Object.keys(z).includes(n)&&(this.state.fullsize=n,this.setAttribute(s.FULLSIZE,n),this.popup?.classList.add("can-fullsize"),this.respondDown=n,this.onBreakpointDownResponse=(d,J)=>{o(J)}),this.respondToCurrentBreakpoint();break}}set showCloseButton(t){f(t)?(this.setAttribute(s.SHOW_CLOSE_BUTTON,""),i(this,w,X).call(this)):(this.removeAttribute(s.SHOW_CLOSE_BUTTON),i(this,p,k).call(this))}get showCloseButton(){let t=this.getAttribute(s.SHOW_CLOSE_BUTTON);return typeof t=="string"?Q.includes(t)?t:"right":null}get closeButton(){return this.container?.querySelector(".modal-control-close")??null}get overlay(){return this.state.overlay||this.shadowRoot?.querySelector("ids-overlay")}set overlay(t){t instanceof HTMLElement||t instanceof SVGElement?this.state.overlay=t:this.state.overlay=null,i(this,c,C).call(this,this.state.overlay)}get messageTitle(){return this.querySelector('[slot="title"]')?.textContent||this.state.messageTitle}set messageTitle(t){let e=this.xssSanitize(t);this.state.messageTitle!==e&&(typeof e=="string"&&e.length?(this.state.messageTitle=e,this.setAttribute(s.MESSAGE_TITLE,e)):(this.state.messageTitle="",this.removeAttribute(s.MESSAGE_TITLE)),i(this,g,K).call(this,!!e))}set scrollable(t){let e=f(t);_(s.SCROLLABLE,this,e),this.state.scrollable=e}get scrollable(){return this.state.scrollable}refreshAriaLabel(){let t=this.ariaLabelContent;if(t){this.setAttribute("aria-label",t);return}this.removeAttribute("aria-label")}get visible(){return m(this,u)}set visible(t){let e=f(t);m(this,u)!==e&&(A(this,u,e),e?this.setAttribute(s.VISIBLE,""):this.removeAttribute(s.VISIBLE),i(this,E,G).call(this,e))}async show(){if(this.triggerVetoableEvent("beforeshow")){if(!this.visible){this.visible=!0;return}if(this.container){let t=this.container.querySelector(".ids-modal-footer");this.buttons.length?t?.removeAttribute(s.HIDDEN):t?.setAttribute(s.HIDDEN,"")}this.style.setProperty("z-index",String(++r.zCount)),this.overlay&&(this.overlay.visible=!0),this.popup&&(this.popup.visible=!0,this.popup.animated&&this.popup.container&&await T(this.popup.container,"opacity"),this.setScrollable(),this.popup.correct3dMatrix()),this.removeAttribute("aria-hidden"),this.capturesFocus=!0,this.setFocus("last"),this.addOpenEvents(),this.triggerEvent("show",this,{bubbles:!0,detail:{elem:this}}),this.popup&&(this.popup.animated=!1),this.respondToCurrentBreakpoint(),this.triggerEvent("aftershow",this,{bubbles:!0,detail:{elem:this}})}}async hide(){if(!this.triggerVetoableEvent("beforehide"))return;if(this.visible){this.visible=!1;return}let t=this.popup;t&&(t.animated=!0),this.removeOpenEvents(),this.overlay.visible=!1,t&&(t.visible=!1),t&&t.container&&t.animated&&await T(t.container,"opacity"),this.style.zIndex="",this.setAttribute("aria-hidden","true"),--r.zCount,this.capturesFocus=!1,this.triggerEvent("hide",this,{bubbles:!0,detail:{elem:this}}),i(this,S,W).call(this),this.triggerEvent("afterhide",this,{bubbles:!0,detail:{elem:this}})}addOpenEvents(){if(super.addOpenEvents(),document.addEventListener("keydown",this.globalKeydownListener),this.container){let t=this.container.querySelector('slot[name="buttons"]');this.onEvent("click.buttons",t,e=>{this.handleButtonClick(e)})}}removeOpenEvents(){super.removeOpenEvents(),document.removeEventListener("keydown",this.globalKeydownListener),this.unlisten("Escape"),this.offEvent("click.buttons")}attachEventHandlers(){let t=this.container?.querySelector('slot[name="title"]'),e=this.container?.querySelector('slot[name="buttons"]');window.requestAnimationFrame(()=>{this.onEvent("slotchange.title",t,()=>{let o=t?.assignedNodes();o?.length&&(this.messageTitle=o[0].textContent??"")}),this.onEvent("slotchange.buttonset",e,()=>{i(this,y,j).call(this)}),this.visible&&this.addOpenEvents()}),this.refreshTriggerEvents()}async handleButtonClick(t){await F(200),typeof this.onButtonClick=="function"&&this.onButtonClick(t.target),t.target.closest("ids-modal-button")?.cancel&&this.hide()}onTriggerClick(){this.show()}onOutsideClick(t){!t||!t?.target||this.hide()}};h=new WeakSet,b=function(){this.respondDown&&(this.respondDown=null),this.onBreakpointDownResponse&&(this.onBreakpointDownResponse=void 0)},v=new WeakSet,Z=function(){this.hasAttribute(s.FULLSIZE)?this.fullsize=this.getAttribute(s.FULLSIZE):this.fullsize="sm"},g=new WeakSet,K=function(t){let e=[...this.querySelectorAll('[slot="title"]')];t&&(e.length||(this.insertAdjacentHTML("afterbegin",`<ids-text slot="title" type="h2" font-size="24">${this.state.messageTitle}</ids-text>`),e=[this.querySelector('[slot="title"]')])),this.refreshAriaLabel(),e.forEach((o,n)=>{if(t){if(n>0){o.remove();return}o.textContent=this.state.messageTitle}else o.remove()})},y=new WeakSet,j=function(){if(!this.container)return;let t=this.container.querySelector(".ids-modal-footer");this.buttons.length?t?.removeAttribute("hidden"):t?.setAttribute("hidden","")},u=new WeakMap,c=new WeakSet,C=function(t){if(!this.shadowRoot)return;let e;t?(e=this.shadowRoot.querySelector("ids-overlay"),e&&e.remove()):(e=new $,this.shadowRoot.prepend(e),this.popupOpenEventsTarget=this.overlay)},E=new WeakSet,G=function(t){t?this.show():this.hide()},S=new WeakSet,W=function(){this.target&&this.target.focus()},L=new WeakMap,w=new WeakSet,X=function(){i(this,p,k).call(this),this.container?.querySelector(".ids-modal-container")?.insertAdjacentHTML("afterbegin",`<ids-modal-button
+      class="modal-control-close"
+      slot="buttons"
+      appearance="tertiary"
+      css-class="ids-icon-button ids-modal-icon-button"
+      cancel>
+      <span class="audible">Close modal</span>
+      <ids-icon icon="close"></ids-icon>
+    </ids-modal-button>`),this.onEvent("click.modal-close",this.closeButton,()=>this.hide())},p=new WeakSet,k=function(){let t=this.closeButton;this.offEvent("click.modal-close",t),t?.remove()},a(r,"zCount",1020),r=x([B("ids-modal"),I(P)],r);export{r as a};

package/chunks/ids-chunk-SXTIEPC4.js

@@ -0,0 +1,179 @@
+import{a as G}from"./ids-chunk-RNW2M7BI.js";import{a as z}from"./ids-chunk-3NZ7H7BT.js";import{a as U}from"./ids-chunk-BVXSH34Z.js";import{b as q}from"./ids-chunk-LEAYO2RU.js";import{a as _}from"./ids-chunk-OPOTJ7IF.js";import{a as N}from"./ids-chunk-T6ZV4PDM.js";import{a as B}from"./ids-chunk-DK5QOJMP.js";import{a as R,b as O}from"./ids-chunk-XE4WFW5M.js";import{a as P}from"./ids-chunk-RCDMHHTV.js";import{e as d,f as H,g as $}from"./ids-chunk-5Q3WPKMB.js";import{a as s}from"./ids-chunk-4NXTNKXV.js";import{a as M,b as m,c as I,d as a,e as k,g as o}from"./ids-chunk-Y32WUP63.js";var K=`:host slot {
+  display: block;
+}
+
+:host([no-margins]) .ids-list-view .ids-list-view-body li:first-child,
+:host([no-margins]) .ids-list-view .ids-list-view-body ids-list-view-item:first-child,
+:host([no-margins]) .ids-list-view .ids-list-view-body ::slotted(li):first-child,
+:host([no-margins]) .ids-list-view .ids-list-view-body ::slotted(ids-list-view-item):first-child {
+  margin-block-start: var(--ids-space-none);
+}
+
+:host([searchable]) .ids-list-view-body:first-child,
+.has-searchfield .ids-list-view-body:first-child {
+  margin-block-start: 8px;
+}
+
+.ids-list-view {
+  height: var(--ids-list-view-height);
+  overflow: auto;
+  scroll-behavior: smooth;
+  position: relative;
+}
+.ids-list-view .ids-list-view-body {
+  margin: 0;
+  padding: 0;
+}
+.ids-list-view .ids-list-view-body:focus {
+  border-color: var(--ids-list-view-color-border-focus);
+}
+.ids-list-view .ids-list-view-body li {
+  padding: var(--ids-list-view-item-padding);
+  background-color: var(--ids-list-view-item-color-background-default);
+  border: var(--ids-list-view-item-border);
+  border-top-color: var(--ids-list-view-item-color-border-top);
+  contain: content;
+  list-style-type: none;
+}
+.ids-list-view.selectable-multiple .list-item-area, .ids-list-view.selectable-mixed .list-item-area {
+  display: flex;
+  align-items: center;
+}
+.ids-list-view.selectable-multiple .list-item-area .list-item-checkbox, .ids-list-view.selectable-mixed .list-item-area .list-item-checkbox {
+  padding-inline-end: var(--ids-space-70);
+  flex-grow: 0;
+  flex-shrink: 0;
+  max-height: var(--ids-space-60);
+  max-width: var(--ids-space-60);
+}
+.ids-list-view.selectable-multiple .list-item-area .list-item-checkbox[disabled]::part(checkmark), .ids-list-view.selectable-mixed .list-item-area .list-item-checkbox[disabled]::part(checkmark) {
+  background-color: transparent;
+}
+.ids-list-view.is-scrolling {
+  box-shadow: var(--ids-scroll-shadow);
+  border-top: var(--ids-scroll-color-border-top);
+}
+
+ids-swappable-item {
+  border-bottom-color: var(--ids-color-neutral-20);
+  border: none;
+}
+
+ids-swappable-item[over] {
+  border: 1px dashed var(--ids-color-neutral-80);
+}
+
+::slotted(ids-search-field) {
+  margin-bottom: 8px;
+}
+
+.sortable .ids-list-view li:hover,
+.sortable .ids-list-view li:focus,
+.sortable .ids-list-view li:focus-visible,
+.sortable .ids-list-view li:focus-within,
+.sortable .ids-list-view ids-list-view-item:hover,
+.sortable .ids-list-view ids-list-view-item:focus,
+.sortable .ids-list-view ids-list-view-item:focus-visible,
+.sortable .ids-list-view ids-list-view-item:focus-within,
+.sortable .ids-list-view ::slotted(li:hover),
+.sortable .ids-list-view ::slotted(li:focus),
+.sortable .ids-list-view ::slotted(li:focus-visible),
+.sortable .ids-list-view ::slotted(li:focus-within),
+.sortable .ids-list-view ::slotted(ids-list-view-item:hover),
+.sortable .ids-list-view ::slotted(ids-list-view-item:focus),
+.sortable .ids-list-view ::slotted(ids-list-view-item:focus-visible),
+.sortable .ids-list-view ::slotted(ids-list-view-item:focus-within),
+[sortable] .ids-list-view li:hover,
+[sortable] .ids-list-view li:focus,
+[sortable] .ids-list-view li:focus-visible,
+[sortable] .ids-list-view li:focus-within,
+[sortable] .ids-list-view ids-list-view-item:hover,
+[sortable] .ids-list-view ids-list-view-item:focus,
+[sortable] .ids-list-view ids-list-view-item:focus-visible,
+[sortable] .ids-list-view ids-list-view-item:focus-within,
+[sortable] .ids-list-view ::slotted(li:hover),
+[sortable] .ids-list-view ::slotted(li:focus),
+[sortable] .ids-list-view ::slotted(li:focus-visible),
+[sortable] .ids-list-view ::slotted(li:focus-within),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:hover),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:focus),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:focus-visible),
+[sortable] .ids-list-view ::slotted(ids-list-view-item:focus-within),
+:host(.sortable) li:hover,
+:host(.sortable) li:focus,
+:host(.sortable) li:focus-visible,
+:host(.sortable) li:focus-within,
+:host(.sortable) ids-list-view-item:hover,
+:host(.sortable) ids-list-view-item:focus,
+:host(.sortable) ids-list-view-item:focus-visible,
+:host(.sortable) ids-list-view-item:focus-within,
+:host(.sortable) ::slotted(li:hover),
+:host(.sortable) ::slotted(li:focus),
+:host(.sortable) ::slotted(li:focus-visible),
+:host(.sortable) ::slotted(li:focus-within),
+:host(.sortable) ::slotted(ids-list-view-item:hover),
+:host(.sortable) ::slotted(ids-list-view-item:focus),
+:host(.sortable) ::slotted(ids-list-view-item:focus-visible),
+:host(.sortable) ::slotted(ids-list-view-item:focus-within),
+:host([sortable]) li:hover,
+:host([sortable]) li:focus,
+:host([sortable]) li:focus-visible,
+:host([sortable]) li:focus-within,
+:host([sortable]) ids-list-view-item:hover,
+:host([sortable]) ids-list-view-item:focus,
+:host([sortable]) ids-list-view-item:focus-visible,
+:host([sortable]) ids-list-view-item:focus-within,
+:host([sortable]) ::slotted(li:hover),
+:host([sortable]) ::slotted(li:focus),
+:host([sortable]) ::slotted(li:focus-visible),
+:host([sortable]) ::slotted(li:focus-within),
+:host([sortable]) ::slotted(ids-list-view-item:hover),
+:host([sortable]) ::slotted(ids-list-view-item:focus),
+:host([sortable]) ::slotted(ids-list-view-item:focus-visible),
+:host([sortable]) ::slotted(ids-list-view-item:focus-within) {
+  background: transparent;
+}`;var it=_(U(z(G(N(B(P)))))),u="search-mismatch",v={hideCheckboxes:!1,height:"100%",label:"Ids list view",selectableOptions:["single","multiple","mixed"],sortable:!1,suppressDeactivation:!1,suppressDeselection:!0,virtualScroll:!1},h,E,j,g,F,L,W,A,X,p,V,y,Z,T,J,S,x,Q,C,Y,n,f,w=class extends it{constructor(){super();a(this,E);a(this,g);a(this,L);a(this,A);a(this,p);a(this,y);a(this,T);a(this,x);a(this,C);a(this,n);m(this,"initialized",!1);a(this,h,0);m(this,"datasource",new q);m(this,"defaultTemplate","");m(this,"vetoableEventTypes",["beforeactivated","beforedeactivated","beforeselected","beforedeselected"]);a(this,S,0)}connectedCallback(){super.connectedCallback(),this.defaultTemplate=`${this.querySelector("template")?.innerHTML||""}`,this.dataKeys=o(this,E,j).call(this,this.defaultTemplate),o(this,p,V).call(this),o(this,y,Z).call(this)}static get attributes(){return[...super.attributes,s.LOADED,s.HEIGHT,s.HIDE_CHECKBOXES,s.ITEM_HEIGHT,s.LABEL,s.SELECTABLE,s.SORTABLE,s.SUPPRESS_DEACTIVATION,s.SUPPRESS_DESELECTION,s.VIRTUAL_SCROLL]}itemsSelector(t){return[...this.querySelectorAll(t),...this.shadowRoot?.querySelectorAll(t)??[]]}get itemCount(){return this.data?.length||this.items?.length||0}itemByIndex(t){return this.itemsSelector(`ids-list-view-item[row-index="${t}"]`)[0]??void 0}get itemFocused(){let t=this.body?.getAttribute("aria-activedescendant"),e=Number(this.body?.querySelector(`#${t}`)?.rowIndex??-1);return this.itemByIndex(e)}get items(){return this.itemsSelector("ids-list-view-item")}get itemsActivated(){return this.itemsSelector("ids-list-view-item[activated]")}get itemsDisabled(){return this.itemsSelector("ids-list-view-item[disabled]")}get itemsFiltered(){return this.itemsSelector(`ids-list-view-item:not(.${u})`)}get itemsChecked(){return this.itemsSelector("ids-list-view-item[checked]")}get itemsSelected(){return this.itemsSelector("ids-list-view-item[selected]")}get itemsSlotted(){return[...this.querySelectorAll("ids-list-view-item")]}get itemsSwappable(){return this.itemsSelector("ids-swappable-item")}get itemsTabbable(){return this.itemsSelector('ids-list-view-item[tabindex="0"]')}dataIndex(t){let e=H(t);return Number.isNaN(e)?null:e>=0&&e<I(this,h)?e+(this.pageNumber-1)*I(this,h):null}resetSearch(){let t=this.itemsSlotted;t?.length&&(this.datasource.filtered=!0,t.forEach(e=>{e.classList.remove(u),e.removeAttribute("slot")})),super.resetSearch()}generateListItemFromCustomHTML(t){let e=t,i=this.pagination;if(i&&i!=="none"){let et=this.pageNumber||0,D=this.pageSize||0;e=et*D-(D-e)}let l=this.data[t]??{},r=l.itemActivated?" activated":"",b=l.disabled?" disabled":"",c=l.itemSelected?" selected":"",tt=this.sortable?' class="sortable"':"";return this.templateListItemWrapper(`<ids-list-view-item row-index="${e}" ${r}${b}${c}${tt}>
+        ${this.templateCustomHTML(l)}
+      </ids-list-view-item>`,t)}generateListItemSlot(t){let e=this.itemsFiltered.at(t);if(!e)return"";let i=`slot-child-${t}`;return e.setAttribute("slot",i),e.rowIndex=t,this.templateListItemWrapper(`<slot name="${i}"></slot>`,t)}template(){return`
+      ${this.searchTemplate?.()}
+      ${this.virtualScroll?this.templateVirtualScroll():this.templateStatic()}
+    `}templateListItemWrapper(t,e=-1){let i=this.itemByIndex(e),r=(this.data[e]??i?.rowData??{}).disabled?" disabled":"",b=this.sortable?' class="sortable"':"",c=`<div ${r}${b}>${t}</div>`;return b?`
+      <ids-swappable-item
+          role="listitem"
+          tabindex="-1"
+          tabbable="${e===0?"true":"false"}"
+          index="${e}"
+          id="id_item_${e+1}"
+          aria-posinset="${e+1}"
+          id = "id-${e+1}"
+          aria-setsize="${this.data?.length||this.itemsFiltered.length}"
+          ${r}
+        >
+        ${c}
+      </ids-swappable-item>
+    `:c}templateCustomHTML(t){return $(this.defaultTemplate,this.searchHighlight?.(t)??t)}templateListItems(){return this.data?.length?this.data.map((t,e)=>this.generateListItemFromCustomHTML(e)).join(""):this.itemsFiltered.map((t,e)=>this.generateListItemSlot(e)).join("")}templateStatic(){return`
+      <div class="ids-list-view${this.selectable?` ${this.selectableClass()}`:""}">
+        <div class="ids-list-view-body" role="listbox" aria-label="${this.label}" part="contents">
+          ${this.sortable?`<ids-swappable selection=${this.selectable}>`:""}
+            ${this.templateListItems()}
+          ${this.sortable?"</ids-swappable>":""}
+          <slot></slot>
+        </div>
+      </div>
+    `}templateVirtualScroll(){return`
+      <div class="ids-list-view${this.selectable?` ${this.selectableClass()}`:""}">
+        <ids-virtual-scroll
+          height="${this.height}"
+          item-height="${this.itemHeight}">
+          <div class="ids-list-view-body" role="listbox" aria-label="${this.label}" part="contents"></div>
+        </ids-virtual-scroll>
+      </div>
+    `}itemTemplate(t){return t?.matches?.("ids-list-view-item")?`<slot name="${t?.getAttribute?.("slot")}"></slot>`:$(this.defaultTemplate,this.searchHighlight?.(t)??t)}pagerTemplate(){return`
+      <ids-pager-button label="Previous page" previous></ids-pager-button>
+      <ids-pager-number-list label="Page {num} of {total}"></ids-pager-number-list>
+      <ids-pager-button label="Next page" next></ids-pager-button>
+    `}redrawLazy(){cancelAnimationFrame(I(this,S)),k(this,S,requestAnimationFrame(()=>this.redraw()))}redraw(){if((!this.data||!this.loaded)&&!this.items.length){this.data?.length||this.items?.forEach(r=>r?.remove());return}k(this,h,this.pagination==="none"?this.pageTotal:this.pageSize);let t=this.container?.getAttribute("dir"),e=this.template();this.container?.parentElement?this.container?.parentElement.remove():this.container?.remove(),this.searchContainer?.remove();let i=this.shadowRoot?.querySelector("style");if(i)i.insertAdjacentHTML("afterend",e);else{let r=document.createElement("template");r.innerHTML=e,this.shadowRoot?.appendChild(r.content.cloneNode(!0))}if(this.container=this.shadowRoot?.querySelector(".ids-list-view"),this.data?.length>0){if(this.virtualScroll){let r=this.itemHeight||o(this,x,Q).call(this,`
+          <div part="list-item" tabindex="-1" id="height-tester">
+            ${this.itemTemplate(this.datasource.data[0])}
+          </div>
+        `);this.virtualScrollContainer&&(this.virtualScrollContainer.itemHeight=r,this.virtualScrollContainer.itemTemplate=(b,c)=>this.generateListItemFromCustomHTML(c),this.virtualScrollContainer.data=this.data)}o(this,p,V).call(this)}this.setSearchable?.(),this.pager?.sync?.apply(this),this.adjustHeight(),t&&this.container?.setAttribute("dir",t),this.scrollArea=this.shadowRoot?.querySelector(".ids-list-view"),this.attachScrollEvents();let l=this.body?.querySelector("ids-list-view-item:not([disabled]");l?.setAttribute("tabindex","0"),this.body?.setAttribute("aria-activedescendant",String(l?.id))}get virtualScrollContainer(){return this.container?.querySelector("ids-virtual-scroll")}get body(){return this.container?.querySelector(".ids-list-view-body")}adjustHeight(){if(!this.container)return;(this.virtualScroll?this.virtualScrollContainer:this.container)?.style.setProperty("height",`${this.height}`)}get ds(){return this.datasource?.allData||this.data}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),e!==i&&(t===s.LOADED&&this.redraw(),t===s.SELECTABLE&&o(this,C,Y).call(this),t===s.VIRTUAL_SCROLL&&this.redraw(),t===s.PAGE_NUMBER&&this.redraw(),t===s.PAGE_SIZE&&this.redraw(),t===s.PAGE_TOTAL&&this.redraw())}set data(t){let e=this.initialized;t?(this.initialized=!0,this.datasource.data=t,this.loaded=!0,e&&this.redraw()):(this.datasource.data=[],this.loaded=!1)}get data(){return this?.datasource?.data||""}set loaded(t){this.setAttribute(s.LOADED,String(!!t))}get loaded(){return d(s.LOADED)}set dataKeys(t){this.datasource&&(this.datasource.dataKeys=t||[])}get dataKeys(){return this.datasource.dataKeys||[]}set virtualScroll(t){/boolean|string/g.test(typeof t)?this.setAttribute(s.VIRTUAL_SCROLL,String(t)):this.removeAttribute(s.VIRTUAL_SCROLL)}get virtualScroll(){return d(this.getAttribute(s.VIRTUAL_SCROLL))}set height(t){t?this.setAttribute(s.HEIGHT,String(t)):this.setAttribute(s.HEIGHT,v.height)}get height(){return this.getAttribute(s.HEIGHT)||v.height}set itemHeight(t){t?this.setAttribute(s.ITEM_HEIGHT,String(t)):this.removeAttribute(s.ITEM_HEIGHT)}get itemHeight(){return parseInt(this.getAttribute(s.ITEM_HEIGHT)??"")}set selectable(t){this.container?.classList.remove(...this.selectableClass(!0)),v.selectableOptions.includes(String(t))?(this.setAttribute(s.SELECTABLE,String(t)),this.container?.classList.add(this.selectableClass())):this.removeAttribute(s.SELECTABLE)}get selectable(){return this.getAttribute(s.SELECTABLE)??""}selectableClass(t){let e=l=>`selectable-${l}`,i="";return t&&(i=v.selectableOptions.map(l=>e(l))),this.selectable!==null&&(i=e(this.selectable)),i}set sortable(t){this.toggleAttribute(s.SORTABLE,d(t))}get sortable(){return d(this.getAttribute(s.SORTABLE))}set suppressDeactivation(t){this.toggleAttribute(s.SUPPRESS_DEACTIVATION,d(t))}get suppressDeactivation(){return this.selectable==="mixed"&&d(this.getAttribute(s.SUPPRESS_DEACTIVATION))}set suppressDeselection(t){this.toggleAttribute(s.SUPPRESS_DESELECTION,d(t))}get suppressDeselection(){return this.selectable==="single"&&d(this.getAttribute(s.SUPPRESS_DESELECTION))}set hideCheckboxes(t){this.toggleAttribute(s.HIDE_CHECKBOXES,d(t)),this.items.forEach(e=>{e.checkbox?.toggleAttribute("hide",d(t))})}get hideCheckboxes(){return d(this.getAttribute(s.HIDE_CHECKBOXES))}set label(t){t?this.setAttribute(s.LABEL,t):this.removeAttribute(s.LABEL),this.body?.setAttribute("aria-label",this.label)}get label(){return this.getAttribute(s.LABEL)||v.label}selectAll(){let t=this.selectable;if(!t)return;let e=this.items,i=this.items[0];t==="single"&&i?i.selected=!0:["multiple","mixed"].includes(t)&&e.forEach(l=>{l.selected=!0,l.checkbox&&(l.checkbox.checked=!0)}),o(this,n,f).call(this,"selectionchanged",{selected:this.itemsSelected})}deselectAll(){this.selectable&&this.itemsSelected.forEach(t=>{t.selected=!1,t.checkbox&&(t.checkbox.checked=!1)}),o(this,n,f).call(this,"selectionchanged",{selected:this.itemsSelected})}};h=new WeakMap,E=new WeakSet,j=function(t){return Array.from(t?.matchAll(/\${(.*)}/g),([,e])=>e)},g=new WeakSet,F=function(t){let e=t?.getAttribute("role")==="option"?t:t?.closest('[role="option"]'),i=H(e?.getAttribute("index"));return Number.isNaN(i)?null:{item:e,index:i,data:this.data[i]}},L=new WeakSet,W=function(t){switch(t.code||"Space"){case"ArrowUp":t.preventDefault(),this.itemFocused?.prevEnabled?.focus();break;case"ArrowDown":t.preventDefault(),this.itemFocused?.nextEnabled?.focus();break;case"Enter":this.itemFocused&&(this.itemFocused.activated=!0),this.itemFocused&&(this.selectable==="single"||this.selectable==="multiple")&&(this.itemFocused.selected=this.selectable==="multiple"?!this.itemFocused.selected:!0,this.itemFocused.activated=this.selectable==="multiple"?this.itemFocused.selected:!0);break;case"Space":if(t.preventDefault(),this.itemFocused&&this.selectable==="mixed"){let i=!this.itemFocused.selected;this.itemFocused.selected=i,this.itemFocused.checked=i}this.itemFocused&&this.selectable&&this.selectable!=="mixed"&&(this.itemFocused.activated=!0),this.itemFocused&&(this.selectable==="single"||this.selectable==="multiple")&&(this.itemFocused.activated=!0,this.itemFocused.selected=this.selectable==="multiple"?!this.itemFocused.selected:!0);break;default:break}},A=new WeakSet,X=function(t){let{startIndex:e,endIndex:i}=t.detail||{};o(this,T,J).call(this,e);for(let l=e;l<i;l++){if(this.data?.[l]?.itemSelected){let r=this.itemByIndex(l);r&&(r.selected=!0)}if(this.data?.[l]?.itemActivated){let r=this.itemByIndex(l);r&&(r.activated=!0)}}},p=new WeakSet,V=function(){let t=this.container?.querySelector("slot:not([name])")??void 0;this.offEvent("slotchange.listview",t),this.onEvent("slotchange.listview",t,()=>{this.itemsSlotted.length&&this.redrawLazy()}),this.offEvent("click.listview",this.container),this.onEvent("click.listview",this.container,e=>{e.stopPropagation();let i=o(this,g,F).call(this,e.target);i&&o(this,n,f).call(this,"click",{...i,originalEvent:e})}),this.offEvent("dblclick.listview",this.container),this.onEvent("dblclick.listview",this.container,e=>{let i=o(this,g,F).call(this,e.target);i&&o(this,n,f).call(this,"dblclick",{...i,originalEvent:e})}),this.offEvent("keydown.listview-selection",this),this.onEvent("keydown.listview-selection",this,e=>o(this,L,W).call(this,e)),this.virtualScroll&&!this.sortable&&(this.offEvent("aftervirtualscroll.listview",this.virtualScrollContainer),this.onEvent("aftervirtualscroll.listview",this.virtualScrollContainer,e=>o(this,A,X).call(this,e)))},y=new WeakSet,Z=function(){this.itemsSlotted?.length&&(this.searchFilterCallback=t=>(this.itemsSlotted?.forEach(e=>{let i=String(e?.textContent??"").toLowerCase(),l=String(t).toLowerCase();!t||i.includes(l)?e.classList.remove(u):(e.classList.add(u),e.setAttribute("slot",u))}),()=>!1))},T=new WeakSet,J=function(t){let e=this.items;t===0&&e?.at(0)?.setAttribute("tabindex","0"),e?.forEach((i,l)=>{i?.setAttribute("index",l+t),i?.setAttribute("aria-posinset",l+1),i.id||i?.setAttribute("id",`id-${l+1}`),i?.setAttribute("aria-setsize",e?.length)})},S=new WeakMap,x=new WeakSet,Q=function(t){this.container?.insertAdjacentHTML("beforeend",t);let e=this.shadowRoot?.querySelector("#height-tester"),i=e?.offsetHeight;return e?.remove(),i??NaN},C=new WeakSet,Y=function(){this.redraw(),this.itemsSlotted.forEach(t=>t.checkbox?.toggleAttribute("hide",!!t?.checkboxHidden))},n=new WeakSet,f=function(t,e={}){this.triggerEvent(t,this,{bubbles:!0,detail:{elem:this,...e}})},w=M([R("ids-list-view"),O(K)],w);export{w as a};

package/chunks/{ids-chunk-XFLU3ETC.js → ids-chunk-T2T35FWF.js}

@@ -1 +1 @@
-import{d as a}from"./ids-chunk-6EMRTLSG.js";function O(){let e=navigator.userAgent,i=` ${parseFloat(navigator.appVersion)}`,f=navigator,o=f.userAgentData?.platform||f.platform,d=window.matchMedia?window.matchMedia("only screen and (max-width: 760px)").matches:!1,t,n,r="";e.indexOf("Opera")!==-1&&(n=e.indexOf("Opera"),r="Opera",i=e.substring(n+6),e.indexOf("Version")!==-1&&(n=e.indexOf("Version"),i=e.substring(n+8))),e.indexOf("OPR")!==-1?(n=e.indexOf("OPR"),r="Opera",i=e.substring(n+4)):e.indexOf("Edg")!==-1?(n=e.indexOf("Edg"),r="Microsoft Edge",i=e.substring(n+4)):e.indexOf("MSIE")!==-1?(n=e.indexOf("MSIE"),r="Microsoft Internet Explorer",i=e.substring(n+5)):e.indexOf("Chrome")!==-1?(n=e.indexOf("Chrome"),r="Chrome",i=e.substring(n+7),Number(i.substring(0,3))>=108&&(i=i.substring(0,3))):e.indexOf("Safari")!==-1?(n=e.indexOf("Safari"),r="Safari",i=e.substring(n+7),e.indexOf("Version")!==-1&&(n=e.indexOf("Version"),i=e.substring(n+8))):e.indexOf("Firefox")!==-1?(n=e.indexOf("Firefox"),r="Firefox",i=e.substring(n+8)):e.indexOf("Trident/")!==-1?(r="Microsoft Internet Explorer",i=e.substring(e.indexOf("rv:")+3)):e.lastIndexOf(" ")+1<e.lastIndexOf("/")&&(t=e.lastIndexOf(" "),n=e.lastIndexOf("/"),r=e.substring(t,n),i=e.substring(n+1));let s;return i.indexOf(";")!==-1&&(s=i.indexOf(";"),i=i.substring(0,s)),i.indexOf(" ")!==-1&&(s=i.indexOf(" "),i=i.substring(0,s)),i.indexOf(")")!==-1&&(s=i.indexOf(")"),i=i.substring(0,s)),{platform:o,isMobile:d,browser:r,browserVersion:i.trim(),idsVersion:a,browserLanguage:navigator.language}}export{O as a};
+import{d as a}from"./ids-chunk-4NXTNKXV.js";function O(){let e=navigator.userAgent,i=` ${parseFloat(navigator.appVersion)}`,f=navigator,o=f.userAgentData?.platform||f.platform,d=window.matchMedia?window.matchMedia("only screen and (max-width: 760px)").matches:!1,t,n,r="";e.indexOf("Opera")!==-1&&(n=e.indexOf("Opera"),r="Opera",i=e.substring(n+6),e.indexOf("Version")!==-1&&(n=e.indexOf("Version"),i=e.substring(n+8))),e.indexOf("OPR")!==-1?(n=e.indexOf("OPR"),r="Opera",i=e.substring(n+4)):e.indexOf("Edg")!==-1?(n=e.indexOf("Edg"),r="Microsoft Edge",i=e.substring(n+4)):e.indexOf("MSIE")!==-1?(n=e.indexOf("MSIE"),r="Microsoft Internet Explorer",i=e.substring(n+5)):e.indexOf("Chrome")!==-1?(n=e.indexOf("Chrome"),r="Chrome",i=e.substring(n+7),Number(i.substring(0,3))>=108&&(i=i.substring(0,3))):e.indexOf("Safari")!==-1?(n=e.indexOf("Safari"),r="Safari",i=e.substring(n+7),e.indexOf("Version")!==-1&&(n=e.indexOf("Version"),i=e.substring(n+8))):e.indexOf("Firefox")!==-1?(n=e.indexOf("Firefox"),r="Firefox",i=e.substring(n+8)):e.indexOf("Trident/")!==-1?(r="Microsoft Internet Explorer",i=e.substring(e.indexOf("rv:")+3)):e.lastIndexOf(" ")+1<e.lastIndexOf("/")&&(t=e.lastIndexOf(" "),n=e.lastIndexOf("/"),r=e.substring(t,n),i=e.substring(n+1));let s;return i.indexOf(";")!==-1&&(s=i.indexOf(";"),i=i.substring(0,s)),i.indexOf(" ")!==-1&&(s=i.indexOf(" "),i=i.substring(0,s)),i.indexOf(")")!==-1&&(s=i.indexOf(")"),i=i.substring(0,s)),{platform:o,isMobile:d,browser:r,browserVersion:i.trim(),idsVersion:a,browserLanguage:navigator.language}}export{O as a};

package/chunks/ids-chunk-T35PTRDE.js

@@ -0,0 +1 @@
+var n=[!1,"collapsed","expanded"],d=["default","tooltip","hidden"],i="md",l=t=>d.includes(t),s=t=>{let e;t.container?(e=t.container.cloneNode(!0),e.innerHTML=`${t.textContent}`):(e=t.cloneNode(!0),e.removeAttribute("overflow")),e.style.display="inline",e.style.width="auto",e.style.visibility="hidden",document.body.append(e);let o=!1;return e.offsetWidth>t.offsetWidth&&(o=!0),e.remove(),o};export{n as a,d as b,i as c,l as d,s as e};

package/chunks/ids-chunk-T45TRIMD.js

@@ -0,0 +1 @@
+import{d as o}from"./ids-chunk-ZUHWNQKP.js";import{a as r}from"./ids-chunk-4NXTNKXV.js";var s=e=>class extends e{currentOrientation="horizontal";constructor(...n){super(...n),this.#t("horizontal",this.orientation)}connectedCallback(){super.connectedCallback?.()}static get attributes(){return[...e.attributes,r.ORIENTATION]}orientations=["horizontal","vertical"];get orientation(){return this.currentOrientation}set orientation(n){n??="horizontal";let t=String(o(n,"")),i=this.currentOrientation;i!==t&&(this.orientations.includes(t)?this.setAttribute(r.ORIENTATION,`${t}`):this.removeAttribute(r.ORIENTATION),this.currentOrientation=t,this.#t(i,t))}#t(n,t){if(!this.container)return;let i=this.container.classList;n&&i.remove(`orientation-${n}`),t&&i.add(`orientation-${t}`),i.remove("orientation-undefined"),typeof this.onOrientationRefresh=="function"&&this.onOrientationRefresh()}},u=s;export{u as a};

package/chunks/{ids-chunk-DED2L7WG.js → ids-chunk-T76P6YY6.js}

@@ -1,5 +1,4 @@
-import{a as l}from"./ids-chunk-TNBG2NDD.js";import{a as t}from"./ids-chunk-R3LDTVPA.js";import{a as n}from"./ids-chunk-3TYAWIGG.js";import{a as r}from"./ids-chunk-6D5SDTJL.js";import{a,b as i}from"./ids-chunk-XE4WFW5M.js";import{a as d}from"./ids-chunk-5K6IDMGA.js";var s=`
-:host {
+import{a as v}from"./ids-chunk-7TZBUKXG.js";import{a as m}from"./ids-chunk-4KH6KPFZ.js";import{a as p}from"./ids-chunk-7NFQTMPK.js";import{a as c}from"./ids-chunk-XKY7GB2B.js";import{a as t,b as s}from"./ids-chunk-XE4WFW5M.js";import{a as n,b as r,d as l,g as a}from"./ids-chunk-Y32WUP63.js";var u=`:host {
   display: block;
 }
 :host ids-icon {
@@ -159,7 +158,7 @@ import{a as l}from"./ids-chunk-TNBG2NDD.js";import{a as t}from"./ids-chunk-R3LDT
 
 .ids-module-nav-item {
   box-sizing: border-box;
-  transition: margin var(--ids-motion-duration) var(ids-motion-ease), height var(--ids-motion-duration) var(ids-motion-ease), width var(--ids-motion-duration) var(ids-motion-ease);
+  transition: height var(--ids-motion-duration) var(--ids-motion-ease), margin var(--ids-motion-duration) var(--ids-motion-ease), padding var(--ids-motion-duration) var(--ids-motion-ease), width var(--ids-motion-duration) var(--ids-motion-ease);
 }
 .ids-module-nav-item.color-variant-module-nav {
   border-color: transparent;
@@ -192,6 +191,23 @@ import{a as l}from"./ids-chunk-TNBG2NDD.js";import{a as t}from"./ids-chunk-R3LDT
 .ids-module-nav-item.color-variant-module-nav.hidden-by-filter.child-filter-match {
   color: var(--ids-module-nav-item-text-color);
 }
+.ids-module-nav-item.color-variant-module-nav:not([class*=display-mode-]) {
+  height: var(--ids-module-nav-item-collapsed-size);
+  margin-block: var(--ids-module-nav-item-collapsed-general-spacing-size);
+  margin-inline: auto;
+  padding-block: var(--ids-module-nav-item-padding-block);
+  padding-inline: auto;
+  width: 0;
+}
+.ids-module-nav-item.color-variant-module-nav:not([class*=display-mode-]) .ids-accordion-display-icon {
+  justify-self: center;
+  align-self: center;
+  margin-inline: 0;
+  padding: 0;
+}
+.ids-module-nav-item.color-variant-module-nav:not([class*=display-mode-]) .ids-accordion-expander-icon {
+  display: none;
+}
 .ids-module-nav-item.color-variant-module-nav.display-mode-collapsed {
   height: var(--ids-module-nav-item-collapsed-size);
   width: var(--ids-module-nav-item-collapsed-size);
@@ -217,12 +233,22 @@ import{a as l}from"./ids-chunk-TNBG2NDD.js";import{a as t}from"./ids-chunk-R3LDT
   width: 1px;
 }
 .ids-module-nav-item.color-variant-module-nav.display-mode-expanded {
-  padding: var(--ids-module-nav-item-margin-inline);
-  margin: var(--ids-module-nav-item-margin-inline);
+  margin-block: var(--ids-module-nav-item-margin-block);
+  margin-inline: var(--ids-module-nav-item-margin-inline);
+  padding: var(--ids-module-nav-item-padding-block);
+}
+.ids-module-nav-item.color-variant-module-nav.display-mode-expanded:not(.depth-1).first-child {
+  margin-block-start: 0;
+}
+.ids-module-nav-item.color-variant-module-nav.display-mode-expanded:not(.depth-1).last-child {
+  margin-block-end: 0;
 }
 .ids-module-nav-item.color-variant-module-nav.display-mode-expanded .ids-accordion-display-icon {
   margin-inline-end: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
 }
+.ids-module-nav-item.color-variant-module-nav.display-mode-expanded .ids-accordion-expander-icon:last-child {
+  margin-inline-end: 4px;
+}
 .ids-module-nav-item.color-variant-sub-module-nav {
   border-color: transparent;
   border-radius: var(--ids-module-nav-common-border-radius);
@@ -254,6 +280,23 @@ import{a as l}from"./ids-chunk-TNBG2NDD.js";import{a as t}from"./ids-chunk-R3LDT
 .ids-module-nav-item.color-variant-sub-module-nav.hidden-by-filter.child-filter-match {
   color: var(--ids-module-nav-item-text-color);
 }
+.ids-module-nav-item.color-variant-sub-module-nav:not([class*=display-mode-]) {
+  height: var(--ids-module-nav-item-collapsed-size);
+  margin-block: var(--ids-module-nav-item-collapsed-general-spacing-size);
+  margin-inline: auto;
+  padding-block: var(--ids-module-nav-item-padding-block);
+  padding-inline: auto;
+  width: 0;
+}
+.ids-module-nav-item.color-variant-sub-module-nav:not([class*=display-mode-]) .ids-accordion-display-icon {
+  justify-self: center;
+  align-self: center;
+  margin-inline: 0;
+  padding: 0;
+}
+.ids-module-nav-item.color-variant-sub-module-nav:not([class*=display-mode-]) .ids-accordion-expander-icon {
+  display: none;
+}
 .ids-module-nav-item.color-variant-sub-module-nav.display-mode-collapsed {
   height: var(--ids-module-nav-item-collapsed-size);
   width: var(--ids-module-nav-item-collapsed-size);
@@ -279,12 +322,22 @@ import{a as l}from"./ids-chunk-TNBG2NDD.js";import{a as t}from"./ids-chunk-R3LDT
   width: 1px;
 }
 .ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded {
-  padding: var(--ids-module-nav-item-margin-inline);
-  margin: var(--ids-module-nav-item-margin-inline);
+  margin-block: var(--ids-module-nav-item-margin-block);
+  margin-inline: var(--ids-module-nav-item-margin-inline);
+  padding: var(--ids-module-nav-item-padding-block);
+}
+.ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded:not(.depth-1).first-child {
+  margin-block-start: 0;
+}
+.ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded:not(.depth-1).last-child {
+  margin-block-end: 0;
 }
 .ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded .ids-accordion-display-icon {
   margin-inline-end: var(--ids-module-nav-item-expanded-icon-text-spacing-size);
 }
+.ids-module-nav-item.color-variant-sub-module-nav.display-mode-expanded .ids-accordion-expander-icon:last-child {
+  margin-inline-end: 4px;
+}
 .ids-module-nav-item ::slotted(ids-text) {
   overflow: hidden;
   white-space: nowrap;
@@ -298,24 +351,139 @@ import{a as l}from"./ids-chunk-TNBG2NDD.js";import{a as t}from"./ids-chunk-R3LDT
 .ids-module-nav-item .ids-accordion-expander-icon {
   width: var(--ids-module-nav-item-dropdown-icon-size);
 }
-.ids-module-nav-item.depth-2, .ids-module-nav-item.depth-3, .ids-module-nav-item.depth-4, .ids-module-nav-item.depth-5, .ids-module-nav-item.depth-6 {
-  padding-inline-start: 16px;
+.ids-module-nav-item .ids-accordion-display-icon,
+.ids-module-nav-item .ids-accordion-expander-icon {
+  transition: padding var(--ids-motion-duration) var(--ids-motion-ease);
+}
+.ids-module-nav-item.display-mode-expanded.depth-1 {
+  padding-inline-start: var(--ids-module-nav-item-padding-block);
+}
+.ids-module-nav-item.display-mode-expanded.depth-1.is-expandable {
+  padding-inline-start: var(--ids-module-nav-item-padding-block);
+}
+.ids-module-nav-item.display-mode-expanded.depth-2 {
+  padding-inline-start: 12px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-2:not(.is-expandable) {
+  padding-inline-start: 52px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-2.is-expandable {
+  padding-inline-start: 24px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-2.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 46px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon {
+  padding-inline-start: 20px;
 }
-.ids-module-nav-item.depth-2.expander-type-plus-minus, .ids-module-nav-item.depth-3.expander-type-plus-minus, .ids-module-nav-item.depth-4.expander-type-plus-minus, .ids-module-nav-item.depth-5.expander-type-plus-minus, .ids-module-nav-item.depth-6.expander-type-plus-minus {
-  padding-inline-start: 0;
+.ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon:not(.is-expandable) {
+  padding-inline-start: 42px;
 }
-.ids-module-nav-item.depth-2:not(.parent-has-icon), .ids-module-nav-item.depth-3:not(.parent-has-icon), .ids-module-nav-item.depth-4:not(.parent-has-icon), .ids-module-nav-item.depth-5:not(.parent-has-icon), .ids-module-nav-item.depth-6:not(.parent-has-icon) {
+.ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon.is-expandable {
+  padding-inline-start: 32px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 54px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3 {
   padding-inline-start: 24px;
 }
-.ids-module-nav-item.depth-2:not([class*=expander-type-]), .ids-module-nav-item.depth-3:not([class*=expander-type-]), .ids-module-nav-item.depth-4:not([class*=expander-type-]), .ids-module-nav-item.depth-5:not([class*=expander-type-]), .ids-module-nav-item.depth-6:not([class*=expander-type-]) {
+.ids-module-nav-item.display-mode-expanded.depth-3:not(.is-expandable) {
+  padding-inline-start: 68px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3.is-expandable {
+  padding-inline-start: 40px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 62px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon {
   padding-inline-start: 32px;
 }
-.ids-module-nav-item.depth-2.parent-has-icon, .ids-module-nav-item.depth-3.parent-has-icon, .ids-module-nav-item.depth-4.parent-has-icon, .ids-module-nav-item.depth-5.parent-has-icon, .ids-module-nav-item.depth-6.parent-has-icon {
-  padding-inline-start: 43px;
-}`;var c=t(l(r(n))),e=class extends c{constructor(){super()}connectedCallback(){super.connectedCallback(),this.toggleExpanderIcon(this.panel&&this.panel.isExpandable),this.#e()}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[...super.attributes]}colorVariants=["app-menu","sub-app-menu","module-nav","sub-module-nav"];template(){return`
+.ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon:not(.is-expandable) {
+  padding-inline-start: 64px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon.is-expandable {
+  padding-inline-start: 48px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-3.parent-has-icon.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 70px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4 {
+  padding-inline-start: 36px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4:not(.is-expandable) {
+  padding-inline-start: 84px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.is-expandable {
+  padding-inline-start: 56px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 78px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon {
+  padding-inline-start: 44px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon:not(.is-expandable) {
+  padding-inline-start: 80px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon.is-expandable {
+  padding-inline-start: 64px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-4.parent-has-icon.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 86px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5 {
+  padding-inline-start: 48px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5:not(.is-expandable) {
+  padding-inline-start: 100px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.is-expandable {
+  padding-inline-start: 72px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 94px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon {
+  padding-inline-start: 56px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon:not(.is-expandable) {
+  padding-inline-start: 96px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon.is-expandable {
+  padding-inline-start: 80px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-5.parent-has-icon.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 102px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6 {
+  padding-inline-start: 60px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6:not(.is-expandable) {
+  padding-inline-start: 116px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.is-expandable {
+  padding-inline-start: 88px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 110px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon {
+  padding-inline-start: 68px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon:not(.is-expandable) {
+  padding-inline-start: 112px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon.is-expandable {
+  padding-inline-start: 96px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-6.parent-has-icon.siblings-can-expand:not(.is-expandable) {
+  padding-inline-start: 118px;
+}`;var h=m(v(c(p))),d,i,e=class extends h{constructor(){super();l(this,d);r(this,"colorVariants",["app-menu","sub-app-menu","module-nav","sub-module-nav"])}connectedCallback(){super.connectedCallback(),this.toggleExpanderIcon(this.panel&&this.panel.isExpandable),a(this,d,i).call(this)}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[...super.attributes]}template(){return`
       <div class="ids-module-nav-item ids-accordion-header" tabindex="0" part="header">
         <ids-icon class="ids-accordion-display-icon" part="display-icon"></ids-icon>
         <slot></slot>
         ${this.templateExpanderIcon()}
       </div>
-    `}get containerEl(){return this.shadowRoot?.querySelector(`.${this.name}`)||null}onDisplayModeChange(){this.#e()}#e(){this.textNode&&(this.textNode.audible=this.displayMode!=="expanded",this.textNode.overflow="ellipsis")}onTextDisplayChange(o){console.info(`text display change from header: "${this.textContent?.trim()||""}"`,o),this.textNode&&(this.textNode.audible=o!=="default")}};e=d([a("ids-module-nav-item"),i(s)],e);export{e as a};
+    `}get containerEl(){return this.shadowRoot?.querySelector(`.${this.name}`)||null}onDisplayModeChange(){a(this,d,i).call(this)}onTextDisplayChange(o){console.info(`text display change from header: "${this.textContent?.trim()||""}"`,o),this.textNode&&(this.textNode.audible=o!=="default")}};d=new WeakSet,i=function(){this.textNode&&(this.textNode.audible=this.displayMode!=="expanded",this.textNode.overflow="ellipsis")},e=n([t("ids-module-nav-item"),s(u)],e);export{e as a};