ids-enterprise-wc 1.7.0 → 1.8.0

package/chunks/ids-chunk-VTDSTFQE.js

@@ -1,338 +0,0 @@
-import{b,c as C}from"./ids-chunk-HD5J5ROT.js";import{a as S}from"./ids-chunk-MS7HKMWQ.js";import{a as T}from"./ids-chunk-X7Q3UPBV.js";import{a as N}from"./ids-chunk-6NB7KFYJ.js";import{a as D}from"./ids-chunk-MMNXUPFY.js";import{a as y,b as L}from"./ids-chunk-XE4WFW5M.js";import{e as a}from"./ids-chunk-Y6KVKFJX.js";import{a as i,b as s}from"./ids-chunk-MNUN2C3Z.js";import{a as E,b as m,c as h,d as p,e as l}from"./ids-chunk-ZMMCFAAI.js";var H=`/* Ids Menu Item Component */
-/**
- * Base Styles/Mixins for Ids Menu Component and all subcomponents.
- */
-/**
- * Single Checkmark Mixin
- */
-/**
- * Checkbox Mixins.
- */
-@keyframes check {
-  0% {
-    height: 0;
-    left: 0;
-    top: 8px;
-    width: 0;
-  }
-  50% {
-    height: 0;
-    left: 0;
-    top: 8px;
-    width: 4px;
-  }
-  100% {
-    height: 10px;
-    left: 4px;
-    top: 0;
-    width: 4px;
-  }
-}
-@keyframes checkindeterminate {
-  0% {
-    width: 0;
-  }
-  100% {
-    width: 10px;
-  }
-}
-/**
- * NOTE ABOUT MENU ITEM ELEMENT ORDER:
- * Definitions for grid template size in IdsMenuItem are defined based on the below order.
- * If changes are made to IdsMenuItem's rendering, this order must remain in place.
- *
- * [checkmark?] - [icon?] - text - [shortcut text?] - [submenu icon?]
- **/
-:host {
-  display: block;
-  position: static;
-}
-:host ::slotted(ids-menu) {
-  display: none;
-}
-
-::slotted(ids-text) {
-  pointer-events: none;
-}
-
-::slotted(ids-icon[icon=close]) {
-  inset-block-start: 1px;
-}
-
-::slotted(ids-popup-menu) {
-  position: static;
-}
-
-:host([hidden]) {
-  display: none;
-}
-
-.ids-menu-item {
-  align-items: center;
-  cursor: pointer;
-  font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
-  list-style: none;
-  min-width: var(--ids-menu-item-width-min);
-  position: static;
-  transition: background-color 50ms cubic-bezier(0.4, 0, 0.6, 1);
-  user-select: none;
-}
-.ids-menu-item ids-icon,
-.ids-menu-item .ids-icon,
-.ids-menu-item .ids-menu-item-display-icon {
-  display: block;
-  align-self: center;
-  justify-content: center;
-  place-self: inherit;
-}
-.ids-menu-item a {
-  padding-inline-start: 12px;
-  padding-inline-end: var(--ids-space-xs);
-  padding-block: var(--ids-menu-item-padding);
-  display: grid;
-  font-size: var(--ids-menu-item-font-size);
-  grid-template-columns: 0 auto;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  user-select: inherit;
-  white-space: nowrap;
-  width: calc(100% - 20px);
-}
-.ids-menu-item a:focus {
-  outline: 0;
-}
-.ids-menu-item a > * {
-  vertical-align: middle;
-}
-.ids-menu-item a .ids-menu-item-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.ids-menu-item a ids-icon,
-.ids-menu-item a .ids-icon,
-.ids-menu-item a .ids-menu-item-display-icon {
-  grid-column-start: 1;
-}
-.ids-menu-item a .ids-menu-item-text {
-  grid-column-start: 2;
-}
-.ids-menu-item a .ids-menu-item-text span,
-.ids-menu-item a .ids-menu-item-text .ids-text {
-  display: inline-block;
-}
-.ids-menu-item a .ids-menu-item-text ::slotted(ids-text) {
-  display: inline-block;
-}
-.ids-menu-item a .ids-menu-item-submenu-icon {
-  margin-inline-start: 12px;
-  grid-column-start: 3;
-  transform: rotateZ(-90deg);
-}
-.ids-menu-item .ids-menu-item-text {
-  white-space: nowrap;
-  display: block;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.ids-menu-item:not(.text-center) .ids-menu-item-text, .ids-menu-item:not(.text-start) .ids-menu-item-text, .ids-menu-item:not(.text-end) .ids-menu-item-text {
-  text-align: start;
-}
-.ids-menu-item.text-center a, .ids-menu-item.text-start a, .ids-menu-item.text-end a {
-  display: flex;
-  align-items: center;
-}
-.ids-menu-item.text-center a .ids-menu-item-text, .ids-menu-item.text-start a .ids-menu-item-text, .ids-menu-item.text-end a .ids-menu-item-text {
-  margin-inline-start: var(--ids-space-xs);
-}
-.ids-menu-item.text-center a {
-  text-align: center;
-  justify-content: center;
-}
-.ids-menu-item.text-start a {
-  text-align: start;
-  justify-content: start;
-}
-.ids-menu-item.text-end a {
-  text-align: end;
-  justify-content: end;
-}
-.ids-menu-item.disabled {
-  color: var(--ids-menu-item-color-text-disabled);
-  cursor: default;
-  pointer-events: none;
-  user-select: none;
-}
-.ids-menu-item.disabled a {
-  color: inherit;
-}
-.ids-menu-item.disabled ids-icon,
-.ids-menu-item.disabled .ids-icon {
-  fill: var(--ids-menu-item-color-text-disabled);
-}
-.ids-menu-item.hidden {
-  display: none;
-}
-.ids-menu-item.highlighted {
-  background-color: var(--ids-menu-item-highlight-color);
-}
-.ids-menu-item.has-shortcuts a {
-  grid-template-columns: 0 calc(50% - 15px) calc(50% - 15px);
-}
-.ids-menu-item.has-shortcuts:not(.has-submenu) .ids-menu-item-shortcuts {
-  margin-inline-start: var(--ids-space-sm);
-  margin-inline-end: var(--ids-space-2xs);
-}
-.ids-menu-item.has-icon a {
-  padding-inline-start: var(--ids-space-xs);
-  padding-inline-end: 14px;
-  grid-template-columns: 30px auto;
-}
-.ids-menu-item.has-shortcuts.has-icon a {
-  grid-template-columns: 30px calc(50% - 15px) calc(50% - 15px);
-}
-.ids-menu-item.has-checkmark a, .ids-menu-item.has-multi-checkmark a {
-  padding-inline-start: var(--ids-space-2xs);
-  grid-template-columns: 30px 0 max-content 0;
-}
-.ids-menu-item.has-checkmark a .check, .ids-menu-item.has-multi-checkmark a .check {
-  grid-column-start: 1;
-}
-.ids-menu-item.has-checkmark a ids-icon,
-.ids-menu-item.has-checkmark a .ids-icon,
-.ids-menu-item.has-checkmark a .ids-menu-item-display-icon, .ids-menu-item.has-multi-checkmark a ids-icon,
-.ids-menu-item.has-multi-checkmark a .ids-icon,
-.ids-menu-item.has-multi-checkmark a .ids-menu-item-display-icon {
-  grid-column-start: 2;
-}
-.ids-menu-item.has-checkmark a .ids-menu-item-text, .ids-menu-item.has-multi-checkmark a .ids-menu-item-text {
-  grid-column-start: 3;
-}
-.ids-menu-item.has-checkmark a .ids-menu-item-submenu-icon, .ids-menu-item.has-multi-checkmark a .ids-menu-item-submenu-icon {
-  grid-column-start: 4;
-}
-.ids-menu-item.has-shortcuts.has-checkmark a, .ids-menu-item.has-shortcuts.has-multi-checkmark a {
-  grid-template-columns: 30px 0 50% calc(50% - 30px);
-}
-.ids-menu-item.has-submenu a {
-  grid-template-columns: 0 calc(100% - 24px) 29px;
-}
-.ids-menu-item.has-submenu .ids-menu-item-shortcuts {
-  display: none;
-}
-.ids-menu-item.has-icon.has-checkmark a, .ids-menu-item.has-icon.has-multi-checkmark a {
-  padding-inline-start: var(--ids-space-2xs);
-  grid-template-columns: 30px 30px calc(100% - 60px);
-  width: calc(100% - 12px);
-}
-.ids-menu-item.has-icon.has-checkmark.align-icon-end a, .ids-menu-item.has-icon.has-multi-checkmark.align-icon-end a {
-  grid-template-columns: 30px calc(100% - 55px) 25px;
-}
-.ids-menu-item.has-icon.has-checkmark.align-icon-end a .ids-menu-item-text, .ids-menu-item.has-icon.has-multi-checkmark.align-icon-end a .ids-menu-item-text {
-  grid-column-start: 2;
-}
-.ids-menu-item.has-icon.has-checkmark.align-icon-end a .ids-menu-item-icon, .ids-menu-item.has-icon.has-multi-checkmark.align-icon-end a .ids-menu-item-icon {
-  grid-column-start: 3;
-}
-.ids-menu-item.has-shortcuts.has-icon.has-checkmark a, .ids-menu-item.has-shortcuts.has-icon.has-mutlt-checkmark a {
-  grid-template-columns: 24px 30px calc(50% - 24px) calc(50% - 24px);
-}
-.ids-menu-item.has-icon.has-submenu a {
-  grid-template-columns: 30px calc(100% - 53px) 31px;
-}
-.ids-menu-item.has-checkmark.has-submenu a, .ids-menu-item.has-multi-checkmark.has-submenu a {
-  grid-template-columns: 30px 0 calc(100% - 55px) 25px;
-}
-.ids-menu-item.has-icon.has-checkmark.has-submenu a, .ids-menu-item.has-icon.has-multi-checkmark.has-submenu a {
-  grid-template-columns: 30px 30px calc(100% - 85px) 25px;
-}
-.ids-menu-item:not(.inherit-color):not(.disabled) {
-  color: var(--ids-menu-item-color-text-default);
-}
-.ids-menu-item.inherit-color:not(.disabled) {
-  color: inherit;
-}
-.ids-menu-item.inherit-color:not(.disabled) a {
-  color: inherit;
-}
-.ids-menu-item.color-variant-module-nav {
-  color: var(--ids-module-nav-settings-menu-item-text-color);
-}
-.ids-menu-item.color-variant-module-nav a {
-  padding-block: 10px;
-}
-.ids-menu-item.color-variant-module-nav .ids-menu-item-text {
-  color: var(--ids-module-nav-settings-menu-item-text-color);
-  padding-inline-start: var(--ids-module-nav-accordion-gutter-size);
-}
-
-.ids-menu-item-shortcuts {
-  pointer-events: none;
-  text-align: end;
-}
-
-.has-checkmark span.check {
-  position: relative;
-}
-.has-checkmark.selected span.check::after {
-  position: absolute;
-  border: 1px solid;
-  transform: rotate(45deg);
-  border-color: var(--ids-menu-check-color-default) var(--ids-menu-check-color-default) var(--ids-menu-check-color-default) transparent;
-  border-width: 0 2px 2px 0;
-  content: " ";
-  height: 11px;
-  width: 5px;
-  left: 11px;
-  margin-top: var(--ids-space-3xs);
-}
-.has-checkmark.selected.disabled span.check::after {
-  border-color: var(--ids-menu-check-color-disabled) var(--ids-menu-check-color-disabled) var(--ids-menu-check-color-disabled) transparent;
-}
-
-.has-multi-checkmark span.check {
-  position: absolute;
-  border: var(--ids-checkbox-border);
-  border-radius: var(--ids-checkbox-border-radius);
-  height: 14px;
-  width: 14px;
-  left: 0;
-  top: 3px;
-  align-self: center;
-  justify-self: center;
-  position: relative;
-  top: 0;
-}
-.has-multi-checkmark.selected span.check {
-  background-color: var(--ids-checkbox-color-background-selected);
-  border-color: var(--ids-checkbox-color-border-selected);
-}
-.has-multi-checkmark.selected span.check::after {
-  position: absolute;
-  display: block;
-  border: var(--ids-font-size-2xs) solid var(--ids-checkbox-color-border-selected-after);
-  border-width: var(--ids-checkbox-border-width-selected-after);
-  animation: check 0.15s;
-  transform: rotate(45deg);
-  content: "";
-  height: 10px;
-  left: 4px;
-  top: 0;
-  width: 4px;
-}
-.has-multi-checkmark.disabled.selected span.check {
-  background-color: var(--ids-checkbox-color-background-selected-disabled);
-  border-color: var(--ids-checkbox-color-border-selected-disabled);
-}
-
-.ids-menu-item[dir=rtl] a .ids-menu-item-submenu-icon,
-.ids-menu-item.rtl a .ids-menu-item-submenu-icon {
-  grid-column-start: 3;
-  transform: rotateZ(90deg);
-}`;var w=N(S(T(D))),c,M,O,r,u=class extends w{constructor(){super();p(this,c);m(this,"shouldUpdate",!0);m(this,"colorVariants",["module-nav"]);m(this,"vetoableEventTypes",["beforeselected","beforedeselected"]);p(this,r);this.state={},Object.keys(b).forEach(e=>{let t=this.getAttribute(e);this.state[e]=t||b[e]}),Object.defineProperty(this,"tabIndex",{get:()=>h(this,c,O),set:e=>{l(this,c,e,M)},configurable:!0,enumerable:!0})}template(){let e="",t="";this.state?.disabled&&(e=" disabled",t=" disabled");let n=this.templateCheck(),o='<span class="ids-menu-item-icon" role="presentation"><slot name="icon"></slot></span>',d="";this.state?.selected&&(d=" selected");let g='<span class="ids-menu-item-shortcuts" part="shortcuts"><slot name="shortcuts"></slot></span>',f="";this.shortcutKeys&&(f=" has-shortcuts");let x="";this.submenu&&(x=" has-submenu");let k='tabindex="0"';this.state?.tabIndex&&!this.state?.disabled&&(k=` tabindex="${this.state.tabIndex}"`);let A="";this.textAlign&&(A=` text-${this.textAlign}`);let I='<span class="ids-menu-item-text" part="text"><slot></slot></span>',v=`${n}${o}${I}${g}`;return this.iconAlign==="end"&&(v=`${n}${I}${o}${g}`),`<div role="none" part="menu-item" class="ids-menu-item${e}${d}${f}${x}${A}">
-      <a role="menuitem" ${k} ${t}>
-        ${v}
-      </a>
-      <slot name="submenu"></slot>
-    </div>`}templateCheck(){return'<span class="check" part="check" role="presentation"></span>'}templateDisplayIcon(e){let t=this.viewbox?` viewbox="${this.viewbox}"`:"";return`<ids-icon slot="icon" icon="${e}"${t} part="icon" class="ids-icon ids-menu-item-display-icon"></ids-icon>`}templateShortcutKeys(e){return`<span slot="shortcuts" class="shortcuts">${e}</span>`}templateSubmenuIcon(){return'<ids-icon slot="icon" icon="dropdown" class="ids-icon ids-menu-item-submenu-icon"></ids-icon>'}static get attributes(){return[...super.attributes,i.DISABLED,i.HIDDEN,i.HIGHLIGHTED,i.ICON,i.ICON_ALIGN,i.INHERIT_COLOR,i.SELECTED,i.SHORTCUT_KEYS,i.SUBMENU,i.TARGET,i.TABINDEX,i.TEXT_ALIGN,i.TOGGLEABLE,i.VALUE,i.VIEWBOX]}connectedCallback(){this.state||(this.state={}),super.connectedCallback(),this.refresh(),this.attachEventHandlers(),this.shouldUpdate=!0}refresh(){this.tabIndex=this.state.tabIndex,this.detectHidden(),this.detectSubmenu(),this.detectSelectability(),this.menu&&this.decorateForIcon(this.menu.hasIcons)}attachEventHandlers(){this.onEvent("slotchange",this.container,()=>{this.refresh()}),this.onLocaleChange=()=>{this.localeAPI.isRTL()?this.container?.classList.add("rtl"):this.container?.classList.remove("rtl")}}get a(){return this.shadowRoot?.querySelector("a")}get menu(){let e=this.closest("ids-toolbar-more-actions");if(e)return e.menu;let t=this.closest("ids-tab-more");return t?t.container?.querySelector("ids-popup-menu")||null:this.closest("ids-menu, ids-popup-menu")}get group(){return this.closest("ids-menu-group")}set disabled(e){let t=a(e);this.state.disabled=t;let n=this.a;if(!n)return;let o=this.shouldUpdate,d=a(this.getAttribute(i.DISABLED));if(t){n.disabled=!0,n.setAttribute(i.DISABLED,""),this.tabIndex=-1,this.container?.classList.add(i.DISABLED),d||(this.shouldUpdate=!1,this.setAttribute(i.DISABLED,""),this.shouldUpdate=o);return}n.disabled=!1,n?.removeAttribute(i.DISABLED),this.tabIndex=0,this.container?.classList.remove(i.DISABLED),d&&(this.shouldUpdate=!1,this.removeAttribute(i.DISABLED),this.shouldUpdate=o)}get disabled(){return this.state.disabled}onHiddenChange(e){a(e)?(this.setAttribute(i.HIDDEN,""),this.container?.classList.add(i.HIDDEN)):(this.removeAttribute(i.HIDDEN),this.container?.classList.remove(i.HIDDEN))}set highlighted(e){let t=a(e);t&&this.disabled||(t?this.setAttribute(i.HIGHLIGHTED,"true"):this.removeAttribute(i.HIGHLIGHTED),this.state.highlighted=t,this.container?.classList[t?"add":"remove"]("highlighted"))}get highlighted(){return this.state.highlighted}highlight(){this.highlighted=!0,this.triggerEvent("highlighted",this,{bubbles:!0,detail:{elem:this}})}unhighlight(){this.highlighted=!1}set icon(e){typeof e!="string"||!e.length?(this.removeAttribute(i.ICON),this.state.icon=void 0,this.removeIcon()):(this.state.icon=e,this.setAttribute(i.ICON,e),this.appendIcon(e)),this.group&&typeof this.group.updateIconAlignment=="function"&&this.group.updateIconAlignment()}get icon(){return this.iconEl?.icon||this.getAttribute(i.ICON)}get iconEl(){return[...this.children].find(t=>t.matches("ids-icon"))}appendIcon(e){let t=this.querySelector('ids-icon[slot="icon"]');t?t.icon=e:this.insertAdjacentHTML("afterbegin",this.templateDisplayIcon(e))}removeIcon(){let e=this.querySelector('ids-icon[slot="icon"]');e&&e.remove()}decorateForIcon(e){this.container?.classList[this.icon&&e?"add":"remove"]("has-icon")}set inheritColor(e){a(e)?(this.setAttribute(i.INHERIT_COLOR,""),this.container?.classList.add("inherit-color")):(this.removeAttribute(i.INHERIT_COLOR),this.container?.classList.remove("inherit-color"))}get inheritColor(){return this.hasAttribute(i.INHERIT_COLOR)}detectHidden(){this.hidden=this.hasAttribute("hidden")}get submenu(){return this.querySelector("ids-menu, ids-popup-menu")}get hasSubmenu(){return(this.menu?.tagName!=="IDS-MENU"||!1)&&!!this.submenu}detectSubmenu(){let e=this.hasSubmenu;return this.container?.classList[e?"add":"remove"]("has-submenu"),this.decorateSubmenu(e),e}decorateSubmenu(e){let t=this.container?.querySelector('ids-icon[icon="dropdown"]');e===!0||e==="true"?(this.submenu&&(this.submenu.setAttribute(s.SLOT,"submenu"),this.submenu.setAttribute(s.ARIA_EXPANDED,this.submenu?.visible?"true":"false")),this.a?.setAttribute(s.ROLE,"button"),this.a?.setAttribute(s.ARIA_HASPOPUP,"true"),t||this.a?.insertAdjacentHTML("beforeend",this.templateSubmenuIcon()),this.value=null):(this.submenu&&this.submenu.removeAttribute(s.ARIA_EXPANDED),this.a?.setAttribute(s.ROLE,"menuitem"),this.a?.removeAttribute(s.ARIA_HASPOPUP),t?.remove())}get isSelectable(){return this.group?.select!==null}detectSelectability(){let e=this.group?.select,t=this.container?.querySelector("span.check");this.isSelectable?(this.container?.classList.add(e==="multiple"?"has-multi-checkmark":"has-checkmark"),this.container?.classList.remove(e==="multiple"?"has-checkmark":"has-multi-checkmark"),t||this.a?.insertAdjacentHTML("afterbegin",this.templateCheck()),this.a?.setAttribute(s.ROLE,e==="multiple"?"menuitemcheckbox":"menuitemradio"),this.a?.setAttribute(s.ARIA_CHECKED,this.selected?"true":"false")):(this.container?.classList.remove("has-checkmark","has-multi-checkmark"),t?.remove(),this.a?.setAttribute(s.ROLE,this.hasSubmenu?"button":"menuitem"),this.a?.removeAttribute(s.ARIA_CHECKED)),this.iconAlign==="end"&&this.container?.classList.add("align-icon-end")}get selected(){return this.state.selected}set selected(e){let t=a(e),n=t?"selected":"deselected",o=`before${n}`;this.triggerVetoableEvent(o,{value:this.value})&&(this.state.selected!==t&&(this.isSelectable&&(this.state.selected=t,t?this.setAttribute(i.SELECTED,""):this.removeAttribute(i.SELECTED),this.container?.classList[t?"add":"remove"]("selected"),this.a?.setAttribute(s.ARIA_CHECKED,t?"true":"false")),(t||this.group?.select==="multiple"||this.toggleable)&&this.triggerEvent(n,this,{bubbles:!0,detail:{elem:this,value:this.value}})),this.triggerEvent("pick",this,{bubbles:!0,detail:{elem:this,value:this.value,selected:t}}))}select(){this.selected=!0}deselect(){this.selected=!1}set shortcutKeys(e){typeof e!="string"||!e.length?(this.removeAttribute(i.SHORTCUT_KEYS),this.state.shortcutKeys=void 0,this.removeShortcuts()):(this.state.shortcutKeys=e,this.setAttribute(i.SHORTCUT_KEYS,e),this.appendShortcuts(e))}get shortcutKeys(){return this.shortcutKeyEl?.textContent}get shortcutKeyEl(){return[...this.children].find(t=>t.matches('span[slot="shortcuts"]'))}appendShortcuts(e){this.container?.classList.add("has-shortcuts");let t=this.querySelector('span[slot="shortcuts"]');t?t.textContent=e:this.insertAdjacentHTML("afterbegin",this.templateShortcutKeys(e))}removeShortcuts(){this.container?.classList.remove("has-shortcuts");let e=this.querySelector('span[slot="shortcuts"]');e&&e.remove()}set target(e){let t=this.target;e!==t&&(e instanceof HTMLElement||e instanceof SVGElement?e.isEqualNode(t)||l(this,r,e):e==null&&l(this,r,void 0))}get target(){return h(this,r)}get text(){let e=t=>t.nodeType===Node.TEXT_NODE||t.name==="ids-text";return[...this.childNodes].find(t=>e(t))?.textContent?.trim()}set textAlign(e){e?this.setAttribute(i.TEXT_ALIGN,e):this.removeAttribute(i.TEXT_ALIGN)}get textAlign(){return this.getAttribute(i.TEXT_ALIGN)}set iconAlign(e){e?this.setAttribute(i.ICON_ALIGN,e):this.removeAttribute(i.ICON_ALIGN)}get iconAlign(){return this.getAttribute(i.ICON_ALIGN)}set value(e){if(this.state.value=e,!C(e)){let t=this.shouldUpdate;this.shouldUpdate=!1,this.removeAttribute(i.VALUE),this.shouldUpdate=t}}get value(){return this.state.value}showSubmenu(){!this.hasSubmenu||this.hasSubmenu&&!this.submenu?.hidden||(this.a?.setAttribute(s.ARIA_EXPANDED,"true"),this.menu?.hideSubmenus(this),this.submenu?.show())}hideSubmenu(){!this.hasSubmenu||this.hasSubmenu&&this.submenu?.hidden||(this.a?.setAttribute(s.ARIA_EXPANDED,"false"),this.submenu?.hide())}focus(){!this.hidden&&!this.disabled&&(this.a?.focus(),this.menu?.highlightItem(this))}set viewbox(e){e?this.setAttribute(i.VIEWBOX,e):this.removeAttribute(i.VIEWBOX)}get viewbox(){return this.getAttribute(i.VIEWBOX)}set toggleable(e){a(e)?this.setAttribute(i.TOGGLEABLE,"true"):this.removeAttribute(i.TOGGLEABLE)}get toggleable(){return a(this.getAttribute(i.TOGGLEABLE))}};c=new WeakSet,M=function(e){let t=Number(e);this.state||(this.state={}),this.state.tabIndex!==t&&(this.removeAttribute(i.TABINDEX),Number.isNaN(t)||t<-1?(this.state.tabIndex=0,this.a?.setAttribute(i.TABINDEX,"0")):(this.state.tabIndex=t,this.a?.setAttribute(i.TABINDEX,`${t}`)))},O=function(){return this.state?.tabIndex||0},r=new WeakMap,u=E([y("ids-menu-item"),L(H)],u);export{u as a};

