@carbon/web-components 2.57.0 → 2.58.0

package/es/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-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-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-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"}
+{"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-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-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-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,UAAU,CAAC,CAAC;;;0BAKpC;;CAEnB,UAAU;EACR,KAAK,eAAe,aAAa,gBAAgB,EAAE;CACrD;CAEA,SAAS;EACP,MAAM,EAAE,qBAAqB;EAC7B,OAAO,IAAI;;;;;sBAKO,UAAU,gBAAgB,EAAE;;;;UAIxC,WAAW,SAAS;GACpB,MAAM;GACN,MAAM;GACN,OAAO;EACT,CAAC,EAAE;uCAC4B,iBAAiB;;;CAGtD;;2BAE2B;GACzB,GAAG,WAAW;GACd,gBAAgB;EAClB;;;gBACgBA;;AAClB;YAjCG,SAAS,EAAE,WAAW,qBAAqB,CAAC,CAAA,GAAA,oBAAA,WAAA,oBAAA,KAAA,CAAA;kCAL9CC,cAAc,wBAA8B,CAAA,GAAA,mBAAA;AAwC7C,IAAA,6BAAe"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/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";

package/es/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-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"}
+{"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-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,aAAM;;AACvC;mCAHCC,cAAc,yBAA+B,CAAA,GAAA,oBAAA;AAK9C,IAAA,8BAAe"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import modal_default from "./modal.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es/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-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"}
+{"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-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;EACjC,KAAK,kBACF,MAAM,OACJ,cAAc,CAAC,CACf,QACE,SACC,KAAK,aAAa,KAAK,gBACtB,KAAiB,QAAQ,eAAe,CAC7C,CAAC,CAAC,SAAS;EACf,KAAK,cAAc;CACrB;CAEA,SAAS;EACP,OAAO,IAAI,uBAAuB,KAAK,kBAAkB;CAC3D;;;;CAKA,WAAW,kBAAkB;EAC3B,OAAO;CACT;;gBAEgBA;;AAClB;YA/BG,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAoB,CAAC,CAAA,GAAA,eAAA,WAAA,mBAAA,KAAA,CAAA;6BAL3EC,cAAc,kBAAwB,CAAA,GAAA,cAAA;AAsCvC,IAAA,uBAAe"}

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

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

package/es/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-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"}
+{"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-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,cAAc,CAAC,CACf,QAAQ,SACN,KAAqB,YAAY,KAAA,IAC7B,KAAqB,QACnB,KAAK,YAAsC,WAC9C,KAEC,KAAqB,QACnB,KAAK,YAAsC,QAC9C,IACA,KACN;EACF,IAAI,WAAW,SAAS,GAAG;GACzB,KAAK,cAAc,QAAQ,UAAU;GACrC,WAAY,EAAE,CAAiB,aAAa,QAAQ,IAAI;EAC1D;EACA,KAAK,cAAc;CACrB;CAEA,UAAU;EACR,IAAI,KAAK,aACP,KAAK,eAAe,aAAa,YAAY,EAAE;OAE/C,KAAK,eAAe,gBAAgB,UAAU;CAElD;CAEA,SAAS;EACP,OAAO,IAAI;2CAC4B,KAAK,kBAAkB;uCAC3B,KAAK,kBAAkB;CAC5D;;;;;;CAOA,WAAW,WAAW;EACpB,OAAO;CACT;;;;CAKA,WAAW,cAAc;EACvB,OAAO;CACT;;gBAEgBA;;AAClB;6BA9DCC,cAAc,kBAAwB,CAAA,GAAA,cAAA;AAgEvC,IAAA,uBAAe"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import modal_default from "./modal.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es/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, 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-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"}
+{"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-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,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;;CAEvE,SAAS;EACP,OAAO,IAAI;CACb;;gBAEgBA;;AAClB;YARG,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,gBAAA,WAAA,MAAA,KAAA,CAAA;8BAL1CC,cAAc,mBAAyB,CAAA,GAAA,eAAA;AAexC,IAAA,wBAAe"}

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

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import modal_default from "./modal.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";

package/es/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, 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-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"}
+{"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-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,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;;CAErE,SAAS;EACP,OAAO,IAAI;CACb;;gBAEgBA;;AAClB;YARG,SAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,cAAA,WAAA,MAAA,KAAA,CAAA;4BAL1CC,cAAc,iBAAuB,CAAA,GAAA,aAAA;AAetC,IAAA,sBAAe"}

package/es/components/modal/modal.js

@@ -7,7 +7,7 @@
 
 import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import { MODAL_SIZE } from "./defs.js";
 import modal_default$1 from "./modal.scss.js";

package/es/components/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal.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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { MODAL_SIZE } from './defs';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSModalBase from './modal-base';\nimport '../dialog/dialog';\n\nexport { MODAL_SIZE };\n\n/**\n * Modal.\n *\n * @element cds-modal\n * @csspart dialog The dialog.\n * @fires cds-modal-beingclosed\n *   The custom event fired before this modal is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this modal.\n * @fires cds-modal-closed - The custom event fired after this modal is closed upon a user gesture.\n */\n@customElement(`${prefix}-modal`)\nclass CDSModal extends CDSModalBase {\n  /**\n   * Enable the use of native dialog element instead of div with role=\"dialog\"\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'enable-dialog-element',\n  })\n  enableDialogElement = false;\n\n  /**\n   * MutationObserver that observes the modal-footer\n   */\n  private _footerObserver?: MutationObserver;\n\n  /**\n   * MutationObserver that observes the modal-header\n   */\n  private _headerObserver?: MutationObserver;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleClick = (event: MouseEvent) => {\n    if (\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      event.composedPath().indexOf(this.shadowRoot!) < 0 &&\n      !this.preventCloseOnClickOutside\n    ) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  };\n\n  @HostListener('document:keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = ({ key, target }: KeyboardEvent) => {\n    // let the Dialog handle the event if using `enable-dialog-element` feature flag\n    if (!this.open || this.enableDialogElement) return;\n\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleUserInitiatedClose(target);\n    }\n  };\n\n  /**\n   * Handle the keydown event.\n   * Trap the focus inside the side-panel by tracking keydown.key == `Tab`\n   *\n   * @param {KeyboardEvent} event The keyboard event object.\n   */\n  @HostListener('keydown')\n  protected _handleHostKeydown = (event: KeyboardEvent) => {\n    const target = event.target as HTMLElement | null;\n    const { primaryButton } = this._getFooterElements();\n\n    if (\n      this.open &&\n      this.shouldSubmitOnEnter &&\n      event.key === 'Enter' &&\n      target &&\n      document.activeElement !== primaryButton\n    ) {\n      const closeButton = (this.constructor as typeof CDSModal)\n        .selectorCloseButton;\n\n      const targetIsCloseButton =\n        !!target.closest(closeButton) ||\n        !!document.activeElement?.closest?.(closeButton);\n\n      if (!targetIsCloseButton) {\n        primaryButton?.click();\n        return;\n      }\n    }\n\n    if (this.enableDialogElement) return;\n\n    if (event.key === 'Tab') {\n      const { first: _firstElement, last: _lastElement } = this.getFocusable();\n\n      if (\n        event.shiftKey &&\n        (this.shadowRoot?.activeElement === _firstElement ||\n          document.activeElement === _firstElement)\n      ) {\n        event.preventDefault();\n\n        _lastElement?.focus();\n      } else if (!event.shiftKey && document.activeElement === _lastElement) {\n        event.preventDefault();\n\n        _firstElement?.focus();\n      }\n    }\n  };\n\n  /**\n   * `enable-dialog-element`\n   *\n   * Handles `cds-dialog-closed` event from the nested dialog element.\n   * Syncs the open state when the dialog closes, and stops the propagation of the\n   * event in favour of `cds-modal-closed`\n   */\n  protected _handleDialogClosed = (event: CustomEvent) => {\n    event.stopPropagation();\n\n    this.open = false;\n\n    // fire modal closed event\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSModal).eventClose, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: event.detail,\n      })\n    );\n  };\n\n  /**\n   * `enable-dialog-element`\n   *\n   * Handles `cds-dialog-beingclosed` event from the nested dialog element.\n   * Stops the propagation of the event in favour of `cds-modal-beingclosed`\n   */\n  protected _handleDialogBeingClosed = (event: CustomEvent) => {\n    event.stopPropagation();\n\n    const modalEvent = new CustomEvent(\n      (this.constructor as typeof CDSModal).eventBeforeClose,\n      {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: event.detail,\n      }\n    );\n\n    // allow the user to cancel the beingclosed event\n    if (!this.dispatchEvent(modalEvent)) {\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * Specify whether the Modal is displaying an alert, error or warning.\n   * Should go hand in hand with the danger prop.\n   */\n  @property({ type: Boolean, reflect: true })\n  alert = false;\n\n  /**\n   * Specify text for the accessibility label of the header\n   */\n  @property({ attribute: 'aria-label' })\n  ariaLabel: string | null = null;\n\n  /**\n   * The additional CSS class names for the container <div> of the element.\n   */\n  @property({ attribute: 'container-class' })\n  containerClass = '';\n\n  /**\n   * Specify whether or not the Modal content should have any inner padding.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'full-width' })\n  fullWidth = false;\n\n  /**\n   * Specify whether the modal contains scrolling content\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'has-scrolling-content',\n  })\n  hasScrollingContent = false;\n\n  /**\n   * `true` if the modal should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Modal size.\n   */\n  @property({ reflect: true })\n  size = MODAL_SIZE.MEDIUM;\n\n  /**\n   * Specify if Enter key should be used as \"submit\" action that clicks the primary footer button\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'should-submit-on-enter',\n  })\n  shouldSubmitOnEnter = false;\n\n  async firstUpdated() {\n    const body = this.querySelector(\n      (this.constructor as typeof CDSModal).selectorModalBody\n    );\n\n    if (!body) {\n      const bodyElement = document.createElement(\n        (this.constructor as typeof CDSModal).selectorModalBody\n      );\n      this.appendChild(bodyElement);\n    }\n  }\n\n  /**\n   * Computes the aria-label of the modal based on (in order of highest to lowest precedence):\n   * - `modal-label`\n   * - `aria-label`\n   * - `modal-heading`\n   */\n  private _computeAriaLabel(): string {\n    const labelEl = this.querySelector(`${prefix}-modal-label`);\n    const label = labelEl?.textContent?.trim();\n    if (label) return label;\n\n    const ariaLabel = this.ariaLabel?.trim();\n    if (ariaLabel) return ariaLabel;\n\n    const headingEl = this.querySelector(`${prefix}-modal-heading`);\n    const heading = headingEl?.textContent?.trim();\n    return heading || '';\n  }\n\n  /**\n   * Observes the modal footer's `has-three-buttons` attribute to account for cases\n   * where the loading status and the amount of footer-buttons\n   * are being changed dynamically\n   */\n  private _observeFooter() {\n    const footer = this.querySelector(`${prefix}-modal-footer`);\n    if (!footer) return;\n\n    this._footerObserver = new MutationObserver(() => {\n      this._updateLoadingElement();\n    });\n    this._footerObserver.observe(footer, {\n      attributes: true,\n      childList: true,\n      attributeFilter: ['has-three-buttons'],\n    });\n  }\n\n  /**\n   * Observes the modal header to account for cases where the modal-heading,\n   * modal-label, and/or `aria-label` are dynamically changing\n   * to update the `aria-label` put on the modal\n   */\n  private _observeHeader() {\n    const header = this.querySelector(`${prefix}-modal-header`);\n    if (!header) return;\n\n    this._headerObserver = new MutationObserver(() => {\n      this.requestUpdate('ariaLabel');\n    });\n    this._headerObserver.observe(header, {\n      subtree: true,\n      characterData: true,\n      childList: true,\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback?.();\n    this._observeFooter();\n    this._observeHeader();\n  }\n\n  disconnectedCallback() {\n    this._footerObserver?.disconnect();\n    this._headerObserver?.disconnect();\n    super.disconnectedCallback?.();\n  }\n\n  render() {\n    const { alert, size, hasScrollingContent, enableDialogElement } = this;\n    const containerClass = this.containerClass\n      .split(' ')\n      .filter(Boolean)\n      .reduce((acc, item) => ({ ...acc, [item]: true }), {});\n    const containerClasses = classMap({\n      [`${prefix}--modal-container`]: true,\n      [`${prefix}--modal-container--${size}`]: size,\n      ...containerClass,\n    });\n\n    const ariaLabel = this._computeAriaLabel();\n\n    if (enableDialogElement) {\n      return html`\n        <cds-dialog\n          .open=${this.open}\n          .alert=${this.alert}\n          .preventCloseOnClickOutside=${this.preventCloseOnClickOutside}\n          .preventClose=${this.preventClose}\n          role=\"${alert ? 'alertdialog' : 'dialog'}\"\n          aria-label=${ariaLabel}\n          modal-controlled\n          @cds-dialog-closed=${this._handleDialogClosed}\n          @cds-dialog-beingclosed=${this._handleDialogBeingClosed}>\n          <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n          ${hasScrollingContent\n            ? html` <div class=\"cds--modal-content--overflow-indicator\"></div> `\n            : ``}\n        </cds-dialog>\n      `;\n    } else {\n      return html`\n        <div\n          aria-label=${ariaLabel}\n          part=\"dialog\"\n          class=${containerClasses}\n          aria-modal=${true}\n          role=\"${alert ? 'alert' : 'dialog'}\"\n          tabindex=\"-1\"\n          @click=${this._handleClickContainer}>\n          <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n          ${hasScrollingContent\n            ? html` <div class=\"cds--modal-content--overflow-indicator\"></div> `\n            : ``}\n        </div>\n      `;\n    }\n  }\n\n  async updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        this._launcher = this.ownerDocument!.activeElement;\n        const primaryFocusNode = this.querySelector(\n          (this.constructor as typeof CDSModal).selectorPrimaryFocus\n        );\n        await (this.constructor as typeof CDSModal)._delay();\n        if (primaryFocusNode) {\n          // For cases where a `carbon-web-components` component (e.g. `<cds-button>`) being `primaryFocusNode`,\n          // where its first update/render cycle that makes it focusable happens after `<cds-modal>`'s first update/render cycle\n          (primaryFocusNode as HTMLElement).focus();\n        } else {\n          const { primaryButton, secondaryButtons } = this._getFooterElements();\n\n          if (primaryButton) {\n            const kind = primaryButton?.getAttribute('kind');\n\n            if (kind === 'danger' && secondaryButtons[0]) {\n              secondaryButtons[0].focus();\n            } else {\n              primaryButton.focus();\n            }\n          } else {\n            const { first } = this.getFocusable();\n\n            first?.focus();\n          }\n        }\n      } else if (\n        this._launcher &&\n        typeof (this._launcher as HTMLElement).focus === 'function'\n      ) {\n        (this._launcher as HTMLElement).focus();\n        this._launcher = null;\n      }\n    }\n    if (\n      changedProperties.has('loadingStatus') ||\n      changedProperties.has('loadingDescription') ||\n      changedProperties.has('loadingSuccessDelay') ||\n      changedProperties.has('loadingIconDescription')\n    ) {\n      await (this.constructor as typeof CDSModal)._delay();\n      this._updateLoadingElement();\n    }\n  }\n\n  /**\n   * @param ms The number of milliseconds.\n   * @returns A promise that is resolves after the given milliseconds.\n   */\n  protected static _delay(ms = 0) {\n    return new Promise((resolve) => {\n      setTimeout(resolve, ms);\n    });\n  }\n\n  /**\n   * A selector selecting buttons that should close this modal.\n   */\n  static get selectorCloseButton() {\n    return `[data-modal-close],${prefix}-modal-close-button`;\n  }\n\n  /**\n   * A selector selecting the nodes that should be focused when modal gets open.\n   */\n  static get selectorPrimaryFocus() {\n    return `[data-modal-primary-focus],${prefix}-modal-footer ${prefix}-button[kind=\"primary\"]`;\n  }\n\n  /**\n   * A selector selecting the modal body component\n   */\n  static get selectorModalBody() {\n    return `${prefix}-modal-body`;\n  }\n\n  /**\n   * The name of the custom event fired before this modal is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this modal.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-modal-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this modal is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-modal-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSModal;\n"],"mappings":"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"}
+{"version":3,"file":"modal.js","names":["styles","customElement"],"sources":["../../../src/components/modal/modal.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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport HostListener from '../../globals/decorators/host-listener';\nimport { MODAL_SIZE } from './defs';\nimport styles from './modal.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSModalBase from './modal-base';\nimport '../dialog/dialog';\n\nexport { MODAL_SIZE };\n\n/**\n * Modal.\n *\n * @element cds-modal\n * @csspart dialog The dialog.\n * @fires cds-modal-beingclosed\n *   The custom event fired before this modal is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this modal.\n * @fires cds-modal-closed - The custom event fired after this modal is closed upon a user gesture.\n */\n@customElement(`${prefix}-modal`)\nclass CDSModal extends CDSModalBase {\n  /**\n   * Enable the use of native dialog element instead of div with role=\"dialog\"\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'enable-dialog-element',\n  })\n  enableDialogElement = false;\n\n  /**\n   * MutationObserver that observes the modal-footer\n   */\n  private _footerObserver?: MutationObserver;\n\n  /**\n   * MutationObserver that observes the modal-header\n   */\n  private _headerObserver?: MutationObserver;\n\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('click')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleClick = (event: MouseEvent) => {\n    if (\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      event.composedPath().indexOf(this.shadowRoot!) < 0 &&\n      !this.preventCloseOnClickOutside\n    ) {\n      this._handleUserInitiatedClose(event.target);\n    }\n  };\n\n  @HostListener('document:keydown')\n  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleKeydown = ({ key, target }: KeyboardEvent) => {\n    // let the Dialog handle the event if using `enable-dialog-element` feature flag\n    if (!this.open || this.enableDialogElement) return;\n\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleUserInitiatedClose(target);\n    }\n  };\n\n  /**\n   * Handle the keydown event.\n   * Trap the focus inside the side-panel by tracking keydown.key == `Tab`\n   *\n   * @param {KeyboardEvent} event The keyboard event object.\n   */\n  @HostListener('keydown')\n  protected _handleHostKeydown = (event: KeyboardEvent) => {\n    const target = event.target as HTMLElement | null;\n    const { primaryButton } = this._getFooterElements();\n\n    if (\n      this.open &&\n      this.shouldSubmitOnEnter &&\n      event.key === 'Enter' &&\n      target &&\n      document.activeElement !== primaryButton\n    ) {\n      const closeButton = (this.constructor as typeof CDSModal)\n        .selectorCloseButton;\n\n      const targetIsCloseButton =\n        !!target.closest(closeButton) ||\n        !!document.activeElement?.closest?.(closeButton);\n\n      if (!targetIsCloseButton) {\n        primaryButton?.click();\n        return;\n      }\n    }\n\n    if (this.enableDialogElement) return;\n\n    if (event.key === 'Tab') {\n      const { first: _firstElement, last: _lastElement } = this.getFocusable();\n\n      if (\n        event.shiftKey &&\n        (this.shadowRoot?.activeElement === _firstElement ||\n          document.activeElement === _firstElement)\n      ) {\n        event.preventDefault();\n\n        _lastElement?.focus();\n      } else if (!event.shiftKey && document.activeElement === _lastElement) {\n        event.preventDefault();\n\n        _firstElement?.focus();\n      }\n    }\n  };\n\n  /**\n   * `enable-dialog-element`\n   *\n   * Handles `cds-dialog-closed` event from the nested dialog element.\n   * Syncs the open state when the dialog closes, and stops the propagation of the\n   * event in favour of `cds-modal-closed`\n   */\n  protected _handleDialogClosed = (event: CustomEvent) => {\n    event.stopPropagation();\n\n    this.open = false;\n\n    // fire modal closed event\n    this.dispatchEvent(\n      new CustomEvent((this.constructor as typeof CDSModal).eventClose, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: event.detail,\n      })\n    );\n  };\n\n  /**\n   * `enable-dialog-element`\n   *\n   * Handles `cds-dialog-beingclosed` event from the nested dialog element.\n   * Stops the propagation of the event in favour of `cds-modal-beingclosed`\n   */\n  protected _handleDialogBeingClosed = (event: CustomEvent) => {\n    event.stopPropagation();\n\n    const modalEvent = new CustomEvent(\n      (this.constructor as typeof CDSModal).eventBeforeClose,\n      {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: event.detail,\n      }\n    );\n\n    // allow the user to cancel the beingclosed event\n    if (!this.dispatchEvent(modalEvent)) {\n      event.preventDefault();\n    }\n  };\n\n  /**\n   * Specify whether the Modal is displaying an alert, error or warning.\n   * Should go hand in hand with the danger prop.\n   */\n  @property({ type: Boolean, reflect: true })\n  alert = false;\n\n  /**\n   * Specify text for the accessibility label of the header\n   */\n  @property({ attribute: 'aria-label' })\n  ariaLabel: string | null = null;\n\n  /**\n   * The additional CSS class names for the container <div> of the element.\n   */\n  @property({ attribute: 'container-class' })\n  containerClass = '';\n\n  /**\n   * Specify whether or not the Modal content should have any inner padding.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'full-width' })\n  fullWidth = false;\n\n  /**\n   * Specify whether the modal contains scrolling content\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'has-scrolling-content',\n  })\n  hasScrollingContent = false;\n\n  /**\n   * `true` if the modal should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Modal size.\n   */\n  @property({ reflect: true })\n  size = MODAL_SIZE.MEDIUM;\n\n  /**\n   * Specify if Enter key should be used as \"submit\" action that clicks the primary footer button\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'should-submit-on-enter',\n  })\n  shouldSubmitOnEnter = false;\n\n  async firstUpdated() {\n    const body = this.querySelector(\n      (this.constructor as typeof CDSModal).selectorModalBody\n    );\n\n    if (!body) {\n      const bodyElement = document.createElement(\n        (this.constructor as typeof CDSModal).selectorModalBody\n      );\n      this.appendChild(bodyElement);\n    }\n  }\n\n  /**\n   * Computes the aria-label of the modal based on (in order of highest to lowest precedence):\n   * - `modal-label`\n   * - `aria-label`\n   * - `modal-heading`\n   */\n  private _computeAriaLabel(): string {\n    const labelEl = this.querySelector(`${prefix}-modal-label`);\n    const label = labelEl?.textContent?.trim();\n    if (label) return label;\n\n    const ariaLabel = this.ariaLabel?.trim();\n    if (ariaLabel) return ariaLabel;\n\n    const headingEl = this.querySelector(`${prefix}-modal-heading`);\n    const heading = headingEl?.textContent?.trim();\n    return heading || '';\n  }\n\n  /**\n   * Observes the modal footer's `has-three-buttons` attribute to account for cases\n   * where the loading status and the amount of footer-buttons\n   * are being changed dynamically\n   */\n  private _observeFooter() {\n    const footer = this.querySelector(`${prefix}-modal-footer`);\n    if (!footer) return;\n\n    this._footerObserver = new MutationObserver(() => {\n      this._updateLoadingElement();\n    });\n    this._footerObserver.observe(footer, {\n      attributes: true,\n      childList: true,\n      attributeFilter: ['has-three-buttons'],\n    });\n  }\n\n  /**\n   * Observes the modal header to account for cases where the modal-heading,\n   * modal-label, and/or `aria-label` are dynamically changing\n   * to update the `aria-label` put on the modal\n   */\n  private _observeHeader() {\n    const header = this.querySelector(`${prefix}-modal-header`);\n    if (!header) return;\n\n    this._headerObserver = new MutationObserver(() => {\n      this.requestUpdate('ariaLabel');\n    });\n    this._headerObserver.observe(header, {\n      subtree: true,\n      characterData: true,\n      childList: true,\n    });\n  }\n\n  connectedCallback() {\n    super.connectedCallback?.();\n    this._observeFooter();\n    this._observeHeader();\n  }\n\n  disconnectedCallback() {\n    this._footerObserver?.disconnect();\n    this._headerObserver?.disconnect();\n    super.disconnectedCallback?.();\n  }\n\n  render() {\n    const { alert, size, hasScrollingContent, enableDialogElement } = this;\n    const containerClass = this.containerClass\n      .split(' ')\n      .filter(Boolean)\n      .reduce((acc, item) => ({ ...acc, [item]: true }), {});\n    const containerClasses = classMap({\n      [`${prefix}--modal-container`]: true,\n      [`${prefix}--modal-container--${size}`]: size,\n      ...containerClass,\n    });\n\n    const ariaLabel = this._computeAriaLabel();\n\n    if (enableDialogElement) {\n      return html`\n        <cds-dialog\n          .open=${this.open}\n          .alert=${this.alert}\n          .preventCloseOnClickOutside=${this.preventCloseOnClickOutside}\n          .preventClose=${this.preventClose}\n          role=\"${alert ? 'alertdialog' : 'dialog'}\"\n          aria-label=${ariaLabel}\n          modal-controlled\n          @cds-dialog-closed=${this._handleDialogClosed}\n          @cds-dialog-beingclosed=${this._handleDialogBeingClosed}>\n          <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n          ${hasScrollingContent\n            ? html` <div class=\"cds--modal-content--overflow-indicator\"></div> `\n            : ``}\n        </cds-dialog>\n      `;\n    } else {\n      return html`\n        <div\n          aria-label=${ariaLabel}\n          part=\"dialog\"\n          class=${containerClasses}\n          aria-modal=${true}\n          role=\"${alert ? 'alert' : 'dialog'}\"\n          tabindex=\"-1\"\n          @click=${this._handleClickContainer}>\n          <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n          ${hasScrollingContent\n            ? html` <div class=\"cds--modal-content--overflow-indicator\"></div> `\n            : ``}\n        </div>\n      `;\n    }\n  }\n\n  async updated(changedProperties) {\n    if (changedProperties.has('open')) {\n      if (this.open) {\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        this._launcher = this.ownerDocument!.activeElement;\n        const primaryFocusNode = this.querySelector(\n          (this.constructor as typeof CDSModal).selectorPrimaryFocus\n        );\n        await (this.constructor as typeof CDSModal)._delay();\n        if (primaryFocusNode) {\n          // For cases where a `carbon-web-components` component (e.g. `<cds-button>`) being `primaryFocusNode`,\n          // where its first update/render cycle that makes it focusable happens after `<cds-modal>`'s first update/render cycle\n          (primaryFocusNode as HTMLElement).focus();\n        } else {\n          const { primaryButton, secondaryButtons } = this._getFooterElements();\n\n          if (primaryButton) {\n            const kind = primaryButton?.getAttribute('kind');\n\n            if (kind === 'danger' && secondaryButtons[0]) {\n              secondaryButtons[0].focus();\n            } else {\n              primaryButton.focus();\n            }\n          } else {\n            const { first } = this.getFocusable();\n\n            first?.focus();\n          }\n        }\n      } else if (\n        this._launcher &&\n        typeof (this._launcher as HTMLElement).focus === 'function'\n      ) {\n        (this._launcher as HTMLElement).focus();\n        this._launcher = null;\n      }\n    }\n    if (\n      changedProperties.has('loadingStatus') ||\n      changedProperties.has('loadingDescription') ||\n      changedProperties.has('loadingSuccessDelay') ||\n      changedProperties.has('loadingIconDescription')\n    ) {\n      await (this.constructor as typeof CDSModal)._delay();\n      this._updateLoadingElement();\n    }\n  }\n\n  /**\n   * @param ms The number of milliseconds.\n   * @returns A promise that is resolves after the given milliseconds.\n   */\n  protected static _delay(ms = 0) {\n    return new Promise((resolve) => {\n      setTimeout(resolve, ms);\n    });\n  }\n\n  /**\n   * A selector selecting buttons that should close this modal.\n   */\n  static get selectorCloseButton() {\n    return `[data-modal-close],${prefix}-modal-close-button`;\n  }\n\n  /**\n   * A selector selecting the nodes that should be focused when modal gets open.\n   */\n  static get selectorPrimaryFocus() {\n    return `[data-modal-primary-focus],${prefix}-modal-footer ${prefix}-button[kind=\"primary\"]`;\n  }\n\n  /**\n   * A selector selecting the modal body component\n   */\n  static get selectorModalBody() {\n    return `${prefix}-modal-body`;\n  }\n\n  /**\n   * The name of the custom event fired before this modal is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this modal.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-modal-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this modal is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-modal-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSModal;\n"],"mappings":"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"}