@heartlandone/vega 2.86.0 → 2.87.0

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
@@ -1497,6 +1497,7 @@ class VegaTableRenderer extends VegaSlimmer {
         Array.from(this.host.querySelectorAll('vega-table-cell')).some((cell) => cell.overflow);
       return (h("table", { class: {
           'v-table-fixed': tableLayoutFixed,
+          'show-edit-error': this.showEditError,
         } },
         this.columns.length > 0 && [
           this.vegaTableColGroupRenderer.render(),
@@ -1555,6 +1556,9 @@ __decorate$M([
 __decorate$M([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "columnStructureModel", void 0);
+__decorate$M([
+  MapToComponentField()
+], VegaTableRenderer.prototype, "showEditError", void 0);
 __decorate$M([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableHeaderRenderer", void 0);
@@ -4091,7 +4095,7 @@ __decorate$A([
   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;
@@ -4315,6 +4319,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/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';