@globalpayments/vega 2.26.0 → 2.27.0

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-b5bc861f.js → app-globals-d0b86358.js}

@@ -1,13 +1,18 @@
-import { F as FeatureFlag } from './feature-flag-controller-a5fe5022.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-74e3d189.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-d3883004.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-a5fe5022.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-50cd94b9.js → child-nodes-notify-observer-slimmer-3d52b843.js}

@@ -1,5 +1,5 @@
 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-0d4b85b8.js';
+import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { i as isParent } from './ui-0132dbb5.js';
 

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 };

package/dist/esm/{design-token-44525832.js → design-token-3671ce60.js}

@@ -1,10 +1,10 @@
-import { i as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, j as isShadowsTokenType, f as Shadows, g as ShadowMap, k as isBorderTokenType, l as Borders, m as BorderMap, n as isSpacingTokenType, o as isBorderRadiusTokenType, p as isBackgroundColorTokenType, q as isTextColorTokenType, r as isBreakpointsTokenType, h as Spacing, s as isBorderStyleType, B as BorderRadius, C as Colors, t as isTypographyTokenType } from './type-guard-467c9e3e.js';
-import { B as Breakpoints } from './breakpoints-e59edf8d.js';
+import { i as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, j as isShadowsTokenType, f as Shadows, g as ShadowMap, k as isBorderTokenType, l as Borders, m as BorderMap, n as isSpacingTokenType, o as isBorderRadiusTokenType, p as isBackgroundColorTokenType, q as isTextColorTokenType, r as isBreakpointsTokenType, h as Spacing, s as isBorderStyleType, B as BorderRadius, C as Colors, t as isTypographyTokenType } from './type-guard-63caf78b.js';
+import { B as Breakpoints } from './breakpoints-36a3ed69.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-4488d609.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-5a1329a7.js';
 import { b as TypographyKeys } from './typography-a8fc4764.js';
