@heartlandone/vega 2.78.0 → 2.80.0

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

@@ -1,58 +1,59 @@
 import { h, H as Host, F as Fragment, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { D as DateRequiredRule } from './date-required-rule-4ffd9cae.js';
-import { Z as compareIsSameOrBefore, Q as isDateStr, _ as compareIsBefore, $ as compareIsAfter, a0 as CalendarDate, a1 as buildDatePickerAnnouncement, a2 as MonthPeriod, a3 as isCalendarDateType } from './type-guard-f69d2935.js';
+import { D as DateRequiredRule } from './date-required-rule-29608215.js';
+import { _ as compareIsSameOrBefore, R as isDateStr, $ as compareIsBefore, a0 as compareIsAfter, a1 as CalendarDate, a2 as buildDatePickerAnnouncement, a3 as MonthPeriod, a4 as isCalendarDateType } from './type-guard-23a08026.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { c as MapToComponentField, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9a880420.js';
-import { a as arrayToClassString, e as getDeepActiveElementInShadow, g as getDeviceType, D as DeviceType } from './ui-ee31416b.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-82f346e3.js';
-import { a as VegaClick, q as VegaSelectionChange, p as VegaClear, o as VegaMonthYearChange, N as VegaOpen, d as VegaClose, f as VegaChange, V as VegaDropdownClick, r as VegaDropdownShow, s as VegaDropdownHide } from './vega-event-id-fdc58a67.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-8dd39707.js';
+import { a as arrayToClassString, e as getDeepActiveElementInShadow, g as getDeviceType, D as DeviceType } from './ui-ba5a4758.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { a as VegaClick, s as VegaSelectionChange, r as VegaClear, q as VegaMonthYearChange, P as VegaOpen, f as VegaClose, h as VegaChange, V as VegaDropdownClick, t as VegaDropdownShow, u as VegaDropdownHide } from './vega-event-id-4ede557a.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-0787a7a7.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-b08aa9ab.js';
 import { F as FeatureFlag } from './feature-flag-controller-30f7b625.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
+import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as StringMaskStrategy } from './string-mask-strategy-df1f5707.js';
-import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-076764fc.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-87bf68f1.js';
+import { S as StringMaskStrategy } from './string-mask-strategy-49be41f0.js';
+import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-959dff7a.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-1ae0aa4d.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-f879fd58.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-4feabae0.js';
-import { T as TranslationSlimmer } from './translation-slimmer-e788cae4.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-36b7a572.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
+import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
+import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-08ec429b.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { C as ClickOutsideOnlyToDismissStrategy } from './click-outside-only-to-dismiss-strategy-3d286c1b.js';
-import { w as VegaInternalDatePickerCalendarClear, x as VegaInternalDatePickerCalendarUpdatePeriodByUser } from './vega-internal-event-id-12783594.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-5a2f92be.js';
+import { z as VegaInternalDatePickerCalendarClear, A as VegaInternalDatePickerCalendarUpdatePeriodByUser } from './vega-internal-event-id-70bd893d.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { M as MonthViewGenerator } from './month-view-generator-94134ec5.js';
+import { M as MonthViewGenerator } from './month-view-generator-b700ed08.js';
 import './breakpoints-d9faf11c.js';
-import './ui-41f725b7.js';
+import './ui-93922c59.js';
 import './typography-396de03f.js';
 import './string-a953eafc.js';
-import './misc-9fdbcfbb.js';
-import './dynamic-slimmer-90b8af32.js';
 import './index-3b327f29.js';
-import './page-resize-observer-slimmer-e0505250.js';
-import './breakpoints-13353e09.js';
+import './page-resize-observer-slimmer-e24d36c5.js';
+import './breakpoints-332702ed.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
-import './sub-state-observer-slimmer-058feaf0.js';
+import './sub-state-observer-slimmer-4d30fa5c.js';
 import './icon-manager-539d7cf7.js';
 import './create-public-api-runtime-metrics-slimmer-aaadaa08.js';
 import './number-4398f2e1.js';
 import './index-bfc6dfa2.js';
-import './string-format-strategy.abstract-e40a0df7.js';
-import './wait-for-component-did-render-4d0a3428.js';
-import './keyboard-manager-4dfc625f.js';
-import './internal-vega-event-manager-3aebbe55.js';
+import './string-format-strategy.abstract-ec6d627b.js';
+import './wait-for-component-did-render-03e7ccb2.js';
+import './keyboard-manager-1846c6a5.js';
+import './internal-vega-event-manager-59f5bd47.js';
 import './vega-env-manager-8f8dc473.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
