@globalpayments/vega 2.98.0 → 2.99.0

package/dist/esm/vega-tab-group_2.entry.js

@@ -15,6 +15,7 @@ import { f as findParent, j as checkIsVoiceOverClick, k as getFirstFocusableElem
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ef970ffc.js';
 import './breakpoints-332702ed.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
@@ -24,6 +25,7 @@ import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './dynamic-slimmer-90b8af32.js';
+import './internal-translation-controller-b33430c6.js';
 
 var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -961,18 +963,24 @@ class VegaTabGroupTabListRenderer extends VegaSlimmer {
   renderCounterBadgeDom(item) {
     const counterBadge = item.counterBadge;
     const counterBadgeClass = this.getCounterBadgeClassByCount(counterBadge);
-    return ((counterBadge === null || counterBadge === void 0 ? void 0 : counterBadge.count) !== undefined &&
-      counterBadge.count > 0 && (h("div", { class: `vega-counter-badge ${counterBadgeClass}`, "aria-hidden": "true" },
-      h("vega-counter-badge", { count: counterBadge.count, color: counterBadge.color }))));
+    return (counterBadge &&
+      (!!counterBadge.dot || (counterBadge.count !== undefined && counterBadge.count > 0)) && (h("div", { class: `vega-counter-badge ${counterBadgeClass}`, "aria-hidden": "true" },
+      h("vega-counter-badge", { count: counterBadge.count, color: counterBadge.color, dot: counterBadge.dot }))));
   }
   getTabAriaLabel(item) {
     const counterBadge = item.counterBadge;
+    if (counterBadge === null || counterBadge === void 0 ? void 0 : counterBadge.dot) {
+      return `${item.label}, ${this.translationSlimmer.t('notification')}`;
+    }
     return (counterBadge === null || counterBadge === void 0 ? void 0 : counterBadge.count) && counterBadge.count > 0
       ? `${item.label}, ${counterBadge.count}`
       : item.label;
   }
   getCounterBadgeClassByCount(counterBadge) {
-    if (counterBadge && counterBadge.count) {
+    if (counterBadge === null || counterBadge === void 0 ? void 0 : counterBadge.dot) {
+      return 'dot-variant';
+    }
+    if (counterBadge === null || counterBadge === void 0 ? void 0 : counterBadge.count) {
       const digits = counterBadge.count.toString().length;
       if (digits === 1) {
         return 'one-digit';
@@ -984,9 +992,7 @@ class VegaTabGroupTabListRenderer extends VegaSlimmer {
         return 'multi-digits';
       }
     }
-    else {
-      return '';
-    }
+    return '';
   }
   handleTabItemClick(event, dataTarget) {
     this.selectedTargetController.handleTabItemClick(dataTarget);
@@ -1026,6 +1032,9 @@ __decorate$4([
 __decorate$4([
   MapToComponentField({ componentFieldName: 'vegaTabGroupVoiceOverFocusController' })
 ], VegaTabGroupTabListRenderer.prototype, "voiceOverFocusController", void 0);
+__decorate$4([
+  MapToComponentField()
+], VegaTabGroupTabListRenderer.prototype, "translationSlimmer", void 0);
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1171,7 +1180,7 @@ const VegaTabGroupRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-const vegaTabGroupCss = ".tab-content-container.tab-style-primary{margin-left:24px;margin-right:24px}.vega-tab{cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.tab-content-container .tab-list.scroll{width:100%;overflow:hidden}.tab-content-container .tab-list.scroll .overflow-scroll>div{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-content-container .tab-list.scroll .overflow-scroll>div::-webkit-scrollbar{display:none}.tab-content-container.more-tab .vega-tab{flex-grow:1}.tab-content-container.more-tab .vega-tab.last-page{flex-grow:0}.vega-tab>div.vega-tab-container{display:flex;align-items:center}.vega-tab>div.vega-tab-container>div{flex-grow:1}.tab-style-primary .vega-tab:hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}.tab-style-primary .vega-tab.selected,.tab-style-primary .vega-tab.selected:hover{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-tab>div>.label{display:inline-flex;align-items:center;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;cursor:pointer;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-tab>div>.label vega-icon{padding-right:8px}.vega-tab>div>.label .vega-counter-badge{position:relative;height:20px;padding-left:8px}.vega-tab>div>.label .vega-counter-badge vega-counter-badge{position:absolute;padding-left:8px;top:10px}.vega-tab>div>.label .vega-counter-badge.one-digit{width:20px}.vega-tab>div>.label .vega-counter-badge.one-digit vega-counter-badge{left:10px}.vega-tab>div>.label .vega-counter-badge.two-digits{width:28px}.vega-tab>div>.label .vega-counter-badge.two-digits vega-counter-badge{left:14px}.vega-tab>div>.label .vega-counter-badge.multi-digits{width:32px}.vega-tab>div>.label .vega-counter-badge.multi-digits vega-counter-badge{left:16px}.vega-tab>div>.label.vega-close-icon-space{padding-right:12px}.vega-tab>div>div.vega-close-icon{padding-left:0px;flex-grow:0;padding-right:13px}.vega-tab>div>div.vega-hidden{display:none}.vega-tab>div vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:content-box}.vega-tab>div>div.vega-close-icon vega-icon{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-tab.disabled{pointer-events:none;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.vega-tab.disabled .label,.vega-tab.disabled vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host{display:block;width:100%;text-align:left;line-height:normal;min-width:270px}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;display:none;margin-top:-1px}.tab-content-container{display:flex;gap:8px;justify-content:space-between}.tab-content-container.more-tab .tab-list{width:100%}div.tab-left-button,div.tab-right-button{display:inline-block;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}div.tab-left-button.vega-hidden,div.tab-right-button.vega-hidden{display:none}div.tab-left-button vega-icon,div.tab-right-button vega-icon{box-sizing:content-box;padding:13px 13px 13px 12px}.vega-tab-group-content vega-tab-group-panel{display:none}.vega-tab-group-content vega-tab-group-panel.active{display:block}.tab-style-secondary .vega-tab>div.vega-tab-container{align-items:baseline}.tab-style-secondary+.horizontal-divider{display:block}.tab-style-secondary .vega-tab{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary .vega-tab>div>.label{padding-left:16px;padding-right:16px;padding-top:0px;padding-bottom:12px}.tab-style-secondary .vega-tab.selected>div>.label,.tab-style-secondary .vega-tab.selected>div>.label vega-icon,.tab-style-secondary .vega-tab:hover>div>.label,.tab-style-secondary .vega-tab:hover>div>.label vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.tab-style-secondary .vega-tab{border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:2px;border-style:solid;border-color:transparent}.tab-style-secondary .vega-tab.selected{border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}.tab-style-secondary div.tab-left-button,.tab-style-secondary div.tab-right-button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary div.tab-left-button vega-icon,.tab-style-secondary div.tab-right-button vega-icon{padding:6px 13px 13px 6px}.tab-style-secondary div.tab-left-button:hover vega-icon,.tab-style-secondary div.tab-right-button:hover vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}";
+const vegaTabGroupCss = ".tab-content-container.tab-style-primary{margin-left:24px;margin-right:24px}.vega-tab{cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.tab-content-container .tab-list.scroll{width:100%;overflow:hidden}.tab-content-container .tab-list.scroll .overflow-scroll>div{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-content-container .tab-list.scroll .overflow-scroll>div::-webkit-scrollbar{display:none}.tab-content-container.more-tab .vega-tab{flex-grow:1}.tab-content-container.more-tab .vega-tab.last-page{flex-grow:0}.vega-tab>div.vega-tab-container{display:flex;align-items:center}.vega-tab>div.vega-tab-container>div{flex-grow:1}.tab-style-primary .vega-tab:hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}.tab-style-primary .vega-tab.selected,.tab-style-primary .vega-tab.selected:hover{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-tab>div>.label{display:inline-flex;align-items:center;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;cursor:pointer;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-tab>div>.label vega-icon{padding-right:8px}.vega-tab>div>.label .vega-counter-badge{position:relative;height:20px;padding-left:8px}.vega-tab>div>.label .vega-counter-badge vega-counter-badge{position:absolute;padding-left:8px;top:10px}.vega-tab>div>.label .vega-counter-badge.dot-variant{width:20px}.vega-tab>div>.label .vega-counter-badge.dot-variant vega-counter-badge{left:10px}.vega-tab>div>.label .vega-counter-badge.one-digit{width:20px}.vega-tab>div>.label .vega-counter-badge.one-digit vega-counter-badge{left:10px}.vega-tab>div>.label .vega-counter-badge.two-digits{width:28px}.vega-tab>div>.label .vega-counter-badge.two-digits vega-counter-badge{left:14px}.vega-tab>div>.label .vega-counter-badge.multi-digits{width:32px}.vega-tab>div>.label .vega-counter-badge.multi-digits vega-counter-badge{left:16px}.vega-tab>div>.label.vega-close-icon-space{padding-right:12px}.vega-tab>div>div.vega-close-icon{padding-left:0px;flex-grow:0;padding-right:13px}.vega-tab>div>div.vega-hidden{display:none}.vega-tab>div vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:content-box}.vega-tab>div>div.vega-close-icon vega-icon{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-tab.disabled{pointer-events:none;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.vega-tab.disabled .label,.vega-tab.disabled vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host{display:block;width:100%;text-align:left;line-height:normal;min-width:270px}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;display:none;margin-top:-1px}.tab-content-container{display:flex;gap:8px;justify-content:space-between}.tab-content-container.more-tab .tab-list{width:100%}div.tab-left-button,div.tab-right-button{display:inline-block;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}div.tab-left-button.vega-hidden,div.tab-right-button.vega-hidden{display:none}div.tab-left-button vega-icon,div.tab-right-button vega-icon{box-sizing:content-box;padding:13px 13px 13px 12px}.vega-tab-group-content vega-tab-group-panel{display:none}.vega-tab-group-content vega-tab-group-panel.active{display:block}.tab-style-secondary .vega-tab>div.vega-tab-container{align-items:baseline}.tab-style-secondary+.horizontal-divider{display:block}.tab-style-secondary .vega-tab{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary .vega-tab>div>.label{padding-left:16px;padding-right:16px;padding-top:0px;padding-bottom:12px}.tab-style-secondary .vega-tab.selected>div>.label,.tab-style-secondary .vega-tab.selected>div>.label vega-icon,.tab-style-secondary .vega-tab:hover>div>.label,.tab-style-secondary .vega-tab:hover>div>.label vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.tab-style-secondary .vega-tab{border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:2px;border-style:solid;border-color:transparent}.tab-style-secondary .vega-tab.selected{border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}.tab-style-secondary div.tab-left-button,.tab-style-secondary div.tab-right-button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary div.tab-left-button vega-icon,.tab-style-secondary div.tab-right-button vega-icon{padding:6px 13px 13px 6px}.tab-style-secondary div.tab-left-button:hover vega-icon,.tab-style-secondary div.tab-right-button:hover vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}";
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1190,6 +1199,7 @@ const VegaTabGroup = class {
     this.click = createEvent(this, "click", 7);
     this.globalSlimmers = {};
     this.vegaTabGroupRenderer = new VegaTabGroupRenderer();
+    this.translationSlimmer = new TranslationSlimmer();
     this.vegaTabGroupDirectionButtonRenderer = new VegaTabGroupSwitchPageButtonRenderer();
     this.vegaTabGroupTabListRenderer = new VegaTabGroupTabListRenderer();
     this.vegaTabGroupCloseButtonRenderer = new VegaTabGroupCloseButtonRenderer();
@@ -1319,6 +1329,9 @@ __decorate$1([
 __decorate$1([
   InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupRenderer", void 0);
+__decorate$1([
+  InjectVegaSlimmer()
+], VegaTabGroup.prototype, "translationSlimmer", void 0);
 __decorate$1([
   InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupDirectionButtonRenderer", void 0);

package/dist/esm/vega-table_11.entry.js

@@ -3,6 +3,7 @@ import { c as MapToComponentField, V as VegaSlimmer, L as LogUtility, M as MapTo
 import { m as methodPlaceholder, s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { g as getValueByPath } from './object-0c277f57.js';
+import { e as BreakpointKeys } from './ui-93922c59.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { m as TABLE_EXPAND_ROW, n as TABLE_ROW_SELECTION, o as TABLE_ROW_SELECTION_ALL, p as TABLE_ROW_CLICK, S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-1c86e974.js';
 import { O as Observer } from './observer-3959f9dd.js';
@@ -11,8 +12,8 @@ import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from '
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
 import { U as VegaInternalTableRowExpand, W as VegaInternalTableRowSelect, X as VegaInternalTableRowSelectAll, Y as VegaInternalVegaTableRenderInputChange, Z as VegaInternalColumnHeadRowRenderInputRIC, _ as VegaInternalColumnHeadCellRenderInputRIC, $ as VegaInternalColumnBodyCellRenderInputRIC, a0 as VegaInternalTableHeadTemplateStructureChange, a1 as VegaInternalTableHeadCellSortEvent } from './vega-internal-event-id-86fce049.js';
 import { a as VegaClick, d as VegaChange, _ as VegaPageSizeChange, e as VegaExpand, a2 as VegaSelectChange, a3 as VegaSelectAllChange, a4 as VegaRowClick, a5 as VegaRowExpand, a6 as VegaRowDragDrop, a7 as VegaRowSelect, a8 as VegaRowSelectAll } from './vega-event-id-f55f6977.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
-import { i as isNonNullable, s as isBreakpointsTokenType, ap as isVegaTableColumnGroupingModelType } from './type-guard-f2624334.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-dec87e46.js';
+import { i as isNonNullable, s as isBreakpointsTokenType, ap as isVegaTableColumnGroupingModelType } from './type-guard-6fc96870.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
@@ -23,7 +24,7 @@ import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-23b
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { I as ImmutableMap } from './immutable-map-4fe22b11.js';
-import { T as TranslationSlimmer } from './translation-slimmer-ee0f0e76.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ef970ffc.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
@@ -34,12 +35,11 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
-import './ui-93922c59.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-fac22598.js';
+import './internal-translation-controller-b33430c6.js';
 import './try-get-document-bef0f526.js';
 import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
@@ -586,16 +586,16 @@ function normalizeSpan(rawSpan) {
  * Walk rightward from the starting leaf to find the widest legal span.
  *
  * Stops (and returns a clamp reason) when the span would either run past the end of the
- * row or cross a pinned ↔ unpinned column boundary (which would break sticky positioning).
- * Breakpoint-hidden columns are intentionally **not** a stop condition — the span mirrors
- * across them (matching header group colSpan).
+ * row, cross a pinned ↔ unpinned column boundary, or encounter a breakpoint-hidden column.
+ * Breakpoint-hidden columns are a shrink trigger (the span stops before them).
  *
  * @param {number} declared - The declared span requested by the column.
  * @param {number} leafIndex - Index of the starting leaf in the flattened render-input array.
  * @param {ColumnRenderInputModel[]} allLeaves - All leaf render inputs for the table (ordered).
+ * @param {boolean[]} isHiddenAtBreakpoint - Per-leaf boolean: true if leaf is hidden at current breakpoint.
  * @returns {MaxSpan} The widest legal span plus the clamp reason (null when unconstrained).
  */
-function computeMaxSpan(declared, leafIndex, allLeaves) {
+function computeMaxSpan(declared, leafIndex, allLeaves, isHiddenAtBreakpoint) {
   var _a, _b;
   const startPinned = (_a = allLeaves[leafIndex]) === null || _a === void 0 ? void 0 : _a.pinned;
   let span = 1;
@@ -607,6 +607,13 @@ function computeMaxSpan(declared, leafIndex, allLeaves) {
         clampReason: `extends past the end of the row (${allLeaves.length} columns total)`,
       };
     }
+    // Reject if the next column is hidden at the current breakpoint.
+    if (isHiddenAtBreakpoint[leafIndex + offset]) {
+      return {
+        span,
+        clampReason: null, // Breakpoint-hidden stop is not a config-error warning — it is legitimate responsive hiding.
+      };
+    }
     // Reject if the next column is in a different pinned group.
     if (nextLeaf.pinned !== startPinned) {
       return {
@@ -636,11 +643,10 @@ function warnClampOnce(colKey, declared, effective, reason, warnedKeys) {
 /**
  * Resolve the effective body-cell colspan for a single source-data row cell.
  *
- * Clamps the declared span so it never runs past the end of the row nor crosses a
- * pinned ↔ unpinned column boundary. Structural clamps (end-of-row / pinned boundary) emit a
- * warning once per column key (tracked via the caller-supplied {@link warnedKeys} set).
- * Breakpoint-hidden columns are **not** clamped — the span mirrors across a `display: none`
- * column (matching header group colSpan) so the body grid stays column-aligned with the header.
+ * Clamps the declared span so it never runs past the end of the row, crosses a
+ * pinned ↔ unpinned column boundary, or encounters a breakpoint-hidden column (shrink before it).
+ * Structural clamps (end-of-row / pinned boundary) emit a warning once per column key
+ * (tracked via the caller-supplied {@link warnedKeys} set). Breakpoint-hidden stops are silent.
  *
  * @param {VegaTableColumnConfig} column - The column configuration for the spanning cell.
  * @param {VegaTableDataSourceItem} record - The row data record.
@@ -648,14 +654,15 @@ function warnClampOnce(colKey, declared, effective, reason, warnedKeys) {
  * @param {number} leafIndex - Index of this column in the flattened leaf render-input array.
  * @param {ColumnRenderInputModel[]} allLeaves - All leaf render inputs for the table (ordered).
  * @param {Set<string>} warnedKeys - Per-instance set tracking column keys that have already received a clamping warning.
+ * @param {boolean[]} isHiddenAtBreakpoint - Per-leaf boolean: true if leaf is hidden at current breakpoint.
  * @returns {BodyColSpanResult} Resolved spanning metadata for the cell.
  */
-function resolveBodyColSpan(column, record, rowIndex, leafIndex, allLeaves, warnedKeys) {
+function resolveBodyColSpan(column, record, rowIndex, leafIndex, allLeaves, warnedKeys, isHiddenAtBreakpoint) {
   var _a, _b, _c;
   const declared = getDeclaredSpan(column, record, rowIndex);
   if (!declared || declared <= 1)
     return NO_SPAN;
-  const { span, clampReason } = computeMaxSpan(declared, leafIndex, allLeaves);
+  const { span, clampReason } = computeMaxSpan(declared, leafIndex, allLeaves, isHiddenAtBreakpoint);
   const effectiveSpan = Math.min(declared, span);
   if (clampReason && effectiveSpan < declared) {
     const colKey = (_c = (_b = (_a = column.key) !== null && _a !== void 0 ? _a : column.prop) !== null && _b !== void 0 ? _b : column.label) !== null && _c !== void 0 ? _c : '';
@@ -685,6 +692,10 @@ var __decorate$W = (undefined && undefined.__decorate) || function (decorators,
  *
  * The structural shape (a {@link VegaSlimmer} controller reading component fields) mirrors the
  * main-branch `VegaTableExpandRowController` paradigm.
+ *
+ * Breakpoint-aware: maps the current breakpoint from the parent vega-table and computes
+ * which columns are hidden at that breakpoint so the colspan resolver can shrink before
+ * breakpoint-hidden columns (instead of mirroring across them).
  */
 class VegaTableBodyColSpanController extends VegaSlimmer {
   constructor() {
@@ -712,6 +723,8 @@ class VegaTableBodyColSpanController extends VegaSlimmer {
       this.warnedColSpanKeys.clear();
       this.lastWarnedColumnsRef = this.columns;
     }
+    // Compute per-leaf hidden state based on current breakpoint.
+    const isHiddenAtBreakpoint = leaves.map((leaf) => this.isColumnHiddenAtBreakpoint(leaf));
     const results = new Array(leaves.length).fill(null);
     let skipCount = 0;
     leaves.forEach((leaf, leafIndex) => {
@@ -722,7 +735,7 @@ class VegaTableBodyColSpanController extends VegaSlimmer {
       }
       const column = this.findColumn(leaf);
       const result = column
-        ? resolveBodyColSpan(column, record, rowIndex, leafIndex, leaves, this.warnedColSpanKeys)
+        ? resolveBodyColSpan(column, record, rowIndex, leafIndex, leaves, this.warnedColSpanKeys, isHiddenAtBreakpoint)
         : { htmlColspan: 1, skipCount: 0 };
       results[leafIndex] = result;
       skipCount = result.skipCount;
@@ -740,10 +753,33 @@ class VegaTableBodyColSpanController extends VegaSlimmer {
       column.prop === renderInput.key ||
       column.label === renderInput.key);
   }
+  /**
+   * Determine whether a leaf is hidden at the current breakpoint.
+   *
+   * A leaf is hidden when the column's breakpoint threshold is greater than the current breakpoint.
+   * Breakpoint order: 'default' < 'S' < 'M' < 'L' < 'XL'.
+   * Example: if currentBreakpoint is 'S' and column.breakpoint is 'M', the column is hidden (S < M).
+   *
+   * @param {ColumnRenderInputModel} leaf - The leaf render input to check.
+   * @returns {boolean} True if the leaf is hidden at the current breakpoint.
+   */
+  isColumnHiddenAtBreakpoint(leaf) {
+    const column = this.findColumn(leaf);
+    if (!column || !column.breakpoint) {
+      return false; // No breakpoint = never hidden.
+    }
+    const currentBreakpointIndex = BreakpointKeys.indexOf(this.currentBreakpoint);
+    const columnBreakpointIndex = BreakpointKeys.indexOf(column.breakpoint);
+    // Column is hidden when current breakpoint is smaller than the column's breakpoint threshold.
+    return currentBreakpointIndex < columnBreakpointIndex;
+  }
 }
 __decorate$W([
   MapToComponentField()
 ], VegaTableBodyColSpanController.prototype, "columns", void 0);
+__decorate$W([
+  MapToComponentField()
+], VegaTableBodyColSpanController.prototype, "currentBreakpoint", void 0);
 
 var __decorate$V = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/vega-textarea.entry.js

@@ -4,7 +4,7 @@ import { R as RequiredFieldRule } from './required-field-rule-897fe8d1.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-68fc5380.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-511b7ac5.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
@@ -20,8 +20,8 @@ import './ui-d73f756a.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
 import './vega-internal-event-id-86fce049.js';
-import './internal-translation-controller-fac22598.js';
-import './index-3b327f29.js';
+import './internal-translation-controller-b33430c6.js';
+import './index-35451d12.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';

package/dist/esm/vega-time-picker_2.entry.js

@@ -1,32 +1,32 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-1ce2d0a0.js';
+import { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-73753a54.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-68fc5380.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-511b7ac5.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { d as VegaChange, L as VegaFocus, M as VegaBlur, a as VegaClick } from './vega-event-id-f55f6977.js';
 import { g as getDeviceType, D as DeviceType } from './ui-d73f756a.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
-import { X as isTimeStr, ae as pad, i as isNonNullable, af as convert12HourTo24HourFormat } from './type-guard-f2624334.js';
+import { X as isTimeStr, ae as pad, i as isNonNullable, af as convert12HourTo24HourFormat } from './type-guard-6fc96870.js';
 import { i as isArrayEqual } from './array-7888f339.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-8a06ecdd.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-c81d1fe3.js';
 import { C as ClickOutsideOnlyToDismissStrategy } from './click-outside-only-to-dismiss-strategy-3d286c1b.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-1f7c8bfb.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-0517fc70.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
-import { T as TranslationSlimmer } from './translation-slimmer-ee0f0e76.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ef970ffc.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
 import './vega-internal-event-id-86fce049.js';
-import './internal-translation-controller-fac22598.js';
-import './index-3b327f29.js';
+import './internal-translation-controller-b33430c6.js';
+import './index-35451d12.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
@@ -39,11 +39,11 @@ import './sub-state-observer-slimmer-722f6b92.js';
 import './typography-19c3b9be.js';
 import './number-4398f2e1.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
-import './responsive-format-facade-f19b601c.js';
+import './responsive-format-facade-dec87e46.js';
 import './pixel-f32c07ce.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
-import './keyboard-manager-50da85d7.js';
+import './keyboard-manager-b4a0d97d.js';
 import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 

package/dist/esm/vega-toggle-switch.entry.js

@@ -5,7 +5,7 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-68fc5380.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-511b7ac5.js';
 import { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
@@ -18,8 +18,8 @@ import './try-get-document-bef0f526.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';
 import './vega-internal-event-id-86fce049.js';
-import './internal-translation-controller-fac22598.js';
-import './index-3b327f29.js';
+import './internal-translation-controller-b33430c6.js';
+import './index-35451d12.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './ui-93922c59.js';

package/dist/esm/vega-tooltip_2.entry.js

@@ -1,17 +1,17 @@
 import { h, r as registerInstance, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { I as InjectKeyboardManager } from './inject-keyboard-manager-ea1aad5b.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-dd368d56.js';
 import { c as MapToComponentField, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-8a06ecdd.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-c81d1fe3.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
-import './keyboard-manager-50da85d7.js';
+import './keyboard-manager-b4a0d97d.js';
 import './ui-d73f756a.js';
-import './type-guard-f2624334.js';
+import './type-guard-6fc96870.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-fac22598.js';
+import './internal-translation-controller-b33430c6.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
@@ -20,7 +20,7 @@ import './dynamic-slimmer-90b8af32.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './try-get-document-bef0f526.js';
-import './responsive-format-facade-f19b601c.js';
+import './responsive-format-facade-dec87e46.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';

package/dist/esm/vega.js

@@ -1,9 +1,9 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-090d31ca.js';
-import { g as globalScripts } from './app-globals-95c7110a.js';
+import { g as globalScripts } from './app-globals-c59364c2.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './global-slimmer-registry-17c4efd4.js';
 import './index-9c9865c0.js';
-import './token-extension-f2d009e3.js';
+import './token-extension-74a0eeb1.js';
 import './misc-9fdbcfbb.js';
 import './ui-d73f756a.js';
 import './create-public-api-runtime-metrics-slimmer-48f85199.js';
@@ -17,34 +17,34 @@ import './breakpoints-d9faf11c.js';
 import './try-get-document-bef0f526.js';
 import './internal-vega-event-manager-2ecc9186.js';
 import './vega-event-id-f55f6977.js';
-import './internal-translation-controller-fac22598.js';
+import './internal-translation-controller-b33430c6.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './internal-calendar-period-factory-7b294fb6.js';
-import './type-guard-f2624334.js';
+import './internal-calendar-period-factory-d58f35c6.js';
+import './type-guard-6fc96870.js';
 import './typography-19c3b9be.js';
-import './link-extension-e8ee103e.js';
-import './code-block-9c513169.js';
+import './code-block-e6443949.js';
 import './dom-node-subject-observer-factory-ddff8662.js';
 import './observer-3959f9dd.js';
 import './vega-internal-event-id-86fce049.js';
 import './string-a953eafc.js';
-import './dark-mode-style-controller-ca5afd2d.js';
+import './dark-mode-style-controller-352f15ff.js';
 import './tinycolor-polyfill-7be0eb93.js';
 import './vega-nonce-manager-497e5eb5.js';
-import './index-3b327f29.js';
+import './index-35451d12.js';
 import './object-0c277f57.js';
-import './content-state-25c81c08.js';
+import './content-state-43cdacff.js';
+import './link-extension-230bae8d.js';
 import './internal-icon-manager-e7c57096.js';
 import './icon-manager-4ef3f6dd.js';
-import './split-cell-operation-1c8e7585.js';
+import './split-cell-operation-89b91a38.js';
 import './remote-invocation-registry-d69245c2.js';
 import './pixel-f32c07ce.js';
 import './timer-9321173b.js';
-import './image-extension-fbd1ed6e.js';
+import './image-extension-9b8abd0d.js';
 import './copy-54e45e2d.js';
 import './vega-dialog-controller-726b74f9.js';
-import './valid-credit-card-number-rule-60212b1d.js';
+import './valid-credit-card-number-rule-b54a31e7.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './vega-env-manager-8f8dc473.js';