@globalpayments/vega 2.25.0 → 2.27.0

package/dist/collection/helpers/validator/rules/min-and-max-date-rule.js

@@ -15,15 +15,21 @@ export 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();
     };
@@ -31,19 +37,28 @@ export 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();
     };
@@ -51,7 +66,7 @@ export 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,
@@ -60,7 +75,7 @@ export class MinAndMaxDateRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -88,7 +103,7 @@ export 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)) {

package/dist/collection/helpers/validator/rules/min-number-rule.js

@@ -19,7 +19,7 @@ export class MinNumberRule {
    * If the input is a number, return true if it's more than or equal to the minimum value, false otherwise
    *
    * @param {unknown} input - The input value to be evaluated.
-   * @returns {EvaluateResult} The result of the evaluation.
+   * @returns {EvaluateResultTranslation} The result of the evaluation.
    * @throws {Error} if input is unable to evaluate
    */
   evaluate(input) {
@@ -30,7 +30,9 @@ export class MinNumberRule {
     const minValue = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.minValue) || 0;
     return {
       isValid: convertToNumber(input) >= minValue,
-      message: convertToNumber(input) >= minValue ? '' : `The minimum input value is ${minValue}`,
+      message: convertToNumber(input) >= minValue
+        ? ''
+        : { key: 'The minimum input value is {0}', args: [minValue] },
     };
   }
   /**

package/dist/collection/helpers/validator/rules/min-string-length-rule.js

@@ -18,7 +18,7 @@ export class MinStringLengthRule {
    * It checks if the input is a string and if it's longer than the minimum string length
    *
    * @param {string} input - string
-   * @returns {EvaluateResult} An object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
    * @throws {Error} if input is unable to evaluate
    */
   evaluate(input) {
@@ -29,7 +29,12 @@ export class MinStringLengthRule {
     const minStrLength = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.minStrLength) || 0;
     return {
       isValid: input.length >= minStrLength,
-      message: input.length >= minStrLength ? '' : `The minimum input length is ${minStrLength}`,
+      message: input.length >= minStrLength
+        ? ''
+        : {
+          key: 'The minimum input length is {0}',
+          args: [minStrLength],
+        },
     };
   }
   /**

package/dist/collection/helpers/validator/rules/required-field-rule.js

@@ -17,7 +17,7 @@ export class RequiredFieldRule {
    * If the input is a number or a boolean, return true. If the input is a string, return true if the string is not empty
    *
    * @param {FormFieldValueType | Array<FormFieldValueType>} input - The input to be evaluated.
-   * @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)) {

package/dist/collection/helpers/validator/rules/time-range-required-rule.js

@@ -18,7 +18,7 @@ export class TimeRangeRequiredRule {
    * It checks if the input is a valid time string.
    *
    * @param {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)) {

package/dist/collection/helpers/validator/rules/time-range-rule.js

@@ -37,7 +37,7 @@ export class TimeRangeRule {
    * Check if the start time is before than end time
    *
    * @param {string | string[]} input - The value of the time picker.
-   * @returns  {EvaluateResult} - The result of the evaluation.
+   * @returns  {EvaluateResultTranslation} - The result of the evaluation.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {

package/dist/collection/helpers/validator/rules/time-required-rule.js

@@ -18,7 +18,7 @@ export class TimeRequiredRule {
    * It checks if the input is a valid time string.
    *
    * @param {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)) {

package/dist/collection/helpers/validator/rules/valid-phone-number-rule.js

@@ -11,7 +11,7 @@ export class ValidPhoneNumberRule {
      * Generate an invalid result
      *
      * @param {string} message Error message
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation['message']} invalid validation result
      */
     this.invalidResult = (message) => ({
       isValid: false,
@@ -20,7 +20,7 @@ export class ValidPhoneNumberRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -31,7 +31,7 @@ export class ValidPhoneNumberRule {
    * It checks if the phone number is valid.
    *
    * @param {string} input - The input value to be evaluated.
-   * @returns {EvaluateResult} an object with two properties: isValid and message.
+   * @returns {EvaluateResultTranslation} an object with two properties: isValid and message.
    */
   evaluate(input) {
     return this.isValidPhoneNumberForCountry(input, this.countryCodeGetter());
@@ -79,7 +79,7 @@ export class ValidPhoneNumberRule {
    * function is of type `VegaCountryCode`. It is used to specify the country for which the phone number
    * should be validated. The function attempts to parse the input phone number with the specified
    * country code and performs validation checks to determine if the
-   * @returns {EvaluateResult} The `isValidPhoneNumberForCountry` function returns an `EvaluateResult` object. This object
+   * @returns {EvaluateResultTranslation} The `isValidPhoneNumberForCountry` function returns an `EvaluateResult` object. This object
    * contains information about whether the phone number provided is valid for the specified country
    * code. The function may return a valid result if the phone number is valid for the country code, an
    * invalid result if the phone number is not valid or does not belong to the specified country, or an
@@ -94,7 +94,10 @@ export class ValidPhoneNumberRule {
         extract: false,
       });
       if (phoneNumber.country && phoneNumber.country !== countryCode) {
-        return this.invalidResult(`Phone number is valid but it belongs to country ${phoneNumber.country}, not country ${countryCode}`);
+        return this.invalidResult({
+          key: 'Phone number is valid but it belongs to country {0}, not country {1}',
+          args: [phoneNumber.country, countryCode],
+        });
       }
       if (!phoneNumber.isValid()) {
         return this.invalidResult(`Phone number is not valid`);

package/dist/collection/helpers/validator/test/rules/custom-validation-rule.test.js

@@ -0,0 +1,56 @@
+describe('CustomValidationRule', () => {
+  class CustomValidationRule {
+    shouldShowError() {
+      return true;
+    }
+    canEvaluate() {
+      return true;
+    }
+    evaluate(input) {
+      const isValid = input.includes('vega');
+      return { isValid, message: isValid ? '' : 'Input must contain "vega"' };
+    }
+  }
+  class CustomValidationRule2 {
+    shouldShowError() {
+      return true;
+    }
+    canEvaluate() {
+      return true;
+    }
+    evaluate(input) {
+      const isValid = input.includes('vega');
+      return { isValid, message: isValid ? '' : 'Test 1' };
+    }
+  }
+  test('should return evaluate result as expect', () => {
+    const rule = new CustomValidationRule();
+    expect(rule.evaluate('')).toEqual({ isValid: false, message: 'Input must contain "vega"' });
+    expect(rule.evaluate('test vega')).toEqual({ isValid: true, message: '' });
+    const rule2 = new CustomValidationRule2();
+    expect(rule2.evaluate('')).toEqual({ isValid: false, message: 'Test 1' });
+    expect(rule2.evaluate('test vega')).toEqual({ isValid: true, message: '' });
+  });
+});
+describe('InternalValidationRule', () => {
+  class InternalValidationRule {
+    shouldShowError() {
+      return true;
+    }
+    canEvaluate() {
+      return true;
+    }
+    evaluate(input) {
+      return {
+        isValid: !!input,
+        message: !input ? 'This field is required' : '',
+      };
+    }
+  }
+  test('should return evaluate result as expect', () => {
+    const rule = new InternalValidationRule();
+    expect(rule.evaluate('')).toEqual({ isValid: false, message: 'This field is required' });
+    expect(rule.evaluate('test')).toEqual({ isValid: true, message: '' });
+  });
+});
+export {};

package/dist/collection/helpers/validator/test/rules/input-range-min-and-max-rule.test.js

@@ -52,7 +52,7 @@ describe('inputRangeMinAndMaxRule', () => {
     });
     expect(rule.evaluate(['0', '11'])).toEqual({
       isValid: false,
-      message: `The maximum input value is 10`,
+      message: { key: `The maximum input value is {0}`, args: [10] },
     });
   });
   test('return the correct evaluate result with zero maxValue', () => {
@@ -67,7 +67,7 @@ describe('inputRangeMinAndMaxRule', () => {
     });
     expect(rule.evaluate(['0', '11'])).toEqual({
       isValid: false,
-      message: `The maximum input value is 0`,
+      message: { key: `The maximum input value is {0}`, args: [0] },
     });
   });
   test('return the correct evaluate result with minValue', () => {
@@ -82,7 +82,7 @@ describe('inputRangeMinAndMaxRule', () => {
     });
     expect(rule.evaluate(['0', '11'])).toEqual({
       isValid: false,
-      message: `The minimum input value is 5`,
+      message: { key: `The minimum input value is {0}`, args: [5] },
     });
   });
   test('return the correct evaluate result with zero minValue', () => {
@@ -97,7 +97,7 @@ describe('inputRangeMinAndMaxRule', () => {
     });
     expect(rule.evaluate(['-1', '11'])).toEqual({
       isValid: false,
-      message: `The minimum input value is 0`,
+      message: { key: `The minimum input value is {0}`, args: [0] },
     });
   });
   test('return the invalid evaluate result as expected', () => {

package/dist/collection/helpers/validator/test/rules/max-number-rule.test.js

@@ -33,7 +33,7 @@ test('return evaluate result as expect if input type is number and value greater
   const stringInput = rule.evaluate(3);
   expect(stringInput).toEqual({
     isValid: false,
-    message: 'The maximum input value is 2',
+    message: { key: 'The maximum input value is {0}', args: [2] },
   });
 });
 test('return evaluate result as expect if input type is number and value less than max', () => {
@@ -57,7 +57,7 @@ test('return evaluate result as expect if input max value greater than default M
   const stringInput = rule.evaluate(1.79e309);
   expect(stringInput).toEqual({
     isValid: false,
-    message: 'The maximum input value is 1.7976931348623157e+308',
+    message: { key: 'The maximum input value is {0}', args: [Number.MAX_VALUE] },
   });
 });
 test('return evaluate result as expect if not set config', () => {
@@ -65,7 +65,7 @@ test('return evaluate result as expect if not set config', () => {
   const stringInput = rule.evaluate(1.79e309);
   expect(stringInput).toEqual({
     isValid: false,
-    message: 'The maximum input value is 1.7976931348623157e+308',
+    message: { key: 'The maximum input value is {0}', args: [Number.MAX_VALUE] },
   });
 });
 test('should not show error message if status is disabled or invisible', () => {

package/dist/collection/helpers/validator/test/rules/max-string-length-rule.test.js

@@ -29,7 +29,7 @@ test('return evaluate result as expect if input length greater than max', () =>
   const stringInput = rule.evaluate('hello');
   expect(stringInput).toEqual({
     isValid: false,
-    message: 'The maximum input length is 2',
+    message: { key: 'The maximum input length is {0}', args: [2] },
   });
 });
 test('return evaluate result as expect if input length less than max', () => {

package/dist/collection/helpers/validator/test/rules/min-and-max-date-rule.test.js

@@ -63,15 +63,15 @@ describe('minAndMaxDateRule', () => {
     const rule = new MinAndMaxDateRule({ maxDate: maxDate });
     expect(rule.evaluate('05/22/2022')).toEqual({
       isValid: false,
-      message: `The date should be earlier than ${maxDate}`,
+      message: { key: `The date should be earlier than {0}`, args: [maxDate] },
     });
     expect(rule.evaluate(['05/25/2022', '05/28/2022'])).toEqual({
       isValid: false,
-      message: `The start date should be earlier than ${maxDate}`,
+      message: { key: `The start date should be earlier than {0}`, args: [maxDate] },
     });
     expect(rule.evaluate(['05/11/2022', '05/25/2022'])).toEqual({
       isValid: false,
-      message: `The end date should be earlier than ${maxDate}`,
+      message: { key: `The end date should be earlier than {0}`, args: [maxDate] },
     });
   });
   test('return the valid evaluate result with minDate', () => {
@@ -95,11 +95,11 @@ describe('minAndMaxDateRule', () => {
     const rule = new MinAndMaxDateRule({ minDate: minDate });
     expect(rule.evaluate('05/11/2022')).toEqual({
       isValid: false,
-      message: `The date should be later than ${minDate}`,
+      message: { key: 'The date should be later than {0}', args: [minDate] },
     });
     expect(rule.evaluate(['05/12/2022', '05/22/2022'])).toEqual({
       isValid: false,
-      message: `The start date should be later than ${minDate}`,
+      message: { key: 'The start date should be later than {0}', args: [minDate] },
     });
   });
   test('return the invalid evaluate result as expected', () => {
@@ -108,23 +108,23 @@ describe('minAndMaxDateRule', () => {
     const rule = new MinAndMaxDateRule({ minDate: minDate, maxDate: maxDate });
     expect(rule.evaluate('05/01/2022')).toEqual({
       isValid: false,
-      message: `The date should be later than ${minDate}`,
+      message: { key: 'The date should be later than {0}', args: [minDate] },
     });
     expect(rule.evaluate('05/25/2022')).toEqual({
       isValid: false,
-      message: `The date should be earlier than ${maxDate}`,
+      message: { key: 'The date should be earlier than {0}', args: [maxDate] },
     });
     expect(rule.evaluate(['05/01/2022', '05/03/2022'])).toEqual({
       isValid: false,
-      message: `The start date should be later than ${minDate}`,
+      message: { key: 'The start date should be later than {0}', args: [minDate] },
     });
     expect(rule.evaluate(['05/21/2022', '05/26/2022'])).toEqual({
       isValid: false,
-      message: `The start date should be earlier than ${maxDate}`,
+      message: { key: 'The start date should be earlier than {0}', args: [maxDate] },
     });
     expect(rule.evaluate([minDate, '05/26/2022'])).toEqual({
       isValid: false,
-      message: `The end date should be earlier than ${maxDate}`,
+      message: { key: 'The end date should be earlier than {0}', args: [maxDate] },
     });
   });
   test('throw error as expected if set an unexpected type of input', () => {

package/dist/collection/helpers/validator/test/rules/min-number-rule.test.js

@@ -41,7 +41,7 @@ test('return evaluate result as expect if input type is number and value less th
   const stringInput = rule.evaluate(0);
   expect(stringInput).toEqual({
     isValid: false,
-    message: 'The minimum input value is 2',
+    message: { key: 'The minimum input value is {0}', args: [2] },
   });
 });
 test('return evaluate result as expect if input max value less than default MIN_VALUE', () => {
@@ -49,7 +49,7 @@ test('return evaluate result as expect if input max value less than default MIN_
   const stringInput = rule.evaluate(-1);
   expect(stringInput).toEqual({
     isValid: false,
-    message: 'The minimum input value is 0',
+    message: { key: 'The minimum input value is {0}', args: [0] },
   });
 });
 test('return evaluate result as expect if input max value greater than default MIN_VALUE', () => {

package/dist/collection/helpers/validator/test/rules/min-string-length-rule.test.js

@@ -29,7 +29,7 @@ test('return evaluate result as expect if input length less than min', () => {
   const stringInput = rule.evaluate('h');
   expect(stringInput).toEqual({
     isValid: false,
-    message: 'The minimum input length is 2',
+    message: { key: 'The minimum input length is {0}', args: [2] },
   });
 });
 test('return evaluate result as expect if input length greater than min', () => {

package/dist/collection/helpers/validator/test/rules/valid-phone-number-rule.test.js

@@ -29,7 +29,10 @@ describe('ValidPhoneNumberRule', () => {
     });
     expect(rule.evaluate('+13433111111')).toEqual({
       isValid: false,
-      message: `Phone number is valid but it belongs to country CA, not country US`,
+      message: {
+        key: 'Phone number is valid but it belongs to country {0}, not country {1}',
+        args: ['CA', 'US'],
+      },
     });
     expect(rule.evaluate('+134331111')).toEqual({
       isValid: false,

package/dist/collection/helpers/zindex/vega-z-index-manager.js

@@ -21,6 +21,7 @@ class VegaZIndexManager {
    * z-index values based on the input.
    *
    * @param {ZIndexBasicValues} input - The input parameter is of type ZIndexBasicValues.
+   * @vegaVersion 2.3.0
    */
   overrideZIndexBasicValues(input) {
     InternalVegaZIndexManager.overrideZIndexBasicValues(input);

package/dist/esm/{app-globals-60d012d3.js → app-globals-d0b86358.js}

@@ -1,13 +1,18 @@
-import { F as FeatureFlag } from './feature-flag-controller-9be58397.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager, d as VegaZIndexManager, w as waitForVega, e as VegaSkeletonLoader } from './vega-skeleton-loader-controller-0e2856d6.js';
+import { F as FeatureFlag } from './feature-flag-controller-10780eeb.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager, d as VegaZIndexManager, w as waitForVega, e as VegaSkeletonLoader } from './vega-skeleton-loader-controller-6fb25f3b.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaDialog } from './vega-dialog-controller-fb1a8e21.js';
+import { V as VegaDialog } from './vega-dialog-controller-3b905672.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { V as VegaIconManager } from './icon-manager-754cda3f.js';
+import { V as VegaIconManager } from './icon-manager-0f030f8a.js';
+import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-3b437b6d.js';
 import { T as TypographyUrls } from './typography-a8fc4764.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-232f2986.js';
+import { U as UPDATE_TRANSLATION } from './static-subject-title-6987a80b.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { O as Observer } from './observer-3959f9dd.js';
+import { f as forceUpdate } from './index-187f71d1.js';
 
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -94,16 +99,55 @@ class VegaWatchMethodCancelSlimmer extends VegaSlimmer {
     });
   }
 }
-__decorate([
+__decorate$1([
   MapToComponentMethod('connectedCallback')
 ], VegaWatchMethodCancelSlimmer.prototype, "connectedCallback", null);
-__decorate([
+__decorate$1([
   MapToComponentMethod('disconnectedCallback')
 ], VegaWatchMethodCancelSlimmer.prototype, "disconnectedCallback", null);
-__decorate([
+__decorate$1([
   MapToComponentMethod('componentDidLoad')
 ], VegaWatchMethodCancelSlimmer.prototype, "componentDidLoad", null);
 
+var __decorate = (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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Class responsible for observing translation updates and triggering re-renders.
+ */
+class VegaTranslateObserverSlimmer extends VegaSlimmer {
+  constructor(option) {
+    super();
+    this.component = option.component;
+  }
+  /**
+   * Component lifecycle - [connectedCallback]
+   * Registers an observer to watch for translation updates, which triggers a forced update on the component.
+   */
+  connectedCallback() {
+    const observer = new Observer(this.isAcceptable.bind(this), () => {
+      forceUpdate(this.component);
+    });
+    ChangeManager.register(UPDATE_TRANSLATION, observer);
+  }
+  /**
+   * Determines whether the observer should accept changes.
+   *
+   * @returns {boolean} Always returns true in the current implementation.
+   */
+  isAcceptable() {
+    var _a;
+    const host = this.component['host'];
+    return (_a = VegaInternalTranslation.getConnectedComponents().get(host.tagName)) === null || _a === void 0 ? void 0 : _a.has(host);
+  }
+}
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], VegaTranslateObserverSlimmer.prototype, "connectedCallback", null);
+
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -125,6 +169,7 @@ function appGlobalScript () {
   initRuntimeMetricsTelemetryCollection();
   injectWaitForVegaIntoGlobal();
   injectVegaSkeletonLoaderIntoGlobal();
+  injectVegaTranslationIntoGlobal();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -176,7 +221,7 @@ function injectVegaDialogIntoGlobal() {
  * register global vega slimmers
  */
 function registerGlobalVegaSlimmers() {
-  GlobalSlimmersRegistry.register([VegaWatchMethodCancelSlimmer]);
+  GlobalSlimmersRegistry.register([VegaWatchMethodCancelSlimmer, VegaTranslateObserverSlimmer]);
 }
 /**
  * Inject setEventSemantics to global as a public api
@@ -244,6 +289,13 @@ function injectWaitForVegaIntoGlobal() {
 function injectVegaSkeletonLoaderIntoGlobal() {
   globalThis.VegaSkeletonLoader = VegaSkeletonLoader;
 }
+/**
+ * Inject VegaTranslation to global as a public api
+ */
+function injectVegaTranslationIntoGlobal() {
+  globalThis.VegaTranslation = VegaTranslation;
+  globalThis.VegaTranslationResourceEN = staticTranslations;
+}
 
 const globalScripts = appGlobalScript;
 

package/dist/esm/{breakpoints-e59edf8d.js → breakpoints-36a3ed69.js}

@@ -1,4 +1,4 @@
-import { B as BreakpointKeys } from './ui-df46cc20.js';
+import { B as BreakpointKeys } from './ui-8424715a.js';
 
 /* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */

package/dist/esm/{child-nodes-event-prevent-slimmer-501cdd87.js → child-nodes-event-prevent-slimmer-345c46c5.js}

@@ -1,7 +1,7 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-722461c1.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { F as FeatureFlag } from './feature-flag-controller-9be58397.js';
+import { F as FeatureFlag } from './feature-flag-controller-10780eeb.js';
 
 var __decorate = (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;

package/dist/esm/{child-nodes-notify-observer-slimmer-c7b9d3b2.js → child-nodes-notify-observer-slimmer-3d52b843.js}

@@ -1,7 +1,7 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { O as Observer } from './dom-node-subject-observer-factory-926991a9.js';
+import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as isParent } from './ui-153f4ae7.js';
+import { i as isParent } from './ui-0132dbb5.js';
 
 var __decorate = (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;

package/dist/esm/{create-public-api-runtime-metrics-slimmer-dc9af92b.js → create-public-api-runtime-metrics-slimmer-928ad7f0.js}

@@ -1,6 +1,41 @@
 import { C as ConsumerSlimmers, S as SlimmerConsumedBy, a as SlimmerMappedMethod, b as CurrentlyInvokedMethodName, V as VegaSlimmer, L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { i as isObjectEmpty } from './misc-9fdbcfbb.js';
+
+/**
+ * returns a string that is a random UUID
+ *
+ * @returns {string} random UUID string.
+ */
+const generateUUID = () => {
+  return (Date.now() + Math.floor(Math.random() * 10000)).toString();
+};
+/**
+ * It returns true if the object is empty, and false if it's not.
+ *
+ * @param {unknown} object - The object to check if it's empty.
+ * @returns {boolean} A function that takes an object as an argument and returns a boolean.
+ */
+const isObjectEmpty = (object) => {
+  return object ? Object.keys(object).length === 0 : true;
+};
+/* istanbul ignore next */
+// eslint-disable-next-line @typescript-eslint/no-empty-function,@typescript-eslint/ban-types
+const AsyncFunction = (async () => { })['constructor'];
+/**
+ * The function `isAsyncFunction` checks if a given value is an asynchronous function.
+ *
+ * @param {unknown} fn - The `fn` parameter is the function that we want to check if it is an asynchronous function.
+ * @returns {boolean} a boolean value. It returns true if the input `fn` is an async function, and false otherwise.
+ */
+const isAsyncFunction = (fn) => {
+  if (typeof fn === 'function' &&
+    (fn[Symbol.toStringTag] === 'AsyncFunction' || fn instanceof AsyncFunction === true)) {
+    return true;
+  }
+  else {
+    return false;
+  }
+};
 
 /**
  * This decorator is used to re-define a field in a public API controller
@@ -165,4 +200,4 @@ function createPublicAPIRuntimeMetricsSlimmer(mapFromClass, watchMethodNames, in
   return createDynamicSlimmer(mapFromClass, VegaPublicAPIRuntimeMetricsSlimmerBase, [], methodsMap, [mapFromClass.name, initData]);
 }
 
-export { InjectVegaTelemetrySlimmer as I, createPublicAPIRuntimeMetricsSlimmer as c };
+export { InjectVegaTelemetrySlimmer as I, createPublicAPIRuntimeMetricsSlimmer as c, generateUUID as g, isAsyncFunction as i };