@heartlandone/vega 2.86.0 → 2.87.0

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

@@ -6,30 +6,30 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const timer = require('./timer-5f33058b.js');
-const accessibility = require('./accessibility-a5ef2038.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
-const vegaEventId = require('./vega-event-id-d9994eb3.js');
+const accessibility = require('./accessibility-88f8af84.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-ba6a95f3.js');
+const vegaEventId = require('./vega-event-id-f95480b7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
-const ui = require('./ui-ae4ee13d.js');
+const ui = require('./ui-3727d685.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f3979a03.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-80e1c8ca.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-b7498e5a.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-73c42d7e.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-vega-event-manager-7e0d966d.js');
+require('./internal-vega-event-manager-063c17cb.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-9129ef52.js');
-require('./index-f054eb5d.js');
+require('./feature-flag-controller-5fa21654.js');
+require('./index-3ca118c4.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 
-var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   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;
@@ -60,26 +60,26 @@ class VegaTabGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.contentRenderer.render()));
   }
 }
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupRenderer.prototype, "tabPages", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupRenderer.prototype, "variant", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupRenderer.prototype, "overflow", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupTabListRenderer' })
 ], VegaTabGroupRenderer.prototype, "tabListRenderer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupDirectionButtonRenderer' })
 ], VegaTabGroupRenderer.prototype, "directionButtonRenderer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupContentRenderer' })
 ], VegaTabGroupRenderer.prototype, "contentRenderer", void 0);
 
-var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (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;
   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;
@@ -112,13 +112,13 @@ class VegaTabGroupSelectedTargetController extends globalSlimmerRegistry.VegaSli
     }
   }
 }
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSelectedTargetController.prototype, "clickEventEmitter", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupSelectedTargetController.prototype, "selectedTabDataTarget", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSelectedTargetController.prototype, "vegaTabGroupPageIndexController", void 0);
 
@@ -201,7 +201,7 @@ class ValuePaginator {
   }
 }
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (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;
   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;
@@ -398,47 +398,47 @@ class VegaTabGroupPagesController extends pageResizeObserverSlimmer.PageResizeOb
     }
   }
 }
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "host", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "gap", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupPagesController.prototype, "tabPages", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupPagesController.prototype, "tabWidthArray", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupPagesController.prototype, "tabItems", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "variant", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "overflow", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupSliderStateController' })
 ], VegaTabGroupPagesController.prototype, "sliderStateController", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaTabGroupPagesController.prototype, "componentDidLoad", null);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], VegaTabGroupPagesController.prototype, "componentDidRender", null);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('watchGapChange')
 ], VegaTabGroupPagesController.prototype, "handleGapChange", null);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('watchTabWidthArrayChange')
 ], VegaTabGroupPagesController.prototype, "handleTabWidthArrayChange", null);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('watchTabItemsChange')
 ], VegaTabGroupPagesController.prototype, "handleTabItemsChange", null);
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (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;
   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;
@@ -509,23 +509,23 @@ class VegaTabGroupPageIndexController extends globalSlimmerRegistry.VegaSlimmer
     }
   }
 }
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPageIndexController.prototype, "tabPages", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupPageIndexController.prototype, "currentPageIndex", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPageIndexController.prototype, "selectedTabDataTarget", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('watchTabPagesChange')
 ], VegaTabGroupPageIndexController.prototype, "handleTabPagesChange", null);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectedTabDataTargetChange')
 ], VegaTabGroupPageIndexController.prototype, "handleSelectedDataTargetChange", null);
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (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;
   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;
@@ -540,12 +540,16 @@ class VegaTabGroupCloseButtonRenderer extends globalSlimmerRegistry.VegaSlimmer
      */
     /* istanbul ignore next */
     this.onCloseTab = (e) => {
+      var _a;
       const closeIcon = e.currentTarget;
       const vegaTab = closeIcon.closest('.vega-tab');
+      const shouldRestoreTabFocus = ((_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) === closeIcon;
       const closeTabIndex = this.tabItems.findIndex((item) => item.dataTarget === vegaTab.getAttribute('data-target'));
+      let nextSelectedDataTarget;
       if (vegaTab.classList.contains('selected')) {
         const searchIndex = closeTabIndex === this.tabItems.length - 1 ? closeTabIndex - 1 : closeTabIndex + 1;
-        this.selectedTargetController.setSelectedDataTarget(this.tabItems[searchIndex].dataTarget);
+        nextSelectedDataTarget = this.tabItems[searchIndex].dataTarget;
+        this.selectedTargetController.setSelectedDataTarget(nextSelectedDataTarget);
       }
       const newTabItems = this.tabItems
         .slice(0, closeTabIndex)
@@ -555,6 +559,13 @@ class VegaTabGroupCloseButtonRenderer extends globalSlimmerRegistry.VegaSlimmer
         .slice(0, closeTabIndex)
         .concat(this.tabWidthArray.slice(closeTabIndex + 1));
       this.tabPagesController.setTabWidthArray(newTabWidthArray);
+      if (shouldRestoreTabFocus && nextSelectedDataTarget && this.host.shadowRoot) {
+        const shadowRoot = this.host.shadowRoot;
+        requestAnimationFrame(() => {
+          const selectedTabLabel = shadowRoot.querySelector(`.vega-tab[data-target='${nextSelectedDataTarget}'] .label`);
+          selectedTabLabel === null || selectedTabLabel === void 0 ? void 0 : selectedTabLabel.focus();
+        });
+      }
       e.stopPropagation();
     };
   }
@@ -567,23 +578,26 @@ class VegaTabGroupCloseButtonRenderer extends globalSlimmerRegistry.VegaSlimmer
       index.h("vega-icon", { icon: "close", size: "size-12" }))));
   }
 }
