@carbon/web-components 2.52.0 → 2.53.0-rc.0

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

@@ -5,9 +5,9 @@
  * 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 FocusMixin from "../../globals/mixins/focus.js";
 import modal_default from "./modal.scss.js";
@@ -16,7 +16,6 @@ import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import Close20 from "@carbon/icons/es/close/20.js";
-
 //#region src/components/modal/modal-close-button.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -53,7 +52,7 @@ let CDSModalCloseButton = class CDSModalCloseButton extends FocusMixin(LitElemen
         ${iconLoader(Close20, {
 			slot: "icon",
 			part: "close-icon",
-			class: `${prefix}--modal-close__icon`
+			class: `cds-custom--modal-close__icon`
 		})}
         <span slot="tooltip-content">${closeButtonLabel}</span>
       </cds-custom-icon-button>
@@ -70,9 +69,9 @@ let CDSModalCloseButton = class CDSModalCloseButton extends FocusMixin(LitElemen
 	}
 };
 __decorate([property({ attribute: "close-button-label" })], CDSModalCloseButton.prototype, "closeButtonLabel", void 0);
-CDSModalCloseButton = __decorate([carbonElement(`${prefix}-modal-close-button`)], CDSModalCloseButton);
+CDSModalCloseButton = __decorate([carbonElement(`cds-custom-modal-close-button`)], CDSModalCloseButton);
 var modal_close_button_default = CDSModalCloseButton;
-
 //#endregion
 export { modal_close_button_default as default };
+
 //# sourceMappingURL=modal-close-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal-close-button.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal-close-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Close20 from '@carbon/icons/es/close/20.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport '../icon-button';\n\n/**\n * Modal close button.\n *\n * @element cds-custom-modal-close-button\n * @csspart button The button.\n * @csspart close-icon The close icon.\n */\n@customElement(`${prefix}-modal-close-button`)\nclass CDSModalCloseButton extends FocusMixin(LitElement) {\n  /**\n   * Specify a label for the close button of the modal; defaults to close\n   */\n  @property({ attribute: 'close-button-label' })\n  closeButtonLabel = 'Close';\n\n  updated() {\n    this.parentElement?.setAttribute('close-button', '');\n  }\n\n  render() {\n    const { closeButtonLabel } = this;\n    return html`\n      <cds-custom-icon-button\n        part=\"button\"\n        align=\"left\"\n        enter-delay-ms=\"\"\n        aria-label=\"${ifDefined(closeButtonLabel)}\"\n        kind=\"ghost\"\n        size=\"lg\"\n        leave-delay-ms=\"\">\n        ${iconLoader(Close20, {\n          slot: 'icon',\n          part: 'close-icon',\n          class: `${prefix}--modal-close__icon`,\n        })}\n        <span slot=\"tooltip-content\">${closeButtonLabel}</span>\n      </cds-custom-icon-button>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSModalCloseButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,gCACM,4BAA4B,WAAW,WAAW,CAAC;;;0BAKpC;;CAEnB,UAAU;AACR,OAAK,eAAe,aAAa,gBAAgB,GAAG;;CAGtD,SAAS;EACP,MAAM,EAAE,qBAAqB;AAC7B,SAAO,IAAI;;;;;sBAKO,UAAU,iBAAiB,CAAC;;;;UAIxC,WAAW,SAAS;GACpB,MAAM;GACN,MAAM;GACN,OAAO,GAAG,OAAO;GAClB,CAAC,CAAC;uCAC4B,iBAAiB;;;;;2BAK3B;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAhCf,SAAS,EAAE,WAAW,sBAAsB,CAAC;kCAL/CC,cAAc,GAAG,OAAO,qBAAqB;AAwC9C,iCAAe"}
+{"version":3,"file":"modal-close-button.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal-close-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport Close20 from '@carbon/icons/es/close/20.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport '../icon-button';\n\n/**\n * Modal close button.\n *\n * @element cds-custom-modal-close-button\n * @csspart button The button.\n * @csspart close-icon The close icon.\n */\n@customElement(`${prefix}-modal-close-button`)\nclass CDSModalCloseButton extends FocusMixin(LitElement) {\n  /**\n   * Specify a label for the close button of the modal; defaults to close\n   */\n  @property({ attribute: 'close-button-label' })\n  closeButtonLabel = 'Close';\n\n  updated() {\n    this.parentElement?.setAttribute('close-button', '');\n  }\n\n  render() {\n    const { closeButtonLabel } = this;\n    return html`\n      <cds-custom-icon-button\n        part=\"button\"\n        align=\"left\"\n        enter-delay-ms=\"\"\n        aria-label=\"${ifDefined(closeButtonLabel)}\"\n        kind=\"ghost\"\n        size=\"lg\"\n        leave-delay-ms=\"\">\n        ${iconLoader(Close20, {\n          slot: 'icon',\n          part: 'close-icon',\n          class: `${prefix}--modal-close__icon`,\n        })}\n        <span slot=\"tooltip-content\">${closeButtonLabel}</span>\n      </cds-custom-icon-button>\n    `;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSModalCloseButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAA,sBAAA,MACM,4BAA4B,WAAW,WAAW,CAAC;;;0BAKpC;;CAEnB,UAAU;AACR,OAAK,eAAe,aAAa,gBAAgB,GAAG;;CAGtD,SAAS;EACP,MAAM,EAAE,qBAAqB;AAC7B,SAAO,IAAI;;;;;sBAKO,UAAU,iBAAiB,CAAC;;;;UAIxC,WAAW,SAAS;GACpB,MAAM;GACN,MAAM;GACN,OAAO;GACR,CAAC,CAAC;uCAC4B,iBAAiB;;;;;2BAK3B;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAhCf,SAAS,EAAE,WAAW,sBAAsB,CAAC,CAAA,EAAA,oBAAA,WAAA,oBAAA,KAAA,EAAA;kCAL/CC,cAAc,yBAA+B,CAAA,EAAA,oBAAA;AAwC9C,IAAA,6BAAe"}

