@carbon/web-components 2.0.0-rc.1 → 2.0.0-rc.3

package/es/components/notification/inline-notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/notification/inline-notification.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAG9D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAchD;;;;;;;;;;GAUG;AACH,cACM,qBAAsB,SAAQ,0BAAsB;IACxD;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE3C;;OAEG;IACH,SAAS,CAAC,KAAK,oBAA4B;IAE3C;;;;OAIG;IACH,SAAS,CAAC,cAAc,CAAC,SAAS,EAAE,MAAM;IAK1C;;;;OAIG;IACH,SAAS,CAAC,kBAAkB,CAAC,OAAO,EAAE,MAAM;IAU5C;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,EAAE,MAAM,EAAE,EAAE,UAAU;IAIxD;;;;OAIG;IACH,SAAS,CAAC,gCAAgC,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA6B1E;;OAEG;IACH,SAAS,CAAC,aAAa;IAoBvB;;OAEG;IACH,SAAS,CAAC,WAAW;IAerB;;OAEG;IACH,SAAS,CAAC,WAAW;IAarB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAEnB;;OAEG;IAEH,eAAe,UAAS;IAExB;;OAEG;IAEH,qBAAqB,EAAG,MAAM,CAAC;IAE/B;;OAEG;IAEH,IAAI,oBAA6B;IAEjC;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE9B;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAazB,MAAM;IAUN;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"inline-notification.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport ErrorFilled20 from '@carbon/icons/lib/error--filled/20';\nimport InformationFilled20 from '@carbon/icons/lib/information--filled/20';\nimport InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20';\nimport WarningFilled20 from '@carbon/icons/lib/warning--filled/20';\nimport WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20';\nimport { LitElement, html, svg } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { NOTIFICATION_KIND, NOTIFICATION_TYPE } from './defs';\nimport styles from './inline-notification.scss';\n\nexport { NOTIFICATION_KIND, NOTIFICATION_TYPE };\n\n/**\n * The default icons, keyed by notification kind.\n */\nconst iconsForKinds = {\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   */\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        ${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 { [kind]: icon } = iconsForKinds;\n    return !icon\n      ? undefined\n      : icon({\n          class: `${prefix}--${type}-notification__icon`,\n          children: !statusIconDescription\n            ? undefined\n            : svg`<title>${statusIconDescription}</title>`,\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; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSInlineNotification;\n"]}
+{"version":3,"sources":["components/notification/inline-notification.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAM5C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAG9D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAchD;;;;;;;;;;GAUG;AACH,cACM,qBAAsB,SAAQ,0BAAsB;IACxD;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE3C;;OAEG;IACH,SAAS,CAAC,KAAK,oBAA4B;IAE3C;;;;OAIG;IACH,SAAS,CAAC,cAAc,CAAC,SAAS,EAAE,MAAM;IAK1C;;;;OAIG;IACH,SAAS,CAAC,kBAAkB,CAAC,OAAO,EAAE,MAAM;IAU5C;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,EAAE,MAAM,EAAE,EAAE,UAAU;IAIxD;;;;OAIG;IACH,SAAS,CAAC,gCAAgC,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IA6B1E;;OAEG;IACH,SAAS,CAAC,aAAa;IAoBvB;;OAEG;IACH,SAAS,CAAC,WAAW;IAerB;;OAEG;IACH,SAAS,CAAC,WAAW;IAarB;;OAEG;IAEH,SAAS,EAAG,MAAM,CAAC;IAEnB;;OAEG;IAEH,eAAe,UAAS;IAExB;;OAEG;IAEH,qBAAqB,EAAG,MAAM,CAAC;IAE/B;;OAEG;IAEH,IAAI,oBAA6B;IAEjC;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,UAAQ;IAEZ;;OAEG;IAEH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE9B;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,KAAK,SAAM;IAEX,iBAAiB;IAOjB,OAAO,CAAC,iBAAiB,KAAA;IAazB,MAAM;IAUN;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,qBAAqB,CAAC","file":"inline-notification.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport ErrorFilled20 from '@carbon/icons/lib/error--filled/20';\nimport InformationFilled20 from '@carbon/icons/lib/information--filled/20';\nimport InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20';\nimport WarningFilled20 from '@carbon/icons/lib/warning--filled/20';\nimport WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20';\nimport { LitElement, html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\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';\n\nexport { NOTIFICATION_KIND, NOTIFICATION_TYPE };\n\n/**\n * The default icons, keyed by notification kind.\n */\nconst iconsForKinds = {\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   */\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        ${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 { [kind]: icon } = iconsForKinds;\n    return !icon\n      ? undefined\n      : icon({\n          class: `${prefix}--${type}-notification__icon`,\n          children: !statusIconDescription\n            ? undefined\n            : svg`<title>${statusIconDescription}</title>`,\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; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSInlineNotification;\n"]}

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

