@carbon/ibmdotcom-web-components 1.37.0-rc.2 → 1.37.0-rc.3

package/es/components/footer/combo-box.d.ts

@@ -36,7 +36,7 @@ declare class DDSComboBox extends DDSDropdown {
     /**
      * The `<input>` for filtering.
      */
-    private _filterInputNode;
+    protected _filterInputNode: HTMLInputElement;
     /**
      * @param item A combo box item.
      * @returns `true` if the given combo box item matches the query text user types.
@@ -72,7 +72,7 @@ declare class DDSComboBox extends DDSDropdown {
      */
     itemMatches: (item: BXComboBoxItem, queryText: string) => boolean;
     shouldUpdate(changedProperties: any): boolean;
-    updated(): void;
+    updated(changedProperties: any): void;
     static TRIGGER_KEYS: Set<string>;
     /**
      * A selector that will return highlighted items.

package/es/components/footer/combo-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/footer/combo-box.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,cAAc,MAAM,qFAAqF,CAAC;AAIjH,OAAO,WAAyC,MAAM,YAAY,CAAC;AAGnE,OAAO,EACL,qBAAqB,EACrB,aAAa,EACb,aAAa,GACd,MAAM,YAAY,CAAC;AAKpB;;;;;;;;;;;;GAYG;AACH,cACM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IACH,SAAS,CAAC,iBAAiB,SAAM;IAEjC,SAAS,CAAC,yBAAyB,UAAS;IAE5C;;OAEG;IAEH,OAAO,CAAC,oBAAoB,CAAe;IAE3C;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAoB;IAE5C;;;OAGG;IACH,SAAS,CAAC,sBAAsB,CAAC,IAAI,KAAA;IAQrC;;;;;;OAMG;IACH,SAAS,CAAC,mBAAmB,CAC3B,IAAI,EAAE,cAAc,EACpB,SAAS,EAAE,MAAM,GAChB,OAAO;IAOV;;OAEG;IACH,SAAS,CAAC,YAAY;IAgBtB,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAQ7C,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,aAAa;IAenD;;OAEG;IACH,SAAS,CAAC,8BAA8B;IAexC,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,cAAc;IAiB9D,SAAS,CAAC,qBAAqB,IAAI,cAAc;IAuBjD,SAAS,CAAC,8BAA8B,IAAI,cAAc,GAAG,IAAI;IAgBjE;;OAEG;IAEH,mBAAmB,SAAM;IAEzB;;OAEG;IAEH,WAAW,EAAG,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAEnE,YAAY,CAAC,iBAAiB,KAAA;IAS9B,OAAO;IAQP,MAAM,CAAC,YAAY,cAAsB;IAEzC;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;CACF;AAED,eAAe,WAAW,CAAC","file":"combo-box.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { TemplateResult } from 'lit-html';\nimport { html, property, query } from 'lit-element';\nimport BXComboBoxItem from '../../internal/vendor/@carbon/web-components/components/combo-box/combo-box-item.js';\nimport Close16 from '../../internal/vendor/@carbon/web-components/icons/close/16.js';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\nimport DDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from './dropdown';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from './dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Combo box.\n *\n * @element dds-combo-box\n * @fires bx-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires bx-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-combo-box`)\nclass DDSComboBox extends DDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: BXComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n  /* eslint-enable class-methods-use-this */\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 DDSComboBox).selectorItem\n    );\n    const index = !this._filterInputNode.value\n      ? -1\n      : findIndex(items, this._testItemWithQueryText, this);\n    forEach(items, (item, i) => {\n      (item as BXComboBoxItem).highlighted = i === index;\n    });\n    const { _filterInputNode: filterInput } = this;\n    this._filterInputValue = !filterInput ? '' : filterInput.value;\n    this.open = true;\n    this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    if (this._selectionButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof DDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.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 {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof DDSComboBox).selectorItem\n      ),\n      (item) => {\n        (item as BXComboBoxItem).highlighted = false;\n      }\n    );\n    this._filterInputValue = '';\n    this._filterInputNode.focus();\n    this.open = false;\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _renderTriggerContent(): TemplateResult {\n    const {\n      disabled,\n      triggerContent,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n    } = this;\n    return html`\n      <input\n        id=\"trigger-label\"\n        class=\"${prefix}--text-input\"\n        ?disabled=${disabled}\n        placeholder=\"${triggerContent}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-expanded=\"${this.open}\"\n        aria-labelledby=\"assistiveStatus\"\n        aria-controls=\"menu-body\"\n        aria-autocomplete=\"list\"\n        @input=${handleInput} />\n    `;\n  }\n\n  protected _renderFollowingTriggerContent(): TemplateResult | void {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-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  }\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   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: BXComboBoxItem, queryText: string) => boolean;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { _selectedItemContent: selectedItemContent } = this;\n    if (selectedItemContent && changedProperties.has('value')) {\n      this._filterInputValue = selectedItemContent?.textContent || '';\n    }\n    return true;\n  }\n\n  updated() {\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\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}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box 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}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n}\n\nexport default DDSComboBox;\n"]}
+{"version":3,"sources":["components/footer/combo-box.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,cAAc,MAAM,qFAAqF,CAAC;AAIjH,OAAO,WAAyC,MAAM,YAAY,CAAC;AAGnE,OAAO,EACL,qBAAqB,EACrB,aAAa,EACb,aAAa,GACd,MAAM,YAAY,CAAC;AAKpB;;;;;;;;;;;;GAYG;AACH,cACM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IACH,SAAS,CAAC,iBAAiB,SAAM;IAEjC,SAAS,CAAC,yBAAyB,UAAS;IAE5C;;OAEG;IAEH,OAAO,CAAC,oBAAoB,CAAe;IAE3C;;OAEG;IAEH,SAAS,CAAC,gBAAgB,EAAG,gBAAgB,CAAC;IAE9C;;;OAGG;IACH,SAAS,CAAC,sBAAsB,CAAC,IAAI,KAAA;IAQrC;;;;;;OAMG;IACH,SAAS,CAAC,mBAAmB,CAC3B,IAAI,EAAE,cAAc,EACpB,SAAS,EAAE,MAAM,GAChB,OAAO;IAOV;;OAEG;IACH,SAAS,CAAC,YAAY;IAgBtB,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAQ7C,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,aAAa;IAenD;;OAEG;IACH,SAAS,CAAC,8BAA8B;IAexC,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,cAAc;IAiB9D,SAAS,CAAC,qBAAqB,IAAI,cAAc;IAuBjD,SAAS,CAAC,8BAA8B,IAAI,cAAc,GAAG,IAAI;IAgBjE;;OAEG;IAEH,mBAAmB,SAAM;IAEzB;;OAEG;IAEH,WAAW,EAAG,CAAC,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAEnE,YAAY,CAAC,iBAAiB,KAAA;IAS9B,OAAO,CAAC,iBAAiB,KAAA;IASzB,MAAM,CAAC,YAAY,cAAsB;IAEzC;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;CACF;AAED,eAAe,WAAW,CAAC","file":"combo-box.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { TemplateResult } from 'lit-html';\nimport { html, property, query } from 'lit-element';\nimport BXComboBoxItem from '../../internal/vendor/@carbon/web-components/components/combo-box/combo-box-item.js';\nimport Close16 from '../../internal/vendor/@carbon/web-components/icons/close/16.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\nimport DDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from './dropdown';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from './dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Combo box.\n *\n * @element dds-combo-box\n * @fires bx-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires bx-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-combo-box`)\nclass DDSComboBox extends DDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  protected _filterInputNode!: HTMLInputElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: BXComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n  /* eslint-enable class-methods-use-this */\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 DDSComboBox).selectorItem\n    );\n    const index = !this._filterInputNode.value\n      ? -1\n      : findIndex(items, this._testItemWithQueryText, this);\n    forEach(items, (item, i) => {\n      (item as BXComboBoxItem).highlighted = i === index;\n    });\n    const { _filterInputNode: filterInput } = this;\n    this._filterInputValue = !filterInput ? '' : filterInput.value;\n    this.open = true;\n    this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    if (this._selectionButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof DDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.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 {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof DDSComboBox).selectorItem\n      ),\n      (item) => {\n        (item as BXComboBoxItem).highlighted = false;\n      }\n    );\n    this._filterInputValue = '';\n    this._filterInputNode.focus();\n    this.open = false;\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _renderTriggerContent(): TemplateResult {\n    const {\n      disabled,\n      triggerContent,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n    } = this;\n    return html`\n      <input\n        id=\"trigger-label\"\n        class=\"${prefix}--text-input\"\n        ?disabled=${disabled}\n        placeholder=\"${triggerContent}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-expanded=\"${this.open}\"\n        aria-labelledby=\"assistiveStatus\"\n        aria-controls=\"menu-body\"\n        aria-autocomplete=\"list\"\n        @input=${handleInput} />\n    `;\n  }\n\n  protected _renderFollowingTriggerContent(): TemplateResult | void {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-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  }\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   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: BXComboBoxItem, queryText: string) => boolean;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { _selectedItemContent: selectedItemContent } = this;\n    if (selectedItemContent && changedProperties.has('value')) {\n      this._filterInputValue = selectedItemContent?.textContent || '';\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\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}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box 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}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n}\n\nexport default DDSComboBox;\n"]}

package/es/components/footer/combo-box.js

@@ -36,14 +36,14 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 var _settings = _interopRequireDefault(require("carbon-components/es/globals/js/settings.js"));
 var _litElement = require("lit-element");
 var _ = _interopRequireDefault(require("../../internal/vendor/@carbon/web-components/icons/close/16.js"));
