@carbon/web-components 2.46.0 → 2.47.0

package/es-custom/components/menu/menu-context.d.ts

@@ -1,14 +1,15 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2024, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+export type MenuContextUpdate = Partial<Omit<StateType, 'updateFromChild'>>;
 export type StateType = {
     isRoot: boolean;
     hasSelectableItems: boolean;
     size: 'xs' | 'sm' | 'md' | 'lg' | null;
-    updateFromChild: (item: {}) => void;
+    updateFromChild: (item: MenuContextUpdate) => void;
 };
 export declare const menuDefaultState: StateType;
 export declare const MenuContext: {

package/es-custom/components/menu/menu-context.js

@@ -8,7 +8,7 @@
 import { createContext } from '@lit/context';
 
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2024, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es-custom/components/menu/menu-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu-context.js","sources":["../../../src/components/menu/menu-context.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { createContext } from '@lit/context';\nexport type StateType = {\n  isRoot: boolean;\n  hasSelectableItems: boolean;\n  size: 'xs' | 'sm' | 'md' | 'lg' | null;\n  //eslint-disable-next-line @typescript-eslint/no-empty-object-type -- https://github.com/carbon-design-system/carbon/issues/20452\n  updateFromChild: (item: {}) => void;\n};\n\nexport const menuDefaultState: StateType = {\n  isRoot: true,\n  hasSelectableItems: false,\n  size: null,\n  updateFromChild: () => {},\n};\n\nexport const MenuContext = createContext<StateType>('myData');\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAWI,MAAM,gBAAgB,GAAc;AACzC,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,eAAe,EAAE,MAAK,EAAE,CAAC;;MAGd,WAAW,GAAG,aAAa,CAAY,QAAQ;;;;"}
+{"version":3,"file":"menu-context.js","sources":["../../../src/components/menu/menu-context.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { createContext } from '@lit/context';\n\nexport type MenuContextUpdate = Partial<Omit<StateType, 'updateFromChild'>>;\n\nexport type StateType = {\n  isRoot: boolean;\n  hasSelectableItems: boolean;\n  size: 'xs' | 'sm' | 'md' | 'lg' | null;\n  updateFromChild: (item: MenuContextUpdate) => void;\n};\n\nexport const menuDefaultState: StateType = {\n  isRoot: true,\n  hasSelectableItems: false,\n  size: null,\n  updateFromChild: () => {},\n};\n\nexport const MenuContext = createContext<StateType>('myData');\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAaI,MAAM,gBAAgB,GAAc;AACzC,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,eAAe,EAAE,MAAK,EAAE,CAAC;;MAGd,WAAW,GAAG,aAAa,CAAY,QAAQ;;;;"}

package/es-custom/components/menu/menu.d.ts

@@ -1,10 +1,11 @@
 /**
- * Copyright IBM Corp. 2024, 2025
+ * Copyright IBM Corp. 2024, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import { LitElement } from 'lit';
+import { type MenuContextUpdate } from './menu-context';
 import CDSmenuItem from './menu-item';
 import { MENU_BACKGROUND_TOKEN, MENU_SIZE } from './defs';
 export { MENU_SIZE };
@@ -368,7 +369,7 @@ declare const CDSMenu_base: {
 } & typeof LitElement;
 declare class CDSMenu extends CDSMenu_base {
     context: {
-        updateFromChild: (updatedItem: any) => void;
+        updateFromChild: (updatedItem: MenuContextUpdate) => void;
         isRoot: boolean;
         hasSelectableItems: boolean;
         size: "xs" | "sm" | "md" | "lg" | null;

package/es-custom/components/menu/menu.js

@@ -20,7 +20,7 @@ import { provide, consume } from '@lit/context';
 import { MENU_SIZE, MENU_BACKGROUND_TOKEN } from './defs.js';
 
 /**
- * Copyright IBM Corp. 2024, 2025
+ * Copyright IBM Corp. 2024, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -314,13 +314,14 @@ let CDSMenu = class CDSMenu extends HostListenerMixin(LitElement) {
             this.context = Object.assign(Object.assign({}, this.context), { isRoot: false, size: this.size });
         };
         this._registerMenuItems = () => {
-            var _a, _b;
+            var _a, _b, _c, _d;
             let items;
             if (this.isChild) {
-                items = this.querySelector('slot[name="submenu"]').assignedElements();
+                const submenuSlot = this.querySelector('slot[name="submenu"]');
+                items = (_a = submenuSlot === null || submenuSlot === void 0 ? void 0 : submenuSlot.assignedElements()) !== null && _a !== void 0 ? _a : [];
             }
             else {
-                items = (_b = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.assignedElements();
+                items = (_d = (_c = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.assignedElements()) !== null && _d !== void 0 ? _d : [];
             }
             this.items = items === null || items === void 0 ? void 0 : items.filter((item) => {
                 if (item.tagName === 'CDS-MENU-ITEM') {

package/es-custom/components/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { property, state } from 'lit/decorators.js';\nimport styles from './menu.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { MenuContext, menuDefaultState } from './menu-context';\nimport CDSmenuItem, { MENU_CLOSE_ROOT_EVENT } from './menu-item';\nimport { consume, provide } from '@lit/context';\nimport { MENU_BACKGROUND_TOKEN, MENU_SIZE } from './defs';\n\nexport { MENU_SIZE };\n\n/**\n * Menu.\n *\n * @element cds-custom-menu\n * @deprecated Menus now always support both icons as well as selectable items and nesting.\n */\n\ntype activeItemType = {\n  item: CDSmenuItem;\n  parent: HTMLElement | null;\n};\n\n@customElement(`${prefix}-menu`)\nclass CDSMenu extends HostListenerMixin(LitElement) {\n  @provide({ context: MenuContext })\n  @consume({ context: MenuContext })\n  context = {\n    ...menuDefaultState,\n    updateFromChild: (updatedItem) => {\n      this.context = {\n        ...this.context,\n        ...updatedItem,\n      };\n    },\n  };\n\n  readonly spacing: number = 8; // distance to keep to window edges, in px\n\n  /**\n   * Items.\n   */\n  @state()\n  items: Element[] | undefined = [];\n\n  /**\n   * Active list Items.\n   */\n  @state()\n  activeitems: activeItemType[] = [];\n\n  /**\n   * Label for the menu.\n   */\n  @property({ type: String })\n  label;\n  /**\n   * Parent state.\n   */\n  @property({ type: Boolean })\n  isChild = false;\n  /**\n   * Action button width.\n   */\n  @property()\n  actionButtonWidth;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @property({ type: Boolean })\n  isRtl = false;\n  /**\n   * Checks if Menu is root menu or not.\n   */\n  @property({ type: Boolean })\n  isRoot = true;\n\n  /**\n   * Document direction.\n   */\n  @property({ type: String })\n  direction = 'ltr';\n  /**\n   * Open value for the menu .\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n  /**\n   * Active element in the DOM .\n   */\n  @property({ type: HTMLElement })\n  focusreturn;\n  /**\n   * Position of the Menu .\n   */\n  @property()\n  position = [-1, -1];\n  /**\n   * Size attribute .\n   */\n  @property({ attribute: true })\n  size = MENU_SIZE.SMALL;\n  /**\n   * Deprecated: Menus now always support both icons as well as selectable items and nesting. The mode of this menu. Defaults to full. full supports nesting and selectable menu items, but no icons. basic supports icons but no nesting or selectable menu items.\n\n    This prop is not intended for use and will be set by the respective implementation (like useContextMenu, MenuButton, and ComboButton).\n   */\n  @property()\n  mode;\n\n  /**\n   * Specify the background token to use. Default is 'layer'.\n   */\n  @property({ type: String, attribute: 'background-token' })\n  backgroundToken = MENU_BACKGROUND_TOKEN.LAYER;\n\n  /**\n   * Specify whether a border should be rendered on the menu\n   */\n  @property({ type: Boolean })\n  border = false;\n\n  /**\n   * Specify how the menu should align with the button element\n   */\n  @property({ type: String })\n  menuAlignment;\n  /**\n   * Position of the Menu in X axis .\n   */\n  @property()\n  x: number | number[] = 0;\n  /**\n   * Position of the Menu in Y axis .\n   */\n  @property()\n  y: number | number[] = 0;\n\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur = (e: FocusEvent) => {\n    const { isRoot } = this.context;\n    // Close the menu if all of the following are met:\n    // * The menu is open\n    // * The focusout event is on the root menu\n    // * Focus is moving outside the menu\n    if (this.open && isRoot && !this.contains(e.relatedTarget as Node)) {\n      this.dispatchCloseEvent(e);\n    }\n  };\n\n  /**\n   * The name of the custom event fired when the the Menu should be closed.\n   */\n  static get eventOnClose() {\n    return `${prefix}-menu-closed`;\n  }\n  /**\n   * The name of the custom event fired when the the Menu should be opened.\n   */\n  static get eventOnOpen() {\n    return `${prefix}-menu-opened`;\n  }\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this._handleOpen();\n      } else {\n        this._handleClose();\n      }\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('icon-detect', () => {\n      this.shadowRoot\n        ?.querySelector('.cds-custom--menu')\n        ?.classList.add(`${prefix}--menu--with-icons`);\n    });\n    this.addEventListener(\n      MENU_CLOSE_ROOT_EVENT,\n      this._handleRootCloseRequest as EventListener\n    );\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\n      MENU_CLOSE_ROOT_EVENT,\n      this._handleRootCloseRequest as EventListener\n    );\n    super.disconnectedCallback();\n  }\n  async firstUpdated() {\n    this.isRtl = this.direction === 'rtl';\n    this.isRoot = this.context.isRoot;\n\n    if (this.isChild) {\n      this._newContextCreate();\n    }\n    await this.updateComplete;\n    this._registerMenuItems();\n    this._setActiveItems();\n\n    const slot = this.shadowRoot?.querySelector('slot');\n    slot?.addEventListener('slotchange', () => {\n      this._registerMenuItems();\n      this._setActiveItems();\n    });\n  }\n  render() {\n    const {\n      open,\n      menuAlignment,\n      label,\n      position,\n      _handleKeyDown: handleKeyDown,\n    } = this;\n    const menuClasses = classMap({\n      [`${prefix}--menu`]: true,\n      [`${prefix}--menu--${this.size}`]: this.size,\n      [`${prefix}--menu--box-shadow-top`]:\n        menuAlignment && menuAlignment.slice(0, 3) === 'top',\n      [`${prefix}--menu--open`]: open,\n      [`${prefix}--menu--shown`]: position[0] >= 0 && position[1] >= 0,\n      [`${prefix}--menu--with-selectable-items`]:\n        this.context.hasSelectableItems,\n      [`${prefix}--menu--border`]: this.border,\n      [`${prefix}--menu--background-token__background`]:\n        this.backgroundToken === MENU_BACKGROUND_TOKEN.BACKGROUND,\n    });\n    return html`\n      <ul\n        class=\"${menuClasses}\"\n        aria-label=\"${label}\"\n        tabindex=\"-1\"\n        @keydown=\"${handleKeyDown}\"\n        role=\"menu\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  _handleKeyDown = (e: KeyboardEvent) => {\n    const { isRoot } = this.context;\n    e.stopPropagation();\n    // if the user presses escape or this is a submenu\n    // and the user presses ArrowLeft, close it\n\n    if (e.key === 'Escape' || (!isRoot && e.key === 'ArrowLeft')) {\n      this.dispatchCloseEvent(e);\n    } else {\n      // Prevent scrolling when navigating menu items\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault();\n      }\n      this._focusItem(e);\n    }\n  };\n\n  _focusItem = (e: KeyboardEvent | undefined) => {\n    let currentItem: number;\n\n    if (document.activeElement?.tagName !== 'CDS-MENU') {\n      const shadowRootActiveEl = this._findActiveElementInShadowRoot(document);\n      currentItem = this.activeitems.findIndex((activeItem) => {\n        return (\n          shadowRootActiveEl == activeItem.item ||\n          activeItem.item.shadowRoot?.activeElement === shadowRootActiveEl\n        );\n      });\n    } else {\n      currentItem = 0;\n    }\n\n    let indexToFocus = currentItem;\n    // if currentItem is -1, no menu item is focused yet.\n    // in this case, the first item should receive focus.\n    if (currentItem === -1) {\n      indexToFocus = 0;\n    } else if (e) {\n      if (e.key === 'ArrowUp') {\n        indexToFocus = indexToFocus - 1;\n      }\n      if (e.key === 'ArrowDown') {\n        indexToFocus = indexToFocus + 1;\n      }\n    }\n    if (indexToFocus < 0) {\n      indexToFocus = this.activeitems.length - 1;\n    }\n    if (indexToFocus >= this.activeitems.length) {\n      indexToFocus = 0;\n    }\n\n    if (indexToFocus !== currentItem) {\n      this.activeitems[indexToFocus]?.item?.focus();\n    }\n  };\n  _findActiveElementInShadowRoot = (shadowRoot) => {\n    if (shadowRoot === null) return null;\n\n    let activeElement = shadowRoot.activeElement;\n    while (\n      activeElement &&\n      activeElement.shadowRoot &&\n      activeElement.shadowRoot.activeElement\n    ) {\n      activeElement = activeElement.shadowRoot.activeElement;\n    }\n    return activeElement;\n  };\n\n  _notEmpty = (value: number | null | undefined) => {\n    return value !== null && value !== undefined;\n  };\n  _fitValue = (range: number[], axis: 'x' | 'y') => {\n    const { isRoot } = this.context;\n\n    // const isRoot =  false\n    const menuElement = this.shadowRoot?.querySelector(`.${prefix}--menu`);\n    const { width, height } = (menuElement ?? this).getBoundingClientRect();\n    const alignment = isRoot ? 'vertical' : 'horizontal';\n    const axes = {\n      x: {\n        max: window.innerWidth,\n        size: width,\n        anchor: alignment === 'horizontal' ? range[1] : range[0],\n        reversedAnchor: alignment === 'horizontal' ? range[0] : range[1],\n        offset: 0,\n      },\n      y: {\n        max: window.innerHeight,\n        size: height,\n        anchor: alignment === 'horizontal' ? range[0] : range[1],\n        reversedAnchor: alignment === 'horizontal' ? range[1] : range[0],\n        offset: isRoot ? 0 : 4, // top padding in menu, used to align the menu items\n      },\n    };\n\n    // Avoid that the Menu render incorrectly when the postion is set in the right side of the screen\n    if (\n      this.actionButtonWidth &&\n      this.actionButtonWidth < axes.x.size &&\n      (this.menuAlignment === 'bottom' || this.menuAlignment === 'top')\n    ) {\n      axes.x.size = this.actionButtonWidth;\n    }\n\n    // if 'axes.x.anchor' is lower than 87px dynamically switch render side\n    if (\n      this.actionButtonWidth &&\n      (this.menuAlignment === 'bottom-end' ||\n        this.menuAlignment === 'top-end') &&\n      axes.x.anchor >= 87 &&\n      this.actionButtonWidth < axes.x.size\n    ) {\n      const diff = axes.x.anchor + axes.x.reversedAnchor;\n      axes.x.anchor = axes.x.anchor + diff;\n    }\n\n    const { max, size, anchor, reversedAnchor, offset } = axes[axis];\n\n    // get values for different scenarios, set to false if they don't work\n    const options = [\n      // towards max (preferred)\n      max - this.spacing - size - anchor >= 0 ? anchor - offset : false,\n\n      // towards min / reversed (first fallback)\n      reversedAnchor - size >= 0 ? reversedAnchor - size + offset : false,\n\n      // align at max (second fallback)\n      max - this.spacing - size,\n    ];\n    const topAlignment =\n      this.menuAlignment === 'top' ||\n      this.menuAlignment === 'top-end' ||\n      this.menuAlignment === 'top-start';\n    // If the tooltip is not visible in the top, switch to the bototm\n    if (\n      typeof options[0] === 'number' &&\n      topAlignment &&\n      options[0] >= 0 &&\n      !options[1] &&\n      axis === 'y'\n    ) {\n      this.style.transform = 'translate(0)';\n    } else if (topAlignment && !options[0] && axis === 'y') {\n      options[0] = anchor - offset;\n    }\n\n    // Previous array `options`, has at least one item that is a number (the last one - second fallback).\n    // That guarantees that the return of `find()` will always be a number\n    // and we can safely add the numeric casting `as number`.\n    const bestOption = options.find((option) => option !== false) as number;\n\n    return bestOption >= this.spacing ? bestOption : this.spacing;\n  };\n  _getPosition = (x: number | (number | null | undefined)[]) => {\n    if (Array.isArray(x)) {\n      // has to be of length 2\n      const filtered = x.filter(this._notEmpty);\n      if (filtered.length === 2) {\n        return filtered;\n      } else {\n        return;\n      }\n    } else {\n      return [x, x];\n    }\n  };\n  _calculatePosition = () => {\n    const ranges = {\n      x: this._getPosition(this.x),\n      y: this._getPosition(this.y),\n    };\n\n    if (!ranges.x || !ranges.y) {\n      return [-1, -1];\n    }\n    return [\n      this._fitValue(ranges.x as number[], 'x') ?? -1,\n      this._fitValue(ranges.y as number[], 'y') ?? -1,\n    ];\n  };\n  _handleOpen = async () => {\n    const pos = this._calculatePosition();\n    if (this.isRtl) {\n      this.style.insetInlineStart = `initial`;\n      this.style.insetInlineEnd = `${pos[0]}px`;\n    } else {\n      this.style.insetInlineStart = `${pos[0]}px`;\n      this.style.insetInlineEnd = `initial`;\n    }\n    this.style.insetBlockStart = `${pos[1]}px`;\n    this.position = pos;\n\n    await this.updateComplete;\n    this._registerMenuItems();\n    this._setActiveItems();\n\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnOpen, init)\n      )\n    ) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnOpen, init)\n      );\n    }\n  };\n  dispatchCloseEvent = (e?: Event) => {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        triggeredBy: e?.target,\n        triggerEventType: e?.type,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnClose, init)\n      )\n    ) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnClose, init)\n      );\n    }\n  };\n  private _handleClose = () => {\n    this.position = [-1, -1];\n    this.style.removeProperty('inset-inline-start');\n    this.style.removeProperty('inset-inline-end');\n    this.style.removeProperty('inset-block-start');\n  };\n  private _handleRootCloseRequest = (\n    event: CustomEvent<{ triggerEvent?: Event }>\n  ) => {\n    if (!this.context?.isRoot) {\n      return;\n    }\n\n    this.dispatchCloseEvent(event.detail?.triggerEvent ?? event);\n  };\n  _newContextCreate = () => {\n    this.context = {\n      ...this.context,\n      isRoot: false,\n      size: this.size,\n    };\n  };\n  _registerMenuItems = () => {\n    let items;\n    if (this.isChild) {\n      items = (\n        this.querySelector('slot[name=\"submenu\"]') as HTMLSlotElement\n      ).assignedElements();\n    } else {\n      items = this.shadowRoot?.querySelector('slot')?.assignedElements();\n    }\n    this.items = items?.filter((item) => {\n      if (item.tagName === 'CDS-MENU-ITEM') {\n        return !(item as CDSmenuItem).disabled;\n      }\n      return item.tagName !== 'CDS-MENU-ITEM-DIVIDER';\n    });\n  };\n  _setActiveItems = () => {\n    this.activeitems = [];\n\n    this.items?.map((item) => {\n      let activeItem: activeItemType;\n      switch (item.tagName) {\n        case 'CDS-MENU-ITEM-RADIO-GROUP': {\n          const slotElements = item.querySelectorAll(`${prefix}-menu-item`);\n          if (slotElements?.length) {\n            for (const entry of slotElements.entries()) {\n              activeItem = {\n                item: entry[1] as CDSmenuItem,\n                parent: item as HTMLElement,\n              };\n              this.activeitems = [...this.activeitems, activeItem];\n            }\n          }\n          break;\n        }\n        case 'CDS-MENU-ITEM-GROUP': {\n          const slotElements = item.shadowRoot\n            ?.querySelector('slot')\n            ?.assignedElements();\n          slotElements?.map((el) => {\n            activeItem = {\n              item: el as CDSmenuItem,\n              parent: el as HTMLElement,\n            };\n            this.activeitems = [...this.activeitems, activeItem];\n          });\n          break;\n        }\n        case 'CDS-MENU-ITEM-SELECTABLE': {\n          activeItem = {\n            item: item.shadowRoot?.querySelector(\n              `${prefix}-menu-item`\n            ) as CDSmenuItem,\n            parent: item as HTMLElement,\n          };\n          this.activeitems = [...this.activeitems, activeItem];\n          break;\n        }\n        default: {\n          activeItem = {\n            item: item as CDSmenuItem,\n            parent: null,\n          };\n          this.activeitems = [...this.activeitems, activeItem];\n        }\n      }\n    });\n    const activeEl = this.activeitems[0]?.item ?? document.activeElement;\n    activeEl.focus();\n  };\n  static styles = styles;\n}\nexport default CDSMenu;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport { property, state } from 'lit/decorators.js';\nimport styles from './menu.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n  MenuContext,\n  menuDefaultState,\n  type MenuContextUpdate,\n} from './menu-context';\nimport CDSmenuItem, { MENU_CLOSE_ROOT_EVENT } from './menu-item';\nimport { consume, provide } from '@lit/context';\nimport { MENU_BACKGROUND_TOKEN, MENU_SIZE } from './defs';\n\nexport { MENU_SIZE };\n\n/**\n * Menu.\n *\n * @element cds-custom-menu\n * @deprecated Menus now always support both icons as well as selectable items and nesting.\n */\n\ntype activeItemType = {\n  item: CDSmenuItem;\n  parent: HTMLElement | null;\n};\n\n@customElement(`${prefix}-menu`)\nclass CDSMenu extends HostListenerMixin(LitElement) {\n  @provide({ context: MenuContext })\n  @consume({ context: MenuContext })\n  context = {\n    ...menuDefaultState,\n    updateFromChild: (updatedItem: MenuContextUpdate) => {\n      this.context = {\n        ...this.context,\n        ...updatedItem,\n      };\n    },\n  };\n\n  readonly spacing: number = 8; // distance to keep to window edges, in px\n\n  /**\n   * Items.\n   */\n  @state()\n  items: Element[] | undefined = [];\n\n  /**\n   * Active list Items.\n   */\n  @state()\n  activeitems: activeItemType[] = [];\n\n  /**\n   * Label for the menu.\n   */\n  @property({ type: String })\n  label;\n  /**\n   * Parent state.\n   */\n  @property({ type: Boolean })\n  isChild = false;\n  /**\n   * Action button width.\n   */\n  @property()\n  actionButtonWidth;\n  /**\n   * Checks if document direction is rtl.\n   */\n  @property({ type: Boolean })\n  isRtl = false;\n  /**\n   * Checks if Menu is root menu or not.\n   */\n  @property({ type: Boolean })\n  isRoot = true;\n\n  /**\n   * Document direction.\n   */\n  @property({ type: String })\n  direction = 'ltr';\n  /**\n   * Open value for the menu .\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n  /**\n   * Active element in the DOM .\n   */\n  @property({ type: HTMLElement })\n  focusreturn;\n  /**\n   * Position of the Menu .\n   */\n  @property()\n  position = [-1, -1];\n  /**\n   * Size attribute .\n   */\n  @property({ attribute: true })\n  size = MENU_SIZE.SMALL;\n  /**\n   * Deprecated: Menus now always support both icons as well as selectable items and nesting. The mode of this menu. Defaults to full. full supports nesting and selectable menu items, but no icons. basic supports icons but no nesting or selectable menu items.\n\n    This prop is not intended for use and will be set by the respective implementation (like useContextMenu, MenuButton, and ComboButton).\n   */\n  @property()\n  mode;\n\n  /**\n   * Specify the background token to use. Default is 'layer'.\n   */\n  @property({ type: String, attribute: 'background-token' })\n  backgroundToken = MENU_BACKGROUND_TOKEN.LAYER;\n\n  /**\n   * Specify whether a border should be rendered on the menu\n   */\n  @property({ type: Boolean })\n  border = false;\n\n  /**\n   * Specify how the menu should align with the button element\n   */\n  @property({ type: String })\n  menuAlignment;\n  /**\n   * Position of the Menu in X axis .\n   */\n  @property()\n  x: number | number[] = 0;\n  /**\n   * Position of the Menu in Y axis .\n   */\n  @property()\n  y: number | number[] = 0;\n\n  @HostListener('focusout')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBlur = (e: FocusEvent) => {\n    const { isRoot } = this.context;\n    // Close the menu if all of the following are met:\n    // * The menu is open\n    // * The focusout event is on the root menu\n    // * Focus is moving outside the menu\n    if (this.open && isRoot && !this.contains(e.relatedTarget as Node)) {\n      this.dispatchCloseEvent(e);\n    }\n  };\n\n  /**\n   * The name of the custom event fired when the the Menu should be closed.\n   */\n  static get eventOnClose() {\n    return `${prefix}-menu-closed`;\n  }\n  /**\n   * The name of the custom event fired when the the Menu should be opened.\n   */\n  static get eventOnOpen() {\n    return `${prefix}-menu-opened`;\n  }\n  updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        this._handleOpen();\n      } else {\n        this._handleClose();\n      }\n    }\n  }\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('icon-detect', () => {\n      this.shadowRoot\n        ?.querySelector('.cds-custom--menu')\n        ?.classList.add(`${prefix}--menu--with-icons`);\n    });\n    this.addEventListener(\n      MENU_CLOSE_ROOT_EVENT,\n      this._handleRootCloseRequest as EventListener\n    );\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\n      MENU_CLOSE_ROOT_EVENT,\n      this._handleRootCloseRequest as EventListener\n    );\n    super.disconnectedCallback();\n  }\n  async firstUpdated() {\n    this.isRtl = this.direction === 'rtl';\n    this.isRoot = this.context.isRoot;\n\n    if (this.isChild) {\n      this._newContextCreate();\n    }\n    await this.updateComplete;\n    this._registerMenuItems();\n    this._setActiveItems();\n\n    const slot = this.shadowRoot?.querySelector('slot');\n    slot?.addEventListener('slotchange', () => {\n      this._registerMenuItems();\n      this._setActiveItems();\n    });\n  }\n  render() {\n    const {\n      open,\n      menuAlignment,\n      label,\n      position,\n      _handleKeyDown: handleKeyDown,\n    } = this;\n    const menuClasses = classMap({\n      [`${prefix}--menu`]: true,\n      [`${prefix}--menu--${this.size}`]: this.size,\n      [`${prefix}--menu--box-shadow-top`]:\n        menuAlignment && menuAlignment.slice(0, 3) === 'top',\n      [`${prefix}--menu--open`]: open,\n      [`${prefix}--menu--shown`]: position[0] >= 0 && position[1] >= 0,\n      [`${prefix}--menu--with-selectable-items`]:\n        this.context.hasSelectableItems,\n      [`${prefix}--menu--border`]: this.border,\n      [`${prefix}--menu--background-token__background`]:\n        this.backgroundToken === MENU_BACKGROUND_TOKEN.BACKGROUND,\n    });\n    return html`\n      <ul\n        class=\"${menuClasses}\"\n        aria-label=\"${label}\"\n        tabindex=\"-1\"\n        @keydown=\"${handleKeyDown}\"\n        role=\"menu\">\n        <slot></slot>\n      </ul>\n    `;\n  }\n\n  _handleKeyDown = (e: KeyboardEvent) => {\n    const { isRoot } = this.context;\n    e.stopPropagation();\n    // if the user presses escape or this is a submenu\n    // and the user presses ArrowLeft, close it\n\n    if (e.key === 'Escape' || (!isRoot && e.key === 'ArrowLeft')) {\n      this.dispatchCloseEvent(e);\n    } else {\n      // Prevent scrolling when navigating menu items\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault();\n      }\n      this._focusItem(e);\n    }\n  };\n\n  _focusItem = (e: KeyboardEvent | undefined) => {\n    let currentItem: number;\n\n    if (document.activeElement?.tagName !== 'CDS-MENU') {\n      const shadowRootActiveEl = this._findActiveElementInShadowRoot(document);\n      currentItem = this.activeitems.findIndex((activeItem) => {\n        return (\n          shadowRootActiveEl == activeItem.item ||\n          activeItem.item.shadowRoot?.activeElement === shadowRootActiveEl\n        );\n      });\n    } else {\n      currentItem = 0;\n    }\n\n    let indexToFocus = currentItem;\n    // if currentItem is -1, no menu item is focused yet.\n    // in this case, the first item should receive focus.\n    if (currentItem === -1) {\n      indexToFocus = 0;\n    } else if (e) {\n      if (e.key === 'ArrowUp') {\n        indexToFocus = indexToFocus - 1;\n      }\n      if (e.key === 'ArrowDown') {\n        indexToFocus = indexToFocus + 1;\n      }\n    }\n    if (indexToFocus < 0) {\n      indexToFocus = this.activeitems.length - 1;\n    }\n    if (indexToFocus >= this.activeitems.length) {\n      indexToFocus = 0;\n    }\n\n    if (indexToFocus !== currentItem) {\n      this.activeitems[indexToFocus]?.item?.focus();\n    }\n  };\n  _findActiveElementInShadowRoot = (shadowRoot) => {\n    if (shadowRoot === null) return null;\n\n    let activeElement = shadowRoot.activeElement;\n    while (\n      activeElement &&\n      activeElement.shadowRoot &&\n      activeElement.shadowRoot.activeElement\n    ) {\n      activeElement = activeElement.shadowRoot.activeElement;\n    }\n    return activeElement;\n  };\n\n  _notEmpty = (value: number | null | undefined) => {\n    return value !== null && value !== undefined;\n  };\n  _fitValue = (range: number[], axis: 'x' | 'y') => {\n    const { isRoot } = this.context;\n\n    // const isRoot =  false\n    const menuElement = this.shadowRoot?.querySelector(`.${prefix}--menu`);\n    const { width, height } = (menuElement ?? this).getBoundingClientRect();\n    const alignment = isRoot ? 'vertical' : 'horizontal';\n    const axes = {\n      x: {\n        max: window.innerWidth,\n        size: width,\n        anchor: alignment === 'horizontal' ? range[1] : range[0],\n        reversedAnchor: alignment === 'horizontal' ? range[0] : range[1],\n        offset: 0,\n      },\n      y: {\n        max: window.innerHeight,\n        size: height,\n        anchor: alignment === 'horizontal' ? range[0] : range[1],\n        reversedAnchor: alignment === 'horizontal' ? range[1] : range[0],\n        offset: isRoot ? 0 : 4, // top padding in menu, used to align the menu items\n      },\n    };\n\n    // Avoid that the Menu render incorrectly when the postion is set in the right side of the screen\n    if (\n      this.actionButtonWidth &&\n      this.actionButtonWidth < axes.x.size &&\n      (this.menuAlignment === 'bottom' || this.menuAlignment === 'top')\n    ) {\n      axes.x.size = this.actionButtonWidth;\n    }\n\n    // if 'axes.x.anchor' is lower than 87px dynamically switch render side\n    if (\n      this.actionButtonWidth &&\n      (this.menuAlignment === 'bottom-end' ||\n        this.menuAlignment === 'top-end') &&\n      axes.x.anchor >= 87 &&\n      this.actionButtonWidth < axes.x.size\n    ) {\n      const diff = axes.x.anchor + axes.x.reversedAnchor;\n      axes.x.anchor = axes.x.anchor + diff;\n    }\n\n    const { max, size, anchor, reversedAnchor, offset } = axes[axis];\n\n    // get values for different scenarios, set to false if they don't work\n    const options = [\n      // towards max (preferred)\n      max - this.spacing - size - anchor >= 0 ? anchor - offset : false,\n\n      // towards min / reversed (first fallback)\n      reversedAnchor - size >= 0 ? reversedAnchor - size + offset : false,\n\n      // align at max (second fallback)\n      max - this.spacing - size,\n    ];\n    const topAlignment =\n      this.menuAlignment === 'top' ||\n      this.menuAlignment === 'top-end' ||\n      this.menuAlignment === 'top-start';\n    // If the tooltip is not visible in the top, switch to the bototm\n    if (\n      typeof options[0] === 'number' &&\n      topAlignment &&\n      options[0] >= 0 &&\n      !options[1] &&\n      axis === 'y'\n    ) {\n      this.style.transform = 'translate(0)';\n    } else if (topAlignment && !options[0] && axis === 'y') {\n      options[0] = anchor - offset;\n    }\n\n    // Previous array `options`, has at least one item that is a number (the last one - second fallback).\n    // That guarantees that the return of `find()` will always be a number\n    // and we can safely add the numeric casting `as number`.\n    const bestOption = options.find((option) => option !== false) as number;\n\n    return bestOption >= this.spacing ? bestOption : this.spacing;\n  };\n  _getPosition = (x: number | (number | null | undefined)[]) => {\n    if (Array.isArray(x)) {\n      // has to be of length 2\n      const filtered = x.filter(this._notEmpty);\n      if (filtered.length === 2) {\n        return filtered;\n      } else {\n        return;\n      }\n    } else {\n      return [x, x];\n    }\n  };\n  _calculatePosition = () => {\n    const ranges = {\n      x: this._getPosition(this.x),\n      y: this._getPosition(this.y),\n    };\n\n    if (!ranges.x || !ranges.y) {\n      return [-1, -1];\n    }\n    return [\n      this._fitValue(ranges.x as number[], 'x') ?? -1,\n      this._fitValue(ranges.y as number[], 'y') ?? -1,\n    ];\n  };\n  _handleOpen = async () => {\n    const pos = this._calculatePosition();\n    if (this.isRtl) {\n      this.style.insetInlineStart = `initial`;\n      this.style.insetInlineEnd = `${pos[0]}px`;\n    } else {\n      this.style.insetInlineStart = `${pos[0]}px`;\n      this.style.insetInlineEnd = `initial`;\n    }\n    this.style.insetBlockStart = `${pos[1]}px`;\n    this.position = pos;\n\n    await this.updateComplete;\n    this._registerMenuItems();\n    this._setActiveItems();\n\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnOpen, init)\n      )\n    ) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnOpen, init)\n      );\n    }\n  };\n  dispatchCloseEvent = (e?: Event) => {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        triggeredBy: e?.target,\n        triggerEventType: e?.type,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnClose, init)\n      )\n    ) {\n      this.dispatchEvent(\n        new CustomEvent((this.constructor as typeof CDSMenu).eventOnClose, init)\n      );\n    }\n  };\n  private _handleClose = () => {\n    this.position = [-1, -1];\n    this.style.removeProperty('inset-inline-start');\n    this.style.removeProperty('inset-inline-end');\n    this.style.removeProperty('inset-block-start');\n  };\n  private _handleRootCloseRequest = (\n    event: CustomEvent<{ triggerEvent?: Event }>\n  ) => {\n    if (!this.context?.isRoot) {\n      return;\n    }\n\n    this.dispatchCloseEvent(event.detail?.triggerEvent ?? event);\n  };\n  _newContextCreate = () => {\n    this.context = {\n      ...this.context,\n      isRoot: false,\n      size: this.size,\n    };\n  };\n  _registerMenuItems = () => {\n    let items;\n    if (this.isChild) {\n      const submenuSlot = this.querySelector(\n        'slot[name=\"submenu\"]'\n      ) as HTMLSlotElement | null;\n      items = submenuSlot?.assignedElements() ?? [];\n    } else {\n      items = this.shadowRoot?.querySelector('slot')?.assignedElements() ?? [];\n    }\n    this.items = items?.filter((item) => {\n      if (item.tagName === 'CDS-MENU-ITEM') {\n        return !(item as CDSmenuItem).disabled;\n      }\n      return item.tagName !== 'CDS-MENU-ITEM-DIVIDER';\n    });\n  };\n  _setActiveItems = () => {\n    this.activeitems = [];\n\n    this.items?.map((item) => {\n      let activeItem: activeItemType;\n      switch (item.tagName) {\n        case 'CDS-MENU-ITEM-RADIO-GROUP': {\n          const slotElements = item.querySelectorAll(`${prefix}-menu-item`);\n          if (slotElements?.length) {\n            for (const entry of slotElements.entries()) {\n              activeItem = {\n                item: entry[1] as CDSmenuItem,\n                parent: item as HTMLElement,\n              };\n              this.activeitems = [...this.activeitems, activeItem];\n            }\n          }\n          break;\n        }\n        case 'CDS-MENU-ITEM-GROUP': {\n          const slotElements = item.shadowRoot\n            ?.querySelector('slot')\n            ?.assignedElements();\n          slotElements?.map((el) => {\n            activeItem = {\n              item: el as CDSmenuItem,\n              parent: el as HTMLElement,\n            };\n            this.activeitems = [...this.activeitems, activeItem];\n          });\n          break;\n        }\n        case 'CDS-MENU-ITEM-SELECTABLE': {\n          activeItem = {\n            item: item.shadowRoot?.querySelector(\n              `${prefix}-menu-item`\n            ) as CDSmenuItem,\n            parent: item as HTMLElement,\n          };\n          this.activeitems = [...this.activeitems, activeItem];\n          break;\n        }\n        default: {\n          activeItem = {\n            item: item as CDSmenuItem,\n            parent: null,\n          };\n          this.activeitems = [...this.activeitems, activeItem];\n        }\n      }\n    });\n    const activeEl = this.activeitems[0]?.item ?? document.activeElement;\n    activeEl.focus();\n  };\n  static styles = styles;\n}\nexport default CDSMenu;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAkCH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,iBAAiB,CAAC,UAAU,CAAC,CAAA;AAAnD,IAAA,WAAA,GAAA;;QAGE,IAAA,CAAA,OAAO,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACF,gBAAgB,CAAA,EAAA,EACnB,eAAe,EAAE,CAAC,WAA8B,KAAI;gBAClD,IAAI,CAAC,OAAO,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACP,IAAI,CAAC,OAAO,CAAA,EACZ,WAAW,CACf;AACH,YAAA,CAAC,EAAA,CAAA;AAGM,QAAA,IAAA,CAAA,OAAO,GAAW,CAAC,CAAC;AAE7B;;AAEG;QAEH,IAAA,CAAA,KAAK,GAA0B,EAAE;AAEjC;;AAEG;QAEH,IAAA,CAAA,WAAW,GAAqB,EAAE;AAOlC;;AAEG;QAEH,IAAA,CAAA,OAAO,GAAG,KAAK;AAMf;;AAEG;QAEH,IAAA,CAAA,KAAK,GAAG,KAAK;AACb;;AAEG;QAEH,IAAA,CAAA,MAAM,GAAG,IAAI;AAEb;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;AACjB;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,IAAI;AAMX;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC;AACnB;;AAEG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAG,SAAS,CAAC,KAAK;AAStB;;AAEG;AAEH,QAAA,IAAA,CAAA,eAAe,GAAG,qBAAqB,CAAC,KAAK;AAE7C;;AAEG;QAEH,IAAA,CAAA,MAAM,GAAG,KAAK;AAOd;;AAEG;QAEH,IAAA,CAAA,CAAC,GAAsB,CAAC;AACxB;;AAEG;QAEH,IAAA,CAAA,CAAC,GAAsB,CAAC;AAKhB,QAAA,IAAA,CAAA,WAAW,GAAG,CAAC,CAAa,KAAI;AACtC,YAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO;;;;;AAK/B,YAAA,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAqB,CAAC,EAAE;AAClE,gBAAA,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;YAC5B;AACF,QAAA,CAAC;AA6FD,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,CAAgB,KAAI;AACpC,YAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO;YAC/B,CAAC,CAAC,eAAe,EAAE;;;AAInB,YAAA,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,CAAC,EAAE;AAC5D,gBAAA,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;YAC5B;iBAAO;;AAEL,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;oBAChD,CAAC,CAAC,cAAc,EAAE;gBACpB;AACA,gBAAA,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;YACpB;AACF,QAAA,CAAC;AAED,QAAA,IAAA,CAAA,UAAU,GAAG,CAAC,CAA4B,KAAI;;AAC5C,YAAA,IAAI,WAAmB;YAEvB,IAAI,CAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,aAAa,0CAAE,OAAO,MAAK,UAAU,EAAE;gBAClD,MAAM,kBAAkB,GAAG,IAAI,CAAC,8BAA8B,CAAC,QAAQ,CAAC;gBACxE,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,UAAU,KAAI;;AACtD,oBAAA,QACE,kBAAkB,IAAI,UAAU,CAAC,IAAI;wBACrC,CAAA,CAAA,EAAA,GAAA,UAAU,CAAC,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,MAAK,kBAAkB;AAEpE,gBAAA,CAAC,CAAC;YACJ;iBAAO;gBACL,WAAW,GAAG,CAAC;YACjB;YAEA,IAAI,YAAY,GAAG,WAAW;;;AAG9B,YAAA,IAAI,WAAW,KAAK,EAAE,EAAE;gBACtB,YAAY,GAAG,CAAC;YAClB;iBAAO,IAAI,CAAC,EAAE;AACZ,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE;AACvB,oBAAA,YAAY,GAAG,YAAY,GAAG,CAAC;gBACjC;AACA,gBAAA,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;AACzB,oBAAA,YAAY,GAAG,YAAY,GAAG,CAAC;gBACjC;YACF;AACA,YAAA,IAAI,YAAY,GAAG,CAAC,EAAE;gBACpB,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC;YAC5C;YACA,IAAI,YAAY,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE;gBAC3C,YAAY,GAAG,CAAC;YAClB;AAEA,YAAA,IAAI,YAAY,KAAK,WAAW,EAAE;AAChC,gBAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;YAC/C;AACF,QAAA,CAAC;AACD,QAAA,IAAA,CAAA,8BAA8B,GAAG,CAAC,UAAU,KAAI;YAC9C,IAAI,UAAU,KAAK,IAAI;AAAE,gBAAA,OAAO,IAAI;AAEpC,YAAA,IAAI,aAAa,GAAG,UAAU,CAAC,aAAa;AAC5C,YAAA,OACE,aAAa;AACb,gBAAA,aAAa,CAAC,UAAU;AACxB,gBAAA,aAAa,CAAC,UAAU,CAAC,aAAa,EACtC;AACA,gBAAA,aAAa,GAAG,aAAa,CAAC,UAAU,CAAC,aAAa;YACxD;AACA,YAAA,OAAO,aAAa;AACtB,QAAA,CAAC;AAED,QAAA,IAAA,CAAA,SAAS,GAAG,CAAC,KAAgC,KAAI;AAC/C,YAAA,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;AAC9C,QAAA,CAAC;AACD,QAAA,IAAA,CAAA,SAAS,GAAG,CAAC,KAAe,EAAE,IAAe,KAAI;;AAC/C,YAAA,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO;;AAG/B,YAAA,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CAAC,CAAA,CAAA,EAAI,MAAM,CAAA,MAAA,CAAQ,CAAC;AACtE,YAAA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAX,WAAW,GAAI,IAAI,EAAE,qBAAqB,EAAE;YACvE,MAAM,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY;AACpD,YAAA,MAAM,IAAI,GAAG;AACX,gBAAA,CAAC,EAAE;oBACD,GAAG,EAAE,MAAM,CAAC,UAAU;AACtB,oBAAA,IAAI,EAAE,KAAK;AACX,oBAAA,MAAM,EAAE,SAAS,KAAK,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AACxD,oBAAA,cAAc,EAAE,SAAS,KAAK,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AAChE,oBAAA,MAAM,EAAE,CAAC;AACV,iBAAA;AACD,gBAAA,CAAC,EAAE;oBACD,GAAG,EAAE,MAAM,CAAC,WAAW;AACvB,oBAAA,IAAI,EAAE,MAAM;AACZ,oBAAA,MAAM,EAAE,SAAS,KAAK,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;AACxD,oBAAA,cAAc,EAAE,SAAS,KAAK,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;oBAChE,MAAM,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;AACvB,iBAAA;aACF;;YAGD,IACE,IAAI,CAAC,iBAAiB;AACtB,gBAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI;AACpC,iBAAC,IAAI,CAAC,aAAa,KAAK,QAAQ,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,EACjE;gBACA,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,iBAAiB;YACtC;;YAGA,IACE,IAAI,CAAC,iBAAiB;AACtB,iBAAC,IAAI,CAAC,aAAa,KAAK,YAAY;AAClC,oBAAA,IAAI,CAAC,aAAa,KAAK,SAAS,CAAC;AACnC,gBAAA,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE;gBACnB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,EACpC;AACA,gBAAA,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,cAAc;AAClD,gBAAA,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI;YACtC;AAEA,YAAA,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;;AAGhE,YAAA,MAAM,OAAO,GAAG;;AAEd,gBAAA,GAAG,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,MAAM,IAAI,CAAC,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK;;AAGjE,gBAAA,cAAc,GAAG,IAAI,IAAI,CAAC,GAAG,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,KAAK;;AAGnE,gBAAA,GAAG,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI;aAC1B;AACD,YAAA,MAAM,YAAY,GAChB,IAAI,CAAC,aAAa,KAAK,KAAK;gBAC5B,IAAI,CAAC,aAAa,KAAK,SAAS;AAChC,gBAAA,IAAI,CAAC,aAAa,KAAK,WAAW;;AAEpC,YAAA,IACE,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ;gBAC9B,YAAY;AACZ,gBAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;gBACf,CAAC,OAAO,CAAC,CAAC,CAAC;gBACX,IAAI,KAAK,GAAG,EACZ;AACA,gBAAA,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc;YACvC;AAAO,iBAAA,IAAI,YAAY,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,KAAK,GAAG,EAAE;AACtD,gBAAA,OAAO,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,MAAM;YAC9B;;;;AAKA,YAAA,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,KAAK,KAAK,CAAW;AAEvE,YAAA,OAAO,UAAU,IAAI,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,IAAI,CAAC,OAAO;AAC/D,QAAA,CAAC;AACD,QAAA,IAAA,CAAA,YAAY,GAAG,CAAC,CAAyC,KAAI;AAC3D,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;;gBAEpB,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;AACzC,gBAAA,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACzB,oBAAA,OAAO,QAAQ;gBACjB;qBAAO;oBACL;gBACF;YACF;iBAAO;AACL,gBAAA,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;YACf;AACF,QAAA,CAAC;QACD,IAAA,CAAA,kBAAkB,GAAG,MAAK;;AACxB,YAAA,MAAM,MAAM,GAAG;gBACb,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC5B,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;aAC7B;YAED,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE;AAC1B,gBAAA,OAAO,CAAC,EAAE,EAAE,EAAE,CAAC;YACjB;YACA,OAAO;AACL,gBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAa,EAAE,GAAG,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;AAC/C,gBAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAa,EAAE,GAAG,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;aAChD;AACH,QAAA,CAAC;QACD,IAAA,CAAA,WAAW,GAAG,YAAW;AACvB,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,kBAAkB,EAAE;AACrC,YAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACd,gBAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,SAAS;gBACvC,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,CAAA,EAAG,GAAG,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;YAC3C;iBAAO;gBACL,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAAA,EAAG,GAAG,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;AAC3C,gBAAA,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,SAAS;YACvC;YACA,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,CAAA,EAAG,GAAG,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;AAC1C,YAAA,IAAI,CAAC,QAAQ,GAAG,GAAG;YAEnB,MAAM,IAAI,CAAC,cAAc;YACzB,IAAI,CAAC,kBAAkB,EAAE;YACzB,IAAI,CAAC,eAAe,EAAE;AAEtB,YAAA,MAAM,IAAI,GAAG;AACX,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,QAAQ,EAAE,IAAI;aACf;AACD,YAAA,IACE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAE,IAAI,CAAC,WAA8B,CAAC,WAAW,EAAE,IAAI,CAAC,CACxE,EACD;AACA,gBAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAE,IAAI,CAAC,WAA8B,CAAC,WAAW,EAAE,IAAI,CAAC,CACxE;YACH;AACF,QAAA,CAAC;AACD,QAAA,IAAA,CAAA,kBAAkB,GAAG,CAAC,CAAS,KAAI;AACjC,YAAA,MAAM,IAAI,GAAG;AACX,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,MAAM,EAAE;AACN,oBAAA,WAAW,EAAE,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,MAAA,GAAA,MAAA,GAAD,CAAC,CAAE,MAAM;AACtB,oBAAA,gBAAgB,EAAE,CAAC,KAAA,IAAA,IAAD,CAAC,KAAA,MAAA,GAAA,MAAA,GAAD,CAAC,CAAE,IAAI;AAC1B,iBAAA;aACF;AACD,YAAA,IACE,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAE,IAAI,CAAC,WAA8B,CAAC,YAAY,EAAE,IAAI,CAAC,CACzE,EACD;AACA,gBAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAE,IAAI,CAAC,WAA8B,CAAC,YAAY,EAAE,IAAI,CAAC,CACzE;YACH;AACF,QAAA,CAAC;QACO,IAAA,CAAA,YAAY,GAAG,MAAK;YAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC;AACxB,YAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;AAC/C,YAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;AAC7C,YAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;AAChD,QAAA,CAAC;AACO,QAAA,IAAA,CAAA,uBAAuB,GAAG,CAChC,KAA4C,KAC1C;;YACF,IAAI,EAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,CAAA,EAAE;gBACzB;YACF;AAEA,YAAA,IAAI,CAAC,kBAAkB,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK,CAAC;AAC9D,QAAA,CAAC;QACD,IAAA,CAAA,iBAAiB,GAAG,MAAK;AACvB,YAAA,IAAI,CAAC,OAAO,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACP,IAAI,CAAC,OAAO,CAAA,EAAA,EACf,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,GAChB;AACH,QAAA,CAAC;QACD,IAAA,CAAA,kBAAkB,GAAG,MAAK;;AACxB,YAAA,IAAI,KAAK;AACT,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;gBAChB,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CACpC,sBAAsB,CACG;AAC3B,gBAAA,KAAK,GAAG,CAAA,EAAA,GAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,gBAAgB,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;YAC/C;iBAAO;AACL,gBAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CAAC,MAAM,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;YAC1E;AACA,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,MAAM,CAAC,CAAC,IAAI,KAAI;AAClC,gBAAA,IAAI,IAAI,CAAC,OAAO,KAAK,eAAe,EAAE;AACpC,oBAAA,OAAO,CAAE,IAAoB,CAAC,QAAQ;gBACxC;AACA,gBAAA,OAAO,IAAI,CAAC,OAAO,KAAK,uBAAuB;AACjD,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC;QACD,IAAA,CAAA,eAAe,GAAG,MAAK;;AACrB,YAAA,IAAI,CAAC,WAAW,GAAG,EAAE;YAErB,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,CAAC,CAAC,IAAI,KAAI;;AACvB,gBAAA,IAAI,UAA0B;AAC9B,gBAAA,QAAQ,IAAI,CAAC,OAAO;oBAClB,KAAK,2BAA2B,EAAE;wBAChC,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAA,EAAG,MAAM,CAAA,UAAA,CAAY,CAAC;wBACjE,IAAI,YAAY,aAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,MAAM,EAAE;4BACxB,KAAK,MAAM,KAAK,IAAI,YAAY,CAAC,OAAO,EAAE,EAAE;AAC1C,gCAAA,UAAU,GAAG;AACX,oCAAA,IAAI,EAAE,KAAK,CAAC,CAAC,CAAgB;AAC7B,oCAAA,MAAM,EAAE,IAAmB;iCAC5B;gCACD,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;4BACtD;wBACF;wBACA;oBACF;oBACA,KAAK,qBAAqB,EAAE;AAC1B,wBAAA,MAAM,YAAY,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAChC,aAAa,CAAC,MAAM,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CACrB,gBAAgB,EAAE;wBACtB,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,EAAE,KAAI;AACvB,4BAAA,UAAU,GAAG;AACX,gCAAA,IAAI,EAAE,EAAiB;AACvB,gCAAA,MAAM,EAAE,EAAiB;6BAC1B;4BACD,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;AACtD,wBAAA,CAAC,CAAC;wBACF;oBACF;oBACA,KAAK,0BAA0B,EAAE;AAC/B,wBAAA,UAAU,GAAG;4BACX,IAAI,EAAE,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CAClC,CAAA,EAAG,MAAM,CAAA,UAAA,CAAY,CACP;AAChB,4BAAA,MAAM,EAAE,IAAmB;yBAC5B;wBACD,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;wBACpD;oBACF;oBACA,SAAS;AACP,wBAAA,UAAU,GAAG;AACX,4BAAA,IAAI,EAAE,IAAmB;AACzB,4BAAA,MAAM,EAAE,IAAI;yBACb;wBACD,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;oBACtD;;AAEJ,YAAA,CAAC,CAAC;AACF,YAAA,MAAM,QAAQ,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,0CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,QAAQ,CAAC,aAAa;YACpE,QAAQ,CAAC,KAAK,EAAE;AAClB,QAAA,CAAC;IAEH;AAlaE;;AAEG;AACH,IAAA,WAAW,YAAY,GAAA;QACrB,OAAO,CAAA,EAAG,MAAM,CAAA,YAAA,CAAc;IAChC;AACA;;AAEG;AACH,IAAA,WAAW,WAAW,GAAA;QACpB,OAAO,CAAA,EAAG,MAAM,CAAA,YAAA,CAAc;IAChC;AACA,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;AACjC,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,WAAW,EAAE;YACpB;iBAAO;gBACL,IAAI,CAAC,YAAY,EAAE;YACrB;QACF;IACF;IACA,iBAAiB,GAAA;QACf,KAAK,CAAC,iBAAiB,EAAE;AACzB,QAAA,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,MAAK;;AACxC,YAAA,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CACX,aAAa,CAAC,YAAY,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAC3B,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA,kBAAA,CAAoB,CAAC;AAClD,QAAA,CAAC,CAAC;QACF,IAAI,CAAC,gBAAgB,CACnB,qBAAqB,EACrB,IAAI,CAAC,uBAAwC,CAC9C;IACH;IAEA,oBAAoB,GAAA;QAClB,IAAI,CAAC,mBAAmB,CACtB,qBAAqB,EACrB,IAAI,CAAC,uBAAwC,CAC9C;QACD,KAAK,CAAC,oBAAoB,EAAE;IAC9B;AACA,IAAA,MAAM,YAAY,GAAA;;QAChB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,KAAK,KAAK;QACrC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM;AAEjC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,iBAAiB,EAAE;QAC1B;QACA,MAAM,IAAI,CAAC,cAAc;QACzB,IAAI,CAAC,kBAAkB,EAAE;QACzB,IAAI,CAAC,eAAe,EAAE;QAEtB,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,aAAa,CAAC,MAAM,CAAC;QACnD,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,gBAAgB,CAAC,YAAY,EAAE,MAAK;YACxC,IAAI,CAAC,kBAAkB,EAAE;YACzB,IAAI,CAAC,eAAe,EAAE;AACxB,QAAA,CAAC,CAAC;IACJ;IACA,MAAM,GAAA;AACJ,QAAA,MAAM,EACJ,IAAI,EACJ,aAAa,EACb,KAAK,EACL,QAAQ,EACR,cAAc,EAAE,aAAa,GAC9B,GAAG,IAAI;QACR,MAAM,WAAW,GAAG,QAAQ,CAAC;AAC3B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,MAAA,CAAQ,GAAG,IAAI;YACzB,CAAC,CAAA,EAAG,MAAM,CAAA,QAAA,EAAW,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,IAAI,CAAC,IAAI;AAC5C,YAAA,CAAC,GAAG,MAAM,CAAA,sBAAA,CAAwB,GAChC,aAAa,IAAI,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,KAAK;AACtD,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,YAAA,CAAc,GAAG,IAAI;AAC/B,YAAA,CAAC,GAAG,MAAM,CAAA,aAAA,CAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;YAChE,CAAC,CAAA,EAAG,MAAM,CAAA,6BAAA,CAA+B,GACvC,IAAI,CAAC,OAAO,CAAC,kBAAkB;AACjC,YAAA,CAAC,GAAG,MAAM,CAAA,cAAA,CAAgB,GAAG,IAAI,CAAC,MAAM;YACxC,CAAC,CAAA,EAAG,MAAM,CAAA,oCAAA,CAAsC,GAC9C,IAAI,CAAC,eAAe,KAAK,qBAAqB,CAAC,UAAU;AAC5D,SAAA,CAAC;AACF,QAAA,OAAO,IAAI,CAAA;;iBAEE,WAAW,CAAA;sBACN,KAAK,CAAA;;oBAEP,aAAa,CAAA;;;;KAI5B;IACH;;AAwUO,OAAA,CAAA,MAAM,GAAG,MAAH;AA9hBb,UAAA,CAAA;AAFC,IAAA,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC;AACjC,IAAA,OAAO,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE;AAS/B,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAQF,UAAA,CAAA;AADC,IAAA,KAAK;AAC4B,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAMlC,UAAA,CAAA;AADC,IAAA,KAAK;AAC6B,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAMnC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACpB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAKN,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACX,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAKhB,UAAA,CAAA;AADC,IAAA,QAAQ;AACS,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,mBAAA,EAAA,MAAA,CAAA;AAKlB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAKd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAMd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACR,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AAKlB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC9B,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAKZ,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE;AACnB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AAKZ,UAAA,CAAA;AADC,IAAA,QAAQ;AACW,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAKpB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE;AACN,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAOvB,UAAA,CAAA;AADC,IAAA,QAAQ;AACJ,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAML,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE;AACX,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAM9C,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACZ,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAMf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACZ,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAKd,UAAA,CAAA;AADC,IAAA,QAAQ;AACgB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,GAAA,EAAA,MAAA,CAAA;AAKzB,UAAA,CAAA;AADC,IAAA,QAAQ;AACgB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,GAAA,EAAA,MAAA,CAAA;AAKjB,UAAA,CAAA;IAHP,YAAY,CAAC,UAAU;;;AAYtB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AA9HE,OAAO,GAAA,UAAA,CAAA;AADZ,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO;AACzB,CAAA,EAAA,OAAO,CAkiBZ;AACD,gBAAe,OAAO;;;;"}

package/es-custom/components/menu/menu.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--menu *,.cds-custom--menu :after,.cds-custom--menu :before{box-sizing:inherit}.cds-custom--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;opacity:0;padding:.25rem 0;position:fixed;visibility:hidden;z-index:9000}.cds-custom--menu--border{outline:1px solid var(--cds-border-subtle)}.cds-custom--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds-custom--menu--shown{overflow:visible}.cds-custom--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--menu-item:focus{outline-style:dotted}}.cds-custom--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--menu--xs .cds-custom--menu-item{block-size:1.5rem}.cds-custom--menu--sm .cds-custom--menu-item{block-size:2rem}.cds-custom--menu--md .cds-custom--menu-item{block-size:2.5rem}.cds-custom--menu--lg .cds-custom--menu-item{block-size:3rem}.cds-custom--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--menu-item__shortcut{display:flex}.cds-custom--menu-item-group>ul,.cds-custom--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--menu-item-group>ul *,.cds-custom--menu-item-group>ul :after,.cds-custom--menu-item-group>ul :before,.cds-custom--menu-item-radio-group>ul *,.cds-custom--menu-item-radio-group>ul :after,.cds-custom--menu-item-radio-group>ul :before{box-sizing:inherit}.cds-custom--menu-item__icon,.cds-custom--menu-item__selection-icon{display:none}.cds-custom--menu--with-icons>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1fr max-content}.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon{display:flex}.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds-custom--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--menu-item--disabled.cds-custom--menu-item--danger:hover,.cds-custom--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--menu-item--danger:focus,.cds-custom--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds-custom--menu-item-divider{background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}.cds-custom--menu--with-icons{--child-icon-property:flex;--child-grid-template-columns:1rem 1fr max-content}:host(cds-custom-menu){position:fixed;z-index:9000;--grid-template:1fr max-content;--display-icon-item:none;--display-selection-icon:none;--block-size-value:2rem}.cds-custom--menu--with-icons{--grid-template:1rem 1fr max-content;--display-icon-item:flex}.cds-custom--menu--with-selectable-items{--grid-template:1rem 1fr max-content;--display-selection-icon:flex}.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items{--grid-template:1rem 1rem 1fr max-content}.cds-custom--menu{overflow-y:auto}.cds-custom--menu--shown{opacity:1}.cds-custom--menu--open{visibility:visible}.cds-custom--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--menu--open:focus{outline-style:dotted}}.cds-custom--menu:not(.cds-custom--menu--open) .cds-custom--menu--open{visibility:hidden}.cds-custom--menu--with-icons{min-inline-size:12rem}.cds-custom--menu--xs{--block-size-value:1.5rem}.cds-custom--menu--sm{--block-size-value:2rem}.cds-custom--menu--md{--block-size-value:2.5rem}.cds-custom--menu--lg{--block-size-value:3rem}"]);
+var styles = css(["@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--assistive-text,.cds-custom--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--menu{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--menu *,.cds-custom--menu :after,.cds-custom--menu :before{box-sizing:inherit}.cds-custom--menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-inline-size:18rem;min-inline-size:10rem;padding:.25rem 0;position:fixed;z-index:9000}.cds-custom--menu--border{outline:1px solid var(--cds-border-subtle)}.cds-custom--menu--background-token__background{background-color:var(--cds-background,#fff)}.cds-custom--menu:not(.cds-custom--menu--open) .cds-custom--menu--open{visibility:hidden}.cds-custom--menu--shown{overflow:visible}.cds-custom--menu-item{align-items:center;block-size:2rem;color:var(--cds-text-secondary,#525252);-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:grid;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);grid-template-columns:1fr max-content;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);padding-inline:1rem;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds-custom--menu-item:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds-custom--menu-item:focus{outline-style:dotted}}.cds-custom--menu-item:hover{background-color:var(--cds-layer-hover);color:var(--cds-text-primary,#161616)}.cds-custom--menu--xs .cds-custom--menu-item{block-size:1.5rem}.cds-custom--menu--sm .cds-custom--menu-item{block-size:2rem}.cds-custom--menu--md .cds-custom--menu-item{block-size:2.5rem}.cds-custom--menu--lg .cds-custom--menu-item{block-size:3rem}.cds-custom--menu-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-custom--menu-item__shortcut{display:flex}.cds-custom--menu-item-group>ul,.cds-custom--menu-item-radio-group>ul{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds-custom--menu-item-group>ul *,.cds-custom--menu-item-group>ul :after,.cds-custom--menu-item-group>ul :before,.cds-custom--menu-item-radio-group>ul *,.cds-custom--menu-item-radio-group>ul :after,.cds-custom--menu-item-radio-group>ul :before{box-sizing:inherit}.cds-custom--menu-item__icon,.cds-custom--menu-item__selection-icon{display:none}.cds-custom--menu--with-icons>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1fr max-content}.cds-custom--menu--with-icons>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-icons>.cds-custom--menu-item>.cds-custom--menu-item__icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon,.cds-custom--menu--with-selectable-items>.cds-custom--menu-item>.cds-custom--menu-item__selection-icon{display:flex}.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-group>ul>.cds-custom--menu-item,.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items>.cds-custom--menu-item-radio-group>ul>.cds-custom--menu-item{grid-template-columns:1rem 1rem 1fr max-content}.cds-custom--menu-item--disabled{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--menu-item--disabled.cds-custom--menu-item--danger:hover,.cds-custom--menu-item--disabled:hover{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--menu-item--danger:focus,.cds-custom--menu-item--danger:hover{background-color:var(--cds-button-danger-primary,#da1e28);color:var(--cds-text-on-color,#fff)}.cds-custom--menu-item-divider{background-color:var(--cds-border-subtle);block-size:.0625rem;display:block;inline-size:100%;margin-block:.25rem}.cds-custom--menu--with-icons{--child-icon-property:flex;--child-grid-template-columns:1rem 1fr max-content}:host(cds-custom-menu){position:fixed;z-index:9000;--grid-template:1fr max-content;--display-icon-item:none;--display-selection-icon:none;--block-size-value:2rem}:host(cds-custom-menu):not([open]){pointer-events:none}.cds-custom--menu--with-icons{--grid-template:1rem 1fr max-content;--display-icon-item:flex}.cds-custom--menu--with-selectable-items{--grid-template:1rem 1fr max-content;--display-selection-icon:flex}.cds-custom--menu--with-icons.cds-custom--menu--with-selectable-items{--grid-template:1rem 1rem 1fr max-content}.cds-custom--menu{opacity:0;overflow-y:auto;pointer-events:none;visibility:hidden}.cds-custom--menu--shown{opacity:1}.cds-custom--menu--open{visibility:visible}.cds-custom--menu--open:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds-custom--menu--open:focus{outline-style:dotted}}.cds-custom--menu--open.cds-custom--menu--shown{pointer-events:auto}.cds-custom--menu--with-icons{min-inline-size:12rem}.cds-custom--menu--xs{--block-size-value:1.5rem}.cds-custom--menu--sm{--block-size-value:2rem}.cds-custom--menu--md{--block-size-value:2.5rem}.cds-custom--menu--lg{--block-size-value:3rem}"]);
 
 export { styles as default };
 //# sourceMappingURL=menu.scss.js.map

