@globalpayments/vega 2.86.0-beta.0 → 2.86.0

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

@@ -10,15 +10,15 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 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-ba6a95f3.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-d9994eb3.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-3727d685.js');
+const ui = require('./ui-ae4ee13d.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-8ba00d00.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-80e1c8ca.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
@@ -29,7 +29,7 @@ require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 
-var __decorate$c = (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;
@@ -60,26 +60,26 @@ class VegaTabGroupRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.contentRenderer.render()));
   }
 }
-__decorate$c([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupRenderer.prototype, "tabPages", void 0);
-__decorate$c([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupRenderer.prototype, "variant", void 0);
-__decorate$c([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupRenderer.prototype, "overflow", void 0);
-__decorate$c([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupTabListRenderer' })
 ], VegaTabGroupRenderer.prototype, "tabListRenderer", void 0);
-__decorate$c([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupDirectionButtonRenderer' })
 ], VegaTabGroupRenderer.prototype, "directionButtonRenderer", void 0);
-__decorate$c([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupContentRenderer' })
 ], VegaTabGroupRenderer.prototype, "contentRenderer", void 0);
 
-var __decorate$b = (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;
@@ -112,13 +112,13 @@ class VegaTabGroupSelectedTargetController extends globalSlimmerRegistry.VegaSli
     }
   }
 }
-__decorate$b([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSelectedTargetController.prototype, "clickEventEmitter", void 0);
-__decorate$b([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupSelectedTargetController.prototype, "selectedTabDataTarget", void 0);
-__decorate$b([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSelectedTargetController.prototype, "vegaTabGroupPageIndexController", void 0);
 
@@ -201,7 +201,7 @@ class ValuePaginator {
   }
 }
 
-var __decorate$a = (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;
@@ -398,47 +398,47 @@ class VegaTabGroupPagesController extends pageResizeObserverSlimmer.PageResizeOb
     }
   }
 }
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "host", void 0);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "gap", void 0);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupPagesController.prototype, "tabPages", void 0);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupPagesController.prototype, "tabWidthArray", void 0);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupPagesController.prototype, "tabItems", void 0);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "variant", void 0);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPagesController.prototype, "overflow", void 0);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupSliderStateController' })
 ], VegaTabGroupPagesController.prototype, "sliderStateController", void 0);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaTabGroupPagesController.prototype, "componentDidLoad", null);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], VegaTabGroupPagesController.prototype, "componentDidRender", null);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('watchGapChange')
 ], VegaTabGroupPagesController.prototype, "handleGapChange", null);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('watchTabWidthArrayChange')
 ], VegaTabGroupPagesController.prototype, "handleTabWidthArrayChange", null);
-__decorate$a([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('watchTabItemsChange')
 ], VegaTabGroupPagesController.prototype, "handleTabItemsChange", null);
 
-var __decorate$9 = (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;
@@ -509,23 +509,23 @@ class VegaTabGroupPageIndexController extends globalSlimmerRegistry.VegaSlimmer
     }
   }
 }
-__decorate$9([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPageIndexController.prototype, "tabPages", void 0);
-__decorate$9([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupPageIndexController.prototype, "currentPageIndex", void 0);
-__decorate$9([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPageIndexController.prototype, "selectedTabDataTarget", void 0);
-__decorate$9([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('watchTabPagesChange')
 ], VegaTabGroupPageIndexController.prototype, "handleTabPagesChange", null);
-__decorate$9([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectedTabDataTargetChange')
 ], VegaTabGroupPageIndexController.prototype, "handleSelectedDataTargetChange", null);
 
-var __decorate$8 = (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;
@@ -540,16 +540,12 @@ 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;
-        nextSelectedDataTarget = this.tabItems[searchIndex].dataTarget;
-        this.selectedTargetController.setSelectedDataTarget(nextSelectedDataTarget);
+        this.selectedTargetController.setSelectedDataTarget(this.tabItems[searchIndex].dataTarget);
       }
       const newTabItems = this.tabItems
         .slice(0, closeTabIndex)
@@ -559,13 +555,6 @@ 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();
     };
   }
@@ -578,26 +567,23 @@ class VegaTabGroupCloseButtonRenderer extends globalSlimmerRegistry.VegaSlimmer
       index.h("vega-icon", { icon: "close", size: "size-12" }))));
   }
 }
