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

package/es/components/data-table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["LitElement","html","property","customElement","prefix","forEach","TABLE_COLOR_SCHEME","TABLE_SIZE","styles","BXTable","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","reflect","key","value","LG","type","Boolean","connectedCallback","hasAttribute","setAttribute","_get","_getPrototypeOf","prototype","call","updated","changedProperties","has","querySelectorAll","selectorRowsWithHeader","elem","size","render","_t","_","static"],"sources":["components/data-table/table.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { TABLE_COLOR_SCHEME, TABLE_SIZE } from './defs';\nimport styles from './data-table.scss';\n\nexport { TABLE_COLOR_SCHEME, TABLE_SIZE };\n\n/**\n * Data table.\n *\n * @element cds-table\n */\n@customElement(`${prefix}-table`)\nclass BXTable extends LitElement {\n  /**\n   * The table size.\n   */\n  @property({ reflect: true })\n  size = TABLE_SIZE.LG;\n\n  /**\n   * `true` if this table should support sorting.\n   */\n  @property({ type: Boolean, reflect: true })\n  sort = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'table');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof BXTable).selectorRowsWithHeader\n        ),\n        (elem) => {\n          elem.setAttribute('size', this.size);\n        }\n      );\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The CSS selector to find the rows, including header rows.\n   */\n  static get selectorRowsWithHeader() {\n    return `${prefix}-table-header-row,${prefix}-table-row`;\n  }\n\n  static styles = styles;\n}\n\nexport default BXTable;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,OAAO,QAAQ,2CAA2C;AACnE,SAASC,kBAAkB,EAAEC,UAAU,QAAQ,QAAQ;AACvD,OAAOC,MAAM,MAAM,uBAAmB;AAEtC,SAASF,kBAAkB,EAAEC,UAAU;;AAEvC;AACA;AACA;AACA;AACA;AAJA,IAMME,OAAO,GAAAC,SAAA,EADZP,aAAa,CAAE,GAAEC,MAAO,QAAO,CAAC,aAAAO,WAAA,EAAAC,WAAA;EAAjC,MACMH,OAAO,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EA8CjC;EAAC;IAAAI,CAAA,EA9CKN,OAAO;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIVhB,QAAQ,CAAC;QAAEiB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBd,UAAU,CAACe,EAAE;MAAA;IAAA;MAAAL,IAAA;MAAAC,UAAA,GAKnBhB,QAAQ,CAAC;QAAEqB,IAAI,EAAEC,OAAO;QAAEL,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACpC,KAAK;MAAA;IAAA;MAAAJ,IAAA;MAAAG,GAAA;MAAAC,KAAA;MAVZ;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAI,kBAAA,EAAoB;QAClB,IAAI,CAAC,IAAI,CAACC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC9B,IAAI,CAACC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC;QACpC;QACAC,IAAA,CAAAC,eAAA,CAjBEpB,OAAO,CAAAqB,SAAA,8BAAAC,IAAA;MAkBX;IAAC;MAAAd,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAW,QAAQC,iBAAiB,EAAE;QACzB,IAAIA,iBAAiB,CAACC,GAAG,CAAC,MAAM,CAAC,EAAE;UACjC;UACA7B,OAAO,CACL,IAAI,CAAC8B,gBAAgB,CAClB,IAAI,CAACtB,WAAW,CAAoBuB,sBAAsB,CAC5D,EACAC,IAAI,IAAK;YACRA,IAAI,CAACV,YAAY,CAAC,MAAM,EAAE,IAAI,CAACW,IAAI,CAAC;UACtC,CAAC,CACF;QACH;MACF;IAAC;MAAArB,IAAA;MAAAG,GAAA;MAAAC,KAAA,EAED,SAAAkB,OAAA,EAAS;QACP,OAAOtC,IAAI,CAAAuC,EAAA,KAAAA,EAAA,GAAAC,CAAC,iBAAe;MAC7B;;MAEA;AACF;AACA;IAFE;MAAAxB,IAAA;MAAAyB,MAAA;MAAAtB,GAAA;MAAAC,KAAA,EAGA,SAAAe,uBAAA,EAAoC;QAClC,OAAQ,GAAEhC,MAAO,qBAAoBA,MAAO,YAAW;MACzD;IAAC;MAAAa,IAAA;MAAAyB,MAAA;MAAAtB,GAAA;MAAAC,MAAA;QAAA,OAEeb,MAAM;MAAA;IAAA;EAAA;AAAA,GA7CFR,UAAU;AAgDhC,eAAeS,OAAO"}
+{"version":3,"file":"table.js","names":["LitElement","html","property","customElement","state","prefix","forEach","TABLE_SIZE","TABLE_SORT_DIRECTION","styles","HostListener","HostListenerMixin","CDSTable","_decorate","_initialize","_HostListenerMixin","constructor","args","F","d","kind","key","value","ASCENDING","DESCENDING","decorators","type","Boolean","reflect","attribute","customSortRow","lhs","rhs","collator","compare","rowText","searchString","toLowerCase","indexOf","LG","_handleSlotChange","target","hasContent","assignedNodes","some","node","nodeType","Node","TEXT_NODE","textContent","trim","withHeader","_handleFilterRows","unfilteredRows","_tableRows","elem","_elem$textContent","filtered","filterRows","_searchValue","push","expandable","nextElementSibling","init","bubbles","cancelable","composed","detail","dispatchEvent","CustomEvent","eventTableFiltered","_handleDownload","data","elementsToArray","elements","Array","from","element","headerCells","querySelectorAll","selectorHeaderCell","rows","_selectedRows","headerTitleArray","row","rowData","cells","selectorTableRowCells","cellText","index","headerTitle","blob","Blob","JSON","stringify","href","URL","createObjectURL","event","expanded","_tableHeaderRow","e","sortDirection","contains","columns","children","columnIndex","setAttribute","sort","a","b","cellA","cellB","collationFactors","originalRows","expandedRows","_tableExpandedRows","mapping","reduce","acc","sortId","getAttribute","sortedWithExpanded","_tableBody","insertBefore","sortedHeader","eventTableSorted","_tableHeaderRow$shado","selected","_tableBatchActions","tableBatchActions","_tableToolbarContent","tableToolbarContent","tableHeaderRow","selectedRows","radio","removeAttribute","shadowRoot","querySelector","checked","includes","filter","_this$_selectedRows","active","length","selectedRowsCount","hasBatchActions","totalRows","hasAttribute","headerCheckbox","allRowsSelected","indeterminate","selectedRow","eventTableRowSelect","tableRows","selectorTableExpandedRows","matches","eventTableRowSelectAll","_tableHeaderRow$shado2","click","connectedCallback","_get","_getPrototypeOf","prototype","call","firstUpdated","selectorTableBatchActions","_tableToolbar","selectorTableToolbar","selectorTableToolbarContent","selectorTableBody","selectorRowsWithHeader","selectorTableRow","_downloadButton","selectorToolbarDownload","onclick","bind","headerCount","updated","changedProperties","has","batchExpansion","isSortable","isSelectable","isExpandable","Intl","Collator","locale","selectorTableCellOverflowMenu","cell","parentNode","overflowMenuOnHover","size","_this$_tableToolbar","selectorAllRows","tableBody","useZebraStyles","render","_t","_","_t2","_t3","static","eventBeforeSort","eventSearchInput","eventBeforeChangeSelectionAll","eventBeforeChangeSelection","eventClickCancel","eventExpandoToggle","selectorTableToolbarSearch","selectorTableHead","selectorTableCells"],"sources":["components/data-table/table.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement, state } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport { TABLE_SIZE, TABLE_SORT_DIRECTION } from './defs';\nimport styles from './data-table.scss';\n\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport {\n  CDSRadioButton,\n  CDSTableBatchActions,\n  CDSTableCell,\n  CDSTableHeaderCell,\n  CDSTableHeaderRow,\n  CDSTableRow,\n  CDSTableToolbarSearch,\n} from '../..';\nimport CDSTableExpandedRow from './table-expanded-row';\n\nexport { TABLE_SIZE };\n\n/**\n * Data table.\n *\n * @element cds-table\n */\n@customElement(`${prefix}-table`)\nclass CDSTable extends HostListenerMixin(LitElement) {\n  /**\n   * The map of how sorting direction affects sorting order.\n   */\n  private collationFactors = {\n    [TABLE_SORT_DIRECTION.ASCENDING]: 1,\n    [TABLE_SORT_DIRECTION.DESCENDING]: -1,\n  };\n\n  /**\n   * Reference to download button\n   */\n  @state()\n  private _downloadButton;\n\n  /**\n   * Current search value for filtering\n   */\n  @state()\n  private _searchValue = '';\n\n  /**\n   * Table header row within component\n   */\n  @state()\n  private _tableHeaderRow;\n\n  /**\n   * Table body\n   */\n  @state()\n  private _tableBody;\n\n  /**\n   * Table expanded row within component\n   */\n  @state()\n  private _tableExpandedRows;\n\n  /**\n   * Table rows within component\n   */\n  @state()\n  private _tableRows;\n\n  /**\n   * Reference to the component containing batch actions\n   */\n  @state()\n  private _tableBatchActions;\n\n  /**\n   * Reference to the table toolbar\n   */\n  @state()\n  private _tableToolbar;\n\n  /**\n   * Reference to the table toolbar content\n   */\n  @state()\n  private _tableToolbarContent;\n\n  @state()\n  private _selectedRows: CDSTableRow[] = [];\n\n  /**\n   * `true` if this table should support batch expansion\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'batch-expansion' })\n  batchExpansion = false;\n\n  /**\n   * The g11n collator to use.\n   */\n  @property({ attribute: false })\n  collator;\n\n  /**\n   * @param lhs A value.\n   * @param rhs Another value.\n   * @param collator A custom collator.\n   * @returns\n   *   `0` if the given two values are equal\n   *   A negative value to sort `lhs` to an index lower than `rhs`\n   *   A positive value to sort `rhs` to an index lower than `lhs`\n   */\n  // eslint-disable-next-line class-methods-use-this\n  customSortRow(lhs, rhs, collator) {\n    if (typeof lhs === 'number' && typeof rhs === 'number') {\n      return lhs - rhs;\n    }\n    return collator.compare(lhs, rhs);\n  }\n\n  /**\n   * Specify whether the rows should be able to be expandable\n   */\n  @property({ type: Boolean, reflect: true })\n  expandable = false;\n\n  /**\n   * The method used when filtering the table with the search bar.\n   * Can be replaced with custom method.\n   *\n   * @param row A table row.\n   * @param searchString A search string.\n   * @returns `false` if the given table row matches the given search string.\n   */\n  @property()\n  filterRows = (rowText: string, searchString: string) =>\n    rowText.toLowerCase().indexOf(searchString) < 0;\n\n  /**\n   * The total headers\n   */\n  @property()\n  headerCount = 0;\n\n  /**\n   * `true` if this table contains selectable rows\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-selectable' })\n  isSelectable = false;\n\n  /**\n   * `true` if this table should support sorting.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-sortable' })\n  isSortable = false;\n\n  /**\n   * The table size.\n   */\n  @property({ reflect: true })\n  locale = 'en';\n\n  /**\n   * Specify whether the overflow menu (if it exists) should be shown always, or only on hover\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'overflow-menu-on-hover',\n  })\n  overflowMenuOnHover = false;\n\n  /**\n   * Specify whether the control should be a radio button or inline checkbox\n   */\n  @property({ type: Boolean, reflect: true })\n  radio = false;\n\n  /**\n   * The table size.\n   */\n  @property({ reflect: true })\n  size = TABLE_SIZE.LG;\n\n  /**\n   * TODO: Uncomment when Carbon fully implements sticky header\n   * Specify whether the header should be sticky.\n   * Still experimental: may not work with every combination of table props\n   */\n  // @property({ type: Boolean, attribute: 'sticky-header', reflect: true })\n  // stickyHeader = false;\n\n  /**\n   *  If true, will use a width of 'auto' instead of 100%\n   */\n  @property({ type: Boolean, attribute: 'use-static-width', reflect: true })\n  useStaticWidth = false;\n\n  /**\n   *  true to add useZebraStyles striping.\n   */\n  @property({ type: Boolean, attribute: 'use-zebra-styles', reflect: true })\n  useZebraStyles = false;\n\n  @property({ type: Boolean, attribute: 'with-header', reflect: true })\n  withHeader;\n\n  private _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .some(\n        (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n      );\n    this.withHeader = hasContent;\n  }\n\n  private _handleFilterRows() {\n    const unfilteredRows = [] as any;\n    forEach(this._tableRows, (elem) => {\n      const rowText = elem.textContent?.trim();\n      const filtered = this.filterRows(rowText as string, this._searchValue);\n      (elem as any).filtered = filtered;\n\n      if (!filtered) {\n        unfilteredRows.push(elem);\n      }\n\n      if (this.expandable) {\n        (elem as any).nextElementSibling.filtered = filtered;\n      }\n    });\n\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        unfilteredRows,\n      },\n    };\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSTable).eventTableFiltered,\n        init\n      )\n    );\n  }\n\n  /**\n   * Download manager for selected rows.\n   */\n  private _handleDownload({ target }) {\n    const data = [] as any;\n\n    const elementsToArray = (elements) =>\n      Array.from(elements, (element) => (element as any).textContent);\n\n    const headerCells = this.querySelectorAll(\n      (this.constructor as typeof CDSTable).selectorHeaderCell\n    );\n    const rows = this._selectedRows;\n    const headerTitleArray = elementsToArray(headerCells);\n\n    rows.forEach((row) => {\n      const rowData = {};\n      const cells = elementsToArray(\n        row.querySelectorAll(\n          (this.constructor as typeof CDSTable).selectorTableRowCells\n        )\n      );\n\n      cells.forEach((cellText, index) => {\n        const headerTitle = headerTitleArray[index];\n        rowData[headerTitle] = cellText;\n      });\n\n      data.push(rowData);\n    });\n\n    const blob = new Blob([JSON.stringify(data)], { type: 'application/json' });\n\n    target.href = URL.createObjectURL(blob);\n  }\n\n  /**\n   * Handles batch expansion\n   */\n  @HostListener('eventExpandoToggle')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleBatchExpansion = async (event: CustomEvent) => {\n    const { detail, target } = event;\n    const { expanded } = detail;\n\n    if ((target as CDSTableHeaderRow) === this._tableHeaderRow) {\n      this._tableRows.forEach((e) => ((e as CDSTableRow).expanded = expanded));\n    }\n  };\n\n  /**\n   * Handles sorting the table depending on the column selected\n   */\n  @HostListener('eventBeforeSort')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleSort = async (event: CustomEvent) => {\n    const { detail, target } = event;\n    const { sortDirection } = detail;\n\n    if (!this.contains(target as any)) {\n      return;\n    }\n\n    const rows = [...this._tableRows];\n    const columns = [...this._tableHeaderRow.children];\n    const columnIndex = columns.indexOf(target);\n\n    columns.forEach(\n      (e) => e !== target && e.setAttribute('sort-direction', 'none')\n    );\n\n    // regular row sorting\n    rows.sort((a, b) => {\n      const cellA = a.querySelectorAll(\n        (this.constructor as typeof CDSTable).selectorTableRowCells\n      )[columnIndex].textContent;\n      const cellB = b.querySelectorAll(\n        (this.constructor as typeof CDSTable).selectorTableRowCells\n      )[columnIndex].textContent;\n      return (\n        this.collationFactors[sortDirection] *\n        this.customSortRow(cellA, cellB, this.collator)\n      );\n    });\n\n    // take into account the expanded rows, mapping each expandable row to its original for proper reinsertion\n    if (this.expandable) {\n      const originalRows = [...this._tableRows];\n      const expandedRows = [...this._tableExpandedRows];\n\n      const mapping = originalRows.reduce((acc, element, index) => {\n        const sortId = element.getAttribute('sort-id');\n        acc[sortId] = expandedRows[index];\n        return acc;\n      }, {});\n\n      const sortedWithExpanded = [] as any;\n\n      rows.forEach((e) => {\n        const sortId = e.getAttribute('sort-id');\n        sortedWithExpanded.push(e);\n        sortedWithExpanded.push(mapping[sortId]);\n      });\n\n      sortedWithExpanded.forEach((e) => {\n        this._tableBody.insertBefore(e, null);\n      });\n    } else {\n      rows.forEach((e) => {\n        this._tableBody.insertBefore(e, null);\n      });\n    }\n\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        sortedHeader: columns[columnIndex],\n      },\n    };\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSTable).eventTableSorted,\n        init\n      )\n    );\n\n    this._handleFilterRows();\n  };\n\n  /**\n   * Handles search input within the toolbar actions\n   */\n  @HostListener('eventSearchInput')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleSearchInput = async (event: CustomEvent) => {\n    const { detail, target } = event;\n\n    if (this.contains(target as CDSTableToolbarSearch)) {\n      const { value } = detail;\n      this._searchValue = value;\n      this._handleFilterRows();\n    }\n  };\n\n  /**\n   * Handles row selection\n   */\n  @HostListener('eventBeforeChangeSelection')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleRowSelect = async (event: CustomEvent) => {\n    const { detail, target } = event;\n    const { selected } = detail;\n    const {\n      _tableBatchActions: tableBatchActions,\n      _tableToolbarContent: tableToolbarContent,\n      _tableHeaderRow: tableHeaderRow,\n      _selectedRows: selectedRows,\n    } = this;\n\n    if (!this.contains(target as CDSTableRow)) {\n      return;\n    }\n\n    if (this.radio) {\n      this._tableRows.forEach((e) => {\n        if (e !== target) {\n          e.removeAttribute('selected');\n          e.shadowRoot!.querySelector(`${prefix}-radio-button`).checked = false;\n        }\n      });\n      this._selectedRows.push(...[target as CDSTableRow]);\n    } else {\n      if (selectedRows.includes(target as CDSTableRow)) {\n        this._selectedRows = selectedRows.filter((e) => e !== target);\n      } else {\n        selectedRows.push(target as CDSTableRow);\n      }\n\n      if (tableBatchActions) {\n        tableBatchActions.active = this._selectedRows?.length;\n        tableBatchActions.selectedRowsCount += selected ? 1 : -1;\n      }\n\n      if (tableToolbarContent) {\n        tableToolbarContent.hasBatchActions = this._selectedRows.length;\n      }\n    }\n\n    const totalRows = [...this._tableRows].filter(\n      (elem) => !elem.hasAttribute('filtered')\n    ).length;\n\n    // selected header checkbox upon all rows being selected\n    const headerCheckbox = tableHeaderRow.shadowRoot\n      ?.querySelector(`${prefix}-checkbox`)\n      .shadowRoot.querySelector(`.${prefix}--checkbox`);\n    const allRowsSelected = this._selectedRows.length === totalRows;\n    headerCheckbox.checked = !this._selectedRows.length ? false : true;\n    headerCheckbox.indeterminate =\n      !allRowsSelected && this._selectedRows.length > 0;\n\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        selectedRow: target,\n        selectedRows: selectedRows,\n      },\n    };\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSTable).eventTableRowSelect,\n        init\n      )\n    );\n  };\n\n  /**\n   * Handles header row selection, selecting/unselecting all rows\n   */\n  @HostListener('eventBeforeChangeSelectionAll')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleAllRowsSelect = async (event: CustomEvent) => {\n    const { detail, target } = event;\n    const { selected } = detail;\n    const {\n      _tableBatchActions: tableBatchActions,\n      _tableToolbarContent: tableToolbarContent,\n      _tableRows: tableRows,\n    } = this;\n\n    if (!this.contains(target as CDSTableRow)) {\n      return;\n    }\n\n    let totalRows = 0;\n    forEach(tableRows, (elem) => {\n      if (!(elem as CDSTableRow).filtered) {\n        (elem as CDSTableRow).selected = selected;\n        this.radio\n          ? ((\n              (elem as CDSTableRow).shadowRoot!.querySelector(\n                `${prefix}-radio-button`\n              ) as CDSRadioButton\n            ).checked = selected)\n          : null;\n        this._selectedRows.push(elem as CDSTableRow);\n        totalRows++;\n\n        const { selectorTableExpandedRows } = this\n          .constructor as typeof CDSTable;\n        const { nextElementSibling } = elem;\n\n        // selecting the expanded row as well\n        if (nextElementSibling?.matches(selectorTableExpandedRows)) {\n          (elem.nextElementSibling as CDSTableExpandedRow).selected = selected;\n        }\n      }\n    });\n\n    if (!selected) {\n      this._selectedRows = [];\n    }\n\n    if (tableBatchActions) {\n      tableBatchActions.selectedRowsCount = selected ? totalRows : 0;\n      tableBatchActions.active = selected;\n    }\n\n    if (tableToolbarContent) {\n      tableToolbarContent.hasBatchActions = selected;\n    }\n\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        selectedRows: this._selectedRows,\n      },\n    };\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSTable).eventTableRowSelectAll,\n        init\n      )\n    );\n  };\n\n  /**\n   * Handles cancel button within the toolbar actions\n   */\n  @HostListener('eventClickCancel')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  private _handleCancelSelection = async (event: CustomEvent) => {\n    const { target } = event;\n    const { _tableHeaderRow: tableHeaderRow } = this;\n\n    if (this.contains(target as CDSTableBatchActions)) {\n      tableHeaderRow.shadowRoot\n        ?.querySelector(`${prefix}-checkbox`)\n        .shadowRoot.querySelector(`.${prefix}--checkbox`)\n        .click();\n    }\n  };\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'table');\n    }\n    super.connectedCallback();\n  }\n\n  firstUpdated() {\n    this._tableBatchActions = this.querySelector(\n      (this.constructor as typeof CDSTable).selectorTableBatchActions\n    );\n    this._tableToolbar = this.querySelector(\n      (this.constructor as typeof CDSTable).selectorTableToolbar\n    );\n    this._tableToolbarContent = this.querySelector(\n      (this.constructor as typeof CDSTable).selectorTableToolbarContent\n    );\n    this._tableBody = this.querySelector(\n      (this.constructor as typeof CDSTable).selectorTableBody\n    );\n    this._tableHeaderRow = this.querySelector(\n      (this.constructor as typeof CDSTable).selectorRowsWithHeader\n    );\n    this._tableExpandedRows = this.querySelectorAll(\n      (this.constructor as typeof CDSTable).selectorTableExpandedRows\n    );\n\n    this._tableRows = this.querySelectorAll(\n      (this.constructor as typeof CDSTable).selectorTableRow\n    );\n\n    this._downloadButton = this.querySelector(\n      (this.constructor as typeof CDSTable).selectorToolbarDownload\n    );\n    if (this._downloadButton) {\n      this._downloadButton.onclick = this._handleDownload.bind(this);\n    }\n    this.headerCount = this._tableHeaderRow.children.length;\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('expandable')) {\n      this._tableRows.forEach((e, index) => {\n        e.expandable = this.expandable;\n        e.setAttribute('sort-id', index);\n      });\n      this._tableHeaderRow.expandable = this.expandable;\n      this._tableHeaderRow.batchExpansion = this.batchExpansion;\n      this.headerCount += this.expandable ? 1 : -1;\n    }\n\n    if (changedProperties.has('headerCount')) {\n      this._tableExpandedRows.forEach((e) => {\n        e.setAttribute('colspan', this.headerCount);\n      });\n    }\n\n    if (changedProperties.has('isSelectable')) {\n      this.headerCount++;\n    }\n\n    if (changedProperties.has('isSortable')) {\n      const headerCells = this.querySelectorAll(\n        (this.constructor as typeof CDSTable).selectorHeaderCell\n      );\n      headerCells.forEach((e) => {\n        (e as CDSTableHeaderCell).isSortable = this.isSortable;\n        (e as CDSTableHeaderCell).removeAttribute('sort-direction');\n        (e as CDSTableHeaderCell).isSelectable = this.isSelectable;\n        (e as CDSTableHeaderCell).isExpandable = this.expandable;\n      });\n    }\n\n    if (changedProperties.has('locale')) {\n      this.collator = new Intl.Collator(this.locale);\n    }\n\n    if (\n      changedProperties.has('overflowMenuOnHover') ||\n      changedProperties.has('size')\n    ) {\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSTable).selectorTableCellOverflowMenu\n        ),\n        (elem) => {\n          const cell = elem.parentNode as CDSTableCell;\n          const row = cell.parentNode as CDSTableRow;\n          cell.overflowMenuOnHover = this.overflowMenuOnHover;\n          row.overflowMenuOnHover = this.overflowMenuOnHover;\n          cell.setAttribute('size', this.size);\n          elem.setAttribute('size', this.size);\n          elem.setAttribute('data-table', '');\n        }\n      );\n    }\n\n    if (changedProperties.has('radio')) {\n      // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSTable).selectorTableRow\n        ),\n        (elem) => {\n          (elem as CDSTableRow).radio = this.radio;\n        }\n      );\n    }\n\n    if (changedProperties.has('size')) {\n      // Propagate `size` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSTable).selectorAllRows\n        ),\n        (elem) => {\n          elem.setAttribute('size', this.size);\n        }\n      );\n      this._tableToolbar?.setAttribute('size', this.size);\n    }\n\n    // TODO: Uncomment when Carbon fully implements Sticky header feature\n    // if (changedProperties.has('stickyHeader')) {\n    //   const tableBody = this.querySelector(\n    //     (this.constructor as typeof CDSTable).selectorTableBody\n    //   );\n    //   const tableHead = this.querySelector(\n    //     (this.constructor as typeof CDSTable).selectorTableHead\n    //   );\n    //   (tableBody as any).stickyHeader = this.stickyHeader;\n    //   (tableHead as any).stickyHeader = this.stickyHeader;\n    //   forEach(\n    //     this.querySelectorAll(\n    //       (this.constructor as typeof CDSTable).selectorRowsWithHeader\n    //     ),\n    //     (elem) => {\n    //       (elem as any).stickyHeader = this.stickyHeader;\n    //     }\n    //   );\n    //   forEach(\n    //     this.querySelectorAll(\n    //       (this.constructor as typeof CDSTable).selectorTableCells\n    //     ),\n    //     (elem) => {\n    //       (elem as any).stickyHeader = this.stickyHeader;\n    //     }\n    //   );\n    // }\n\n    if (changedProperties.has('useZebraStyles')) {\n      const tableBody = this.querySelector(\n        (this.constructor as typeof CDSTable).selectorTableBody\n      );\n      (tableBody as any).useZebraStyles = this.useZebraStyles;\n    }\n  }\n\n  /* eslint-disable no-constant-condition */\n  render() {\n    return html`\n      <div ?hidden=\"${!this.withHeader}\" class=\"${prefix}--data-table-header\">\n        <slot @slotchange=\"${this._handleSlotChange}\" name=\"title\"></slot>\n        <slot @slotchange=\"${this._handleSlotChange}\" name=\"description\"></slot>\n      </div>\n      <slot name=\"toolbar\"></slot>\n\n      ${false // TODO: replace with this.stickyHeader when feature is fully implemented\n        ? html` <div class=\"${prefix}--data-table_inner-container\">\n            <div class=\"${prefix}--data-table-content\">\n              <slot></slot>\n            </div>\n          </div>`\n        : html`<slot></slot>`}\n    `;\n  }\n  /* eslint-enable no-constant-condition */\n\n  /**\n   * The name of the custom event fired before a new sort direction is set upon a user gesture.\n   * Cancellation of this event stops the user-initiated change in sort direction.\n   */\n  static get eventBeforeSort() {\n    return `${prefix}-table-header-cell-sort`;\n  }\n\n  /**\n   * The name of the custom event fired during search bar input\n   */\n  static get eventSearchInput() {\n    return `${prefix}-search-input`;\n  }\n\n  /**\n   * The name of the custom event fired before header row is selected/unselected upon a user gesture.\n   */\n  static get eventBeforeChangeSelectionAll() {\n    return `${prefix}-table-change-selection-all`;\n  }\n\n  /**\n   * The name of the custom event fired before a row is selected/unselected upon a user gesture.\n   */\n  static get eventBeforeChangeSelection() {\n    return `${prefix}-table-row-change-selection`;\n  }\n\n  /**\n   * The name of the custom event fired after the Cancel button is clicked.\n   */\n  static get eventClickCancel() {\n    return `${prefix}-table-batch-actions-cancel-clicked`;\n  }\n\n  /**\n   * The name of the custom event fired after the expanded state a row is toggled upon a user gesture.\n   */\n  static get eventExpandoToggle() {\n    return `${prefix}-table-row-expando-toggled`;\n  }\n\n  /**\n   * The name of the custom event fired after a row has been selected\n   */\n  static get eventTableRowSelect() {\n    return `${prefix}-table-row-selected`;\n  }\n\n  /**\n   * The name of the custom event fired after all rows have been selected\n   */\n  static get eventTableRowSelectAll() {\n    return `${prefix}-table-row-all-selected`;\n  }\n\n  /**\n   * The name of the custom event fired after the table has been sorted\n   */\n  static get eventTableSorted() {\n    return `${prefix}-table-sorted`;\n  }\n\n  /**\n   * The name of the custom event fired after the table has been filtered containing remaining rows.\n   */\n  static get eventTableFiltered() {\n    return `${prefix}-table-filtered`;\n  }\n\n  /**\n   * The CSS selector to find the overflow menu on the table cell\n   */\n  static get selectorTableCellOverflowMenu() {\n    return `${prefix}-table-cell ${prefix}-overflow-menu`;\n  }\n\n  /**\n   * The CSS selector to find the download button\n   */\n  static get selectorToolbarDownload() {\n    return `${prefix}-button[download]`;\n  }\n\n  /**\n   * The CSS selector to find the table batch actions\n   */\n  static get selectorTableBatchActions() {\n    return `${prefix}-table-batch-actions`;\n  }\n\n  /**\n   * The CSS selector to find the table toolbar\n   */\n  static get selectorTableToolbar() {\n    return `${prefix}-table-toolbar`;\n  }\n\n  /**\n   * The CSS selector to find the table toolbar content\n   */\n  static get selectorTableToolbarContent() {\n    return `${prefix}-table-toolbar-content`;\n  }\n\n  /**\n   * The CSS selector to find the table toolbar search\n   */\n  static get selectorTableToolbarSearch() {\n    return `${prefix}-table-toolbar-search`;\n  }\n\n  /**\n   * The CSS selector to find the table head\n   */\n  static get selectorTableHead() {\n    return `${prefix}-table-head`;\n  }\n\n  /**\n   * The CSS selector to find the table body\n   */\n  static get selectorTableBody() {\n    return `${prefix}-table-body`;\n  }\n\n  /**\n   * The CSS selector to find the table expanded rows\n   */\n  static get selectorTableExpandedRows() {\n    return `${prefix}-table-expanded-row`;\n  }\n\n  /**\n   * The CSS selector to find the table rows\n   */\n  static get selectorTableRow() {\n    return `${prefix}-table-row`;\n  }\n\n  /**\n   * The CSS selector to find the rows cells.\n   */\n  static get selectorTableRowCells() {\n    return `${prefix}-table-cell`;\n  }\n\n  /**\n   * The CSS selector to find the rows cells, including header cells.\n   */\n  static get selectorTableCells() {\n    return `${prefix}-table-cell, ${prefix}-table-header-cell`;\n  }\n\n  /**\n   * The CSS selector to find the header cell\n   */\n  static get selectorHeaderCell() {\n    return `${prefix}-table-header-cell`;\n  }\n\n  /**\n   * The CSS selector to find the rows, including header rows.\n   */\n  static get selectorRowsWithHeader() {\n    return `${prefix}-table-header-row,${prefix}-table-row`;\n  }\n\n  /**\n   * The CSS selector to find all rows\n   */\n  static get selectorAllRows() {\n    return `${prefix}-table-header-row,${prefix}-table-row,${prefix}-table-expanded-row`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTable;\n"],"mappings":"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"}

