@carbon/web-components 2.52.0 → 2.53.0

package/es/components/notification/callout-notification.js

@@ -5,16 +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 iconLoader from "../../globals/internal/icon-loader.js";
-import { NOTIFICATION_KIND } from "./defs.js";
+import "./defs.js";
 import actionable_notification_default from "./actionable-notification.scss.js";
 import actionable_notification_default$1, { iconsForKinds } from "./actionable-notification.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/notification/callout-notification.ts
 /**
 * Copyright IBM Corp. 2025
@@ -34,27 +33,27 @@ let CDSCalloutNotification = class CDSCalloutNotification extends actionable_not
 	constructor(..._args) {
 		super(..._args);
 		this.titleId = "";
-		this.kind = NOTIFICATION_KIND.INFO;
+		this.kind = "info";
 	}
 	_renderIcon() {
 		const { statusIconDescription, kind } = this;
 		const IconComponent = iconsForKinds[kind];
 		return IconComponent ? iconLoader(IconComponent, {
-			class: `${prefix}--inline-notification__icon`,
+			class: `cds--inline-notification__icon`,
 			"aria-label": statusIconDescription || void 0
 		}) : void 0;
 	}
 	_renderText() {
 		const { subtitle, title, titleId, _type: type } = this;
 		return html`
-      <div class="${prefix}--${type}-notification__text-wrapper">
-        <div class="${prefix}--${type}-notification__content">
+      <div class="${"cds"}--${type}-notification__text-wrapper">
+        <div class="${"cds"}--${type}-notification__content">
           ${title && html`<div
-            class="${prefix}--${type}-notification__title"
+            class="${"cds"}--${type}-notification__title"
             id="${titleId}">
             ${title}<slot name="title"></slot>
           </div>`}
-          ${subtitle && html`<div class="${prefix}--${type}-notification__subtitle">
+          ${subtitle && html`<div class="${"cds"}--${type}-notification__subtitle">
             ${subtitle}<slot name="subtitle"></slot>
           </div>`}
           <slot></slot>
@@ -87,9 +86,9 @@ __decorate([property({
 	attribute: "title-id"
 })], CDSCalloutNotification.prototype, "titleId", void 0);
 __decorate([property({ reflect: true })], CDSCalloutNotification.prototype, "kind", void 0);
-CDSCalloutNotification = __decorate([carbonElement(`${prefix}-callout-notification`)], CDSCalloutNotification);
+CDSCalloutNotification = __decorate([carbonElement(`cds-callout-notification`)], CDSCalloutNotification);
 var callout_notification_default = CDSCalloutNotification;
-
 //#endregion
 export { callout_notification_default as default };
+
 //# sourceMappingURL=callout-notification.js.map

package/es/components/notification/callout-notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"callout-notification.js","names":["CDSActionableNotification","styles","customElement"],"sources":["../../../src/components/notification/callout-notification.ts"],"sourcesContent":["/**\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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CDSActionableNotification, {\n  iconsForKinds,\n} from './actionable-notification';\nimport { NOTIFICATION_KIND } from './defs';\nimport styles from './actionable-notification.scss?lit';\n\n/**\n * Callout notification.\n * @element cds-callout-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @slot action - The action button.\n * @slot - The default slot for additional content.\n */\n@customElement(`${prefix}-callout-notification`)\nclass CDSCalloutNotification extends CDSActionableNotification {\n  /**\n   * Specify the id for the title element.\n   */\n  @property({ type: String, reflect: true, attribute: 'title-id' })\n  titleId = '';\n\n  /**\n   *  Specify the notification kind, Defaults to 'info'.\n   */\n  @property({ reflect: true })\n  kind = NOTIFICATION_KIND.INFO;\n\n  protected _renderIcon() {\n    const { statusIconDescription, kind } = this;\n    const IconComponent = iconsForKinds[kind];\n    return IconComponent\n      ? iconLoader(IconComponent, {\n          class: `${prefix}--inline-notification__icon`,\n          'aria-label': statusIconDescription || undefined,\n        })\n      : undefined;\n  }\n\n  protected _renderText() {\n    const { subtitle, title, titleId, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <div class=\"${prefix}--${type}-notification__content\">\n          ${title &&\n          html`<div\n            class=\"${prefix}--${type}-notification__title\"\n            id=\"${titleId}\">\n            ${title}<slot name=\"title\"></slot>\n          </div>`}\n          ${subtitle &&\n          html`<div class=\"${prefix}--${type}-notification__subtitle\">\n            ${subtitle}<slot name=\"subtitle\"></slot>\n          </div>`}\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  protected _renderButton() {\n    return html``;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.removeAttribute('role');\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const button = this.querySelector(\n      (this.constructor as typeof CDSCalloutNotification).selectorActionButton\n    );\n    if (button) {\n      button.setAttribute('kind', 'ghost');\n      if (this.titleId) {\n        button.setAttribute('aria-describedby', this.titleId);\n      }\n    }\n  }\n  static styles = styles;\n}\nexport default CDSCalloutNotification;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,mCACM,+BAA+BA,kCAA0B;;;iBAKnD;cAMH,kBAAkB;;CAEzB,AAAU,cAAc;EACtB,MAAM,EAAE,uBAAuB,SAAS;EACxC,MAAM,gBAAgB,cAAc;AACpC,SAAO,gBACH,WAAW,eAAe;GACxB,OAAO,GAAG,OAAO;GACjB,cAAc,yBAAyB;GACxC,CAAC,GACF;;CAGN,AAAU,cAAc;EACtB,MAAM,EAAE,UAAU,OAAO,SAAS,OAAO,SAAS;AAClD,SAAO,IAAI;oBACK,OAAO,IAAI,KAAK;sBACd,OAAO,IAAI,KAAK;YAC1B,SACF,IAAI;qBACO,OAAO,IAAI,KAAK;kBACnB,QAAQ;cACZ,MAAM;kBACF;YACN,YACF,IAAI,eAAe,OAAO,IAAI,KAAK;cAC/B,SAAS;kBACL;;;;;;CAOhB,AAAU,gBAAgB;AACxB,SAAO,IAAI;;CAGb,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,gBAAgB,OAAO;;CAG9B,QAAQ,mBAAmB;AACzB,QAAM,QAAQ,kBAAkB;EAChC,MAAM,SAAS,KAAK,cACjB,KAAK,YAA8C,qBACrD;AACD,MAAI,QAAQ;AACV,UAAO,aAAa,QAAQ,QAAQ;AACpC,OAAI,KAAK,QACP,QAAO,aAAa,oBAAoB,KAAK,QAAQ;;;;gBAI3CC;;;YA9Df,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAY,CAAC;YAMhE,SAAS,EAAE,SAAS,MAAM,CAAC;qCAX7BC,cAAc,GAAG,OAAO,uBAAuB;AAqEhD,mCAAe"}
+{"version":3,"file":"callout-notification.js","names":["CDSActionableNotification","styles","customElement"],"sources":["../../../src/components/notification/callout-notification.ts"],"sourcesContent":["/**\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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport CDSActionableNotification, {\n  iconsForKinds,\n} from './actionable-notification';\nimport { NOTIFICATION_KIND } from './defs';\nimport styles from './actionable-notification.scss?lit';\n\n/**\n * Callout notification.\n * @element cds-callout-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @slot action - The action button.\n * @slot - The default slot for additional content.\n */\n@customElement(`${prefix}-callout-notification`)\nclass CDSCalloutNotification extends CDSActionableNotification {\n  /**\n   * Specify the id for the title element.\n   */\n  @property({ type: String, reflect: true, attribute: 'title-id' })\n  titleId = '';\n\n  /**\n   *  Specify the notification kind, Defaults to 'info'.\n   */\n  @property({ reflect: true })\n  kind = NOTIFICATION_KIND.INFO;\n\n  protected _renderIcon() {\n    const { statusIconDescription, kind } = this;\n    const IconComponent = iconsForKinds[kind];\n    return IconComponent\n      ? iconLoader(IconComponent, {\n          class: `${prefix}--inline-notification__icon`,\n          'aria-label': statusIconDescription || undefined,\n        })\n      : undefined;\n  }\n\n  protected _renderText() {\n    const { subtitle, title, titleId, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <div class=\"${prefix}--${type}-notification__content\">\n          ${title &&\n          html`<div\n            class=\"${prefix}--${type}-notification__title\"\n            id=\"${titleId}\">\n            ${title}<slot name=\"title\"></slot>\n          </div>`}\n          ${subtitle &&\n          html`<div class=\"${prefix}--${type}-notification__subtitle\">\n            ${subtitle}<slot name=\"subtitle\"></slot>\n          </div>`}\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  protected _renderButton() {\n    return html``;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.removeAttribute('role');\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const button = this.querySelector(\n      (this.constructor as typeof CDSCalloutNotification).selectorActionButton\n    );\n    if (button) {\n      button.setAttribute('kind', 'ghost');\n      if (this.titleId) {\n        button.setAttribute('aria-describedby', this.titleId);\n      }\n    }\n  }\n  static styles = styles;\n}\nexport default CDSCalloutNotification;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,yBAAA,MACM,+BAA+BA,kCAA0B;;;iBAKnD;;;CAQV,cAAwB;EACtB,MAAM,EAAE,uBAAuB,SAAS;EACxC,MAAM,gBAAgB,cAAc;AACpC,SAAO,gBACH,WAAW,eAAe;GACxB,OAAO;GACP,cAAc,yBAAyB,KAAA;GACxC,CAAC,GACF,KAAA;;CAGN,cAAwB;EACtB,MAAM,EAAE,UAAU,OAAO,SAAS,OAAO,SAAS;AAClD,SAAO,IAAI;0BACY,IAAI,KAAK;4BACP,IAAI,KAAK;YAC1B,SACF,IAAI;2BACc,IAAI,KAAK;kBACnB,QAAQ;cACZ,MAAM;kBACF;YACN,YACF,IAAI,eAAA,MAAsB,IAAI,KAAK;cAC/B,SAAS;kBACL;;;;;;CAOhB,gBAA0B;AACxB,SAAO,IAAI;;CAGb,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,OAAK,gBAAgB,OAAO;;CAG9B,QAAQ,mBAAmB;AACzB,QAAM,QAAQ,kBAAkB;EAChC,MAAM,SAAS,KAAK,cACjB,KAAK,YAA8C,qBACrD;AACD,MAAI,QAAQ;AACV,UAAO,aAAa,QAAQ,QAAQ;AACpC,OAAI,KAAK,QACP,QAAO,aAAa,oBAAoB,KAAK,QAAQ;;;;gBAI3CC;;;YA9Df,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAY,CAAC,CAAA,EAAA,uBAAA,WAAA,WAAA,KAAA,EAAA;YAMhE,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,QAAA,KAAA,EAAA;qCAX7BC,cAAc,2BAAiC,CAAA,EAAA,uBAAA;AAqEhD,IAAA,+BAAe"}

package/es/components/notification/defs.js

@@ -72,7 +72,7 @@ let NOTIFICATION_TYPE = /* @__PURE__ */ function(NOTIFICATION_TYPE) {
 	NOTIFICATION_TYPE["CALLOUT"] = "callout";
 	return NOTIFICATION_TYPE;
 }({});
-
 //#endregion
 export { NOTIFICATION_KIND, NOTIFICATION_TYPE };
+
 //# sourceMappingURL=defs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/notification/defs.ts"],"sourcesContent":["/**\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\n/**\n * Notification kinds.\n */\nexport enum NOTIFICATION_KIND {\n  /**\n   * Notification to represent success state.\n   */\n  SUCCESS = 'success',\n\n  /**\n   * Informational notification.\n   */\n  INFO = 'info',\n\n  /**\n   * Informational square icon notification.\n   */\n  INFO_SQUARE = 'info-square',\n\n  /**\n   * Warning notification.\n   */\n  WARNING = 'warning',\n\n  /**\n   * Warning Alt notification.\n   */\n  WARNING_ALT = 'warning-alt',\n\n  /**\n   * Error notification.\n   */\n  ERROR = 'error',\n}\n\n/**\n * Notification types.\n */\nexport enum NOTIFICATION_TYPE {\n  /**\n   * Inline notification, which show up in task flows, to notify users of the status of an action.\n   * They usually appear at the top of the primary content area.\n   */\n  INLINE = 'inline',\n\n  /**\n   * Toast notification, which is a non-modal, time-based window elements used to display short messages.\n   * They usually appear at the bottom of the screen and disappear after a few seconds.\n   */\n  TOAST = 'toast',\n\n  /**\n   * Actionable notifications allow for interactive elements within a notification styled like an inline\n   * or toast notification. Actionable notifications, since they require user interaction, take focus when\n   * triggered and can be highly disruptive to screen readers and keyboard users. With actionable notifications,\n   * only one action is allowed per notification. This action frequently takes users to a flow or page related\n   * to the message, where they can resolve the notification.\n   */\n  ACTIONABLE = 'actionable',\n\n  /**\n   * Callout notification is non-modal and should only be used inline with content on the\n   * initial render of the page or modal because it will not be announced to screenreader users\n   * like the other notification components.\n   */\n  CALLOUT = 'callout',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,gEAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;;;AAMF,IAAY,gEAAL;;;;;AAKL;;;;;AAMA;;;;;;;;AASA;;;;;;AAOA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/notification/defs.ts"],"sourcesContent":["/**\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\n/**\n * Notification kinds.\n */\nexport enum NOTIFICATION_KIND {\n  /**\n   * Notification to represent success state.\n   */\n  SUCCESS = 'success',\n\n  /**\n   * Informational notification.\n   */\n  INFO = 'info',\n\n  /**\n   * Informational square icon notification.\n   */\n  INFO_SQUARE = 'info-square',\n\n  /**\n   * Warning notification.\n   */\n  WARNING = 'warning',\n\n  /**\n   * Warning Alt notification.\n   */\n  WARNING_ALT = 'warning-alt',\n\n  /**\n   * Error notification.\n   */\n  ERROR = 'error',\n}\n\n/**\n * Notification types.\n */\nexport enum NOTIFICATION_TYPE {\n  /**\n   * Inline notification, which show up in task flows, to notify users of the status of an action.\n   * They usually appear at the top of the primary content area.\n   */\n  INLINE = 'inline',\n\n  /**\n   * Toast notification, which is a non-modal, time-based window elements used to display short messages.\n   * They usually appear at the bottom of the screen and disappear after a few seconds.\n   */\n  TOAST = 'toast',\n\n  /**\n   * Actionable notifications allow for interactive elements within a notification styled like an inline\n   * or toast notification. Actionable notifications, since they require user interaction, take focus when\n   * triggered and can be highly disruptive to screen readers and keyboard users. With actionable notifications,\n   * only one action is allowed per notification. This action frequently takes users to a flow or page related\n   * to the message, where they can resolve the notification.\n   */\n  ACTIONABLE = 'actionable',\n\n  /**\n   * Callout notification is non-modal and should only be used inline with content on the\n   * initial render of the page or modal because it will not be announced to screenreader users\n   * like the other notification components.\n   */\n  CALLOUT = 'callout',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,oBAAL,yBAAA,mBAAA;;;;AAIL,mBAAA,aAAA;;;;AAKA,mBAAA,UAAA;;;;AAKA,mBAAA,iBAAA;;;;AAKA,mBAAA,aAAA;;;;AAKA,mBAAA,iBAAA;;;;AAKA,mBAAA,WAAA;;KACD;;;;AAKD,IAAY,oBAAL,yBAAA,mBAAA;;;;;AAKL,mBAAA,YAAA;;;;;AAMA,mBAAA,WAAA;;;;;;;;AASA,mBAAA,gBAAA;;;;;;AAOA,mBAAA,aAAA;;KACD"}

package/es/components/notification/inline-notification.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 { NOTIFICATION_KIND, NOTIFICATION_TYPE } from "./defs.js";
@@ -22,7 +22,6 @@ import CheckmarkFilled20 from "@carbon/icons/es/checkmark--filled/20.js";
 import InformationFilled20 from "@carbon/icons/es/information--filled/20.js";
 import InformationSquareFilled20 from "@carbon/icons/es/information--square--filled/20.js";
 import WarningFilled20 from "@carbon/icons/es/warning--filled/20.js";
-
 //#region src/components/notification/inline-notification.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -34,12 +33,12 @@ import WarningFilled20 from "@carbon/icons/es/warning--filled/20.js";
 * The default icons, keyed by notification kind.
 */
 const iconNamesForKinds = {
-	[NOTIFICATION_KIND.SUCCESS]: CheckmarkFilled20,
-	[NOTIFICATION_KIND.INFO]: InformationFilled20,
-	[NOTIFICATION_KIND.INFO_SQUARE]: InformationSquareFilled20,
-	[NOTIFICATION_KIND.WARNING]: WarningFilled20,
-	[NOTIFICATION_KIND.WARNING_ALT]: WarningAltFilled20,
-	[NOTIFICATION_KIND.ERROR]: ErrorFilled20
+	["success"]: CheckmarkFilled20,
+	["info"]: InformationFilled20,
+	["info-square"]: InformationSquareFilled20,
+	["warning"]: WarningFilled20,
+	["warning-alt"]: WarningAltFilled20,
+	["error"]: ErrorFilled20
 };
 /**
 * Inline notification.
@@ -56,9 +55,9 @@ let CDSInlineNotification = class CDSInlineNotification extends FocusMixin(LitEl
 	constructor(..._args) {
 		super(..._args);
 		this._timeoutID = null;
-		this._type = NOTIFICATION_TYPE.INLINE;
+		this._type = "inline";
 		this.hideCloseButton = false;
-		this.kind = NOTIFICATION_KIND.SUCCESS;
+		this.kind = "success";
 		this.lowContrast = false;
 		this.open = true;
 		this.timeout = null;
@@ -119,11 +118,11 @@ let CDSInlineNotification = class CDSInlineNotification extends FocusMixin(LitEl
 		return html`
       <button
         type="button"
-        class="${prefix}--${type}-notification__close-button"
+        class="${"cds"}--${type}-notification__close-button"
         aria-label=${ifDefined(ariaLabel)}
         title=${ifDefined(ariaLabel)}
         @click="${handleClickCloseButton}">
-        ${iconLoader(Close16, { class: `${prefix}--${type}-notification__close-icon` })}
+        ${iconLoader(Close16, { class: `cds--${type}-notification__close-icon` })}
       </button>
     `;
 	}
@@ -133,11 +132,11 @@ let CDSInlineNotification = class CDSInlineNotification extends FocusMixin(LitEl
 	_renderText() {
 		const { subtitle, title, _type: type } = this;
 		return html`
-      <div class="${prefix}--${type}-notification__text-wrapper">
-        <p class="${prefix}--${type}-notification__title">
+      <div class="${"cds"}--${type}-notification__text-wrapper">
+        <p class="${"cds"}--${type}-notification__title">
           ${title}<slot name="title"></slot>
         </p>
-        <div class="${prefix}--${type}-notification__subtitle">
+        <div class="${"cds"}--${type}-notification__subtitle">
           ${subtitle}<slot name="subtitle"></slot>
         </div>
         <slot></slot>
@@ -151,7 +150,7 @@ let CDSInlineNotification = class CDSInlineNotification extends FocusMixin(LitEl
 		const { statusIconDescription, kind, _type: type } = this;
 		const IconComponent = iconNamesForKinds[kind];
 		return !IconComponent ? void 0 : iconLoader(IconComponent, {
-			class: `${prefix}--${type}-notification__icon`,
+			class: `cds--${type}-notification__icon`,
 			"aria-label": statusIconDescription
 		});
 	}
@@ -170,7 +169,7 @@ let CDSInlineNotification = class CDSInlineNotification extends FocusMixin(LitEl
 	render() {
 		const { _type: type } = this;
 		return html`
-      <div class="${prefix}--${type}-notification__details">
+      <div class="${"cds"}--${type}-notification__details">
         ${this._renderIcon()}${this._renderText()}
       </div>
       ${this._renderButton()}
@@ -181,13 +180,13 @@ let CDSInlineNotification = class CDSInlineNotification extends FocusMixin(LitEl
 	* Cancellation of this event stops the user-initiated action of closing this notification.
 	*/
 	static get eventBeforeClose() {
-		return `${prefix}-notification-beingclosed`;
+		return `cds-notification-beingclosed`;
 	}
 	/**
 	* The name of the custom event fired after this notification is closed upon a user gesture.
 	*/
 	static get eventClose() {
-		return `${prefix}-notification-closed`;
+		return `cds-notification-closed`;
 	}
 	static {
 		this.styles = inline_notification_default$1;
@@ -216,9 +215,9 @@ __decorate([property({
 })], CDSInlineNotification.prototype, "timeout", void 0);
 __decorate([property()], CDSInlineNotification.prototype, "subtitle", void 0);
 __decorate([property()], CDSInlineNotification.prototype, "title", void 0);
-CDSInlineNotification = __decorate([carbonElement(`${prefix}-inline-notification`)], CDSInlineNotification);
+CDSInlineNotification = __decorate([carbonElement(`cds-inline-notification`)], CDSInlineNotification);
 var inline_notification_default = CDSInlineNotification;
-
 //#endregion
 export { NOTIFICATION_KIND, NOTIFICATION_TYPE, inline_notification_default as default };
+
 //# sourceMappingURL=inline-notification.js.map

package/es/components/notification/inline-notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-notification.js","names":["styles","customElement"],"sources":["../../../src/components/notification/inline-notification.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 Close16 from '@carbon/icons/es/close/16.js';\nimport CheckmarkFilled20 from '@carbon/icons/es/checkmark--filled/20.js';\nimport InformationFilled20 from '@carbon/icons/es/information--filled/20.js';\nimport InformationSquareFilled20 from '@carbon/icons/es/information--square--filled/20.js';\nimport WarningFilled20 from '@carbon/icons/es/warning--filled/20.js';\nimport WarningAltFilled20 from '@carbon/icons/es/warning--alt--filled/20.js';\nimport ErrorFilled20 from '@carbon/icons/es/error--filled/20.js';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { NOTIFICATION_KIND, NOTIFICATION_TYPE } from './defs';\nimport styles from './inline-notification.scss?lit';\n\nexport { NOTIFICATION_KIND, NOTIFICATION_TYPE };\n\n/**\n * The default icons, keyed by notification kind.\n */\nconst iconNamesForKinds = {\n  [NOTIFICATION_KIND.SUCCESS]: CheckmarkFilled20,\n  [NOTIFICATION_KIND.INFO]: InformationFilled20,\n  [NOTIFICATION_KIND.INFO_SQUARE]: InformationSquareFilled20,\n  [NOTIFICATION_KIND.WARNING]: WarningFilled20,\n  [NOTIFICATION_KIND.WARNING_ALT]: WarningAltFilled20,\n  [NOTIFICATION_KIND.ERROR]: ErrorFilled20,\n};\n\n/**\n * Inline notification.\n *\n * @element cds-inline-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @fires cds-notification-beingclosed\n *   The custom event fired before this notification is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this notification.\n * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.\n */\n@customElement(`${prefix}-inline-notification`)\nclass CDSInlineNotification extends FocusMixin(LitElement) {\n  /**\n   * Current timeout identifier\n   */\n  protected _timeoutID: number | null = null;\n\n  /**\n   * Notification type.\n   */\n  protected _type = NOTIFICATION_TYPE.INLINE;\n\n  /**\n   * Cancels the current timeout configured for the notification\n   *\n   * @param timeoutID current timeout's identifier\n   */\n  protected _cancelTimeout(timeoutID: number) {\n    clearTimeout(timeoutID);\n    this._timeoutID = null;\n  }\n\n  /**\n   * Overrides (if exists) the timeout to close the notification\n   *\n   * @param timeout the time in ms\n   */\n  protected _initializeTimeout(timeout: number) {\n    if (this._timeoutID) {\n      this._cancelTimeout(this._timeoutID);\n    }\n    this._timeoutID = setTimeout(\n      this._handleUserOrTimerInitiatedClose.bind(this, null),\n      timeout\n    ) as unknown as number;\n  }\n\n  /**\n   * Handles `click` event on the close button.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleClickCloseButton({ target }: MouseEvent) {\n    this._handleUserOrTimerInitiatedClose(target);\n  }\n\n  /**\n   * Handles user-initiated or through timer close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request, if there is one.\n   */\n  protected _handleUserOrTimerInitiatedClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\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 CDSInlineNotification).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineNotification).eventClose,\n            init\n          )\n        );\n      }\n    }\n  }\n\n  /**\n   * @returns The template part for the close button.\n   */\n  protected _renderButton() {\n    const {\n      ariaLabel,\n      _type: type,\n      _handleClickCloseButton: handleClickCloseButton,\n    } = this;\n    return html`\n      <button\n        type=\"button\"\n        class=\"${prefix}--${type}-notification__close-button\"\n        aria-label=${ifDefined(ariaLabel)}\n        title=${ifDefined(ariaLabel)}\n        @click=\"${handleClickCloseButton}\">\n        ${iconLoader(Close16, {\n          class: `${prefix}--${type}-notification__close-icon`,\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * @returns The template part for the text contents.\n   */\n  protected _renderText() {\n    const { subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <p class=\"${prefix}--${type}-notification__title\">\n          ${title}<slot name=\"title\"></slot>\n        </p>\n        <div class=\"${prefix}--${type}-notification__subtitle\">\n          ${subtitle}<slot name=\"subtitle\"></slot>\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The template part for the icon.\n   */\n  protected _renderIcon() {\n    const { statusIconDescription, kind, _type: type } = this;\n    const IconComponent = iconNamesForKinds[kind];\n    return !IconComponent\n      ? undefined\n      : iconLoader(IconComponent, {\n          class: `${prefix}--${type}-notification__icon`,\n          'aria-label': statusIconDescription,\n        });\n  }\n\n  /**\n   * Provide a description for \"close\" icon button that can be read by screen readers\n   */\n  @property({ attribute: 'aria-label' })\n  ariaLabel!: string;\n\n  /**\n   * `true` to hide the close button.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-close-button' })\n  hideCloseButton = false;\n\n  /**\n   * Provide a description for \"status\" icon that can be read by screen readers\n   */\n  @property({ attribute: 'status-icon-description' })\n  statusIconDescription!: string;\n\n  /**\n   * Notification kind.\n   */\n  @property({ reflect: true })\n  kind = NOTIFICATION_KIND.SUCCESS;\n\n  /**\n   * Low contrast mode\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'low-contrast' })\n  lowContrast = false;\n\n  /**\n   * `true` if the notification should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * Specify an optional duration the notification should be closed in\n   */\n  @property({ type: Number, reflect: true })\n  timeout: number | null = null;\n\n  /**\n   * The subtitle.\n   */\n  @property()\n  subtitle = '';\n\n  /**\n   * The title.\n   */\n  @property()\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'alert');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    const openChanged = changedProperties.has('open');\n    const timeoutChanged = changedProperties.has('timeout');\n\n    if (openChanged || timeoutChanged) {\n      if (this.open && this.timeout) {\n        this._initializeTimeout(this.timeout);\n      } else if (!this.open && this._timeoutID) {\n        this._cancelTimeout(this._timeoutID);\n      }\n    }\n  }\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderIcon()}${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this notification is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this notification.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-notification-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this notification is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-notification-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSInlineNotification;\n"],"mappings":"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"}
+{"version":3,"file":"inline-notification.js","names":["styles","customElement"],"sources":["../../../src/components/notification/inline-notification.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 Close16 from '@carbon/icons/es/close/16.js';\nimport CheckmarkFilled20 from '@carbon/icons/es/checkmark--filled/20.js';\nimport InformationFilled20 from '@carbon/icons/es/information--filled/20.js';\nimport InformationSquareFilled20 from '@carbon/icons/es/information--square--filled/20.js';\nimport WarningFilled20 from '@carbon/icons/es/warning--filled/20.js';\nimport WarningAltFilled20 from '@carbon/icons/es/warning--alt--filled/20.js';\nimport ErrorFilled20 from '@carbon/icons/es/error--filled/20.js';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { NOTIFICATION_KIND, NOTIFICATION_TYPE } from './defs';\nimport styles from './inline-notification.scss?lit';\n\nexport { NOTIFICATION_KIND, NOTIFICATION_TYPE };\n\n/**\n * The default icons, keyed by notification kind.\n */\nconst iconNamesForKinds = {\n  [NOTIFICATION_KIND.SUCCESS]: CheckmarkFilled20,\n  [NOTIFICATION_KIND.INFO]: InformationFilled20,\n  [NOTIFICATION_KIND.INFO_SQUARE]: InformationSquareFilled20,\n  [NOTIFICATION_KIND.WARNING]: WarningFilled20,\n  [NOTIFICATION_KIND.WARNING_ALT]: WarningAltFilled20,\n  [NOTIFICATION_KIND.ERROR]: ErrorFilled20,\n};\n\n/**\n * Inline notification.\n *\n * @element cds-inline-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @fires cds-notification-beingclosed\n *   The custom event fired before this notification is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this notification.\n * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.\n */\n@customElement(`${prefix}-inline-notification`)\nclass CDSInlineNotification extends FocusMixin(LitElement) {\n  /**\n   * Current timeout identifier\n   */\n  protected _timeoutID: number | null = null;\n\n  /**\n   * Notification type.\n   */\n  protected _type = NOTIFICATION_TYPE.INLINE;\n\n  /**\n   * Cancels the current timeout configured for the notification\n   *\n   * @param timeoutID current timeout's identifier\n   */\n  protected _cancelTimeout(timeoutID: number) {\n    clearTimeout(timeoutID);\n    this._timeoutID = null;\n  }\n\n  /**\n   * Overrides (if exists) the timeout to close the notification\n   *\n   * @param timeout the time in ms\n   */\n  protected _initializeTimeout(timeout: number) {\n    if (this._timeoutID) {\n      this._cancelTimeout(this._timeoutID);\n    }\n    this._timeoutID = setTimeout(\n      this._handleUserOrTimerInitiatedClose.bind(this, null),\n      timeout\n    ) as unknown as number;\n  }\n\n  /**\n   * Handles `click` event on the close button.\n   *\n   * @param event The event.\n   * @param event.target The event target.\n   */\n  protected _handleClickCloseButton({ target }: MouseEvent) {\n    this._handleUserOrTimerInitiatedClose(target);\n  }\n\n  /**\n   * Handles user-initiated or through timer close request of this modal.\n   *\n   * @param triggeredBy The element that triggered this close request, if there is one.\n   */\n  protected _handleUserOrTimerInitiatedClose(triggeredBy: EventTarget | null) {\n    if (this.open) {\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 CDSInlineNotification).eventBeforeClose,\n            init\n          )\n        )\n      ) {\n        this.open = false;\n        this.dispatchEvent(\n          new CustomEvent(\n            (this.constructor as typeof CDSInlineNotification).eventClose,\n            init\n          )\n        );\n      }\n    }\n  }\n\n  /**\n   * @returns The template part for the close button.\n   */\n  protected _renderButton() {\n    const {\n      ariaLabel,\n      _type: type,\n      _handleClickCloseButton: handleClickCloseButton,\n    } = this;\n    return html`\n      <button\n        type=\"button\"\n        class=\"${prefix}--${type}-notification__close-button\"\n        aria-label=${ifDefined(ariaLabel)}\n        title=${ifDefined(ariaLabel)}\n        @click=\"${handleClickCloseButton}\">\n        ${iconLoader(Close16, {\n          class: `${prefix}--${type}-notification__close-icon`,\n        })}\n      </button>\n    `;\n  }\n\n  /**\n   * @returns The template part for the text contents.\n   */\n  protected _renderText() {\n    const { subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <p class=\"${prefix}--${type}-notification__title\">\n          ${title}<slot name=\"title\"></slot>\n        </p>\n        <div class=\"${prefix}--${type}-notification__subtitle\">\n          ${subtitle}<slot name=\"subtitle\"></slot>\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * @returns The template part for the icon.\n   */\n  protected _renderIcon() {\n    const { statusIconDescription, kind, _type: type } = this;\n    const IconComponent = iconNamesForKinds[kind];\n    return !IconComponent\n      ? undefined\n      : iconLoader(IconComponent, {\n          class: `${prefix}--${type}-notification__icon`,\n          'aria-label': statusIconDescription,\n        });\n  }\n\n  /**\n   * Provide a description for \"close\" icon button that can be read by screen readers\n   */\n  @property({ attribute: 'aria-label' })\n  ariaLabel!: string;\n\n  /**\n   * `true` to hide the close button.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-close-button' })\n  hideCloseButton = false;\n\n  /**\n   * Provide a description for \"status\" icon that can be read by screen readers\n   */\n  @property({ attribute: 'status-icon-description' })\n  statusIconDescription!: string;\n\n  /**\n   * Notification kind.\n   */\n  @property({ reflect: true })\n  kind = NOTIFICATION_KIND.SUCCESS;\n\n  /**\n   * Low contrast mode\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'low-contrast' })\n  lowContrast = false;\n\n  /**\n   * `true` if the notification should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = true;\n\n  /**\n   * Specify an optional duration the notification should be closed in\n   */\n  @property({ type: Number, reflect: true })\n  timeout: number | null = null;\n\n  /**\n   * The subtitle.\n   */\n  @property()\n  subtitle = '';\n\n  /**\n   * The title.\n   */\n  @property()\n  title = '';\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'alert');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    const openChanged = changedProperties.has('open');\n    const timeoutChanged = changedProperties.has('timeout');\n\n    if (openChanged || timeoutChanged) {\n      if (this.open && this.timeout) {\n        this._initializeTimeout(this.timeout);\n      } else if (!this.open && this._timeoutID) {\n        this._cancelTimeout(this._timeoutID);\n      }\n    }\n  }\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderIcon()}${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  /**\n   * The name of the custom event fired before this notification is being closed upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of closing this notification.\n   */\n  static get eventBeforeClose() {\n    return `${prefix}-notification-beingclosed`;\n  }\n\n  /**\n   * The name of the custom event fired after this notification is closed upon a user gesture.\n   */\n  static get eventClose() {\n    return `${prefix}-notification-closed`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSInlineNotification;\n"],"mappings":"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"}