-__decorate$7([
+__decorate$8([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTabGroupCloseButtonRenderer.prototype, "host", void 0);
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupCloseButtonRenderer.prototype, "tabWidthArray", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupCloseButtonRenderer.prototype, "showCloseButton", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupCloseButtonRenderer.prototype, "tabItems", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupSelectedTargetController' })
 ], VegaTabGroupCloseButtonRenderer.prototype, "selectedTargetController", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupPagesController' })
 ], VegaTabGroupCloseButtonRenderer.prototype, "tabPagesController", void 0);
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (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;
   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;
@@ -645,7 +659,7 @@ class VegaTabGroupSwitchPageButtonRenderer extends globalSlimmerRegistry.VegaSli
         'vega-hidden': isHidden,
       }, 
       /* eslint-disable-next-line react/jsx-no-bind */
-      onClick: () => this.onDirectionButtonClick(direction), "aria-label": "No label defined", role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
+      onClick: () => this.onDirectionButtonClick(direction), "aria-label": direction === 'left' ? 'Show previous tabs' : 'Show next tabs', role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
       index.h("vega-dropdown", { source: source, translocation: translocation, selectType: "single", selectedSourceKey: selectedItemKey, "position-relative-to": this.positionRelativeTo, ref: (ref) => {
           this.dropdownRef = ref;
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaDropdownClick, (payload) => {
@@ -655,26 +669,26 @@ class VegaTabGroupSwitchPageButtonRenderer extends globalSlimmerRegistry.VegaSli
         index.h("vega-icon", { size: "size-12", icon: icon }))));
   }
 }
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "tabPages", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "currentPageIndex", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "selectedTabDataTarget", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "positionRelativeTo", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupPageIndexController' })
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "pageIndexController", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "vegaTabGroupSelectedTargetController", void 0);
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (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;
   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;
@@ -781,41 +795,98 @@ class VegaTabGroupPanelController extends globalSlimmerRegistry.VegaSlimmer {
     if (this.tabPanels.length && selectedTabDataTarget) {
       this.tabPanels.forEach((item) => {
         const paneId = item.getAttribute('id');
-        if (paneId === selectedTabDataTarget) {
+        const isActivePanel = paneId === selectedTabDataTarget;
+        const tabItem = this.tabItems.find((tab) => tab.dataTarget === paneId);
+        item.setAttribute('role', 'tabpanel');
+        if (tabItem === null || tabItem === void 0 ? void 0 : tabItem.label) {
+          item.setAttribute('aria-label', tabItem.label);
+        }
+        else {
+          item.removeAttribute('aria-label');
+        }
+        if (isActivePanel) {
           item.isActive = true;
+          item.setAttribute('tabindex', '0');
+          item.setAttribute('aria-hidden', 'false');
         }
         else {
           item.isActive = false;
+          item.setAttribute('tabindex', '-1');
+          item.setAttribute('aria-hidden', 'true');
         }
       });
     }
   }
 }
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPanelController.prototype, "host", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPanelController.prototype, "selectedTabDataTarget", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPanelController.prototype, "tabItems", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupSelectedTargetController' })
 ], VegaTabGroupPanelController.prototype, "selectTargetController", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTabGroupPanelController.prototype, "connectedCallback", null);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTabGroupPanelController.prototype, "disconnectedCallback", null);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaTabGroupPanelController.prototype, "componentDidLoad", null);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectedTabDataTargetChange')
 ], VegaTabGroupPanelController.prototype, "watchSelectedTabDataTargetChange", null);
 
