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

package/chunks/{ids-chunk-HRJ7N5QD.js → ids-chunk-CLRP2WWJ.js}

@@ -1,5 +1,4 @@
-import{a as w}from"./ids-chunk-T6ZV4PDM.js";import{a as f}from"./ids-chunk-B6P5AQ2Z.js";import{a as b,b as m}from"./ids-chunk-XE4WFW5M.js";import{a as v}from"./ids-chunk-DCNGT4R2.js";import{a as c}from"./ids-chunk-6EMRTLSG.js";import{a as u}from"./ids-chunk-5K6IDMGA.js";var g=`
-/* Ids Wizard Component */
+import{a as C}from"./ids-chunk-T6ZV4PDM.js";import{a as k}from"./ids-chunk-DK5QOJMP.js";import{a as x,b as E}from"./ids-chunk-XE4WFW5M.js";import{a as S}from"./ids-chunk-RCDMHHTV.js";import{a as c}from"./ids-chunk-4NXTNKXV.js";import{a as z,b as m,d as f,g as h}from"./ids-chunk-Y32WUP63.js";var L=`/* Ids Wizard Component */
 .ids-wizard {
   padding-inline: 32px;
   margin-block: 8px;
@@ -131,11 +130,7 @@ import{a as w}from"./ids-chunk-T6ZV4PDM.js";import{a as f}from"./ids-chunk-B6P5A
   fill: transparent;
   stroke: var(--ids-wizard-step-color-unvisited);
   stroke-width: 3px;
-}`;var x=w(f(v)),h=class extends x{markerTemplate=`
-    <svg viewBox="0 0 24 24">
-      <circle cx="12" cy="12" r="12" />
-    </svg>
-  `;constructor(){super()}shouldUpdateCallbacks=!0;stepObserver=new MutationObserver(t=>{for(let{type:e}of t)e==="childList"&&(this.shouldUpdateCallbacks=!0,this.render(!0))});resizeObserver=new ResizeObserver(()=>{this.fitAndSizeElements()});fitAndSizeElements(){let t=[];for(let e=0;e<this.children.length;e++){let i=this.getStepEl(this,e+1)?.children[1];i&&(i.style.maxWidth="unset",t.push(i))}requestAnimationFrame(()=>{let e=this.resizeStepLabelRects(this);for(let i=0;i<e.length;i++){let{width:s}=e[i];t[i].style.maxWidth=`${s+8}px`}})}areRectsHColliding(t,e){return t.left+t.width>e.left&&t.right-t.width<e.right}static get attributes(){return[c.STEP_NUMBER,c.CLICKABLE]}isStepClickable(t){let e=this.children[t-1];return!this.clickable&&e.getAttribute(c.CLICKABLE)!=="false"||e.getAttribute(c.CLICKABLE)!=="false"}#t(){let t=Math.max(0,Number(this.stepNumber)-1),e=[...this.container.querySelectorAll(".step")];for(let i=0;i<e.length;i++){let s=e[i],d=t===i,l=i<=t,r=s.querySelector(".step-marker"),p=s.querySelector(".step-label"),n=this.markerTemplate;n+=d?this.markerTemplate:"",d?(s.classList.add("current"),p?.querySelector("ids-text")?.setAttribute(c.FONT_WEIGHT,"bold")):(s.classList.remove("current"),p?.querySelector("ids-text")?.setAttribute(c.FONT_WEIGHT,"normal")),l?(s.classList.add("visited"),s.previousElementSibling?.classList.add("visited")):(s.classList.remove("visited"),s.previousElementSibling?.classList.remove("visited")),r&&(r.innerHTML=n)}}template(){let t="",e=this.stepNumber-1;for(let[i,s]of[...this.children].entries()){let d=e===i,l=i<=e,r=this.isStepClickable(i+1),p=s.textContent,n="step";n+=d?" current":"",n+=l?" visited":"",n+=r?" clickable":"";let o=i>=this.children.length-1?"":`<div
+}`;var y=C(k(S)),w,N,b,g,v,R,u=class extends y{constructor(){super();f(this,w);f(this,b);f(this,v);m(this,"shouldUpdateCallbacks",!0);m(this,"stepObserver",new MutationObserver(t=>{for(let{type:e}of t)e==="childList"&&(this.shouldUpdateCallbacks=!0,this.render(!0))}));m(this,"resizeObserver",new ResizeObserver(()=>{this.fitAndSizeElements()}))}fitAndSizeElements(){let t=[];for(let e=0;e<this.children.length;e++){let i=this.getStepEl(this,e+1)?.children[1];i&&(i.style.maxWidth="unset",t.push(i))}requestAnimationFrame(()=>{let e=this.resizeStepLabelRects(this);for(let i=0;i<e.length;i++){let{width:s}=e[i];t[i].style.maxWidth=`${s+8}px`}})}areRectsHColliding(t,e){return t.left+t.width>e.left&&t.right-t.width<e.right}static get attributes(){return[c.STEP_NUMBER,c.CLICKABLE]}isStepClickable(t){let e=this.children[t-1];return!this.clickable&&e.getAttribute(c.CLICKABLE)!=="false"||e.getAttribute(c.CLICKABLE)!=="false"}get markerTemplate(){return'<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="12" /></svg>'}template(){let t="",e=this.stepNumber-1;for(let[i,s]of[...this.children].entries()){let d=e===i,l=i<=e,r=this.isStepClickable(i+1),p=s.textContent,n="step";n+=d?" current":"",n+=l?" visited":"",n+=r?" clickable":"";let o=i>=this.children.length-1?"":`<div
         class="path-segment${e<=i?"":" visited"}"
         part="path-segment"
       ></div>`,a=`<div
@@ -153,8 +148,7 @@ import{a as w}from"./ids-chunk-T6ZV4PDM.js";import{a as f}from"./ids-chunk-B6P5A
         class="${n}"
         part="step"
         step-number="${i+1}"
-        tabindex="${r?"0":"-1"}"'
-      >
+        tabindex="${r?"0":"-1"}">
         <div class="step-marker">
           ${this.markerTemplate}
           ${d?this.markerTemplate:""}
