@heartlandone/vega 2.86.0 → 2.87.0-beta.1

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

@@ -2,30 +2,30 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { d as debounce } from './timer-9321173b.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-524cabd2.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { V as VegaDropdownClick, a as VegaClick } from './vega-event-id-a6ccca66.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3897e95b.js';
+import { V as VegaDropdownClick, a as VegaClick } from './vega-event-id-578c6c6d.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { T as TAB_PANEL_ADD_OR_DEL_TO_GROUP } from './static-subject-title-52f93124.js';
-import { f as findParent } from './ui-b7600a48.js';
+import { f as findParent, l as checkIsVoiceOverClick, m as getFirstFocusableElement, n as createSafeIdFromString } from './ui-64815a12.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75f93d85.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-1c57093d.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
 import './breakpoints-332702ed.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './try-get-document-bef0f526.js';
-import './internal-vega-event-manager-7cdf3c28.js';
+import './internal-vega-event-manager-1ac5ee9a.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-30f7b625.js';
-import './index-bfc6dfa2.js';
+import './feature-flag-controller-5ebc0cec.js';
+import './index-9c9865c0.js';
 import './dynamic-slimmer-90b8af32.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;
@@ -56,26 +56,26 @@ class VegaTabGroupRenderer extends VegaSlimmer {
       this.contentRenderer.render()));
   }
 }
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaTabGroupRenderer.prototype, "tabPages", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaTabGroupRenderer.prototype, "variant", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaTabGroupRenderer.prototype, "overflow", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField({ componentFieldName: 'vegaTabGroupTabListRenderer' })
 ], VegaTabGroupRenderer.prototype, "tabListRenderer", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField({ componentFieldName: 'vegaTabGroupDirectionButtonRenderer' })
 ], VegaTabGroupRenderer.prototype, "directionButtonRenderer", void 0);
-__decorate$b([
+__decorate$c([
   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;
@@ -108,13 +108,13 @@ class VegaTabGroupSelectedTargetController extends VegaSlimmer {
     }
   }
 }
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaTabGroupSelectedTargetController.prototype, "clickEventEmitter", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField({ writable: true })
 ], VegaTabGroupSelectedTargetController.prototype, "selectedTabDataTarget", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaTabGroupSelectedTargetController.prototype, "vegaTabGroupPageIndexController", void 0);
 
@@ -197,7 +197,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;
@@ -394,47 +394,47 @@ class VegaTabGroupPagesController extends PageResizeObserverSlimmer {
     }
   }
 }
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "host", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "gap", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField({ writable: true })
 ], VegaTabGroupPagesController.prototype, "tabPages", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField({ writable: true })
 ], VegaTabGroupPagesController.prototype, "tabWidthArray", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField({ writable: true })
 ], VegaTabGroupPagesController.prototype, "tabItems", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "variant", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "overflow", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField({ componentFieldName: 'vegaTabGroupSliderStateController' })
 ], VegaTabGroupPagesController.prototype, "sliderStateController", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentMethod('componentDidLoad')
 ], VegaTabGroupPagesController.prototype, "componentDidLoad", null);