package/es-custom/components/modal/modal-body.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -12,7 +12,9 @@ import { LitElement } from 'lit';
  */
 declare class CDSModalBody extends LitElement {
     private userDefinedTabindex;
+    private _resizeObserver?;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     checkScroll(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;

package/es-custom/components/modal/modal-body.js

@@ -12,7 +12,7 @@ import styles from './modal.scss.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
 
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -34,17 +34,33 @@ let CDSModalBody = class CDSModalBody extends LitElement {
         if (this.hasAttribute('tabindex')) {
             this.userDefinedTabindex = this.getAttribute('tabindex');
         }
+        this._resizeObserver = new ResizeObserver(() => this.checkScroll());
+        this._resizeObserver.observe(this);
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        (_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        (_b = super.disconnectedCallback) === null || _b === void 0 ? void 0 : _b.call(this);
     }
     checkScroll() {
         const hasScroll = this.scrollHeight > this.clientHeight;
+        const hasAutoAlign = this.querySelector('[autoalign]') !== null;
+        if (this.clientHeight <= 300 || hasAutoAlign) {
+            this.setAttribute('no-fade', '');
+        }
+        else {
+            this.removeAttribute('no-fade');
+        }
         // Respect user-defined tabindex
         if (this.userDefinedTabindex !== null)
             return;
         if (hasScroll) {
             this.setAttribute('tabindex', '0');
+            this.setAttribute('is-scrollable', '');
         }
         else {
             this.removeAttribute('tabindex');
+            this.removeAttribute('is-scrollable');
         }
     }
     render() {

package/es-custom/components/modal/modal-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-body.js","sources":["../../../src/components/modal/modal-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal body.\n *\n * @element cds-custom-modal-body\n */\n@customElement(`${prefix}-modal-body`)\nclass CDSModalBody extends LitElement {\n  private userDefinedTabindex: string | null = null;\n\n  connectedCallback() {\n    super.connectedCallback?.();\n    // Store the tabindex if user set it initially\n    if (this.hasAttribute('tabindex')) {\n      this.userDefinedTabindex = this.getAttribute('tabindex');\n    }\n  }\n\n  checkScroll() {\n    const hasScroll = this.scrollHeight > this.clientHeight;\n\n    // Respect user-defined tabindex\n    if (this.userDefinedTabindex !== null) return;\n\n    if (hasScroll) {\n      this.setAttribute('tabindex', '0');\n    } else {\n      this.removeAttribute('tabindex');\n    }\n  }\n\n  render() {\n    return html` <slot @slotchange=${this.checkScroll}></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSModalBody;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH;;;;AAIG;AAEH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;QACU,IAAA,CAAA,mBAAmB,GAAkB,IAAI;IA4BnD;IA1BE,iBAAiB,GAAA;;AACf,QAAA,CAAA,EAAA,GAAA,KAAK,CAAC,iBAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,CAAI;;AAE3B,QAAA,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;YACjC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;QAC1D;IACF;IAEA,WAAW,GAAA;QACT,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;;AAGvD,QAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,IAAI;YAAE;QAEvC,IAAI,SAAS,EAAE;AACb,YAAA,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;QACpC;aAAO;AACL,YAAA,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;QAClC;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA,CAAA,mBAAA,EAAsB,IAAI,CAAC,WAAW,WAAW;IAC9D;;AAEO,YAAA,CAAA,MAAM,GAAG,MAAH;AA5BT,YAAY,GAAA,UAAA,CAAA;AADjB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,WAAA,CAAa;AAC/B,CAAA,EAAA,YAAY,CA6BjB;AAED,qBAAe,YAAY;;;;"}
+{"version":3,"file":"modal-body.js","sources":["../../../src/components/modal/modal-body.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal body.\n *\n * @element cds-custom-modal-body\n */\n@customElement(`${prefix}-modal-body`)\nclass CDSModalBody extends LitElement {\n  private userDefinedTabindex: string | null = null;\n  private _resizeObserver?: ResizeObserver;\n\n  connectedCallback() {\n    super.connectedCallback?.();\n    // Store the tabindex if user set it initially\n    if (this.hasAttribute('tabindex')) {\n      this.userDefinedTabindex = this.getAttribute('tabindex');\n    }\n    this._resizeObserver = new ResizeObserver(() => this.checkScroll());\n    this._resizeObserver.observe(this);\n  }\n\n  disconnectedCallback() {\n    this._resizeObserver?.disconnect();\n    super.disconnectedCallback?.();\n  }\n\n  checkScroll() {\n    const hasScroll = this.scrollHeight > this.clientHeight;\n    const hasAutoAlign = this.querySelector('[autoalign]') !== null;\n\n    if (this.clientHeight <= 300 || hasAutoAlign) {\n      this.setAttribute('no-fade', '');\n    } else {\n      this.removeAttribute('no-fade');\n    }\n\n    // Respect user-defined tabindex\n    if (this.userDefinedTabindex !== null) return;\n\n    if (hasScroll) {\n      this.setAttribute('tabindex', '0');\n      this.setAttribute('is-scrollable', '');\n    } else {\n      this.removeAttribute('tabindex');\n      this.removeAttribute('is-scrollable');\n    }\n  }\n\n  render() {\n    return html` <slot @slotchange=${this.checkScroll}></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSModalBody;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH;;;;AAIG;AAEH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU,CAAA;AAArC,IAAA,WAAA,GAAA;;QACU,IAAA,CAAA,mBAAmB,GAAkB,IAAI;IA6CnD;IA1CE,iBAAiB,GAAA;;AACf,QAAA,CAAA,EAAA,GAAA,KAAK,CAAC,iBAAiB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,CAAI;;AAE3B,QAAA,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;YACjC,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;QAC1D;AACA,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;AACnE,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC;IACpC;IAEA,oBAAoB,GAAA;;AAClB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,eAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,EAAE;AAClC,QAAA,CAAA,EAAA,GAAA,KAAK,CAAC,oBAAoB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,CAAI;IAChC;IAEA,WAAW,GAAA;QACT,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;QACvD,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,IAAI;QAE/D,IAAI,IAAI,CAAC,YAAY,IAAI,GAAG,IAAI,YAAY,EAAE;AAC5C,YAAA,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC;QAClC;aAAO;AACL,YAAA,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC;QACjC;;AAGA,QAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,IAAI;YAAE;QAEvC,IAAI,SAAS,EAAE;AACb,YAAA,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC;AAClC,YAAA,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC;QACxC;aAAO;AACL,YAAA,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;AAChC,YAAA,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC;QACvC;IACF;IAEA,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA,CAAA,mBAAA,EAAsB,IAAI,CAAC,WAAW,WAAW;IAC9D;;AAEO,YAAA,CAAA,MAAM,GAAG,MAAH;AA7CT,YAAY,GAAA,UAAA,CAAA;AADjB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,WAAA,CAAa;AAC/B,CAAA,EAAA,YAAY,CA8CjB;AAED,qBAAe,YAAY;;;;"}

package/es-custom/components/modal/modal-close-button.d.ts

@@ -1,10 +1,11 @@
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import { LitElement } from 'lit';
+import '../icon-button';
 declare const CDSModalCloseButton_base: {
     new (...args: any[]): {
         focus(): void;

package/es-custom/components/modal/modal-close-button.js

@@ -15,9 +15,10 @@ import FocusMixin from '../../globals/mixins/focus.js';
 import { iconLoader } from '../../globals/internal/icon-loader.js';
 import styles from './modal.scss.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
+import '../icon-button/icon-button.js';
 
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -44,16 +45,21 @@ let CDSModalCloseButton = class CDSModalCloseButton extends FocusMixin(LitElemen
     render() {
         const { closeButtonLabel } = this;
         return html `
-      <button
+      <cds-custom-icon-button
         part="button"
+        align="left"
+        enter-delay-ms=""
         aria-label="${ifDefined(closeButtonLabel)}"
-        class="${prefix}--modal-close"
-        title="${ifDefined(closeButtonLabel)}">
+        kind="ghost"
+        size="lg"
+        leave-delay-ms="">
         ${iconLoader(Close20, {
+            slot: 'icon',
             part: 'close-icon',
             class: `${prefix}--modal-close__icon`,
         })}
-      </button>
+        <span slot="tooltip-content">${closeButtonLabel}</span>
+      </cds-custom-icon-button>
     `;
     }
 };

package/es-custom/components/modal/modal-close-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-close-button.js","sources":["../../../src/components/modal/modal-close-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Close20 from '@carbon/icons/es/close/20.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal close button.\n *\n * @element cds-custom-modal-close-button\n * @csspart button The button.\n * @csspart close-icon The close icon.\n */\n@customElement(`${prefix}-modal-close-button`)\nclass CDSModalCloseButton extends FocusMixin(LitElement) {\n  /**\n   * Specify a label for the close button of the modal; defaults to close\n   */\n  @property({ attribute: 'close-button-label' })\n  closeButtonLabel = 'Close';\n\n  updated() {\n    this.parentElement?.setAttribute('close-button', '');\n  }\n\n  render() {\n    const { closeButtonLabel } = this;\n    return html`\n      <button\n        part=\"button\"\n        aria-label=\"${ifDefined(closeButtonLabel)}\"\n        class=\"${prefix}--modal-close\"\n        title=\"${ifDefined(closeButtonLabel)}\">\n        ${iconLoader(Close20, {\n          part: 'close-icon',\n          class: `${prefix}--modal-close__icon`,\n        })}\n      </button>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSModalCloseButton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAYH;;;;;;AAMG;AAEH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU,CAAC,UAAU,CAAC,CAAA;AAAxD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,gBAAgB,GAAG,OAAO;IA2B5B;IAzBE,OAAO,GAAA;;QACL,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC;IACtD;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI;AACjC,QAAA,OAAO,IAAI,CAAA;;;sBAGO,SAAS,CAAC,gBAAgB,CAAC,CAAA;iBAChC,MAAM,CAAA;iBACN,SAAS,CAAC,gBAAgB,CAAC,CAAA;UAClC,UAAU,CAAC,OAAO,EAAE;AACpB,YAAA,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;SACtC,CAAC;;KAEL;IACH;;AAEO,mBAAA,CAAA,iBAAiB,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnB,UAAU,CAAC,iBAAiB,KAC/B,cAAc,EAAE,IAAI,EAAA,CAFE;AAIjB,mBAAA,CAAA,MAAM,GAAG,MAAM,CAAC;AA1BvB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE;AAClB,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AALvB,mBAAmB,GAAA,UAAA,CAAA;AADxB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;AACvC,CAAA,EAAA,mBAAmB,CAgCxB;AAED,4BAAe,mBAAmB;;;;"}
+{"version":3,"file":"modal-close-button.js","sources":["../../../src/components/modal/modal-close-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Close20 from '@carbon/icons/es/close/20.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport '../icon-button';\n\n/**\n * Modal close button.\n *\n * @element cds-custom-modal-close-button\n * @csspart button The button.\n * @csspart close-icon The close icon.\n */\n@customElement(`${prefix}-modal-close-button`)\nclass CDSModalCloseButton extends FocusMixin(LitElement) {\n  /**\n   * Specify a label for the close button of the modal; defaults to close\n   */\n  @property({ attribute: 'close-button-label' })\n  closeButtonLabel = 'Close';\n\n  updated() {\n    this.parentElement?.setAttribute('close-button', '');\n  }\n\n  render() {\n    const { closeButtonLabel } = this;\n    return html`\n      <cds-custom-icon-button\n        part=\"button\"\n        align=\"left\"\n        enter-delay-ms=\"\"\n        aria-label=\"${ifDefined(closeButtonLabel)}\"\n        kind=\"ghost\"\n        size=\"lg\"\n        leave-delay-ms=\"\">\n        ${iconLoader(Close20, {\n          slot: 'icon',\n          part: 'close-icon',\n          class: `${prefix}--modal-close__icon`,\n        })}\n        <span slot=\"tooltip-content\">${closeButtonLabel}</span>\n      </cds-custom-icon-button>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSModalCloseButton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAaH;;;;;;AAMG;AAEH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU,CAAC,UAAU,CAAC,CAAA;AAAxD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,gBAAgB,GAAG,OAAO;IAgC5B;IA9BE,OAAO,GAAA;;QACL,CAAA,EAAA,GAAA,IAAI,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC;IACtD;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI;AACjC,QAAA,OAAO,IAAI,CAAA;;;;;sBAKO,SAAS,CAAC,gBAAgB,CAAC,CAAA;;;;UAIvC,UAAU,CAAC,OAAO,EAAE;AACpB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;SACtC,CAAC;uCAC6B,gBAAgB,CAAA;;KAElD;IACH;;AAEO,mBAAA,CAAA,iBAAiB,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACnB,UAAU,CAAC,iBAAiB,KAC/B,cAAc,EAAE,IAAI,EAAA,CAFE;AAIjB,mBAAA,CAAA,MAAM,GAAG,MAAM,CAAC;AA/BvB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE;AAClB,CAAA,EAAA,mBAAA,CAAA,SAAA,EAAA,kBAAA,EAAA,MAAA,CAAA;AALvB,mBAAmB,GAAA,UAAA,CAAA;AADxB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,mBAAA,CAAqB;AACvC,CAAA,EAAA,mBAAmB,CAqCxB;AAED,4BAAe,mBAAmB;;;;"}

package/es-custom/components/modal/modal.d.ts

@@ -1,11 +1,12 @@
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import { LitElement } from 'lit';
 import { MODAL_SIZE } from './defs';
+import '../inline-loading';
 export { MODAL_SIZE };
 declare const CDSModal_base: {
     new (...args: any[]): {
@@ -370,6 +371,22 @@ declare class CDSModal extends CDSModal_base {
      * The element that had focus before this modal gets open.
      */
     private _launcher;
+    /**
+     * The inline loading element that renders when `loading-status` is not `inactive`
+     */
+    private _loadingEl;
+    /**
+     * MutationObserver that observes the modal-footer
+     */
+    private _footerObserver?;
+    /**
+     * MutationObserver that observes the modal-header
+     */
+    private _headerObserver?;
+    /**
+     * Loading statuses that are not `inactive`
+     */
+    private WORKING_LOADING_STATUSES;
     /**
      * Handles `click` event on this element.
      *
@@ -441,11 +458,55 @@ declare class CDSModal extends CDSModal_base {
      * Prevent closing on click outside of modal
      */
     preventCloseOnClickOutside: boolean;
+    /**
+     * Specify the loading status
+     */
+    loadingStatus: 'inactive' | 'active' | 'finished' | 'error';
+    /**
+     * Specify the description for the loading text
+     */
+    loadingDescription: string;
+    /**
+     * Provide a delay for the setTimeout for success
+     */
+    loadingSuccessDelay: number;
+    /**
+     * Specify the description for the loading icon
+     */
+    loadingIconDescription: string;
+    /**
+     * Specify if Enter key should be used as "submit" action that clicks the primary footer button
+     */
+    shouldSubmitOnEnter: boolean;
     /**
      * Prevent the modal from closing after clicking the close button
      */
     preventClose: boolean;
-    firstUpdated(): void;
+    private _initializeLoadingEl;
+    private _getFooterElements;
+    private _updateLoadingElement;
+    firstUpdated(): Promise<void>;
+    /**
+     * Computes the aria-label of the modal based on (in order of highest to lowest precedence):
+     * - `modal-label`
+     * - `aria-label`
+     * - `modal-heading`
+     */
+    private _computeAriaLabel;
+    /**
+     * Observes the modal footer's `has-three-buttons` attribute to account for cases
+     * where the loading status and the amount of footer-buttons
+     * are being changed dynamically
+     */
+    private _observeFooter;
+    /**
+     * Observes the modal header to account for cases where the modal-heading,
+     * modal-label, and/or `aria-label` are dynamically changing
+     * to update the `aria-label` put on the modal
+     */
+    private _observeHeader;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     updated(changedProperties: any): Promise<void>;
     /**
@@ -478,6 +539,10 @@ declare class CDSModal extends CDSModal_base {
      * The name of the custom event fired after this modal is closed upon a user gesture.
      */
     static get eventClose(): string;
+    /**
+     * The name of the custom event fired when this modal reaches a `finished` loading state
+     */
+    static get eventOnLoadingSuccess(): string;
     static styles: any;
 }
 export default CDSModal;