@heartlandone/vega 2.77.1 → 2.79.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-d3c2d088.js');
-const typeGuard = require('./type-guard-cd0376d4.js');
+const dateRequiredRule = require('./date-required-rule-3823d506.js');
+const typeGuard = require('./type-guard-2a46bca5.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-1b3a1388.js');
-const ui = require('./ui-234ea151.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
-const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-93ca7239.js');
+const ui = require('./ui-b3db0122.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f7ed3bdc.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-1f84ab0a.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-bd2c18df.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-9ef2ec7a.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-5b8fa209.js');
+const stringMaskStrategy = require('./string-mask-strategy-b69e3b9e.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-9d6df58b.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-f602725d.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc6d2919.js');
-const translationSlimmer = require('./translation-slimmer-2c207e34.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-40d39bba.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-83f8e2bd.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-dd0bb8b6.js');
+const translationSlimmer = require('./translation-slimmer-c069ca84.js');
+const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-eba4f3a2.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-f2465f1b.js');
+const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-6faafc3e.js');
+const vegaInternalEventId = require('./vega-internal-event-id-67bb91c1.js');
 const observer = require('./observer-f49483e8.js');
-const monthViewGenerator = require('./month-view-generator-1a57578d.js');
+const monthViewGenerator = require('./month-view-generator-aa8e8e74.js');
 require('./breakpoints-ebde4837.js');
-require('./ui-32e69595.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-7f065ee1.js');
-require('./breakpoints-751d433a.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-1dfbc4c3.js');
+require('./sub-state-observer-slimmer-15740c97.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-714bfad2.js');
-require('./wait-for-component-did-render-70a01bf9.js');
-require('./keyboard-manager-16494c34.js');
-require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./string-format-strategy.abstract-730088ee.js');
+require('./wait-for-component-did-render-9e41b39e.js');
+require('./keyboard-manager-3923e29b.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-0b65ce4a.js');
+require('./responsive-format-facade-a32cdb67.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);

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

@@ -4,41 +4,44 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const breakpoints = require('./breakpoints-751d433a.js');
+const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-require('./type-guard-cd0376d4.js');
-require('./internal-translation-controller-1f84ab0a.js');
+require('./type-guard-2a46bca5.js');
+require('./internal-translation-controller-9f58a4e4.js');
 require('./feature-flag-controller-9129ef52.js');
-const designToken = require('./design-token-b21879b6.js');
+const designToken = require('./design-token-b497bb6e.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
-const vegaEventId = require('./vega-event-id-ee01d8dd.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc6d2919.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f7ed3bdc.js');
+const vegaEventId = require('./vega-event-id-c08ce3d3.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-83f8e2bd.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-0b65ce4a.js');
-const ui = require('./ui-32e69595.js');
+const responsiveFormatFacade = require('./responsive-format-facade-a32cdb67.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-b3db0122.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-6faafc3e.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-f7ecf3d4.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');
 
 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 +222,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 +240,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 +256,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 +649,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 +689,11 @@ class VegaModalOpenStateController extends globalSlimmerRegistry.VegaSlimmer {
       this.toggle();
     }
   }
+  /**
+   * Component lifecycle - [componentDidRender]
+   */
+  componentDidRender() {
+  }
   /**
    * Toggle modal while openState changed.
    *
@@ -793,6 +813,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 +852,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 +963,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-0b65ce4a.js');
-const typeGuard = require('./type-guard-cd0376d4.js');
-const designToken = require('./design-token-b21879b6.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
-const breakpoints = require('./breakpoints-751d433a.js');
+const responsiveFormatFacade = require('./responsive-format-facade-a32cdb67.js');
+const typeGuard = require('./type-guard-2a46bca5.js');
+const designToken = require('./design-token-b497bb6e.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-32e69595.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-1f84ab0a.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,44 +7,44 @@ 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-cd0376d4.js');
+const ui = require('./ui-b3db0122.js');
+const typeGuard = require('./type-guard-2a46bca5.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
-const vegaEventId = require('./vega-event-id-ee01d8dd.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-5b8fa209.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-40d39bba.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-f7ed3bdc.js');
+const vegaEventId = require('./vega-event-id-c08ce3d3.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-f602725d.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-eba4f3a2.js');
 const index$1 = require('./index-592b4052.js');
 const array = require('./array-249289f2.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-58121111.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-c80b9d21.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
-const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-ed39283b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-67bb91c1.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-83f8e2bd.js');
+const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-06c78f97.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const translationSlimmer = require('./translation-slimmer-2c207e34.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc6d2919.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-1dfbc4c3.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-15740c97.js');
 require('./breakpoints-ebde4837.js');
-require('./ui-32e69595.js');
+require('./ui-32120990.js');
 require('./typography-4560e7f1.js');
-require('./internal-translation-controller-1f84ab0a.js');
+require('./internal-translation-controller-9f58a4e4.js');
 require('./observer-f49483e8.js');
-require('./keyboard-manager-16494c34.js');
+require('./keyboard-manager-3923e29b.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./page-resize-observer-slimmer-7f065ee1.js');
-require('./breakpoints-751d433a.js');
+require('./page-resize-observer-slimmer-273d62ef.js');
+require('./breakpoints-1cc2c4c6.js');
 require('./try-get-document-c0ebd39a.js');
-require('./responsive-format-facade-0b65ce4a.js');
+require('./responsive-format-facade-a32cdb67.js');
 require('./pixel-98f2a10c.js');
 require('./feature-flag-controller-9129ef52.js');
 require('./index-f054eb5d.js');
-require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./internal-vega-event-manager-cc0f511c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./vega-nonce-manager-df69d3ed.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.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 = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/{vega-event-id-ee01d8dd.js → vega-event-id-c08ce3d3.js}

@@ -111,6 +111,7 @@ 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');
 
 exports.VegaActionButtonClick = VegaActionButtonClick;
 exports.VegaActionClick = VegaActionClick;
@@ -164,6 +165,7 @@ exports.VegaSelectChange = VegaSelectChange;
 exports.VegaSelectFileChange = VegaSelectFileChange;
 exports.VegaSelectionChange = VegaSelectionChange;
 exports.VegaShow = VegaShow;
+exports.VegaSourceCodeChange = VegaSourceCodeChange;
 exports.VegaStateUpdate = VegaStateUpdate;
 exports.VegaSuggestionItemClick = VegaSuggestionItemClick;
 exports.VegaToggleStatus = VegaToggleStatus;

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

@@ -6,15 +6,15 @@ 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-062cdcb8.js');
-const vegaEventId = require('./vega-event-id-ee01d8dd.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-83f8e2bd.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-f7ed3bdc.js');
 require('./observer-f49483e8.js');
-require('./ui-234ea151.js');
-require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./ui-b3db0122.js');
+require('./internal-vega-event-manager-cc0f511c.js');
 require('./try-get-document-c0ebd39a.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {