@sebgroup/green-core 2.37.2 → 2.37.4

package/components/table/table.component.js

@@ -4,8 +4,8 @@ import {
   __privateGet,
   __privateMethod,
   __privateSet
-} from "../../chunks/chunk.QU3DSPNU.js";
-var _cache, _cacheDuration, _GdsTable_instances, Density_get, hasSelection_get, isAllSelected_get, isPartialSelection_get, getCacheKey_fn, isCacheValid_fn, loadData_fn, getRowKey_fn, renderCellWrapped_fn, renderMobileLabel_fn, renderSlotElement_fn, renderCellContent_fn, renderSortIcon_fn, hasHeaderContent_fn, renderHeaderControls_fn, renderColumnHeader_fn, renderActionsHeader_fn, renderSelectableHeader_fn, renderColumnHeaders_fn, renderTableHeader_fn, renderTableCell_fn, renderSelectableCell_fn, renderRowCells_fn, renderActionsCell_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, selectAllInternal_fn, clearSelectionInternal_fn, emitSelectionChange_fn, initializeScrollTracking_fn, updateVerticalScrollState_fn, updateHorizontalScrollState_fn;
+} from "../../chunks/chunk.CAV4X6PU.js";
+var _cache, _cacheDuration, _Density, Density_get, _hasSelection, hasSelection_get, _isAllSelected, isAllSelected_get, _isPartialSelection, isPartialSelection_get, _getCacheKey, getCacheKey_fn, _isCacheValid, isCacheValid_fn, _loadData, loadData_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, _renderActionsHeader, renderActionsHeader_fn, _renderSelectableHeader, renderSelectableHeader_fn, _renderColumnHeaders, renderColumnHeaders_fn, _renderTableHeader, renderTableHeader_fn, _renderTableCell, renderTableCell_fn, _renderSelectableCell, renderSelectableCell_fn, _renderRowCells, renderRowCells_fn, _renderActionsCell, renderActionsCell_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, _selectAllInternal, selectAllInternal_fn, _clearSelectionInternal, clearSelectionInternal_fn, _emitSelectionChange, emitSelectionChange_fn, _initializeScrollTracking, initializeScrollTracking_fn, _updateVerticalScrollState, updateVerticalScrollState_fn, _updateHorizontalScrollState, updateHorizontalScrollState_fn;
 import { localized, msg } from "@lit/localize";
 import { property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -26,7 +26,125 @@ import * as Types from "./table.types.js";
 let GdsTable = class extends GdsElement {
   constructor() {
     super(...arguments);
-    __privateAdd(this, _GdsTable_instances);
+    /**
+     * Get the current density configuration
+     */
+    __privateAdd(this, _Density);
+    __privateAdd(this, _hasSelection);
+    __privateAdd(this, _isAllSelected);
+    __privateAdd(this, _isPartialSelection);
+    __privateAdd(this, _getCacheKey);
+    __privateAdd(this, _isCacheValid);
+    __privateAdd(this, _loadData);
+    /**
+     * 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, _renderActionsHeader);
+    __privateAdd(this, _renderSelectableHeader);
+    __privateAdd(this, _renderColumnHeaders);
+    __privateAdd(this, _renderTableHeader);
+    __privateAdd(this, _renderTableCell);
+    __privateAdd(this, _renderSelectableCell);
+    __privateAdd(this, _renderRowCells);
+    __privateAdd(this, _renderActionsCell);
+    __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);
+    /**
+     * 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, _cache, {});
     __privateAdd(this, _cacheDuration, 5 * 60 * 1e3);
     this.headlineTag = "h2";
@@ -63,15 +181,15 @@ let GdsTable = class extends GdsElement {
   }
   _onDataChange() {
     __privateSet(this, _cache, {});
-    __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
+    __privateMethod(this, _loadData, loadData_fn).call(this);
   }
   _onPageChange() {
     this._view = { ...this._view, page: Number(this.page ?? 1) };
-    __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
+    __privateMethod(this, _loadData, loadData_fn).call(this);
   }
   _onRowsChange() {
     this._view = { ...this._view, rows: Number(this.rows ?? 10), page: 1 };
-    __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
+    __privateMethod(this, _loadData, loadData_fn).call(this);
   }
   _onColumnsChange() {
     __privateSet(this, _cache, {});
@@ -87,7 +205,7 @@ let GdsTable = class extends GdsElement {
   connectedCallback() {
     super.connectedCallback();
     this.updateComplete.then(() => {
-      __privateMethod(this, _GdsTable_instances, initializeScrollTracking_fn).call(this);
+      __privateMethod(this, _initializeScrollTracking, initializeScrollTracking_fn).call(this);
     });
   }
   render() {
@@ -100,18 +218,18 @@ let GdsTable = class extends GdsElement {
     return html`
       <div class="${classMap(classes)}">
         ${[
-      __privateMethod(this, _GdsTable_instances, renderHeadline_fn).call(this),
-      __privateMethod(this, _GdsTable_instances, renderHeaderControls_fn).call(this),
+      __privateMethod(this, _renderHeadline, renderHeadline_fn).call(this),
+      __privateMethod(this, _renderHeaderControls, renderHeaderControls_fn).call(this),
       when(
         this._error,
-        () => __privateMethod(this, _GdsTable_instances, renderErrorState_fn).call(this),
+        () => __privateMethod(this, _renderErrorState, renderErrorState_fn).call(this),
         () => when(
           this._rowsState.length === 0 && !this._loading,
-          () => __privateMethod(this, _GdsTable_instances, renderEmptyState_fn).call(this),
-          () => __privateMethod(this, _GdsTable_instances, renderTable_fn).call(this)
+          () => __privateMethod(this, _renderEmptyState, renderEmptyState_fn).call(this),
+          () => __privateMethod(this, _renderTable, renderTable_fn).call(this)
         )
       ),
-      __privateMethod(this, _GdsTable_instances, renderFooter_fn).call(this)
+      __privateMethod(this, _renderFooter, renderFooter_fn).call(this)
     ]}
       </div>
     `;
@@ -121,15 +239,15 @@ let GdsTable = class extends GdsElement {
    * Clear all selections
    */
   clearSelection() {
-    __privateMethod(this, _GdsTable_instances, clearSelectionInternal_fn).call(this);
-    __privateMethod(this, _GdsTable_instances, emitSelectionChange_fn).call(this);
+    __privateMethod(this, _clearSelectionInternal, clearSelectionInternal_fn).call(this);
+    __privateMethod(this, _emitSelectionChange, emitSelectionChange_fn).call(this);
   }
   /**
    * Select all rows
    */
   selectAll() {
-    __privateMethod(this, _GdsTable_instances, selectAllInternal_fn).call(this);
-    __privateMethod(this, _GdsTable_instances, emitSelectionChange_fn).call(this);
+    __privateMethod(this, _selectAllInternal, selectAllInternal_fn).call(this);
+    __privateMethod(this, _emitSelectionChange, emitSelectionChange_fn).call(this);
   }
   /**
    * Select specific rows by indices
@@ -139,7 +257,7 @@ let GdsTable = class extends GdsElement {
       (i) => i >= 0 && i < this._rowsState.length
     );
     this._selected = new Set(validIndices);
-    __privateMethod(this, _GdsTable_instances, emitSelectionChange_fn).call(this);
+    __privateMethod(this, _emitSelectionChange, emitSelectionChange_fn).call(this);
     this.requestUpdate();
   }
   /**
@@ -155,19 +273,23 @@ let GdsTable = class extends GdsElement {
 };
 _cache = new WeakMap();
 _cacheDuration = new WeakMap();
-_GdsTable_instances = new WeakSet();
+_Density = new WeakSet();
 Density_get = function() {
   return Types.DENSITY_CONFIG[this.density];
 };
+_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, _GdsTable_instances, hasSelection_get) && !__privateGet(this, _GdsTable_instances, isAllSelected_get);
+  return __privateGet(this, _hasSelection, hasSelection_get) && !__privateGet(this, _isAllSelected, isAllSelected_get);
 };
+_getCacheKey = new WeakSet();
 getCacheKey_fn = function() {
   return JSON.stringify({
     page: this._view.page,
@@ -177,15 +299,18 @@ getCacheKey_fn = function() {
     searchQuery: this._view.searchQuery
   });
 };
+_isCacheValid = new WeakSet();
 isCacheValid_fn = function(entry) {
   return Date.now() - entry.timestamp < __privateGet(this, _cacheDuration);
 };
+_loadData = new WeakSet();
 loadData_fn = async function() {
-  if (!this.data) return;
+  if (!this.data)
+    return;
   if (!this.nocache) {
-    const cacheKey = __privateMethod(this, _GdsTable_instances, getCacheKey_fn).call(this);
+    const cacheKey = __privateMethod(this, _getCacheKey, getCacheKey_fn).call(this);
     const cachedData = __privateGet(this, _cache)[cacheKey];
-    if (cachedData && __privateMethod(this, _GdsTable_instances, isCacheValid_fn).call(this, cachedData)) {
+    if (cachedData && __privateMethod(this, _isCacheValid, isCacheValid_fn).call(this, cachedData)) {
       this._rowsState = cachedData.rows;
       this._total = cachedData.total;
       this._loaded = false;
@@ -215,7 +340,7 @@ loadData_fn = async function() {
       searchQuery: this._view.searchQuery
     });
     if (!this.nocache) {
-      const cacheKey = __privateMethod(this, _GdsTable_instances, getCacheKey_fn).call(this);
+      const cacheKey = __privateMethod(this, _getCacheKey, getCacheKey_fn).call(this);
       __privateGet(this, _cache)[cacheKey] = {
         rows: response.rows,
         total: response.total,
@@ -247,9 +372,7 @@ loadData_fn = async function() {
     this._loading = false;
   }
 };
-/**
- * Gets the unique key for slot naming (prioritizes: custom key > row.id > index)
- */
+_getRowKey = new WeakSet();
 getRowKey_fn = function(row, index, slotKey) {
   if (typeof slotKey === "string" || typeof slotKey === "number") {
     return slotKey;
@@ -260,55 +383,50 @@ 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>`;
 };
-/**
- * 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 = new WeakSet();
 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, _GdsTable_instances, getRowKey_fn).call(this, row, index, rawValue.key);
+    const rowKey = __privateMethod(this, _getRowKey, 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, _GdsTable_instances, renderCellWrapped_fn).call(this, rawValue.value) : rawValue.value;
+        if (rawValue.value === void 0)
+          return null;
+        return shouldWrap ? __privateMethod(this, _renderCellWrapped, renderCellWrapped_fn).call(this, rawValue.value) : rawValue.value;
       }
-      return __privateMethod(this, _GdsTable_instances, renderSlotElement_fn).call(this, column.key, rowKey, slotItem);
+      return __privateMethod(this, _renderSlotElement, renderSlotElement_fn).call(this, column.key, rowKey, slotItem);
     });
   } else {
-    content = shouldWrap ? __privateMethod(this, _GdsTable_instances, renderCellWrapped_fn).call(this, rawValue) : rawValue;
+    content = shouldWrap ? __privateMethod(this, _renderCellWrapped, renderCellWrapped_fn).call(this, rawValue) : rawValue;
   }
   return html`
       <div
         class="cell-content"
         aria-label=${ifDefined(isMobile ? column.label : void 0)}
       >
-        ${isMobile ? __privateMethod(this, _GdsTable_instances, renderMobileLabel_fn).call(this, column) : null} ${content}
+        ${isMobile ? __privateMethod(this, _renderMobileLabel, 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;
@@ -317,11 +435,14 @@ 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, _GdsTable_instances, hasHeaderContent_fn).call(this)) return null;
+  if (this.plain || !__privateMethod(this, _hasHeaderContent, hasHeaderContent_fn).call(this))
+    return null;
   return html`
       <div class="header">
         <div class="lead">
@@ -330,13 +451,13 @@ renderHeaderControls_fn = function() {
     () => html`
               <gds-input
                 type="text"
-                size="${__privateGet(this, _GdsTable_instances, Density_get).input}"
+                size="${__privateGet(this, _Density, Density_get).input}"
                 plain
                 clearable
                 label="${this.searchLabel || msg("Search table")}"
                 .value=${this._view.searchQuery}
-                @input=${__privateMethod(this, _GdsTable_instances, handleSearch_fn)}
-                @gds-input-cleared=${__privateMethod(this, _GdsTable_instances, handleSearchClear_fn)}
+                @input=${__privateMethod(this, _handleSearch, handleSearch_fn)}
+                @gds-input-cleared=${__privateMethod(this, _handleSearchClear, handleSearchClear_fn)}
                 width="100%; l{240px}"
                 min-width="240px"
               >
@@ -356,11 +477,11 @@ renderHeaderControls_fn = function() {
               <gds-dropdown
                 multiple
                 plain
-                size="${__privateGet(this, _GdsTable_instances, Density_get).dropdown}"
+                size="${__privateGet(this, _Density, Density_get).dropdown}"
                 label="${msg("Select visible columns")}"
                 searchable
                 .value=${Array.from(this._view.visibleColumns)}
-                @change=${__privateMethod(this, _GdsTable_instances, handleColumnVisibility_fn)}
+                @change=${__privateMethod(this, _handleColumnVisibility, handleColumnVisibility_fn)}
               >
                 <span slot="trigger">${msg("Columns")}</span>
                 ${this.columns.map(
@@ -380,6 +501,7 @@ renderHeaderControls_fn = function() {
       </div>
     `;
 };
+_renderColumnHeader = new WeakSet();
 renderColumnHeader_fn = function(column) {
   const isSorted = this._view.sortColumn === column.key;
   const sortDirection = this._view.sortDirection;
@@ -409,7 +531,7 @@ renderColumnHeader_fn = function(column) {
         class=${classes}
         style=${style}
         aria-sort="${isSorted ? sortDirection === "asc" ? "ascending" : "descending" : "none"}"
-        @click=${column.sortable ? () => __privateMethod(this, _GdsTable_instances, handleSort_fn).call(this, column.key) : null}
+        @click=${column.sortable ? () => __privateMethod(this, _handleSort, handleSort_fn).call(this, column.key) : null}
       >
         <div class="column-header">
           <span class="column-label" aria-label="${ariaLabel}">
@@ -418,15 +540,17 @@ renderColumnHeader_fn = function(column) {
           ${when(
     column.sortable,
     () => html`
-              <span class="sort-icon">${__privateMethod(this, _GdsTable_instances, renderSortIcon_fn).call(this, column)}</span>
+              <span class="sort-icon">${__privateMethod(this, _renderSortIcon, renderSortIcon_fn).call(this, column)}</span>
             `
   )}
         </div>
       </th>
     `;
 };
+_renderActionsHeader = new WeakSet();
 renderActionsHeader_fn = function() {
-  if (!this.actions || typeof this.actions === "function") return null;
+  if (!this.actions || typeof this.actions === "function")
+    return null;
   const label = this.actions.label || msg("Actions");
   const classes = classMap({
     actions: true,
@@ -446,36 +570,41 @@ renderActionsHeader_fn = function() {
       </th>
     `;
 };
+_renderSelectableHeader = new WeakSet();
 renderSelectableHeader_fn = function() {
-  if (!this.selectable) return null;
+  if (!this.selectable)
+    return null;
   return html`
       <th class="checkbox-cell">
-        ${__privateMethod(this, _GdsTable_instances, renderCheckbox_fn).call(this, {
-    checked: __privateGet(this, _GdsTable_instances, isAllSelected_get),
-    indeterminate: __privateGet(this, _GdsTable_instances, isPartialSelection_get),
+        ${__privateMethod(this, _renderCheckbox, renderCheckbox_fn).call(this, {
+    checked: __privateGet(this, _isAllSelected, isAllSelected_get),
+    indeterminate: __privateGet(this, _isPartialSelection, isPartialSelection_get),
     ariaLabel: msg("Select all rows"),
-    onToggle: () => __privateMethod(this, _GdsTable_instances, handleSelectAll_fn).call(this, {}),
+    onToggle: () => __privateMethod(this, _handleSelectAll, handleSelectAll_fn).call(this, {}),
     skip: this.disableSelectAll
   })}
       </th>
     `;
 };
+_renderColumnHeaders = new WeakSet();
 renderColumnHeaders_fn = function() {
-  return this.columns.filter((column) => this._view.visibleColumns.has(column.key)).map((column) => __privateMethod(this, _GdsTable_instances, renderColumnHeader_fn).call(this, column));
+  return this.columns.filter((column) => this._view.visibleColumns.has(column.key)).map((column) => __privateMethod(this, _renderColumnHeader, renderColumnHeader_fn).call(this, column));
 };
+_renderTableHeader = new WeakSet();
 renderTableHeader_fn = function() {
   return html`
       <thead>
         <tr>
           ${[
-    __privateMethod(this, _GdsTable_instances, renderSelectableHeader_fn).call(this),
-    __privateMethod(this, _GdsTable_instances, renderColumnHeaders_fn).call(this),
-    __privateMethod(this, _GdsTable_instances, renderActionsHeader_fn).call(this)
+    __privateMethod(this, _renderSelectableHeader, renderSelectableHeader_fn).call(this),
+    __privateMethod(this, _renderColumnHeaders, renderColumnHeaders_fn).call(this),
+    __privateMethod(this, _renderActionsHeader, renderActionsHeader_fn).call(this)
   ]}
         </tr>
       </thead>
     `;
 };
+_renderTableCell = new WeakSet();
 renderTableCell_fn = function(row, column, index) {
   const classes = classMap({
     [`align-${column.align}`]: !!column.align,
@@ -487,31 +616,36 @@ renderTableCell_fn = function(row, column, index) {
   });
   return html`
       <td style=${style} class=${classes}>
-        ${__privateMethod(this, _GdsTable_instances, renderCellContent_fn).call(this, row, column, index)}
+        ${__privateMethod(this, _renderCellContent, renderCellContent_fn).call(this, row, column, index)}
       </td>
     `;
 };
+_renderSelectableCell = new WeakSet();
 renderSelectableCell_fn = function(index) {
-  if (!this.selectable) return null;
+  if (!this.selectable)
+    return null;
   const selectRowLabel = `${msg("Select row")} ${index + 1}`;
   return html`
       <td class="checkbox-cell">
-        ${__privateMethod(this, _GdsTable_instances, renderCheckbox_fn).call(this, {
+        ${__privateMethod(this, _renderCheckbox, renderCheckbox_fn).call(this, {
     checked: this._selected.has(index),
     indeterminate: false,
     ariaLabel: selectRowLabel,
-    onToggle: () => __privateMethod(this, _GdsTable_instances, handleRowSelect_fn).call(this, index, {
+    onToggle: () => __privateMethod(this, _handleRowSelect, handleRowSelect_fn).call(this, index, {
       detail: { checked: !this._selected.has(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, _GdsTable_instances, renderTableCell_fn).call(this, row, column, index));
+  return this.columns.filter((column) => this._view.visibleColumns.has(column.key)).map((column) => __privateMethod(this, _renderTableCell, renderTableCell_fn).call(this, row, column, index));
 };
+_renderActionsCell = new WeakSet();
 renderActionsCell_fn = function(row, index) {
-  if (!this.actions) return null;
+  if (!this.actions)
+    return null;
   if (typeof this.actions === "function") {
     return html`
         <td class="actions-cell">
@@ -519,7 +653,7 @@ renderActionsCell_fn = function(row, index) {
         </td>
       `;
   }
-  const rowKey = __privateMethod(this, _GdsTable_instances, getRowKey_fn).call(this, row, index);
+  const rowKey = __privateMethod(this, _getRowKey, getRowKey_fn).call(this, row, index);
   const classes = classMap({
     "actions-cell": true,
     sticky: Boolean(this.actions.sticky),
@@ -533,11 +667,12 @@ renderActionsCell_fn = function(row, index) {
   return html`
       <td class="${classes}" style=${style}>
         <div class="cell-content">
-          ${__privateMethod(this, _GdsTable_instances, renderSlotElement_fn).call(this, "actions", rowKey, "main")}
+          ${__privateMethod(this, _renderSlotElement, renderSlotElement_fn).call(this, "actions", rowKey, "main")}
         </div>
       </td>
     `;
 };
+_renderTableRow = new WeakSet();
 renderTableRow_fn = function(row, index) {
   return html`
       <tr
@@ -547,13 +682,14 @@ renderTableRow_fn = function(row, index) {
   })}
       >
         ${[
-    __privateMethod(this, _GdsTable_instances, renderSelectableCell_fn).call(this, index),
-    __privateMethod(this, _GdsTable_instances, renderRowCells_fn).call(this, row, index),
-    __privateMethod(this, _GdsTable_instances, renderActionsCell_fn).call(this, row, index)
+    __privateMethod(this, _renderSelectableCell, renderSelectableCell_fn).call(this, index),
+    __privateMethod(this, _renderRowCells, renderRowCells_fn).call(this, row, index),
+    __privateMethod(this, _renderActionsCell, renderActionsCell_fn).call(this, row, index)
   ]}
       </tr>
     `;
 };
+_renderCheckbox = new WeakSet();
 renderCheckbox_fn = function({
   checked,
   indeterminate = false,
@@ -562,10 +698,12 @@ 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) => {
@@ -601,6 +739,7 @@ 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;
@@ -611,6 +750,7 @@ renderSkeletonCell_fn = function(column) {
       </div>
     `;
 };
+_renderSkeletonRow = new WeakSet();
 renderSkeletonRow_fn = function(index) {
   return html`
       <tr class="skeleton-row">
@@ -622,7 +762,7 @@ renderSkeletonRow_fn = function(index) {
             </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>`)}
+        ${this.columns.filter((column) => this._view.visibleColumns.has(column.key)).map((column) => html`<td>${__privateMethod(this, _renderSkeletonCell, renderSkeletonCell_fn).call(this, column)}</td>`)}
         ${when(
     this.actions,
     () => html`
@@ -636,11 +776,12 @@ renderSkeletonRow_fn = function(index) {
       </tr>
     `;
 };
+_renderTableBody = new WeakSet();
 renderTableBody_fn = function() {
   if (this._loading && this._loaded) {
     const skeletonRows = Array.from(
       { length: this._view.rows },
-      (_, i) => __privateMethod(this, _GdsTable_instances, renderSkeletonRow_fn).call(this, i)
+      (_, i) => __privateMethod(this, _renderSkeletonRow, renderSkeletonRow_fn).call(this, i)
     );
     return html`<tbody aria-busy="true" aria-live="polite">
         ${skeletonRows}
@@ -648,12 +789,14 @@ renderTableBody_fn = function() {
   }
   return html`
       <tbody aria-live="polite">
-        ${this._rowsState.map((row, index) => __privateMethod(this, _GdsTable_instances, renderTableRow_fn).call(this, row, index))}
+        ${this._rowsState.map((row, index) => __privateMethod(this, _renderTableRow, renderTableRow_fn).call(this, row, index))}
       </tbody>
     `;
 };
+_renderTableFoot = new WeakSet();
 renderTableFoot_fn = function() {
-  if (!this.tfoot) return null;
+  if (!this.tfoot)
+    return null;
   const label = this.tfoot.label;
   const visibleColumns = this.columns.filter(
     (column) => this._view.visibleColumns.has(column.key)
@@ -713,6 +856,7 @@ renderTableFoot_fn = function() {
       </tfoot>
     `;
 };
+_renderTable = new WeakSet();
 renderTable_fn = function() {
   const CLASSES = classMap({
     responsive: this.responsive,
@@ -735,13 +879,14 @@ renderTable_fn = function() {
             <caption class="visually-hidden">
               ${caption}
             </caption>
-            ${__privateMethod(this, _GdsTable_instances, renderTableHeader_fn).call(this)} ${__privateMethod(this, _GdsTable_instances, renderTableBody_fn).call(this)}
-            ${__privateMethod(this, _GdsTable_instances, renderTableFoot_fn).call(this)}
+            ${__privateMethod(this, _renderTableHeader, renderTableHeader_fn).call(this)} ${__privateMethod(this, _renderTableBody, renderTableBody_fn).call(this)}
+            ${__privateMethod(this, _renderTableFoot, renderTableFoot_fn).call(this)}
           </table>
         </div>
       </gds-card>
     `;
 };
+_renderErrorState = new WeakSet();
 renderErrorState_fn = function() {
   return html`
       <gds-card variant="secondary" border-radius="m">
@@ -750,7 +895,7 @@ renderErrorState_fn = function() {
           <gds-button
             size="small"
             label="${msg("Retry loading data")}"
-            @click=${() => __privateMethod(this, _GdsTable_instances, loadData_fn).call(this)}
+            @click=${() => __privateMethod(this, _loadData, loadData_fn).call(this)}
           >
             ${msg("Retry")}
           </gds-button>
@@ -758,6 +903,7 @@ renderErrorState_fn = function() {
       </gds-card>
     `;
 };
+_renderEmptyState = new WeakSet();
 renderEmptyState_fn = function() {
   const hasSearch = this._view.searchQuery.length > 0;
   if (hasSearch) {
@@ -774,7 +920,7 @@ renderEmptyState_fn = function() {
               <gds-button
                 size="small"
                 label="${msg("Clear search for")} ${this._view.searchQuery}"
-                @click=${__privateMethod(this, _GdsTable_instances, handleSearchClear_fn)}
+                @click=${__privateMethod(this, _handleSearchClear, handleSearchClear_fn)}
               >
                 ${msg("Clear search")}
               </gds-button>
@@ -793,8 +939,10 @@ 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}`;
@@ -807,14 +955,15 @@ renderFooter_fn = function() {
           .total=${this._total}
           .density=${this.density}
           .label=${summaryString}
-          @gds-page-change=${__privateMethod(this, _GdsTable_instances, handlePageChange_fn)}
-          @gds-rows-change=${__privateMethod(this, _GdsTable_instances, handlePageSizeChange_fn)}
+          @gds-page-change=${__privateMethod(this, _handlePageChange, handlePageChange_fn)}
+          @gds-rows-change=${__privateMethod(this, _handlePageSizeChange, handlePageSizeChange_fn)}
           width="100%"
         >
         </gds-pagination>
       </slot>
     `;
 };
+_renderHeadline = new WeakSet();
 renderHeadline_fn = function() {
   if (this.headline || this.summary) {
     return html`
@@ -844,6 +993,7 @@ renderHeadline_fn = function() {
       `;
   }
 };
+_handleSearch = new WeakSet();
 handleSearch_fn = async function(e) {
   const input = e.target;
   this._view = {
@@ -851,16 +1001,18 @@ handleSearch_fn = async function(e) {
     searchQuery: input.value,
     page: 1
   };
-  await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
+  await __privateMethod(this, _loadData, loadData_fn).call(this);
 };
+_handleSearchClear = new WeakSet();
 handleSearchClear_fn = async function() {
   this._view = {
     ...this._view,
     searchQuery: "",
     page: 1
   };
-  await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
+  await __privateMethod(this, _loadData, 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 = {
@@ -876,8 +1028,9 @@ handleSort_fn = async function(columnKey) {
     },
     bubbles: true
   });
-  await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
+  await __privateMethod(this, _loadData, loadData_fn).call(this);
 };
+_handlePageChange = new WeakSet();
 handlePageChange_fn = async function(e) {
   this._view = {
     ...this._view,
@@ -887,8 +1040,9 @@ handlePageChange_fn = async function(e) {
     detail: e.detail,
     bubbles: true
   });
-  await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
+  await __privateMethod(this, _loadData, loadData_fn).call(this);
 };
+_handlePageSizeChange = new WeakSet();
 handlePageSizeChange_fn = async function(e) {
   this._view = {
     ...this._view,
@@ -899,12 +1053,9 @@ handlePageSizeChange_fn = async function(e) {
     detail: e.detail,
     bubbles: true
   });
-  await __privateMethod(this, _GdsTable_instances, loadData_fn).call(this);
+  await __privateMethod(this, _loadData, loadData_fn).call(this);
 };
-/**
- * Handles column visibility dropdown changes
- * Updates visible columns set and triggers re-render
- */
+_handleColumnVisibility = new WeakSet();
 handleColumnVisibility_fn = function(e) {
   const selectedColumns = e.detail.value;
   this._view = {
@@ -913,21 +1064,16 @@ handleColumnVisibility_fn = function(e) {
   };
   this.requestUpdate();
 };
-/**
- * Handles select all checkbox change
- * Toggles between all selected and none selected
- */
+_handleSelectAll = new WeakSet();
 handleSelectAll_fn = function(e) {
-  if (__privateGet(this, _GdsTable_instances, isAllSelected_get)) {
-    __privateMethod(this, _GdsTable_instances, clearSelectionInternal_fn).call(this);
+  if (__privateGet(this, _isAllSelected, isAllSelected_get)) {
+    __privateMethod(this, _clearSelectionInternal, clearSelectionInternal_fn).call(this);
   } else {
-    __privateMethod(this, _GdsTable_instances, selectAllInternal_fn).call(this);
+    __privateMethod(this, _selectAllInternal, selectAllInternal_fn).call(this);
   }
-  __privateMethod(this, _GdsTable_instances, emitSelectionChange_fn).call(this);
+  __privateMethod(this, _emitSelectionChange, emitSelectionChange_fn).call(this);
 };
-/**
- * Handles individual row selection change
- */
+_handleRowSelect = new WeakSet();
 handleRowSelect_fn = function(index, e) {
   const isChecked = e.detail.checked;
   if (isChecked) {
@@ -935,26 +1081,20 @@ handleRowSelect_fn = function(index, e) {
   } else {
     this._selected.delete(index);
   }
-  __privateMethod(this, _GdsTable_instances, emitSelectionChange_fn).call(this);
+  __privateMethod(this, _emitSelectionChange, emitSelectionChange_fn).call(this);
   this.requestUpdate();
 };
-/**
- * Internal method to select all rows
- */
+_selectAllInternal = new WeakSet();
 selectAllInternal_fn = function() {
   this._selected = new Set(this._rowsState.map((_, i) => i));
   this.requestUpdate();
 };
-/**
- * Internal method to clear all selections
- */
+_clearSelectionInternal = new WeakSet();
 clearSelectionInternal_fn = function() {
   this._selected.clear();
   this.requestUpdate();
 };
-/**
- * Emits selection change event with current selection details
- */
+_emitSelectionChange = new WeakSet();
 emitSelectionChange_fn = function() {
   this.dispatchCustomEvent("gds-table-selection", {
     detail: {
@@ -965,25 +1105,19 @@ emitSelectionChange_fn = function() {
     bubbles: true
   });
 };
-/**
- * Initializes scroll tracking for the table data container.
- * Sets up event listeners and performs initial scroll state check.
- */
+_initializeScrollTracking = new WeakSet();
 initializeScrollTracking_fn = function() {
   const dataContainer = this.shadowRoot?.querySelector(".data");
-  if (!dataContainer) return;
+  if (!dataContainer)
+    return;
   const updateScrollState = () => {
-    __privateMethod(this, _GdsTable_instances, updateVerticalScrollState_fn).call(this, dataContainer);
-    __privateMethod(this, _GdsTable_instances, updateHorizontalScrollState_fn).call(this, dataContainer);
+    __privateMethod(this, _updateVerticalScrollState, updateVerticalScrollState_fn).call(this, dataContainer);
+    __privateMethod(this, _updateHorizontalScrollState, updateHorizontalScrollState_fn).call(this, dataContainer);
   };
   dataContainer.addEventListener("scroll", updateScrollState);
   updateScrollState();
 };
-/**
- * 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 = new WeakSet();
 updateVerticalScrollState_fn = function(container) {
   const { scrollTop, scrollHeight, clientHeight } = container;
   const maxScrollTop = scrollHeight - clientHeight;
@@ -998,11 +1132,7 @@ updateVerticalScrollState_fn = function(container) {
     container.classList.remove("scrolled-bottom");
   }
 };
-/**
- * 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 = new WeakSet();
 updateHorizontalScrollState_fn = function(container) {
   const { scrollLeft, scrollWidth, clientWidth } = container;
   const maxScrollLeft = scrollWidth - clientWidth;