@heartlandone/vega 2.86.0 → 2.87.0-beta.1

package/dist/collection/components/vega-checkbox/vega-checkbox.js

@@ -19,6 +19,7 @@ import { VegaChange } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaCheckboxShowErrorController } from './slimmers/controllers/vega-checkbox-show-error-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
+import { AriaAttributesValueMapper } from '../../helpers/slimmers/mutation-observer/aria-attributes-value-mapper';
 /**
  * @vegaVersion 1.0.7
  */
@@ -26,6 +27,14 @@ export class VegaCheckbox {
   constructor() {
     this.globalSlimmers = {};
     this.vegaCheckboxShowErrorController = new VegaCheckboxShowErrorController();
+    this.ariaAttributesValueMapper = new AriaAttributesValueMapper(() => {
+      return this.host.shadowRoot.querySelector('input');
+    }, {
+      'aria-label': {
+        dependency: ['data-aria-label', 'identifier'],
+        defaultValue: 'No label defined',
+      },
+    });
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -203,8 +212,8 @@ export class VegaCheckbox {
           this.showError && 'error',
           this.size && `size-${this.size}`,
         ]), ref: (e) => (this.inputContainerRef = e) },
-        h("input", { ref: (e) => (this.inputRef = e), type: "checkbox", checked: this.checked, value: this.identifier, onChange: this.onCheckBoxChange, "aria-label": this.identifier || 'No label defined', "aria-checked": this.indeterminate ? 'mixed' : undefined, disabled: this.isDisabled(), tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() }),
-        h("span", { class: "vega-checkbox-icon", onClick: this.onSelectedIconClick, tabIndex: -1 }, this.renderIconDom()),
+        h("input", { ref: (e) => (this.inputRef = e), type: "checkbox", checked: this.checked, value: this.identifier, onChange: this.onCheckBoxChange, "aria-checked": this.indeterminate ? 'mixed' : undefined, disabled: this.isDisabled(), tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() }),
+        h("span", { class: "vega-checkbox-icon", onClick: this.onSelectedIconClick, tabIndex: -1, "aria-hidden": "true" }, this.renderIconDom()),
         h("div", { class: "vega-checkbox-label-container", ref: (el) => (this.labelElement = el) },
           this.renderLabelDom(),
           this.renderRequireDom()))), this.host);
@@ -540,6 +549,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaCheckbox.prototype, "vegaCheckboxShowErrorController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaCheckbox.prototype, "ariaAttributesValueMapper", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaCheckbox.prototype, "formFieldController", void 0);

package/dist/collection/components/vega-dropdown/vega-dropdown-item/slimmers/renderers/vega-dropdown-item-renderer.js

@@ -25,7 +25,7 @@ export class VegaDropdownItemRenderer extends VegaSlimmer {
         'danger': this.danger && this.selectType === 'none',
       }, tabIndex: this.disabled ? -1 : 0, 
       /* eslint-disable-next-line react/jsx-no-bind */
