@carbon/web-components 2.11.1 → 2.12.0

package/es/components/multi-select/multi-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-select.js","names":["html","property","query","classMap","Close16","prefix","filter","forEach","indexOf","CDSDropdown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_TYPE","SELECTION_FEEDBACK_OPTION","styles","carbonElement","customElement","DROPDOWN_SIZE","DROPDOWN_DIRECTION","CDSMultiSelect","_decorate","_initialize","_CDSDropdown","constructor","args","F","d","kind","decorators","type","Boolean","key","value","_selectionShouldChange","itemToSelect","_selectionDidChange","selected","querySelectorAll","selectorItemSelected","item","_handleUserInitiatedToggle","selectorItem","map","join","_handleClickInner","event","_this$_selectionButto","_this$_clearButtonNod","_event$target","_selectionButtonNode","contains","target","readOnly","_handleUserInitiatedSelectItem","filterable","_filterInputNode","focus","_triggerNode","_clearButtonNode","_handleUserInitiatedClearInput","matches","slugItem","_get","_getPrototypeOf","prototype","call","_handleKeypressInner","_this$_clearButtonNod2","_this$_selectionButto2","action","getAction","TRIGGERING","open","_handleKeypressInnerFlterable","highlightedItem","querySelector","selectorItemHighlighted","_renderTitleLabel","clearSelectionDescription","clearSelectionText","disabled","hideLabel","titleText","_selectedItemsCount","selectedItemsCount","_slotTitleTextNode","slotTitleTextNode","_handleSlotchangeLabelText","handleSlotchangeLabelText","labelClasses","hasTitleText","assignedNodes","length","_t","_","_t2","_renderPrecedingLabel","clearSelectionLabel","selectionButtonClasses","undefined","_t3","class","_renderLabel","label","_selectedItemContent","selectedItemContent","inputClasses","_t4","_t5","_handleInput","_renderFollowingLabel","filterInputNode","_t6","items","inputValue","toLocaleLowerCase","itemValue","innerText","includes","setAttribute","removeAttribute","requestUpdate","_navigate","direction","selectorItemResults","highlightedIndex","nextIndex","i","highlighted","selectorItemFiltered","attribute","TOP_AFTER_REOPEN","_classes","size","invalid","warn","inline","INLINE","itemA","itemB","locale","localeCompare","numeric","menuItems","values","compareItems","menuItemsArray","Array","from","sortedArray","sort","hasItemA","hasItemB","shouldUpdate","changedProperties","slug","split","has","elem","selectionFeedback","TOP","sortedMenuItems","sortItems","unshift","replaceChildren","updated","_menuBodyNode","connectedCallback","static","selectorMenuBody","eventBeforeToggle","eventToggle","eventBeforeSelect","eventSelect"],"sources":["components/multi-select/multi-select.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { html, TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { prefix } from '../../globals/settings';\nimport {\n  filter,\n  forEach,\n  indexOf,\n} from '../../globals/internal/collection-helpers';\nimport CDSDropdown, {\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_TYPE,\n} from '../dropdown/dropdown';\nimport { SELECTION_FEEDBACK_OPTION } from './defs';\nimport CDSMultiSelectItem from './multi-select-item';\nimport styles from './multi-select.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  DROPDOWN_DIRECTION,\n} from '../dropdown/dropdown';\n\nexport { SELECTION_FEEDBACK_OPTION };\n\n/**\n * Multi select.\n *\n * @element cds-multi-select\n * @fires cds-multi-select-beingselected\n *   The custom event fired before a multi select item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-multi-select-selected - The custom event fired after a multi select item is selected upon a user gesture.\n * @fires cds-multi-select-beingtoggled\n *   The custom event fired before the open state of this multi select is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-multi-select-toggled\n *   The custom event fired after the open state of this multi select is toggled upon a user gesture.\n */\n@customElement(`${prefix}-multi-select`)\nclass CDSMultiSelect extends CDSDropdown {\n  @property({ type: Boolean })\n  filterable;\n\n  /**\n   * The count of selected items.\n   */\n  private _selectedItemsCount = 0;\n\n  /**\n   * The clear button.\n   */\n  @query('#clear-button')\n  private _clearButtonNode!: HTMLElement;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * The menu body.\n   */\n  @query('#menu-body')\n  private _menuBodyNode!: HTMLElement;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * The trigger button.\n   */\n  @query(`.${prefix}--list-box__field`)\n  private _triggerNode!: HTMLElement;\n\n  protected _selectionShouldChange(itemToSelect?: CDSMultiSelectItem) {\n    // If we are selecting an item, assumes we always toggle\n    return Boolean(this.value || itemToSelect);\n  }\n\n  protected _selectionDidChange(itemToSelect?: CDSMultiSelectItem) {\n    if (itemToSelect) {\n      itemToSelect.selected = !itemToSelect.selected;\n    } else {\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSMultiSelect).selectorItemSelected\n        ),\n        (item) => {\n          (item as CDSMultiSelectItem).selected = false;\n        }\n      );\n      this._handleUserInitiatedToggle(false);\n    }\n    // Change in `.selected` hasn't been reflected to the corresponding attribute yet\n    this.value = filter(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSMultiSelect).selectorItem\n      ),\n      (item) => (item as CDSMultiSelectItem).selected\n    )\n      .map((item) => (item as CDSMultiSelectItem).value)\n      .join(',');\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    if (\n      this._selectionButtonNode?.contains(event.target as Node) &&\n      !this.readOnly\n    ) {\n      this._handleUserInitiatedSelectItem();\n      if (this.filterable) {\n        this._filterInputNode.focus();\n      } else {\n        this._triggerNode.focus();\n      }\n    } else if (this._clearButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedClearInput();\n    } else if (\n      !(event.target as HTMLElement)?.matches(\n        (this.constructor as typeof CDSMultiSelect).slugItem\n      )\n    ) {\n      super._handleClickInner(event);\n      if (this.filterable) {\n        this._filterInputNode.focus();\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keypress` event, ensures filter still works upon entering space\n   */\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n\n    if (\n      this._clearButtonNode?.contains(event.target as Node) &&\n      // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n      (action === TRIGGERING || key === ' ')\n    ) {\n      this._handleUserInitiatedClearInput();\n    } else if (this._selectionButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedSelectItem();\n      this.open = true;\n      if (this.filterable) {\n        this._filterInputNode.focus();\n      } else {\n        this._triggerNode.focus();\n      }\n    } else if (this.filterable) {\n      this._handleKeypressInnerFlterable(event);\n    } else {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Special andler for the `keypress` event, ensures space selection for filterable\n   * variation is disabled\n   */\n\n  protected _handleKeypressInnerFlterable(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    if (!this.open) {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING:\n          this._handleUserInitiatedToggle(true);\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (key) {\n        case 'Enter':\n          {\n            const constructor = this.constructor as typeof CDSDropdown;\n            const highlightedItem = this.querySelector(\n              constructor.selectorItemHighlighted\n            ) as CDSMultiSelectItem;\n            if (highlightedItem) {\n              this._handleUserInitiatedSelectItem(highlightedItem);\n            } else {\n              this._handleUserInitiatedToggle(false);\n            }\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  protected _renderTitleLabel() {\n    const {\n      clearSelectionDescription,\n      clearSelectionText,\n      disabled,\n      hideLabel,\n      titleText,\n      _selectedItemsCount: selectedItemsCount,\n      _slotTitleTextNode: slotTitleTextNode,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    const hasTitleText =\n      titleText ||\n      (slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0);\n\n    return html`\n      <label\n        part=\"title-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasTitleText}\">\n        <slot name=\"title-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${titleText}</slot\n        >\n        ${selectedItemsCount > 0\n          ? html`\n              <span class=\"${prefix}--visually-hidden\">\n                ${clearSelectionDescription} ${selectedItemsCount},\n                ${clearSelectionText}\n              </span>\n            `\n          : null}\n      </label>\n    `;\n  }\n\n  protected _renderPrecedingLabel() {\n    const {\n      disabled,\n      readOnly,\n      clearSelectionLabel,\n      _selectedItemsCount: selectedItemsCount,\n    } = this;\n\n    const selectionButtonClasses = classMap({\n      [`${prefix}--list-box__selection`]: true,\n      [`${prefix}--list-box__selection--multi`]: true,\n      [`${prefix}--tag`]: true,\n      [`${prefix}--tag--filter`]: true,\n      [`${prefix}--tag--high-contrast`]: true,\n      [`${prefix}--tag--disabled`]: disabled,\n    });\n    return selectedItemsCount === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-button\"\n            role=\"button\"\n            class=\"${selectionButtonClasses}\"\n            tabindex=\"-1\"\n            aria-disabled=${readOnly}\n            title=\"${clearSelectionLabel}\">\n            ${selectedItemsCount}\n            ${Close16({\n              'aria-label': clearSelectionLabel,\n              class: `${prefix}--tag__close-icon`,\n            })}\n          </div>\n        `;\n  }\n\n  /**\n    @returns The main content of the trigger button.\n   */\n  protected _renderLabel(): TemplateResult {\n    const { label, value, _selectedItemContent: selectedItemContent } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--text-input--empty`]: !value,\n    });\n\n    return !this.filterable\n      ? html`\n          <span id=\"trigger-label\" class=\"${prefix}--list-box__label\"\n            >${selectedItemContent || label}</span\n          >\n        `\n      : html`\n          <input\n            id=\"trigger-label\"\n            class=\"${inputClasses}\"\n            placeholder=\"${label}\"\n            role=\"combobox\"\n            aria-controls=\"menu-body\"\n            aria-autocomplete=\"list\"\n            @input=\"${this._handleInput}\" />\n        `;\n  }\n\n  protected _renderFollowingLabel(): TemplateResult | void {\n    const { clearSelectionLabel, _filterInputNode: filterInputNode } = this;\n    return filterInputNode &&\n      filterInputNode.value.length > 0 &&\n      this.filterable\n      ? html`\n          <div\n            id=\"clear-button\"\n            role=\"button\"\n            class=\"${prefix}--list-box__selection\"\n            tabindex=\"0\"\n            title=\"${clearSelectionLabel}\">\n            ${Close16({ 'aria-label': clearSelectionLabel })}\n          </div>\n        `\n      : undefined;\n  }\n\n  /**\n   * Handles `input` event on the `<input>` for filtering.\n   */\n  protected _handleInput() {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSMultiSelect).selectorItem\n    );\n    const inputValue = this._filterInputNode.value.toLocaleLowerCase();\n\n    if (!this.open) {\n      this.open = true;\n    }\n\n    forEach(items, (item) => {\n      const itemValue = (item as HTMLElement).innerText.toLocaleLowerCase();\n\n      if (!itemValue.includes(inputValue)) {\n        (item as CDSMultiSelectItem).setAttribute('filtered', '');\n        (item as CDSMultiSelectItem).removeAttribute('highlighted');\n      } else {\n        (item as CDSMultiSelectItem).removeAttribute('filtered');\n      }\n    });\n\n    this.requestUpdate();\n  }\n\n  /**\n   * Navigate through dropdown items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (!this.filterable) {\n      super._navigate(direction);\n    } else {\n      // only navigate through remaining item\n      const constructor = this.constructor as typeof CDSMultiSelect;\n      const items = this.querySelectorAll(constructor.selectorItemResults);\n      const highlightedItem = this.querySelector(\n        constructor.selectorItemHighlighted\n      );\n      const highlightedIndex = indexOf(items, highlightedItem!);\n\n      let nextIndex = highlightedIndex + direction;\n      if (nextIndex < 0) {\n        nextIndex = items.length - 1;\n      }\n      if (nextIndex >= items.length) {\n        nextIndex = 0;\n      }\n      forEach(items, (item, i) => {\n        (item as CDSMultiSelectItem).highlighted = i === nextIndex;\n      });\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    const constructor = this.constructor as typeof CDSMultiSelect;\n    const items = this.querySelectorAll(constructor.selectorItemFiltered);\n    this._filterInputNode.value = '';\n    this.open = true;\n    this._filterInputNode.focus();\n    forEach(items, (item) => {\n      (item as CDSMultiSelectItem).removeAttribute('filtered');\n    });\n  }\n\n  /**\n   * The `aria-label` attribute for the icon to clear selection.\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel = '';\n\n  /**\n   * Specify the text that should be read for screen readers that describes total items selected\n   */\n  @property({ attribute: 'clear-selection-description' })\n  clearSelectionDescription = 'Total items selected: ';\n\n  /**\n   * Specify the text that should be read for screen readers to clear selection.\n   */\n  @property({ attribute: 'clear-selection-text' })\n  clearSelectionText = 'To clear selection, press Delete or Backspace.';\n\n  /**\n   * Specify the locale of the control. Used for the default compareItems used for sorting the list of items in the control.\n   */\n  @property()\n  locale = 'en';\n\n  /**\n   * Specify feedback (mode) of the selection.\n   * `top`: selected item jumps to top\n   * `fixed`: selected item stays at it's position\n   * `top-after-reopen`: selected item jump to top after reopen dropdown\n   */\n  @property({ attribute: 'selection-feedback' })\n  selectionFeedback = SELECTION_FEEDBACK_OPTION.TOP_AFTER_REOPEN;\n\n  /**\n   * The CSS class list for multi-select listbox\n   */\n  protected get _classes() {\n    const {\n      disabled,\n      size,\n      type,\n      invalid,\n      readOnly,\n      open,\n      warn,\n      _selectedItemsCount: selectedItemsCount,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n\n    return classMap({\n      [`${prefix}--multi-select`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--disabled`]: disabled,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--list-box--expanded`]: open,\n      [`${prefix}--list-box--${size}`]: size,\n      [`${prefix}--multi-select--invalid`]: invalid,\n      [`${prefix}--multi-select--warn`]: warn,\n      [`${prefix}--multi-select--inline`]: inline,\n      [`${prefix}--multi-select--readonly`]: readOnly,\n      [`${prefix}--multi-select--selected`]: selectedItemsCount > 0,\n    });\n  }\n\n  protected compareItems = (itemA, itemB, { locale }) => {\n    itemA.localeCompare(itemB, locale, { numeric: true });\n  };\n\n  protected sortItems = (\n    menuItems: NodeList,\n    { values, compareItems, locale = 'en' }\n  ) => {\n    const menuItemsArray = Array.from(menuItems);\n\n    const sortedArray = menuItemsArray.sort((itemA, itemB) => {\n      const hasItemA = values.includes((itemA as HTMLInputElement).value);\n      const hasItemB = values.includes((itemB as HTMLInputElement).value);\n\n      // Prefer whichever item is in the `value` array first\n      if (hasItemA && !hasItemB) {\n        return -1;\n      }\n\n      if (hasItemB && !hasItemA) {\n        return 1;\n      }\n\n      return compareItems(\n        (itemA as HTMLInputElement).value,\n        (itemB as HTMLInputElement).value,\n        {\n          locale,\n        }\n      );\n    });\n\n    return sortedArray;\n  };\n\n  shouldUpdate(changedProperties) {\n    const { selectorItem, slugItem } = this\n      .constructor as typeof CDSMultiSelect;\n    const slug = this.querySelector(slugItem);\n    const items = this.querySelectorAll(selectorItem);\n\n    const { value, locale } = this;\n    const values = !value ? [] : value.split(',');\n\n    if (changedProperties.has('size')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSMultiSelectItem).size = this.size;\n      });\n    }\n    if (changedProperties.has('value')) {\n      // Updates selection beforehand because our rendering logic for `<cds-multi-select>` looks for selected items via `qSA()`\n      forEach(items, (elem) => {\n        (elem as CDSMultiSelectItem).selected =\n          values.indexOf((elem as CDSMultiSelectItem).value) >= 0;\n      });\n      this._selectedItemsCount = filter(\n        items,\n        (elem) => values.indexOf((elem as CDSMultiSelectItem).value) >= 0\n      ).length;\n\n      if (this.selectionFeedback === SELECTION_FEEDBACK_OPTION.TOP) {\n        const sortedMenuItems = this.sortItems(items, {\n          values,\n          compareItems: this.compareItems,\n          locale,\n        });\n\n        slug ? sortedMenuItems.unshift(slug as Node) : '';\n        // @todo remove typecast once we've updated to Typescript.\n        (this as any).replaceChildren(...sortedMenuItems);\n      }\n    }\n    if (changedProperties.has('open')) {\n      if (\n        this.selectionFeedback === SELECTION_FEEDBACK_OPTION.TOP_AFTER_REOPEN\n      ) {\n        const sortedMenuItems = this.sortItems(items, {\n          values,\n          compareItems: this.compareItems,\n          locale,\n        });\n\n        slug ? sortedMenuItems.unshift(slug as Node) : '';\n        // @todo remove typecast once we've updated to Typescript.\n        (this as any).replaceChildren(...sortedMenuItems);\n      }\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open') && this.open && !this.filterable) {\n      // move focus to menu body when open for non-filterable mulit-select\n      this._menuBodyNode.focus();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    /**\n     * Detect if multi-select already has initially selected items\n     */\n    this.value = filter(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSMultiSelect).selectorItem\n      ),\n      (item) => (item as CDSMultiSelectItem).selected\n    )\n      .map((item) => (item as CDSMultiSelectItem).value)\n      .join(',');\n  }\n\n  /**\n   * A selector that will return menu body.\n   */\n  static get selectorMenuBody() {\n    return `div[part=\"menu-body\"]`;\n  }\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-multi-select-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return multi select items.\n   * We use a separate property from `.itemTagName` due to the nature in difference of tag name vs. selector.\n   */\n  static get selectorItem() {\n    return `${prefix}-multi-select-item`;\n  }\n\n  /**\n   * A selector that will return remaining items after a filter.\n   */\n  static get selectorItemFiltered() {\n    return `${prefix}-multi-select-item[filtered]`;\n  }\n\n  /**\n   * A selector that will return remaining items after a filter.\n   */\n  static get selectorItemResults() {\n    return `${prefix}-multi-select-item:not([filtered])`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-multi-select-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this multi select item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this multi select item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-multi-select-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this multi select item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-multi-select-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a multi select item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-multi-select-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a multi select item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-multi-select-selected`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSMultiSelect;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"multi-select.js","names":["html","property","query","classMap","Close16","prefix","filter","forEach","indexOf","CDSDropdown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_TYPE","SELECTION_FEEDBACK_OPTION","styles","carbonElement","customElement","DROPDOWN_SIZE","DROPDOWN_DIRECTION","CDSMultiSelect","_decorate","_initialize","_CDSDropdown","constructor","args","F","d","kind","decorators","type","Boolean","key","value","_selectionShouldChange","itemToSelect","_selectionDidChange","selected","querySelectorAll","selectorItemSelected","item","_handleUserInitiatedToggle","selectorItem","map","join","_handleClickInner","event","_this$_selectionButto","_this$_clearButtonNod","_event$target","_selectionButtonNode","contains","target","readOnly","_handleUserInitiatedSelectItem","filterable","_filterInputNode","focus","_triggerNode","_clearButtonNode","_handleUserInitiatedClearInput","matches","slugItem","_superPropGet","_handleKeypressInner","_this$_clearButtonNod2","_this$_selectionButto2","action","getAction","TRIGGERING","open","_handleKeypressInnerFlterable","highlightedItem","querySelector","selectorItemHighlighted","_renderTitleLabel","clearSelectionDescription","clearSelectionText","disabled","hideLabel","titleText","_selectedItemsCount","selectedItemsCount","_slotTitleTextNode","slotTitleTextNode","_handleSlotchangeLabelText","handleSlotchangeLabelText","labelClasses","hasTitleText","assignedNodes","length","_t","_","_t2","_renderPrecedingLabel","clearSelectionLabel","selectionButtonClasses","undefined","_t3","class","_renderLabel","label","_selectedItemContent","selectedItemContent","inputClasses","_t4","_t5","_handleInput","_renderFollowingLabel","filterInputNode","_t6","items","inputValue","toLocaleLowerCase","itemValue","innerText","includes","setAttribute","removeAttribute","requestUpdate","_navigate","direction","selectorItemResults","highlightedIndex","nextIndex","i","highlighted","selectorItemFiltered","attribute","TOP_AFTER_REOPEN","size","invalid","warn","inline","INLINE","itemA","itemB","locale","localeCompare","numeric","menuItems","values","compareItems","menuItemsArray","Array","from","sortedArray","sort","hasItemA","hasItemB","shouldUpdate","changedProperties","slug","split","has","elem","selectionFeedback","TOP","sortedMenuItems","sortItems","unshift","replaceChildren","updated","_menuBodyNode","connectedCallback","static"],"sources":["components/multi-select/multi-select.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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 { html, TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport Close16 from '@carbon/icons/lib/close/16';\nimport { prefix } from '../../globals/settings';\nimport {\n  filter,\n  forEach,\n  indexOf,\n} from '../../globals/internal/collection-helpers';\nimport CDSDropdown, {\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_TYPE,\n} from '../dropdown/dropdown';\nimport { SELECTION_FEEDBACK_OPTION } from './defs';\nimport CDSMultiSelectItem from './multi-select-item';\nimport styles from './multi-select.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport {\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  DROPDOWN_DIRECTION,\n} from '../dropdown/dropdown';\n\nexport { SELECTION_FEEDBACK_OPTION };\n\n/**\n * Multi select.\n *\n * @element cds-multi-select\n * @fires cds-multi-select-beingselected\n *   The custom event fired before a multi select item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-multi-select-selected - The custom event fired after a multi select item is selected upon a user gesture.\n * @fires cds-multi-select-beingtoggled\n *   The custom event fired before the open state of this multi select is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-multi-select-toggled\n *   The custom event fired after the open state of this multi select is toggled upon a user gesture.\n */\n@customElement(`${prefix}-multi-select`)\nclass CDSMultiSelect extends CDSDropdown {\n  @property({ type: Boolean })\n  filterable;\n\n  /**\n   * The count of selected items.\n   */\n  private _selectedItemsCount = 0;\n\n  /**\n   * The clear button.\n   */\n  @query('#clear-button')\n  private _clearButtonNode!: HTMLElement;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * The menu body.\n   */\n  @query('#menu-body')\n  private _menuBodyNode!: HTMLElement;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * The trigger button.\n   */\n  @query(`.${prefix}--list-box__field`)\n  private _triggerNode!: HTMLElement;\n\n  protected _selectionShouldChange(itemToSelect?: CDSMultiSelectItem) {\n    // If we are selecting an item, assumes we always toggle\n    return Boolean(this.value || itemToSelect);\n  }\n\n  protected _selectionDidChange(itemToSelect?: CDSMultiSelectItem) {\n    if (itemToSelect) {\n      itemToSelect.selected = !itemToSelect.selected;\n    } else {\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSMultiSelect).selectorItemSelected\n        ),\n        (item) => {\n          (item as CDSMultiSelectItem).selected = false;\n        }\n      );\n      this._handleUserInitiatedToggle(false);\n    }\n    // Change in `.selected` hasn't been reflected to the corresponding attribute yet\n    this.value = filter(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSMultiSelect).selectorItem\n      ),\n      (item) => (item as CDSMultiSelectItem).selected\n    )\n      .map((item) => (item as CDSMultiSelectItem).value)\n      .join(',');\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    if (\n      this._selectionButtonNode?.contains(event.target as Node) &&\n      !this.readOnly\n    ) {\n      this._handleUserInitiatedSelectItem();\n      if (this.filterable) {\n        this._filterInputNode.focus();\n      } else {\n        this._triggerNode.focus();\n      }\n    } else if (this._clearButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedClearInput();\n    } else if (\n      !(event.target as HTMLElement)?.matches(\n        (this.constructor as typeof CDSMultiSelect).slugItem\n      )\n    ) {\n      super._handleClickInner(event);\n      if (this.filterable) {\n        this._filterInputNode.focus();\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keypress` event, ensures filter still works upon entering space\n   */\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n\n    if (\n      this._clearButtonNode?.contains(event.target as Node) &&\n      // Space key should be handled by `<input>` unless \"clear selection\" button has focus\n      (action === TRIGGERING || key === ' ')\n    ) {\n      this._handleUserInitiatedClearInput();\n    } else if (this._selectionButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedSelectItem();\n      this.open = true;\n      if (this.filterable) {\n        this._filterInputNode.focus();\n      } else {\n        this._triggerNode.focus();\n      }\n    } else if (this.filterable) {\n      this._handleKeypressInnerFlterable(event);\n    } else {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Special andler for the `keypress` event, ensures space selection for filterable\n   * variation is disabled\n   */\n\n  protected _handleKeypressInnerFlterable(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    if (!this.open) {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING:\n          this._handleUserInitiatedToggle(true);\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (key) {\n        case 'Enter':\n          {\n            const constructor = this.constructor as typeof CDSDropdown;\n            const highlightedItem = this.querySelector(\n              constructor.selectorItemHighlighted\n            ) as CDSMultiSelectItem;\n            if (highlightedItem) {\n              this._handleUserInitiatedSelectItem(highlightedItem);\n            } else {\n              this._handleUserInitiatedToggle(false);\n            }\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  protected _renderTitleLabel() {\n    const {\n      clearSelectionDescription,\n      clearSelectionText,\n      disabled,\n      hideLabel,\n      titleText,\n      _selectedItemsCount: selectedItemsCount,\n      _slotTitleTextNode: slotTitleTextNode,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    const hasTitleText =\n      titleText ||\n      (slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0);\n\n    return html`\n      <label\n        part=\"title-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasTitleText}\">\n        <slot name=\"title-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${titleText}</slot\n        >\n        ${selectedItemsCount > 0\n          ? html`\n              <span class=\"${prefix}--visually-hidden\">\n                ${clearSelectionDescription} ${selectedItemsCount},\n                ${clearSelectionText}\n              </span>\n            `\n          : null}\n      </label>\n    `;\n  }\n\n  protected _renderPrecedingLabel() {\n    const {\n      disabled,\n      readOnly,\n      clearSelectionLabel,\n      _selectedItemsCount: selectedItemsCount,\n    } = this;\n\n    const selectionButtonClasses = classMap({\n      [`${prefix}--list-box__selection`]: true,\n      [`${prefix}--list-box__selection--multi`]: true,\n      [`${prefix}--tag`]: true,\n      [`${prefix}--tag--filter`]: true,\n      [`${prefix}--tag--high-contrast`]: true,\n      [`${prefix}--tag--disabled`]: disabled,\n    });\n    return selectedItemsCount === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-button\"\n            role=\"button\"\n            class=\"${selectionButtonClasses}\"\n            tabindex=\"-1\"\n            aria-disabled=${readOnly}\n            title=\"${clearSelectionLabel}\">\n            ${selectedItemsCount}\n            ${Close16({\n              'aria-label': clearSelectionLabel,\n              class: `${prefix}--tag__close-icon`,\n            })}\n          </div>\n        `;\n  }\n\n  /**\n    @returns The main content of the trigger button.\n   */\n  protected _renderLabel(): TemplateResult {\n    const { label, value, _selectedItemContent: selectedItemContent } = this;\n\n    const inputClasses = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--text-input--empty`]: !value,\n    });\n\n    return !this.filterable\n      ? html`\n          <span id=\"trigger-label\" class=\"${prefix}--list-box__label\"\n            >${selectedItemContent || label}</span\n          >\n        `\n      : html`\n          <input\n            id=\"trigger-label\"\n            class=\"${inputClasses}\"\n            placeholder=\"${label}\"\n            role=\"combobox\"\n            aria-controls=\"menu-body\"\n            aria-autocomplete=\"list\"\n            @input=\"${this._handleInput}\" />\n        `;\n  }\n\n  protected _renderFollowingLabel(): TemplateResult | void {\n    const { clearSelectionLabel, _filterInputNode: filterInputNode } = this;\n    return filterInputNode &&\n      filterInputNode.value.length > 0 &&\n      this.filterable\n      ? html`\n          <div\n            id=\"clear-button\"\n            role=\"button\"\n            class=\"${prefix}--list-box__selection\"\n            tabindex=\"0\"\n            title=\"${clearSelectionLabel}\">\n            ${Close16({ 'aria-label': clearSelectionLabel })}\n          </div>\n        `\n      : undefined;\n  }\n\n  /**\n   * Handles `input` event on the `<input>` for filtering.\n   */\n  protected _handleInput() {\n    const items = this.querySelectorAll(\n      (this.constructor as typeof CDSMultiSelect).selectorItem\n    );\n    const inputValue = this._filterInputNode.value.toLocaleLowerCase();\n\n    if (!this.open) {\n      this.open = true;\n    }\n\n    forEach(items, (item) => {\n      const itemValue = (item as HTMLElement).innerText.toLocaleLowerCase();\n\n      if (!itemValue.includes(inputValue)) {\n        (item as CDSMultiSelectItem).setAttribute('filtered', '');\n        (item as CDSMultiSelectItem).removeAttribute('highlighted');\n      } else {\n        (item as CDSMultiSelectItem).removeAttribute('filtered');\n      }\n    });\n\n    this.requestUpdate();\n  }\n\n  /**\n   * Navigate through dropdown items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    if (!this.filterable) {\n      super._navigate(direction);\n    } else {\n      // only navigate through remaining item\n      const constructor = this.constructor as typeof CDSMultiSelect;\n      const items = this.querySelectorAll(constructor.selectorItemResults);\n      const highlightedItem = this.querySelector(\n        constructor.selectorItemHighlighted\n      );\n      const highlightedIndex = indexOf(items, highlightedItem!);\n\n      let nextIndex = highlightedIndex + direction;\n      if (nextIndex < 0) {\n        nextIndex = items.length - 1;\n      }\n      if (nextIndex >= items.length) {\n        nextIndex = 0;\n      }\n      forEach(items, (item, i) => {\n        (item as CDSMultiSelectItem).highlighted = i === nextIndex;\n      });\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    const constructor = this.constructor as typeof CDSMultiSelect;\n    const items = this.querySelectorAll(constructor.selectorItemFiltered);\n    this._filterInputNode.value = '';\n    this.open = true;\n    this._filterInputNode.focus();\n    forEach(items, (item) => {\n      (item as CDSMultiSelectItem).removeAttribute('filtered');\n    });\n  }\n\n  /**\n   * The `aria-label` attribute for the icon to clear selection.\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel = '';\n\n  /**\n   * Specify the text that should be read for screen readers that describes total items selected\n   */\n  @property({ attribute: 'clear-selection-description' })\n  clearSelectionDescription = 'Total items selected: ';\n\n  /**\n   * Specify the text that should be read for screen readers to clear selection.\n   */\n  @property({ attribute: 'clear-selection-text' })\n  clearSelectionText = 'To clear selection, press Delete or Backspace.';\n\n  /**\n   * Specify the locale of the control. Used for the default compareItems used for sorting the list of items in the control.\n   */\n  @property()\n  locale = 'en';\n\n  /**\n   * Specify feedback (mode) of the selection.\n   * `top`: selected item jumps to top\n   * `fixed`: selected item stays at it's position\n   * `top-after-reopen`: selected item jump to top after reopen dropdown\n   */\n  @property({ attribute: 'selection-feedback' })\n  selectionFeedback = SELECTION_FEEDBACK_OPTION.TOP_AFTER_REOPEN;\n\n  /**\n   * The CSS class list for multi-select listbox\n   */\n  protected get _classes() {\n    const {\n      disabled,\n      size,\n      type,\n      invalid,\n      readOnly,\n      open,\n      warn,\n      _selectedItemsCount: selectedItemsCount,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n\n    return classMap({\n      [`${prefix}--multi-select`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--disabled`]: disabled,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--list-box--expanded`]: open,\n      [`${prefix}--list-box--${size}`]: size,\n      [`${prefix}--multi-select--invalid`]: invalid,\n      [`${prefix}--multi-select--warn`]: warn,\n      [`${prefix}--multi-select--inline`]: inline,\n      [`${prefix}--multi-select--readonly`]: readOnly,\n      [`${prefix}--multi-select--selected`]: selectedItemsCount > 0,\n    });\n  }\n\n  protected compareItems = (itemA, itemB, { locale }) => {\n    itemA.localeCompare(itemB, locale, { numeric: true });\n  };\n\n  protected sortItems = (\n    menuItems: NodeList,\n    { values, compareItems, locale = 'en' }\n  ) => {\n    const menuItemsArray = Array.from(menuItems);\n\n    const sortedArray = menuItemsArray.sort((itemA, itemB) => {\n      const hasItemA = values.includes((itemA as HTMLInputElement).value);\n      const hasItemB = values.includes((itemB as HTMLInputElement).value);\n\n      // Prefer whichever item is in the `value` array first\n      if (hasItemA && !hasItemB) {\n        return -1;\n      }\n\n      if (hasItemB && !hasItemA) {\n        return 1;\n      }\n\n      return compareItems(\n        (itemA as HTMLInputElement).value,\n        (itemB as HTMLInputElement).value,\n        {\n          locale,\n        }\n      );\n    });\n\n    return sortedArray;\n  };\n\n  shouldUpdate(changedProperties) {\n    const { selectorItem, slugItem } = this\n      .constructor as typeof CDSMultiSelect;\n    const slug = this.querySelector(slugItem);\n    const items = this.querySelectorAll(selectorItem);\n\n    const { value, locale } = this;\n    const values = !value ? [] : value.split(',');\n\n    if (changedProperties.has('size')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSMultiSelectItem).size = this.size;\n      });\n    }\n    if (changedProperties.has('value')) {\n      // Updates selection beforehand because our rendering logic for `<cds-multi-select>` looks for selected items via `qSA()`\n      forEach(items, (elem) => {\n        (elem as CDSMultiSelectItem).selected =\n          values.indexOf((elem as CDSMultiSelectItem).value) >= 0;\n      });\n      this._selectedItemsCount = filter(\n        items,\n        (elem) => values.indexOf((elem as CDSMultiSelectItem).value) >= 0\n      ).length;\n\n      if (this.selectionFeedback === SELECTION_FEEDBACK_OPTION.TOP) {\n        const sortedMenuItems = this.sortItems(items, {\n          values,\n          compareItems: this.compareItems,\n          locale,\n        });\n\n        slug ? sortedMenuItems.unshift(slug as Node) : '';\n        // @todo remove typecast once we've updated to Typescript.\n        (this as any).replaceChildren(...sortedMenuItems);\n      }\n    }\n    if (changedProperties.has('open')) {\n      if (\n        this.selectionFeedback === SELECTION_FEEDBACK_OPTION.TOP_AFTER_REOPEN\n      ) {\n        const sortedMenuItems = this.sortItems(items, {\n          values,\n          compareItems: this.compareItems,\n          locale,\n        });\n\n        slug ? sortedMenuItems.unshift(slug as Node) : '';\n        // @todo remove typecast once we've updated to Typescript.\n        (this as any).replaceChildren(...sortedMenuItems);\n      }\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (changedProperties.has('open') && this.open && !this.filterable) {\n      // move focus to menu body when open for non-filterable mulit-select\n      this._menuBodyNode.focus();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    /**\n     * Detect if multi-select already has initially selected items\n     */\n    this.value = filter(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSMultiSelect).selectorItem\n      ),\n      (item) => (item as CDSMultiSelectItem).selected\n    )\n      .map((item) => (item as CDSMultiSelectItem).value)\n      .join(',');\n  }\n\n  /**\n   * A selector that will return menu body.\n   */\n  static get selectorMenuBody() {\n    return `div[part=\"menu-body\"]`;\n  }\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-multi-select-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return multi select items.\n   * We use a separate property from `.itemTagName` due to the nature in difference of tag name vs. selector.\n   */\n  static get selectorItem() {\n    return `${prefix}-multi-select-item`;\n  }\n\n  /**\n   * A selector that will return remaining items after a filter.\n   */\n  static get selectorItemFiltered() {\n    return `${prefix}-multi-select-item[filtered]`;\n  }\n\n  /**\n   * A selector that will return remaining items after a filter.\n   */\n  static get selectorItemResults() {\n    return `${prefix}-multi-select-item:not([filtered])`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-multi-select-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this multi select item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this multi select item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-multi-select-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this multi select item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-multi-select-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a multi select item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-multi-select-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a multi select item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-multi-select-selected`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSMultiSelect;\n"],"mappings":"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","ignoreList":[]}

package/es/components/notification/actionable-notification-button.js

@@ -1,6 +1,7 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -34,7 +35,7 @@ let CDSActionableNotificationButton = _decorate([customElement(`${prefix}-action
       key: "update",
       value: function update(changedProperties) {
         var _getElementById;
-        _get(_getPrototypeOf(CDSActionableNotificationButton.prototype), "update", this).call(this, changedProperties);
+        _superPropGet(CDSActionableNotificationButton, "update", this, 3)([changedProperties]);
         (_getElementById = this.shadowRoot.getElementById('button')) === null || _getElementById === void 0 || _getElementById.classList.add(`${prefix}--actionable-notification__action-button`);
         this.setAttribute('size', 'sm');
       }

package/es/components/notification/actionable-notification-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"actionable-notification-button.js","names":["prefix","CDSButton","styles","carbonElement","customElement","CDSActionableNotificationButton","_decorate","_initialize","_CDSButton","constructor","args","F","d","kind","key","value","update","changedProperties","_getElementById","_get","_getPrototypeOf","prototype","call","shadowRoot","getElementById","classList","add","setAttribute","static"],"sources":["components/notification/actionable-notification-button.ts"],"sourcesContent":["/**\n * @license\n *\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 { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport styles from './actionable-notification.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Actionable notification action button.\n *\n * @element cds-actionable-notification-button\n */\n@customElement(`${prefix}-actionable-notification-button`)\nclass CDSActionableNotificationButton extends CDSButton {\n  update(changedProperties) {\n    super.update(changedProperties);\n    this.shadowRoot!.getElementById('button')?.classList.add(\n      `${prefix}--actionable-notification__action-button`\n    );\n\n    this.setAttribute('size', 'sm');\n  }\n\n  static styles = styles;\n}\n\nexport default CDSActionableNotificationButton;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,MAAM,MAAM,oCAAgC;AACnD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,+BAA+B,GAAAC,SAAA,EADpCF,aAAa,CAAC,GAAGJ,MAAM,iCAAiC,CAAC,aAAAO,WAAA,EAAAC,UAAA;EAA1D,MACMH,+BAA+B,SAAAG,UAAA,CAAmB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAWxD;EAAC;IAAAI,CAAA,EAXKN,+BAA+B;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACnC,SAAAC,OAAOC,iBAAiB,EAAE;QAAA,IAAAC,eAAA;QACxBC,IAAA,CAAAC,eAAA,CAFEf,+BAA+B,CAAAgB,SAAA,mBAAAC,IAAA,OAEpBL,iBAAiB;QAC9B,CAAAC,eAAA,OAAI,CAACK,UAAU,CAAEC,cAAc,CAAC,QAAQ,CAAC,cAAAN,eAAA,eAAzCA,eAAA,CAA2CO,SAAS,CAACC,GAAG,CACtD,GAAG1B,MAAM,0CACX,CAAC;QAED,IAAI,CAAC2B,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC;MACjC;IAAC;MAAAd,IAAA;MAAAe,MAAA;MAAAd,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GAVsBD,SAAS;AAavD,eAAeI,+BAA+B","ignoreList":[]}
+{"version":3,"file":"actionable-notification-button.js","names":["prefix","CDSButton","styles","carbonElement","customElement","CDSActionableNotificationButton","_decorate","_initialize","_CDSButton","constructor","args","F","d","kind","key","value","update","changedProperties","_getElementById","_superPropGet","shadowRoot","getElementById","classList","add","setAttribute","static"],"sources":["components/notification/actionable-notification-button.ts"],"sourcesContent":["/**\n * @license\n *\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 { prefix } from '../../globals/settings';\nimport CDSButton from '../button/button';\nimport styles from './actionable-notification.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Actionable notification action button.\n *\n * @element cds-actionable-notification-button\n */\n@customElement(`${prefix}-actionable-notification-button`)\nclass CDSActionableNotificationButton extends CDSButton {\n  update(changedProperties) {\n    super.update(changedProperties);\n    this.shadowRoot!.getElementById('button')?.classList.add(\n      `${prefix}--actionable-notification__action-button`\n    );\n\n    this.setAttribute('size', 'sm');\n  }\n\n  static styles = styles;\n}\n\nexport default CDSActionableNotificationButton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,MAAM,MAAM,oCAAgC;AACnD,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AACA;AACA;AAJA,IAMMC,+BAA+B,GAAAC,SAAA,EADpCF,aAAa,CAAC,GAAGJ,MAAM,iCAAiC,CAAC,aAAAO,WAAA,EAAAC,UAAA;EAA1D,MACMH,+BAA+B,SAAAG,UAAA,CAAmB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAWxD;EAAC;IAAAI,CAAA,EAXKN,+BAA+B;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,EACnC,SAAAC,MAAMA,CAACC,iBAAiB,EAAE;QAAA,IAAAC,eAAA;QACxBC,aAAA,CAFEd,+BAA+B,sBAEpBY,iBAAiB;QAC9B,CAAAC,eAAA,OAAI,CAACE,UAAU,CAAEC,cAAc,CAAC,QAAQ,CAAC,cAAAH,eAAA,eAAzCA,eAAA,CAA2CI,SAAS,CAACC,GAAG,CACtD,GAAGvB,MAAM,0CACX,CAAC;QAED,IAAI,CAACwB,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC;MACjC;IAAC;MAAAX,IAAA;MAAAY,MAAA;MAAAX,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GAVsBD,SAAS;AAavD,eAAeI,+BAA+B","ignoreList":[]}

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

@@ -1,10 +1,11 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t,
   _t2,
   _t3;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -160,7 +161,7 @@ let CDSActionableNotification = _decorate([customElement(`${prefix}-actionable-n
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'alertdialog');
         }
-        _get(_getPrototypeOf(CDSActionableNotification.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSActionableNotification, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",
@@ -217,7 +218,7 @@ let CDSActionableNotification = _decorate([customElement(`${prefix}-actionable-n
       kind: "method",
       key: "updated",
       value: function updated(changedProperties) {
-        _get(_getPrototypeOf(CDSActionableNotification.prototype), "updated", this).call(this, changedProperties);
+        _superPropGet(CDSActionableNotification, "updated", this, 3)([changedProperties]);
         const button = this.querySelector(this.constructor.selectorActionButton);
         if (changedProperties.has('inline')) {
           button === null || button === void 0 || button.setAttribute('kind', this.inline ? 'ghost' : 'tertiary');
@@ -265,7 +266,7 @@ let CDSActionableNotification = _decorate([customElement(`${prefix}-actionable-n
       kind: "get",
       static: true,
       key: "selectorActionButton",
-      value: function selectorActionButton() {
+      value: function () {
         return `${prefix}-actionable-notification-button`;
       }
     }, {

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

@@ -1 +1 @@
-{"version":3,"file":"actionable-notification.js","names":["CheckmarkFilled20","ErrorFilled20","InformationFilled20","InformationSquareFilled20","WarningFilled20","WarningAltFilled20","html","svg","property","prefix","carbonElement","customElement","NOTIFICATION_TYPE","NOTIFICATION_KIND","CDSInlineNotification","styles","HostListener","HostListenerMixin","iconsForKinds","SUCCESS","INFO","INFO_SQUARE","WARNING","WARNING_ALT","ERROR","CDSActionableNotification","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","ACTIONABLE","decorators","type","Boolean","reflect","String","attribute","event","closeOnEscape","open","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","_renderIcon","statusIconDescription","inline","icon","undefined","class","children","_t","_","_renderText","subtitle","title","_type","_t2","updated","changedProperties","button","querySelector","selectorActionButton","has","lowContrast","removeAttribute","hideCloseButton","hasFocus","focus","render","_t3","_renderButton","static"],"sources":["components/notification/actionable-notification.ts"],"sourcesContent":["/**\n * @license\n *\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 */\nimport CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';\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 { html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { NOTIFICATION_TYPE, NOTIFICATION_KIND } from './defs';\nimport CDSInlineNotification from './inline-notification';\nimport styles from './actionable-notification.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\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 * Actionable notification.\n *\n * @element cds-actionable-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}-actionable-notification`)\nclass CDSActionableNotification extends HostListenerMixin(\n  CDSInlineNotification\n) {\n  protected _type = NOTIFICATION_TYPE.ACTIONABLE;\n\n  /**\n   * Inline notification type.\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  /**\n   * Pass in the action button label that will be rendered within the ActionableNotification.\n   */\n  @property({ type: String, reflect: true, attribute: 'action-button-label' })\n  actionButtonLabel = '';\n\n  /**\n   * Specify if pressing the escape key should close notifications\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'close-on-escape' })\n  closeOnEscape = true;\n\n  /**\n   * Specify if focus should be moved to the component when the notification contains actions\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'has-focus' })\n  hasFocus = true;\n\n  /**\n   * Handles `keydown` event on this event.\n   * Escape will close the notification if `closeOnEscape` is true\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeyDown = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.closeOnEscape && key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'alertdialog');\n    }\n    super.connectedCallback();\n  }\n\n  protected _renderIcon() {\n    const { statusIconDescription, kind, inline } = this;\n    const { [kind]: icon } = iconsForKinds;\n    return !icon\n      ? undefined\n      : icon({\n          class: `${prefix}--${inline ? 'inline' : 'toast'}-notification__icon`,\n          children: !statusIconDescription\n            ? undefined\n            : svg`<title>${statusIconDescription}</title>`,\n        });\n  }\n\n  protected _renderText() {\n    const { subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <div class=\"${prefix}--${type}-notification__content\">\n          <div class=\"${prefix}--${type}-notification__title\">\n            ${title}<slot name=\"title\"></slot>\n          </div>\n          <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  /**\n   * The caption.\n   */\n  @property()\n  caption = '';\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const button = this.querySelector(\n      (this.constructor as typeof CDSActionableNotification)\n        .selectorActionButton\n    );\n    if (changedProperties.has('inline')) {\n      button?.setAttribute('kind', this.inline ? 'ghost' : 'tertiary');\n    }\n    if (changedProperties.has('lowContrast')) {\n      if (this.lowContrast) {\n        button?.setAttribute('low-contrast', 'true');\n      } else {\n        button?.removeAttribute('low-contrast');\n      }\n    }\n    if (changedProperties.has('hideCloseButton')) {\n      if (this.hideCloseButton) {\n        button?.setAttribute('hide-close-button', 'true');\n      } else {\n        button?.removeAttribute('hide-close-button');\n      }\n    }\n    if (changedProperties.has('hasFocus')) {\n      if (this.hasFocus) {\n        this.focus();\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      <slot name=\"action\"></slot>\n      ${this._renderButton()}\n    `;\n  }\n\n  /**\n   * A selector that will return the action button element\n   */\n  static get selectorActionButton() {\n    return `${prefix}-actionable-notification-button`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSActionableNotification;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"actionable-notification.js","names":["CheckmarkFilled20","ErrorFilled20","InformationFilled20","InformationSquareFilled20","WarningFilled20","WarningAltFilled20","html","svg","property","prefix","carbonElement","customElement","NOTIFICATION_TYPE","NOTIFICATION_KIND","CDSInlineNotification","styles","HostListener","HostListenerMixin","iconsForKinds","SUCCESS","INFO","INFO_SQUARE","WARNING","WARNING_ALT","ERROR","CDSActionableNotification","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","ACTIONABLE","decorators","type","Boolean","reflect","String","attribute","event","closeOnEscape","open","connectedCallback","hasAttribute","setAttribute","_superPropGet","_renderIcon","statusIconDescription","inline","icon","undefined","class","children","_t","_","_renderText","subtitle","title","_type","_t2","updated","changedProperties","button","querySelector","selectorActionButton","has","lowContrast","removeAttribute","hideCloseButton","hasFocus","focus","render","_t3","_renderButton","static"],"sources":["components/notification/actionable-notification.ts"],"sourcesContent":["/**\n * @license\n *\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 */\nimport CheckmarkFilled20 from '@carbon/icons/lib/checkmark--filled/20';\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 { html, svg } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { NOTIFICATION_TYPE, NOTIFICATION_KIND } from './defs';\nimport CDSInlineNotification from './inline-notification';\nimport styles from './actionable-notification.scss';\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\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 * Actionable notification.\n *\n * @element cds-actionable-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}-actionable-notification`)\nclass CDSActionableNotification extends HostListenerMixin(\n  CDSInlineNotification\n) {\n  protected _type = NOTIFICATION_TYPE.ACTIONABLE;\n\n  /**\n   * Inline notification type.\n   */\n  @property({ type: Boolean, reflect: true })\n  inline = false;\n\n  /**\n   * Pass in the action button label that will be rendered within the ActionableNotification.\n   */\n  @property({ type: String, reflect: true, attribute: 'action-button-label' })\n  actionButtonLabel = '';\n\n  /**\n   * Specify if pressing the escape key should close notifications\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'close-on-escape' })\n  closeOnEscape = true;\n\n  /**\n   * Specify if focus should be moved to the component when the notification contains actions\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'has-focus' })\n  hasFocus = true;\n\n  /**\n   * Handles `keydown` event on this event.\n   * Escape will close the notification if `closeOnEscape` is true\n   */\n  @HostListener('keydown')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleKeyDown = async (event: KeyboardEvent) => {\n    const { key } = event;\n    if (this.closeOnEscape && key === 'Escape') {\n      this.open = false;\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'alertdialog');\n    }\n    super.connectedCallback();\n  }\n\n  protected _renderIcon() {\n    const { statusIconDescription, kind, inline } = this;\n    const { [kind]: icon } = iconsForKinds;\n    return !icon\n      ? undefined\n      : icon({\n          class: `${prefix}--${inline ? 'inline' : 'toast'}-notification__icon`,\n          children: !statusIconDescription\n            ? undefined\n            : svg`<title>${statusIconDescription}</title>`,\n        });\n  }\n\n  protected _renderText() {\n    const { subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__text-wrapper\">\n        <div class=\"${prefix}--${type}-notification__content\">\n          <div class=\"${prefix}--${type}-notification__title\">\n            ${title}<slot name=\"title\"></slot>\n          </div>\n          <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  /**\n   * The caption.\n   */\n  @property()\n  caption = '';\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const button = this.querySelector(\n      (this.constructor as typeof CDSActionableNotification)\n        .selectorActionButton\n    );\n    if (changedProperties.has('inline')) {\n      button?.setAttribute('kind', this.inline ? 'ghost' : 'tertiary');\n    }\n    if (changedProperties.has('lowContrast')) {\n      if (this.lowContrast) {\n        button?.setAttribute('low-contrast', 'true');\n      } else {\n        button?.removeAttribute('low-contrast');\n      }\n    }\n    if (changedProperties.has('hideCloseButton')) {\n      if (this.hideCloseButton) {\n        button?.setAttribute('hide-close-button', 'true');\n      } else {\n        button?.removeAttribute('hide-close-button');\n      }\n    }\n    if (changedProperties.has('hasFocus')) {\n      if (this.hasFocus) {\n        this.focus();\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      <slot name=\"action\"></slot>\n      ${this._renderButton()}\n    `;\n  }\n\n  /**\n   * A selector that will return the action button element\n   */\n  static get selectorActionButton() {\n    return `${prefix}-actionable-notification-button`;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSActionableNotification;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +1,12 @@
 import _decorate from "@babel/runtime/helpers/esm/decorate";
-import _get from "@babel/runtime/helpers/esm/get";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _get from "@babel/runtime/helpers/esm/get";
 let _ = t => t,
   _t,
   _t2,
   _t3,
   _t4;
+function _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }
 /**
  * @license
  *
@@ -346,7 +347,7 @@ let CDSInlineNotification = _decorate([customElement(`${prefix}-inline-notificat
         if (!this.hasAttribute('role')) {
           this.setAttribute('role', 'alert');
         }
-        _get(_getPrototypeOf(CDSInlineNotification.prototype), "connectedCallback", this).call(this);
+        _superPropGet(CDSInlineNotification, "connectedCallback", this, 3)([]);
       }
     }, {
       kind: "method",
@@ -385,7 +386,7 @@ let CDSInlineNotification = _decorate([customElement(`${prefix}-inline-notificat
       kind: "get",
       static: true,
       key: "eventBeforeClose",
-      value: function eventBeforeClose() {
+      value: function () {
         return `${prefix}-notification-beingclosed`;
       }
 
@@ -396,7 +397,7 @@ let CDSInlineNotification = _decorate([customElement(`${prefix}-inline-notificat
       kind: "get",
       static: true,
       key: "eventClose",
-      value: function eventClose() {
+      value: function () {
         return `${prefix}-notification-closed`;
       }
     }, {

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","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   * @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        ${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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","ignoreList":[]}
+{"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","_superPropGet","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   * @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        ${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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"toast-notification.js","names":["html","property","prefix","carbonElement","customElement","NOTIFICATION_TYPE","CDSInlineNotification","styles","CDSToastNotification","_decorate","_initialize","_CDSInlineNotificatio","constructor","args","F","d","kind","key","value","TOAST","_renderText","caption","subtitle","title","_type","type","_t","_","decorators","render","_t2","_renderIcon","_renderButton","static"],"sources":["components/notification/toast-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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { NOTIFICATION_TYPE } from './defs';\nimport CDSInlineNotification from './inline-notification';\nimport styles from './toast-notification.scss';\n\n/**\n * Toast notification.\n *\n * @element cds-toast-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}-toast-notification`)\nclass CDSToastNotification extends CDSInlineNotification {\n  protected _type = NOTIFICATION_TYPE.TOAST;\n\n  protected _renderText() {\n    const { caption, subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__details\">\n        <div class=\"${prefix}--${type}-notification__title\">\n          ${title}<slot name=\"title\"></slot>\n        </div>\n        <div class=\"${prefix}--${type}-notification__subtitle\">\n          ${subtitle}<slot name=\"subtitle\"></slot>\n        </div>\n        <div class=\"${prefix}--${type}-notification__caption\">\n          ${caption}<slot name=\"caption\"></slot>\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * Specify the caption\n   */\n  @property()\n  caption = '';\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      ${this._renderIcon()}\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSToastNotification;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,KAAK;AAC1B,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,SAASC,iBAAiB,QAAQ,QAAQ;AAC1C,OAAOC,qBAAqB,MAAM,uBAAuB;AACzD,OAAOC,MAAM,MAAM,+BAA2B;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAYMC,oBAAoB,GAAAC,SAAA,EADzBL,aAAa,CAAC,GAAGF,MAAM,qBAAqB,CAAC,aAAAQ,WAAA,EAAAC,qBAAA;EAA9C,MACMH,oBAAoB,SAAAG,qBAAA,CAA+B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAuCzD;EAAC;IAAAI,CAAA,EAvCKN,oBAAoB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACNb,iBAAiB,CAACc,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEzC,SAAAE,YAAA,EAAwB;QACtB,MAAM;UAAEC,OAAO;UAAEC,QAAQ;UAAEC,KAAK;UAAEC,KAAK,EAAEC;QAAK,CAAC,GAAG,IAAI;QACtD,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,oBADe;AACf,sBADe;AACf,YADe;AACf;AACA,sBAFe;AACf,YADe;AACf;AACA,sBAFe;AACf,YADe;AACf;AACA;AACA;AACA,KAJe,GACKzB,MAAM,EAAKuB,IAAI,EACbvB,MAAM,EAAKuB,IAAI,EACzBF,KAAK,EAEKrB,MAAM,EAAKuB,IAAI,EACzBH,QAAQ,EAEEpB,MAAM,EAAKuB,IAAI,EACzBJ,OAAO;MAKjB;;MAEA;AACF;AACA;IAFE;MAAAL,IAAA;MAAAY,UAAA,GAGC3B,QAAQ,CAAC,CAAC;MAAAgB,GAAA;MAAAC,MAAA;QAAA,OACD,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEZ,SAAAW,OAAA,EAAS;QACP,MAAM;UAAEL,KAAK,EAAEC;QAAK,CAAC,GAAG,IAAI;QAC5B,OAAOzB,IAAI,CAAA8B,GAAA,KAAAA,GAAA,GAAAH,CAAA;AACf,QADe;AACf,oBADe;AACf,UADe;AACf;AACA,QAFe;AACf,KADe,GACP,IAAI,CAACI,WAAW,CAAC,CAAC,EACN7B,MAAM,EAAKuB,IAAI,EACzB,IAAI,CAACL,WAAW,CAAC,CAAC,EAEpB,IAAI,CAACY,aAAa,CAAC,CAAC;MAE1B;IAAC;MAAAhB,IAAA;MAAAiB,MAAA;MAAAhB,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAtCWD,qBAAqB;AAyCxD,eAAeE,oBAAoB","ignoreList":[]}
+{"version":3,"file":"toast-notification.js","names":["html","property","prefix","carbonElement","customElement","NOTIFICATION_TYPE","CDSInlineNotification","styles","CDSToastNotification","_decorate","_initialize","_CDSInlineNotificatio","constructor","args","F","d","kind","key","value","TOAST","_renderText","caption","subtitle","title","_type","type","_t","_","decorators","render","_t2","_renderIcon","_renderButton","static"],"sources":["components/notification/toast-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 { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { NOTIFICATION_TYPE } from './defs';\nimport CDSInlineNotification from './inline-notification';\nimport styles from './toast-notification.scss';\n\n/**\n * Toast notification.\n *\n * @element cds-toast-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}-toast-notification`)\nclass CDSToastNotification extends CDSInlineNotification {\n  protected _type = NOTIFICATION_TYPE.TOAST;\n\n  protected _renderText() {\n    const { caption, subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__details\">\n        <div class=\"${prefix}--${type}-notification__title\">\n          ${title}<slot name=\"title\"></slot>\n        </div>\n        <div class=\"${prefix}--${type}-notification__subtitle\">\n          ${subtitle}<slot name=\"subtitle\"></slot>\n        </div>\n        <div class=\"${prefix}--${type}-notification__caption\">\n          ${caption}<slot name=\"caption\"></slot>\n        </div>\n        <slot></slot>\n      </div>\n    `;\n  }\n\n  /**\n   * Specify the caption\n   */\n  @property()\n  caption = '';\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      ${this._renderIcon()}\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default CDSToastNotification;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,KAAK;AAC1B,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;AACxF,SAASC,iBAAiB,QAAQ,QAAQ;AAC1C,OAAOC,qBAAqB,MAAM,uBAAuB;AACzD,OAAOC,MAAM,MAAM,+BAA2B;;AAE9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAYMC,oBAAoB,GAAAC,SAAA,EADzBL,aAAa,CAAC,GAAGF,MAAM,qBAAqB,CAAC,aAAAQ,WAAA,EAAAC,qBAAA;EAA9C,MACMH,oBAAoB,SAAAG,qBAAA,CAA+B;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAuCzD;EAAC;IAAAI,CAAA,EAvCKN,oBAAoB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACNb,iBAAiB,CAACc,KAAK;MAAA;IAAA;MAAAH,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEzC,SAAUE,WAAWA,CAAA,EAAG;QACtB,MAAM;UAAEC,OAAO;UAAEC,QAAQ;UAAEC,KAAK;UAAEC,KAAK,EAAEC;QAAK,CAAC,GAAG,IAAI;QACtD,OAAOzB,IAAI,CAAA0B,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,oBADe;AACf,sBADe;AACf,YADe;AACf;AACA,sBAFe;AACf,YADe;AACf;AACA,sBAFe;AACf,YADe;AACf;AACA;AACA;AACA,KAJe,GACKzB,MAAM,EAAKuB,IAAI,EACbvB,MAAM,EAAKuB,IAAI,EACzBF,KAAK,EAEKrB,MAAM,EAAKuB,IAAI,EACzBH,QAAQ,EAEEpB,MAAM,EAAKuB,IAAI,EACzBJ,OAAO;MAKjB;;MAEA;AACF;AACA;IAFE;MAAAL,IAAA;MAAAY,UAAA,GAGC3B,QAAQ,CAAC,CAAC;MAAAgB,GAAA;MAAAC,MAAA;QAAA,OACD,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAEZ,SAAAW,MAAMA,CAAA,EAAG;QACP,MAAM;UAAEL,KAAK,EAAEC;QAAK,CAAC,GAAG,IAAI;QAC5B,OAAOzB,IAAI,CAAA8B,GAAA,KAAAA,GAAA,GAAAH,CAAA;AACf,QADe;AACf,oBADe;AACf,UADe;AACf;AACA,QAFe;AACf,KADe,GACP,IAAI,CAACI,WAAW,CAAC,CAAC,EACN7B,MAAM,EAAKuB,IAAI,EACzB,IAAI,CAACL,WAAW,CAAC,CAAC,EAEpB,IAAI,CAACY,aAAa,CAAC,CAAC;MAE1B;IAAC;MAAAhB,IAAA;MAAAiB,MAAA;MAAAhB,GAAA;MAAAC,MAAA;QAAA,OAEeX,MAAM;MAAA;IAAA;EAAA;AAAA,GAtCWD,qBAAqB;AAyCxD,eAAeE,oBAAoB","ignoreList":[]}

package/es/components/number-input/number-input-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-input-skeleton.js","names":["LitElement","html","property","prefix","styles","carbonElement","customElement","CDSNumberInputSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","render","hideLabel","_t","_","_t2","static"],"sources":["components/number-input/number-input-skeleton.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './number-input.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-number-input-skeleton`)\nclass CDSNumberInputSkeleton extends LitElement {\n  /**\n   * `true` if the label should be hidden. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  render() {\n    const { hideLabel } = this;\n    return html`\n      ${!hideLabel &&\n      html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n      <div class=\"${prefix}--number ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSNumberInputSkeleton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,yBAAqB;AACxC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIMC,sBAAsB,GAAAC,SAAA,EAD3BF,aAAa,CAAC,GAAGH,MAAM,wBAAwB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAjD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiBhD;EAAC;IAAAI,CAAA,EAjBKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzBd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MAJjB;AACF;AACA;;MAIE,SAAAC,OAAA,EAAS;QACP,MAAM;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC1B,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,QADe;AACf,oBADe;AACf,KADe,GACP,CAACF,SAAS,IACZvB,IAAI,CAAA0B,GAAA,KAAAA,GAAA,GAAAD,CAAA,uDAAiBvB,MAAM,EAAWA,MAAM,CAAsB,EACpDA,MAAM,EAAYA,MAAM;MAE1C;IAAC;MAAAY,IAAA;MAAAa,MAAA;MAAAP,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBaJ,UAAU;AAmB/C,eAAeO,sBAAsB","ignoreList":[]}
+{"version":3,"file":"number-input-skeleton.js","names":["LitElement","html","property","prefix","styles","carbonElement","customElement","CDSNumberInputSkeleton","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","attribute","key","value","render","hideLabel","_t","_","_t2","static"],"sources":["components/number-input/number-input-skeleton.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 { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './number-input.scss';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of number input.\n */\n@customElement(`${prefix}-number-input-skeleton`)\nclass CDSNumberInputSkeleton extends LitElement {\n  /**\n   * `true` if the label should be hidden. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  render() {\n    const { hideLabel } = this;\n    return html`\n      ${!hideLabel &&\n      html` <span class=\"${prefix}--label ${prefix}--skeleton\"></span> `}\n      <div class=\"${prefix}--number ${prefix}--skeleton\"></div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSNumberInputSkeleton;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,MAAM,MAAM,yBAAqB;AACxC,SAASC,aAAa,IAAIC,aAAa,QAAQ,yCAAyC;;AAExF;AACA;AACA;AAFA,IAIMC,sBAAsB,GAAAC,SAAA,EAD3BF,aAAa,CAAC,GAAGH,MAAM,wBAAwB,CAAC,aAAAM,WAAA,EAAAC,WAAA;EAAjD,MACMH,sBAAsB,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAiBhD;EAAC;IAAAI,CAAA,EAjBKN,sBAAsB;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIzBd,QAAQ,CAAC;QAAEe,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE,IAAI;QAAEC,SAAS,EAAE;MAAa,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACxD,KAAK;MAAA;IAAA;MAAAP,IAAA;MAAAM,GAAA;MAAAC,KAAA;MAJjB;AACF;AACA;;MAIE,SAAAC,MAAMA,CAAA,EAAG;QACP,MAAM;UAAEC;QAAU,CAAC,GAAG,IAAI;QAC1B,OAAOvB,IAAI,CAAAwB,EAAA,KAAAA,EAAA,GAAAC,CAAA;AACf,QADe;AACf,oBADe;AACf,KADe,GACP,CAACF,SAAS,IACZvB,IAAI,CAAA0B,GAAA,KAAAA,GAAA,GAAAD,CAAA,uDAAiBvB,MAAM,EAAWA,MAAM,CAAsB,EACpDA,MAAM,EAAYA,MAAM;MAE1C;IAAC;MAAAY,IAAA;MAAAa,MAAA;MAAAP,GAAA;MAAAC,MAAA;QAAA,OAEelB,MAAM;MAAA;IAAA;EAAA;AAAA,GAhBaJ,UAAU;AAmB/C,eAAeO,sBAAsB","ignoreList":[]}