@carbon/web-components 2.52.0 → 2.53.0

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

@@ -70,20 +70,20 @@ let TABLE_SORT_CYCLE = /* @__PURE__ */ function(TABLE_SORT_CYCLE) {
 * Mapping of table sort cycles to table sort states.
 */
 const TABLE_SORT_CYCLES = {
-	[TABLE_SORT_CYCLE.BI_STATES_FROM_ASCENDING]: [TABLE_SORT_DIRECTION.ASCENDING, TABLE_SORT_DIRECTION.DESCENDING],
-	[TABLE_SORT_CYCLE.BI_STATES_FROM_DESCENDING]: [TABLE_SORT_DIRECTION.DESCENDING, TABLE_SORT_DIRECTION.ASCENDING],
-	[TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING]: [
-		TABLE_SORT_DIRECTION.NONE,
-		TABLE_SORT_DIRECTION.ASCENDING,
-		TABLE_SORT_DIRECTION.DESCENDING
+	["bi-states-from-ascending"]: ["ascending", "descending"],
+	["bi-states-from-descending"]: ["descending", "ascending"],
+	["tri-states-from-ascending"]: [
+		"none",
+		"ascending",
+		"descending"
 	],
-	[TABLE_SORT_CYCLE.TRI_STATES_FROM_DESCENDING]: [
-		TABLE_SORT_DIRECTION.NONE,
-		TABLE_SORT_DIRECTION.DESCENDING,
-		TABLE_SORT_DIRECTION.ASCENDING
+	["tri-states-from-descending"]: [
+		"none",
+		"descending",
+		"ascending"
 	]
 };
-
 //#endregion
 export { TABLE_SIZE, TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };
+
 //# sourceMappingURL=defs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/data-table/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Table size.\n */\nexport enum TABLE_SIZE {\n  /**\n   * xs size.\n   */\n  XS = 'xs',\n\n  /**\n   * sm size.\n   */\n  SM = 'sm',\n\n  /**\n   * md size.\n   */\n  MD = 'md',\n\n  /**\n   * lg size - default.\n   */\n  LG = 'lg',\n\n  /**\n   * xl size.\n   */\n  XL = 'xl',\n}\n\n/**\n * Table sort state.\n */\nexport enum TABLE_SORT_DIRECTION {\n  /**\n   * Not sorted.\n   */\n  NONE = 'none',\n\n  /**\n   * Sorted ascendingly.\n   */\n  ASCENDING = 'ascending',\n\n  /**\n   * Sorted descendingly.\n   */\n  DESCENDING = 'descending',\n}\n\n/**\n * Table sort cycle.\n */\nexport enum TABLE_SORT_CYCLE {\n  BI_STATES_FROM_ASCENDING = 'bi-states-from-ascending',\n  BI_STATES_FROM_DESCENDING = 'bi-states-from-descending',\n  TRI_STATES_FROM_ASCENDING = 'tri-states-from-ascending',\n  TRI_STATES_FROM_DESCENDING = 'tri-states-from-descending',\n}\n\n/**\n * Mapping of table sort cycles to table sort states.\n */\nexport const TABLE_SORT_CYCLES = {\n  [TABLE_SORT_CYCLE.BI_STATES_FROM_ASCENDING]: [\n    TABLE_SORT_DIRECTION.ASCENDING,\n    TABLE_SORT_DIRECTION.DESCENDING,\n  ],\n  [TABLE_SORT_CYCLE.BI_STATES_FROM_DESCENDING]: [\n    TABLE_SORT_DIRECTION.DESCENDING,\n    TABLE_SORT_DIRECTION.ASCENDING,\n  ],\n  [TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING]: [\n    TABLE_SORT_DIRECTION.NONE,\n    TABLE_SORT_DIRECTION.ASCENDING,\n    TABLE_SORT_DIRECTION.DESCENDING,\n  ],\n  [TABLE_SORT_CYCLE.TRI_STATES_FROM_DESCENDING]: [\n    TABLE_SORT_DIRECTION.NONE,\n    TABLE_SORT_DIRECTION.DESCENDING,\n    TABLE_SORT_DIRECTION.ASCENDING,\n  ],\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,kDAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;AAKA;;;;AAKA;;;;;;AAMF,IAAY,sEAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;;;AAMF,IAAY,8DAAL;AACL;AACA;AACA;AACA;;;;;;AAMF,MAAa,oBAAoB;EAC9B,iBAAiB,2BAA2B,CAC3C,qBAAqB,WACrB,qBAAqB,WACtB;EACA,iBAAiB,4BAA4B,CAC5C,qBAAqB,YACrB,qBAAqB,UACtB;EACA,iBAAiB,4BAA4B;EAC5C,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACtB;EACA,iBAAiB,6BAA6B;EAC7C,qBAAqB;EACrB,qBAAqB;EACrB,qBAAqB;EACtB;CACF"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/data-table/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Table size.\n */\nexport enum TABLE_SIZE {\n  /**\n   * xs size.\n   */\n  XS = 'xs',\n\n  /**\n   * sm size.\n   */\n  SM = 'sm',\n\n  /**\n   * md size.\n   */\n  MD = 'md',\n\n  /**\n   * lg size - default.\n   */\n  LG = 'lg',\n\n  /**\n   * xl size.\n   */\n  XL = 'xl',\n}\n\n/**\n * Table sort state.\n */\nexport enum TABLE_SORT_DIRECTION {\n  /**\n   * Not sorted.\n   */\n  NONE = 'none',\n\n  /**\n   * Sorted ascendingly.\n   */\n  ASCENDING = 'ascending',\n\n  /**\n   * Sorted descendingly.\n   */\n  DESCENDING = 'descending',\n}\n\n/**\n * Table sort cycle.\n */\nexport enum TABLE_SORT_CYCLE {\n  BI_STATES_FROM_ASCENDING = 'bi-states-from-ascending',\n  BI_STATES_FROM_DESCENDING = 'bi-states-from-descending',\n  TRI_STATES_FROM_ASCENDING = 'tri-states-from-ascending',\n  TRI_STATES_FROM_DESCENDING = 'tri-states-from-descending',\n}\n\n/**\n * Mapping of table sort cycles to table sort states.\n */\nexport const TABLE_SORT_CYCLES = {\n  [TABLE_SORT_CYCLE.BI_STATES_FROM_ASCENDING]: [\n    TABLE_SORT_DIRECTION.ASCENDING,\n    TABLE_SORT_DIRECTION.DESCENDING,\n  ],\n  [TABLE_SORT_CYCLE.BI_STATES_FROM_DESCENDING]: [\n    TABLE_SORT_DIRECTION.DESCENDING,\n    TABLE_SORT_DIRECTION.ASCENDING,\n  ],\n  [TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING]: [\n    TABLE_SORT_DIRECTION.NONE,\n    TABLE_SORT_DIRECTION.ASCENDING,\n    TABLE_SORT_DIRECTION.DESCENDING,\n  ],\n  [TABLE_SORT_CYCLE.TRI_STATES_FROM_DESCENDING]: [\n    TABLE_SORT_DIRECTION.NONE,\n    TABLE_SORT_DIRECTION.DESCENDING,\n    TABLE_SORT_DIRECTION.ASCENDING,\n  ],\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,aAAL,yBAAA,YAAA;;;;AAIL,YAAA,QAAA;;;;AAKA,YAAA,QAAA;;;;AAKA,YAAA,QAAA;;;;AAKA,YAAA,QAAA;;;;AAKA,YAAA,QAAA;;KACD;;;;AAKD,IAAY,uBAAL,yBAAA,sBAAA;;;;AAIL,sBAAA,UAAA;;;;AAKA,sBAAA,eAAA;;;;AAKA,sBAAA,gBAAA;;KACD;;;;AAKD,IAAY,mBAAL,yBAAA,kBAAA;AACL,kBAAA,8BAAA;AACA,kBAAA,+BAAA;AACA,kBAAA,+BAAA;AACA,kBAAA,gCAAA;;KACD;;;;AAKD,MAAa,oBAAoB;+BACc,CAAA,aAAA,aAG5C;gCAC6C,CAAA,cAAA,YAG7C;gCAC6C;;;;EAI7C;iCAC8C;;;;EAI9C;CACF"}

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

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/data-table/table-batch-actions.ts
 /**
 * Copyright IBM Corp. 2019, 2025
@@ -64,7 +63,7 @@ let CDSTableBatchActions = class CDSTableBatchActions extends LitElement {
 	}
 	_setupHoverListeners() {
 		const slot = this.shadowRoot?.querySelector("slot");
-		const cancelButton = this.shadowRoot?.querySelector(`${prefix}-button.${prefix}--batch-summary__cancel`);
+		const cancelButton = this.shadowRoot?.querySelector(`cds-button.cds--batch-summary__cancel`);
 		if (slot && cancelButton) {
 			const setupListeners = () => {
 				const buttons = slot.assignedElements();
@@ -101,14 +100,14 @@ let CDSTableBatchActions = class CDSTableBatchActions extends LitElement {
 		const { formatSelectedItemsCount, selectedRowsCount, totalRowsCount, _handleCancel: handleCancel, _handleSelectAll: handleSelectAll, size } = this;
 		const buttonSize = size === "xs" || size === "sm" ? "sm" : "lg";
 		return html`
-      <div class="${prefix}--batch-summary">
-        <p class="${prefix}--batch-summary__para">
+      <div class="${"cds"}--batch-summary">
+        <p class="${"cds"}--batch-summary__para">
           ${formatSelectedItemsCount({ count: selectedRowsCount })}
         </p>
         ${totalRowsCount > 0 ? html`
-              <span class="${prefix}--batch-summary__divider">|</span>
+              <span class="${"cds"}--batch-summary__divider">|</span>
               <button
-                class="${prefix}--btn ${prefix}--btn--primary ${prefix}--batch-summary__select-all"
+                class="${"cds"}--btn ${"cds"}--btn--primary ${"cds"}--batch-summary__select-all"
                 @click=${handleSelectAll}>
                 <slot name="select-all-button-content"
                   >Select all (${totalRowsCount})</slot
@@ -117,12 +116,12 @@ let CDSTableBatchActions = class CDSTableBatchActions extends LitElement {
             ` : nothing}
       </div>
 
-      <div class="${prefix}--action-list">
+      <div class="${"cds"}--action-list">
         <slot></slot>
         <cds-button
           kind="primary"
           size="${buttonSize}"
-          class="${prefix}--batch-summary__cancel"
+          class="${"cds"}--batch-summary__cancel"
           batch-action
           @click=${handleCancel}>
           <slot name="cancel-button-content">Cancel</slot>
@@ -134,19 +133,19 @@ let CDSTableBatchActions = class CDSTableBatchActions extends LitElement {
 	* The CSS selector to find the action buttons.
 	*/
 	static get selectorButtons() {
-		return `${prefix}-button`;
+		return `cds-button`;
 	}
 	/**
 	* The name of the custom event fired after the Cancel button is clicked.
 	*/
 	static get eventClickCancel() {
-		return `${prefix}-table-batch-actions-cancel-clicked`;
+		return `cds-table-batch-actions-cancel-clicked`;
 	}
 	/**
 	* The name of the custom event fired after the Select all button is clicked.
 	*/
 	static get eventClickSelectAll() {
-		return `${prefix}-table-batch-actions-select-all-clicked`;
+		return `cds-table-batch-actions-select-all-clicked`;
 	}
 	static {
 		this.styles = data_table_default;
@@ -166,9 +165,9 @@ __decorate([property({
 	attribute: "total-rows-count"
 })], CDSTableBatchActions.prototype, "totalRowsCount", void 0);
 __decorate([property({ reflect: true })], CDSTableBatchActions.prototype, "size", void 0);
-CDSTableBatchActions = _CDSTableBatchActions = __decorate([carbonElement(`${prefix}-table-batch-actions`)], CDSTableBatchActions);
+CDSTableBatchActions = _CDSTableBatchActions = __decorate([carbonElement(`cds-table-batch-actions`)], CDSTableBatchActions);
 var table_batch_actions_default = CDSTableBatchActions;
-
 //#endregion
 export { table_batch_actions_default as default };
+
 //# sourceMappingURL=table-batch-actions.js.map

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,iCACM,6BAA6B,WAAW;;;;;;gBA4BnC;mCAMmB,EAAE,YAC5B,GAAG,MAAM,OAAO,SAAS,IAAI,KAAK,IAAI;2BAOpB;wBAQH;cAMV;;;;;CApDP,AAAQ,gBAAgB;EACtB,MAAM,EAAE,qBAAqB,KAC1B;AACH,OAAK,cACH,IAAI,YAAY,kBAAkB;GAAE,SAAS;GAAM,UAAU;GAAM,CAAC,CACrE;;;;;CAMH,AAAQ,mBAAmB;AACzB,OAAK,cACH,IAAI,kCAAiC,qBAAqB;GACxD,SAAS;GACT,UAAU;GACX,CAAC,CACH;;CAqCH,eAAe;AACb,OAAK,gBAAgB;AACrB,OAAK,sBAAsB;;CAG7B,AAAQ,uBAAuB;EAC7B,MAAM,OAAO,KAAK,YAAY,cAAc,OAAO;EACnD,MAAM,eAAe,KAAK,YAAY,cACpC,GAAG,OAAO,UAAU,OAAO,yBAC5B;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,AAAQ,iBAAiB;AACvB,OAAK,iBACF,KAAK,YAA4C,gBACnD,CAAC,SAAS,WAAW;AACpB,UAAO,aAAa,gBAAgB,GAAG;GACvC,MAAM,aAAa,KAAK,SAAS,QAAQ,KAAK,SAAS,OAAO,OAAO;AACrE,UAAO,aAAa,QAAQ,WAAW;IACvC;;CAGJ,SAAS;EACP,MAAM,EACJ,0BACA,mBACA,gBACA,eAAe,cACf,kBAAkB,iBAClB,SACE;EAEJ,MAAM,aAAa,SAAS,QAAQ,SAAS,OAAO,OAAO;AAE3D,SAAO,IAAI;oBACK,OAAO;oBACP,OAAO;YACf,yBAAyB,EAAE,OAAO,mBAAmB,CAAC,CAAC;;UAEzD,iBAAiB,IACf,IAAI;6BACa,OAAO;;yBAEX,OAAO,QAAQ,OAAO,iBAAiB,OAAO;yBAC9C,gBAAgB;;iCAER,eAAe;;;gBAIpC,QAAQ;;;oBAGA,OAAO;;;;kBAIT,WAAW;mBACV,OAAO;;mBAEP,aAAa;;;;;;;;;CAU9B,WAAW,kBAAkB;AAC3B,SAAO,GAAG,OAAO;;;;;CAMnB,WAAW,mBAAmB;AAC5B,SAAO,GAAG,OAAO;;;;;CAMnB,WAAW,sBAAsB;AAC/B,SAAO,GAAG,OAAO;;;gBAGHA;;;YA3Jf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,WAAW,OAAO,CAAC;YAQ9B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAuB,CAAC;YAQ5D,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAoB,CAAC;YAMzD,SAAS,EAAE,SAAS,MAAM,CAAC;2DAxD7BC,cAAc,GAAG,OAAO,sBAAsB;AA0L/C,kCAAe"}
+{"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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"}

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

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
 import { property, query } from "lit/decorators.js";
-
 //#region src/components/data-table/table-body.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -64,7 +63,7 @@ let CDSTableBody = class CDSTableBody extends LitElement {
 	* The name of the custom event fired after the body slot content changes
 	*/
 	static get eventTableBodyContentChange() {
-		return `${prefix}-table-body-content-change`;
+		return `cds-table-body-content-change`;
 	}
 	static {
 		this.styles = data_table_default;
@@ -76,9 +75,9 @@ __decorate([property({
 	reflect: true,
 	attribute: "use-zebra-styles"
 })], CDSTableBody.prototype, "useZebraStyles", void 0);
-CDSTableBody = __decorate([carbonElement(`${prefix}-table-body`)], CDSTableBody);
+CDSTableBody = __decorate([carbonElement(`cds-table-body`)], CDSTableBody);
 var table_body_default = CDSTableBody;
-
 //#endregion
 export { table_body_default as default };
+
 //# sourceMappingURL=table-body.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-body.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-body.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, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSTableRow from './table-row';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Data table body.\n *\n * @element cds-table-body\n */\n@customElement(`${prefix}-table-body`)\nclass CDSTableBody extends LitElement {\n  /**\n   * The `<slot>` element in the shadow DOM.\n   */\n  @query('slot')\n  private _slotNode!: HTMLSlotElement;\n\n  /**\n   * Updates `even`/`odd` properties of the child `<cds-table-row>`s.\n   */\n  private _updateZebra() {\n    const { useZebraStyles, _slotNode: slotNode } = this;\n    slotNode.assignedNodes().forEach((node) => {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const even = (node as HTMLElement).matches('*:nth-of-type(even)');\n        (node as CDSTableRow).even = useZebraStyles && even;\n        (node as CDSTableRow).odd = useZebraStyles && !even;\n      }\n    });\n  }\n\n  /**\n   * Handles `slotchange` event in the `<slot>` element in the shadow DOM.\n   */\n  private _handleSlotChange = () => {\n    this._updateZebra();\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSTableBody).eventTableBodyContentChange,\n        { bubbles: true, cancelable: false }\n      )\n    );\n  };\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, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  /**\n   * The color scheme.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'use-zebra-styles' })\n  useZebraStyles = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('useZebraStyles')) {\n      this._updateZebra();\n    }\n  }\n\n  render() {\n    const { _handleSlotChange: handleSlotChange } = this;\n    return html` <slot @slotchange=\"${handleSlotChange}\"></slot> `;\n  }\n\n  /**\n   * The name of the custom event fired after the body slot content changes\n   */\n  static get eventTableBodyContentChange() {\n    return `${prefix}-table-body-content-change`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableBody;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,yBACM,qBAAqB,WAAW;;;iCAwBF;AAChC,QAAK,cAAc;AACnB,QAAK,cACH,IAAI,YACD,KAAK,YAAoC,6BAC1C;IAAE,SAAS;IAAM,YAAY;IAAO,CACrC,CACF;;wBAec;;;;;CApCjB,AAAQ,eAAe;EACrB,MAAM,EAAE,gBAAgB,WAAW,aAAa;AAChD,WAAS,eAAe,CAAC,SAAS,SAAS;AACzC,OAAI,KAAK,aAAa,KAAK,cAAc;IACvC,MAAM,OAAQ,KAAqB,QAAQ,sBAAsB;AACjE,IAAC,KAAqB,OAAO,kBAAkB;AAC/C,IAAC,KAAqB,MAAM,kBAAkB,CAAC;;IAEjD;;CA8BJ,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,iBAAiB,CACzC,MAAK,cAAc;;CAIvB,SAAS;EACP,MAAM,EAAE,mBAAmB,qBAAqB;AAChD,SAAO,IAAI,uBAAuB,iBAAiB;;;;;CAMrD,WAAW,8BAA8B;AACvC,SAAO,GAAG,OAAO;;;gBAGHA;;;YArEf,MAAM,OAAO;YAyCb,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAoB,CAAC;2BA9C3EC,cAAc,GAAG,OAAO,aAAa;AA6EtC,yBAAe"}
+{"version":3,"file":"table-body.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-body.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, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport CDSTableRow from './table-row';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Data table body.\n *\n * @element cds-table-body\n */\n@customElement(`${prefix}-table-body`)\nclass CDSTableBody extends LitElement {\n  /**\n   * The `<slot>` element in the shadow DOM.\n   */\n  @query('slot')\n  private _slotNode!: HTMLSlotElement;\n\n  /**\n   * Updates `even`/`odd` properties of the child `<cds-table-row>`s.\n   */\n  private _updateZebra() {\n    const { useZebraStyles, _slotNode: slotNode } = this;\n    slotNode.assignedNodes().forEach((node) => {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const even = (node as HTMLElement).matches('*:nth-of-type(even)');\n        (node as CDSTableRow).even = useZebraStyles && even;\n        (node as CDSTableRow).odd = useZebraStyles && !even;\n      }\n    });\n  }\n\n  /**\n   * Handles `slotchange` event in the `<slot>` element in the shadow DOM.\n   */\n  private _handleSlotChange = () => {\n    this._updateZebra();\n    this.dispatchEvent(\n      new CustomEvent(\n        (this.constructor as typeof CDSTableBody).eventTableBodyContentChange,\n        { bubbles: true, cancelable: false }\n      )\n    );\n  };\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, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  /**\n   * The color scheme.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'use-zebra-styles' })\n  useZebraStyles = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (changedProperties.has('useZebraStyles')) {\n      this._updateZebra();\n    }\n  }\n\n  render() {\n    const { _handleSlotChange: handleSlotChange } = this;\n    return html` <slot @slotchange=\"${handleSlotChange}\"></slot> `;\n  }\n\n  /**\n   * The name of the custom event fired after the body slot content changes\n   */\n  static get eventTableBodyContentChange() {\n    return `${prefix}-table-body-content-change`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableBody;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAA,eAAA,MACM,qBAAqB,WAAW;;;iCAwBF;AAChC,QAAK,cAAc;AACnB,QAAK,cACH,IAAI,YACD,KAAK,YAAoC,6BAC1C;IAAE,SAAS;IAAM,YAAY;IAAO,CACrC,CACF;;wBAec;;;;;CApCjB,eAAuB;EACrB,MAAM,EAAE,gBAAgB,WAAW,aAAa;AAChD,WAAS,eAAe,CAAC,SAAS,SAAS;AACzC,OAAI,KAAK,aAAa,KAAK,cAAc;IACvC,MAAM,OAAQ,KAAqB,QAAQ,sBAAsB;AAChE,SAAqB,OAAO,kBAAkB;AAC9C,SAAqB,MAAM,kBAAkB,CAAC;;IAEjD;;CA8BJ,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,iBAAiB,CACzC,MAAK,cAAc;;CAIvB,SAAS;EACP,MAAM,EAAE,mBAAmB,qBAAqB;AAChD,SAAO,IAAI,uBAAuB,iBAAiB;;;;;CAMrD,WAAW,8BAA8B;AACvC,SAAO;;;gBAGOA;;;YArEf,MAAM,OAAO,CAAA,EAAA,aAAA,WAAA,aAAA,KAAA,EAAA;YAyCb,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAoB,CAAC,CAAA,EAAA,aAAA,WAAA,kBAAA,KAAA,EAAA;2BA9C3EC,cAAc,iBAAuB,CAAA,EAAA,aAAA;AA6EtC,IAAA,qBAAe"}

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

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/data-table/table-cell-content.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -31,9 +30,9 @@ let CDSTableCellContent = class CDSTableCellContent extends LitElement {
 		this.styles = data_table_default;
 	}
 };
-CDSTableCellContent = __decorate([carbonElement(`${prefix}-table-cell-content`)], CDSTableCellContent);
+CDSTableCellContent = __decorate([carbonElement(`cds-table-cell-content`)], CDSTableCellContent);
 var table_cell_content_default = CDSTableCellContent;
-
 //#endregion
 export { table_cell_content_default as default };
+
 //# sourceMappingURL=table-cell-content.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-cell-content.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-cell-content.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Data table cell content.\n *\n * @element cds-table-cell-content\n */\n@customElement(`${prefix}-table-cell-content`)\nclass CDSTableCellContent extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableCellContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,gCACM,4BAA4B,WAAW;CAC3C,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;kCANjBC,cAAc,GAAG,OAAO,qBAAqB;AAS9C,iCAAe"}
+{"version":3,"file":"table-cell-content.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-cell-content.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Data table cell content.\n *\n * @element cds-table-cell-content\n */\n@customElement(`${prefix}-table-cell-content`)\nclass CDSTableCellContent extends LitElement {\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableCellContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,sBAAA,MACM,4BAA4B,WAAW;CAC3C,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;kCANjBC,cAAc,yBAA+B,CAAA,EAAA,oBAAA;AAS9C,IAAA,6BAAe"}

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

@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/data-table/table-cell.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -51,9 +50,9 @@ __decorate([property({
 	attribute: "overflow-menu-on-hover"
 })], CDSTableCell.prototype, "overflowMenuOnHover", void 0);
 __decorate([property({ reflect: true })], CDSTableCell.prototype, "size", void 0);
-CDSTableCell = __decorate([carbonElement(`${prefix}-table-cell`)], CDSTableCell);
+CDSTableCell = __decorate([carbonElement(`cds-table-cell`)], CDSTableCell);
 var table_cell_default = CDSTableCell;
-
 //#endregion
 export { table_cell_default as default };
+
 //# sourceMappingURL=table-cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-cell.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-cell.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 * Data table cell.\n *\n * @element cds-table-cell\n */\n@customElement(`${prefix}-table-cell`)\nclass CDSTableCell extends LitElement {\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   * The table size.\n   */\n  @property({ reflect: true })\n  size;\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, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'cell');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableCell;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,yBACM,qBAAqB,WAAW;;;6BASd;;;;;;;CAgBtB,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,OAAO;AAEnC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;YAhCf,SAAS;CACR,MAAM;CACN,SAAS;CACT,WAAW;CACZ,CAAC;YAMD,SAAS,EAAE,SAAS,MAAM,CAAC;2BAf7BC,cAAc,GAAG,OAAO,aAAa;AAwCtC,yBAAe"}
+{"version":3,"file":"table-cell.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-cell.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 * Data table cell.\n *\n * @element cds-table-cell\n */\n@customElement(`${prefix}-table-cell`)\nclass CDSTableCell extends LitElement {\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   * The table size.\n   */\n  @property({ reflect: true })\n  size;\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, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'cell');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableCell;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAA,eAAA,MACM,qBAAqB,WAAW;;;6BASd;;;;;;;CAgBtB,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,OAAO;AAEnC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;YAhCf,SAAS;CACR,MAAM;CACN,SAAS;CACT,WAAW;CACZ,CAAC,CAAA,EAAA,aAAA,WAAA,uBAAA,KAAA,EAAA;YAMD,SAAS,EAAE,SAAS,MAAM,CAAC,CAAA,EAAA,aAAA,WAAA,QAAA,KAAA,EAAA;2BAf7BC,cAAc,iBAAuB,CAAA,EAAA,aAAA;AAwCtC,IAAA,qBAAe"}

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

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import HostListener from "../../globals/decorators/host-listener.js";
 import HostListenerMixin from "../../globals/mixins/host-listener.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/data-table/table-expanded-row.ts
 /**
 * Copyright IBM Corp. 2020, 2026
@@ -49,7 +48,7 @@ let CDSTableExpandedRow = class CDSTableExpandedRow extends HostListenerMixin(Li
 		const { colSpan } = this;
 		return html`
       <td colspan="${colSpan}">
-        <div class="${prefix}--child-row-inner-container">
+        <div class="${"cds"}--child-row-inner-container">
           <slot></slot>
         </div>
       </td>
@@ -63,7 +62,7 @@ let CDSTableExpandedRow = class CDSTableExpandedRow extends HostListenerMixin(Li
 	* A selector that will return the previous sibling row.
 	*/
 	static get selectorRow() {
-		return `${prefix}-table-row`;
+		return `cds-table-row`;
 	}
 	static {
 		this.styles = data_table_default;
@@ -90,9 +89,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSTableExpandedRow.prototype, "selected", void 0);
-CDSTableExpandedRow = __decorate([carbonElement(`${prefix}-table-expanded-row`)], CDSTableExpandedRow);
+CDSTableExpandedRow = __decorate([carbonElement(`cds-table-expanded-row`)], CDSTableExpandedRow);
 var table_expanded_row_default = CDSTableExpandedRow;
-
 //#endregion
 export { table_expanded_row_default as default };
+
 //# sourceMappingURL=table-expanded-row.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-expanded-row.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-expanded-row.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport CDSTableRow from './table-row';\n/**\n * Table row of collapsible details.\n *\n * @element cds-table-expanded-row\n */\n@customElement(`${prefix}-table-expanded-row`)\nclass CDSTableExpandedRow extends HostListenerMixin(LitElement) {\n  /**\n   * Handles `mouseover`/`mouseout` event handler on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('mouseover')\n  @HostListener('mouseout')\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 _handleMouseOverOut(event: MouseEvent) {\n    const { selectorRow } = this.constructor as typeof CDSTableExpandedRow;\n    const { previousElementSibling } = this;\n    if (previousElementSibling?.matches(selectorRow)) {\n      (previousElementSibling as CDSTableRow).highlighted =\n        event.type === 'mouseover';\n    }\n  }\n\n  /**\n   * The colspan.\n   */\n  @property({ type: Number, attribute: 'colspan' })\n  colSpan = 1;\n\n  /**\n   * `true` if the table row should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * `true` if the table row should be filtered.\n   */\n  @property({ type: Boolean, reflect: true })\n  filtered = false;\n\n  /**\n   * `true` if the table row should be highlighted.\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if the previous table row has been selected\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  render() {\n    const { colSpan } = this;\n    return html`\n      <td colspan=\"${colSpan}\">\n        <div class=\"${prefix}--child-row-inner-container\">\n          <slot></slot>\n        </div>\n      </td>\n    `;\n  }\n\n  updated() {\n    if (this.previousElementSibling?.hasAttribute('ai-label')) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n  }\n\n  /**\n   * A selector that will return the previous sibling row.\n   */\n  static get selectorRow() {\n    return `${prefix}-table-row`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableExpandedRow;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,gCACM,4BAA4B,kBAAkB,WAAW,CAAC;;;iBAuBpD;kBAMC;kBAMA;qBAMG;kBAMH;;;;;;;CAzCX,AAIQ,oBAAoB,OAAmB;EAC7C,MAAM,EAAE,gBAAgB,KAAK;EAC7B,MAAM,EAAE,2BAA2B;AACnC,MAAI,wBAAwB,QAAQ,YAAY,CAC9C,CAAC,uBAAuC,cACtC,MAAM,SAAS;;CAkCrB,SAAS;EACP,MAAM,EAAE,YAAY;AACpB,SAAO,IAAI;qBACM,QAAQ;sBACP,OAAO;;;;;;CAO3B,UAAU;AACR,MAAI,KAAK,wBAAwB,aAAa,WAAW,CACvD,MAAK,aAAa,YAAY,GAAG;MAEjC,MAAK,gBAAgB,WAAW;;;;;CAOpC,WAAW,cAAc;AACvB,SAAO,GAAG,OAAO;;;gBAGHA;;;YArEf,aAAa,YAAY,EACzB,aAAa,WAAW;YAexB,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAW,CAAC;YAMhD,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;kCA/C5CC,cAAc,GAAG,OAAO,qBAAqB;AA+E9C,iCAAe"}
+{"version":3,"file":"table-expanded-row.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-expanded-row.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 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\nimport HostListener from '../../globals/decorators/host-listener';\nimport HostListenerMixin from '../../globals/mixins/host-listener';\nimport CDSTableRow from './table-row';\n/**\n * Table row of collapsible details.\n *\n * @element cds-table-expanded-row\n */\n@customElement(`${prefix}-table-expanded-row`)\nclass CDSTableExpandedRow extends HostListenerMixin(LitElement) {\n  /**\n   * Handles `mouseover`/`mouseout` event handler on this element.\n   *\n   * @param event The event.\n   */\n  @HostListener('mouseover')\n  @HostListener('mouseout')\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 _handleMouseOverOut(event: MouseEvent) {\n    const { selectorRow } = this.constructor as typeof CDSTableExpandedRow;\n    const { previousElementSibling } = this;\n    if (previousElementSibling?.matches(selectorRow)) {\n      (previousElementSibling as CDSTableRow).highlighted =\n        event.type === 'mouseover';\n    }\n  }\n\n  /**\n   * The colspan.\n   */\n  @property({ type: Number, attribute: 'colspan' })\n  colSpan = 1;\n\n  /**\n   * `true` if the table row should be expanded.\n   */\n  @property({ type: Boolean, reflect: true })\n  expanded = false;\n\n  /**\n   * `true` if the table row should be filtered.\n   */\n  @property({ type: Boolean, reflect: true })\n  filtered = false;\n\n  /**\n   * `true` if the table row should be highlighted.\n   */\n  @property({ type: Boolean, reflect: true })\n  highlighted = false;\n\n  /**\n   * `true` if the previous table row has been selected\n   */\n  @property({ type: Boolean, reflect: true })\n  selected = false;\n\n  render() {\n    const { colSpan } = this;\n    return html`\n      <td colspan=\"${colSpan}\">\n        <div class=\"${prefix}--child-row-inner-container\">\n          <slot></slot>\n        </div>\n      </td>\n    `;\n  }\n\n  updated() {\n    if (this.previousElementSibling?.hasAttribute('ai-label')) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n  }\n\n  /**\n   * A selector that will return the previous sibling row.\n   */\n  static get selectorRow() {\n    return `${prefix}-table-row`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableExpandedRow;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,sBAAA,MACM,4BAA4B,kBAAkB,WAAW,CAAC;;;iBAuBpD;kBAMC;kBAMA;qBAMG;kBAMH;;;;;;;CAzCX,oBAI4B,OAAmB;EAC7C,MAAM,EAAE,gBAAgB,KAAK;EAC7B,MAAM,EAAE,2BAA2B;AACnC,MAAI,wBAAwB,QAAQ,YAAY,CAC7C,wBAAuC,cACtC,MAAM,SAAS;;CAkCrB,SAAS;EACP,MAAM,EAAE,YAAY;AACpB,SAAO,IAAI;qBACM,QAAQ;4BACA;;;;;;CAO3B,UAAU;AACR,MAAI,KAAK,wBAAwB,aAAa,WAAW,CACvD,MAAK,aAAa,YAAY,GAAG;MAEjC,MAAK,gBAAgB,WAAW;;;;;CAOpC,WAAW,cAAc;AACvB,SAAO;;;gBAGOA;;;YArEf,aAAa,YAAY,EACzB,aAAa,WAAW,CAAA,EAAA,oBAAA,WAAA,uBAAA,KAAA;YAexB,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAW,CAAC,CAAA,EAAA,oBAAA,WAAA,WAAA,KAAA,EAAA;YAMhD,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,YAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,eAAA,KAAA,EAAA;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,oBAAA,WAAA,YAAA,KAAA,EAAA;kCA/C5CC,cAAc,yBAA+B,CAAA,EAAA,oBAAA;AA+E9C,IAAA,6BAAe"}

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

@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import data_table_default from "./data-table.scss.js";
 import { LitElement, html } from "lit";
-
 //#region src/components/data-table/table-head.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -40,9 +39,9 @@ let CDSTableHead = class CDSTableHead extends LitElement {
 		this.styles = data_table_default;
 	}
 };
-CDSTableHead = __decorate([carbonElement(`${prefix}-table-head`)], CDSTableHead);
+CDSTableHead = __decorate([carbonElement(`cds-table-head`)], CDSTableHead);
 var table_head_default = CDSTableHead;
-
 //#endregion
 export { table_head_default as default };
+
 //# sourceMappingURL=table-head.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-head.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-head.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 { prefix } from '../../globals/settings';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Data table header.\n *\n * @element cds-table-head\n */\n@customElement(`${prefix}-table-head`)\nclass CDSTableHead extends LitElement {\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, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableHead;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,yBACM,qBAAqB,WAAW;;;;;;CASpC,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;2BArBjBC,cAAc,GAAG,OAAO,aAAa;AAwBtC,yBAAe"}
+{"version":3,"file":"table-head.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-head.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 { prefix } from '../../globals/settings';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Data table header.\n *\n * @element cds-table-head\n */\n@customElement(`${prefix}-table-head`)\nclass CDSTableHead extends LitElement {\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, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'rowgroup');\n    }\n    super.connectedCallback();\n  }\n\n  render() {\n    return html` <slot></slot> `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSTableHead;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAA,eAAA,MACM,qBAAqB,WAAW;;;;;;CASpC,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;AAEvC,QAAM,mBAAmB;;CAG3B,SAAS;AACP,SAAO,IAAI;;;gBAGGA;;;2BArBjBC,cAAc,iBAAuB,CAAA,EAAA,aAAA;AAwBtC,IAAA,qBAAe"}

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

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import iconLoader from "../../globals/internal/icon-loader.js";
 import FocusMixin from "../../globals/mixins/focus.js";
 import { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION } from "./defs.js";
@@ -17,7 +17,6 @@ import { property } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
 import ArrowsVertical32 from "@carbon/icons/es/arrows--vertical/32.js";
 import ArrowDown32 from "@carbon/icons/es/arrow--down/32.js";
-
 //#region src/components/data-table/table-header-cell.ts
 /**
 * Copyright IBM Corp. 2019, 2024
@@ -87,12 +86,12 @@ let CDSTableHeaderCell = class CDSTableHeaderCell extends FocusMixin(LitElement)
 	* @returns The next sort direction.
 	*/
 	_getNextSort() {
-		const { sortCycle = TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING, sortDirection } = this;
+		const { sortCycle = "tri-states-from-ascending", sortDirection } = this;
 		if (!sortDirection) throw new TypeError("Table sort direction is not defined. Likely that `_getNextSort()` is called with non-sorted table column, which should not happen in regular condition.");
 		const directions = this.constructor.TABLE_SORT_CYCLES[sortCycle];
 		const index = directions.indexOf(sortDirection);
 		if (index < 0) {
-			if (sortDirection === TABLE_SORT_DIRECTION.NONE) return directions[0];
+			if (sortDirection === "none") return directions[0];
 			throw new RangeError(`The given sort state (${sortDirection}) is not found in the given table sort cycle: ${sortCycle}`);
 		}
 		return directions[(index + 1) % directions.length];
@@ -107,32 +106,32 @@ let CDSTableHeaderCell = class CDSTableHeaderCell extends FocusMixin(LitElement)
 		super.connectedCallback();
 	}
 	updated(changedProperties) {
-		if (this.isSortable && !changedProperties.has("sortDirection") && !this.sortDirection) this.sortDirection = TABLE_SORT_DIRECTION.NONE;
+		if (this.isSortable && !changedProperties.has("sortDirection") && !this.sortDirection) this.sortDirection = "none";
 		if (this._hasAILabel) this.setAttribute("ai-label", "");
 		else this.removeAttribute("ai-label");
 	}
 	render() {
 		const { sortDirection } = this;
 		const labelClasses = classMap({
-			[`${prefix}--table-header-label`]: true,
-			[`${prefix}--table-header-label--slug`]: this._hasAILabel
+			[`cds--table-header-label`]: true,
+			[`cds--table-header-label--slug`]: this._hasAILabel
 		});
 		if (sortDirection) {
-			const sortIcon = sortDirection === TABLE_SORT_DIRECTION.NONE ? iconLoader(ArrowsVertical32, {
+			const sortIcon = sortDirection === "none" ? iconLoader(ArrowsVertical32, {
 				part: "sort-icon",
-				class: `${prefix}--table-sort__icon-unsorted`
+				class: `cds--table-sort__icon-unsorted`
 			}) : iconLoader(ArrowDown32, {
 				part: "sort-icon",
-				class: `${prefix}--table-sort__icon`
+				class: `cds--table-sort__icon`
 			});
 			return html`
         <button
           part="sort-button"
-          class="${prefix}--table-sort"
+          class="${"cds"}--table-sort"
           title="${this.innerText}"
           @click=${this._handleClickSortButton}>
-          <span class="${prefix}--table-sort__flex">
-            <span part="label-text" class="${prefix}--table-header-label"
+          <span class="${"cds"}--table-sort__flex">
+            <span part="label-text" class="${"cds"}--table-header-label"
               ><slot @slotchange=${this._handleSlotChange}></slot
             ></span>
             ${sortIcon}
@@ -160,20 +159,20 @@ let CDSTableHeaderCell = class CDSTableHeaderCell extends FocusMixin(LitElement)
 	* remove in v12
 	*/
 	static get slugItem() {
-		return `${prefix}-slug`;
+		return `cds-slug`;
 	}
 	/**
 	* A selector that will return the AI Label item.
 	*/
 	static get aiLabelItem() {
-		return `${prefix}-ai-label`;
+		return `cds-ai-label`;
 	}
 	/**
 	* The name of the custom event fired before a new sort direction is set upon a user gesture.
 	* Cancellation of this event stops the user-initiated change in sort direction.
 	*/
 	static get eventBeforeSort() {
-		return `${prefix}-table-header-cell-sort`;
+		return `cds-table-header-cell-sort`;
 	}
 	static {
 		this.shadowRootOptions = {
@@ -216,9 +215,9 @@ __decorate([property({
 	reflect: true,
 	attribute: "sort-direction"
 })], CDSTableHeaderCell.prototype, "sortDirection", void 0);
-CDSTableHeaderCell = __decorate([carbonElement(`${prefix}-table-header-cell`)], CDSTableHeaderCell);
+CDSTableHeaderCell = __decorate([carbonElement(`cds-table-header-cell`)], CDSTableHeaderCell);
 var table_header_cell_default = CDSTableHeaderCell;
-
 //#endregion
 export { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION, table_header_cell_default as default };
+
 //# sourceMappingURL=table-header-cell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-header-cell.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-header-cell.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ArrowsVertical32 from '@carbon/icons/es/arrows--vertical/32.js';\nimport ArrowDown32 from '@carbon/icons/es/arrow--down/32.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n  TABLE_SORT_CYCLE,\n  TABLE_SORT_CYCLES,\n  TABLE_SORT_DIRECTION,\n} from './defs';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };\n\n/**\n * Data table header cell.\n *\n * @element cds-table-header-cell\n * @fires cds-table-header-cell-sort\n *   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@customElement(`${prefix}-table-header-cell`)\nclass CDSTableHeaderCell extends FocusMixin(LitElement) {\n  /**\n   * Handles `click` event on the sort button.\n   *\n   */\n  private _handleClickSortButton(event) {\n    if (\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSTableHeaderCell).aiLabelItem\n      ) &&\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSTableHeaderCell).slugItem\n      )\n    ) {\n      const nextSortDirection = this._getNextSort();\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          oldSortDirection: this.sortDirection,\n          sortDirection: nextSortDirection,\n        },\n      };\n      const constructor = this.constructor as typeof CDSTableHeaderCell;\n      if (\n        this.dispatchEvent(new CustomEvent(constructor.eventBeforeSort, init))\n      ) {\n        this.sortActive = true;\n        this.sortDirection = nextSortDirection;\n      }\n    }\n  }\n\n  /**\n   * Handles `slotchange` event.\n   *\n   */\n  private _handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleAILabelSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTableHeaderCell).aiLabelItem\n            ) ||\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTableHeaderCell).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      this._hasAILabel = Boolean(hasContent);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    }\n\n    this.requestUpdate();\n  }\n\n  /**\n   * @returns The next sort direction.\n   */\n  private _getNextSort() {\n    const {\n      sortCycle = TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING,\n      sortDirection,\n    } = this;\n    if (!sortDirection) {\n      throw new TypeError(\n        'Table sort direction is not defined. ' +\n          'Likely that `_getNextSort()` is called with non-sorted table column, which should not happen in regular condition.'\n      );\n    }\n    const directions = (this.constructor as typeof CDSTableHeaderCell)\n      .TABLE_SORT_CYCLES[sortCycle];\n    const index = directions.indexOf(sortDirection as TABLE_SORT_DIRECTION);\n    if (index < 0) {\n      if (sortDirection === TABLE_SORT_DIRECTION.NONE) {\n        // If the current sort direction is `none` in bi-state sort cycle, returns the first one in the cycle\n        return directions[0];\n      }\n      throw new RangeError(\n        `The given sort state (${sortDirection}) is not found in the given table sort cycle: ${sortCycle}`\n      );\n    }\n    return directions[(index + 1) % directions.length];\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * `true` if the table has expandable rows\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'expandable' })\n  isExpandable = false;\n\n  /**\n   * `true` if this table has selectable rows\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-selectable' })\n  isSelectable = false;\n  /**\n   * `true` if this table header column should be sortable\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-sortable' })\n  isSortable = false;\n\n  /**\n   * `true` if this table header cell is of a primary sorting column.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'sort-active' })\n  sortActive = false;\n\n  /**\n   * The table sort cycle in use.\n   */\n  @property({ reflect: true, attribute: 'sort-cycle' })\n  sortCycle?: TABLE_SORT_CYCLE;\n\n  /**\n   * The table sort direction.\n   * If present, this table header cell will have a sorting UI. Choose between `ascending` or `descending`.\n   */\n  @property({ reflect: true, attribute: 'sort-direction' })\n  sortDirection?: TABLE_SORT_DIRECTION;\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, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'columnheader');\n    }\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (\n      this.isSortable &&\n      !changedProperties.has('sortDirection') &&\n      !this.sortDirection\n    ) {\n      this.sortDirection = TABLE_SORT_DIRECTION.NONE;\n    }\n    if (this._hasAILabel) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n  }\n\n  render() {\n    const { sortDirection } = this;\n    const labelClasses = classMap({\n      [`${prefix}--table-header-label`]: true,\n      [`${prefix}--table-header-label--slug`]: this._hasAILabel,\n    });\n    if (sortDirection) {\n      const sortIcon =\n        sortDirection === TABLE_SORT_DIRECTION.NONE\n          ? iconLoader(ArrowsVertical32, {\n              part: 'sort-icon',\n              class: `${prefix}--table-sort__icon-unsorted`,\n            })\n          : iconLoader(ArrowDown32, {\n              part: 'sort-icon',\n              class: `${prefix}--table-sort__icon`,\n            });\n      return html`\n        <button\n          part=\"sort-button\"\n          class=\"${prefix}--table-sort\"\n          title=\"${this.innerText}\"\n          @click=${this._handleClickSortButton}>\n          <span class=\"${prefix}--table-sort__flex\">\n            <span part=\"label-text\" class=\"${prefix}--table-header-label\"\n              ><slot @slotchange=${this._handleSlotChange}></slot\n            ></span>\n            ${sortIcon}\n            <slot\n              name=\"ai-label\"\n              @slotchange=\"${this._handleAILabelSlotChange}\"></slot>\n            <slot\n              name=\"slug\"\n              @slotchange=\"${this._handleAILabelSlotChange}\"></slot>\n          </span>\n        </button>\n      `;\n    }\n    return html`<span part=\"label-text\" class=\"${labelClasses}\">\n      <slot></slot\n      ><slot\n        name=\"ai-label\"\n        @slotchange=\"${this._handleAILabelSlotChange}\"></slot>\n      <slot name=\"slug\" @slotchange=\"${this._handleAILabelSlotChange}\"></slot\n    ></span> `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\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  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n\n  /**\n   * Mapping of table sort cycles to table sort states.\n   */\n  static TABLE_SORT_CYCLES = TABLE_SORT_CYCLES;\n}\n\nexport default CDSTableHeaderCell;\n"],"mappings":"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"}
+{"version":3,"file":"table-header-cell.js","names":["styles","customElement"],"sources":["../../../src/components/data-table/table-header-cell.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport ArrowsVertical32 from '@carbon/icons/es/arrows--vertical/32.js';\nimport ArrowDown32 from '@carbon/icons/es/arrow--down/32.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport {\n  TABLE_SORT_CYCLE,\n  TABLE_SORT_CYCLES,\n  TABLE_SORT_DIRECTION,\n} from './defs';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './data-table.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\nexport { TABLE_SORT_CYCLE, TABLE_SORT_CYCLES, TABLE_SORT_DIRECTION };\n\n/**\n * Data table header cell.\n *\n * @element cds-table-header-cell\n * @fires cds-table-header-cell-sort\n *   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@customElement(`${prefix}-table-header-cell`)\nclass CDSTableHeaderCell extends FocusMixin(LitElement) {\n  /**\n   * Handles `click` event on the sort button.\n   *\n   */\n  private _handleClickSortButton(event) {\n    if (\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSTableHeaderCell).aiLabelItem\n      ) &&\n      !(event.target as HTMLElement).matches(\n        (this.constructor as typeof CDSTableHeaderCell).slugItem\n      )\n    ) {\n      const nextSortDirection = this._getNextSort();\n      const init = {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          oldSortDirection: this.sortDirection,\n          sortDirection: nextSortDirection,\n        },\n      };\n      const constructor = this.constructor as typeof CDSTableHeaderCell;\n      if (\n        this.dispatchEvent(new CustomEvent(constructor.eventBeforeSort, init))\n      ) {\n        this.sortActive = true;\n        this.sortDirection = nextSortDirection;\n      }\n    }\n  }\n\n  /**\n   * Handles `slotchange` event.\n   *\n   */\n  private _handleSlotChange() {\n    this.requestUpdate();\n  }\n\n  /**\n   * Handles `slotchange` event.\n   */\n  protected _handleAILabelSlotChange({ target }: Event) {\n    const hasContent = (target as HTMLSlotElement)\n      .assignedNodes()\n      .filter((elem) =>\n        (elem as HTMLElement).matches !== undefined\n          ? (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTableHeaderCell).aiLabelItem\n            ) ||\n            (elem as HTMLElement).matches(\n              (this.constructor as typeof CDSTableHeaderCell).slugItem\n            )\n          : false\n      );\n    if (hasContent.length > 0) {\n      this._hasAILabel = Boolean(hasContent);\n      (hasContent[0] as HTMLElement).setAttribute('size', 'mini');\n    }\n\n    this.requestUpdate();\n  }\n\n  /**\n   * @returns The next sort direction.\n   */\n  private _getNextSort() {\n    const {\n      sortCycle = TABLE_SORT_CYCLE.TRI_STATES_FROM_ASCENDING,\n      sortDirection,\n    } = this;\n    if (!sortDirection) {\n      throw new TypeError(\n        'Table sort direction is not defined. ' +\n          'Likely that `_getNextSort()` is called with non-sorted table column, which should not happen in regular condition.'\n      );\n    }\n    const directions = (this.constructor as typeof CDSTableHeaderCell)\n      .TABLE_SORT_CYCLES[sortCycle];\n    const index = directions.indexOf(sortDirection as TABLE_SORT_DIRECTION);\n    if (index < 0) {\n      if (sortDirection === TABLE_SORT_DIRECTION.NONE) {\n        // If the current sort direction is `none` in bi-state sort cycle, returns the first one in the cycle\n        return directions[0];\n      }\n      throw new RangeError(\n        `The given sort state (${sortDirection}) is not found in the given table sort cycle: ${sortCycle}`\n      );\n    }\n    return directions[(index + 1) % directions.length];\n  }\n\n  /**\n   * `true` if there is an AI Label.\n   */\n  protected _hasAILabel = false;\n\n  /**\n   * `true` if the table has expandable rows\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'expandable' })\n  isExpandable = false;\n\n  /**\n   * `true` if this table has selectable rows\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-selectable' })\n  isSelectable = false;\n  /**\n   * `true` if this table header column should be sortable\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'is-sortable' })\n  isSortable = false;\n\n  /**\n   * `true` if this table header cell is of a primary sorting column.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'sort-active' })\n  sortActive = false;\n\n  /**\n   * The table sort cycle in use.\n   */\n  @property({ reflect: true, attribute: 'sort-cycle' })\n  sortCycle?: TABLE_SORT_CYCLE;\n\n  /**\n   * The table sort direction.\n   * If present, this table header cell will have a sorting UI. Choose between `ascending` or `descending`.\n   */\n  @property({ reflect: true, attribute: 'sort-direction' })\n  sortDirection?: TABLE_SORT_DIRECTION;\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, reflect: true, attribute: 'sticky-header' })\n  // stickyHeader = false;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'columnheader');\n    }\n\n    super.connectedCallback();\n  }\n\n  updated(changedProperties) {\n    if (\n      this.isSortable &&\n      !changedProperties.has('sortDirection') &&\n      !this.sortDirection\n    ) {\n      this.sortDirection = TABLE_SORT_DIRECTION.NONE;\n    }\n    if (this._hasAILabel) {\n      this.setAttribute('ai-label', '');\n    } else {\n      this.removeAttribute('ai-label');\n    }\n  }\n\n  render() {\n    const { sortDirection } = this;\n    const labelClasses = classMap({\n      [`${prefix}--table-header-label`]: true,\n      [`${prefix}--table-header-label--slug`]: this._hasAILabel,\n    });\n    if (sortDirection) {\n      const sortIcon =\n        sortDirection === TABLE_SORT_DIRECTION.NONE\n          ? iconLoader(ArrowsVertical32, {\n              part: 'sort-icon',\n              class: `${prefix}--table-sort__icon-unsorted`,\n            })\n          : iconLoader(ArrowDown32, {\n              part: 'sort-icon',\n              class: `${prefix}--table-sort__icon`,\n            });\n      return html`\n        <button\n          part=\"sort-button\"\n          class=\"${prefix}--table-sort\"\n          title=\"${this.innerText}\"\n          @click=${this._handleClickSortButton}>\n          <span class=\"${prefix}--table-sort__flex\">\n            <span part=\"label-text\" class=\"${prefix}--table-header-label\"\n              ><slot @slotchange=${this._handleSlotChange}></slot\n            ></span>\n            ${sortIcon}\n            <slot\n              name=\"ai-label\"\n              @slotchange=\"${this._handleAILabelSlotChange}\"></slot>\n            <slot\n              name=\"slug\"\n              @slotchange=\"${this._handleAILabelSlotChange}\"></slot>\n          </span>\n        </button>\n      `;\n    }\n    return html`<span part=\"label-text\" class=\"${labelClasses}\">\n      <slot></slot\n      ><slot\n        name=\"ai-label\"\n        @slotchange=\"${this._handleAILabelSlotChange}\"></slot>\n      <slot name=\"slug\" @slotchange=\"${this._handleAILabelSlotChange}\"></slot\n    ></span> `;\n  }\n\n  /**\n   * A selector that will return the slug item.\n   *\n   * remove in v12\n   */\n  static get slugItem() {\n    return `${prefix}-slug`;\n  }\n  /**\n   * A selector that will return the AI Label item.\n   */\n  static get aiLabelItem() {\n    return `${prefix}-ai-label`;\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  static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n  static styles = styles;\n\n  /**\n   * Mapping of table sort cycles to table sort states.\n   */\n  static TABLE_SORT_CYCLES = TABLE_SORT_CYCLES;\n}\n\nexport default CDSTableHeaderCell;\n"],"mappings":"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"}