@heartlandone/vega 2.77.1 → 2.79.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-09d5aa16.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-af324dcd.js';
+import { D as DateRequiredRule } from './date-required-rule-4c40a4eb.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-c20cbbff.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-e1a5a884.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-38aa77a0.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-00fa3678.js';
+import { a as arrayToClassString, e as getDeepActiveElementInShadow, g as getDeviceType, D as DeviceType } from './ui-ac244bf0.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-94b2e2c3.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-113a6288.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-f9e252a2.js';
-import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-2508d88b.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8898843.js';
+import { S as StringMaskStrategy } from './string-mask-strategy-8070817e.js';
+import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-519480ce.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-4722d20c.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
-import { T as TranslationSlimmer } from './translation-slimmer-9f0339aa.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-5d573612.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.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-fde815dc.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 { v as VegaInternalDatePickerCalendarClear, w as VegaInternalDatePickerCalendarUpdatePeriodByUser } from './vega-internal-event-id-799d012e.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-cc98a7a4.js';
+import { z as VegaInternalDatePickerCalendarClear, A as VegaInternalDatePickerCalendarUpdatePeriodByUser } from './vega-internal-event-id-8002b179.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { M as MonthViewGenerator } from './month-view-generator-160a9feb.js';
+import { M as MonthViewGenerator } from './month-view-generator-6fe1f491.js';
 import './breakpoints-d9faf11c.js';
-import './ui-28fd4193.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-d6af0d86.js';
-import './breakpoints-56e5407b.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-478c9f41.js';
+import './sub-state-observer-slimmer-b3a773c5.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-944f759b.js';
-import './wait-for-component-did-render-b08ef07b.js';
-import './keyboard-manager-f9bfa678.js';
-import './internal-vega-event-manager-32a3d848.js';
+import './string-format-strategy.abstract-8c48e515.js';
+import './wait-for-component-did-render-1e62d6f7.js';
+import './keyboard-manager-e020039f.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-2a36c54a.js';
+import './responsive-format-facade-e8534e59.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);

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

@@ -1,40 +1,43 @@
 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-56e5407b.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-af324dcd.js';
-import './internal-translation-controller-113a6288.js';
+import './type-guard-c20cbbff.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './feature-flag-controller-30f7b625.js';
-import { f as formatAndValidResponsiveToken } from './design-token-7dec1eab.js';
+import { f as formatAndValidResponsiveToken } from './design-token-9c4eb6b1.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-d6af0d86.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-38aa77a0.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-94b2e2c3.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-b236945b.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-2a36c54a.js';
-import { D as DefaultModalSize } from './ui-28fd4193.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e8534e59.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-ac244bf0.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-cc98a7a4.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-32a3d848.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';
 
 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 +218,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 +236,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 +252,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 +645,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 +685,11 @@ class VegaModalOpenStateController extends VegaSlimmer {
       this.toggle();
     }
   }
