@heartlandone/vega 2.85.0 → 2.87.0-beta.1

package/dist/collection/components/vega-selection-tile/vega-selection-tile.css

@@ -34,12 +34,6 @@
   border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));
   background-color: rgba(var(--v-bg-tile-hover, 245, 247, 247, 1));
 }
-:host .selection-tile:not(.disabled):focus-visible {
-  border: 1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));
-  background-color: rgba(var(--v-bg-tile, 252, 252, 252, 1));
-  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
-  outline-offset: 2px;
-}
 :host .selection-tile:not(.disabled).checked {
   background-color: rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));
   border: 2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));
@@ -49,12 +43,6 @@
   border: 2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1));
   background-color: rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1));
 }
-:host .selection-tile:not(.disabled).checked:focus-visible {
-  border: 2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));
-  background-color: rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));
-  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
-  outline-offset: 2px;
-}
 :host .selection-tile:not(.disabled).error {
   border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));
   background-color: rgba(var(--v-bg-tile, 252, 252, 252, 1));
@@ -63,12 +51,6 @@
   border: 1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));
   background-color: rgba(var(--v-bg-tile-hover, 245, 247, 247, 1));
 }
-:host .selection-tile:not(.disabled).error:focus-visible {
-  border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));
-  background-color: rgba(var(--v-bg-tile, 252, 252, 252, 1));
-  outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
-  outline-offset: 2px;
-}
 :host .selection-tile.disabled {
   border: 1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));
   background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));
@@ -158,4 +140,27 @@
 :host .selection-tile .selection-tile-select vega-checkbox,
 :host .selection-tile .selection-tile-select vega-radio {
   margin-top: 4px;
+}
+
+:host(:focus-visible) {
+  outline: none;
+}
+
+:host(:focus-visible:not([aria-disabled=true])) .selection-tile {
+  border: 1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));
+  background-color: rgba(var(--v-bg-tile, 252, 252, 252, 1));
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 2px;
+}
+:host(:focus-visible:not([aria-disabled=true])) .selection-tile.checked {
+  border: 2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));
+  background-color: rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 2px;
+}
+:host(:focus-visible:not([aria-disabled=true])) .selection-tile.error {
+  border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));
+  background-color: rgba(var(--v-bg-tile, 252, 252, 252, 1));
+  outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
+  outline-offset: 2px;
 }

package/dist/collection/components/vega-selection-tile/vega-selection-tile.js

