@heartlandone/vega 2.86.0 → 2.87.0

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/components/vega-table/slimmers/renderers/vega-table-renderer.js

@@ -17,6 +17,7 @@ export 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(),
@@ -75,6 +76,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "columnStructureModel", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableRenderer.prototype, "showEditError", void 0);
 __decorate([
   MapToComponentField()
 ], VegaTableRenderer.prototype, "vegaTableHeaderRenderer", void 0);

package/dist/collection/components/vega-table/vega-table.css

@@ -79,7 +79,7 @@ vega-form {
   display: contents;
 }
 
-*::part(field-error-message) {
+table:not(.show-edit-error) *::part(field-error-message) {
   display: none !important;
 }
 

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

@@ -235,6 +235,13 @@ export class VegaTable {
      * @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() {
     methodPlaceholder();
@@ -933,6 +940,27 @@ export class VegaTable {
         "text": "Defines the column sorting options\nHas optional property type: single | multiple\nIf not specified, it defaults to multiple column sorting"
       },
       "defaultValue": "{ type: 'multiple' }"
+    },
+    "showEditError": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.87.0"
+          }],
+        "text": "Indicates whether to show the form field error message in editing state.\n  When set to true, the error message will be shown below the form field, otherwise the error message will be hidden."
+      },
+      "attribute": "show-edit-error",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
   static get states() { return {

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;