@carbon/web-components 2.57.0 → 2.58.0

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

@@ -1 +1 @@
-{"version":3,"file":"floating-menu.js","names":[],"sources":["../../../src/components/floating-menu/floating-menu.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 } from 'lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport Handle from '../../globals/internal/handle';\nimport {\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from './defs';\nimport CDSFloatingMenuTrigger from './floating-menu-trigger';\nimport { prefix } from '../../globals/settings';\n\nexport { FLOATING_MENU_DIRECTION, FLOATING_MENU_POSITION_DIRECTION };\n\nexport interface Offset {\n  top: number;\n  left: number;\n}\n\nexport type MenuDirection = FLOATING_MENU_DIRECTION;\n\nexport type MenuOffset =\n  | Offset\n  | ((\n      menuBody: HTMLElement,\n      menuDirection: MenuDirection,\n      trigger?: HTMLElement | null,\n      flipped?: boolean\n    ) => Offset);\n\n/**\n * Calculates the offset for the floating menu.\n *\n * @param menuBody - The menu body element.\n * @param menuDirection - The floating menu direction.\n * @param trigger - The trigger element.\n * @param flipped - Whether the menu is flipped.\n * @returns The adjustment of the floating menu position.\n */\nexport const getMenuOffset = (\n  menuBody: HTMLElement,\n  menuDirection: MenuDirection,\n  trigger?: HTMLElement,\n  flipped?: boolean\n): Offset => {\n  const { offsetWidth: menuWidth } = menuBody;\n\n  switch (menuDirection) {\n    case FLOATING_MENU_DIRECTION.TOP:\n    case FLOATING_MENU_DIRECTION.BOTTOM: {\n      const triggerWidth = !trigger ? 0 : trigger.offsetWidth;\n      return {\n        left: (!flipped ? 1 : -1) * (menuWidth / 2 - triggerWidth / 2),\n        top: 0,\n      };\n    }\n    default:\n      return { left: 0, top: 0 };\n  }\n};\n\n/**\n * Position of floating menu, or trigger button of floating menu.\n */\nexport interface FloatingMenuPosition {\n  /**\n   * The LTR/RTL direction used for positioning floating menu.\n   */\n  direction: FLOATING_MENU_POSITION_DIRECTION;\n\n  /**\n   * The start position (Left position for LTR, right position for RTL).\n   */\n  start: number;\n\n  /**\n   * The top position.\n   */\n  top: number;\n}\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * @param elem The starting element.\n * @param selector The CSS selector.\n * @returns {Element}\n *   The closest ancestor node of the given element that matches the given selector, crossing Shadow DOM boundary.\n */\nconst closestComposed = (elem: Element, selector: string) => {\n  const found = elem.closest(selector);\n  if (found) {\n    return found;\n  }\n  const { host } = elem.getRootNode() as ShadowRoot;\n  if (host) {\n    return closestComposed(host, selector);\n  }\n  return null;\n};\n\n/**\n * Floating menu.\n */\nabstract class CDSFloatingMenu extends HostListenerMixin(\n  FocusMixin(LitElement)\n) {\n  /**\n   * The handle for observing resize of the element containing the trigger button.\n   */\n  private _hObserveResizeParent: Handle | null = null;\n\n  /**\n   * The handle for observing resize of the floating menu container.\n   */\n  private _hObserveResizeContainer: Handle | null = null;\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(() => {\n    const { container, open, parent, position } = this;\n    if (container && open && parent) {\n      const { top } = position;\n      this.style.top = `${top}px`;\n    }\n  });\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 = ({ relatedTarget }: FocusEvent) => {\n    if (!this.contains(relatedTarget as Node)) {\n      const { parent } = this;\n      if (parent && parent !== relatedTarget) {\n        parent.open = false;\n        HTMLElement.prototype.focus.call(this.parent); // SVGElement in IE11 does not have `.focus()` method\n      }\n    }\n  };\n\n  @HostListener('click')\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 _click = () => {\n    const { parent } = this;\n    if (parent) {\n      parent.open = false;\n    }\n  };\n\n  @HostListener('keydown')\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 _handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      if (event.shiftKey) {\n        const { parent } = this;\n        if (parent) {\n          parent.open = false;\n        }\n      }\n    }\n  };\n\n  /**\n   * The DOM element, typically a custom element in this library, launching this floating menu.\n   */\n  protected parent: CDSFloatingMenuTrigger | null = null;\n\n  /**\n   * The menu direction.\n   */\n  abstract direction: FLOATING_MENU_DIRECTION;\n\n  /**\n   * `true` if the menu should be open.\n   */\n  abstract open: boolean;\n\n  /**\n   * `true` if the menu alignment should be flipped.\n   */\n  abstract flipped: boolean;\n\n  /**\n   * Gets the menu offset configuration (object or function).\n   * Subclasses override this to specify custom offset configs.\n   *\n   * @returns The menu offset configuration, or undefined for no offset.\n   */\n  protected getOffsetConfig(): MenuOffset | undefined {\n    return undefined;\n  }\n\n  /**\n   * Resolves the final menu offset by evaluating the offset configuration.\n   * Handles both static offset objects and dynamic offset functions.\n   *\n   * @returns The resolved offset with left and top values.\n   */\n  protected resolveOffset(): Offset {\n    const config = this.getOffsetConfig();\n\n    if (!config) {\n      return { left: 0, top: 0 };\n    }\n\n    if (typeof config === 'function') {\n      const trigger = this.parent as HTMLElement;\n      return config(this, this.direction, trigger, this.flipped);\n    }\n\n    return config;\n  }\n\n  /**\n   * The DOM element to put this menu into.\n   */\n  get container() {\n    return (\n      closestComposed(\n        this,\n        (this.constructor as typeof CDSFloatingMenu).selectorContainer\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      ) || this.ownerDocument!.body\n    );\n  }\n\n  /**\n   * The position of this floating menu.\n   */\n  get position(): FloatingMenuPosition {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { triggerPosition } = this.parent!;\n    if (!triggerPosition) {\n      throw new TypeError('Missing information of trigger button position.');\n    }\n\n    const { container } = this;\n    const {\n      left: refLeft = 0,\n      top: refTop = 0,\n      right: refRight = 0,\n      bottom: refBottom = 0,\n    } = triggerPosition;\n    const { width, height } = this.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n\n    const containerComputedStyle =\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      container.ownerDocument!.defaultView!.getComputedStyle(container);\n    const containerPosition =\n      containerComputedStyle.getPropertyValue('position');\n    const positionDirection = containerComputedStyle.getPropertyValue(\n      'direction'\n    ) as FLOATING_MENU_POSITION_DIRECTION;\n\n    const scrollX = globalThis.scrollX ?? 0;\n    const scrollY = globalThis.scrollY ?? 0;\n    const effectiveScrollX = containerPosition !== 'static' ? 0 : scrollX;\n    const effectiveScrollY = containerPosition !== 'static' ? 0 : scrollY;\n\n    const relativeDiff = {\n      top: containerPosition !== 'static' ? containerRect.top : 0,\n      left: containerPosition !== 'static' ? containerRect.left : 0,\n    };\n\n    const refCenterHorizontal = (refLeft + refRight) / 2;\n    const refCenterVertical = (refTop + refBottom) / 2;\n\n    const offset = this.resolveOffset();\n    const { top = 0, left = 0 } = offset;\n\n    const { direction } = this;\n    if (Object.values(FLOATING_MENU_DIRECTION).indexOf(direction) < 0) {\n      throw new Error(`Wrong menu position direction: ${direction}`);\n    }\n\n    const positions: Record<MenuDirection, () => Offset> = {\n      [FLOATING_MENU_DIRECTION.LEFT]: () => ({\n        left: refLeft - width + effectiveScrollX - left - relativeDiff.left,\n        top:\n          refCenterVertical -\n          height / 2 +\n          effectiveScrollY +\n          top -\n          9 -\n          relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.TOP]: () => ({\n        left:\n          refCenterHorizontal -\n          width / 2 +\n          effectiveScrollX +\n          left -\n          relativeDiff.left,\n        top: refTop - height + effectiveScrollY - top - relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.RIGHT]: () => ({\n        left: refRight + effectiveScrollX + left - relativeDiff.left,\n        top:\n          refCenterVertical -\n          height / 2 +\n          effectiveScrollY +\n          top +\n          3 -\n          relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.BOTTOM]: () => ({\n        left:\n          refCenterHorizontal -\n          width / 2 +\n          effectiveScrollX +\n          left -\n          relativeDiff.left,\n        top: refBottom + effectiveScrollY + top - relativeDiff.top,\n      }),\n    };\n\n    const { left: calculatedLeft, top: calculatedTop } = positions[direction]();\n\n    return {\n      direction: positionDirection,\n      start: calculatedLeft,\n      top: calculatedTop,\n    };\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResizeContainer) {\n      this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n    }\n    if (this._hObserveResizeParent) {\n      this._hObserveResizeParent = this._hObserveResizeParent.release();\n    }\n  }\n\n  updated(changedProperties) {\n    const { container, open, parent } = this;\n    if (\n      (changedProperties.has('flipped') ||\n        changedProperties.has('direction') ||\n        changedProperties.has('open')) &&\n      open\n    ) {\n      if (!parent) {\n        this.parent = this.parentElement as CDSFloatingMenuTrigger;\n        container.appendChild(this);\n      }\n      // Note: `this.position` cannot be referenced until `this.parent` is set\n      const { start, top } = this.position;\n      this.style.left = `${start}px`;\n      this.style.right = 'auto';\n      this.style.top = `${top}px`;\n    }\n    if (changedProperties.has('open')) {\n      if (this._hObserveResizeContainer) {\n        this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n      }\n      if (this._hObserveResizeParent) {\n        this._hObserveResizeParent = this._hObserveResizeParent.release();\n      }\n      if (open) {\n        const { parentElement } = this.parent ?? {};\n        this._hObserveResizeContainer = observeResize(\n          this._resizeObserver,\n          container\n        );\n        if (parentElement) {\n          this._hObserveResizeParent = observeResize(\n            this._resizeObserver,\n            parentElement\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * A constant indicating that this class is a floating menu.\n   */\n  static FLOATING_MENU = true;\n\n  /**\n   * The CSS selector to find the element to put this floating menu in.\n   */\n  static get selectorContainer() {\n    return `[data-floating-menu-container],${prefix}-modal`;\n  }\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n}\n\nexport default CDSFloatingMenu;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAa,iBACX,UACA,eACA,SACA,YACW;CACX,MAAM,EAAE,aAAa,cAAc;AAEnC,SAAQ,eAAR;EACE,KAAA;EACA,KAAA,UAAqC;GACnC,MAAM,eAAe,CAAC,UAAU,IAAI,QAAQ;AAC5C,UAAO;IACL,OAAO,CAAC,UAAU,IAAI,OAAO,YAAY,IAAI,eAAe;IAC5D,KAAK;IACN;;EAEH,QACE,QAAO;GAAE,MAAM;GAAG,KAAK;GAAG;;;;;;;;;AA8BhC,MAAM,iBAAiB,UAA0B,SAAkB;AACjE,UAAS,QAAQ,KAAK;AACtB,QAAO,EACL,UAAU;AACR,WAAS,UAAU,KAAK;AACxB,SAAO;IAEV;;;;;;;;AASH,MAAM,mBAAmB,MAAe,aAAqB;CAC3D,MAAM,QAAQ,KAAK,QAAQ,SAAS;AACpC,KAAI,MACF,QAAO;CAET,MAAM,EAAE,SAAS,KAAK,aAAa;AACnC,KAAI,KACF,QAAO,gBAAgB,MAAM,SAAS;AAExC,QAAO;;;;;AAMT,IAAe,kBAAf,cAAuC,kBACrC,WAAW,WAAW,CACvB,CAAC;;;+BAI+C;kCAKG;yBAQxB,IAAI,qBAAqB;GACjD,MAAM,EAAE,WAAW,MAAM,QAAQ,aAAa;AAC9C,OAAI,aAAa,QAAQ,QAAQ;IAC/B,MAAM,EAAE,QAAQ;AAChB,SAAK,MAAM,MAAM,GAAG,IAAI;;IAE1B;sBAKqB,EAAE,oBAAgC;AACvD,OAAI,CAAC,KAAK,SAAS,cAAsB,EAAE;IACzC,MAAM,EAAE,WAAW;AACnB,QAAI,UAAU,WAAW,eAAe;AACtC,YAAO,OAAO;AACd,iBAAY,UAAU,MAAM,KAAK,KAAK,OAAO;;;;sBAQ5B;GACrB,MAAM,EAAE,WAAW;AACnB,OAAI,OACF,QAAO,OAAO;;yBAOQ,UAAyB;AACjD,OAAI,MAAM,QAAQ;QACZ,MAAM,UAAU;KAClB,MAAM,EAAE,WAAW;AACnB,SAAI,OACF,QAAO,OAAO;;;;gBAS4B;;;;;;;;CAuBlD,kBAAoD;;;;;;;CAUpD,gBAAkC;EAChC,MAAM,SAAS,KAAK,iBAAiB;AAErC,MAAI,CAAC,OACH,QAAO;GAAE,MAAM;GAAG,KAAK;GAAG;AAG5B,MAAI,OAAO,WAAW,YAAY;GAChC,MAAM,UAAU,KAAK;AACrB,UAAO,OAAO,MAAM,KAAK,WAAW,SAAS,KAAK,QAAQ;;AAG5D,SAAO;;;;;CAMT,IAAI,YAAY;AACd,SACE,gBACE,MACC,KAAK,YAAuC,kBAE9C,IAAI,KAAK,cAAe;;;;;CAO7B,IAAI,WAAiC;EAEnC,MAAM,EAAE,oBAAoB,KAAK;AACjC,MAAI,CAAC,gBACH,OAAM,IAAI,UAAU,kDAAkD;EAGxE,MAAM,EAAE,cAAc;EACtB,MAAM,EACJ,MAAM,UAAU,GAChB,KAAK,SAAS,GACd,OAAO,WAAW,GAClB,QAAQ,YAAY,MAClB;EACJ,MAAM,EAAE,OAAO,WAAW,KAAK,uBAAuB;EACtD,MAAM,gBAAgB,UAAU,uBAAuB;EAEvD,MAAM,yBAEJ,UAAU,cAAe,YAAa,iBAAiB,UAAU;EACnE,MAAM,oBACJ,uBAAuB,iBAAiB,WAAW;EACrD,MAAM,oBAAoB,uBAAuB,iBAC/C,YACD;EAED,MAAM,UAAU,WAAW,WAAW;EACtC,MAAM,UAAU,WAAW,WAAW;EACtC,MAAM,mBAAmB,sBAAsB,WAAW,IAAI;EAC9D,MAAM,mBAAmB,sBAAsB,WAAW,IAAI;EAE9D,MAAM,eAAe;GACnB,KAAK,sBAAsB,WAAW,cAAc,MAAM;GAC1D,MAAM,sBAAsB,WAAW,cAAc,OAAO;GAC7D;EAED,MAAM,uBAAuB,UAAU,YAAY;EACnD,MAAM,qBAAqB,SAAS,aAAa;EAGjD,MAAM,EAAE,MAAM,GAAG,OAAO,MADT,KAAK,eAAe;EAGnC,MAAM,EAAE,cAAc;AACtB,MAAI,OAAO,OAAO,wBAAwB,CAAC,QAAQ,UAAU,GAAG,EAC9D,OAAM,IAAI,MAAM,kCAAkC,YAAY;EA4ChE,MAAM,EAAE,MAAM,gBAAgB,KAAK,kBAzCoB;oBACd;IACrC,MAAM,UAAU,QAAQ,mBAAmB,OAAO,aAAa;IAC/D,KACE,oBACA,SAAS,IACT,mBACA,MACA,IACA,aAAa;IAChB;mBACqC;IACpC,MACE,sBACA,QAAQ,IACR,mBACA,OACA,aAAa;IACf,KAAK,SAAS,SAAS,mBAAmB,MAAM,aAAa;IAC9D;qBACuC;IACtC,MAAM,WAAW,mBAAmB,OAAO,aAAa;IACxD,KACE,oBACA,SAAS,IACT,mBACA,MACA,IACA,aAAa;IAChB;sBACwC;IACvC,MACE,sBACA,QAAQ,IACR,mBACA,OACA,aAAa;IACf,KAAK,YAAY,mBAAmB,MAAM,aAAa;IACxD;GACF,CAE8D,YAAY;AAE3E,SAAO;GACL,WAAW;GACX,OAAO;GACP,KAAK;GACN;;CAGH,uBAAuB;AACrB,MAAI,KAAK,yBACP,MAAK,2BAA2B,KAAK,yBAAyB,SAAS;AAEzE,MAAI,KAAK,sBACP,MAAK,wBAAwB,KAAK,sBAAsB,SAAS;;CAIrE,QAAQ,mBAAmB;EACzB,MAAM,EAAE,WAAW,MAAM,WAAW;AACpC,OACG,kBAAkB,IAAI,UAAU,IAC/B,kBAAkB,IAAI,YAAY,IAClC,kBAAkB,IAAI,OAAO,KAC/B,MACA;AACA,OAAI,CAAC,QAAQ;AACX,SAAK,SAAS,KAAK;AACnB,cAAU,YAAY,KAAK;;GAG7B,MAAM,EAAE,OAAO,QAAQ,KAAK;AAC5B,QAAK,MAAM,OAAO,GAAG,MAAM;AAC3B,QAAK,MAAM,QAAQ;AACnB,QAAK,MAAM,MAAM,GAAG,IAAI;;AAE1B,MAAI,kBAAkB,IAAI,OAAO,EAAE;AACjC,OAAI,KAAK,yBACP,MAAK,2BAA2B,KAAK,yBAAyB,SAAS;AAEzE,OAAI,KAAK,sBACP,MAAK,wBAAwB,KAAK,sBAAsB,SAAS;AAEnE,OAAI,MAAM;IACR,MAAM,EAAE,kBAAkB,KAAK,UAAU,EAAE;AAC3C,SAAK,2BAA2B,cAC9B,KAAK,iBACL,UACD;AACD,QAAI,cACF,MAAK,wBAAwB,cAC3B,KAAK,iBACL,cACD;;;;;uBASc;;;;;CAKvB,WAAW,oBAAoB;AAC7B,SAAO;;;2BAEkB;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;YAzQA,aAAa,WAAW,CAAA,EAAA,gBAAA,WAAA,eAAA,KAAA,EAAA;YAaxB,aAAa,QAAQ,CAAA,EAAA,gBAAA,WAAA,UAAA,KAAA,EAAA;YAUrB,aAAa,UAAU,CAAA,EAAA,gBAAA,WAAA,kBAAA,KAAA,EAAA"}
+{"version":3,"file":"floating-menu.js","names":[],"sources":["../../../src/components/floating-menu/floating-menu.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 } from 'lit';\nimport HostListener from '../../globals/decorators/host-listener';\nimport FocusMixin from '../../globals/mixins/focus';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport Handle from '../../globals/internal/handle';\nimport {\n  FLOATING_MENU_DIRECTION,\n  FLOATING_MENU_POSITION_DIRECTION,\n} from './defs';\nimport CDSFloatingMenuTrigger from './floating-menu-trigger';\nimport { prefix } from '../../globals/settings';\n\nexport { FLOATING_MENU_DIRECTION, FLOATING_MENU_POSITION_DIRECTION };\n\nexport interface Offset {\n  top: number;\n  left: number;\n}\n\nexport type MenuDirection = FLOATING_MENU_DIRECTION;\n\nexport type MenuOffset =\n  | Offset\n  | ((\n      menuBody: HTMLElement,\n      menuDirection: MenuDirection,\n      trigger?: HTMLElement | null,\n      flipped?: boolean\n    ) => Offset);\n\n/**\n * Calculates the offset for the floating menu.\n *\n * @param menuBody - The menu body element.\n * @param menuDirection - The floating menu direction.\n * @param trigger - The trigger element.\n * @param flipped - Whether the menu is flipped.\n * @returns The adjustment of the floating menu position.\n */\nexport const getMenuOffset = (\n  menuBody: HTMLElement,\n  menuDirection: MenuDirection,\n  trigger?: HTMLElement,\n  flipped?: boolean\n): Offset => {\n  const { offsetWidth: menuWidth } = menuBody;\n\n  switch (menuDirection) {\n    case FLOATING_MENU_DIRECTION.TOP:\n    case FLOATING_MENU_DIRECTION.BOTTOM: {\n      const triggerWidth = !trigger ? 0 : trigger.offsetWidth;\n      return {\n        left: (!flipped ? 1 : -1) * (menuWidth / 2 - triggerWidth / 2),\n        top: 0,\n      };\n    }\n    default:\n      return { left: 0, top: 0 };\n  }\n};\n\n/**\n * Position of floating menu, or trigger button of floating menu.\n */\nexport interface FloatingMenuPosition {\n  /**\n   * The LTR/RTL direction used for positioning floating menu.\n   */\n  direction: FLOATING_MENU_POSITION_DIRECTION;\n\n  /**\n   * The start position (Left position for LTR, right position for RTL).\n   */\n  start: number;\n\n  /**\n   * The top position.\n   */\n  top: number;\n}\n\n/**\n * Observes resize of the given element with the given resize observer.\n *\n * @param observer The resize observer.\n * @param elem The element to observe the resize.\n */\nconst observeResize = (observer: ResizeObserver, elem: Element) => {\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * @param elem The starting element.\n * @param selector The CSS selector.\n * @returns {Element}\n *   The closest ancestor node of the given element that matches the given selector, crossing Shadow DOM boundary.\n */\nconst closestComposed = (elem: Element, selector: string) => {\n  const found = elem.closest(selector);\n  if (found) {\n    return found;\n  }\n  const { host } = elem.getRootNode() as ShadowRoot;\n  if (host) {\n    return closestComposed(host, selector);\n  }\n  return null;\n};\n\n/**\n * Floating menu.\n */\nabstract class CDSFloatingMenu extends HostListenerMixin(\n  FocusMixin(LitElement)\n) {\n  /**\n   * The handle for observing resize of the element containing the trigger button.\n   */\n  private _hObserveResizeParent: Handle | null = null;\n\n  /**\n   * The handle for observing resize of the floating menu container.\n   */\n  private _hObserveResizeContainer: Handle | null = null;\n\n  /**\n   * The `ResizeObserver` instance for observing element resizes for re-positioning floating menu position.\n   */\n  // TODO: Wait for `.d.ts` update to support `ResizeObserver`\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore\n  private _resizeObserver = new ResizeObserver(() => {\n    const { container, open, parent, position } = this;\n    if (container && open && parent) {\n      const { top } = position;\n      this.style.top = `${top}px`;\n    }\n  });\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 = ({ relatedTarget }: FocusEvent) => {\n    if (!this.contains(relatedTarget as Node)) {\n      const { parent } = this;\n      if (parent && parent !== relatedTarget) {\n        parent.open = false;\n        HTMLElement.prototype.focus.call(this.parent); // SVGElement in IE11 does not have `.focus()` method\n      }\n    }\n  };\n\n  @HostListener('click')\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 _click = () => {\n    const { parent } = this;\n    if (parent) {\n      parent.open = false;\n    }\n  };\n\n  @HostListener('keydown')\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 _handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Tab') {\n      if (event.shiftKey) {\n        const { parent } = this;\n        if (parent) {\n          parent.open = false;\n        }\n      }\n    }\n  };\n\n  /**\n   * The DOM element, typically a custom element in this library, launching this floating menu.\n   */\n  protected parent: CDSFloatingMenuTrigger | null = null;\n\n  /**\n   * The menu direction.\n   */\n  abstract direction: FLOATING_MENU_DIRECTION;\n\n  /**\n   * `true` if the menu should be open.\n   */\n  abstract open: boolean;\n\n  /**\n   * `true` if the menu alignment should be flipped.\n   */\n  abstract flipped: boolean;\n\n  /**\n   * Gets the menu offset configuration (object or function).\n   * Subclasses override this to specify custom offset configs.\n   *\n   * @returns The menu offset configuration, or undefined for no offset.\n   */\n  protected getOffsetConfig(): MenuOffset | undefined {\n    return undefined;\n  }\n\n  /**\n   * Resolves the final menu offset by evaluating the offset configuration.\n   * Handles both static offset objects and dynamic offset functions.\n   *\n   * @returns The resolved offset with left and top values.\n   */\n  protected resolveOffset(): Offset {\n    const config = this.getOffsetConfig();\n\n    if (!config) {\n      return { left: 0, top: 0 };\n    }\n\n    if (typeof config === 'function') {\n      const trigger = this.parent as HTMLElement;\n      return config(this, this.direction, trigger, this.flipped);\n    }\n\n    return config;\n  }\n\n  /**\n   * The DOM element to put this menu into.\n   */\n  get container() {\n    return (\n      closestComposed(\n        this,\n        (this.constructor as typeof CDSFloatingMenu).selectorContainer\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      ) || this.ownerDocument!.body\n    );\n  }\n\n  /**\n   * The position of this floating menu.\n   */\n  get position(): FloatingMenuPosition {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { triggerPosition } = this.parent!;\n    if (!triggerPosition) {\n      throw new TypeError('Missing information of trigger button position.');\n    }\n\n    const { container } = this;\n    const {\n      left: refLeft = 0,\n      top: refTop = 0,\n      right: refRight = 0,\n      bottom: refBottom = 0,\n    } = triggerPosition;\n    const { width, height } = this.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n\n    const containerComputedStyle =\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      container.ownerDocument!.defaultView!.getComputedStyle(container);\n    const containerPosition =\n      containerComputedStyle.getPropertyValue('position');\n    const positionDirection = containerComputedStyle.getPropertyValue(\n      'direction'\n    ) as FLOATING_MENU_POSITION_DIRECTION;\n\n    const scrollX = globalThis.scrollX ?? 0;\n    const scrollY = globalThis.scrollY ?? 0;\n    const effectiveScrollX = containerPosition !== 'static' ? 0 : scrollX;\n    const effectiveScrollY = containerPosition !== 'static' ? 0 : scrollY;\n\n    const relativeDiff = {\n      top: containerPosition !== 'static' ? containerRect.top : 0,\n      left: containerPosition !== 'static' ? containerRect.left : 0,\n    };\n\n    const refCenterHorizontal = (refLeft + refRight) / 2;\n    const refCenterVertical = (refTop + refBottom) / 2;\n\n    const offset = this.resolveOffset();\n    const { top = 0, left = 0 } = offset;\n\n    const { direction } = this;\n    if (Object.values(FLOATING_MENU_DIRECTION).indexOf(direction) < 0) {\n      throw new Error(`Wrong menu position direction: ${direction}`);\n    }\n\n    const positions: Record<MenuDirection, () => Offset> = {\n      [FLOATING_MENU_DIRECTION.LEFT]: () => ({\n        left: refLeft - width + effectiveScrollX - left - relativeDiff.left,\n        top:\n          refCenterVertical -\n          height / 2 +\n          effectiveScrollY +\n          top -\n          9 -\n          relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.TOP]: () => ({\n        left:\n          refCenterHorizontal -\n          width / 2 +\n          effectiveScrollX +\n          left -\n          relativeDiff.left,\n        top: refTop - height + effectiveScrollY - top - relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.RIGHT]: () => ({\n        left: refRight + effectiveScrollX + left - relativeDiff.left,\n        top:\n          refCenterVertical -\n          height / 2 +\n          effectiveScrollY +\n          top +\n          3 -\n          relativeDiff.top,\n      }),\n      [FLOATING_MENU_DIRECTION.BOTTOM]: () => ({\n        left:\n          refCenterHorizontal -\n          width / 2 +\n          effectiveScrollX +\n          left -\n          relativeDiff.left,\n        top: refBottom + effectiveScrollY + top - relativeDiff.top,\n      }),\n    };\n\n    const { left: calculatedLeft, top: calculatedTop } = positions[direction]();\n\n    return {\n      direction: positionDirection,\n      start: calculatedLeft,\n      top: calculatedTop,\n    };\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResizeContainer) {\n      this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n    }\n    if (this._hObserveResizeParent) {\n      this._hObserveResizeParent = this._hObserveResizeParent.release();\n    }\n  }\n\n  updated(changedProperties) {\n    const { container, open, parent } = this;\n    if (\n      (changedProperties.has('flipped') ||\n        changedProperties.has('direction') ||\n        changedProperties.has('open')) &&\n      open\n    ) {\n      if (!parent) {\n        this.parent = this.parentElement as CDSFloatingMenuTrigger;\n        container.appendChild(this);\n      }\n      // Note: `this.position` cannot be referenced until `this.parent` is set\n      const { start, top } = this.position;\n      this.style.left = `${start}px`;\n      this.style.right = 'auto';\n      this.style.top = `${top}px`;\n    }\n    if (changedProperties.has('open')) {\n      if (this._hObserveResizeContainer) {\n        this._hObserveResizeContainer = this._hObserveResizeContainer.release();\n      }\n      if (this._hObserveResizeParent) {\n        this._hObserveResizeParent = this._hObserveResizeParent.release();\n      }\n      if (open) {\n        const { parentElement } = this.parent ?? {};\n        this._hObserveResizeContainer = observeResize(\n          this._resizeObserver,\n          container\n        );\n        if (parentElement) {\n          this._hObserveResizeParent = observeResize(\n            this._resizeObserver,\n            parentElement\n          );\n        }\n      }\n    }\n  }\n\n  /**\n   * A constant indicating that this class is a floating menu.\n   */\n  static FLOATING_MENU = true;\n\n  /**\n   * The CSS selector to find the element to put this floating menu in.\n   */\n  static get selectorContainer() {\n    return `[data-floating-menu-container],${prefix}-modal`;\n  }\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n}\n\nexport default CDSFloatingMenu;\n"],"mappings":"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"}

package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import fluid_combo_box_default from "./fluid-combo-box.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/fluid-combo-box/fluid-combo-box-skeleton.ts

package/es-custom/components/fluid-combo-box/fluid-combo-box-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-combo-box-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-combo-box/fluid-combo-box-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { prefix } from '../../globals/settings';\nimport { html, LitElement } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-combo-box.scss?lit';\n\n/**\n * Fluid combo box skeleton.\n *\n * @element cds-custom-fluid-combo-box-skeleton\n */\n@customElement(`${prefix}-fluid-combo-box-skeleton`)\nclass CDSFluidComboBoxSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\"></div>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFluidComboBoxSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,2BAAA,MACM,iCAAiC,WAAW;CAChD,SAAS;AACP,SAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;;;gBAMbA;;;uCAbjBC,cAAc,+BAAqC,CAAA,EAAA,yBAAA;AAgBpD,IAAA,mCAAe"}
+{"version":3,"file":"fluid-combo-box-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-combo-box/fluid-combo-box-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { prefix } from '../../globals/settings';\nimport { html, LitElement } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-combo-box.scss?lit';\n\n/**\n * Fluid combo box skeleton.\n *\n * @element cds-custom-fluid-combo-box-skeleton\n */\n@customElement(`${prefix}-fluid-combo-box-skeleton`)\nclass CDSFluidComboBoxSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\"></div>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFluidComboBoxSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,2BAAA,MACM,iCAAiC,WAAW;CAChD,SAAS;EACP,OAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;CAI7B;;gBAEgBA;;AAClB;uCAdCC,cAAc,8BAAoC,CAAA,GAAA,wBAAA;AAgBnD,IAAA,mCAAe"}

package/es-custom/components/fluid-combo-box/fluid-combo-box.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import combo_box_default from "../combo-box/combo-box.js";
 import fluid_combo_box_default$1 from "./fluid-combo-box.scss.js";
 import { property } from "lit/decorators.js";

package/es-custom/components/fluid-combo-box/fluid-combo-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-combo-box.js","names":["CDSComboBox","styles","customElement"],"sources":["../../../src/components/fluid-combo-box/fluid-combo-box.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSComboBox from '../combo-box/combo-box';\nimport styles from './fluid-combo-box.scss?lit';\n\n/**\n * Fluid combo box.\n *\n * @element cds-custom-fluid-combo-box\n */\n@customElement(`${prefix}-fluid-combo-box`)\nclass CDSFluidComboBox extends CDSComboBox {\n  /**\n   * Specify if the combo box should render its menu items in condensed mode.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n\n  connectedCallback() {\n    this.setAttribute('isFluid', 'true');\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readOnly') ||\n      changedProperties.has('warn') ||\n      changedProperties.has('isCondensed')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  static styles = [CDSComboBox.styles, styles];\n}\n\nexport default CDSFluidComboBox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,mBAAA,MACM,yBAAyBA,kBAAY;;;qBAK3B;;CAEd,oBAAoB;AAClB,OAAK,aAAa,WAAW,OAAO;AACpC,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,QAAM,QAAQ,kBAAkB;AAChC,MACE,kBAAkB,IAAI,UAAU,IAChC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,OAAO,IAC7B,kBAAkB,IAAI,cAAc,CAEpC,MAAK,eAAe;;;gBAIR,CAACA,kBAAY,QAAQC,0BAAO;;;YArB3C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,iBAAA,WAAA,eAAA,KAAA,EAAA;+BALvEC,cAAc,sBAA4B,CAAA,EAAA,iBAAA;AA6B3C,IAAA,0BAAe"}
+{"version":3,"file":"fluid-combo-box.js","names":["CDSComboBox","styles","customElement"],"sources":["../../../src/components/fluid-combo-box/fluid-combo-box.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { prefix } from '../../globals/settings';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSComboBox from '../combo-box/combo-box';\nimport styles from './fluid-combo-box.scss?lit';\n\n/**\n * Fluid combo box.\n *\n * @element cds-custom-fluid-combo-box\n */\n@customElement(`${prefix}-fluid-combo-box`)\nclass CDSFluidComboBox extends CDSComboBox {\n  /**\n   * Specify if the combo box should render its menu items in condensed mode.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n\n  connectedCallback() {\n    this.setAttribute('isFluid', 'true');\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readOnly') ||\n      changedProperties.has('warn') ||\n      changedProperties.has('isCondensed')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  static styles = [CDSComboBox.styles, styles];\n}\n\nexport default CDSFluidComboBox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,mBAAA,MACM,yBAAyBA,kBAAY;;;qBAK3B;;CAEd,oBAAoB;EAClB,KAAK,aAAa,WAAW,MAAM;EACnC,MAAM,kBAAkB;CAC1B;CAEA,QAAQ,mBAAmB;EACzB,MAAM,QAAQ,iBAAiB;EAC/B,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,MAAM,KAC5B,kBAAkB,IAAI,aAAa,GAEnC,KAAK,cAAc;CAEvB;;gBAEgB,CAACA,kBAAY,QAAQC,yBAAM;;AAC7C;YAtBG,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAe,CAAC,CAAA,GAAA,iBAAA,WAAA,eAAA,KAAA,CAAA;+BALtEC,cAAc,qBAA2B,CAAA,GAAA,gBAAA;AA6B1C,IAAA,0BAAe"}

package/es-custom/components/fluid-dropdown/fluid-dropdown-skeleton.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import dropdown_skeleton_default from "../dropdown/dropdown-skeleton.js";
 import fluid_dropdown_default from "./fluid-dropdown.scss.js";
 import { html } from "lit";

package/es-custom/components/fluid-dropdown/fluid-dropdown-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-dropdown-skeleton.js","names":["CDSDropdownSkeleton","styles","customElement"],"sources":["../../../src/components/fluid-dropdown/fluid-dropdown-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-dropdown.scss?lit';\nimport CDSDropdownSkeleton from '../dropdown/dropdown-skeleton';\n\n/**\n * Fluid dropdown skeleton.\n *\n * @element cds-custom-fluid-dropdown-skeleton\n */\n@customElement(`${prefix}-fluid-dropdown-skeleton`)\nclass CDSFluidDropdownSkeleton extends CDSDropdownSkeleton {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\" />\n        </div>\n      </div>\n    `;\n  }\n  static styles = styles;\n}\n\nexport default CDSFluidDropdownSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,2BAAA,MACM,iCAAiCA,0BAAoB;CACzD,SAAS;AACP,SAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;;;gBAKbC;;;uCAZjBC,cAAc,8BAAoC,CAAA,EAAA,yBAAA;AAenD,IAAA,kCAAe"}
+{"version":3,"file":"fluid-dropdown-skeleton.js","names":["CDSDropdownSkeleton","styles","customElement"],"sources":["../../../src/components/fluid-dropdown/fluid-dropdown-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-dropdown.scss?lit';\nimport CDSDropdownSkeleton from '../dropdown/dropdown-skeleton';\n\n/**\n * Fluid dropdown skeleton.\n *\n * @element cds-custom-fluid-dropdown-skeleton\n */\n@customElement(`${prefix}-fluid-dropdown-skeleton`)\nclass CDSFluidDropdownSkeleton extends CDSDropdownSkeleton {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\" />\n        </div>\n      </div>\n    `;\n  }\n  static styles = styles;\n}\n\nexport default CDSFluidDropdownSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,2BAAA,MACM,iCAAiCA,0BAAoB;CACzD,SAAS;EACP,OAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;CAI7B;;gBACgBC;;AAClB;uCAbCC,cAAc,6BAAmC,CAAA,GAAA,wBAAA;AAelD,IAAA,kCAAe"}

package/es-custom/components/fluid-dropdown/fluid-dropdown.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import dropdown_default from "../dropdown/dropdown.js";
 import fluid_dropdown_default$1 from "./fluid-dropdown.scss.js";
 import { html } from "lit";

package/es-custom/components/fluid-dropdown/fluid-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-dropdown.js","names":["CDSDropdown","styles","customElement"],"sources":["../../../src/components/fluid-dropdown/fluid-dropdown.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSDropdown from '../dropdown/dropdown';\nimport styles from './fluid-dropdown.scss?lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Fluid dropdown.\n *\n * @element cds-custom-fluid-dropdown\n */\n@customElement(`${prefix}-fluid-dropdown`)\nclass CDSFluidDropdown extends CDSDropdown {\n  // Specify if the FluidDropdown should render its menu items in condensed mode\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n  connectedCallback() {\n    this.setAttribute('isFluid', 'true');\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readOnly') ||\n      changedProperties.has('warn')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  render() {\n    return html`${super.render()}`;\n  }\n\n  static styles = [CDSDropdown.styles, styles];\n}\n\nexport default CDSFluidDropdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,mBAAA,MACM,yBAAyBA,iBAAY;;;qBAG3B;;CACd,oBAAoB;AAClB,OAAK,aAAa,WAAW,OAAO;AACpC,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,QAAM,QAAQ,kBAAkB;AAChC,MACE,kBAAkB,IAAI,UAAU,IAChC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,OAAO,CAE7B,MAAK,eAAe;;CAIxB,SAAS;AACP,SAAO,IAAI,GAAG,MAAM,QAAQ;;;gBAGd,CAACA,iBAAY,QAAQC,yBAAO;;;YAvB3C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,iBAAA,WAAA,eAAA,KAAA,EAAA;+BAHvEC,cAAc,qBAA2B,CAAA,EAAA,iBAAA;AA6B1C,IAAA,yBAAe"}
+{"version":3,"file":"fluid-dropdown.js","names":["CDSDropdown","styles","customElement"],"sources":["../../../src/components/fluid-dropdown/fluid-dropdown.ts"],"sourcesContent":["/**\n * Copyright IBM Corp.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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSDropdown from '../dropdown/dropdown';\nimport styles from './fluid-dropdown.scss?lit';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Fluid dropdown.\n *\n * @element cds-custom-fluid-dropdown\n */\n@customElement(`${prefix}-fluid-dropdown`)\nclass CDSFluidDropdown extends CDSDropdown {\n  // Specify if the FluidDropdown should render its menu items in condensed mode\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n  connectedCallback() {\n    this.setAttribute('isFluid', 'true');\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readOnly') ||\n      changedProperties.has('warn')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  render() {\n    return html`${super.render()}`;\n  }\n\n  static styles = [CDSDropdown.styles, styles];\n}\n\nexport default CDSFluidDropdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,mBAAA,MACM,yBAAyBA,iBAAY;;;qBAG3B;;CACd,oBAAoB;EAClB,KAAK,aAAa,WAAW,MAAM;EACnC,MAAM,kBAAkB;CAC1B;CAEA,QAAQ,mBAAmB;EACzB,MAAM,QAAQ,iBAAiB;EAC/B,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,MAAM,GAE5B,KAAK,cAAc;CAEvB;CAEA,SAAS;EACP,OAAO,IAAI,GAAG,MAAM,OAAO;CAC7B;;gBAEgB,CAACA,iBAAY,QAAQC,wBAAM;;AAC7C;YAxBG,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAe,CAAC,CAAA,GAAA,iBAAA,WAAA,eAAA,KAAA,CAAA;+BAHtEC,cAAc,oBAA0B,CAAA,GAAA,gBAAA;AA6BzC,IAAA,yBAAe"}

package/es-custom/components/fluid-form/fluid-form.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import fluid_form_default$1 from "./fluid-form.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/fluid-form/fluid-form.ts

package/es-custom/components/fluid-form/fluid-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-form.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-form/fluid-form.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 './fluid-form.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Presentational element for fluid form\n *\n * @element cds-custom-fluid-form\n */\n@customElement(`${prefix}-fluid-form`)\nclass CDSFluidForm extends LitElement {\n  connectedCallback() {\n    super.connectedCallback();\n    this.toggleAttribute('in-modal', !!this.closest(`${prefix}-modal-body`));\n  }\n\n  render() {\n    return html`<form class=\"${prefix}--form ${prefix}--form--fluid\">\n      <slot></slot>\n    </form>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFluidForm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,eAAA,MACM,qBAAqB,WAAW;CACpC,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,gBAAgB,YAAY,CAAC,CAAC,KAAK,QAAQ,iBAAuB,CAAC;;CAG1E,SAAS;AACP,SAAO,IAAI,gBAAA,MAAuB,SAAA,MAAgB;;;;;gBAKpCA;;;2BAbjBC,cAAc,iBAAuB,CAAA,EAAA,aAAA;AAgBtC,IAAA,qBAAe"}
+{"version":3,"file":"fluid-form.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-form/fluid-form.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 './fluid-form.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Presentational element for fluid form\n *\n * @element cds-custom-fluid-form\n */\n@customElement(`${prefix}-fluid-form`)\nclass CDSFluidForm extends LitElement {\n  connectedCallback() {\n    super.connectedCallback();\n    this.toggleAttribute('in-modal', !!this.closest(`${prefix}-modal-body`));\n  }\n\n  render() {\n    return html`<form class=\"${prefix}--form ${prefix}--form--fluid\">\n      <slot></slot>\n    </form>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFluidForm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,eAAA,MACM,qBAAqB,WAAW;CACpC,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,KAAK,gBAAgB,YAAY,CAAC,CAAC,KAAK,QAAQ,gBAAsB,CAAC;CACzE;CAEA,SAAS;EACP,OAAO,IAAI,gBAAA,MAAuB,SAAA,MAAgB;;;CAGpD;;gBAEgBA;;AAClB;2BAdCC,cAAc,gBAAsB,CAAA,GAAA,YAAA;AAgBrC,IAAA,qBAAe"}

package/es-custom/components/fluid-multi-select/fluid-multi-select-skeleton.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import fluid_multi_select_default from "./fluid-multi-select.scss.js";
 import { LitElement, html } from "lit";
 //#region src/components/fluid-multi-select/fluid-multi-select-skeleton.ts

package/es-custom/components/fluid-multi-select/fluid-multi-select-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-multi-select-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-multi-select/fluid-multi-select-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { prefix } from '../../globals/settings';\nimport { LitElement, html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-multi-select.scss?lit';\n\n/**\n * Fluid multi select skeleton.\n *\n * @element cds-custom-fluid-multi-select-skeleton\n */\n@customElement(`${prefix}-fluid-multi-select-skeleton`)\nclass CDSFluidMultiSelectSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\"></div>\n        </div>\n      </div>\n    `;\n  }\n  static styles = styles;\n}\n\nexport default CDSFluidMultiSelectSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,8BAAA,MACM,oCAAoC,WAAW;CACnD,SAAS;AACP,SAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;;;gBAKbA;;;0CAZjBC,cAAc,kCAAwC,CAAA,EAAA,4BAAA;AAevD,IAAA,sCAAe"}
+{"version":3,"file":"fluid-multi-select-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/fluid-multi-select/fluid-multi-select-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { prefix } from '../../globals/settings';\nimport { LitElement, html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-multi-select.scss?lit';\n\n/**\n * Fluid multi select skeleton.\n *\n * @element cds-custom-fluid-multi-select-skeleton\n */\n@customElement(`${prefix}-fluid-multi-select-skeleton`)\nclass CDSFluidMultiSelectSkeleton extends LitElement {\n  render() {\n    return html`\n      <div class=\"${prefix}--list-box__wrapper--fluid\">\n        <div class=\"${prefix}--skeleton ${prefix}--list-box\">\n          <span class=\"${prefix}--list-box__label\"></span>\n          <div class=\"${prefix}--list-box__field\"></div>\n        </div>\n      </div>\n    `;\n  }\n  static styles = styles;\n}\n\nexport default CDSFluidMultiSelectSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,8BAAA,MACM,oCAAoC,WAAW;CACnD,SAAS;EACP,OAAO,IAAI;0BACY;4BACE,aAAA,MAAoB;+BACjB;8BACD;;;;CAI7B;;gBACgBA;;AAClB;0CAbCC,cAAc,iCAAuC,CAAA,GAAA,2BAAA;AAetD,IAAA,sCAAe"}

package/es-custom/components/fluid-multi-select/fluid-multi-select.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import multi_select_default from "../multi-select/multi-select.js";
 import fluid_multi_select_default$1 from "./fluid-multi-select.scss.js";
 import { html } from "lit";

package/es-custom/components/fluid-multi-select/fluid-multi-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-multi-select.js","names":["CDSMultiSelect","styles","customElement"],"sources":["../../../src/components/fluid-multi-select/fluid-multi-select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-multi-select.scss?lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport CDSMultiSelect from '../multi-select/multi-select';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Fluid multi select.\n *\n * @element cds-custom-fluid-multi-select\n */\n@customElement(`${prefix}-fluid-multi-select`)\nclass CDSFluidMultiSelect extends CDSMultiSelect {\n  /**\n   * Specify if the `FluidMultiSelect` should render its menu items in condensed mode\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n  connectedCallback() {\n    super.connectedCallback();\n    this.isFluid = true;\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readonly') ||\n      changedProperties.has('warn')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  render() {\n    const wrapperClasses = classMap({\n      [`${prefix}--multi-select__wrapper`]: true,\n      [`${prefix}--list-box__wrapper`]: true,\n      [`${prefix}--list-box__wrapper--fluid`]: true,\n      [`${prefix}--list-box__wrapper--fluid--invalid`]: this.invalid,\n    });\n    return html`<div class=\"${wrapperClasses}\">${super.render()}</div>`;\n  }\n\n  static styles = [CDSMultiSelect.styles, styles];\n}\n\nexport default CDSFluidMultiSelect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,sBAAA,MACM,4BAA4BA,qBAAe;;;qBAKjC;;CACd,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,UAAU;;CAGjB,QAAQ,mBAAmB;AACzB,QAAM,QAAQ,kBAAkB;AAChC,MACE,kBAAkB,IAAI,UAAU,IAChC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,WAAW,IACjC,kBAAkB,IAAI,OAAO,CAE7B,MAAK,eAAe;;CAIxB,SAAS;AAOP,SAAO,IAAI,eANY,SAAS;IAC7B,+BAAqC;IACrC,2BAAiC;IACjC,kCAAwC;IACxC,2CAAiD,KAAK;GACxD,CAAC,CACuC,IAAI,MAAM,QAAQ,CAAC;;;gBAG9C,CAACA,qBAAe,QAAQC,6BAAO;;;YA7B9C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAgB,CAAC,CAAA,EAAA,oBAAA,WAAA,eAAA,KAAA,EAAA;kCALvEC,cAAc,yBAA+B,CAAA,EAAA,oBAAA;AAqC9C,IAAA,6BAAe"}
+{"version":3,"file":"fluid-multi-select.js","names":["CDSMultiSelect","styles","customElement"],"sources":["../../../src/components/fluid-multi-select/fluid-multi-select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 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 { prefix } from '../../globals/settings';\nimport { html } from 'lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport styles from './fluid-multi-select.scss?lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport CDSMultiSelect from '../multi-select/multi-select';\nimport { property } from 'lit/decorators.js';\n\n/**\n * Fluid multi select.\n *\n * @element cds-custom-fluid-multi-select\n */\n@customElement(`${prefix}-fluid-multi-select`)\nclass CDSFluidMultiSelect extends CDSMultiSelect {\n  /**\n   * Specify if the `FluidMultiSelect` should render its menu items in condensed mode\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-condensed' })\n  isCondensed = false;\n  connectedCallback() {\n    super.connectedCallback();\n    this.isFluid = true;\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('invalid') ||\n      changedProperties.has('disabled') ||\n      changedProperties.has('readonly') ||\n      changedProperties.has('warn')\n    ) {\n      this.requestUpdate();\n    }\n  }\n\n  render() {\n    const wrapperClasses = classMap({\n      [`${prefix}--multi-select__wrapper`]: true,\n      [`${prefix}--list-box__wrapper`]: true,\n      [`${prefix}--list-box__wrapper--fluid`]: true,\n      [`${prefix}--list-box__wrapper--fluid--invalid`]: this.invalid,\n    });\n    return html`<div class=\"${wrapperClasses}\">${super.render()}</div>`;\n  }\n\n  static styles = [CDSMultiSelect.styles, styles];\n}\n\nexport default CDSFluidMultiSelect;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAA,sBAAA,MACM,4BAA4BA,qBAAe;;;qBAKjC;;CACd,oBAAoB;EAClB,MAAM,kBAAkB;EACxB,KAAK,UAAU;CACjB;CAEA,QAAQ,mBAAmB;EACzB,MAAM,QAAQ,iBAAiB;EAC/B,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,UAAU,KAChC,kBAAkB,IAAI,MAAM,GAE5B,KAAK,cAAc;CAEvB;CAEA,SAAS;EAOP,OAAO,IAAI,eANY,SAAS;IAC7B,+BAAqC;IACrC,2BAAiC;IACjC,kCAAwC;IACxC,2CAAiD,KAAK;EACzD,CACuC,EAAE,IAAI,MAAM,OAAO,EAAE;CAC9D;;gBAEgB,CAACA,qBAAe,QAAQC,4BAAM;;AAChD;YA9BG,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAe,CAAC,CAAA,GAAA,oBAAA,WAAA,eAAA,KAAA,CAAA;kCALtEC,cAAc,wBAA8B,CAAA,GAAA,mBAAA;AAqC7C,IAAA,6BAAe"}