package/chunks/ids-chunk-XMV7MYD5.js

@@ -1 +0,0 @@
-import{e as n}from"./ids-chunk-Y6KVKFJX.js";import{a as t}from"./ids-chunk-MNUN2C3Z.js";var s={default:"md",xxs:"xxs",xs:"xs",sm:"sm",md:"md",lg:"lg"},a=h=>`field-height-${h}`,r=h=>class extends h{constructor(...i){super(...i),this.state||(this.state={}),this.state.fieldHeight=s.default,this.state.compact=n(this.getAttribute(t.COMPACT))||!1}static get attributes(){return[...h.attributes,t.COMPACT,t.FIELD_HEIGHT]}connectedCallback(){super.connectedCallback(),this.hasAttribute(t.COMPACT)?this.compact=!0:this.container?.classList.add(a(this.fieldHeight))}templateFieldHeight(){return this.compact?"":this.fieldHeight?`${a(this.fieldHeight)}`:""}set compact(i){let e=n(i);e!==this.state.compact&&(this.state.compact=e,e?(this.fieldHeight="",this.setAttribute(t.COMPACT,""),this.container?.classList.add(t.COMPACT),this.#t(t.COMPACT)):(this.removeAttribute(t.COMPACT),this.container?.classList.remove(t.COMPACT),this.#t("")))}get compact(){return n(this.getAttribute(t.COMPACT))}set fieldHeight(i){if(!i)this.state.fieldHeight=s.default,this.clearHeightClasses(),this.container?.classList.add(a(s.default)),this.removeAttribute(t.FIELD_HEIGHT);else{let e=s[i];e&&this.state.fieldHeight!==e&&(this.state.fieldHeight=e,this.clearHeightClasses(),this.compact=!1,this.setAttribute(t.FIELD_HEIGHT,e),this.container?.classList.add(a(e)),this.#t(e))}}get fieldHeight(){return this.getAttribute(t.FIELD_HEIGHT)??s.default}clearHeightClasses(){let i=Object.values(s).map(e=>a(e));this.container?.classList.remove(...i)}#t(i){typeof this.onFieldHeightChange=="function"&&this.onFieldHeightChange(i)}},c=r;export{s as a,c as b};

package/chunks/ids-chunk-YWVWENEB.js

@@ -1,20 +0,0 @@
-import{a as S}from"./ids-chunk-MS7HKMWQ.js";import{a as y}from"./ids-chunk-T6ZV4PDM.js";import{a as D}from"./ids-chunk-X7Q3UPBV.js";import{a as O}from"./ids-chunk-6NB7KFYJ.js";import{a as L}from"./ids-chunk-MMNXUPFY.js";import{a as N,b as g}from"./ids-chunk-XE4WFW5M.js";import{e as h}from"./ids-chunk-Y6KVKFJX.js";import{a as r}from"./ids-chunk-MNUN2C3Z.js";import{a as v,b as l,c as A,d as m,e as b,f as s}from"./ids-chunk-ZMMCFAAI.js";var x=`/* Ids Accordion Component */
-:host {
-  display: block;
-}
-
-:host([color-variant=module-nav]) {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-.color-variant-module-nav {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}`;var w=O(y(S(D(L)))),d,i,c,C,M,_,E,I,H,u=class extends w{constructor(){super();m(this,i);l(this,"header",null);l(this,"previouslySelected",null);l(this,"colorVariants",["app-menu","module-nav"]);m(this,d,new MutationObserver(e=>{for(let t of e)t.type==="childList"&&s(this,i,c).call(this)}));l(this,"onLanguageChange",()=>{s(this,i,c).call(this,this,0,!1,!1,!1,!0)})}connectedCallback(){super.connectedCallback?.(),s(this,i,C).call(this),s(this,i,_).call(this),s(this,i,c).call(this,this,0,!0,!0,!0,!0),A(this,d)?.observe(this,{childList:!0}),this.parentElement?.nodeName==="IDS-APP-MENU"&&(this.colorVariant="app-menu"),this.parentElement?.nodeName==="IDS-MODULE-NAV-BAR"&&(this.colorVariant="module-nav")}disconnectedCallback(){A(this,d)&&(A(this,d).disconnect(),b(this,d,void 0))}static get attributes(){return[...super.attributes,r.ALLOW_ONE_PANE,r.DISABLED]}onColorVariantRefresh(){s(this,i,c).call(this,this,0,!0,!1,!1,!1)}template(){return`
-      <div class="ids-accordion" part="accordion">
-        <slot></slot>
-      </div>
-    `}get sections(){return[...this.querySelectorAll("ids-accordion-section")]}get headers(){return[...this.querySelectorAll("ids-accordion-header, ids-module-nav-item")]}get panels(){return[...this.querySelectorAll("ids-accordion-panel")]}get focused(){if(this.contains(document.activeElement))return document.activeElement?.closest("ids-accordion-panel")}get allowOnePane(){return h(this.getAttribute(r.ALLOW_ONE_PANE))}set allowOnePane(e){let t=h(e);t?(this.setAttribute(r.ALLOW_ONE_PANE,`${t}`),this.collapseAll(this.previouslySelected?.panel)):this.removeAttribute(r.ALLOW_ONE_PANE)}get disabled(){return h(this.getAttribute(r.DISABLED))}set disabled(e){let t=h(e);t?this.setAttribute(r.DISABLED,`${t}`):this.removeAttribute(r.DISABLED),this.panels.forEach(n=>{n.disabled=t})}set keepExpanderPlacement(e){e?this.setAttribute(r.KEEP_EXPANDER_PLACEMENT,""):this.removeAttribute(r.KEEP_EXPANDER_PLACEMENT)}get keepExpanderPlacement(){return this.hasAttribute(r.KEEP_EXPANDER_PLACEMENT)}checkExpanders(){this.headers?.forEach(e=>{e.toggleExpanderIcon(e.panel.isExpandable),e.refreshIconDisplay(e.icon)})}navigate(e=0){if(typeof e!="number")return this.focused;let t=e<0,n=Math.abs(e);for(;n>0;)t?s(this,i,I).call(this):s(this,i,E).call(this),n-=1;return this.focused}collapseAll(e){this.panels.length&&this.panels.forEach(t=>{(!e||t!==e)&&t.setAttribute(r.EXPANDED,String(!1))})}};d=new WeakMap,i=new WeakSet,c=function(e=this,t=0,n=!0,a=!0,p=!0,P=!0){let R=(o,V)=>{o&&o.classList.add(`depth-${V}`)};if(e.querySelector(":scope > ids-accordion-section")){[...e.querySelectorAll(":scope > ids-accordion-section")].forEach(o=>{s(this,i,c).call(this,o,t,n,a,p,P)});return}this.header=e.querySelector(":scope > ids-accordion-header, :scope > ids-module-nav-item");let k=e.children.length>1||!1,f=t>1;if(t>0){if(e.tagName==="IDS-ACCORDION-PANEL"&&(e.nested=f),e.container&&R(e.container,t),n&&this.colorVariant){let o=f?`sub-${this.colorVariant}`:this.colorVariant;e.colorVariant=o,this.header&&(this.header.colorVariant=o)}if(this.header){if(k&&a&&!this.keepExpanderPlacement){let o=f?"plus-minus":"caret";this.header.expanderType=o}if(p){let o=this.header.icon;typeof o=="string"&&o.length&&!e.contentAlignment&&s(this,i,H).call(this,e,!0)}}}let q=e.children;for(let o of q){if(t>6)break;o.tagName==="IDS-ACCORDION-PANEL"&&s(this,i,c).call(this,o,t+1,n,a,p,P)}},C=function(){this.offEvent("deselect.accordion-deselect",this),this.onEvent("deselect.accordion-deselect",this,e=>{let t=e.detail.elem;this.previouslySelected=t,s(this,i,M).call(this,t)})},M=function(e){this.headers.forEach(t=>{t.selected&&e!==t&&(t.selected=!1)})},_=function(){this.listen(["ArrowUp"],this,e=>{e.preventDefault(),e.stopPropagation(),s(this,i,I).call(this)}),this.listen(["ArrowDown"],this,e=>{e.preventDefault(),e.stopPropagation(),s(this,i,E).call(this)})},E=function(){let e=this.focused,t;e?.isExpandable&&e.expanded?t=e.querySelector("ids-accordion-panel")||e.nextElementSibling:t=e?.nextElementSibling,t||(t=e?.parentElement?.nextElementSibling),(!t||t.tagName!=="IDS-ACCORDION-PANEL")&&(t=this.querySelector("ids-accordion-panel")),t?.focus()},I=function(){let e=this.focused,t=()=>{let a=e?.parentElement?.querySelectorAll("ids-accordion-panel:last-child");return a?a[a.length-1]:void 0},n=e?.previousElementSibling;if(n||(n=t()),n?.isExpandable&&n.expanded){let a=n;n=n.querySelector("ids-accordion-panel:last-child")||a}for(n&&["IDS-ACCORDION-HEADER","IDS-MODULE-NAV-ITEM"].includes(n.tagName)&&(n=n.parentElement);n?.parentElement?.tagName==="IDS-ACCORDION-PANEL"&&!n.parentElement.expanded;)n=n.parentElement;n||(n=e?.parentElement),(!n||n.tagName!=="IDS-ACCORDION-PANEL")&&(n=t()),n?.focus()},H=function(e,t){[...e.parentElement.children].forEach(a=>{a.tagName==="IDS-ACCORDION-PANEL"&&(a.contentAlignment=t?"has-icon":null)})},u=v([N("ids-accordion"),g(x)],u);export{u as a};