package/es/components/dropdown/defs.d.ts

@@ -41,14 +41,14 @@ export declare enum DROPDOWN_KEYBOARD_ACTION {
  * Dropdown size.
  */
 export declare enum DROPDOWN_SIZE {
-    /**
-     * Regular size.
-     */
-    REGULAR = "",
     /**
      * Small size.
      */
     SMALL = "sm",
+    /**
+     * Medium size.
+     */
+    MEDIUM = "md",
     /**
      * Large size.
      */
@@ -59,9 +59,9 @@ export declare enum DROPDOWN_SIZE {
  */
 export declare enum DROPDOWN_TYPE {
     /**
-     * Regular type.
+     * Default type.
      */
-    REGULAR = "",
+    DEFAULT = "",
     /**
      * Inline type.
      */

package/es/components/dropdown/defs.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/dropdown/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,yBAAyB,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEhG;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;CAKhC,CAAC;AAEF;;GAEG;AACH,oBAAY,wBAAwB;IAClC;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,KAAK,OAAO;CACb;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,MAAM,WAAW;CAClB;AAED;;GAEG;AACH,oBAAY,kBAAkB;IAC5B;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,MAAM,WAAW;CAClB","file":"defs.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\nexport { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '../../globals/shared-enums';\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   * Large size.\n   */\n  LARGE = 'lg',\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\n/**\n * Dropdown direction.\n */\nexport enum DROPDOWN_DIRECTION {\n  /**\n   * Top.\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom.\n   */\n  BOTTOM = 'bottom',\n}\n"]}
+{"version":3,"sources":["components/dropdown/defs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,yBAAyB,IAAI,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAEhG;;GAEG;AACH,eAAO,MAAM,oBAAoB;;;;;CAKhC,CAAC;AAEF;;GAEG;AACH,oBAAY,wBAAwB;IAClC;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,UAAU,eAAe;CAC1B;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;CACb;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,MAAM,WAAW;CAClB;AAED;;GAEG;AACH,oBAAY,kBAAkB;IAC5B;;OAEG;IACH,GAAG,QAAQ;IAEX;;OAEG;IACH,MAAM,WAAW;CAClB","file":"defs.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\nexport { FORM_ELEMENT_COLOR_SCHEME as DROPDOWN_COLOR_SCHEME } from '../../globals/shared-enums';\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   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Default type.\n   */\n  DEFAULT = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n\n/**\n * Dropdown direction.\n */\nexport enum DROPDOWN_DIRECTION {\n  /**\n   * Top.\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom.\n   */\n  BOTTOM = 'bottom',\n}\n"]}

package/es/components/dropdown/defs.js

@@ -39,8 +39,8 @@ export let DROPDOWN_SIZE;
  * Dropdown types.
  */
 (function (DROPDOWN_SIZE) {
-  DROPDOWN_SIZE["REGULAR"] = "";
   DROPDOWN_SIZE["SMALL"] = "sm";
+  DROPDOWN_SIZE["MEDIUM"] = "md";
   DROPDOWN_SIZE["LARGE"] = "lg";
 })(DROPDOWN_SIZE || (DROPDOWN_SIZE = {}));
 export let DROPDOWN_TYPE;
@@ -49,7 +49,7 @@ export let DROPDOWN_TYPE;
  * Dropdown direction.
  */
 (function (DROPDOWN_TYPE) {
-  DROPDOWN_TYPE["REGULAR"] = "";
+  DROPDOWN_TYPE["DEFAULT"] = "";
   DROPDOWN_TYPE["INLINE"] = "inline";
 })(DROPDOWN_TYPE || (DROPDOWN_TYPE = {}));
 export let DROPDOWN_DIRECTION;

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

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":["FORM_ELEMENT_COLOR_SCHEME","DROPDOWN_COLOR_SCHEME","NAVIGATION_DIRECTION","Up","ArrowUp","Down","ArrowDown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE","DROPDOWN_DIRECTION"],"sources":["components/dropdown/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 '../../globals/shared-enums';\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   * Large size.\n   */\n  LARGE = 'lg',\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\n/**\n * Dropdown direction.\n */\nexport enum DROPDOWN_DIRECTION {\n  /**\n   * Top.\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom.\n   */\n  BOTTOM = 'bottom',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,yBAAyB,IAAIC,qBAAqB,QAAQ,4BAA4B;;AAE/F;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAG;EAClCC,EAAE,EAAE,CAAC,CAAC;EACNC,OAAO,EAAE,CAAC,CAAC;EACXC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA,WAAYC,wBAAwB;;AAsBpC;AACA;AACA;AAFA,WAtBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAxBA,wBAAwB;AAyBpC,WAAYC,aAAa;;AAiBzB;AACA;AACA;AAFA,WAjBYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AAoBzB,WAAYC,aAAa;;AAYzB;AACA;AACA;AAFA,WAZYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AAezB,WAAYC,kBAAkB;AAU7B,WAVWA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB"}
+{"version":3,"file":"defs.js","names":["FORM_ELEMENT_COLOR_SCHEME","DROPDOWN_COLOR_SCHEME","NAVIGATION_DIRECTION","Up","ArrowUp","Down","ArrowDown","DROPDOWN_KEYBOARD_ACTION","DROPDOWN_SIZE","DROPDOWN_TYPE","DROPDOWN_DIRECTION"],"sources":["components/dropdown/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 '../../globals/shared-enums';\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   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Dropdown types.\n */\nexport enum DROPDOWN_TYPE {\n  /**\n   * Default type.\n   */\n  DEFAULT = '',\n\n  /**\n   * Inline type.\n   */\n  INLINE = 'inline',\n}\n\n/**\n * Dropdown direction.\n */\nexport enum DROPDOWN_DIRECTION {\n  /**\n   * Top.\n   */\n  TOP = 'top',\n\n  /**\n   * Bottom.\n   */\n  BOTTOM = 'bottom',\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,yBAAyB,IAAIC,qBAAqB,QAAQ,4BAA4B;;AAE/F;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAG;EAClCC,EAAE,EAAE,CAAC,CAAC;EACNC,OAAO,EAAE,CAAC,CAAC;EACXC,IAAI,EAAE,CAAC;EACPC,SAAS,EAAE;AACb,CAAC;;AAED;AACA;AACA;AACA,WAAYC,wBAAwB;;AAsBpC;AACA;AACA;AAFA,WAtBYA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;AAAA,GAAxBA,wBAAwB,KAAxBA,wBAAwB;AAyBpC,WAAYC,aAAa;;AAiBzB;AACA;AACA;AAFA,WAjBYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AAoBzB,WAAYC,aAAa;;AAYzB;AACA;AACA;AAFA,WAZYA,aAAa;EAAbA,aAAa;EAAbA,aAAa;AAAA,GAAbA,aAAa,KAAbA,aAAa;AAezB,WAAYC,kBAAkB;AAU7B,WAVWA,kBAAkB;EAAlBA,kBAAkB;EAAlBA,kBAAkB;AAAA,GAAlBA,kBAAkB,KAAlBA,kBAAkB"}

package/es/components/dropdown/dropdown-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/dropdown/dropdown-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C;;;;;GAKG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,gBAAyB;IAE7B;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"dropdown-item.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport Checkmark16 from '@carbon/icons/lib/checkmark/16';\nimport { prefix } from '../../globals/settings';\nimport { DROPDOWN_SIZE } from './dropdown';\nimport styles from './dropdown.scss';\n\n/**\n * Dropdown item.\n *\n * @element cds-dropdown-item\n * @csspart selected-icon The selected icon.\n */\n@customElement(`${prefix}-dropdown-item`)\nclass CDSDropdownItem extends LitElement {\n  /**\n   * `true` if this dropdown item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dropdown>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this dropdown item should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.REGULAR;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-dropdown>` when this dropdown item is selected.\n   */\n  @property()\n  value = '';\n\n  render() {\n    const { selected } = this;\n    return html`\n      <div class=\"${prefix}--list-box__menu-item__option\">\n        <slot></slot>\n        ${!selected\n          ? undefined\n          : Checkmark16({\n              part: 'selected-icon',\n              class: `${prefix}--list-box__menu-item__selected-icon`,\n            })}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDropdownItem;\n"]}
+{"version":3,"sources":["components/dropdown/dropdown-item.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAG3C;;;;;GAKG;AACH,cACM,eAAgB,SAAQ,UAAU;IACtC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,IAAI,gBAAwB;IAE5B;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;IAeN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,eAAe,CAAC","file":"dropdown-item.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 { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport Checkmark16 from '@carbon/icons/lib/checkmark/16';\nimport { prefix } from '../../globals/settings';\nimport { DROPDOWN_SIZE } from './dropdown';\nimport styles from './dropdown.scss';\n\n/**\n * Dropdown item.\n *\n * @element cds-dropdown-item\n * @csspart selected-icon The selected icon.\n */\n@customElement(`${prefix}-dropdown-item`)\nclass CDSDropdownItem extends LitElement {\n  /**\n   * `true` if this dropdown item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dropdown>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this dropdown item should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.MEDIUM;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-dropdown>` when this dropdown item is selected.\n   */\n  @property()\n  value = '';\n\n  render() {\n    const { selected } = this;\n    return html`\n      <div class=\"${prefix}--list-box__menu-item__option\">\n        <slot></slot>\n        ${!selected\n          ? undefined\n          : Checkmark16({\n              part: 'selected-icon',\n              class: `${prefix}--list-box__menu-item__selected-icon`,\n            })}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDropdownItem;\n"]}

package/es/components/dropdown/dropdown-item.js

@@ -74,7 +74,7 @@ let CDSDropdownItem = _decorate([customElement(`${prefix}-dropdown-item`)], func
       })],
       key: "size",
       value() {
-        return DROPDOWN_SIZE.REGULAR;
+        return DROPDOWN_SIZE.MEDIUM;
       }
     }, {
       kind: "field",

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.js","names":["LitElement","html","property","customElement","Checkmark16","prefix","DROPDOWN_SIZE","styles","CDSDropdownItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","REGULAR","render","selected","_t","_","undefined","part","class","static"],"sources":["components/dropdown/dropdown-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport Checkmark16 from '@carbon/icons/lib/checkmark/16';\nimport { prefix } from '../../globals/settings';\nimport { DROPDOWN_SIZE } from './dropdown';\nimport styles from './dropdown.scss';\n\n/**\n * Dropdown item.\n *\n * @element cds-dropdown-item\n * @csspart selected-icon The selected icon.\n */\n@customElement(`${prefix}-dropdown-item`)\nclass CDSDropdownItem extends LitElement {\n  /**\n   * `true` if this dropdown item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dropdown>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this dropdown item should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.REGULAR;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-dropdown>` when this dropdown item is selected.\n   */\n  @property()\n  value = '';\n\n  render() {\n    const { selected } = this;\n    return html`\n      <div class=\"${prefix}--list-box__menu-item__option\">\n        <slot></slot>\n        ${!selected\n          ? undefined\n          : Checkmark16({\n              part: 'selected-icon',\n              class: `${prefix}--list-box__menu-item__selected-icon`,\n            })}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDropdownItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,OAAOC,WAAW,MAAM,0BAAgC;AACxD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,QAAQ,YAAY;AAC1C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA,GALA;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,eAAe,GAAAC,SAAA,EADpBN,aAAa,CAAE,GAAEE,MAAO,gBAAe,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAzC,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoDzC;EAAC;IAAAI,CAAA,EApDKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAQff,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC7B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAOlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKff,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBhB,aAAa,CAACiB,OAAO;MAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAK3Bf,QAAQ,EAAE;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACH,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAjCV;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;AACA;;MAIE;AACF;AACA;AACA;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,MAAM;UAAEC;QAAS,CAAC,GAAG,IAAI;QACzB,OAAOxB,IAAI,CAAAyB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAS;AAC3B;AACA,UAAQ,CAKO;AACf;AACA,KAAI,GATgBtB,MAAM,EAEhB,CAACoB,QAAQ,GACPG,SAAS,GACTxB,WAAW,CAAC;UACVyB,IAAI,EAAE,eAAe;UACrBC,KAAK,EAAG,GAAEzB,MAAO;QACnB,CAAC,CAAC;MAGZ;IAAC;MAAAW,IAAA;MAAAe,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAnDMP,UAAU;AAsDxC,eAAeQ,eAAe"}
+{"version":3,"file":"dropdown-item.js","names":["LitElement","html","property","customElement","Checkmark16","prefix","DROPDOWN_SIZE","styles","CDSDropdownItem","_decorate","_initialize","_LitElement","constructor","args","F","d","kind","decorators","type","Boolean","reflect","key","value","MEDIUM","render","selected","_t","_","undefined","part","class","static"],"sources":["components/dropdown/dropdown-item.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\nimport Checkmark16 from '@carbon/icons/lib/checkmark/16';\nimport { prefix } from '../../globals/settings';\nimport { DROPDOWN_SIZE } from './dropdown';\nimport styles from './dropdown.scss';\n\n/**\n * Dropdown item.\n *\n * @element cds-dropdown-item\n * @csspart selected-icon The selected icon.\n */\n@customElement(`${prefix}-dropdown-item`)\nclass CDSDropdownItem extends LitElement {\n  /**\n   * `true` if this dropdown item should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * `true` if this dropdown item should be highlighted.\n   * If `true`, parent `<dropdown>` selects/deselects this dropdown item upon keyboard interaction.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if this dropdown item should be selected.\n   *\n   * @private\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.MEDIUM;\n\n  /**\n   * The `value` attribute that is set to the parent `<cds-dropdown>` when this dropdown item is selected.\n   */\n  @property()\n  value = '';\n\n  render() {\n    const { selected } = this;\n    return html`\n      <div class=\"${prefix}--list-box__menu-item__option\">\n        <slot></slot>\n        ${!selected\n          ? undefined\n          : Checkmark16({\n              part: 'selected-icon',\n              class: `${prefix}--list-box__menu-item__selected-icon`,\n            })}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSDropdownItem;\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,EAAEC,IAAI,QAAQ,KAAK;AACtC,SAASC,QAAQ,EAAEC,aAAa,QAAQ,mBAAmB;AAC3D,OAAOC,WAAW,MAAM,0BAAgC;AACxD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,aAAa,QAAQ,YAAY;AAC1C,OAAOC,MAAM,MAAM,qBAAiB;;AAEpC;AACA;AACA;AACA;AACA;AACA,GALA;AACA;AACA;AACA;AACA;AACA;AALA,IAOMC,eAAe,GAAAC,SAAA,EADpBN,aAAa,CAAE,GAAEE,MAAO,gBAAe,CAAC,aAAAK,WAAA,EAAAC,WAAA;EAAzC,MACMH,eAAe,SAAAG,WAAA,CAAoB;IAAAC,YAAA,GAAAC,IAAA;MAAA,SAAAA,IAAA;MAAAH,WAAA;IAAA;EAoDzC;EAAC;IAAAI,CAAA,EApDKN,eAAe;IAAAO,CAAA;MAAAC,IAAA;MAAAC,UAAA,GAIlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAQff,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAC7B,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAOlBf,QAAQ,CAAC;QAAEgB,IAAI,EAAEC,OAAO;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OAChC,KAAK;MAAA;IAAA;MAAAN,IAAA;MAAAC,UAAA,GAKff,QAAQ,CAAC;QAAEkB,OAAO,EAAE;MAAK,CAAC,CAAC;MAAAC,GAAA;MAAAC,MAAA;QAAA,OACrBhB,aAAa,CAACiB,MAAM;MAAA;IAAA;MAAAP,IAAA;MAAAC,UAAA,GAK1Bf,QAAQ,EAAE;MAAAmB,GAAA;MAAAC,MAAA;QAAA,OACH,EAAE;MAAA;IAAA;MAAAN,IAAA;MAAAK,GAAA;MAAAC,KAAA;MAjCV;AACF;AACA;;MAIE;AACF;AACA;AACA;AACA;AACA;;MAIE;AACF;AACA;AACA;AACA;;MAIE;AACF;AACA;;MAIE;AACF;AACA;;MAIE,SAAAE,OAAA,EAAS;QACP,MAAM;UAAEC;QAAS,CAAC,GAAG,IAAI;QACzB,OAAOxB,IAAI,CAAAyB,EAAA,KAAAA,EAAA,GAAAC,CAAC;AAChB,oBAAkB,CAAS;AAC3B;AACA,UAAQ,CAKO;AACf;AACA,KAAI,GATgBtB,MAAM,EAEhB,CAACoB,QAAQ,GACPG,SAAS,GACTxB,WAAW,CAAC;UACVyB,IAAI,EAAE,eAAe;UACrBC,KAAK,EAAG,GAAEzB,MAAO;QACnB,CAAC,CAAC;MAGZ;IAAC;MAAAW,IAAA;MAAAe,MAAA;MAAAV,GAAA;MAAAC,MAAA;QAAA,OAEef,MAAM;MAAA;IAAA;EAAA;AAAA,GAnDMP,UAAU;AAsDxC,eAAeQ,eAAe"}

package/es/components/dropdown/dropdown.d.ts

@@ -1367,6 +1367,10 @@ declare class CDSDropdown extends CDSDropdown_base {
      * @returns The main content of the trigger button.
      */
     protected _renderLabel(): TemplateResult;
+    /**
+     * @returns The title label.
+     */
+    protected _renderTitleLabel(): TemplateResult;
     /**
      * @returns The content following the trigger button.
      */
@@ -1385,7 +1389,7 @@ declare class CDSDropdown extends CDSDropdown_base {
     /**
      * Specify the direction of the dropdown. Can be either top or bottom.
      */
-    direction: boolean;
+    direction: DROPDOWN_DIRECTION;
     /**
      * `true` if this dropdown should be disabled.
      */
@@ -1475,7 +1479,10 @@ declare class CDSDropdown extends CDSDropdown_base {
      */
     warnText: string;
     shouldUpdate(changedProperties: any): boolean;
-    updated(changedProperties: any): void;
+    /**
+     * The CSS class list for dropdown listbox
+     */
+    protected get _classes(): import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/class-map").ClassMapDirective>;
     render(): TemplateResult<1>;
     /**
      * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.

package/es/components/dropdown/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["components/dropdown/dropdown.ts"],"names":[],"mappings":"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","file":"dropdown.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 { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html, TemplateResult } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport HostListener from '../../globals/decorators/host-listener';\nimport {\n  find,\n  forEach,\n  indexOf,\n} from '../../globals/internal/collection-helpers';\nimport {\n  DROPDOWN_DIRECTION,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport CDSDropdownItem from './dropdown-item';\nimport styles from './dropdown.scss';\n\nexport {\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_DIRECTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\n/**\n * Dropdown.\n *\n * @element cds-dropdown\n * @csspart label-text The label text.\n * @csspart helper-text The helper text.\n * @csspart trigger-button The trigger button.\n * @csspart menu-body The menu body.\n * @csspart validity-message The validity message.\n * @fires cds-dropdown-beingselected\n *   The custom event fired before a dropdown item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-dropdown-beingtoggled\n *   The custom event fired before the open state of this dropdown is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires cds-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${prefix}-dropdown`)\nclass CDSDropdown extends ValidityMixin(\n  HostListenerMixin(FormMixin(FocusMixin(LitElement)))\n) {\n  /**\n   * The latest status of this dropdown, for screen reader to accounce.\n   */\n  protected _assistiveStatusText?: string;\n\n  /**\n   * The content of the selected item.\n   */\n  protected _selectedItemContent: DocumentFragment | null = null;\n\n  /**\n   * `true` if the trigger button should be focusable.\n   * Derived class can set `false` to this if the trigger button contains another primary focusable element (e.g. `<input>`).\n   */\n  protected _shouldTriggerBeFocusable = true;\n\n  /**\n   * The list box `<div>` node.\n   */\n  @query(`.${prefix}--list-box`)\n  protected _listBoxNode!: HTMLDivElement;\n\n  /**\n   * The `<slot>` element for the helper text in the shadow DOM.\n   */\n  @query('slot[name=\"helper-text\"]')\n  protected _slotHelperTextNode!: HTMLSlotElement;\n\n  /**\n   * The `<slot>` element for the title text in the shadow DOM.\n   */\n  @query('slot[name=\"title-text\"]')\n  protected _slotTitleTextNode!: HTMLSlotElement;\n\n  /**\n   * @param itemToSelect A dropdown item. Absense of this argument means clearing selection.\n   * @returns `true` if the selection of this dropdown should change if the given item is selected upon user interaction.\n   */\n  protected _selectionShouldChange(itemToSelect?: CDSDropdownItem) {\n    return !itemToSelect || itemToSelect.value !== this.value;\n  }\n\n  /**\n   * A callback that runs after change in dropdown selection upon user interaction is confirmed.\n   *\n   * @param itemToSelect\n   *   A dropdown item.\n   *   Absense of this argument means clearing selection, which may be handled by a derived class.\n   */\n  protected _selectionDidChange(itemToSelect?: CDSDropdownItem) {\n    if (itemToSelect) {\n      this.value = itemToSelect.value;\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSDropdown).selectorItemSelected\n        ),\n        (item) => {\n          (item as CDSDropdownItem).selected = false;\n        }\n      );\n      itemToSelect.selected = true;\n      this._assistiveStatusText = this.selectedItemAssistiveText;\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles `click` event on the top-level element in the shadow DOM.\n   *\n   * @param event The event.\n   */\n  protected _handleClickInner(event: MouseEvent) {\n    if (this.readOnly) {\n      return;\n    }\n\n    if (this.shadowRoot!.contains(event.target as Node)) {\n      this._handleUserInitiatedToggle();\n    } else {\n      const item = (event.target as Element).closest(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      ) as CDSDropdownItem;\n      if (this.contains(item)) {\n        this._handleUserInitiatedSelectItem(item);\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keydown` event on the top-level element in the shadow DOM.\n   */\n  protected _handleKeydownInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    if (!this.open) {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.NAVIGATING:\n          this._handleUserInitiatedToggle(true);\n          // If this menu gets open with an arrow key, reset the highlight\n          this._clearHighlight();\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.CLOSING:\n          this._handleUserInitiatedToggle(false);\n          break;\n        case DROPDOWN_KEYBOARD_ACTION.NAVIGATING:\n          this._navigate(NAVIGATION_DIRECTION[key]);\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keypress` event on the top-level element in the shadow DOM.\n   */\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    if (!this.open) {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING:\n          this._handleUserInitiatedToggle(true);\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING:\n          {\n            const constructor = this.constructor as typeof CDSDropdown;\n            const highlightedItem = this.querySelector(\n              constructor.selectorItemHighlighted\n            ) as CDSDropdownItem;\n            if (highlightedItem) {\n              this._handleUserInitiatedSelectItem(highlightedItem);\n            } else {\n              this._handleUserInitiatedToggle(false);\n            }\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on the document this element is in.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleFocusOut(event: FocusEvent) {\n    if (!this.contains(event.relatedTarget as Node)) {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for helper text.\n   */\n  protected _handleSlotchangeHelperText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for label text.\n   */\n  protected _handleSlotchangeLabelText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles user-initiated selection of a dropdown item.\n   *\n   * @param [item] The dropdown item user wants to select. Absense of this argument means clearing selection.\n   */\n  protected _handleUserInitiatedSelectItem(item?: CDSDropdownItem) {\n    if (item?.hasAttribute('disabled')) {\n      return;\n    }\n\n    if (this._selectionShouldChange(item)) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: {\n          item,\n        },\n      };\n      const constructor = this.constructor as typeof CDSDropdown;\n      const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n        ...init,\n        cancelable: true,\n      });\n      if (this.dispatchEvent(beforeSelectEvent)) {\n        this._selectionDidChange(item);\n        const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n        this.dispatchEvent(afterSelectEvent);\n      }\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  protected _handleUserInitiatedToggle(force: boolean = !this.open) {\n    const { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof CDSDropdown;\n\n    const { disabled } = this;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open: force,\n      },\n    };\n    if (!disabled) {\n      if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n        this.open = force;\n        if (this.open) {\n          this._assistiveStatusText = this.selectingItemsAssistiveText;\n        } else {\n          const {\n            selectedItemAssistiveText,\n            label,\n            _assistiveStatusText: assistiveStatusText,\n            _selectedItemContent: selectedItemContent,\n          } = this;\n          const selectedItemText =\n            (selectedItemContent && selectedItemContent.textContent) || label;\n          if (\n            selectedItemText &&\n            assistiveStatusText !== selectedItemAssistiveText\n          ) {\n            this._assistiveStatusText = selectedItemText;\n          }\n          forEach(\n            this.querySelectorAll(\n              (this.constructor as typeof CDSDropdown).selectorItemHighlighted\n            ),\n            (item) => {\n              (item as CDSDropdownItem).highlighted = false;\n            }\n          );\n        }\n        this.requestUpdate();\n        this.dispatchEvent(new CustomEvent(eventToggle, init));\n      }\n    }\n  }\n\n  /**\n   * Clears the selection of dropdown items.\n   */\n  protected _clearHighlight() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      ),\n      (item) => {\n        (item as CDSDropdownItem).highlighted = false;\n      }\n    );\n  }\n\n  /**\n   * Navigate through dropdown items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    const highlightedItem = this.querySelector(\n      constructor.selectorItemHighlighted\n    );\n    const highlightedIndex = indexOf(items, highlightedItem!);\n    let nextIndex = highlightedIndex + direction;\n\n    if (items[nextIndex]?.hasAttribute('disabled')) {\n      nextIndex += direction;\n    }\n    if (nextIndex < 0) {\n      nextIndex = items.length - 1;\n    }\n    if (nextIndex >= items.length) {\n      nextIndex = 0;\n    }\n    forEach(items, (item, i) => {\n      (item as CDSDropdownItem).highlighted = i === nextIndex;\n    });\n\n    const nextItem = items[nextIndex];\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = nextItemText;\n    }\n    this.requestUpdate();\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * @returns The content preceding the trigger button.\n   */\n  protected _renderPrecedingLabel(): TemplateResult | void {\n    return undefined;\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * @returns The main content of the trigger button.\n   */\n  protected _renderLabel(): TemplateResult {\n    const { label, _selectedItemContent: selectedItemContent } = this;\n    return html`\n      <span id=\"trigger-label\" class=\"${prefix}--list-box__label\"\n        >${selectedItemContent || label}</span\n      >\n    `;\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * @returns The content following the trigger button.\n   */\n  protected _renderFollowingLabel(): TemplateResult | void {\n    return undefined;\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * Handles event to include selected value on the parent form.\n   *\n   * @param event The event.\n   */\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * 'aria-label' of the ListBox component.\n   * Specify a label to be read by screen readers on the container node\n   */\n  @property({ type: String, reflect: true, attribute: 'aria-label' })\n  ariaLabel = '';\n\n  /**\n   * Specify the direction of the dropdown. Can be either top or bottom.\n   */\n  @property({ type: Boolean, reflect: true })\n  direction = false;\n\n  /**\n   * `true` if this dropdown should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText = '';\n\n  /**\n   * Specify whether the title text should be hidden or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * `true` to show the UI of the invalid state.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * Provide the title text that will be read by a screen reader when visiting this control\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  /**\n   * Name for the dropdown in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if this dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Whether or not the Dropdown is readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'read-only' })\n  readOnly = false;\n\n  /**\n   * `true` if the value is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * An assistive text for screen reader to announce, telling the open state.\n   */\n  @property({ attribute: 'selecting-items-assistive-text' })\n  selectingItemsAssistiveText =\n    'Selecting items. Use up and down arrow keys to navigate.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is selected.\n   */\n  @property({ attribute: 'selected-item-assistive-text' })\n  selectedItemAssistiveText = 'Selected an item.';\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.REGULAR;\n\n  /**\n   * The `aria-label` attribute for the UI indicating the closed state.\n   */\n  @property({ attribute: 'toggle-label-closed' })\n  toggleLabelClosed = '';\n\n  /**\n   * The `aria-label` attribute for the UI indicating the open state.\n   */\n  @property({ attribute: 'toggle-label-open' })\n  toggleLabelOpen = '';\n\n  /**\n   * Generic label that will be used as the textual representation of what this field is for\n   */\n  @property({ attribute: 'label' })\n  label = '';\n\n  /**\n   * `true` if this dropdown should use the inline UI variant.\n   */\n  @property({ reflect: true })\n  type = DROPDOWN_TYPE.REGULAR;\n\n  /**\n   * The validity message.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value of the selected item.\n   */\n  @property({ reflect: true })\n  value = '';\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  shouldUpdate(changedProperties) {\n    const { selectorItem } = this.constructor as typeof CDSDropdown;\n    if (changedProperties.has('size')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).size = this.size;\n      });\n    }\n    if (changedProperties.has('value')) {\n      // `<cds-multi-select>` updates selection beforehand\n      // because our rendering logic for `<cds-multi-select>` looks for selected items via `qSA()`\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).selected =\n          (elem as CDSDropdownItem).value === this.value;\n      });\n      const item = find(\n        this.querySelectorAll(selectorItem),\n        (elem) => (elem as CDSDropdownItem).value === this.value\n      );\n      if (item) {\n        const range = this.ownerDocument!.createRange();\n        range.selectNodeContents(item);\n        this._selectedItemContent = range.cloneContents();\n      } else {\n        this._selectedItemContent = null;\n      }\n    }\n    return true;\n  }\n\n  updated(changedProperties) {\n    const { helperText, type } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const { selectorItem } = this.constructor as typeof CDSDropdown;\n    if (changedProperties.has('disabled') && this.disabled) {\n      const { disabled } = this;\n      // Propagate `disabled` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).disabled = disabled;\n      });\n    }\n    if (\n      (changedProperties.has('helperText') || changedProperties.has('type')) &&\n      helperText &&\n      inline\n    ) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        'Found `helperText` property/attribute usage in inline mode, that is not supported, at:',\n        this\n      );\n    }\n  }\n\n  render() {\n    const {\n      ariaLabel,\n      disabled,\n      helperText,\n      hideLabel,\n      invalid,\n      invalidText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      size,\n      titleText,\n      type,\n      warn,\n      warnText,\n      _assistiveStatusText: assistiveStatusText,\n      _shouldTriggerBeFocusable: shouldTriggerBeFocusable,\n      _handleClickInner: handleClickInner,\n      _handleKeydownInner: handleKeydownInner,\n      _handleKeypressInner: handleKeypressInner,\n      _handleSlotchangeHelperText: handleSlotchangeHelperText,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n      _slotHelperTextNode: slotHelperTextNode,\n      _slotTitleTextNode: slotTitleTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof CDSDropdown).selectorItemSelected\n    ).length;\n    const classes = classMap({\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--disabled`]: disabled,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--list-box--expanded`]: open,\n      [`${prefix}--list-box--${size}`]: size,\n      [`${prefix}--dropdown--invalid`]: invalid,\n      [`${prefix}--dropdown--warn`]: warn,\n      [`${prefix}--dropdown--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n    });\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n    const helperClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n    const iconContainerClasses = classMap({\n      [`${prefix}--list-box__menu-icon`]: true,\n      [`${prefix}--list-box__menu-icon--open`]: open,\n    });\n    const toggleLabel =\n      (open ? toggleLabelOpen : toggleLabelClosed) || undefined;\n    const hasHelperText =\n      helperText ||\n      (slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0);\n    const hasTitleText =\n      titleText ||\n      (slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0);\n    const validityIcon = !invalid\n      ? undefined\n      : WarningFilled16({\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const warningIcon =\n      !warn || (invalid && warn)\n        ? undefined\n        : WarningAltFilled16({\n            class: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`,\n            'aria-label': toggleLabel,\n          });\n    const helperMessage = invalid ? invalidText : warn ? warnText : helperText;\n    const menuBody = !open\n      ? undefined\n      : html`\n          <div\n            aria-label=\"${ariaLabel}\"\n            id=\"menu-body\"\n            part=\"menu-body\"\n            class=\"${prefix}--list-box__menu\"\n            role=\"listbox\"\n            tabindex=\"-1\">\n            <slot></slot>\n          </div>\n        `;\n    return html`\n      <label\n        part=\"title-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasTitleText}\">\n        <slot name=\"title-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${titleText}</slot\n        >\n      </label>\n      <div\n        role=\"listbox\"\n        class=\"${classes}\"\n        ?data-invalid=${invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}>\n        <div\n          part=\"trigger-button\"\n          role=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : 'button')}\"\n          class=\"${prefix}--list-box__field\"\n          tabindex=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : '0')}\"\n          aria-labelledby=\"trigger-label\"\n          aria-expanded=\"${String(open)}\"\n          aria-haspopup=\"listbox\"\n          aria-owns=\"menu-body\"\n          aria-controls=\"menu-body\">\n          ${this._renderPrecedingLabel()}${this._renderLabel()}${validityIcon}${warningIcon}${this._renderFollowingLabel()}\n          <div id=\"trigger-caret\" class=\"${iconContainerClasses}\">\n            ${ChevronDown16({ 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${menuBody}\n      </div>\n      <div\n        part=\"helper-text\"\n        class=\"${helperClasses}\"\n        ?hidden=\"${(inline && !warn && !invalid) || !hasHelperText}\">\n        <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n          >${helperMessage}</slot\n        >\n      </div>\n      <div\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\">\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\n  static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-dropdown-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return dropdown items.\n   */\n  static get selectorItem() {\n    return `${prefix}-dropdown-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-dropdown-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before a dropdown item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-dropdown-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a dropdown item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-dropdown-selected`;\n  }\n\n  /**\n   * The name of the custom event fired before this dropdown item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this dropdown item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-dropdown-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this dropdown item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-dropdown-toggled`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n\n  /**\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string) {\n    if (key === 'Escape') {\n      return DROPDOWN_KEYBOARD_ACTION.CLOSING;\n    }\n    if (key in NAVIGATION_DIRECTION) {\n      return DROPDOWN_KEYBOARD_ACTION.NAVIGATING;\n    }\n    if (this.TRIGGER_KEYS.has(key)) {\n      return DROPDOWN_KEYBOARD_ACTION.TRIGGERING;\n    }\n    return DROPDOWN_KEYBOARD_ACTION.NONE;\n  }\n}\n\nexport default CDSDropdown;\n"]}
+{"version":3,"sources":["components/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAgBvD,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,oBAAoB,EACrB,MAAM,QAAQ,CAAC;AAChB,OAAO,eAAe,MAAM,iBAAiB,CAAC;AAG9C,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,oBAAoB,GACrB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sCA6BA;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7BL;;;;;;;;;;;;;;;;;GAiBG;AACH,cACM,WAAY,SAAQ,gBAEzB;IACC;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAExC;;OAEG;IACH,SAAS,CAAC,oBAAoB,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAE/D;;;OAGG;IACH,SAAS,CAAC,yBAAyB,UAAQ;IAE3C;;OAEG;IAEH,SAAS,CAAC,YAAY,EAAG,cAAc,CAAC;IAExC;;OAEG;IAEH,SAAS,CAAC,mBAAmB,EAAG,eAAe,CAAC;IAEhD;;OAEG;IAEH,SAAS,CAAC,kBAAkB,EAAG,eAAe,CAAC;IAE/C;;;OAGG;IACH,SAAS,CAAC,sBAAsB,CAAC,YAAY,CAAC,EAAE,eAAe;IAI/D;;;;;;OAMG;IACH,SAAS,CAAC,mBAAmB,CAAC,YAAY,CAAC,EAAE,eAAe;IAiB5D;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,UAAU;IAiB7C;;OAEG;IACH,SAAS,CAAC,mBAAmB,CAAC,KAAK,EAAE,aAAa;IA2BlD;;OAEG;IACH,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,aAAa;IAgCnD;;;;OAIG;IAGH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU;IAM3C;;OAEG;IACH,SAAS,CAAC,2BAA2B;IAIrC;;OAEG;IACH,SAAS,CAAC,0BAA0B;IAIpC;;;;OAIG;IACH,SAAS,CAAC,8BAA8B,CAAC,IAAI,CAAC,EAAE,eAAe;IA0B/D;;;;OAIG;IACH,SAAS,CAAC,0BAA0B,CAAC,KAAK,GAAE,OAAoB;IAgDhE;;OAEG;IACH,SAAS,CAAC,eAAe;IAWzB;;;;OAIG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IAoCrC;;OAEG;IACH,SAAS,CAAC,qBAAqB,IAAI,cAAc,GAAG,IAAI;IAKxD;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,cAAc;IASxC;;OAEG;IACH,SAAS,CAAC,iBAAiB,IAAI,cAAc;IAgC7C;;OAEG;IACH,SAAS,CAAC,qBAAqB,IAAI,cAAc,GAAG,IAAI;IAKxD;;;;OAIG;IACH,eAAe,CAAC,KAAK,EAAE,KAAK;IAQ5B;;;OAGG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,SAAS,qBAA6B;IAEtC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAM;IAEjB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;OAEG;IAEH,2BAA2B,SACkC;IAE7D;;OAEG;IAEH,yBAAyB,SAAuB;IAEhD;;OAEG;IAEH,IAAI,gBAAwB;IAE5B;;OAEG;IAEH,iBAAiB,SAAM;IAEvB;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,gBAAyB;IAE7B;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,QAAQ,SAAM;IAEd,YAAY,CAAC,iBAAiB,KAAA;IAwC9B;;OAEG;IACH,SAAS,KAAK,QAAQ,mHAoBrB;IAED,MAAM;IA4GN;;OAEG;IACH,MAAM,CAAC,YAAY,cAA2B;IAE9C;;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;IAED,MAAM,CAAC,iBAAiB;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;IAEvB;;OAEG;IACH,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM;CAY7B;AAED,eAAe,WAAW,CAAC","file":"dropdown.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 { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html, TemplateResult } from 'lit';\nimport { property, customElement, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport ChevronDown16 from '@carbon/icons/lib/chevron--down/16';\nimport WarningFilled16 from '@carbon/icons/lib/warning--filled/16';\nimport WarningAltFilled16 from '@carbon/icons/lib/warning--alt--filled/16';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport ValidityMixin from '../../globals/mixins/validity';\nimport HostListener from '../../globals/decorators/host-listener';\nimport {\n  find,\n  forEach,\n  indexOf,\n} from '../../globals/internal/collection-helpers';\nimport {\n  DROPDOWN_DIRECTION,\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n} from './defs';\nimport CDSDropdownItem from './dropdown-item';\nimport styles from './dropdown.scss';\n\nexport {\n  DROPDOWN_KEYBOARD_ACTION,\n  DROPDOWN_DIRECTION,\n  DROPDOWN_SIZE,\n  DROPDOWN_TYPE,\n  NAVIGATION_DIRECTION,\n};\n\n/**\n * Dropdown.\n *\n * @element cds-dropdown\n * @csspart label-text The label text.\n * @csspart helper-text The helper text.\n * @csspart trigger-button The trigger button.\n * @csspart menu-body The menu body.\n * @csspart validity-message The validity message.\n * @fires cds-dropdown-beingselected\n *   The custom event fired before a dropdown item is selected upon a user gesture.\n *   Cancellation of this event stops changing the user-initiated selection.\n * @fires cds-dropdown-beingtoggled\n *   The custom event fired before the open state of this dropdown is toggled upon a user gesture.\n *   Cancellation of this event stops the user-initiated toggling.\n * @fires cds-dropdown-selected - The custom event fired after a dropdown item is selected upon a user gesture.\n * @fires cds-dropdown-toggled - The custom event fired after the open state of this dropdown is toggled upon a user gesture.\n */\n@customElement(`${prefix}-dropdown`)\nclass CDSDropdown extends ValidityMixin(\n  HostListenerMixin(FormMixin(FocusMixin(LitElement)))\n) {\n  /**\n   * The latest status of this dropdown, for screen reader to accounce.\n   */\n  protected _assistiveStatusText?: string;\n\n  /**\n   * The content of the selected item.\n   */\n  protected _selectedItemContent: DocumentFragment | null = null;\n\n  /**\n   * `true` if the trigger button should be focusable.\n   * Derived class can set `false` to this if the trigger button contains another primary focusable element (e.g. `<input>`).\n   */\n  protected _shouldTriggerBeFocusable = true;\n\n  /**\n   * The list box `<div>` node.\n   */\n  @query(`.${prefix}--list-box`)\n  protected _listBoxNode!: HTMLDivElement;\n\n  /**\n   * The `<slot>` element for the helper text in the shadow DOM.\n   */\n  @query('slot[name=\"helper-text\"]')\n  protected _slotHelperTextNode!: HTMLSlotElement;\n\n  /**\n   * The `<slot>` element for the title text in the shadow DOM.\n   */\n  @query('slot[name=\"title-text\"]')\n  protected _slotTitleTextNode!: HTMLSlotElement;\n\n  /**\n   * @param itemToSelect A dropdown item. Absense of this argument means clearing selection.\n   * @returns `true` if the selection of this dropdown should change if the given item is selected upon user interaction.\n   */\n  protected _selectionShouldChange(itemToSelect?: CDSDropdownItem) {\n    return !itemToSelect || itemToSelect.value !== this.value;\n  }\n\n  /**\n   * A callback that runs after change in dropdown selection upon user interaction is confirmed.\n   *\n   * @param itemToSelect\n   *   A dropdown item.\n   *   Absense of this argument means clearing selection, which may be handled by a derived class.\n   */\n  protected _selectionDidChange(itemToSelect?: CDSDropdownItem) {\n    if (itemToSelect) {\n      this.value = itemToSelect.value;\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSDropdown).selectorItemSelected\n        ),\n        (item) => {\n          (item as CDSDropdownItem).selected = false;\n        }\n      );\n      itemToSelect.selected = true;\n      this._assistiveStatusText = this.selectedItemAssistiveText;\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles `click` event on the top-level element in the shadow DOM.\n   *\n   * @param event The event.\n   */\n  protected _handleClickInner(event: MouseEvent) {\n    if (this.readOnly) {\n      return;\n    }\n\n    if (this.shadowRoot!.contains(event.target as Node)) {\n      this._handleUserInitiatedToggle();\n    } else {\n      const item = (event.target as Element).closest(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      ) as CDSDropdownItem;\n      if (this.contains(item)) {\n        this._handleUserInitiatedSelectItem(item);\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keydown` event on the top-level element in the shadow DOM.\n   */\n  protected _handleKeydownInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    if (!this.open) {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.NAVIGATING:\n          this._handleUserInitiatedToggle(true);\n          // If this menu gets open with an arrow key, reset the highlight\n          this._clearHighlight();\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.CLOSING:\n          this._handleUserInitiatedToggle(false);\n          break;\n        case DROPDOWN_KEYBOARD_ACTION.NAVIGATING:\n          this._navigate(NAVIGATION_DIRECTION[key]);\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  /**\n   * Handler for the `keypress` event on the top-level element in the shadow DOM.\n   */\n  protected _handleKeypressInner(event: KeyboardEvent) {\n    const { key } = event;\n    const action = (this.constructor as typeof CDSDropdown).getAction(key);\n    if (!this.open) {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING:\n          this._handleUserInitiatedToggle(true);\n          break;\n        default:\n          break;\n      }\n    } else {\n      switch (action) {\n        case DROPDOWN_KEYBOARD_ACTION.TRIGGERING:\n          {\n            const constructor = this.constructor as typeof CDSDropdown;\n            const highlightedItem = this.querySelector(\n              constructor.selectorItemHighlighted\n            ) as CDSDropdownItem;\n            if (highlightedItem) {\n              this._handleUserInitiatedSelectItem(highlightedItem);\n            } else {\n              this._handleUserInitiatedToggle(false);\n            }\n          }\n          break;\n        default:\n          break;\n      }\n    }\n  }\n\n  /**\n   * Handles `blur` event handler on the document this element is in.\n   *\n   * @param event The event.\n   */\n  @HostListener('focusout')\n  // @ts-ignore: The decorator refers to this method but TS thinks this method is not referred to\n  protected _handleFocusOut(event: FocusEvent) {\n    if (!this.contains(event.relatedTarget as Node)) {\n      this._handleUserInitiatedToggle(false);\n    }\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for helper text.\n   */\n  protected _handleSlotchangeHelperText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event for the `<slot>` for label text.\n   */\n  protected _handleSlotchangeLabelText() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles user-initiated selection of a dropdown item.\n   *\n   * @param [item] The dropdown item user wants to select. Absense of this argument means clearing selection.\n   */\n  protected _handleUserInitiatedSelectItem(item?: CDSDropdownItem) {\n    if (item?.hasAttribute('disabled')) {\n      return;\n    }\n\n    if (this._selectionShouldChange(item)) {\n      const init = {\n        bubbles: true,\n        composed: true,\n        detail: {\n          item,\n        },\n      };\n      const constructor = this.constructor as typeof CDSDropdown;\n      const beforeSelectEvent = new CustomEvent(constructor.eventBeforeSelect, {\n        ...init,\n        cancelable: true,\n      });\n      if (this.dispatchEvent(beforeSelectEvent)) {\n        this._selectionDidChange(item);\n        const afterSelectEvent = new CustomEvent(constructor.eventSelect, init);\n        this.dispatchEvent(afterSelectEvent);\n      }\n    }\n  }\n\n  /**\n   * Handles user-initiated toggling the open state.\n   *\n   * @param [force] If specified, forces the open state to the given one.\n   */\n  protected _handleUserInitiatedToggle(force: boolean = !this.open) {\n    const { eventBeforeToggle, eventToggle } = this\n      .constructor as typeof CDSDropdown;\n\n    const { disabled } = this;\n    const init = {\n      bubbles: true,\n      cancelable: true,\n      composed: true,\n      detail: {\n        open: force,\n      },\n    };\n    if (!disabled) {\n      if (this.dispatchEvent(new CustomEvent(eventBeforeToggle, init))) {\n        this.open = force;\n        if (this.open) {\n          this._assistiveStatusText = this.selectingItemsAssistiveText;\n        } else {\n          const {\n            selectedItemAssistiveText,\n            label,\n            _assistiveStatusText: assistiveStatusText,\n            _selectedItemContent: selectedItemContent,\n          } = this;\n          const selectedItemText =\n            (selectedItemContent && selectedItemContent.textContent) || label;\n          if (\n            selectedItemText &&\n            assistiveStatusText !== selectedItemAssistiveText\n          ) {\n            this._assistiveStatusText = selectedItemText;\n          }\n          forEach(\n            this.querySelectorAll(\n              (this.constructor as typeof CDSDropdown).selectorItemHighlighted\n            ),\n            (item) => {\n              (item as CDSDropdownItem).highlighted = false;\n            }\n          );\n        }\n        this.requestUpdate();\n        this.dispatchEvent(new CustomEvent(eventToggle, init));\n      }\n    }\n  }\n\n  /**\n   * Clears the selection of dropdown items.\n   */\n  protected _clearHighlight() {\n    forEach(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSDropdown).selectorItem\n      ),\n      (item) => {\n        (item as CDSDropdownItem).highlighted = false;\n      }\n    );\n  }\n\n  /**\n   * Navigate through dropdown items.\n   *\n   * @param direction `-1` to navigate backward, `1` to navigate forward.\n   */\n  protected _navigate(direction: number) {\n    const constructor = this.constructor as typeof CDSDropdown;\n    const items = this.querySelectorAll(constructor.selectorItem);\n    const highlightedItem = this.querySelector(\n      constructor.selectorItemHighlighted\n    );\n    const highlightedIndex = indexOf(items, highlightedItem!);\n    let nextIndex = highlightedIndex + direction;\n\n    if (items[nextIndex]?.hasAttribute('disabled')) {\n      nextIndex += direction;\n    }\n    if (nextIndex < 0) {\n      nextIndex = items.length - 1;\n    }\n    if (nextIndex >= items.length) {\n      nextIndex = 0;\n    }\n    forEach(items, (item, i) => {\n      (item as CDSDropdownItem).highlighted = i === nextIndex;\n    });\n\n    const nextItem = items[nextIndex];\n    // Using `{ block: 'nearest' }` to prevent scrolling unless scrolling is absolutely necessary.\n    // `scrollIntoViewOptions` seems to work in latest Safari despite of MDN/caniuse table.\n    // IE falls back to the old behavior.\n    nextItem.scrollIntoView({ block: 'nearest' });\n\n    const nextItemText = nextItem.textContent;\n    if (nextItemText) {\n      this._assistiveStatusText = nextItemText;\n    }\n    this.requestUpdate();\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * @returns The content preceding the trigger button.\n   */\n  protected _renderPrecedingLabel(): TemplateResult | void {\n    return undefined;\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * @returns The main content of the trigger button.\n   */\n  protected _renderLabel(): TemplateResult {\n    const { label, _selectedItemContent: selectedItemContent } = this;\n    return html`\n      <span id=\"trigger-label\" class=\"${prefix}--list-box__label\"\n        >${selectedItemContent || label}</span\n      >\n    `;\n  }\n\n  /**\n   * @returns The title label.\n   */\n  protected _renderTitleLabel(): TemplateResult {\n    const {\n      disabled,\n      hideLabel,\n      titleText,\n      _slotTitleTextNode: slotTitleTextNode,\n      _handleSlotchangeLabelText: handleSlotchangeLabelText,\n    } = this;\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--label--disabled`]: disabled,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    const hasTitleText =\n      titleText ||\n      (slotTitleTextNode && slotTitleTextNode.assignedNodes().length > 0);\n\n    return html`\n      <label\n        part=\"title-text\"\n        class=\"${labelClasses}\"\n        ?hidden=\"${!hasTitleText}\">\n        <slot name=\"title-text\" @slotchange=\"${handleSlotchangeLabelText}\"\n          >${titleText}</slot\n        >\n      </label>\n    `;\n  }\n\n  /* eslint-disable class-methods-use-this */\n  /**\n   * @returns The content following the trigger button.\n   */\n  protected _renderFollowingLabel(): TemplateResult | void {\n    return undefined;\n  }\n  /* eslint-enable class-methods-use-this */\n\n  /**\n   * Handles event to include selected value on the parent form.\n   *\n   * @param event The event.\n   */\n  _handleFormdata(event: Event) {\n    const { formData } = event as any; // TODO: Wait for `FormDataEvent` being available in `lib.dom.d.ts`\n    const { disabled, name, value } = this;\n    if (!disabled) {\n      formData.append(name, value);\n    }\n  }\n\n  /**\n   * 'aria-label' of the ListBox component.\n   * Specify a label to be read by screen readers on the container node\n   */\n  @property({ type: String, reflect: true, attribute: 'aria-label' })\n  ariaLabel = '';\n\n  /**\n   * Specify the direction of the dropdown. Can be either top or bottom.\n   */\n  @property({ type: String, reflect: true })\n  direction = DROPDOWN_DIRECTION.BOTTOM;\n\n  /**\n   * `true` if this dropdown should be disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * The helper text.\n   */\n  @property({ attribute: 'helper-text' })\n  helperText = '';\n\n  /**\n   * Specify whether the title text should be hidden or not\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n  hideLabel = false;\n\n  /**\n   * `true` to show the UI of the invalid state.\n   */\n  @property({ type: Boolean, reflect: true })\n  invalid = false;\n\n  /**\n   * Message which is displayed if the value is invalid.\n   */\n  @property({ attribute: 'invalid-text' })\n  invalidText = '';\n\n  /**\n   * Provide the title text that will be read by a screen reader when visiting this control\n   */\n  @property({ attribute: 'title-text' })\n  titleText = '';\n\n  /**\n   * Name for the dropdown in the `FormData`\n   */\n  @property()\n  name = '';\n\n  /**\n   * `true` if this dropdown should be open.\n   */\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  /**\n   * Whether or not the Dropdown is readonly\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'read-only' })\n  readOnly = false;\n\n  /**\n   * `true` if the value is required.\n   */\n  @property({ type: Boolean, reflect: true })\n  required = false;\n\n  /**\n   * The special validity message for `required`.\n   */\n  @property({ attribute: 'required-validity-message' })\n  requiredValidityMessage = 'Please fill out this field.';\n\n  /**\n   * An assistive text for screen reader to announce, telling the open state.\n   */\n  @property({ attribute: 'selecting-items-assistive-text' })\n  selectingItemsAssistiveText =\n    'Selecting items. Use up and down arrow keys to navigate.';\n\n  /**\n   * An assistive text for screen reader to announce, telling that an item is selected.\n   */\n  @property({ attribute: 'selected-item-assistive-text' })\n  selectedItemAssistiveText = 'Selected an item.';\n\n  /**\n   * Dropdown size.\n   */\n  @property({ reflect: true })\n  size = DROPDOWN_SIZE.MEDIUM;\n\n  /**\n   * The `aria-label` attribute for the UI indicating the closed state.\n   */\n  @property({ attribute: 'toggle-label-closed' })\n  toggleLabelClosed = '';\n\n  /**\n   * The `aria-label` attribute for the UI indicating the open state.\n   */\n  @property({ attribute: 'toggle-label-open' })\n  toggleLabelOpen = '';\n\n  /**\n   * Generic label that will be used as the textual representation of what this field is for\n   */\n  @property({ attribute: 'label' })\n  label = '';\n\n  /**\n   * `true` if this dropdown should use the inline UI variant.\n   */\n  @property({ reflect: true })\n  type = DROPDOWN_TYPE.DEFAULT;\n\n  /**\n   * The validity message.\n   */\n  @property({ attribute: 'validity-message' })\n  validityMessage = '';\n\n  /**\n   * The value of the selected item.\n   */\n  @property({ reflect: true })\n  value = '';\n\n  /**\n   * Specify whether the control is currently in warning state\n   */\n  @property({ type: Boolean, reflect: true })\n  warn = false;\n\n  /**\n   * Provide the text that is displayed when the control is in warning state\n   */\n  @property({ attribute: 'warn-text' })\n  warnText = '';\n\n  shouldUpdate(changedProperties) {\n    const { selectorItem } = this.constructor as typeof CDSDropdown;\n    if (changedProperties.has('size')) {\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).size = this.size;\n      });\n    }\n    if (changedProperties.has('disabled') && this.disabled) {\n      const { disabled } = this;\n      // Propagate `disabled` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        if (disabled) {\n          (elem as CDSDropdownItem).disabled = disabled;\n        } else {\n          (elem as CDSDropdownItem).removeAttribute('disabled');\n        }\n      });\n    }\n    if (changedProperties.has('value')) {\n      // `<cds-multi-select>` updates selection beforehand\n      // because our rendering logic for `<cds-multi-select>` looks for selected items via `qSA()`\n      forEach(this.querySelectorAll(selectorItem), (elem) => {\n        (elem as CDSDropdownItem).selected =\n          (elem as CDSDropdownItem).value === this.value;\n      });\n      const item = find(\n        this.querySelectorAll(selectorItem),\n        (elem) => (elem as CDSDropdownItem).value === this.value\n      );\n      if (item) {\n        const range = this.ownerDocument!.createRange();\n        range.selectNodeContents(item);\n        this._selectedItemContent = range.cloneContents();\n      } else {\n        this._selectedItemContent = null;\n      }\n    }\n    return true;\n  }\n\n  /**\n   * The CSS class list for dropdown listbox\n   */\n  protected get _classes() {\n    const { disabled, size, type, invalid, open, warn } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n\n    const selectedItemsCount = this.querySelectorAll(\n      (this.constructor as typeof CDSDropdown).selectorItemSelected\n    ).length;\n\n    return classMap({\n      [`${prefix}--dropdown`]: true,\n      [`${prefix}--list-box`]: true,\n      [`${prefix}--list-box--disabled`]: disabled,\n      [`${prefix}--list-box--inline`]: inline,\n      [`${prefix}--list-box--expanded`]: open,\n      [`${prefix}--list-box--${size}`]: size,\n      [`${prefix}--dropdown--invalid`]: invalid,\n      [`${prefix}--dropdown--warn`]: warn,\n      [`${prefix}--dropdown--inline`]: inline,\n      [`${prefix}--dropdown--selected`]: selectedItemsCount > 0,\n    });\n  }\n\n  render() {\n    const {\n      ariaLabel,\n      _classes: classes,\n      disabled,\n      helperText,\n      invalid,\n      invalidText,\n      open,\n      toggleLabelClosed,\n      toggleLabelOpen,\n      type,\n      warn,\n      warnText,\n      _assistiveStatusText: assistiveStatusText,\n      _shouldTriggerBeFocusable: shouldTriggerBeFocusable,\n      _handleClickInner: handleClickInner,\n      _handleKeydownInner: handleKeydownInner,\n      _handleKeypressInner: handleKeypressInner,\n      _handleSlotchangeHelperText: handleSlotchangeHelperText,\n      _slotHelperTextNode: slotHelperTextNode,\n    } = this;\n    const inline = type === DROPDOWN_TYPE.INLINE;\n\n    const helperClasses = classMap({\n      [`${prefix}--form__helper-text`]: true,\n      [`${prefix}--form__helper-text--disabled`]: disabled,\n    });\n    const iconContainerClasses = classMap({\n      [`${prefix}--list-box__menu-icon`]: true,\n      [`${prefix}--list-box__menu-icon--open`]: open,\n    });\n    const toggleLabel =\n      (open ? toggleLabelOpen : toggleLabelClosed) || undefined;\n    const hasHelperText =\n      helperText ||\n      (slotHelperTextNode && slotHelperTextNode.assignedNodes().length > 0);\n    const validityIcon = !invalid\n      ? undefined\n      : WarningFilled16({\n          class: `${prefix}--list-box__invalid-icon`,\n          'aria-label': toggleLabel,\n        });\n    const warningIcon =\n      !warn || (invalid && warn)\n        ? undefined\n        : WarningAltFilled16({\n            class: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`,\n            'aria-label': toggleLabel,\n          });\n    const helperMessage = invalid ? invalidText : warn ? warnText : helperText;\n    const menuBody = !open\n      ? undefined\n      : html`\n          <div\n            aria-label=\"${ariaLabel}\"\n            id=\"menu-body\"\n            part=\"menu-body\"\n            class=\"${prefix}--list-box__menu\"\n            role=\"listbox\"\n            tabindex=\"-1\">\n            <slot></slot>\n          </div>\n        `;\n    return html`\n      ${this._renderTitleLabel()}\n      <div\n        role=\"listbox\"\n        class=\"${classes}\"\n        ?data-invalid=${invalid}\n        @click=${handleClickInner}\n        @keydown=${handleKeydownInner}\n        @keypress=${handleKeypressInner}>\n        <div\n          part=\"trigger-button\"\n          role=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : 'button')}\"\n          class=\"${prefix}--list-box__field\"\n          tabindex=\"${ifDefined(!shouldTriggerBeFocusable ? undefined : '0')}\"\n          aria-labelledby=\"trigger-label\"\n          aria-expanded=\"${String(open)}\"\n          aria-haspopup=\"listbox\"\n          aria-owns=\"menu-body\"\n          aria-controls=\"menu-body\">\n          ${this._renderPrecedingLabel()}${this._renderLabel()}${validityIcon}${warningIcon}${this._renderFollowingLabel()}\n          <div id=\"trigger-caret\" class=\"${iconContainerClasses}\">\n            ${ChevronDown16({ 'aria-label': toggleLabel })}\n          </div>\n        </div>\n        ${menuBody}\n      </div>\n      <div\n        part=\"helper-text\"\n        class=\"${helperClasses}\"\n        ?hidden=\"${(inline && !warn && !invalid) || !hasHelperText}\">\n        <slot name=\"helper-text\" @slotchange=\"${handleSlotchangeHelperText}\"\n          >${helperMessage}</slot\n        >\n      </div>\n      <div\n        class=\"${prefix}--assistive-text\"\n        role=\"status\"\n        aria-live=\"assertive\"\n        aria-relevant=\"additions text\">\n        ${assistiveStatusText}\n      </div>\n    `;\n  }\n\n  /**\n   * Symbols of keys that triggers opening/closing menu and selecting/deselecting menu item.\n   */\n  static TRIGGER_KEYS = new Set([' ', 'Enter']);\n\n  /**\n   * A selector that will return highlighted items.\n   */\n  static get selectorItemHighlighted() {\n    return `${prefix}-dropdown-item[highlighted]`;\n  }\n\n  /**\n   * A selector that will return dropdown items.\n   */\n  static get selectorItem() {\n    return `${prefix}-dropdown-item`;\n  }\n\n  /**\n   * A selector that will return selected items.\n   */\n  static get selectorItemSelected() {\n    return `${prefix}-dropdown-item[selected]`;\n  }\n\n  /**\n   * The name of the custom event fired before a dropdown item is selected upon a user gesture.\n   * Cancellation of this event stops changing the user-initiated selection.\n   */\n  static get eventBeforeSelect() {\n    return `${prefix}-dropdown-beingselected`;\n  }\n\n  /**\n   * The name of the custom event fired after a a dropdown item is selected upon a user gesture.\n   */\n  static get eventSelect() {\n    return `${prefix}-dropdown-selected`;\n  }\n\n  /**\n   * The name of the custom event fired before this dropdown item is being toggled upon a user gesture.\n   * Cancellation of this event stops the user-initiated action of toggling this dropdown item.\n   */\n  static get eventBeforeToggle() {\n    return `${prefix}-dropdown-beingtoggled`;\n  }\n\n  /**\n   * The name of the custom event fired after this dropdown item is toggled upon a user gesture.\n   */\n  static get eventToggle() {\n    return `${prefix}-dropdown-toggled`;\n  }\n\n  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n\n  /**\n   * @returns A action for dropdown for the given key symbol.\n   */\n  static getAction(key: string) {\n    if (key === 'Escape') {\n      return DROPDOWN_KEYBOARD_ACTION.CLOSING;\n    }\n    if (key in NAVIGATION_DIRECTION) {\n      return DROPDOWN_KEYBOARD_ACTION.NAVIGATING;\n    }\n    if (this.TRIGGER_KEYS.has(key)) {\n      return DROPDOWN_KEYBOARD_ACTION.TRIGGERING;\n    }\n    return DROPDOWN_KEYBOARD_ACTION.NONE;\n  }\n}\n\nexport default CDSDropdown;\n"]}