-      onClick: this.disabled ? undefined : (e) => this.onSelect(e), onKeyDown: createEnterKeyHandlerToTriggerClick(), style: this.height > 0 && {
+      onClick: this.disabled ? undefined : (e) => this.onSelect(e), onKeyDown: createEnterKeyHandlerToTriggerClick({ preventDefault: true }), style: this.height > 0 && {
         height: `${this.height}px`,
         boxSizing: 'border-box',
         overflow: 'hidden',

package/dist/collection/components/vega-rich-text-editor/constants/constant.js

@@ -32,6 +32,14 @@ export const RTE_TEXT_COLORS = [
   },
 ];
 export const ZERO_WIDTH_SPACE = '\u200b';
+export const VegaRTEDefaultTextStyleItems = [
+  { key: 'title' },
+  { key: 'subtitle' },
+  { key: 'heading-1' },
+  { key: 'heading-2' },
+  { key: 'heading-3' },
+  { key: 'paragraph' },
+];
 export const VegaRTEPresetToolbarItems = [
   ['textStyles'],
   ['bold', 'italic', 'underline', 'strikethrough', 'code'],

package/dist/collection/components/vega-rich-text-editor/public-api.js

@@ -43,6 +43,6 @@ export { ElementToDTOStrategy } from './slimmers/controllers/helper/element-to-d
 export { BlockToRTEBlockStrategyAbstract } from './slimmers/controllers/helper/element-to-dto-strategy/block-to-rte-block-strategy.abstract';
 export { htmlElementToAnnotationGenerator };
 // preset toolbar buttons
-export { VegaRTEPresetToolbarItems } from './constants/constant';
+export { VegaRTEDefaultTextStyleItems, VegaRTEPresetToolbarItems } from './constants/constant';
 // filter styles strategy
 export { RTEFilterStylesStrategy } from './dto/filter-styles-strategies/filter-styles-strategy.abstract';

package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.js

@@ -47,7 +47,7 @@ import { CodeBlockToolbarButtonSlimmer } from './slimmers/renderers/tools/code-b
 import { InternalCodeBlockSelectionController } from './slimmers/controllers/internal-code-block-selection-controller';
 import { SourceEditToolbarButtonSlimmer } from './slimmers/renderers/tools/source-edit-toolbar-button-slimmer';
 import { RTEExtensionController } from './slimmers/controllers/extension-controller';
-import { VegaRTEPresetToolbarItems } from './constants/constant';
+import { VegaRTEDefaultTextStyleItems, VegaRTEPresetToolbarItems } from './constants/constant';
 import { VegaRichTextEditorSourceViewRenderer } from './slimmers/renderers/vega-rich-text-editor-source-view-renderer';
 /**
  * @vegaVersion 2.34.0
@@ -216,14 +216,7 @@ export class VegaRichTextEditor {
      * @vegaVersion 2.83.0
      * @defaultValue [{ key: 'title' }, { key: 'subtitle' }, { key: 'heading-1' }, { key: 'heading-2' }, { key: 'heading-3' }, { key: 'paragraph' }]
      */
-    this.textStyleItems = [
-      { key: 'title' },
-      { key: 'subtitle' },
-      { key: 'heading-1' },
-      { key: 'heading-2' },
-      { key: 'heading-3' },
-      { key: 'paragraph' },
-    ];
+    this.textStyleItems = VegaRTEDefaultTextStyleItems;
     /**
      * Specifies the configuration for the rich text editor extensions.
      *
@@ -577,7 +570,7 @@ export class VegaRichTextEditor {
           }],
         "text": "Specifies which text style items appear in the Text Styles toolbar dropdown.\n\nUse this to control which heading levels and text styles are available to users.\nFor example, omit `{ key: 'heading-1' }` to prevent users from applying H1\n(which is typically reserved for the page title).\n\nItems are displayed in a fixed internal order regardless of the order in this array."
       },
-      "defaultValue": "[\n\t\t{ key: 'title' },\n\t\t{ key: 'subtitle' },\n\t\t{ key: 'heading-1' },\n\t\t{ key: 'heading-2' },\n\t\t{ key: 'heading-3' },\n\t\t{ key: 'paragraph' },\n\t]"
+      "defaultValue": "VegaRTEDefaultTextStyleItems"
     },
     "extensions": {
       "type": "unknown",

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/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-37536ac9.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-728c0678.js';
-import { V as VegaThemeManager } from './split-cell-operation-90c30861.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-afeb700d.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-10be3916.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-f54e6f39.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;

package/dist/esm/{code-block-10be3916.js → code-block-ff52d912.js}

@@ -1,14 +1,14 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-aca0116e.js';
-import { d as VegaInternalRichTextEditorFlushChanges, e as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-db974a0d.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
+import { d as VegaInternalRichTextEditorFlushChanges, e as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-913e8be6.js';
 import { d as dashCaseToCamel, c as camelToDashCase } from './string-a953eafc.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { i as isNonNullable } from './type-guard-adc244fd.js';
+import { i as isNonNullable } from './type-guard-ed1004cc.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-e9a6b097.js';
 import { c as cleanObject } from './object-0c277f57.js';
-import { f as findParent } from './ui-b7600a48.js';
+import { f as findParent } from './ui-64815a12.js';
 
 var InternalAnnotationTypeEnum;
 (function (InternalAnnotationTypeEnum) {
@@ -2280,6 +2280,14 @@ const RTE_TEXT_COLORS = [
   },
 ];
 const ZERO_WIDTH_SPACE = '\u200b';
+const VegaRTEDefaultTextStyleItems = [
+  { key: 'title' },
+  { key: 'subtitle' },
+  { key: 'heading-1' },
+  { key: 'heading-2' },
+  { key: 'heading-3' },
+  { key: 'paragraph' },
+];
 const VegaRTEPresetToolbarItems = [
   ['textStyles'],
   ['bold', 'italic', 'underline', 'strikethrough', 'code'],
@@ -5176,4 +5184,4 @@ class RTECodeBlock extends RTEBlock {
 })();
 RTECodeBlock.CODE_BLOCK_PLACEHOLDER_CLASS_NAME = 'code-block-placeholder-element';
 
-export { RTE_DEFAULT_TEXT_COLOR as $, ActionHandleStrategyRegistry as A, BlockAnnotation as B, CommonAnnotationTypeEnum as C, CustomClassAnnotation as D, RTECodeBlock as E, NodeAnnotationTypeEnum as F, RTEDecoratorNode as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, NodeTypeEnum as J, CommonAnnotation as K, ReplaceChildNodesAction as L, ModifyContentAction as M, NodeAnnotation as N, SplitBlockWithNodeAction as O, HTML_VOID_TAGS as P, BlockDeleteNodeContentStrategy as Q, RTEFilterStylesStrategyRegistry as R, SyncUpSelectionAction as S, TextStyleAnnotationAction as T, UpdateTextAction as U, VegaRTEPresetToolbarItems as V, RemoveChildrenStrategy as W, BOLD_FONT_WEIGHT_KEYWORD as X, BOLD_FONT_WEIGHT as Y, createStyleMapFromElement as Z, RTE_TEXT_COLORS as _, ActionHandlerInterceptorRegistry as a, ITALIC_FONT_STYLE as a0, STRIKETHROUGH_TEXT_DECORATION as a1, UNDERLINE_TEXT_DECORATION as a2, TextStyleAnnotation as a3, Predicate as a4, HorizontalAlignmentAnnotation as a5, CodeAnnotation as a6, LinkFilterStylesStrategy as a7, CodeBlockFilterStylesStrategy as a8, RTECodeBlockNode as a9, CodeBlockNodeFilterStylesStrategy as aa, CodeLanguage as ab, ZERO_WIDTH_SPACE as ac, LinkAnnotationAction as ad, UpdateCodeBlockAction as ae, SelectionChangeAction as af, TextColorAnnotationAction as ag, BoldAnnotationAction as ah, ItalicAnnotationAction as ai, UnderlineAnnotationAction as aj, BoldAnnotation as ak, ClearFormattingAnnotationAction as al, CodeAnnotationAction as am, StrikethroughAnnotationAction as an, IndentAnnotationAction as ao, RTEDTOClassManager$1 as b, RTETextNode as c, RTEBlock as d, RTETextBlock as e, RTEAnnotationStyle as f, ActionHandleStrategy as g, AppendChildrenAction as h, RTENode as i, InsertChildrenBeforeAction as j, InternalAnnotationTypeEnum as k, ModifyContentActionType as l, AnnotationAction as m, RemoveChildrenAction as n, CustomAttributeAnnotation as o, RTEFilterStylesStrategy as p, BlockUpdateTextStyleStrategy as q, BlockUpdateHorizontalAlignmentStrategy as r, stateEntityRenderingRegistry as s, BlockInsertLineBreakStrategy as t, BlockInsertLineBreakWithBlocksStrategy as u, BlockSplitWithTextNodeStrategy as v, BlockReplaceNodesStrategy as w, BlockMergeNodesStrategy as x, BlockAnnotationTypeEnum as y, CustomStyleAnnotation as z };
+export { RTE_DEFAULT_TEXT_COLOR as $, ActionHandleStrategyRegistry as A, BlockAnnotation as B, CommonAnnotationTypeEnum as C, CustomClassAnnotation as D, RTECodeBlock as E, NodeAnnotationTypeEnum as F, RTEDecoratorNode as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, NodeTypeEnum as J, CommonAnnotation as K, ReplaceChildNodesAction as L, ModifyContentAction as M, NodeAnnotation as N, SplitBlockWithNodeAction as O, HTML_VOID_TAGS as P, BlockDeleteNodeContentStrategy as Q, RTEFilterStylesStrategyRegistry as R, SyncUpSelectionAction as S, TextStyleAnnotationAction as T, UpdateTextAction as U, VegaRTEPresetToolbarItems as V, RemoveChildrenStrategy as W, BOLD_FONT_WEIGHT_KEYWORD as X, BOLD_FONT_WEIGHT as Y, createStyleMapFromElement as Z, RTE_TEXT_COLORS as _, ActionHandlerInterceptorRegistry as a, ITALIC_FONT_STYLE as a0, STRIKETHROUGH_TEXT_DECORATION as a1, UNDERLINE_TEXT_DECORATION as a2, TextStyleAnnotation as a3, Predicate as a4, HorizontalAlignmentAnnotation as a5, CodeAnnotation as a6, LinkFilterStylesStrategy as a7, CodeBlockFilterStylesStrategy as a8, RTECodeBlockNode as a9, CodeBlockNodeFilterStylesStrategy as aa, CodeLanguage as ab, VegaRTEDefaultTextStyleItems as ac, ZERO_WIDTH_SPACE as ad, LinkAnnotationAction as ae, UpdateCodeBlockAction as af, SelectionChangeAction as ag, TextColorAnnotationAction as ah, BoldAnnotationAction as ai, ItalicAnnotationAction as aj, UnderlineAnnotationAction as ak, BoldAnnotation as al, ClearFormattingAnnotationAction as am, CodeAnnotationAction as an, StrikethroughAnnotationAction as ao, IndentAnnotationAction as ap, RTEDTOClassManager$1 as b, RTETextNode as c, RTEBlock as d, RTETextBlock as e, RTEAnnotationStyle as f, ActionHandleStrategy as g, AppendChildrenAction as h, RTENode as i, InsertChildrenBeforeAction as j, InternalAnnotationTypeEnum as k, ModifyContentActionType as l, AnnotationAction as m, RemoveChildrenAction as n, CustomAttributeAnnotation as o, RTEFilterStylesStrategy as p, BlockUpdateTextStyleStrategy as q, BlockUpdateHorizontalAlignmentStrategy as r, stateEntityRenderingRegistry as s, BlockInsertLineBreakStrategy as t, BlockInsertLineBreakWithBlocksStrategy as u, BlockSplitWithTextNodeStrategy as v, BlockReplaceNodesStrategy as w, BlockMergeNodesStrategy as x, BlockAnnotationTypeEnum as y, CustomStyleAnnotation as z };