-__decorate$8([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaTabGroupCloseButtonRenderer.prototype, "host", void 0);
-__decorate$8([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupCloseButtonRenderer.prototype, "tabWidthArray", void 0);
-__decorate$8([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupCloseButtonRenderer.prototype, "showCloseButton", void 0);
-__decorate$8([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupCloseButtonRenderer.prototype, "tabItems", void 0);
-__decorate$8([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupSelectedTargetController' })
 ], VegaTabGroupCloseButtonRenderer.prototype, "selectedTargetController", void 0);
-__decorate$8([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupPagesController' })
 ], VegaTabGroupCloseButtonRenderer.prototype, "tabPagesController", void 0);
 
-var __decorate$7 = (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;
@@ -659,7 +645,7 @@ class VegaTabGroupSwitchPageButtonRenderer extends globalSlimmerRegistry.VegaSli
         'vega-hidden': isHidden,
       }, 
       /* eslint-disable-next-line react/jsx-no-bind */
-      onClick: () => this.onDirectionButtonClick(direction), "aria-label": direction === 'left' ? 'Show previous tabs' : 'Show next tabs', role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
+      onClick: () => this.onDirectionButtonClick(direction), "aria-label": "No label defined", 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) => {
@@ -669,26 +655,26 @@ class VegaTabGroupSwitchPageButtonRenderer extends globalSlimmerRegistry.VegaSli
         index.h("vega-icon", { size: "size-12", icon: icon }))));
   }
 }
