@carbon/web-components 2.52.0 → 2.53.0

package/es/_virtual/{_@oxc-project_runtime@0.112.0 → _@oxc-project_runtime@0.126.0}/helpers/decorate.js

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-//#region \0@oxc-project+runtime@0.112.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.126.0/helpers/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);
 	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
 	return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
-
 //#endregion
-export { __decorate };
+export { __decorate };

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

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+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.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import "../skeleton-text/index.js";
 import { LitElement, html } from "lit";
 import ChevronRight16 from "@carbon/icons/es/chevron--right/16.js";
-
 //#region src/components/accordion/accordion-item-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -27,13 +26,13 @@ import ChevronRight16 from "@carbon/icons/es/chevron--right/16.js";
 let CDSAccordionItemSkeleton = class CDSAccordionItemSkeleton extends LitElement {
 	render() {
 		return html`
-      <span class="${prefix}--accordion__heading">
+      <span class="${"cds"}--accordion__heading">
         ${iconLoader(ChevronRight16, {
 			part: "expando-icon",
-			class: `${prefix}--accordion__arrow`
+			class: `cds--accordion__arrow`
 		})}
         <cds-skeleton-text
-          class="${prefix}--accordion__title"></cds-skeleton-text>
+          class="${"cds"}--accordion__title"></cds-skeleton-text>
       </span>
     `;
 	}
@@ -41,9 +40,9 @@ let CDSAccordionItemSkeleton = class CDSAccordionItemSkeleton extends LitElement
 		this.styles = accordion_default;
 	}
 };
-CDSAccordionItemSkeleton = __decorate([carbonElement(`${prefix}-accordion-item-skeleton`)], CDSAccordionItemSkeleton);
+CDSAccordionItemSkeleton = __decorate([carbonElement(`cds-accordion-item-skeleton`)], CDSAccordionItemSkeleton);
 var accordion_item_skeleton_default = CDSAccordionItemSkeleton;
-
 //#endregion
 export { accordion_item_skeleton_default as default };
+
 //# sourceMappingURL=accordion-item-skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion-item-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/accordion/accordion-item-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport ChevronRight16 from '@carbon/icons/es/chevron--right/16.js';\nimport { prefix } from '../../globals/settings';\nimport '../skeleton-text/index';\nimport styles from './accordion.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of accordion item.\n */\n@customElement(`${prefix}-accordion-item-skeleton`)\nclass CDSAccordionItemSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--accordion__heading\">\n        ${iconLoader(ChevronRight16, {\n          part: 'expando-icon',\n          class: `${prefix}--accordion__arrow`,\n        })}\n        <cds-skeleton-text\n          class=\"${prefix}--accordion__title\"></cds-skeleton-text>\n      </span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionItemSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,qCACM,iCAAiC,WAAW;CAChD,SAAS;AACP,SAAO,IAAI;qBACM,OAAO;UAClB,WAAW,gBAAgB;GAC3B,MAAM;GACN,OAAO,GAAG,OAAO;GAClB,CAAC,CAAC;;mBAEQ,OAAO;;;;;gBAKRA;;;uCAfjBC,cAAc,GAAG,OAAO,0BAA0B;AAkBnD,sCAAe"}
+{"version":3,"file":"accordion-item-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/accordion/accordion-item-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport ChevronRight16 from '@carbon/icons/es/chevron--right/16.js';\nimport { prefix } from '../../globals/settings';\nimport '../skeleton-text/index';\nimport styles from './accordion.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of accordion item.\n */\n@customElement(`${prefix}-accordion-item-skeleton`)\nclass CDSAccordionItemSkeleton extends LitElement {\n  render() {\n    return html`\n      <span class=\"${prefix}--accordion__heading\">\n        ${iconLoader(ChevronRight16, {\n          part: 'expando-icon',\n          class: `${prefix}--accordion__arrow`,\n        })}\n        <cds-skeleton-text\n          class=\"${prefix}--accordion__title\"></cds-skeleton-text>\n      </span>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordionItemSkeleton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,2BAAA,MACM,iCAAiC,WAAW;CAChD,SAAS;AACP,SAAO,IAAI;2BACa;UAClB,WAAW,gBAAgB;GAC3B,MAAM;GACN,OAAO;GACR,CAAC,CAAC;;yBAEe;;;;;gBAKRA;;;uCAfjBC,cAAc,8BAAoC,CAAA,EAAA,yBAAA;AAkBnD,IAAA,kCAAe"}

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

@@ -5,18 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+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.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/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 { classMap } from "lit/directives/class-map.js";
 import ChevronRight16 from "@carbon/icons/es/chevron--right/16.js";