-var _settings2 = _interopRequireDefault(require("@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js"));
+var _settings2 = _interopRequireDefault(require("../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings.js"));
 var _collectionHelpers = require("../../globals/internal/collection-helpers.js");
 var _dropdown = _interopRequireWildcard(require("./dropdown.js"));
 var _carbonElement = require("../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js");
 var _dropdown2 = require("./dropdown");
 var _templateObject, _templateObject2;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /**
                                                                                                                                                                                                                                                                                                                                            * @license
@@ -286,7 +286,8 @@ var DDSComboBox = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)(
     }, {
       kind: "method",
       key: "updated",
-      value: function updated() {
+      value: function updated(changedProperties) {
+        (0, _get2["default"])((0, _getPrototypeOf2["default"])(DDSComboBox.prototype), "updated", this).call(this, changedProperties);
         var listBoxNode = this._listBoxNode;
         if (listBoxNode) {
           listBoxNode.classList.add("".concat(prefix, "--combo-box"));
@@ -383,6 +384,5 @@ var DDSComboBox = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)(
     }]
   };
 }, _dropdown["default"]);
-var _default = DDSComboBox;
-exports["default"] = _default;
+var _default = exports["default"] = DDSComboBox;
 //# sourceMappingURL=combo-box.js.map

package/es/components/footer/combo-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box.js","names":["_settings","_interopRequireDefault","require","_litElement","_","_settings2","_collectionHelpers","_dropdown","_interopRequireWildcard","_carbonElement","_dropdown2","_templateObject","_templateObject2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSComboBox","_decorate2","customElement","concat","_initialize","_DDSDropdown","_DDSDropdown2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","value","decorators","query","_testItemWithQueryText","item","itemMatches","_defaultItemMatches","_filterInputNode","queryText","textContent","toLowerCase","indexOf","_handleInput","items","querySelectorAll","selectorItem","index","findIndex","forEach","i","highlighted","filterInput","_filterInputValue","open","requestUpdate","_handleClickInner","event","_this$_selectionButto","_selectionButtonNode","contains","target","_handleUserInitiatedClearInput","_get2","_handleKeypressInner","_this$_selectionButto2","action","getAction","TRIGGERING","DROPDOWN_KEYBOARD_ACTION","focus","_handleUserInitiatedSelectItem","_selectionShouldChange","_renderTriggerContent","disabled","triggerContent","filterInputValue","handleInput","html","_taggedTemplateLiteral2","_renderFollowingTriggerContent","clearSelectionLabel","undefined","Close16","property","attribute","shouldUpdate","changedProperties","selectedItemContent","_selectedItemContent","updated","listBoxNode","_listBoxNode","classList","add","Set","selectorItemHighlighted","selectorItemSelected","eventBeforeToggle","eventToggle","eventBeforeSelect","eventSelect","DDSDropdown","_default","exports"],"sources":["components/footer/combo-box.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { TemplateResult } from 'lit-html';\nimport { html, property, query } from 'lit-element';\nimport BXComboBoxItem from '../../internal/vendor/@carbon/web-components/components/combo-box/combo-box-item.js';\nimport Close16 from '../../internal/vendor/@carbon/web-components/icons/close/16.js';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\nimport DDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from './dropdown';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from './dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Combo box.\n *\n * @element dds-combo-box\n * @fires bx-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires bx-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-combo-box`)\nclass DDSComboBox extends DDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  private _filterInputNode!: HTMLInputElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: BXComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n  /* eslint-enable class-methods-use-this */\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 DDSComboBox).selectorItem\n    );\n    const index = !this._filterInputNode.value\n      ? -1\n      : findIndex(items, this._testItemWithQueryText, this);\n    forEach(items, (item, i) => {\n      (item as BXComboBoxItem).highlighted = i === index;\n    });\n    const { _filterInputNode: filterInput } = this;\n    this._filterInputValue = !filterInput ? '' : filterInput.value;\n    this.open = true;\n    this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    if (this._selectionButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof DDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.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 {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof DDSComboBox).selectorItem\n      ),\n      (item) => {\n        (item as BXComboBoxItem).highlighted = false;\n      }\n    );\n    this._filterInputValue = '';\n    this._filterInputNode.focus();\n    this.open = false;\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _renderTriggerContent(): TemplateResult {\n    const {\n      disabled,\n      triggerContent,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n    } = this;\n    return html`\n      <input\n        id=\"trigger-label\"\n        class=\"${prefix}--text-input\"\n        ?disabled=${disabled}\n        placeholder=\"${triggerContent}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-expanded=\"${this.open}\"\n        aria-labelledby=\"assistiveStatus\"\n        aria-controls=\"menu-body\"\n        aria-autocomplete=\"list\"\n        @input=${handleInput} />\n    `;\n  }\n\n  protected _renderFollowingTriggerContent(): TemplateResult | void {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-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  }\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   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: BXComboBoxItem, queryText: string) => boolean;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { _selectedItemContent: selectedItemContent } = this;\n    if (selectedItemContent && changedProperties.has('value')) {\n      this._filterInputValue = selectedItemContent?.textContent || '';\n    }\n    return true;\n  }\n\n  updated() {\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\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}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box 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}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n}\n\nexport default DDSComboBox;\n"],"mappings":"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"}
+{"version":3,"file":"combo-box.js","names":["_settings","_interopRequireDefault","require","_litElement","_","_settings2","_collectionHelpers","_dropdown","_interopRequireWildcard","_carbonElement","_dropdown2","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSComboBox","_decorate2","customElement","concat","_initialize","_DDSDropdown","_DDSDropdown2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","key","value","decorators","query","_testItemWithQueryText","item","itemMatches","_defaultItemMatches","_filterInputNode","queryText","textContent","toLowerCase","indexOf","_handleInput","items","querySelectorAll","selectorItem","index","findIndex","forEach","highlighted","filterInput","_filterInputValue","open","requestUpdate","_handleClickInner","event","_this$_selectionButto","_selectionButtonNode","contains","target","_handleUserInitiatedClearInput","_get2","_handleKeypressInner","_this$_selectionButto2","action","getAction","TRIGGERING","DROPDOWN_KEYBOARD_ACTION","focus","_handleUserInitiatedSelectItem","_selectionShouldChange","_renderTriggerContent","disabled","triggerContent","filterInputValue","handleInput","html","_taggedTemplateLiteral2","_renderFollowingTriggerContent","clearSelectionLabel","undefined","Close16","property","attribute","shouldUpdate","changedProperties","selectedItemContent","_selectedItemContent","updated","listBoxNode","_listBoxNode","classList","add","Set","selectorItemHighlighted","selectorItemSelected","eventBeforeToggle","eventToggle","eventBeforeSelect","eventSelect","DDSDropdown","_default","exports"],"sources":["components/footer/combo-box.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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { TemplateResult } from 'lit-html';\nimport { html, property, query } from 'lit-element';\nimport BXComboBoxItem from '../../internal/vendor/@carbon/web-components/components/combo-box/combo-box-item.js';\nimport Close16 from '../../internal/vendor/@carbon/web-components/icons/close/16.js';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport { findIndex, forEach } from '../../globals/internal/collection-helpers';\nimport DDSDropdown, { DROPDOWN_KEYBOARD_ACTION } from './dropdown';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n} from './dropdown';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Combo box.\n *\n * @element dds-combo-box\n * @fires bx-combo-box-beingselected\n *   The custom event fired before a combo box item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires bx-combo-box-beingtoggled\n *   The custom event fired before the open state of this combo box is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires bx-combo-box-selected - The custom event fired after a combo box item is selected upon a user gesture.\n * @fires bx-combo-box-toggled - The custom event fired after the open state of this combo box is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-combo-box`)\nclass DDSComboBox extends DDSDropdown {\n  /**\n   * The text content that should be set to the `<input>` for filtering.\n   */\n  protected _filterInputValue = '';\n\n  protected _shouldTriggerBeFocusable = false;\n\n  /**\n   * The selection button.\n   */\n  @query('#selection-button')\n  private _selectionButtonNode!: HTMLElement;\n\n  /**\n   * The `<input>` for filtering.\n   */\n  @query('input')\n  protected _filterInputNode!: HTMLInputElement;\n\n  /**\n   * @param item A combo box item.\n   * @returns `true` if the given combo box item matches the query text user types.\n   */\n  protected _testItemWithQueryText(item) {\n    return (this.itemMatches || this._defaultItemMatches)(\n      item,\n      this._filterInputNode.value\n    );\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * The default item matching callback.\n   *\n   * @param item The combo box item.\n   * @param queryText The query text user types.\n   * @returns `true` if the given combo box item matches the given query text.\n   */\n  protected _defaultItemMatches(\n    item: BXComboBoxItem,\n    queryText: string\n  ): boolean {\n    return (\n      item.textContent!.toLowerCase().indexOf(queryText.toLowerCase()) >= 0\n    );\n  }\n  /* eslint-enable class-methods-use-this */\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 DDSComboBox).selectorItem\n    );\n    const index = !this._filterInputNode.value\n      ? -1\n      : findIndex(items, this._testItemWithQueryText, this);\n    forEach(items, (item, i) => {\n      (item as BXComboBoxItem).highlighted = i === index;\n    });\n    const { _filterInputNode: filterInput } = this;\n    this._filterInputValue = !filterInput ? '' : filterInput.value;\n    this.open = true;\n    this.requestUpdate(); // If the only change is to `_filterInputValue`, auto-update doesn't happen\n  }\n\n  protected _handleClickInner(event: MouseEvent) {\n    if (this._selectionButtonNode?.contains(event.target as Node)) {\n      this._handleUserInitiatedClearInput();\n    } else {\n      super._handleClickInner(event);\n    }\n  }\n\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof DDSDropdown).getAction(key);\n    const { TRIGGERING } = DROPDOWN_KEYBOARD_ACTION;\n    if (\n      this._selectionButtonNode?.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 {\n      super._handleKeypressInner(event);\n    }\n  }\n\n  /**\n   * Handles user-initiated clearing the `<input>` for filtering.\n   */\n  protected _handleUserInitiatedClearInput() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof DDSComboBox).selectorItem\n      ),\n      (item) => {\n        (item as BXComboBoxItem).highlighted = false;\n      }\n    );\n    this._filterInputValue = '';\n    this._filterInputNode.focus();\n    this.open = false;\n    this.requestUpdate();\n  }\n\n  protected _handleUserInitiatedSelectItem(item?: BXComboBoxItem) {\n    if (item && !this._selectionShouldChange(item)) {\n      // Escape hatch for `shouldUpdate()` logic that updates `._filterInputValue()` when selection changes,\n      // given we want to update the `<input>` and close the dropdown even if selection doesn't update.\n      // Use case:\n      // 1. Select the 2nd item in combo box drop down\n      // 2. Type some text in the `<input>`\n      // 3. Re-select the 2nd item in combo box drop down,\n      //    the `<input>` has to updated with the 2nd item and the dropdown should be closed,\n      //    even if there is no change in the selected value\n      this._filterInputValue = item.textContent || '';\n      this.open = false;\n      this.requestUpdate();\n    }\n    super._handleUserInitiatedSelectItem(item);\n  }\n\n  protected _renderTriggerContent(): TemplateResult {\n    const {\n      disabled,\n      triggerContent,\n      _filterInputValue: filterInputValue,\n      _handleInput: handleInput,\n    } = this;\n    return html`\n      <input\n        id=\"trigger-label\"\n        class=\"${prefix}--text-input\"\n        ?disabled=${disabled}\n        placeholder=\"${triggerContent}\"\n        .value=${filterInputValue}\n        role=\"combobox\"\n        aria-expanded=\"${this.open}\"\n        aria-labelledby=\"assistiveStatus\"\n        aria-controls=\"menu-body\"\n        aria-autocomplete=\"list\"\n        @input=${handleInput} />\n    `;\n  }\n\n  protected _renderFollowingTriggerContent(): TemplateResult | void {\n    const { clearSelectionLabel, _filterInputValue: filterInputValue } = this;\n    return filterInputValue.length === 0\n      ? undefined\n      : html`\n          <div\n            id=\"selection-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  }\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   * The custom item matching callback.\n   */\n  @property({ attribute: false })\n  itemMatches!: (item: BXComboBoxItem, queryText: string) => boolean;\n\n  shouldUpdate(changedProperties) {\n    super.shouldUpdate(changedProperties);\n    const { _selectedItemContent: selectedItemContent } = this;\n    if (selectedItemContent && changedProperties.has('value')) {\n      this._filterInputValue = selectedItemContent?.textContent || '';\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    const { _listBoxNode: listBoxNode } = this;\n    if (listBoxNode) {\n      listBoxNode.classList.add(`${prefix}--combo-box`);\n    }\n  }\n\n  // For combo box, open/selection with space key is disabled given the input box should take it over\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}-combo-box-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return combo box items.\n   */\n  static get selectorItem() {\n    return `${prefix}-combo-box-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-combo-box-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before this combo box item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this combo box item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-combo-box-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this combo box item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-combo-box-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired before a combo box 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}-combo-box-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a combo box item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-combo-box-selected`;\n  }\n}\n\nexport default DDSComboBox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,CAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAC,uBAAA,CAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAEA,IAAAQ,UAAA,GAAAR,OAAA;AAIoB,IAAAS,eAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAY,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAtB,SAAA,CAAAuB,OAAA,CAAArB,IAAA,CAAAa,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAArC,CAAA,sBAvBpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAkBA,IAAsBuC,SAAS,GAAKC,qBAAW,CAAvCC,YAAY;AACpB,IAAQC,MAAM,GAAKC,oBAAQ,CAAnBD,MAAM;;AAEd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAZA,IAcME,WAAW,OAAAC,UAAA,cADhB,IAAAC,4BAAa,KAAAC,MAAA,CAAIR,SAAS,eAAY,CAAC,aAAAS,WAAA,EAAAC,YAAA;EAAA,IAClCL,WAAW,0BAAAM,aAAA;IAAA,IAAAC,UAAA,aAAAP,WAAA,EAAAM,aAAA;IAAA,IAAAE,MAAA,GAAAhC,YAAA,CAAAwB,WAAA;IAAA,SAAAA,YAAA;MAAA,IAAAS,KAAA;MAAA,IAAAC,gBAAA,mBAAAV,WAAA;MAAA,SAAAW,IAAA,GAAAvB,SAAA,CAAAwB,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA;QAAAF,IAAA,CAAAE,IAAA,IAAA3B,SAAA,CAAA2B,IAAA;MAAA;MAAAN,KAAA,GAAAD,MAAA,CAAAnC,IAAA,CAAAgB,KAAA,CAAAmB,MAAA,SAAAL,MAAA,CAAAU,IAAA;MAAAT,WAAA,KAAAY,uBAAA,aAAAP,KAAA;MAAA,OAAAA,KAAA;IAAA;IAAA,WAAAQ,aAAA,aAAAjB,WAAA;EAAA,EAAAK,YAAA;EAAA;IAAAa,CAAA,EAAXlB,WAAW;IAAAmB,CAAA;MAAAC,IAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAIe,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAEM,KAAK;MAAA;IAAA;MAAAF,IAAA;MAAAG,UAAA,GAK1C,IAAAC,iBAAK,EAAC,mBAAmB,CAAC;MAAAH,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAG,UAAA,GAM1B,IAAAC,iBAAK,EAAC,OAAO,CAAC;MAAAH,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAhBf;AACF;AACA;;MAKE;AACF;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;AACA;MACE,SAAAG,uBAAiCC,IAAI,EAAE;QACrC,OAAO,CAAC,IAAI,CAACC,WAAW,IAAI,IAAI,CAACC,mBAAmB,EAClDF,IAAI,EACJ,IAAI,CAACG,gBAAgB,CAACP,KACxB,CAAC;MACH;;MAEA;MACA;AACF;AACA;AACA;AACA;AACA;AACA;IANE;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAOA,SAAAM,oBACEF,IAAoB,EACpBI,SAAiB,EACR;QACT,OACEJ,IAAI,CAACK,WAAW,CAAEC,WAAW,CAAC,CAAC,CAACC,OAAO,CAACH,SAAS,CAACE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;MAEzE;MACA;;MAEA;AACF;AACA;IAFE;MAAAZ,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAY,aAAA,EAAyB;QACvB,IAAMC,KAAK,GAAG,IAAI,CAACC,gBAAgB,CAChC,IAAI,CAACnD,WAAW,CAAwBoD,YAC3C,CAAC;QACD,IAAMC,KAAK,GAAG,CAAC,IAAI,CAACT,gBAAgB,CAACP,KAAK,GACtC,CAAC,CAAC,GACF,IAAAiB,4BAAS,EAACJ,KAAK,EAAE,IAAI,CAACV,sBAAsB,EAAE,IAAI,CAAC;QACvD,IAAAe,0BAAO,EAACL,KAAK,EAAE,UAACT,IAAI,EAAEpD,CAAC,EAAK;UACzBoD,IAAI,CAAoBe,WAAW,GAAGnE,CAAC,KAAKgE,KAAK;QACpD,CAAC,CAAC;QACF,IAA0BI,WAAW,GAAK,IAAI,CAAtCb,gBAAgB;QACxB,IAAI,CAACc,iBAAiB,GAAG,CAACD,WAAW,GAAG,EAAE,GAAGA,WAAW,CAACpB,KAAK;QAC9D,IAAI,CAACsB,IAAI,GAAG,IAAI;QAChB,IAAI,CAACC,aAAa,CAAC,CAAC,CAAC,CAAC;MACxB;IAAC;MAAAzB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAwB,kBAA4BC,KAAiB,EAAE;QAAA,IAAAC,qBAAA;QAC7C,KAAAA,qBAAA,GAAI,IAAI,CAACC,oBAAoB,cAAAD,qBAAA,eAAzBA,qBAAA,CAA2BE,QAAQ,CAACH,KAAK,CAACI,MAAc,CAAC,EAAE;UAC7D,IAAI,CAACC,8BAA8B,CAAC,CAAC;QACvC,CAAC,MAAM;UACL,IAAAC,KAAA,iBAAAvE,gBAAA,aAxEAkB,WAAW,CAAA7B,SAAA,8BAAAE,IAAA,OAwEa0E,KAAK;QAC/B;MACF;IAAC;MAAA3B,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAgC,qBAA+BP,KAAoB,EAAE;QAAA,IAAAQ,sBAAA;QACnD,IAAQlC,GAAG,GAAK0B,KAAK,CAAb1B,GAAG;QACX,IAAMmC,MAAM,GAAI,IAAI,CAACvE,WAAW,CAAwBwE,SAAS,CAACpC,GAAG,CAAC;QACtE,IAAQqC,UAAU,GAAKC,kCAAwB,CAAvCD,UAAU;QAClB,IACE,CAAAH,sBAAA,OAAI,CAACN,oBAAoB,cAAAM,sBAAA,eAAzBA,sBAAA,CAA2BL,QAAQ,CAACH,KAAK,CAACI,MAAc,CAAC;QACzD;QACCK,MAAM,KAAKE,UAAU,IAAIrC,GAAG,KAAK,GAAG,CAAC,EACtC;UACA,IAAI,CAAC+B,8BAA8B,CAAC,CAAC;QACvC,CAAC,MAAM;UACL,IAAAC,KAAA,iBAAAvE,gBAAA,aAvFAkB,WAAW,CAAA7B,SAAA,iCAAAE,IAAA,OAuFgB0E,KAAK;QAClC;MACF;;MAEA;AACF;AACA;IAFE;MAAA3B,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAA8B,+BAAA,EAA2C;QACzC,IAAAZ,0BAAO,EACL,IAAI,CAACJ,gBAAgB,CAClB,IAAI,CAACnD,WAAW,CAAwBoD,YAC3C,CAAC,EACD,UAACX,IAAI,EAAK;UACPA,IAAI,CAAoBe,WAAW,GAAG,KAAK;QAC9C,CACF,CAAC;QACD,IAAI,CAACE,iBAAiB,GAAG,EAAE;QAC3B,IAAI,CAACd,gBAAgB,CAAC+B,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAChB,IAAI,GAAG,KAAK;QACjB,IAAI,CAACC,aAAa,CAAC,CAAC;MACtB;IAAC;MAAAzB,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAuC,+BAAyCnC,IAAqB,EAAE;QAC9D,IAAIA,IAAI,IAAI,CAAC,IAAI,CAACoC,sBAAsB,CAACpC,IAAI,CAAC,EAAE;UAC9C;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA,IAAI,CAACiB,iBAAiB,GAAGjB,IAAI,CAACK,WAAW,IAAI,EAAE;UAC/C,IAAI,CAACa,IAAI,GAAG,KAAK;UACjB,IAAI,CAACC,aAAa,CAAC,CAAC;QACtB;QACA,IAAAQ,KAAA,iBAAAvE,gBAAA,aA3HEkB,WAAW,CAAA7B,SAAA,2CAAAE,IAAA,OA2HwBqD,IAAI;MAC3C;IAAC;MAAAN,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAyC,sBAAA,EAAkD;QAChD,IACEC,QAAQ,GAIN,IAAI,CAJNA,QAAQ;UACRC,cAAc,GAGZ,IAAI,CAHNA,cAAc;UACKC,gBAAgB,GAEjC,IAAI,CAFNvB,iBAAiB;UACHwB,WAAW,GACvB,IAAI,CADNjC,YAAY;QAEd,WAAOkC,gBAAI,EAAAnH,eAAA,KAAAA,eAAA,OAAAoH,uBAAA,+XAGEvE,MAAM,EACHkE,QAAQ,EACLC,cAAc,EACpBC,gBAAgB,EAER,IAAI,CAACtB,IAAI,EAIjBuB,WAAW;MAE1B;IAAC;MAAA/C,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAAgD,+BAAA,EAAkE;QAChE,IAAQC,mBAAmB,GAA0C,IAAI,CAAjEA,mBAAmB;UAAqBL,gBAAgB,GAAK,IAAI,CAA5CvB,iBAAiB;QAC9C,OAAOuB,gBAAgB,CAACtD,MAAM,KAAK,CAAC,GAChC4D,SAAS,OACTJ,gBAAI,EAAAlH,gBAAA,KAAAA,gBAAA,OAAAmH,uBAAA,+PAISvE,MAAM,EAENyE,mBAAmB,EAC1B,IAAAE,YAAO,EAAC;UAAE,YAAY,EAAEF;QAAoB,CAAC,CAAC,CAEnD;MACP;;MAEA;AACF;AACA;IAFE;MAAAnD,IAAA;MAAAG,UAAA,GAGC,IAAAmD,oBAAQ,EAAC;QAAEC,SAAS,EAAE;MAAwB,CAAC,CAAC;MAAAtD,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OAC3B,EAAE;MAAA;IAAA;MAAAF,IAAA;MAAAG,UAAA,GAKvB,IAAAmD,oBAAQ,EAAC;QAAEC,SAAS,EAAE;MAAM,CAAC,CAAC;MAAAtD,GAAA;MAAAC,KAAA;IAAA;MAAAF,IAAA;MAAAC,GAAA;MAAAC,KAAA;MAH/B;AACF;AACA;MAIE,SAAAsD,aAAaC,iBAAiB,EAAE;QAC9B,IAAAxB,KAAA,iBAAAvE,gBAAA,aAlLEkB,WAAW,CAAA7B,SAAA,yBAAAE,IAAA,OAkLMwG,iBAAiB;QACpC,IAA8BC,mBAAmB,GAAK,IAAI,CAAlDC,oBAAoB;QAC5B,IAAID,mBAAmB,IAAID,iBAAiB,CAACnH,GAAG,CAAC,OAAO,CAAC,EAAE;UACzD,IAAI,CAACiF,iBAAiB,GAAG,CAAAmC,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAE/C,WAAW,KAAI,EAAE;QACjE;QACA,OAAO,IAAI;MACb;IAAC;MAAAX,IAAA;MAAAC,GAAA;MAAAC,KAAA,EAED,SAAA0D,QAAQH,iBAAiB,EAAE;QACzB,IAAAxB,KAAA,iBAAAvE,gBAAA,aA3LEkB,WAAW,CAAA7B,SAAA,oBAAAE,IAAA,OA2LCwG,iBAAiB;QAC/B,IAAsBI,WAAW,GAAK,IAAI,CAAlCC,YAAY;QACpB,IAAID,WAAW,EAAE;UACfA,WAAW,CAACE,SAAS,CAACC,GAAG,IAAAjF,MAAA,CAAIL,MAAM,gBAAa,CAAC;QACnD;MACF;;MAEA;IAAA;MAAAsB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,WAAAA,MAAA;QAAA,OACsB,IAAI+D,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;MAAA;IAAA;MAAAjE,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA;MAExC;AACF;AACA;MACE,SAAAgE,wBAAA,EAAqC;QACnC,UAAAnF,MAAA,CAAUL,MAAM;MAClB;;MAEA;AACF;AACA;IAFE;MAAAsB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAe,aAAA,EAA0B;QACxB,UAAAlC,MAAA,CAAUL,MAAM;MAClB;;MAEA;AACF;AACA;IAFE;MAAAsB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAiE,qBAAA,EAAkC;QAChC,UAAApF,MAAA,CAAUL,MAAM;MAClB;;MAEA;AACF;AACA;AACA;IAHE;MAAAsB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAIA,SAAAkE,kBAAA,EAA+B;QAC7B,UAAArF,MAAA,CAAUL,MAAM;MAClB;;MAEA;AACF;AACA;IAFE;MAAAsB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAmE,YAAA,EAAyB;QACvB,UAAAtF,MAAA,CAAUL,MAAM;MAClB;;MAEA;AACF;AACA;AACA;IAHE;MAAAsB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAIA,SAAAoE,kBAAA,EAA+B;QAC7B,UAAAvF,MAAA,CAAUL,MAAM;MAClB;;MAEA;AACF;AACA;IAFE;MAAAsB,IAAA;MAAA;MAAAC,GAAA;MAAAC,KAAA,EAGA,SAAAqE,YAAA,EAAyB;QACvB,UAAAxF,MAAA,CAAUL,MAAM;MAClB;IAAC;EAAA;AAAA,GAtPuB8F,oBAAW;AAAA,IAAAC,QAAA,GAAAC,OAAA,cAyPtB9F,WAAW"}

package/es/components/footer/defs.js

@@ -26,7 +26,6 @@ var FOOTER_SIZE; // TODO: Remove when JAWS bug has been fixed
 /**
  * The style scheme of language selector.
  */
-exports.FOOTER_SIZE = FOOTER_SIZE;
 (function (FOOTER_SIZE) {
   FOOTER_SIZE["REGULAR"] = "";
   FOOTER_SIZE["SHORT"] = "short";
@@ -36,12 +35,11 @@ var LANGUAGE_SELECTOR_STYLE_SCHEME;
 /**
  * Navigation direction, associated with key symbols.
  */
-exports.LANGUAGE_SELECTOR_STYLE_SCHEME = LANGUAGE_SELECTOR_STYLE_SCHEME;
 (function (LANGUAGE_SELECTOR_STYLE_SCHEME) {
   LANGUAGE_SELECTOR_STYLE_SCHEME["REGULAR"] = "";
   LANGUAGE_SELECTOR_STYLE_SCHEME["BLENDED"] = "blended";
 })(LANGUAGE_SELECTOR_STYLE_SCHEME || (exports.LANGUAGE_SELECTOR_STYLE_SCHEME = LANGUAGE_SELECTOR_STYLE_SCHEME = {}));
-var NAVIGATION_DIRECTION = {
+var NAVIGATION_DIRECTION = exports.NAVIGATION_DIRECTION = {
   Up: -1,
   ArrowUp: -1,
   Down: 1,
@@ -51,12 +49,10 @@ var NAVIGATION_DIRECTION = {
 /**
  * The keyboard action categories for dropdown.
  */
-exports.NAVIGATION_DIRECTION = NAVIGATION_DIRECTION;
 var DROPDOWN_KEYBOARD_ACTION;
 /**
  * Dropdown size.
  */
-exports.DROPDOWN_KEYBOARD_ACTION = DROPDOWN_KEYBOARD_ACTION;
 (function (DROPDOWN_KEYBOARD_ACTION) {
   DROPDOWN_KEYBOARD_ACTION["NONE"] = "none";
   DROPDOWN_KEYBOARD_ACTION["CLOSING"] = "closing";
@@ -67,7 +63,6 @@ var DROPDOWN_SIZE;
 /**
  * Dropdown types.
  */
-exports.DROPDOWN_SIZE = DROPDOWN_SIZE;
 (function (DROPDOWN_SIZE) {
   DROPDOWN_SIZE["REGULAR"] = "";
   DROPDOWN_SIZE["SMALL"] = "sm";
@@ -75,7 +70,6 @@ exports.DROPDOWN_SIZE = DROPDOWN_SIZE;
   DROPDOWN_SIZE["MICRO"] = "micro";
 })(DROPDOWN_SIZE || (exports.DROPDOWN_SIZE = DROPDOWN_SIZE = {}));
 var DROPDOWN_TYPE;
-exports.DROPDOWN_TYPE = DROPDOWN_TYPE;
 (function (DROPDOWN_TYPE) {
   DROPDOWN_TYPE["REGULAR"] = "";
   DROPDOWN_TYPE["INLINE"] = "inline";

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

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["_sharedEnums","require","FOOTER_SIZE","exports","LANGUAGE_SELECTOR_STYLE_SCHEME","NAVIGATION_DIRECTION","Up","ArrowUp","Down","ArrowDown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE"],"sources":["components/footer/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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\nexport { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '../../internal/vendor/@carbon/web-components/globals/shared-enums.js';\n\n/**\n * Footer size.\n */\nexport enum FOOTER_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Short size.\n   */\n  SHORT = 'short',\n\n  /**\n   * Micro size.\n   */\n  MICRO = 'micro',\n}\n\n// TODO: Remove when JAWS bug has been fixed\n\n/**\n * The style scheme of language selector.\n */\nexport enum LANGUAGE_SELECTOR_STYLE_SCHEME {\n  /**\n   * Regular style scheme.\n   */\n  REGULAR = '',\n\n  /**\n   * The style scheme that's blendid into outer style scheme.\n   * The primary use case is for used in micro footer.\n   */\n  BLENDED = 'blended',\n}\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Up: -1,\n  ArrowUp: -1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum DROPDOWN_KEYBOARD_ACTION {\n  /**\n   * Not doing any action.\n   */\n  NONE = 'none',\n\n  /**\n   * Keyboard action to close menu.\n   */\n  CLOSING = 'closing',\n\n  /**\n   * Keyboard action to navigate back/forward.\n   */\n  NAVIGATING = 'navigating',\n\n  /**\n   * Keyboard action to open/close menu on the trigger button or select/deselect a menu item.\n   */\n  TRIGGERING = 'triggering',\n}\n\n/**\n * Dropdown size.\n */\nexport enum DROPDOWN_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Extra large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * Micro size.\n   */\n  MICRO = 'micro',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Regular type.\n   */\n  REGULAR = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n"],"mappings":";;;;;;;;;;;;AASA,IAAAA,YAAA,GAAAC,OAAA;AATA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AAFA,IAGYC,WAAW,EAiBvB;AAEA;AACA;AACA;AAFAC,OAAA,CAAAD,WAAA,GAAAA,WAAA;AAAA,WAnBYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAAC,OAAA,CAAAD,WAAA,GAAXA,WAAW;AAAA,IAsBXE,8BAA8B;AAa1C;AACA;AACA;AAFAD,OAAA,CAAAC,8BAAA,GAAAA,8BAAA;AAAA,WAbYA,8BAA8B;EAA9BA,8BAA8B;EAA9BA,8BAA8B;AAAA,GAA9BA,8BAA8B,KAAAD,OAAA,CAAAC,8BAAA,GAA9BA,8BAA8B;AAgBnC,IAAMC,oBAAoB,GAAG;EAClCC,EAAE,EAAE,CAAC,CAAC;EACNC,OAAO,EAAE,CAAC,CAAC;EACXC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AAFAN,OAAA,CAAAE,oBAAA,GAAAA,oBAAA;AAAA,IAGYK,wBAAwB;AAsBpC;AACA;AACA;AAFAP,OAAA,CAAAO,wBAAA,GAAAA,wBAAA;AAAA,WAtBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAAP,OAAA,CAAAO,wBAAA,GAAxBA,wBAAwB;AAAA,IAyBxBC,aAAa;AAsBzB;AACA;AACA;AAFAR,OAAA,CAAAQ,aAAA,GAAAA,aAAA;AAAA,WAtBYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAAR,OAAA,CAAAQ,aAAA,GAAbA,aAAa;AAAA,IAyBbC,aAAa;AAAAT,OAAA,CAAAS,aAAA,GAAAA,aAAA;AAAA,WAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAAT,OAAA,CAAAS,aAAA,GAAbA,aAAa"}
+{"version":3,"file":"defs.js","names":["_sharedEnums","require","FOOTER_SIZE","exports","LANGUAGE_SELECTOR_STYLE_SCHEME","NAVIGATION_DIRECTION","Up","ArrowUp","Down","ArrowDown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE"],"sources":["components/footer/defs.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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\nexport { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '../../internal/vendor/@carbon/web-components/globals/shared-enums.js';\n\n/**\n * Footer size.\n */\nexport enum FOOTER_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Short size.\n   */\n  SHORT = 'short',\n\n  /**\n   * Micro size.\n   */\n  MICRO = 'micro',\n}\n\n// TODO: Remove when JAWS bug has been fixed\n\n/**\n * The style scheme of language selector.\n */\nexport enum LANGUAGE_SELECTOR_STYLE_SCHEME {\n  /**\n   * Regular style scheme.\n   */\n  REGULAR = '',\n\n  /**\n   * The style scheme that's blendid into outer style scheme.\n   * The primary use case is for used in micro footer.\n   */\n  BLENDED = 'blended',\n}\n\n/**\n * Navigation direction, associated with key symbols.\n */\nexport const NAVIGATION_DIRECTION = {\n  Up: -1,\n  ArrowUp: -1,\n  Down: 1,\n  ArrowDown: 1,\n};\n\n/**\n * The keyboard action categories for dropdown.\n */\nexport enum DROPDOWN_KEYBOARD_ACTION {\n  /**\n   * Not doing any action.\n   */\n  NONE = 'none',\n\n  /**\n   * Keyboard action to close menu.\n   */\n  CLOSING = 'closing',\n\n  /**\n   * Keyboard action to navigate back/forward.\n   */\n  NAVIGATING = 'navigating',\n\n  /**\n   * Keyboard action to open/close menu on the trigger button or select/deselect a menu item.\n   */\n  TRIGGERING = 'triggering',\n}\n\n/**\n * Dropdown size.\n */\nexport enum DROPDOWN_SIZE {\n  /**\n   * Regular size.\n   */\n  REGULAR = '',\n\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Extra large size.\n   */\n  EXTRA_LARGE = 'xl',\n\n  /**\n   * Micro size.\n   */\n  MICRO = 'micro',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Regular type.\n   */\n  REGULAR = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n"],"mappings":";;;;;;;;;;;;AASA,IAAAA,YAAA,GAAAC,OAAA;AATA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AAFA,IAGYC,WAAW,EAiBvB;AAEA;AACA;AACA;AAFA,WAnBYA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;AAAA,GAAXA,WAAW,KAAAC,OAAA,CAAAD,WAAA,GAAXA,WAAW;AAAA,IAsBXE,8BAA8B;AAa1C;AACA;AACA;AAFA,WAbYA,8BAA8B;EAA9BA,8BAA8B;EAA9BA,8BAA8B;AAAA,GAA9BA,8BAA8B,KAAAD,OAAA,CAAAC,8BAAA,GAA9BA,8BAA8B;AAgBnC,IAAMC,oBAAoB,GAAAF,OAAA,CAAAE,oBAAA,GAAG;EAClCC,EAAE,EAAE,CAAC,CAAC;EACNC,OAAO,EAAE,CAAC,CAAC;EACXC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AAFA,IAGYC,wBAAwB;AAsBpC;AACA;AACA;AAFA,WAtBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAAP,OAAA,CAAAO,wBAAA,GAAxBA,wBAAwB;AAAA,IAyBxBC,aAAa;AAsBzB;AACA;AACA;AAFA,WAtBYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAAR,OAAA,CAAAQ,aAAA,GAAbA,aAAa;AAAA,IAyBbC,aAAa;AAAA,WAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAAT,OAAA,CAAAS,aAAA,GAAbA,aAAa"}

package/es/components/footer/dropdown.js

@@ -217,6 +217,5 @@ var DDSDropdown = (0, _decorate2["default"])([(0, _carbonElement.carbonElement)(
     }]
   };
 }, _dropdown["default"]);
-var _default = DDSDropdown;
-exports["default"] = _default;
+var _default = exports["default"] = DDSDropdown;
 //# sourceMappingURL=dropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","names":["_settings","_interopRequireDefault","require","_classMap5","_ifDefined","_litElement","_settings2","_dropdown","_","_2","_defs","_collectionHelpers","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSDropdown","_decorate2","customElement","concat","_initialize","_BXDropdown","_BXDropdown2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","query","key","value","property","attribute","_ref","latestSelection","currentItem","_navigate","direction","items","querySelectorAll","selectorItem","highlightedItem","querySelector","selectorItemHighlighted","highlightedIndex","indexOf","nextIndex","forEach","item","i","highlighted","nextItem","scrollIntoView","block","nextItemText","textContent","_assistiveStatusText","formatSelectedItemStatusText","_inputNode","requestUpdate","render","_classMap","_classMap2","_classMap3","_classMap4","colorScheme","disabled","helperText","invalid","labelText","open","toggleLabelClosed","toggleLabelOpen","size","type","validityMessage","assistiveStatusText","shouldTriggerBeFocusable","_shouldTriggerBeFocusable","handleClickInner","_handleClickInner","handleKeydownInner","_handleKeydownInner","handleKeypressInner","_handleKeypressInner","handleSlotchangeHelperText","_handleSlotchangeHelperText","handleSlotchangeLabelText","_handleSlotchangeLabelText","slotHelperTextNode","_slotHelperTextNode","slotLabelTextNode","_slotLabelTextNode","inline","DROPDOWN_TYPE","INLINE","selectedItemsCount","selectorItemSelected","classes","classMap","_defineProperty2","labelClasses","helperClasses","iconContainerClasses","toggleLabel","undefined","hasHelperText","assignedNodes","hasLabelText","helper","html","_taggedTemplateLiteral2","validityIcon","WarningFilled16","menuBody","ifDefined","String","_renderPrecedingTriggerContent","_renderTriggerContent","_renderFollowingTriggerContent","ChevronDown16","BXDropdown","_default","exports"],"sources":["components/footer/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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, query, property } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport BXDropdown from '../../internal/vendor/@carbon/web-components/components/dropdown/dropdown.js';\nimport BXDropdownItem from '../../internal/vendor/@carbon/web-components/components/dropdown/dropdown-item.js';\nimport ChevronDown16 from '../../internal/vendor/@carbon/web-components/icons/chevron--down/16.js';\nimport WarningFilled16 from '../../internal/vendor/@carbon/web-components/icons/warning--filled/16.js';\nimport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Dropdown.\n *\n * @element dds-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 bx-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 bx-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 bx-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires bx-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-dropdown`)\nclass DDSDropdown extends BXDropdown {\n  /**\n   * The `<input` node in ComboBox, used to get value.\n   */\n  @query(`input`)\n  protected _inputNode;\n\n  /**\n   * The formatter, used for announcing selected item and current item. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatSelectedItemStatusText = ({ latestSelection, currentItem }) =>\n    currentItem === ''\n      ? `${latestSelection}`\n      : `${latestSelection}, Current input is: ${currentItem}`;\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 BXDropdown;\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    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 BXDropdownItem).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 = this.formatSelectedItemStatusText({\n        latestSelection: `${nextItemText}`,\n        currentItem: `${this._inputNode.value}`,\n      });\n    }\n    this.requestUpdate();\n  }\n\n  render() {\n    const {\n      colorScheme,\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      size,\n      type,\n      validityMessage,\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      _slotLabelTextNode: slotLabelTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof DDSDropdown).selectorItemSelected\n    ).length;\n    const classes = classMap({\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--${colorScheme}`]: colorScheme,\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--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n    });\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label-visually-hidden`]: true,\n      [`${prefix}--label--disabled`]: disabled,\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 hasLabelText =\n      labelText ||\n      (slotLabelTextNode && slotLabelTextNode.assignedNodes().length > 0);\n    const helper = !invalid\n      ? html`\n          <div\n            part=\"helper-text\"\n            class=\"${helperClasses}\"\n            ?hidden=\"${inline || !hasHelperText}\">\n            <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n              >${helperText}</slot\n            >\n          </div>\n        `\n      : html`\n          <div part=\"validity-message\" class=${`${prefix}--form-requirement`}>\n            <slot name=\"validity-message\">${validityMessage}</slot>\n          </div>\n        `;\n    const validityIcon = !invalid\n      ? undefined\n      : WarningFilled16({\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const menuBody = !open\n      ? undefined\n      : html`\n          <div\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=\"label-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasLabelText}\">\n        <slot name=\"label-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${labelText}</slot\n        >\n      </label>\n      <div\n        class=\"${classes}\"\n        ?data-invalid=${invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}>\n        ${validityIcon}\n        <div\n          part=\"trigger-button\"\n          role=\"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._renderPrecedingTriggerContent()}${this._renderTriggerContent()}${this._renderFollowingTriggerContent()}\n          <div class=\"${iconContainerClasses}\">\n            ${ChevronDown16({ 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${menuBody}\n      </div>\n      ${helper}\n      <div\n        id=\"assistiveStatus\"\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\nexport default DDSDropdown;\n"],"mappings":"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"}
+{"version":3,"file":"dropdown.js","names":["_settings","_interopRequireDefault","require","_classMap5","_ifDefined","_litElement","_settings2","_dropdown","_","_2","_defs","_collectionHelpers","_carbonElement","_templateObject","_templateObject2","_templateObject3","_templateObject4","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","ddsPrefix","ddsSettings","stablePrefix","prefix","settings","DDSDropdown","_decorate2","customElement","concat","_initialize","_BXDropdown","_BXDropdown2","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","_assertThisInitialized2","_createClass2","F","d","kind","decorators","query","key","value","property","attribute","_ref","latestSelection","currentItem","_navigate","direction","items","querySelectorAll","selectorItem","highlightedItem","querySelector","selectorItemHighlighted","highlightedIndex","indexOf","nextIndex","forEach","item","i","highlighted","nextItem","scrollIntoView","block","nextItemText","textContent","_assistiveStatusText","formatSelectedItemStatusText","_inputNode","requestUpdate","render","_classMap","_classMap2","_classMap3","_classMap4","colorScheme","disabled","helperText","invalid","labelText","open","toggleLabelClosed","toggleLabelOpen","size","type","validityMessage","assistiveStatusText","shouldTriggerBeFocusable","_shouldTriggerBeFocusable","handleClickInner","_handleClickInner","handleKeydownInner","_handleKeydownInner","handleKeypressInner","_handleKeypressInner","handleSlotchangeHelperText","_handleSlotchangeHelperText","handleSlotchangeLabelText","_handleSlotchangeLabelText","slotHelperTextNode","_slotHelperTextNode","slotLabelTextNode","_slotLabelTextNode","inline","DROPDOWN_TYPE","INLINE","selectedItemsCount","selectorItemSelected","classes","classMap","_defineProperty2","labelClasses","helperClasses","iconContainerClasses","toggleLabel","undefined","hasHelperText","assignedNodes","hasLabelText","helper","html","_taggedTemplateLiteral2","validityIcon","WarningFilled16","menuBody","ifDefined","String","_renderPrecedingTriggerContent","_renderTriggerContent","_renderFollowingTriggerContent","ChevronDown16","BXDropdown","_default","exports"],"sources":["components/footer/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 settings from 'carbon-components/es/globals/js/settings.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport { ifDefined } from 'lit-html/directives/if-defined.js';\nimport { html, query, property } from 'lit-element';\nimport ddsSettings from '@carbon/ibmdotcom-utilities/es/utilities/settings/settings.js';\nimport BXDropdown from '../../internal/vendor/@carbon/web-components/components/dropdown/dropdown.js';\nimport BXDropdownItem from '../../internal/vendor/@carbon/web-components/components/dropdown/dropdown-item.js';\nimport ChevronDown16 from '../../internal/vendor/@carbon/web-components/icons/chevron--down/16.js';\nimport WarningFilled16 from '../../internal/vendor/@carbon/web-components/icons/warning--filled/16.js';\nimport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport { forEach, indexOf } from '../../globals/internal/collection-helpers';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nexport {\n  DROPDOWN_COLOR_SCHEME,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\nconst { prefix } = settings;\n\n/**\n * Dropdown.\n *\n * @element dds-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 bx-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 bx-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 bx-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires bx-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${ddsPrefix}-dropdown`)\nclass DDSDropdown extends BXDropdown {\n  /**\n   * The `<input` node in ComboBox, used to get value.\n   */\n  @query(`input`)\n  protected _inputNode;\n\n  /**\n   * The formatter, used for announcing selected item and current item. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatSelectedItemStatusText = ({ latestSelection, currentItem }) =>\n    currentItem === ''\n      ? `${latestSelection}`\n      : `${latestSelection}, Current input is: ${currentItem}`;\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 BXDropdown;\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    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 BXDropdownItem).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 = this.formatSelectedItemStatusText({\n        latestSelection: `${nextItemText}`,\n        currentItem: `${this._inputNode.value}`,\n      });\n    }\n    this.requestUpdate();\n  }\n\n  render() {\n    const {\n      colorScheme,\n      disabled,\n      helperText,\n      invalid,\n      labelText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      size,\n      type,\n      validityMessage,\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      _slotLabelTextNode: slotLabelTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof DDSDropdown).selectorItemSelected\n    ).length;\n    const classes = classMap({\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--${colorScheme}`]: colorScheme,\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--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n    });\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label-visually-hidden`]: true,\n      [`${prefix}--label--disabled`]: disabled,\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 hasLabelText =\n      labelText ||\n      (slotLabelTextNode && slotLabelTextNode.assignedNodes().length > 0);\n    const helper = !invalid\n      ? html`\n          <div\n            part=\"helper-text\"\n            class=\"${helperClasses}\"\n            ?hidden=\"${inline || !hasHelperText}\">\n            <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n              >${helperText}</slot\n            >\n          </div>\n        `\n      : html`\n          <div part=\"validity-message\" class=${`${prefix}--form-requirement`}>\n            <slot name=\"validity-message\">${validityMessage}</slot>\n          </div>\n        `;\n    const validityIcon = !invalid\n      ? undefined\n      : WarningFilled16({\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const menuBody = !open\n      ? undefined\n      : html`\n          <div\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=\"label-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasLabelText}\">\n        <slot name=\"label-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${labelText}</slot\n        >\n      </label>\n      <div\n        class=\"${classes}\"\n        ?data-invalid=${invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}>\n        ${validityIcon}\n        <div\n          part=\"trigger-button\"\n          role=\"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._renderPrecedingTriggerContent()}${this._renderTriggerContent()}${this._renderFollowingTriggerContent()}\n          <div class=\"${iconContainerClasses}\">\n            ${ChevronDown16({ 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${menuBody}\n      </div>\n      ${helper}\n      <div\n        id=\"assistiveStatus\"\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\nexport default DDSDropdown;\n"],"mappings":"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"}

package/es/components/footer/footer-composite.d.ts

@@ -348,6 +348,7 @@ declare const DDSFooterComposite_base: (abstract new (...args: any[]) => {
     _createAndRenderModal(): void;
     renderModal(): void | import("lit-element").TemplateResult;
     modalRenderRoot: void | Element | null;
+    modalTriggerProps: string[];
     readonly container: any;
     createModalRenderRoot(): void | Element | null;
     connectedCallback(): void;
@@ -1028,15 +1029,9 @@ declare const DDSFooterComposite_base: (abstract new (...args: any[]) => {
         getBoundingClientRect(): DOMRect;
         getClientRects(): DOMRectList;
         getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>; /**
-         * The aria-label to use for the locale-button
-         */
-        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>; /**
-         * The aria-label to use for the locale-button
-         */
-        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>; /**
-         * The aria-label to use for the locale-button
-         */
+        getElementsByTagName<K_4 extends keyof HTMLElementTagNameMap>(qualifiedName: K_4): HTMLCollectionOf<HTMLElementTagNameMap[K_4]>;
+        getElementsByTagName<K_5 extends keyof SVGElementTagNameMap>(qualifiedName: K_5): HTMLCollectionOf<SVGElementTagNameMap[K_5]>;
+        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
         getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
         getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
@@ -1052,9 +1047,7 @@ declare const DDSFooterComposite_base: (abstract new (...args: any[]) => {
         removeAttribute(qualifiedName: string): void;
         removeAttributeNS(namespace: string | null, localName: string): void;
         removeAttributeNode(attr: Attr): Attr;
-        requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>; /**
-         * The adjunct links.
-         */
+        requestFullscreen(options?: FullscreenOptions | undefined): Promise<void>;
         requestPointerLock(): void;
         scroll(options?: ScrollToOptions | undefined): void;
         scroll(x: number, y: number): void;
@@ -1063,9 +1056,6 @@ declare const DDSFooterComposite_base: (abstract new (...args: any[]) => {
         scrollIntoView(arg?: boolean | ScrollIntoViewOptions | undefined): void;
         scrollTo(options?: ScrollToOptions | undefined): void;
         scrollTo(x: number, y: number): void;
-        /**
-         * Footer size.
-         */
         setAttribute(qualifiedName: string, value: string): void;
         setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
         setAttributeNode(attr: Attr): Attr | null;
@@ -1075,7 +1065,9 @@ declare const DDSFooterComposite_base: (abstract new (...args: any[]) => {
         webkitMatchesSelector(selectors: string): boolean;
         readonly baseURI: string;
         readonly childNodes: NodeListOf<ChildNode>;
-        readonly firstChild: ChildNode | null;
+        readonly firstChild: ChildNode | null; /**
+         * Footer size.
+         */
         readonly isConnected: boolean;
         readonly lastChild: ChildNode | null;
         readonly nextSibling: ChildNode | null;
@@ -1346,7 +1338,11 @@ declare class DDSFooterComposite extends DDSFooterComposite_base {
     /**
      * `true` to open the locale modal.
      */
-    openLocaleModal: boolean;
+    openLocaleModal: any;
+    /**
+     * @inheritdoc
+     */
+    modalTriggerProps: string[];
     /**
      * Footer size.
      */

package/es/components/footer/footer-composite.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/footer/footer-composite.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAyB,UAAU,EAAE,MAAM,aAAa,CAAC;AAMhE,OAAwB,EAEtB,MAAM,EACP,MAAM,gDAAgD,CAAC;AAIxD,OAAO,EAAE,UAAU,EAAE,MAAM,0EAA0E,CAAC;AACtG,OAAO,EACL,SAAS,EACT,YAAY,EAEb,MAAM,6EAA6E,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,OAAO,UAAU,CAAC;AAElB,OAAO,wCAAwC,CAAC;AAChD,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4CAA4C,CAAC;AACpD,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,qFAAqF,CAAC;AAC7F,OAAO,+EAA+E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yIA6DrF;;WAEG;uIAFH;;WAEG;gFAFH;;WAEG;;;;;;;;;;;;;;;;mFAkEH;;WAEG;;;;;;;;;QAsBH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtJL;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,uBAGhC;IACC;;OAEG;IACH,OAAO,CAAC,wBAAwB,CAE9B;IAGF,SAAS,UAAqC;IAE9C,SAAS,CAAC,uBAAuB;IAIjC;;OAEG;IAGH,OAAO,CAAC,iBAAiB,CAIvB;IAuBF;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAUrB;;OAEG;IAEH,mBAAmB,gBAAuB;IAE1C;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAUlB;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAkBrB;;OAEG;IAEH,UAAU,EAAE,SAAS,EAAE,CAAM;IAE7B;;OAEG;IAEH,YAAY,EAAE,SAAS,EAAE,CAAM;IAE/B;;OAEG;IAEH,KAAK,EAAE,YAAY,EAAE,CAAM;IAE3B;;OAEG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IAEH,eAAe,UAAS;IAExB;;OAEG;IAEH,IAAI,CAAC,EAAE,WAAW,CAAC;IAGb,cAAc;IAKpB,YAAY;IAeZ,OAAO,CAAC,iBAAiB,KAAA;IAUzB;;OAEG;IACH,WAAW;IAqBX,sBAAsB,CAAC,IAAI,SAAsB;IAqDjD,kBAAkB,CAAC,IAAI,SAAkB;IAkBzC,cAAc;IAsEd,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;CACF;AAGD,eAAe,kBAAkB,CAAC","file":"footer-composite.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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, state, LitElement } from 'lit-element';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport LocaleAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/Locale/Locale';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport MediaQueryMixin, {\n  MQBreakpoints,\n  MQDirs,\n} from '../../component-mixins/media-query/media-query';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport { LocaleList } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  BasicLink,\n  BasicLinkSet,\n  Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { FOOTER_SIZE } from './footer';\nimport { DROPDOWN_SIZE } from './combo-box';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './footer';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport '../locale-modal/locale-modal-composite';\nimport './footer-logo';\nimport './footer-nav';\nimport './footer-nav-group';\nimport './footer-nav-item';\nimport './locale-button';\nimport './legal-nav';\nimport './legal-nav-item';\nimport './legal-nav-cookie-preferences-placeholder';\nimport './language-selector-desktop';\nimport './language-selector-mobile';\nimport '../../internal/vendor/@carbon/web-components/components/combo-box/combo-box-item.js';\nimport '../../internal/vendor/@carbon/web-components/components/select/select-item.js';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n/**\n * Component that rendres footer from inks data.\n *\n * @element dds-footer-composite\n */\n@customElement(`${ddsPrefix}-footer-composite`)\nclass DDSFooterComposite extends MediaQueryMixin(\n  ModalRenderMixin(HybridRenderMixin(HostListenerMixin(LitElement))),\n  { [MQBreakpoints.LG]: MQDirs.MAX }\n) {\n  /**\n   * Handles `click` event on the locale button.\n   */\n  private _handleClickLocaleButton = () => {\n    this.openLocaleModal = true;\n  };\n\n  @state()\n  _isMobile = this.carbonBreakpoints.lg.matches;\n\n  protected mediaQueryCallbackMaxLG() {\n    this._isMobile = this.carbonBreakpoints.lg.matches;\n  }\n\n  /**\n   * Handles `dds-expressive-modal-closed` event on the locale modal.\n   */\n  @HostListener('document:eventCloseModal')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleCloseModal = (event: CustomEvent) => {\n    if ((this.modalRenderRoot as Element).contains(event.target as Node)) {\n      this.openLocaleModal = false;\n    }\n  };\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `loadTranslation()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadTranslation?: (language?: string) => Promise<Translation>;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * The aria-label to use for the locale-button\n   */\n  @property()\n  buttonLabel?: string;\n\n  /**\n   * The clear button label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel?: string;\n\n  /**\n   * The g11n collator to use for sorting contry names.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * `true` to omit the locale switcher button.\n   */\n  @property({ type: Boolean, attribute: 'disable-locale-button' })\n  disableLocaleButton = false;\n\n  /**\n   * The language used for query.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * Placeholder list of languages to populate language selector\n   *\n   * @internal\n   */\n  @property({ attribute: false })\n  langList?: { id: string; text: string }[];\n\n  /**\n   * The language to show in the UI.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The placeholder label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'language-selector-label' })\n  languageSelectorLabel?: string;\n\n  /**\n   * The initial selected language in the selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'selected-language' })\n  selectedLanguage?: string;\n\n  /**\n   * The legal nav links.\n   */\n  @property({ attribute: false })\n  legalLinks: BasicLink[] = [];\n\n  /**\n   * The adjunct links.\n   */\n  @property({ attribute: false })\n  adjunctLinks: BasicLink[] = [];\n\n  /**\n   * The footer links.\n   */\n  @property({ attribute: false })\n  links: BasicLinkSet[] = [];\n\n  /**\n   * The locale list.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * `true` to open the locale modal.\n   */\n  @property({ type: Boolean, attribute: 'open-locale-modal' })\n  openLocaleModal = false;\n\n  /**\n   * Footer size.\n   */\n  @property({ reflect: true })\n  size?: FOOTER_SIZE;\n\n  // eslint-disable-next-line class-methods-use-this\n  async getLangDisplay() {\n    const response = await LocaleAPI.getLangDisplay();\n    return response;\n  }\n\n  firstUpdated() {\n    const { language } = this;\n    globalInit();\n    if (language) {\n      this._setLanguage?.(language);\n    }\n    this._loadTranslation?.(language);\n\n    this.getLangDisplay().then((res) => {\n      this.langDisplay = res;\n    });\n\n    super.firstUpdated();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('language')) {\n      const { language } = this;\n      if (language) {\n        this._setLanguage?.(language);\n        this._loadTranslation?.(language).catch(() => {}); // The error is logged in the Redux store\n      }\n    }\n  }\n\n  /**\n   * @returns The locale modal.\n   */\n  renderModal() {\n    const {\n      collatorCountryName,\n      langDisplay,\n      language,\n      localeList,\n      openLocaleModal,\n      _loadLocaleList: loadLocaleList,\n    } = this;\n    return html`\n      <dds-locale-modal-composite\n        lang-display=\"${ifNonNull(langDisplay)}\"\n        language=\"${ifNonNull(language)}\"\n        ?open=\"${openLocaleModal}\"\n        .collatorCountryName=\"${ifNonNull(collatorCountryName)}\"\n        .localeList=\"${ifNonNull(localeList)}\"\n        ._loadLocaleList=\"${ifNonNull(loadLocaleList)}\">\n      </dds-locale-modal-composite>\n    `;\n  }\n\n  renderLanguageSelector(slot = 'language-selector') {\n    const {\n      clearSelectionLabel,\n      _isMobile: isMobile,\n      langList,\n      languageSelectorLabel,\n      selectedLanguage,\n      size,\n    } = this;\n    const dropdownSize =\n      size === FOOTER_SIZE.MICRO\n        ? DROPDOWN_SIZE.MICRO\n        : DROPDOWN_SIZE.EXTRA_LARGE;\n    return isMobile\n      ? html`\n          <dds-language-selector-mobile\n            size=\"${dropdownSize}\"\n            slot=\"${slot}\"\n            value=\"${selectedLanguage}\"\n            placeholder=\"${selectedLanguage}\">\n            ${langList?.map(\n              (language) => html`\n                <bx-select-item\n                  label=\"${ifNonNull(language.text)}\"\n                  value=\"${ifNonNull(language.text)}\"\n                  lang=\"${ifNonNull(language.id)}\"\n                  >${ifNonNull(language.text)}</bx-select-item\n                >\n              `\n            )}\n          </dds-language-selector-mobile>\n        `\n      : html`\n          <dds-language-selector-desktop\n            size=\"${dropdownSize}\"\n            slot=\"${slot}\"\n            trigger-content=\"${languageSelectorLabel}\"\n            label-text=\"${languageSelectorLabel}\"\n            value=\"${selectedLanguage}\"\n            clear-selection-label=\"${clearSelectionLabel}\">\n            ${langList?.map(\n              (language) => html`\n                <bx-combo-box-item\n                  value=\"${ifNonNull(language.text)}\"\n                  lang=\"${ifNonNull(language.id)}\"\n                  >${ifNonNull(language.text)}</bx-combo-box-item\n                >\n              `\n            )}\n          </dds-language-selector-desktop>\n        `;\n  }\n\n  renderLocaleButton(slot = 'locale-button') {\n    const {\n      buttonLabel,\n      _handleClickLocaleButton: handleClickLocaleButton,\n      langDisplay,\n      size,\n    } = this;\n    return html`\n      <dds-locale-button\n        buttonLabel=\"${ifNonNull(buttonLabel)}\"\n        size=\"${size}\"\n        slot=\"${slot}\"\n        @click=\"${handleClickLocaleButton}\"\n        >${langDisplay}</dds-locale-button\n      >\n    `;\n  }\n\n  renderLightDOM() {\n    const {\n      disableLocaleButton,\n      langList,\n      size,\n      links,\n      legalLinks,\n      adjunctLinks,\n    } = this;\n    return html`\n      <dds-footer\n        size=\"${ifNonNull(size)}\"\n        ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\">\n        <dds-footer-logo></dds-footer-logo>\n        <dds-footer-nav\n          ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\">\n          ${links?.map(\n            ({ title: groupTitle, links: groupLinks }) => html`\n              <dds-footer-nav-group title-text=\"${ifNonNull(groupTitle)}\">\n                ${groupLinks?.map(\n                  ({ title, url }) => html`\n                    <dds-footer-nav-item href=\"${ifNonNull(url)}\"\n                      >${title}</dds-footer-nav-item\n                    >\n                  `\n                )}\n              </dds-footer-nav-group>\n            `\n          )}\n        </dds-footer-nav>\n        ${size !== FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n          ? this.renderLocaleButton()\n          : ``}\n        ${size !== FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n          ? this.renderLanguageSelector()\n          : ``}\n        <dds-legal-nav size=\"${ifNonNull(size)}\">\n          ${legalLinks?.map(\n            ({ title, url, titleEnglish }) => html`\n              <dds-legal-nav-item\n                autoid=\"${ifNonNull(titleEnglish)}\"\n                href=\"${ifNonNull(url)}\"\n                >${title}</dds-legal-nav-item\n              >\n            `\n          )}\n          ${size !== FOOTER_SIZE.MICRO\n            ? adjunctLinks?.map(\n                ({ title, url, titleEnglish }) => html`\n                  <dds-legal-nav-item\n                    autoid=\"${ifNonNull(titleEnglish)}\"\n                    href=\"${ifNonNull(url)}\"\n                    slot=\"adjunct-links\">\n                    ${title}\n                  </dds-legal-nav-item>\n                `\n              )\n            : ``}\n          <dds-legal-nav-cookie-preferences-placeholder></dds-legal-nav-cookie-preferences-placeholder>\n          ${size === FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n            ? this.renderLocaleButton('locale')\n            : ``}\n          ${size === FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n            ? this.renderLanguageSelector('locale')\n            : ``}\n        </dds-legal-nav>\n      </dds-footer>\n    `;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The name of the custom event fired after this modal is closed upon a user gesture.\n   */\n  static get eventCloseModal() {\n    return `${ddsPrefix}-expressive-modal-closed`;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFooterComposite;\n"]}
+{"version":3,"sources":["components/footer/footer-composite.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAyB,UAAU,EAAE,MAAM,aAAa,CAAC;AAMhE,OAAwB,EAEtB,MAAM,EACP,MAAM,gDAAgD,CAAC;AAIxD,OAAO,EAAE,UAAU,EAAE,MAAM,0EAA0E,CAAC;AACtG,OAAO,EACL,SAAS,EACT,YAAY,EAEb,MAAM,6EAA6E,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,OAAO,UAAU,CAAC;AAElB,OAAO,wCAAwC,CAAC;AAChD,OAAO,eAAe,CAAC;AACvB,OAAO,cAAc,CAAC;AACtB,OAAO,oBAAoB,CAAC;AAC5B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,4CAA4C,CAAC;AACpD,OAAO,6BAA6B,CAAC;AACrC,OAAO,4BAA4B,CAAC;AACpC,OAAO,qFAAqF,CAAC;AAC7F,OAAO,+EAA+E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CA2KrF;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AApKL;;;;GAIG;AACH,cACM,kBAAmB,SAAQ,uBAGhC;IACC;;OAEG;YACW,wBAAwB;IAWtC,SAAS,UAAqC;IAE9C,SAAS,CAAC,uBAAuB;IAIjC;;OAEG;IAGH,OAAO,CAAC,iBAAiB,CAOvB;IAuBF;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAUrB;;OAEG;IAEH,mBAAmB,gBAAuB;IAE1C;;OAEG;IAEH,mBAAmB,UAAS;IAE5B;;OAEG;IAEH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAUlB;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAkBrB;;OAEG;IAEH,UAAU,EAAE,SAAS,EAAE,CAAM;IAE7B;;OAEG;IAEH,YAAY,EAAE,SAAS,EAAE,CAAM;IAE/B;;OAEG;IAEH,KAAK,EAAE,YAAY,EAAE,CAAM;IAE3B;;OAEG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;OAEG;IAEH,eAAe,MAAC;IAEhB;;OAEG;IACH,iBAAiB,WAAqC;IAEtD;;OAEG;IAEH,IAAI,CAAC,EAAE,WAAW,CAAC;IAGb,cAAc;IAKpB,YAAY;IAeZ,OAAO,CAAC,iBAAiB,KAAA;IAUzB;;OAEG;IACH,WAAW;IAsBX,sBAAsB,CAAC,IAAI,SAAsB;IAqDjD,kBAAkB,CAAC,IAAI,SAAkB;IAkBzC,cAAc;IAsEd,MAAM;IAIN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;CACF;AAGD,eAAe,kBAAkB,CAAC","file":"footer-composite.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 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, state, LitElement } from 'lit-element';\nimport ifNonNull from '../../internal/vendor/@carbon/web-components/globals/directives/if-non-null.js';\nimport HostListener from '../../internal/vendor/@carbon/web-components/globals/decorators/host-listener.js';\nimport HostListenerMixin from '../../internal/vendor/@carbon/web-components/globals/mixins/host-listener.js';\nimport LocaleAPI from '../../internal/vendor/@carbon/ibmdotcom-services/services/Locale/Locale';\nimport ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/settings/settings';\nimport MediaQueryMixin, {\n  MQBreakpoints,\n  MQDirs,\n} from '../../component-mixins/media-query/media-query';\nimport HybridRenderMixin from '../../globals/mixins/hybrid-render';\nimport ModalRenderMixin from '../../globals/mixins/modal-render';\nimport { globalInit } from '../../internal/vendor/@carbon/ibmdotcom-services/services/global/global';\nimport { LocaleList } from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/localeAPI.d';\nimport {\n  BasicLink,\n  BasicLinkSet,\n  Translation,\n} from '../../internal/vendor/@carbon/ibmdotcom-services-store/types/translateAPI.d';\nimport { FOOTER_SIZE } from './footer';\nimport { DROPDOWN_SIZE } from './combo-box';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport './footer';\n// Above import is interface-only ref and thus code won't be brought into the build\nimport '../locale-modal/locale-modal-composite';\nimport './footer-logo';\nimport './footer-nav';\nimport './footer-nav-group';\nimport './footer-nav-item';\nimport './locale-button';\nimport './legal-nav';\nimport './legal-nav-item';\nimport './legal-nav-cookie-preferences-placeholder';\nimport './language-selector-desktop';\nimport './language-selector-mobile';\nimport '../../internal/vendor/@carbon/web-components/components/combo-box/combo-box-item.js';\nimport '../../internal/vendor/@carbon/web-components/components/select/select-item.js';\nimport { carbonElement as customElement } from '../../internal/vendor/@carbon/web-components/globals/decorators/carbon-element.js';\nimport { moderate02 } from '@carbon/motion';\n\nconst { stablePrefix: ddsPrefix } = ddsSettings;\n\n// Delay matches the CSS animation timing for fadein/out of modal.\nconst delay = parseInt(moderate02, 10);\n\n/**\n * Component that rendres footer from inks data.\n *\n * @element dds-footer-composite\n */\n@customElement(`${ddsPrefix}-footer-composite`)\nclass DDSFooterComposite extends MediaQueryMixin(\n  ModalRenderMixin(HybridRenderMixin(HostListenerMixin(LitElement))),\n  { [MQBreakpoints.LG]: MQDirs.MAX }\n) {\n  /**\n   * Handles `click` event on the locale button.\n   */\n  private async _handleClickLocaleButton() {\n    this.openLocaleModal = true;\n    // Set 'open' attribute after modal is in dom so CSS can fade it in.\n    await this.updateComplete;\n    const composite = this.modalRenderRoot?.querySelector(\n      'dds-locale-modal-composite'\n    );\n    composite?.setAttribute('open', '');\n  }\n\n  @state()\n  _isMobile = this.carbonBreakpoints.lg.matches;\n\n  protected mediaQueryCallbackMaxLG() {\n    this._isMobile = this.carbonBreakpoints.lg.matches;\n  }\n\n  /**\n   * Handles `dds-expressive-modal-closed` event on the locale modal.\n   */\n  @HostListener('document:eventCloseModal')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleCloseModal = (event: CustomEvent) => {\n    if ((this.modalRenderRoot as Element).contains(event.target as Node)) {\n      // Timeout here ensures the modal closing animation is visible.\n      setTimeout(() => {\n        this.openLocaleModal = false;\n      }, delay);\n    }\n  };\n\n  /**\n   * The placeholder for `loadLocaleList()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadLocaleList?: (language?: string) => Promise<LocaleList>;\n\n  /**\n   * The placeholder for `loadTranslation()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _loadTranslation?: (language?: string) => Promise<Translation>;\n\n  /**\n   * The placeholder for `setLanguage()` Redux action that may be mixed in.\n   *\n   * @internal\n   */\n  _setLanguage?: (language: string) => void;\n\n  /**\n   * The aria-label to use for the locale-button\n   */\n  @property()\n  buttonLabel?: string;\n\n  /**\n   * The clear button label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'clear-selection-label' })\n  clearSelectionLabel?: string;\n\n  /**\n   * The g11n collator to use for sorting contry names.\n   */\n  @property({ attribute: false })\n  collatorCountryName = new Intl.Collator();\n\n  /**\n   * `true` to omit the locale switcher button.\n   */\n  @property({ type: Boolean, attribute: 'disable-locale-button' })\n  disableLocaleButton = false;\n\n  /**\n   * The language used for query.\n   */\n  @property()\n  language?: string;\n\n  /**\n   * Placeholder list of languages to populate language selector\n   *\n   * @internal\n   */\n  @property({ attribute: false })\n  langList?: { id: string; text: string }[];\n\n  /**\n   * The language to show in the UI.\n   */\n  @property({ attribute: 'lang-display' })\n  langDisplay?: string;\n\n  /**\n   * The placeholder label for language selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'language-selector-label' })\n  languageSelectorLabel?: string;\n\n  /**\n   * The initial selected language in the selector.\n   *\n   * @internal\n   */\n  @property({ attribute: 'selected-language' })\n  selectedLanguage?: string;\n\n  /**\n   * The legal nav links.\n   */\n  @property({ attribute: false })\n  legalLinks: BasicLink[] = [];\n\n  /**\n   * The adjunct links.\n   */\n  @property({ attribute: false })\n  adjunctLinks: BasicLink[] = [];\n\n  /**\n   * The footer links.\n   */\n  @property({ attribute: false })\n  links: BasicLinkSet[] = [];\n\n  /**\n   * The locale list.\n   */\n  @property({ attribute: false })\n  localeList?: LocaleList;\n\n  /**\n   * `true` to open the locale modal.\n   */\n  @property({ type: Boolean, attribute: 'open-locale-modal' })\n  openLocaleModal;\n\n  /**\n   * @inheritdoc\n   */\n  modalTriggerProps = ['openLocaleModal', 'localeList'];\n\n  /**\n   * Footer size.\n   */\n  @property({ reflect: true })\n  size?: FOOTER_SIZE;\n\n  // eslint-disable-next-line class-methods-use-this\n  async getLangDisplay() {\n    const response = await LocaleAPI.getLangDisplay();\n    return response;\n  }\n\n  firstUpdated() {\n    const { language } = this;\n    globalInit();\n    if (language) {\n      this._setLanguage?.(language);\n    }\n    this._loadTranslation?.(language);\n\n    this.getLangDisplay().then((res) => {\n      this.langDisplay = res;\n    });\n\n    super.firstUpdated();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('language')) {\n      const { language } = this;\n      if (language) {\n        this._setLanguage?.(language);\n        this._loadTranslation?.(language).catch(() => {}); // The error is logged in the Redux store\n      }\n    }\n  }\n\n  /**\n   * @returns The locale modal.\n   */\n  renderModal() {\n    const {\n      collatorCountryName,\n      langDisplay,\n      language,\n      localeList,\n      openLocaleModal,\n      _loadLocaleList: loadLocaleList,\n    } = this;\n    return openLocaleModal\n      ? html`\n          <dds-locale-modal-composite\n            lang-display=\"${ifNonNull(langDisplay)}\"\n            language=\"${ifNonNull(language)}\"\n            .collatorCountryName=\"${ifNonNull(collatorCountryName)}\"\n            .localeList=\"${ifNonNull(localeList)}\"\n            ._loadLocaleList=\"${ifNonNull(loadLocaleList)}\">\n          </dds-locale-modal-composite>\n        `\n      : html``;\n  }\n\n  renderLanguageSelector(slot = 'language-selector') {\n    const {\n      clearSelectionLabel,\n      _isMobile: isMobile,\n      langList,\n      languageSelectorLabel,\n      selectedLanguage,\n      size,\n    } = this;\n    const dropdownSize =\n      size === FOOTER_SIZE.MICRO\n        ? DROPDOWN_SIZE.MICRO\n        : DROPDOWN_SIZE.EXTRA_LARGE;\n    return isMobile\n      ? html`\n          <dds-language-selector-mobile\n            size=\"${dropdownSize}\"\n            slot=\"${slot}\"\n            value=\"${selectedLanguage}\"\n            placeholder=\"${selectedLanguage}\">\n            ${langList?.map(\n              (language) => html`\n                <bx-select-item\n                  label=\"${ifNonNull(language.text)}\"\n                  value=\"${ifNonNull(language.text)}\"\n                  lang=\"${ifNonNull(language.id)}\"\n                  >${ifNonNull(language.text)}</bx-select-item\n                >\n              `\n            )}\n          </dds-language-selector-mobile>\n        `\n      : html`\n          <dds-language-selector-desktop\n            size=\"${dropdownSize}\"\n            slot=\"${slot}\"\n            trigger-content=\"${languageSelectorLabel}\"\n            label-text=\"${languageSelectorLabel}\"\n            value=\"${selectedLanguage}\"\n            clear-selection-label=\"${clearSelectionLabel}\">\n            ${langList?.map(\n              (language) => html`\n                <bx-combo-box-item\n                  value=\"${ifNonNull(language.text)}\"\n                  lang=\"${ifNonNull(language.id)}\"\n                  >${ifNonNull(language.text)}</bx-combo-box-item\n                >\n              `\n            )}\n          </dds-language-selector-desktop>\n        `;\n  }\n\n  renderLocaleButton(slot = 'locale-button') {\n    const {\n      buttonLabel,\n      _handleClickLocaleButton: handleClickLocaleButton,\n      langDisplay,\n      size,\n    } = this;\n    return html`\n      <dds-locale-button\n        buttonLabel=\"${ifNonNull(buttonLabel)}\"\n        size=\"${size}\"\n        slot=\"${slot}\"\n        @click=\"${handleClickLocaleButton}\"\n        >${langDisplay}</dds-locale-button\n      >\n    `;\n  }\n\n  renderLightDOM() {\n    const {\n      disableLocaleButton,\n      langList,\n      size,\n      links,\n      legalLinks,\n      adjunctLinks,\n    } = this;\n    return html`\n      <dds-footer\n        size=\"${ifNonNull(size)}\"\n        ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\">\n        <dds-footer-logo></dds-footer-logo>\n        <dds-footer-nav\n          ?disable-locale-button=\"${ifNonNull(disableLocaleButton)}\">\n          ${links?.map(\n            ({ title: groupTitle, links: groupLinks }) => html`\n              <dds-footer-nav-group title-text=\"${ifNonNull(groupTitle)}\">\n                ${groupLinks?.map(\n                  ({ title, url }) => html`\n                    <dds-footer-nav-item href=\"${ifNonNull(url)}\"\n                      >${title}</dds-footer-nav-item\n                    >\n                  `\n                )}\n              </dds-footer-nav-group>\n            `\n          )}\n        </dds-footer-nav>\n        ${size !== FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n          ? this.renderLocaleButton()\n          : ``}\n        ${size !== FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n          ? this.renderLanguageSelector()\n          : ``}\n        <dds-legal-nav size=\"${ifNonNull(size)}\">\n          ${legalLinks?.map(\n            ({ title, url, titleEnglish }) => html`\n              <dds-legal-nav-item\n                autoid=\"${ifNonNull(titleEnglish)}\"\n                href=\"${ifNonNull(url)}\"\n                >${title}</dds-legal-nav-item\n              >\n            `\n          )}\n          ${size !== FOOTER_SIZE.MICRO\n            ? adjunctLinks?.map(\n                ({ title, url, titleEnglish }) => html`\n                  <dds-legal-nav-item\n                    autoid=\"${ifNonNull(titleEnglish)}\"\n                    href=\"${ifNonNull(url)}\"\n                    slot=\"adjunct-links\">\n                    ${title}\n                  </dds-legal-nav-item>\n                `\n              )\n            : ``}\n          <dds-legal-nav-cookie-preferences-placeholder></dds-legal-nav-cookie-preferences-placeholder>\n          ${size === FOOTER_SIZE.MICRO && !langList && !disableLocaleButton\n            ? this.renderLocaleButton('locale')\n            : ``}\n          ${size === FOOTER_SIZE.MICRO && langList && !disableLocaleButton\n            ? this.renderLanguageSelector('locale')\n            : ``}\n        </dds-legal-nav>\n      </dds-footer>\n    `;\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The name of the custom event fired after this modal is closed upon a user gesture.\n   */\n  static get eventCloseModal() {\n    return `${ddsPrefix}-expressive-modal-closed`;\n  }\n}\n\n/* @__GENERATE_REACT_CUSTOM_ELEMENT_TYPE__ */\nexport default DDSFooterComposite;\n"]}