@heartlandone/vega 2.78.0 → 2.80.0

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

@@ -4,59 +4,60 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const dateRequiredRule = require('./date-required-rule-ad536cb5.js');
-const typeGuard = require('./type-guard-a0d9ff1f.js');
+const dateRequiredRule = require('./date-required-rule-9f0e3e99.js');
+const typeGuard = require('./type-guard-d760850a.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-73f5849e.js');
-const ui = require('./ui-234ea151.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-c487cf2b.js');
+const ui = require('./ui-9e8c9732.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const array = require('./array-249289f2.js');
-const internalTranslationController = require('./internal-translation-controller-24df468f.js');
+const internalTranslationController = require('./internal-translation-controller-9f58a4e4.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
+const misc = require('./misc-3d30df91.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringMaskStrategy = require('./string-mask-strategy-d00871c2.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-749e3cfe.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-b44f0dc9.js');
+const stringMaskStrategy = require('./string-mask-strategy-418fc0b8.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-c2e04acc.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-68cff676.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-c84121c8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
-const translationSlimmer = require('./translation-slimmer-3fa03d81.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-16ec8591.js');
+const translationSlimmer = require('./translation-slimmer-c069ca84.js');
+const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-7a66229b.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const clickOutsideOnlyToDismissStrategy = require('./click-outside-only-to-dismiss-strategy-407f6d1e.js');
-const vegaInternalEventId = require('./vega-internal-event-id-e0aeac45.js');
+const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-5a0a78fe.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
 const observer = require('./observer-f49483e8.js');
-const monthViewGenerator = require('./month-view-generator-36c42772.js');
+const monthViewGenerator = require('./month-view-generator-65a2f883.js');
 require('./breakpoints-ebde4837.js');
-require('./ui-024696c0.js');
+require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
 require('./string-39438062.js');
-require('./misc-3d30df91.js');
-require('./dynamic-slimmer-f31fdfd7.js');
 require('./index-592b4052.js');
-require('./page-resize-observer-slimmer-e050cd26.js');
-require('./breakpoints-a8ff22f0.js');
+require('./page-resize-observer-slimmer-273d62ef.js');
+require('./breakpoints-1cc2c4c6.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-e692d849.js');
+require('./sub-state-observer-slimmer-f728e068.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 require('./number-4816603d.js');
 require('./index-f054eb5d.js');
-require('./string-format-strategy.abstract-814d66c4.js');
-require('./wait-for-component-did-render-cbebfc33.js');
-require('./keyboard-manager-7de7ecfd.js');
+require('./string-format-strategy.abstract-c65d9861.js');
+require('./wait-for-component-did-render-b6aba2de.js');
+require('./keyboard-manager-9dbbb0d4.js');
 require('./internal-vega-event-manager-cc0f511c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
-require('./responsive-format-facade-bddac47c.js');
+require('./responsive-format-facade-4419b4ae.js');
 require('./pixel-98f2a10c.js');
 
 /**
@@ -280,7 +281,7 @@ class VegaDatePickerRenderer extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderInputPrefix = () => {
-      return (index.h("div", { class: "vega-input-prefix" },
+      return (index.h("div", { class: "vega-input-prefix", "aria-hidden": "true" },
         index.h("vega-icon", { icon: internalIconManager.VegaInternalIconManager.getIconKey('calendar'), color: "text-secondary", 
           // eslint-disable-next-line react/jsx-no-bind
           onClick: async () => {
@@ -399,7 +400,10 @@ class VegaDatePickerInputRendererBase extends globalSlimmerRegistry.VegaSlimmer
       else {
         this.vegaDatePickerValueController.setValue('');
       }
-      await this.calendarOpenStateController.hideCalendar();
+      if (this.isCalendarShow) {
+        await this.calendarOpenStateController.hideCalendar();
+      }
+      this.focusInput();
     };
     this.isClearIconVisible = () => {
       if (this.mode === 'range') {
@@ -429,6 +433,9 @@ __decorate$j([
 __decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "mode", void 0);
+__decorate$j([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerInputRendererBase.prototype, "isCalendarShow", void 0);
 __decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "vegaDatePickerValueController", void 0);
@@ -448,7 +455,9 @@ class VegaDatePickerSingleInputRenderer extends VegaDatePickerInputRendererBase
     this.render = () => {
       return (index.h("div", { class: "date-picker-input" },
         this.vegaDatePickerRenderer.renderInputPrefix(),
-        index.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getSinglePlaceholder(), value: this.vegaDatePickerValueController.getValue(), ref: (ref) => (this.singleDateInputRef = ref), onChange: this.onSingleDateChange, disabled: this.disabled, 
+        index.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getSinglePlaceholder(), value: this.vegaDatePickerValueController.getValue(), ref: (ref) => (this.singleDateInputRef = ref), onChange: this.onSingleDateChange, disabled: this.disabled, role: "combobox", "aria-label": this.label
+            ? `${this.label}, ${this.translationSlimmer.t('date picker')}`
+            : this.translationSlimmer.t('date picker'), "aria-haspopup": "dialog", "aria-expanded": `${this.isCalendarShow}`, "aria-controls": this.vegaDatePickerCalendarRenderer.getCalendarId(), 
           /* eslint-disable-next-line react/jsx-no-bind */
           onClick: () => this.calendarOpenStateController.showCalendar() }),
         this.renderClearIcon()));
@@ -483,6 +492,9 @@ class VegaDatePickerSingleInputRenderer extends VegaDatePickerInputRendererBase
   getSingleDateInputRef() {
     return this.singleDateInputRef;
   }
+  focusInput() {
+    this.singleDateInputRef.focus();
+  }
 }
 __decorate$i([
   globalSlimmerRegistry.MapToComponentField()
@@ -490,6 +502,12 @@ __decorate$i([
 __decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "format", void 0);
+__decorate$i([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerSingleInputRenderer.prototype, "label", void 0);
+__decorate$i([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerSingleInputRenderer.prototype, "isCalendarShow", void 0);
 __decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
@@ -499,6 +517,12 @@ __decorate$i([
 __decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "calendarOpenStateController", void 0);
+__decorate$i([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
+__decorate$i([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerSingleInputRenderer.prototype, "translationSlimmer", void 0);
 
 var __decorate$h = (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;
@@ -510,17 +534,21 @@ class VegaDatePickerRangeInputRenderer extends VegaDatePickerInputRendererBase {
   constructor() {
     super(...arguments);
     this.render = () => {
+      const label = this.label ? `, ${this.label}` : '';
+      const picker = `, ${this.translationSlimmer.t('date picker')}`;
+      const startAriaLabel = `${this.translationSlimmer.t('Start Date')}${label}${picker}`;
+      const endAriaLabel = `${this.translationSlimmer.t('End Date')}${label}${picker}`;
       return (index.h(index.Fragment, null,
         index.h("div", { class: "date-picker-input" },
           this.vegaDatePickerRenderer.renderInputPrefix(),
-          index.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getRangePlaceholder()[0], value: this.vegaDatePickerValueController.getValue()[0], ref: (ref) => (this.startDateInputRef = ref), onChange: this.onStartDateChange, disabled: this.disabled, 
+          index.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getRangePlaceholder()[0], value: this.vegaDatePickerValueController.getValue()[0], ref: (ref) => (this.startDateInputRef = ref), onChange: this.onStartDateChange, disabled: this.disabled, role: "combobox", "aria-label": startAriaLabel, "aria-haspopup": "dialog", "aria-expanded": `${this.isCalendarShow}`, "aria-controls": this.vegaDatePickerCalendarRenderer.getCalendarId(), 
             // eslint-disable-next-line react/jsx-no-bind
             onClick: async () => await this.onInputClicked('start') })),
         index.h("span", { class: {
             'range-input-divider': true,
           } }),
         index.h("div", { class: "date-picker-input" },
-          index.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getRangePlaceholder()[1], value: this.vegaDatePickerValueController.getValue()[1], ref: (ref) => (this.endDateInputRef = ref), onChange: this.onEndDateChange, disabled: this.disabled, 
+          index.h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getRangePlaceholder()[1], value: this.vegaDatePickerValueController.getValue()[1], ref: (ref) => (this.endDateInputRef = ref), onChange: this.onEndDateChange, disabled: this.disabled, role: "combobox", "aria-label": endAriaLabel, "aria-haspopup": "dialog", "aria-expanded": `${this.isCalendarShow}`, "aria-controls": this.vegaDatePickerCalendarRenderer.getCalendarId(), 
             // eslint-disable-next-line react/jsx-no-bind
             onClick: async () => await this.onInputClicked('end') }),
           this.renderClearIcon())));
@@ -586,6 +614,9 @@ class VegaDatePickerRangeInputRenderer extends VegaDatePickerInputRendererBase {
   getEndDateInputRef() {
     return this.endDateInputRef;
   }
+  focusInput() {
+    this.startDateInputRef.focus();
+  }
   async onInputClicked(type) {
     await this.calendarOpenStateController.showCalendar();
     await this.vegaDatePickerCalendarRenderer.triggerRepick(type);
@@ -594,6 +625,12 @@ class VegaDatePickerRangeInputRenderer extends VegaDatePickerInputRendererBase {
 __decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "placeholder", void 0);
+__decorate$h([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerRangeInputRenderer.prototype, "label", void 0);
+__decorate$h([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerRangeInputRenderer.prototype, "isCalendarShow", void 0);
 __decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
@@ -623,6 +660,10 @@ var __decorate$g = (undefined && undefined.__decorate) || function (decorators,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 class VegaDatePickerCalendarRenderer$1 extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.calendarId = misc.generateUUID();
+  }
   componentDidLoad() {
     this.appendCalendarToBodyIfMobile();
   }
@@ -632,6 +673,9 @@ class VegaDatePickerCalendarRenderer$1 extends globalSlimmerRegistry.VegaSlimmer
   getCalendarRef() {
     return this.calendarRef;
   }
+  getCalendarId() {
+    return this.calendarId;
+  }
   getMobileModalRef() {
     return this.mobileModalRef;
   }
@@ -650,12 +694,21 @@ class VegaDatePickerCalendarRenderer$1 extends globalSlimmerRegistry.VegaSlimmer
       } }, index.h("div", { slot: "modal-content" }, this.renderCalendar())));
   }
   renderCalendar() {
-    return (index.h("vega-box", { padding: {
+    const label = this.label ? `${this.label}, ` : '';
+    const picker = `${this.translationSlimmer.t('date picker')}`;
+    const ariaAttributes = this.isMobileDevice
+      ? {}
+      : {
+        'role': 'dialog',
+        'aria-modal': 'true',
+        'aria-label': `${label}${picker}`,
+      };
+    return (index.h("vega-box", Object.assign({}, ariaAttributes, { id: this.calendarId, padding: {
         default: 'size-12',
         S: 'size-32',
       }, corners: "rounded-12", backgroundColor: "bg-primary", shadow: "shadow-dropdown-menu", border: "border-input-field", ref: (ref) => {
         this.calendarContentBoxRef = ref;
-      }, class: "date-picker-content-box" },
+      }, class: "date-picker-content-box" }),
       index.h("vega-box", { width: this.getDefaultCalendarDimension('width'), height: this.getDefaultCalendarDimension('height') },
         index.h("vega-date-picker-calendar", { selection: this.value, mode: this.mode, minDate: this.minDate, maxDate: this.maxDate, clearButton: this.clearButton, format: this.format, staticHeight: this.dropdownConfig.staticHeight !== false, showYearMonthDropdowns: this.showYearMonthDropdowns, timezone: this.timezone, yearMonthDropdownProps: {
             isScreenPosition: featureFlagController.FeatureFlag.isEnabled('VEGA_DATE_PICKER.ENABLE_CALCULATION_POSITION_BY_SCREEN'),
@@ -766,9 +819,18 @@ __decorate$g([
 __decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "allowRepick", void 0);
+__decorate$g([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerCalendarRenderer$1.prototype, "disabled", void 0);
+__decorate$g([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerCalendarRenderer$1.prototype, "label", void 0);
 __decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "monthYearChangeEventEmitter", void 0);
+__decorate$g([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDatePickerCalendarRenderer$1.prototype, "translationSlimmer", void 0);
 __decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "vegaDatePickerValueController", void 0);
@@ -1189,6 +1251,14 @@ class VegaDatePickerCalendarOpenStateController extends elementAppenderSlimmer.E
       alignment: ['start', 'end'],
       isScreenPosition: featureFlagController.FeatureFlag.isEnabled('VEGA_DATE_PICKER.ENABLE_CALCULATION_POSITION_BY_SCREEN'),
     }), () => new clickOutsideOnlyToDismissStrategy.ClickOutsideOnlyToDismissStrategy(), 'isCalendarShow');
+    this.ariaDialogFocusableTrapSlimmer = dynamicSlimmer.createDynamicSlimmer(VegaDatePickerCalendarOpenStateController, ariaDialogFocusableTrapSlimmer.AriaDialogFocusableTrapSlimmer, [], [{ mapFrom: 'show', mapTo: 'show' }], [
+      {
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        triggerEl: () => this.vegaDatePickerRenderer.getDatePickerContainer(),
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        dialogEl: () => this.vegaDatePickerCalendarRenderer.getCalendarContentBoxRef(),
+      },
+    ]);
     this.clearCalendarStateTaskQueue = new synchronizeTaskQueue.SynchronizeTaskQueue();
   }
   /**
@@ -1358,6 +1428,9 @@ __decorate$c([
 __decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "isMobileDevice", void 0);
+__decorate$c([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaDatePickerCalendarOpenStateController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
 __decorate$c([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], VegaDatePickerCalendarOpenStateController.prototype, "componentDidRender", null);
@@ -2276,9 +2349,8 @@ class VegaDatePickerMonthItemRenderer extends globalSlimmerRegistry.VegaSlimmer
       period.current.year)));
   }
   renderWeek(periodView) {
-    return (index.h("vega-grid", { class: "month-item-weekdays-row", column: '7-auto', row: 1 }, periodView.weekdays.map((weekDay) => {
-      const fullName = this.translationSlimmer.t(`${weekDay}-full`);
-      return (index.h("div", { key: weekDay, role: "columnheader", "aria-label": fullName }, this.translationSlimmer.t(`${weekDay}-short`)));
+    return (index.h("vega-grid", { class: "month-item-weekdays-row", column: '7-auto', row: 1, "aria-hidden": "true" }, periodView.weekdays.map((weekDay) => {
+      return (index.h("div", { key: weekDay }, this.translationSlimmer.t(`${weekDay}-short`)));
     })));
   }
   renderDays(periodView, period) {
@@ -2304,6 +2376,7 @@ class VegaDatePickerMonthItemRenderer extends globalSlimmerRegistry.VegaSlimmer
     const isDisabled = this.isDateDisabled(day.toDate());
     const isInRange = day.isAfter(currentRangeDates[0]) && day.isBefore(currentRangeDates[1]);
     const canInterActive = isCurrentMonth && !isLockedDate && !isDisabled;
+    const weekDayShortName = this.translationSlimmer.t(`${day.getWeekDayShortName()}-full`);
     return (index.h("div", { key: `${day.month}-${day.date}`, class: isCurrentMonth && {
         'day-item': true,
         'is-today': day.equal(this.today),
@@ -2316,8 +2389,8 @@ class VegaDatePickerMonthItemRenderer extends globalSlimmerRegistry.VegaSlimmer
       /* eslint-disable-next-line react/jsx-no-bind */
       onClick: () => canInterActive && this.selectionController.onDayClick(day), 
       /* eslint-disable-next-line react/jsx-no-bind */
-      onMouseEnter: () => canInterActive && this.selectionController.onDayHover(day), onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), role: "menuitem", "aria-label": `${day.getMonthName()} ${day.date} ${day.year}`, "aria-hidden": isCurrentMonth ? undefined : 'true', "aria-disabled": isLockedDate || isDisabled ? 'true' : undefined, tabIndex: canInterActive ? 0 : -1 },
-      index.h("div", { class: "day-content" }, isCurrentMonth ? day.date : '')));
+      onMouseEnter: () => canInterActive && this.selectionController.onDayHover(day), onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), role: "menuitem", "aria-label": `${day.getMonthName()} ${day.date} ${day.year} ${weekDayShortName}`, "aria-hidden": isCurrentMonth ? undefined : 'true', "aria-disabled": isLockedDate || isDisabled ? 'true' : undefined, tabIndex: canInterActive ? 0 : -1 },
+      index.h("div", { class: "day-content", "aria-hidden": "true" }, isCurrentMonth ? day.date : '')));
   }
   getCurrentRangeDates() {
     const startDate = this.calendarSelection.startDate;

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

@@ -4,41 +4,45 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const breakpoints = require('./breakpoints-a8ff22f0.js');
+const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-require('./type-guard-a0d9ff1f.js');
-require('./internal-translation-controller-24df468f.js');
+require('./type-guard-d760850a.js');
+require('./internal-translation-controller-9f58a4e4.js');
 require('./feature-flag-controller-9129ef52.js');
-const designToken = require('./design-token-45ebd5e4.js');
+const designToken = require('./design-token-3f9589eb.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e050cd26.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-c84121c8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
-const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-1eb8f031.js');
+const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
+const misc = require('./misc-3d30df91.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const responsiveFormatFacade = require('./responsive-format-facade-bddac47c.js');
-const ui = require('./ui-024696c0.js');
+const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
+const ui = require('./ui-32120990.js');
 const pixel = require('./pixel-98f2a10c.js');
-const ui$1 = require('./ui-234ea151.js');
+const ui$1 = require('./ui-9e8c9732.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
+const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
+const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-5a0a78fe.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./breakpoints-ebde4837.js');
 require('./typography-4560e7f1.js');
 require('./index-f054eb5d.js');
 require('./try-get-document-c0ebd39a.js');
 require('./observer-f49483e8.js');
-require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-cc0f511c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./index-592b4052.js');
-require('./object-e2e28e3d.js');
+require('./object-b53e9416.js');
 require('./number-4816603d.js');
 require('./array-249289f2.js');
+require('./synchronize-task-queue-1ee80e94.js');
+require('./vega-internal-event-id-a1837fa2.js');
 
 const vegaDialogCss = ":host vega-modal{padding-left:16px;padding-right:16px}@media (min-width: 768px){:host vega-modal{padding:0px}}:host .vega-dialog-actions-container{display:flex;justify-content:center;flex-direction:column;gap:12px}@media (min-width: 768px){:host .vega-dialog-actions-container{justify-content:flex-end;flex-direction:row}}:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}";
 
@@ -219,6 +223,10 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
  * Modal renderer
  */
 class VegaModalRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.titleId = misc.generateUUID();
+  }
   getModalContentRef() {
     return this.modalContent;
   }
@@ -233,7 +241,7 @@ class VegaModalRenderer extends globalSlimmerRegistry.VegaSlimmer {
         'align-center': this.deprecatedPropertySlimmer.getValue() && this.openState.isOpen,
         'animation': this.animation,
       } },
-      index.h("div", { class: "modal-dialog" }, this.renderContainer())));
+      index.h("div", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, tabIndex: -1 }, this.renderContainer())));
   }
   renderContainer() {
     const padding = designToken.formatAndValidResponsiveToken(this.padding, 'padding');
@@ -249,7 +257,7 @@ class VegaModalRenderer extends globalSlimmerRegistry.VegaSlimmer {
         'vega-modal-header-with-icon': this.showCloseButton,
         'vega-modal-header-with-content-scroll': this.isContentScrollable(),
         [padding]: true,
-      } },
+      }, id: this.titleId },
       this.renderTitle(),
       this.showCloseButton && this.renderCloseBtn()));
   }