package/es-custom/components/modal/modal-footer-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 button_default from "../button/button.scss.js";
 import button_default$1 from "../button/button.js";
 import modal_default from "./modal.scss.js";
-
 //#region src/components/modal/modal-footer-button.ts
 /**
 * Copyright IBM Corp. 2021, 2024
@@ -29,9 +28,9 @@ let CDSModalFooterButton = class CDSModalFooterButton extends button_default$1 {
 		this.styles = [button_default, modal_default];
 	}
 };
-CDSModalFooterButton = __decorate([carbonElement(`${prefix}-modal-footer-button`)], CDSModalFooterButton);
+CDSModalFooterButton = __decorate([carbonElement(`cds-custom-modal-footer-button`)], CDSModalFooterButton);
 var modal_footer_button_default = CDSModalFooterButton;
-
 //#endregion
 export { modal_footer_button_default as default };
+
 //# sourceMappingURL=modal-footer-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal-footer-button.js","names":["CDSButton","buttonStyles","styles","customElement"],"sources":["../../../src/components/modal/modal-footer-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 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 { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal footer button.\n *\n * @element cds-custom-modal-footer-button\n */\n@customElement(`${prefix}-modal-footer-button`)\nclass CDSModalFooterButton extends CDSButton {\n  static styles = [buttonStyles, styles];\n}\n\nexport default CDSModalFooterButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,iCACM,6BAA6BA,iBAAU;;gBAC3B,CAACC,gBAAcC,cAAO;;;mCAFvCC,cAAc,GAAG,OAAO,sBAAsB;AAK/C,kCAAe"}
