@hashicorp/design-system-components 6.4.0 → 6.5.0

package/dist/{index-DtMB-P9m.js → index-Cx64Nvu4.js}

@@ -27,14 +27,14 @@ import HdsAdvancedTableThButtonSort from './components/hds/advanced-table/th-but
 import HdsAdvancedTableThButtonTooltip from './components/hds/advanced-table/th-button-tooltip.js';
 import HdsAdvancedTableThContextMenu from './components/hds/advanced-table/th-context-menu.js';
 import HdsAdvancedTableThReorderHandle from './components/hds/advanced-table/th-reorder-handle.js';
-import { parsePixel, requestAnimationFrameWaiter } from './components/hds/advanced-table/utils.js';
+import { parsePixel, measureColumnWidth, requestAnimationFrameWaiter } from './components/hds/advanced-table/utils.js';
 import HdsAdvancedTableBody from './components/hds/advanced-table/body.js';
 import HdsAdvancedTableTd from './components/hds/advanced-table/td.js';
 import HdsTHelper from './helpers/hds-t.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime';
-import { DEFAULT_MIN_WIDTH, DEFAULT_MAX_WIDTH } from './components/hds/advanced-table/column-manager/width.js';
+import { DEFAULT_MIN_WIDTH } from './components/hds/advanced-table/column-manager/width.js';
 import { onFocusTrapDeactivate } from './modifiers/hds-advanced-table-cell/dom-management.js';
 import HdsFormCheckboxBase from './components/hds/form/checkbox/base.js';
 
@@ -43,32 +43,6 @@ import HdsFormCheckboxBase from './components/hds/form/checkbox/base.js';
  * SPDX-License-Identifier: MPL-2.0
  */
 const KEYBOARD_RESIZE_STEP = 10;