@@ -165,4 +159,4 @@ import{a as w}from"./ids-chunk-T6ZV4PDM.js";import{a as f}from"./ids-chunk-B6P5A
       <nav class="steps">
         ${t}
       </nav>
-    </div>`}get stepNumber(){let t=parseInt(this.getAttribute(c.STEP_NUMBER)??"");return Number.isNaN(t)?-1:t}set stepNumber(t){if(Number.isNaN(Number(t)))throw new Error("ids-wizard: Invalid step number provided");let e=parseInt(t);if(e<=0)throw new Error("ids-wizard: step number should be > 0");if(e>this.children?.length)throw new Error("ids-wizard: step number should be below step-count");this.setAttribute("step-number",e.toString())}set clickable(t){this.setAttribute(c.CLICKABLE,String(t!=="false"))}get clickable(){return this.getAttribute(c.CLICKABLE)}connectedCallback(){super.connectedCallback(),this.stepObserver.disconnect(),this.#i(),this.stepObserver.observe(this,{childList:!0,attributes:!0,subtree:!0}),this.rendered()}#e(t){if(!t)return;let e=Number(t?.getAttribute("step-number")??NaN);!Number.isNaN(e)&&this.isStepClickable(e)&&(this.stepNumber=e,this.#t())}#i(){this.offEvent("click.step",this.container),this.onEvent("click.step",this.container,t=>{let e=t.target.closest(".step");this.#e(e)}),this.unlisten("Enter"),this.listen("Enter",this.container,()=>{let e=this.shadowRoot?.activeElement?.closest(".step");this.#e(e)})}rendered(){this.shouldUpdateCallbacks&&(this.resizeObserver.disconnect(),this.container&&this.resizeObserver.observe(this.container),this.shouldUpdateCallbacks=!1)}getStepEl(t,e){return t?.shadowRoot?.querySelector(`.step[step-number="${e}"]`)}resizeStepLabelRects(...t){let e=t[0],i=t[1]||1,s=t[2]||[],d=t[3]||-1;if(d===-1){d=e.getBoundingClientRect().width;for(let n=0;n<e.children.length;n++){let[,o]=this.getStepEl(e,n+1)?.children??[],a=o.getBoundingClientRect(),z={width:a.width,left:a.left,right:a.right};s.push(z)}}if(s.length<=1)return s;let l=s[i-1],r=s[i];for(;this.areRectsHColliding(l,r);){let p=i===1,n=i===s.length-1,o=Math.round(l.width/r.width*.5),a=Math.round(r.width/l.width*.5);l.width<=16&&(o=.01),r.width<=16&&(a=.01),p&&(o*=.5),n&&(a*=.5),l.width-=8*o,r.width-=8*a,p&&(l.right-=8*o,r.right-=4*a,r.left+=4*a),n&&(r.left+=8*a,l.right-=4*o,l.left+=4*o),p||(l.left+=4*o,l.right-=4*o),n||(r.left+=4*a,r.right-=4*a)}return s[i-1]=l,s[i]=r,i<s.length-1&&d&&(s=this.resizeStepLabelRects(e,i+1,s,d)),s}};h=u([b("ids-wizard"),m(g)],h);export{h as a};
+    </div>`}get stepNumber(){let t=parseInt(this.getAttribute(c.STEP_NUMBER)??"");return Number.isNaN(t)?-1:t}set stepNumber(t){if(Number.isNaN(Number(t)))throw new Error("ids-wizard: Invalid step number provided");let e=parseInt(t);if(e<=0)throw new Error("ids-wizard: step number should be > 0");if(e>this.children?.length)throw new Error("ids-wizard: step number should be below step-count");this.setAttribute("step-number",e.toString())}set clickable(t){this.setAttribute(c.CLICKABLE,String(t!=="false"))}get clickable(){return this.getAttribute(c.CLICKABLE)}connectedCallback(){super.connectedCallback()}mountedCallback(){this.stepObserver.disconnect(),h(this,v,R).call(this),this.stepObserver.observe(this,{childList:!0,attributes:!0,subtree:!0}),this.rendered()}rendered(){this.shouldUpdateCallbacks&&(this.resizeObserver.disconnect(),this.container&&this.resizeObserver.observe(this.container),this.shouldUpdateCallbacks=!1)}getStepEl(t,e){return t?.shadowRoot?.querySelector(`.step[step-number="${e}"]`)}resizeStepLabelRects(...t){let e=t[0],i=t[1]||1,s=t[2]||[],d=t[3]||-1;if(d===-1){d=e.getBoundingClientRect().width;for(let n=0;n<e.children.length;n++){let[,o]=this.getStepEl(e,n+1)?.children??[],a=o.getBoundingClientRect(),A={width:a.width,left:a.left,right:a.right};s.push(A)}}if(s.length<=1)return s;let l=s[i-1],r=s[i];for(;this.areRectsHColliding(l,r);){let p=i===1,n=i===s.length-1,o=Math.round(l.width/r.width*.5),a=Math.round(r.width/l.width*.5);l.width<=16&&(o=.01),r.width<=16&&(a=.01),p&&(o*=.5),n&&(a*=.5),l.width-=8*o,r.width-=8*a,p&&(l.right-=8*o,r.right-=4*a,r.left+=4*a),n&&(r.left+=8*a,l.right-=4*o,l.left+=4*o),p||(l.left+=4*o,l.right-=4*o),n||(r.left+=4*a,r.right-=4*a)}return s[i-1]=l,s[i]=r,i<s.length-1&&d&&(s=this.resizeStepLabelRects(e,i+1,s,d)),s}};w=new WeakSet,N=function(){let t=Math.max(0,Number(this.stepNumber)-1),e=[...this.container.querySelectorAll(".step")];for(let i=0;i<e.length;i++){let s=e[i],d=t===i,l=i<=t,r=s.querySelector(".step-marker"),p=s.querySelector(".step-label"),n=this.markerTemplate;n+=d?this.markerTemplate:"",d?(s.classList.add("current"),p?.querySelector("ids-text")?.setAttribute(c.FONT_WEIGHT,"bold")):(s.classList.remove("current"),p?.querySelector("ids-text")?.setAttribute(c.FONT_WEIGHT,"normal")),l?(s.classList.add("visited"),s.previousElementSibling?.classList.add("visited")):(s.classList.remove("visited"),s.previousElementSibling?.classList.remove("visited")),r&&(r.innerHTML=n)}},b=new WeakSet,g=function(t){if(!t)return;let e=Number(t?.getAttribute("step-number")??NaN);!Number.isNaN(e)&&this.isStepClickable(e)&&(this.stepNumber=e,h(this,w,N).call(this))},v=new WeakSet,R=function(){this.offEvent("click.step",this.container),this.onEvent("click.step",this.container,t=>{let e=t.target.closest(".step");h(this,b,g).call(this,e)}),this.unlisten("Enter"),this.listen("Enter",this.container,()=>{let e=this.shadowRoot?.activeElement?.closest(".step");h(this,b,g).call(this,e)})},u=z([x("ids-wizard"),E(L)],u);export{u as a};