+  /**
+   * Component lifecycle - [componentDidRender]
+   */
+  componentDidRender() {
+  }
   /**
    * Toggle modal while openState changed.
    *
@@ -789,6 +809,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 +848,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 +959,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-2a36c54a.js';
-import { h as Spacing } from './type-guard-af324dcd.js';
-import { f as formatAndValidResponsiveToken } from './design-token-7dec1eab.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-d6af0d86.js';
-import { g as getCurrentBreakpoint } from './breakpoints-56e5407b.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-e8534e59.js';
+import { h as Spacing } from './type-guard-c20cbbff.js';
+import { f as formatAndValidResponsiveToken } from './design-token-9c4eb6b1.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-28fd4193.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-113a6288.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-af324dcd.js';
+import { f as findParent, e as getDeepActiveElementInShadow, m as extractNumberFromString, n as containerScrollToItem } from './ui-ac244bf0.js';
+import { X as isArrayOfType, Y as isDropdownSourceItemType } from './type-guard-c20cbbff.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-38aa77a0.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8898843.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-5d573612.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-94b2e2c3.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-4722d20c.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-fde815dc.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-5133f1a8.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-54531808.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-799d012e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.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-8002b179.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-c7297b9f.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-9f0339aa.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-331312b8.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-478c9f41.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-b3a773c5.js';
 import './breakpoints-d9faf11c.js';
-import './ui-28fd4193.js';
+import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-113a6288.js';
+import './internal-translation-controller-b08aa9ab.js';
 import './observer-3959f9dd.js';
-import './keyboard-manager-f9bfa678.js';
+import './keyboard-manager-e020039f.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './dynamic-slimmer-90b8af32.js';
-import './page-resize-observer-slimmer-d6af0d86.js';
-import './breakpoints-56e5407b.js';
+import './page-resize-observer-slimmer-e24d36c5.js';
+import './breakpoints-332702ed.js';
 import './try-get-document-bef0f526.js';
-import './responsive-format-facade-2a36c54a.js';
+import './responsive-format-facade-e8534e59.js';
 import './pixel-f32c07ce.js';
 import './feature-flag-controller-30f7b625.js';
 import './index-bfc6dfa2.js';
-import './internal-vega-event-manager-32a3d848.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.77.1` will be replaced to a version string when running publish script.
+    // The `2.79.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.77.1';
+    this.vegaVersion = '2.79.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/esm/{vega-event-id-38aa77a0.js → vega-event-id-4ede557a.js}

@@ -109,5 +109,6 @@ const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearCha
 const VegaSelectionChange = new VegaEventID('vegaSelectionChange', 'selectionChange');
 const VegaSuggestionItemClick = new VegaEventID('vegaSuggestionItemClick', 'suggestionItemClick');
 const VegaNativeInputChange = new VegaEventID('vegaNativeInputChange', 'nativeInputChange');
+const VegaSourceCodeChange = new VegaEventID('vegaSourceCodeChange', 'sourceCodeChange');
 
-export { VegaRowExpand as $, VegaFormReset as A, VegaValidate as B, VegaCancel as C, VegaNativeInputChange as D, VegaFocus as E, VegaBlur as F, VegaSuggestionItemClick as G, VegaPaste as H, VegaComplete as I, VegaCountryChange as J, VegaShow as K, VegaHide as L, VegaToggleStatus as M, VegaOpen as N, VegaStateUpdate as O, VegaGroupClick as P, VegaMenuClick as Q, VegaActionClick as R, VegaPageSizeChange as S, VegaPopoverShow as T, VegaPopoverHide as U, VegaDropdownClick as V, VegaCurrentStepUpdate as W, VegaImageInserted as X, VegaSelectChange as Y, VegaSelectAllChange as Z, VegaRowClick as _, VegaClick as a, VegaRowSelect as a0, VegaRowSelectAll as a1, VegaExpand as b, VegaReset as c, VegaClose as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaDateClick as j, VegaPageUpdate as k, VegaRemove as l, VegaCreate as m, VegaSearch as n, VegaMonthYearChange as o, VegaClear as p, VegaSelectionChange as q, VegaDropdownShow as r, VegaDropdownHide as s, VegaDropdownSearch as t, VegaSearchTrigger as u, VegaLabelButtonClick as v, VegaSelectFileChange as w, VegaRetry as x, VegaPreview as y, VegaFormSubmit as z };
+export { VegaRowClick as $, VegaPreview as A, VegaFormSubmit as B, VegaFormReset as C, VegaValidate as D, VegaCancel as E, VegaNativeInputChange as F, VegaFocus as G, VegaBlur as H, VegaSuggestionItemClick as I, VegaPaste as J, VegaComplete as K, VegaCountryChange as L, VegaShow as M, VegaHide as N, VegaToggleStatus as O, VegaOpen as P, VegaStateUpdate as Q, VegaGroupClick as R, VegaMenuClick as S, VegaActionClick as T, VegaPageSizeChange as U, VegaDropdownClick as V, VegaCurrentStepUpdate as W, VegaImageInserted as X, VegaSourceCodeChange as Y, VegaSelectChange as Z, VegaSelectAllChange as _, VegaClick as a, VegaRowExpand as a0, VegaRowSelect as a1, VegaRowSelectAll as a2, VegaPopoverShow as b, VegaPopoverHide as c, VegaExpand as d, VegaReset as e, VegaClose as f, VegaActionButtonClick as g, VegaChange as h, VegaEventClick as i, VegaDateDblClick as j, VegaMoreActionClick as k, VegaDateClick as l, VegaPageUpdate as m, VegaRemove as n, VegaCreate as o, VegaSearch as p, VegaMonthYearChange as q, VegaClear as r, VegaSelectionChange as s, VegaDropdownShow as t, VegaDropdownHide as u, VegaDropdownSearch as v, VegaSearchTrigger as w, VegaLabelButtonClick as x, VegaSelectFileChange as y, VegaRetry as z };

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

@@ -2,15 +2,15 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 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 { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
-import { a as VegaClick, v as VegaLabelButtonClick } from './vega-event-id-38aa77a0.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-b236945b.js';
+import { a as VegaClick, x as VegaLabelButtonClick } from './vega-event-id-4ede557a.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-observer-factory-82f346e3.js';
+import './dom-node-subject-observer-factory-94b2e2c3.js';
 import './observer-3959f9dd.js';
-import './ui-ee31416b.js';
-import './internal-vega-event-manager-32a3d848.js';
+import './ui-ac244bf0.js';
+import './internal-vega-event-manager-59f5bd47.js';
 import './try-get-document-bef0f526.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {