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

package/chunks/ids-chunk-3RGYQNM3.js

@@ -0,0 +1,113 @@
+import{a as C}from"./ids-chunk-PHQEFZRD.js";import{a as A}from"./ids-chunk-T6ZV4PDM.js";import{a as E}from"./ids-chunk-CT5U7IVV.js";import{a as k,b as x}from"./ids-chunk-XE4WFW5M.js";import{a as I}from"./ids-chunk-4WDX2CDM.js";import{e as a}from"./ids-chunk-VEAPPKDG.js";import{a as o}from"./ids-chunk-NSM2KAOK.js";import{a as L,d as e,g as s}from"./ids-chunk-Y32WUP63.js";var S=`/* Ids Tag Component */
+.ids-tag {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background-color: var(--ids-tag-color-background-default);
+  border: 1px solid var(--ids-tag-color-border);
+  border-radius: var(--ids-tag-border-radius);
+  font-family: var(--ids-font-family-default);
+  font-size: var(--ids-tag-font-size-default);
+  color: var(--ids-tag-color-text-default);
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-inline-end: var(--ids-space-30);
+  padding-inline: var(--ids-space-40);
+  height: var(--ids-tag-height);
+  contain: content;
+}
+.ids-tag.secondary {
+  background-color: var(--ids-tag-secondary-color-background);
+  border-color: var(--ids-tag-secondary-color-border);
+}
+.ids-tag.info {
+  background-color: var(--ids-color-info-default);
+  border-color: var(--ids-color-info-default);
+  color: var(--ids-color-text-on-info);
+}
+.ids-tag.success {
+  background-color: var(--ids-color-success-default);
+  border-color: var(--ids-color-success-default);
+  color: var(--ids-color-text-on-success);
+}
+.ids-tag.warning {
+  background-color: var(--ids-color-warning-default);
+  border-color: var(--ids-color-warning-default);
+  color: var(--ids-color-text-on-warning);
+}
+.ids-tag.caution {
+  background-color: var(--ids-color-caution-default);
+  border-color: var(--ids-color-caution-default);
+  color: var(--ids-color-text-on-caution);
+}
+.ids-tag.error {
+  background-color: var(--ids-color-error-default);
+  border-color: var(--ids-color-error-default);
+  color: var(--ids-color-text-on-error);
+}
+.ids-tag.focusable {
+  cursor: var(--ids-cursor-pointer);
+}
+.ids-tag.focusable:focus {
+  cursor: var(--ids-cursor-pointer);
+  border-color: var(--ids-color-border-focus);
+  outline: var(--ids-outline-none);
+  box-shadow: var(--ids-shadow-focus);
+}
+
+:host-context(ids-data-grid-cell) .ids-tag {
+  display: inline;
+  margin-bottom: var(--ids-space-none);
+}
+
+:host([dismissible]) .ids-tag {
+  cursor: var(--ids-cursor-default);
+}
+
+:host([disabled]) ::slotted(ids-icon) {
+  cursor: var(--ids-cursor-default);
+  color: var(--ids-tag-color-text-disabled);
+}
+:host([disabled]) .ids-tag {
+  background-color: var(--ids-input-color-background-readonly);
+  border-color: var(--ids-input-color-background-readonly);
+  color: var(--ids-tag-color-text-disabled);
+}
+:host([disabled]) .ids-tag.secondary {
+  background-color: var(--ids-input-color-background-default);
+  border-color: var(--ids-color-text-disabled);
+  color: var(--ids-tag-secondary-color-text-disabled);
+}
+:host([disabled]) .ids-tag.secondary ::slotted(ids-icon) {
+  color: var(--ids-tag-secondary-color-text-disabled);
+}
+
+::slotted(ids-icon) {
+  cursor: var(--ids-cursor-pointer);
+  align-self: center;
+  display: inline-flex;
+  padding-inline-start: var(--ids-space-30);
+  padding-top: var(--ids-space-10);
+  color: var(--ids-input-color-text);
+}
+
+::slotted(ids-icon:hover) {
+  color: var(--ids-tag-color-icon-hover);
+}
+
+:host(.multiselect-tag) .ids-tag {
+  background-color: var(--ids-input-color-background-default);
+  border-color: var(--ids-input-color-border-default);
+  margin-bottom: var(--ids-space-30);
+}
+
+:host([disabled].multiselect-tag) .ids-tag {
+  background-color: var(--ids-input-color-background-default);
+  border-color: var(--ids-color-text-disabled);
+  color: var(--ids-color-text-disabled);
+  pointer-events: none;
+}
+:host([disabled].multiselect-tag) ::slotted(ids-icon) {
+  color: var(--ids-color-text-disabled);
+}`;var B=C(A(E(I))),b,m,c,g,d,f,u,p,h,y,l,v,n=class extends B{constructor(){super();e(this,b);e(this,c);e(this,d);e(this,u);e(this,h);e(this,l)}connectedCallback(){super.connectedCallback(),s(this,h,y).call(this),s(this,l,v).call(this),s(this,b,m).call(this,this.color||"")}static get attributes(){return[...super.attributes,o.COLOR,o.CLICKABLE,o.DISMISSIBLE,o.DISABLED]}template(){return'<span class="ids-tag" part="tag"><slot></slot></span>'}set color(t){t?this.setAttribute(o.COLOR,t):this.removeAttribute(o.COLOR),s(this,b,m).call(this,t||""),s(this,u,p).call(this)}get color(){return this.getAttribute(o.COLOR)}set dismissible(t){a(t)?this.setAttribute(o.DISMISSIBLE,t.toString()):this.removeAttribute(o.DISMISSIBLE),s(this,u,p).call(this)}get dismissible(){return a(this.getAttribute(o.DISMISSIBLE))}set disabled(t){a(t)?this.setAttribute(o.DISABLED,""):this.removeAttribute(o.DISABLED)}get disabled(){return this.hasAttribute("disabled")}set clickable(t){let i=a(t);i?this.setAttribute(o.CLICKABLE,t.toString()):this.removeAttribute(o.CLICKABLE);let r=this.container||this;r&&(i?(s(this,c,g).call(this,"caret-right"),r.classList.add(o.FOCUSABLE),r.setAttribute(o.TABINDEX,"0"),s(this,l,v).call(this)):(s(this,d,f).call(this,"caret-right"),r.removeAttribute(o.TABINDEX),r.classList.remove(o.FOCUSABLE)))}get clickable(){return a(this.getAttribute(o.CLICKABLE))}dismiss(){if(!this.dismissible)return;let t=!0,i=r=>{t=!!r};this.triggerEvent("beforetagremove",this,{bubbles:!0,detail:{elem:this,response:i}}),t&&(this.triggerEvent("tagremove",this,{bubbles:!0,detail:{elem:this}}),this.remove(),this.triggerEvent("aftertagremove",this,{detail:{elem:this}}))}};b=new WeakSet,m=function(t){this.container&&(this.container?.classList.remove("secondary","info","success","warning","error"),this.container.style.backgroundColor="",this.container.style.borderColor="",this.container.style.color="",t&&(t.substring(0,1)==="#"?(this.container.style.backgroundColor=t,this.container.style.borderColor=t):(this.container.classList.add(t),t!=="secondary"&&t!=="caution"&&this.container.classList.add("ids-white"))))},c=new WeakSet,g=function(t){this.querySelector(`[icon="${t}"]`)||(this.insertAdjacentHTML("beforeend",`<ids-icon part="icon" icon="${t}" size="xsmall" class="ids-icon"></ids-icon>`),s(this,h,y).call(this))},d=new WeakSet,f=function(t){let i=this.querySelector(`[icon="${t}"]`);i&&i.remove()},u=new WeakSet,p=function(){this.container&&(this.dismissible?(this.container.classList.add(o.FOCUSABLE),s(this,c,g).call(this,"close"),s(this,l,v).call(this)):(s(this,d,f).call(this,"close"),this.container.classList.remove(o.FOCUSABLE)))},h=new WeakSet,y=function(){let t=this.querySelector('ids-icon[icon="close"]');t&&(this.offEvent("click",t),this.onEvent("click",t,()=>{this.disabled||this.dismiss()}));let i=!1;return this.offEvent("slotchange",this.shadowRoot?.querySelector("slot")),this.onEvent("slotchange",this.shadowRoot?.querySelector("slot"),()=>{this.dismissible&&!i&&this.lastElementChild?.nodeName!=="IDS-ICON"&&(i=!0,s(this,d,f).call(this,"close"),s(this,c,g).call(this,"close"),i=!1)}),this},l=new WeakSet,v=function(){return this.dismissible&&this.listen(["Delete","Backspace"],this,()=>{this.dismiss()}),this.clickable&&this.listen("Enter",this,()=>{this.click()}),this},n=L([k("ids-tag"),x(S)],n);export{n as a};