-
 //#region src/components/accordion/accordion-item.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -111,27 +110,27 @@ let CDSAccordionItem = class CDSAccordionItem extends FocusMixin(LitElement) {
 		const { [currentBreakpoint]: classBreakpoint } = classesBreakpoints;
 		const contentClasses = classMap({
 			[classBreakpoint]: classBreakpoint,
-			[`${prefix}--accordion__content`]: true
+			[`cds--accordion__content`]: true
 		});
 		return html`
       <button
         ?disabled="${disabled}"
         type="button"
         part="expando"
-        class="${prefix}--accordion__heading"
+        class="${"cds"}--accordion__heading"
         aria-controls="content"
         aria-expanded="${open}"
         @click="${handleClickExpando}"
         @keydown="${handleKeydownExpando}">
         ${iconLoader(ChevronRight16, {
 			part: "expando-icon",
-			class: `${prefix}--accordion__arrow`
+			class: `cds--accordion__arrow`
 		})}
-        <div part="title" class="${prefix}--accordion__title">
+        <div part="title" class="${"cds"}--accordion__title">
           <slot name="title">${title}</slot>
         </div>
       </button>
-      <div class="${prefix}--accordion__wrapper" part="wrapper">
+      <div class="${"cds"}--accordion__wrapper" part="wrapper">
         <div id="content" part="content" class="${contentClasses}">
           <slot></slot>
         </div>
@@ -145,8 +144,8 @@ let CDSAccordionItem = class CDSAccordionItem extends FocusMixin(LitElement) {
 	*/
 	static get _classesBreakpoints() {
 		return {
-			[ACCORDION_ITEM_BREAKPOINT.SMALL]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.SMALL}`,
-			[ACCORDION_ITEM_BREAKPOINT.MEDIUM]: `${prefix}-ce--accordion__content--${ACCORDION_ITEM_BREAKPOINT.MEDIUM}`
+			["sm"]: `cds-ce--accordion__content--sm`,
+			["md"]: `cds-ce--accordion__content--md`
 		};
 	}
 	/**
@@ -156,8 +155,8 @@ let CDSAccordionItem = class CDSAccordionItem extends FocusMixin(LitElement) {
 	*/
 	static get _sizesBreakpoints() {
 		return {
-			[ACCORDION_ITEM_BREAKPOINT.SMALL]: 480,
-			[ACCORDION_ITEM_BREAKPOINT.MEDIUM]: 640
+			["sm"]: 480,
+			["md"]: 640
 		};
 	}
 	/**
@@ -165,16 +164,16 @@ let CDSAccordionItem = class CDSAccordionItem extends FocusMixin(LitElement) {
 	* Cancellation of this event stops the user-initiated action of toggling this accordion item.
 	*/
 	static get eventBeforeToggle() {
-		return `${prefix}-accordion-item-beingtoggled`;
+		return `cds-accordion-item-beingtoggled`;
 	}
 	/**
 	* The name of the custom event fired after this accordion item is toggled upon a user gesture.
 	*/
 	static get eventToggle() {
-		return `${prefix}-accordion-item-toggled`;
+		return `cds-accordion-item-toggled`;
 	}
 	static get selectorAccordionContent() {
-		return `.${prefix}--accordion__content`;
+		return `.cds--accordion__content`;
 	}
 	static {
 		this.styles = accordion_default;
@@ -189,9 +188,9 @@ __decorate([property({
 	reflect: true
 })], CDSAccordionItem.prototype, "open", void 0);
 __decorate([property({ attribute: "title" })], CDSAccordionItem.prototype, "title", void 0);
-CDSAccordionItem = __decorate([carbonElement(`${prefix}-accordion-item`)], CDSAccordionItem);
+CDSAccordionItem = __decorate([carbonElement(`cds-accordion-item`)], CDSAccordionItem);
 var accordion_item_default = CDSAccordionItem;
-
 //#endregion
 export { ACCORDION_ITEM_BREAKPOINT, accordion_item_default as default };
+
 //# sourceMappingURL=accordion-item.js.map

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 } 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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"}

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