+{"version":3,"file":"modal-footer-button.js","names":["CDSButton","buttonStyles","styles","customElement"],"sources":["../../../src/components/modal/modal-footer-button.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 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 { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport buttonStyles from '../button/button.scss?lit';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal footer button.\n *\n * @element cds-custom-modal-footer-button\n */\n@customElement(`${prefix}-modal-footer-button`)\nclass CDSModalFooterButton extends CDSButton {\n  static styles = [buttonStyles, styles];\n}\n\nexport default CDSModalFooterButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,uBAAA,MACM,6BAA6BA,iBAAU;;gBAC3B,CAACC,gBAAcC,cAAO;;;mCAFvCC,cAAc,0BAAgC,CAAA,EAAA,qBAAA;AAK/C,IAAA,8BAAe"}

package/es-custom/components/modal/modal-footer.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 modal_default from "./modal.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/modal/modal-footer.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -44,7 +43,7 @@ let CDSModalFooter = class CDSModalFooter extends LitElement {
 	* A selector that selects the child buttons.
 	*/
 	static get selectorButtons() {
-		return `${prefix}-button,${prefix}-modal-footer-button`;
+		return `cds-custom-button,cds-custom-modal-footer-button`;
 	}
 	static {
 		this.styles = modal_default;
@@ -55,9 +54,9 @@ __decorate([property({
 	reflect: true,
 	attribute: "has-three-buttons"
 })], CDSModalFooter.prototype, "hasThreeButtons", void 0);
-CDSModalFooter = __decorate([carbonElement(`${prefix}-modal-footer`)], CDSModalFooter);
+CDSModalFooter = __decorate([carbonElement(`cds-custom-modal-footer`)], CDSModalFooter);
 var modal_footer_default = CDSModalFooter;
-
 //#endregion
 export { modal_footer_default as default };
+
 //# sourceMappingURL=modal-footer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal-footer.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal-footer.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal footer.\n *\n * @element cds-custom-modal-footer\n */\n@customElement(`${prefix}-modal-footer`)\nclass CDSModalFooter extends LitElement {\n  /**\n   * `true` if this modal footer has more than two buttons.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'has-three-buttons' })\n  hasThreeButtons = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange(event: Event) {\n    const { selectorButtons } = this.constructor as typeof CDSModalFooter;\n    this.hasThreeButtons =\n      (event.target as HTMLSlotElement)\n        .assignedNodes()\n        .filter(\n          (node) =>\n            node.nodeType === Node.ELEMENT_NODE &&\n            (node as Element).matches(selectorButtons)\n        ).length > 2;\n    this.requestUpdate();\n  }\n\n  render() {\n    return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n  }\n\n  /**\n   * A selector that selects the child buttons.\n   */\n  static get selectorButtons() {\n    return `${prefix}-button,${prefix}-modal-footer-button`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSModalFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,2BACM,uBAAuB,WAAW;;;yBAKpB;;;;;CAKlB,AAAQ,kBAAkB,OAAc;EACtC,MAAM,EAAE,oBAAoB,KAAK;AACjC,OAAK,kBACF,MAAM,OACJ,eAAe,CACf,QACE,SACC,KAAK,aAAa,KAAK,gBACtB,KAAiB,QAAQ,gBAAgB,CAC7C,CAAC,SAAS;AACf,OAAK,eAAe;;CAGtB,SAAS;AACP,SAAO,IAAI,uBAAuB,KAAK,kBAAkB;;;;;CAM3D,WAAW,kBAAkB;AAC3B,SAAO,GAAG,OAAO,UAAU,OAAO;;;gBAGpBA;;;YA9Bf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAqB,CAAC;6BAL5EC,cAAc,GAAG,OAAO,eAAe;AAsCxC,2BAAe"}
+{"version":3,"file":"modal-footer.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal-footer.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal footer.\n *\n * @element cds-custom-modal-footer\n */\n@customElement(`${prefix}-modal-footer`)\nclass CDSModalFooter extends LitElement {\n  /**\n   * `true` if this modal footer has more than two buttons.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'has-three-buttons' })\n  hasThreeButtons = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  private _handleSlotChange(event: Event) {\n    const { selectorButtons } = this.constructor as typeof CDSModalFooter;\n    this.hasThreeButtons =\n      (event.target as HTMLSlotElement)\n        .assignedNodes()\n        .filter(\n          (node) =>\n            node.nodeType === Node.ELEMENT_NODE &&\n            (node as Element).matches(selectorButtons)\n        ).length > 2;\n    this.requestUpdate();\n  }\n\n  render() {\n    return html` <slot @slotchange=\"${this._handleSlotChange}\"></slot> `;\n  }\n\n  /**\n   * A selector that selects the child buttons.\n   */\n  static get selectorButtons() {\n    return `${prefix}-button,${prefix}-modal-footer-button`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSModalFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,iBAAA,MACM,uBAAuB,WAAW;;;yBAKpB;;;;;CAKlB,kBAA0B,OAAc;EACtC,MAAM,EAAE,oBAAoB,KAAK;AACjC,OAAK,kBACF,MAAM,OACJ,eAAe,CACf,QACE,SACC,KAAK,aAAa,KAAK,gBACtB,KAAiB,QAAQ,gBAAgB,CAC7C,CAAC,SAAS;AACf,OAAK,eAAe;;CAGtB,SAAS;AACP,SAAO,IAAI,uBAAuB,KAAK,kBAAkB;;;;;CAM3D,WAAW,kBAAkB;AAC3B,SAAO;;;gBAGOA;;;YA9Bf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAqB,CAAC,CAAA,EAAA,eAAA,WAAA,mBAAA,KAAA,EAAA;6BAL5EC,cAAc,mBAAyB,CAAA,EAAA,eAAA;AAsCxC,IAAA,uBAAe"}

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

@@ -5,12 +5,11 @@
  * 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 modal_default from "./modal.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/modal/modal-header.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -54,21 +53,21 @@ let CDSModalHeader = class CDSModalHeader extends LitElement {
 	* remove in v12
 	*/
 	static get slugItem() {
-		return `${prefix}-slug`;
+		return `cds-custom-slug`;
 	}
 	/**
 	* A selector that will return the AI Label item.
 	*/
 	static get aiLabelItem() {
-		return `${prefix}-ai-label`;
+		return `cds-custom-ai-label`;
 	}
 	static {
 		this.styles = modal_default;
 	}
 };
-CDSModalHeader = __decorate([carbonElement(`${prefix}-modal-header`)], CDSModalHeader);
+CDSModalHeader = __decorate([carbonElement(`cds-custom-modal-header`)], CDSModalHeader);
 var modal_header_default = CDSModalHeader;
-
 //#endregion
 export { modal_header_default as default };
+
 //# sourceMappingURL=modal-header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal-header.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal-header.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 { prefix } from '../../globals/settings';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal header.\n *\n * @element cds-custom-modal-header\n */\n@customElement(`${prefix}-modal-header`)\nclass CDSModalHeader extends LitElement {\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSModalHeader).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSModalHeader).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      this._hasAILabel = Boolean(hasContent);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'sm');\n    }\n    this.requestUpdate();\n  }\n\n  updated() {\n    if (this._hasAILabel) {\n      this.parentElement?.setAttribute('ai-label', '');\n    } else {\n      this.parentElement?.removeAttribute('ai-label');\n    }\n  }\n\n  render() {\n    return html` <slot></slot>\n      <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSModalHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,2BACM,uBAAuB,WAAW;;;qBAId;;;;;CAKxB,AAAU,kBAAkB,EAAE,UAAiB;EAC7C,MAAM,aAAc,OACjB,eAAe,CACf,QAAQ,SACN,KAAqB,YAAY,SAC7B,KAAqB,QACnB,KAAK,YAAsC,YAC7C,IAEA,KAAqB,QACnB,KAAK,YAAsC,SAC7C,GACD,MACL;AACH,MAAI,WAAW,SAAS,GAAG;AACzB,QAAK,cAAc,QAAQ,WAAW;AACtC,GAAC,WAAW,GAAmB,aAAa,QAAQ,KAAK;;AAE3D,OAAK,eAAe;;CAGtB,UAAU;AACR,MAAI,KAAK,YACP,MAAK,eAAe,aAAa,YAAY,GAAG;MAEhD,MAAK,eAAe,gBAAgB,WAAW;;CAInD,SAAS;AACP,SAAO,IAAI;2CAC4B,KAAK,kBAAkB;uCAC3B,KAAK,kBAAkB;;;;;;;CAQ5D,WAAW,WAAW;AACpB,SAAO,GAAG,OAAO;;;;;CAMnB,WAAW,cAAc;AACvB,SAAO,GAAG,OAAO;;;gBAGHA;;;6BA7DjBC,cAAc,GAAG,OAAO,eAAe;AAgExC,2BAAe"}
+{"version":3,"file":"modal-header.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal-header.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 { prefix } from '../../globals/settings';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal header.\n *\n * @element cds-custom-modal-header\n */\n@customElement(`${prefix}-modal-header`)\nclass CDSModalHeader extends LitElement {\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSModalHeader).aiLabelItem\n            ) ||\n            // remove reference to slug in v12\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSModalHeader).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      this._hasAILabel = Boolean(hasContent);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'sm');\n    }\n    this.requestUpdate();\n  }\n\n  updated() {\n    if (this._hasAILabel) {\n      this.parentElement?.setAttribute('ai-label', '');\n    } else {\n      this.parentElement?.removeAttribute('ai-label');\n    }\n  }\n\n  render() {\n    return html` <slot></slot>\n      <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n      <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>`;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSModalHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,iBAAA,MACM,uBAAuB,WAAW;;;qBAId;;;;;CAKxB,kBAA4B,EAAE,UAAiB;EAC7C,MAAM,aAAc,OACjB,eAAe,CACf,QAAQ,SACN,KAAqB,YAAY,KAAA,IAC7B,KAAqB,QACnB,KAAK,YAAsC,YAC7C,IAEA,KAAqB,QACnB,KAAK,YAAsC,SAC7C,GACD,MACL;AACH,MAAI,WAAW,SAAS,GAAG;AACzB,QAAK,cAAc,QAAQ,WAAW;AACrC,cAAW,GAAmB,aAAa,QAAQ,KAAK;;AAE3D,OAAK,eAAe;;CAGtB,UAAU;AACR,MAAI,KAAK,YACP,MAAK,eAAe,aAAa,YAAY,GAAG;MAEhD,MAAK,eAAe,gBAAgB,WAAW;;CAInD,SAAS;AACP,SAAO,IAAI;2CAC4B,KAAK,kBAAkB;uCAC3B,KAAK,kBAAkB;;;;;;;CAQ5D,WAAW,WAAW;AACpB,SAAO;;;;;CAMT,WAAW,cAAc;AACvB,SAAO;;;gBAGOA;;;6BA7DjBC,cAAc,mBAAyB,CAAA,EAAA,eAAA;AAgExC,IAAA,uBAAe"}

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

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -11,6 +11,10 @@ import { LitElement } from 'lit';
  * @element cds-custom-modal-heading
  */
 declare class CDSModalHeading extends LitElement {
+    /**
+     * The unique identifier for this heading element
+     */
+    id: string;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"modal-heading.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal-heading.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"modal-heading.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal-heading.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,EAAE,SAAyE;IAE3E,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC"}

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

@@ -5,15 +5,15 @@
  * 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 modal_default from "./modal.scss.js";
 import { LitElement, html } from "lit";
-
+import { property } from "lit/decorators.js";
 //#region src/components/modal/modal-heading.ts
 /**
-* Copyright IBM Corp. 2019, 2023
+* Copyright IBM Corp. 2019, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
@@ -24,6 +24,10 @@ import { LitElement, html } from "lit";
 * @element cds-custom-modal-heading
 */
 let CDSModalHeading = class CDSModalHeading extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.id = `cds-custom--modal-heading--id-${Math.random().toString(16).slice(2)}`;
+	}
 	render() {
 		return html` <slot></slot> `;
 	}
@@ -31,9 +35,13 @@ let CDSModalHeading = class CDSModalHeading extends LitElement {
 		this.styles = modal_default;
 	}
 };