+var __decorate$5 = (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;
+  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;
+};
+/**
+ * Controller responsible for handling VoiceOver focus transfer to the active tab panel.
+ */
+class VegaTabGroupVoiceOverFocusController extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * If the triggering click is a VoiceOver click, moves focus to the first focusable element
+   * inside the panel identified by `dataTarget`, or to the panel itself when no focusable child exists.
+   *
+   * @param {MouseEvent} event - The click event to inspect.
+   * @param {string} dataTarget - The id attribute of the target vega-tab-group-panel element.
+   * @returns {void}
+   */
+  handleVoiceOverPanelFocus(event, dataTarget) {
+    if (!ui.checkIsVoiceOverClick(event)) {
+      return;
+    }
+    requestAnimationFrame(() => {
+      const activePanel = this.findPanelById(dataTarget);
+      const focusTarget = (activePanel && ui.getFirstFocusableElement(activePanel)) || activePanel;
+      focusTarget === null || focusTarget === void 0 ? void 0 : focusTarget.focus();
+    });
+  }
+  /* eslint-disable jsdoc/no-undefined-types */
+  /**
+   * Finds a vega-tab-group-panel element whose id attribute matches `dataTarget`.
+   *
+   * @param {string} dataTarget - The id to search for.
+   * @returns {Nullable<HTMLVegaTabGroupPanelElement>} The matching panel, or null/undefined when not found.
+   */
+  findPanelById(dataTarget) {
+    /* eslint-enable jsdoc/no-undefined-types */
+    return Array.from(this.host.querySelectorAll('vega-tab-group-panel')).find((panel) => (panel === null || panel === void 0 ? void 0 : panel.getAttribute('id')) === dataTarget);
+  }
+}
+__decorate$5([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTabGroupVoiceOverFocusController.prototype, "host", void 0);
+
 var __decorate$4 = (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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -855,7 +926,8 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
     })));
   }
   renderTabList(showTabItems) {
-    return (index.h("vega-flex", { gap: this.gap }, showTabItems.map((item) => {
+    return (index.h("vega-flex", { gap: this.gap, role: "tablist" }, showTabItems.map((item) => {
+      const tabLabelId = ui.createSafeIdFromString(item.dataTarget, 'vega-tab-label');
       return (index.h("div", { class: {
           'vega-tab': true,
           'selected': this.selectedTabDataTarget === item.dataTarget,
@@ -870,7 +942,7 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
               'vega-close-icon-space': this.showCloseButton,
             }, 
             /* eslint-disable-next-line react/jsx-no-bind */
-            onClick: () => this.handleTabItemClick(item.dataTarget), "aria-label": item.dataTarget, role: 'button', tabIndex: item.disabled ? -1 : 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
+            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: accessibility.createEnterKeyHandlerToTriggerClick() },
             this.renderPrefixIconDom(item),
             this.renderTabLabelDom(item),
             this.renderCounterBadgeDom(item)),
@@ -892,9 +964,15 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
     const counterBadge = item.counterBadge;
     const counterBadgeClass = this.getCounterBadgeClassByCount(counterBadge);
     return ((counterBadge === null || counterBadge === void 0 ? void 0 : counterBadge.count) !== undefined &&
-      counterBadge.count > 0 && (index.h("div", { class: `vega-counter-badge ${counterBadgeClass}` },
+      counterBadge.count > 0 && (index.h("div", { class: `vega-counter-badge ${counterBadgeClass}`, "aria-hidden": "true" },
       index.h("vega-counter-badge", { count: counterBadge.count, color: counterBadge.color }))));
   }
+  getTabAriaLabel(item) {
+    const counterBadge = item.counterBadge;
+    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) {
       const digits = counterBadge.count.toString().length;
@@ -912,8 +990,9 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
       return '';
     }
   }
-  handleTabItemClick(dataTarget) {
+  handleTabItemClick(event, dataTarget) {
     this.selectedTargetController.handleTabItemClick(dataTarget);
+    this.voiceOverFocusController.handleVoiceOverPanelFocus(event, dataTarget);
   }
 }
 __decorate$4([
@@ -946,6 +1025,9 @@ __decorate$4([
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupSelectedTargetController' })
 ], VegaTabGroupTabListRenderer.prototype, "selectedTargetController", void 0);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupVoiceOverFocusController' })
+], VegaTabGroupTabListRenderer.prototype, "voiceOverFocusController", 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;
@@ -1117,6 +1199,7 @@ const VegaTabGroup = class {
     this.vegaTabGroupSelectedTargetController = new VegaTabGroupSelectedTargetController();
     this.vegaTabGroupPageIndexController = new VegaTabGroupPageIndexController();
     this.vegaTabGroupPanelController = new VegaTabGroupPanelController();
+    this.vegaTabGroupVoiceOverFocusController = new VegaTabGroupVoiceOverFocusController();
     this.vegaTabGroupContentRenderer = new VegaTabGroupContentRenderer();
     this.vegaTabGroupSliderStateController = new VegaTabGroupSliderStateController();
     this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaTabGroup, vegaEventId.VegaClick);
@@ -1258,6 +1341,9 @@ __decorate$1([
 __decorate$1([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupPanelController", void 0);
+__decorate$1([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaTabGroup.prototype, "vegaTabGroupVoiceOverFocusController", void 0);
 __decorate$1([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupContentRenderer", void 0);

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

@@ -5,37 +5,37 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const object = require('./object-b53e9416.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');
-const ui = require('./ui-ae4ee13d.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
+const ui = require('./ui-3727d685.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-ba6a95f3.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
-const vegaEventId = require('./vega-event-id-d9994eb3.js');
-const responsiveFormatFacade = require('./responsive-format-facade-5f6cd211.js');
-const typeGuard = require('./type-guard-2e97fc56.js');
+const vegaInternalEventId = require('./vega-internal-event-id-e138d4d6.js');
+const vegaEventId = require('./vega-event-id-f95480b7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-9647775d.js');
+const typeGuard = require('./type-guard-c1195e50.js');
 const component = require('./component-1e352960.js');
 const misc = require('./misc-3d30df91.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b33171b0.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f3979a03.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-80e1c8ca.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-757e3a76.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-b7498e5a.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-73c42d7e.js');
 const immutableMap = require('./immutable-map-d711339d.js');
-const translationSlimmer = require('./translation-slimmer-3cd7d3b2.js');
+const translationSlimmer = require('./translation-slimmer-a4a7f0eb.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b8f6f27b.js');
-const featureFlagController = require('./feature-flag-controller-9129ef52.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-aa93ab4f.js');
+const featureFlagController = require('./feature-flag-controller-5fa21654.js');
 const breakpoints$1 = require('./breakpoints-ebde4837.js');
-const accessibility = require('./accessibility-a5ef2038.js');
-const internalIconManager = require('./internal-icon-manager-c989189a.js');
+const accessibility = require('./accessibility-88f8af84.js');
+const internalIconManager = require('./internal-icon-manager-66c48800.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 require('./ui-32120990.js');
@@ -43,13 +43,13 @@ require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-8360a89c.js');
+require('./internal-translation-controller-f0da24b2.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-vega-event-manager-7e0d966d.js');
+require('./internal-vega-event-manager-063c17cb.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./index-f054eb5d.js');
-require('./icon-manager-c12c6ea9.js');
-require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
+require('./index-3ca118c4.js');
+require('./icon-manager-e855446d.js');
+require('./create-public-api-runtime-metrics-slimmer-122350c3.js');
 
 /**
  * Immutable Set cannot be changed once created
@@ -1501,6 +1501,7 @@ class VegaTableRenderer extends globalSlimmerRegistry.VegaSlimmer {
         Array.from(this.host.querySelectorAll('vega-table-cell')).some((cell) => cell.overflow);
       return (index.h("table", { class: {
           'v-table-fixed': tableLayoutFixed,
+          'show-edit-error': this.showEditError,
         } },
         this.columns.length > 0 && [
           this.vegaTableColGroupRenderer.render(),
@@ -1559,6 +1560,9 @@ __decorate$M([
 __decorate$M([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "columnStructureModel", void 0);
+__decorate$M([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaTableRenderer.prototype, "showEditError", void 0);
 __decorate$M([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableHeaderRenderer", void 0);
@@ -4095,7 +4099,7 @@ __decorate$A([
   globalSlimmerRegistry.MapToComponentMethod('watchRowDraggable')
 ], VegaTableRowDraggableController.prototype, "watchRowDraggable", null);
 
-const vegaTableCss = ":host{display:block}table{width:100%;border-spacing:0}.vega-table-empty-description{text-align:center;padding:24px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}table.v-table-fixed{table-layout:fixed}.vega-table-scrollable-container{overflow:auto}.vega-table-scrollable-container vega-table-head{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.vega-table-scrollable-container.scrolled vega-table-head.fixed-header,.vega-table-scrollable-container.scrolled ::slotted(vega-table-head.fixed-header){box-shadow:0px 4px 0px rgba(0, 0, 0, 0.1);}.vega-table-scrollable-container.scrolled vega-table-foot.fixed-footer::after,.vega-table-scrollable-container.scrolled ::slotted(vega-table-foot.fixed-footer)::after{content:\"\";position:absolute;top:0;left:0;width:100%;height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}vega-form{display:contents}*::part(field-error-message){display:none !important}.vega-table-pagination-container{margin-top:24px}.vega-table-pagination-container.bottom-center{display:flex;justify-content:center}.vega-table-pagination-container.bottom-right{display:flex;justify-content:flex-end}.vega-table-pagination-container.bottom-left{display:flex;justify-content:flex-start}col.v-hidden{display:none}@media (min-width: 320px){col.S\\:v-table-column{display:table-column}}@media (min-width: 768px){col.M\\:v-table-column{display:table-column}}@media (min-width: 1024px){col.L\\:v-table-column{display:table-column}}@media (min-width: 1440px){col.XL\\:v-table-column{display:table-column}}:host(.is-group-table) .vega-table-scrollable-container{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-width:1px;border-style:solid}:host(.is-group-table.density-relaxed) .vega-table-scrollable-container{border-radius:12px}:host(.is-group-table.density-default) .vega-table-scrollable-container{border-radius:12px}:host(.is-group-table.density-compact) .vega-table-scrollable-container{border-radius:4px}:host(.is-pinned-table) table{min-width:max-content}.draggable-col{min-width:16px;width:16px}";
+const vegaTableCss = ":host{display:block}table{width:100%;border-spacing:0}.vega-table-empty-description{text-align:center;padding:24px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-table-empty-description{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px}}table.v-table-fixed{table-layout:fixed}.vega-table-scrollable-container{overflow:auto}.vega-table-scrollable-container vega-table-head{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.vega-table-scrollable-container.scrolled vega-table-head.fixed-header,.vega-table-scrollable-container.scrolled ::slotted(vega-table-head.fixed-header){box-shadow:0px 4px 0px rgba(0, 0, 0, 0.1);}.vega-table-scrollable-container.scrolled vega-table-foot.fixed-footer::after,.vega-table-scrollable-container.scrolled ::slotted(vega-table-foot.fixed-footer)::after{content:\"\";position:absolute;top:0;left:0;width:100%;height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}vega-form{display:contents}table:not(.show-edit-error) *::part(field-error-message){display:none !important}.vega-table-pagination-container{margin-top:24px}.vega-table-pagination-container.bottom-center{display:flex;justify-content:center}.vega-table-pagination-container.bottom-right{display:flex;justify-content:flex-end}.vega-table-pagination-container.bottom-left{display:flex;justify-content:flex-start}col.v-hidden{display:none}@media (min-width: 320px){col.S\\:v-table-column{display:table-column}}@media (min-width: 768px){col.M\\:v-table-column{display:table-column}}@media (min-width: 1024px){col.L\\:v-table-column{display:table-column}}@media (min-width: 1440px){col.XL\\:v-table-column{display:table-column}}:host(.is-group-table) .vega-table-scrollable-container{border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-width:1px;border-style:solid}:host(.is-group-table.density-relaxed) .vega-table-scrollable-container{border-radius:12px}:host(.is-group-table.density-default) .vega-table-scrollable-container{border-radius:12px}:host(.is-group-table.density-compact) .vega-table-scrollable-container{border-radius:4px}:host(.is-pinned-table) table{min-width:max-content}.draggable-col{min-width:16px;width:16px}";
 
 var __decorate$z = (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;
@@ -4319,6 +4323,13 @@ const VegaTable = class {
      * @vegaVersion 2.22.0
      */
     this.sortConfig = { type: 'multiple' };
+    /**
+     * Indicates whether to show the form field error message in editing state.
+     *   When set to true, the error message will be shown below the form field, otherwise the error message will be hidden.
+     *
+     * @vegaVersion 2.87.0
+     */
+    this.showEditError = false;
   }
   watchSelectedRowKeySet() {
   }

package/dist/cjs/vega-text.cjs.entry.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const ui = require('./ui-ae4ee13d.js');
+const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
+const ui = require('./ui-3727d685.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./ui-32120990.js');