@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { forEach } from "../../globals/internal/collection-helpers.js";
-import { ACCORDION_ALIGNMENT } from "./defs.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.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import "./accordion.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import "../skeleton-text/index.js";
@@ -19,7 +19,6 @@ import { LitElement, html } from "lit";
 import { property } 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
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -33,7 +32,7 @@ import ChevronRight16 from "@carbon/icons/es/chevron--right/16.js";
 let CDSAccordionSkeleton = class CDSAccordionSkeleton extends LitElement {
 	constructor(..._args) {
 		super(..._args);
-		this.alignment = ACCORDION_ALIGNMENT.END;
+		this.alignment = "END";
 		this.count = 4;
 		this.isFlush = false;
 		this.open = true;
@@ -49,24 +48,24 @@ let CDSAccordionSkeleton = class CDSAccordionSkeleton extends LitElement {
 	}
 	render() {
 		const classes = classMap({
-			[`${prefix}--accordion__item`]: true,
-			[`${prefix}--accordion__item--active`]: true,
-			[`${prefix}--accordion--${this.alignment}`]: this.alignment,
-			[`${prefix}--accordion--flush`]: this.isFlush && this.alignment !== "start"
+			[`cds--accordion__item`]: true,
+			[`cds--accordion__item--active`]: true,
+			[`cds--accordion--${this.alignment}`]: this.alignment,
+			[`cds--accordion--flush`]: this.isFlush && this.alignment !== "start"
 		});
 		const numSkeletonItems = this.open ? this.count - 1 : this.count;
 		return html`
       ${this.open ? html`
             <li class="${classes}">
-              <span class="${prefix}--accordion__heading">
+              <span class="${"cds"}--accordion__heading">
                 ${iconLoader(ChevronRight16, {
-			class: `${prefix}--accordion__arrow`,
+			class: `cds--accordion__arrow`,
 			part: "expando-icon"
 		})}
                 <cds-skeleton-text
-                  class="${prefix}--accordion__title"></cds-skeleton-text>
+                  class="${"cds"}--accordion__title"></cds-skeleton-text>
               </span>
-              <div class="${prefix}--accordion__content">
+              <div class="${"cds"}--accordion__content">
                 <cds-skeleton-text width="90%"></cds-skeleton-text>
                 <cds-skeleton-text width="80%"></cds-skeleton-text>
                 <cds-skeleton-text width="95%"></cds-skeleton-text>
@@ -79,7 +78,7 @@ let CDSAccordionSkeleton = class CDSAccordionSkeleton extends LitElement {
     `;
 	}
 	static get selectorAccordionItemSkeletons() {
-		return `${prefix}-accordion-item-skeleton`;
+		return `cds-accordion-item-skeleton`;
 	}
 	static {
 		this.styles = accordion_default;
@@ -98,9 +97,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSAccordionSkeleton.prototype, "open", void 0);
-CDSAccordionSkeleton = __decorate([carbonElement(`${prefix}-accordion-skeleton`)], CDSAccordionSkeleton);
+CDSAccordionSkeleton = __decorate([carbonElement(`cds-accordion-skeleton`)], CDSAccordionSkeleton);
 var accordion_skeleton_default = CDSAccordionSkeleton;
-
 //#endregion
 export { accordion_skeleton_default as default };
+
 //# sourceMappingURL=accordion-skeleton.js.map

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,iCACM,6BAA6B,WAAW;;;mBAKhC,oBAAoB;eAMxB;iBAME;cAMH;;CAEP,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,YAAY,CAEpC,SAEE,KAAK,WAAY,iBACd,KAAK,YACH,+BACJ,GACA,SAAS;AACR,QAAK,aAAa,aAAa,KAAK,UAAU;IAEjD;AAEH,MACE,kBAAkB,IAAI,UAAU,IAChC,kBAAkB,IAAI,YAAY,CAGlC,SAEE,KAAK,WAAY,iBACd,KAAK,YACH,+BACJ,GACA,SAAS;AACR,OAAI,KAAK,WAAW,KAAK,cAAc,QACrC,MAAK,aAAa,WAAW,GAAG;OAEhC,MAAK,gBAAgB,UAAU;IAGpC;;CAIL,SAAS;EACP,MAAM,UAAU,SAAS;IACtB,GAAG,OAAO,qBAAqB;IAC/B,GAAG,OAAO,6BAA6B;IACvC,GAAG,OAAO,eAAe,KAAK,cAAc,KAAK;IACjD,GAAG,OAAO,sBACT,KAAK,WAAW,KAAK,cAAc;GACtC,CAAC;EACF,MAAM,mBAAmB,KAAK,OAAO,KAAK,QAAQ,IAAI,KAAK;AAC3D,SAAO,IAAI;QACP,KAAK,OACH,IAAI;yBACW,QAAQ;6BACJ,OAAO;kBAClB,WAAW,gBAAgB;GAC3B,OAAO,GAAG,OAAO;GACjB,MAAM;GACP,CAAC,CAAC;;2BAEQ,OAAO;;4BAEN,OAAO;;;;;;cAOzB,GAAG;QACL,MAAM,KAAK,EAAE,QAAQ,kBAAkB,CAAC,CAAC,KACxC,GAAG,GAAG,QACL,IAAI;kBACI,EAAE;8BACU,MAClB,IAAI,SAAS,EAAE,iCACpB,CAAC;;;CAIN,WAAW,iCAAiC;AAC1C,SAAO,GAAG,OAAO;;;gBAGHA;;;YApGf,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAS,CAAC;YAM9C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;mCAvB5CC,cAAc,GAAG,OAAO,qBAAqB;AA4G9C,iCAAe"}
+{"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;AACzB,MAAI,kBAAkB,IAAI,YAAY,CAEpC,SAEE,KAAK,WAAY,iBACd,KAAK,YACH,+BACJ,GACA,SAAS;AACR,QAAK,aAAa,aAAa,KAAK,UAAU;IAEjD;AAEH,MACE,kBAAkB,IAAI,UAAU,IAChC,kBAAkB,IAAI,YAAY,CAGlC,SAEE,KAAK,WAAY,iBACd,KAAK,YACH,+BACJ,GACA,SAAS;AACR,OAAI,KAAK,WAAW,KAAK,cAAc,QACrC,MAAK,aAAa,WAAW,GAAG;OAEhC,MAAK,gBAAgB,UAAU;IAGpC;;CAIL,SAAS;EACP,MAAM,UAAU,SAAS;IACtB,yBAA+B;IAC/B,iCAAuC;IACvC,mBAAyB,KAAK,cAAc,KAAK;IACjD,0BACC,KAAK,WAAW,KAAK,cAAc;GACtC,CAAC;EACF,MAAM,mBAAmB,KAAK,OAAO,KAAK,QAAQ,IAAI,KAAK;AAC3D,SAAO,IAAI;QACP,KAAK,OACH,IAAI;yBACW,QAAQ;mCACG;kBAClB,WAAW,gBAAgB;GAC3B,OAAO;GACP,MAAM;GACP,CAAC,CAAC;;iCAEe;;kCAEC;;;;;;cAOzB,GAAG;QACL,MAAM,KAAK,EAAE,QAAQ,kBAAkB,CAAC,CAAC,KACxC,GAAG,GAAG,QACL,IAAI;kBACI,EAAE;8BACU,MAClB,IAAI,SAAS,EAAE,iCACpB,CAAC;;;CAIN,WAAW,iCAAiC;AAC1C,SAAO;;;gBAGOA;;;YApGf,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,aAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAS,CAAC,CAAA,EAAA,qBAAA,WAAA,SAAA,KAAA,EAAA;YAM9C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,WAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,QAAA,KAAA,EAAA;mCAvB5CC,cAAc,yBAA+B,CAAA,EAAA,qBAAA;AA4G9C,IAAA,6BAAe"}

package/es/components/accordion/accordion.js

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 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.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/accordion/accordion.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -29,8 +28,8 @@ import { property } from "lit/decorators.js";
 let CDSAccordion = class CDSAccordion extends LitElement {
 	constructor(..._args) {
 		super(..._args);
-		this.size = ACCORDION_SIZE.MEDIUM;
-		this.alignment = ACCORDION_ALIGNMENT.END;
+		this.size = "md";
+		this.alignment = "END";
 		this.isFlush = false;
 		this.disabled = false;
 	}
@@ -61,7 +60,7 @@ let CDSAccordion = class CDSAccordion extends LitElement {
 		return html` <slot></slot> `;
 	}
 	static get selectorAccordionItems() {
-		return `${prefix}-accordion-item`;
+		return `cds-accordion-item`;
 	}
 	static {
 		this.styles = accordion_default$1;
@@ -77,9 +76,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSAccordion.prototype, "disabled", void 0);
-CDSAccordion = __decorate([carbonElement(`${prefix}-accordion`)], CDSAccordion);
+CDSAccordion = __decorate([carbonElement(`cds-accordion`)], CDSAccordion);
 var accordion_default = CDSAccordion;
-
 //#endregion
 export { ACCORDION_ALIGNMENT, ACCORDION_SIZE, accordion_default as default };
+
 //# sourceMappingURL=accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["styles","customElement"],"sources":["../../../src/components/accordion/accordion.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { ACCORDION_SIZE, ACCORDION_ALIGNMENT } from './defs';\nimport styles from './accordion.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_SIZE, ACCORDION_ALIGNMENT };\n\n/**\n * Accordion container.\n *\n * @element cds-accordion\n */\n@customElement(`${prefix}-accordion`)\nclass CDSAccordion extends LitElement {\n  /**\n   * Accordion size should be sm, md, lg.\n   */\n  @property({ reflect: true })\n  size = ACCORDION_SIZE.MEDIUM;\n\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   * 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   * Disable all accordion items inside this accordion.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          elem.setAttribute('size', this.size);\n        }\n      );\n    }\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\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        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\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    if (changedProperties.has('disabled')) {\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          if (this.disabled) {\n            elem.setAttribute('disabled', '');\n          } else {\n            elem.removeAttribute('disabled');\n          }\n        }\n      );\n    }\n\n    // Marks the last accordion item for styling (simulates :last-child in Shadow DOM)\n    const items = Array.from(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSAccordion).selectorAccordionItems\n      )\n    );\n    items.forEach((item) => item.removeAttribute('data-last-item'));\n\n    const lastVisible = items\n      .reverse()\n      .find((item) => !(item as HTMLElement).hidden);\n    lastVisible?.setAttribute('data-last-item', '');\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static get selectorAccordionItems() {\n    return `${prefix}-accordion-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordion;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,yBACM,qBAAqB,WAAW;;;cAK7B,eAAe;mBAMV,oBAAoB;iBAMtB;kBAMC;;CAEX,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,OAAO;AAEnC,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,OAAO,CAE/B,SACE,KAAK,iBACF,KAAK,YAAoC,uBAC3C,GACA,SAAS;AACR,QAAK,aAAa,QAAQ,KAAK,KAAK;IAEvC;AAEH,MAAI,kBAAkB,IAAI,YAAY,CAEpC,SACE,KAAK,iBACF,KAAK,YAAoC,uBAC3C,GACA,SAAS;AACR,QAAK,aAAa,aAAa,KAAK,UAAU;IAEjD;AAEH,MACE,kBAAkB,IAAI,UAAU,IAChC,kBAAkB,IAAI,YAAY,CAGlC,SACE,KAAK,iBACF,KAAK,YAAoC,uBAC3C,GACA,SAAS;AACR,OAAI,KAAK,WAAW,KAAK,cAAc,QACrC,MAAK,aAAa,WAAW,GAAG;OAEhC,MAAK,gBAAgB,UAAU;IAGpC;AAGH,MAAI,kBAAkB,IAAI,WAAW,CACnC,SACE,KAAK,iBACF,KAAK,YAAoC,uBAC3C,GACA,SAAS;AACR,OAAI,KAAK,SACP,MAAK,aAAa,YAAY,GAAG;OAEjC,MAAK,gBAAgB,WAAW;IAGrC;EAIH,MAAM,QAAQ,MAAM,KAClB,KAAK,iBACF,KAAK,YAAoC,uBAC3C,CACF;AACD,QAAM,SAAS,SAAS,KAAK,gBAAgB,iBAAiB,CAAC;AAK/D,EAHoB,MACjB,SAAS,CACT,MAAM,SAAS,CAAE,KAAqB,OAAO,EACnC,aAAa,kBAAkB,GAAG;;CAGjD,SAAS;AACP,SAAO,IAAI;;CAGb,WAAW,yBAAyB;AAClC,SAAO,GAAG,OAAO;;;gBAGHA;;;YA3Gf,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;2BAvB5CC,cAAc,GAAG,OAAO,YAAY;AAmHrC,wBAAe"}
+{"version":3,"file":"accordion.js","names":["styles","customElement"],"sources":["../../../src/components/accordion/accordion.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { ACCORDION_SIZE, ACCORDION_ALIGNMENT } from './defs';\nimport styles from './accordion.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { ACCORDION_SIZE, ACCORDION_ALIGNMENT };\n\n/**\n * Accordion container.\n *\n * @element cds-accordion\n */\n@customElement(`${prefix}-accordion`)\nclass CDSAccordion extends LitElement {\n  /**\n   * Accordion size should be sm, md, lg.\n   */\n  @property({ reflect: true })\n  size = ACCORDION_SIZE.MEDIUM;\n\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   * 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   * Disable all accordion items inside this accordion.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          elem.setAttribute('size', this.size);\n        }\n      );\n    }\n    if (changedProperties.has('alignment')) {\n      // Propagate `alignment` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\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        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\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    if (changedProperties.has('disabled')) {\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSAccordion).selectorAccordionItems\n        ),\n        (elem) => {\n          if (this.disabled) {\n            elem.setAttribute('disabled', '');\n          } else {\n            elem.removeAttribute('disabled');\n          }\n        }\n      );\n    }\n\n    // Marks the last accordion item for styling (simulates :last-child in Shadow DOM)\n    const items = Array.from(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSAccordion).selectorAccordionItems\n      )\n    );\n    items.forEach((item) => item.removeAttribute('data-last-item'));\n\n    const lastVisible = items\n      .reverse()\n      .find((item) => !(item as HTMLElement).hidden);\n    lastVisible?.setAttribute('data-last-item', '');\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static get selectorAccordionItems() {\n    return `${prefix}-accordion-item`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSAccordion;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAA,eAAA,MACM,qBAAqB,WAAW;;;;;iBAiB1B;kBAMC;;CAEX,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,OAAO;AAEnC,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,OAAO,CAE/B,SACE,KAAK,iBACF,KAAK,YAAoC,uBAC3C,GACA,SAAS;AACR,QAAK,aAAa,QAAQ,KAAK,KAAK;IAEvC;AAEH,MAAI,kBAAkB,IAAI,YAAY,CAEpC,SACE,KAAK,iBACF,KAAK,YAAoC,uBAC3C,GACA,SAAS;AACR,QAAK,aAAa,aAAa,KAAK,UAAU;IAEjD;AAEH,MACE,kBAAkB,IAAI,UAAU,IAChC,kBAAkB,IAAI,YAAY,CAGlC,SACE,KAAK,iBACF,KAAK,YAAoC,uBAC3C,GACA,SAAS;AACR,OAAI,KAAK,WAAW,KAAK,cAAc,QACrC,MAAK,aAAa,WAAW,GAAG;OAEhC,MAAK,gBAAgB,UAAU;IAGpC;AAGH,MAAI,kBAAkB,IAAI,WAAW,CACnC,SACE,KAAK,iBACF,KAAK,YAAoC,uBAC3C,GACA,SAAS;AACR,OAAI,KAAK,SACP,MAAK,aAAa,YAAY,GAAG;OAEjC,MAAK,gBAAgB,WAAW;IAGrC;EAIH,MAAM,QAAQ,MAAM,KAClB,KAAK,iBACF,KAAK,YAAoC,uBAC3C,CACF;AACD,QAAM,SAAS,SAAS,KAAK,gBAAgB,iBAAiB,CAAC;AAE3C,QACjB,SAAS,CACT,MAAM,SAAS,CAAE,KAAqB,OAAO,EACnC,aAAa,kBAAkB,GAAG;;CAGjD,SAAS;AACP,SAAO,IAAI;;CAGb,WAAW,yBAAyB;AAClC,SAAO;;;gBAGOA;;;YA3Gf,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,aAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,aAAA,WAAA,aAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,aAAA,WAAA,WAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,aAAA,WAAA,YAAA,KAAA,EAAA;2BAvB5CC,cAAc,gBAAsB,CAAA,EAAA,aAAA;AAmHrC,IAAA,oBAAe"}

package/es/components/accordion/accordion.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/accordion/accordion.scss?lit
 var accordion_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm,:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg,:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--accordion *,.cds--accordion :after,.cds--accordion :before,:host(cds-accordion) *,:host(cds-accordion) :after,:host(cds-accordion) :before,:host(cds-accordion-skeleton) *,:host(cds-accordion-skeleton) :after,:host(cds-accordion-skeleton) :before{box-sizing:inherit}.cds--accordion,:host(cds-accordion),:host(cds-accordion-skeleton){inline-size:100%;list-style:none}.cds--accordion__item,:host(cds-accordion-item),:host(cds-accordion-item-skeleton){border-block-start:1px solid var(--cds-border-subtle);display:list-item;overflow:visible;transition:border-color .11s cubic-bezier(.2,0,.38,.9)}.cds--accordion__item:last-child{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__item:not(.cds--accordion__item--active):hover,.cds--accordion__item:not(.cds--accordion__item--active):hover+.cds--accordion__item,.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item),.cds--accordion__item:not(.cds--accordion__item--active):hover+:host(cds-accordion-item-skeleton){border-block-start-color:var(--cds-layer-hover)}.cds--accordion__item:not(.cds--accordion__item--active):last-child:hover{border-block-end-color:var(--cds-layer-hover)}.cds--accordion__heading{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;display:inline-block;font-family:inherit;font-size:100%;padding:0;text-align:start;transition:background-color .11s cubic-bezier(.2,0,.38,.9);vertical-align:baseline}.cds--accordion__heading *,.cds--accordion__heading :after,.cds--accordion__heading :before{box-sizing:inherit}.cds--accordion__heading::-moz-focus-inner{border:0}.cds--accordion__heading{align-items:center;color:var(--cds-text-primary,#161616);cursor:pointer;display:flex;flex-direction:row-reverse;inline-size:100%;justify-content:flex-start;margin:0;min-block-size:var(--cds-layout-size-height-local);padding-inline-end:var(--cds-layout-density-padding-inline-local);position:relative}.cds--accordion__heading:hover{background-color:var(--cds-layer-hover);outline:none}.cds--accordion__heading:focus{box-shadow:0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);outline:none;position:relative;z-index:2}.cds--accordion__heading[disabled]{background-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds--accordion__heading[disabled] .cds--accordion__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--accordion__heading[disabled]:hover:before{background-color:transparent}.cds--accordion__item--disabled,.cds--accordion__item--disabled+.cds--accordion__item,.cds--accordion__item--disabled+:host(cds-accordion-item),.cds--accordion__item--disabled+:host(cds-accordion-item-skeleton){border-block-start:1px solid var(--cds-border-subtle)}li.cds--accordion__item--disabled:last-of-type{border-block-end:1px solid var(--cds-border-subtle)}.cds--accordion__arrow{block-size:1rem;flex:0 0 1rem;outline:2px solid transparent;outline-offset:-2px;transition:all .11s cubic-bezier(.2,0,.38,.9);fill:var(--cds-icon-primary,#161616);inline-size:1rem;transform:rotate(-270deg)}.cds--accordion__title{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding-inline-start:1rem;text-align:start;z-index:1}.cds--accordion__wrapper{display:none;max-block-size:0;opacity:0;overflow:hidden;padding:0;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9);writing-mode:horizontal-tb}.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (min-width:480px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:3rem}}@media (min-width:640px){.cds--accordion__content,:host(cds-accordion-item) .cds--accordion__content,:host(cds-accordion-item-skeleton) .cds--accordion__content{padding-inline-end:25%}}.cds--accordion__content>p,:host(cds-accordion-item) .cds--accordion__content>p,:host(cds-accordion-item-skeleton) .cds--accordion__content>p{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.cds--accordion--start .cds--accordion__heading,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,:host(cds-accordion-item[alignment=start]) .cds--accordion__heading{flex-direction:row}.cds--accordion--start .cds--accordion__arrow,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=start]) .cds--accordion__arrow{margin:2px 0 0 var(--cds-layout-density-padding-inline-local)}.cds--accordion--start .cds--accordion__title,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,:host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:1rem}.cds--accordion--start .cds--accordion__content,:host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__content,:host(cds-accordion-item[alignment=start]) .cds--accordion__content{margin-inline-start:calc(var(--cds-layout-density-padding-inline-local) + 1rem)}.cds--accordion__item--collapsing .cds--accordion__content,.cds--accordion__item--expanding .cds--accordion__content,:host(cds-accordion-item[collapsing]) .cds--accordion__content,:host(cds-accordion-item[expanding]) .cds--accordion__content{display:block}.cds--accordion__item--active,:host(cds-accordion-item[open]:not([disabled])){overflow:visible}.cds--accordion__item--active>.cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__wrapper{display:block;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;overflow:visible;padding-block:.5rem;padding-block-end:1.5rem}.cds--accordion__item--active>.cds--accordion__heading>.cds--accordion__arrow,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__heading>.cds--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}@starting-style{.cds--accordion__item--active>.cds--accordion__wrapper,:host(cds-accordion-item[open]:not([disabled]))>.cds--accordion__wrapper{max-block-size:0;opacity:0;padding:0}}.cds--accordion--flush .cds--accordion__item,.cds--accordion--flush :host(cds-accordion-item),.cds--accordion--flush :host(cds-accordion-item-skeleton){border-color:transparent;position:relative}.cds--accordion--flush .cds--accordion__item:hover,.cds--accordion--flush .cds--accordion__item:hover+.cds--accordion__item,.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item),.cds--accordion--flush .cds--accordion__item:hover+:host(cds-accordion-item-skeleton),.cds--accordion--flush .cds--accordion__item:last-child,.cds--accordion--flush .cds--accordion__item:last-child:hover{border-color:transparent}.cds--accordion--flush .cds--accordion__item:after,.cds--accordion--flush .cds--accordion__item:before{block-size:1px;content:\"\";display:block;inline-size:calc(100% - 2rem);margin-inline-start:1rem;position:absolute;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__item:after,.cds--accordion--flush .cds--accordion__item:before{transition:none}}.cds--accordion--flush .cds--accordion__item:before{background:var(--cds-border-subtle);inset-block-start:-1px}.cds--accordion--flush .cds--accordion__item:last-child:after{background:var(--cds-border-subtle);inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover{position:relative;z-index:1}.cds--accordion--flush .cds--accordion__heading:hover:after,.cds--accordion--flush .cds--accordion__heading:hover:before{background:var(--cds-layer-hover);block-size:1px;content:\"\";display:block;inline-size:100%;inset-inline-start:0;position:absolute;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush .cds--accordion__heading:hover:after,.cds--accordion--flush .cds--accordion__heading:hover:before{transition:none}}.cds--accordion--flush .cds--accordion__heading:hover:before{inset-block-start:-1px}.cds--accordion--flush .cds--accordion__heading:hover:after{inset-block-end:-1px}.cds--accordion--flush .cds--accordion__heading:hover:focus:after,.cds--accordion--flush .cds--accordion__heading:hover:focus:before{background:none}.cds--accordion.cds--skeleton .cds--accordion__button,.cds--accordion.cds--skeleton .cds--accordion__heading{cursor:default}.cds--accordion.cds--skeleton .cds--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds--accordion.cds--skeleton .cds--accordion__arrow:active,.cds--accordion.cds--skeleton .cds--accordion__arrow:focus,.cds--accordion.cds--skeleton .cds--accordion__arrow:hover{border:none;cursor:default;outline:none}.cds--accordion.cds--skeleton .cds--accordion__heading:hover,.cds--accordion.cds--skeleton .cds--accordion__heading:hover:before{background-color:transparent}.cds--accordion--end.cds--skeleton .cds--accordion__arrow{margin-inline-start:1rem}.cds--skeleton .cds--accordion__heading:focus .cds--accordion__arrow{border:none;cursor:default;outline:none}.cds--accordion__title.cds--skeleton__text{margin-block-end:0}.cds--accordion.cds--skeleton .cds--accordion__title{margin-inline-start:1rem}[dir=rtl] .cds--accordion--start .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__heading,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__heading{padding-inline:var(--cds-layout-density-padding-inline-local) 0}[dir=rtl] .cds--accordion--start .cds--accordion__title,[dir=rtl] :host(cds-accordion-item-skeleton[alignment=start]) .cds--accordion__title,[dir=rtl] :host(cds-accordion-item[alignment=start]) .cds--accordion__title{margin-inline-end:0;padding-inline-start:0}:host(cds-accordion),:host(cds-accordion-skeleton){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}:host(cds-accordion-item),:host(cds-accordion-item-skeleton){display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);outline:none}:host(cds-accordion-item) .cds--accordion__content ::slotted(p),:host(cds-accordion-item-skeleton) .cds--accordion__content ::slotted(p){font-size:var(--cds-body-01-font-size)!important;font-weight:var(--cds-body-01-font-weight);letter-spacing:var(--cds-body-01-letter-spacing);line-height:var(--cds-body-01-line-height);margin:0}:host([data-last-item]){border-block-end:1px solid var(--cds-border-subtle)}:host(cds-accordion-item-skeleton[size=sm]) button,:host(cds-accordion-item[size=sm]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[size=lg]) button,:host(cds-accordion-item[size=lg]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-accordion-item-skeleton[isFlush]),:host(cds-accordion-item[isFlush]){border-color:transparent;position:relative}:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):after,:host(cds-accordion-item[isFlush]):before{block-size:1px;content:\"\";display:block;inline-size:calc(100% - 2rem);margin-inline-start:1rem;position:absolute;transition:background .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):after,:host(cds-accordion-item[isFlush]):before{transition:none}}:host(cds-accordion-item-skeleton[isFlush]):before,:host(cds-accordion-item[isFlush]):before{background:var(--cds-border-subtle);inset-block-start:-1px}:host(cds-accordion-item-skeleton[isFlush]):after,:host(cds-accordion-item[isFlush]):after{background:var(--cds-border-subtle);inset-block-end:-1px}:host([isFlush]) .cds--accordion__heading:hover{position:relative;z-index:1}:host([isFlush]) .cds--accordion__heading:hover:after,:host([isFlush]) .cds--accordion__heading:hover:before{background:var(--cds-layer-hover);block-size:1px;content:\"\";display:block;inline-size:100%;inset-inline-start:0;position:absolute;transition:background .11s cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host([isFlush]) .cds--accordion__heading:hover:after,:host([isFlush]) .cds--accordion__heading:hover:before{transition:none}}:host([isFlush]) .cds--accordion__heading:hover:before{inset-block-start:-1px}:host([isFlush]) .cds--accordion__heading:hover:after{inset-block-end:-1px}:host([isFlush]) .cds--accordion__heading:hover:focus:after,:host([isFlush]) .cds--accordion__heading:hover:focus:before{background:none}:host(cds-accordion-item[open]:not([disabled])) .cds--accordion__content{padding-inline-end:1rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--sm{padding-inline-end:3rem}:host(cds-accordion-item[open]:not([disabled])) .cds-ce--accordion__content--md{padding-inline-end:25%}:host(cds-accordion-item-skeleton) .cds--accordion__heading,:host(cds-accordion-skeleton) .cds--accordion__heading{cursor:default;pointer-events:none}:host(cds-accordion-item-skeleton) .cds--accordion__heading:hover:before,:host(cds-accordion-skeleton) .cds--accordion__heading:hover:before{background:transparent}:host(cds-accordion-item-skeleton[alignment=end i]) .cds--accordion__arrow,:host(cds-accordion-item[alignment=end i]) .cds--accordion__arrow,:host(cds-accordion-skeleton) .cds--accordion__item.cds--accordion--END .cds--accordion__arrow{margin-inline-start:1rem}:host(cds-accordion-item-skeleton) .cds--accordion__title,:host(cds-accordion-skeleton) .cds--accordion__heading .cds--accordion__title{padding-block-start:.5rem}.controlled-accordion-btn{max-inline-size:13.25rem}.cds--accordion--flush{border-color:transparent;position:relative}.cds--accordion--flush:before{background:var(--cds-border-subtle);block-size:1px;content:\"\";display:block;inline-size:calc(100% - 2rem);inset-block-start:-1px;inset-inline-start:0;margin-inline-start:1rem;position:absolute;transition:background .11s cubic-bezier(0,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--accordion--flush:before{transition:none}}.cds--accordion--flush:focus:before{background:none}"]);
-
 //#endregion
 export { accordion_default as default };
+
 //# sourceMappingURL=accordion.scss.js.map

package/es/components/accordion/defs.js

@@ -58,7 +58,7 @@ let ACCORDION_ALIGNMENT = /* @__PURE__ */ function(ACCORDION_ALIGNMENT) {
 	ACCORDION_ALIGNMENT["END"] = "END";
 	return ACCORDION_ALIGNMENT;
 }({});
-
 //#endregion
 export { ACCORDION_ALIGNMENT, ACCORDION_ITEM_BREAKPOINT, ACCORDION_SIZE };
+
 //# sourceMappingURL=defs.js.map

package/es/components/accordion/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/accordion/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Breakpoints for accordion items. It's different from one in `@carbon/layout` library.\n */\nexport enum ACCORDION_ITEM_BREAKPOINT {\n  /**\n   * Small breakpoint.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium breakpoint.\n   */\n  MEDIUM = 'md',\n}\n\n/**\n * Accordion size.\n */\nexport enum ACCORDION_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Specify the alignment of the accordion heading title and chevron.\n */\nexport enum ACCORDION_ALIGNMENT {\n  /**\n   * Alignment to the start\n   */\n  START = 'start',\n\n  /**\n   * Alignment to the end\n   */\n  END = 'END',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,gFAAL;;;;AAIL;;;;AAKA;;;;;;AAMF,IAAY,0DAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;;;AAMF,IAAY,oEAAL;;;;AAIL;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/accordion/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2022, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Breakpoints for accordion items. It's different from one in `@carbon/layout` library.\n */\nexport enum ACCORDION_ITEM_BREAKPOINT {\n  /**\n   * Small breakpoint.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium breakpoint.\n   */\n  MEDIUM = 'md',\n}\n\n/**\n * Accordion size.\n */\nexport enum ACCORDION_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Specify the alignment of the accordion heading title and chevron.\n */\nexport enum ACCORDION_ALIGNMENT {\n  /**\n   * Alignment to the start\n   */\n  START = 'start',\n\n  /**\n   * Alignment to the end\n   */\n  END = 'END',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,4BAAL,yBAAA,2BAAA;;;;AAIL,2BAAA,WAAA;;;;AAKA,2BAAA,YAAA;;KACD;;;;AAKD,IAAY,iBAAL,yBAAA,gBAAA;;;;AAIL,gBAAA,WAAA;;;;AAKA,gBAAA,YAAA;;;;AAKA,gBAAA,WAAA;;KACD;;;;AAKD,IAAY,sBAAL,yBAAA,qBAAA;;;;AAIL,qBAAA,WAAA;;;;AAKA,qBAAA,SAAA;;KACD"}

package/es/components/ai-label/ai-label-action-button.js

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import ai_label_default from "./ai-label.scss.js";
 import button_default from "../button/button.js";
 import { property } from "lit/decorators.js";
-
 //#region src/components/ai-label/ai-label-action-button.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -34,9 +33,9 @@ let CDSAILabelActionButton = class CDSAILabelActionButton extends button_default
 	}
 };
 __decorate([property({ reflect: true })], CDSAILabelActionButton.prototype, "slot", void 0);
-CDSAILabelActionButton = __decorate([carbonElement(`${prefix}-ai-label-action-button`)], CDSAILabelActionButton);
+CDSAILabelActionButton = __decorate([carbonElement(`cds-ai-label-action-button`)], CDSAILabelActionButton);
 var ai_label_action_button_default = CDSAILabelActionButton;
-
 //#endregion
 export { ai_label_action_button_default as default };
+
 //# sourceMappingURL=ai-label-action-button.js.map

package/es/components/ai-label/ai-label-action-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-label-action-button.js","names":["CDSButton","styles","customElement"],"sources":["../../../src/components/ai-label/ai-label-action-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport styles from './ai-label.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * AI Label action button.\n *\n * @element cds-ai-label-action-button\n */\n@customElement(`${prefix}-ai-label-action-button`)\nclass CDSAILabelActionButton extends CDSButton {\n  /**\n   * The shadow slot this ai-label-action should be in.\n   */\n  @property({ reflect: true })\n  slot = 'actions';\n\n  static styles = styles;\n}\n\nexport default CDSAILabelActionButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,mCACM,+BAA+BA,eAAU;;;cAKtC;;;gBAESC;;;YAHf,SAAS,EAAE,SAAS,MAAM,CAAC;qCAL7BC,cAAc,GAAG,OAAO,yBAAyB;AAWlD,qCAAe"}
+{"version":3,"file":"ai-label-action-button.js","names":["CDSButton","styles","customElement"],"sources":["../../../src/components/ai-label/ai-label-action-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport styles from './ai-label.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * AI Label action button.\n *\n * @element cds-ai-label-action-button\n */\n@customElement(`${prefix}-ai-label-action-button`)\nclass CDSAILabelActionButton extends CDSButton {\n  /**\n   * The shadow slot this ai-label-action should be in.\n   */\n  @property({ reflect: true })\n  slot = 'actions';\n\n  static styles = styles;\n}\n\nexport default CDSAILabelActionButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,yBAAA,MACM,+BAA+BA,eAAU;;;cAKtC;;;gBAESC;;;YAHf,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,QAAA,KAAA,EAAA;qCAL7BC,cAAc,6BAAmC,CAAA,EAAA,uBAAA;AAWlD,IAAA,iCAAe"}