@sebgroup/green-core 3.24.1 → 3.24.2

package/components/table/table.component.js

@@ -4,8 +4,8 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "../../chunks/chunk.CAV4X6PU.js";
-var _cache, _cacheDuration, _isResponsiveStacked, isResponsiveStacked_get, _isExpandableEnabled, isExpandableEnabled_get, _isSelectableEnabled, isSelectableEnabled_get, _Density, Density_get, _expandTransitionTimers, _expandedLoadingExitDuration, _expandedLoadingDelay, _expandedFullSlotKeys, _pendingExpandedFullSlotRefresh, _appliedStickyOffsets, _hasSelection, hasSelection_get, _isAllSelected, isAllSelected_get, _isPartialSelection, isPartialSelection_get, _expandableIndices, expandableIndices_get, _isAllExpanded, isAllExpanded_get, _getCacheKey, getCacheKey_fn, _clearExpansionTransitionTimer, clearExpansionTransitionTimer_fn, _clearExpansionLoadingState, clearExpansionLoadingState_fn, _clearAllExpansionLoadingStates, clearAllExpansionLoadingStates_fn, _scheduleExpansionContentReveal, scheduleExpansionContentReveal_fn, _isCacheValid, isCacheValid_fn, _getControlledColumnSort, getControlledColumnSort_fn, _loadData, loadData_fn, _queueExpandedFullSlotRefresh, queueExpandedFullSlotRefresh_fn, _getStickyBorderKeys, getStickyBorderKeys_fn, _updateStickyOffsets, updateStickyOffsets_fn, _getRowKey, getRowKey_fn, _renderCellWrapped, renderCellWrapped_fn, _renderMobileLabel, renderMobileLabel_fn, _renderSlotElement, renderSlotElement_fn, _renderCellContent, renderCellContent_fn, _renderSortIcon, renderSortIcon_fn, _hasHeaderContent, hasHeaderContent_fn, _renderHeaderControls, renderHeaderControls_fn, _renderColumnHeader, renderColumnHeader_fn, _renderSelectableHeader, renderSelectableHeader_fn, _renderExpandableHeader, renderExpandableHeader_fn, _getRowSubRowsSource, getRowSubRowsSource_fn, _getRowFullContentSource, getRowFullContentSource_fn, _getExpandedRows, getExpandedRows_fn, _hasAsyncSubRows, hasAsyncSubRows_fn, _hasAsyncFullContent, hasAsyncFullContent_fn, _getSubRowCount, getSubRowCount_fn, _hasExpandedFullSlot, hasExpandedFullSlot_fn, _hasExpandedFullContent, hasExpandedFullContent_fn, _refreshExpandedFullSlotKeys, refreshExpandedFullSlotKeys_fn, _isRowExpandable, isRowExpandable_fn, _getExpandedGroupId, getExpandedGroupId_fn, _getRenderedColumnCount, getRenderedColumnCount_fn, _renderColumnHeaders, renderColumnHeaders_fn, _renderTableHeader, renderTableHeader_fn, _renderTableCell, renderTableCell_fn, _renderExpandableCell, renderExpandableCell_fn, _renderSelectableCell, renderSelectableCell_fn, _renderRowCells, renderRowCells_fn, _renderFullWidthDetailsRow, renderFullWidthDetailsRow_fn, _renderExpandedLoadingRow, renderExpandedLoadingRow_fn, _renderExpandedLoadingRows, renderExpandedLoadingRows_fn, _renderExpandedFullLoadingRow, renderExpandedFullLoadingRow_fn, _getExpandedChildRowClasses, getExpandedChildRowClasses_fn, _getTableRowClasses, getTableRowClasses_fn, _getRowAriaExpanded, getRowAriaExpanded_fn, _getTableRowPresentation, getTableRowPresentation_fn, _renderExpandedChildRow, renderExpandedChildRow_fn, _getRowExpansionLoadingKind, getRowExpansionLoadingKind_fn, _getRowExpansionState, getRowExpansionState_fn, _renderExpandedRowContent, renderExpandedRowContent_fn, _renderTableRow, renderTableRow_fn, _renderCheckbox, renderCheckbox_fn, _renderSkeletonCell, renderSkeletonCell_fn, _renderSkeletonRow, renderSkeletonRow_fn, _renderTableBody, renderTableBody_fn, _renderTableFoot, renderTableFoot_fn, _renderTable, renderTable_fn, _renderErrorState, renderErrorState_fn, _renderEmptyState, renderEmptyState_fn, _renderFooter, renderFooter_fn, _renderHeadline, renderHeadline_fn, _handleSearch, handleSearch_fn, _handleSearchClear, handleSearchClear_fn, _handleSort, handleSort_fn, _handlePageChange, handlePageChange_fn, _handlePageSizeChange, handlePageSizeChange_fn, _handleColumnVisibility, handleColumnVisibility_fn, _handleSelectAll, handleSelectAll_fn, _handleRowSelect, handleRowSelect_fn, _handleExpandToggle, handleExpandToggle_fn, _handleExpandAll, handleExpandAll_fn, _emitExpandChange, emitExpandChange_fn, _resolveExpandedContent, resolveExpandedContent_fn, _setRowExpanded, setRowExpanded_fn, _selectAllInternal, selectAllInternal_fn, _clearSelectionInternal, clearSelectionInternal_fn, _emitSelectionChange, emitSelectionChange_fn, _initializeScrollTracking, initializeScrollTracking_fn, _updateVerticalScrollState, updateVerticalScrollState_fn, _updateHorizontalScrollState, updateHorizontalScrollState_fn;
+} from "../../chunks/chunk.QU3DSPNU.js";
+var _cache, _cacheDuration, _GdsTable_instances, isResponsiveStacked_get, isExpandableEnabled_get, isSelectableEnabled_get, Density_get, _expandTransitionTimers, _expandedLoadingExitDuration, _expandedLoadingDelay, _expandedFullSlotKeys, _pendingExpandedFullSlotRefresh, _appliedStickyOffsets, hasSelection_get, isAllSelected_get, isPartialSelection_get, expandableIndices_get, isAllExpanded_get, getCacheKey_fn, clearExpansionTransitionTimer_fn, clearExpansionLoadingState_fn, clearAllExpansionLoadingStates_fn, scheduleExpansionContentReveal_fn, isCacheValid_fn, getControlledColumnSort_fn, loadData_fn, queueExpandedFullSlotRefresh_fn, getStickyBorderKeys_fn, updateStickyOffsets_fn, getRowKey_fn, renderCellWrapped_fn, renderMobileLabel_fn, renderSlotElement_fn, renderCellContent_fn, renderSortIcon_fn, hasHeaderContent_fn, renderHeaderControls_fn, renderColumnHeader_fn, renderSelectableHeader_fn, renderExpandableHeader_fn, getRowSubRowsSource_fn, getRowFullContentSource_fn, getExpandedRows_fn, hasAsyncSubRows_fn, hasAsyncFullContent_fn, getSubRowCount_fn, hasExpandedFullSlot_fn, hasExpandedFullContent_fn, refreshExpandedFullSlotKeys_fn, isRowExpandable_fn, getExpandedGroupId_fn, getRenderedColumnCount_fn, renderColumnHeaders_fn, renderTableHeader_fn, renderTableCell_fn, renderExpandableCell_fn, renderSelectableCell_fn, renderRowCells_fn, renderFullWidthDetailsRow_fn, renderExpandedLoadingRow_fn, renderExpandedLoadingRows_fn, renderExpandedFullLoadingRow_fn, getExpandedChildRowClasses_fn, getTableRowClasses_fn, getRowAriaExpanded_fn, getTableRowPresentation_fn, renderExpandedChildRow_fn, getRowExpansionLoadingKind_fn, getRowExpansionState_fn, renderExpandedRowContent_fn, renderTableRow_fn, renderCheckbox_fn, renderSkeletonCell_fn, renderSkeletonRow_fn, renderTableBody_fn, renderTableFoot_fn, renderTable_fn, renderErrorState_fn, renderEmptyState_fn, renderFooter_fn, renderHeadline_fn, handleSearch_fn, handleSearchClear_fn, handleSort_fn, handlePageChange_fn, handlePageSizeChange_fn, handleColumnVisibility_fn, handleSelectAll_fn, handleRowSelect_fn, handleExpandToggle_fn, handleExpandAll_fn, emitExpandChange_fn, resolveExpandedContent_fn, setRowExpanded_fn, selectAllInternal_fn, clearSelectionInternal_fn, emitSelectionChange_fn, initializeScrollTracking_fn, updateVerticalScrollState_fn, updateHorizontalScrollState_fn;
 import { localized, msg } from "@lit/localize";
 import { property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -39,177 +39,7 @@ let GdsTable = class extends withSizeXProps(
 ) {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _isResponsiveStacked);
-    __privateAdd(this, _isExpandableEnabled);
-    __privateAdd(this, _isSelectableEnabled);
-    /**
-     * Get the current density configuration
-     */
-    __privateAdd(this, _Density);
-    __privateAdd(this, _hasSelection);
-    __privateAdd(this, _isAllSelected);
-    __privateAdd(this, _isPartialSelection);
-    __privateAdd(this, _expandableIndices);
-    __privateAdd(this, _isAllExpanded);
-    __privateAdd(this, _getCacheKey);
-    __privateAdd(this, _clearExpansionTransitionTimer);
-    __privateAdd(this, _clearExpansionLoadingState);
-    __privateAdd(this, _clearAllExpansionLoadingStates);
-    __privateAdd(this, _scheduleExpansionContentReveal);
-    __privateAdd(this, _isCacheValid);
-    __privateAdd(this, _getControlledColumnSort);
-    __privateAdd(this, _loadData);
-    __privateAdd(this, _queueExpandedFullSlotRefresh);
-    /**
-     * Returns the column keys for the rightmost sticky-left and leftmost sticky-right
-     * visible columns — these are the ones that get the divider border.
-     */
-    __privateAdd(this, _getStickyBorderKeys);
-    /**
-     * Measures built-in and user-defined sticky column widths from the DOM
-     * and applies matching left/right inline styles to every cell in each
-     * sticky column. Uses offsetWidth (layout-relative, scroll-independent).
-     */
-    __privateAdd(this, _updateStickyOffsets);
-    /**
-     * Gets the unique key for slot naming (prioritizes: custom key > row.id > index)
-     */
-    __privateAdd(this, _getRowKey);
-    __privateAdd(this, _renderCellWrapped);
-    __privateAdd(this, _renderMobileLabel);
-    __privateAdd(this, _renderSlotElement);
-    /**
-     * Renders cell content with proper ordering and wrapping.
-     *
-     * **Slot-based content:**
-     * - Renders in exact order: ['lead', 'value', 'button'] → icon, text, button
-     * - Wraps value when column.justify is set (for flexbox)
-     * - Slots stay unwrapped
-     *
-     * **Plain content:**
-     * - Wraps when column.justify is set, otherwise renders directly
-     */
-    __privateAdd(this, _renderCellContent);
-    __privateAdd(this, _renderSortIcon);
-    __privateAdd(this, _hasHeaderContent);
-    __privateAdd(this, _renderHeaderControls);
-    __privateAdd(this, _renderColumnHeader);
-    __privateAdd(this, _renderSelectableHeader);
-    __privateAdd(this, _renderExpandableHeader);
-    __privateAdd(this, _getRowSubRowsSource);
-    __privateAdd(this, _getRowFullContentSource);
-    __privateAdd(this, _getExpandedRows);
-    __privateAdd(this, _hasAsyncSubRows);
-    __privateAdd(this, _hasAsyncFullContent);
-    __privateAdd(this, _getSubRowCount);
-    __privateAdd(this, _hasExpandedFullSlot);
-    __privateAdd(this, _hasExpandedFullContent);
-    __privateAdd(this, _refreshExpandedFullSlotKeys);
-    __privateAdd(this, _isRowExpandable);
-    __privateAdd(this, _getExpandedGroupId);
-    __privateAdd(this, _getRenderedColumnCount);
-    __privateAdd(this, _renderColumnHeaders);
-    __privateAdd(this, _renderTableHeader);
-    __privateAdd(this, _renderTableCell);
-    __privateAdd(this, _renderExpandableCell);
-    __privateAdd(this, _renderSelectableCell);
-    __privateAdd(this, _renderRowCells);
-    __privateAdd(this, _renderFullWidthDetailsRow);
-    __privateAdd(this, _renderExpandedLoadingRow);
-    __privateAdd(this, _renderExpandedLoadingRows);
-    __privateAdd(this, _renderExpandedFullLoadingRow);
-    __privateAdd(this, _getExpandedChildRowClasses);
-    __privateAdd(this, _getTableRowClasses);
-    __privateAdd(this, _getRowAriaExpanded);
-    __privateAdd(this, _getTableRowPresentation);
-    __privateAdd(this, _renderExpandedChildRow);
-    __privateAdd(this, _getRowExpansionLoadingKind);
-    __privateAdd(this, _getRowExpansionState);
-    __privateAdd(this, _renderExpandedRowContent);
-    /* Main Table Row · Render */
-    __privateAdd(this, _renderTableRow);
-    __privateAdd(this, _renderCheckbox);
-    __privateAdd(this, _renderSkeletonCell);
-    __privateAdd(this, _renderSkeletonRow);
-    __privateAdd(this, _renderTableBody);
-    __privateAdd(this, _renderTableFoot);
-    __privateAdd(this, _renderTable);
-    __privateAdd(this, _renderErrorState);
-    __privateAdd(this, _renderEmptyState);
-    __privateAdd(this, _renderFooter);
-    __privateAdd(this, _renderHeadline);
-    /**
-     * Handles search input changes
-     * Resets to first page and triggers data reload with search query
-     */
-    __privateAdd(this, _handleSearch);
-    /**
-     * Handles search input clear action
-     * Resets search query and reloads data
-     */
-    __privateAdd(this, _handleSearchClear);
-    /**
-     * Handles column sort click
-     * Toggles sort direction if same column, otherwise sets new sort column
-     */
-    __privateAdd(this, _handleSort);
-    /**
-     * Handles pagination page change
-     */
-    __privateAdd(this, _handlePageChange);
-    /**
-     * Handles pagination page size change
-     * Resets to first page when page size changes
-     */
-    __privateAdd(this, _handlePageSizeChange);
-    /**
-     * Handles column visibility dropdown changes
-     * Updates visible columns set and triggers re-render
-     */
-    __privateAdd(this, _handleColumnVisibility);
-    /**
-     * Handles select all checkbox change
-     * Toggles between all selected and none selected
-     */
-    __privateAdd(this, _handleSelectAll);
-    /**
-     * Handles individual row selection change
-     */
-    __privateAdd(this, _handleRowSelect);
-    __privateAdd(this, _handleExpandToggle);
-    __privateAdd(this, _handleExpandAll);
-    __privateAdd(this, _emitExpandChange);
-    __privateAdd(this, _resolveExpandedContent);
-    __privateAdd(this, _setRowExpanded);
-    /**
-     * Internal method to select all rows
-     */
-    __privateAdd(this, _selectAllInternal);
-    /**
-     * Internal method to clear all selections
-     */
-    __privateAdd(this, _clearSelectionInternal);
-    /**
-     * Emits selection change event with current selection details
-     */
-    __privateAdd(this, _emitSelectionChange);
-    /**
-     * Initializes scroll tracking for the table data container.
-     * Sets up event listeners and performs initial scroll state check.
-     */
-    __privateAdd(this, _initializeScrollTracking);
-    /**
-     * Updates CSS classes based on vertical scroll position.
-     * Adds 'scrolled' class when scrolled down from top.
-     * Adds 'scrolled-bottom' class when not scrolled to the very bottom.
-     */
-    __privateAdd(this, _updateVerticalScrollState);
-    /**
-     * Updates CSS classes based on horizontal scroll position.
-     * Manages 'scrolled-x-start', 'scrolled-x-middle', and 'scrolled-x-end' classes
-     * to indicate scroll position for styling purposes (e.g., shadows, sticky columns).
-     */
-    __privateAdd(this, _updateHorizontalScrollState);
+    __privateAdd(this, _GdsTable_instances);
     __privateAdd(this, _cache, {});
     __privateAdd(this, _cacheDuration, 5 * 60 * 1e3);
     this.headlineTag = "h2";
@@ -257,19 +87,19 @@ let GdsTable = class extends withSizeXProps(
   }
   _onDataChange() {
     __privateSet(this, _cache, {});
-    __privateMethod(this, _loadData, loadData_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
   }
   _onPageChange() {
     this._view = { ...this._view, page: Number(this.page ?? 1) };
-    __privateMethod(this, _loadData, loadData_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
   }
   _onRowsChange() {
     this._view = { ...this._view, rows: Number(this.rows ?? 10), page: 1 };
-    __privateMethod(this, _loadData, loadData_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
   }
   _onColumnsChange() {
     __privateSet(this, _cache, {});
-    const controlledSort = __privateMethod(this, _getControlledColumnSort, getControlledColumnSort_fn).call(this);
+    const controlledSort = __privateMethod(this, _GdsTable_instances, getControlledColumnSort_fn).call(this);
     const previousSortColumn = this._view.sortColumn;
     const previousSortDirection = this._view.sortDirection;
     this._view = {
@@ -284,27 +114,27 @@ let GdsTable = class extends withSizeXProps(
     };
     const sortChanged = !!controlledSort && (controlledSort.column !== previousSortColumn || controlledSort.direction !== previousSortDirection);
     if (sortChanged) {
-      void __privateMethod(this, _loadData, loadData_fn).call(this);
+      void __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
     }
   }
   connectedCallback() {
     super.connectedCallback();
     this.updateComplete.then(() => {
-      __privateMethod(this, _initializeScrollTracking, initializeScrollTracking_fn).call(this);
-      __privateMethod(this, _updateStickyOffsets, updateStickyOffsets_fn).call(this);
-      __privateMethod(this, _refreshExpandedFullSlotKeys, refreshExpandedFullSlotKeys_fn).call(this);
+      __privateMethod(this, _GdsTable_instances, initializeScrollTracking_fn).call(this);
+      __privateMethod(this, _GdsTable_instances, updateStickyOffsets_fn).call(this);
+      __privateMethod(this, _GdsTable_instances, refreshExpandedFullSlotKeys_fn).call(this);
     });
   }
   _handleLightDOMSlotsChange() {
-    __privateMethod(this, _queueExpandedFullSlotRefresh, queueExpandedFullSlotRefresh_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, queueExpandedFullSlotRefresh_fn).call(this);
   }
   _handleStickyColumnResize() {
-    __privateMethod(this, _updateStickyOffsets, updateStickyOffsets_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, updateStickyOffsets_fn).call(this);
   }
   updated(changedProperties) {
     super.updated(changedProperties);
     __privateSet(this, _appliedStickyOffsets, null);
-    __privateMethod(this, _updateStickyOffsets, updateStickyOffsets_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, updateStickyOffsets_fn).call(this);
   }
   render() {
     const classes = {
@@ -316,18 +146,18 @@ let GdsTable = class extends withSizeXProps(
     return html`
       <div class="${classMap(classes)}">
         ${[
-      __privateMethod(this, _renderHeadline, renderHeadline_fn).call(this),
-      __privateMethod(this, _renderHeaderControls, renderHeaderControls_fn).call(this),
+      __privateMethod(this, _GdsTable_instances, renderHeadline_fn).call(this),
+      __privateMethod(this, _GdsTable_instances, renderHeaderControls_fn).call(this),
       when(
         this._error,
-        () => __privateMethod(this, _renderErrorState, renderErrorState_fn).call(this),
+        () => __privateMethod(this, _GdsTable_instances, renderErrorState_fn).call(this),
         () => when(
           this._rowsState.length === 0 && !this._loading,
-          () => __privateMethod(this, _renderEmptyState, renderEmptyState_fn).call(this),
-          () => __privateMethod(this, _renderTable, renderTable_fn).call(this)
+          () => __privateMethod(this, _GdsTable_instances, renderEmptyState_fn).call(this),
+          () => __privateMethod(this, _GdsTable_instances, renderTable_fn).call(this)
         )
       ),
-      __privateMethod(this, _renderFooter, renderFooter_fn).call(this)
+      __privateMethod(this, _GdsTable_instances, renderFooter_fn).call(this)
     ]}
       </div>
     `;
@@ -337,15 +167,15 @@ let GdsTable = class extends withSizeXProps(
    * Clear all selections
    */
   clearSelection() {
-    __privateMethod(this, _clearSelectionInternal, clearSelectionInternal_fn).call(this);
-    __privateMethod(this, _emitSelectionChange, emitSelectionChange_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, clearSelectionInternal_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, emitSelectionChange_fn).call(this);
   }
   /**
    * Select all rows
    */
   selectAll() {
-    __privateMethod(this, _selectAllInternal, selectAllInternal_fn).call(this);
-    __privateMethod(this, _emitSelectionChange, emitSelectionChange_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, selectAllInternal_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, emitSelectionChange_fn).call(this);
   }
   /**
    * Select specific rows by indices
@@ -355,7 +185,7 @@ let GdsTable = class extends withSizeXProps(
       (i) => i >= 0 && i < this._rowsState.length
     );
     this._selected = new Set(validIndices);
-    __privateMethod(this, _emitSelectionChange, emitSelectionChange_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, emitSelectionChange_fn).call(this);
     this.requestUpdate();
   }
   /**
@@ -372,23 +202,22 @@ let GdsTable = class extends withSizeXProps(
    * Expand a specific row by index.
    */
   async expandRow(index) {
-    return __privateMethod(this, _setRowExpanded, setRowExpanded_fn).call(this, index, true);
+    return __privateMethod(this, _GdsTable_instances, setRowExpanded_fn).call(this, index, true);
   }
   /**
    * Collapse a specific row by index.
    */
   collapseRow(index) {
-    void __privateMethod(this, _setRowExpanded, setRowExpanded_fn).call(this, index, false);
+    void __privateMethod(this, _GdsTable_instances, setRowExpanded_fn).call(this, index, false);
     return true;
   }
   /**
    * Toggle expanded state for a specific row by index.
    */
   async toggleRowExpansion(index, rowOverride) {
-    if (index < 0 || index >= this._rowsState.length)
-      return false;
+    if (index < 0 || index >= this._rowsState.length) return false;
     const nextExpanded = !this._expanded.has(index);
-    return __privateMethod(this, _setRowExpanded, setRowExpanded_fn).call(this, index, nextExpanded, rowOverride);
+    return __privateMethod(this, _GdsTable_instances, setRowExpanded_fn).call(this, index, nextExpanded, rowOverride);
   }
   /**
    * Get currently expanded row indices.
@@ -399,19 +228,16 @@ let GdsTable = class extends withSizeXProps(
 };
 _cache = new WeakMap();
 _cacheDuration = new WeakMap();
-_isResponsiveStacked = new WeakSet();
+_GdsTable_instances = new WeakSet();
 isResponsiveStacked_get = function() {
   return this.responsive && this._isMobile;
 };
-_isExpandableEnabled = new WeakSet();
 isExpandableEnabled_get = function() {
-  return !__privateGet(this, _isResponsiveStacked, isResponsiveStacked_get) && __privateGet(this, _expandableIndices, expandableIndices_get).length > 0;
+  return !__privateGet(this, _GdsTable_instances, isResponsiveStacked_get) && __privateGet(this, _GdsTable_instances, expandableIndices_get).length > 0;
 };
-_isSelectableEnabled = new WeakSet();
 isSelectableEnabled_get = function() {
-  return this.selectable && !__privateGet(this, _isResponsiveStacked, isResponsiveStacked_get);
+  return this.selectable && !__privateGet(this, _GdsTable_instances, isResponsiveStacked_get);
 };
-_Density = new WeakSet();
 Density_get = function() {
   return Types.DENSITY_CONFIG[this.density];
 };
@@ -421,28 +247,22 @@ _expandedLoadingDelay = new WeakMap();
 _expandedFullSlotKeys = new WeakMap();
 _pendingExpandedFullSlotRefresh = new WeakMap();
 _appliedStickyOffsets = new WeakMap();
-_hasSelection = new WeakSet();
 hasSelection_get = function() {
   return this._selected.size > 0;
 };
-_isAllSelected = new WeakSet();
 isAllSelected_get = function() {
   return this._rowsState.length > 0 && this._selected.size === this._rowsState.length;
 };
-_isPartialSelection = new WeakSet();
 isPartialSelection_get = function() {
-  return __privateGet(this, _hasSelection, hasSelection_get) && !__privateGet(this, _isAllSelected, isAllSelected_get);
+  return __privateGet(this, _GdsTable_instances, hasSelection_get) && !__privateGet(this, _GdsTable_instances, isAllSelected_get);
 };
-_expandableIndices = new WeakSet();
 expandableIndices_get = function() {
-  return this._rowsState.map((row, i) => __privateMethod(this, _isRowExpandable, isRowExpandable_fn).call(this, row, i) ? i : -1).filter((i) => i !== -1);
+  return this._rowsState.map((row, i) => __privateMethod(this, _GdsTable_instances, isRowExpandable_fn).call(this, row, i) ? i : -1).filter((i) => i !== -1);
 };
-_isAllExpanded = new WeakSet();
 isAllExpanded_get = function() {
-  const expandable = __privateGet(this, _expandableIndices, expandableIndices_get);
+  const expandable = __privateGet(this, _GdsTable_instances, expandableIndices_get);
   return expandable.length > 0 && expandable.every((i) => this._expanded.has(i));
 };
-_getCacheKey = new WeakSet();
 getCacheKey_fn = function() {
   return JSON.stringify({
     page: this._view.page,
@@ -452,17 +272,14 @@ getCacheKey_fn = function() {
     searchQuery: this._view.searchQuery
   });
 };
-_clearExpansionTransitionTimer = new WeakSet();
 clearExpansionTransitionTimer_fn = function(index) {
   const timer = __privateGet(this, _expandTransitionTimers).get(index);
-  if (timer === void 0)
-    return;
+  if (timer === void 0) return;
   window.clearTimeout(timer);
   __privateGet(this, _expandTransitionTimers).delete(index);
 };
-_clearExpansionLoadingState = new WeakSet();
 clearExpansionLoadingState_fn = function(index) {
-  __privateMethod(this, _clearExpansionTransitionTimer, clearExpansionTransitionTimer_fn).call(this, index);
+  __privateMethod(this, _GdsTable_instances, clearExpansionTransitionTimer_fn).call(this, index);
   if (this._expanding.has(index)) {
     const nextExpanding = new Set(this._expanding);
     nextExpanding.delete(index);
@@ -474,54 +291,47 @@ clearExpansionLoadingState_fn = function(index) {
     this._completingExpansion = nextCompleting;
   }
 };
-_clearAllExpansionLoadingStates = new WeakSet();
 clearAllExpansionLoadingStates_fn = function() {
   __privateGet(this, _expandTransitionTimers).forEach((timer) => window.clearTimeout(timer));
   __privateGet(this, _expandTransitionTimers).clear();
   this._expanding.clear();
   this._completingExpansion.clear();
 };
-_scheduleExpansionContentReveal = new WeakSet();
 scheduleExpansionContentReveal_fn = function(index) {
-  __privateMethod(this, _clearExpansionTransitionTimer, clearExpansionTransitionTimer_fn).call(this, index);
+  __privateMethod(this, _GdsTable_instances, clearExpansionTransitionTimer_fn).call(this, index);
   const nextCompleting = new Set(this._completingExpansion);
   nextCompleting.add(index);
   this._completingExpansion = nextCompleting;
   this.requestUpdate();
   const timer = window.setTimeout(() => {
-    __privateMethod(this, _clearExpansionLoadingState, clearExpansionLoadingState_fn).call(this, index);
+    __privateMethod(this, _GdsTable_instances, clearExpansionLoadingState_fn).call(this, index);
     this.requestUpdate();
   }, __privateGet(this, _expandedLoadingExitDuration));
   __privateGet(this, _expandTransitionTimers).set(index, timer);
 };
-_isCacheValid = new WeakSet();
 isCacheValid_fn = function(entry) {
   return Date.now() - entry.timestamp < __privateGet(this, _cacheDuration);
 };
-_getControlledColumnSort = new WeakSet();
 getControlledColumnSort_fn = function() {
   const controlledColumn = this.columns.find(
     (column) => column.sorting === "asc" || column.sorting === "desc"
   );
-  if (!controlledColumn?.sorting)
-    return null;
+  if (!controlledColumn?.sorting) return null;
   return {
     column: controlledColumn.key,
     direction: controlledColumn.sorting
   };
 };
-_loadData = new WeakSet();
 loadData_fn = async function() {
-  if (!this.data)
-    return;
+  if (!this.data) return;
   if (!this.nocache) {
-    const cacheKey = __privateMethod(this, _getCacheKey, getCacheKey_fn).call(this);
+    const cacheKey = __privateMethod(this, _GdsTable_instances, getCacheKey_fn).call(this);
     const cachedData = __privateGet(this, _cache)[cacheKey];
-    if (cachedData && __privateMethod(this, _isCacheValid, isCacheValid_fn).call(this, cachedData)) {
+    if (cachedData && __privateMethod(this, _GdsTable_instances, isCacheValid_fn).call(this, cachedData)) {
       this._rowsState = cachedData.rows;
       this._total = cachedData.total;
       this._expanded.clear();
-      __privateMethod(this, _clearAllExpansionLoadingStates, clearAllExpansionLoadingStates_fn).call(this);
+      __privateMethod(this, _GdsTable_instances, clearAllExpansionLoadingStates_fn).call(this);
       this._expandedRowsCache.clear();
       this._expandedFullContentResolved.clear();
       this._loaded = false;
@@ -551,7 +361,7 @@ loadData_fn = async function() {
       searchQuery: this._view.searchQuery
     });
     if (!this.nocache) {
-      const cacheKey = __privateMethod(this, _getCacheKey, getCacheKey_fn).call(this);
+      const cacheKey = __privateMethod(this, _GdsTable_instances, getCacheKey_fn).call(this);
       __privateGet(this, _cache)[cacheKey] = {
         rows: response.rows,
         total: response.total,
@@ -562,7 +372,7 @@ loadData_fn = async function() {
     this._total = response.total;
     this._selected.clear();
     this._expanded.clear();
-    __privateMethod(this, _clearAllExpansionLoadingStates, clearAllExpansionLoadingStates_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, clearAllExpansionLoadingStates_fn).call(this);
     this._expandedRowsCache.clear();
     this._expandedFullContentResolved.clear();
     this._loaded = false;
@@ -587,17 +397,18 @@ loadData_fn = async function() {
     this._loading = false;
   }
 };
-_queueExpandedFullSlotRefresh = new WeakSet();
 queueExpandedFullSlotRefresh_fn = function() {
-  if (__privateGet(this, _pendingExpandedFullSlotRefresh))
-    return;
+  if (__privateGet(this, _pendingExpandedFullSlotRefresh)) return;
   __privateSet(this, _pendingExpandedFullSlotRefresh, true);
   queueMicrotask(() => {
     __privateSet(this, _pendingExpandedFullSlotRefresh, false);
-    __privateMethod(this, _refreshExpandedFullSlotKeys, refreshExpandedFullSlotKeys_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, refreshExpandedFullSlotKeys_fn).call(this);
   });
 };
-_getStickyBorderKeys = new WeakSet();
+/**
+ * Returns the column keys for the rightmost sticky-left and leftmost sticky-right
+ * visible columns — these are the ones that get the divider border.
+ */
 getStickyBorderKeys_fn = function() {
   const visible = this.columns.filter(
     (c) => this._view.visibleColumns.has(c.key)
@@ -609,11 +420,14 @@ getStickyBorderKeys_fn = function() {
     lastRight: rightCols.length ? rightCols[0].key : null
   };
 };
-_updateStickyOffsets = new WeakSet();
+/**
+ * Measures built-in and user-defined sticky column widths from the DOM
+ * and applies matching left/right inline styles to every cell in each
+ * sticky column. Uses offsetWidth (layout-relative, scroll-independent).
+ */
 updateStickyOffsets_fn = function() {
   const root = this.shadowRoot;
-  if (!root)
-    return;
+  if (!root) return;
   const leftHeaders = Array.from(
     root.querySelectorAll("thead th.sticky-left")
   );
@@ -622,8 +436,7 @@ updateStickyOffsets_fn = function() {
   );
   const expanderTh = root.querySelector("thead th.expander-cell");
   const checkboxTh = root.querySelector("thead th.checkbox-cell");
-  if (!leftHeaders.length && !rightHeaders.length)
-    return;
+  if (!leftHeaders.length && !rightHeaders.length) return;
   const offsets = [];
   let leftAccum = (expanderTh?.offsetWidth ?? 0) + (checkboxTh?.offsetWidth ?? 0);
   for (const th of leftHeaders) {
@@ -636,8 +449,7 @@ updateStickyOffsets_fn = function() {
     rightAccum += th.offsetWidth;
   }
   const appliedOffsets = offsets.map(({ th, side, offset }) => `${side}:${th.dataset.colKey}:${offset}`).join("|");
-  if (appliedOffsets === __privateGet(this, _appliedStickyOffsets))
-    return;
+  if (appliedOffsets === __privateGet(this, _appliedStickyOffsets)) return;
   __privateSet(this, _appliedStickyOffsets, appliedOffsets);
   root.querySelectorAll("[data-col-key]").forEach((el) => {
     el.style.left = "";
@@ -651,7 +463,9 @@ updateStickyOffsets_fn = function() {
     }
   }
 };
-_getRowKey = new WeakSet();
+/**
+ * Gets the unique key for slot naming (prioritizes: custom key > row.id > index)
+ */
 getRowKey_fn = function(row, index, slotKey) {
   if (typeof slotKey === "string" || typeof slotKey === "number") {
     return slotKey;
@@ -662,50 +476,55 @@ getRowKey_fn = function(row, index, slotKey) {
   }
   return index + 1;
 };
-_renderCellWrapped = new WeakSet();
 renderCellWrapped_fn = function(content) {
   return html`<span class="cell-wrapped-content">${content}</span>`;
 };
-_renderMobileLabel = new WeakSet();
 renderMobileLabel_fn = function(column) {
   return html`<span class="column-label" aria-hidden="true">
       ${column.label}:
     </span>`;
 };
-_renderSlotElement = new WeakSet();
 renderSlotElement_fn = function(columnKey, rowKey, slotId) {
   const slotName = `${columnKey}:${rowKey}:${slotId}`;
   return html`<slot name="${slotName}"></slot>`;
 };
-_renderCellContent = new WeakSet();
+/**
+ * Renders cell content with proper ordering and wrapping.
+ *
+ * **Slot-based content:**
+ * - Renders in exact order: ['lead', 'value', 'button'] → icon, text, button
+ * - Wraps value when column.justify is set (for flexbox)
+ * - Slots stay unwrapped
+ *
+ * **Plain content:**
+ * - Wraps when column.justify is set, otherwise renders directly
+ */
 renderCellContent_fn = function(row, column, index) {
   const rawValue = column.value ? column.value(row) : row[column.key];
   const isMobile = this._isMobile && this.responsive;
   const shouldWrap = !!column.justify;
   let content;
   if (Types.isSlotValue(rawValue)) {
-    const rowKey = __privateMethod(this, _getRowKey, getRowKey_fn).call(this, row, index, rawValue.key);
+    const rowKey = __privateMethod(this, _GdsTable_instances, getRowKey_fn).call(this, row, index, rawValue.key);
     content = rawValue.slots.map((slotItem) => {
       if (slotItem === "value") {
-        if (rawValue.value === void 0)
-          return null;
-        return shouldWrap ? __privateMethod(this, _renderCellWrapped, renderCellWrapped_fn).call(this, rawValue.value) : rawValue.value;
+        if (rawValue.value === void 0) return null;
+        return shouldWrap ? __privateMethod(this, _GdsTable_instances, renderCellWrapped_fn).call(this, rawValue.value) : rawValue.value;
       }
-      return __privateMethod(this, _renderSlotElement, renderSlotElement_fn).call(this, column.key, rowKey, slotItem);
+      return __privateMethod(this, _GdsTable_instances, renderSlotElement_fn).call(this, column.key, rowKey, slotItem);
     });
   } else {
-    content = shouldWrap ? __privateMethod(this, _renderCellWrapped, renderCellWrapped_fn).call(this, rawValue) : rawValue;
+    content = shouldWrap ? __privateMethod(this, _GdsTable_instances, renderCellWrapped_fn).call(this, rawValue) : rawValue;
   }
   return html`
       <div
         class="cell-content"
         aria-label=${ifDefined(isMobile ? column.label : void 0)}
       >
-        ${isMobile ? __privateMethod(this, _renderMobileLabel, renderMobileLabel_fn).call(this, column) : null} ${content}
+        ${isMobile ? __privateMethod(this, _GdsTable_instances, renderMobileLabel_fn).call(this, column) : null} ${content}
       </div>
     `;
 };
-_renderSortIcon = new WeakSet();
 renderSortIcon_fn = function(column) {
   const isSorted = this._view.sortColumn === column.key;
   const sortDirection = this._view.sortDirection;
@@ -714,14 +533,11 @@ renderSortIcon_fn = function(column) {
   }
   return html`<gds-icon-sort-up size="m"></gds-icon-sort-up>`;
 };
-_hasHeaderContent = new WeakSet();
 hasHeaderContent_fn = function() {
   return this.searchable || this.settings || this.querySelector('[slot="header-lead"]') || this.querySelector('[slot="header-trail"]');
 };
-_renderHeaderControls = new WeakSet();
 renderHeaderControls_fn = function() {
-  if (this.plain || !__privateMethod(this, _hasHeaderContent, hasHeaderContent_fn).call(this))
-    return null;
+  if (this.plain || !__privateMethod(this, _GdsTable_instances, hasHeaderContent_fn).call(this)) return null;
   return html`
       <div class="header">
         <div class="lead">
@@ -730,13 +546,13 @@ renderHeaderControls_fn = function() {
     () => html`
               <gds-input
                 type="text"
-                size="${__privateGet(this, _Density, Density_get).input}"
+                size="${__privateGet(this, _GdsTable_instances, Density_get).input}"
                 plain
                 clearable
                 label="${this.searchLabel || msg("Search table")}"
                 .value=${this._view.searchQuery}
-                @input=${__privateMethod(this, _handleSearch, handleSearch_fn)}
-                @gds-input-cleared=${__privateMethod(this, _handleSearchClear, handleSearchClear_fn)}
+                @input=${__privateMethod(this, _GdsTable_instances, handleSearch_fn)}
+                @gds-input-cleared=${__privateMethod(this, _GdsTable_instances, handleSearchClear_fn)}
                 width="100%; l{240px}"
                 min-width="240px"
               >
@@ -756,11 +572,11 @@ renderHeaderControls_fn = function() {
               <gds-dropdown
                 multiple
                 plain
-                size="${__privateGet(this, _Density, Density_get).dropdown}"
+                size="${__privateGet(this, _GdsTable_instances, Density_get).dropdown}"
                 label="${msg("Select visible columns")}"
                 searchable
                 .value=${Array.from(this._view.visibleColumns)}
-                @change=${__privateMethod(this, _handleColumnVisibility, handleColumnVisibility_fn)}
+                @change=${__privateMethod(this, _GdsTable_instances, handleColumnVisibility_fn)}
               >
                 <span slot="trigger">${msg("Columns")}</span>
                 ${this.columns.map(
@@ -780,11 +596,10 @@ renderHeaderControls_fn = function() {
       </div>
     `;
 };
-_renderColumnHeader = new WeakSet();
 renderColumnHeader_fn = function(column) {
   const isSorted = this._view.sortColumn === column.key;
   const sortDirection = this._view.sortDirection;
-  const { lastLeft, lastRight } = __privateMethod(this, _getStickyBorderKeys, getStickyBorderKeys_fn).call(this);
+  const { lastLeft, lastRight } = __privateMethod(this, _GdsTable_instances, getStickyBorderKeys_fn).call(this);
   let ariaLabel = column.label;
   if (column.sortable) {
     if (isSorted) {
@@ -825,10 +640,10 @@ renderColumnHeader_fn = function(column) {
               class="column-header"
               aria-label="${ariaLabel}"
               aria-pressed=${isSorted}
-              @click=${() => __privateMethod(this, _handleSort, handleSort_fn).call(this, column.key)}
+              @click=${() => __privateMethod(this, _GdsTable_instances, handleSort_fn).call(this, column.key)}
             >
               <span class="column-label">${column.label}</span>
-              <span class="sort-icon">${__privateMethod(this, _renderSortIcon, renderSortIcon_fn).call(this, column)}</span>
+              <span class="sort-icon">${__privateMethod(this, _GdsTable_instances, renderSortIcon_fn).call(this, column)}</span>
             </button>
           `,
     () => html`
@@ -840,29 +655,25 @@ renderColumnHeader_fn = function(column) {
       </th>
     `;
 };
-_renderSelectableHeader = new WeakSet();
 renderSelectableHeader_fn = function() {
-  if (!__privateGet(this, _isSelectableEnabled, isSelectableEnabled_get))
-    return null;
+  if (!__privateGet(this, _GdsTable_instances, isSelectableEnabled_get)) return null;
   return html`
       <th class="checkbox-cell">
         <div class="cell-center">
-          ${__privateMethod(this, _renderCheckbox, renderCheckbox_fn).call(this, {
-    checked: __privateGet(this, _isAllSelected, isAllSelected_get),
-    indeterminate: __privateGet(this, _isPartialSelection, isPartialSelection_get),
+          ${__privateMethod(this, _GdsTable_instances, renderCheckbox_fn).call(this, {
+    checked: __privateGet(this, _GdsTable_instances, isAllSelected_get),
+    indeterminate: __privateGet(this, _GdsTable_instances, isPartialSelection_get),
     ariaLabel: msg("Select all rows"),
-    onToggle: () => __privateMethod(this, _handleSelectAll, handleSelectAll_fn).call(this, {}),
+    onToggle: () => __privateMethod(this, _GdsTable_instances, handleSelectAll_fn).call(this, {}),
     skip: this.disableSelectAll
   })}
         </div>
       </th>
     `;
 };
-_renderExpandableHeader = new WeakSet();
 renderExpandableHeader_fn = function() {
-  if (!__privateGet(this, _isExpandableEnabled, isExpandableEnabled_get))
-    return null;
-  const allExpanded = __privateGet(this, _isAllExpanded, isAllExpanded_get);
+  if (!__privateGet(this, _GdsTable_instances, isExpandableEnabled_get)) return null;
+  const allExpanded = __privateGet(this, _GdsTable_instances, isAllExpanded_get);
   const label = allExpanded ? msg("Collapse all rows") : msg("Expand all rows");
   return html`
       <th class="expander-cell expander-header">
@@ -871,7 +682,7 @@ renderExpandableHeader_fn = function() {
             rank="tertiary"
             size="small"
             label="${label}"
-            @click=${() => __privateMethod(this, _handleExpandAll, handleExpandAll_fn).call(this)}
+            @click=${() => __privateMethod(this, _GdsTable_instances, handleExpandAll_fn).call(this)}
           >
             ${allExpanded ? html`<gds-icon-chevron-grabber-vertical-reversed></gds-icon-chevron-grabber-vertical-reversed>` : html`<gds-icon-chevron-grabber-vertical></gds-icon-chevron-grabber-vertical>`}
           </gds-button>
@@ -879,124 +690,101 @@ renderExpandableHeader_fn = function() {
       </th>
     `;
 };
-_getRowSubRowsSource = new WeakSet();
 getRowSubRowsSource_fn = function(row) {
   if ("subRows" in row) {
     return row.subRows;
   }
   return row?.children;
 };
-_getRowFullContentSource = new WeakSet();
 getRowFullContentSource_fn = function(row) {
   if ("fullContent" in row) {
     return row.fullContent;
   }
   return void 0;
 };
-_getExpandedRows = new WeakSet();
 getExpandedRows_fn = function(_row, index) {
   return this._expandedRowsCache.get(index) ?? [];
 };
-_hasAsyncSubRows = new WeakSet();
 hasAsyncSubRows_fn = function(row) {
-  const subRows = __privateMethod(this, _getRowSubRowsSource, getRowSubRowsSource_fn).call(this, row);
+  const subRows = __privateMethod(this, _GdsTable_instances, getRowSubRowsSource_fn).call(this, row);
   return typeof subRows === "function";
 };
-_hasAsyncFullContent = new WeakSet();
 hasAsyncFullContent_fn = function(row) {
-  const fullContent = __privateMethod(this, _getRowFullContentSource, getRowFullContentSource_fn).call(this, row);
+  const fullContent = __privateMethod(this, _GdsTable_instances, getRowFullContentSource_fn).call(this, row);
   return typeof fullContent === "function";
 };
-_getSubRowCount = new WeakSet();
 getSubRowCount_fn = function(row, index) {
-  const fallbackCount = __privateMethod(this, _getExpandedRows, getExpandedRows_fn).call(this, row, index).length || 1;
+  const fallbackCount = __privateMethod(this, _GdsTable_instances, getExpandedRows_fn).call(this, row, index).length || 1;
   const count = Number(row.subRowCount);
-  if (!Number.isFinite(count) || count <= 0)
-    return fallbackCount;
+  if (!Number.isFinite(count) || count <= 0) return fallbackCount;
   return Math.floor(count);
 };
-_hasExpandedFullSlot = new WeakSet();
 hasExpandedFullSlot_fn = function(row, index) {
-  const rowKey = String(__privateMethod(this, _getRowKey, getRowKey_fn).call(this, row, index));
+  const rowKey = String(__privateMethod(this, _GdsTable_instances, getRowKey_fn).call(this, row, index));
   return __privateGet(this, _expandedFullSlotKeys).has(rowKey);
 };
-_hasExpandedFullContent = new WeakSet();
 hasExpandedFullContent_fn = function(row, index) {
-  return __privateMethod(this, _hasExpandedFullSlot, hasExpandedFullSlot_fn).call(this, row, index);
+  return __privateMethod(this, _GdsTable_instances, hasExpandedFullSlot_fn).call(this, row, index);
 };
-_refreshExpandedFullSlotKeys = new WeakSet();
 refreshExpandedFullSlotKeys_fn = function() {
   const keys = /* @__PURE__ */ new Set();
   this.querySelectorAll(
     '[slot^="expand:"][slot$=":full"]'
   ).forEach((el) => {
     const slotName = el.getAttribute("slot");
-    if (!slotName)
-      return;
+    if (!slotName) return;
     if (!slotName.startsWith("expand:") || !slotName.endsWith(":full")) {
       return;
     }
     const rowKey = slotName.slice("expand:".length, -":full".length);
-    if (rowKey)
-      keys.add(rowKey);
+    if (rowKey) keys.add(rowKey);
   });
   const hasChanged = keys.size !== __privateGet(this, _expandedFullSlotKeys).size || [...keys].some((key) => !__privateGet(this, _expandedFullSlotKeys).has(key));
-  if (!hasChanged)
-    return;
+  if (!hasChanged) return;
   __privateSet(this, _expandedFullSlotKeys, keys);
   this.requestUpdate();
 };
-_isRowExpandable = new WeakSet();
 isRowExpandable_fn = function(row, index) {
-  if (__privateGet(this, _isResponsiveStacked, isResponsiveStacked_get))
-    return false;
+  if (__privateGet(this, _GdsTable_instances, isResponsiveStacked_get)) return false;
   if (typeof row.isExpandable === "boolean") {
     return row.isExpandable;
   }
-  if (__privateMethod(this, _hasAsyncSubRows, hasAsyncSubRows_fn).call(this, row))
-    return true;
-  if (__privateMethod(this, _hasAsyncFullContent, hasAsyncFullContent_fn).call(this, row))
-    return true;
-  if (__privateMethod(this, _getExpandedRows, getExpandedRows_fn).call(this, row, index).length > 0)
-    return true;
-  return __privateMethod(this, _hasExpandedFullContent, hasExpandedFullContent_fn).call(this, row, index);
+  if (__privateMethod(this, _GdsTable_instances, hasAsyncSubRows_fn).call(this, row)) return true;
+  if (__privateMethod(this, _GdsTable_instances, hasAsyncFullContent_fn).call(this, row)) return true;
+  if (__privateMethod(this, _GdsTable_instances, getExpandedRows_fn).call(this, row, index).length > 0) return true;
+  return __privateMethod(this, _GdsTable_instances, hasExpandedFullContent_fn).call(this, row, index);
 };
-_getExpandedGroupId = new WeakSet();
 getExpandedGroupId_fn = function(row, index) {
-  const key = String(__privateMethod(this, _getRowKey, getRowKey_fn).call(this, row, index)).replace(
+  const key = String(__privateMethod(this, _GdsTable_instances, getRowKey_fn).call(this, row, index)).replace(
     /[^a-zA-Z0-9_-]/g,
     "-"
   );
   return `row-expand-group-${key}`;
 };
-_getRenderedColumnCount = new WeakSet();
 getRenderedColumnCount_fn = function() {
   const visibleColumnsCount = this.columns.filter(
     (column) => this._view.visibleColumns.has(column.key)
   ).length;
-  return visibleColumnsCount + (__privateGet(this, _isExpandableEnabled, isExpandableEnabled_get) ? 1 : 0) + (__privateGet(this, _isSelectableEnabled, isSelectableEnabled_get) ? 1 : 0);
+  return visibleColumnsCount + (__privateGet(this, _GdsTable_instances, isExpandableEnabled_get) ? 1 : 0) + (__privateGet(this, _GdsTable_instances, isSelectableEnabled_get) ? 1 : 0);
 };
-_renderColumnHeaders = new WeakSet();
 renderColumnHeaders_fn = function() {
-  return this.columns.filter((column) => this._view.visibleColumns.has(column.key)).map((column) => __privateMethod(this, _renderColumnHeader, renderColumnHeader_fn).call(this, column));
+  return this.columns.filter((column) => this._view.visibleColumns.has(column.key)).map((column) => __privateMethod(this, _GdsTable_instances, renderColumnHeader_fn).call(this, column));
 };
-_renderTableHeader = new WeakSet();
 renderTableHeader_fn = function() {
   return html`
       <thead>
         <tr>
           ${[
-    __privateMethod(this, _renderExpandableHeader, renderExpandableHeader_fn).call(this),
-    __privateMethod(this, _renderSelectableHeader, renderSelectableHeader_fn).call(this),
-    __privateMethod(this, _renderColumnHeaders, renderColumnHeaders_fn).call(this)
+    __privateMethod(this, _GdsTable_instances, renderExpandableHeader_fn).call(this),
+    __privateMethod(this, _GdsTable_instances, renderSelectableHeader_fn).call(this),
+    __privateMethod(this, _GdsTable_instances, renderColumnHeaders_fn).call(this)
   ]}
         </tr>
       </thead>
     `;
 };
-_renderTableCell = new WeakSet();
 renderTableCell_fn = function(row, column, index) {
-  const { lastLeft, lastRight } = __privateMethod(this, _getStickyBorderKeys, getStickyBorderKeys_fn).call(this);
+  const { lastLeft, lastRight } = __privateMethod(this, _GdsTable_instances, getStickyBorderKeys_fn).call(this);
   const classes = classMap({
     [`align-${column.align}`]: !!column.align,
     [`justify-${column.justify}`]: !!column.justify,
@@ -1015,20 +803,18 @@ renderTableCell_fn = function(row, column, index) {
         class=${classes}
         data-col-key=${ifDefined(column.sticky ? column.key : void 0)}
       >
-        ${__privateMethod(this, _renderCellContent, renderCellContent_fn).call(this, row, column, index)}
+        ${__privateMethod(this, _GdsTable_instances, renderCellContent_fn).call(this, row, column, index)}
       </td>
     `;
 };
-_renderExpandableCell = new WeakSet();
 renderExpandableCell_fn = function(row, index) {
-  if (!__privateGet(this, _isExpandableEnabled, isExpandableEnabled_get))
-    return null;
-  const isExpandable = __privateMethod(this, _isRowExpandable, isRowExpandable_fn).call(this, row, index);
+  if (!__privateGet(this, _GdsTable_instances, isExpandableEnabled_get)) return null;
+  const isExpandable = __privateMethod(this, _GdsTable_instances, isRowExpandable_fn).call(this, row, index);
   if (!isExpandable) {
     return html`<td class="expander-cell"></td>`;
   }
   const isExpanded = this._expanded.has(index);
-  const groupId = __privateMethod(this, _getExpandedGroupId, getExpandedGroupId_fn).call(this, row, index);
+  const groupId = __privateMethod(this, _GdsTable_instances, getExpandedGroupId_fn).call(this, row, index);
   const actionLabel = isExpanded ? row.collapseLabel || msg("Collapse row") : row.expandLabel || msg("Expand row");
   return html`
       <td class="expander-cell">
@@ -1039,7 +825,7 @@ renderExpandableCell_fn = function(row, index) {
           label="${actionLabel} ${index + 1}"
           aria-expanded=${isExpanded ? "true" : "false"}
           aria-controls=${groupId}
-          @click=${() => __privateMethod(this, _handleExpandToggle, handleExpandToggle_fn).call(this, row, index)}
+          @click=${() => __privateMethod(this, _GdsTable_instances, handleExpandToggle_fn).call(this, row, index)}
         >
           ${isExpanded ? html`<gds-icon-chevron-top size="s"></gds-icon-chevron-top>` : html`<gds-icon-chevron-bottom
                 size="s"
@@ -1048,19 +834,17 @@ renderExpandableCell_fn = function(row, index) {
       </td>
     `;
 };
-_renderSelectableCell = new WeakSet();
 renderSelectableCell_fn = function(index) {
-  if (!__privateGet(this, _isSelectableEnabled, isSelectableEnabled_get))
-    return null;
+  if (!__privateGet(this, _GdsTable_instances, isSelectableEnabled_get)) return null;
   const selectRowLabel = `${msg("Select row")} ${index + 1}`;
   return html`
       <td class="checkbox-cell">
         <div class="cell-center">
-          ${__privateMethod(this, _renderCheckbox, renderCheckbox_fn).call(this, {
+          ${__privateMethod(this, _GdsTable_instances, renderCheckbox_fn).call(this, {
     checked: this._selected.has(index),
     indeterminate: false,
     ariaLabel: selectRowLabel,
-    onToggle: () => __privateMethod(this, _handleRowSelect, handleRowSelect_fn).call(this, index, {
+    onToggle: () => __privateMethod(this, _GdsTable_instances, handleRowSelect_fn).call(this, index, {
       detail: { checked: !this._selected.has(index) }
     })
   })}
@@ -1068,13 +852,11 @@ renderSelectableCell_fn = function(index) {
       </td>
     `;
 };
-_renderRowCells = new WeakSet();
 renderRowCells_fn = function(row, index) {
-  return this.columns.filter((column) => this._view.visibleColumns.has(column.key)).map((column) => __privateMethod(this, _renderTableCell, renderTableCell_fn).call(this, row, column, index));
+  return this.columns.filter((column) => this._view.visibleColumns.has(column.key)).map((column) => __privateMethod(this, _GdsTable_instances, renderTableCell_fn).call(this, row, column, index));
 };
-_renderFullWidthDetailsRow = new WeakSet();
 renderFullWidthDetailsRow_fn = function(row, index, groupId) {
-  const rowKey = __privateMethod(this, _getRowKey, getRowKey_fn).call(this, row, index);
+  const rowKey = __privateMethod(this, _GdsTable_instances, getRowKey_fn).call(this, row, index);
   return html`
       <tr
         class="expanded-row full expanded-group-end"
@@ -1083,14 +865,13 @@ renderFullWidthDetailsRow_fn = function(row, index, groupId) {
       >
         <td
           class="expanded-full-cell"
-          colspan=${__privateMethod(this, _getRenderedColumnCount, getRenderedColumnCount_fn).call(this)}
+          colspan=${__privateMethod(this, _GdsTable_instances, getRenderedColumnCount_fn).call(this)}
         >
           ${html`<slot name="expand:${rowKey}:full"></slot>`}
         </td>
       </tr>
     `;
 };
-_renderExpandedLoadingRow = new WeakSet();
 renderExpandedLoadingRow_fn = function(_row, _index, groupId, childIndex, rowCount, isCompleting = false) {
   const visibleColumns = this.columns.filter(
     (column) => this._view.visibleColumns.has(column.key)
@@ -1108,8 +889,8 @@ renderExpandedLoadingRow_fn = function(_row, _index, groupId, childIndex, rowCou
         aria-level="2"
         aria-busy="true"
       >
-        ${__privateGet(this, _isExpandableEnabled, isExpandableEnabled_get) ? html`<td class="expander-cell"></td>` : null}
-        ${__privateGet(this, _isSelectableEnabled, isSelectableEnabled_get) ? html`<td class="checkbox-cell"></td>` : null}
+        ${__privateGet(this, _GdsTable_instances, isExpandableEnabled_get) ? html`<td class="expander-cell"></td>` : null}
+        ${__privateGet(this, _GdsTable_instances, isSelectableEnabled_get) ? html`<td class="checkbox-cell"></td>` : null}
         ${visibleColumns.map((column) => {
     const classes = classMap({
       [`align-${column.align}`]: !!column.align,
@@ -1131,15 +912,13 @@ renderExpandedLoadingRow_fn = function(_row, _index, groupId, childIndex, rowCou
       </tr>
     `;
 };
-_renderExpandedLoadingRows = new WeakSet();
 renderExpandedLoadingRows_fn = function(row, index, groupId, isCompleting = false) {
-  const count = __privateMethod(this, _getSubRowCount, getSubRowCount_fn).call(this, row, index);
+  const count = __privateMethod(this, _GdsTable_instances, getSubRowCount_fn).call(this, row, index);
   return Array.from(
     { length: count },
-    (_, childIndex) => __privateMethod(this, _renderExpandedLoadingRow, renderExpandedLoadingRow_fn).call(this, row, index, groupId, childIndex, count, isCompleting)
+    (_, childIndex) => __privateMethod(this, _GdsTable_instances, renderExpandedLoadingRow_fn).call(this, row, index, groupId, childIndex, count, isCompleting)
   );
 };
-_renderExpandedFullLoadingRow = new WeakSet();
 renderExpandedFullLoadingRow_fn = function(groupId, isCompleting = false) {
   const rowClasses = classMap({
     "expanded-row": true,
@@ -1151,7 +930,7 @@ renderExpandedFullLoadingRow_fn = function(groupId, isCompleting = false) {
       <tr class=${rowClasses} id="${groupId}" aria-level="2" aria-busy="true">
         <td
           class="expanded-full-cell"
-          colspan=${__privateMethod(this, _getRenderedColumnCount, getRenderedColumnCount_fn).call(this)}
+          colspan=${__privateMethod(this, _GdsTable_instances, getRenderedColumnCount_fn).call(this)}
         >
           <div class="expanded-full-skeleton" aria-hidden="true">
             <span class="skeleton skeleton-title"></span>
@@ -1167,7 +946,6 @@ renderExpandedFullLoadingRow_fn = function(groupId, isCompleting = false) {
       </tr>
     `;
 };
-_getExpandedChildRowClasses = new WeakSet();
 getExpandedChildRowClasses_fn = function(isLast) {
   return {
     "expanded-row": true,
@@ -1175,7 +953,6 @@ getExpandedChildRowClasses_fn = function(isLast) {
     "expanded-group-end": isLast
   };
 };
-_getTableRowClasses = new WeakSet();
 getTableRowClasses_fn = function(index, isExpandable, isExpanded) {
   return {
     selected: this._selected.has(index),
@@ -1184,46 +961,41 @@ getTableRowClasses_fn = function(index, isExpandable, isExpanded) {
     "has-expandable-rows": isExpandable
   };
 };
-_getRowAriaExpanded = new WeakSet();
 getRowAriaExpanded_fn = function(isExpandable, isExpanded) {
   const value = isExpandable ? isExpanded ? "true" : "false" : void 0;
   return value;
 };
-_getTableRowPresentation = new WeakSet();
 getTableRowPresentation_fn = function(index, isExpandable, isExpanded) {
   return {
-    classes: __privateMethod(this, _getTableRowClasses, getTableRowClasses_fn).call(this, index, isExpandable, isExpanded),
-    ariaExpanded: __privateMethod(this, _getRowAriaExpanded, getRowAriaExpanded_fn).call(this, isExpandable, isExpanded)
+    classes: __privateMethod(this, _GdsTable_instances, getTableRowClasses_fn).call(this, index, isExpandable, isExpanded),
+    ariaExpanded: __privateMethod(this, _GdsTable_instances, getRowAriaExpanded_fn).call(this, isExpandable, isExpanded)
   };
 };
-_renderExpandedChildRow = new WeakSet();
 renderExpandedChildRow_fn = function(childRow, parentIndex, childIndex, isLast, groupId) {
   const childRenderIndex = this._rowsState.length + parentIndex * 1e3 + childIndex;
   return html`
       <tr
-        class=${classMap(__privateMethod(this, _getExpandedChildRowClasses, getExpandedChildRowClasses_fn).call(this, isLast))}
+        class=${classMap(__privateMethod(this, _GdsTable_instances, getExpandedChildRowClasses_fn).call(this, isLast))}
         id=${ifDefined(childIndex === 0 ? groupId : void 0)}
         aria-level="2"
       >
-        ${__privateGet(this, _isExpandableEnabled, isExpandableEnabled_get) ? html`<td class="expander-cell"></td>` : null}
-        ${__privateGet(this, _isSelectableEnabled, isSelectableEnabled_get) ? html`<td class="checkbox-cell"></td>` : null}
-        ${__privateMethod(this, _renderRowCells, renderRowCells_fn).call(this, childRow, childRenderIndex)}
+        ${__privateGet(this, _GdsTable_instances, isExpandableEnabled_get) ? html`<td class="expander-cell"></td>` : null}
+        ${__privateGet(this, _GdsTable_instances, isSelectableEnabled_get) ? html`<td class="checkbox-cell"></td>` : null}
+        ${__privateMethod(this, _GdsTable_instances, renderRowCells_fn).call(this, childRow, childRenderIndex)}
       </tr>
     `;
 };
-_getRowExpansionLoadingKind = new WeakSet();
 getRowExpansionLoadingKind_fn = function(row) {
-  return __privateMethod(this, _hasAsyncSubRows, hasAsyncSubRows_fn).call(this, row) ? "rows" : "full";
+  return __privateMethod(this, _GdsTable_instances, hasAsyncSubRows_fn).call(this, row) ? "rows" : "full";
 };
-_getRowExpansionState = new WeakSet();
 getRowExpansionState_fn = function(row, index) {
-  const isExpandable = __privateMethod(this, _isRowExpandable, isRowExpandable_fn).call(this, row, index);
+  const isExpandable = __privateMethod(this, _GdsTable_instances, isRowExpandable_fn).call(this, row, index);
   const isExpanded = isExpandable && this._expanded.has(index);
   const isExpanding = this._expanding.has(index);
   const isCompleting = this._completingExpansion.has(index);
-  const groupId = __privateMethod(this, _getExpandedGroupId, getExpandedGroupId_fn).call(this, row, index);
-  const expandedRows = __privateMethod(this, _getExpandedRows, getExpandedRows_fn).call(this, row, index);
-  const loadingKind = __privateMethod(this, _getRowExpansionLoadingKind, getRowExpansionLoadingKind_fn).call(this, row);
+  const groupId = __privateMethod(this, _GdsTable_instances, getExpandedGroupId_fn).call(this, row, index);
+  const expandedRows = __privateMethod(this, _GdsTable_instances, getExpandedRows_fn).call(this, row, index);
+  const loadingKind = __privateMethod(this, _GdsTable_instances, getRowExpansionLoadingKind_fn).call(this, row);
   return {
     isExpandable,
     isExpanded,
@@ -1235,41 +1007,39 @@ getRowExpansionState_fn = function(row, index) {
     loadingKind
   };
 };
-_renderExpandedRowContent = new WeakSet();
 renderExpandedRowContent_fn = function(row, index, state2) {
   if (state2.isExpanding) {
-    return state2.loadingKind === "full" ? __privateMethod(this, _renderExpandedFullLoadingRow, renderExpandedFullLoadingRow_fn).call(this, state2.groupId, state2.isCompleting) : __privateMethod(this, _renderExpandedLoadingRows, renderExpandedLoadingRows_fn).call(this, row, index, state2.groupId, state2.isCompleting);
+    return state2.loadingKind === "full" ? __privateMethod(this, _GdsTable_instances, renderExpandedFullLoadingRow_fn).call(this, state2.groupId, state2.isCompleting) : __privateMethod(this, _GdsTable_instances, renderExpandedLoadingRows_fn).call(this, row, index, state2.groupId, state2.isCompleting);
   }
   if (state2.hasExpandedRows) {
     return state2.expandedRows.map(
-      (expandedRow, childIndex) => __privateMethod(this, _renderExpandedChildRow, renderExpandedChildRow_fn).call(this, expandedRow, index, childIndex, childIndex === state2.expandedRows.length - 1, childIndex === 0 ? state2.groupId : void 0)
+      (expandedRow, childIndex) => __privateMethod(this, _GdsTable_instances, renderExpandedChildRow_fn).call(this, expandedRow, index, childIndex, childIndex === state2.expandedRows.length - 1, childIndex === 0 ? state2.groupId : void 0)
     );
   }
-  return __privateMethod(this, _renderFullWidthDetailsRow, renderFullWidthDetailsRow_fn).call(this, row, index, state2.groupId);
+  return __privateMethod(this, _GdsTable_instances, renderFullWidthDetailsRow_fn).call(this, row, index, state2.groupId);
 };
-_renderTableRow = new WeakSet();
+/* Main Table Row · Render */
 renderTableRow_fn = function(row, index) {
-  const state2 = __privateMethod(this, _getRowExpansionState, getRowExpansionState_fn).call(this, row, index);
-  const presentation = __privateMethod(this, _getTableRowPresentation, getTableRowPresentation_fn).call(this, index, state2.isExpandable, state2.isExpanded);
+  const state2 = __privateMethod(this, _GdsTable_instances, getRowExpansionState_fn).call(this, row, index);
+  const presentation = __privateMethod(this, _GdsTable_instances, getTableRowPresentation_fn).call(this, index, state2.isExpandable, state2.isExpanded);
   return html`
       <tr
         class=${classMap(presentation.classes)}
-        aria-level=${ifDefined(__privateGet(this, _isExpandableEnabled, isExpandableEnabled_get) ? "1" : void 0)}
+        aria-level=${ifDefined(__privateGet(this, _GdsTable_instances, isExpandableEnabled_get) ? "1" : void 0)}
         aria-expanded=${ifDefined(presentation.ariaExpanded)}
       >
         ${[
-    __privateMethod(this, _renderExpandableCell, renderExpandableCell_fn).call(this, row, index),
-    __privateMethod(this, _renderSelectableCell, renderSelectableCell_fn).call(this, index),
-    __privateMethod(this, _renderRowCells, renderRowCells_fn).call(this, row, index)
+    __privateMethod(this, _GdsTable_instances, renderExpandableCell_fn).call(this, row, index),
+    __privateMethod(this, _GdsTable_instances, renderSelectableCell_fn).call(this, index),
+    __privateMethod(this, _GdsTable_instances, renderRowCells_fn).call(this, row, index)
   ]}
       </tr>
       ${when(
     state2.isExpanded,
-    () => __privateMethod(this, _renderExpandedRowContent, renderExpandedRowContent_fn).call(this, row, index, state2)
+    () => __privateMethod(this, _GdsTable_instances, renderExpandedRowContent_fn).call(this, row, index, state2)
   )}
     `;
 };
-_renderCheckbox = new WeakSet();
 renderCheckbox_fn = function({
   checked,
   indeterminate = false,
@@ -1278,12 +1048,10 @@ renderCheckbox_fn = function({
   onToggle,
   skip = false
 }) {
-  if (skip)
-    return null;
+  if (skip) return null;
   const toggle = (e) => {
     e.stopPropagation();
-    if (disabled)
-      return;
+    if (disabled) return;
     onToggle();
   };
   const onKey = (e) => {
@@ -1319,7 +1087,6 @@ renderCheckbox_fn = function({
       </div>
     `;
 };
-_renderSkeletonCell = new WeakSet();
 renderSkeletonCell_fn = function(column) {
   const isResponsive = this._isMobile && this.responsive;
   const mobileLabel = isResponsive ? html`<span class="skeleton skeleton-text"></span>` : null;
@@ -1330,12 +1097,11 @@ renderSkeletonCell_fn = function(column) {
       </div>
     `;
 };
-_renderSkeletonRow = new WeakSet();
 renderSkeletonRow_fn = function(index) {
   return html`
       <tr class="skeleton-row">
         ${when(
-    __privateGet(this, _isExpandableEnabled, isExpandableEnabled_get),
+    __privateGet(this, _GdsTable_instances, isExpandableEnabled_get),
     () => html`
             <td class="expander-cell">
               <span class="skeleton skeleton-action"></span>
@@ -1343,23 +1109,22 @@ renderSkeletonRow_fn = function(index) {
           `
   )}
         ${when(
-    __privateGet(this, _isSelectableEnabled, isSelectableEnabled_get),
+    __privateGet(this, _GdsTable_instances, isSelectableEnabled_get),
     () => html`
             <td class="checkbox-cell">
               <span class="skeleton skeleton-checkbox"></span>
             </td>
           `
   )}
-        ${this.columns.filter((column) => this._view.visibleColumns.has(column.key)).map((column) => html`<td>${__privateMethod(this, _renderSkeletonCell, renderSkeletonCell_fn).call(this, column)}</td>`)}
+        ${this.columns.filter((column) => this._view.visibleColumns.has(column.key)).map((column) => html`<td>${__privateMethod(this, _GdsTable_instances, renderSkeletonCell_fn).call(this, column)}</td>`)}
       </tr>
     `;
 };
-_renderTableBody = new WeakSet();
 renderTableBody_fn = function() {
   if (this._loading && this._loaded) {
     const skeletonRows = Array.from(
       { length: this._view.rows },
-      (_, i) => __privateMethod(this, _renderSkeletonRow, renderSkeletonRow_fn).call(this, i)
+      (_, i) => __privateMethod(this, _GdsTable_instances, renderSkeletonRow_fn).call(this, i)
     );
     return html`<tbody aria-busy="true" aria-live="polite">
         ${skeletonRows}
@@ -1369,7 +1134,7 @@ renderTableBody_fn = function() {
       <tbody aria-live="polite">
         ${repeat(
     this._rowsState,
-    (row, index) => __privateMethod(this, _getRowKey, getRowKey_fn).call(this, row, index),
+    (row, index) => __privateMethod(this, _GdsTable_instances, getRowKey_fn).call(this, row, index),
     (row, index) => guard(
       [
         row,
@@ -1381,16 +1146,14 @@ renderTableBody_fn = function() {
         this._expandedRowsCache.get(index),
         this._expandedFullContentResolved.has(index)
       ],
-      () => __privateMethod(this, _renderTableRow, renderTableRow_fn).call(this, row, index)
+      () => __privateMethod(this, _GdsTable_instances, renderTableRow_fn).call(this, row, index)
     )
   )}
       </tbody>
     `;
 };
-_renderTableFoot = new WeakSet();
 renderTableFoot_fn = function() {
-  if (!this.tfoot || __privateGet(this, _isResponsiveStacked, isResponsiveStacked_get))
-    return null;
+  if (!this.tfoot || __privateGet(this, _GdsTable_instances, isResponsiveStacked_get)) return null;
   const label = this.tfoot.label;
   const visibleColumns = this.columns.filter(
     (column) => this._view.visibleColumns.has(column.key)
@@ -1403,15 +1166,15 @@ renderTableFoot_fn = function() {
       <tfoot class=${classes}>
         <tr>
           ${when(
-    __privateGet(this, _isExpandableEnabled, isExpandableEnabled_get),
+    __privateGet(this, _GdsTable_instances, isExpandableEnabled_get),
     () => html`<td class="expander-cell"></td>`
   )}
           ${when(
-    __privateGet(this, _isSelectableEnabled, isSelectableEnabled_get),
+    __privateGet(this, _GdsTable_instances, isSelectableEnabled_get),
     () => html`<td class="checkbox-cell"></td>`
   )}
           ${visibleColumns.map((column, i) => {
-    const { lastLeft, lastRight } = __privateMethod(this, _getStickyBorderKeys, getStickyBorderKeys_fn).call(this);
+    const { lastLeft, lastRight } = __privateMethod(this, _GdsTable_instances, getStickyBorderKeys_fn).call(this);
     const cellClasses = classMap({
       "tablefoot-cell": true,
       "tablefoot-label-cell": i === 0,
@@ -1461,20 +1224,19 @@ renderTableFoot_fn = function() {
       </tfoot>
     `;
 };
-_renderTable = new WeakSet();
 renderTable_fn = function() {
   const CLASSES = classMap({
     responsive: this.responsive,
     data: true,
-    "is-expandable": __privateGet(this, _isExpandableEnabled, isExpandableEnabled_get),
-    "is-selectable": __privateGet(this, _isSelectableEnabled, isSelectableEnabled_get),
-    "has-tfoot": Boolean(this.tfoot) && !__privateGet(this, _isResponsiveStacked, isResponsiveStacked_get),
+    "is-expandable": __privateGet(this, _GdsTable_instances, isExpandableEnabled_get),
+    "is-selectable": __privateGet(this, _GdsTable_instances, isSelectableEnabled_get),
+    "has-tfoot": Boolean(this.tfoot) && !__privateGet(this, _GdsTable_instances, isResponsiveStacked_get),
     "has-sticky-left": this.columns.some((c) => c.sticky === "left"),
     "has-sticky-right": this.columns.some((c) => c.sticky === "right"),
     "has-sticky": this.columns.some(
       (c) => c.sticky === "left" || c.sticky === "right"
     ),
-    "no-mask": __privateGet(this, _isExpandableEnabled, isExpandableEnabled_get) || __privateGet(this, _isSelectableEnabled, isSelectableEnabled_get) || this.columns.some((c) => c.sticky === "left" || c.sticky === "right"),
+    "no-mask": __privateGet(this, _GdsTable_instances, isExpandableEnabled_get) || __privateGet(this, _GdsTable_instances, isSelectableEnabled_get) || this.columns.some((c) => c.sticky === "left" || c.sticky === "right"),
     [`variant-${this.variant}`]: true,
     loading: this._loading,
     loaded: !this._loading && !this._loaded
@@ -1492,20 +1254,19 @@ renderTable_fn = function() {
           <table
             aria-label="${caption}"
             role=${ifDefined(
-    __privateGet(this, _isExpandableEnabled, isExpandableEnabled_get) ? "treegrid" : void 0
+    __privateGet(this, _GdsTable_instances, isExpandableEnabled_get) ? "treegrid" : void 0
   )}
           >
             <caption class="visually-hidden">
               ${caption}
             </caption>
-            ${__privateMethod(this, _renderTableHeader, renderTableHeader_fn).call(this)} ${__privateMethod(this, _renderTableBody, renderTableBody_fn).call(this)}
-            ${__privateMethod(this, _renderTableFoot, renderTableFoot_fn).call(this)}
+            ${__privateMethod(this, _GdsTable_instances, renderTableHeader_fn).call(this)} ${__privateMethod(this, _GdsTable_instances, renderTableBody_fn).call(this)}
+            ${__privateMethod(this, _GdsTable_instances, renderTableFoot_fn).call(this)}
           </table>
         </div>
       </gds-card>
     `;
 };
-_renderErrorState = new WeakSet();
 renderErrorState_fn = function() {
   return html`
       <gds-card variant="neutral-02-outlined" border-radius="m">
@@ -1514,7 +1275,7 @@ renderErrorState_fn = function() {
           <gds-button
             size="small"
             label="${msg("Retry loading data")}"
-            @click=${() => __privateMethod(this, _loadData, loadData_fn).call(this)}
+            @click=${() => __privateMethod(this, _GdsTable_instances, loadData_fn).call(this)}
           >
             ${msg("Retry")}
           </gds-button>
@@ -1522,7 +1283,6 @@ renderErrorState_fn = function() {
       </gds-card>
     `;
 };
-_renderEmptyState = new WeakSet();
 renderEmptyState_fn = function() {
   const hasSearch = this._view.searchQuery.length > 0;
   if (hasSearch) {
@@ -1539,7 +1299,7 @@ renderEmptyState_fn = function() {
               <gds-button
                 size="small"
                 label="${msg("Clear search for")} ${this._view.searchQuery}"
-                @click=${__privateMethod(this, _handleSearchClear, handleSearchClear_fn)}
+                @click=${__privateMethod(this, _GdsTable_instances, handleSearchClear_fn)}
               >
                 ${msg("Clear search")}
               </gds-button>
@@ -1558,10 +1318,8 @@ renderEmptyState_fn = function() {
       </gds-card>
     `;
 };
-_renderFooter = new WeakSet();
 renderFooter_fn = function() {
-  if (this.plain || this._total < 1)
-    return null;
+  if (this.plain || this._total < 1) return null;
   const start = (this._view.page - 1) * this._view.rows + 1;
   const end = Math.min(this._view.page * this._view.rows, this._total);
   const summaryString = `${start}\u2013${end} ${msg("of")} ${this._total}`;
@@ -1574,15 +1332,14 @@ renderFooter_fn = function() {
           .total=${this._total}
           .density=${this.density}
           .label=${summaryString}
-          @gds-page-change=${__privateMethod(this, _handlePageChange, handlePageChange_fn)}
-          @gds-rows-change=${__privateMethod(this, _handlePageSizeChange, handlePageSizeChange_fn)}
+          @gds-page-change=${__privateMethod(this, _GdsTable_instances, handlePageChange_fn)}
+          @gds-rows-change=${__privateMethod(this, _GdsTable_instances, handlePageSizeChange_fn)}
           width="100%"
         >
         </gds-pagination>
       </slot>
     `;
 };
-_renderHeadline = new WeakSet();
 renderHeadline_fn = function() {
   if (this.headline || this.summary) {
     return html`
@@ -1612,7 +1369,6 @@ renderHeadline_fn = function() {
       `;
   }
 };
-_handleSearch = new WeakSet();
 handleSearch_fn = async function(e) {
   const input = e.target;
   this._view = {
@@ -1620,18 +1376,16 @@ handleSearch_fn = async function(e) {
     searchQuery: input.value,
     page: 1
   };
-  await __privateMethod(this, _loadData, loadData_fn).call(this);
+  await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
 };
-_handleSearchClear = new WeakSet();
 handleSearchClear_fn = async function() {
   this._view = {
     ...this._view,
     searchQuery: "",
     page: 1
   };
-  await __privateMethod(this, _loadData, loadData_fn).call(this);
+  await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
 };
-_handleSort = new WeakSet();
 handleSort_fn = async function(columnKey) {
   const newDirection = this._view.sortColumn === columnKey && this._view.sortDirection === "asc" ? "desc" : "asc";
   this._view = {
@@ -1647,9 +1401,8 @@ handleSort_fn = async function(columnKey) {
     },
     bubbles: true
   });
-  await __privateMethod(this, _loadData, loadData_fn).call(this);
+  await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
 };
-_handlePageChange = new WeakSet();
 handlePageChange_fn = async function(e) {
   this._view = {
     ...this._view,
@@ -1659,9 +1412,8 @@ handlePageChange_fn = async function(e) {
     detail: e.detail,
     bubbles: true
   });
-  await __privateMethod(this, _loadData, loadData_fn).call(this);
+  await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
 };
-_handlePageSizeChange = new WeakSet();
 handlePageSizeChange_fn = async function(e) {
   this._view = {
     ...this._view,
@@ -1672,9 +1424,12 @@ handlePageSizeChange_fn = async function(e) {
     detail: e.detail,
     bubbles: true
   });
-  await __privateMethod(this, _loadData, loadData_fn).call(this);
+  await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
 };
-_handleColumnVisibility = new WeakSet();
+/**
+ * Handles column visibility dropdown changes
+ * Updates visible columns set and triggers re-render
+ */
 handleColumnVisibility_fn = function(e) {
   const selectedColumns = e.detail.value;
   this._view = {
@@ -1687,16 +1442,21 @@ handleColumnVisibility_fn = function(e) {
     bubbles: true
   });
 };
-_handleSelectAll = new WeakSet();
+/**
+ * Handles select all checkbox change
+ * Toggles between all selected and none selected
+ */
 handleSelectAll_fn = function(e) {
-  if (__privateGet(this, _isAllSelected, isAllSelected_get)) {
-    __privateMethod(this, _clearSelectionInternal, clearSelectionInternal_fn).call(this);
+  if (__privateGet(this, _GdsTable_instances, isAllSelected_get)) {
+    __privateMethod(this, _GdsTable_instances, clearSelectionInternal_fn).call(this);
   } else {
-    __privateMethod(this, _selectAllInternal, selectAllInternal_fn).call(this);
+    __privateMethod(this, _GdsTable_instances, selectAllInternal_fn).call(this);
   }
-  __privateMethod(this, _emitSelectionChange, emitSelectionChange_fn).call(this);
+  __privateMethod(this, _GdsTable_instances, emitSelectionChange_fn).call(this);
 };
-_handleRowSelect = new WeakSet();
+/**
+ * Handles individual row selection change
+ */
 handleRowSelect_fn = function(index, e) {
   const isChecked = e.detail.checked;
   if (isChecked) {
@@ -1704,24 +1464,21 @@ handleRowSelect_fn = function(index, e) {
   } else {
     this._selected.delete(index);
   }
-  __privateMethod(this, _emitSelectionChange, emitSelectionChange_fn).call(this);
+  __privateMethod(this, _GdsTable_instances, emitSelectionChange_fn).call(this);
   this.requestUpdate();
 };
-_handleExpandToggle = new WeakSet();
 handleExpandToggle_fn = function(row, index) {
   void this.toggleRowExpansion(index, row);
 };
-_handleExpandAll = new WeakSet();
 handleExpandAll_fn = async function() {
-  const expandable = __privateGet(this, _expandableIndices, expandableIndices_get);
-  if (__privateGet(this, _isAllExpanded, isAllExpanded_get)) {
+  const expandable = __privateGet(this, _GdsTable_instances, expandableIndices_get);
+  if (__privateGet(this, _GdsTable_instances, isAllExpanded_get)) {
     expandable.forEach((i) => this._expanded.delete(i));
     this.requestUpdate();
   } else {
-    await Promise.all(expandable.map((i) => __privateMethod(this, _setRowExpanded, setRowExpanded_fn).call(this, i, true)));
+    await Promise.all(expandable.map((i) => __privateMethod(this, _GdsTable_instances, setRowExpanded_fn).call(this, i, true)));
   }
 };
-_emitExpandChange = new WeakSet();
 emitExpandChange_fn = function(row, index, expanded) {
   this.dispatchCustomEvent("gds-table-expand-change", {
     detail: {
@@ -1733,10 +1490,9 @@ emitExpandChange_fn = function(row, index, expanded) {
     bubbles: true
   });
 };
-_resolveExpandedContent = new WeakSet();
 resolveExpandedContent_fn = async function(row, index) {
-  const subRowsSource = __privateMethod(this, _getRowSubRowsSource, getRowSubRowsSource_fn).call(this, row);
-  const fullContentSource = __privateMethod(this, _getRowFullContentSource, getRowFullContentSource_fn).call(this, row);
+  const subRowsSource = __privateMethod(this, _GdsTable_instances, getRowSubRowsSource_fn).call(this, row);
+  const fullContentSource = __privateMethod(this, _GdsTable_instances, getRowFullContentSource_fn).call(this, row);
   const hasSubRows = typeof subRowsSource === "function";
   const hasFullContent = typeof fullContentSource === "function";
   if (!hasSubRows && !hasFullContent) {
@@ -1750,8 +1506,7 @@ resolveExpandedContent_fn = async function(row, index) {
   let loadingTimer;
   if (hasAsyncContent) {
     loadingTimer = window.setTimeout(() => {
-      if (!this._expanded.has(index))
-        return;
+      if (!this._expanded.has(index)) return;
       const nextExpanding = new Set(this._expanding);
       nextExpanding.add(index);
       this._expanding = nextExpanding;
@@ -1785,50 +1540,51 @@ resolveExpandedContent_fn = async function(row, index) {
       window.clearTimeout(loadingTimer);
     }
     if (hasAsyncContent && resolved && didShowLoading) {
-      __privateMethod(this, _scheduleExpansionContentReveal, scheduleExpansionContentReveal_fn).call(this, index);
+      __privateMethod(this, _GdsTable_instances, scheduleExpansionContentReveal_fn).call(this, index);
     } else {
-      __privateMethod(this, _clearExpansionLoadingState, clearExpansionLoadingState_fn).call(this, index);
+      __privateMethod(this, _GdsTable_instances, clearExpansionLoadingState_fn).call(this, index);
     }
     this.requestUpdate();
   }
 };
-_setRowExpanded = new WeakSet();
 setRowExpanded_fn = async function(index, expanded, rowOverride) {
-  if (index < 0 || index >= this._rowsState.length)
-    return false;
+  if (index < 0 || index >= this._rowsState.length) return false;
   const row = rowOverride ?? this._rowsState[index];
-  if (!row)
-    return false;
-  const isExpandable = __privateMethod(this, _isRowExpandable, isRowExpandable_fn).call(this, row, index);
-  if (expanded && !isExpandable)
-    return false;
+  if (!row) return false;
+  const isExpandable = __privateMethod(this, _GdsTable_instances, isRowExpandable_fn).call(this, row, index);
+  if (expanded && !isExpandable) return false;
   const isExpanded = this._expanded.has(index);
-  if (expanded === isExpanded)
-    return true;
+  if (expanded === isExpanded) return true;
   if (expanded) {
     this._expanded.add(index);
-    __privateMethod(this, _emitExpandChange, emitExpandChange_fn).call(this, row, index, true);
+    __privateMethod(this, _GdsTable_instances, emitExpandChange_fn).call(this, row, index, true);
     this.requestUpdate();
-    await __privateMethod(this, _resolveExpandedContent, resolveExpandedContent_fn).call(this, row, index);
+    await __privateMethod(this, _GdsTable_instances, resolveExpandedContent_fn).call(this, row, index);
   } else {
-    __privateMethod(this, _clearExpansionLoadingState, clearExpansionLoadingState_fn).call(this, index);
+    __privateMethod(this, _GdsTable_instances, clearExpansionLoadingState_fn).call(this, index);
     this._expanded.delete(index);
-    __privateMethod(this, _emitExpandChange, emitExpandChange_fn).call(this, row, index, false);
+    __privateMethod(this, _GdsTable_instances, emitExpandChange_fn).call(this, row, index, false);
   }
   this.requestUpdate();
   return true;
 };
-_selectAllInternal = new WeakSet();
+/**
+ * Internal method to select all rows
+ */
 selectAllInternal_fn = function() {
   this._selected = new Set(this._rowsState.map((_, i) => i));
   this.requestUpdate();
 };
-_clearSelectionInternal = new WeakSet();
+/**
+ * Internal method to clear all selections
+ */
 clearSelectionInternal_fn = function() {
   this._selected.clear();
   this.requestUpdate();
 };
-_emitSelectionChange = new WeakSet();
+/**
+ * Emits selection change event with current selection details
+ */
 emitSelectionChange_fn = function() {
   this.dispatchCustomEvent("gds-table-selection", {
     detail: {
@@ -1839,24 +1595,29 @@ emitSelectionChange_fn = function() {
     bubbles: true
   });
 };
-_initializeScrollTracking = new WeakSet();
+/**
+ * Initializes scroll tracking for the table data container.
+ * Sets up event listeners and performs initial scroll state check.
+ */
 initializeScrollTracking_fn = function() {
   const dataContainer = this.shadowRoot?.querySelector(".data");
-  if (!dataContainer)
-    return;
+  if (!dataContainer) return;
   const updateScrollState = () => {
-    __privateMethod(this, _updateVerticalScrollState, updateVerticalScrollState_fn).call(this, dataContainer);
-    __privateMethod(this, _updateHorizontalScrollState, updateHorizontalScrollState_fn).call(this, dataContainer);
+    __privateMethod(this, _GdsTable_instances, updateVerticalScrollState_fn).call(this, dataContainer);
+    __privateMethod(this, _GdsTable_instances, updateHorizontalScrollState_fn).call(this, dataContainer);
   };
   dataContainer.addEventListener("scroll", updateScrollState);
   const resizeObserver2 = new ResizeObserver(() => updateScrollState());
   resizeObserver2.observe(dataContainer);
   const innerTable = dataContainer.querySelector("table");
-  if (innerTable)
-    resizeObserver2.observe(innerTable);
+  if (innerTable) resizeObserver2.observe(innerTable);
   updateScrollState();
 };
-_updateVerticalScrollState = new WeakSet();
+/**
+ * Updates CSS classes based on vertical scroll position.
+ * Adds 'scrolled' class when scrolled down from top.
+ * Adds 'scrolled-bottom' class when not scrolled to the very bottom.
+ */
 updateVerticalScrollState_fn = function(container) {
   const { scrollTop, scrollHeight, clientHeight } = container;
   const maxScrollTop = scrollHeight - clientHeight;
@@ -1871,7 +1632,11 @@ updateVerticalScrollState_fn = function(container) {
     container.classList.remove("scrolled-bottom");
   }
 };
-_updateHorizontalScrollState = new WeakSet();
+/**
+ * Updates CSS classes based on horizontal scroll position.
+ * Manages 'scrolled-x-start', 'scrolled-x-middle', and 'scrolled-x-end' classes
+ * to indicate scroll position for styling purposes (e.g., shadows, sticky columns).
+ */
 updateHorizontalScrollState_fn = function(container) {
   const { scrollLeft, scrollWidth, clientWidth } = container;
   const maxScrollLeft = scrollWidth - clientWidth;