@@ -30,9 +30,10 @@ import InformationSquareFilled20 from "../../icons/information--square--filled/2
 import WarningFilled20 from "../../icons/warning--filled/20";
 import WarningAltFilled20 from "../../icons/warning--alt--filled/20";
 import { LitElement, html, svg } from 'lit';
-import { property, customElement } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { prefix } from '../../globals/settings';
+import { carbonElement as customElement } from '../../globals/decorators/carbon-element';
 import FocusMixin from '../../globals/mixins/focus';
 import { NOTIFICATION_KIND, NOTIFICATION_TYPE } from './defs';
 import styles from "././inline-notification.css.js";

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

@@ -1 +1 @@
-{"version":3,"file":"inline-notification.js","names":["CheckmarkFilled20","Close16","ErrorFilled20","InformationFilled20","InformationSquareFilled20","WarningFilled20","WarningAltFilled20","LitElement","html","svg","property","customElement","ifDefined","prefix","FocusMixin","NOTIFICATION_KIND","NOTIFICATION_TYPE","styles","iconsForKinds","SUCCESS","INFO","INFO_SQUARE","WARNING","WARNING_ALT","ERROR","CDSInlineNotification","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","INLINE","_cancelTimeout","timeoutID","clearTimeout","_timeoutID","_initializeTimeout","timeout","setTimeout","_handleUserOrTimerInitiatedClose","bind","_handleClickCloseButton","target","triggeredBy","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeClose","eventClose","_renderButton","ariaLabel","_type","type","handleClickCloseButton","_t","_","class","_renderText","subtitle","title","_t2","_renderIcon","statusIconDescription","icon","undefined","children","_t3","decorators","attribute","Boolean","reflect","Number","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","openChanged","has","timeoutChanged","render","_t4","static"],"sources":["components/notification/inline-notification.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport ErrorFilled20 from '@carbon/icons/lib/error--filled/20';\nimport InformationFilled20 from '@carbon/icons/lib/information--filled/20';\nimport InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20';\nimport WarningFilled20 from '@carbon/icons/lib/warning--filled/20';\nimport WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20';\nimport { LitElement, html, svg } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport { NOTIFICATION_KIND, NOTIFICATION_TYPE } from './defs';\nimport styles from './inline-notification.scss';\n\nexport { NOTIFICATION_KIND, NOTIFICATION_TYPE };\n\n/**\n * The default icons, keyed by notification kind.\n */\nconst iconsForKinds = {\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   */\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        ${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 { [kind]: icon } = iconsForKinds;\n    return !icon\n      ? undefined\n      : icon({\n          class: `${prefix}--${type}-notification__icon`,\n          children: !statusIconDescription\n            ? undefined\n            : svg`<title>${statusIconDescription}</title>`,\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; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSInlineNotification;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,iBAAiB,MAAM,kCAAwC;AACtE,OAAOC,OAAO,MAAM,sBAA4B;AAChD,OAAOC,aAAa,MAAM,8BAAoC;AAC9D,OAAOC,mBAAmB,MAAM,oCAA0C;AAC1E,OAAOC,yBAAyB,MAAM,4CAAkD;AACxF,OAAOC,eAAe,MAAM,gCAAsC;AAClE,OAAOC,kBAAkB,MAAM,qCAA2C;AAC1E,SAASC,UAAU,EAAEC,IAAI,EAAEC,GAAG,QAAQ,KAAK;AAC3C,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,UAAU,MAAM,4BAA4B;AACnD,SAASC,iBAAiB,EAAEC,iBAAiB,QAAQ,QAAQ;AAC7D,OAAOC,MAAM,MAAM,gCAA4B;AAE/C,SAASF,iBAAiB,EAAEC,iBAAiB;;AAE7C;AACA;AACA;AACA,MAAME,aAAa,GAAG;EACpB,CAACH,iBAAiB,CAACI,OAAO,GAAGnB,iBAAiB;EAC9C,CAACe,iBAAiB,CAACK,IAAI,GAAGjB,mBAAmB;EAC7C,CAACY,iBAAiB,CAACM,WAAW,GAAGjB,yBAAyB;EAC1D,CAACW,iBAAiB,CAACO,OAAO,GAAGjB,eAAe;EAC5C,CAACU,iBAAiB,CAACQ,WAAW,GAAGjB,kBAAkB;EACnD,CAACS,iBAAiB,CAACS,KAAK,GAAGtB;AAC7B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAYMuB,qBAAqB,GAAAC,SAAA,EAD1Bf,aAAa,CAAE,GAAEE,MAAO,sBAAqB,CAAC,aAAAc,WAAA,EAAAC,WAAA;EAA/C,MACMH,qBAAqB,SAAAG,WAAA,CAAgC;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA4O3D;EAAC;IAAAI,CAAA,EA5OKN,qBAAqB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAIa,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAKxBnB,iBAAiB,CAACoB,MAAM;MAAA;IAAA;MAAAH,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAR1C;AACF;AACA;;MAGE;AACF;AACA;;MAGE;AACF;AACA;AACA;AACA;MACE,SAAAE,eAAyBC,SAAiB,EAAE;QAC1CC,YAAY,CAACD,SAAS,CAAC;QACvB,IAAI,CAACE,UAAU,GAAG,IAAI;MACxB;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAP,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAKA,SAAAM,mBAA6BC,OAAe,EAAE;QAC5C,IAAI,IAAI,CAACF,UAAU,EAAE;UACnB,IAAI,CAACH,cAAc,CAAC,IAAI,CAACG,UAAU,CAAC;QACtC;QACA,IAAI,CAACA,UAAU,GAAGG,UAAU,CAC1B,IAAI,CAACC,gCAAgC,CAACC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,EACtDH,OAAO,CACa;MACxB;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAT,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAKA,SAAAW,wBAAkC;QAAEC;MAAmB,CAAC,EAAE;QACxD,IAAI,CAACH,gCAAgC,CAACG,MAAM,CAAC;MAC/C;;MAEA;AACF;AACA;AACA;AACA;IAJE;MAAAd,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAKA,SAAAS,iCAA2CI,WAA+B,EAAE;QAC1E,IAAI,IAAI,CAACC,IAAI,EAAE;UACb,MAAMC,IAAI,GAAG;YACXC,OAAO,EAAE,IAAI;YACbC,UAAU,EAAE,IAAI;YAChBC,QAAQ,EAAE,IAAI;YACdC,MAAM,EAAE;cACNN;YACF;UACF,CAAC;UACD,IACE,IAAI,CAACO,aAAa,CAChB,IAAIC,WAAW,CACZ,IAAI,CAAC3B,WAAW,CAAkC4B,gBAAgB,EACnEP,IAAI,CACL,CACF,EACD;YACA,IAAI,CAACD,IAAI,GAAG,KAAK;YACjB,IAAI,CAACM,aAAa,CAChB,IAAIC,WAAW,CACZ,IAAI,CAAC3B,WAAW,CAAkC6B,UAAU,EAC7DR,IAAI,CACL,CACF;UACH;QACF;MACF;;MAEA;AACF;AACA;IAFE;MAAAjB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAwB,cAAA,EAA0B;QACxB,MAAM;UACJC,SAAS;UACTC,KAAK,EAAEC,IAAI;UACXhB,uBAAuB,EAAEiB;QAC3B,CAAC,GAAG,IAAI;QACR,OAAOvD,IAAI,CAAAwD,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB;AACA;AACA,iBAAe,CAAS,KAAE,CAAO;AACjC,qBAAmB,CAAuB;AAC1C,gBAAc,CAAuB;AACrC,kBAAgB,CAAyB;AACzC,UAAQ,CAEG;AACX;AACA,KAAI,GARapD,MAAM,EAAKiD,IAAI,EACXlD,SAAS,CAACgD,SAAS,CAAC,EACzBhD,SAAS,CAACgD,SAAS,CAAC,EAClBG,sBAAsB,EAC9B9D,OAAO,CAAC;UACRiE,KAAK,EAAG,GAAErD,MAAO,KAAIiD,IAAK;QAC5B,CAAC,CAAC;MAGR;;MAEA;AACF;AACA;IAFE;MAAA7B,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAgC,YAAA,EAAwB;QACtB,MAAM;UAAEC,QAAQ;UAAEC,KAAK;UAAER,KAAK,EAAEC;QAAK,CAAC,GAAG,IAAI;QAC7C,OAAOtD,IAAI,CAAA8D,GAAA,KAAAA,GAAA,GAAAL,CAAC;AAChB,oBAAkB,CAAS,KAAE,CAAO;AACpC,oBAAkB,CAAS,KAAE,CAAO;AACpC,YAAU,CAAQ;AAClB;AACA,sBAAoB,CAAS,KAAE,CAAO;AACtC,YAAU,CAAW;AACrB;AACA;AACA;AACA,KAAI,GATgBpD,MAAM,EAAKiD,IAAI,EACfjD,MAAM,EAAKiD,IAAI,EACvBO,KAAK,EAEKxD,MAAM,EAAKiD,IAAI,EACzBM,QAAQ;MAKlB;;MAEA;AACF;AACA;IAFE;MAAAnC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAoC,YAAA,EAAwB;QACtB,MAAM;UAAEC,qBAAqB;UAAEvC,IAAI;UAAE4B,KAAK,EAAEC;QAAK,CAAC,GAAG,IAAI;QACzD,MAAM;UAAE,CAAC7B,IAAI,GAAGwC;QAAK,CAAC,GAAGvD,aAAa;QACtC,OAAO,CAACuD,IAAI,GACRC,SAAS,GACTD,IAAI,CAAC;UACHP,KAAK,EAAG,GAAErD,MAAO,KAAIiD,IAAK,qBAAoB;UAC9Ca,QAAQ,EAAE,CAACH,qBAAqB,GAC5BE,SAAS,GACTjE,GAAG,CAAAmE,GAAA,KAAAA,GAAA,GAAAX,CAAC,UAAO,CAAwB,UAAQ,GAA9BO,qBAAqB;QACxC,CAAC,CAAC;MACR;;MAEA;AACF;AACA;IAFE;MAAAvC,IAAA;MAAA4C,UAAA,GAGCnE,QAAQ,CAAC;QAAEoE,SAAS,EAAE;MAAa,CAAC,CAAC;MAAA5C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAA4C,UAAA,GAMrCnE,QAAQ,CAAC;QAAEoD,IAAI,EAAEiB,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEF,SAAS,EAAE;MAAoB,CAAC,CAAC;MAAA5C,GAAA;MAAAC,MAAA;QAAA,OACzD,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAA4C,UAAA,GAKtBnE,QAAQ,CAAC;QAAEoE,SAAS,EAAE;MAA0B,CAAC,CAAC;MAAA5C,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAA4C,UAAA,GAMlDnE,QAAQ,CAAC;QAAEsE,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA9C,GAAA;MAAAC,MAAA;QAAA,OACrBpB,iBAAiB,CAACI,OAAO;MAAA;IAAA;MAAAc,IAAA;MAAA4C,UAAA,GAK/BnE,QAAQ,CAAC;QAAEoD,IAAI,EAAEiB,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEF,SAAS,EAAE;MAAe,CAAC,CAAC;MAAA5C,GAAA;MAAAC,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAA4C,UAAA,GAKlBnE,QAAQ,CAAC;QAAEoD,IAAI,EAAEiB,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA9C,GAAA;MAAAC,MAAA;QAAA,OACpC,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAA4C,UAAA,GAKVnE,QAAQ,CAAC;QAAEoD,IAAI,EAAEmB,MAAM;QAAED,OAAO,EAAE;MAAK,CAAC,CAAC;MAAA9C,GAAA;MAAAC,MAAA;QAAA,OACjB,IAAI;MAAA;IAAA;MAAAF,IAAA;MAAA4C,UAAA,GAK5BnE,QAAQ,EAAE;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACA,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAA4C,UAAA,GAKZnE,QAAQ,EAAE;MAAAwB,GAAA;MAAAC,MAAA;QAAA,OACH,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MA9CV;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE;AACF;AACA;MAIE,SAAA+C,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;QACpC;QACAC,IAAA,CAAAC,eAAA,CAlME7D,qBAAqB,CAAA8D,SAAA,8BAAAC,IAAA;MAmMzB;IAAC;MAAAvD,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAsD,QAAQC,iBAAiB,EAAE;QACzB,MAAMC,WAAW,GAAGD,iBAAiB,CAACE,GAAG,CAAC,MAAM,CAAC;QACjD,MAAMC,cAAc,GAAGH,iBAAiB,CAACE,GAAG,CAAC,SAAS,CAAC;QAEvD,IAAID,WAAW,IAAIE,cAAc,EAAE;UACjC,IAAI,IAAI,CAAC5C,IAAI,IAAI,IAAI,CAACP,OAAO,EAAE;YAC7B,IAAI,CAACD,kBAAkB,CAAC,IAAI,CAACC,OAAO,CAAC;UACvC,CAAC,MAAM,IAAI,CAAC,IAAI,CAACO,IAAI,IAAI,IAAI,CAACT,UAAU,EAAE;YACxC,IAAI,CAACH,cAAc,CAAC,IAAI,CAACG,UAAU,CAAC;UACtC;QACF;MACF;IAAC;MAAAP,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA2D,OAAA,EAAS;QACP,MAAM;UAAEjC,KAAK,EAAEC;QAAK,CAAC,GAAG,IAAI;QAC5B,OAAOtD,IAAI,CAAAuF,GAAA,KAAAA,GAAA,GAAA9B,CAAC;AAChB,oBAAkB,CAAS,KAAE,CAAO;AACpC,UAAQ,CAAqB,IAAqB;AAClD;AACA,QAAM,CAAuB;AAC7B,KAAI,GAJgBpD,MAAM,EAAKiD,IAAI,EACzB,IAAI,CAACS,WAAW,EAAE,EAAG,IAAI,CAACJ,WAAW,EAAE,EAEzC,IAAI,CAACR,aAAa,EAAE;MAE1B;;MAEA;AACF;AACA;AACA;IAHE;MAAA1B,IAAA;MAAA+D,MAAA;MAAA9D,GAAA;MAAAC,KAAA,EAIA,SAAAsB,iBAAA,EAA8B;QAC5B,OAAQ,GAAE5C,MAAO,2BAA0B;MAC7C;;MAEA;AACF;AACA;IAFE;MAAAoB,IAAA;MAAA+D,MAAA;MAAA9D,GAAA;MAAAC,KAAA,EAGA,SAAAuB,WAAA,EAAwB;QACtB,OAAQ,GAAE7C,MAAO,sBAAqB;MACxC;IAAC;MAAAoB,IAAA;MAAA+D,MAAA;MAAA9D,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GA3OYH,UAAU,CAACP,UAAU,CAAC;AA8O1D,eAAekB,qBAAqB"}
+{"version":3,"file":"inline-notification.js","names":["CheckmarkFilled20","Close16","ErrorFilled20","InformationFilled20","InformationSquareFilled20","WarningFilled20","WarningAltFilled20","LitElement","html","svg","property","ifDefined","prefix","carbonElement","customElement","FocusMixin","NOTIFICATION_KIND","NOTIFICATION_TYPE","styles","iconsForKinds","SUCCESS","INFO","INFO_SQUARE","WARNING","WARNING_ALT","ERROR","CDSInlineNotification","_decorate","_initialize","_FocusMixin","constructor","args","F","d","kind","key","value","INLINE","_cancelTimeout","timeoutID","clearTimeout","_timeoutID","_initializeTimeout","timeout","setTimeout","_handleUserOrTimerInitiatedClose","bind","_handleClickCloseButton","target","triggeredBy","open","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventBeforeClose","eventClose","_renderButton","ariaLabel","_type","type","handleClickCloseButton","_t","_","class","_renderText","subtitle","title","_t2","_renderIcon","statusIconDescription","icon","undefined","children","_t3","decorators","attribute","Boolean","reflect","Number","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","openChanged","has","timeoutChanged","render","_t4","static"],"sources":["components/notification/inline-notification.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport ErrorFilled20 from '@carbon/icons/lib/error--filled/20';\nimport InformationFilled20 from '@carbon/icons/lib/information--filled/20';\nimport InformationSquareFilled20 from '@carbon/icons/lib/information--square--filled/20';\nimport WarningFilled20 from '@carbon/icons/lib/warning--filled/20';\nimport WarningAltFilled20 from '@carbon/icons/lib/warning--alt--filled/20';\nimport { LitElement, html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { prefix } from '../../globals/settings';\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';\n\nexport { NOTIFICATION_KIND, NOTIFICATION_TYPE };\n\n/**\n * The default icons, keyed by notification kind.\n */\nconst iconsForKinds = {\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   */\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        ${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 { [kind]: icon } = iconsForKinds;\n    return !icon\n      ? undefined\n      : icon({\n          class: `${prefix}--${type}-notification__icon`,\n          children: !statusIconDescription\n            ? undefined\n            : svg`<title>${statusIconDescription}</title>`,\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; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSInlineNotification;\n"],"mappings":"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"}