package/chunks/{ids-chunk-EDO5C4XS.js → ids-chunk-3RKO3VRR.js}

@@ -1,5 +1,4 @@
-import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQMNLD.js";import{a as c}from"./ids-chunk-MXFCUDLP.js";import{a,b as d}from"./ids-chunk-XE4WFW5M.js";import{e as i}from"./ids-chunk-TJKIW3GF.js";import{a as o}from"./ids-chunk-6EMRTLSG.js";import{a as n}from"./ids-chunk-5K6IDMGA.js";var m=`
-/* Ids Modal Component */
+import{a as f}from"./ids-chunk-URD6L7HI.js";import{a as v}from"./ids-chunk-4VR55SRS.js";import{a as x}from"./ids-chunk-PHQEFZRD.js";import{a as b,b as g}from"./ids-chunk-XE4WFW5M.js";import{e as l}from"./ids-chunk-VEAPPKDG.js";import{a as o}from"./ids-chunk-NSM2KAOK.js";import{a as u,d as h,g as s}from"./ids-chunk-Y32WUP63.js";var y=`/* Ids Modal Component */
 :host {
   display: block;
   position: fixed;
@@ -20,6 +19,15 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
 .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);
@@ -30,9 +38,6 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
   flex-grow: 1;
   flex-shrink: 1;
 }
-.ids-modal-content.has-scrollbar {
-  overflow: auto;
-}
 
 .ids-modal-header + .ids-modal-content {
   padding-block-start: 0;
@@ -65,6 +70,16 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
   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);
 }
@@ -99,6 +114,15 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
 .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);
@@ -109,9 +133,6 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
   flex-grow: 1;
   flex-shrink: 1;
 }
-.ids-modal-content.has-scrollbar {
-  overflow: auto;
-}
 
 .ids-modal-header + .ids-modal-content {
   padding-block-start: 0;
@@ -144,6 +165,16 @@ import{a as l}from"./ids-chunk-XFLU3ETC.js";import{a as p}from"./ids-chunk-SZUQM
   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);
 }
@@ -242,7 +273,7 @@ div.ids-modal {
   .ids-about .ids-modal-content {
     max-height: 400px;
   }
-}`;var u=c(p),r=class extends u{constructor(){super()}static get attributes(){return[...super.attributes,o.COPYRIGHT_YEAR,o.DEVICE_SPECS,o.PRODUCT_NAME,o.PRODUCT_VERSION,o.USE_DEFAULT_COPYRIGHT]}connectedCallback(){super.connectedCallback()}template(){return`<ids-popup part="modal" class="ids-modal ids-about" type="modal" position-style="viewport">
+}`;var A=x(v),n,m,r,p,i,a,c=class extends A{constructor(){super();h(this,n);h(this,r);h(this,i)}static get attributes(){return[...super.attributes,o.COPYRIGHT_YEAR,o.DEVICE_SPECS,o.PRODUCT_NAME,o.PRODUCT_VERSION,o.USE_DEFAULT_COPYRIGHT]}connectedCallback(){super.connectedCallback(),this.showCloseButton=l(this.getAttribute(o.SHOW_CLOSE_BUTTON))}template(){return`<ids-popup part="modal" class="ids-modal ids-about" type="modal" position-style="viewport">
       <div class="ids-modal-container" slot="content">
         <div class="ids-modal-header">
           <slot name="icon"></slot>
@@ -258,10 +289,7 @@ div.ids-modal {
           </div>
         </div>
       </div>
-    </ids-popup>`}attachEventHandlers(){return super.attachEventHandlers(),this.#e(),this.#s(),this.#o(),this.#t(),this.onLanguageChange=()=>{this.#o(),this.#t()},this.onLocaleChange=()=>{this.#o(),this.#t()},this}#s(){let t=`<ids-modal-button cancel slot="buttons" appearance="tertiary" css-class="ids-icon-button ids-modal-icon-button">
-      <span class="audible">Close modal</span>
-      <ids-icon icon="close"></ids-icon>
-    </ids-modal-button>`;this.insertAdjacentHTML("beforeend",t)}get ariaLabelContent(){return`${this.querySelector('[slot="appName"')?.innerText||""} ${this.productName||""} ${this.productVersion||""}`}get productName(){return this.getAttribute(o.PRODUCT_NAME)}set productName(t){this.setAttribute(o.PRODUCT_NAME,String(t)),this.#e()}get productVersion(){return this.getAttribute(o.PRODUCT_VERSION)}set productVersion(t){this.setAttribute(o.PRODUCT_VERSION,String(t)),this.#e()}#e(){let t=this.querySelectorAll('[slot="product"]'),e=`<ids-text slot="product" type="p">${this.productName?`${this.productName} `:""}${this.productVersion||""}</ids-text>`;t.forEach(s=>s.remove()),(this.productName||this.productVersion)&&this.insertAdjacentHTML("beforeend",e)}get deviceSpecs(){let t=this.getAttribute(o.DEVICE_SPECS);return t?i(t):!0}set deviceSpecs(t){let e=i(t);this.setAttribute(o.DEVICE_SPECS,String(e)),this.#o()}#o(){if(this.querySelectorAll('[slot="device"]').forEach(e=>e.remove()),this.deviceSpecs){let e=l(),s=`<ids-text slot="device" type="p">
+    </ids-popup>`}attachEventHandlers(){return super.attachEventHandlers(),s(this,n,m).call(this),s(this,r,p).call(this),s(this,i,a).call(this),this.onLanguageChange=()=>{s(this,r,p).call(this),s(this,i,a).call(this)},this.onLocaleChange=()=>{s(this,r,p).call(this),s(this,i,a).call(this)},this}get ariaLabelContent(){return`${this.querySelector('[slot="appName"')?.innerText||""} ${this.productName||""} ${this.productVersion||""}`}get productName(){return this.getAttribute(o.PRODUCT_NAME)}set productName(t){this.setAttribute(o.PRODUCT_NAME,String(t)),s(this,n,m).call(this)}get productVersion(){return this.getAttribute(o.PRODUCT_VERSION)}set productVersion(t){this.setAttribute(o.PRODUCT_VERSION,String(t)),s(this,n,m).call(this)}get deviceSpecs(){let t=this.getAttribute(o.DEVICE_SPECS);return t?l(t):!0}set deviceSpecs(t){let e=l(t);this.setAttribute(o.DEVICE_SPECS,String(e)),s(this,r,p).call(this)}get copyrightYear(){return this.getAttribute(o.COPYRIGHT_YEAR)||new Date().getFullYear().toString()}set copyrightYear(t){this.setAttribute(o.COPYRIGHT_YEAR,String(t)),s(this,i,a).call(this)}get useDefaultCopyright(){let t=this.getAttribute(o.USE_DEFAULT_COPYRIGHT);return t?l(t):!0}set useDefaultCopyright(t){let e=l(t);this.setAttribute(o.USE_DEFAULT_COPYRIGHT,String(e)),s(this,i,a).call(this)}};n=new WeakSet,m=function(){let t=this.querySelectorAll('[slot="product"]'),e=`<ids-text slot="product" type="p">${this.productName?`${this.productName} `:""}${this.productVersion||""}</ids-text>`;t.forEach(d=>d.remove()),(this.productName||this.productVersion)&&this.insertAdjacentHTML("beforeend",e)},r=new WeakSet,p=function(){if(this.querySelectorAll('[slot="device"]').forEach(e=>e.remove()),this.deviceSpecs){let e=f(),d=`<ids-text slot="device" type="p">
         <span>${this.localeAPI?.translate("Platform")} : ${e.platform}</span><br/>
         <span>${this.localeAPI?.translate("Mobile")} : ${e.isMobile}</span><br/>
         <span>${this.localeAPI?.translate("Browser")} : ${e.browser} (${e.browserVersion})</span><br/>
@@ -269,4 +297,4 @@ div.ids-modal {
         <span>${this.localeAPI?.translate("Language")} : ${this.localeAPI?.language.name||"en"}</span><br/>
         <span>${this.localeAPI?.translate("BrowserLanguage")} : ${e.browserLanguage}</span><br/>
         <span>${this.localeAPI?.translate("Version")} : ${e.idsVersion}</span>
-      </ids-text>`;this.insertAdjacentHTML("beforeend",s)}}get copyrightYear(){return this.getAttribute(o.COPYRIGHT_YEAR)||new Date().getFullYear().toString()}set copyrightYear(t){this.setAttribute(o.COPYRIGHT_YEAR,String(t)),this.#t()}get useDefaultCopyright(){let t=this.getAttribute(o.USE_DEFAULT_COPYRIGHT);return t?i(t):!0}set useDefaultCopyright(t){let e=i(t);this.setAttribute(o.USE_DEFAULT_COPYRIGHT,String(e)),this.#t()}#t(){let t=this.querySelectorAll('[slot="copyright"]'),s=`<ids-text slot="copyright" type="p">${this.localeAPI?.translate("AboutText").replace("{0}",this.copyrightYear)} <ids-hyperlink target="_blank" text-decoration="underline" href="https://www.infor.com">www.infor.com</ids-hyperlink>.</ids-text>`;t.forEach(h=>h.remove()),this.useDefaultCopyright&&this.insertAdjacentHTML("beforeend",s)}};r=n([a("ids-about"),d(m)],r);export{r as a};
+      </ids-text>`;this.insertAdjacentHTML("beforeend",d)}},i=new WeakSet,a=function(){let t=this.querySelectorAll('[slot="copyright"]'),d=`<ids-text slot="copyright" type="p">${this.localeAPI?.translate("AboutText").replace("{0}",this.copyrightYear)} <ids-hyperlink target="_blank" text-decoration="underline" href="https://www.infor.com">www.infor.com</ids-hyperlink>.</ids-text>`;t.forEach(w=>w.remove()),this.useDefaultCopyright&&this.insertAdjacentHTML("beforeend",d)},c=u([b("ids-about"),g(y)],c);export{c as a};

package/chunks/{ids-chunk-RQKQHQQV.js → ids-chunk-3UDY3VBL.js}

@@ -1,5 +1,4 @@
-import{a as n}from"./ids-chunk-MXFCUDLP.js";import{a as u}from"./ids-chunk-B6P5AQ2Z.js";import{a as l,b as c}from"./ids-chunk-XE4WFW5M.js";import{a as b}from"./ids-chunk-DCNGT4R2.js";import{e as i}from"./ids-chunk-TJKIW3GF.js";import{a as r}from"./ids-chunk-6EMRTLSG.js";import{a as s}from"./ids-chunk-5K6IDMGA.js";var p=`
-/**
+import{a as y}from"./ids-chunk-PHQEFZRD.js";import{a as x}from"./ids-chunk-CT5U7IVV.js";import{a as v,b as g}from"./ids-chunk-XE4WFW5M.js";import{a as A}from"./ids-chunk-4WDX2CDM.js";import{e}from"./ids-chunk-VEAPPKDG.js";import{a as r}from"./ids-chunk-NSM2KAOK.js";import{a as h,d as a,g as s}from"./ids-chunk-Y32WUP63.js";var E=`/**
  * Radio Mixins.
  */
 .ids-radio {
@@ -212,12 +211,12 @@ import{a as n}from"./ids-chunk-MXFCUDLP.js";import{a as u}from"./ids-chunk-B6P5A
 :host([dir=rtl]) label.required .label-text::after {
   right: initial;
   left: -13px;
-}`;var g=n(u(b)),d=class extends g{input;labelEl;rootEl;constructor(){super()}static get attributes(){return[r.CHECKED,r.COLOR,r.DISABLED,r.GROUP_DISABLED,r.HORIZONTAL,r.LABEL,r.LANGUAGE,r.VALIDATION_HAS_ERROR,r.VALUE]}connectedCallback(){super.connectedCallback(),this.input=this.shadowRoot?.querySelector('input[type="radio"]'),this.labelEl=this.shadowRoot?.querySelector("label"),this.rootEl=this.shadowRoot?.querySelector(".ids-radio"),this.checked&&!this.input?.getAttribute(r.CHECKED)&&(this.checked=!0),this.#i()}template(){let o=i(this.groupDisabled)||i(this.disabled),t=o?" disabled":"",e=o?' aria-disabled="true"':"",h=this.color?` color="${this.color}"`:"",v=i(this.horizontal)?" horizontal":"",a=i(this.checked)?" checked":"";return`
-      <div${` class="ids-radio${t}${v}"`}${h}>
+}`;var R=y(x(A)),c,k,n,m,u,L,b,f,l=class extends R{constructor(){super(...arguments);a(this,c);a(this,n);a(this,u);a(this,b)}static get attributes(){return[...super.attributes,r.CHECKED,r.COLOR,r.DISABLED,r.GROUP_DISABLED,r.HORIZONTAL,r.LABEL,r.LANGUAGE,r.VALIDATION_HAS_ERROR,r.VALUE]}get input(){return this.shadowRoot?.querySelector('input[type="radio"]')??null}get labelEl(){return this.shadowRoot?.querySelector("label")??null}get rootEl(){return this.shadowRoot?.querySelector(".ids-radio")??null}connectedCallback(){super.connectedCallback(),this.checked&&!this.input?.getAttribute(r.CHECKED)&&(this.checked=!0),s(this,b,f).call(this)}template(){let o=e(this.groupDisabled)||e(this.disabled),t=o?" disabled":"",i=o?' aria-disabled="true"':"",d=this.color?` color="${this.color}"`:"",D=e(this.horizontal)?" horizontal":"",p=e(this.checked)?" checked":"",S=` class="ids-radio${t}${D}"`,I=' class="radio-button"',O=` value="${this.value??""}"`;return`
+      <div${S}${d}>
         <label>
-          <input type="radio" part="radio" tabindex="-1" class="radio-button"${t}${a}>
-          <span class="circle${a}" part="circle"></span>
-          <ids-text class="label-text"${e} part="label">${this.label}</ids-text>
+          <input type="radio" part="radio" tabindex="-1"${I}${O}${t}${p}>
+          <span class="circle${p}" part="circle"></span>
+          <ids-text class="label-text"${i} part="label">${this.label}</ids-text>
         </label>
       </div>
-    `}#r(){this.onEvent("change",this.input,()=>{this.checked=!!this.input?.checked})}#o(){this.onEvent("click",this.labelEl,()=>{this.input?.focus()})}#t(){["change","focus","keydown","keypress","keyup","click","dbclick"].forEach(t=>{this.onEvent(t,this.input,e=>{this.triggerEvent(e.type,this,{detail:{elem:this,nativeEvent:e,value:this.value,checked:!!this.input?.checked}})})})}#i(){this.#o(),this.#r(),this.#t()}set checked(o){let t=this.shadowRoot?.querySelector(".circle"),e=i(o);e?this.setAttribute(r.CHECKED,e.toString()):this.removeAttribute(r.CHECKED),this.input&&this.rootEl&&t&&(e?(i(this.disabled)||i(this.groupDisabled)||this.rootEl.setAttribute("tabindex","0"),t.classList.add(r.CHECKED),this.input.checked=!0):(this.rootEl.setAttribute("tabindex","-1"),this.input.checked=!1,t.classList.remove(r.CHECKED)))}get checked(){return i(this.getAttribute(r.CHECKED))}set color(o){o?(this.setAttribute(r.COLOR,o.toString()),this.rootEl?.setAttribute(r.COLOR,o.toString())):(this.removeAttribute(r.COLOR),this.rootEl?.removeAttribute(r.COLOR))}get color(){return this.getAttribute(r.COLOR)}set disabled(o){let t=this.shadowRoot?.querySelector(".label-text"),e=i(o);e?(this.setAttribute(r.DISABLED,e.toString()),this.input?.setAttribute(r.DISABLED,e.toString()),this.rootEl?.classList.add(r.DISABLED),this.rootEl?.setAttribute("tabindex","-1"),t?.setAttribute("aria-disabled","true"),t?.setAttribute(r.DISABLED,"true")):(this.removeAttribute(r.DISABLED),this.input?.removeAttribute(r.DISABLED),t?.removeAttribute("aria-disabled"),t?.removeAttribute(r.DISABLED),this.rootEl?.classList.remove(r.DISABLED))}get disabled(){return i(this.getAttribute(r.DISABLED))}set groupDisabled(o){let t=this.shadowRoot?.querySelector(".label-text"),e=i(o);e?(this.setAttribute(r.GROUP_DISABLED,e.toString()),this.input?.setAttribute(r.DISABLED,e.toString()),this.rootEl?.classList.add(r.DISABLED),this.rootEl?.setAttribute("tabindex","-1"),t?.setAttribute(r.DISABLED,"true")):(this.removeAttribute(r.GROUP_DISABLED),this.input?.removeAttribute(r.DISABLED),this.rootEl?.classList.remove(r.DISABLED),t?.removeAttribute(r.DISABLED))}get groupDisabled(){return i(this.getAttribute(r.GROUP_DISABLED))}set horizontal(o){let t=i(o);t?(this.setAttribute(r.HORIZONTAL,t.toString()),this.rootEl?.classList.add(r.HORIZONTAL)):(this.removeAttribute(r.HORIZONTAL),this.rootEl?.classList.remove(r.HORIZONTAL))}get horizontal(){return i(this.getAttribute(r.HORIZONTAL))}set label(o){let t=this.labelEl?.querySelector(".label-text");o?this.setAttribute(r.LABEL,o):this.removeAttribute(r.LABEL),t&&(t.innerHTML=o||"")}get label(){return this.getAttribute(r.LABEL)||""}set validationHasError(o){let t=i(o);t?(this.setAttribute(r.VALIDATION_HAS_ERROR,t.toString()),this.input?.classList.add("error")):(this.removeAttribute(r.VALIDATION_HAS_ERROR),this.input?.classList.remove("error"))}get validationHasError(){return i(this.getAttribute(r.VALIDATION_HAS_ERROR))}set value(o){o?this.setAttribute(r.VALUE,o):this.removeAttribute(r.VALUE),this.input?.setAttribute(r.VALUE,o||"")}get value(){return this.getAttribute(r.VALUE)}focus(){this.input?.focus()}};d=s([l("ids-radio"),c(p)],d);export{d as a};
+    `}set checked(o){let t=this.shadowRoot?.querySelector(".circle"),i=e(o);i?this.setAttribute(r.CHECKED,i.toString()):this.removeAttribute(r.CHECKED),this.input&&this.rootEl&&t&&(i?(e(this.disabled)||e(this.groupDisabled)||this.rootEl.setAttribute("tabindex","0"),t.classList.add(r.CHECKED),this.input.checked=!0):(this.rootEl.setAttribute("tabindex","-1"),this.input.checked=!1,t.classList.remove(r.CHECKED)))}get checked(){return e(this.getAttribute(r.CHECKED))}set color(o){o?(this.setAttribute(r.COLOR,o.toString()),this.rootEl?.setAttribute(r.COLOR,o.toString())):(this.removeAttribute(r.COLOR),this.rootEl?.removeAttribute(r.COLOR))}get color(){return this.getAttribute(r.COLOR)}set disabled(o){let t=e(o),i=this.shadowRoot?.querySelector(".label-text"),d=this.rootEl;t?(this.setAttribute(r.DISABLED,t.toString()),this.input?.setAttribute(r.DISABLED,t.toString()),d?.classList.add(r.DISABLED),d?.setAttribute("tabindex","-1"),i?.setAttribute("aria-disabled","true"),i?.setAttribute(r.DISABLED,"true")):(this.removeAttribute(r.DISABLED),this.input?.removeAttribute(r.DISABLED),i?.removeAttribute("aria-disabled"),i?.removeAttribute(r.DISABLED),d?.classList.remove(r.DISABLED))}get disabled(){return e(this.getAttribute(r.DISABLED))}set groupDisabled(o){let t=this.shadowRoot?.querySelector(".label-text"),i=e(o);i?(this.setAttribute(r.GROUP_DISABLED,i.toString()),this.input?.setAttribute(r.DISABLED,i.toString()),this.rootEl?.classList.add(r.DISABLED),this.rootEl?.setAttribute("tabindex","-1"),t?.setAttribute(r.DISABLED,"true")):(this.removeAttribute(r.GROUP_DISABLED),this.input?.removeAttribute(r.DISABLED),this.rootEl?.classList.remove(r.DISABLED),t?.removeAttribute(r.DISABLED))}get groupDisabled(){return e(this.getAttribute(r.GROUP_DISABLED))}set horizontal(o){let t=e(o);t?(this.setAttribute(r.HORIZONTAL,t.toString()),this.rootEl?.classList.add(r.HORIZONTAL)):(this.removeAttribute(r.HORIZONTAL),this.rootEl?.classList.remove(r.HORIZONTAL))}get horizontal(){return e(this.getAttribute(r.HORIZONTAL))}set label(o){let t=this.labelEl?.querySelector(".label-text");o?this.setAttribute(r.LABEL,o):this.removeAttribute(r.LABEL),t&&(t.innerHTML=o||"")}get label(){return this.getAttribute(r.LABEL)||""}set validationHasError(o){let t=e(o);t?(this.setAttribute(r.VALIDATION_HAS_ERROR,t.toString()),this.input?.classList.add("error")):(this.removeAttribute(r.VALIDATION_HAS_ERROR),this.input?.classList.remove("error"))}get validationHasError(){return e(this.getAttribute(r.VALIDATION_HAS_ERROR))}set value(o){o?this.setAttribute(r.VALUE,o):this.removeAttribute(r.VALUE),this.input?.setAttribute(r.VALUE,o||"")}get value(){return this.getAttribute(r.VALUE)}focus(){this.input?.focus()}};c=new WeakSet,k=function(){this.onEvent("change",this.input,()=>{this.checked=!!this.input?.checked})},n=new WeakSet,m=function(){this.onEvent("click",this.labelEl,()=>{this.input?.focus()})},u=new WeakSet,L=function(){["change","focus","keydown","keypress","keyup","click","dbclick"].forEach(t=>{this.onEvent(t,this.input,i=>{this.triggerEvent(i.type,this,{detail:{elem:this,nativeEvent:i,value:this.value,checked:!!this.input?.checked}})})})},b=new WeakSet,f=function(){s(this,n,m).call(this),s(this,c,k).call(this),s(this,u,L).call(this)},l=h([v("ids-radio"),g(E)],l);export{l as a};

package/chunks/ids-chunk-3YLCKF3B.js

@@ -0,0 +1,61 @@
+import{a as y}from"./ids-chunk-T6ZV4PDM.js";import{a as m}from"./ids-chunk-CT5U7IVV.js";import{a as A,b}from"./ids-chunk-XE4WFW5M.js";import{a as p}from"./ids-chunk-4WDX2CDM.js";import{e as l}from"./ids-chunk-VEAPPKDG.js";import{a as e}from"./ids-chunk-NSM2KAOK.js";import{a as f,b as v,d as h,g as o}from"./ids-chunk-Y32WUP63.js";var E=`/* Ids Rating Component */
+.rating {
+  align-items: center;
+  display: inline-flex;
+  flex-direction: row;
+}
+.rating span {
+  display: none;
+}
+
+.star {
+  cursor: pointer;
+  margin-inline: var(--ids-rating-star-margin-inline);
+}
+
+.star[icon=star-outlined] {
+  color: var(--ids-rating-star-color-default);
+}
+.star[icon=star-outlined]:hover {
+  color: var(--ids-rating-star-color-hover);
+}
+.star[icon=star-outlined]:focus-visible {
+  outline: none;
+  color: var(--ids-rating-star-color-focus);
+}
+
+.star[icon=star-filled] {
+  color: var(--ids-rating-star-color-selected);
+}
+.star[icon=star-filled]:hover {
+  color: var(--ids-rating-star-color-hover);
+}
+.star[icon=star-filled]:focus-visible {
+  outline: none;
+  color: var(--ids-rating-star-color-focus);
+  color: black;
+}
+
+.star[icon=star-half] {
+  color: var(--ids-rating-star-color-selected);
+}
+.star[icon=star-half]:hover {
+  color: var(--ids-rating-star-color-hover);
+}
+.star[icon=star-half]:focus-visible {
+  outline: none;
+  color: var(--ids-rating-star-color-focus);
+}
+
+:host([readonly]) .star {
+  cursor: default;
+  pointer-events: none;
+}
+
+:host([disabled]) .star {
+  cursor: default;
+  pointer-events: none;
+}
+:host([disabled]) .star[icon] {
+  color: var(--ids-rating-star-disabled-color);
+}`;var S=y(m(p)),d,g,n,u,c=class extends S{constructor(){super();h(this,d);h(this,n);v(this,"ratingArr",[])}connectedCallback(){super.connectedCallback(),this.ratingArr=[...this.container?.children??[]],this.readonly||this.disabled?o(this,n,u).call(this,this.ratingArr):o(this,d,g).call(this),this.getAttribute("value")&&(this.value=this.getAttribute("value")||"0")}template(){let t='<div class="rating">';for(let r=0;r<this.stars;r++)t+=`<ids-icon class="star star-${r}" role="button" aria-label="${r+1} out of 5 Stars" icon="star-outlined" tabindex="0" size="${this.size}"></ids-icon>`;return t+="</div>",t}static get attributes(){return[...super.attributes,e.CLICKABLE,e.COMPACT,e.DISABLED,e.READONLY,e.SIZE,e.STARS,e.VALUE]}set value(t){let r=l(this.readonly);t&&!r&&(this.ratingArr.forEach(i=>{i.setAttribute("icon","star-outlined"),i.classList.remove("is-half"),i.classList.remove("active")}),this.ratingArr.slice(0,parseInt(t)).forEach(i=>{i.setAttribute("icon","star-filled"),i.classList.add("active")}),this.setAttribute("value",t.toString())),t&&(r||this.disabled)&&(this.ratingArr.forEach(a=>{a.setAttribute("icon","star-outlined"),a.classList.remove("active"),a.classList.remove("is-half")}),o(this,n,u).call(this,this.ratingArr))}get value(){return Number(this.getAttribute("value")||"0")}set stars(t){t&&this.setAttribute("stars",t.toString())}get stars(){return this.getAttribute("stars")||5}set disabled(t){l(t)?(this.offEvent("click",this.container),o(this,n,u).call(this,this.ratingArr),this.setAttribute(e.DISABLED,"")):this.removeAttribute(e.DISABLED)}get disabled(){return this.hasAttribute(e.DISABLED)}set readonly(t){l(t)?(this.offEvent("click",this.container),o(this,n,u).call(this,this.ratingArr),this.setAttribute(e.READONLY,"")):(o(this,d,g).call(this),this.removeAttribute(e.READONLY))}get readonly(){return l(this.getAttribute("readonly"))}set size(t){t&&(this.ratingArr.forEach(r=>r.setAttribute("size",t.toString())),this.setAttribute("size",t.toString()))}get size(){return this.getAttribute("size")||"large"}updateStars(t){if(this.disabled)return;let r=this.ratingArr.filter(i=>i.classList.contains("active")),a="star-filled",s="add";for(let i of this.ratingArr)i.classList[s]("active"),i.setAttribute("icon",a),i===t.target&&(s="remove",a="star-outlined"),r.length===1&&t.target.classList.contains("star-0")&&(r[0].classList.remove("active"),r[0].setAttribute("icon","star-outlined"));this.updateValue(this.ratingArr)}updateValue(t){let a=[...t].filter(s=>s.classList.contains("active"));this.setAttribute("value",String(a.length))}};d=new WeakSet,g=function(){this.onEvent("click",this.container,t=>this.updateStars(t)),this.onEvent("keyup",this.container,t=>{(t.key==="Enter"||t.key===" ")&&this.readonly===!1&&this.updateStars(t)})},n=new WeakSet,u=function(t){let r=this.value,a=Math.round(r);for(let s=0;s<a;s++)t[s]?.classList.add("active"),t[s]?.setAttribute("icon","star-filled");if(r<a){let s=t.filter(L=>L.classList.contains("active")),i=s[s.length-1];i?.classList.add("is-half"),i?.setAttribute("icon","star-half")}},c=f([A("ids-rating"),b(E)],c);export{c as a};

package/chunks/{ids-chunk-3W3CIRHM.js → ids-chunk-3ZJ36WWH.js}

@@ -1,5 +1,4 @@
-import{a as c}from"./ids-chunk-TNBG2NDD.js";import{a as s}from"./ids-chunk-R3LDTVPA.js";import{a}from"./ids-chunk-HT6LX5MG.js";import{a as e,b as d}from"./ids-chunk-XE4WFW5M.js";import{a as r}from"./ids-chunk-5K6IDMGA.js";var l=`
-/**
+import{a as m}from"./ids-chunk-JC3UJE3K.js";import{a as b}from"./ids-chunk-CQRUOUCJ.js";import{a as u}from"./ids-chunk-ZWSUJSD3.js";import{a as l,b as c}from"./ids-chunk-XE4WFW5M.js";import{a as d,b as r,d as a,g as s}from"./ids-chunk-Y32WUP63.js";var p=`/**
  * Ids Button Component CSS
  * (Includes standard and icon button rules)
  */
@@ -1246,7 +1245,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 +1278,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 +1320,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 +1367,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 +1409,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 +1438,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.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 {
+  padding-inline-start: 12px;
 }
-.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: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.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 {
@@ -1608,6 +1776,17 @@ ids-separator::part(separator) {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+.ids-module-nav-settings:not(.ids-icon-button) ::slotted(ids-icon) {
+  padding-inline-end: 0;
+}
+.ids-module-nav-settings.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-margin-inline);
+  padding-inline: auto;
+  width: 0;
+}
 .ids-module-nav-settings.color-variant-module-nav.display-mode-collapsed, .ids-module-nav-settings.color-variant-module-nav.display-mode-expanded {
   margin-block-start: 0;
   margin-inline: var(--ids-module-nav-accordion-gutter-size);
@@ -1636,4 +1815,4 @@ ids-separator::part(separator) {
   justify-content: start;
   height: auto;
   width: auto;
-}`;var u=c(s(a)),t=class extends u{constructor(){super()}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[...super.attributes]}get protoClasses(){return["ids-module-nav-settings"]}get textNode(){return this.querySelector("ids-text, span")||null}configureMenu(){super.configureMenu(),!(!this.menuEl||!this.menuEl.popup||!this.displayMode)&&(this.setPopupmenuType(),this.menuEl.popup.arrow="none",this.menuEl.popup.x=8,this.menuEl.popup.y=12,this.displayMode==="collapsed"&&(this.menuEl.popup.align="right, bottom"),this.displayMode==="expanded"&&(this.menuEl.popup.align="top, left"))}resizeMenu(){!this.menuEl||!this.menuEl.popup||(this.menuEl.popup.width="calc(var(--ids-module-nav-settings-menu-min-width)")}setPopupmenuType(){[this.menuEl].concat([...this.menuEl.querySelectorAll("ids-popup-menu")]).forEach(i=>{i.popup&&(i.popup.type="module-nav"),i.items&&i.items.forEach(n=>{n.inheritColor=!0,n.colorVariant="module-nav"})})}onColorVariantRefresh(o){this.menuEl&&(this.menuEl.colorVariant=o)}onDisplayModeChange(){this.#o(),this.configureMenu()}#o(){this.textNode&&(this.textNode.audible=this.displayMode!=="expanded")}onTextDisplayChange(o){console.info(`text display change from header: "${this.textContent?.trim()||""}"`,o),this.textNode&&(this.textNode.audible=o!=="default")}onLanguageChange=o=>{!this.menuEl||!this.menuEl.popup||this.displayMode==="collapsed"&&(this.menuEl.popup.align=o?.isRTL()?"left":"right")}};t=r([e("ids-module-nav-settings"),d(l)],t);export{t as a};
+}`;var g=m(b(u)),n,v,t=class extends g{constructor(){super();a(this,n);r(this,"onLanguageChange",()=>{!this.menuEl||!this.menuEl.popup||this.setPopupmenuCoords()})}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}static get attributes(){return[...super.attributes]}get protoClasses(){return["ids-module-nav-settings"]}get textNode(){return this.querySelector("ids-text, span")||null}configureMenu(){super.configureMenu(),!(!this.menuEl||!this.menuEl.popup||!this.displayMode)&&(this.setPopupmenuType(),this.setPopupmenuCoords(),this.menuEl.popup.arrow="none",this.menuEl.popup.onPlace=o=>(this.displayMode==="collapsed"&&(o.y-=8),o))}resizeMenu(){!this.menuEl||!this.menuEl.popup||(this.menuEl.popup.width="calc(var(--ids-module-nav-settings-menu-min-width)")}setPopupmenuType(){[this.menuEl].concat([...this.menuEl.querySelectorAll("ids-popup-menu")]).forEach(i=>{i.popup&&(i.popup.type="module-nav"),i.items&&i.items.forEach(e=>{e.inheritColor=!0,e.colorVariant="module-nav"})})}setPopupmenuCoords(){let o=this.menuEl.popup.localeAPI.isRTL();this.menuEl.popup.x=8,this.menuEl.popup.y=12,this.menuEl.popup.useRight=o,this.displayMode==="collapsed"&&(this.menuEl.popup.align="right, bottom"),this.displayMode==="expanded"&&(this.menuEl.popup.align=`${o?"bottom":"top"}, ${o?"right":"left"}`)}onColorVariantRefresh(o){this.menuEl&&(this.menuEl.colorVariant=o)}onDisplayModeChange(){s(this,n,v).call(this),this.configureMenu()}onTextDisplayChange(o){console.info(`text display change from header: "${this.textContent?.trim()||""}"`,o),this.textNode&&(this.textNode.audible=o!=="default")}};n=new WeakSet,v=function(){this.textNode&&(this.textNode.audible=this.displayMode!=="expanded")},t=d([l("ids-module-nav-settings"),c(p)],t);export{t as a};