@globalpayments/vega 2.25.0 → 2.27.0

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

@@ -3,43 +3,45 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { i as isDateStr, c as compareIsSameOrBefore, a as compareIsBefore, b as compareIsAfter } from './date-732bc749.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
-import { a as arrayToClassString, g as getDeviceType, D as DeviceType } from './ui-153f4ae7.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-2f9c871b.js';
+import { a as arrayToClassString, g as getDeviceType, D as DeviceType } from './ui-0132dbb5.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { a as VegaClick, e as VegaChange } from './vega-event-id-7465a011.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-9671142a.js';
 import { i as isArrayEqual } from './array-506b88b9.js';
 import { c as createCommonjsModule } from './index-0863eec6.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-6987a80b.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-7170d6b3.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7721c206.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-b6072957.js';
+import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-bfe3f5e5.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-1172e2ea.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-8723f20f.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-345c46c5.js';
+import { T as TranslationSlimmer } from './translation-slimmer-c740a5f3.js';
 import './string-be824360.js';
-import './misc-9fdbcfbb.js';
+import './observer-3959f9dd.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-809b4ec8.js';
-import './page-resize-observer-slimmer-8caeb03b.js';
-import './breakpoints-e59edf8d.js';
-import './ui-df46cc20.js';
+import './vega-internal-event-id-7e05cf4a.js';
+import './translation-3b437b6d.js';
+import './page-resize-observer-slimmer-994c1e1b.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
-import './icon-manager-754cda3f.js';
-import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
+import './icon-manager-0f030f8a.js';
 import './number-e2519d1c.js';
-import './type-guard-4bc3fbf5.js';
+import './type-guard-63caf78b.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-e86c7fbb.js';
+import './responsive-format-facade-5a1329a7.js';
 import './pixel-f32c07ce.js';
-import './keyboard-manager-477122e6.js';
+import './keyboard-manager-d1f9ddc1.js';
 import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-10780eeb.js';
 
 /**
  * A rule that checks if date is empty or not
@@ -61,7 +63,7 @@ class DateRequiredRule {
    * Otherwise, return an object with a boolean indicating whether the input is valid and a message to display to the user
    *
    * @param {string | string[]} input - The value of the input field.
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {
@@ -155,7 +157,7 @@ class DateRangeRule {
    * Check if the start date is before than end date
    *
    * @param {string | string[]} input - The value of the date picker.
-   * @returns  {EvaluateResult} - The result of the evaluation.
+   * @returns  {EvaluateResultTranslation} - The result of the evaluation.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {
@@ -196,15 +198,21 @@ class MinAndMaxDateRule {
      *  Evaluate if single date is within the min and max date range
      *
      * @param {string} input A single date string
-     * @returns  {EvaluateResult}An object with two properties: isValid and message.
+     * @returns  {EvaluateResultTranslation}An object with two properties: isValid and message.
      */
     this.evaluateSingleDate = (input) => {
       const singleDate = new Date(input);
       if (this.minDate && compareIsBefore(singleDate, this.minDate)) {
-        return this.invalidResult(`The date should be later than ${this.config.minDate}`);
+        return this.invalidResult({
+          key: 'The date should be later than {0}',
+          args: [this.config.minDate],
+        });
       }
       if (this.maxDate && compareIsAfter(singleDate, this.maxDate)) {
-        return this.invalidResult(`The date should be earlier than ${this.config.maxDate}`);
+        return this.invalidResult({
+          key: 'The date should be earlier than {0}',
+          args: [this.config.maxDate],
+        });
       }
       return this.validResult();
     };