-__decorate$9([
+__decorate$a([
   MapToComponentMethod('componentDidRender')
 ], VegaTabGroupPagesController.prototype, "componentDidRender", null);
-__decorate$9([
+__decorate$a([
   MapToComponentMethod('watchGapChange')
 ], VegaTabGroupPagesController.prototype, "handleGapChange", null);
-__decorate$9([
+__decorate$a([
   MapToComponentMethod('watchTabWidthArrayChange')
 ], VegaTabGroupPagesController.prototype, "handleTabWidthArrayChange", null);
-__decorate$9([
+__decorate$a([
   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;
@@ -505,23 +505,23 @@ class VegaTabGroupPageIndexController extends VegaSlimmer {
     }
   }
 }
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaTabGroupPageIndexController.prototype, "tabPages", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField({ writable: true })
 ], VegaTabGroupPageIndexController.prototype, "currentPageIndex", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaTabGroupPageIndexController.prototype, "selectedTabDataTarget", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentMethod('watchTabPagesChange')
 ], VegaTabGroupPageIndexController.prototype, "handleTabPagesChange", null);
-__decorate$8([
+__decorate$9([
   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;
@@ -536,12 +536,16 @@ class VegaTabGroupCloseButtonRenderer extends 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)
@@ -551,6 +555,13 @@ class VegaTabGroupCloseButtonRenderer extends 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();
     };
   }
@@ -563,23 +574,26 @@ class VegaTabGroupCloseButtonRenderer extends VegaSlimmer {
       h("vega-icon", { icon: "close", size: "size-12" }))));
   }
 }
-__decorate$7([
+__decorate$8([
+  MapToComponentField()
+], VegaTabGroupCloseButtonRenderer.prototype, "host", void 0);
+__decorate$8([
   MapToComponentField()
 ], VegaTabGroupCloseButtonRenderer.prototype, "tabWidthArray", void 0);
-__decorate$7([
+__decorate$8([
   MapToComponentField()
 ], VegaTabGroupCloseButtonRenderer.prototype, "showCloseButton", void 0);
-__decorate$7([
+__decorate$8([
   MapToComponentField()
 ], VegaTabGroupCloseButtonRenderer.prototype, "tabItems", void 0);
-__decorate$7([
+__decorate$8([
   MapToComponentField({ componentFieldName: 'vegaTabGroupSelectedTargetController' })
 ], VegaTabGroupCloseButtonRenderer.prototype, "selectedTargetController", void 0);
-__decorate$7([
+__decorate$8([
   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;
@@ -641,7 +655,7 @@ class VegaTabGroupSwitchPageButtonRenderer extends VegaSlimmer {
         '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: createEnterKeyHandlerToTriggerClick() },
+      onClick: () => this.onDirectionButtonClick(direction), "aria-label": direction === 'left' ? 'Show previous tabs' : 'Show next tabs', role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() },
       h("vega-dropdown", { source: source, translocation: translocation, selectType: "single", selectedSourceKey: selectedItemKey, "position-relative-to": this.positionRelativeTo, ref: (ref) => {
           this.dropdownRef = ref;
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaDropdownClick, (payload) => {
@@ -651,26 +665,26 @@ class VegaTabGroupSwitchPageButtonRenderer extends VegaSlimmer {
         h("vega-icon", { size: "size-12", icon: icon }))));
   }
 }
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "tabPages", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "currentPageIndex", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "selectedTabDataTarget", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "positionRelativeTo", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField({ componentFieldName: 'vegaTabGroupPageIndexController' })
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "pageIndexController", void 0);
-__decorate$6([
+__decorate$7([
   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;
@@ -777,41 +791,98 @@ class VegaTabGroupPanelController extends 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([
   MapToComponentField()
 ], VegaTabGroupPanelController.prototype, "host", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaTabGroupPanelController.prototype, "selectedTabDataTarget", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaTabGroupPanelController.prototype, "tabItems", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField({ componentFieldName: 'vegaTabGroupSelectedTargetController' })
 ], VegaTabGroupPanelController.prototype, "selectTargetController", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('connectedCallback')
 ], VegaTabGroupPanelController.prototype, "connectedCallback", null);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('disconnectedCallback')
 ], VegaTabGroupPanelController.prototype, "disconnectedCallback", null);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('componentDidLoad')
 ], VegaTabGroupPanelController.prototype, "componentDidLoad", null);
-__decorate$5([
+__decorate$6([
   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 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 (!checkIsVoiceOverClick(event)) {
+      return;
+    }
+    requestAnimationFrame(() => {
+      const activePanel = this.findPanelById(dataTarget);
+      const focusTarget = (activePanel && 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([
+  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);
@@ -851,7 +922,8 @@ class VegaTabGroupTabListRenderer extends VegaSlimmer {
     })));
   }
   renderTabList(showTabItems) {
-    return (h("vega-flex", { gap: this.gap }, showTabItems.map((item) => {
+    return (h("vega-flex", { gap: this.gap, role: "tablist" }, showTabItems.map((item) => {
+      const tabLabelId = createSafeIdFromString(item.dataTarget, 'vega-tab-label');
       return (h("div", { class: {
           'vega-tab': true,
           'selected': this.selectedTabDataTarget === item.dataTarget,
@@ -866,7 +938,7 @@ class VegaTabGroupTabListRenderer extends 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: 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: createEnterKeyHandlerToTriggerClick() },
             this.renderPrefixIconDom(item),
             this.renderTabLabelDom(item),
             this.renderCounterBadgeDom(item)),
@@ -888,9 +960,15 @@ class VegaTabGroupTabListRenderer extends VegaSlimmer {
     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}` },
+      counterBadge.count > 0 && (h("div", { class: `vega-counter-badge ${counterBadgeClass}`, "aria-hidden": "true" },
       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;
@@ -908,8 +986,9 @@ class VegaTabGroupTabListRenderer extends VegaSlimmer {
       return '';
     }
   }
-  handleTabItemClick(dataTarget) {
+  handleTabItemClick(event, dataTarget) {
     this.selectedTargetController.handleTabItemClick(dataTarget);
+    this.voiceOverFocusController.handleVoiceOverPanelFocus(event, dataTarget);
   }
 }
 __decorate$4([
@@ -942,6 +1021,9 @@ __decorate$4([
 __decorate$4([
   MapToComponentField({ componentFieldName: 'vegaTabGroupSelectedTargetController' })
 ], VegaTabGroupTabListRenderer.prototype, "selectedTargetController", void 0);
+__decorate$4([
+  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;
@@ -1113,6 +1195,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 = createEventEmitSlimmer(VegaTabGroup, VegaClick);
@@ -1254,6 +1337,9 @@ __decorate$1([
 __decorate$1([
   InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupPanelController", void 0);
+__decorate$1([
+  InjectVegaSlimmer()
+], VegaTabGroup.prototype, "vegaTabGroupVoiceOverFocusController", void 0);
 __decorate$1([
   InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupContentRenderer", void 0);

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

@@ -1,37 +1,37 @@
 import { h, f as forceUpdate, F as Fragment, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { c as MapToComponentField, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { m as methodPlaceholder, s as slotPlaceholder } from './placeholder-bf562081.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { g as getValueByPath } from './object-0c277f57.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { l as TABLE_EXPAND_ROW, m as TABLE_ROW_SELECTION, n as TABLE_ROW_SELECTION_ALL, o as TABLE_ROW_CLICK, S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-52f93124.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { f as findParent, a as arrayToClassString, n as extractNumberFromString } from './ui-b7600a48.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
+import { f as findParent, a as arrayToClassString, o as extractNumberFromString } from './ui-64815a12.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3897e95b.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
-import { S as VegaInternalTableRowExpand, T as VegaInternalTableRowSelect, U as VegaInternalTableRowSelectAll, W as VegaInternalVegaTableRenderInputChange, X as VegaInternalColumnHeadRowRenderInputRIC, Y as VegaInternalColumnHeadCellRenderInputRIC, Z as VegaInternalColumnBodyCellRenderInputRIC, _ as VegaInternalTableHeadCellSortEvent } from './vega-internal-event-id-db974a0d.js';
-import { a as VegaClick, i as VegaChange, U as VegaPageSizeChange, d as VegaExpand, Z as VegaSelectChange, _ as VegaSelectAllChange, $ as VegaRowClick, a0 as VegaRowExpand, a1 as VegaRowDragDrop, a2 as VegaRowSelect, a3 as VegaRowSelectAll } from './vega-event-id-a6ccca66.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-456a9f16.js';
-import { i as isNonNullable, p as isBreakpointsTokenType, ao as isVegaTableColumnGroupingModelType } from './type-guard-adc244fd.js';
+import { T as VegaInternalTableRowExpand, U as VegaInternalTableRowSelect, W as VegaInternalTableRowSelectAll, X as VegaInternalVegaTableRenderInputChange, Y as VegaInternalColumnHeadRowRenderInputRIC, Z as VegaInternalColumnHeadCellRenderInputRIC, _ as VegaInternalColumnBodyCellRenderInputRIC, $ as VegaInternalTableHeadCellSortEvent } from './vega-internal-event-id-913e8be6.js';
+import { a as VegaClick, i as VegaChange, W as VegaPageSizeChange, d as VegaExpand, _ as VegaSelectChange, $ as VegaSelectAllChange, a0 as VegaRowClick, a1 as VegaRowExpand, a2 as VegaRowDragDrop, a3 as VegaRowSelect, a4 as VegaRowSelectAll } from './vega-event-id-578c6c6d.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a1d6398.js';
+import { i as isNonNullable, p as isBreakpointsTokenType, ao as isVegaTableColumnGroupingModelType } from './type-guard-ed1004cc.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';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-63ecb465.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75f93d85.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-1c57093d.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-80ac7dee.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
 import { I as ImmutableMap } from './immutable-map-4fe22b11.js';
-import { T as TranslationSlimmer } from './translation-slimmer-5e2bff5f.js';
+import { T as TranslationSlimmer } from './translation-slimmer-32353a1c.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';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-2adbbe00.js';
-import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-81538a8c.js';
+import { F as FeatureFlag } from './feature-flag-controller-5ebc0cec.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-524cabd2.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import './ui-93922c59.js';
@@ -39,13 +39,13 @@ import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-d7dee4a0.js';
+import './internal-translation-controller-d8217d93.js';
 import './try-get-document-bef0f526.js';
-import './internal-vega-event-manager-7cdf3c28.js';
+import './internal-vega-event-manager-1ac5ee9a.js';
 import './vega-env-manager-8f8dc473.js';
-import './index-bfc6dfa2.js';
-import './icon-manager-539d7cf7.js';
-import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
+import './index-9c9865c0.js';
+import './icon-manager-691c8682.js';
+import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
 
 /**
  * Immutable Set cannot be changed once created

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.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-46020a03.js';
-import { j as isTextWrapped, k as getElementComputedStyle } from './ui-b7600a48.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
+import { j as isTextWrapped, k as getElementComputedStyle } from './ui-64815a12.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './ui-93922c59.js';

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

@@ -3,22 +3,22 @@ import { M as MinStringLengthRule, a as MaxStringLengthRule } from './min-string
 import { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.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-46020a03.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-ae8478b5.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9e70a18d.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-1c57093d.js';
-import { i as VegaChange, H as VegaBlur, x as VegaLabelButtonClick } from './vega-event-id-a6ccca66.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-75f93d85.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-aca0116e.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
+import { i as VegaChange, I as VegaBlur, y as VegaLabelButtonClick } from './vega-event-id-578c6c6d.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3897e95b.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
-import './ui-b7600a48.js';
+import './ui-64815a12.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-db974a0d.js';
-import './internal-translation-controller-d7dee4a0.js';
+import './vega-internal-event-id-913e8be6.js';
+import './internal-translation-controller-d8217d93.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
@@ -29,11 +29,11 @@ import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-2adbbe00.js';
-import './internal-vega-event-manager-7cdf3c28.js';
+import './sub-state-observer-slimmer-81538a8c.js';
+import './internal-vega-event-manager-1ac5ee9a.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-30f7b625.js';
-import './index-bfc6dfa2.js';
+import './feature-flag-controller-5ebc0cec.js';
+import './index-9c9865c0.js';
 
 const VegaTextareaRuntimeMetricsPayloadDefinition = [
   {