@carbon/ibm-products-web-components 0.35.0 → 0.36.0

package/custom-elements.json

@@ -8372,7 +8372,7 @@
     },
     {
       "name": "step-full-page",
-      "path": "./src/patterns/step-flow/_story-assets/step-full-page.ts",
+      "path": "./src/utilities/step-flow/_story-assets/step-full-page.ts",
       "attributes": [
         {
           "name": "narrow",
@@ -8451,7 +8451,7 @@
     },
     {
       "name": "step-side-panel",
-      "path": "./src/patterns/step-flow/_story-assets/step-side-panel.ts",
+      "path": "./src/utilities/step-flow/_story-assets/step-side-panel.ts",
       "properties": [
         {
           "name": "open",
@@ -8522,7 +8522,7 @@
     },
     {
       "name": "step-tearsheet",
-      "path": "./src/patterns/step-flow/_story-assets/step-tearsheet.ts",
+      "path": "./src/utilities/step-flow/_story-assets/step-tearsheet.ts",
       "attributes": [
         {
           "name": "narrow",
@@ -8601,7 +8601,7 @@
     },
     {
       "name": "step-group",
-      "path": "./src/patterns/step-flow/step-group.ts"
+      "path": "./src/utilities/step-flow/step-group.ts"
     }
   ]
 }

package/es/_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp. 2020, 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.
+ */
+
+//#region \0@oxc-project+runtime@0.112.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+export { __decorate };

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

@@ -456,3 +456,4 @@ declare class CDSAboutModal extends CDSAboutModal_base {
     static styles: any;
 }
 export default CDSAboutModal;
+//# sourceMappingURL=about-modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"about-modal.d.ts","sourceRoot":"","sources":["../../../src/components/about-modal/about-modal.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,qDAAqD,CAAC;AAG7D,eAAO,MAAM,UAAU,qBAA2B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAeN,CAAC;gJAQrB,CAAA;4FAMY,CAAC;mJAYF,CAAA;+FAMO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAqCxC,CAAJ;;;;;;;;;;;;;;;;;;;;;;;uBAkEM,CAAC;;;;;;;;;;;;;iCA4B+B,CAAA;kCAIhC,CAAA;sBAGE,CAAA;;wBAEI,CAAC;;0BAQH,CAAC;wBACuC,CAAC;;;;;;;;oDAgBjB,CAAC;;;;;;;;;;;;;;;;;yBAOukB,CAAC;;;2BAAkJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFAAiiH,CAAC;6BAA8E,CAAC;cAAoD,GAAG;eAAgD,GAAG;;oBAA6E,GAAG;;;;;;;eAA4V,GAAG;gBAAiD,GAAG;;;;;;;;;;;wBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAiiO,CAAC;kBAA6F,CAAC;mBAA8F,CAAC;oBAA+F,CAAC;;;;;;;;;;;;;;aAAulC,CAAC;;;qBAA+E,CAAC;;;;;uBAAqS,CAAC;;;;;AAzNn2d;;;;;;;;;;;GAWG;AACH,cACM,aAAc,SAAQ,kBAA6B;IACvD;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,oBAAoB,SAAW;IAE/B;;OAEG;IAEH,aAAa,MAAC;IAEd;;OAEG;IAEH,IAAI,MAAC;IAEL;;OAEG;IAEH,OAAO,MAAC;IAER;;OAEG;IAEH,KAAK,MAAC;IAEN;;OAEG;IAEH,cAAc,MAAC;IAEf;;OAEG;IAEH,OAAO,MAAC;IAER;;OAEG;IAEH,KAAK,MAAC;IACN;;OAEG;IACM,OAAO,CAAC,aAAa,CAAS;IAEd,OAAO,CAAC,SAAS,CAAe;IAEzD,YAAY;IAIZ,OAAO;IAGP,MAAM;IAsDN,OAAO,CAAC,cAAc,CAIpB;IACF;;;;OAIG;IAGH,OAAO,CAAC,mBAAmB,CASzB;IAEF;;;;OAIG;IACH,OAAO,CAAC,YAAY,CA0BlB;IAEF,OAAO,CAAC,cAAc;IAOtB;;OAEG;IAEH,MAAM,KAAK,UAAU,WAEpB;IACD;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}

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

@@ -1,105 +1,79 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 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.
  */
 
-import { __decorate } from 'tslib';
-import { LitElement, html } from 'lit';
-import { property, state, query } from 'lit/decorators.js';
-import { carbonPrefix, prefix } from '../../globals/settings.js';
-import HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';
-import HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';
-import '@carbon/web-components/es/components/modal/index.js';
-import styles from './about-modal.scss.js';
-import { carbonElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';
+import { carbonPrefix, prefix } from "../../globals/settings.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import about_modal_default$1 from "./about-modal.scss.js";
+import { LitElement, html } from "lit";
+import { property, query, state } from "lit/decorators.js";
+import HostListener from "@carbon/web-components/es/globals/decorators/host-listener.js";
+import HostListenerMixin from "@carbon/web-components/es/globals/mixins/host-listener.js";
+import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
+import "@carbon/web-components/es/components/modal/index.js";
 
+//#region src/components/about-modal/about-modal.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+* @license
+*
+* Copyright IBM Corp. 2025
+*
+* This source code is licensed under the Apache-2.0 license found in the
+* LICENSE file in the root directory of this source tree.
+*/
 const blockClass = `${prefix}--about-modal`;
 /**
- * About Modal.
- *
- * @element c4p-about-modal
- * @csspart dialog The dialog.
- *   The custom event fired before this about modal is being closed upon a user gesture.
- *   Cancellation of this event stops the user-initiated action of closing this about modal.
- * @fires c4p-about-modal-beingclosed
- *   The custom event fired before this about modal is being closed upon a user gesture.
- *   Cancellation of this event stops the user-initiated action of closing this about modal.
- * @fires c4p-about-modal-closed - The custom event fired after this about modal is closed upon a user gesture.
- */
+* About Modal.
+*
+* @element c4p-about-modal
+* @csspart dialog The dialog.
+*   The custom event fired before this about modal is being closed upon a user gesture.
+*   Cancellation of this event stops the user-initiated action of closing this about modal.
+* @fires c4p-about-modal-beingclosed
+*   The custom event fired before this about modal is being closed upon a user gesture.
+*   Cancellation of this event stops the user-initiated action of closing this about modal.
+* @fires c4p-about-modal-closed - The custom event fired after this about modal is closed upon a user gesture.
+*/
 let CDSAboutModal = class CDSAboutModal extends HostListenerMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        /**
-         * Determines if About Modal is open or not.
-         */
-        this.open = true;
-        /**
-         * Determines if About Modal is open or not.
-         */
-        this.closeIconDescription = 'close';
-        /**
-         * To check if the modal body is overflowing or not.
-         */
-        this.isOverflowing = false;
-        this._handleKeydown = ({ key, target }) => {
-            if (key === 'Esc' || key === 'Escape') {
-                this._handleClose(target);
-            }
-        };
-        /**
-         * Handles `click` event on this element.
-         *
-         * @param event The event.
-         */
-        this._handleOutsideClick = (event) => {
-            var _a, _b;
-            const modal = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(`${carbonPrefix}-modal`);
-            const modalContent = (_b = modal === null || modal === void 0 ? void 0 : modal.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(`.${carbonPrefix}--modal-container`);
-            const path = event.composedPath();
-            if (modalContent && !path.includes(modalContent)) {
-                this._handleClose(event.target);
-            }
-        };
-        /**
-         * Handles user-initiated close request of this About Modal.
-         *
-         * @param triggeredBy The element that triggered this close request.
-         */
-        this._handleClose = (triggeredBy) => {
-            this.open = false;
-            const init = {
-                bubbles: true,
-                cancelable: true,
-                composed: true,
-                detail: {
-                    triggeredBy,
-                },
-            };
-            if (this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose, init))) {
-                this.open = false;
-                this.dispatchEvent(new CustomEvent(this.constructor.eventClose, init));
-            }
-        };
-    }
-    firstUpdated() {
-        this._checkOverflow();
-    }
-    updated() {
-        this._checkOverflow();
-    }
-    render() {
-        const { open, closeIconDescription, _handleClose: handleClose, logo, title, version, additionalInfo, content, links, copyrightText, } = this;
-        return html `
+	constructor(..._args) {
+		super(..._args);
+		this.open = true;
+		this.closeIconDescription = "close";
+		this.isOverflowing = false;
+		this._handleKeydown = ({ key, target }) => {
+			if (key === "Esc" || key === "Escape") this._handleClose(target);
+		};
+		this._handleOutsideClick = (event) => {
+			const modalContent = (this.shadowRoot?.querySelector(`${carbonPrefix}-modal`))?.shadowRoot?.querySelector(`.${carbonPrefix}--modal-container`);
+			const path = event.composedPath();
+			if (modalContent && !path.includes(modalContent)) this._handleClose(event.target);
+		};
+		this._handleClose = (triggeredBy) => {
+			this.open = false;
+			const init = {
+				bubbles: true,
+				cancelable: true,
+				composed: true,
+				detail: { triggeredBy }
+			};
+			if (this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeClose, init))) {
+				this.open = false;
+				this.dispatchEvent(new CustomEvent(this.constructor.eventClose, init));
+			}
+		};
+	}
+	firstUpdated() {
+		this._checkOverflow();
+	}
+	updated() {
+		this._checkOverflow();
+	}
+	render() {
+		const { open, closeIconDescription, _handleClose: handleClose, logo, title, version, additionalInfo, content, links, copyrightText } = this;
+		return html`
       <cds-modal ?open=${open}>
         <div class=${`${blockClass}__logo`}>${logo}</div>
         <cds-modal-header>
@@ -110,94 +84,65 @@ let CDSAboutModal = class CDSAboutModal extends HostListenerMixin(LitElement) {
           <cds-modal-heading>${title}</cds-modal-heading>
         </cds-modal-header>
         <cds-modal-body
-          class="${this.isOverflowing ? `${blockClass}-scroll-content` : ''}"
+          class="${this.isOverflowing ? `${carbonPrefix}--modal-scroll-content` : ""}"
+          tabindex="0"
+          role="region"
+          aria-label="Modal content"
         >
           <div class=${`${blockClass}__body-content`}>
             <div class=${`${blockClass}__version`}>${version}</div>
-            ${links &&
-            links.length > 0 &&
-            html ` <div class=${`${blockClass}__links-container`}>
+            ${links && links.length > 0 && html` <div class=${`${blockClass}__links-container`}>
               ${links.map((link) => link)}
             </div>`}
-            ${content &&
-            html `<p class=${`${blockClass}__content`}>${content}</p>`}
-            ${copyrightText &&
-            html `
+            ${content && html`<p class=${`${blockClass}__content`}>${content}</p>`}
+            ${copyrightText && html`
               <p class=${`${blockClass}__copyright-text`}>${copyrightText}</p>
             `}
           </div>
         </cds-modal-body>
-        ${additionalInfo &&
-            html ` <cds-modal-footer> ${additionalInfo} </cds-modal-footer> `}
+        ${additionalInfo && html` <cds-modal-footer> ${additionalInfo} </cds-modal-footer> `}
       </cds-modal>
     `;
-    }
-    _checkOverflow() {
-        if (this.container) {
-            this.isOverflowing =
-                this.container.scrollHeight > this.container.clientHeight;
-        }
-    }
-    /**
-     * The name of the custom event fired after this About Modal is closed upon a user gesture.
-     */
-    static get eventClose() {
-        return `${prefix}-about-modal-closed`;
-    }
-    /**
-     * The name of the custom event fired before this About modal is being closed upon a user gesture.
-     * Cancellation of this event stops the user-initiated action of closing this About modal.
-     */
-    static get eventBeforeClose() {
-        return `${prefix}-about-modal-beingclosed`;
-    }
+	}
+	_checkOverflow() {
+		if (this.container) this.isOverflowing = this.container.scrollHeight > this.container.clientHeight;
+	}
+	/**
+	* The name of the custom event fired after this About Modal is closed upon a user gesture.
+	*/
+	static get eventClose() {
+		return `${prefix}-about-modal-closed`;
+	}
+	/**
+	* The name of the custom event fired before this About modal is being closed upon a user gesture.
+	* Cancellation of this event stops the user-initiated action of closing this About modal.
+	*/
+	static get eventBeforeClose() {
+		return `${prefix}-about-modal-beingclosed`;
+	}
+	static {
+		this.styles = about_modal_default$1;
+	}
 };
-CDSAboutModal.styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader
-__decorate([
-    property({ reflect: true, type: Boolean })
-], CDSAboutModal.prototype, "open", void 0);
-__decorate([
-    property({ type: String })
-], CDSAboutModal.prototype, "closeIconDescription", void 0);
-__decorate([
-    property({ type: String })
-], CDSAboutModal.prototype, "copyrightText", void 0);
-__decorate([
-    property()
-], CDSAboutModal.prototype, "logo", void 0);
-__decorate([
-    property({ type: String })
-], CDSAboutModal.prototype, "version", void 0);
-__decorate([
-    property()
-], CDSAboutModal.prototype, "title", void 0);
-__decorate([
-    property()
-], CDSAboutModal.prototype, "additionalInfo", void 0);
-__decorate([
-    property()
-], CDSAboutModal.prototype, "content", void 0);
-__decorate([
-    property()
-], CDSAboutModal.prototype, "links", void 0);
-__decorate([
-    state()
-], CDSAboutModal.prototype, "isOverflowing", void 0);
-__decorate([
-    query('cds-modal-body')
-], CDSAboutModal.prototype, "container", void 0);
-__decorate([
-    HostListener('document:keydown')
-    // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
-], CDSAboutModal.prototype, "_handleKeydown", void 0);
-__decorate([
-    HostListener('click')
-    // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to
-], CDSAboutModal.prototype, "_handleOutsideClick", void 0);
-CDSAboutModal = __decorate([
-    carbonElement(`${prefix}-about-modal`)
-], CDSAboutModal);
-var CDSAboutModal_default = CDSAboutModal;
+__decorate([property({
+	reflect: true,
+	type: Boolean
+})], CDSAboutModal.prototype, "open", void 0);
+__decorate([property({ type: String })], CDSAboutModal.prototype, "closeIconDescription", void 0);
+__decorate([property({ type: String })], CDSAboutModal.prototype, "copyrightText", void 0);
+__decorate([property()], CDSAboutModal.prototype, "logo", void 0);
+__decorate([property({ type: String })], CDSAboutModal.prototype, "version", void 0);
+__decorate([property()], CDSAboutModal.prototype, "title", void 0);
+__decorate([property()], CDSAboutModal.prototype, "additionalInfo", void 0);
+__decorate([property()], CDSAboutModal.prototype, "content", void 0);
+__decorate([property()], CDSAboutModal.prototype, "links", void 0);
+__decorate([state()], CDSAboutModal.prototype, "isOverflowing", void 0);
+__decorate([query("cds-modal-body")], CDSAboutModal.prototype, "container", void 0);
+__decorate([HostListener("document:keydown")], CDSAboutModal.prototype, "_handleKeydown", void 0);
+__decorate([HostListener("click")], CDSAboutModal.prototype, "_handleOutsideClick", void 0);
+CDSAboutModal = __decorate([carbonElement(`${prefix}-about-modal`)], CDSAboutModal);
+var about_modal_default = CDSAboutModal;
 
-export { blockClass, CDSAboutModal_default as default };
-//# sourceMappingURL=about-modal.js.map
+//#endregion
+export { blockClass, about_modal_default as default };
+//# sourceMappingURL=about-modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"about-modal.js","sources":["../../../src/components/about-modal/about-modal.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"about-modal.js","names":["styles","customElement"],"sources":["../../../src/components/about-modal/about-modal.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2025\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, query, state } from 'lit/decorators.js';\nimport { prefix, carbonPrefix } from '../../globals/settings';\nimport HostListener from '@carbon/web-components/es/globals/decorators/host-listener.js';\nimport HostListenerMixin from '@carbon/web-components/es/globals/mixins/host-listener.js';\nimport '@carbon/web-components/es/components/modal/index.js';\nimport styles from './about-modal.scss?lit';\nimport { carbonElement as customElement } from '@carbon/web-components/es/globals/decorators/carbon-element.js';\nexport const blockClass = `${prefix}--about-modal`;\n\n/**\n * About Modal.\n *\n * @element c4p-about-modal\n * @csspart dialog The dialog.\n *   The custom event fired before this about modal is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this about modal.\n * @fires c4p-about-modal-beingclosed\n *   The custom event fired before this about modal is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this about modal.\n * @fires c4p-about-modal-closed - The custom event fired after this about modal is closed upon a user gesture.\n */\n@customElement(`${prefix}-about-modal`)\nclass CDSAboutModal extends HostListenerMixin(LitElement) {\n  /**\n   * Determines if About Modal is open or not.\n   */\n  @property({ reflect: true, type: Boolean })\n  open = true;\n\n  /**\n   * Determines if About Modal is open or not.\n   */\n  @property({ type: String })\n  closeIconDescription = 'close';\n\n  /**\n   * Determines if About Modal is open or not.\n   */\n  @property({ type: String })\n  copyrightText;\n\n  /**\n   * A visual symbol used to represent the product.\n   */\n  @property()\n  logo;\n\n  /**\n   * Text that provides information on the version number of your product.\n   */\n  @property({ type: String })\n  version;\n\n  /**\n   * Header text that provides the product name. The IBM Services logo consists of two discrete, but required, elements: the iconic IBM 8-bar logo represented alongside the IBM Services logotype. Please follow these guidelines to ensure proper execution.\n   */\n  @property()\n  title;\n\n  /**\n   * If you are legally required to display logos of technologies used to build your product you can provide this in the additionalInfo. Additional information will be displayed in the footer.\n   */\n  @property()\n  additionalInfo;\n\n  /**\n   * Subhead text providing any relevant product disclaimers including legal information (optional)\n   */\n  @property()\n  content;\n\n  /**\n   * An array of Carbon `Link` component if there are additional information to call out within the card. The about modal should be used to display the product information and not where users go to find help (optional)\n   */\n  @property()\n  links;\n  /**\n   * To check if the modal body is overflowing or not.\n   */\n  @state() private isOverflowing = false;\n\n  @query('cds-modal-body') private container!: HTMLElement;\n\n  firstUpdated() {\n    this._checkOverflow();\n  }\n\n  updated() {\n    this._checkOverflow();\n  }\n  render() {\n    const {\n      open,\n      closeIconDescription,\n      _handleClose: handleClose,\n      logo,\n      title,\n      version,\n      additionalInfo,\n      content,\n      links,\n      copyrightText,\n    } = this;\n    return html`\n      <cds-modal ?open=${open}>\n        <div class=${`${blockClass}__logo`}>${logo}</div>\n        <cds-modal-header>\n          <cds-modal-close-button\n            @click=${handleClose}\n            close-button-label=${closeIconDescription}\n          ></cds-modal-close-button>\n          <cds-modal-heading>${title}</cds-modal-heading>\n        </cds-modal-header>\n        <cds-modal-body\n          class=\"${this.isOverflowing\n            ? `${carbonPrefix}--modal-scroll-content`\n            : ''}\"\n          tabindex=\"0\"\n          role=\"region\"\n          aria-label=\"Modal content\"\n        >\n          <div class=${`${blockClass}__body-content`}>\n            <div class=${`${blockClass}__version`}>${version}</div>\n            ${links &&\n            links.length > 0 &&\n            html` <div class=${`${blockClass}__links-container`}>\n              ${links.map((link) => link)}\n            </div>`}\n            ${content &&\n            html`<p class=${`${blockClass}__content`}>${content}</p>`}\n            ${copyrightText &&\n            html`\n              <p class=${`${blockClass}__copyright-text`}>${copyrightText}</p>\n            `}\n          </div>\n        </cds-modal-body>\n        ${additionalInfo &&\n        html` <cds-modal-footer> ${additionalInfo} </cds-modal-footer> `}\n      </cds-modal>\n    `;\n  }\n\n  @HostListener('document:keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeydown = ({ key, target }: KeyboardEvent) => {\n    if (key === 'Esc' || key === 'Escape') {\n      this._handleClose(target);\n    }\n  };\n  /**\n   * Handles `click` event on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('click')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleOutsideClick = (event: MouseEvent) => {\n    const modal = this.shadowRoot?.querySelector(`${carbonPrefix}-modal`);\n    const modalContent = modal?.shadowRoot?.querySelector(\n      `.${carbonPrefix}--modal-container`\n    );\n    const path = event.composedPath();\n    if (modalContent && !path.includes(modalContent)) {\n      this._handleClose(event.target);\n    }\n  };\n\n  /**\n   * Handles user-initiated close request of this About Modal.\n   *\n   * @param triggeredBy The element that triggered this close request.\n   */\n  private _handleClose = (triggeredBy: EventTarget | null) => {\n    this.open = false;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        triggeredBy,\n      },\n    };\n    if (\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAboutModal).eventBeforeClose,\n          init\n        )\n      )\n    ) {\n      this.open = false;\n      this.dispatchEvent(\n        new CustomEvent(\n          (this.constructor as typeof CDSAboutModal).eventClose,\n          init\n        )\n      );\n    }\n  };\n\n  private _checkOverflow() {\n    if (this.container) {\n      this.isOverflowing =\n        this.container.scrollHeight > this.container.clientHeight;\n    }\n  }\n\n  /**\n   * The name of the custom event fired after this About Modal is closed upon a user gesture.\n   */\n\n  static get eventClose() {\n    return `${prefix}-about-modal-closed`;\n  }\n  /**\n   * The name of the custom event fired before this About modal is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this About modal.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-about-modal-beingclosed`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSAboutModal;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAa,aAAa,GAAG,OAAO;;;;;;;;;;;;;AAcpC,0BACM,sBAAsB,kBAAkB,WAAW,CAAC;;;cAKjD;8BAMgB;uBA8CU;yBAiEP,EAAE,KAAK,aAA4B;AAC3D,OAAI,QAAQ,SAAS,QAAQ,SAC3B,MAAK,aAAa,OAAO;;8BAUE,UAAsB;GAEnD,MAAM,gBADQ,KAAK,YAAY,cAAc,GAAG,aAAa,QAAQ,GACzC,YAAY,cACtC,IAAI,aAAa,mBAClB;GACD,MAAM,OAAO,MAAM,cAAc;AACjC,OAAI,gBAAgB,CAAC,KAAK,SAAS,aAAa,CAC9C,MAAK,aAAa,MAAM,OAAO;;uBASX,gBAAoC;AAC1D,QAAK,OAAO;GACZ,MAAM,OAAO;IACX,SAAS;IACT,YAAY;IACZ,UAAU;IACV,QAAQ,EACN,aACD;IACF;AACD,OACE,KAAK,cACH,IAAI,YACD,KAAK,YAAqC,kBAC3C,KACD,CACF,EACD;AACA,SAAK,OAAO;AACZ,SAAK,cACH,IAAI,YACD,KAAK,YAAqC,YAC3C,KACD,CACF;;;;CAjHL,eAAe;AACb,OAAK,gBAAgB;;CAGvB,UAAU;AACR,OAAK,gBAAgB;;CAEvB,SAAS;EACP,MAAM,EACJ,MACA,sBACA,cAAc,aACd,MACA,OACA,SACA,gBACA,SACA,OACA,kBACE;AACJ,SAAO,IAAI;yBACU,KAAK;qBACT,GAAG,WAAW,QAAQ,GAAG,KAAK;;;qBAG9B,YAAY;iCACA,qBAAqB;;+BAEvB,MAAM;;;mBAGlB,KAAK,gBACV,GAAG,aAAa,0BAChB,GAAG;;;;;uBAKM,GAAG,WAAW,gBAAgB;yBAC5B,GAAG,WAAW,WAAW,GAAG,QAAQ;cAC/C,SACF,MAAM,SAAS,KACf,IAAI,eAAe,GAAG,WAAW,mBAAmB;gBAChD,MAAM,KAAK,SAAS,KAAK,CAAC;oBACtB;cACN,WACF,IAAI,YAAY,GAAG,WAAW,WAAW,GAAG,QAAQ,MAAM;cACxD,iBACF,IAAI;yBACS,GAAG,WAAW,kBAAkB,GAAG,cAAc;cAC5D;;;UAGJ,kBACF,IAAI,uBAAuB,eAAe,uBAAuB;;;;CA+DvE,AAAQ,iBAAiB;AACvB,MAAI,KAAK,UACP,MAAK,gBACH,KAAK,UAAU,eAAe,KAAK,UAAU;;;;;CAQnD,WAAW,aAAa;AACtB,SAAO,GAAG,OAAO;;;;;;CAMnB,WAAW,mBAAmB;AAC5B,SAAO,GAAG,OAAO;;;gBAGHA;;;YApMf,SAAS;CAAE,SAAS;CAAM,MAAM;CAAS,CAAC;YAM1C,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,UAAU;YAMV,SAAS,EAAE,MAAM,QAAQ,CAAC;YAM1B,UAAU;YAMV,UAAU;YAMV,UAAU;YAMV,UAAU;YAKV,OAAO;YAEP,MAAM,iBAAiB;YA6DvB,aAAa,mBAAmB;YAYhC,aAAa,QAAQ;4BArIvBC,cAAc,GAAG,OAAO,cAAc;AA4MvC,0BAAe"}