-CDSModalHeading = __decorate([carbonElement(`${prefix}-modal-heading`)], CDSModalHeading);
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSModalHeading.prototype, "id", void 0);
+CDSModalHeading = __decorate([carbonElement(`cds-custom-modal-heading`)], CDSModalHeading);
 var modal_heading_default = CDSModalHeading;
-
 //#endregion
 export { modal_heading_default as default };
+
 //# sourceMappingURL=modal-heading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal-heading.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal-heading.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal heading.\n *\n * @element cds-custom-modal-heading\n */\n@customElement(`${prefix}-modal-heading`)\nclass CDSModalHeading extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSModalHeading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,4BACM,wBAAwB,WAAW;CACvC,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;8BANjBC,cAAc,GAAG,OAAO,gBAAgB;AASzC,4BAAe"}
+{"version":3,"file":"modal-heading.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal-heading.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 styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal heading.\n *\n * @element cds-custom-modal-heading\n */\n@customElement(`${prefix}-modal-heading`)\nclass CDSModalHeading extends LitElement {\n  /**\n   * The unique identifier for this heading element\n   */\n  @property({ type: String, reflect: true })\n  id = `${prefix}--modal-heading--id-${Math.random().toString(16).slice(2)}`;\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSModalHeading;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,kBAAA,MACM,wBAAwB,WAAW;;;YAKlC,0BAAgC,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;;CAExE,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;YAPf,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,MAAA,KAAA,EAAA;8BAL3CC,cAAc,oBAA0B,CAAA,EAAA,gBAAA;AAezC,IAAA,wBAAe"}

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

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -11,6 +11,10 @@ import { LitElement } from 'lit';
  * @element cds-custom-modal-label
  */
 declare class CDSModalLabel extends LitElement {
+    /**
+     * The unique identifier for this label element
+     */
+    id: string;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"modal-label.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal-label.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"modal-label.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal-label.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC;;OAEG;IAEH,EAAE,SAAuE;IAEzE,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}

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

