@sebgroup/green-core 3.22.0 → 3.23.0

package/components/select/select.component.d.ts

@@ -1,4 +1,6 @@
+import { LayoutChildProps, MarginProps, SizeXProps } from '../../utils/mixins/declarative-layout-mixins';
 import { GdsFormControlElement } from '../form/form-control';
+type Constructor<T> = new (...args: any[]) => T;
 declare class Select<ValueT = string> extends GdsFormControlElement<ValueT | ValueT[]> {
     #private;
     static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
@@ -55,7 +57,7 @@ declare class Select<ValueT = string> extends GdsFormControlElement<ValueT | Val
     _getValidityAnchor(): HTMLElement;
     private _handleValueChange;
 }
-declare const GdsSelect_base: (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").LayoutChildProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").SizeXProps) & (new (...args: any[]) => import("../../utils/mixins/declarative-layout-mixins").MarginProps) & typeof Select;
+declare const SelectBase: Constructor<LayoutChildProps & SizeXProps & MarginProps> & typeof Select;
 /**
  * @element gds-select
  *
@@ -82,6 +84,6 @@ declare const GdsSelect_base: (new (...args: any[]) => import("../../utils/mixin
  * @slot - Default slot for the native select element
  * @slot lead - Slot for leading content (e.g., icons)
  */
-export declare class GdsSelect extends GdsSelect_base {
+export declare class GdsSelect extends SelectBase {
 }
 export {};

package/components/select/select.component.js

@@ -313,9 +313,10 @@ Select = __decorateClass([
   }),
   localized()
 ], Select);
