@carbon/web-components 2.52.0 → 2.53.0

package/es-custom/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-custom-skeleton-text\n                  class=\"${prefix}--accordion__title\"></cds-custom-skeleton-text>\n              </span>\n              <div class=\"${prefix}--accordion__content\">\n                <cds-custom-skeleton-text width=\"90%\"></cds-custom-skeleton-text>\n                <cds-custom-skeleton-text width=\"80%\"></cds-custom-skeleton-text>\n                <cds-custom-skeleton-text width=\"95%\"></cds-custom-skeleton-text>\n              </div>\n            </li>\n          `\n        : ``}\n      ${Array.from({ length: numSkeletonItems }).map(\n        (_, i, arr) =>\n          html`<cds-custom-accordion-item-skeleton\n            key=${i}\n            ?data-last-item=${i ===\n            arr.length - 1}></cds-custom-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-custom-skeleton-text\n                  class=\"${prefix}--accordion__title\"></cds-custom-skeleton-text>\n              </span>\n              <div class=\"${prefix}--accordion__content\">\n                <cds-custom-skeleton-text width=\"90%\"></cds-custom-skeleton-text>\n                <cds-custom-skeleton-text width=\"80%\"></cds-custom-skeleton-text>\n                <cds-custom-skeleton-text width=\"95%\"></cds-custom-skeleton-text>\n              </div>\n            </li>\n          `\n        : ``}\n      ${Array.from({ length: numSkeletonItems }).map(\n        (_, i, arr) =>\n          html`<cds-custom-accordion-item-skeleton\n            key=${i}\n            ?data-last-item=${i ===\n            arr.length - 1}></cds-custom-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-custom/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-custom-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-custom-accordion`)], CDSAccordion);
 var accordion_default = CDSAccordion;
-
 //#endregion
 export { ACCORDION_ALIGNMENT, ACCORDION_SIZE, accordion_default as default };
+
 //# sourceMappingURL=accordion.js.map