@@ -5,15 +5,15 @@
  * 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 modal_default from "./modal.scss.js";
 import { LitElement, html } from "lit";
-
+import { property } from "lit/decorators.js";
 //#region src/components/modal/modal-label.ts
 /**
-* Copyright IBM Corp. 2019, 2023
+* Copyright IBM Corp. 2019, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
@@ -24,6 +24,10 @@ import { LitElement, html } from "lit";
 * @element cds-custom-modal-label
 */
 let CDSModalLabel = class CDSModalLabel extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.id = `cds-custom--modal-label--id-${Math.random().toString(16).slice(2)}`;
+	}
 	render() {
 		return html` <slot></slot> `;
 	}
@@ -31,9 +35,13 @@ let CDSModalLabel = class CDSModalLabel extends LitElement {
 		this.styles = modal_default;
 	}
 };
-CDSModalLabel = __decorate([carbonElement(`${prefix}-modal-label`)], CDSModalLabel);
+__decorate([property({
+	type: String,
+	reflect: true
+})], CDSModalLabel.prototype, "id", void 0);
+CDSModalLabel = __decorate([carbonElement(`cds-custom-modal-label`)], CDSModalLabel);
 var modal_label_default = CDSModalLabel;
-
 //#endregion
 export { modal_label_default as default };
+
 //# sourceMappingURL=modal-label.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal-label.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal-label.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal label.\n *\n * @element cds-custom-modal-label\n */\n@customElement(`${prefix}-modal-label`)\nclass CDSModalLabel extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSModalLabel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,0BACM,sBAAsB,WAAW;CACrC,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;4BANjBC,cAAc,GAAG,OAAO,cAAc;AASvC,0BAAe"}
+{"version":3,"file":"modal-label.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal-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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Modal label.\n *\n * @element cds-custom-modal-label\n */\n@customElement(`${prefix}-modal-label`)\nclass CDSModalLabel extends LitElement {\n  /**\n   * The unique identifier for this label element\n   */\n  @property({ type: String, reflect: true })\n  id = `${prefix}--modal-label--id-${Math.random().toString(16).slice(2)}`;\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSModalLabel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,gBAAA,MACM,sBAAsB,WAAW;;;YAKhC,wBAA8B,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;;CAEtE,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;YAPf,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,cAAA,WAAA,MAAA,KAAA,EAAA;4BAL3CC,cAAc,kBAAwB,CAAA,EAAA,cAAA;AAevC,IAAA,sBAAe"}

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

