@carbon/web-components 2.59.0 → 2.60.0

package/custom-elements.json

@@ -6892,7 +6892,60 @@
     },
     {
       "name": "feature-flags",
-      "path": "./src/components/feature-flags/index.ts"
+      "path": "./src/components/feature-flags/index.ts",
+      "description": "Feature Flags\n\nProvides scoped feature flags to child components. Flags are read from the\nnearest `<feature-flags>` ancestor, and nested elements inherit any flag they\ndo not set themselves.\n\nAttributes are declared below rather than inferred, because the flag list is\nbuilt at runtime from `observedAttributes` and cannot be read statically.",
+      "attributes": [
+        {
+          "name": "enable-v12-release",
+          "description": "Enable the features and functionality\nfor the v12 Release. Enabling this turns on every `enable-v12-*` flag at\nonce, as well as `enable-focus-wrap-without-sentinels`.",
+          "type": "boolean"
+        },
+        {
+          "name": "enable-v12-tile-default-icons",
+          "description": "Enable rendering of default\nicons in the tile components. Becomes the default behavior in v12.",
+          "type": "boolean"
+        },
+        {
+          "name": "enable-v12-tile-radio-icons",
+          "description": "Enable rendering of radio icons\nin the `cds-radio-tile` component. Becomes the default behavior in v12.",
+          "type": "boolean"
+        },
+        {
+          "name": "enable-v12-overflowmenu",
+          "description": "Enable the use of the v12\n`cds-overflow-menu` leveraging the menu subcomponents. Becomes the default\nbehavior in v12.",
+          "type": "boolean"
+        },
+        {
+          "name": "enable-v12-dynamic-floating-styles",
+          "description": "Enable dynamic setting\nof floating styles for components like `cds-popover`, `cds-tooltip`, etc.\nBecomes the default behavior in v12.",
+          "type": "boolean"
+        },
+        {
+          "name": "enable-v12-toggle-reduced-label-spacing",
+          "description": "Enable a reduced\nspacing between the toggle control and its label. Becomes the default\nbehavior in v12.",
+          "type": "boolean"
+        },
+        {
+          "name": "enable-treeview-controllable",
+          "description": "Enable the new `cds-treeview`\ncontrollable API.",
+          "type": "boolean"
+        },
+        {
+          "name": "enable-dialog-element",
+          "description": "Enable components to utilize the\nnative `dialog` element.",
+          "type": "boolean"
+        },
+        {
+          "name": "enable-focus-wrap-without-sentinels",
+          "description": "Enable the new focus\nwrap behavior that doesn't use sentinel nodes.",
+          "type": "boolean"
+        },
+        {
+          "name": "enable-experimental-focus-wrap-without-sentinels",
+          "description": "Deprecated,\nuse `enable-focus-wrap-without-sentinels` instead.",
+          "type": "boolean"
+        }
+      ]
     },
     {
       "name": "cds-file-uploader-button",

package/es/_virtual/{_@oxc-project_runtime@0.135.0 → _@oxc-project_runtime@0.139.0}/helpers/esm/decorate.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-//#region \0@oxc-project+runtime@0.135.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.139.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -13,4 +13,4 @@ function __decorate(decorators, target, key, desc) {
 	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
 //#endregion
-export { __decorate };
+export { __decorate as default };

package/es/components/accordion/accordion-item-skeleton.js

@@ -8,7 +8,7 @@
 import "../../globals/settings.js";
 import accordion_default from "./accordion.scss.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import "../skeleton-text/index.js";
 import { LitElement, html } from "lit";

package/es/components/accordion/accordion-item.d.ts

@@ -22,6 +22,10 @@ declare const CDSAccordionItem_base: (new (...args: any[]) => {
  * @csspart content The content.
  */
 declare class CDSAccordionItem extends CDSAccordionItem_base {
+    /**
+     * The accordion content container.
+     */
+    private _accordionContent;
     /**
      * The current breakpoint.
      */
@@ -90,7 +94,6 @@ declare class CDSAccordionItem extends CDSAccordionItem_base {
      * The name of the custom event fired after this accordion item is toggled upon a user gesture.
      */
     static get eventToggle(): string;
-    static get selectorAccordionContent(): string;
     static styles: any;
 }
 export default CDSAccordionItem;

package/es/components/accordion/accordion-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAInD,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;AAqBrC;;;;;;;;;;GAUG;AACH,cACM,gBAAiB,SAAQ,qBAAsB;IACnD;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAC,CAA4B;IAEvD;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IA2ClC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAI3B;IAEF;;OAEG;IAIH,OAAO,CAAC,eAAe,CAYrB;IAEF;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAWjB,oBAAoB;IAMpB,MAAM;IA2CN;;;;OAIG;IACH,MAAM,KAAK,mBAAmB;;;MAK7B;IAED;;;;OAIG;IACH,MAAM,KAAK,iBAAiB;;;MAK3B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,KAAK,wBAAwB,WAElC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"accordion-item.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AAInD,OAAO,EAAE,yBAAyB,EAAE,CAAC;;;;AAqBrC;;;;;;;;;;GAUG;AACH,cACM,gBAAiB,SAAQ,qBAAsB;IACnD;;OAEG;IAEH,OAAO,CAAC,iBAAiB,CAAkB;IAE3C;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAC,CAA4B;IAEvD;;OAEG;IACH,OAAO,CAAC,eAAe,CAAuB;IAE9C;;;;OAIG;IACH,OAAO,CAAC,0BAA0B;IAqClC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAI3B;IAEF;;OAEG;IAIH,OAAO,CAAC,eAAe,CAYrB;IAEF;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAWjB,oBAAoB;IAMpB,MAAM;IA2CN;;;;OAIG;IACH,MAAM,KAAK,mBAAmB;;;MAK7B;IAED;;;;OAIG;IACH,MAAM,KAAK,iBAAiB;;;MAK3B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}

package/es/components/accordion/accordion-item.js

@@ -9,11 +9,11 @@ import "../../globals/settings.js";
 import { ACCORDION_ITEM_BREAKPOINT } from "./defs.js";
 import accordion_default from "./accordion.scss.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import { LitElement, html } from "lit";
-import { property } from "lit/decorators.js";
+import { property, query } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import ChevronRight16 from "@carbon/icons/es/chevron--right/16.js";
 //#region src/components/accordion/accordion-item.ts
@@ -78,10 +78,9 @@ let CDSAccordionItem = class CDSAccordionItem extends FocusMixin(LitElement) {
 			detail: { open }
 		};
 		if (this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeToggle, init))) {
-			const { selectorAccordionContent } = this.constructor;
 			if (!this.open) this.setAttribute("expanding", "");
 			else this.setAttribute("collapsing", "");
-			this.shadowRoot.querySelector(selectorAccordionContent).addEventListener("animationend", () => {
+			this._accordionContent?.addEventListener("animationend", () => {
 				this.removeAttribute("expanding");
 				this.removeAttribute("collapsing");
 			});
@@ -172,13 +171,11 @@ let CDSAccordionItem = class CDSAccordionItem extends FocusMixin(LitElement) {
 	static get eventToggle() {
 		return `cds-accordion-item-toggled`;
 	}
-	static get selectorAccordionContent() {
-		return `.cds--accordion__content`;
-	}
 	static {
 		this.styles = accordion_default;
 	}
 };
+__decorate([query(`.cds--accordion__content`)], CDSAccordionItem.prototype, "_accordionContent", void 0);
 __decorate([property({
 	type: Boolean,
 	reflect: true

package/es/components/accordion/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.js","names":["styles","customElement"],"sources":["../../../src/components/accordion/accordion-item.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronRight16 from '@carbon/icons/es/chevron--right/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport FocusMixin from '../../globals/mixins/focus';\nimport Handle from '../../globals/internal/handle';\nimport { ACCORDION_ITEM_BREAKPOINT } from './defs';\nimport styles from './accordion.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_ITEM_BREAKPOINT };\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  if (!elem) {\n    return null;\n  }\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * Accordion item.\n *\n * @element cds-accordion-item\n * @fires cds-accordion-item-beingtoggled\n *   The custom event fired before this accordion item is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling this accordion item.\n * @fires cds-accordion-item-toggled - The custom event fired after this accordion item is toggled upon a user gesture.\n * @csspart title The title.\n * @csspart content The content.\n */\n@customElement(`${prefix}-accordion-item`)\nclass CDSAccordionItem extends FocusMixin(LitElement) {\n  /**\n   * The current breakpoint.\n   */\n  private _currentBreakpoint?: ACCORDION_ITEM_BREAKPOINT;\n\n  /**\n   * The handle for observing resize of the parent element of this element.\n   */\n  private _hObserveResize: Handle | null = null;\n\n  /**\n   * Handles user-initiated toggle request of this accordion item.\n   *\n   * @param open The new open state.\n   */\n  private _handleUserInitiatedToggle(open = !this.open) {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventBeforeToggle,\n          init\n        )\n      )\n    ) {\n      const { selectorAccordionContent } = this\n        .constructor as typeof CDSAccordionItem;\n\n      if (!this.open) {\n        this.setAttribute('expanding', '');\n      } else {\n        this.setAttribute('collapsing', '');\n      }\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      this.shadowRoot!.querySelector(\n        selectorAccordionContent\n      )!.addEventListener('animationend', () => {\n        this.removeAttribute('expanding');\n        this.removeAttribute('collapsing');\n      });\n\n      this.open = open;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventToggle,\n          init\n        )\n      );\n    }\n  }\n\n  /**\n   * Handler for the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the expando button.\n   */\n  private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      this._handleUserInitiatedToggle(false);\n    }\n  };\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    (records: ResizeObserverEntry[]) => {\n      const { width } = records[records.length - 1].contentRect;\n      const { _sizesBreakpoints: sizesBreakpoints } = this\n        .constructor as typeof CDSAccordionItem;\n      this._currentBreakpoint = Object.keys(sizesBreakpoints)\n        .sort((lhs, rhs) => sizesBreakpoints[rhs] - sizesBreakpoints[lhs])\n        .find(\n          (size) => width >= sizesBreakpoints[size]\n        ) as ACCORDION_ITEM_BREAKPOINT;\n      this.requestUpdate();\n    }\n  );\n\n  /**\n   * `true` if the accordion item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The title text.\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n    this._hObserveResize = observeResize(this._resizeObserver, this);\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      title,\n      open,\n      _currentBreakpoint: currentBreakpoint,\n      _handleClickExpando: handleClickExpando,\n      _handleKeydownExpando: handleKeydownExpando,\n    } = this;\n    const { _classesBreakpoints: classesBreakpoints } = this\n      .constructor as typeof CDSAccordionItem;\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { [currentBreakpoint!]: classBreakpoint } = classesBreakpoints;\n    const contentClasses = classMap({\n      [classBreakpoint]: classBreakpoint,\n      [`${prefix}--accordion__content`]: true,\n    });\n    return html`\n      <button\n        ?disabled=\"${disabled}\"\n        type=\"button\"\n        part=\"expando\"\n        class=\"${prefix}--accordion__heading\"\n        aria-controls=\"content\"\n        aria-expanded=\"${open}\"\n        @click=\"${handleClickExpando}\"\n        @keydown=\"${handleKeydownExpando}\">\n        ${iconLoader(ChevronRight16, {\n          part: 'expando-icon',\n          class: `${prefix}--accordion__arrow`,\n        })}\n        <div part=\"title\" class=\"${prefix}--accordion__title\">\n          <slot name=\"title\">${title}</slot>\n        </div>\n      </button>\n      <div class=\"${prefix}--accordion__wrapper\" part=\"wrapper\">\n        <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The CSS classes for breakpoints.\n   *\n   * @private\n   */\n  static get _classesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`,\n    };\n  }\n\n  /**\n   * The breakpoints.\n   *\n   * @private\n   */\n  static get _sizesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640,\n    };\n  }\n\n  /**\n   * The name of the custom event fired before this accordion item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-accordion-item-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this accordion item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-accordion-item-toggled`;\n  }\n\n  static get selectorAccordionContent() {\n    return `.${prefix}--accordion__content`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionItem;\n"],"mappings":"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"}
+{"version":3,"file":"accordion-item.js","names":["styles","customElement"],"sources":["../../../src/components/accordion/accordion-item.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronRight16 from '@carbon/icons/es/chevron--right/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport FocusMixin from '../../globals/mixins/focus';\nimport Handle from '../../globals/internal/handle';\nimport { ACCORDION_ITEM_BREAKPOINT } from './defs';\nimport styles from './accordion.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_ITEM_BREAKPOINT };\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  if (!elem) {\n    return null;\n  }\n  observer.observe(elem);\n  return {\n    release() {\n      observer.unobserve(elem);\n      return null;\n    },\n  } as Handle;\n};\n\n/**\n * Accordion item.\n *\n * @element cds-accordion-item\n * @fires cds-accordion-item-beingtoggled\n *   The custom event fired before this accordion item is being toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of toggling this accordion item.\n * @fires cds-accordion-item-toggled - The custom event fired after this accordion item is toggled upon a user gesture.\n * @csspart title The title.\n * @csspart content The content.\n */\n@customElement(`${prefix}-accordion-item`)\nclass CDSAccordionItem extends FocusMixin(LitElement) {\n  /**\n   * The accordion content container.\n   */\n  @query(`.${prefix}--accordion__content`)\n  private _accordionContent!: HTMLDivElement;\n\n  /**\n   * The current breakpoint.\n   */\n  private _currentBreakpoint?: ACCORDION_ITEM_BREAKPOINT;\n\n  /**\n   * The handle for observing resize of the parent element of this element.\n   */\n  private _hObserveResize: Handle | null = null;\n\n  /**\n   * Handles user-initiated toggle request of this accordion item.\n   *\n   * @param open The new open state.\n   */\n  private _handleUserInitiatedToggle(open = !this.open) {\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventBeforeToggle,\n          init\n        )\n      )\n    ) {\n      if (!this.open) {\n        this.setAttribute('expanding', '');\n      } else {\n        this.setAttribute('collapsing', '');\n      }\n      this._accordionContent?.addEventListener('animationend', () => {\n        this.removeAttribute('expanding');\n        this.removeAttribute('collapsing');\n      });\n\n      this.open = open;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAccordionItem).eventToggle,\n          init\n        )\n      );\n    }\n  }\n\n  /**\n   * Handler for the `click` event on the expando button.\n   */\n  private _handleClickExpando() {\n    this._handleUserInitiatedToggle();\n  }\n\n  /**\n   * Handler for the `keydown` event on the expando button.\n   */\n  private _handleKeydownExpando = ({ key }: KeyboardEvent) => {\n    if (this.open && (key === 'Esc' || key === 'Escape')) {\n      this._handleUserInitiatedToggle(false);\n    }\n  };\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    (records: ResizeObserverEntry[]) => {\n      const { width } = records[records.length - 1].contentRect;\n      const { _sizesBreakpoints: sizesBreakpoints } = this\n        .constructor as typeof CDSAccordionItem;\n      this._currentBreakpoint = Object.keys(sizesBreakpoints)\n        .sort((lhs, rhs) => sizesBreakpoints[rhs] - sizesBreakpoints[lhs])\n        .find(\n          (size) => width >= sizesBreakpoints[size]\n        ) as ACCORDION_ITEM_BREAKPOINT;\n      this.requestUpdate();\n    }\n  );\n\n  /**\n   * `true` if the accordion item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if the accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * The title text.\n   */\n  @property({ attribute: 'title' })\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'listitem');\n    }\n    super.connectedCallback();\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n    this._hObserveResize = observeResize(this._resizeObserver, this);\n  }\n\n  disconnectedCallback() {\n    if (this._hObserveResize) {\n      this._hObserveResize = this._hObserveResize.release();\n    }\n  }\n\n  render() {\n    const {\n      disabled,\n      title,\n      open,\n      _currentBreakpoint: currentBreakpoint,\n      _handleClickExpando: handleClickExpando,\n      _handleKeydownExpando: handleKeydownExpando,\n    } = this;\n    const { _classesBreakpoints: classesBreakpoints } = this\n      .constructor as typeof CDSAccordionItem;\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n    const { [currentBreakpoint!]: classBreakpoint } = classesBreakpoints;\n    const contentClasses = classMap({\n      [classBreakpoint]: classBreakpoint,\n      [`${prefix}--accordion__content`]: true,\n    });\n    return html`\n      <button\n        ?disabled=\"${disabled}\"\n        type=\"button\"\n        part=\"expando\"\n        class=\"${prefix}--accordion__heading\"\n        aria-controls=\"content\"\n        aria-expanded=\"${open}\"\n        @click=\"${handleClickExpando}\"\n        @keydown=\"${handleKeydownExpando}\">\n        ${iconLoader(ChevronRight16, {\n          part: 'expando-icon',\n          class: `${prefix}--accordion__arrow`,\n        })}\n        <div part=\"title\" class=\"${prefix}--accordion__title\">\n          <slot name=\"title\">${title}</slot>\n        </div>\n      </button>\n      <div class=\"${prefix}--accordion__wrapper\" part=\"wrapper\">\n        <div id=\"content\" part=\"content\" class=\"${contentClasses}\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  /**\n   * The CSS classes for breakpoints.\n   *\n   * @private\n   */\n  static get _classesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`,\n    };\n  }\n\n  /**\n   * The breakpoints.\n   *\n   * @private\n   */\n  static get _sizesBreakpoints() {\n    return {\n      [ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,\n      [ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640,\n    };\n  }\n\n  /**\n   * The name of the custom event fired before this accordion item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this accordion item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-accordion-item-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this accordion item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-accordion-item-toggled`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,iBAAiB,UAA0B,SAAkB;CACjE,IAAI,CAAC,MACH,OAAO;CAET,SAAS,QAAQ,IAAI;CACrB,OAAO,EACL,UAAU;EACR,SAAS,UAAU,IAAI;EACvB,OAAO;CACT,EACF;AACF;;;;;;;;;;;;AAaA,IAAA,mBAAA,MACM,yBAAyB,WAAW,UAAU,CAAC,CAAC;;;yBAeX;gCAsDR,EAAE,UAAyB;GAC1D,IAAI,KAAK,SAAS,QAAQ,SAAS,QAAQ,WACzC,KAAK,2BAA2B,KAAK;EAEzC;yBAQ0B,IAAI,gBAC3B,YAAmC;GAClC,MAAM,EAAE,UAAU,QAAQ,QAAQ,SAAS,EAAE,CAAC;GAC9C,MAAM,EAAE,mBAAmB,qBAAqB,KAC7C;GACH,KAAK,qBAAqB,OAAO,KAAK,gBAAgB,CAAC,CACpD,MAAM,KAAK,QAAQ,iBAAiB,OAAO,iBAAiB,IAAI,CAAC,CACjE,MACE,SAAS,SAAS,iBAAiB,KACtC;GACF,KAAK,cAAc;EACrB,CACF;kBAMW;cAMJ;eAMC;;;;;;;CAzFR,2BAAmC,OAAO,CAAC,KAAK,MAAM;EACpD,MAAM,OAAO;GACX,SAAS;GACT,YAAY;GACZ,UAAU;GACV,QAAQ,EACN,KACF;EACF;EACA,IACE,KAAK,cACH,IAAI,YACD,KAAK,YAAwC,mBAC9C,IACF,CACF,GACA;GACA,IAAI,CAAC,KAAK,MACR,KAAK,aAAa,aAAa,EAAE;QAEjC,KAAK,aAAa,cAAc,EAAE;GAEpC,KAAK,mBAAmB,iBAAiB,sBAAsB;IAC7D,KAAK,gBAAgB,WAAW;IAChC,KAAK,gBAAgB,YAAY;GACnC,CAAC;GAED,KAAK,OAAO;GACZ,KAAK,cACH,IAAI,YACD,KAAK,YAAwC,aAC9C,IACF,CACF;EACF;CACF;;;;CAKA,sBAA8B;EAC5B,KAAK,2BAA2B;CAClC;CAiDA,oBAAoB;EAClB,IAAI,CAAC,KAAK,aAAa,MAAM,GAC3B,KAAK,aAAa,QAAQ,UAAU;EAEtC,MAAM,kBAAkB;EACxB,IAAI,KAAK,iBACP,KAAK,kBAAkB,KAAK,gBAAgB,QAAQ;EAEtD,KAAK,kBAAkB,cAAc,KAAK,iBAAiB,IAAI;CACjE;CAEA,uBAAuB;EACrB,IAAI,KAAK,iBACP,KAAK,kBAAkB,KAAK,gBAAgB,QAAQ;CAExD;CAEA,SAAS;EACP,MAAM,EACJ,UACA,OACA,MACA,oBAAoB,mBACpB,qBAAqB,oBACrB,uBAAuB,yBACrB;EACJ,MAAM,EAAE,qBAAqB,uBAAuB,KACjD;EAEH,MAAM,GAAG,oBAAqB,oBAAoB;EAClD,MAAM,iBAAiB,SAAS;IAC7B,kBAAkB;IAClB,4BAAkC;EACrC,CAAC;EACD,OAAO,IAAI;;qBAEM,SAAS;;;uBAGN;;yBAEC,KAAK;kBACZ,mBAAmB;oBACjB,qBAAqB;UAC/B,WAAW,gBAAgB;GAC3B,MAAM;GACN,OAAO;EACT,CAAC,EAAE;yCAC+B;+BACX,MAAM;;;0BAGV;kDACuB,eAAe;;;;;CAK/D;;;;;;CAOA,WAAW,sBAAsB;EAC/B,OAAO;WAC8B;WACC;EACtC;CACF;;;;;;CAOA,WAAW,oBAAoB;EAC7B,OAAO;WAC8B;WACC;EACtC;CACF;;;;;CAMA,WAAW,oBAAoB;EAC7B,OAAO;CACT;;;;CAKA,WAAW,cAAc;EACvB,OAAO;CACT;;gBAEgBA;;AAClB;YAjNG,MAAM,0BAAgC,CAAA,GAAA,iBAAA,WAAA,qBAAA,KAAA,CAAA;YA8FtC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,YAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,iBAAA,WAAA,QAAA,KAAA,CAAA;YAMzC,SAAS,EAAE,WAAW,QAAQ,CAAC,CAAA,GAAA,iBAAA,WAAA,SAAA,KAAA,CAAA;+BA/GjCC,cAAc,oBAA0B,CAAA,GAAA,gBAAA;AAwNzC,IAAA,yBAAe"}

package/es/components/accordion/accordion-skeleton.d.ts

@@ -28,9 +28,12 @@ declare class CDSAccordionSkeleton extends LitElement {
      * `true` if the first accordion item should be open.
      */
     open: boolean;
+    /**
+     * The accordion item skeleton elements.
+     */
+    private _accordionItemSkeletons;
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
-    static get selectorAccordionItemSkeletons(): string;
     static styles: any;
 }
 export default CDSAccordionSkeleton;

package/es/components/accordion/accordion-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIlD,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAKhC;;GAEG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,SAAS,sBAA2B;IAEpC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,UAAQ;IAEZ,OAAO,CAAC,iBAAiB,KAAA;IAoCzB,MAAM;IAuCN,MAAM,KAAK,8BAA8B,WAExC;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"accordion-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/accordion/accordion-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIlD,OAAO,2BAA2B,CAAC;AACnC,OAAO,wBAAwB,CAAC;AAKhC;;GAEG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,SAAS,sBAA2B;IAEpC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,OAAO,CAAC,uBAAuB,CAA2B;IAE1D,OAAO,CAAC,iBAAiB,KAAA;IAsBzB,MAAM;IAuCN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}

package/es/components/accordion/accordion-skeleton.js

@@ -10,13 +10,13 @@ import { forEach } from "../../globals/internal/collection-helpers.js";
 import "./defs.js";
 import accordion_default from "./accordion.scss.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import "./accordion.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import "../skeleton-text/index.js";
 import "./accordion-item-skeleton.js";
 import { LitElement, html } from "lit";
-import { property } from "lit/decorators.js";
+import { property, queryAll } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import ChevronRight16 from "@carbon/icons/es/chevron--right/16.js";
 //#region src/components/accordion/accordion-skeleton.ts
@@ -38,10 +38,10 @@ let CDSAccordionSkeleton = class CDSAccordionSkeleton extends LitElement {
 		this.open = true;
 	}
 	updated(changedProperties) {
-		if (changedProperties.has("alignment")) forEach(this.shadowRoot.querySelectorAll(this.constructor.selectorAccordionItemSkeletons), (elem) => {
+		if (changedProperties.has("alignment")) forEach(this._accordionItemSkeletons, (elem) => {
 			elem.setAttribute("alignment", this.alignment);
 		});
-		if (changedProperties.has("isFlush") || changedProperties.has("alignment")) forEach(this.shadowRoot.querySelectorAll(this.constructor.selectorAccordionItemSkeletons), (elem) => {
+		if (changedProperties.has("isFlush") || changedProperties.has("alignment")) forEach(this._accordionItemSkeletons, (elem) => {
 			if (this.isFlush && this.alignment !== "start") elem.setAttribute("isFlush", "");
 			else elem.removeAttribute("isFlush");
 		});
@@ -77,9 +77,6 @@ let CDSAccordionSkeleton = class CDSAccordionSkeleton extends LitElement {
             ?data-last-item=${i === arr.length - 1}></cds-accordion-item-skeleton>`)}
     `;
 	}
-	static get selectorAccordionItemSkeletons() {
-		return `cds-accordion-item-skeleton`;
-	}
 	static {
 		this.styles = accordion_default;
 	}
@@ -97,6 +94,7 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSAccordionSkeleton.prototype, "open", void 0);
+__decorate([queryAll(`cds-accordion-item-skeleton`)], CDSAccordionSkeleton.prototype, "_accordionItemSkeletons", void 0);
 CDSAccordionSkeleton = __decorate([carbonElement(`cds-accordion-skeleton`)], CDSAccordionSkeleton);
 var accordion_skeleton_default = CDSAccordionSkeleton;
 //#endregion

package/es/components/accordion/accordion-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/accordion/accordion-skeleton.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ACCORDION_ALIGNMENT } from './accordion';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/es/chevron--right/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport './accordion-item-skeleton';\nimport '../skeleton-text/index';\nimport styles from './accordion.scss?lit';\n\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-accordion-skeleton`)\nclass CDSAccordionSkeleton extends LitElement {\n  /**\n   * Specify the alignment of the accordion heading title and chevron\n   */\n  @property({ reflect: true })\n  alignment = ACCORDION_ALIGNMENT.END;\n\n  /**\n   * Set number of items to render\n   */\n  @property({ type: Number, attribute: 'count' })\n  count = 4;\n\n  /**\n   * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n   */\n  @property({ type: Boolean, reflect: true })\n  isFlush = false;\n\n  /**\n   * `true` if the first accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  updated(changedProperties) {\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        this.shadowRoot!.querySelectorAll(\n          (this.constructor as typeof CDSAccordionSkeleton)\n            .selectorAccordionItemSkeletons\n        ),\n        (elem) => {\n          elem.setAttribute('alignment', this.alignment);\n        }\n      );\n    }\n    if (\n      changedProperties.has('isFlush') ||\n      changedProperties.has('alignment')\n    ) {\n      // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        this.shadowRoot!.querySelectorAll(\n          (this.constructor as typeof CDSAccordionSkeleton)\n            .selectorAccordionItemSkeletons\n        ),\n        (elem) => {\n          if (this.isFlush && this.alignment !== 'start') {\n            elem.setAttribute('isFlush', '');\n          } else {\n            elem.removeAttribute('isFlush');\n          }\n        }\n      );\n    }\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--accordion__item`]: true,\n      [`${prefix}--accordion__item--active`]: true,\n      [`${prefix}--accordion--${this.alignment}`]: this.alignment,\n      [`${prefix}--accordion--flush`]:\n        this.isFlush && this.alignment !== 'start',\n    });\n    const numSkeletonItems = this.open ? this.count - 1 : this.count;\n    return html`\n      ${this.open\n        ? html`\n            <li class=\"${classes}\">\n              <span class=\"${prefix}--accordion__heading\">\n                ${iconLoader(ChevronRight16, {\n                  class: `${prefix}--accordion__arrow`,\n                  part: 'expando-icon',\n                })}\n                <cds-skeleton-text\n                  class=\"${prefix}--accordion__title\"></cds-skeleton-text>\n              </span>\n              <div class=\"${prefix}--accordion__content\">\n                <cds-skeleton-text width=\"90%\"></cds-skeleton-text>\n                <cds-skeleton-text width=\"80%\"></cds-skeleton-text>\n                <cds-skeleton-text width=\"95%\"></cds-skeleton-text>\n              </div>\n            </li>\n          `\n        : ``}\n      ${Array.from({ length: numSkeletonItems }).map(\n        (_, i, arr) =>\n          html`<cds-accordion-item-skeleton\n            key=${i}\n            ?data-last-item=${i ===\n            arr.length - 1}></cds-accordion-item-skeleton>`\n      )}\n    `;\n  }\n\n  static get selectorAccordionItemSkeletons() {\n    return `${prefix}-accordion-item-skeleton`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;;eAWpC;iBAME;cAMH;;CAEP,QAAQ,mBAAmB;EACzB,IAAI,kBAAkB,IAAI,WAAW,GAEnC,QAEE,KAAK,WAAY,iBACd,KAAK,YACH,8BACL,IACC,SAAS;GACR,KAAK,aAAa,aAAa,KAAK,SAAS;EAC/C,CACF;EAEF,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,WAAW,GAGjC,QAEE,KAAK,WAAY,iBACd,KAAK,YACH,8BACL,IACC,SAAS;GACR,IAAI,KAAK,WAAW,KAAK,cAAc,SACrC,KAAK,aAAa,WAAW,EAAE;QAE/B,KAAK,gBAAgB,SAAS;EAElC,CACF;CAEJ;CAEA,SAAS;EACP,MAAM,UAAU,SAAS;IACtB,yBAA+B;IAC/B,iCAAuC;IACvC,mBAAyB,KAAK,cAAc,KAAK;IACjD,0BACC,KAAK,WAAW,KAAK,cAAc;EACvC,CAAC;EACD,MAAM,mBAAmB,KAAK,OAAO,KAAK,QAAQ,IAAI,KAAK;EAC3D,OAAO,IAAI;QACP,KAAK,OACH,IAAI;yBACW,QAAQ;mCACG;kBAClB,WAAW,gBAAgB;GAC3B,OAAO;GACP,MAAM;EACR,CAAC,EAAE;;iCAEe;;kCAEC;;;;;;cAOzB,GAAG;QACL,MAAM,KAAK,EAAE,QAAQ,iBAAiB,CAAC,CAAC,CAAC,KACxC,GAAG,GAAG,QACL,IAAI;kBACI,EAAE;8BACU,MAClB,IAAI,SAAS,EAAE,gCACrB,EAAE;;CAEN;CAEA,WAAW,iCAAiC;EAC1C,OAAO;CACT;;gBAEgBA;;AAClB;YArGG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,aAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAQ,CAAC,CAAA,GAAA,qBAAA,WAAA,SAAA,KAAA,CAAA;YAM7C,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,WAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,QAAA,KAAA,CAAA;mCAvB3CC,cAAc,wBAA8B,CAAA,GAAA,oBAAA;AA4G7C,IAAA,6BAAe"}
+{"version":3,"file":"accordion-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/accordion/accordion-skeleton.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 { classMap } from 'lit/directives/class-map.js';\nimport { LitElement, html } from 'lit';\nimport { property, queryAll } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { ACCORDION_ALIGNMENT } from './accordion';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport ChevronRight16 from '@carbon/icons/es/chevron--right/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport './accordion-item-skeleton';\nimport '../skeleton-text/index';\nimport styles from './accordion.scss?lit';\n\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of code snippet.\n */\n@customElement(`${prefix}-accordion-skeleton`)\nclass CDSAccordionSkeleton extends LitElement {\n  /**\n   * Specify the alignment of the accordion heading title and chevron\n   */\n  @property({ reflect: true })\n  alignment = ACCORDION_ALIGNMENT.END;\n\n  /**\n   * Set number of items to render\n   */\n  @property({ type: Number, attribute: 'count' })\n  count = 4;\n\n  /**\n   * Specify whether Accordion text should be flush, default is false, does not work with align=\"start\"\n   */\n  @property({ type: Boolean, reflect: true })\n  isFlush = false;\n\n  /**\n   * `true` if the first accordion item should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * The accordion item skeleton elements.\n   */\n  @queryAll(`${prefix}-accordion-item-skeleton`)\n  private _accordionItemSkeletons!: NodeListOf<HTMLElement>;\n\n  updated(changedProperties) {\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(this._accordionItemSkeletons, (elem) => {\n        elem.setAttribute('alignment', this.alignment);\n      });\n    }\n    if (\n      changedProperties.has('isFlush') ||\n      changedProperties.has('alignment')\n    ) {\n      // Propagate `isFlush` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(this._accordionItemSkeletons, (elem) => {\n        if (this.isFlush && this.alignment !== 'start') {\n          elem.setAttribute('isFlush', '');\n        } else {\n          elem.removeAttribute('isFlush');\n        }\n      });\n    }\n  }\n\n  render() {\n    const classes = classMap({\n      [`${prefix}--accordion__item`]: true,\n      [`${prefix}--accordion__item--active`]: true,\n      [`${prefix}--accordion--${this.alignment}`]: this.alignment,\n      [`${prefix}--accordion--flush`]:\n        this.isFlush && this.alignment !== 'start',\n    });\n    const numSkeletonItems = this.open ? this.count - 1 : this.count;\n    return html`\n      ${this.open\n        ? html`\n            <li class=\"${classes}\">\n              <span class=\"${prefix}--accordion__heading\">\n                ${iconLoader(ChevronRight16, {\n                  class: `${prefix}--accordion__arrow`,\n                  part: 'expando-icon',\n                })}\n                <cds-skeleton-text\n                  class=\"${prefix}--accordion__title\"></cds-skeleton-text>\n              </span>\n              <div class=\"${prefix}--accordion__content\">\n                <cds-skeleton-text width=\"90%\"></cds-skeleton-text>\n                <cds-skeleton-text width=\"80%\"></cds-skeleton-text>\n                <cds-skeleton-text width=\"95%\"></cds-skeleton-text>\n              </div>\n            </li>\n          `\n        : ``}\n      ${Array.from({ length: numSkeletonItems }).map(\n        (_, i, arr) =>\n          html`<cds-accordion-item-skeleton\n            key=${i}\n            ?data-last-item=${i ===\n            arr.length - 1}></cds-accordion-item-skeleton>`\n      )}\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;;eAWpC;iBAME;cAMH;;CAQP,QAAQ,mBAAmB;EACzB,IAAI,kBAAkB,IAAI,WAAW,GAEnC,QAAQ,KAAK,0BAA0B,SAAS;GAC9C,KAAK,aAAa,aAAa,KAAK,SAAS;EAC/C,CAAC;EAEH,IACE,kBAAkB,IAAI,SAAS,KAC/B,kBAAkB,IAAI,WAAW,GAGjC,QAAQ,KAAK,0BAA0B,SAAS;GAC9C,IAAI,KAAK,WAAW,KAAK,cAAc,SACrC,KAAK,aAAa,WAAW,EAAE;QAE/B,KAAK,gBAAgB,SAAS;EAElC,CAAC;CAEL;CAEA,SAAS;EACP,MAAM,UAAU,SAAS;IACtB,yBAA+B;IAC/B,iCAAuC;IACvC,mBAAyB,KAAK,cAAc,KAAK;IACjD,0BACC,KAAK,WAAW,KAAK,cAAc;EACvC,CAAC;EACD,MAAM,mBAAmB,KAAK,OAAO,KAAK,QAAQ,IAAI,KAAK;EAC3D,OAAO,IAAI;QACP,KAAK,OACH,IAAI;yBACW,QAAQ;mCACG;kBAClB,WAAW,gBAAgB;GAC3B,OAAO;GACP,MAAM;EACR,CAAC,EAAE;;iCAEe;;kCAEC;;;;;;cAOzB,GAAG;QACL,MAAM,KAAK,EAAE,QAAQ,iBAAiB,CAAC,CAAC,CAAC,KACxC,GAAG,GAAG,QACL,IAAI;kBACI,EAAE;8BACU,MAClB,IAAI,SAAS,EAAE,gCACrB,EAAE;;CAEN;;gBAEgBA;;AAClB;YAzFG,SAAS,EAAE,SAAS,KAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,aAAA,KAAA,CAAA;YAM1B,SAAS;CAAE,MAAM;CAAQ,WAAW;AAAQ,CAAC,CAAA,GAAA,qBAAA,WAAA,SAAA,KAAA,CAAA;YAM7C,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,WAAA,KAAA,CAAA;YAMzC,SAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,qBAAA,WAAA,QAAA,KAAA,CAAA;YAMzC,SAAS,6BAAmC,CAAA,GAAA,qBAAA,WAAA,2BAAA,KAAA,CAAA;mCA7B9CC,cAAc,wBAA8B,CAAA,GAAA,oBAAA;AAgG7C,IAAA,6BAAe"}

package/es/components/accordion/accordion.js

@@ -10,7 +10,7 @@ import { forEach } from "../../globals/internal/collection-helpers.js";
 import { ACCORDION_ALIGNMENT, ACCORDION_SIZE } from "./defs.js";
 import accordion_default$1 from "./accordion.scss.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/accordion/accordion.ts

package/es/components/ai-label/ai-label-action-button.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.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import ai_label_default from "./ai-label.scss.js";
 import button_default from "../button/button.js";
 import { property } from "lit/decorators.js";

package/es/components/ai-label/ai-label.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.135.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import toggletip_default from "../toggle-tip/toggletip.scss.js";
 import popover_default from "../popover/popover.scss.js";