@heartlandone/vega 2.100.0 → 2.102.0

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-constrained-tab-label-renderer.js

@@ -0,0 +1,52 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { h } from '@stencil/core';
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+/** Renders full tab labels and enables tooltips only when constrained labels overflow. */
+export class VegaTabGroupConstrainedTabLabelRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.tabLabelRefs = {};
+    this.tabTooltipRefs = {};
+  }
+  componentDidRender() {
+    this.refreshTooltipTriggers();
+  }
+  refreshTooltipTriggers() {
+    Object.keys(this.tabLabelRefs).forEach((dataTarget) => {
+      const labelRef = this.tabLabelRefs[dataTarget];
+      const tooltipRef = this.tabTooltipRefs[dataTarget];
+      if (labelRef && tooltipRef) {
+        tooltipRef.trigger = labelRef.scrollWidth > labelRef.clientWidth ? 'hover' : 'none';
+      }
+    });
+  }
+  /**
+   * Renders a label that truncates visually and exposes its complete value through a tooltip on overflow.
+   *
+   * @param {TabConfig} item - The tab configuration.
+   * @returns {HTMLElement} The constrained tab label.
+   */
+  render(item) {
+    return (h("vega-tooltip", { text: item.label, trigger: "none", placement: "bottom", "position-relative-to": this.positionRelativeTo, 
+      /* eslint-disable-next-line react/jsx-no-bind */
+      ref: (ref) => {
+        this.tabTooltipRefs[item.dataTarget] = ref;
+      } },
+      h("span", { class: "tab-label-ellipsis", 
+        /* eslint-disable-next-line react/jsx-no-bind */
+        ref: (ref) => {
+          this.tabLabelRefs[item.dataTarget] = ref;
+        } }, item.label)));
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTabGroupConstrainedTabLabelRenderer.prototype, "positionRelativeTo", void 0);
+__decorate([
+  MapToComponentMethod('componentDidRender')
+], VegaTabGroupConstrainedTabLabelRenderer.prototype, "componentDidRender", null);

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-tab-list-renderer.js

@@ -8,6 +8,8 @@ import { h } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { createEnterKeyHandlerToTriggerClick } from '../../../../../utils/accessibility';
 import { createSafeIdFromString } from '../../../../../utils/ui';
+import { formatAndValidResponsiveToken } from '../../../../../utils/design-token';
+import { hasAnyPercentageTabWidth, hasPercentageConfiguredWidth, shouldUseConstrainedWidthLayout, } from '../../../helpers/vega-tab-group-width-layout-helper';
 export class VegaTabGroupTabListRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -22,18 +24,24 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
     };
   }
   render() {
+    const isConstrainedLayout = shouldUseConstrainedWidthLayout(this.tabItemWidth, this.tabItems);
+    const hasMixedPercentageWidths = hasAnyPercentageTabWidth(this.tabItems) && !isConstrainedLayout;
     return (h("div", { class: {
         'tab-list': true,
         'menu': this.overflow === 'menu',
         'scroll': this.overflow === 'scroll',
+        'custom-tab-width': isConstrainedLayout,
+        'mixed-percentage-tab-width': hasMixedPercentageWidths,
       } },
-      this.overflow === 'menu' && this.renderTabListInMenuOverflow(),
+      this.overflow === 'menu' && this.renderTabListInMenuOverflow(hasMixedPercentageWidths),
       this.overflow === 'scroll' && this.renderTabListInScrollOverflow()));
   }
