@carbon/web-components 2.0.0-beta.3 → 2.0.0-beta.4

package/es/components/dropdown/dropdown.js

@@ -3,7 +3,8 @@ import _decorate from "@babel/runtime/helpers/esm/decorate";
 let _ = t => t,
   _t,
   _t2,
-  _t3;
+  _t3,
+  _t4;
 /**
  * @license
  *
@@ -439,6 +440,38 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
     `), prefix, selectedItemContent || label);
       }
 
+      /**
+       * @returns The title label.
+       */
+    }, {
+      kind: "method",
+      key: "_renderTitleLabel",
+      value: function _renderTitleLabel() {
+        const {
+          disabled,
+          hideLabel,
+          titleText,
+          _slotTitleTextNode: slotTitleTextNode,
+          _handleSlotchangeLabelText: handleSlotchangeLabelText
+        } = this;
+        const labelClasses = classMap({
+          [`${prefix}--label`]: true,
+          [`${prefix}--label--disabled`]: disabled,
+          [`${prefix}--visually-hidden`]: hideLabel
+        });
+        const hasTitleText = titleText || slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0;
+        return html(_t2 || (_t2 = _`
+      <label
+        part="title-text"
+        class="${0}"
+        ?hidden="${0}">
+        <slot name="title-text" @slotchange="${0}"
+          >${0}</slot
+        >
+      </label>
+    `), labelClasses, !hasTitleText, handleSlotchangeLabelText, titleText);
+      }
+
       /* eslint-disable class-methods-use-this */
       /**
        * @returns The content following the trigger button.
@@ -491,12 +524,12 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
     }, {
       kind: "field",
       decorators: [property({
-        type: Boolean,
+        type: String,
         reflect: true
       })],
       key: "direction",
       value() {
-        return false;
+        return DROPDOWN_DIRECTION.BOTTOM;
       }
     }, {
       kind: "field",
@@ -628,7 +661,7 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
       })],
       key: "size",
       value() {
-        return DROPDOWN_SIZE.REGULAR;
+        return DROPDOWN_SIZE.MEDIUM;
       }
     }, {
       kind: "field",
@@ -664,7 +697,7 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
       })],
       key: "type",
       value() {
-        return DROPDOWN_TYPE.REGULAR;
+        return DROPDOWN_TYPE.DEFAULT;
       }
     }, {
       kind: "field",
@@ -785,6 +818,19 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
             elem.size = this.size;
           });
         }
+        if (changedProperties.has('disabled') && this.disabled) {
+          const {
+            disabled
+          } = this;
+          // Propagate `disabled` attribute to descendants until `:host-context()` gets supported in all major browsers
+          forEach(this.querySelectorAll(selectorItem), elem => {
+            if (disabled) {
+              elem.disabled = disabled;
+            } else {
+              elem.removeAttribute('disabled');
+            }
+          });
+        }
         if (changedProperties.has('value')) {
           // `<cds-multi-select>` updates selection beforehand
           // because our rendering logic for `<cds-multi-select>` looks for selected items via `qSA()`
@@ -802,31 +848,36 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
         }
         return true;
       }
+
+      /**
+       * The CSS class list for dropdown listbox
+       */
     }, {
-      kind: "method",
-      key: "updated",
-      value: function updated(changedProperties) {
+      kind: "get",
+      key: "_classes",
+      value: function _classes() {
         const {
-          helperText,
-          type
+          disabled,
+          size,
+          type,
+          invalid,
+          open,
+          warn
         } = this;
         const inline = type === DROPDOWN_TYPE.INLINE;
-        const {
-          selectorItem
-        } = this.constructor;
-        if (changedProperties.has('disabled') && this.disabled) {
-          const {
-            disabled
-          } = this;
-          // Propagate `disabled` attribute to descendants until `:host-context()` gets supported in all major browsers
-          forEach(this.querySelectorAll(selectorItem), elem => {
-            elem.disabled = disabled;
-          });
-        }
-        if ((changedProperties.has('helperText') || changedProperties.has('type')) && helperText && inline) {
-          // eslint-disable-next-line no-console
-          console.warn('Found `helperText` property/attribute usage in inline mode, that is not supported, at:', this);
-        }
+        const selectedItemsCount = this.querySelectorAll(this.constructor.selectorItemSelected).length;
+        return classMap({
+          [`${prefix}--dropdown`]: true,
+          [`${prefix}--list-box`]: true,
+          [`${prefix}--list-box--disabled`]: disabled,
+          [`${prefix}--list-box--inline`]: inline,
+          [`${prefix}--list-box--expanded`]: open,
+          [`${prefix}--list-box--${size}`]: size,
+          [`${prefix}--dropdown--invalid`]: invalid,
+          [`${prefix}--dropdown--warn`]: warn,
+          [`${prefix}--dropdown--inline`]: inline,
+          [`${prefix}--dropdown--selected`]: selectedItemsCount > 0
+        });
       }
     }, {
       kind: "method",
@@ -834,16 +885,14 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
       value: function render() {
         const {
           ariaLabel,
+          _classes: classes,
           disabled,
           helperText,
-          hideLabel,
           invalid,
           invalidText,
           open,
           toggleLabelClosed,
           toggleLabelOpen,
-          size,
-          titleText,
           type,
           warn,
           warnText,
@@ -853,29 +902,9 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
           _handleKeydownInner: handleKeydownInner,
           _handleKeypressInner: handleKeypressInner,
           _handleSlotchangeHelperText: handleSlotchangeHelperText,
-          _handleSlotchangeLabelText: handleSlotchangeLabelText,
-          _slotHelperTextNode: slotHelperTextNode,
-          _slotTitleTextNode: slotTitleTextNode
+          _slotHelperTextNode: slotHelperTextNode
         } = this;
         const inline = type === DROPDOWN_TYPE.INLINE;
-        const selectedItemsCount = this.querySelectorAll(this.constructor.selectorItemSelected).length;
-        const classes = classMap({
-          [`${prefix}--dropdown`]: true,
-          [`${prefix}--list-box`]: true,
-          [`${prefix}--list-box--disabled`]: disabled,
-          [`${prefix}--list-box--inline`]: inline,
-          [`${prefix}--list-box--expanded`]: open,
-          [`${prefix}--list-box--${size}`]: size,
-          [`${prefix}--dropdown--invalid`]: invalid,
-          [`${prefix}--dropdown--warn`]: warn,
-          [`${prefix}--dropdown--inline`]: inline,
-          [`${prefix}--dropdown--selected`]: selectedItemsCount > 0
-        });
-        const labelClasses = classMap({
-          [`${prefix}--label`]: true,
-          [`${prefix}--label--disabled`]: disabled,
-          [`${prefix}--visually-hidden`]: hideLabel
-        });
         const helperClasses = classMap({
           [`${prefix}--form__helper-text`]: true,
           [`${prefix}--form__helper-text--disabled`]: disabled
@@ -886,7 +915,6 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
         });
         const toggleLabel = (open ? toggleLabelOpen : toggleLabelClosed) || undefined;
         const hasHelperText = helperText || slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0;
-        const hasTitleText = titleText || slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0;
         const validityIcon = !invalid ? undefined : WarningFilled16({
           class: `${prefix}--list-box__invalid-icon`,
           'aria-label': toggleLabel
@@ -896,7 +924,7 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
           'aria-label': toggleLabel
         });
         const helperMessage = invalid ? invalidText : warn ? warnText : helperText;
-        const menuBody = !open ? undefined : html(_t2 || (_t2 = _`
+        const menuBody = !open ? undefined : html(_t3 || (_t3 = _`
           <div
             aria-label="${0}"
             id="menu-body"
@@ -907,15 +935,8 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
             <slot></slot>
           </div>
         `), ariaLabel, prefix);
-        return html(_t3 || (_t3 = _`
-      <label
-        part="title-text"
-        class="${0}"
-        ?hidden="${0}">
-        <slot name="title-text" @slotchange="${0}"
-          >${0}</slot
-        >
-      </label>
+        return html(_t4 || (_t4 = _`
+      ${0}
       <div
         role="listbox"
         class="${0}"
@@ -955,7 +976,7 @@ let CDSDropdown = _decorate([customElement(`${prefix}-dropdown`)], function (_in
         aria-relevant="additions text">
         ${0}
       </div>
-    `), labelClasses, !hasTitleText, handleSlotchangeLabelText, titleText, classes, invalid, handleClickInner, handleKeydownInner, handleKeypressInner, ifDefined(!shouldTriggerBeFocusable ? undefined : 'button'), prefix, ifDefined(!shouldTriggerBeFocusable ? undefined : '0'), String(open), this._renderPrecedingLabel(), this._renderLabel(), validityIcon, warningIcon, this._renderFollowingLabel(), iconContainerClasses, ChevronDown16({
+    `), this._renderTitleLabel(), classes, invalid, handleClickInner, handleKeydownInner, handleKeypressInner, ifDefined(!shouldTriggerBeFocusable ? undefined : 'button'), prefix, ifDefined(!shouldTriggerBeFocusable ? undefined : '0'), String(open), this._renderPrecedingLabel(), this._renderLabel(), validityIcon, warningIcon, this._renderFollowingLabel(), iconContainerClasses, ChevronDown16({
           'aria-label': toggleLabel
         }), menuBody, helperClasses, inline && !warn && !invalid || !hasHelperText, handleSlotchangeHelperText, helperMessage, prefix, assistiveStatusText);
       }

package/es/components/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","names":["classMap","ifDefined","LitElement","html","property","customElement","query","prefix","ChevronDown16","WarningFilled16","WarningAltFilled16","FocusMixin","FormMixin","HostListenerMixin","ValidityMixin","HostListener","find","forEach","indexOf","DROPDOWN_DIRECTION","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE","NAVIGATION_DIRECTION","styles","CDSDropdown","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","key","value","decorators","_selectionShouldChange","itemToSelect","_selectionDidChange","querySelectorAll","selectorItemSelected","item","selected","_assistiveStatusText","selectedItemAssistiveText","_handleUserInitiatedToggle","_handleClickInner","event","readOnly","shadowRoot","contains","target","closest","selectorItem","_handleUserInitiatedSelectItem","_handleKeydownInner","action","getAction","open","NAVIGATING","_clearHighlight","CLOSING","_navigate","_handleKeypressInner","TRIGGERING","highlightedItem","querySelector","selectorItemHighlighted","_handleFocusOut","relatedTarget","_handleSlotchangeHelperText","requestUpdate","_handleSlotchangeLabelText","hasAttribute","init","bubbles","composed","detail","beforeSelectEvent","CustomEvent","eventBeforeSelect","_objectSpread","cancelable","dispatchEvent","afterSelectEvent","eventSelect","force","eventBeforeToggle","eventToggle","disabled","selectingItemsAssistiveText","label","assistiveStatusText","_selectedItemContent","selectedItemContent","selectedItemText","textContent","highlighted","direction","_items$nextIndex","items","highlightedIndex","nextIndex","length","i","nextItem","scrollIntoView","block","nextItemText","_renderPrecedingLabel","undefined","_renderLabel","_t","_","_renderFollowingLabel","_handleFormdata","formData","name","append","type","String","reflect","attribute","Boolean","REGULAR","shouldUpdate","changedProperties","has","elem","size","range","ownerDocument","createRange","selectNodeContents","cloneContents","updated","helperText","inline","INLINE","console","warn","render","ariaLabel","hideLabel","invalid","invalidText","toggleLabelClosed","toggleLabelOpen","titleText","warnText","_shouldTriggerBeFocusable","shouldTriggerBeFocusable","handleClickInner","handleKeydownInner","handleKeypressInner","handleSlotchangeHelperText","handleSlotchangeLabelText","_slotHelperTextNode","slotHelperTextNode","_slotTitleTextNode","slotTitleTextNode","selectedItemsCount","classes","labelClasses","helperClasses","iconContainerClasses","toggleLabel","hasHelperText","assignedNodes","hasTitleText","validityIcon","class","warningIcon","helperMessage","menuBody","_t2","_t3","static","Set","shadowRootOptions","delegatesFocus","TRIGGER_KEYS","NONE"],"sources":["components/dropdown/dropdown.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 { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html, TemplateResult } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport HostListener from '../../globals/decorators/host-listener';\nimport {\n  find,\n  forEach,\n  indexOf,\n} from '../../globals/internal/collection-helpers';\nimport {\n  DROPDOWN_DIRECTION,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport CDSDropdownItem from './dropdown-item';\nimport styles from './dropdown.scss';\n\nexport {\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_DIRECTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\n/**\n * Dropdown.\n *\n * @element cds-dropdown\n * @csspart label-text The label text.\n * @csspart helper-text The helper text.\n * @csspart trigger-button The trigger button.\n * @csspart menu-body The menu body.\n * @csspart validity-message The validity message.\n * @fires cds-dropdown-beingselected\n *   The custom event fired before a dropdown item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-dropdown-beingtoggled\n *   The custom event fired before the open state of this dropdown is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires cds-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${prefix}-dropdown`)\nclass CDSDropdown extends ValidityMixin(\n  HostListenerMixin(FormMixin(FocusMixin(LitElement)))\n) {\n  /**\n   * The latest status of this dropdown, for screen reader to accounce.\n   */\n  protected _assistiveStatusText?: string;\n\n  /**\n   * The content of the selected item.\n   */\n  protected _selectedItemContent: DocumentFragment | null = null;\n\n  /**\n   * `true` if the trigger button should be focusable.\n   * Derived class can set `false` to this if the trigger button contains another primary focusable element (e.g. `<input>`).\n   */\n  protected _shouldTriggerBeFocusable = true;\n\n  /**\n   * The list box `<div>` node.\n   */\n  @query(`.${prefix}--list-box`)\n  protected _listBoxNode!: HTMLDivElement;\n\n  /**\n   * The `<slot>` element for the helper text in the shadow DOM.\n   */\n  @query('slot[name=\"helper-text\"]')\n  protected _slotHelperTextNode!: HTMLSlotElement;\n\n  /**\n   * The `<slot>` element for the title text in the shadow DOM.\n   */\n  @query('slot[name=\"title-text\"]')\n  protected _slotTitleTextNode!: HTMLSlotElement;\n\n  /**\n   * @param itemToSelect A dropdown item. Absense of this argument means clearing selection.\n   * @returns `true` if the selection of this dropdown should change if the given item is selected upon user interaction.\n   */\n  protected _selectionShouldChange(itemToSelect?: CDSDropdownItem) {\n    return !itemToSelect || itemToSelect.value !== this.value;\n  }\n\n  /**\n   * A callback that runs after change in dropdown selection upon user interaction is confirmed.\n   *\n   * @param itemToSelect\n   *   A dropdown item.\n   *   Absense of this argument means clearing selection, which may be handled by a derived class.\n   */\n  protected _selectionDidChange(itemToSelect?: CDSDropdownItem) {\n    if (itemToSelect) {\n      this.value = itemToSelect.value;\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSDropdown).selectorItemSelected\n        ),\n        (item) => {\n          (item as CDSDropdownItem).selected = false;\n        }\n      );\n      itemToSelect.selected = true;\n      this._assistiveStatusText = this.selectedItemAssistiveText;\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles `click` event on the top-level element in the shadow DOM.\n   *\n   * @param event The event.\n   */\n  protected _handleClickInner(event: MouseEvent) {\n    if (this.readOnly) {\n      return;\n    }\n\n    if (this.shadowRoot!.contains(event.target as Node)) {\n      this._handleUserInitiatedToggle();\n    } else {\n      const item = (event.target as Element).closest(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      ) as CDSDropdownItem;\n      if (this.contains(item)) {\n        this._handleUserInitiatedSelectItem(item);\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keydown` event on the top-level element in the shadow DOM.\n   */\n  protected _handleKeydownInner(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.NAVIGATING:\n          this._handleUserInitiatedToggle(true);\n          // If this menu gets open with an arrow key, reset the highlight\n          this._clearHighlight();\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.CLOSING:\n          this._handleUserInitiatedToggle(false);\n          break;\n        case DROPDOWN_KEYBOARD_ACTION.NAVIGATING:\n          this._navigate(NAVIGATION_DIRECTION[key]);\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keypress` event on the top-level element in the shadow DOM.\n   */\n  protected _handleKeypressInner(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 (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING:\n          {\n            const constructor = this.constructor as typeof CDSDropdown;\n            const highlightedItem = this.querySelector(\n              constructor.selectorItemHighlighted\n            ) as CDSDropdownItem;\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  /**\n   * Handles `blur` event handler on the document this element is in.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleFocusOut(event: FocusEvent) {\n    if (!this.contains(event.relatedTarget as Node)) {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for helper text.\n   */\n  protected _handleSlotchangeHelperText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for label text.\n   */\n  protected _handleSlotchangeLabelText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles user-initiated selection of a dropdown item.\n   *\n   * @param [item] The dropdown item user wants to select. Absense of this argument means clearing selection.\n   */\n  protected _handleUserInitiatedSelectItem(item?: CDSDropdownItem) {\n    if (item?.hasAttribute('disabled')) {\n      return;\n    }\n\n    if (this._selectionShouldChange(item)) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: {\n          item,\n        },\n      };\n      const constructor = this.constructor as typeof CDSDropdown;\n      const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n        ...init,\n        cancelable: true,\n      });\n      if (this.dispatchEvent(beforeSelectEvent)) {\n        this._selectionDidChange(item);\n        const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n        this.dispatchEvent(afterSelectEvent);\n      }\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  protected _handleUserInitiatedToggle(force: boolean = !this.open) {\n    const { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof CDSDropdown;\n\n    const { disabled } = this;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open: force,\n      },\n    };\n    if (!disabled) {\n      if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n        this.open = force;\n        if (this.open) {\n          this._assistiveStatusText = this.selectingItemsAssistiveText;\n        } else {\n          const {\n            selectedItemAssistiveText,\n            label,\n            _assistiveStatusText: assistiveStatusText,\n            _selectedItemContent: selectedItemContent,\n          } = this;\n          const selectedItemText =\n            (selectedItemContent && selectedItemContent.textContent) || label;\n          if (\n            selectedItemText &&\n            assistiveStatusText !== selectedItemAssistiveText\n          ) {\n            this._assistiveStatusText = selectedItemText;\n          }\n          forEach(\n            this.querySelectorAll(\n              (this.constructor as typeof CDSDropdown).selectorItemHighlighted\n            ),\n            (item) => {\n              (item as CDSDropdownItem).highlighted = false;\n            }\n          );\n        }\n        this.requestUpdate();\n        this.dispatchEvent(new CustomEvent(eventToggle, init));\n      }\n    }\n  }\n\n  /**\n   * Clears the selection of dropdown items.\n   */\n  protected _clearHighlight() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      ),\n      (item) => {\n        (item as CDSDropdownItem).highlighted = false;\n      }\n    );\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    const constructor = this.constructor as typeof CDSDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    const highlightedItem = this.querySelector(\n      constructor.selectorItemHighlighted\n    );\n    const highlightedIndex = indexOf(items, highlightedItem!);\n    let nextIndex = highlightedIndex + direction;\n\n    if (items[nextIndex]?.hasAttribute('disabled')) {\n      nextIndex += direction;\n    }\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 CDSDropdownItem).highlighted = i === nextIndex;\n    });\n\n    const nextItem = items[nextIndex];\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = nextItemText;\n    }\n    this.requestUpdate();\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * @returns The content preceding the trigger button.\n   */\n  protected _renderPrecedingLabel(): TemplateResult | void {\n    return undefined;\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * @returns The main content of the trigger button.\n   */\n  protected _renderLabel(): TemplateResult {\n    const { label, _selectedItemContent: selectedItemContent } = this;\n    return html`\n      <span id=\"trigger-label\" class=\"${prefix}--list-box__label\"\n        >${selectedItemContent || label}</span\n      >\n    `;\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * @returns The content following the trigger button.\n   */\n  protected _renderFollowingLabel(): TemplateResult | void {\n    return undefined;\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * Handles event to include selected value on the parent form.\n   *\n   * @param event The event.\n   */\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * 'aria-label' of the ListBox component.\n   * Specify a label to be read by screen readers on the container node\n   */\n  @property({ type: String, reflect: true, attribute: 'aria-label' })\n  ariaLabel = '';\n\n  /**\n   * Specify the direction of the dropdown. Can be either top or bottom.\n   */\n  @property({ type: Boolean, reflect: true })\n  direction = false;\n\n  /**\n   * `true` if this dropdown should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText = '';\n\n  /**\n   * Specify whether the title text should be hidden or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * `true` to show the UI of the invalid state.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * Provide the title text that will be read by a screen reader when visiting this control\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  /**\n   * Name for the dropdown in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if this dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Whether or not the Dropdown is readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'read-only' })\n  readOnly = false;\n\n  /**\n   * `true` if the value is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * An assistive text for screen reader to announce, telling the open state.\n   */\n  @property({ attribute: 'selecting-items-assistive-text' })\n  selectingItemsAssistiveText =\n    'Selecting items. Use up and down arrow keys to navigate.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is selected.\n   */\n  @property({ attribute: 'selected-item-assistive-text' })\n  selectedItemAssistiveText = 'Selected an item.';\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.REGULAR;\n\n  /**\n   * The `aria-label` attribute for the UI indicating the closed state.\n   */\n  @property({ attribute: 'toggle-label-closed' })\n  toggleLabelClosed = '';\n\n  /**\n   * The `aria-label` attribute for the UI indicating the open state.\n   */\n  @property({ attribute: 'toggle-label-open' })\n  toggleLabelOpen = '';\n\n  /**\n   * Generic label that will be used as the textual representation of what this field is for\n   */\n  @property({ attribute: 'label' })\n  label = '';\n\n  /**\n   * `true` if this dropdown should use the inline UI variant.\n   */\n  @property({ reflect: true })\n  type = DROPDOWN_TYPE.REGULAR;\n\n  /**\n   * The validity message.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value of the selected item.\n   */\n  @property({ reflect: true })\n  value = '';\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  shouldUpdate(changedProperties) {\n    const { selectorItem } = this.constructor as typeof CDSDropdown;\n    if (changedProperties.has('size')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).size = this.size;\n      });\n    }\n    if (changedProperties.has('value')) {\n      // `<cds-multi-select>` updates selection beforehand\n      // because our rendering logic for `<cds-multi-select>` looks for selected items via `qSA()`\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).selected =\n          (elem as CDSDropdownItem).value === this.value;\n      });\n      const item = find(\n        this.querySelectorAll(selectorItem),\n        (elem) => (elem as CDSDropdownItem).value === this.value\n      );\n      if (item) {\n        const range = this.ownerDocument!.createRange();\n        range.selectNodeContents(item);\n        this._selectedItemContent = range.cloneContents();\n      } else {\n        this._selectedItemContent = null;\n      }\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    const { helperText, type } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const { selectorItem } = this.constructor as typeof CDSDropdown;\n    if (changedProperties.has('disabled') && this.disabled) {\n      const { disabled } = this;\n      // Propagate `disabled` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).disabled = disabled;\n      });\n    }\n    if (\n      (changedProperties.has('helperText') || changedProperties.has('type')) &&\n      helperText &&\n      inline\n    ) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'Found `helperText` property/attribute usage in inline mode, that is not supported, at:',\n        this\n      );\n    }\n  }\n\n  render() {\n    const {\n      ariaLabel,\n      disabled,\n      helperText,\n      hideLabel,\n      invalid,\n      invalidText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      size,\n      titleText,\n      type,\n      warn,\n      warnText,\n      _assistiveStatusText: assistiveStatusText,\n      _shouldTriggerBeFocusable: shouldTriggerBeFocusable,\n      _handleClickInner: handleClickInner,\n      _handleKeydownInner: handleKeydownInner,\n      _handleKeypressInner: handleKeypressInner,\n      _handleSlotchangeHelperText: handleSlotchangeHelperText,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n      _slotHelperTextNode: slotHelperTextNode,\n      _slotTitleTextNode: slotTitleTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof CDSDropdown).selectorItemSelected\n    ).length;\n    const classes = classMap({\n      [`${prefix}--dropdown`]: 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}--dropdown--invalid`]: invalid,\n      [`${prefix}--dropdown--warn`]: warn,\n      [`${prefix}--dropdown--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n    });\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    const helperClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n    const iconContainerClasses = classMap({\n      [`${prefix}--list-box__menu-icon`]: true,\n      [`${prefix}--list-box__menu-icon--open`]: open,\n    });\n    const toggleLabel =\n      (open ? toggleLabelOpen : toggleLabelClosed) || undefined;\n    const hasHelperText =\n      helperText ||\n      (slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0);\n    const hasTitleText =\n      titleText ||\n      (slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0);\n    const validityIcon = !invalid\n      ? undefined\n      : WarningFilled16({\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const warningIcon =\n      !warn || (invalid && warn)\n        ? undefined\n        : WarningAltFilled16({\n            class: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`,\n            'aria-label': toggleLabel,\n          });\n    const helperMessage = invalid ? invalidText : warn ? warnText : helperText;\n    const menuBody = !open\n      ? undefined\n      : html`\n          <div\n            aria-label=\"${ariaLabel}\"\n            id=\"menu-body\"\n            part=\"menu-body\"\n            class=\"${prefix}--list-box__menu\"\n            role=\"listbox\"\n            tabindex=\"-1\">\n            <slot></slot>\n          </div>\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      </label>\n      <div\n        role=\"listbox\"\n        class=\"${classes}\"\n        ?data-invalid=${invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}>\n        <div\n          part=\"trigger-button\"\n          role=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : 'button')}\"\n          class=\"${prefix}--list-box__field\"\n          tabindex=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : '0')}\"\n          aria-labelledby=\"trigger-label\"\n          aria-expanded=\"${String(open)}\"\n          aria-haspopup=\"listbox\"\n          aria-owns=\"menu-body\"\n          aria-controls=\"menu-body\">\n          ${this._renderPrecedingLabel()}${this._renderLabel()}${validityIcon}${warningIcon}${this._renderFollowingLabel()}\n          <div id=\"trigger-caret\" class=\"${iconContainerClasses}\">\n            ${ChevronDown16({ 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${menuBody}\n      </div>\n      <div\n        part=\"helper-text\"\n        class=\"${helperClasses}\"\n        ?hidden=\"${(inline && !warn && !invalid) || !hasHelperText}\">\n        <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n          >${helperMessage}</slot\n        >\n      </div>\n      <div\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\">\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\n  static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-dropdown-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return dropdown items.\n   */\n  static get selectorItem() {\n    return `${prefix}-dropdown-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-dropdown-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before a dropdown 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}-dropdown-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a dropdown item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-dropdown-selected`;\n  }\n\n  /**\n   * The name of the custom event fired before this dropdown item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this dropdown item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-dropdown-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this dropdown item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-dropdown-toggled`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n\n  /**\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string) {\n    if (key === 'Escape') {\n      return DROPDOWN_KEYBOARD_ACTION.CLOSING;\n    }\n    if (key in NAVIGATION_DIRECTION) {\n      return DROPDOWN_KEYBOARD_ACTION.NAVIGATING;\n    }\n    if (this.TRIGGER_KEYS.has(key)) {\n      return DROPDOWN_KEYBOARD_ACTION.TRIGGERING;\n    }\n    return DROPDOWN_KEYBOARD_ACTION.NONE;\n  }\n}\n\nexport default CDSDropdown;\n"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","names":["classMap","ifDefined","LitElement","html","property","customElement","query","prefix","ChevronDown16","WarningFilled16","WarningAltFilled16","FocusMixin","FormMixin","HostListenerMixin","ValidityMixin","HostListener","find","forEach","indexOf","DROPDOWN_DIRECTION","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE","NAVIGATION_DIRECTION","styles","CDSDropdown","_decorate","_initialize","_ValidityMixin","constructor","args","F","d","kind","key","value","decorators","_selectionShouldChange","itemToSelect","_selectionDidChange","querySelectorAll","selectorItemSelected","item","selected","_assistiveStatusText","selectedItemAssistiveText","_handleUserInitiatedToggle","_handleClickInner","event","readOnly","shadowRoot","contains","target","closest","selectorItem","_handleUserInitiatedSelectItem","_handleKeydownInner","action","getAction","open","NAVIGATING","_clearHighlight","CLOSING","_navigate","_handleKeypressInner","TRIGGERING","highlightedItem","querySelector","selectorItemHighlighted","_handleFocusOut","relatedTarget","_handleSlotchangeHelperText","requestUpdate","_handleSlotchangeLabelText","hasAttribute","init","bubbles","composed","detail","beforeSelectEvent","CustomEvent","eventBeforeSelect","_objectSpread","cancelable","dispatchEvent","afterSelectEvent","eventSelect","force","eventBeforeToggle","eventToggle","disabled","selectingItemsAssistiveText","label","assistiveStatusText","_selectedItemContent","selectedItemContent","selectedItemText","textContent","highlighted","direction","_items$nextIndex","items","highlightedIndex","nextIndex","length","i","nextItem","scrollIntoView","block","nextItemText","_renderPrecedingLabel","undefined","_renderLabel","_t","_","_renderTitleLabel","hideLabel","titleText","_slotTitleTextNode","slotTitleTextNode","handleSlotchangeLabelText","labelClasses","hasTitleText","assignedNodes","_t2","_renderFollowingLabel","_handleFormdata","formData","name","append","type","String","reflect","attribute","BOTTOM","Boolean","MEDIUM","DEFAULT","shouldUpdate","changedProperties","has","elem","size","removeAttribute","range","ownerDocument","createRange","selectNodeContents","cloneContents","_classes","invalid","warn","inline","INLINE","selectedItemsCount","render","ariaLabel","classes","helperText","invalidText","toggleLabelClosed","toggleLabelOpen","warnText","_shouldTriggerBeFocusable","shouldTriggerBeFocusable","handleClickInner","handleKeydownInner","handleKeypressInner","handleSlotchangeHelperText","_slotHelperTextNode","slotHelperTextNode","helperClasses","iconContainerClasses","toggleLabel","hasHelperText","validityIcon","class","warningIcon","helperMessage","menuBody","_t3","_t4","static","Set","shadowRootOptions","delegatesFocus","TRIGGER_KEYS","NONE"],"sources":["components/dropdown/dropdown.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 { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html, TemplateResult } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport HostListener from '../../globals/decorators/host-listener';\nimport {\n  find,\n  forEach,\n  indexOf,\n} from '../../globals/internal/collection-helpers';\nimport {\n  DROPDOWN_DIRECTION,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport CDSDropdownItem from './dropdown-item';\nimport styles from './dropdown.scss';\n\nexport {\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_DIRECTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\n/**\n * Dropdown.\n *\n * @element cds-dropdown\n * @csspart label-text The label text.\n * @csspart helper-text The helper text.\n * @csspart trigger-button The trigger button.\n * @csspart menu-body The menu body.\n * @csspart validity-message The validity message.\n * @fires cds-dropdown-beingselected\n *   The custom event fired before a dropdown item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-dropdown-beingtoggled\n *   The custom event fired before the open state of this dropdown is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires cds-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${prefix}-dropdown`)\nclass CDSDropdown extends ValidityMixin(\n  HostListenerMixin(FormMixin(FocusMixin(LitElement)))\n) {\n  /**\n   * The latest status of this dropdown, for screen reader to accounce.\n   */\n  protected _assistiveStatusText?: string;\n\n  /**\n   * The content of the selected item.\n   */\n  protected _selectedItemContent: DocumentFragment | null = null;\n\n  /**\n   * `true` if the trigger button should be focusable.\n   * Derived class can set `false` to this if the trigger button contains another primary focusable element (e.g. `<input>`).\n   */\n  protected _shouldTriggerBeFocusable = true;\n\n  /**\n   * The list box `<div>` node.\n   */\n  @query(`.${prefix}--list-box`)\n  protected _listBoxNode!: HTMLDivElement;\n\n  /**\n   * The `<slot>` element for the helper text in the shadow DOM.\n   */\n  @query('slot[name=\"helper-text\"]')\n  protected _slotHelperTextNode!: HTMLSlotElement;\n\n  /**\n   * The `<slot>` element for the title text in the shadow DOM.\n   */\n  @query('slot[name=\"title-text\"]')\n  protected _slotTitleTextNode!: HTMLSlotElement;\n\n  /**\n   * @param itemToSelect A dropdown item. Absense of this argument means clearing selection.\n   * @returns `true` if the selection of this dropdown should change if the given item is selected upon user interaction.\n   */\n  protected _selectionShouldChange(itemToSelect?: CDSDropdownItem) {\n    return !itemToSelect || itemToSelect.value !== this.value;\n  }\n\n  /**\n   * A callback that runs after change in dropdown selection upon user interaction is confirmed.\n   *\n   * @param itemToSelect\n   *   A dropdown item.\n   *   Absense of this argument means clearing selection, which may be handled by a derived class.\n   */\n  protected _selectionDidChange(itemToSelect?: CDSDropdownItem) {\n    if (itemToSelect) {\n      this.value = itemToSelect.value;\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSDropdown).selectorItemSelected\n        ),\n        (item) => {\n          (item as CDSDropdownItem).selected = false;\n        }\n      );\n      itemToSelect.selected = true;\n      this._assistiveStatusText = this.selectedItemAssistiveText;\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles `click` event on the top-level element in the shadow DOM.\n   *\n   * @param event The event.\n   */\n  protected _handleClickInner(event: MouseEvent) {\n    if (this.readOnly) {\n      return;\n    }\n\n    if (this.shadowRoot!.contains(event.target as Node)) {\n      this._handleUserInitiatedToggle();\n    } else {\n      const item = (event.target as Element).closest(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      ) as CDSDropdownItem;\n      if (this.contains(item)) {\n        this._handleUserInitiatedSelectItem(item);\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keydown` event on the top-level element in the shadow DOM.\n   */\n  protected _handleKeydownInner(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.NAVIGATING:\n          this._handleUserInitiatedToggle(true);\n          // If this menu gets open with an arrow key, reset the highlight\n          this._clearHighlight();\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.CLOSING:\n          this._handleUserInitiatedToggle(false);\n          break;\n        case DROPDOWN_KEYBOARD_ACTION.NAVIGATING:\n          this._navigate(NAVIGATION_DIRECTION[key]);\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keypress` event on the top-level element in the shadow DOM.\n   */\n  protected _handleKeypressInner(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 (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING:\n          {\n            const constructor = this.constructor as typeof CDSDropdown;\n            const highlightedItem = this.querySelector(\n              constructor.selectorItemHighlighted\n            ) as CDSDropdownItem;\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  /**\n   * Handles `blur` event handler on the document this element is in.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleFocusOut(event: FocusEvent) {\n    if (!this.contains(event.relatedTarget as Node)) {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for helper text.\n   */\n  protected _handleSlotchangeHelperText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for label text.\n   */\n  protected _handleSlotchangeLabelText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles user-initiated selection of a dropdown item.\n   *\n   * @param [item] The dropdown item user wants to select. Absense of this argument means clearing selection.\n   */\n  protected _handleUserInitiatedSelectItem(item?: CDSDropdownItem) {\n    if (item?.hasAttribute('disabled')) {\n      return;\n    }\n\n    if (this._selectionShouldChange(item)) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: {\n          item,\n        },\n      };\n      const constructor = this.constructor as typeof CDSDropdown;\n      const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n        ...init,\n        cancelable: true,\n      });\n      if (this.dispatchEvent(beforeSelectEvent)) {\n        this._selectionDidChange(item);\n        const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n        this.dispatchEvent(afterSelectEvent);\n      }\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  protected _handleUserInitiatedToggle(force: boolean = !this.open) {\n    const { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof CDSDropdown;\n\n    const { disabled } = this;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open: force,\n      },\n    };\n    if (!disabled) {\n      if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n        this.open = force;\n        if (this.open) {\n          this._assistiveStatusText = this.selectingItemsAssistiveText;\n        } else {\n          const {\n            selectedItemAssistiveText,\n            label,\n            _assistiveStatusText: assistiveStatusText,\n            _selectedItemContent: selectedItemContent,\n          } = this;\n          const selectedItemText =\n            (selectedItemContent && selectedItemContent.textContent) || label;\n          if (\n            selectedItemText &&\n            assistiveStatusText !== selectedItemAssistiveText\n          ) {\n            this._assistiveStatusText = selectedItemText;\n          }\n          forEach(\n            this.querySelectorAll(\n              (this.constructor as typeof CDSDropdown).selectorItemHighlighted\n            ),\n            (item) => {\n              (item as CDSDropdownItem).highlighted = false;\n            }\n          );\n        }\n        this.requestUpdate();\n        this.dispatchEvent(new CustomEvent(eventToggle, init));\n      }\n    }\n  }\n\n  /**\n   * Clears the selection of dropdown items.\n   */\n  protected _clearHighlight() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      ),\n      (item) => {\n        (item as CDSDropdownItem).highlighted = false;\n      }\n    );\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    const constructor = this.constructor as typeof CDSDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    const highlightedItem = this.querySelector(\n      constructor.selectorItemHighlighted\n    );\n    const highlightedIndex = indexOf(items, highlightedItem!);\n    let nextIndex = highlightedIndex + direction;\n\n    if (items[nextIndex]?.hasAttribute('disabled')) {\n      nextIndex += direction;\n    }\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 CDSDropdownItem).highlighted = i === nextIndex;\n    });\n\n    const nextItem = items[nextIndex];\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = nextItemText;\n    }\n    this.requestUpdate();\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * @returns The content preceding the trigger button.\n   */\n  protected _renderPrecedingLabel(): TemplateResult | void {\n    return undefined;\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * @returns The main content of the trigger button.\n   */\n  protected _renderLabel(): TemplateResult {\n    const { label, _selectedItemContent: selectedItemContent } = this;\n    return html`\n      <span id=\"trigger-label\" class=\"${prefix}--list-box__label\"\n        >${selectedItemContent || label}</span\n      >\n    `;\n  }\n\n  /**\n   * @returns The title label.\n   */\n  protected _renderTitleLabel(): TemplateResult {\n    const {\n      disabled,\n      hideLabel,\n      titleText,\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      </label>\n    `;\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * @returns The content following the trigger button.\n   */\n  protected _renderFollowingLabel(): TemplateResult | void {\n    return undefined;\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * Handles event to include selected value on the parent form.\n   *\n   * @param event The event.\n   */\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * 'aria-label' of the ListBox component.\n   * Specify a label to be read by screen readers on the container node\n   */\n  @property({ type: String, reflect: true, attribute: 'aria-label' })\n  ariaLabel = '';\n\n  /**\n   * Specify the direction of the dropdown. Can be either top or bottom.\n   */\n  @property({ type: String, reflect: true })\n  direction = DROPDOWN_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if this dropdown should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText = '';\n\n  /**\n   * Specify whether the title text should be hidden or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * `true` to show the UI of the invalid state.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * Provide the title text that will be read by a screen reader when visiting this control\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  /**\n   * Name for the dropdown in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if this dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Whether or not the Dropdown is readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'read-only' })\n  readOnly = false;\n\n  /**\n   * `true` if the value is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * An assistive text for screen reader to announce, telling the open state.\n   */\n  @property({ attribute: 'selecting-items-assistive-text' })\n  selectingItemsAssistiveText =\n    'Selecting items. Use up and down arrow keys to navigate.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is selected.\n   */\n  @property({ attribute: 'selected-item-assistive-text' })\n  selectedItemAssistiveText = 'Selected an item.';\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.MEDIUM;\n\n  /**\n   * The `aria-label` attribute for the UI indicating the closed state.\n   */\n  @property({ attribute: 'toggle-label-closed' })\n  toggleLabelClosed = '';\n\n  /**\n   * The `aria-label` attribute for the UI indicating the open state.\n   */\n  @property({ attribute: 'toggle-label-open' })\n  toggleLabelOpen = '';\n\n  /**\n   * Generic label that will be used as the textual representation of what this field is for\n   */\n  @property({ attribute: 'label' })\n  label = '';\n\n  /**\n   * `true` if this dropdown should use the inline UI variant.\n   */\n  @property({ reflect: true })\n  type = DROPDOWN_TYPE.DEFAULT;\n\n  /**\n   * The validity message.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value of the selected item.\n   */\n  @property({ reflect: true })\n  value = '';\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  shouldUpdate(changedProperties) {\n    const { selectorItem } = this.constructor as typeof CDSDropdown;\n    if (changedProperties.has('size')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).size = this.size;\n      });\n    }\n    if (changedProperties.has('disabled') && this.disabled) {\n      const { disabled } = this;\n      // Propagate `disabled` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        if (disabled) {\n          (elem as CDSDropdownItem).disabled = disabled;\n        } else {\n          (elem as CDSDropdownItem).removeAttribute('disabled');\n        }\n      });\n    }\n    if (changedProperties.has('value')) {\n      // `<cds-multi-select>` updates selection beforehand\n      // because our rendering logic for `<cds-multi-select>` looks for selected items via `qSA()`\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).selected =\n          (elem as CDSDropdownItem).value === this.value;\n      });\n      const item = find(\n        this.querySelectorAll(selectorItem),\n        (elem) => (elem as CDSDropdownItem).value === this.value\n      );\n      if (item) {\n        const range = this.ownerDocument!.createRange();\n        range.selectNodeContents(item);\n        this._selectedItemContent = range.cloneContents();\n      } else {\n        this._selectedItemContent = null;\n      }\n    }\n    return true;\n  }\n\n  /**\n   * The CSS class list for dropdown listbox\n   */\n  protected get _classes() {\n    const { disabled, size, type, invalid, open, warn } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof CDSDropdown).selectorItemSelected\n    ).length;\n\n    return classMap({\n      [`${prefix}--dropdown`]: 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}--dropdown--invalid`]: invalid,\n      [`${prefix}--dropdown--warn`]: warn,\n      [`${prefix}--dropdown--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n    });\n  }\n\n  render() {\n    const {\n      ariaLabel,\n      _classes: classes,\n      disabled,\n      helperText,\n      invalid,\n      invalidText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      type,\n      warn,\n      warnText,\n      _assistiveStatusText: assistiveStatusText,\n      _shouldTriggerBeFocusable: shouldTriggerBeFocusable,\n      _handleClickInner: handleClickInner,\n      _handleKeydownInner: handleKeydownInner,\n      _handleKeypressInner: handleKeypressInner,\n      _handleSlotchangeHelperText: handleSlotchangeHelperText,\n      _slotHelperTextNode: slotHelperTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n\n    const helperClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n    const iconContainerClasses = classMap({\n      [`${prefix}--list-box__menu-icon`]: true,\n      [`${prefix}--list-box__menu-icon--open`]: open,\n    });\n    const toggleLabel =\n      (open ? toggleLabelOpen : toggleLabelClosed) || undefined;\n    const hasHelperText =\n      helperText ||\n      (slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0);\n    const validityIcon = !invalid\n      ? undefined\n      : WarningFilled16({\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const warningIcon =\n      !warn || (invalid && warn)\n        ? undefined\n        : WarningAltFilled16({\n            class: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`,\n            'aria-label': toggleLabel,\n          });\n    const helperMessage = invalid ? invalidText : warn ? warnText : helperText;\n    const menuBody = !open\n      ? undefined\n      : html`\n          <div\n            aria-label=\"${ariaLabel}\"\n            id=\"menu-body\"\n            part=\"menu-body\"\n            class=\"${prefix}--list-box__menu\"\n            role=\"listbox\"\n            tabindex=\"-1\">\n            <slot></slot>\n          </div>\n        `;\n    return html`\n      ${this._renderTitleLabel()}\n      <div\n        role=\"listbox\"\n        class=\"${classes}\"\n        ?data-invalid=${invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}>\n        <div\n          part=\"trigger-button\"\n          role=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : 'button')}\"\n          class=\"${prefix}--list-box__field\"\n          tabindex=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : '0')}\"\n          aria-labelledby=\"trigger-label\"\n          aria-expanded=\"${String(open)}\"\n          aria-haspopup=\"listbox\"\n          aria-owns=\"menu-body\"\n          aria-controls=\"menu-body\">\n          ${this._renderPrecedingLabel()}${this._renderLabel()}${validityIcon}${warningIcon}${this._renderFollowingLabel()}\n          <div id=\"trigger-caret\" class=\"${iconContainerClasses}\">\n            ${ChevronDown16({ 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${menuBody}\n      </div>\n      <div\n        part=\"helper-text\"\n        class=\"${helperClasses}\"\n        ?hidden=\"${(inline && !warn && !invalid) || !hasHelperText}\">\n        <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n          >${helperMessage}</slot\n        >\n      </div>\n      <div\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\">\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\n  static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-dropdown-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return dropdown items.\n   */\n  static get selectorItem() {\n    return `${prefix}-dropdown-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-dropdown-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before a dropdown 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}-dropdown-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a dropdown item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-dropdown-selected`;\n  }\n\n  /**\n   * The name of the custom event fired before this dropdown item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this dropdown item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-dropdown-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this dropdown item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-dropdown-toggled`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n\n  /**\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string) {\n    if (key === 'Escape') {\n      return DROPDOWN_KEYBOARD_ACTION.CLOSING;\n    }\n    if (key in NAVIGATION_DIRECTION) {\n      return DROPDOWN_KEYBOARD_ACTION.NAVIGATING;\n    }\n    if (this.TRIGGER_KEYS.has(key)) {\n      return DROPDOWN_KEYBOARD_ACTION.TRIGGERING;\n    }\n    return DROPDOWN_KEYBOARD_ACTION.NONE;\n  }\n}\n\nexport default CDSDropdown;\n"],"mappings":"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"}

package/es/components/file-uploader/demo-file-uploader.d.ts

@@ -6,7 +6,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { LitElement } from 'lit-element';
+import { LitElement } from 'lit';
 import './index';
 import { BUTTON_SIZE } from '../button/button';
 /**

package/es/components/file-uploader/demo-file-uploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/file-uploader/demo-file-uploader.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAkB,UAAU,EAAiB,MAAM,aAAa,CAAC;AAKxE,OAAO,SAAS,CAAC;AAEjB,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C;;;;;;GAMG;AAEH,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;IAC3D;;OAEG;IACH,OAAO,CAAC,MAAM,CAAkB;IAEhC;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAsBrB;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAMrB;;;;OAIG;YACW,eAAe;IA2C7B;;OAEG;IAEH,MAAM,SAAM;IAEZ;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,UAAU,SAAa;IAEvB;;OAEG;IAEH,WAAW,SAAc;IAEzB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,gBAAgB,SAAM;IAEtB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,cAAsB;IAE1B;;OAEG;IAEH,UAAU,SAAM;IAEhB,MAAM;CAwDP","file":"demo-file-uploader.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, LitElement, customElement } from 'lit-element';\n\nimport { delay } from 'bluebird';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined';\nimport './index';\nimport { FILE_UPLOADER_ITEM_STATE } from './file-uploader-item';\nimport { BUTTON_SIZE } from '../button/button';\nimport { FileData } from './stories/types';\n\n/**\n * A class to manage file uploading states, like sending file contents to server.\n * DEMONSTRATION-PURPOSE ONLY.\n * Data/state handling in file uploading tends to involve lots of application-specific logics\n * and thus abstracting everything in a library won't be a good return on investment\n * vs. letting users copy code here and implement features that fit their needs.\n */\n@customElement(`${prefix}-ce-demo-file-uploader`)\nexport default class CDSCEDemoFileUploader extends LitElement {\n  /**\n   * The files being uploaded.\n   */\n  private _files: FileData[] = [];\n\n  /**\n   * Handles `cds-drop-container-changed` on `<cds-file-drop-container>`.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: CustomEvent) {\n    const { addedFiles } = event.detail;\n    const newFiles: FileData[] = addedFiles.map(\n      (item) =>\n        ({\n          id: Math.random().toString(36).slice(2),\n          file: item,\n          state: FILE_UPLOADER_ITEM_STATE.UPLOADING,\n        } as FileData)\n    );\n    const { multiple, _files: files, _simulateUpload: simulateUpload } = this;\n    if (multiple) {\n      this._files = files.concat(newFiles);\n      this.requestUpdate();\n      newFiles.forEach(simulateUpload, this);\n    } else if (addedFiles.length > 0) {\n      this._files = files.concat(newFiles[0]);\n      this.requestUpdate();\n      this._simulateUpload(newFiles[0]);\n    }\n  }\n\n  /**\n   * Handles `cds-file-uploader-item-deleted` on `<cds-file-uploader-item>`.\n   *\n   * @param event The event.\n   */\n  private _handleDelete(event: CustomEvent) {\n    const { fileId: idToDelete } = (event.target as HTMLElement).dataset;\n    this._files = this._files.filter(({ id }) => idToDelete !== id);\n    this.requestUpdate();\n  }\n\n  /**\n   * Simulates updating file.\n   *\n   * @param data The data of the file being uploaded.\n   */\n  private async _simulateUpload(data: FileData) {\n    const { id, file } = data;\n    if (file.size > 524288) {\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n              invalid: true,\n              errorSubject: 'File size exceeds limit',\n              errorBody:\n                '500kb max file size. Select a new file and try again.',\n            }\n      );\n      this.requestUpdate();\n    } else {\n      // Simulates network request time\n      const rand = Math.random() * 1000;\n      await delay(rand);\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.COMPLETE,\n            }\n      );\n      this.requestUpdate();\n      // Shows x icon after 1 second\n      await delay(1000);\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n            }\n      );\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  button = false;\n\n  /**\n   * Button kind.\n   */\n  @property({ attribute: 'button-kind' })\n  buttonKind = 'primary';\n\n  /**\n   * Button label.\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Add file';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Icon description.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = '';\n\n  /**\n   * The input name.\n   */\n  @property({ attribute: 'input-name' })\n  inputName = '';\n\n  /**\n   * The label description text.\n   */\n  @property({ attribute: 'label-description' })\n  labelDescription = '';\n\n  /**\n   * The label title.\n   */\n  @property({ attribute: 'label-title' })\n  labelTitle = '';\n\n  /**\n   * `true` if the drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The size of the button item.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The state of this file uploader item.\n   */\n  @property({ reflect: true, attribute: 'input-state' })\n  inputState = '';\n\n  render() {\n    const {\n      accept,\n      button,\n      buttonKind,\n      buttonLabel,\n      disabled,\n      labelDescription,\n      labelTitle,\n      multiple,\n      size,\n      inputState,\n      iconDescription,\n      _files: files,\n      _handleChange: handleChange,\n      _handleDelete: handleDelete,\n    } = this;\n    return html`\n      <cds-file-uploader\n        label-description=\"${ifDefined(labelDescription)}\"\n        label-title=\"${ifDefined(labelTitle)}\"\n        ?disabled=\"${disabled}\">\n        ${!button\n          ? html` <cds-file-uploader-drop-container\n              accept=\"${ifDefined(accept)}\"\n              ?multiple=\"${multiple}\"\n              name=\"${ifDefined(this.inputName)}\"\n              @cds-file-uploader-drop-container-changed=\"${handleChange}\">\n              Drag and drop files here or click to upload\n            </cds-file-uploader-drop-container>`\n          : html` <cds-file-uploader-button\n              size=\"${ifDefined(size)}\"\n              button-kind=\"${buttonKind}\"\n              accept=\"${ifDefined(accept)}\"\n              name=\"${ifDefined(this.inputName)}\"\n              ?multiple=\"${multiple}\"\n              @cds-file-uploader-button-changed=\"${handleChange}\">\n              ${buttonLabel}\n            </cds-file-uploader-button>`}\n        ${files.map(\n          ({ id, invalid, file, state, errorSubject, errorBody }) => html`\n            <cds-file-uploader-item\n              data-file-id=\"${id}\"\n              ?invalid=\"${invalid}\"\n              state=\"${inputState || ifDefined(state)}\"\n              icon-description=\"${ifDefined(iconDescription)}\"\n              error-subject=\"${ifDefined(errorSubject)}\"\n              error-body=\"${ifDefined(errorBody)}\"\n              @cds-file-uploader-item-deleted=\"${handleDelete}\">\n              ${file.name}\n            </cds-file-uploader-item>\n          `\n        )}\n      </cds-file-uploader>\n    `;\n  }\n}\n"]}
+{"version":3,"sources":["components/file-uploader/demo-file-uploader.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAMvC,OAAO,SAAS,CAAC;AAEjB,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG/C;;;;;;GAMG;AAEH,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,UAAU;IAC3D;;OAEG;IACH,OAAO,CAAC,MAAM,CAAkB;IAEhC;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAsBrB;;;;OAIG;IACH,OAAO,CAAC,aAAa;IAMrB;;;;OAIG;YACW,eAAe;IA2C7B;;OAEG;IAEH,MAAM,SAAM;IAEZ;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,UAAU,SAAa;IAEvB;;OAEG;IAEH,WAAW,SAAc;IAEzB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,gBAAgB,SAAM;IAEtB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,cAAsB;IAE1B;;OAEG;IAEH,UAAU,SAAM;IAEhB,MAAM;CAwDP","file":"demo-file-uploader.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport { delay } from 'bluebird';\nimport { prefix } from '../../globals/settings';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport './index';\nimport { FILE_UPLOADER_ITEM_STATE } from './file-uploader-item';\nimport { BUTTON_SIZE } from '../button/button';\nimport { FileData } from './stories/types';\n\n/**\n * A class to manage file uploading states, like sending file contents to server.\n * DEMONSTRATION-PURPOSE ONLY.\n * Data/state handling in file uploading tends to involve lots of application-specific logics\n * and thus abstracting everything in a library won't be a good return on investment\n * vs. letting users copy code here and implement features that fit their needs.\n */\n@customElement(`${prefix}-ce-demo-file-uploader`)\nexport default class CDSCEDemoFileUploader extends LitElement {\n  /**\n   * The files being uploaded.\n   */\n  private _files: FileData[] = [];\n\n  /**\n   * Handles `cds-drop-container-changed` on `<cds-file-drop-container>`.\n   *\n   * @param event The event.\n   */\n  private _handleChange(event: CustomEvent) {\n    const { addedFiles } = event.detail;\n    const newFiles: FileData[] = addedFiles.map(\n      (item) =>\n        ({\n          id: Math.random().toString(36).slice(2),\n          file: item,\n          state: FILE_UPLOADER_ITEM_STATE.UPLOADING,\n        } as FileData)\n    );\n    const { multiple, _files: files, _simulateUpload: simulateUpload } = this;\n    if (multiple) {\n      this._files = files.concat(newFiles);\n      this.requestUpdate();\n      newFiles.forEach(simulateUpload, this);\n    } else if (addedFiles.length > 0) {\n      this._files = files.concat(newFiles[0]);\n      this.requestUpdate();\n      this._simulateUpload(newFiles[0]);\n    }\n  }\n\n  /**\n   * Handles `cds-file-uploader-item-deleted` on `<cds-file-uploader-item>`.\n   *\n   * @param event The event.\n   */\n  private _handleDelete(event: CustomEvent) {\n    const { fileId: idToDelete } = (event.target as HTMLElement).dataset;\n    this._files = this._files.filter(({ id }) => idToDelete !== id);\n    this.requestUpdate();\n  }\n\n  /**\n   * Simulates updating file.\n   *\n   * @param data The data of the file being uploaded.\n   */\n  private async _simulateUpload(data: FileData) {\n    const { id, file } = data;\n    if (file.size > 524288) {\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n              invalid: true,\n              errorSubject: 'File size exceeds limit',\n              errorBody:\n                '500kb max file size. Select a new file and try again.',\n            }\n      );\n      this.requestUpdate();\n    } else {\n      // Simulates network request time\n      const rand = Math.random() * 1000;\n      await delay(rand);\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.COMPLETE,\n            }\n      );\n      this.requestUpdate();\n      // Shows x icon after 1 second\n      await delay(1000);\n      this._files = this._files.map((item) =>\n        id !== item.id\n          ? item\n          : {\n              ...item,\n              state: FILE_UPLOADER_ITEM_STATE.EDIT,\n            }\n      );\n      this.requestUpdate();\n    }\n  }\n\n  /**\n   * The file types the file input should accept, separated by space.\n   */\n  @property()\n  accept = '';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  button = false;\n\n  /**\n   * Button kind.\n   */\n  @property({ attribute: 'button-kind' })\n  buttonKind = 'primary';\n\n  /**\n   * Button label.\n   */\n  @property({ attribute: 'button-label' })\n  buttonLabel = 'Add file';\n\n  /**\n   * `true` if the drop container should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Icon description.\n   */\n  @property({ attribute: 'icon-description' })\n  iconDescription = '';\n\n  /**\n   * The input name.\n   */\n  @property({ attribute: 'input-name' })\n  inputName = '';\n\n  /**\n   * The label description text.\n   */\n  @property({ attribute: 'label-description' })\n  labelDescription = '';\n\n  /**\n   * The label title.\n   */\n  @property({ attribute: 'label-title' })\n  labelTitle = '';\n\n  /**\n   * `true` if the drop container should accept more than one files at once.\n   * Note that even with `false` set here, user _can_ select multiple files one by one.\n   */\n  @property({ type: Boolean, reflect: true })\n  multiple = false;\n\n  /**\n   * The size of the button item.\n   */\n  @property({ reflect: true })\n  size = BUTTON_SIZE.MEDIUM;\n\n  /**\n   * The state of this file uploader item.\n   */\n  @property({ reflect: true, attribute: 'input-state' })\n  inputState = '';\n\n  render() {\n    const {\n      accept,\n      button,\n      buttonKind,\n      buttonLabel,\n      disabled,\n      labelDescription,\n      labelTitle,\n      multiple,\n      size,\n      inputState,\n      iconDescription,\n      _files: files,\n      _handleChange: handleChange,\n      _handleDelete: handleDelete,\n    } = this;\n    return html`\n      <cds-file-uploader\n        label-description=\"${ifDefined(labelDescription)}\"\n        label-title=\"${ifDefined(labelTitle)}\"\n        ?disabled=\"${disabled}\">\n        ${!button\n          ? html` <cds-file-uploader-drop-container\n              accept=\"${ifDefined(accept)}\"\n              ?multiple=\"${multiple}\"\n              name=\"${ifDefined(this.inputName)}\"\n              @cds-file-uploader-drop-container-changed=\"${handleChange}\">\n              Drag and drop files here or click to upload\n            </cds-file-uploader-drop-container>`\n          : html` <cds-file-uploader-button\n              size=\"${ifDefined(size)}\"\n              button-kind=\"${buttonKind}\"\n              accept=\"${ifDefined(accept)}\"\n              name=\"${ifDefined(this.inputName)}\"\n              ?multiple=\"${multiple}\"\n              @cds-file-uploader-button-changed=\"${handleChange}\">\n              ${buttonLabel}\n            </cds-file-uploader-button>`}\n        ${files.map(\n          ({ id, invalid, file, state, errorSubject, errorBody }) => html`\n            <cds-file-uploader-item\n              data-file-id=\"${id}\"\n              ?invalid=\"${invalid}\"\n              state=\"${inputState || ifDefined(state)}\"\n              icon-description=\"${ifDefined(iconDescription)}\"\n              error-subject=\"${ifDefined(errorSubject)}\"\n              error-body=\"${ifDefined(errorBody)}\"\n              @cds-file-uploader-item-deleted=\"${handleDelete}\">\n              ${file.name}\n            </cds-file-uploader-item>\n          `\n        )}\n      </cds-file-uploader>\n    `;\n  }\n}\n"]}

package/es/components/file-uploader/demo-file-uploader.js

@@ -14,10 +14,11 @@ let _ = t => t,
  * LICENSE file in the root directory of this source tree.
  */
 
-import { html, property, LitElement, customElement } from 'lit-element';
+import { html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 import { delay } from 'bluebird';
 import { prefix } from '../../globals/settings';
-import { ifDefined } from 'lit/directives/if-defined';
+import { ifDefined } from 'lit/directives/if-defined.js';
 import './index';
 import { FILE_UPLOADER_ITEM_STATE } from './file-uploader-item';
 import { BUTTON_SIZE } from '../button/button';
@@ -305,14 +306,47 @@ let CDSCEDemoFileUploader = _decorate([customElement(`${prefix}-ce-demo-file-upl
           _handleChange: handleChange,
           _handleDelete: handleDelete
         } = this;
-        return html(_t || (_t = _` <cds-file-uploader label-description="${0}" label-title="${0}" ?disabled="${0}"> ${0} ${0} </cds-file-uploader> `), ifDefined(labelDescription), ifDefined(labelTitle), disabled, !button ? html(_t2 || (_t2 = _` <cds-file-uploader-drop-container accept="${0}" ?multiple="${0}" name="${0}" @cds-file-uploader-drop-container-changed="${0}"> Drag and drop files here or click to upload </cds-file-uploader-drop-container>`), ifDefined(accept), multiple, ifDefined(this.inputName), handleChange) : html(_t3 || (_t3 = _` <cds-file-uploader-button size="${0}" button-kind="${0}" accept="${0}" name="${0}" ?multiple="${0}" @cds-file-uploader-button-changed="${0}"> ${0} </cds-file-uploader-button>`), ifDefined(size), buttonKind, ifDefined(accept), ifDefined(this.inputName), multiple, handleChange, buttonLabel), files.map(({
+        return html(_t || (_t = _`
+      <cds-file-uploader
+        label-description="${0}"
+        label-title="${0}"
+        ?disabled="${0}">
+        ${0}
+        ${0}
+      </cds-file-uploader>
+    `), ifDefined(labelDescription), ifDefined(labelTitle), disabled, !button ? html(_t2 || (_t2 = _` <cds-file-uploader-drop-container
+              accept="${0}"
+              ?multiple="${0}"
+              name="${0}"
+              @cds-file-uploader-drop-container-changed="${0}">
+              Drag and drop files here or click to upload
+            </cds-file-uploader-drop-container>`), ifDefined(accept), multiple, ifDefined(this.inputName), handleChange) : html(_t3 || (_t3 = _` <cds-file-uploader-button
+              size="${0}"
+              button-kind="${0}"
+              accept="${0}"
+              name="${0}"
+              ?multiple="${0}"
+              @cds-file-uploader-button-changed="${0}">
+              ${0}
+            </cds-file-uploader-button>`), ifDefined(size), buttonKind, ifDefined(accept), ifDefined(this.inputName), multiple, handleChange, buttonLabel), files.map(({
           id,
           invalid,
           file,
           state,
           errorSubject,
           errorBody
-        }) => html(_t4 || (_t4 = _` <cds-file-uploader-item data-file-id="${0}" ?invalid="${0}" state="${0}" icon-description="${0}" error-subject="${0}" error-body="${0}" @cds-file-uploader-item-deleted="${0}"> ${0} </cds-file-uploader-item> `), id, invalid, inputState || ifDefined(state), ifDefined(iconDescription), ifDefined(errorSubject), ifDefined(errorBody), handleDelete, file.name)));
+        }) => html(_t4 || (_t4 = _`
+            <cds-file-uploader-item
+              data-file-id="${0}"
+              ?invalid="${0}"
+              state="${0}"
+              icon-description="${0}"
+              error-subject="${0}"
+              error-body="${0}"
+              @cds-file-uploader-item-deleted="${0}">
+              ${0}
+            </cds-file-uploader-item>
+          `), id, invalid, inputState || ifDefined(state), ifDefined(iconDescription), ifDefined(errorSubject), ifDefined(errorBody), handleDelete, file.name)));
       }
     }]
   };