@@ -212,19 +220,28 @@ class MinAndMaxDateRule {
      * Evaluate if start date or end date are within the min and max date range
      *
      * @param {string[]} input includes start date or end date
-     * @returns  {EvaluateResult}An object with two properties: isValid and message.
+     * @returns  {EvaluateResultTranslation}An object with two properties: isValid and message.
      */
     this.evaluateRangeDates = (input) => {
       const startDate = new Date(input[0]);
       const endDate = new Date(input[1]);
       if (this.minDate && compareIsBefore(startDate, this.minDate)) {
-        return this.invalidResult(`The start date should be later than ${this.config.minDate}`);
+        return this.invalidResult({
+          key: 'The start date should be later than {0}',
+          args: [this.config.minDate],
+        });
       }
       if (this.maxDate && compareIsAfter(startDate, this.maxDate)) {
-        return this.invalidResult(`The start date should be earlier than ${this.config.maxDate}`);
+        return this.invalidResult({
+          key: 'The start date should be earlier than {0}',
+          args: [this.config.maxDate],
+        });
       }
       if (endDate && this.maxDate && compareIsAfter(endDate, this.maxDate)) {
-        return this.invalidResult(`The end date should be earlier than ${this.config.maxDate}`);
+        return this.invalidResult({
+          key: 'The end date should be earlier than {0}',
+          args: [this.config.maxDate],
+        });
       }
       return this.validResult();
     };
@@ -232,7 +249,7 @@ class MinAndMaxDateRule {
      * Generate an invalid result
      *
      * @param {string} message Error message
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.invalidResult = (message) => ({
       isValid: false,
@@ -241,7 +258,7 @@ class MinAndMaxDateRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -269,7 +286,7 @@ class MinAndMaxDateRule {
    * max date range
    *
    * @param {string | string[]} input - The value of the date picker.
-   * @returns  {EvaluateResult} - The result of the evaluation.
+   * @returns  {EvaluateResultTranslation} - The result of the evaluation.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {
@@ -569,11 +586,11 @@ class VegaDatePickerRangeInputRenderer extends VegaSlimmer {
     };
     this.getRangePlaceholder = () => {
       if (!this.placeholder) {
-        return ['Start Date', 'End Date'];
+        return ['Start Date', 'End Date'].map((item) => this.translationSlimmer.t(item));
       }
       if (!Array.isArray(this.placeholder) || this.placeholder.length !== 2) {
         LogUtility.warn('The placeholder should be an array, including start and end placeholder');
-        return ['Start Date', 'End Date'];
+        return ['Start Date', 'End Date'].map((item) => this.translationSlimmer.t(item));
       }
       return this.placeholder;
     };
@@ -654,6 +671,9 @@ __decorate$9([
 __decorate$9([
   MapToComponentField()
 ], VegaDatePickerRangeInputRenderer.prototype, "vegaDatePickerRenderer", void 0);
+__decorate$9([
+  MapToComponentField()
+], VegaDatePickerRangeInputRenderer.prototype, "translationSlimmer", void 0);
 __decorate$9([
   MapToComponentMethod('componentWillRender')
 ], VegaDatePickerRangeInputRenderer.prototype, "componentWillRender", null);
@@ -941,6 +961,7 @@ class VegaDatePickerCalendarRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.alterLitePickerHeader = (ui) => {
+      this.renderMonthName(ui);
       this.renderWeekdays(ui);
       this.renderPrevAndNextMonthButtons(ui);
     };
@@ -964,7 +985,7 @@ class VegaDatePickerCalendarRenderer extends VegaSlimmer {
     this.renderWeekdays = (ui) => {
       ui.querySelectorAll('.month-item-weekdays-row').forEach((row) => {
         Array.from(row.children).forEach((item) => {
-          item.innerText = item.innerText.replace(/^(Mon|Tue|Wed|Thu|Fri|Sat|Sun)$/, (match) => match[0]);
+          item.innerText = item.innerText.replace(/^(Mon|Tue|Wed|Thu|Fri|Sat|Sun)$/, (match) => this.translationSlimmer.t(`${match}-short`));
         });
       });
     };
@@ -990,7 +1011,7 @@ class VegaDatePickerCalendarRenderer extends VegaSlimmer {
       const footerContainer = document.createElement('div');
       footerContainer.className = 'footer-container';
       const clearButton = document.createElement('vega-button-link');
-      clearButton.label = 'Clear';
+      clearButton.label = this.translationSlimmer.t('Clear');
       clearButton.addEventListener('click', this.vegaDatePickerCalendarController.handleClear);
       footerContainer.append(clearButton);
       const mainContainer = ui.querySelector('.container__main');
@@ -1145,6 +1166,16 @@ class VegaDatePickerCalendarRenderer extends VegaSlimmer {
       this.initDatePicker();
     }
   }
+  /**
+   * Render date picker calendar month name
+   *
+   * @param {HTMLElement} ui - Calendar dom ref
+   */
+  renderMonthName(ui) {
+    ui.querySelectorAll('.month-item-name').forEach((item) => {
+      item.innerText = this.translationSlimmer.t(item.innerText);
+    });
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-date-picker-render-ui-with-single}
@@ -1230,6 +1261,9 @@ __decorate$7([
 __decorate$7([
   MapToComponentField()
 ], VegaDatePickerCalendarRenderer.prototype, "vegaDatePickerRangeInputRenderer", void 0);
+__decorate$7([
+  MapToComponentField()
+], VegaDatePickerCalendarRenderer.prototype, "translationSlimmer", void 0);
 __decorate$7([
   MapToComponentMethod('connectedCallback')
 ], VegaDatePickerCalendarRenderer.prototype, "connectedCallback", null);
@@ -1765,6 +1799,7 @@ const VegaDatePicker = class {
     this.vegaChange = createEvent(this, "vegaChange", 7);
     this.change = createEvent(this, "change", 7);
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.vegaDatePickerMobileController = new VegaDatePickerMobileController();
     this.vegaDatePickerCalendarController = new VegaDatePickerCalendarController();
     this.vegaDatePickerZIndexController = new VegaDatePickerZIndexController();
@@ -1821,13 +1856,13 @@ const VegaDatePicker = class {
      *  - Use `single` to allow selecting a single date.
      *  - Use `range` to allow selecting a date range.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.mode = 'single';
     /**
      * Specifies the selected date or date range in the date picker.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.mode === 'range' ? ['', ''] : '';
@@ -1837,13 +1872,13 @@ const VegaDatePicker = class {
      * Specifies whether a date or range must be selected for
      *    the date picker to pass form validation.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.required = false;
     /**
      * Specifies the validation status of the date picker component.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -1851,31 +1886,31 @@ const VegaDatePicker = class {
      * Determines whether automatic validation should be implemented
      *    when a date or range is selected.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.autoValidation = true;
     /**
      * Specifies the desired date format.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.format = 'MM/DD/YYYY';
     /**
      * Specifies the size of the date picker field.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.size = 'default';
     /**
      * Specifies custom validation rules for the date picker field.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.validationRules = [];
     /**
      * Specifies whether to display the clear button when the calendar is shown.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.clearButton = false;
     /**
@@ -1884,7 +1919,7 @@ const VegaDatePicker = class {
      * If set to `true`, keyboards and touch devices will skip
      *    interacting with this element.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.readOnly = false;
     /**
@@ -1892,20 +1927,20 @@ const VegaDatePicker = class {
      *    start date or end date of an already selected date range
      *    without completely resetting the selected range.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.allowRepick = false;
     /**
      * Specifies the configuration for the calendar dropdown
      *    associated with the date picker.
      *
-     * @version 1.5.0
+     * @vegaVersion 1.5.0
      */
     this.dropdownConfig = {};
     /**
      * Specifies whether the date picker field is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
   }
@@ -1954,7 +1989,7 @@ const VegaDatePicker = class {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   /* istanbul ignore next */
   async doClose() {
@@ -1964,7 +1999,7 @@ const VegaDatePicker = class {
    *    associated with the date picker.
    *
    * @see{module:vega-date-picker-click-call-do-open-close}
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   /* istanbul ignore next */
   async doOpen() {
@@ -1987,6 +2022,9 @@ const VegaDatePicker = class {
 __decorate$1([
   InjectVegaGlobalSlimmer()
 ], VegaDatePicker.prototype, "globalSlimmers", void 0);
+__decorate$1([
+  InjectVegaSlimmer()
+], VegaDatePicker.prototype, "translationSlimmer", void 0);
 __decorate$1([
   InjectVegaSlimmer()
 ], VegaDatePicker.prototype, "vegaDatePickerMobileController", void 0);

package/dist/esm/{vega-dialog-controller-fb1a8e21.js → vega-dialog-controller-3b905672.js}

@@ -1,6 +1,5 @@
-import { g as generateUUID } from './misc-9fdbcfbb.js';
+import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
 import './global-slimmer-registry-17c4efd4.js';
-import { I as InjectVegaTelemetrySlimmer, c as createPublicAPIRuntimeMetricsSlimmer } from './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
 
 const VegaDialogRuntimeMetricsPayloadDefinition = [
   {
@@ -55,6 +54,7 @@ class VegaDialogController {
    *
    * @param {VegaDialogOption} options - VegaDialogOption
    * @returns {HTMLElement} The dialog reference.
+   * @vegaVersion 1.24.0
    */
   open(options) {
     const dialog = document.createElement('vega-dialog');

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

@@ -1,32 +1,33 @@
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent, F as Fragment } from './index-187f71d1.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
+import { g as getCurrentBreakpoint } from './breakpoints-36a3ed69.js';
 import { I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import './state-background-color-formatter-0f86292d.js';
-import { f as formatAndValidResponsiveToken } from './design-token-8a6b46ba.js';
+import './state-background-color-formatter-0540d006.js';
+import { f as formatAndValidResponsiveToken } from './design-token-3671ce60.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { c as VegaClose, a as VegaClick, B as VegaOpen } from './vega-event-id-7465a011.js';
-import { D as DefaultModalSize } from './ui-df46cc20.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-e86c7fbb.js';
+import { D as DefaultModalSize } from './ui-8424715a.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-5a1329a7.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-153f4ae7.js';
+import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-0132dbb5.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-345c46c5.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-000e0c11.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
-import './type-guard-4bc3fbf5.js';
+import './type-guard-63caf78b.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './change-manager-6a7eb88c.js';
+import './observer-3959f9dd.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-10780eeb.js';
 import './index-0863eec6.js';
 import './object-261e7344.js';
 
@@ -62,20 +63,20 @@ const VegaDialog = class {
      *
      * Use the value `danger` when the dialog's primary action is destructive.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.type = 'default';
     /**
      * Determines whether the cancel button should be displayed.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.showCancel = true;
     /**
      * Represents a dictionary that contains the configuration options
      *    for the modal component used to display the dialog.
      *
-     * @version 1.24.0
+     * @vegaVersion 1.24.0
      */
     this.modalProps = {};
     this.handleCancelBtnClick = (e) => {
@@ -252,13 +253,13 @@ const VegaModal = class {
      *    When changing this value, a page refresh is required
      *    for the changes to take effect.
      *
-     * @version 1.0.6
+     * @vegaVersion 1.0.6
      */
     this.backdrop = 'default';
     /**
      * Determines whether the modal is initially open.
      *
-     * @version 1.0.6
+     * @vegaVersion 1.0.6
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.open = false;
@@ -266,19 +267,19 @@ const VegaModal = class {
      * Specifies whether the modal uses an animated transition
      *    when it appears.
      *
-     * @version 1.0.11
+     * @vegaVersion 1.0.11
      */
     this.animation = false;
     /**
      * Represents the title displayed within the modal.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.modalTitle = '';
     /**
      * Specifies the background color of the modal's backdrop.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.backdropColor = 'default';
     /**
@@ -286,21 +287,21 @@ const VegaModal = class {
      *    on the screen.
      * @deprecated This property will be removed soon and replaced by prop isVerticallyCentered
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.isVerticallyCenter = false;
     /**
      * Determines whether the modal is vertically centered
      *    on the screen.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.isVerticallyCentered = false;
     /**
      * Determines whether the modal displays a close button to
      *    allow hiding or closing of the modal.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.showCloseButton = true;
     /**
@@ -308,7 +309,7 @@ const VegaModal = class {
      *
      * It can be set as a ResponsiveType or any size value.
      *
-     * @version 1.0.10
+     * @vegaVersion 1.0.10
      */
     this.padding = 'size-24';
     /**
@@ -319,7 +320,7 @@ const VegaModal = class {
      *
      * If the callback function returns `false` or does not return any value, the modal will remain open.
      *
-     * @version 1.22.0
+     * @vegaVersion 1.22.0
      */
     this.handleClose = undefined;
     /**
@@ -403,7 +404,7 @@ const VegaModal = class {
   /**
    * Invoke this method to show or hide the modal.
    *
-   * @version 1.0.6
+   * @vegaVersion 1.0.6
    */
   /* The below method is e2e-test covered in
    * @see{module:vega-modal-toggle-interactive-e2e}

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

@@ -2,17 +2,17 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-18
 import { s as sanitizeVegaComponent } from './component-cae24190.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-b3f6ac79.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-e86c7fbb.js';
-import { h as Spacing } from './type-guard-4bc3fbf5.js';
-import { f as formatAndValidResponsiveToken } from './design-token-8a6b46ba.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-5a1329a7.js';
+import { h as Spacing } from './type-guard-63caf78b.js';
+import { f as formatAndValidResponsiveToken } from './design-token-3671ce60.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
+import { g as getCurrentBreakpoint } from './breakpoints-36a3ed69.js';
 import './number-e2519d1c.js';
-import './ui-df46cc20.js';
+import './ui-8424715a.js';
 import './pixel-f32c07ce.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './state-background-color-formatter-0f86292d.js';
+import './state-background-color-formatter-0540d006.js';
 
 var __decorate$1 = (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;
@@ -100,13 +100,13 @@ const VegaDivider = class {
      * It can be set to either horizontal or vertical,
      *    determining the orientation of the separation.
      *
-     * @version 2.10.0
+     * @vegaVersion 2.10.0
      */
     this.direction = 'horizontal';
     /**
      * Determines the rendering style for the divider.
      *
-     * @version 2.10.0
+     * @vegaVersion 2.10.0
      */
     this.variant = 'primary';
     /**
@@ -115,7 +115,7 @@ const VegaDivider = class {
      * It can be set as ResponsiveType or any sizing token
      *    for precise control over layout and appearance.
      *
-     * @version 2.10.0
+     * @vegaVersion 2.10.0
      */
     this.margin = '0';
   }