-import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-de7e6522.js';
-import { a as BorderStyle } from './ui-df46cc20.js';
+import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-0540d006.js';
+import { a as BorderStyle } from './ui-8424715a.js';
 
 /**
  * The `StateBorderColorFormatter` class in TypeScript formats border color tokens based on

package/dist/esm/{dom-node-subject-observer-factory-0d4b85b8.js → dom-node-subject-observer-factory-9461cd67.js}

@@ -1,35 +1,7 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { O as Observer } from './observer-3959f9dd.js';
 import { i as isParent } from './ui-0132dbb5.js';
 
-/**
- *  An Observer is a class that has a listener method that accepts a value of type T
- *  and calls the listener method with a value of type T
- */
-class Observer {
-  /**
-   * It accepts a function that accepts a value and returns a boolean, and a function that accepts a value of the type that
-   * the first function accepts
-   *
-   * @typedef T generic type parameter
-   * @param {(input: unknown) => input is T} accept - A function that indicate if the input is acceptable by the observer
-   * @param {(input: T) => void} listener - A function handle the input for the observer if the input is accepted
-   */
-  constructor(accept, listener) {
-    this.accept = accept;
-    this.listener = listener;
-  }
-  /**
-   * If the input is of the type that this handler is interested in, then call the listener function
-   *
-   * @param {unknown} input - unknown
-   */
-  notify(input) {
-    if (this.accept(input)) {
-      this.listener(input);
-    }
-  }
-}
-
 /** The DomNodeSubject class represents a subject related to DOM nodes. */
 class DomNodeSubject {
   /**
@@ -163,4 +135,4 @@ class DomNodeSubjectObserverFactory {
   }
 }
 
-export { DomNodeSubjectObserverFactory as D, Observer as O, domNodeSubjectFactory as d };
+export { DomNodeSubjectObserverFactory as D, domNodeSubjectFactory as d };

package/dist/esm/{element-appender-slimmer-1aa00c06.js → element-appender-slimmer-1172e2ea.js}

@@ -1,11 +1,11 @@
 import { L as LogUtility, c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
-import { P as Placements, A as Alignments } from './ui-df46cc20.js';
-import { z as isTranslocationType } from './type-guard-467c9e3e.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-4488d609.js';
+import { P as Placements, A as Alignments } from './ui-8424715a.js';
+import { z as isTranslocationType } from './type-guard-63caf78b.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-5a1329a7.js';
 import { f as findParent, c as isElementVisible, i as isParent } from './ui-0132dbb5.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-0553458e.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
 
 /**
  * Get the position of the element in the container according to the target element and the placement

package/dist/esm/{event-emit-slimmer-0315fa00.js → event-emit-slimmer-eee9fd41.js}

@@ -1,7 +1,7 @@
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-722461c1.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{feature-flag-controller-a5fe5022.js → feature-flag-controller-10780eeb.js}

@@ -204,6 +204,7 @@ class FeatureFlagController {
    * This function enables the feature flags with the given keys.
    *
    * @param {FeatureFlagKey[]} featureFlagKeys - The feature flags to enable.
+   * @vegaVersion 1.3.0
    */
   enable(...featureFlagKeys) {
     featureFlagKeys.forEach((featureFlagKey) => {
@@ -217,6 +218,7 @@ class FeatureFlagController {
    * Disable the feature flags with the given keys.
    *
    * @param {FeatureFlagKey[]} featureFlagKeys - The feature flags to disable.
+   * @vegaVersion 1.3.0
    */
   disable(...featureFlagKeys) {
     featureFlagKeys.forEach((featureFlagKey) => {
@@ -231,6 +233,7 @@ class FeatureFlagController {
    *
    * @param {FeatureFlagKey} featureFlagKey - The feature flag key to check.
    * @returns {boolean} - True if the feature flag key is in the set of enabled feature flag keys, otherwise false.
+   * @vegaVersion 1.3.0
    */
   isEnabled(featureFlagKey) {
     return this.enabledFeatureFlagKeySet.has(featureFlagKey);

package/dist/esm/{form-field-controller-slimmer-bf7441bd.js → form-field-controller-slimmer-2f9c871b.js}

@@ -1,13 +1,15 @@
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { c as camelToDashCase } from './string-be824360.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory, O as Observer, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-0d4b85b8.js';
-import { c as FORM_FIELD_PENDING_VALID_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, b as FORM_ELEMENT_VALUE_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, f as FIELD_ERROR_MESSAGE_CHANGE, g as FORM_ELEMENT_VALIDATE } from './static-subject-title-2a4d6602.js';
+import { O as Observer } from './observer-3959f9dd.js';
+import { U as UPDATE_TRANSLATION, c as FORM_FIELD_PENDING_VALID_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, b as FORM_ELEMENT_VALUE_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, f as FIELD_ERROR_MESSAGE_CHANGE, g as FORM_ELEMENT_VALIDATE } from './static-subject-title-6987a80b.js';
 import { f as findParent, c as isElementVisible } from './ui-0132dbb5.js';
-import { a as isAsyncFunction, g as generateUUID } from './misc-9fdbcfbb.js';
+import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { V as VegaInternalFieldErrorStateChange, a as VegaInternalValid } from './vega-internal-event-id-7e05cf4a.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
+import { V as VegaInternalTranslation } from './translation-3b437b6d.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-9086b5cc.js';
 import { i as isArrayEqual } from './array-506b88b9.js';
@@ -257,25 +259,27 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
 /** The `FieldErrorUIControllerSlimmer` class is responsible for displaying error messages and managing the invalid UI state of a form field. */
 class FieldErrorUIControllerSlimmer extends VegaSlimmer {
   constructor() {
-    super(...arguments);
+    super();
     this.fieldErrorUiControllerStrategies = [
       new SiblingContainerNestedErrorContainerRetrievalStrategy(),
       new SiblingContainerSelfRetrievalStrategy(),
       new SiblingContainerErrorLabelContainerRetrievalStrategy(),
     ];
+    this.initTranslationObserver();
   }
   /**
    * It takes an error message and displays it in the error container.
    * TODO: Each component displays the error message and puts it in the code of the respective component.
    * The ticket is https://gethired.atlassian.net/browse/VD-2508
    *
-   * @param {string} errorMessage - The error message to display.
+   * @param {EvaluateResult['message']} errorMessage - The error message to display.
    */
   applyInputInvalidUI(errorMessage) {
+    this.errorMessage = errorMessage;
     const inputContainer = this.getInputElementContainer();
     if (errorMessage && inputContainer) {
       const errorContainer = this.getErrorContainer(inputContainer);
-      errorContainer.innerHTML = errorMessage;
+      errorContainer.innerHTML = this.getTranslatedMessage(errorMessage);
       errorContainer.classList.remove('vega-hidden');
       inputContainer.classList.add('error');
       ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalFieldErrorStateChange), {
@@ -290,6 +294,7 @@ class FieldErrorUIControllerSlimmer extends VegaSlimmer {
    * The ticket is https://gethired.atlassian.net/browse/VD-2508
    */
   resetInputInvalidUI() {
+    this.errorMessage = '';
     const inputContainer = this.getInputElementContainer();
     if (inputContainer) {
       const errorContainer = this.getErrorContainer(inputContainer);
@@ -323,6 +328,43 @@ class FieldErrorUIControllerSlimmer extends VegaSlimmer {
       }
     }
   }
+  /**
+   * Translates a given message based on its type.
+   *
+   * @param {EvaluateResult['message'] | EvaluateResultTranslation['message']} message - The message to be translated, which can be a string or a TranslationMessage.
+   * @returns {string} The translated message.
+   */
+  getTranslatedMessage(message) {
+    if (typeof message === 'string') {
+      return VegaInternalTranslation.t(message);
+    }
+    return VegaInternalTranslation.t(message.key, ...(message.args || []));
+  }
+  /**
+   * Init translation observer of translation language changes
+   */
+  initTranslationObserver() {
+    const observer = new Observer(this.isAcceptableTranslationObserver.bind(this), () => {
+      if (!this.errorMessage)
+        return;
+      const inputContainer = this.getInputElementContainer();
+      if (inputContainer) {
+        const errorContainer = this.getErrorContainer(inputContainer);
+        if (errorContainer) {
+          errorContainer.innerHTML = this.getTranslatedMessage(this.errorMessage);
+        }
+      }
+    });
+    ChangeManager.register(UPDATE_TRANSLATION, observer);
+  }
+  /**
+   * Determines whether the observer should accept changes.
+   *
+   * @returns {boolean} Always returns true in the current implementation.
+   */
+  isAcceptableTranslationObserver() {
+    return true;
+  }
 }
 __decorate$4([
   MapToComponentField()