@carbon/web-components 2.52.0 → 2.53.0

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

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/data-table/table-toolbar.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -44,22 +43,22 @@ let CDSTableToolbar = class CDSTableToolbar extends LitElement {
 	* The CSS selector to find the toolbar contents
 	*/
 	static get selectorToolbarContent() {
-		return `${prefix}-table-toolbar-content`;
+		return `cds-table-toolbar-content`;
 	}
 	/**
 	* The CSS selector to find the batch actions
 	*/
 	static get selectorBatchActions() {
-		return `${prefix}-table-batch-actions`;
+		return `cds-table-batch-actions`;
 	}
 	static {
 		this.styles = data_table_default;
 	}
 };
 __decorate([property({ reflect: true })], CDSTableToolbar.prototype, "size", void 0);
-CDSTableToolbar = __decorate([carbonElement(`${prefix}-table-toolbar`)], CDSTableToolbar);
+CDSTableToolbar = __decorate([carbonElement(`cds-table-toolbar`)], CDSTableToolbar);
 var table_toolbar_default = CDSTableToolbar;
-
 //#endregion
 export { table_toolbar_default as default };
+
 //# sourceMappingURL=table-toolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-toolbar.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Table toolbar.\n *\n * @element cds-table-toolbar\n */\n@customElement(`${prefix}-table-toolbar`)\nclass CDSTableToolbar extends LitElement {\n  /**\n   * Toolbar size\n   */\n  @property({ reflect: true })\n  size;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'toolbar');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      const toolbarContent = this.querySelector(\n        (this.constructor as typeof CDSTableToolbar).selectorToolbarContent\n      );\n      const batchActions = this.querySelector(\n        (this.constructor as typeof CDSTableToolbar).selectorBatchActions\n      );\n\n      if (toolbarContent) {\n        toolbarContent.setAttribute('size', this.size);\n      }\n\n      if (batchActions) {\n        batchActions.setAttribute('size', this.size);\n      }\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The CSS selector to find the toolbar contents\n   */\n  static get selectorToolbarContent() {\n    return `${prefix}-table-toolbar-content`;\n  }\n\n  /**\n   * The CSS selector to find the batch actions\n   */\n  static get selectorBatchActions() {\n    return `${prefix}-table-batch-actions`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableToolbar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,4BACM,wBAAwB,WAAW;CAOvC,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,UAAU;AAEtC,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,OAAO,EAAE;GACjC,MAAM,iBAAiB,KAAK,cACzB,KAAK,YAAuC,uBAC9C;GACD,MAAM,eAAe,KAAK,cACvB,KAAK,YAAuC,qBAC9C;AAED,OAAI,eACF,gBAAe,aAAa,QAAQ,KAAK,KAAK;AAGhD,OAAI,aACF,cAAa,aAAa,QAAQ,KAAK,KAAK;;;CAKlD,SAAS;AACP,SAAO,IAAI;;;;;CAMb,WAAW,yBAAyB;AAClC,SAAO,GAAG,OAAO;;;;;CAMnB,WAAW,uBAAuB;AAChC,SAAO,GAAG,OAAO;;;gBAGHA;;;YA/Cf,SAAS,EAAE,SAAS,MAAM,CAAC;8BAL7BC,cAAc,GAAG,OAAO,gBAAgB;AAuDzC,4BAAe"}
+{"version":3,"file":"table-toolbar.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-toolbar.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Table toolbar.\n *\n * @element cds-table-toolbar\n */\n@customElement(`${prefix}-table-toolbar`)\nclass CDSTableToolbar extends LitElement {\n  /**\n   * Toolbar size\n   */\n  @property({ reflect: true })\n  size;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'toolbar');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('size')) {\n      const toolbarContent = this.querySelector(\n        (this.constructor as typeof CDSTableToolbar).selectorToolbarContent\n      );\n      const batchActions = this.querySelector(\n        (this.constructor as typeof CDSTableToolbar).selectorBatchActions\n      );\n\n      if (toolbarContent) {\n        toolbarContent.setAttribute('size', this.size);\n      }\n\n      if (batchActions) {\n        batchActions.setAttribute('size', this.size);\n      }\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  /**\n   * The CSS selector to find the toolbar contents\n   */\n  static get selectorToolbarContent() {\n    return `${prefix}-table-toolbar-content`;\n  }\n\n  /**\n   * The CSS selector to find the batch actions\n   */\n  static get selectorBatchActions() {\n    return `${prefix}-table-batch-actions`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableToolbar;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,kBAAA,MACM,wBAAwB,WAAW;CAOvC,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,UAAU;AAEtC,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,OAAO,EAAE;GACjC,MAAM,iBAAiB,KAAK,cACzB,KAAK,YAAuC,uBAC9C;GACD,MAAM,eAAe,KAAK,cACvB,KAAK,YAAuC,qBAC9C;AAED,OAAI,eACF,gBAAe,aAAa,QAAQ,KAAK,KAAK;AAGhD,OAAI,aACF,cAAa,aAAa,QAAQ,KAAK,KAAK;;;CAKlD,SAAS;AACP,SAAO,IAAI;;;;;CAMb,WAAW,yBAAyB;AAClC,SAAO;;;;;CAMT,WAAW,uBAAuB;AAChC,SAAO;;;gBAGOA;;;YA/Cf,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,gBAAA,WAAA,QAAA,KAAA,EAAA;8BAL7BC,cAAc,oBAA0B,CAAA,EAAA,gBAAA;AAuDzC,IAAA,wBAAe"}

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

@@ -5,17 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { forEach } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
-import { TABLE_SIZE, TABLE_SORT_DIRECTION } from "./defs.js";
+import { TABLE_SIZE } from "./defs.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
 import { property, state } from "lit/decorators.js";