-import './responsive-format-facade-b3799ff9.js';
+import './responsive-format-facade-37d4d850.js';
 import './pixel-f32c07ce.js';
 
 /**
@@ -276,7 +277,7 @@ class VegaDatePickerRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderInputPrefix = () => {
-      return (h("div", { class: "vega-input-prefix" },
+      return (h("div", { class: "vega-input-prefix", "aria-hidden": "true" },
         h("vega-icon", { icon: VegaInternalIconManager.getIconKey('calendar'), color: "text-secondary", 
           // eslint-disable-next-line react/jsx-no-bind
           onClick: async () => {
@@ -395,7 +396,10 @@ class VegaDatePickerInputRendererBase extends VegaSlimmer {
       else {
         this.vegaDatePickerValueController.setValue('');
       }
-      await this.calendarOpenStateController.hideCalendar();
+      if (this.isCalendarShow) {
+        await this.calendarOpenStateController.hideCalendar();
+      }
+      this.focusInput();
     };
     this.isClearIconVisible = () => {
       if (this.mode === 'range') {
@@ -425,6 +429,9 @@ __decorate$j([
 __decorate$j([
   MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "mode", void 0);
+__decorate$j([
+  MapToComponentField()
+], VegaDatePickerInputRendererBase.prototype, "isCalendarShow", void 0);
 __decorate$j([
   MapToComponentField()
 ], VegaDatePickerInputRendererBase.prototype, "vegaDatePickerValueController", void 0);
@@ -444,7 +451,9 @@ class VegaDatePickerSingleInputRenderer extends VegaDatePickerInputRendererBase
     this.render = () => {
       return (h("div", { class: "date-picker-input" },
         this.vegaDatePickerRenderer.renderInputPrefix(),
-        h("input", { readOnly: !this.vegaDatePickerRenderer.isInputEnabled(), placeholder: this.getSinglePlaceholder(), value: this.vegaDatePickerValueController.getValue(), ref: (ref) => (this.singleDateInputRef = ref), onChange: this.onSingleDateChange, disabled: this.disabled, 
+        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()));
@@ -479,6 +488,9 @@ class VegaDatePickerSingleInputRenderer extends VegaDatePickerInputRendererBase
   getSingleDateInputRef() {
     return this.singleDateInputRef;
   }
+  focusInput() {
+    this.singleDateInputRef.focus();
+  }
 }
 __decorate$i([
   MapToComponentField()
@@ -486,6 +498,12 @@ __decorate$i([
 __decorate$i([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "format", void 0);
+__decorate$i([
+  MapToComponentField()
+], VegaDatePickerSingleInputRenderer.prototype, "label", void 0);
+__decorate$i([
+  MapToComponentField()
+], VegaDatePickerSingleInputRenderer.prototype, "isCalendarShow", void 0);
 __decorate$i([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
@@ -495,6 +513,12 @@ __decorate$i([
 __decorate$i([
   MapToComponentField()
 ], VegaDatePickerSingleInputRenderer.prototype, "calendarOpenStateController", void 0);
+__decorate$i([
+  MapToComponentField()
+], VegaDatePickerSingleInputRenderer.prototype, "vegaDatePickerCalendarRenderer", void 0);
+__decorate$i([
+  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;
@@ -506,17 +530,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 (h(Fragment, null,
         h("div", { class: "date-picker-input" },
           this.vegaDatePickerRenderer.renderInputPrefix(),
-          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, 
+          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') })),
         h("span", { class: {
             'range-input-divider': true,
           } }),
         h("div", { class: "date-picker-input" },
-          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, 
+          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())));
@@ -582,6 +610,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);
@@ -590,6 +621,12 @@ class VegaDatePickerRangeInputRenderer extends VegaDatePickerInputRendererBase {
 __decorate$h([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "placeholder", void 0);
+__decorate$h([
+  MapToComponentField()
+], VegaDatePickerRangeInputRenderer.prototype, "label", void 0);
+__decorate$h([
+  MapToComponentField()
+], VegaDatePickerRangeInputRenderer.prototype, "isCalendarShow", void 0);
 __decorate$h([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerFormatController", void 0);
@@ -619,6 +656,10 @@ var __decorate$g = (undefined && undefined.__decorate) || function (decorators,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 class VegaDatePickerCalendarRenderer$1 extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.calendarId = generateUUID();
+  }
   componentDidLoad() {
     this.appendCalendarToBodyIfMobile();
   }
@@ -628,6 +669,9 @@ class VegaDatePickerCalendarRenderer$1 extends VegaSlimmer {
   getCalendarRef() {
     return this.calendarRef;
   }
+  getCalendarId() {
+    return this.calendarId;
+  }
   getMobileModalRef() {
     return this.mobileModalRef;
   }
@@ -646,12 +690,21 @@ class VegaDatePickerCalendarRenderer$1 extends VegaSlimmer {
       } }, h("div", { slot: "modal-content" }, this.renderCalendar())));
   }
   renderCalendar() {
-    return (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 (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" }),
       h("vega-box", { width: this.getDefaultCalendarDimension('width'), height: this.getDefaultCalendarDimension('height') },
         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: FeatureFlag.isEnabled('VEGA_DATE_PICKER.ENABLE_CALCULATION_POSITION_BY_SCREEN'),
@@ -762,9 +815,18 @@ __decorate$g([
 __decorate$g([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "allowRepick", void 0);
+__decorate$g([
+  MapToComponentField()
+], VegaDatePickerCalendarRenderer$1.prototype, "disabled", void 0);
+__decorate$g([
+  MapToComponentField()
+], VegaDatePickerCalendarRenderer$1.prototype, "label", void 0);
 __decorate$g([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "monthYearChangeEventEmitter", void 0);
+__decorate$g([
+  MapToComponentField()
+], VegaDatePickerCalendarRenderer$1.prototype, "translationSlimmer", void 0);
 __decorate$g([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer$1.prototype, "vegaDatePickerValueController", void 0);
@@ -1185,6 +1247,14 @@ class VegaDatePickerCalendarOpenStateController extends ElementAppenderSlimmer {
       alignment: ['start', 'end'],
       isScreenPosition: FeatureFlag.isEnabled('VEGA_DATE_PICKER.ENABLE_CALCULATION_POSITION_BY_SCREEN'),
     }), () => new ClickOutsideOnlyToDismissStrategy(), 'isCalendarShow');
+    this.ariaDialogFocusableTrapSlimmer = createDynamicSlimmer(VegaDatePickerCalendarOpenStateController, 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();
   }
   /**
@@ -1354,6 +1424,9 @@ __decorate$c([
 __decorate$c([
   MapToComponentField()
 ], VegaDatePickerCalendarOpenStateController.prototype, "isMobileDevice", void 0);
+__decorate$c([
+  InjectVegaSlimmer()
+], VegaDatePickerCalendarOpenStateController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
 __decorate$c([
   MapToComponentMethod('componentDidRender')
 ], VegaDatePickerCalendarOpenStateController.prototype, "componentDidRender", null);
@@ -2272,9 +2345,8 @@ class VegaDatePickerMonthItemRenderer extends VegaSlimmer {
       period.current.year)));
   }
   renderWeek(periodView) {
-    return (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 (h("div", { key: weekDay, role: "columnheader", "aria-label": fullName }, this.translationSlimmer.t(`${weekDay}-short`)));
+    return (h("vega-grid", { class: "month-item-weekdays-row", column: '7-auto', row: 1, "aria-hidden": "true" }, periodView.weekdays.map((weekDay) => {
+      return (h("div", { key: weekDay }, this.translationSlimmer.t(`${weekDay}-short`)));
     })));
   }
   renderDays(periodView, period) {
@@ -2300,6 +2372,7 @@ class VegaDatePickerMonthItemRenderer extends 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 (h("div", { key: `${day.month}-${day.date}`, class: isCurrentMonth && {
         'day-item': true,
         'is-today': day.equal(this.today),
@@ -2312,8 +2385,8 @@ class VegaDatePickerMonthItemRenderer extends 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: 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 },
-      h("div", { class: "day-content" }, isCurrentMonth ? day.date : '')));
+      onMouseEnter: () => canInterActive && this.selectionController.onDayHover(day), onKeyDown: 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 },
+      h("div", { class: "day-content", "aria-hidden": "true" }, isCurrentMonth ? day.date : '')));
   }
   getCurrentRangeDates() {
     const startDate = this.calendarSelection.startDate;

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

@@ -1,40 +1,44 @@
 import { r as registerInstance, h, H as Host, g as getElement, F as Fragment, c as createEvent } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { g as getCurrentBreakpoint } from './breakpoints-13353e09.js';
+import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import './type-guard-f69d2935.js';
-import './internal-translation-controller-0787a7a7.js';
+import './type-guard-23a08026.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './feature-flag-controller-30f7b625.js';
-import { f as formatAndValidResponsiveToken } from './design-token-b518a2aa.js';
+import { f as formatAndValidResponsiveToken } from './design-token-edcd787b.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e0505250.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-82f346e3.js';
-import { d as VegaClose, a as VegaClick, N as VegaOpen } from './vega-event-id-fdc58a67.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-f879fd58.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-4feabae0.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { f as VegaClose, a as VegaClick, P as VegaOpen } from './vega-event-id-4ede557a.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
-import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-2c14df89.js';
+import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
+import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-b3799ff9.js';
-import { D as DefaultModalSize } from './ui-41f725b7.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
+import { D as DefaultModalSize } from './ui-93922c59.js';
 import { p as parseToPixelString } from './pixel-f32c07ce.js';
-import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-ee31416b.js';
+import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-ba5a4758.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-52f93124.js';
+import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-5a2f92be.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import './breakpoints-d9faf11c.js';
 import './typography-396de03f.js';
 import './index-bfc6dfa2.js';
 import './try-get-document-bef0f526.js';
 import './observer-3959f9dd.js';
-import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-3aebbe55.js';
+import './internal-vega-event-manager-59f5bd47.js';
 import './vega-env-manager-8f8dc473.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './index-3b327f29.js';
-import './object-66c37948.js';
+import './object-0c277f57.js';
 import './number-4398f2e1.js';
 import './array-7888f339.js';
+import './synchronize-task-queue-ac8acc3b.js';
+import './vega-internal-event-id-70bd893d.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}}";
 
@@ -215,6 +219,10 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
  * Modal renderer
  */
 class VegaModalRenderer extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.titleId = generateUUID();