-let GdsSelect = class extends withLayoutChildProps(
+const SelectBase = withLayoutChildProps(
   withSizeXProps(withMarginProps(Select))
-) {
+);
+let GdsSelect = class extends SelectBase {
 };
 GdsSelect = __decorateClass([
   gdsCustomElement("gds-select", {

package/components/table/table.component.d.ts

@@ -166,6 +166,13 @@ export declare class GdsTable<T extends Types.Row = Types.Row> extends GdsTable_
     private _onColumnsChange;
     connectedCallback(): void;
     private _handleLightDOMSlotsChange;
+    /**
+     * Sticky offsets are derived from measured column widths, so they go stale whenever a
+     * sticky column changes size after it was last rendered — for example when cell content
+     * is projected into the slots after the table has rendered, when webfonts load, or when
+     * the available width changes.
+     */
+    private _handleStickyColumnResize;
     updated(changedProperties: Map<string, unknown>): void;
     render(): any;
     /**

package/components/table/table.component.js

@@ -5,7 +5,7 @@ import {
   __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, _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;
+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;
 import { localized, msg } from "@lit/localize";
 import { property, state } from "lit/decorators.js";
 import { classMap } from "lit/directives/class-map.js";
@@ -18,6 +18,7 @@ import { GdsElement } from "../../gds-element.js";
 import { watchMediaQuery } from "../../utils/decorators/index.js";
 import { ariaForwarding } from "../../utils/decorators/aria-forwarding.js";
 import { observeLightDOM } from "../../utils/decorators/observe-light-dom.js";
+import { resizeObserver } from "../../utils/decorators/resize-observer.js";
 import { styleExpressionProperty } from "../../utils/decorators/style-expression-property.js";
 import { watch } from "../../utils/decorators/watch.js";
 import { forSpaceTokensAndCustomValues } from "../../utils/helpers/index.js";
@@ -249,6 +250,7 @@ let GdsTable = class extends withSizeXProps(
     __privateAdd(this, _expandedLoadingDelay, 100);
     __privateAdd(this, _expandedFullSlotKeys, /* @__PURE__ */ new Set());
     __privateAdd(this, _pendingExpandedFullSlotRefresh, false);
+    __privateAdd(this, _appliedStickyOffsets, null);
   }
   _handleMobile(matches) {
     this._isMobile = matches;
@@ -296,8 +298,12 @@ let GdsTable = class extends withSizeXProps(
   _handleLightDOMSlotsChange() {
     __privateMethod(this, _queueExpandedFullSlotRefresh, queueExpandedFullSlotRefresh_fn).call(this);
   }
+  _handleStickyColumnResize() {
+    __privateMethod(this, _updateStickyOffsets, updateStickyOffsets_fn).call(this);
+  }
   updated(changedProperties) {
     super.updated(changedProperties);
+    __privateSet(this, _appliedStickyOffsets, null);
     __privateMethod(this, _updateStickyOffsets, updateStickyOffsets_fn).call(this);
   }
   render() {
@@ -414,6 +420,7 @@ _expandedLoadingExitDuration = new WeakMap();
 _expandedLoadingDelay = new WeakMap();
 _expandedFullSlotKeys = new WeakMap();
 _pendingExpandedFullSlotRefresh = new WeakMap();
+_appliedStickyOffsets = new WeakMap();
 _hasSelection = new WeakSet();
 hasSelection_get = function() {
   return this._selected.size > 0;
@@ -617,28 +624,30 @@ updateStickyOffsets_fn = function() {
   const checkboxTh = root.querySelector("thead th.checkbox-cell");
   if (!leftHeaders.length && !rightHeaders.length)
     return;
-  root.querySelectorAll("[data-col-key]").forEach((el) => {
-    el.style.left = "";
-    el.style.right = "";
-  });
+  const offsets = [];
   let leftAccum = (expanderTh?.offsetWidth ?? 0) + (checkboxTh?.offsetWidth ?? 0);
   for (const th of leftHeaders) {
-    const key = th.dataset.colKey;
-    const offset = `${leftAccum}px`;
-    th.style.left = offset;
+    offsets.push({ th, side: "left", offset: `${leftAccum}px` });
     leftAccum += th.offsetWidth;
-    if (key) {
-      root.querySelectorAll(`[data-col-key="${key}"]`).forEach((el) => el.style.left = offset);
-    }
   }
   let rightAccum = 0;
   for (const th of [...rightHeaders].reverse()) {
-    const key = th.dataset.colKey;
-    const offset = `${rightAccum}px`;
-    th.style.right = offset;
+    offsets.push({ th, side: "right", offset: `${rightAccum}px` });
     rightAccum += th.offsetWidth;
+  }
+  const appliedOffsets = offsets.map(({ th, side, offset }) => `${side}:${th.dataset.colKey}:${offset}`).join("|");
+  if (appliedOffsets === __privateGet(this, _appliedStickyOffsets))
+    return;
+  __privateSet(this, _appliedStickyOffsets, appliedOffsets);
+  root.querySelectorAll("[data-col-key]").forEach((el) => {
+    el.style.left = "";
+    el.style.right = "";
+  });
+  for (const { th, side, offset } of offsets) {
+    const key = th.dataset.colKey;
+    th.style[side] = offset;
     if (key) {
-      root.querySelectorAll(`[data-col-key="${key}"]`).forEach((el) => el.style.right = offset);
+      root.querySelectorAll(`[data-col-key="${key}"]`).forEach((el) => el.style[side] = offset);
     }
   }
 };
@@ -1840,11 +1849,11 @@ initializeScrollTracking_fn = function() {
     __privateMethod(this, _updateHorizontalScrollState, updateHorizontalScrollState_fn).call(this, dataContainer);
   };
   dataContainer.addEventListener("scroll", updateScrollState);
-  const resizeObserver = new ResizeObserver(() => updateScrollState());
-  resizeObserver.observe(dataContainer);
+  const resizeObserver2 = new ResizeObserver(() => updateScrollState());
+  resizeObserver2.observe(dataContainer);
   const innerTable = dataContainer.querySelector("table");
   if (innerTable)
-    resizeObserver.observe(innerTable);
+    resizeObserver2.observe(innerTable);
   updateScrollState();
 };
 _updateVerticalScrollState = new WeakSet();
@@ -2027,6 +2036,11 @@ __decorateClass([
     attributeOldValue: true
   })
 ], GdsTable.prototype, "_handleLightDOMSlotsChange", 1);
+__decorateClass([
+  resizeObserver({
+    selector: "thead th.sticky-left, thead th.sticky-right, thead th.expander-cell, thead th.checkbox-cell"
+  })
+], GdsTable.prototype, "_handleStickyColumnResize", 1);
 GdsTable = __decorateClass([
   localized(),
   gdsCustomElement("gds-table", {