@carbon/web-components 2.55.0 → 2.56.0-rc.0

package/es/components/data-table/table-batch-actions.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2025
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/data-table/table-batch-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-batch-actions.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/table-batch-actions.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAMhD;;;;;;GAMG;AAEH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IACH,OAAO,CAAC,aAAa;IAQrB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IASxB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,wBAAwB,GAAI;;KAAS,YACc;IAEnD;;;OAGG;IAEH,iBAAiB,SAAK;IAEtB;;;;OAIG;IAEH,cAAc,SAAK;IAEnB;;OAEG;IAEH,IAAI,SAAQ;IAEZ,YAAY;IAKZ,OAAO,CAAC,oBAAoB;IAiC5B,OAAO,CAAC,iBAAiB,KAAA;IAUzB,OAAO,CAAC,cAAc;IAUtB,MAAM;IA6CN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"table-batch-actions.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/table-batch-actions.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAMhD;;;;;;GAMG;AAEH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IACH,OAAO,CAAC,aAAa;IAQrB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IASxB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,wBAAwB,GAAI;;KAAS,YACc;IAEnD;;;OAGG;IAEH,iBAAiB,SAAK;IAEtB;;;;OAIG;IAEH,cAAc,SAAK;IAEnB;;OAEG;IAEH,IAAI,SAAQ;IAEZ,YAAY;IAKZ,OAAO,CAAC,oBAAoB;IAiC5B,OAAO,CAAC,iBAAiB,KAAA;IAUzB,OAAO,CAAC,cAAc;IAStB,MAAM;IA2CN;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}

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