+  }
   getModalContentRef() {
     return this.modalContent;
   }
@@ -229,7 +237,7 @@ class VegaModalRenderer extends VegaSlimmer {
         'align-center': this.deprecatedPropertySlimmer.getValue() && this.openState.isOpen,
         'animation': this.animation,
       } },
-      h("div", { class: "modal-dialog" }, this.renderContainer())));
+      h("div", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, tabIndex: -1 }, this.renderContainer())));
   }
   renderContainer() {
     const padding = formatAndValidResponsiveToken(this.padding, 'padding');
@@ -245,7 +253,7 @@ class VegaModalRenderer extends 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()));
   }
@@ -638,6 +646,14 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
 class VegaModalOpenStateController extends VegaSlimmer {
   constructor() {
     super(...arguments);
+    this.ariaDialogFocusableTrapSlimmer = createDynamicSlimmer(VegaModalOpenStateController, 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}
@@ -670,6 +686,11 @@ class VegaModalOpenStateController extends VegaSlimmer {
       this.toggle();
     }
   }
+  /**
+   * Component lifecycle - [componentDidRender]
+   */
+  componentDidRender() {
+  }
   /**
    * Toggle modal while openState changed.
    *
@@ -789,6 +810,13 @@ class VegaModalOpenStateController extends 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.
    *
@@ -821,6 +849,7 @@ class VegaModalOpenStateController extends VegaSlimmer {
     this.layoutController.setModalWidth();
     this.emitEvent();
     this.setModalVisibility();
+    this.ariaDialogToggle(this.openState.isOpen);
   }
   /*
    * The below method is e2e-test covered in
@@ -931,12 +960,21 @@ __decorate$4([
 __decorate$4([
   MapToComponentField()
 ], VegaModalOpenStateController.prototype, "zIndexController", void 0);
+__decorate$4([
+  MapToComponentField()
+], VegaModalOpenStateController.prototype, "renderer", void 0);
+__decorate$4([
+  InjectVegaSlimmer()
+], VegaModalOpenStateController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
 __decorate$4([
   MapToComponentMethod('disconnectedCallback')
 ], VegaModalOpenStateController.prototype, "disconnectedCallback", null);
 __decorate$4([
   MapToComponentMethod('componentDidLoad')
 ], VegaModalOpenStateController.prototype, "componentDidLoad", null);
+__decorate$4([
+  MapToComponentMethod('componentDidRender')
+], VegaModalOpenStateController.prototype, "componentDidRender", null);
 __decorate$4([
   MapToComponentMethod('watchOpenState')
 ], VegaModalOpenStateController.prototype, "watchOpenState", null);

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

@@ -2,20 +2,20 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-09
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-b3799ff9.js';
-import { h as Spacing } from './type-guard-f69d2935.js';
-import { f as formatAndValidResponsiveToken } from './design-token-b518a2aa.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e0505250.js';
-import { g as getCurrentBreakpoint } from './breakpoints-13353e09.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-37d4d850.js';
+import { h as Spacing } from './type-guard-23a08026.js';
+import { f as formatAndValidResponsiveToken } from './design-token-edcd787b.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
+import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
+import './ui-93922c59.js';
 import './number-4398f2e1.js';
-import './ui-41f725b7.js';
 import './pixel-f32c07ce.js';
 import './breakpoints-d9faf11c.js';
 import './array-7888f339.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-0787a7a7.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-52f93124.js';
 import './try-get-document-bef0f526.js';

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

@@ -3,44 +3,44 @@ import { g as getActiveElement, s as sanitizeVegaComponent } from './component-7
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { m as methodPlaceholder, s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { f as findParent, e as getDeepActiveElementInShadow, l as extractNumberFromString, m as containerScrollToItem } from './ui-ee31416b.js';
-import { W as isArrayOfType, X as isDropdownSourceItemType } from './type-guard-f69d2935.js';
+import { f as findParent, e as getDeepActiveElementInShadow, m as extractNumberFromString, n as containerScrollToItem } from './ui-ba5a4758.js';
+import { X as isArrayOfType, Y as isDropdownSourceItemType } from './type-guard-23a08026.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-82f346e3.js';
-import { f as VegaChange, r as VegaDropdownShow, s as VegaDropdownHide, V as VegaDropdownClick, c as VegaReset, m as VegaCreate, t as VegaDropdownSearch, u as VegaSearchTrigger, a as VegaClick } from './vega-event-id-fdc58a67.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-87bf68f1.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-36b7a572.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-cea9248d.js';
+import { h as VegaChange, t as VegaDropdownShow, u as VegaDropdownHide, V as VegaDropdownClick, e as VegaReset, o as VegaCreate, v as VegaDropdownSearch, w as VegaSearchTrigger, a as VegaClick } from './vega-event-id-4ede557a.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-1ae0aa4d.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-08ec429b.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-f4b3b0b9.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-ee8c417b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { i as VegaInternalDropdownTemplateItemsChange, t as VegaDropdownSearchInternalOverridden, s as VegaDropdownRenderItemInternalOverridden, j as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-12783594.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-f879fd58.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-541dd6a4.js';
+import { l as VegaInternalDropdownTemplateItemsChange, w as VegaDropdownSearchInternalOverridden, v as VegaDropdownRenderItemInternalOverridden, m as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-70bd893d.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-4fba1b35.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-b7f0e419.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING, k as DROPDOWN_ITEM_CLICK } from './static-subject-title-52f93124.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
-import { T as TranslationSlimmer } from './translation-slimmer-e788cae4.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-4feabae0.js';
+import { T as TranslationSlimmer } from './translation-slimmer-35b1d0fa.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-2ecc3e1f.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-058feaf0.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-4d30fa5c.js';
 import './breakpoints-d9faf11c.js';
-import './ui-41f725b7.js';
+import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-0787a7a7.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './observer-3959f9dd.js';
-import './keyboard-manager-4dfc625f.js';
+import './keyboard-manager-1846c6a5.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './dynamic-slimmer-90b8af32.js';
-import './page-resize-observer-slimmer-e0505250.js';
-import './breakpoints-13353e09.js';
+import './page-resize-observer-slimmer-e24d36c5.js';
+import './breakpoints-332702ed.js';
 import './try-get-document-bef0f526.js';
-import './responsive-format-facade-b3799ff9.js';
+import './responsive-format-facade-37d4d850.js';
 import './pixel-f32c07ce.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
-import './internal-vega-event-manager-3aebbe55.js';
+import './internal-vega-event-manager-59f5bd47.js';
 import './vega-env-manager-8f8dc473.js';
 import './vega-nonce-manager-497e5eb5.js';
 

package/dist/esm/vega-env-manager-8f8dc473.js

@@ -9,9 +9,9 @@ var FrameworkEnum;
 /** 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 = FrameworkEnum.VanillaJs;
   }
   /**