-function calculateEffectiveDelta(deltaX, col, startColW, nextCol, startNextColW) {
-  const colMin = parsePixel(col.minWidth ?? DEFAULT_MIN_WIDTH) ?? 0;
-  const colMax = parsePixel(col.maxWidth ?? DEFAULT_MAX_WIDTH) ?? Infinity;
-  const nextMin = parsePixel(nextCol.minWidth ?? DEFAULT_MIN_WIDTH) ?? 0;
-  const nextMax = parsePixel(nextCol.maxWidth ?? DEFAULT_MAX_WIDTH) ?? Infinity;
-  let effectiveDelta = 0;
-  // expanding col, shrinking nextCol
-  if (deltaX > 0) {
-    const maxCanExpandCol = colMax - startColW;
-    const maxCanShrinkNext = startNextColW - nextMin;
-    effectiveDelta = Math.min(deltaX, maxCanExpandCol, maxCanShrinkNext);
-    effectiveDelta = Math.max(0, effectiveDelta);
-  } else if (deltaX < 0) {
-    const absDeltaX = -deltaX;
-    const maxCanShrinkCol = startColW - colMin;
-    let maxCanExpandNext;
-    if (startNextColW > nextMax) {
-      maxCanExpandNext = Infinity;
-    } else {
-      maxCanExpandNext = nextMax - startNextColW;
-    }
-    effectiveDelta = -Math.min(absDeltaX, maxCanShrinkCol, maxCanExpandNext);
-    effectiveDelta = Math.min(0, effectiveDelta);
-  }
-  return effectiveDelta;
-}
 class HdsAdvancedTableThResizeHandle extends Component {
   static {
     g(this.prototype, "resizing", [tracked], function () {
@@ -81,7 +55,7 @@ class HdsAdvancedTableThResizeHandle extends Component {
       return 0;
     });
   }
-  #_transientDelta = (i(this, "_transientDelta"), void 0); // track the width change as it is changing, applied when resizing stops
+  #_transientDelta = (i(this, "_transientDelta"), void 0);
   static {
     g(this.prototype, "_isUpdateQueued", [tracked], function () {
       return false;
@@ -113,14 +87,27 @@ class HdsAdvancedTableThResizeHandle extends Component {
     if (column === undefined || onGetAppliedWidth === undefined) {
       return 0;
     }
-    const appliedWidth = onGetAppliedWidth(column.key);
-    return parsePixel(appliedWidth) ?? 0;
+    const pixelWidth = parsePixel(onGetAppliedWidth(column.key));
+    if (pixelWidth !== undefined) {
+      return Math.round(pixelWidth);
+    }
+    // the applied width is an `fr` weight once a resize commits, and parsing that
+    // would report 0 — measure the rendered cell instead
+    return parsePixel(measureColumnWidth(this._handleElement)) ?? 0;
   }
   get minWidthInPixels() {
     return parsePixel(this.args.column?.minWidth ?? DEFAULT_MIN_WIDTH) ?? 0;
   }
   get maxWidthInPixels() {
-    return parsePixel(this.args.column?.maxWidth ?? DEFAULT_MAX_WIDTH) ?? Infinity;
+    const explicitMax = parsePixel(this.args.column?.maxWidth);
+    if (explicitMax !== undefined) {
+      return explicitMax;
+    }
+    const table = this._handleElement?.closest('.hds-advanced-table');
+    return table instanceof HTMLElement ? table.offsetWidth : this.minWidthInPixels;
+  }
+  get widthValueText() {
+    return `${this.currentWidthInPixels}px`;
   }
   get height() {
     const {
@@ -138,23 +125,6 @@ class HdsAdvancedTableThResizeHandle extends Component {
     }
     return classes.join(' ');
   }
-  _applyTransientWidths() {
-    const {
-      column,
-      siblingColumnKeys,
-      onApplyTransientWidth
-    } = this.args;
-    if (column === undefined || onApplyTransientWidth === undefined) {
-      return;
-    }
-    const {
-      next: nextColumnKey
-    } = siblingColumnKeys ?? {};
-    onApplyTransientWidth(column.key);
-    if (nextColumnKey !== undefined) {
-      onApplyTransientWidth(nextColumnKey);
-    }
-  }
   onColumnResize(key, width) {
     const {
       onColumnResize
@@ -166,6 +136,21 @@ class HdsAdvancedTableThResizeHandle extends Component {
   static {
     n(this.prototype, "onColumnResize", [action]);
   }
+  _finishColumnResize(columnKey) {
+    const {
+      onCommitColumnWidths,
+      onResetTransientColumnWidths
+    } = this.args;
+    if (this._transientDelta !== 0) {
+      onCommitColumnWidths?.();
+    }
+    onResetTransientColumnWidths?.();
+    this.resizing = null;
+    this._transientDelta = 0;
+    requestAnimationFrameWaiter(() => {
+      this.onColumnResize(columnKey, measureColumnWidth(this._handleElement));
+    });
+  }
   handleKeydown(event) {
     const validKeys = ['ArrowLeft', 'ArrowRight'];
     if (!validKeys.includes(event.key)) {
@@ -175,28 +160,17 @@ class HdsAdvancedTableThResizeHandle extends Component {
     event.stopPropagation();
     const {
       column,
-      siblingColumnKeys,
-      onApplyTransientWidth,
-      onGetAppliedWidth,
-      onSetTransientColumnWidths,
-      onResetTransientColumnWidths,
-      onUpdateResizeDebt
+      onBeginColumnResize,
+      onResizeColumnByDelta,
+      onCommitColumnWidths,
+      onResetTransientColumnWidths
     } = this.args;
-    const {
-      next: nextColumnKey
-    } = siblingColumnKeys ?? {};
-    if (column === undefined || nextColumnKey === undefined || onApplyTransientWidth === undefined || onGetAppliedWidth === undefined || onSetTransientColumnWidths === undefined || onUpdateResizeDebt === undefined || onResetTransientColumnWidths === undefined) {
+    if (column === undefined || onBeginColumnResize === undefined || onResizeColumnByDelta === undefined || onCommitColumnWidths === undefined || onResetTransientColumnWidths === undefined) {
       return;
     }
-    onSetTransientColumnWidths({
-      roundValues: true
-    });
-    const startColumnAppliedWidth = onGetAppliedWidth(column.key);
-    const startNextColumnAppliedWidth = onGetAppliedWidth(nextColumnKey);
-    const startColumnPxWidth = Math.round(parsePixel(startColumnAppliedWidth) ?? 0);
-    const startNextColumnPxWidth = Math.round(parsePixel(startNextColumnAppliedWidth) ?? 0);
+    onBeginColumnResize();
     const deltaX = event.key === 'ArrowRight' ? KEYBOARD_RESIZE_STEP : -KEYBOARD_RESIZE_STEP;
-    this._applyResizeDelta(deltaX, startColumnPxWidth, column, nextColumnKey, startNextColumnPxWidth);
+    this._transientDelta = onResizeColumnByDelta(column.key, deltaX);
     // ensure the resize handle remains visible during keyboard navigation.
     this._handleElement.scrollIntoView({
       behavior: 'smooth',
@@ -204,17 +178,7 @@ class HdsAdvancedTableThResizeHandle extends Component {
       inline: 'nearest'
     });
     // use a microtask to commit the final state after the render pass.
-    queueMicrotask(() => {
-      if (this._transientDelta !== 0) {
-        onUpdateResizeDebt(this._transientDelta);
-      }
-      // reset transient values
-      onApplyTransientWidth(column.key);
-      onApplyTransientWidth(nextColumnKey);
-      onResetTransientColumnWidths();
-      this._transientDelta = 0;
-      this.onColumnResize(column.key, column.width);
-    });
+    queueMicrotask(() => this._finishColumnResize(column.key));
   }
   static {
     n(this.prototype, "handleKeydown", [action]);
@@ -227,25 +191,14 @@ class HdsAdvancedTableThResizeHandle extends Component {
     event.stopPropagation();
     const {
       column,
-      siblingColumnKeys,
-      onGetAppliedWidth,
-      onSetTransientColumnWidths
+      onBeginColumnResize
     } = this.args;
-    if (column === undefined || onGetAppliedWidth === undefined || onSetTransientColumnWidths === undefined) {
+    if (column === undefined || onBeginColumnResize === undefined) {
       return;
     }
-    const {
-      next: nextColumnKey
-    } = siblingColumnKeys ?? {};
-    onSetTransientColumnWidths({});
-    const startColumnAppliedWidth = onGetAppliedWidth(column.key);
-    const startNextColumnAppliedWidth = nextColumnKey !== undefined ? onGetAppliedWidth(nextColumnKey) : undefined;
-    const startColumnPxWidth = Math.round(parsePixel(startColumnAppliedWidth) ?? 0);
-    const startNextColumnPxWidth = Math.round(parsePixel(startNextColumnAppliedWidth) ?? 0);
+    onBeginColumnResize();
     this.resizing = {
-      startX: event.clientX,
-      startColumnPxWidth,
-      startNextColumnPxWidth
+      startX: event.clientX
     };
     window.addEventListener('pointermove', this._boundResize);
     window.addEventListener('pointerup', this._boundStopResize);
@@ -253,44 +206,6 @@ class HdsAdvancedTableThResizeHandle extends Component {
   static {
     n(this.prototype, "startResize", [action]);
   }
-  _setColumnWidth(column, width) {
-    const {
-      onSetTransientColumnWidth
-    } = this.args;
-    if (column === undefined || onSetTransientColumnWidth === undefined) {
-      return;
-    }
-    onSetTransientColumnWidth(column.key, `${width}px`);
-  }
-  _applyResizeDelta(deltaX, startColumnPxWidth, column, nextColumnKey, startNextColumnPxWidth) {
-    const {
-      onGetAppliedWidth,
-      onGetColumnByKey,
-      onSetTransientColumnWidth
-    } = this.args;
-    if (column === undefined || onGetAppliedWidth === undefined || onGetColumnByKey === undefined) {
-      return;
-    }
-    const canResizeNeighbor = nextColumnKey !== undefined && startNextColumnPxWidth !== undefined;
-    if (canResizeNeighbor) {
-      const nextColumn = onGetColumnByKey(nextColumnKey);
-      if (nextColumn === undefined) {
-        return;
-      }
-      const effectiveDelta = calculateEffectiveDelta(deltaX, column, startColumnPxWidth, nextColumn, startNextColumnPxWidth);
-      // set the width for the current column
-      this._setColumnWidth(column, Math.round(startColumnPxWidth + effectiveDelta));
-      // the actual new column width may differ from the intended width due to min/max constraints.
-      const columnAppliedWidth = onGetAppliedWidth(column.key);
-      const actualNewColumnWidth = parsePixel(columnAppliedWidth) ?? startColumnPxWidth;
-      const actualAppliedDelta = actualNewColumnWidth - startColumnPxWidth;
-      // set the width for the next sibling column
-      this._setColumnWidth(nextColumn, Math.round(startNextColumnPxWidth - actualAppliedDelta));
-      this._transientDelta = actualAppliedDelta;
-    } else if (onSetTransientColumnWidth !== undefined) {
-      onSetTransientColumnWidth(column.key, `${Math.round(startColumnPxWidth + deltaX)}px`);
-    }
-  }
   _resize(event) {
     this._lastPointerEvent = event;
     if (this._isUpdateQueued) {
@@ -306,48 +221,31 @@ class HdsAdvancedTableThResizeHandle extends Component {
       event.preventDefault();
       const {
         column,
-        siblingColumnKeys
+        onResizeColumnByDelta
       } = this.args;
-      const {
-        next: nextColumnKey
-      } = siblingColumnKeys ?? {};
-      const {
-        startX,
-        startColumnPxWidth,
-        startNextColumnPxWidth
-      } = this.resizing;
-      const deltaX = event.clientX - startX;
-      this._applyResizeDelta(deltaX, startColumnPxWidth, column, nextColumnKey, startNextColumnPxWidth // Width of next col at the start of the drag
-      );
+      if (column !== undefined && onResizeColumnByDelta !== undefined) {
+        const deltaX = event.clientX - this.resizing.startX;
+        this._transientDelta = onResizeColumnByDelta(column.key, deltaX);
+      }
       this._isUpdateQueued = false;
     });
   }
   _stopResize() {
+    window.removeEventListener('pointermove', this._boundResize);
+    window.removeEventListener('pointerup', this._boundStopResize);
     const {
-      column,
-      onGetAppliedWidth,
-      onResetTransientColumnWidths,
-      onUpdateResizeDebt
+      column
     } = this.args;
-    if (column === undefined || onGetAppliedWidth === undefined || onResetTransientColumnWidths === undefined || onUpdateResizeDebt === undefined) {
+    if (column === undefined) {
+      this.args.onResetTransientColumnWidths?.();
+      this.resizing = null;
+      this._transientDelta = 0;
       return;
     }
-    window.removeEventListener('pointermove', this._boundResize);
-    window.removeEventListener('pointerup', this._boundStopResize);
-    if (this._transientDelta !== 0) {
-      onUpdateResizeDebt(this._transientDelta);
-    }
-    this._applyTransientWidths();
-    // reset the transient width
-    onResetTransientColumnWidths();
-    // reset the resizing state
-    this.resizing = null;
-    this._transientDelta = 0;
-    const appliedWidth = onGetAppliedWidth(column.key);
-    this.onColumnResize(column.key, appliedWidth);
+    this._finishColumnResize(column.key);
   }
   static {
-    setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-pointer-down-event-binding --}}\n<div class={{this.classNames}} draggable=\"false\" role=\"slider\" aria-orientation=\"horizontal\" aria-valuenow={{this.currentWidthInPixels}} aria-valuemin={{this.minWidthInPixels}} aria-valuemax={{this.maxWidthInPixels}} tabindex=\"0\" aria-label={{hdsT \"hds.components.advanced-table.th-resize-handle.aria-label\" columnLabel=@column.label default=(concat \"Resize \" @column.label \" column\")}} {{this._registerHandleElement}} {{on \"pointerdown\" this.startResize}} {{on \"keydown\" this.handleKeydown}} {{style height=this.height}} ...attributes />", {
+    setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-pointer-down-event-binding --}}\n<div class={{this.classNames}} draggable=\"false\" role=\"slider\" aria-orientation=\"horizontal\" aria-valuenow={{this.currentWidthInPixels}} aria-valuemin={{this.minWidthInPixels}} aria-valuemax={{this.maxWidthInPixels}} aria-valuetext={{this.widthValueText}} tabindex=\"0\" aria-label={{hdsT \"hds.components.advanced-table.th-resize-handle.aria-label\" columnLabel=@column.label default=(concat \"Resize \" @column.label \" column\")}} {{this._registerHandleElement}} {{on \"pointerdown\" this.startResize}} {{on \"keydown\" this.handleKeydown}} {{style height=this.height}} ...attributes />", {
       strictMode: true,
       scope: () => ({
         hdsT: HdsTHelper,
@@ -678,12 +576,6 @@ class HdsAdvancedTableTh extends Component {
   static {
     n(this.prototype, "focusReorderHandle", [action]);
   }
-  applyTransientWidth(columnKey) {
-    this.args.onApplyTransientWidth?.(columnKey);
-  }
-  static {
-    n(this.prototype, "applyTransientWidth", [action]);
-  }
   resetTransientColumnWidths() {
     this.args.onResetTransientColumnWidths?.();
   }
@@ -696,36 +588,12 @@ class HdsAdvancedTableTh extends Component {
   static {
     n(this.prototype, "getAppliedWidth", [action]);
   }
-  getColumnByKey(columnKey) {
-    return this.args.onGetColumnByKey?.(columnKey);
-  }
-  static {
-    n(this.prototype, "getColumnByKey", [action]);
-  }
   setDraggedColumnKey(columnKey) {
     this.args.onSetDraggedColumnKey?.(columnKey);
   }
   static {
     n(this.prototype, "setDraggedColumnKey", [action]);
   }
-  setTransientColumnWidth(columnKey, width) {
-    const {
-      column,
-      onSetTransientColumnWidth
-    } = this.args;
-    if (column !== undefined && onSetTransientColumnWidth !== undefined) {
-      onSetTransientColumnWidth(columnKey, width);
-    }
-  }
-  static {
-    n(this.prototype, "setTransientColumnWidth", [action]);
-  }
-  setTransientColumnWidths(options) {
-    this.args.onSetTransientColumnWidths?.(options);
-  }
-  static {
-    n(this.prototype, "setTransientColumnWidths", [action]);
-  }
   stepColumn(step) {
     const {
       column,
@@ -738,18 +606,6 @@ class HdsAdvancedTableTh extends Component {
   static {
     n(this.prototype, "stepColumn", [action]);
   }
-  updateResizeDebt(delta) {
-    const {
-      column,
-      onUpdateResizeDebt
-    } = this.args;
-    if (column !== undefined && onUpdateResizeDebt !== undefined) {
-      onUpdateResizeDebt(column.key, delta);
-    }
-  }
-  static {
-    n(this.prototype, "updateResizeDebt", [action]);
-  }
   setElement(element) {
     // eslint-disable-next-line ember/no-runloop, ember/no-incorrect-calls-with-inline-anonymous-functions
     scheduleOnce('afterRender', () => {
@@ -780,7 +636,7 @@ class HdsAdvancedTableTh extends Component {
     };
   });
   static {
-    setComponentTemplate(precompileTemplate("<div class={{this.classNames}} role={{this.role}} aria-sort={{this.ariaSort}} aria-rowspan={{@rowspan}} aria-colspan={{@colspan}} aria-describedby={{@parentId}} {{style grid-row=this.rowspan grid-column=this.colspan padding-left=this.paddingLeft}} {{hdsAdvancedTableCell handleEnableFocusTrap=this.enableFocusTrap shouldTrapFocus=this._shouldTrapFocus setCellElement=this.setElement}} {{focusTrap isActive=this._shouldTrapFocus focusTrapOptions=(hash onDeactivate=this.onFocusTrapDeactivate initialFocus=this.getInitialFocus clickOutsideDeactivates=true)}} {{@compositeItem disabled=@isCompositeItemDisabled}} {{hdsScrollIntoViewOnFocus options=(hash block=\"center\" inline=\"center\")}} ...attributes>\n  <HdsLayoutFlex @justify=\"space-between\" @align=\"center\" @gap=\"8\">\n    {{#if @column.isVisuallyHidden}}\n      <span class=\"sr-only\">{{yield}}</span>\n    {{else}}\n      {{#if (and @isExpandable (not this.isSortable))}}\n        <HdsAdvancedTableThButtonExpand @labelId={{this._labelId}} @onToggle={{@onClickToggle}} @isExpanded={{@isExpanded}} @isExpandAll={{@hasExpandAllButton}} {{this._manageExpandButton}} />\n      {{/if}}\n      <div class=\"hds-advanced-table__th-content\">\n        <span id={{this._labelId}} class=\"hds-advanced-table__th-content-text hds-typography-body-200 hds-font-weight-semibold\">\n          {{yield}}\n        </span>\n        {{#if @tooltip}}\n          <HdsAdvancedTableThButtonTooltip @tooltip={{@tooltip}} @labelId={{this._labelId}} />\n        {{/if}}\n      </div>\n      {{#if this.isSortable}}\n        <HdsAdvancedTableThButtonSort @sortOrder={{@sortOrder}} @onClick={{@onClickSort}} @labelId={{this._labelId}} />\n      {{/if}}\n      {{#if @column}}\n        <HdsAdvancedTableThContextMenu @column={{@column}} @hasReorderableColumns={{@hasReorderableColumns}} @hasResizableColumns={{@hasResizableColumns}} @isFirstColumn={{this.isFirstColumn}} @isFirstNonStickyColumn={{this.isFirstNonStickyColumn}} @isLastColumn={{this.isLastColumn}} @isStickyColumn={{@isStickyColumn}} @reorderHandleElement={{this._reorderHandleElement}} @resizeHandleElement={{this._resizeHandleElement}} @onColumnResize={{@onColumnResize}} @onFocusReorderHandle={{this.focusReorderHandle}} @onMoveColumnToTerminalPosition={{@onMoveColumnToTerminalPosition}} @onPinFirstColumn={{@onPinFirstColumn}} @onRestoreColumnWidth={{@onRestoreColumnWidth}} />\n        {{#if (and @hasReorderableColumns (not @isStickyColumn))}}\n          <HdsAdvancedTableThReorderHandle @column={{@column}} @tableHeight={{@tableHeight}} @thElement={{this._element}} @onFocusReorderHandle={{this.focusReorderHandle}} @onSetDraggedColumnKey={{this.setDraggedColumnKey}} @onStepColumn={{this.stepColumn}} {{this._registerReorderHandleElement}} />\n        {{/if}}\n        {{#if this.showResizeHandle}}\n          <HdsAdvancedTableThResizeHandle @column={{@column}} @siblingColumnKeys={{@siblingColumnKeys}} @tableHeight={{@tableHeight}} @onApplyTransientWidth={{this.applyTransientWidth}} @onColumnResize={{@onColumnResize}} @onGetAppliedWidth={{this.getAppliedWidth}} @onGetColumnByKey={{this.getColumnByKey}} @onSetTransientColumnWidth={{this.setTransientColumnWidth}} @onSetTransientColumnWidths={{this.setTransientColumnWidths}} @onResetTransientColumnWidths={{this.resetTransientColumnWidths}} @onUpdateResizeDebt={{this.updateResizeDebt}} {{this._registerResizeHandleElement}} />\n        {{/if}}\n      {{/if}}\n    {{/if}}\n  </HdsLayoutFlex>\n  {{#if this.showDropTarget}}\n    <HdsAdvancedTableThReorderDropTarget @column={{@column}} @draggedColumnKey={{@draggedColumnKey}} @hasSelectableRows={{@hasSelectableRows}} @isFirstColumn={{this.isFirstColumn}} @isLastColumn={{this.isLastColumn}} @reorderHoveredColumnKey={{@reorderHoveredColumnKey}} @draggedColumnSiblingColumnKeys={{@draggedColumnSiblingColumnKeys}} @tableHeight={{@tableHeight}} @onReorderDrop={{@onReorderDrop}} @onSetReorderHoveredColumnKey={{@onSetReorderHoveredColumnKey}} />\n  {{/if}}\n</div>", {
+    setComponentTemplate(precompileTemplate("<div class={{this.classNames}} role={{this.role}} aria-sort={{this.ariaSort}} aria-rowspan={{@rowspan}} aria-colspan={{@colspan}} aria-describedby={{@parentId}} {{style grid-row=this.rowspan grid-column=this.colspan padding-left=this.paddingLeft}} {{hdsAdvancedTableCell handleEnableFocusTrap=this.enableFocusTrap shouldTrapFocus=this._shouldTrapFocus setCellElement=this.setElement}} {{focusTrap isActive=this._shouldTrapFocus focusTrapOptions=(hash onDeactivate=this.onFocusTrapDeactivate initialFocus=this.getInitialFocus clickOutsideDeactivates=true)}} {{@compositeItem disabled=@isCompositeItemDisabled}} {{hdsScrollIntoViewOnFocus options=(hash block=\"center\" inline=\"center\")}} ...attributes>\n  <HdsLayoutFlex @justify=\"space-between\" @align=\"center\" @gap=\"8\">\n    {{#if @column.isVisuallyHidden}}\n      <span class=\"sr-only\">{{yield}}</span>\n    {{else}}\n      {{#if (and @isExpandable (not this.isSortable))}}\n        <HdsAdvancedTableThButtonExpand @labelId={{this._labelId}} @onToggle={{@onClickToggle}} @isExpanded={{@isExpanded}} @isExpandAll={{@hasExpandAllButton}} {{this._manageExpandButton}} />\n      {{/if}}\n      <div class=\"hds-advanced-table__th-content\">\n        <span id={{this._labelId}} class=\"hds-advanced-table__th-content-text hds-typography-body-200 hds-font-weight-semibold\">\n          {{yield}}\n        </span>\n        {{#if @tooltip}}\n          <HdsAdvancedTableThButtonTooltip @tooltip={{@tooltip}} @labelId={{this._labelId}} />\n        {{/if}}\n      </div>\n      {{#if this.isSortable}}\n        <HdsAdvancedTableThButtonSort @sortOrder={{@sortOrder}} @onClick={{@onClickSort}} @labelId={{this._labelId}} />\n      {{/if}}\n      {{#if @column}}\n        <HdsAdvancedTableThContextMenu @column={{@column}} @hasReorderableColumns={{@hasReorderableColumns}} @hasResizableColumns={{@hasResizableColumns}} @isFirstColumn={{this.isFirstColumn}} @isFirstNonStickyColumn={{this.isFirstNonStickyColumn}} @isLastColumn={{this.isLastColumn}} @isStickyColumn={{@isStickyColumn}} @reorderHandleElement={{this._reorderHandleElement}} @resizeHandleElement={{this._resizeHandleElement}} @onColumnResize={{@onColumnResize}} @onFocusReorderHandle={{this.focusReorderHandle}} @onMoveColumnToTerminalPosition={{@onMoveColumnToTerminalPosition}} @onPinFirstColumn={{@onPinFirstColumn}} @onRestoreColumnWidth={{@onRestoreColumnWidth}} @onGetRenderedWidth={{@onGetRenderedWidth}} />\n        {{#if (and @hasReorderableColumns (not @isStickyColumn))}}\n          <HdsAdvancedTableThReorderHandle @column={{@column}} @tableHeight={{@tableHeight}} @thElement={{this._element}} @onFocusReorderHandle={{this.focusReorderHandle}} @onSetDraggedColumnKey={{this.setDraggedColumnKey}} @onStepColumn={{this.stepColumn}} {{this._registerReorderHandleElement}} />\n        {{/if}}\n        {{#if this.showResizeHandle}}\n          <HdsAdvancedTableThResizeHandle @column={{@column}} @tableHeight={{@tableHeight}} @onColumnResize={{@onColumnResize}} @onBeginColumnResize={{@onBeginColumnResize}} @onResizeColumnByDelta={{@onResizeColumnByDelta}} @onCommitColumnWidths={{@onCommitColumnWidths}} @onGetAppliedWidth={{this.getAppliedWidth}} @onResetTransientColumnWidths={{this.resetTransientColumnWidths}} {{this._registerResizeHandleElement}} />\n        {{/if}}\n      {{/if}}\n    {{/if}}\n  </HdsLayoutFlex>\n  {{#if this.showDropTarget}}\n    <HdsAdvancedTableThReorderDropTarget @column={{@column}} @draggedColumnKey={{@draggedColumnKey}} @hasSelectableRows={{@hasSelectableRows}} @isFirstColumn={{this.isFirstColumn}} @isLastColumn={{this.isLastColumn}} @reorderHoveredColumnKey={{@reorderHoveredColumnKey}} @draggedColumnSiblingColumnKeys={{@draggedColumnSiblingColumnKeys}} @tableHeight={{@tableHeight}} @onReorderDrop={{@onReorderDrop}} @onSetReorderHoveredColumnKey={{@onSetReorderHoveredColumnKey}} />\n  {{/if}}\n</div>", {
       strictMode: true,
       scope: () => ({
         style,
@@ -890,23 +746,12 @@ class HdsAdvancedTableThSelectable extends Component {
  * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
-/*
- * NOTE: There is currently an issue with `WithBoundArgs` or Glint that causes a typing error where @selectionKey is set as always required.
- *
- * Until this is fixed, we are holding off on doing a union with the SelectableHdsAdvancedTableTrArgs
- */
-// Extended interface for selectable rows
-// export interface SelectableHdsAdvancedTableTrArgs
-//   extends BaseHdsAdvancedTableTrSignature {
-//   Args: BaseHdsAdvancedTableTrSignature['Args'] & {
-//     isSelectable: true;
-//     selectionScope?: HdsAdvancedTableScopeValues.Row;
-//     selectionKey: string; // Now required for selectable rows
-//   };
-// }
-// Union type to combine both possible states
 // | SelectableHdsAdvancedTableTrArgs;
 class HdsAdvancedTableTr extends Component {
+  static {
+    g(this.prototype, "isSelectedOverride", [tracked]);
+  }
+  #isSelectedOverride = (i(this, "isSelectedOverride"), void 0);
   get selectionKey() {
     if (this.args.isSelectable && this.args.selectionScope === 'row') {
       assert(`@selectionKey must be defined on Table::Tr or B.Tr when @isSelectable is true`, this.args.selectionKey);
@@ -914,6 +759,10 @@ class HdsAdvancedTableTr extends Component {
     }
     return undefined;
   }
+  // Carbon applies styles to the entire row when it is selected, so we need a state to track the selection state to toggle the appropriate class.
+  get isSelected() {
+    return this.isSelectedOverride ?? this.args.isSelected ?? false;
+  }
   get classNames() {
     const {
       depth,
@@ -934,6 +783,9 @@ class HdsAdvancedTableTr extends Component {
     if (isLastRow) {
       classes.push('hds-advanced-table__tr--last-row');
     }
+    if (this.isSelected) {
+      classes.push(`hds-advanced-table__tr--is-selected`);
+    }
     return classes.join(' ');
   }
   get cells() {
@@ -970,8 +822,17 @@ class HdsAdvancedTableTr extends Component {
       return this.cells;
     }
   }
+  onSelectionChange = (checkbox, selectionKey) => {
+    this.isSelectedOverride = checkbox?.checked ?? false;
+    const {
+      onSelectionChange
+    } = this.args;
+    if (typeof onSelectionChange === 'function') {
+      onSelectionChange(checkbox, selectionKey);
+    }
+  };
   static {
-    setComponentTemplate(precompileTemplate("<div class={{this.classNames}} role=\"row\" {{@compositeGroup}} ...attributes>\n  {{#if @isSelectable}}\n    <HdsAdvancedTableThSelectable role={{if (eq @selectionScope \"row\") \"gridcell\" \"columnheader\"}} @compositeItem={{@compositeItem}} @isCompositeItemDisabled={{@isCompositeItemDisabled}} @isSelected={{@isSelected}} @selectionScope={{@selectionScope}} @selectionKey={{this.selectionKey}} @selectionAriaLabelSuffix={{@selectionAriaLabelSuffix}} @sortBySelectedOrder={{@sortBySelectedOrder}} @didInsert={{@didInsert}} @willDestroy={{@willDestroy}} @onClickSortBySelected={{@onClickSortBySelected}} @onSelectionChange={{@onSelectionChange}} @isStickyColumn={{@hasStickyColumn}} @isStickyColumnPinned={{@isStickyColumnPinned}} />\n  {{/if}}\n\n  {{yield (hash orderedCells=this.orderedCells)}}\n</div>", {
+    setComponentTemplate(precompileTemplate("<div class={{this.classNames}} role=\"row\" {{@compositeGroup}} ...attributes>\n  {{#if @isSelectable}}\n    <HdsAdvancedTableThSelectable role={{if (eq @selectionScope \"row\") \"gridcell\" \"columnheader\"}} @compositeItem={{@compositeItem}} @isCompositeItemDisabled={{@isCompositeItemDisabled}} @isSelected={{this.isSelected}} @selectionScope={{@selectionScope}} @selectionKey={{this.selectionKey}} @selectionAriaLabelSuffix={{@selectionAriaLabelSuffix}} @sortBySelectedOrder={{@sortBySelectedOrder}} @didInsert={{@didInsert}} @willDestroy={{@willDestroy}} @onClickSortBySelected={{@onClickSortBySelected}} @onSelectionChange={{this.onSelectionChange}} @isStickyColumn={{@hasStickyColumn}} @isStickyColumnPinned={{@isStickyColumnPinned}} />\n  {{/if}}\n\n  {{yield (hash orderedCells=this.orderedCells)}}\n</div>", {
       strictMode: true,
       scope: () => ({
         HdsAdvancedTableThSelectable,
@@ -1064,6 +925,7 @@ class HdsAdvancedTable extends Component {
   }
   #_tableHeight = (i(this, "_tableHeight"), void 0);
   _selectableRows = [];
+  _isBulkSelectionChange = false;
   _captionId = 'caption-' + guidFor(this);
   _scrollHandler;
   _dragOverHandler;
@@ -1147,6 +1009,22 @@ class HdsAdvancedTable extends Component {
     const updateHorizontalScrollIndicators = () => {
       this.showScrollIndicatorRight = element.clientWidth < element.scrollWidth;
     };
+    const updateBottomScrollIndicator = () => {
+      // when hasReorderableColumns is true, the reorder handles are absolutely
+      // positioned with translateY(50%), which causes them to overflow the
+      // header's bottom edge by half their height, inflating scrollHeight even
+      // when there is no actual scrollable content. visibility:hidden means
+      // getBoundingClientRect() returns zeros at mount time, so we use
+      // offsetHeight / 2 instead.
+      let reorderHandleOverflow = 0;
+      if (this.args.hasReorderableColumns) {
+        const firstHandle = this._theadElement?.querySelector('.hds-advanced-table__th-reorder-handle');
+        if (firstHandle) {
+          reorderHandleOverflow = firstHandle.offsetHeight / 2;
+        }
+      }
+      this.showScrollIndicatorBottom = element.scrollHeight - reorderHandleOverflow - element.clientHeight > 0;
+    };
     this._scrollHandler = () => {
       this._updateScrollIndicators(element);
     };
@@ -1211,6 +1089,7 @@ class HdsAdvancedTable extends Component {
       entries.forEach(() => {
         updateMeasurements();
         updateHorizontalScrollIndicators();
+        updateBottomScrollIndicator();
       });
     });
     this._resizeObserver.observe(element);
@@ -1218,9 +1097,7 @@ class HdsAdvancedTable extends Component {
     // on render check if should show right scroll indicator
     updateHorizontalScrollIndicators();
     // on render check if should show bottom scroll indicator
-    if (element.clientHeight < element.scrollHeight) {
-      this.showScrollIndicatorBottom = true;
-    }
+    updateBottomScrollIndicator();
     return () => {
       element.removeEventListener('scroll', this._scrollHandler);
       element.removeEventListener('dragover', this._dragOverHandler);
@@ -1528,9 +1405,14 @@ class HdsAdvancedTable extends Component {
     n(this.prototype, "toggleRow", [action]);
   }
   onSelectionAllChange() {
+    this._isBulkSelectionChange = true;
     this._selectableRows.forEach(row => {
       row.checkbox.checked = this._selectAllCheckbox?.checked ?? false;
+      row.checkbox.dispatchEvent(new Event('change', {
+        bubbles: true
+      }));
     });
+    this._isBulkSelectionChange = false;
     this._isSelectAllCheckboxSelected = this._selectAllCheckbox?.checked ?? false;
     this.onSelectionChangeCallback(this._selectAllCheckbox, 'all');
   }
@@ -1538,6 +1420,9 @@ class HdsAdvancedTable extends Component {
     n(this.prototype, "onSelectionAllChange", [action]);
   }
   onSelectionRowChange(checkbox, selectionKey) {
+    if (this._isBulkSelectionChange) {
+      return;
+    }
     this.setSelectAllState();
     this.onSelectionChangeCallback(checkbox, selectionKey);
   }
@@ -1664,7 +1549,7 @@ class HdsAdvancedTable extends Component {
     this._updateScrollIndicators(this._scrollWrapperElement);
   };
   static {
-    setComponentTemplate(precompileTemplate("<div class=\"hds-advanced-table__actions-container-wrapper\">\n  {{#if (has-block \"actions\")}}\n    <div class=\"hds-advanced-table__actions\">\n      {{yield (hash FilterBar=(component HdsFilterBar)) to=\"actions\"}}\n    </div>\n  {{/if}}\n\n  <div class=\"hds-advanced-table__container\n      {{(if this.isStickyHeaderPinned \"hds-advanced-table__container--header-is-pinned\")}}\" {{this._syncSortArgs}} ...attributes>\n    {{!-- Caption --}}\n    <div id={{this._captionId}} class=\"sr-only hds-advanced-table__caption\" aria-live=\"polite\">\n      {{@caption}}\n      {{this.sortedMessageText}}\n      {{this.reorderedMessageText}}\n    </div>\n\n    <HdsAdvancedTableColumnManager @columns={{@columns}} @columnOrder={{@columnOrder}} @hasReorderableColumns={{@hasReorderableColumns}} @hasStickyFirstColumn={{this.hasStickyFirstColumn}} @isSelectable={{@isSelectable}} @onColumnReorder={{this._onColumnReorder}} as |CM|>\n      <HdsComposite as |C|>\n        {{!-- Grid --}}\n        <div class={{this.classNames}} role=\"grid\" aria-describedby={{this._captionId}} {{style grid-template-columns=CM.gridTemplateColumns --hds-advanced-table-sticky-column-offset=this.stickyColumnOffset max-height=@maxHeight}} {{this._setUpScrollWrapper}} {{CM.syncColumnOrder CM.columns @columnOrder}} {{CM.syncWidthValues}} {{C.composite}}>\n          {{!-- Header --}}\n          <div class={{this.theadClassNames}} role=\"rowgroup\" {{this._setUpThead}} {{on \"dragleave\" (fn CM.setReorderHoveredColumnKey null)}}>\n            <HdsAdvancedTableTr @compositeGroup={{C.group}} @compositeItem={{C.item}} @selectionScope=\"col\" @onClickSortBySelected={{if @selectableColumnKey (fn this.setSortBy @selectableColumnKey)}} @sortBySelectedOrder={{if (eq this.currentSortBy @selectableColumnKey) this.currentSortOrder}} @isSelectable={{this.isSelectable}} @onSelectionChange={{this.onSelectionAllChange}} @didInsert={{this.didInsertSelectAllCheckbox}} @willDestroy={{this.willDestroySelectAllCheckbox}} @selectionAriaLabelSuffix=\"all rows\" @hasStickyColumn={{this.hasStickyFirstColumn}} @isStickyColumnPinned={{this.isStickyColumnPinned}}>\n              {{#each CM.orderedColumns as |column|}}\n                <HdsAdvancedTableTh @align={{column.align}} @column={{column}} @compositeItem={{C.item}} @draggedColumnKey={{CM.draggedColumnKey}} @firstColumnKey={{CM.firstColumnKey}} @firstNonStickyColumnKey={{CM.firstNonStickyColumnKey}} @hasReorderableColumns={{@hasReorderableColumns}} @hasResizableColumns={{@hasResizableColumns}} @hasSelectableRows={{this.isSelectable}} @hasStickyFirstColumn={{this.hasStickyFirstColumn}} @isStickyColumn={{if (and (eq column.key CM.firstColumnKey) (notEq this.hasStickyFirstColumn undefined)) this.hasStickyFirstColumn undefined}} @isStickyColumnPinned={{this.isStickyColumnPinned}} @lastColumnKey={{CM.lastColumnKey}} @reorderHoveredColumnKey={{CM.reorderHoveredColumnKey}} @draggedColumnSiblingColumnKeys={{if CM.draggedColumnKey (CM.getSiblingColumnKeys CM.draggedColumnKey)}} @siblingColumnKeys={{CM.getSiblingColumnKeys column.key}} @tableHeight={{this._tableHeight}} @tooltip={{column.tooltip}} @hasExpandAllButton={{this.hasRowsWithChildren}} @isExpanded={{this.isAllExpanded}} @isExpandable={{column.isExpandable}} @sortOrder={{if (eq column.key this.currentSortBy) this.currentSortOrder}} @onApplyTransientWidth={{CM.applyTransientWidth}} @onClickSort={{if column.isSortable (fn this.setSortBy column.key)}} @onClickToggle={{this.toggleExpandAll}} @onColumnResize={{@onColumnResize}} @onGetAppliedWidth={{CM.getAppliedWidth}} @onGetColumnByKey={{CM.getColumnByKey}} @onMoveColumnToTerminalPosition={{CM.moveColumnToTerminalPosition}} @onPinFirstColumn={{this._onPinFirstColumn}} @onReorderDrop={{CM.moveColumnToDropTarget}} @onRestoreColumnWidth={{CM.restoreColumnWidth}} @onResetTransientColumnWidths={{CM.resetTransientColumnWidths}} @onSetDraggedColumnKey={{CM.setDraggedColumnKey}} @onSetReorderHoveredColumnKey={{CM.setReorderHoveredColumnKey}} @onSetTransientColumnWidth={{CM.setTransientColumnWidth}} @onSetTransientColumnWidths={{CM.setTransientColumnWidths}} @onStepColumn={{CM.stepColumn}} @onUpdateResizeDebt={{CM.updateResizeDebt}} {{CM.syncThElements column.key}}>\n                  {{column.label}}\n                </HdsAdvancedTableTh>\n              {{/each}}\n            </HdsAdvancedTableTr>\n\n            {{#if this.showScrollIndicatorTop}}\n              <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-top\" />\n            {{/if}}\n          </div>\n\n          {{!-- Body --}}\n          <HdsAdvancedTableBody @childrenKey={{this.childrenKey}} @expandedRowIds={{this.expandedRowIds}} {{!-- @glint-expect-error: [HDS-4380](https://hashicorp.atlassian.net/browse/HDS-4380) --}} @sortedModel={{sortBy this.sortCriteria @model}} as |B|>\n            {{#each B.rows key=\"id\" as |row index|}}\n              {{#let (and (not this.hasRowsWithChildren) (not row.hasChildren)) as |isSelectionAllowed|}}\n                {{yield (hash Tr=(this.asTr (component HdsAdvancedTableTr columnOrder=CM.columnOrder compositeGroup=C.group compositeItem=C.item data=(this.asRowData row.source) depth=row.depth isCompositeItemDisabled=(not row.isVisible) isParentRow=row.hasChildren isLastRow=(and (eq row.id B.lastVisibleRowId) (notEq B.lastVisibleRowId undefined)) displayRow=row.isVisible selectionScope=(if isSelectionAllowed (this.asScope \"row\")) isSelectable=(if isSelectionAllowed this.isSelectable) onSelectionChange=(if isSelectionAllowed this.onSelectionRowChange) didInsert=(if isSelectionAllowed this.didInsertRowCheckbox) willDestroy=(if isSelectionAllowed this.willDestroyRowCheckbox) hasStickyColumn=this.hasStickyFirstColumn isStickyColumnPinned=this.isStickyColumnPinned)) Th=(component HdsAdvancedTableTh compositeItem=C.item isCompositeItemDisabled=(not row.isVisible) isExpandable=row.hasChildren isExpanded=row.isExpanded onClickToggle=(fn this.toggleRow row.id) depth=row.depth scope=\"row\" newLabel=row.id parentId=undefined isStickyColumnPinned=this.isStickyColumnPinned) Td=(component HdsAdvancedTableTd align=@align compositeItem=C.item isCompositeItemDisabled=(not row.isVisible)) data=(this.asRowData row.source) rowIndex=index isOpen=row.isExpanded) to=\"body\"}}\n              {{/let}}\n            {{/each}}\n          </HdsAdvancedTableBody>\n        </div>\n      </HdsComposite>\n    </HdsAdvancedTableColumnManager>\n\n    {{!-- Empty state --}}\n    {{#if this.isEmpty}}\n      <div class=\"hds-advanced-table__empty-state\">\n        {{#if (has-block \"emptyState\")}}\n          {{yield to=\"emptyState\"}}\n        {{else}}\n          <HdsApplicationState as |A|>\n            <A.Header @title={{hdsT \"hds.components.advanced-table.empty-state.title\" default=\"No data available\"}} />\n            <A.Body @text={{hdsT \"hds.components.advanced-table.empty-state.description\" default=\"There is currently no data to display in the table.\"}} />\n          </HdsApplicationState>\n        {{/if}}\n      </div>\n    {{/if}}\n\n    {{#if this.showScrollIndicatorLeft}}\n      <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-left\" {{style height=this.scrollIndicatorDimensions.height left=this.scrollIndicatorDimensions.left}} />\n    {{/if}}\n\n    {{#if this.showScrollIndicatorRight}}\n      <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-right\" {{style height=this.scrollIndicatorDimensions.height right=this.scrollIndicatorDimensions.right}} />\n    {{/if}}\n\n    {{#if (and this.showScrollIndicatorBottom (not this.isEmpty))}}\n      <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-bottom\" {{style bottom=this.scrollIndicatorDimensions.bottom width=this.scrollIndicatorDimensions.width}} />\n    {{/if}}\n  </div>\n</div>", {
+    setComponentTemplate(precompileTemplate("<div class=\"hds-advanced-table__actions-container-wrapper\">\n  {{#if (has-block \"actions\")}}\n    <div class=\"hds-advanced-table__actions\">\n      {{yield (hash FilterBar=(component HdsFilterBar)) to=\"actions\"}}\n    </div>\n  {{/if}}\n\n  <div class=\"hds-advanced-table__container\n      {{(if this.isStickyHeaderPinned \"hds-advanced-table__container--header-is-pinned\")}}\" {{this._syncSortArgs}} ...attributes>\n    {{!-- Caption --}}\n    <div id={{this._captionId}} class=\"sr-only hds-advanced-table__caption\" aria-live=\"polite\">\n      {{@caption}}\n      {{this.sortedMessageText}}\n      {{this.reorderedMessageText}}\n    </div>\n\n    <HdsAdvancedTableColumnManager @columns={{@columns}} @columnOrder={{@columnOrder}} @hasReorderableColumns={{@hasReorderableColumns}} @hasStickyFirstColumn={{this.hasStickyFirstColumn}} @isSelectable={{@isSelectable}} @onColumnReorder={{this._onColumnReorder}} as |CM|>\n      <HdsComposite as |C|>\n        {{!-- Grid --}}\n        <div class={{this.classNames}} role=\"grid\" aria-describedby={{this._captionId}} {{style grid-template-columns=CM.gridTemplateColumns --hds-advanced-table-sticky-column-offset=this.stickyColumnOffset max-height=@maxHeight}} {{this._setUpScrollWrapper}} {{CM.syncColumnOrder CM.columns @columnOrder}} {{CM.syncWidthValues}} {{C.composite}}>\n          {{!-- Header --}}\n          <div class={{this.theadClassNames}} role=\"rowgroup\" {{this._setUpThead}} {{on \"dragleave\" (fn CM.setReorderHoveredColumnKey null)}}>\n            <HdsAdvancedTableTr @compositeGroup={{C.group}} @compositeItem={{C.item}} @selectionScope=\"col\" @onClickSortBySelected={{if @selectableColumnKey (fn this.setSortBy @selectableColumnKey)}} @sortBySelectedOrder={{if (eq this.currentSortBy @selectableColumnKey) this.currentSortOrder}} @isSelectable={{this.isSelectable}} @onSelectionChange={{this.onSelectionAllChange}} @didInsert={{this.didInsertSelectAllCheckbox}} @willDestroy={{this.willDestroySelectAllCheckbox}} @selectionAriaLabelSuffix=\"all rows\" @hasStickyColumn={{this.hasStickyFirstColumn}} @isStickyColumnPinned={{this.isStickyColumnPinned}}>\n              {{#each CM.orderedColumns as |column|}}\n                <HdsAdvancedTableTh @align={{column.align}} @column={{column}} @compositeItem={{C.item}} @draggedColumnKey={{CM.draggedColumnKey}} @firstColumnKey={{CM.firstColumnKey}} @firstNonStickyColumnKey={{CM.firstNonStickyColumnKey}} @hasReorderableColumns={{@hasReorderableColumns}} @hasResizableColumns={{@hasResizableColumns}} @hasSelectableRows={{this.isSelectable}} @hasStickyFirstColumn={{this.hasStickyFirstColumn}} @isStickyColumn={{if (and (eq column.key CM.firstColumnKey) (notEq this.hasStickyFirstColumn undefined)) this.hasStickyFirstColumn undefined}} @isStickyColumnPinned={{this.isStickyColumnPinned}} @lastColumnKey={{CM.lastColumnKey}} @reorderHoveredColumnKey={{CM.reorderHoveredColumnKey}} @draggedColumnSiblingColumnKeys={{if CM.draggedColumnKey (CM.getSiblingColumnKeys CM.draggedColumnKey)}} @tableHeight={{this._tableHeight}} @tooltip={{column.tooltip}} @hasExpandAllButton={{this.hasRowsWithChildren}} @isExpanded={{this.isAllExpanded}} @isExpandable={{column.isExpandable}} @sortOrder={{if (eq column.key this.currentSortBy) this.currentSortOrder}} @onBeginColumnResize={{CM.beginColumnResize}} @onClickSort={{if column.isSortable (fn this.setSortBy column.key)}} @onClickToggle={{this.toggleExpandAll}} @onColumnResize={{@onColumnResize}} @onCommitColumnWidths={{CM.commitColumnWidths}} @onGetAppliedWidth={{CM.getAppliedWidth}} @onGetRenderedWidth={{CM.getRenderedWidth}} @onMoveColumnToTerminalPosition={{CM.moveColumnToTerminalPosition}} @onPinFirstColumn={{this._onPinFirstColumn}} @onReorderDrop={{CM.moveColumnToDropTarget}} @onResetTransientColumnWidths={{CM.resetTransientColumnWidths}} @onResizeColumnByDelta={{CM.resizeColumnByDelta}} @onRestoreColumnWidth={{CM.restoreColumnWidth}} @onSetDraggedColumnKey={{CM.setDraggedColumnKey}} @onSetReorderHoveredColumnKey={{CM.setReorderHoveredColumnKey}} @onStepColumn={{CM.stepColumn}} {{CM.syncThElements column.key}}>\n                  {{column.label}}\n                </HdsAdvancedTableTh>\n              {{/each}}\n            </HdsAdvancedTableTr>\n\n            {{#if this.showScrollIndicatorTop}}\n              <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-top\" />\n            {{/if}}\n          </div>\n\n          {{!-- Body --}}\n          <HdsAdvancedTableBody @childrenKey={{this.childrenKey}} @expandedRowIds={{this.expandedRowIds}} {{!-- @glint-expect-error: [HDS-4380](https://hashicorp.atlassian.net/browse/HDS-4380) --}} @sortedModel={{sortBy this.sortCriteria @model}} as |B|>\n            {{#each B.rows key=\"id\" as |row index|}}\n              {{#let (and (not this.hasRowsWithChildren) (not row.hasChildren)) as |isSelectionAllowed|}}\n                {{yield (hash Tr=(this.asTr (component HdsAdvancedTableTr columnOrder=CM.columnOrder compositeGroup=C.group compositeItem=C.item data=(this.asRowData row.source) depth=row.depth isCompositeItemDisabled=(not row.isVisible) isParentRow=row.hasChildren isLastRow=(and (eq row.id B.lastVisibleRowId) (notEq B.lastVisibleRowId undefined)) displayRow=row.isVisible selectionScope=(if isSelectionAllowed (this.asScope \"row\")) isSelectable=(if isSelectionAllowed this.isSelectable) onSelectionChange=(if isSelectionAllowed this.onSelectionRowChange) didInsert=(if isSelectionAllowed this.didInsertRowCheckbox) willDestroy=(if isSelectionAllowed this.willDestroyRowCheckbox) hasStickyColumn=this.hasStickyFirstColumn isStickyColumnPinned=this.isStickyColumnPinned)) Th=(component HdsAdvancedTableTh compositeItem=C.item isCompositeItemDisabled=(not row.isVisible) isExpandable=row.hasChildren isExpanded=row.isExpanded onClickToggle=(fn this.toggleRow row.id) depth=row.depth scope=\"row\" newLabel=row.id parentId=undefined isStickyColumnPinned=this.isStickyColumnPinned) Td=(component HdsAdvancedTableTd align=@align compositeItem=C.item isCompositeItemDisabled=(not row.isVisible)) data=(this.asRowData row.source) rowIndex=index isOpen=row.isExpanded) to=\"body\"}}\n              {{/let}}\n            {{/each}}\n          </HdsAdvancedTableBody>\n        </div>\n      </HdsComposite>\n    </HdsAdvancedTableColumnManager>\n\n    {{!-- Empty state --}}\n    {{#if this.isEmpty}}\n      <div class=\"hds-advanced-table__empty-state\">\n        {{#if (has-block \"emptyState\")}}\n          {{yield to=\"emptyState\"}}\n        {{else}}\n          <HdsApplicationState as |A|>\n            <A.Header @title={{hdsT \"hds.components.advanced-table.empty-state.title\" default=\"No data available\"}} />\n            <A.Body @text={{hdsT \"hds.components.advanced-table.empty-state.description\" default=\"There is currently no data to display in the table.\"}} />\n          </HdsApplicationState>\n        {{/if}}\n      </div>\n    {{/if}}\n\n    {{#if this.showScrollIndicatorLeft}}\n      <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-left\" {{style height=this.scrollIndicatorDimensions.height left=this.scrollIndicatorDimensions.left}} />\n    {{/if}}\n\n    {{#if this.showScrollIndicatorRight}}\n      <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-right\" {{style height=this.scrollIndicatorDimensions.height right=this.scrollIndicatorDimensions.right}} />\n    {{/if}}\n\n    {{#if (and this.showScrollIndicatorBottom (not this.isEmpty))}}\n      <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-bottom\" {{style bottom=this.scrollIndicatorDimensions.bottom width=this.scrollIndicatorDimensions.width}} />\n    {{/if}}\n  </div>\n</div>", {
       strictMode: true,
       scope: () => ({
         hash,
@@ -1691,4 +1576,4 @@ class HdsAdvancedTable extends Component {
 }
 
 export { ALIGNMENTS as A, BORDER_WIDTH as B, DEFAULT_ALIGN as D, HdsAdvancedTable as H, VALIGNMENTS as V, HdsAdvancedTableTh as a, HdsAdvancedTableThSelectable as b, HdsAdvancedTableTr as c, HdsAdvancedTableThResizeHandle as d, HdsAdvancedTableThReorderDropTarget as e, DEFAULT_DENSITY as f, DEFAULT_VALIGN as g, DENSITIES as h };
-//# sourceMappingURL=index-DtMB-P9m.js.map
+//# sourceMappingURL=index-Cx64Nvu4.js.map