-__decorate$7([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "tabPages", void 0);
-__decorate$7([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "currentPageIndex", void 0);
-__decorate$7([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "selectedTabDataTarget", void 0);
-__decorate$7([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "positionRelativeTo", void 0);
-__decorate$7([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupPageIndexController' })
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "pageIndexController", void 0);
-__decorate$7([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupSwitchPageButtonRenderer.prototype, "vegaTabGroupSelectedTargetController", void 0);
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
@@ -795,98 +781,41 @@ class VegaTabGroupPanelController extends globalSlimmerRegistry.VegaSlimmer {
     if (this.tabPanels.length && selectedTabDataTarget) {
       this.tabPanels.forEach((item) => {
         const paneId = item.getAttribute('id');
-        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) {
+        if (paneId === selectedTabDataTarget) {
           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$6([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPanelController.prototype, "host", void 0);
-__decorate$6([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPanelController.prototype, "selectedTabDataTarget", void 0);
-__decorate$6([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaTabGroupPanelController.prototype, "tabItems", void 0);
-__decorate$6([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField({ componentFieldName: 'vegaTabGroupSelectedTargetController' })
 ], VegaTabGroupPanelController.prototype, "selectTargetController", void 0);
-__decorate$6([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaTabGroupPanelController.prototype, "connectedCallback", null);
-__decorate$6([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaTabGroupPanelController.prototype, "disconnectedCallback", null);
-__decorate$6([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaTabGroupPanelController.prototype, "componentDidLoad", null);
-__decorate$6([
+__decorate$5([
   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);
@@ -926,8 +855,7 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
     })));
   }
   renderTabList(showTabItems) {
-    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("vega-flex", { gap: this.gap }, showTabItems.map((item) => {
       return (index.h("div", { class: {
           'vega-tab': true,
           'selected': this.selectedTabDataTarget === item.dataTarget,
@@ -942,7 +870,7 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
               'vega-close-icon-space': this.showCloseButton,
             }, 
             /* eslint-disable-next-line react/jsx-no-bind */
-            onClick: (event) => this.handleTabItemClick(event, item.dataTarget), id: tabLabelId, "aria-label": this.getTabAriaLabel(item), "aria-selected": (this.selectedTabDataTarget === item.dataTarget).toString(), role: 'tab', tabIndex: item.disabled ? -1 : 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
+            onClick: () => this.handleTabItemClick(item.dataTarget), "aria-label": item.dataTarget, role: 'button', tabIndex: item.disabled ? -1 : 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
             this.renderPrefixIconDom(item),
             this.renderTabLabelDom(item),
             this.renderCounterBadgeDom(item)),
@@ -964,15 +892,9 @@ 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}`, "aria-hidden": "true" },
+      counterBadge.count > 0 && (index.h("div", { class: `vega-counter-badge ${counterBadgeClass}` },
       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;
@@ -990,9 +912,8 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
       return '';
     }
   }
-  handleTabItemClick(event, dataTarget) {
+  handleTabItemClick(dataTarget) {
     this.selectedTargetController.handleTabItemClick(dataTarget);
-    this.voiceOverFocusController.handleVoiceOverPanelFocus(event, dataTarget);
   }
 }
 __decorate$4([
@@ -1025,9 +946,6 @@ __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;
@@ -1199,7 +1117,6 @@ 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);
@@ -1341,9 +1258,6 @@ __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

@@ -10,8 +10,8 @@ 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-3727d685.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-ba6a95f3.js');
+const ui = require('./ui-ae4ee13d.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.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');
@@ -23,15 +23,15 @@ 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-7b2380c1.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-8ba00d00.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-80e1c8ca.js');
 const immutableMap = require('./immutable-map-d711339d.js');
 const translationSlimmer = require('./translation-slimmer-3cd7d3b2.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-ec5ac913.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b8f6f27b.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 const breakpoints$1 = require('./breakpoints-ebde4837.js');
 const accessibility = require('./accessibility-a5ef2038.js');

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

@@ -5,7 +5,7 @@ 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-3727d685.js');
+const ui = require('./ui-ae4ee13d.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./ui-32120990.js');

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

@@ -8,17 +8,17 @@ const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-595f4138.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a07e3de0.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-8ba00d00.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-80e1c8ca.js');
 const vegaEventId = require('./vega-event-id-d9994eb3.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f3979a03.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-ba6a95f3.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
-require('./ui-3727d685.js');
+require('./ui-ae4ee13d.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./vega-internal-event-id-87014e4f.js');
@@ -33,7 +33,7 @@ require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-ec5ac913.js');
+require('./sub-state-observer-slimmer-b8f6f27b.js');
 require('./internal-vega-event-manager-7e0d966d.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-9129ef52.js');

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

@@ -8,21 +8,21 @@ const timeRequiredRule = require('./time-required-rule-ecb45905.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-595f4138.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-ba6a95f3.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a07e3de0.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 const vegaEventId = require('./vega-event-id-d9994eb3.js');
-const ui = require('./ui-3727d685.js');
+const ui = require('./ui-ae4ee13d.js');
 const accessibility = require('./accessibility-a5ef2038.js');
 const typeGuard = require('./type-guard-2e97fc56.js');
 const array = require('./array-249289f2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-2355d6f6.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-2b4e0a62.js');
 const clickOutsideOnlyToDismissStrategy = require('./click-outside-only-to-dismiss-strategy-407f6d1e.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-3824781d.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a10b7d6f.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-f3979a03.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-8ba00d00.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-80e1c8ca.js');
 const translationSlimmer = require('./translation-slimmer-3cd7d3b2.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
@@ -38,7 +38,7 @@ require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-ec5ac913.js');
+require('./sub-state-observer-slimmer-b8f6f27b.js');
 require('./typography-4560e7f1.js');
 require('./number-4816603d.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
@@ -46,7 +46,7 @@ require('./responsive-format-facade-5f6cd211.js');
 require('./pixel-98f2a10c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
-require('./keyboard-manager-d3cc662c.js');
+require('./keyboard-manager-cc446230.js');
 require('./internal-vega-event-manager-7e0d966d.js');
 require('./vega-env-manager-23b8b23c.js');
 

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

@@ -4,19 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const vegaEventId = require('./vega-event-id-d9994eb3.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-8ba00d00.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-80e1c8ca.js');
 const accessibility = require('./accessibility-a5ef2038.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-595f4138.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a07e3de0.js');
 const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./dom-node-subject-observer-factory-ba6a95f3.js');
+require('./dom-node-subject-observer-factory-9110cb94.js');
 require('./observer-f49483e8.js');
-require('./ui-3727d685.js');
+require('./ui-ae4ee13d.js');
 require('./internal-vega-event-manager-7e0d966d.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
@@ -33,7 +33,7 @@ require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-ec5ac913.js');
+require('./sub-state-observer-slimmer-b8f6f27b.js');
 
 const vegaToggleSwitchCss = ":host{display:inline-block}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}";