@@ -36,7 +36,7 @@ declare class CDSModal extends CDSModal_base {
     /**
      * The element that had focus before this modal gets open.
      */
-    private _launcher;
+    protected _launcher: Element | null;
     /**
      * The inline loading element that renders when `loading-status` is not `inactive`
      */
@@ -58,7 +58,7 @@ declare class CDSModal extends CDSModal_base {
      *
      * @param event The event.
      */
-    private _handleClick;
+    protected _handleClick: (event: MouseEvent) => void;
     /**
      * Handle the keydown event.
      * Trap the focus inside the side-panel by tracking keydown.key == `Tab`
@@ -66,7 +66,7 @@ declare class CDSModal extends CDSModal_base {
      * @param {KeyboardEvent} event The keyboard event object.
      */
     protected _handleHostKeydown: (event: KeyboardEvent) => void;
-    private _handleKeydown;
+    protected _handleKeydown: ({ key, target }: KeyboardEvent) => void;
     /**
      * Get focusable elements.
      *
@@ -74,23 +74,27 @@ declare class CDSModal extends CDSModal_base {
      *
      * @returns {{first: HTMLElement, last: HTMLElement, all: HTMLElement[]}} Returns an object with various elements.
      */
-    private getFocusable;
+    protected getFocusable(): {
+        first: HTMLElement | undefined;
+        last: HTMLElement | undefined;
+        all: HTMLElement[];
+    };
     /**
      * Handles `click` event on the modal container.
      *
      * @param event The event.
      */
-    private _handleClickContainer;
+    protected _handleClickContainer(event: MouseEvent): void;
     /**
      * Handles user-initiated close request of this modal.
      *
      * @param triggeredBy The element that triggered this close request.
      */
-    private _handleUserInitiatedClose;
+    protected _handleUserInitiatedClose(triggeredBy: EventTarget | null): void;
     /**
      * Handles `slotchange` event.
      */
-    private _handleSlotChange;
+    protected _handleSlotChange(): void;
     /**
      * Specify whether the Modal is displaying an alert, error or warning.
      * Should go hand in hand with the danger prop.
@@ -99,7 +103,7 @@ declare class CDSModal extends CDSModal_base {
     /**
      * Specify text for the accessibility label of the header
      */
-    ariaLabel: string;
+    ariaLabel: string | null;
     /**
      * The additional CSS class names for the container <div> of the element.
      */
@@ -149,7 +153,11 @@ declare class CDSModal extends CDSModal_base {
      */
     preventClose: boolean;
     private _initializeLoadingEl;
-    private _getFooterElements;
+    protected _getFooterElements(): {
+        footer: Element | null;
+        primaryButton: HTMLElement | null;
+        secondaryButtons: HTMLElement[];
+    };
     private _updateLoadingElement;
     firstUpdated(): Promise<void>;
     /**
@@ -179,7 +187,7 @@ declare class CDSModal extends CDSModal_base {
      * @param ms The number of milliseconds.
      * @returns A promise that is resolves after the given milliseconds.
      */
-    private static _delay;
+    protected static _delay(ms?: number): Promise<unknown>;
     /**
      * A selector selecting buttons that should close this modal.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAIpC,OAAO,mBAAmB,CAAC;AAG3B,OAAO,EAAE,UAAU,EAAE,CAAC;;;;;;;;;;uBAOjB,CAAC;;;;;AALN;;;;;;;;;GASG;AACH,cACM,QAAS,SAAQ,aAA6B;IAClD;;OAEG;IACH,OAAO,CAAC,SAAS,CAAwB;IAEzC;;OAEG;IACH,OAAO,CAAC,UAAU,CAA4B;IAE9C;;OAEG;IACH,OAAO,CAAC,eAAe,CAAC,CAAmB;IAE3C;;OAEG;IACH,OAAO,CAAC,eAAe,CAAC,CAAmB;IAE3C;;OAEG;IACH,OAAO,CAAC,wBAAwB,CAAmC;IAEnE;;;;OAIG;IAIH,OAAO,CAAC,YAAY,CAQlB;IAEF;;;;;OAKG;IAEH,SAAS,CAAC,kBAAkB,GAAI,OAAO,aAAa,UAwClD;IAKF,OAAO,CAAC,cAAc,CAIpB;IAEF;;;;;;OAMG;IACH,OAAO,CAAC,YAAY;IAyBpB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;IAW7B;;;;OAIG;IACH,OAAO,CAAC,yBAAyB;IA6BjC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAQzB;;;OAGG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAMH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,IAAI,aAAqB;IAEzB;;OAEG;IAEH,0BAA0B,UAAS;IAEnC;;OAEG;IAEH,aAAa,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAc;IAEzE;;OAEG;IAEH,kBAAkB,SAAM;IAExB;;OAEG;IAEH,mBAAmB,SAAQ;IAE3B;;OAEG;IAEH,sBAAsB,SAAa;IAEnC;;OAEG;IAMH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,YAAY,UAAS;IAGrB,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,qBAAqB;IAmDvB,YAAY;IAalB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAazB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IActB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IActB,iBAAiB;IAMjB,oBAAoB;IAMpB,MAAM;IA4BA,OAAO,CAAC,iBAAiB,KAAA;IAiD/B;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,MAAM;IAMrB;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED;;OAEG;IACH,MAAM,KAAK,qBAAqB,WAE/B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/modal.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAIpC,OAAO,mBAAmB,CAAC;AAG3B,OAAO,EAAE,UAAU,EAAE,CAAC;;;;;;;;;;uBAOjB,CAAC;;;;;AALN;;;;;;;;;GASG;AACH,cACM,QAAS,SAAQ,aAA6B;IAClD;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE3C;;OAEG;IACH,OAAO,CAAC,UAAU,CAA4B;IAE9C;;OAEG;IACH,OAAO,CAAC,eAAe,CAAC,CAAmB;IAE3C;;OAEG;IACH,OAAO,CAAC,eAAe,CAAC,CAAmB;IAE3C;;OAEG;IACH,OAAO,CAAC,wBAAwB,CAAmC;IAEnE;;;;OAIG;IAIH,SAAS,CAAC,YAAY,GAAI,OAAO,UAAU,UAQzC;IAEF;;;;;OAKG;IAEH,SAAS,CAAC,kBAAkB,GAAI,OAAO,aAAa,UAwClD;IAKF,SAAS,CAAC,cAAc,GAAI,iBAAiB,aAAa,UAMxD;IAEF;;;;;;OAMG;IACH,SAAS,CAAC,YAAY,IAAI;QACxB,KAAK,EAAE,WAAW,GAAG,SAAS,CAAC;QAC/B,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;QAC9B,GAAG,EAAE,WAAW,EAAE,CAAC;KACpB;IAqBD;;;;OAIG;IACH,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,UAAU;IAWjD;;;;OAIG;IACH,SAAS,CAAC,yBAAyB,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA6BnE;;OAEG;IACH,SAAS,CAAC,iBAAiB;IAQ3B;;;OAGG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhC;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAMH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,IAAI,aAAqB;IAEzB;;OAEG;IAEH,0BAA0B,UAAS;IAEnC;;OAEG;IAEH,aAAa,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAc;IAEzE;;OAEG;IAEH,kBAAkB,SAAM;IAExB;;OAEG;IAEH,mBAAmB,SAAQ;IAE3B;;OAEG;IAEH,sBAAsB,SAAa;IAEnC;;OAEG;IAMH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,YAAY,UAAS;IAGrB,OAAO,CAAC,oBAAoB;IAgB5B,SAAS,CAAC,kBAAkB;;;;;IAsB5B,OAAO,CAAC,qBAAqB;IAmDvB,YAAY;IAalB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAazB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IActB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IActB,iBAAiB;IAMjB,oBAAoB;IAMpB,MAAM;IA4BA,OAAO,CAAC,iBAAiB,KAAA;IAiD/B;;;OAGG;IACH,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,SAAI;IAM9B;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED;;OAEG;IACH,MAAM,KAAK,qBAAqB,WAE/B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,QAAQ,CAAC"}

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

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix, selectorTabbable } from "../../globals/settings.js";
+import { selectorTabbable } from "../../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 HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import { MODAL_SIZE } from "./defs.js";
@@ -16,7 +16,6 @@ import "../inline-loading/index.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
-
 //#region src/components/modal/modal.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -69,15 +68,16 @@ let CDSModal = class CDSModal extends HostListenerMixin(LitElement) {
 			}
 		};
 		this._handleKeydown = ({ key, target }) => {
+			if (!this.open) return;
 			if (key === "Esc" || key === "Escape") this._handleUserInitiatedClose(target);
 		};
 		this.alert = false;
-		this.ariaLabel = "";
+		this.ariaLabel = null;
 		this.containerClass = "";
 		this.fullWidth = false;
 		this.hasScrollingContent = false;
 		this.open = false;
-		this.size = MODAL_SIZE.MEDIUM;
+		this.size = "md";
 		this.preventCloseOnClickOutside = false;
 		this.loadingStatus = "inactive";
 		this.loadingDescription = "";
@@ -135,13 +135,13 @@ let CDSModal = class CDSModal extends HostListenerMixin(LitElement) {
 	* Handles `slotchange` event.
 	*/
 	_handleSlotChange() {
-		if (this.querySelector(`${prefix}-modal-footer`)) this.setAttribute("has-footer", "");
+		if (this.querySelector(`cds-custom-modal-footer`)) this.setAttribute("has-footer", "");
 		else this.removeAttribute("has-footer");
 	}
 	_initializeLoadingEl(footer) {
 		if (!footer) return null;
 		if (!this._loadingEl && this.WORKING_LOADING_STATUSES.includes(this.loadingStatus)) {
-			const el = document.createElement(`${prefix}-inline-loading`);
+			const el = document.createElement(`cds-custom-inline-loading`);
 			el.setAttribute("controlled", "");
 			el.setAttribute("aria-live", "off");
 			footer.appendChild(el);
@@ -151,9 +151,9 @@ let CDSModal = class CDSModal extends HostListenerMixin(LitElement) {
 	}
 	_getFooterElements() {
 		return {
-			footer: this.querySelector(`${prefix}-modal-footer`),
-			primaryButton: this.querySelector(`${prefix}-modal-footer-button[kind="primary"]`) || this.querySelector(`${prefix}-modal-footer-button[kind="danger"]`) || null,
-			secondaryButtons: Array.from(this.querySelectorAll(`${prefix}-modal-footer-button[kind="secondary"]`))
+			footer: this.querySelector(`cds-custom-modal-footer`),
+			primaryButton: this.querySelector(`cds-custom-modal-footer-button[kind="primary"]`) || this.querySelector(`cds-custom-modal-footer-button[kind="danger"]`) || null,
+			secondaryButtons: Array.from(this.querySelectorAll(`cds-custom-modal-footer-button[kind="secondary"]`))
 		};
 	}
 	_updateLoadingElement() {
@@ -196,11 +196,11 @@ let CDSModal = class CDSModal extends HostListenerMixin(LitElement) {
 	* - `modal-heading`
 	*/
 	_computeAriaLabel() {
-		const label = this.querySelector(`${prefix}-modal-label`)?.textContent?.trim();
+		const label = this.querySelector(`cds-custom-modal-label`)?.textContent?.trim();
 		if (label) return label;
 		const ariaLabel = this.ariaLabel?.trim();
 		if (ariaLabel) return ariaLabel;
-		return this.querySelector(`${prefix}-modal-heading`)?.textContent?.trim() || "";
+		return this.querySelector(`cds-custom-modal-heading`)?.textContent?.trim() || "";
 	}
 	/**
 	* Observes the modal footer's `has-three-buttons` attribute to account for cases
@@ -208,7 +208,7 @@ let CDSModal = class CDSModal extends HostListenerMixin(LitElement) {
 	* are being changed dynamically
 	*/
 	_observeFooter() {
-		const footer = this.querySelector(`${prefix}-modal-footer`);
+		const footer = this.querySelector(`cds-custom-modal-footer`);
 		if (!footer) return;
 		this._footerObserver = new MutationObserver(() => {
 			this._updateLoadingElement();
@@ -225,7 +225,7 @@ let CDSModal = class CDSModal extends HostListenerMixin(LitElement) {
 	* to update the `aria-label` put on the modal
 	*/
 	_observeHeader() {
-		const header = this.querySelector(`${prefix}-modal-header`);
+		const header = this.querySelector(`cds-custom-modal-header`);
 		if (!header) return;
 		this._headerObserver = new MutationObserver(() => {
 			this.requestUpdate("ariaLabel");
@@ -253,8 +253,8 @@ let CDSModal = class CDSModal extends HostListenerMixin(LitElement) {
 			[item]: true
 		}), {});
 		const containerClasses = classMap({
-			[`${prefix}--modal-container`]: true,
-			[`${prefix}--modal-container--${size}`]: size,
+			[`cds-custom--modal-container`]: true,
+			[`cds-custom--modal-container--${size}`]: size,
 			...containerClass
 		});
 		return html`
@@ -310,7 +310,7 @@ let CDSModal = class CDSModal extends HostListenerMixin(LitElement) {
 	* A selector selecting buttons that should close this modal.
 	*/
 	static get selectorCloseButton() {
-		return `[data-modal-close],${prefix}-modal-close-button`;
+		return `[data-modal-close],cds-custom-modal-close-button`;
 	}
 	/**
 	* A selector selecting tabbable nodes.
@@ -322,32 +322,32 @@ let CDSModal = class CDSModal extends HostListenerMixin(LitElement) {
 	* A selector selecting the nodes that should be focused when modal gets open.
 	*/
 	static get selectorPrimaryFocus() {
-		return `[data-modal-primary-focus],${prefix}-modal-footer ${prefix}-button[kind="primary"]`;
+		return `[data-modal-primary-focus],cds-custom-modal-footer cds-custom-button[kind="primary"]`;
 	}
 	/**
 	* A selector selecting the modal body component
 	*/
 	static get selectorModalBody() {
-		return `${prefix}-modal-body`;
+		return `cds-custom-modal-body`;
 	}
 	/**
 	* The name of the custom event fired before this modal is being closed upon a user gesture.
 	* Cancellation of this event stops the user-initiated action of closing this modal.
 	*/
 	static get eventBeforeClose() {
-		return `${prefix}-modal-beingclosed`;
+		return `cds-custom-modal-beingclosed`;
 	}
 	/**
 	* The name of the custom event fired after this modal is closed upon a user gesture.
 	*/
 	static get eventClose() {
-		return `${prefix}-modal-closed`;
+		return `cds-custom-modal-closed`;
 	}
 	/**
 	* The name of the custom event fired when this modal reaches a `finished` loading state
 	*/
 	static get eventOnLoadingSuccess() {
-		return `${prefix}-modal-on-loadingsuccess`;
+		return `cds-custom-modal-on-loadingsuccess`;
 	}
 	static {
 		this.styles = modal_default$1;
@@ -406,9 +406,9 @@ __decorate([property({
 	type: Boolean,
 	attribute: "prevent-close"
 })], CDSModal.prototype, "preventClose", void 0);
-CDSModal = __decorate([carbonElement(`${prefix}-modal`)], CDSModal);
+CDSModal = __decorate([carbonElement(`cds-custom-modal`)], CDSModal);
 var modal_default = CDSModal;
-
 //#endregion
 export { MODAL_SIZE, modal_default as default };
+
 //# sourceMappingURL=modal.js.map