@@ -70,9 +70,53 @@ export class VegaSelectionTile {
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.selectType = 'radio';
+    // Host-level activation listeners are attached via vDOM listeners
+    // (`onClick` / `onKeyDown` on the `<Host>` element below). Stencil's
+    // vDOM listeners use `addEventListener` under the hood, NOT the
+    // `onclick`/`onkeydown` IDL properties, so:
+    //   1. A consumer doing `tileEl.onclick = fn` cannot overwrite or
+    //      remove our listener.
+    //   2. A consumer attaching their own `addEventListener('click', ...)`
+    //      coexists with ours and fires alongside it (DOM event spec).
+    // So consumer code can observe / augment activation but cannot silently
+    // break it. Only `event.stopImmediatePropagation()` in a handler that
+    // runs before ours would suppress it -- an explicit opt-out, not a
+    // surprise override.
+    this.onHostClick = () => {
+      this.renderer.activate();
+    };
+    this.onHostKeyDown = (event) => {
+      this.renderer.handleTileKeydown(event);
+    };
   }
   render() {
-    return sanitizeVegaComponent(h(Host, { class: { 'distribute-evenly': this.distributeEvenly } }, this.renderer.render()), this.host);
+    // ARIA semantics, focus, and activation handlers ALL live on the host.
+    //
+    // Why not `role="presentation"` on the host + role on an inner shadow
+    // element? Per ARIA 1.2, `role="presentation"`/`role="none"` is dropped
+    // ("presentation conflict resolution") whenever the element has any
+    // focusable descendants in the flat tree. Putting `tabindex="0"` on an
+    // inner shadow element therefore demotes the host's presentation role,
+    // and Firefox -- which enforces this rule strictly -- exposes the host
+    // as a generic/group wrapper around the inner radio. VoiceOver then
+    // triple-announces each tile:
+    //   1. "<title>, group"               (host wrapper)
+    //   2. "<title>, <note>, radio button" (inner role=radio)
+    //   3. "end of <title>, group"        (host wrapper close)
+    // Safari/Chrome happen to flatten the host out, masking the bug.
+    // Collapsing role + tabindex + aria-* onto the host eliminates the
+    // wrapper entirely -- the host *is* the radio/checkbox.
+    //
+    // NOTE on the `title` HTML attribute: `@Prop({ attribute: 'title' })
+    // titleText` observes the `title` attribute, so we deliberately do
+    // NOT pass `title={null}` to the Host -- doing so would strip the
+    // attribute at render time, which would then trigger Stencil's
+    // attribute observer and wipe `titleText` itself. The HTML `title`
+    // attribute stays on the host as a harmless tooltip; the explicit
+    // `aria-label` we emit takes precedence as the accessible name per
+    // the W3C accessible name computation, so VoiceOver/NVDA announce
+    // `aria-label` (which folds in the note line), not the tooltip text.
+    return sanitizeVegaComponent(h(Host, { role: this.selectType === 'checkbox' ? 'checkbox' : 'radio', "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.renderer.getAccessibleName() || undefined, tabindex: this.disabled ? -1 : 0, class: { 'distribute-evenly': this.distributeEvenly }, onClick: this.onHostClick, onKeyDown: this.onHostKeyDown }, this.renderer.render()), this.host);
   }
   static get is() { return "vega-selection-tile"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-panel-controller.js

@@ -110,11 +110,24 @@ export 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');
         }
       });
     }

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-voice-over-focus-controller.js

@@ -0,0 +1,45 @@
+var __decorate = (this && this.__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;
+};
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+import { checkIsVoiceOverClick, getFirstFocusableElement } from '../../../../../utils/ui';
+/**
+ * Controller responsible for handling VoiceOver focus transfer to the active tab panel.
+ */
+export 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([
+  MapToComponentField()
+], VegaTabGroupVoiceOverFocusController.prototype, "host", void 0);

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-close-button-renderer.js

@@ -16,12 +16,16 @@ export 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)
@@ -31,6 +35,13 @@ export 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();
     };
   }
@@ -43,6 +54,9 @@ export class VegaTabGroupCloseButtonRenderer extends VegaSlimmer {
       h("vega-icon", { icon: "close", size: "size-12" }))));
   }
 }
+__decorate([
+  MapToComponentField()
+], VegaTabGroupCloseButtonRenderer.prototype, "host", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTabGroupCloseButtonRenderer.prototype, "tabWidthArray", void 0);

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-direction-button-renderer.js

@@ -65,7 +65,7 @@ export 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) => {

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-tab-list-renderer.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { createEnterKeyHandlerToTriggerClick } from '../../../../../utils/accessibility';
+import { createSafeIdFromString } from '../../../../../utils/ui';
 export class VegaTabGroupTabListRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -40,7 +41,8 @@ export 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,
@@ -55,7 +57,7 @@ export 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)),
@@ -77,9 +79,15 @@ export 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;
@@ -97,8 +105,9 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
       return '';
     }
   }