package/chunks/{ids-chunk-FC7T5DYB.js → ids-chunk-CNEO4MOW.js}

@@ -1,5 +1,4 @@
-import{a as d}from"./ids-chunk-TNBG2NDD.js";import{a as e}from"./ids-chunk-R3LDTVPA.js";import{b as n}from"./ids-chunk-HXQK5AOF.js";import{a as i,b as r}from"./ids-chunk-XE4WFW5M.js";import{a as t}from"./ids-chunk-5K6IDMGA.js";var a=`
-/**
+import{a as r}from"./ids-chunk-7TZBUKXG.js";import{a as d}from"./ids-chunk-4KH6KPFZ.js";import{b as e}from"./ids-chunk-7SNGPV6G.js";import{a as i,b as n}from"./ids-chunk-XE4WFW5M.js";import{a as t}from"./ids-chunk-Y32WUP63.js";var a=`/**
  * Ids Button Component CSS
  * (Includes standard and icon button rules)
  */
@@ -467,6 +466,11 @@ button {
   padding: var(--ids-space-30);
   padding-inline: var(--ids-space-30);
 }
+.ids-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
+.ids-toggle-button.color-variant-alternate-formatter.ids-menu-button.compact.square,
+.ids-menu-button.color-variant-alternate-formatter.ids-menu-button.compact.square {
+  border-radius: var(--ids-border-radius-02);
+}
 .ids-button.color-variant-module,
 .ids-toggle-button.color-variant-module,
 .ids-menu-button.color-variant-module {
@@ -741,6 +745,9 @@ button {
   padding: var(--ids-space-30);
   padding-inline: var(--ids-space-30);
 }
+.ids-icon-button.color-variant-alternate-formatter.ids-menu-button.compact.square {
+  border-radius: var(--ids-border-radius-02);
+}
 .ids-icon-button.color-variant-module {
   color: var(--ids-button-module-color-text-default);
 }
@@ -1246,7 +1253,7 @@ button {
 
 .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;
@@ -1279,6 +1286,23 @@ button {
 .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);
@@ -1304,12 +1328,22 @@ button {
   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);
@@ -1341,6 +1375,23 @@ button {
 .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);
@@ -1366,12 +1417,22 @@ button {
   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;
@@ -1385,20 +1446,135 @@ button {
 .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.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:not(.is-expandable) {
+  padding-inline-start: 52px;
 }
-.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.is-expandable {
   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-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.display-mode-expanded.depth-2.parent-has-icon:not(.is-expandable) {
+  padding-inline-start: 42px;
+}
+.ids-module-nav-item.display-mode-expanded.depth-2.parent-has-icon.is-expandable {
   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;
+.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.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.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;
 }
 
 :host {
@@ -1467,4 +1643,4 @@ button {
 }
 .ids-module-nav-button.display-mode-expanded {
   padding-block: var(--ids-module-nav-switcher-button-icon-margin);
-}`;var s=d(e(n)),o=class extends s{constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[...super.attributes]}get protoClasses(){return["ids-module-nav-button"]}get textNode(){return this.querySelector("ids-text")}};o=t([i("ids-module-nav-button"),r(a)],o);export{o as a};
+}`;var s=r(d(e)),o=class extends s{constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[...super.attributes]}get protoClasses(){return["ids-module-nav-button"]}get textNode(){return this.querySelector("ids-text")}};o=t([i("ids-module-nav-button"),n(a)],o);export{o as a};

package/chunks/{ids-chunk-CPFMJAEE.js → ids-chunk-CNMMJTJG.js}

@@ -1,5 +1,4 @@
-import{a as h}from"./ids-chunk-MDLMRVPY.js";import{a as b}from"./ids-chunk-CYHGXCKL.js";import{a as c}from"./ids-chunk-B6P5AQ2Z.js";import{a,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-DCNGT4R2.js";import{e as i}from"./ids-chunk-TJKIW3GF.js";import{a as o}from"./ids-chunk-6EMRTLSG.js";import{a as l}from"./ids-chunk-5K6IDMGA.js";var u=`
-/* Ids Alert Component */
+import{a as b}from"./ids-chunk-HXA5LW64.js";import{a as h}from"./ids-chunk-MDLMRVPY.js";import{a as c}from"./ids-chunk-DK5QOJMP.js";import{a,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as n}from"./ids-chunk-RCDMHHTV.js";import{e as i}from"./ids-chunk-5Q3WPKMB.js";import{a as o}from"./ids-chunk-4NXTNKXV.js";import{a as l}from"./ids-chunk-Y32WUP63.js";var u=`/* Ids Alert Component */
 :host,
 .ids-alert {
   contain: content;

package/chunks/ids-chunk-CQ5FMCKR.js

@@ -0,0 +1,89 @@
+import{a as y}from"./ids-chunk-DK5QOJMP.js";import{a as m,b as f}from"./ids-chunk-XE4WFW5M.js";import{a as A}from"./ids-chunk-RCDMHHTV.js";import{a as r}from"./ids-chunk-4NXTNKXV.js";import{a as u,b as L,d as l,g as e}from"./ids-chunk-Y32WUP63.js";var E=`.ids-progress-chart {
+  contain: content;
+  display: flex;
+  flex-direction: column;
+  font-family: var(--ids-progress-chart-font-family);
+  margin: var(--ids-progress-chart-margin);
+}
+.ids-progress-chart .labels {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: flex-end;
+  color: var(--ids-progress-chart-label-color-text);
+  font-size: var(--ids-progress-chart-label-font-size);
+  margin-bottom: var(--ids-progress-chart-label-margin-bottom);
+  position: relative;
+  width: 100%;
+}
+.ids-progress-chart .labels .label-main {
+  display: inline-flex;
+  margin: var(--ids-progress-chart-label-main-margin);
+}
+.ids-progress-chart .labels .label-main::part(text) {
+  color: currentColor;
+  font-family: inherit;
+  font-size: inherit;
+}
+.ids-progress-chart .labels .label-progress {
+  display: inline-flex;
+  margin: var(--ids-progress-chart-label-progress-margin);
+}
+.ids-progress-chart .labels .label-progress::part(text) {
+  color: currentColor;
+  font-family: inherit;
+  font-size: inherit;
+}
+.ids-progress-chart .labels .label-end {
+  display: flex;
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  justify-content: flex-end;
+}
+.ids-progress-chart .labels .label-total {
+  position: absolute;
+}
+.ids-progress-chart .labels .label-total::part(text) {
+  color: currentColor;
+  font-family: inherit;
+  font-size: inherit;
+}
+.ids-progress-chart .bar {
+  border-radius: var(--ids-progress-chart-bar-border-radius);
+  min-height: var(--ids-progress-chart-height-min);
+  min-width: var(--ids-progress-chart-bar-width-min);
+  display: flex;
+  position: relative;
+}
+.ids-progress-chart .bar .bar-total {
+  background-color: var(--ids-progress-chart-total-color-background);
+  border-radius: inherit;
+  display: flex;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: inherit;
+}
+.ids-progress-chart .bar .bar-progress {
+  background-color: var(--ids-progress-chart-bar-progress-color-background);
+  border-radius: inherit;
+  display: flex;
+  top: 0;
+  left: 0;
+  height: inherit;
+}`;var S=0,x=100,O="normal",v=y(A),n,g,i,h,o,d,c,b,a=class extends v{constructor(){super();l(this,n);l(this,i);l(this,o);l(this,c);L(this,"percentage",NaN)}connectedCallback(){super.connectedCallback(),e(this,o,d).call(this),e(this,n,g).call(this),e(this,c,b).call(this)}static get attributes(){return[r.COLOR,r.ICON,r.LABEL,r.LABEL_PROGRESS,r.LABEL_TOTAL,r.PROGRESS,r.SIZE,r.TOTAL]}template(){return`<div class="ids-progress-chart" part="chart">
+      <div class="labels">
+        <ids-text class="label-main">${this.label||""}</ids-text>
+        <ids-icon class="icon" icon="${this.icon||""}" size="${this.size||O}"></ids-icon>
+        <ids-text class="label-progress">${this.progressLabel||""}</ids-text>
+        <div class="label-end">
+          <ids-text class="label-total">${this.totalLabel||""}</ids-text>
+        </div>
+      </div>
+      <div class="bar">
+        <div class="bar-total">
+          <div class="bar-progress"></div>
+        </div>
+      </div>
+    </div>`}set icon(t){let s=this.container?.querySelector(".icon");t?(this.setAttribute(r.ICON,t),s?.setAttribute(r.ICON,t),s?.style.setProperty("display",""),s?.style.setProperty("margin","0 4px")):(this.setAttribute(r.ICON,""),s?.setAttribute(r.ICON,""),s?.style.setProperty("display","none"))}get icon(){return this.getAttribute(r.ICON)}set color(t){this.setAttribute(r.COLOR,String(t)),e(this,n,g).call(this)}get color(){return this.getAttribute(r.COLOR)}set progress(t){let s=parseFloat(t??"")<0||Number.isNaN(parseFloat(t??""))?S:t;this.setAttribute(r.PROGRESS,String(s)),e(this,o,d).call(this)}get progress(){return this.getAttribute(r.PROGRESS)}set total(t){let s=parseFloat(t??"")<0||Number.isNaN(parseFloat(t??""))?x:t;this.setAttribute(r.TOTAL,String(s)),e(this,o,d).call(this)}get total(){return this.getAttribute(r.TOTAL)}set label(t){this.setAttribute(r.LABEL,t||""),e(this,i,h).call(this,r.LABEL)}get label(){return this.getAttribute(r.LABEL)}set progressLabel(t){this.setAttribute(r.LABEL_PROGRESS,t||""),e(this,i,h).call(this,r.LABEL_PROGRESS)}get progressLabel(){return this.getAttribute(r.LABEL_PROGRESS)}set totalLabel(t){this.setAttribute(r.LABEL_TOTAL,t||""),e(this,i,h).call(this,r.LABEL_TOTAL)}get totalLabel(){return this.getAttribute(r.LABEL_TOTAL)}set size(t){let s=t==="small"?t:O;this.setAttribute(r.SIZE,s),this.container?.querySelector(".icon")?.setAttribute("size",s),e(this,c,b).call(this)}get size(){return this.getAttribute(r.SIZE)}};n=new WeakSet,g=function(){if(!this.color)return;let t=this.color,s=this.color?.includes("error")||this.color?.includes("caution")||this.color?.includes("warning");s||this.color?.includes("base")||this.color?.includes("success")?(t=`var(--ids-color-${this.color==="base"?"primary":`${this.color}-default`})`,s&&(this.container?.querySelector(".label-progress")?.style?.setProperty("color",t),this.container?.querySelector("ids-icon")?.style.setProperty("color",t))):this.color?.substring(0,1)!=="#"&&(t=`var(--ids-color-${this.color})`),this.container?.querySelector(".bar-progress")?.style.setProperty("background-color",t)},i=new WeakSet,h=function(t){if(this.container)if(t===r.LABEL){let s=this.container?.querySelector(".label-main");s&&(s.innerHTML=this.label??"")}else if(t===r.LABEL_PROGRESS){let s=this.container?.querySelector(".label-progress");s&&(s.innerHTML=this.progressLabel??"")}else{let s=this.container?.querySelector(".label-total");s&&(s.innerHTML=this.totalLabel??"")}},o=new WeakSet,d=function(){let t=parseFloat(this.progress??"")||S,s=parseFloat(this.total??"")||x,p=Math.floor((t/s>1?1:t/s)*100);this.percentage=p,this.container?.querySelector(".bar-progress")?.style.setProperty("width",`${p}%`)},c=new WeakSet,b=function(){let t=this.container?.querySelector(".bar");t?.style.setProperty("min-height",this.size==="small"?"10px":"28px"),t?.style.setProperty("border-radius",this.size==="small"?"0px":"2px")},a=u([m("ids-progress-chart"),f(E)],a);export{a};

package/chunks/{ids-chunk-7NJKLB3F.js → ids-chunk-CY4TMAZF.js}

@@ -1,5 +1,4 @@
-import{a as w}from"./ids-chunk-TNBG2NDD.js";import{a as x}from"./ids-chunk-R3LDTVPA.js";import{d as y}from"./ids-chunk-EZBHYI4E.js";import{a as g}from"./ids-chunk-VJ2NH6AI.js";import{a as l}from"./ids-chunk-T4VCWHNS.js";import{a as b}from"./ids-chunk-MXFCUDLP.js";import{a as f}from"./ids-chunk-T6ZV4PDM.js";import{a as h,b as u}from"./ids-chunk-XE4WFW5M.js";import{d as v,n as r}from"./ids-chunk-U4XVR5SW.js";import{a as o}from"./ids-chunk-6EMRTLSG.js";import{a as p}from"./ids-chunk-5K6IDMGA.js";var E=`
-:host {
+import{a as D}from"./ids-chunk-7TZBUKXG.js";import{e as F}from"./ids-chunk-T35PTRDE.js";import{a as O}from"./ids-chunk-4KH6KPFZ.js";import{a as k}from"./ids-chunk-GLIGZK53.js";import{a as x}from"./ids-chunk-WBDXDLKP.js";import{a as T}from"./ids-chunk-OPOTJ7IF.js";import{a as L}from"./ids-chunk-T6ZV4PDM.js";import{e as C}from"./ids-chunk-CK6SA7FU.js";import{a as N,b as A}from"./ids-chunk-XE4WFW5M.js";import{d as S,n as y}from"./ids-chunk-U4XVR5SW.js";import{a as d}from"./ids-chunk-4NXTNKXV.js";import{a as M,b as r,d as n,g as a}from"./ids-chunk-Y32WUP63.js";var R=`:host {
   display: block;
   position: fixed;
   transition: box-shadow var(--ids-motion-duration) var(--ids-motion-ease), transform var(--ids-motion-duration) var(--ids-motion-ease);
@@ -95,6 +94,7 @@ import{a as w}from"./ids-chunk-TNBG2NDD.js";import{a as x}from"./ids-chunk-R3LDT
   flex-direction: column;
   overflow: hidden;
   align-items: stretch;
+  padding-block-start: var(--ids-module-nav-bar-padding-top);
 }
 .ids-module-nav-bar:not(.display-mode-collapsed):not(.display-mode-expanded) {
   pointer-events: none;
@@ -111,6 +111,9 @@ import{a as w}from"./ids-chunk-TNBG2NDD.js";import{a as x}from"./ids-chunk-R3LDT
 .ids-module-nav-bar:not(.display-mode-collapsed):not(.display-mode-expanded) .ids-module-nav-search-wrapper {
   display: none;
 }
+.ids-module-nav-bar:not(.display-mode-collapsed):not(.display-mode-expanded) .ids-module-nav-separator {
+  visibility: hidden;
+}
 .ids-module-nav-bar:not(.display-mode-expanded) .accordion-header .ids-text {
   clip: rect(0, 0, 0, 0);
   height: 0;
@@ -134,7 +137,7 @@ import{a as w}from"./ids-chunk-TNBG2NDD.js";import{a as x}from"./ids-chunk-R3LDT
   border-inline-end: 1px solid var(--ids-module-nav-border-color);
 }
 .ids-module-nav-bar.display-mode-collapsed .ids-module-nav-separator {
-  display: none;
+  visibility: hidden;
 }
 .ids-module-nav-bar.display-mode-collapsed .ids-module-nav-search-wrapper {
   display: none;
@@ -163,7 +166,6 @@ import{a as w}from"./ids-chunk-TNBG2NDD.js";import{a as x}from"./ids-chunk-R3LDT
   border-right: 1px solid var(--ids-module-nav-border-color);
 }
 .ids-module-nav-bar.display-mode-expanded .ids-module-nav-search-wrapper {
-  padding-block-end: var(--ids-module-nav-accordion-gutter-size);
   padding-inline: var(--ids-module-nav-accordion-gutter-size);
 }
 .ids-module-nav-bar.display-mode-expanded .ids-module-nav-bar-main {
@@ -190,9 +192,6 @@ import{a as w}from"./ids-chunk-TNBG2NDD.js";import{a as x}from"./ids-chunk-R3LDT
   display: none;
   pointer-events: none;
 }
-.ids-module-nav-bar:not(.filterable) .ids-module-nav-search-wrapper + .ids-module-nav-separator {
-  display: none;
-}
 .ids-module-nav-bar:not(.pinned) {
   overflow: auto;
 }
@@ -282,7 +281,7 @@ import{a as w}from"./ids-chunk-TNBG2NDD.js";import{a as x}from"./ids-chunk-R3LDT
 
 ::slotted(ids-tooltip::part(tooltip)) {
   display: flex;
-}`;var c="module-nav-is-open",I=x(w(b(f(g)))),n=class extends I{accordionPaneSetting;globalKeydownListener;ro;constructor(){super(),this.accordionPaneSetting=!1}connectedCallback(){super.connectedCallback(),this.edge="start",this.type="module-nav",this.visible&&!this.displayMode&&(this.displayMode="collapsed"),this.#d(),this.#s(),this.#a(),this.#i(),this.setResize(),this.setScrollable(),this.#t()}disconnectedCallback(){super.disconnectedCallback?.(),this.#e(),this.#o()}static get attributes(){return[...super.attributes,o.FILTERABLE,o.PINNED]}template(){return`<div class="ids-drawer ids-module-nav-bar type-module-nav">
+}`;var E="module-nav-is-open",K=O(D(T(L(k)))),p,z,h,P,m,w,u,B,v,V,b,q,f,H,g,U,c=class extends K{constructor(){super();n(this,p);n(this,h);n(this,m);n(this,u);n(this,v);n(this,b);n(this,f);n(this,g);r(this,"accordionPaneSetting");r(this,"globalKeydownListener");r(this,"ro");r(this,"isFiltered",!1);r(this,"filterAccordion",(e="")=>{if(!this.accordion)return[];let i=[...this.accordion.querySelectorAll("ids-accordion-panel")];if(!i.length)return[];this.clearFilterAccordion(),this.accordionPaneSetting=!!this.accordion.allowOnePane,this.accordion.allowOnePane=!1;let t=new RegExp(e,"gi"),o=l=>{if(l.hasParentPanel){let s=l.parentElement,I=s.header;s.expanded||(s.expanded=!0),I.childFilterMatch=!0,o(s)}};return i.filter(l=>{let s=l.header;if(s.textContent.trim().match(t))return s.hiddenByFilter&&(s.hiddenByFilter=!1),o(l),this.isFiltered=!0,s;s.hiddenByFilter||(s.hiddenByFilter=!0)})});r(this,"onLanguageChange",e=>{let i=e?.isRTL()||!1,t=i?"left":"right",o=this.tooltipEl?.popup;this.tooltipEl?.setAttribute(d.PLACEMENT,t),o&&(o.useRight=i,o.setAttribute(d.ALIGN,t))});this.accordionPaneSetting=!1,this.onOutsideClick=()=>{}}connectedCallback(){super.connectedCallback(),this.edge="start",this.type="module-nav",this.visible=!0,a(this,v,V).call(this),a(this,b,q).call(this),a(this,f,H).call(this),a(this,p,z).call(this),this.setResize(),this.setScrollable(),a(this,h,P).call(this)}disconnectedCallback(){super.disconnectedCallback?.(),a(this,m,w).call(this),a(this,u,B).call(this)}static get attributes(){return[...super.attributes,d.FILTERABLE,d.PINNED]}template(){return`<div class="ids-drawer ids-module-nav-bar type-module-nav">
       <div class="ids-module-nav-bar-main">
         <div class="ids-module-nav-switcher-wrapper">
           <slot name="role-switcher"></slot>
@@ -290,7 +289,6 @@ import{a as w}from"./ids-chunk-TNBG2NDD.js";import{a as x}from"./ids-chunk-R3LDT
         <div class="ids-module-nav-search-wrapper">
           <slot name="search"></slot>
         </div>
-        <ids-separator class="ids-module-nav-separator" color-variant="module-nav"></ids-separator>
         <div class="ids-module-nav-search-no-results">
           <ids-empty-message icon="empty-search-data-new">
             <ids-text font-size="20" label="true" slot="description">No results found</ids-text>
@@ -310,6 +308,6 @@ import{a as w}from"./ids-chunk-TNBG2NDD.js";import{a as x}from"./ids-chunk-R3LDT
       <div class="ids-module-nav-bar-detail">
         <slot name="detail"></slot>
       </div>
-    </div>`}get parent(){let e=v(this,"ids-module-nav");if(e)return e}get content(){let e=this.nextElementSibling;if(e?.tagName==="IDS-MODULE-NAV-CONTENT")return e}get mainEl(){return this.container?.querySelector(".ids-module-nav-main")}get accordion(){return this.querySelector("ids-accordion")}get items(){return[...this.querySelectorAll("ids-module-nav-item")]}get searchFieldEl(){return this.querySelector("ids-search-field")}get settingsEl(){return this.querySelector("ids-module-nav-settings")}get switcherEl(){return this.querySelector("ids-module-nav-switcher")}get tooltipEl(){return this.querySelector("ids-tooltip")}isFiltered=!1;set filterable(e){l(o.FILTERABLE,this,e),e||this.searchFieldEl?.clear()}get filterable(){return this.hasAttribute(o.FILTERABLE)}set pinned(e){l(o.PINNED,this,e),this.setScrollable(),this.setResize()}get pinned(){return this.hasAttribute(o.PINNED)}#i(){[...this.querySelectorAll("ids-accordion")].forEach(d=>{d.colorVariant="module-nav"});let i=this.settingsEl;i&&(i.colorVariant="module-nav"),[...this.querySelectorAll("ids-button")].forEach(d=>{d.colorVariant="alternate"})}#t(){this.#e(),this.onEvent("show.module-nav-show",this,e=>{e.target.tagName==="IDS-MODULE-NAV-BAR"&&this.parent&&(this.parent?.classList.add(c),this.displayMode||(this.displayMode="collapsed"))}),this.onEvent("hide.module-nav-hide",this,e=>{e.target.tagName==="IDS-MODULE-NAV-BAR"&&this.parent&&(this.parent?.classList.remove(c),this.displayMode&&(this.displayMode=!1))}),this.onEvent("beforeexpanded.accordion",this,e=>{let i=this.displayMode==="expanded";return e.detail.response(i)}),this.onEvent("cleared.search",this.searchFieldEl,()=>{this.accordion?.collapseAll()}),this.onEvent("mouseover.tooltip",this,e=>{this.setTooltipTarget(e.target)}),this.onEvent("beforeshow.tooltip",this.tooltipEl,e=>{let i=!0;if(this.displayMode||(i=!1),this.displayMode==="expanded"){let t=this.tooltipEl?.popup?.alignTarget;t?i=y(t.textNode):i=!1}e.detail.response(i)})}#e(){this.offEvent("show.module-nav-show"),this.offEvent("hide.module-nav-hide"),this.offEvent("beforeexpanded.accordion"),this.offEvent("cleared.search"),this.offEvent("mouseover.tooltip"),this.offEvent("beforeshow.tooltip")}#o(){this.parent?.classList.remove(c)}#d(){let e=this.searchFieldEl;e&&(e.colorVariant="module-nav",e.onSearch=i=>{if(i!==""){let t=this.filterAccordion(i);return t.length||this.renderNoFilterResults(),t}return this.clearFilterAccordion(),[]},this.offEvent("cleared.search"),this.onEvent("cleared.search",e,()=>this.clearFilterAccordion()))}#s(){let e=this.accordion;e&&(e.colorVariant="module-nav",this.accordionPaneSetting=e.allowOnePane)}#a(){let e=this.tooltipEl,i=this.localeAPI;e||this.insertAdjacentHTML("beforeend",`<ids-tooltip
+    </div>`}get parent(){let e=S(this,"ids-module-nav");if(e)return e}get content(){let e=this.nextElementSibling;if(e?.tagName==="IDS-MODULE-NAV-CONTENT")return e}get mainEl(){return this.container?.querySelector(".ids-module-nav-main")}get accordion(){return this.querySelector("ids-accordion")}get items(){return[...this.querySelectorAll("ids-module-nav-item")]}get searchFieldEl(){return this.querySelector("ids-search-field")}get settingsEl(){return this.querySelector("ids-module-nav-settings")}get switcherEl(){return this.querySelector("ids-module-nav-switcher")}get tooltipEl(){return this.querySelector("ids-tooltip")}set filterable(e){x(d.FILTERABLE,this,e),e||this.searchFieldEl?.clear()}get filterable(){return this.hasAttribute(d.FILTERABLE)}set pinned(e){x(d.PINNED,this,e),this.setScrollable(),this.setResize()}get pinned(){return this.hasAttribute(d.PINNED)}onDisplayModeChange(e,i){this.searchFieldEl?.clear(),this.content&&(this.content.displayMode=this.displayMode),this.switcherEl&&(this.switcherEl.displayMode=this.displayMode),this.accordion&&(i!=="expanded"&&this.accordion.collapseAll(),this.items?.forEach(t=>{t.textNode&&(t.displayMode=this.displayMode)})),this.settingsEl&&(this.settingsEl.displayMode=this.displayMode),this.setOutsideClick(),this.setScrollable(),this.setResize()}onTextDisplayChange(e){this.accordion&&(this.accordion.headers.forEach(i=>{i.textDisplay=e}),this.settingsEl&&(this.settingsEl.textDisplay=e))}get emptyIconContainerEl(){return this.container?.querySelector(".ids-module-nav-search-no-results")}renderNoFilterResults(){this.emptyIconContainerEl?.classList.add("visible"),this.mainEl?.setAttribute(d.HIDDEN,"")}clearFilterAccordion(){[...this.accordion?.querySelectorAll("[hidden-by-filter]")??[]].map(o=>(o.hiddenByFilter=!1,o)),this.emptyIconContainerEl?.classList.remove("visible"),this.mainEl?.removeAttribute(d.HIDDEN),a(this,g,U).call(this),this.isFiltered=!1,this.accordion&&(this.accordion.allowOnePane=this.accordionPaneSetting)}addOpenEvents(){super.addOpenEvents(),this.globalKeydownListener=e=>{e.key==="Escape"&&(e.stopImmediatePropagation(),this.hide())},document.addEventListener("keydown",this.globalKeydownListener)}removeOpenEvents(){super.removeOpenEvents(),this.globalKeydownListener&&document.removeEventListener("keydown",this.globalKeydownListener)}setResize(){typeof ResizeObserver>"u"||(this.ro?.disconnect(),this.ro||(this.ro=new ResizeObserver(()=>{this.setScrollable()})),this.pinned?this.accordion&&this.ro.observe(this.accordion):this.ro.observe(this))}setScrollable(){this.pinned?(this.setBarScrollable(!1),this.setAccordionScrollable()):(this.setAccordionScrollable(!1),this.setBarScrollable())}setBarScrollable(e){let i=this.container;i&&y(i,void 0,e)}setAccordionScrollable(e){if(!this.accordion)return;let i=!1,t=this.accordion.container;t&&y(t,void 0,e)&&(i=!0),this.container?.classList[i?"add":"remove"]("has-section-scrollbars")}setTooltipTarget(e){if(["IDS-MODULE-NAV-BUTTON","IDS-MODULE-NAV-ITEM","IDS-MODULE-NAV-SETTINGS"].includes(e.tagName)){let t=e.getAttribute("id"),o=e.textContent?.trim()||"";this.tooltipEl&&(this.tooltipEl.setAttribute(d.TARGET,`#${t}`),this.tooltipEl.popup?.setAttribute(d.ARROW_TARGET,`#${t}`),this.tooltipEl.innerHTML=`<span class="ids-module-nav-tooltip-text">${o}</span>`)}}setOutsideClick(){this.displayMode==="expanded"?this.establishOutsideClick():this.removeOutsideClick()}async establishOutsideClick(){await C(10),this.onOutsideClick=e=>{this.contains(e.target)||this.parent.handleOutsideClick()}}removeOutsideClick(){this.onOutsideClick=()=>{}}};p=new WeakSet,z=function(){[...this.querySelectorAll("ids-accordion")].forEach(o=>{o.colorVariant="module-nav"});let i=this.settingsEl;i&&(i.colorVariant="module-nav"),[...this.querySelectorAll("ids-button")].forEach(o=>{o.colorVariant="alternate"})},h=new WeakSet,P=function(){a(this,m,w).call(this),this.onEvent("show.module-nav-show",this,e=>{e.target.tagName==="IDS-MODULE-NAV-BAR"&&this.parent&&(this.parent?.classList.add(E),this.displayMode||(this.displayMode="collapsed"))}),this.onEvent("hide.module-nav-hide",this,e=>{e.target.tagName==="IDS-MODULE-NAV-BAR"&&this.parent&&(this.parent?.classList.remove(E),this.displayMode&&(this.displayMode=!1))}),this.onEvent("beforeexpanded.accordion",this,e=>{let i=this.displayMode==="expanded";return e.detail.response(i)}),this.onEvent("cleared.search",this.searchFieldEl,()=>{this.accordion?.collapseAll()}),this.onEvent("mouseover.tooltip",this,e=>{this.setTooltipTarget(e.target)}),this.onEvent("beforeshow.tooltip",this.tooltipEl,e=>{let i=!0;if(this.displayMode||(i=!1),this.displayMode==="expanded"){let t=this.tooltipEl?.popup?.alignTarget;!t||t.tagName==="IDS-MODULE-NAV-BUTTON"?i=!1:i=F(t.textNode)}e.detail.response(i)})},m=new WeakSet,w=function(){this.offEvent("show.module-nav-show"),this.offEvent("hide.module-nav-hide"),this.offEvent("beforeexpanded.accordion"),this.offEvent("cleared.search"),this.offEvent("mouseover.tooltip"),this.offEvent("beforeshow.tooltip")},u=new WeakSet,B=function(){this.parent?.classList.remove(E)},v=new WeakSet,V=function(){let e=this.searchFieldEl;e&&(e.colorVariant="module-nav",e.onSearch=i=>{if(i!==""){let t=this.filterAccordion(i);return t.length||this.renderNoFilterResults(),t}return this.clearFilterAccordion(),[]},this.offEvent("cleared.search"),this.onEvent("cleared.search",e,()=>this.clearFilterAccordion()))},b=new WeakSet,q=function(){let e=this.accordion;e&&(e.colorVariant="module-nav",this.accordionPaneSetting=e.allowOnePane)},f=new WeakSet,H=function(){let e=this.tooltipEl,i=this.localeAPI;e||this.insertAdjacentHTML("beforeend",`<ids-tooltip
         id="module-nav-tooltip"
-        placement="${i.isRTL()?"left":"right"}"></ids-tooltip>`)}onOutsideClick(){window.innerWidth<840&&this.hide()}onDisplayModeChange(e,i){this.searchFieldEl?.clear(),this.visible=i!==!1,this.content&&(this.content.displayMode=this.displayMode),this.switcherEl&&(this.switcherEl.displayMode=this.displayMode),this.accordion&&(i!=="expanded"&&this.accordion.collapseAll(),this.items?.forEach(t=>{t.textNode&&(t.displayMode=this.displayMode)})),this.settingsEl&&(this.settingsEl.displayMode=this.displayMode),this.setScrollable(),this.setResize()}onTextDisplayChange(e){this.accordion&&(this.accordion.headers.forEach(i=>{i.textDisplay=e}),this.settingsEl&&(this.settingsEl.textDisplay=e))}filterAccordion=(e="")=>{if(!this.accordion)return[];let i=[...this.accordion.querySelectorAll("ids-accordion-panel")];if(!i.length)return[];this.clearFilterAccordion(),this.accordionPaneSetting=!!this.accordion.allowOnePane,this.accordion.allowOnePane=!1;let t=new RegExp(e,"gi"),d=a=>{if(a.hasParentPanel){let s=a.parentElement,m=s.header;s.expanded||(s.expanded=!0),m.childFilterMatch=!0,d(s)}};return i.filter(a=>{let s=a.header;if(s.textContent.trim().match(t))return s.hiddenByFilter&&(s.hiddenByFilter=!1),d(a),this.isFiltered=!0,s;s.hiddenByFilter||(s.hiddenByFilter=!0)})};get emptyIconContainerEl(){return this.container?.querySelector(".ids-module-nav-search-no-results")}renderNoFilterResults(){this.emptyIconContainerEl?.classList.add("visible"),this.mainEl?.setAttribute(o.HIDDEN,"")}clearFilterAccordion(){[...this.accordion?.querySelectorAll("[hidden-by-filter]")??[]].map(d=>(d.hiddenByFilter=!1,d)),this.emptyIconContainerEl?.classList.remove("visible"),this.mainEl?.removeAttribute(o.HIDDEN),this.#n(),this.isFiltered=!1,this.accordion&&(this.accordion.allowOnePane=this.accordionPaneSetting)}#n(){[...this.accordion?.querySelectorAll("[child-filter-match]")??[]].map(i=>(i.childFilterMatch=!1,i))}addOpenEvents(){super.addOpenEvents(),this.globalKeydownListener=e=>{e.key==="Escape"&&(e.stopImmediatePropagation(),this.hide())},document.addEventListener("keydown",this.globalKeydownListener)}removeOpenEvents(){super.removeOpenEvents(),this.globalKeydownListener&&document.removeEventListener("keydown",this.globalKeydownListener)}setResize(){typeof ResizeObserver>"u"||(this.ro?.disconnect(),this.ro||(this.ro=new ResizeObserver(()=>{this.setScrollable()})),this.pinned?this.accordion&&this.ro.observe(this.accordion):this.ro.observe(this))}setScrollable(){this.pinned?(this.setBarScrollable(!1),this.setAccordionScrollable()):(this.setAccordionScrollable(!1),this.setBarScrollable())}setBarScrollable(e){let i=this.container;i&&r(i,void 0,e)}setAccordionScrollable(e){if(!this.accordion)return;let i=!1,t=this.accordion.container;t&&r(t,void 0,e)&&(i=!0),this.container?.classList[i?"add":"remove"]("has-section-scrollbars")}setTooltipTarget(e){if(["IDS-MODULE-NAV-BUTTON","IDS-MODULE-NAV-ITEM","IDS-MODULE-NAV-SETTINGS"].includes(e.tagName)){let t=e.getAttribute("id"),d=e.textContent?.trim()||"";this.tooltipEl&&(this.tooltipEl.setAttribute(o.TARGET,`#${t}`),this.tooltipEl.popup?.setAttribute(o.ARROW_TARGET,`#${t}`),this.tooltipEl.innerHTML=`<span class="ids-module-nav-tooltip-text">${d}</span>`)}}onLanguageChange=e=>{let i=e?.isRTL();this.tooltipEl?.setAttribute(o.PLACEMENT,i?"left":"right"),this.tooltipEl?.popup?.setAttribute(o.ALIGN,i?"left":"right")}};n=p([h("ids-module-nav-bar"),u(E)],n);export{n as a};
+        placement="${i.isRTL()?"left":"right"}"></ids-tooltip>`)},g=new WeakSet,U=function(){[...this.accordion?.querySelectorAll("[child-filter-match]")??[]].map(i=>(i.childFilterMatch=!1,i))},c=M([N("ids-module-nav-bar"),A(R)],c);export{c as a};