-  renderTabListInMenuOverflow() {
+  renderTabListInMenuOverflow(hasMixedPercentageWidths) {
+    const isConstrainedLayout = shouldUseConstrainedWidthLayout(this.tabItemWidth, this.tabItems);
+    const pageWrapperStyle = hasMixedPercentageWidths || isConstrainedLayout ? { paddingRight: '1px' } : undefined;
     return (h("vega-carousel", { showSlider: false, ref: (el) => (this.carouselDom = el) }, this.tabPages.length > 0 ? (this.tabPages.map((tabPage, index) => {
-      return h("div", { key: index }, this.renderTabList(tabPage));
-    })) : (h("div", null, this.renderTabList(this.tabItems)))));
+      return (h("div", { key: index, style: pageWrapperStyle }, this.renderTabList(tabPage)));
+    })) : (h("div", { style: pageWrapperStyle }, this.renderTabList(this.tabItems)))));
   }
   renderTabListInScrollOverflow() {
     return (h("div", { class: "overflow-scroll" }, this.tabPages.map((tabPage, index) => {
@@ -41,16 +49,29 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
     })));
   }
   renderTabList(showTabItems) {
-    return (h("vega-flex", { gap: this.gap, role: "tablist" }, showTabItems.map((item) => {
+    const isConstrainedLayout = shouldUseConstrainedWidthLayout(this.tabItemWidth, this.tabItems);
+    const hasMixedPercentageWidths = hasAnyPercentageTabWidth(this.tabItems) && !isConstrainedLayout;
+    const shouldUseStableTabListWidth = isConstrainedLayout || hasAnyPercentageTabWidth(this.tabItems);
+    return (h("vega-flex", { gap: this.gap, role: "tablist", style: shouldUseStableTabListWidth ? { width: '100%' } : undefined }, showTabItems.map((item) => {
+      const shouldKeepAdaptiveTabShrinkable = hasMixedPercentageWidths && item.width == null;
+      const shouldPreventIntrinsicMinimumWidth = isConstrainedLayout || shouldKeepAdaptiveTabShrinkable || item.width != null;
+      const shouldAllowTabShrink = shouldKeepAdaptiveTabShrinkable ||
+        (isConstrainedLayout && hasPercentageConfiguredWidth(item, this.tabItemWidth));
       const tabLabelId = createSafeIdFromString(item.dataTarget, 'vega-tab-label');
       return (h("div", { class: {
           'vega-tab': true,
+          'custom-tab-label-width': isConstrainedLayout || item.width != null,
           'selected': this.selectedTabDataTarget === item.dataTarget,
           'last-page': this.currentPageIndex + 1 === this.tabPages.length,
-          'vega-flex-shrink-0': true,
-          'v-min-w-min': true,
+          'vega-flex-shrink-0': !shouldAllowTabShrink,
+          'v-min-w-min': !shouldPreventIntrinsicMinimumWidth,
           'disabled': Boolean(item.disabled),
-        }, "data-target": item.dataTarget, key: item.dataTarget },
+        }, style: Object.assign({ flexGrow: item.width != null ? '0' : undefined, width: this.resolveTabWidth(item) }, (shouldAllowTabShrink
+          ? {
+            minWidth: '0',
+            flexShrink: '1',
+          }
+          : {})), "data-target": item.dataTarget, key: item.dataTarget },
         h("div", { class: "vega-tab-container" },
           h("div", { class: {
               'label': true,
@@ -59,7 +80,7 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
             /* eslint-disable-next-line react/jsx-no-bind */
             onClick: (event) => this.handleTabItemClick(event, item.dataTarget), id: tabLabelId, "aria-label": this.getTabAriaLabel(item), "aria-selected": (this.selectedTabDataTarget === item.dataTarget).toString(), role: 'tab', tabIndex: item.disabled ? -1 : 0, onKeyDown: createEnterKeyHandlerToTriggerClick() },
             this.renderPrefixIconDom(item),
-            this.renderTabLabelDom(item),
+            this.renderTabLabelDom(item, isConstrainedLayout || item.width != null),
             this.renderCounterBadgeDom(item)),
           this.closeButtonRenderer.render(item))));
     })));
@@ -68,7 +89,10 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
     const prefixIcon = item.prefixIcon;
     return prefixIcon && h("vega-icon", { icon: prefixIcon });
   }
-  renderTabLabelDom(item) {
+  renderTabLabelDom(item, isConstrainedLayout) {
+    if (isConstrainedLayout) {
+      return this.constrainedTabLabelRenderer.render(item);
+    }
     const labelLength = item.label.length;
     return labelLength > this.TAB_LABEL_MAX_SIZE ? (h("vega-tooltip", { text: item.label, placement: "bottom", "position-relative-to": this.positionRelativeTo },
       h("span", null,
@@ -109,6 +133,18 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
     }
     return '';
   }
+  resolveTabWidth(item) {
+    var _a, _b;
+    if (item.width != null) {
+      /* istanbul ignore next */
+      return (_a = formatAndValidResponsiveToken(item.width, 'widthAndHeight')) !== null && _a !== void 0 ? _a : undefined;
+    }
+    if (this.tabItemWidth != null) {
+      /* istanbul ignore next */
+      return (_b = formatAndValidResponsiveToken(this.tabItemWidth, 'widthAndHeight')) !== null && _b !== void 0 ? _b : undefined;
+    }
+    return undefined;
+  }
   handleTabItemClick(event, dataTarget) {
     this.selectedTargetController.handleTabItemClick(dataTarget);
     this.voiceOverFocusController.handleVoiceOverPanelFocus(event, dataTarget);
@@ -135,12 +171,18 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTabGroupTabListRenderer.prototype, "overflow", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTabGroupTabListRenderer.prototype, "tabItemWidth", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTabGroupTabListRenderer.prototype, "positionRelativeTo", void 0);
 __decorate([
   MapToComponentField({ componentFieldName: 'vegaTabGroupCloseButtonRenderer' })
 ], VegaTabGroupTabListRenderer.prototype, "closeButtonRenderer", void 0);
+__decorate([
+  MapToComponentField({ componentFieldName: 'vegaTabGroupConstrainedTabLabelRenderer' })
+], VegaTabGroupTabListRenderer.prototype, "constrainedTabLabelRenderer", void 0);
 __decorate([
   MapToComponentField({ componentFieldName: 'vegaTabGroupSelectedTargetController' })
 ], VegaTabGroupTabListRenderer.prototype, "selectedTargetController", void 0);

package/dist/collection/components/vega-tab-group/vega-tab-group-panel/vega-tab-group-panel.js

@@ -17,7 +17,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimme
  */
 export class VegaTabGroupPanel {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.clickEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, undefined, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     /**

package/dist/collection/components/vega-tab-group/vega-tab-group.css

@@ -35,6 +35,10 @@
   flex-grow: 1;
 }
 
+.tab-content-container.more-tab .tab-list.custom-tab-width .vega-tab {
+  flex-grow: 0;
+}
+
 .tab-content-container.more-tab .vega-tab.last-page {
   flex-grow: 0;
 }
@@ -44,10 +48,18 @@
   align-items: center;
 }
 
+.vega-tab.custom-tab-label-width > div.vega-tab-container {
+  min-width: 0px;
+}
+
 .vega-tab > div.vega-tab-container > div {
   flex-grow: 1;
 }
 
+.vega-tab.custom-tab-label-width > div.vega-tab-container > div {
+  min-width: 0px;
+}
+
 .tab-style-primary .vega-tab:hover {
   background-color: rgba(var(--v-bg-tab-hover, 245, 247, 247, 1));
 }
@@ -100,6 +112,30 @@
   }
 }
 
+.vega-tab.custom-tab-label-width > div > .label {
+  overflow: hidden;
+  min-width: 0px;
+  max-width: 100%;
+}
+
+.vega-tab.custom-tab-label-width > div > .label .tab-label-ellipsis {
+  display: block;
+  min-width: 0px;
+  width: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vega-tab.custom-tab-label-width > div > .label vega-tooltip {
+  display: block;
+  flex-grow: 1;
+  min-width: 0px;
+  max-width: 100%;
+  overflow: hidden;
+}
+
 .vega-tab > div > .label vega-icon {
   padding-right: 8px;
 }
@@ -195,7 +231,21 @@
 }
 
 .tab-content-container.more-tab .tab-list {
-  width: 100%;
+  flex-grow: 1;
+  min-width: 0px;
+  width: auto;
+}
+
+.tab-content-container .tab-list.custom-tab-width {
+  flex-grow: 1;
+  min-width: 0px;
+  width: auto;
+}
+
+.tab-content-container .tab-list.mixed-percentage-tab-width {
+  flex-grow: 1;
+  min-width: 0px;
+  width: auto;
 }
 
 div.tab-left-button,

package/dist/collection/components/vega-tab-group/vega-tab-group.js

@@ -16,6 +16,7 @@ import { VegaTabGroupSwitchPageButtonRenderer } from './slimmers/vega-tab-group/
 import { VegaTabGroupPanelController } from './slimmers/vega-tab-group/controllers/vega-tab-group-panel-controller';
 import { VegaTabGroupVoiceOverFocusController } from './slimmers/vega-tab-group/controllers/vega-tab-group-voice-over-focus-controller';
 import { VegaTabGroupTabListRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-tab-list-renderer';
+import { VegaTabGroupConstrainedTabLabelRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-constrained-tab-label-renderer';
 import { VegaTabGroupContentRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-content-renderer';
 import { VegaTabGroupSliderStateController } from './slimmers/vega-tab-group/controllers/vega-tab-group-slider-state-controller';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
@@ -31,11 +32,12 @@ import { TranslationSlimmer } from '../../helpers/slimmers/translation';
  */
 export class VegaTabGroup {
   constructor() {
-    this.globalSlimmers = {};
+    this.globalSlimmers = new Map();
     this.vegaTabGroupRenderer = new VegaTabGroupRenderer();
     this.translationSlimmer = new TranslationSlimmer();
     this.vegaTabGroupDirectionButtonRenderer = new VegaTabGroupSwitchPageButtonRenderer();
     this.vegaTabGroupTabListRenderer = new VegaTabGroupTabListRenderer();
+    this.vegaTabGroupConstrainedTabLabelRenderer = new VegaTabGroupConstrainedTabLabelRenderer();
     this.vegaTabGroupCloseButtonRenderer = new VegaTabGroupCloseButtonRenderer();
     this.vegaTabGroupPagesController = new VegaTabGroupPagesController();
     this.vegaTabGroupSelectedTargetController = new VegaTabGroupSelectedTargetController();
@@ -142,6 +144,14 @@ export class VegaTabGroup {
   watchTabItemsChange() {
     methodPlaceholder();
   }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-tab-group-tab-item-width-customization}
+   */
+  /* istanbul ignore next */
+  watchTabItemWidthChange() {
+    methodPlaceholder();
+  }
   /**
    * Call the pager to return a two-dimensional array of page numbers.
    */
@@ -330,6 +340,35 @@ export class VegaTabGroup {
       "attribute": "overflow",
       "reflect": false,
       "defaultValue": "'menu'"
+    },
+    "tabItemWidth": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<WidthType>",
+        "resolved": "number | string | { S?: WidthType; M?: WidthType; L?: WidthType; XL?: WidthType; default?: WidthType; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "WidthType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.102.0"
+          }],
+        "text": "Sets a custom width for tab items in the tab list.\n\n- Supports a number (px), a CSS width value (for example `'50%'`),\n     a spacing token, or a responsive map (for example `{ default: '100%', M: '50%' }`).\n- If not provided, tab items use natural (adaptive) width.\n- Individual tabs can override this value through `TabConfig.width`.\n- Constrained layout mode (`vega-flex` width set to `100%`)\n     is enabled only when this prop is set, or when all tab items define `TabConfig.width`.\n- The configured gap is preserved for both constrained and mixed per-item width usage."
+      },
+      "attribute": "tab-item-width",
+      "reflect": false
     }
   }; }
   static get states() { return {
@@ -396,6 +435,9 @@ export class VegaTabGroup {
     }, {
       "propName": "tabItems",
       "methodName": "watchTabItemsChange"
+    }, {
+      "propName": "tabItemWidth",
+      "methodName": "watchTabItemWidthChange"
     }]; }
 }
 __decorate([
@@ -413,6 +455,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupTabListRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTabGroup.prototype, "vegaTabGroupConstrainedTabLabelRenderer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupCloseButtonRenderer", void 0);

package/dist/collection/components/vega-table/slimmers/controllers/dto/column-render-input-model.js

@@ -48,6 +48,23 @@ export class ColumnRenderInputModel {
     this.columnIndex = columnIndex;
     this.parent = parent;
     this.children = children;
+    /**
+     * Prefix-sum pixel offset for `sticky left` positioning. Mutated by
+     * {@link VegaTableRenderInputController.recomputePinnedOffsets} on resize / column
+     * structure change. Consumed by the cell's own `render()` to emit `style.left`
+     * declaratively instead of receiving external shadow-DOM style mutation.
+     * Null when the column is not left-pinned or offsets have not yet been computed.
+     */
+    this.leftOffsetPx = null;
+    /**
+     * Prefix-sum pixel offset for `sticky right` positioning. Mirrors
+     * {@link leftOffsetPx} but for right-pinned columns.
+     */
+    this.rightOffsetPx = null;
+    this.isVisibleLeftEndPinned = false;
+    this.isVisibleRightStartPinned = false;
+    this.isVisibleRightEndPinned = false;
+    this.visibleColSpan = null;
     this.iteratorCacheMap = new Map();
     this.leaves = [];
   }
@@ -108,14 +125,14 @@ export class ColumnRenderInputModel {
       isNoPinnedEnd = isNoPinnedEnd || leaf.isNoPinnedEnd;
       isViewEnd = isViewEnd || leaf.isViewEnd;
     }
-    // Return the base unchanged when no flags were gained (common fast-path).
-    if (isLeftEndPinned === base.isLeftEndPinned &&
-      isRightStartPinned === base.isRightStartPinned &&
-      isNoPinnedEnd === base.isNoPinnedEnd &&
-      isViewEnd === base.isViewEnd) {
-      return base;
-    }
-    return new ColumnRenderInputModel(base.key, base.label, base.pinned, base.colSpan, base.rowSpan, base.isViewStart, isViewEnd, isLeftEndPinned, isRightStartPinned, isNoPinnedEnd, base.headHasGroupColumn, base.headHasPinnedColumn, base.headMaxDepth, base.level, base.columnIndex, base.parent, base.children);
+    const renderInput = new ColumnRenderInputModel(base.key, base.label, base.pinned, base.colSpan, base.rowSpan, base.isViewStart, isViewEnd, isLeftEndPinned, isRightStartPinned, isNoPinnedEnd, base.headHasGroupColumn, base.headHasPinnedColumn, base.headMaxDepth, base.level, base.columnIndex, base.parent, base.children);
+    renderInput.leftOffsetPx = base.leftOffsetPx;
+    renderInput.rightOffsetPx = base.rightOffsetPx;
+    renderInput.isVisibleLeftEndPinned = base.isVisibleLeftEndPinned;
+    renderInput.isVisibleRightStartPinned = base.isVisibleRightStartPinned;
+    renderInput.isVisibleRightEndPinned = base.isVisibleRightEndPinned;
+    renderInput.visibleColSpan = base.visibleColSpan;
+    return renderInput;
   }
   /**
    * True when the provided structure model is the last left-pinned sibling in its parent's children.

package/dist/collection/components/vega-table/slimmers/controllers/dto/row-render-input-model.js

@@ -0,0 +1,41 @@
+import { extractNumberFromString } from '../../../../../utils/ui';
+/** Render-time structural state shared by table row variants. */
+export class RowRenderInputModel {
+  constructor(kind, hasLeftPinnedColumn, hasRightPinnedColumn, showSelectionCell, showDraggableCell, showExpandActionCell, hasExpandedRowSlot, leftPaddingPx, rightPaddingPx, startRowSpan = null, endRowSpan = null, isStartHidden = false, isEndHidden = false) {
+    this.kind = kind;
+    this.hasLeftPinnedColumn = hasLeftPinnedColumn;
+    this.hasRightPinnedColumn = hasRightPinnedColumn;
+    this.showSelectionCell = showSelectionCell;
+    this.showDraggableCell = showDraggableCell;
+    this.showExpandActionCell = showExpandActionCell;
+    this.hasExpandedRowSlot = hasExpandedRowSlot;
+    this.leftPaddingPx = leftPaddingPx;
+    this.rightPaddingPx = rightPaddingPx;
+    this.startRowSpan = startRowSpan;
+    this.endRowSpan = endRowSpan;
+    this.isStartHidden = isStartHidden;
+    this.isEndHidden = isEndHidden;
+  }
+  /**
+   * Create row render input from table and column structure state.
+   *
+   * @param {ColumnStructureModel} structure - Current column structure.
+   * @param {TableRowStructure} table - Current row-related table state.
+   * @param {RowKind} kind - Row variant being rendered.
+   * @param {ColumnRenderInputModel[]} headRenderInputs - Header columns for row-span metadata.
+   * @returns {RowRenderInputModel} Row-owned render input.
+   */
+  static from(structure, table, kind, headRenderInputs = null) {
+    const startRenderInput = headRenderInputs === null || headRenderInputs === void 0 ? void 0 : headRenderInputs[0];
+    const endRenderInput = headRenderInputs === null || headRenderInputs === void 0 ? void 0 : headRenderInputs[headRenderInputs.length - 1];
+    const isMultipleSelection = !!table.rowSelection && (table.rowSelection.type || 'multiple') === 'multiple';
+    return new RowRenderInputModel(kind, structure.hasLeftPinnedColumn(), structure.hasRightPinnedColumn(), isMultipleSelection, !!table.rowDraggable, kind !== 'expand' && table.hasExpandableRow, kind === 'expand', extractNumberFromString(table.paddingX[0]), extractNumberFromString(table.paddingX[1]), (startRenderInput === null || startRenderInput === void 0 ? void 0 : startRenderInput.headHasGroupColumn)
+      ? isMultipleSelection && startRenderInput.level === 0
+        ? startRenderInput.headMaxDepth
+        : startRenderInput.rowSpan
+      : null, (endRenderInput === null || endRenderInput === void 0 ? void 0 : endRenderInput.headHasGroupColumn) ? endRenderInput.rowSpan : null, !!(startRenderInput === null || startRenderInput === void 0 ? void 0 : startRenderInput.headHasGroupColumn) &&
+      ((isMultipleSelection && startRenderInput.level > 0) || !startRenderInput.isViewStart), !!(startRenderInput === null || startRenderInput === void 0 ? void 0 : startRenderInput.headHasGroupColumn) &&
+      !!(endRenderInput === null || endRenderInput === void 0 ? void 0 : endRenderInput.headHasGroupColumn) &&
+      !endRenderInput.isViewEnd);
+  }
+}

package/dist/collection/components/vega-table/slimmers/controllers/vega-table-head-template-structure-controller.js

@@ -226,6 +226,7 @@ export class VegaTableHeadTemplateStructureController extends VegaSlimmer {
         return;
       const resolvedRowRenderInputs = rowRenderInputs;
       this.vegaTableRenderInputController.addHeadRowRenderInputMap(templateRow, resolvedRowRenderInputs);
+      this.vegaTableRenderInputController.addRowRenderInputMap(templateRow, 'head');
       templateCells.forEach((templateCell, cellIndex) => {
         this.vegaTableRenderInputController.addHeadCellRenderInputMap(templateCell, resolvedRowRenderInputs[cellIndex]);
       });