-
 //#region src/components/data-table/table.ts
 /**
 * Copyright IBM Corp. 2019, 2026
@@ -53,8 +52,8 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 	constructor(..._args) {
 		super(..._args);
 		this.collationFactors = {
-			[TABLE_SORT_DIRECTION.ASCENDING]: 1,
-			[TABLE_SORT_DIRECTION.DESCENDING]: -1
+			["ascending"]: 1,
+			["descending"]: -1
 		};
 		this._searchValue = "";
 		this._selectedRows = [];
@@ -67,7 +66,7 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 		this.locale = "en";
 		this.overflowMenuOnHover = false;
 		this.radio = false;
-		this.size = TABLE_SIZE.LG;
+		this.size = "lg";
 		this.useStaticWidth = false;
 		this.useZebraStyles = false;
 		this.withRowAILabels = false;
@@ -114,7 +113,7 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 				this._tableRows.forEach((e) => {
 					if (e !== target) {
 						e.removeAttribute("selected");
-						e.shadowRoot.querySelector(`${prefix}-radio-button`).checked = false;
+						e.shadowRoot.querySelector(`cds-radio-button`).checked = false;
 					}
 				});
 				this._selectedRows.push(...[target]);
@@ -128,7 +127,7 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 				if (tableToolbarContent) tableToolbarContent.hasBatchActions = this._selectedRows.length;
 			}
 			const totalSelectableRows = [...this._tableRows].filter((elem) => !elem.hasAttribute("filtered") && !elem.hasAttribute("disabled")).length;
-			const headerCheckbox = tableHeaderRow.shadowRoot?.querySelector(`${prefix}-checkbox`).shadowRoot.querySelector(`.${prefix}--checkbox`);
+			const headerCheckbox = tableHeaderRow.shadowRoot?.querySelector(`cds-checkbox`).shadowRoot.querySelector(`.cds--checkbox`);
 			const allRowsSelected = this._selectedRows.length === totalSelectableRows;
 			headerCheckbox.checked = Boolean(this._selectedRows.length);
 			headerCheckbox.indeterminate = !allRowsSelected && this._selectedRows.length > 0;
@@ -153,7 +152,7 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 				if (!elem.filtered && !elem.disabled) {
 					elem.selected = selected;
 					if (this.radio) {
-						const radioButton = elem.shadowRoot.querySelector(`${prefix}-radio-button`);
+						const radioButton = elem.shadowRoot.querySelector(`cds-radio-button`);
 						radioButton.checked = selected;
 					}
 					this._selectedRows.push(elem);
@@ -180,7 +179,7 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 		this._handleCancelSelection = async (event) => {
 			const { target } = event;
 			const { _tableHeaderRow: tableHeaderRow } = this;
-			if (this.contains(target)) tableHeaderRow.shadowRoot?.querySelector(`${prefix}-checkbox`).shadowRoot.querySelector(`.${prefix}--checkbox`).click();
+			if (this.contains(target)) tableHeaderRow.shadowRoot?.querySelector(`cds-checkbox`).shadowRoot.querySelector(`.cds--checkbox`).click();
 		};
 	}
 	/**
@@ -197,7 +196,8 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 		return collator.compare(lhs, rhs);
 	}
 	_handleSlotChange({ target }) {
-		this.withHeader = target.assignedNodes().some((node) => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
+		const hasContent = target.assignedNodes().some((node) => node.nodeType !== Node.TEXT_NODE || node.textContent.trim());
+		this.withHeader = hasContent;
 	}
 	_handleTableBodyChange() {
 		this._tableBody = this.querySelector(this.constructor.selectorTableBody);
@@ -249,7 +249,7 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 				const unfilteredSelectableLength = unfilteredRows.filter((elem) => {
 					return !elem.hasAttribute("disabled");
 				}).length;
-				const headerCheckbox = this._tableHeaderRow.shadowRoot?.querySelector(`${prefix}-checkbox`).shadowRoot.querySelector(`.${prefix}--checkbox`);
+				const headerCheckbox = this._tableHeaderRow.shadowRoot?.querySelector(`cds-checkbox`).shadowRoot.querySelector(`.cds--checkbox`);
 				headerCheckbox.disabled = unfilteredSelectableLength === 0;
 			}
 			if (this.expandable) elem.nextElementSibling.filtered = filtered;
@@ -377,7 +377,7 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 		}
 		const headersWithAILabel = [];
 		Array.prototype.slice.call(this._tableHeaderRow.children).forEach((headerCell, index) => {
-			if (headerCell.querySelector(`${prefix}-ai-label`) || headerCell.querySelector(`${prefix}-slug`)) {
+			if (headerCell.querySelector(`cds-ai-label`) || headerCell.querySelector(`cds-slug`)) {
 				headerCell.setAttribute("ai-label", "");
 				headersWithAILabel.push(index);
 			} else headerCell.removeAttribute("ai-label");
@@ -390,8 +390,8 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 		});
 	}
 	render() {
-		return html` <div class="${prefix}--data-table-header-container">
-        <div ?hidden="${!this.withHeader}" class="${prefix}--data-table-header">
+		return html` <div class="${"cds"}--data-table-header-container">
+        <div ?hidden="${!this.withHeader}" class="${"cds"}--data-table-header">
           <slot @slotchange="${this._handleSlotChange}" name="title"></slot>
           <slot
             @slotchange="${this._handleSlotChange}"
@@ -400,8 +400,8 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
         <slot name="toolbar"></slot>
       </div>
 
-      <div part="inner-container" class="${prefix}--data-table_inner-container">
-        <div part="content" class="${prefix}--data-table-content">
+      <div part="inner-container" class="${"cds"}--data-table_inner-container">
+        <div part="content" class="${"cds"}--data-table-content">
           <slot
             @cds-table-body-content-change="${this._handleTableBodyChange}"></slot>
         </div>
@@ -436,151 +436,151 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 	* Cancellation of this event stops the user-initiated change in sort direction.
 	*/
 	static get eventBeforeSort() {
-		return `${prefix}-table-header-cell-sort`;
+		return `cds-table-header-cell-sort`;
 	}
 	/**
 	* The name of the custom event fired during search bar input
 	*/
 	static get eventSearchInput() {
-		return `${prefix}-search-input`;
+		return `cds-search-input`;
 	}
 	/**
 	* The name of the custom event fired before header row is selected/unselected upon a user gesture.
 	*/
 	static get eventBeforeChangeSelectionAll() {
-		return `${prefix}-table-change-selection-all`;
+		return `cds-table-change-selection-all`;
 	}
 	/**
 	* The name of the custom event fired before a row is selected/unselected upon a user gesture.
 	*/
 	static get eventBeforeChangeSelection() {
-		return `${prefix}-table-row-change-selection`;
+		return `cds-table-row-change-selection`;
 	}
 	/**
 	* The name of the custom event fired after the Cancel button is clicked.
 	*/
 	static get eventClickCancel() {
-		return `${prefix}-table-batch-actions-cancel-clicked`;
+		return `cds-table-batch-actions-cancel-clicked`;
 	}
 	/**
 	* The name of the custom event fired after the expanded state a row is toggled upon a user gesture.
 	*/
 	static get eventExpandoToggle() {
-		return `${prefix}-table-row-expando-toggled`;
+		return `cds-table-row-expando-toggled`;
 	}
 	/**
 	* The name of the custom event fired after a row has been selected
 	*/
 	static get eventTableRowSelect() {
-		return `${prefix}-table-row-selected`;
+		return `cds-table-row-selected`;
 	}
 	/**
 	* The name of the custom event fired after all rows have been selected
 	*/
 	static get eventTableRowSelectAll() {
-		return `${prefix}-table-row-all-selected`;
+		return `cds-table-row-all-selected`;
 	}
 	/**
 	* The name of the custom event fired after the table has been sorted
 	*/
 	static get eventTableSorted() {
-		return `${prefix}-table-sorted`;
+		return `cds-table-sorted`;
 	}
 	/**
 	* The name of the custom event fired after the table has been filtered containing remaining rows.
 	*/
 	static get eventTableFiltered() {
-		return `${prefix}-table-filtered`;
+		return `cds-table-filtered`;
 	}
 	/**
 	* The CSS selector to find the overflow menu on the table cell
 	*/
 	static get selectorTableCellOverflowMenu() {
-		return `${prefix}-table-cell ${prefix}-overflow-menu`;
+		return `cds-table-cell cds-overflow-menu`;
 	}
 	/**
 	* The CSS selector to find the download button
 	*/
 	static get selectorToolbarDownload() {
-		return `${prefix}-button[download]`;
+		return `cds-button[download]`;
 	}
 	/**
 	* The CSS selector to find the table batch actions
 	*/
 	static get selectorTableBatchActions() {
-		return `${prefix}-table-batch-actions`;
+		return `cds-table-batch-actions`;
 	}
 	/**
 	* The CSS selector to find the table toolbar
 	*/
 	static get selectorTableToolbar() {
-		return `${prefix}-table-toolbar`;
+		return `cds-table-toolbar`;
 	}
 	/**
 	* The CSS selector to find the table toolbar content
 	*/
 	static get selectorTableToolbarContent() {
-		return `${prefix}-table-toolbar-content`;
+		return `cds-table-toolbar-content`;
 	}
 	/**
 	* The CSS selector to find the table toolbar search
 	*/
 	static get selectorTableToolbarSearch() {
-		return `${prefix}-table-toolbar-search`;
+		return `cds-table-toolbar-search`;
 	}
 	/**
 	* The CSS selector to find the table head
 	*/
 	static get selectorTableHead() {
-		return `${prefix}-table-head`;
+		return `cds-table-head`;
 	}
 	/**
 	* The CSS selector to find the table body
 	*/
 	static get selectorTableBody() {
-		return `${prefix}-table-body`;
+		return `cds-table-body`;
 	}
 	/**
 	* The CSS selector to find the table expanded rows
 	*/
 	static get selectorTableExpandedRows() {
-		return `${prefix}-table-expanded-row`;
+		return `cds-table-expanded-row`;
 	}
 	/**
 	* The CSS selector to find the table rows
 	*/
 	static get selectorTableRow() {
-		return `${prefix}-table-row`;
+		return `cds-table-row`;
 	}
 	/**
 	* The CSS selector to find the rows cells.
 	*/
 	static get selectorTableRowCells() {
-		return `${prefix}-table-cell`;
+		return `cds-table-cell`;
 	}
 	/**
 	* The CSS selector to find the rows cells, including header cells.
 	*/
 	static get selectorTableCells() {
-		return `${prefix}-table-cell, ${prefix}-table-header-cell`;
+		return `cds-table-cell, cds-table-header-cell`;
 	}
 	/**
 	* The CSS selector to find the header cell
 	*/
 	static get selectorHeaderCell() {
-		return `${prefix}-table-header-cell`;
+		return `cds-table-header-cell`;
 	}
 	/**
 	* The CSS selector to find the rows, including header rows.
 	*/
 	static get selectorRowsWithHeader() {
-		return `${prefix}-table-header-row,${prefix}-table-row`;
+		return `cds-table-header-row,cds-table-row`;
 	}
 	/**
 	* The CSS selector to find all rows
 	*/
 	static get selectorAllRows() {
-		return `${prefix}-table-header-row,${prefix}-table-row,${prefix}-table-expanded-row`;
+		return `cds-table-header-row,cds-table-row,cds-table-expanded-row`;
 	}
 	static {
 		this.styles = data_table_default;
@@ -658,9 +658,9 @@ __decorate([HostListener("eventSearchInput")], CDSTable.prototype, "_handleSearc
 __decorate([HostListener("eventBeforeChangeSelection")], CDSTable.prototype, "_handleRowSelect", void 0);
 __decorate([HostListener("eventBeforeChangeSelectionAll")], CDSTable.prototype, "_handleAllRowsSelect", void 0);
 __decorate([HostListener("eventClickCancel")], CDSTable.prototype, "_handleCancelSelection", void 0);
-CDSTable = __decorate([carbonElement(`${prefix}-table`)], CDSTable);
+CDSTable = __decorate([carbonElement(`cds-table`)], CDSTable);
 var table_default = CDSTable;
-
 //#endregion
 export { TABLE_SIZE, table_default as default };
+
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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, 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?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\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 * @fires cds-table-header-cell-sort\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 * @fires cds-search input\n *   The name of the custom event fired during search bar input\n * @fires cds-table-change-selection-all\n *   The name of the custom event fired before header row is selected/unselected upon a user gesture.\n * @fires cds-table-row-change-selection\n *   The name of the custom event fired before a row is selected/unselected upon a user gesture.\n * @fires cds-table-batch-actions-cancel-clicked\n *   The name of the custom event fired after the Cancel button is clicked.\n * @fires cds-table-row-expando-toggled\n *   The name of the custom event fired after the expanded state of a row is toggled upon a user gesture.\n * @fires cds-table-row-selected\n *   The name of the custom event fired after a row has been selected.\n * @fires cds-table-row-all-selected\n *   The name of the custom event fired after all rows have been selected.\n * @fires cds-table-sorted\n *   The name of the custom event fired after the table has been sorted.\n * @fires cds-table-filtered\n *   The name of the custom event fired after the table has been filtered containing remaining rows.\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\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 rowText 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.toLowerCase()) < 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  /**\n   *  true if AI Labels are added in the rows\n   */\n  @property({ type: Boolean, attribute: 'with-row-ai-labels' })\n  withRowAILabels = false;\n\n  /**\n   *  true if slugs are added in the rows\n   *\n   * @deprecated remove in v12, use `with-row-ai-labels` instead\n   */\n  @property({ type: Boolean, attribute: 'with-row-slugs' })\n  withRowSlugs = false;\n\n  private _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n    this.withHeader = hasContent;\n  }\n\n  private _handleTableBodyChange() {\n    // cds-table-head or cds-table-body may have changed\n    this._tableBody = this.querySelector(\n      (this.constructor as typeof CDSTable).selectorTableBody\n    );\n    this._tableExpandedRows = this.querySelectorAll(\n      (this.constructor as typeof CDSTable).selectorTableExpandedRows\n    );\n    this._tableRows = this.querySelectorAll(\n      (this.constructor as typeof CDSTable).selectorTableRow\n    );\n\n    // update any row dependant features\n    this.updateExpandable();\n  }\n\n  private _handleSortAction(columnIndex, sortDirection) {\n    const rows = [...this._tableRows];\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      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n      const sortedWithExpanded = [] as any;\n\n      rows.forEach((e) => {\n        const sortId = e.getAttribute('sort-id');\n        sortedWithExpanded.push(e);\n        // Only add the expanded row if it exists\n        if (mapping[sortId]) {\n          sortedWithExpanded.push(mapping[sortId]);\n        }\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\n  private _handleFilterRows() {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const unfilteredRows = [] as any;\n    forEach(this._tableRows, (elem) => {\n      let rowText = elem.textContent?.trim();\n      let filtered = this.filterRows(rowText as string, this._searchValue);\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n      (elem as any).filtered = filtered;\n\n      if (filtered && this.expandable) {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n        rowText = (elem as any).nextElementSibling.textContent?.trim();\n        filtered = this.filterRows(rowText as string, this._searchValue);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n        (elem as any).filtered = filtered;\n      }\n\n      if (!filtered) {\n        unfilteredRows.push(elem);\n      }\n\n      if (this.isSelectable) {\n        const unfilteredSelectableLength = unfilteredRows.filter((elem) => {\n          return !elem.hasAttribute('disabled');\n        }).length;\n\n        const headerCheckbox = this._tableHeaderRow.shadowRoot\n          ?.querySelector(`${prefix}-checkbox`)\n          .shadowRoot.querySelector(`.${prefix}--checkbox`);\n\n        headerCheckbox.disabled = unfilteredSelectableLength === 0;\n      }\n\n      if (this.expandable) {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\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    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const data = [] as any;\n\n    const elementsToArray = (elements) =>\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    if (!this.contains(target as any)) {\n      return;\n    }\n\n    const columns = [...this._tableHeaderRow.children];\n    const columnIndex = columns.indexOf(target);\n\n    columns.forEach((e) => {\n      if (e !== target && this.isSortable) {\n        e.setAttribute('sort-direction', 'none');\n      } else if (e.hasAttribute('is-sortable')) {\n        e.setAttribute('sort-direction', 'none');\n      }\n    });\n\n    this._handleSortAction(columnIndex, sortDirection);\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\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 totalSelectableRows = [...this._tableRows].filter(\n      (elem) => !elem.hasAttribute('filtered') && !elem.hasAttribute('disabled')\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 === totalSelectableRows;\n    headerCheckbox.checked = Boolean(this._selectedRows.length);\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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 && !(elem as CDSTableRow).disabled) {\n        (elem as CDSTableRow).selected = selected;\n        if (this.radio) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          const radioButton = (elem as CDSTableRow).shadowRoot!.querySelector(\n            `${prefix}-radio-button`\n          ) as CDSRadioButton;\n          radioButton.checked = selected;\n        }\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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\n    /**\n     * If using `with-row-slugs`, set `with-row-ai-labels` attribute to true so\n     * the styles are applied for slug as well\n     *\n     * remove in v12\n     */\n    if (this.withRowSlugs) {\n      this.setAttribute('with-rows-ai-labels', '');\n      this.withRowAILabels = true;\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  updateExpandable() {\n    const { selectorTableExpandedRows } = this.constructor as typeof CDSTable;\n\n    this._tableRows.forEach((e, index) => {\n      // Only set expandable=true if this row has an expanded row following it\n      const hasExpandedRow = e.nextElementSibling?.matches(\n        selectorTableExpandedRows\n      );\n      e.expandable = this.expandable && hasExpandedRow;\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  updated(changedProperties) {\n    if (changedProperties.has('expandable')) {\n      this.updateExpandable();\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      if (this.isSelectable) {\n        this._tableHeaderRow.setAttribute('selection-name', 'header');\n        this._tableRows.forEach((e, index) => {\n          if (!e.hasAttribute('selection-name')) {\n            e.setAttribute('selection-name', index);\n          }\n        });\n      }\n      this.headerCount++;\n    }\n\n    if (changedProperties.has('locale')) {\n      this.collator = new Intl.Collator(this.locale);\n    }\n    if (changedProperties.has('isSortable')) {\n      if (this.isSortable) {\n        this._enableSortAction();\n      }\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      if (this._tableHeaderRow) {\n        this._tableHeaderRow.hideCheckbox = this.radio;\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      const batchActions = this.querySelector(\n        (this.constructor as typeof CDSTable).selectorTableBatchActions\n      );\n      if (batchActions) {\n        batchActions.setAttribute('size', this.size);\n      }\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      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n      (tableBody as any).useZebraStyles = this.useZebraStyles;\n    }\n\n    if (this.withRowAILabels) {\n      this._tableHeaderRow.setAttribute('rows-with-ai-label', '');\n      this._tableRows.forEach((row) => {\n        row.setAttribute('rows-with-ai-label', '');\n      });\n    } else {\n      this._tableHeaderRow.removeAttribute('rows-with-ai-label');\n      this._tableRows.forEach((row) => {\n        row.removeAttribute('rows-with-ai-label');\n      });\n    }\n\n    // Gets table header info to add to the column cells for styles\n    const headersWithAILabel: number[] = [];\n\n    Array.prototype.slice\n      .call(this._tableHeaderRow.children)\n      .forEach((headerCell, index) => {\n        if (\n          headerCell.querySelector(`${prefix}-ai-label`) ||\n          headerCell.querySelector(`${prefix}-slug`)\n        ) {\n          headerCell.setAttribute('ai-label', '');\n          headersWithAILabel.push(index);\n        } else {\n          headerCell.removeAttribute('ai-label');\n        }\n      });\n\n    this._tableRows.forEach((row) => {\n      Array.prototype.slice\n        .call((row as HTMLElement).children)\n        .forEach((cell, index) => {\n          if (headersWithAILabel.includes(index)) {\n            cell.setAttribute('ai-label-in-header', '');\n          } else {\n            cell.removeAttribute('ai-label-in-header');\n          }\n        });\n    });\n  }\n\n  render() {\n    return html` <div class=\"${prefix}--data-table-header-container\">\n        <div ?hidden=\"${!this.withHeader}\" class=\"${prefix}--data-table-header\">\n          <slot @slotchange=\"${this._handleSlotChange}\" name=\"title\"></slot>\n          <slot\n            @slotchange=\"${this._handleSlotChange}\"\n            name=\"description\"></slot>\n        </div>\n        <slot name=\"toolbar\"></slot>\n      </div>\n\n      <div part=\"inner-container\" class=\"${prefix}--data-table_inner-container\">\n        <div part=\"content\" class=\"${prefix}--data-table-content\">\n          <slot\n            @cds-table-body-content-change=\"${this\n              ._handleTableBodyChange}\"></slot>\n        </div>\n      </div>`;\n  }\n\n  /**\n   * Adds isSortable value for table header cells.\n   */\n  _enableSortAction() {\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).isSelectable = this.isSelectable;\n      (e as CDSTableHeaderCell).isExpandable = this.expandable;\n    });\n    const columns = [...this._tableHeaderRow.children];\n    let sortDirection;\n    let columnIndex = 0;\n    columns.forEach((column, index) => {\n      if (\n        column.hasAttribute('sort-direction') &&\n        column.getAttribute('sort-direction') !== 'none'\n      ) {\n        sortDirection = column.getAttribute('sort-direction');\n        columnIndex = index;\n      }\n    });\n\n    columns.forEach((e, index) => {\n      if (index !== columnIndex && this.isSortable) {\n        e.setAttribute('sort-direction', 'none');\n      } else if (e.hasAttribute('is-sortable')) {\n        e.setAttribute('sort-direction', 'none');\n      }\n    });\n    this._handleSortAction(columnIndex, sortDirection);\n  }\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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"}
+{"version":3,"file":"table.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\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, 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?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\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 * @fires cds-table-header-cell-sort\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 * @fires cds-search input\n *   The name of the custom event fired during search bar input\n * @fires cds-table-change-selection-all\n *   The name of the custom event fired before header row is selected/unselected upon a user gesture.\n * @fires cds-table-row-change-selection\n *   The name of the custom event fired before a row is selected/unselected upon a user gesture.\n * @fires cds-table-batch-actions-cancel-clicked\n *   The name of the custom event fired after the Cancel button is clicked.\n * @fires cds-table-row-expando-toggled\n *   The name of the custom event fired after the expanded state of a row is toggled upon a user gesture.\n * @fires cds-table-row-selected\n *   The name of the custom event fired after a row has been selected.\n * @fires cds-table-row-all-selected\n *   The name of the custom event fired after all rows have been selected.\n * @fires cds-table-sorted\n *   The name of the custom event fired after the table has been sorted.\n * @fires cds-table-filtered\n *   The name of the custom event fired after the table has been filtered containing remaining rows.\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\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 rowText 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.toLowerCase()) < 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  /**\n   *  true if AI Labels are added in the rows\n   */\n  @property({ type: Boolean, attribute: 'with-row-ai-labels' })\n  withRowAILabels = false;\n\n  /**\n   *  true if slugs are added in the rows\n   *\n   * @deprecated remove in v12, use `with-row-ai-labels` instead\n   */\n  @property({ type: Boolean, attribute: 'with-row-slugs' })\n  withRowSlugs = false;\n\n  private _handleSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement).assignedNodes().some(\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      (node) => node.nodeType !== Node.TEXT_NODE || node!.textContent!.trim()\n    );\n    this.withHeader = hasContent;\n  }\n\n  private _handleTableBodyChange() {\n    // cds-table-head or cds-table-body may have changed\n    this._tableBody = this.querySelector(\n      (this.constructor as typeof CDSTable).selectorTableBody\n    );\n    this._tableExpandedRows = this.querySelectorAll(\n      (this.constructor as typeof CDSTable).selectorTableExpandedRows\n    );\n    this._tableRows = this.querySelectorAll(\n      (this.constructor as typeof CDSTable).selectorTableRow\n    );\n\n    // update any row dependant features\n    this.updateExpandable();\n  }\n\n  private _handleSortAction(columnIndex, sortDirection) {\n    const rows = [...this._tableRows];\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      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n      const sortedWithExpanded = [] as any;\n\n      rows.forEach((e) => {\n        const sortId = e.getAttribute('sort-id');\n        sortedWithExpanded.push(e);\n        // Only add the expanded row if it exists\n        if (mapping[sortId]) {\n          sortedWithExpanded.push(mapping[sortId]);\n        }\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\n  private _handleFilterRows() {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const unfilteredRows = [] as any;\n    forEach(this._tableRows, (elem) => {\n      let rowText = elem.textContent?.trim();\n      let filtered = this.filterRows(rowText as string, this._searchValue);\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n      (elem as any).filtered = filtered;\n\n      if (filtered && this.expandable) {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n        rowText = (elem as any).nextElementSibling.textContent?.trim();\n        filtered = this.filterRows(rowText as string, this._searchValue);\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n        (elem as any).filtered = filtered;\n      }\n\n      if (!filtered) {\n        unfilteredRows.push(elem);\n      }\n\n      if (this.isSelectable) {\n        const unfilteredSelectableLength = unfilteredRows.filter((elem) => {\n          return !elem.hasAttribute('disabled');\n        }).length;\n\n        const headerCheckbox = this._tableHeaderRow.shadowRoot\n          ?.querySelector(`${prefix}-checkbox`)\n          .shadowRoot.querySelector(`.${prefix}--checkbox`);\n\n        headerCheckbox.disabled = unfilteredSelectableLength === 0;\n      }\n\n      if (this.expandable) {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\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    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    const data = [] as any;\n\n    const elementsToArray = (elements) =>\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n    if (!this.contains(target as any)) {\n      return;\n    }\n\n    const columns = [...this._tableHeaderRow.children];\n    const columnIndex = columns.indexOf(target);\n\n    columns.forEach((e) => {\n      if (e !== target && this.isSortable) {\n        e.setAttribute('sort-direction', 'none');\n      } else if (e.hasAttribute('is-sortable')) {\n        e.setAttribute('sort-direction', 'none');\n      }\n    });\n\n    this._handleSortAction(columnIndex, sortDirection);\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\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 totalSelectableRows = [...this._tableRows].filter(\n      (elem) => !elem.hasAttribute('filtered') && !elem.hasAttribute('disabled')\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 === totalSelectableRows;\n    headerCheckbox.checked = Boolean(this._selectedRows.length);\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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 && !(elem as CDSTableRow).disabled) {\n        (elem as CDSTableRow).selected = selected;\n        if (this.radio) {\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          const radioButton = (elem as CDSTableRow).shadowRoot!.querySelector(\n            `${prefix}-radio-button`\n          ) as CDSRadioButton;\n          radioButton.checked = selected;\n        }\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  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\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\n    /**\n     * If using `with-row-slugs`, set `with-row-ai-labels` attribute to true so\n     * the styles are applied for slug as well\n     *\n     * remove in v12\n     */\n    if (this.withRowSlugs) {\n      this.setAttribute('with-rows-ai-labels', '');\n      this.withRowAILabels = true;\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  updateExpandable() {\n    const { selectorTableExpandedRows } = this.constructor as typeof CDSTable;\n\n    this._tableRows.forEach((e, index) => {\n      // Only set expandable=true if this row has an expanded row following it\n      const hasExpandedRow = e.nextElementSibling?.matches(\n        selectorTableExpandedRows\n      );\n      e.expandable = this.expandable && hasExpandedRow;\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  updated(changedProperties) {\n    if (changedProperties.has('expandable')) {\n      this.updateExpandable();\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      if (this.isSelectable) {\n        this._tableHeaderRow.setAttribute('selection-name', 'header');\n        this._tableRows.forEach((e, index) => {\n          if (!e.hasAttribute('selection-name')) {\n            e.setAttribute('selection-name', index);\n          }\n        });\n      }\n      this.headerCount++;\n    }\n\n    if (changedProperties.has('locale')) {\n      this.collator = new Intl.Collator(this.locale);\n    }\n    if (changedProperties.has('isSortable')) {\n      if (this.isSortable) {\n        this._enableSortAction();\n      }\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      if (this._tableHeaderRow) {\n        this._tableHeaderRow.hideCheckbox = this.radio;\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      const batchActions = this.querySelector(\n        (this.constructor as typeof CDSTable).selectorTableBatchActions\n      );\n      if (batchActions) {\n        batchActions.setAttribute('size', this.size);\n      }\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      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n      (tableBody as any).useZebraStyles = this.useZebraStyles;\n    }\n\n    if (this.withRowAILabels) {\n      this._tableHeaderRow.setAttribute('rows-with-ai-label', '');\n      this._tableRows.forEach((row) => {\n        row.setAttribute('rows-with-ai-label', '');\n      });\n    } else {\n      this._tableHeaderRow.removeAttribute('rows-with-ai-label');\n      this._tableRows.forEach((row) => {\n        row.removeAttribute('rows-with-ai-label');\n      });\n    }\n\n    // Gets table header info to add to the column cells for styles\n    const headersWithAILabel: number[] = [];\n\n    Array.prototype.slice\n      .call(this._tableHeaderRow.children)\n      .forEach((headerCell, index) => {\n        if (\n          headerCell.querySelector(`${prefix}-ai-label`) ||\n          headerCell.querySelector(`${prefix}-slug`)\n        ) {\n          headerCell.setAttribute('ai-label', '');\n          headersWithAILabel.push(index);\n        } else {\n          headerCell.removeAttribute('ai-label');\n        }\n      });\n\n    this._tableRows.forEach((row) => {\n      Array.prototype.slice\n        .call((row as HTMLElement).children)\n        .forEach((cell, index) => {\n          if (headersWithAILabel.includes(index)) {\n            cell.setAttribute('ai-label-in-header', '');\n          } else {\n            cell.removeAttribute('ai-label-in-header');\n          }\n        });\n    });\n  }\n\n  render() {\n    return html` <div class=\"${prefix}--data-table-header-container\">\n        <div ?hidden=\"${!this.withHeader}\" class=\"${prefix}--data-table-header\">\n          <slot @slotchange=\"${this._handleSlotChange}\" name=\"title\"></slot>\n          <slot\n            @slotchange=\"${this._handleSlotChange}\"\n            name=\"description\"></slot>\n        </div>\n        <slot name=\"toolbar\"></slot>\n      </div>\n\n      <div part=\"inner-container\" class=\"${prefix}--data-table_inner-container\">\n        <div part=\"content\" class=\"${prefix}--data-table-content\">\n          <slot\n            @cds-table-body-content-change=\"${this\n              ._handleTableBodyChange}\"></slot>\n        </div>\n      </div>`;\n  }\n\n  /**\n   * Adds isSortable value for table header cells.\n   */\n  _enableSortAction() {\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).isSelectable = this.isSelectable;\n      (e as CDSTableHeaderCell).isExpandable = this.expandable;\n    });\n    const columns = [...this._tableHeaderRow.children];\n    let sortDirection;\n    let columnIndex = 0;\n    columns.forEach((column, index) => {\n      if (\n        column.hasAttribute('sort-direction') &&\n        column.getAttribute('sort-direction') !== 'none'\n      ) {\n        sortDirection = column.getAttribute('sort-direction');\n        columnIndex = index;\n      }\n    });\n\n    columns.forEach((e, index) => {\n      if (index !== columnIndex && this.isSortable) {\n        e.setAttribute('sort-direction', 'none');\n      } else if (e.hasAttribute('is-sortable')) {\n        e.setAttribute('sort-direction', 'none');\n      }\n    });\n    this._handleSortAction(columnIndex, sortDirection);\n  }\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/date-picker/append-to-plugin.js

@@ -38,7 +38,7 @@ var append_to_plugin_default = (config) => (fp) => {
 		onPreCalendarPosition: handlePreCalendarPosition
 	};
 };
-
 //#endregion
 export { append_to_plugin_default as default };
+
 //# sourceMappingURL=append-to-plugin.js.map

package/es/components/date-picker/append-to-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"append-to-plugin.js","names":[],"sources":["../../../src/components/date-picker/append-to-plugin.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';\nimport { Plugin } from 'flatpickr/dist/types/options';\n\n/**\n * The configuration for the Flatpickr plugin to put the calendar dropdown in shadow DOM.\n */\nexport interface DatePickerAppendToPluginConfig {\n  /**\n   * The floating menu container.\n   */\n  appendTo: HTMLElement;\n}\n\n/**\n * @param config Plugin configuration.\n * @returns A Flatpickr plugin to put the calendar dropdown in shadow DOM.\n */\nexport default (config: DatePickerAppendToPluginConfig): Plugin =>\n  (fp: FlatpickrInstance) => {\n    /**\n     * Adjusts the floating meun position after Flatpicker sets it.\n     */\n    const handlePreCalendarPosition = async () => {\n      await Promise.resolve();\n      const {\n        calendarContainer,\n        config: fpConfig,\n        _positionElement: positionElement,\n      } = fp;\n      const { appendTo } = fpConfig;\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      const { top: containerTop } = appendTo!.getBoundingClientRect();\n      const { bottom: refBottom } = positionElement.getBoundingClientRect();\n      const isRtl =\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        appendTo!\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          .ownerDocument!.defaultView!.getComputedStyle(appendTo!)\n          .getPropertyValue('direction') === 'rtl';\n      calendarContainer.style.top = `${refBottom - containerTop}px`;\n      calendarContainer.style.left = !isRtl ? '0' : 'auto';\n      calendarContainer.style.right = !isRtl ? 'auto' : '0';\n    };\n\n    /**\n     * Registers this Flatpickr plugin.\n     *\n     */\n    const register = () => {\n      fp.loadedPlugins.push('carbonFlatpickrAppendToPlugin');\n    };\n\n    return {\n      appendTo: config.appendTo,\n      onReady: register,\n      onPreCalendarPosition: handlePreCalendarPosition,\n    };\n  };\n"],"mappings":";;;;;;;;;;;;AAwBA,gCAAgB,YACb,OAA0B;;;;CAIzB,MAAM,4BAA4B,YAAY;AAC5C,QAAM,QAAQ,SAAS;EACvB,MAAM,EACJ,mBACA,QAAQ,UACR,kBAAkB,oBAChB;EACJ,MAAM,EAAE,aAAa;EAErB,MAAM,EAAE,KAAK,iBAAiB,SAAU,uBAAuB;EAC/D,MAAM,EAAE,QAAQ,cAAc,gBAAgB,uBAAuB;EACrE,MAAM,QAEJ,SAEG,cAAe,YAAa,iBAAiB,SAAU,CACvD,iBAAiB,YAAY,KAAK;AACvC,oBAAkB,MAAM,MAAM,GAAG,YAAY,aAAa;AAC1D,oBAAkB,MAAM,OAAO,CAAC,QAAQ,MAAM;AAC9C,oBAAkB,MAAM,QAAQ,CAAC,QAAQ,SAAS;;;;;;CAOpD,MAAM,iBAAiB;AACrB,KAAG,cAAc,KAAK,gCAAgC;;AAGxD,QAAO;EACL,UAAU,OAAO;EACjB,SAAS;EACT,uBAAuB;EACxB"}
+{"version":3,"file":"append-to-plugin.js","names":[],"sources":["../../../src/components/date-picker/append-to-plugin.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Instance as FlatpickrInstance } from 'flatpickr/dist/types/instance';\nimport { Plugin } from 'flatpickr/dist/types/options';\n\n/**\n * The configuration for the Flatpickr plugin to put the calendar dropdown in shadow DOM.\n */\nexport interface DatePickerAppendToPluginConfig {\n  /**\n   * The floating menu container.\n   */\n  appendTo: HTMLElement;\n}\n\n/**\n * @param config Plugin configuration.\n * @returns A Flatpickr plugin to put the calendar dropdown in shadow DOM.\n */\nexport default (config: DatePickerAppendToPluginConfig): Plugin =>\n  (fp: FlatpickrInstance) => {\n    /**\n     * Adjusts the floating meun position after Flatpicker sets it.\n     */\n    const handlePreCalendarPosition = async () => {\n      await Promise.resolve();\n      const {\n        calendarContainer,\n        config: fpConfig,\n        _positionElement: positionElement,\n      } = fp;\n      const { appendTo } = fpConfig;\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      const { top: containerTop } = appendTo!.getBoundingClientRect();\n      const { bottom: refBottom } = positionElement.getBoundingClientRect();\n      const isRtl =\n        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n        appendTo!\n          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n          .ownerDocument!.defaultView!.getComputedStyle(appendTo!)\n          .getPropertyValue('direction') === 'rtl';\n      calendarContainer.style.top = `${refBottom - containerTop}px`;\n      calendarContainer.style.left = !isRtl ? '0' : 'auto';\n      calendarContainer.style.right = !isRtl ? 'auto' : '0';\n    };\n\n    /**\n     * Registers this Flatpickr plugin.\n     *\n     */\n    const register = () => {\n      fp.loadedPlugins.push('carbonFlatpickrAppendToPlugin');\n    };\n\n    return {\n      appendTo: config.appendTo,\n      onReady: register,\n      onPreCalendarPosition: handlePreCalendarPosition,\n    };\n  };\n"],"mappings":";;;;;;;;;;;;AAwBA,IAAA,4BAAgB,YACb,OAA0B;;;;CAIzB,MAAM,4BAA4B,YAAY;AAC5C,QAAM,QAAQ,SAAS;EACvB,MAAM,EACJ,mBACA,QAAQ,UACR,kBAAkB,oBAChB;EACJ,MAAM,EAAE,aAAa;EAErB,MAAM,EAAE,KAAK,iBAAiB,SAAU,uBAAuB;EAC/D,MAAM,EAAE,QAAQ,cAAc,gBAAgB,uBAAuB;EACrE,MAAM,QAEJ,SAEG,cAAe,YAAa,iBAAiB,SAAU,CACvD,iBAAiB,YAAY,KAAK;AACvC,oBAAkB,MAAM,MAAM,GAAG,YAAY,aAAa;AAC1D,oBAAkB,MAAM,OAAO,CAAC,QAAQ,MAAM;AAC9C,oBAAkB,MAAM,QAAQ,CAAC,QAAQ,SAAS;;;;;;CAOpD,MAAM,iBAAiB;AACrB,KAAG,cAAc,KAAK,gCAAgC;;AAGxD,QAAO;EACL,UAAU,OAAO;EACjB,SAAS;EACT,uBAAuB;EACxB"}