@@ -13,7 +13,7 @@ import { LitElement, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/data-table/table-batch-actions.ts
 /**
-* Copyright IBM Corp. 2019, 2025
+* Copyright IBM Corp. 2019, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
@@ -92,13 +92,11 @@ let CDSTableBatchActions = class CDSTableBatchActions extends LitElement {
 	_updateButtons() {
 		this.querySelectorAll(this.constructor.selectorButtons).forEach((button) => {
 			button.setAttribute("batch-action", "");
-			const buttonSize = this.size === "xs" || this.size === "sm" ? "sm" : "lg";
-			button.setAttribute("size", buttonSize);
+			button.setAttribute("size", this.size);
 		});
 	}
 	render() {
 		const { formatSelectedItemsCount, selectedRowsCount, totalRowsCount, _handleCancel: handleCancel, _handleSelectAll: handleSelectAll, size } = this;
-		const buttonSize = size === "xs" || size === "sm" ? "sm" : "lg";
 		return html`
       <div class="${"cds"}--batch-summary">
         <p class="${"cds"}--batch-summary__para">
@@ -120,7 +118,7 @@ let CDSTableBatchActions = class CDSTableBatchActions extends LitElement {
         <slot></slot>
         <cds-button
           kind="primary"
-          size="${buttonSize}"
+          size="${size}"
           class="${"cds"}--batch-summary__cancel"
           batch-action
           @click=${handleCancel}>

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

@@ -1 +1 @@
-{"version":3,"file":"table-batch-actions.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-batch-actions.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\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, nothing } 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 batch actions.\n *\n * @element cds-table-batch-actions\n * @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n * @fires cds-table-batch-actions-select-all-clicked - The custom event fired after the Select all button is clicked.\n */\n\n@customElement(`${prefix}-table-batch-actions`)\nclass CDSTableBatchActions extends LitElement {\n  /**\n   * Handles `click` event on the Cancel button.\n   */\n  private _handleCancel() {\n    const { eventClickCancel } = this\n      .constructor as typeof CDSTableBatchActions;\n    this.dispatchEvent(\n      new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n    );\n  }\n\n  /**\n   * Handles `click` event on the Select all button.\n   */\n  private _handleSelectAll() {\n    this.dispatchEvent(\n      new CustomEvent(CDSTableBatchActions.eventClickSelectAll, {\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  /**\n   * `true` if this batch actions bar should be active.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatSelectedItemsCount = ({ count }) =>\n    `${count} item${count <= 1 ? '' : 's'} selected`;\n\n  /**\n   * Numeric representation of the total number of items selected in a table.\n   * This number is used to derive the selection message.\n   */\n  @property({ type: Number, attribute: 'selected-rows-count' })\n  selectedRowsCount = 0;\n\n  /**\n   * Numeric representation of the total number of items in a table.\n   * This number is used in the select all button text\n   * This property controls the rendering of the Select all button\n   */\n  @property({ type: Number, attribute: 'total-rows-count' })\n  totalRowsCount = 0;\n\n  /**\n   * The table size.\n   */\n  @property({ reflect: true })\n  size = 'lg';\n\n  firstUpdated() {\n    this._updateButtons();\n    this._setupHoverListeners();\n  }\n\n  private _setupHoverListeners() {\n    const slot = this.shadowRoot?.querySelector('slot');\n    const cancelButton = this.shadowRoot?.querySelector(\n      `${prefix}-button.${prefix}--batch-summary__cancel`\n    ) as HTMLElement;\n\n    if (slot && cancelButton) {\n      const setupListeners = () => {\n        const buttons = slot.assignedElements();\n        const lastButton = buttons[buttons.length - 1] as HTMLElement;\n\n        if (lastButton) {\n          const handleEnter = () => {\n            cancelButton.style.setProperty('--divider-opacity', '0');\n          };\n\n          const handleLeave = () => {\n            cancelButton.style.setProperty('--divider-opacity', '1');\n          };\n\n          lastButton.removeEventListener('mouseenter', handleEnter);\n          lastButton.removeEventListener('mouseleave', handleLeave);\n\n          lastButton.addEventListener('mouseenter', handleEnter);\n          lastButton.addEventListener('mouseleave', handleLeave);\n        }\n      };\n\n      setupListeners();\n      slot.addEventListener('slotchange', setupListeners);\n    }\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('active')) {\n      this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n    }\n\n    if (changedProperties.has('size')) {\n      this._updateButtons();\n    }\n  }\n\n  private _updateButtons() {\n    this.querySelectorAll(\n      (this.constructor as typeof CDSTableBatchActions).selectorButtons\n    ).forEach((button) => {\n      button.setAttribute('batch-action', '');\n      const buttonSize = this.size === 'xs' || this.size === 'sm' ? 'sm' : 'lg';\n      button.setAttribute('size', buttonSize);\n    });\n  }\n\n  render() {\n    const {\n      formatSelectedItemsCount,\n      selectedRowsCount,\n      totalRowsCount,\n      _handleCancel: handleCancel,\n      _handleSelectAll: handleSelectAll,\n      size,\n    } = this;\n\n    const buttonSize = size === 'xs' || size === 'sm' ? 'sm' : 'lg';\n\n    return html`\n      <div class=\"${prefix}--batch-summary\">\n        <p class=\"${prefix}--batch-summary__para\">\n          ${formatSelectedItemsCount({ count: selectedRowsCount })}\n        </p>\n        ${totalRowsCount > 0\n          ? html`\n              <span class=\"${prefix}--batch-summary__divider\">|</span>\n              <button\n                class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__select-all\"\n                @click=${handleSelectAll}>\n                <slot name=\"select-all-button-content\"\n                  >Select all (${totalRowsCount})</slot\n                >\n              </button>\n            `\n          : nothing}\n      </div>\n\n      <div class=\"${prefix}--action-list\">\n        <slot></slot>\n        <cds-button\n          kind=\"primary\"\n          size=\"${buttonSize}\"\n          class=\"${prefix}--batch-summary__cancel\"\n          batch-action\n          @click=${handleCancel}>\n          <slot name=\"cancel-button-content\">Cancel</slot>\n        </cds-button>\n      </div>\n    `;\n  }\n\n  /**\n   * The CSS selector to find the action buttons.\n   */\n  static get selectorButtons() {\n    return `${prefix}-button`;\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 Select all button is clicked.\n   */\n  static get eventClickSelectAll() {\n    return `${prefix}-table-batch-actions-select-all-clicked`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableBatchActions;\n"],"mappings":"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"}
+{"version":3,"file":"table-batch-actions.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-batch-actions.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, nothing } 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 batch actions.\n *\n * @element cds-table-batch-actions\n * @fires cds-table-batch-actions-cancel-clicked - The custom event fired after the Cancel button is clicked.\n * @fires cds-table-batch-actions-select-all-clicked - The custom event fired after the Select all button is clicked.\n */\n\n@customElement(`${prefix}-table-batch-actions`)\nclass CDSTableBatchActions extends LitElement {\n  /**\n   * Handles `click` event on the Cancel button.\n   */\n  private _handleCancel() {\n    const { eventClickCancel } = this\n      .constructor as typeof CDSTableBatchActions;\n    this.dispatchEvent(\n      new CustomEvent(eventClickCancel, { bubbles: true, composed: true })\n    );\n  }\n\n  /**\n   * Handles `click` event on the Select all button.\n   */\n  private _handleSelectAll() {\n    this.dispatchEvent(\n      new CustomEvent(CDSTableBatchActions.eventClickSelectAll, {\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n\n  /**\n   * `true` if this batch actions bar should be active.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * The formatter for selected items. Should be changed upon the locale the UI is rendered with.\n   */\n  @property({ attribute: false })\n  formatSelectedItemsCount = ({ count }) =>\n    `${count} item${count <= 1 ? '' : 's'} selected`;\n\n  /**\n   * Numeric representation of the total number of items selected in a table.\n   * This number is used to derive the selection message.\n   */\n  @property({ type: Number, attribute: 'selected-rows-count' })\n  selectedRowsCount = 0;\n\n  /**\n   * Numeric representation of the total number of items in a table.\n   * This number is used in the select all button text\n   * This property controls the rendering of the Select all button\n   */\n  @property({ type: Number, attribute: 'total-rows-count' })\n  totalRowsCount = 0;\n\n  /**\n   * The table size.\n   */\n  @property({ reflect: true })\n  size = 'lg';\n\n  firstUpdated() {\n    this._updateButtons();\n    this._setupHoverListeners();\n  }\n\n  private _setupHoverListeners() {\n    const slot = this.shadowRoot?.querySelector('slot');\n    const cancelButton = this.shadowRoot?.querySelector(\n      `${prefix}-button.${prefix}--batch-summary__cancel`\n    ) as HTMLElement;\n\n    if (slot && cancelButton) {\n      const setupListeners = () => {\n        const buttons = slot.assignedElements();\n        const lastButton = buttons[buttons.length - 1] as HTMLElement;\n\n        if (lastButton) {\n          const handleEnter = () => {\n            cancelButton.style.setProperty('--divider-opacity', '0');\n          };\n\n          const handleLeave = () => {\n            cancelButton.style.setProperty('--divider-opacity', '1');\n          };\n\n          lastButton.removeEventListener('mouseenter', handleEnter);\n          lastButton.removeEventListener('mouseleave', handleLeave);\n\n          lastButton.addEventListener('mouseenter', handleEnter);\n          lastButton.addEventListener('mouseleave', handleLeave);\n        }\n      };\n\n      setupListeners();\n      slot.addEventListener('slotchange', setupListeners);\n    }\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('active')) {\n      this.setAttribute('tabindex', `${this.active ? '' : '-1'}`);\n    }\n\n    if (changedProperties.has('size')) {\n      this._updateButtons();\n    }\n  }\n\n  private _updateButtons() {\n    this.querySelectorAll(\n      (this.constructor as typeof CDSTableBatchActions).selectorButtons\n    ).forEach((button) => {\n      button.setAttribute('batch-action', '');\n      button.setAttribute('size', this.size);\n    });\n  }\n\n  render() {\n    const {\n      formatSelectedItemsCount,\n      selectedRowsCount,\n      totalRowsCount,\n      _handleCancel: handleCancel,\n      _handleSelectAll: handleSelectAll,\n      size,\n    } = this;\n\n    return html`\n      <div class=\"${prefix}--batch-summary\">\n        <p class=\"${prefix}--batch-summary__para\">\n          ${formatSelectedItemsCount({ count: selectedRowsCount })}\n        </p>\n        ${totalRowsCount > 0\n          ? html`\n              <span class=\"${prefix}--batch-summary__divider\">|</span>\n              <button\n                class=\"${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__select-all\"\n                @click=${handleSelectAll}>\n                <slot name=\"select-all-button-content\"\n                  >Select all (${totalRowsCount})</slot\n                >\n              </button>\n            `\n          : nothing}\n      </div>\n\n      <div class=\"${prefix}--action-list\">\n        <slot></slot>\n        <cds-button\n          kind=\"primary\"\n          size=\"${size}\"\n          class=\"${prefix}--batch-summary__cancel\"\n          batch-action\n          @click=${handleCancel}>\n          <slot name=\"cancel-button-content\">Cancel</slot>\n        </cds-button>\n      </div>\n    `;\n  }\n\n  /**\n   * The CSS selector to find the action buttons.\n   */\n  static get selectorButtons() {\n    return `${prefix}-button`;\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 Select all button is clicked.\n   */\n  static get eventClickSelectAll() {\n    return `${prefix}-table-batch-actions-select-all-clicked`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableBatchActions;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,uBAAA,MACM,6BAA6B,WAAW;;;;;;gBA4BnC;mCAMmB,EAAE,YAC5B,GAAG,MAAM,OAAO,SAAS,IAAI,KAAK,IAAI;2BAOpB;wBAQH;cAMV;;;;;CApDP,gBAAwB;EACtB,MAAM,EAAE,qBAAqB,KAC1B;AACH,OAAK,cACH,IAAI,YAAY,kBAAkB;GAAE,SAAS;GAAM,UAAU;GAAM,CAAC,CACrE;;;;;CAMH,mBAA2B;AACzB,OAAK,cACH,IAAI,YAAA,sBAAiC,qBAAqB;GACxD,SAAS;GACT,UAAU;GACX,CAAC,CACH;;CAqCH,eAAe;AACb,OAAK,gBAAgB;AACrB,OAAK,sBAAsB;;CAG7B,uBAA+B;EAC7B,MAAM,OAAO,KAAK,YAAY,cAAc,OAAO;EACnD,MAAM,eAAe,KAAK,YAAY,cACpC,wCACD;AAED,MAAI,QAAQ,cAAc;GACxB,MAAM,uBAAuB;IAC3B,MAAM,UAAU,KAAK,kBAAkB;IACvC,MAAM,aAAa,QAAQ,QAAQ,SAAS;AAE5C,QAAI,YAAY;KACd,MAAM,oBAAoB;AACxB,mBAAa,MAAM,YAAY,qBAAqB,IAAI;;KAG1D,MAAM,oBAAoB;AACxB,mBAAa,MAAM,YAAY,qBAAqB,IAAI;;AAG1D,gBAAW,oBAAoB,cAAc,YAAY;AACzD,gBAAW,oBAAoB,cAAc,YAAY;AAEzD,gBAAW,iBAAiB,cAAc,YAAY;AACtD,gBAAW,iBAAiB,cAAc,YAAY;;;AAI1D,mBAAgB;AAChB,QAAK,iBAAiB,cAAc,eAAe;;;CAIvD,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,SAAS,CACjC,MAAK,aAAa,YAAY,GAAG,KAAK,SAAS,KAAK,OAAO;AAG7D,MAAI,kBAAkB,IAAI,OAAO,CAC/B,MAAK,gBAAgB;;CAIzB,iBAAyB;AACvB,OAAK,iBACF,KAAK,YAA4C,gBACnD,CAAC,SAAS,WAAW;AACpB,UAAO,aAAa,gBAAgB,GAAG;AACvC,UAAO,aAAa,QAAQ,KAAK,KAAK;IACtC;;CAGJ,SAAS;EACP,MAAM,EACJ,0BACA,mBACA,gBACA,eAAe,cACf,kBAAkB,iBAClB,SACE;AAEJ,SAAO,IAAI;0BACY;0BACA;YACf,yBAAyB,EAAE,OAAO,mBAAmB,CAAC,CAAC;;UAEzD,iBAAiB,IACf,IAAI;mCACoB;;+BAEJ,QAAA,MAAe,iBAAA,MAAwB;yBAC9C,gBAAgB;;iCAER,eAAe;;;gBAIpC,QAAQ;;;0BAGO;;;;kBAIT,KAAK;yBACG;;mBAEP,aAAa;;;;;;;;;CAU9B,WAAW,kBAAkB;AAC3B,SAAO;;;;;CAMT,WAAW,mBAAmB;AAC5B,SAAO;;;;;CAMT,WAAW,sBAAsB;AAC/B,SAAO;;;gBAGOA;;;YAxJf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,UAAA,KAAA,EAAA;YAM1C,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,qBAAA,WAAA,4BAAA,KAAA,EAAA;YAQ9B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAuB,CAAC,CAAA,EAAA,qBAAA,WAAA,qBAAA,KAAA,EAAA;YAQ5D,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC,CAAA,EAAA,qBAAA,WAAA,kBAAA,KAAA,EAAA;YAMzD,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,QAAA,KAAA,EAAA;2DAxD7BC,cAAc,0BAAgC,CAAA,EAAA,qBAAA;AAuL/C,IAAA,8BAAe"}

package/es/components/data-table/table-toolbar-content.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2026
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.

package/es/components/data-table/table-toolbar-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-content.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/table-toolbar-content.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C;;OAEG;IAEH,eAAe,UAAS;IAExB;;OAEG;IAEH,IAAI,MAAC;IAEL,OAAO,CAAC,iBAAiB,KAAA;IAoBzB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"table-toolbar-content.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/table-toolbar-content.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAMvC;;;;GAIG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C;;OAEG;IAEH,eAAe,UAAS;IAExB;;OAEG;IAEH,IAAI,MAAC;IAEL,OAAO,CAAC,iBAAiB,KAAA;IAgBzB,MAAM;IAIN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC"}

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

@@ -13,7 +13,7 @@ import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
 //#region src/components/data-table/table-toolbar-content.ts
 /**
-* Copyright IBM Corp. 2019, 2023
+* Copyright IBM Corp. 2019, 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
@@ -32,7 +32,7 @@ let CDSTableToolbarContent = class CDSTableToolbarContent extends LitElement {
 		if (this.hasBatchActions) this.setAttribute("tabindex", "-1");
 		else this.removeAttribute("tabindex");
 		if (changedProperties.has("size")) [...this.children].forEach((e) => {
-			const size = this.size === "xs" ? "sm" : this.size === "md" || this.size === "xl" ? "lg" : this.size;
+			const size = this.size === "md" || this.size === "xl" ? "lg" : this.size;
 			e.setAttribute("size", size);
 		});
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar-content.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-toolbar-content.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 content.\n *\n * @element cds-table-toolbar-content\n */\n@customElement(`${prefix}-table-toolbar-content`)\nclass CDSTableToolbarContent extends LitElement {\n  /**\n   * `true` if this batch actions bar is active.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'has-batch-actions' })\n  hasBatchActions = false;\n\n  /**\n   * Table toolbar contents size\n   */\n  @property({ reflect: true })\n  size;\n\n  updated(changedProperties) {\n    if (this.hasBatchActions) {\n      this.setAttribute('tabindex', '-1');\n    } else {\n      this.removeAttribute('tabindex');\n    }\n\n    if (changedProperties.has('size')) {\n      [...this.children].forEach((e) => {\n        const size =\n          this.size === 'xs'\n            ? 'sm'\n            : this.size === 'md' || this.size === 'xl'\n              ? 'lg'\n              : this.size;\n        e.setAttribute('size', size);\n      });\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableToolbarContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,yBAAA,MACM,+BAA+B,WAAW;;;yBAK5B;;CAQlB,QAAQ,mBAAmB;AACzB,MAAI,KAAK,gBACP,MAAK,aAAa,YAAY,KAAK;MAEnC,MAAK,gBAAgB,WAAW;AAGlC,MAAI,kBAAkB,IAAI,OAAO,CAC/B,EAAC,GAAG,KAAK,SAAS,CAAC,SAAS,MAAM;GAChC,MAAM,OACJ,KAAK,SAAS,OACV,OACA,KAAK,SAAS,QAAQ,KAAK,SAAS,OAClC,OACA,KAAK;AACb,KAAE,aAAa,QAAQ,KAAK;IAC5B;;CAIN,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;YAjCf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAqB,CAAC,CAAA,EAAA,uBAAA,WAAA,mBAAA,KAAA,EAAA;YAM1E,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,QAAA,KAAA,EAAA;qCAX7BC,cAAc,4BAAkC,CAAA,EAAA,uBAAA;AAyCjD,IAAA,gCAAe"}
+{"version":3,"file":"table-toolbar-content.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-toolbar-content.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 } 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 content.\n *\n * @element cds-table-toolbar-content\n */\n@customElement(`${prefix}-table-toolbar-content`)\nclass CDSTableToolbarContent extends LitElement {\n  /**\n   * `true` if this batch actions bar is active.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'has-batch-actions' })\n  hasBatchActions = false;\n\n  /**\n   * Table toolbar contents size\n   */\n  @property({ reflect: true })\n  size;\n\n  updated(changedProperties) {\n    if (this.hasBatchActions) {\n      this.setAttribute('tabindex', '-1');\n    } else {\n      this.removeAttribute('tabindex');\n    }\n\n    if (changedProperties.has('size')) {\n      [...this.children].forEach((e) => {\n        const size =\n          this.size === 'md' || this.size === 'xl' ? 'lg' : this.size;\n        e.setAttribute('size', size);\n      });\n    }\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableToolbarContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,yBAAA,MACM,+BAA+B,WAAW;;;yBAK5B;;CAQlB,QAAQ,mBAAmB;AACzB,MAAI,KAAK,gBACP,MAAK,aAAa,YAAY,KAAK;MAEnC,MAAK,gBAAgB,WAAW;AAGlC,MAAI,kBAAkB,IAAI,OAAO,CAC/B,EAAC,GAAG,KAAK,SAAS,CAAC,SAAS,MAAM;GAChC,MAAM,OACJ,KAAK,SAAS,QAAQ,KAAK,SAAS,OAAO,OAAO,KAAK;AACzD,KAAE,aAAa,QAAQ,KAAK;IAC5B;;CAIN,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;YA7Bf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAqB,CAAC,CAAA,EAAA,uBAAA,WAAA,mBAAA,KAAA,EAAA;YAM1E,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,uBAAA,WAAA,QAAA,KAAA,EAAA;qCAX7BC,cAAc,4BAAkC,CAAA,EAAA,uBAAA;AAqCjD,IAAA,gCAAe"}

package/es/components/data-table/table.d.ts

@@ -174,6 +174,12 @@ declare class CDSTable extends CDSTable_base {
     withRowSlugs: boolean;
     private _handleSlotChange;
     private _handleTableBodyChange;
+    /**
+     * Normalizes table size to toolbar size.
+     * Toolbar only supports `xs`, `sm`, and `lg`.
+     * `md` and `xl` table sizes are mapped to `lg`.
+     */
+    private normalizeToolbarSize;
     private _handleSortAction;
     private _handleFilterRows;
     /**

package/es/components/data-table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/table.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/table.ts"],"names":[],"mappings":"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"}

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

@@ -205,6 +205,15 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 		this._tableRows = this.querySelectorAll(this.constructor.selectorTableRow);
 		this.updateExpandable();
 	}
+	/**
+	* Normalizes table size to toolbar size.
+	* Toolbar only supports `xs`, `sm`, and `lg`.
+	* `md` and `xl` table sizes are mapped to `lg`.
+	*/
+	normalizeToolbarSize(size) {
+		if (size === "xs" || size === "sm") return size;
+		return "lg";
+	}
 	_handleSortAction(columnIndex, sortDirection) {
 		const rows = [...this._tableRows];
 		rows.sort((a, b) => {
@@ -356,9 +365,10 @@ let CDSTable = class CDSTable extends HostListenerMixin(LitElement) {
 			forEach(this.querySelectorAll(this.constructor.selectorAllRows), (elem) => {
 				elem.setAttribute("size", this.size);
 			});
-			this._tableToolbar?.setAttribute("size", this.size);
+			const normalizedSize = this.normalizeToolbarSize(this.size);
+			this._tableToolbar?.setAttribute("size", normalizedSize);
 			const batchActions = this.querySelector(this.constructor.selectorTableBatchActions);
-			if (batchActions) batchActions.setAttribute("size", this.size);
+			if (batchActions) batchActions.setAttribute("size", normalizedSize);
 		}
 		if (changedProperties.has("useZebraStyles")) {
 			const tableBody = this.querySelector(this.constructor.selectorTableBody);

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  /**\n   * Normalizes table size to toolbar size.\n   * Toolbar only supports `xs`, `sm`, and `lg`.\n   * `md` and `xl` table sizes are mapped to `lg`.\n   */\n  private normalizeToolbarSize(size: TABLE_SIZE) {\n    if (size === TABLE_SIZE.XS || size === TABLE_SIZE.SM) return size;\n    return 'lg';\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      const normalizedSize = this.normalizeToolbarSize(this.size);\n      this._tableToolbar?.setAttribute('size', normalizedSize);\n      const batchActions = this.querySelector(\n        (this.constructor as typeof CDSTable).selectorTableBatchActions\n      );\n      if (batchActions) {\n        batchActions.setAttribute('size', normalizedSize);\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/fluid-form/fluid-form.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from "lit";
 //#region src/components/fluid-form/fluid-form.scss?lit
-var fluid_form_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-fluid-form) input:-webkit-autofill,:host(cds-fluid-form) input:-webkit-autofill:focus,:host(cds-fluid-form) input:-webkit-autofill:hover,:host(cds-fluid-form) textarea:-webkit-autofill,:host(cds-fluid-form) textarea:-webkit-autofill:focus,:host(cds-fluid-form) textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}:host(cds-fluid-form) .cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}:host(cds-fluid-form) .cds--fieldset *,:host(cds-fluid-form) .cds--fieldset :after,:host(cds-fluid-form) .cds--fieldset :before{box-sizing:inherit}:host(cds-fluid-form) .cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}:host(cds-fluid-form) .cds--label html{font-size:100%}:host(cds-fluid-form) .cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:host(cds-fluid-form) .cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}:host(cds-fluid-form) .cds--label strong{font-weight:600}:host(cds-fluid-form) .cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}:host(cds-fluid-form) .cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}:host(cds-fluid-form) .cds--label--no-margin{margin-block-end:0}:host(cds-fluid-form) .cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger *,:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger :after,:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}:host(cds-fluid-form) .cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}:host(cds-fluid-form) .cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}:host(cds-fluid-form) .cds--label.cds--skeleton:active,:host(cds-fluid-form) .cds--label.cds--skeleton:focus,:host(cds-fluid-form) .cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}:host(cds-fluid-form) .cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-fluid-form) .cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-fluid-form) .cds--label.cds--skeleton{background:CanvasText}:host(cds-fluid-form) .cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}:host(cds-fluid-form) .cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}:host(cds-fluid-form) input[type=number],:host(cds-fluid-form) input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}:host(cds-fluid-form) .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),:host(cds-fluid-form) .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),:host(cds-fluid-form) .cds--number[data-invalid] input[type=number]:not(:focus),:host(cds-fluid-form) .cds--number[data-invalid] input[type=text]:not(:focus),:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),:host(cds-fluid-form) input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-fluid-form) .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),:host(cds-fluid-form) .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),:host(cds-fluid-form) .cds--number[data-invalid] input[type=number]:not(:focus),:host(cds-fluid-form) .cds--number[data-invalid] input[type=text]:not(:focus),:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),:host(cds-fluid-form) input[data-invalid]:not(:focus){outline-style:dotted}}:host(cds-fluid-form) .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--date-picker-input__wrapper--warn~.cds--form-requirement,:host(cds-fluid-form) .cds--date-picker-input__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--list-box--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--list-box[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--number__input-wrapper--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-area__wrapper--warn~.cds--form-requirement,:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}:host(cds-fluid-form) .cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}:host(cds-fluid-form) .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--date-picker-input__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--list-box[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-fluid-form) .cds--form--fluid .cds--text-input__field-wrapper--warning,:host(cds-fluid-form) .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}:host(cds-fluid-form) .cds--form--fluid input[data-invalid]{outline:none}:host(cds-fluid-form) .cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}:host(cds-fluid-form) input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}:host(cds-fluid-form) .cds--form-requirement html{font-size:100%}:host(cds-fluid-form) .cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:host(cds-fluid-form) .cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}:host(cds-fluid-form) .cds--form-requirement strong{font-weight:600}:host(cds-fluid-form) .cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}:host(cds-fluid-form) .cds--select--inline .cds--form__helper-text{margin-block-start:0}:host(cds-fluid-form) .cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}:host(cds-fluid-form) .cds--form__helper-text--disabled,:host(cds-fluid-form) .cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-fluid-form) fieldset[disabled] .cds--form__helper-text,:host(cds-fluid-form) fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-fluid-form[in-modal]){--cds-field:var(--cds-field-01)}:host(cds-fluid-form[in-modal]) .cds--form--fluid{margin-inline:-2rem}"]);
+var fluid_form_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}.cds--label html{font-size:100%}.cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-fluid-form) input:-webkit-autofill,:host(cds-fluid-form) input:-webkit-autofill:focus,:host(cds-fluid-form) input:-webkit-autofill:hover,:host(cds-fluid-form) textarea:-webkit-autofill,:host(cds-fluid-form) textarea:-webkit-autofill:focus,:host(cds-fluid-form) textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}:host(cds-fluid-form) .cds--fieldset{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}:host(cds-fluid-form) .cds--fieldset *,:host(cds-fluid-form) .cds--fieldset :after,:host(cds-fluid-form) .cds--fieldset :before{box-sizing:inherit}:host(cds-fluid-form) .cds--form-item{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);line-height:var(--cds-body-compact-01-line-height,1.28572);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}:host(cds-fluid-form) .cds--label html{font-size:100%}:host(cds-fluid-form) .cds--label body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:host(cds-fluid-form) .cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}:host(cds-fluid-form) .cds--label strong{font-weight:600}:host(cds-fluid-form) .cds--label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px);display:inline-block;color:var(--cds-text-secondary,#525252);font-weight:400;line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}:host(cds-fluid-form) .cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}:host(cds-fluid-form) .cds--label--no-margin{margin-block-end:0}:host(cds-fluid-form) .cds--label+.cds--tooltip{position:relative;inset-block-start:.2rem;inset-inline-start:.5rem}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;text-align:start;inline-size:100%;box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger *,:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger :after,:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger{display:flex;align-items:center;justify-content:center;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}:host(cds-fluid-form) .cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}:host(cds-fluid-form) .cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}:host(cds-fluid-form) .cds--label.cds--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-background,#e8e8e8);box-shadow:none;pointer-events:none}:host(cds-fluid-form) .cds--label.cds--skeleton:active,:host(cds-fluid-form) .cds--label.cds--skeleton:focus,:host(cds-fluid-form) .cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}:host(cds-fluid-form) .cds--label.cds--skeleton:before{position:absolute;animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){:host(cds-fluid-form) .cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){:host(cds-fluid-form) .cds--label.cds--skeleton{background:CanvasText}:host(cds-fluid-form) .cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}:host(cds-fluid-form) .cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}:host(cds-fluid-form) input[type=number],:host(cds-fluid-form) input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}:host(cds-fluid-form) .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),:host(cds-fluid-form) .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),:host(cds-fluid-form) .cds--number[data-invalid] input[type=number]:not(:focus),:host(cds-fluid-form) .cds--number[data-invalid] input[type=text]:not(:focus),:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),:host(cds-fluid-form) input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-fluid-form) .cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),:host(cds-fluid-form) .cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),:host(cds-fluid-form) .cds--number[data-invalid] input[type=number]:not(:focus),:host(cds-fluid-form) .cds--number[data-invalid] input[type=text]:not(:focus),:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),:host(cds-fluid-form) input[data-invalid]:not(:focus){outline-style:dotted}}:host(cds-fluid-form) .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--date-picker-input__wrapper--warn~.cds--form-requirement,:host(cds-fluid-form) .cds--date-picker-input__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--list-box--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--list-box[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--number__input-wrapper--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-area__wrapper--warn~.cds--form-requirement,:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker--warning~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) input[data-invalid]~.cds--form-requirement{display:block;overflow:visible;font-weight:400;max-block-size:12.5rem}:host(cds-fluid-form) .cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;overflow:visible;margin:0;inline-size:100%;margin-block-end:0;max-block-size:100%;padding-inline-start:.5rem}:host(cds-fluid-form) .cds--date-picker-input__wrapper--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--date-picker-input__wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--list-box[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--select-input__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-area__wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker--invalid~.cds--form-requirement,:host(cds-fluid-form) .cds--time-picker[data-invalid]~.cds--form-requirement,:host(cds-fluid-form) input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}:host(cds-fluid-form) .cds--form--fluid .cds--text-input__field-wrapper--warning,:host(cds-fluid-form) .cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}:host(cds-fluid-form) .cds--form--fluid input[data-invalid]{outline:none}:host(cds-fluid-form) .cds--form--fluid .cds--form-requirement{padding:.5rem 2.5rem .5rem 1rem;margin:0}:host(cds-fluid-form) input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}:host(cds-fluid-form) .cds--form-requirement html{font-size:100%}:host(cds-fluid-form) .cds--form-requirement body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:host(cds-fluid-form) .cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}:host(cds-fluid-form) .cds--form-requirement strong{font-weight:600}:host(cds-fluid-form) .cds--form-requirement{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);display:none;overflow:hidden;margin:.25rem 0 0;max-block-size:0;overflow-wrap:break-word;word-break:break-word}:host(cds-fluid-form) .cds--select--inline .cds--form__helper-text{margin-block-start:0}:host(cds-fluid-form) .cds--form__helper-text{font-size:var(--cds-helper-text-01-font-size,.75rem);line-height:var(--cds-helper-text-01-line-height,1.33333);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);z-index:0;color:var(--cds-text-helper,#6f6f6f);inline-size:100%;margin-block-start:.25rem;opacity:1}:host(cds-fluid-form) .cds--form__helper-text--disabled,:host(cds-fluid-form) .cds--label--disabled{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-fluid-form) fieldset[disabled] .cds--form__helper-text,:host(cds-fluid-form) fieldset[disabled] .cds--label{color:var(--cds-text-disabled,rgba(22,22,22,.25))}:host(cds-fluid-form[in-modal]){--cds-field:var(--cds-field-01)}:host(cds-fluid-form[in-modal]) .cds--form--fluid{margin-inline:-1rem}"]);
 //#endregion
 export { fluid_form_default as default };
 

package/es/components/fluid-form/fluid-form.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"fluid-form.scss.js","names":[],"sources":["../../../src/components/fluid-form/fluid-form.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 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\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/components/form';\n\n:host(#{$prefix}-fluid-form) {\n  @include form.form;\n}\n\n:host(#{$prefix}-fluid-form[in-modal]) {\n  --cds-field: var(--cds-field-01);\n\n  .#{$prefix}--form--fluid {\n    margin-inline: -$spacing-05 - $spacing-05;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"fluid-form.scss.js","names":[],"sources":["../../../src/components/fluid-form/fluid-form.scss?lit"],"sourcesContent":["//\n// Copyright IBM Corp. 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\n$css--plex: true !default;\n\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/components/form';\n\n:host(#{$prefix}-fluid-form) {\n  @include form.form;\n}\n\n:host(#{$prefix}-fluid-form[in-modal]) {\n  --cds-field: var(--cds-field-01);\n\n  .#{$prefix}--form--fluid {\n    margin-inline: -$spacing-03 - $spacing-03;\n  }\n}\n"],"mappings":""}