@@ -642,6 +650,14 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
 class VegaModalOpenStateController extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
+    this.ariaDialogFocusableTrapSlimmer = dynamicSlimmer.createDynamicSlimmer(VegaModalOpenStateController, ariaDialogFocusableTrapSlimmer.AriaDialogFocusableTrapSlimmer, [], [{ mapFrom: 'ariaDialogToggle', mapTo: 'toggle' }], [
+      {
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        triggerEl: () => null,
+        // eslint-disable-next-line jsdoc/require-jsdoc
+        dialogEl: () => this.renderer.getModalContainerRef(),
+      },
+    ]);
     /*
      * The below method is e2e-test covered in
      * @see{module:vega-modal-toggle-interactive-e2e}
@@ -674,6 +690,11 @@ class VegaModalOpenStateController extends globalSlimmerRegistry.VegaSlimmer {
       this.toggle();
     }
   }
+  /**
+   * Component lifecycle - [componentDidRender]
+   */
+  componentDidRender() {
+  }
   /**
    * Toggle modal while openState changed.
    *
@@ -793,6 +814,13 @@ class VegaModalOpenStateController extends globalSlimmerRegistry.VegaSlimmer {
       this.changeOpenState(false, trigger);
     }
   }
+  /**
+   * Toggles the aria-dialog attribute based on the open state.
+   *
+   * @param {boolean} isOpen - Indicates whether the modal is open.
+   */
+  ariaDialogToggle(isOpen) {
+  }
   /**
    * Updates the internal open state snapshot so watchers can react to the new value.
    *
@@ -825,6 +853,7 @@ class VegaModalOpenStateController extends globalSlimmerRegistry.VegaSlimmer {
     this.layoutController.setModalWidth();
     this.emitEvent();
     this.setModalVisibility();
+    this.ariaDialogToggle(this.openState.isOpen);
   }
   /*
    * The below method is e2e-test covered in
@@ -935,12 +964,21 @@ __decorate$4([
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaModalOpenStateController.prototype, "zIndexController", void 0);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaModalOpenStateController.prototype, "renderer", void 0);
+__decorate$4([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaModalOpenStateController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
 __decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaModalOpenStateController.prototype, "disconnectedCallback", null);
 __decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaModalOpenStateController.prototype, "componentDidLoad", null);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
+], VegaModalOpenStateController.prototype, "componentDidRender", null);
 __decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('watchOpenState')
 ], VegaModalOpenStateController.prototype, "watchOpenState", null);

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

@@ -6,20 +6,20 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const responsiveFormatFacade = require('./responsive-format-facade-bddac47c.js');
-const typeGuard = require('./type-guard-a0d9ff1f.js');
-const designToken = require('./design-token-45ebd5e4.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e050cd26.js');
-const breakpoints = require('./breakpoints-a8ff22f0.js');
+const responsiveFormatFacade = require('./responsive-format-facade-4419b4ae.js');
+const typeGuard = require('./type-guard-d760850a.js');
+const designToken = require('./design-token-3f9589eb.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
+const breakpoints = require('./breakpoints-1cc2c4c6.js');
+require('./ui-32120990.js');
 require('./number-4816603d.js');
-require('./ui-024696c0.js');
 require('./pixel-98f2a10c.js');
 require('./breakpoints-ebde4837.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-24df468f.js');
+require('./internal-translation-controller-9f58a4e4.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-5829a298.js');
 require('./try-get-document-c0ebd39a.js');

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

@@ -7,40 +7,40 @@ const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const ui = require('./ui-234ea151.js');
-const typeGuard = require('./type-guard-a0d9ff1f.js');
+const ui = require('./ui-9e8c9732.js');
+const typeGuard = require('./type-guard-d760850a.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a3a60da4.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-b44f0dc9.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-16ec8591.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-68cff676.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-7a66229b.js');
 const index$1 = require('./index-592b4052.js');
 const array = require('./array-249289f2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-ac1dae32.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-7a4c6061.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-e0aeac45.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-c84121c8.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-ed39283b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-a8d13f4c.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const translationSlimmer = require('./translation-slimmer-3fa03d81.js');
+const translationSlimmer = require('./translation-slimmer-c069ca84.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-e692d849.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-f728e068.js');
 require('./breakpoints-ebde4837.js');
-require('./ui-024696c0.js');
+require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-24df468f.js');
+require('./internal-translation-controller-9f58a4e4.js');
 require('./observer-f49483e8.js');
-require('./keyboard-manager-7de7ecfd.js');
+require('./keyboard-manager-9dbbb0d4.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./page-resize-observer-slimmer-e050cd26.js');
-require('./breakpoints-a8ff22f0.js');
+require('./page-resize-observer-slimmer-273d62ef.js');
+require('./breakpoints-1cc2c4c6.js');
 require('./try-get-document-c0ebd39a.js');
-require('./responsive-format-facade-bddac47c.js');
+require('./responsive-format-facade-4419b4ae.js');
 require('./pixel-98f2a10c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');

package/dist/cjs/vega-env-manager-23b8b23c.js

@@ -11,9 +11,9 @@ exports.FrameworkEnum = void 0;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.78.0` will be replaced to a version string when running publish script.
+    // The `2.80.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.78.0';
+    this.vegaVersion = '2.80.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/vega-field-label.cjs.entry.js

@@ -6,14 +6,14 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-c84121c8.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-024e26bb.js');
 const vegaEventId = require('./vega-event-id-c08ce3d3.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-observer-factory-c62823de.js');
+require('./dom-node-subject-observer-factory-a3a60da4.js');
 require('./observer-f49483e8.js');
-require('./ui-234ea151.js');
+require('./ui-9e8c9732.js');
 require('./internal-vega-event-manager-cc0f511c.js');
 require('./try-get-document-c0ebd39a.js');