package/es-custom/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-custom-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-custom-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-custom/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-custom--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds-custom--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds-custom--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds-custom--layer-one.cds-custom--layer__with-background,.cds-custom--layer-three.cds-custom--layer__with-background,.cds-custom--layer-two.cds-custom--layer__with-background{background-color:var(--cds-layer-background)}.cds-custom--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds-custom--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds-custom--layout--size-sm,:host(cds-custom-accordion-item-skeleton[size=sm]) button,:host(cds-custom-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-custom--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds-custom--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds-custom--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds-custom--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds-custom--layout--size-lg,:host(cds-custom-accordion-item-skeleton[size=lg]) button,:host(cds-custom-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-custom--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds-custom--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds-custom--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds-custom--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds-custom--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds-custom--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds-custom--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds-custom--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds-custom--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds-custom--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds-custom--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds-custom--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds-custom--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds-custom--accordion,:host(cds-custom-accordion),:host(cds-custom-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-custom--accordion *,.cds-custom--accordion :after,.cds-custom--accordion :before,:host(cds-custom-accordion) *,:host(cds-custom-accordion) :after,:host(cds-custom-accordion) :before,:host(cds-custom-accordion-skeleton) *,:host(cds-custom-accordion-skeleton) :after,:host(cds-custom-accordion-skeleton) :before{box-sizing:inherit}.cds-custom--accordion,:host(cds-custom-accordion),:host(cds-custom-accordion-skeleton){inline-size:100%;list-style:none}.cds-custom--accordion__item,:host(cds-custom-accordion-item),:host(cds-custom-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-custom--accordion__item:last-child{border-block-end:1px solid var(--cds-border-subtle)}.cds-custom--accordion__item:not(.cds-custom--accordion__item--active):hover,.cds-custom--accordion__item:not(.cds-custom--accordion__item--active):hover+.cds-custom--accordion__item,.cds-custom--accordion__item:not(.cds-custom--accordion__item--active):hover+:host(cds-custom-accordion-item),.cds-custom--accordion__item:not(.cds-custom--accordion__item--active):hover+:host(cds-custom-accordion-item-skeleton){border-block-start-color:var(--cds-layer-hover)}.cds-custom--accordion__item:not(.cds-custom--accordion__item--active):last-child:hover{border-block-end-color:var(--cds-layer-hover)}.cds-custom--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-custom--accordion__heading *,.cds-custom--accordion__heading :after,.cds-custom--accordion__heading :before{box-sizing:inherit}.cds-custom--accordion__heading::-moz-focus-inner{border:0}.cds-custom--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-custom--accordion__heading:hover{background-color:var(--cds-layer-hover);outline:none}.cds-custom--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-custom--accordion__heading[disabled]{background-color:transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}.cds-custom--accordion__heading[disabled] .cds-custom--accordion__arrow{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--accordion__heading[disabled]:hover:before{background-color:transparent}.cds-custom--accordion__item--disabled,.cds-custom--accordion__item--disabled+.cds-custom--accordion__item,.cds-custom--accordion__item--disabled+:host(cds-custom-accordion-item),.cds-custom--accordion__item--disabled+:host(cds-custom-accordion-item-skeleton){border-block-start:1px solid var(--cds-border-subtle)}li.cds-custom--accordion__item--disabled:last-of-type{border-block-end:1px solid var(--cds-border-subtle)}.cds-custom--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-custom--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-custom--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-custom--accordion__content,:host(cds-custom-accordion-item) .cds-custom--accordion__content,:host(cds-custom-accordion-item-skeleton) .cds-custom--accordion__content{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (min-width:480px){.cds-custom--accordion__content,:host(cds-custom-accordion-item) .cds-custom--accordion__content,:host(cds-custom-accordion-item-skeleton) .cds-custom--accordion__content{padding-inline-end:3rem}}@media (min-width:640px){.cds-custom--accordion__content,:host(cds-custom-accordion-item) .cds-custom--accordion__content,:host(cds-custom-accordion-item-skeleton) .cds-custom--accordion__content{padding-inline-end:25%}}.cds-custom--accordion__content>p,:host(cds-custom-accordion-item) .cds-custom--accordion__content>p,:host(cds-custom-accordion-item-skeleton) .cds-custom--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-custom--accordion--start .cds-custom--accordion__heading,:host(cds-custom-accordion-item-skeleton[alignment=start]) .cds-custom--accordion__heading,:host(cds-custom-accordion-item[alignment=start]) .cds-custom--accordion__heading{flex-direction:row}.cds-custom--accordion--start .cds-custom--accordion__arrow,:host(cds-custom-accordion-item-skeleton[alignment=start]) .cds-custom--accordion__arrow,:host(cds-custom-accordion-item[alignment=start]) .cds-custom--accordion__arrow{margin:2px 0 0 var(--cds-layout-density-padding-inline-local)}.cds-custom--accordion--start .cds-custom--accordion__title,:host(cds-custom-accordion-item-skeleton[alignment=start]) .cds-custom--accordion__title,:host(cds-custom-accordion-item[alignment=start]) .cds-custom--accordion__title{margin-inline-end:1rem}.cds-custom--accordion--start .cds-custom--accordion__content,:host(cds-custom-accordion-item-skeleton[alignment=start]) .cds-custom--accordion__content,:host(cds-custom-accordion-item[alignment=start]) .cds-custom--accordion__content{margin-inline-start:calc(var(--cds-layout-density-padding-inline-local) + 1rem)}.cds-custom--accordion__item--collapsing .cds-custom--accordion__content,.cds-custom--accordion__item--expanding .cds-custom--accordion__content,:host(cds-custom-accordion-item[collapsing]) .cds-custom--accordion__content,:host(cds-custom-accordion-item[expanding]) .cds-custom--accordion__content{display:block}.cds-custom--accordion__item--active,:host(cds-custom-accordion-item[open]:not([disabled])){overflow:visible}.cds-custom--accordion__item--active>.cds-custom--accordion__wrapper,:host(cds-custom-accordion-item[open]:not([disabled]))>.cds-custom--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-custom--accordion__item--active>.cds-custom--accordion__heading>.cds-custom--accordion__arrow,:host(cds-custom-accordion-item[open]:not([disabled]))>.cds-custom--accordion__heading>.cds-custom--accordion__arrow{fill:var(--cds-icon-primary,#161616);transform:rotate(-90deg)}@starting-style{.cds-custom--accordion__item--active>.cds-custom--accordion__wrapper,:host(cds-custom-accordion-item[open]:not([disabled]))>.cds-custom--accordion__wrapper{max-block-size:0;opacity:0;padding:0}}.cds-custom--accordion--flush .cds-custom--accordion__item,.cds-custom--accordion--flush :host(cds-custom-accordion-item),.cds-custom--accordion--flush :host(cds-custom-accordion-item-skeleton){border-color:transparent;position:relative}.cds-custom--accordion--flush .cds-custom--accordion__item:hover,.cds-custom--accordion--flush .cds-custom--accordion__item:hover+.cds-custom--accordion__item,.cds-custom--accordion--flush .cds-custom--accordion__item:hover+:host(cds-custom-accordion-item),.cds-custom--accordion--flush .cds-custom--accordion__item:hover+:host(cds-custom-accordion-item-skeleton),.cds-custom--accordion--flush .cds-custom--accordion__item:last-child,.cds-custom--accordion--flush .cds-custom--accordion__item:last-child:hover{border-color:transparent}.cds-custom--accordion--flush .cds-custom--accordion__item:after,.cds-custom--accordion--flush .cds-custom--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-custom--accordion--flush .cds-custom--accordion__item:after,.cds-custom--accordion--flush .cds-custom--accordion__item:before{transition:none}}.cds-custom--accordion--flush .cds-custom--accordion__item:before{background:var(--cds-border-subtle);inset-block-start:-1px}.cds-custom--accordion--flush .cds-custom--accordion__item:last-child:after{background:var(--cds-border-subtle);inset-block-end:-1px}.cds-custom--accordion--flush .cds-custom--accordion__heading:hover{position:relative;z-index:1}.cds-custom--accordion--flush .cds-custom--accordion__heading:hover:after,.cds-custom--accordion--flush .cds-custom--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-custom--accordion--flush .cds-custom--accordion__heading:hover:after,.cds-custom--accordion--flush .cds-custom--accordion__heading:hover:before{transition:none}}.cds-custom--accordion--flush .cds-custom--accordion__heading:hover:before{inset-block-start:-1px}.cds-custom--accordion--flush .cds-custom--accordion__heading:hover:after{inset-block-end:-1px}.cds-custom--accordion--flush .cds-custom--accordion__heading:hover:focus:after,.cds-custom--accordion--flush .cds-custom--accordion__heading:hover:focus:before{background:none}.cds-custom--accordion.cds-custom--skeleton .cds-custom--accordion__button,.cds-custom--accordion.cds-custom--skeleton .cds-custom--accordion__heading{cursor:default}.cds-custom--accordion.cds-custom--skeleton .cds-custom--accordion__arrow{cursor:default;fill:var(--cds-icon-primary,#161616);pointer-events:none}.cds-custom--accordion.cds-custom--skeleton .cds-custom--accordion__arrow:active,.cds-custom--accordion.cds-custom--skeleton .cds-custom--accordion__arrow:focus,.cds-custom--accordion.cds-custom--skeleton .cds-custom--accordion__arrow:hover{border:none;cursor:default;outline:none}.cds-custom--accordion.cds-custom--skeleton .cds-custom--accordion__heading:hover,.cds-custom--accordion.cds-custom--skeleton .cds-custom--accordion__heading:hover:before{background-color:transparent}.cds-custom--accordion--end.cds-custom--skeleton .cds-custom--accordion__arrow{margin-inline-start:1rem}.cds-custom--skeleton .cds-custom--accordion__heading:focus .cds-custom--accordion__arrow{border:none;cursor:default;outline:none}.cds-custom--accordion__title.cds-custom--skeleton__text{margin-block-end:0}.cds-custom--accordion.cds-custom--skeleton .cds-custom--accordion__title{margin-inline-start:1rem}[dir=rtl] .cds-custom--accordion--start .cds-custom--accordion__heading,[dir=rtl] :host(cds-custom-accordion-item-skeleton[alignment=start]) .cds-custom--accordion__heading,[dir=rtl] :host(cds-custom-accordion-item[alignment=start]) .cds-custom--accordion__heading{padding-inline:var(--cds-layout-density-padding-inline-local) 0}[dir=rtl] .cds-custom--accordion--start .cds-custom--accordion__title,[dir=rtl] :host(cds-custom-accordion-item-skeleton[alignment=start]) .cds-custom--accordion__title,[dir=rtl] :host(cds-custom-accordion-item[alignment=start]) .cds-custom--accordion__title{margin-inline-end:0;padding-inline-start:0}:host(cds-custom-accordion),:host(cds-custom-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-custom-accordion-item),:host(cds-custom-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-custom-accordion-item) .cds-custom--accordion__content ::slotted(p),:host(cds-custom-accordion-item-skeleton) .cds-custom--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-custom-accordion-item-skeleton[size=sm]) button,:host(cds-custom-accordion-item[size=sm]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-custom-accordion-item-skeleton[size=lg]) button,:host(cds-custom-accordion-item[size=lg]) button{min-block-size:var(--cds-layout-size-height-context)}:host(cds-custom-accordion-item-skeleton[isFlush]),:host(cds-custom-accordion-item[isFlush]){border-color:transparent;position:relative}:host(cds-custom-accordion-item-skeleton[isFlush]):after,:host(cds-custom-accordion-item-skeleton[isFlush]):before,:host(cds-custom-accordion-item[isFlush]):after,:host(cds-custom-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-custom-accordion-item-skeleton[isFlush]):after,:host(cds-custom-accordion-item-skeleton[isFlush]):before,:host(cds-custom-accordion-item[isFlush]):after,:host(cds-custom-accordion-item[isFlush]):before{transition:none}}:host(cds-custom-accordion-item-skeleton[isFlush]):before,:host(cds-custom-accordion-item[isFlush]):before{background:var(--cds-border-subtle);inset-block-start:-1px}:host(cds-custom-accordion-item-skeleton[isFlush]):after,:host(cds-custom-accordion-item[isFlush]):after{background:var(--cds-border-subtle);inset-block-end:-1px}:host([isFlush]) .cds-custom--accordion__heading:hover{position:relative;z-index:1}:host([isFlush]) .cds-custom--accordion__heading:hover:after,:host([isFlush]) .cds-custom--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-custom--accordion__heading:hover:after,:host([isFlush]) .cds-custom--accordion__heading:hover:before{transition:none}}:host([isFlush]) .cds-custom--accordion__heading:hover:before{inset-block-start:-1px}:host([isFlush]) .cds-custom--accordion__heading:hover:after{inset-block-end:-1px}:host([isFlush]) .cds-custom--accordion__heading:hover:focus:after,:host([isFlush]) .cds-custom--accordion__heading:hover:focus:before{background:none}:host(cds-custom-accordion-item[open]:not([disabled])) .cds-custom--accordion__content{padding-inline-end:1rem}:host(cds-custom-accordion-item[open]:not([disabled])) .cds-custom-ce--accordion__content--sm{padding-inline-end:3rem}:host(cds-custom-accordion-item[open]:not([disabled])) .cds-custom-ce--accordion__content--md{padding-inline-end:25%}:host(cds-custom-accordion-item-skeleton) .cds-custom--accordion__heading,:host(cds-custom-accordion-skeleton) .cds-custom--accordion__heading{cursor:default;pointer-events:none}:host(cds-custom-accordion-item-skeleton) .cds-custom--accordion__heading:hover:before,:host(cds-custom-accordion-skeleton) .cds-custom--accordion__heading:hover:before{background:transparent}:host(cds-custom-accordion-item-skeleton[alignment=end i]) .cds-custom--accordion__arrow,:host(cds-custom-accordion-item[alignment=end i]) .cds-custom--accordion__arrow,:host(cds-custom-accordion-skeleton) .cds-custom--accordion__item.cds-custom--accordion--END .cds-custom--accordion__arrow{margin-inline-start:1rem}:host(cds-custom-accordion-item-skeleton) .cds-custom--accordion__title,:host(cds-custom-accordion-skeleton) .cds-custom--accordion__heading .cds-custom--accordion__title{padding-block-start:.5rem}.controlled-accordion-btn{max-inline-size:13.25rem}.cds-custom--accordion--flush{border-color:transparent;position:relative}.cds-custom--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-custom--accordion--flush:before{transition:none}}.cds-custom--accordion--flush:focus:before{background:none}"]);
-
 //#endregion
 export { accordion_default as default };
+
 //# sourceMappingURL=accordion.scss.js.map

package/es-custom/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-custom/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-custom/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-custom-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-custom/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-custom-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-custom-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"}

package/es-custom/components/ai-label/ai-label.js

@@ -5,20 +5,19 @@
  * 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 iconLoader from "../../globals/internal/icon-loader.js";
 import toggletip_default from "../toggle-tip/toggletip.scss.js";
 import popover_default from "../popover/popover.scss.js";
 import toggletip_default$1 from "../toggle-tip/toggletip.js";
 import ai_label_default$1 from "./ai-label.scss.js";
-import { AI_LABEL_KIND, AI_LABEL_SIZE } from "./defs.js";
+import "./defs.js";
 import { adoptStyles, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import Undo16 from "@carbon/icons/es/undo/16.js";
-
 //#region src/components/ai-label/ai-label.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -37,10 +36,10 @@ let CDSAILabel = class CDSAILabel extends toggletip_default$1 {
 		this.slot = "ai-label";
 		this.aiText = "AI";
 		this.aiTextLabel = "";
-		this.kind = AI_LABEL_KIND.DEFAULT;
+		this.kind = "";
 		this.revertActive = false;
 		this.revertLabel = "Revert to AI input";
-		this.size = AI_LABEL_SIZE.EXTRA_SMALL;
+		this.size = "xs";
 		this.buttonLabel = "Show information";
 		this._handleClick = () => {
 			if (this.revertActive) {
@@ -55,11 +54,11 @@ let CDSAILabel = class CDSAILabel extends toggletip_default$1 {
 			const { size, kind, aiText, aiTextLabel, buttonLabel } = this;
 			const ariaLabel = `${aiText} - ${buttonLabel}`;
 			const classes = classMap({
-				[`${prefix}--toggletip-button`]: true,
-				[`${prefix}--slug__button`]: true,
-				[`${prefix}--slug__button--${size}`]: size,
-				[`${prefix}--slug__button--${kind}`]: kind,
-				[`${prefix}--slug__button--inline-with-content`]: kind === AI_LABEL_KIND.INLINE && aiTextLabel
+				[`cds-custom--toggletip-button`]: true,
+				[`cds-custom--slug__button`]: true,
+				[`cds-custom--slug__button--${size}`]: size,
+				[`cds-custom--slug__button--${kind}`]: kind,
+				[`cds-custom--slug__button--inline-with-content`]: kind === "inline" && aiTextLabel
 			});
 			return html`
       <button
@@ -67,9 +66,9 @@ let CDSAILabel = class CDSAILabel extends toggletip_default$1 {
         @click="${this._handleClick}"
         class=${classes}
         aria-label="${ariaLabel}">
-        <span class="${prefix}--slug__text">${aiText}</span>
-        ${aiTextLabel && kind === AI_LABEL_KIND.INLINE ? html`
-              <span class="${prefix}--slug__additional-text">
+        <span class="${"cds-custom"}--slug__text">${aiText}</span>
+        ${aiTextLabel && kind === "inline" ? html`
+              <span class="${"cds-custom"}--slug__additional-text">
                 ${aiTextLabel}
               </span>
             ` : ``}
@@ -119,9 +118,9 @@ __decorate([property({ attribute: "revert-label" })], CDSAILabel.prototype, "rev
 __decorate([property({ reflect: true })], CDSAILabel.prototype, "size", void 0);
 __decorate([property({ attribute: "button-label" })], CDSAILabel.prototype, "buttonLabel", void 0);
 __decorate([property()], CDSAILabel.prototype, "previousValue", void 0);
-CDSAILabel = __decorate([carbonElement(`${prefix}-ai-label`)], CDSAILabel);
+CDSAILabel = __decorate([carbonElement(`cds-custom-ai-label`)], CDSAILabel);
 var ai_label_default = CDSAILabel;
-
 //#endregion
 export { ai_label_default as default };
+
 //# sourceMappingURL=ai-label.js.map

package/es-custom/components/ai-label/ai-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai-label.js","names":["CDSToggleTip","popoverStyles","toggletipStyles","styles","customElement"],"sources":["../../../src/components/ai-label/ai-label.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 { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSToggleTip from '../toggle-tip/toggletip';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport toggletipStyles from '../toggle-tip/toggletip.scss?lit';\nimport styles from './ai-label.scss?lit';\nimport Undo16 from '@carbon/icons/es/undo/16.js';\nimport { AI_LABEL_SIZE, AI_LABEL_KIND } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Basic AI Label.\n *\n * @element cds-custom-ai-label\n */\n@customElement(`${prefix}-ai-label`)\nclass CDSAILabel extends CDSToggleTip {\n  /**\n   * @deprecated the slot string will be renamed to \"decorator\"\n   */\n  @property({ reflect: true })\n  slot = 'ai-label';\n\n  /**\n   * Specify the correct translation of the AI text\n   */\n  @property({ attribute: 'ai-text' })\n  aiText = 'AI';\n\n  /**\n   * Specify additional text to be rendered next to the AI label in the inline variant\n   */\n  @property({ attribute: 'ai-text-label' })\n  aiTextLabel = '';\n\n  /**\n   * Specify the type of AI Label, from the following list of types: (default, inline)\n   */\n  @property({ reflect: true })\n  kind = AI_LABEL_KIND.DEFAULT;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ type: Boolean, attribute: 'revert-active' })\n  revertActive = false;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ attribute: 'revert-label' })\n  revertLabel = 'Revert to AI input';\n\n  /**\n   * AI Label size should be mini, 2xs, xs, sm, md, lg, xl.\n   */\n  @property({ reflect: true })\n  size = AI_LABEL_SIZE.EXTRA_SMALL;\n\n  /**\n   * Specify the text that will be provided to the aria-label of the `AI Label` button\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Show information';\n\n  @property()\n  previousValue;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [\n      popoverStyles,\n      toggletipStyles,\n      styles,\n    ]);\n  }\n\n  protected _handleClick = () => {\n    if (this.revertActive) {\n      this.revertActive = false;\n      this.removeAttribute('revert-active');\n    } else {\n      super._handleClick();\n    }\n  };\n\n  protected _renderToggleTipLabel = () => {\n    return html``;\n  };\n\n  protected _renderTooltipButton = () => {\n    const { size, kind, aiText, aiTextLabel, buttonLabel } = this;\n    const ariaLabel = `${aiText} - ${buttonLabel}`;\n    const classes = classMap({\n      [`${prefix}--toggletip-button`]: true,\n      [`${prefix}--slug__button`]: true,\n      [`${prefix}--slug__button--${size}`]: size,\n      [`${prefix}--slug__button--${kind}`]: kind,\n      [`${prefix}--slug__button--inline-with-content`]:\n        kind === AI_LABEL_KIND.INLINE && aiTextLabel,\n    });\n    return html`\n      <button\n        aria-controls=\"${this.id}\"\n        @click=\"${this._handleClick}\"\n        class=${classes}\n        aria-label=\"${ariaLabel}\">\n        <span class=\"${prefix}--slug__text\">${aiText}</span>\n        ${aiTextLabel && kind === AI_LABEL_KIND.INLINE\n          ? html`\n              <span class=\"${prefix}--slug__additional-text\">\n                ${aiTextLabel}\n              </span>\n            `\n          : ``}\n      </button>\n    `;\n  };\n\n  protected _renderInnerContent = () => {\n    const { autoalign, revertActive, revertLabel } = this;\n    return html`\n      ${revertActive\n        ? html`\n            <cds-custom-icon-button\n              ?autoalign=${autoalign}\n              kind=\"ghost\"\n              size=\"sm\"\n              @click=\"${this._handleClick}\">\n              <span slot=\"tooltip-content\"> ${revertLabel} </span>\n              ${iconLoader(Undo16, { slot: 'icon' })}\n            </cds-custom-icon-button>\n          `\n        : html`\n            ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n          `}\n    `;\n  };\n\n  attributeChangedCallback(name, old, newValue) {\n    super.attributeChangedCallback(name, old, newValue);\n\n    if (name === 'revert-active') {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n      // @ts-ignore typescript does not think requestUpdate() exists on parentElement\n      this.parentElement?.requestUpdate();\n    }\n  }\n}\n\nexport default CDSAILabel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,uBACM,mBAAmBA,oBAAa;;;cAK7B;gBAME;qBAMK;cAMP,cAAc;sBAMN;qBAMD;cAMP,cAAc;qBAMP;4BAeiB;AAC7B,OAAI,KAAK,cAAc;AACrB,SAAK,eAAe;AACpB,SAAK,gBAAgB,gBAAgB;SAErC,OAAM,cAAc;;qCAIgB;AACtC,UAAO,IAAI;;oCAG0B;GACrC,MAAM,EAAE,MAAM,MAAM,QAAQ,aAAa,gBAAgB;GACzD,MAAM,YAAY,GAAG,OAAO,KAAK;GACjC,MAAM,UAAU,SAAS;KACtB,GAAG,OAAO,sBAAsB;KAChC,GAAG,OAAO,kBAAkB;KAC5B,GAAG,OAAO,kBAAkB,SAAS;KACrC,GAAG,OAAO,kBAAkB,SAAS;KACrC,GAAG,OAAO,uCACT,SAAS,cAAc,UAAU;IACpC,CAAC;AACF,UAAO,IAAI;;yBAEU,KAAK,GAAG;kBACf,KAAK,aAAa;gBACpB,QAAQ;sBACF,UAAU;uBACT,OAAO,gBAAgB,OAAO;UAC3C,eAAe,SAAS,cAAc,SACpC,IAAI;6BACa,OAAO;kBAClB,YAAY;;gBAGlB,GAAG;;;;mCAKyB;GACpC,MAAM,EAAE,WAAW,cAAc,gBAAgB;AACjD,UAAO,IAAI;QACP,eACE,IAAI;;2BAEa,UAAU;;;wBAGb,KAAK,aAAa;8CACI,YAAY;gBAC1C,WAAW,QAAQ,EAAE,MAAM,QAAQ,CAAC,CAAC;;cAG3C,IAAI;cACA,KAAK,sBAAsB,CAAC,GAAG,KAAK,uBAAuB,CAAC;YAC9D;;;;CApEV,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;GACD,CAAC;;CAiEJ,yBAAyB,MAAM,KAAK,UAAU;AAC5C,QAAM,yBAAyB,MAAM,KAAK,SAAS;AAEnD,MAAI,SAAS,gBAGX,MAAK,eAAe,eAAe;;;YA9HtC,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,WAAW,WAAW,CAAC;YAMlC,SAAS,EAAE,WAAW,iBAAiB,CAAC;YAMxC,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAS,WAAW;CAAiB,CAAC;YAMvD,SAAS,EAAE,WAAW,gBAAgB,CAAC;YAMvC,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS,EAAE,WAAW,gBAAgB,CAAC;YAGvC,UAAU;yBAlDZC,cAAc,GAAG,OAAO,WAAW;AAwIpC,uBAAe"}
+{"version":3,"file":"ai-label.js","names":["CDSToggleTip","popoverStyles","toggletipStyles","styles","customElement"],"sources":["../../../src/components/ai-label/ai-label.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 { adoptStyles, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSToggleTip from '../toggle-tip/toggletip';\nimport popoverStyles from '../popover/popover.scss?lit';\nimport toggletipStyles from '../toggle-tip/toggletip.scss?lit';\nimport styles from './ai-label.scss?lit';\nimport Undo16 from '@carbon/icons/es/undo/16.js';\nimport { AI_LABEL_SIZE, AI_LABEL_KIND } from './defs';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Basic AI Label.\n *\n * @element cds-custom-ai-label\n */\n@customElement(`${prefix}-ai-label`)\nclass CDSAILabel extends CDSToggleTip {\n  /**\n   * @deprecated the slot string will be renamed to \"decorator\"\n   */\n  @property({ reflect: true })\n  slot = 'ai-label';\n\n  /**\n   * Specify the correct translation of the AI text\n   */\n  @property({ attribute: 'ai-text' })\n  aiText = 'AI';\n\n  /**\n   * Specify additional text to be rendered next to the AI label in the inline variant\n   */\n  @property({ attribute: 'ai-text-label' })\n  aiTextLabel = '';\n\n  /**\n   * Specify the type of AI Label, from the following list of types: (default, inline)\n   */\n  @property({ reflect: true })\n  kind = AI_LABEL_KIND.DEFAULT;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ type: Boolean, attribute: 'revert-active' })\n  revertActive = false;\n\n  /**\n   * Specify whether the revert button should be visible\n   */\n  @property({ attribute: 'revert-label' })\n  revertLabel = 'Revert to AI input';\n\n  /**\n   * AI Label size should be mini, 2xs, xs, sm, md, lg, xl.\n   */\n  @property({ reflect: true })\n  size = AI_LABEL_SIZE.EXTRA_SMALL;\n\n  /**\n   * Specify the text that will be provided to the aria-label of the `AI Label` button\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Show information';\n\n  @property()\n  previousValue;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    adoptStyles(this.renderRoot as ShadowRoot, [\n      popoverStyles,\n      toggletipStyles,\n      styles,\n    ]);\n  }\n\n  protected _handleClick = () => {\n    if (this.revertActive) {\n      this.revertActive = false;\n      this.removeAttribute('revert-active');\n    } else {\n      super._handleClick();\n    }\n  };\n\n  protected _renderToggleTipLabel = () => {\n    return html``;\n  };\n\n  protected _renderTooltipButton = () => {\n    const { size, kind, aiText, aiTextLabel, buttonLabel } = this;\n    const ariaLabel = `${aiText} - ${buttonLabel}`;\n    const classes = classMap({\n      [`${prefix}--toggletip-button`]: true,\n      [`${prefix}--slug__button`]: true,\n      [`${prefix}--slug__button--${size}`]: size,\n      [`${prefix}--slug__button--${kind}`]: kind,\n      [`${prefix}--slug__button--inline-with-content`]:\n        kind === AI_LABEL_KIND.INLINE && aiTextLabel,\n    });\n    return html`\n      <button\n        aria-controls=\"${this.id}\"\n        @click=\"${this._handleClick}\"\n        class=${classes}\n        aria-label=\"${ariaLabel}\">\n        <span class=\"${prefix}--slug__text\">${aiText}</span>\n        ${aiTextLabel && kind === AI_LABEL_KIND.INLINE\n          ? html`\n              <span class=\"${prefix}--slug__additional-text\">\n                ${aiTextLabel}\n              </span>\n            `\n          : ``}\n      </button>\n    `;\n  };\n\n  protected _renderInnerContent = () => {\n    const { autoalign, revertActive, revertLabel } = this;\n    return html`\n      ${revertActive\n        ? html`\n            <cds-custom-icon-button\n              ?autoalign=${autoalign}\n              kind=\"ghost\"\n              size=\"sm\"\n              @click=\"${this._handleClick}\">\n              <span slot=\"tooltip-content\"> ${revertLabel} </span>\n              ${iconLoader(Undo16, { slot: 'icon' })}\n            </cds-custom-icon-button>\n          `\n        : html`\n            ${this._renderTooltipButton()} ${this._renderTooltipContent()}\n          `}\n    `;\n  };\n\n  attributeChangedCallback(name, old, newValue) {\n    super.attributeChangedCallback(name, old, newValue);\n\n    if (name === 'revert-active') {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n      // @ts-ignore typescript does not think requestUpdate() exists on parentElement\n      this.parentElement?.requestUpdate();\n    }\n  }\n}\n\nexport default CDSAILabel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAA,aAAA,MACM,mBAAmBA,oBAAa;;;cAK7B;gBAME;qBAMK;;sBAYC;qBAMD;;qBAYA;4BAeiB;AAC7B,OAAI,KAAK,cAAc;AACrB,SAAK,eAAe;AACpB,SAAK,gBAAgB,gBAAgB;SAErC,OAAM,cAAc;;qCAIgB;AACtC,UAAO,IAAI;;oCAG0B;GACrC,MAAM,EAAE,MAAM,MAAM,QAAQ,aAAa,gBAAgB;GACzD,MAAM,YAAY,GAAG,OAAO,KAAK;GACjC,MAAM,UAAU,SAAS;KACtB,0BAAgC;KAChC,sBAA4B;KAC5B,sBAA4B,SAAS;KACrC,sBAA4B,SAAS;KACrC,2CACC,SAAA,YAAiC;IACpC,CAAC;AACF,UAAO,IAAI;;yBAEU,KAAK,GAAG;kBACf,KAAK,aAAa;gBACpB,QAAQ;sBACF,UAAU;6BACF,gBAAgB,OAAO;UAC3C,eAAe,SAAA,WACb,IAAI;mCACoB;kBAClB,YAAY;;gBAGlB,GAAG;;;;mCAKyB;GACpC,MAAM,EAAE,WAAW,cAAc,gBAAgB;AACjD,UAAO,IAAI;QACP,eACE,IAAI;;2BAEa,UAAU;;;wBAGb,KAAK,aAAa;8CACI,YAAY;gBAC1C,WAAW,QAAQ,EAAE,MAAM,QAAQ,CAAC,CAAC;;cAG3C,IAAI;cACA,KAAK,sBAAsB,CAAC,GAAG,KAAK,uBAAuB,CAAC;YAC9D;;;;CApEV,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,cAAY,KAAK,YAA0B;GACzCC;GACAC;GACAC;GACD,CAAC;;CAiEJ,yBAAyB,MAAM,KAAK,UAAU;AAC5C,QAAM,yBAAyB,MAAM,KAAK,SAAS;AAEnD,MAAI,SAAS,gBAGX,MAAK,eAAe,eAAe;;;YA9HtC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,WAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,WAAW,WAAW,CAAC,CAAA,EAAA,WAAA,WAAA,UAAA,KAAA,EAAA;YAMlC,SAAS,EAAE,WAAW,iBAAiB,CAAC,CAAA,EAAA,WAAA,WAAA,eAAA,KAAA,EAAA;YAMxC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,WAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS;CAAE,MAAM;CAAS,WAAW;CAAiB,CAAC,CAAA,EAAA,WAAA,WAAA,gBAAA,KAAA,EAAA;YAMvD,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,EAAA,WAAA,WAAA,eAAA,KAAA,EAAA;YAMvC,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,WAAA,WAAA,QAAA,KAAA,EAAA;YAM3B,SAAS,EAAE,WAAW,gBAAgB,CAAC,CAAA,EAAA,WAAA,WAAA,eAAA,KAAA,EAAA;YAGvC,UAAU,CAAA,EAAA,WAAA,WAAA,iBAAA,KAAA,EAAA;yBAlDZC,cAAc,eAAqB,CAAA,EAAA,WAAA;AAwIpC,IAAA,mBAAe"}