-  handleTabItemClick(dataTarget) {
+  handleTabItemClick(event, dataTarget) {
     this.selectedTargetController.handleTabItemClick(dataTarget);
+    this.voiceOverFocusController.handleVoiceOverPanelFocus(event, dataTarget);
   }
 }
 __decorate([
@@ -131,3 +140,6 @@ __decorate([
 __decorate([
   MapToComponentField({ componentFieldName: 'vegaTabGroupSelectedTargetController' })
 ], VegaTabGroupTabListRenderer.prototype, "selectedTargetController", void 0);
+__decorate([
+  MapToComponentField({ componentFieldName: 'vegaTabGroupVoiceOverFocusController' })
+], VegaTabGroupTabListRenderer.prototype, "voiceOverFocusController", void 0);

package/dist/collection/components/vega-tab-group/vega-tab-group.js

@@ -14,6 +14,7 @@ import { VegaTabGroupPageIndexController } from './slimmers/vega-tab-group/contr
 import { VegaTabGroupCloseButtonRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-close-button-renderer';
 import { VegaTabGroupSwitchPageButtonRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-direction-button-renderer';
 import { VegaTabGroupPanelController } from './slimmers/vega-tab-group/controllers/vega-tab-group-panel-controller';
+import { VegaTabGroupVoiceOverFocusController } from './slimmers/vega-tab-group/controllers/vega-tab-group-voice-over-focus-controller';
 import { VegaTabGroupTabListRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-tab-list-renderer';
 import { VegaTabGroupContentRenderer } from './slimmers/vega-tab-group/renderers/vega-tab-group-content-renderer';
 import { VegaTabGroupSliderStateController } from './slimmers/vega-tab-group/controllers/vega-tab-group-slider-state-controller';
@@ -36,6 +37,7 @@ export class VegaTabGroup {
     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);
@@ -418,6 +420,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupPanelController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTabGroup.prototype, "vegaTabGroupVoiceOverFocusController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTabGroup.prototype, "vegaTabGroupContentRenderer", void 0);

package/dist/collection/components/vega-time-picker/vega-time-picker.js

@@ -173,17 +173,11 @@ export class VegaTimePicker {
      * Controls whether a clear (✕) icon button is displayed inside the time
      * picker input when the field has a non-empty value.
      *
-     * When `true`, clicking the clear icon resets the time picker value to an
-     * empty value (or `['', '']` in `range` mode) and emits a `vegaChange`
-     * event. Set to `false` to hide the clear icon (e.g., for time pickers
-     * where clearing is not desired).
-     *
-     * The clear icon is also hidden when the component is `disabled`.
-     *
-     * When the component is `readOnly`, the clear icon remains visible by
-     * design: read-only only suppresses manual keyboard text entry, while
-     * users can still update the value via the dropdown UI, so clearing the
-     * selected value is still a valid interaction.
+     * When `true`, clicking the clear icon resets the value (or `['', '']` in `range` mode) and emits a `vegaChange` event.
+     * Set to `false` to hide the icon. The clear icon is always hidden when `disabled`.
+     * When `readOnly`, the clear icon remains visible — read-only suppresses manual keyboard
+     * entry but the value can still be updated via the dropdown, so clearing
+     * remains a valid interaction.
      *
      * @default true
      * @vegaVersion 2.84.0
@@ -529,7 +523,7 @@ export class VegaTimePicker {
             "name": "vegaVersion",
             "text": "2.84.0"
           }],
-        "text": "Controls whether a clear (\u2715) icon button is displayed inside the time\npicker input when the field has a non-empty value.\n\nWhen `true`, clicking the clear icon resets the time picker value to an\nempty value (or `['', '']` in `range` mode) and emits a `vegaChange`\nevent. Set to `false` to hide the clear icon (e.g., for time pickers\nwhere clearing is not desired).\n\nThe clear icon is also hidden when the component is `disabled`.\n\nWhen the component is `readOnly`, the clear icon remains visible by\ndesign: read-only only suppresses manual keyboard text entry, while\nusers can still update the value via the dropdown UI, so clearing the\nselected value is still a valid interaction."
+        "text": "Controls whether a clear (\u2715) icon button is displayed inside the time\npicker input when the field has a non-empty value.\n\nWhen `true`, clicking the clear icon resets the value (or `['', '']` in `range` mode) and emits a `vegaChange` event.\nSet to `false` to hide the icon. The clear icon is always hidden when `disabled`.\nWhen `readOnly`, the clear icon remains visible \u2014 read-only suppresses manual keyboard\nentry but the value can still be updated via the dropdown, so clearing\nremains a valid interaction."
       },
       "attribute": "show-clear-icon",
       "reflect": false,

package/dist/collection/constants/ui.js

@@ -104,6 +104,7 @@ export const VegaNativeEventName = [
   'nativeInputChange',
   'sourceCodeChange',
   'rowDragDrop',
+  'eventEdit',
 ];
 // eslint-disable-next-line @typescript-eslint/typedef
 export const CssStates = ['default', 'hover', 'active', 'focus-visible'];

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaClick, VegaDropdownClick, VegaReset, VegaDropdownSearch, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaPageUpdate, VegaRemove, VegaCreate, VegaSearch, VegaMonthYearChange, VegaClear, VegaSelectionChange, VegaDropdownShow, VegaDropdownHide, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaNativeInputChange, VegaFocus, VegaBlur, VegaSuggestionItemClick, VegaPaste, VegaComplete, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSourceCodeChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowDragDrop, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaClick, VegaDropdownClick, VegaReset, VegaDropdownSearch, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaEventEdit, VegaPageUpdate, VegaRemove, VegaCreate, VegaSearch, VegaMonthYearChange, VegaClear, VegaSelectionChange, VegaDropdownShow, VegaDropdownHide, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaNativeInputChange, VegaFocus, VegaBlur, VegaSuggestionItemClick, VegaPaste, VegaComplete, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSourceCodeChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowDragDrop, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-header-button', [VegaClick, VegaDropdownClick, VegaReset, VegaDropdownSearch]],
@@ -8,7 +8,10 @@ const entries = [
   ['vega-button-circle', [VegaClick]],
   ['vega-button-group', [VegaClick]],
   ['vega-button-link', [VegaClick]],
-  ['vega-calendar', [VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick]],
+  [
+    'vega-calendar',
+    [VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaEventEdit],
+  ],
   ['vega-carousel', [VegaPageUpdate]],
   ['vega-checkbox', [VegaChange]],
   ['vega-checkbox-group', [VegaChange]],

package/dist/collection/helpers/event-manager/event-id/vega-event-id.js

@@ -111,3 +111,4 @@ export const VegaSelectionChange = new VegaEventID('vegaSelectionChange', 'selec
 export const VegaSuggestionItemClick = new VegaEventID('vegaSuggestionItemClick', 'suggestionItemClick');
 export const VegaNativeInputChange = new VegaEventID('vegaNativeInputChange', 'nativeInputChange');
 export const VegaSourceCodeChange = new VegaEventID('vegaSourceCodeChange', 'sourceCodeChange');
+export const VegaEventEdit = new VegaEventID('vegaEventEdit', 'eventEdit');

package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js

@@ -72,3 +72,4 @@ export const VegaInternalSetupVegaInputMaskConfig = new VegaInternalEventID('set
 export const VegaInternalCodeBlockBlur = new VegaInternalEventID('codeBlockBlur');
 export const VegaInternalRTEExtensionTableCellsSelectionAnchor = new VegaInternalEventID('rteExtensionTableCellsSelectionAnchor');
 export const VegaInternalRTEExtensionTableCellSelectionChange = new VegaInternalEventID('rteExtensionTableCellSelectionChange');
+export const VegaInternalCalendarPreviewActionClick = new VegaInternalEventID('calendarPreviewActionClick');

package/dist/collection/helpers/translation/locales/en.js

@@ -162,7 +162,12 @@ export const staticTranslations = {
   'date picker': 'Date Picker',
   'Selected result': 'Selected result',
   'Close event preview detail': 'Close event preview detail',
+  'Edit event': 'Edit event',
   'More actions': 'More actions',
+  'Expand accordion': 'Expand accordion',
+  'Collapse accordion': 'Collapse accordion',
+  'Expand {0} accordion': 'Expand {0} accordion',
+  'Collapse {0} accordion': 'Collapse {0} accordion',
   'Clear color': 'Clear color',
   'Color swatch': 'Color swatch',
   'Color {0}': 'Color {0}',

package/dist/collection/polyfill/d3/d3-time-format-polyfill.js

@@ -159,7 +159,7 @@ const PARSE_PATTERNS = {
  * @returns {Function} A function that parses a string into a Date, or null on failure.
  */
 // eslint-disable-next-line spellcheck/spell-checker
-// eslint-disable-next-line @heartlandone/vega-eslint/vega-mandatory-method-return-corresponds-to-comments-tag-verify
+// eslint-disable-next-line @globalpayments/vega-eslint/vega-mandatory-method-return-corresponds-to-comments-tag-verify
 export function timeParse(specifier) {
   // Build regex and capture order from specifier
   const captureOrder = [];

package/dist/collection/utils/accessibility.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
 /**
  * It returns a function that takes a KeyboardEvent and dispatches a click event on the currentTarget if the key is Enter.
  *
@@ -5,10 +16,14 @@
  * @returns {(e: KeyboardEvent) => void } A function that takes a KeyboardEvent and dispatches a click event on the currentTarget.
  */
 export function createEnterKeyHandlerToTriggerClick(options) {
+  const _a = options || {}, { preventDefault = false } = _a, mouseEventOptions = __rest(_a, ["preventDefault"]);
   return function (e) {
     var _a;
     if (e.key === 'Enter') {
-      (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', Object.assign({ bubbles: true, cancelable: true, view: window }, options)));
+      if (preventDefault) {
+        e.preventDefault();
+      }
+      (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', Object.assign({ bubbles: true, cancelable: true, view: window }, mouseEventOptions)));
     }
   };
 }

package/dist/collection/utils/ui.js

@@ -247,6 +247,18 @@ root = document, fallbackToHost = false) {
 export function isHTMLElement(element) {
   return element && element.nodeType === Node.ELEMENT_NODE;
 }
+/**
+ * Creates a safe, sanitized element id by combining a prefix and a value.
+ * Non-alphanumeric characters (except hyphens and underscores) are replaced with hyphens.
+ *
+ * @param {string} value - The raw value to sanitize.
+ * @param {string} [prefix] - Optional id prefix (e.g. 'vega-tab-label').
+ * @returns {string} A safe element id.
+ */
+export function createSafeIdFromString(value, prefix) {
+  const sanitized = value.replace(/[^a-zA-Z0-9_-]/g, '-');
+  return prefix ? `${prefix}-${sanitized}` : sanitized;
+}
 /**
  * Checks if the click event is likely triggered by VoiceOver by comparing the click coordinates with the center of the clicked element.
  * VoiceOver clicks typically have coordinates that are very close to the center of the element,

package/dist/esm/{accessibility-524cabd2.js → accessibility-6af5cf2e.js}

@@ -1,3 +1,14 @@
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
 /**
  * It returns a function that takes a KeyboardEvent and dispatches a click event on the currentTarget if the key is Enter.
  *
@@ -5,10 +16,14 @@
  * @returns {(e: KeyboardEvent) => void } A function that takes a KeyboardEvent and dispatches a click event on the currentTarget.
  */
 function createEnterKeyHandlerToTriggerClick(options) {
+  const _a = options || {}, { preventDefault = false } = _a, mouseEventOptions = __rest(_a, ["preventDefault"]);
   return function (e) {
     var _a;
     if (e.key === 'Enter') {
-      (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', Object.assign({ bubbles: true, cancelable: true, view: window }, options)));
+      if (preventDefault) {
+        e.preventDefault();
+      }
+      (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', Object.assign({ bubbles: true, cancelable: true, view: window }, mouseEventOptions)));
     }
   };
 }

package/dist/esm/{app-globals-b1999c09.js → app-globals-be458779.js}

@@ -1,20 +1,20 @@
-import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, w as waitForVega, d as VegaSkeletonLoader, e as VegaTranslation, f as VegaRTETokenExtension, g as VegaRTELanguageExtension, h as VegaRTEFunctionExtension, i as VegaRTETableExtension } from './token-extension-23b5ab65.js';
-import { V as VegaThemeManager } from './split-cell-operation-35ce149b.js';
+import { F as FeatureFlag } from './feature-flag-controller-5ebc0cec.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, w as waitForVega, d as VegaSkeletonLoader, e as VegaTranslation, f as VegaRTETokenExtension, g as VegaRTELanguageExtension, h as VegaRTEFunctionExtension, i as VegaRTETableExtension } from './token-extension-5838c71b.js';
+import { V as VegaThemeManager } from './split-cell-operation-7652e813.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaDialog } from './vega-dialog-controller-bbb2fc52.js';
+import { V as VegaDialog } from './vega-dialog-controller-389e7f7c.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
-import { V as VegaIconManager } from './icon-manager-539d7cf7.js';
-import { V as VegaInternalTranslation, s as staticTranslations } from './internal-translation-controller-d7dee4a0.js';
-import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-a826dd49.js';
+import { V as VegaIconManager } from './icon-manager-691c8682.js';
+import { V as VegaInternalTranslation, s as staticTranslations } from './internal-translation-controller-d8217d93.js';
+import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-7c9d6808.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { f as forceUpdate } from './index-090d31ca.js';
-import { V as VegaRTEContent } from './content-state-d363f2ca.js';
+import { V as VegaRTEContent } from './content-state-6fccd284.js';
 import { v as vegaNonceManager, s as setVegaNonce } from './vega-nonce-manager-497e5eb5.js';
-import { V as VegaRTEPresetToolbarItems } from './code-block-e43c8120.js';
+import { V as VegaRTEPresetToolbarItems } from './code-block-ff52d912.js';
 
 var __decorate$2 = (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;
@@ -353,7 +353,7 @@ function injectValidCreditCardNumberRuleIntoGlobal() {
 function initRuntimeMetricsTelemetryCollection() {
   globalThis.VegaEnvInfo = vegaEnvManager.getVegaEnv();
   // eslint-disable-next-line spellcheck/spell-checker
-  void import('./index-bfc6dfa2.js').then((
+  void import('./index-9c9865c0.js').then((
   // eslint-disable-next-line spellcheck/spell-checker
   module) => {
     module['default']['init'](FeatureFlag);
@@ -396,7 +396,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-1561e357.js').then((module) => {
+  void import('./public-rules-22320bdf.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{aria-dialog-focusable-trap-slimmer-6eb79723.js → aria-dialog-focusable-trap-slimmer-7d9a9f5a.js}

@@ -1,10 +1,10 @@
 import { M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { l as checkIsVoiceOverClick, m as getFirstFocusableElement, e as getDeepActiveElementInShadow } from './ui-b7600a48.js';
+import { l as checkIsVoiceOverClick, m as getFirstFocusableElement, e as getDeepActiveElementInShadow } from './ui-64815a12.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { C as VegaInternalDialogContentReady } from './vega-internal-event-id-db974a0d.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
+import { C as VegaInternalDialogContentReady } from './vega-internal-event-id-913e8be6.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/{child-nodes-event-prevent-slimmer-75f93d85.js → child-nodes-event-prevent-slimmer-0a406a71.js}

@@ -1,7 +1,7 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-7cdf3c28.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-1ac5ee9a.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
+import { F as FeatureFlag } from './feature-flag-controller-5ebc0cec.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/{child-nodes-notify-observer-slimmer-a8cb19cf.js → child-nodes-notify-observer-slimmer-8822d0d0.js}

@@ -1,7 +1,7 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { b as isParent } from './ui-b7600a48.js';
+import { b as isParent } from './ui-64815a12.js';
 
 var __decorate = (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;