@heartlandone/vega 2.25.0 → 2.27.0

package/dist/cjs/{app-globals-3b59f0a2.js → app-globals-190595cc.js}

@@ -1,15 +1,20 @@
 'use strict';
 
-const featureFlagController = require('./feature-flag-controller-0e5235e1.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-cb631f0e.js');
+const featureFlagController = require('./feature-flag-controller-078da332.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-e886dc58.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const vegaDialogController = require('./vega-dialog-controller-cb07e697.js');
+const vegaDialogController = require('./vega-dialog-controller-6a8525b3.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const iconManager = require('./icon-manager-2c3cf5ba.js');
+const iconManager = require('./icon-manager-5a2b67cf.js');
+const translation = require('./translation-77e9ccce.js');
 const typography = require('./typography-4560e7f1.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-8d8f04f1.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const observer = require('./observer-f49483e8.js');
+const index = require('./index-09acd3c9.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;
@@ -96,16 +101,55 @@ class VegaWatchMethodCancelSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     });
   }
 }
-__decorate([
+__decorate$1([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaWatchMethodCancelSlimmer.prototype, "connectedCallback", null);
-__decorate([
+__decorate$1([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaWatchMethodCancelSlimmer.prototype, "disconnectedCallback", null);
-__decorate([
+__decorate$1([
   globalSlimmerRegistry.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 globalSlimmerRegistry.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$1 = new observer.Observer(this.isAcceptable.bind(this), () => {
+      index.forceUpdate(this.component);
+    });
+    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer$1);
+  }
+  /**
+   * 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 = translation.VegaInternalTranslation.getConnectedComponents().get(host.tagName)) === null || _a === void 0 ? void 0 : _a.has(host);
+  }
+}
+__decorate([
+  globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
+], VegaTranslateObserverSlimmer.prototype, "connectedCallback", null);
+
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -127,6 +171,7 @@ function appGlobalScript () {
   initRuntimeMetricsTelemetryCollection();
   injectWaitForVegaIntoGlobal();
   injectVegaSkeletonLoaderIntoGlobal();
+  injectVegaTranslationIntoGlobal();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -178,7 +223,7 @@ function injectVegaDialogIntoGlobal() {
  * register global vega slimmers
  */
 function registerGlobalVegaSlimmers() {
-  globalSlimmerRegistry.GlobalSlimmersRegistry.register([VegaWatchMethodCancelSlimmer]);
+  globalSlimmerRegistry.GlobalSlimmersRegistry.register([VegaWatchMethodCancelSlimmer, VegaTranslateObserverSlimmer]);
 }
 /**
  * Inject setEventSemantics to global as a public api
@@ -246,6 +291,13 @@ function injectWaitForVegaIntoGlobal() {
 function injectVegaSkeletonLoaderIntoGlobal() {
   globalThis.VegaSkeletonLoader = vegaSkeletonLoaderController.VegaSkeletonLoader;
 }
+/**
+ * Inject VegaTranslation to global as a public api
+ */
+function injectVegaTranslationIntoGlobal() {
+  globalThis.VegaTranslation = translation.VegaTranslation;
+  globalThis.VegaTranslationResourceEN = translation.staticTranslations;
+}
 
 const globalScripts = appGlobalScript;
 

package/dist/cjs/{breakpoints-cb3291ba.js → breakpoints-7e2dff90.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const ui = require('./ui-077fc009.js');
+const ui = require('./ui-32e69595.js');
 
 /* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */

package/dist/cjs/{child-nodes-event-prevent-slimmer-35bb64e4.js → child-nodes-event-prevent-slimmer-e383a914.js}

@@ -3,7 +3,7 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-627b1328.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const featureFlagController = require('./feature-flag-controller-0e5235e1.js');
+const featureFlagController = require('./feature-flag-controller-078da332.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/cjs/{child-nodes-notify-observer-slimmer-ce6eb329.js → child-nodes-notify-observer-slimmer-79f2f5a7.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
+const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const ui = require('./ui-08f33116.js');
 
@@ -64,7 +64,7 @@ class ChildNodesNotifyObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer
    */
   connectedCallback() {
     if (this.subject) {
-      this.notifyObserver = new domNodeSubjectObserverFactory.Observer(this.isAcceptableObserverPayload.bind(this), this.handleObserver);
+      this.notifyObserver = new observer.Observer(this.isAcceptableObserverPayload.bind(this), this.handleObserver);
       changeManager.ChangeManager.register(this.subject, this.notifyObserver);
     }
   }

package/dist/cjs/{create-public-api-runtime-metrics-slimmer-d2d49ff5.js → create-public-api-runtime-metrics-slimmer-7510221b.js}

@@ -2,7 +2,42 @@
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const misc = require('./misc-3d30df91.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
@@ -135,7 +170,7 @@ class VegaPublicAPIRuntimeMetricsSlimmerBase extends globalSlimmerRegistry.VegaS
       .forEach((definitions) => {
       payloadData[definitions.payloadKey] = definitions.payloadValue(args);
     });
-    if (misc.isObjectEmpty(payloadData)) {
+    if (isObjectEmpty(payloadData)) {
       return null;
     }
     return {
@@ -169,3 +204,5 @@ function createPublicAPIRuntimeMetricsSlimmer(mapFromClass, watchMethodNames, in
 
 exports.InjectVegaTelemetrySlimmer = InjectVegaTelemetrySlimmer;
 exports.createPublicAPIRuntimeMetricsSlimmer = createPublicAPIRuntimeMetricsSlimmer;
+exports.generateUUID = generateUUID;
+exports.isAsyncFunction = isAsyncFunction;

package/dist/cjs/{design-token-2c2cdd7d.js → design-token-17b8e4d8.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-const typeGuard = require('./type-guard-4d05d4b2.js');
-const breakpoints = require('./breakpoints-cb3291ba.js');
+const typeGuard = require('./type-guard-a07b353b.js');
+const breakpoints = require('./breakpoints-7e2dff90.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7bc51a43.js');
 const typography = require('./typography-4560e7f1.js');
-const stateBackgroundColorFormatter = require('./state-background-color-formatter-33ae4282.js');
-const ui = require('./ui-077fc009.js');
+const stateBackgroundColorFormatter = require('./state-background-color-formatter-418b84e6.js');
+const ui = require('./ui-32e69595.js');
 
 /**
  * The `StateBorderColorFormatter` class in TypeScript formats border color tokens based on

package/dist/cjs/{dom-node-subject-observer-factory-92271bc0.js → dom-node-subject-observer-factory-2e41340d.js}

@@ -1,35 +1,8 @@
 'use strict';
 
 const changeManager = require('./change-manager-a297e4d2.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);
-    }
-  }
-}
+const observer = require('./observer-f49483e8.js');
+const ui = require('./ui-08f33116.js');
 
 /** The DomNodeSubject class represents a subject related to DOM nodes. */
 class DomNodeSubject {
@@ -58,7 +31,7 @@ class DomNodeSubject {
 /** The `DomNodesSubjectFactory` class is responsible for managing and caching `DomNodeSubject` objects associated with HTML elements. */
 class DomNodeSubjectFactory {
   constructor() {
-    this.cache = new WeakMap();
+    this.cache = new Map();
   }
   /**
    * The function `getSubject` returns the subject associated with a given node and event ID, either from the cache or by setting it if it doesn't exist.
@@ -90,6 +63,23 @@ class DomNodeSubjectFactory {
     }
     return false;
   }
+  /**
+   * The function find if the parent of a given node exists in the cache and if it has a specific event ID.
+   *
+   * @param {HTMLElement} childNode - Child node.
+   * @param {VegaEventIDInterface} eventId - eventId.
+   * @returns {DomNodeSubject} - Parent node subject.
+   */
+  getSubjectFromParentNodeByEventId(childNode, eventId) {
+    let subject;
+    for (const entry of this.cache) {
+      if (ui.isParent(childNode, entry[0]) && entry[1].has(eventId)) {
+        subject = entry[1].get(eventId);
+        break;
+      }
+    }
+    return subject;
+  }
   /**
    * The function `setSubject` creates a new `DomNodeSubject` and associates it with a given `node` and `eventId`, and then returns the created subject.
    *
@@ -129,7 +119,7 @@ class DomNodeSubjectObserverFactory {
    */
   static addUniqueObserverToNode(node, eventId, callback, acceptableHandle) {
     if (node) {
-      const domNodesObserver = new Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
+      const domNodesObserver = new observer.Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
       DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(node, eventId);
       changeManager.ChangeManager.register(domNodeSubjectFactory.getSubject(node, eventId), domNodesObserver);
     }
@@ -148,5 +138,4 @@ class DomNodeSubjectObserverFactory {
 }
 
 exports.DomNodeSubjectObserverFactory = DomNodeSubjectObserverFactory;
-exports.Observer = Observer;
 exports.domNodeSubjectFactory = domNodeSubjectFactory;

package/dist/cjs/{element-appender-slimmer-5fa9ff52.js → element-appender-slimmer-bf5ecbd8.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const ui = require('./ui-077fc009.js');
-const typeGuard = require('./type-guard-4d05d4b2.js');
-const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
+const ui = require('./ui-32e69595.js');
+const typeGuard = require('./type-guard-a07b353b.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7bc51a43.js');
 const ui$1 = require('./ui-08f33116.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
 
 /**
  * Get the position of the element in the container according to the target element and the placement

package/dist/cjs/{event-emit-slimmer-373ef08c.js → event-emit-slimmer-8f51adaa.js}

@@ -3,7 +3,7 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-627b1328.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/{feature-flag-controller-0e5235e1.js → feature-flag-controller-078da332.js}

@@ -180,6 +180,11 @@ const FeatureFlagsMap = {
     createdTimestamp: 1727232497961,
     createdAtVersion: '2.21.0',
   },
+  'VEGA_LEFT_NAV.DISABLE_ANIMATION_ON_LOAD': {
+    description: `Feature flag that disables the transition animation of the left nav.`,
+    createdTimestamp: 1730361348399,
+    createdAtVersion: '2.26.0',
+  },
 };
 const FeatureFlagsMap$1 = Object.freeze(FeatureFlagsMap);
 
@@ -201,6 +206,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) => {
@@ -214,6 +220,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) => {
@@ -228,6 +235,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/cjs/{form-field-controller-slimmer-60346732.js → form-field-controller-slimmer-ee984eb2.js}

@@ -3,13 +3,15 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const string = require('./string-21427167.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-92271bc0.js');
-const staticSubjectTitle = require('./static-subject-title-41c88385.js');
+const observer = require('./observer-f49483e8.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const ui = require('./ui-08f33116.js');
-const misc = require('./misc-3d30df91.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ac20ea74.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
+const vegaInternalEventId = require('./vega-internal-event-id-c98e9a7d.js');
+const translation = require('./translation-77e9ccce.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-79b60f28.js');
 const array = require('./array-6e559cde.js');
@@ -35,7 +37,7 @@ class FormFieldValidationRuleHandler {
   getStatus(input, status, statusChanged) {
     return {
       canEvaluate: this.rule.canEvaluate(input, status, statusChanged),
-      isAsync: misc.isAsyncFunction(this.rule.evaluate),
+      isAsync: createPublicApiRuntimeMetricsSlimmer.isAsyncFunction(this.rule.evaluate),
     };
   }
   /**
@@ -161,7 +163,7 @@ class FormFieldValidationRuleHandlerChain {
    * @returns {string} the UUID (string)
    */
   preProcess() {
-    const UUID = misc.generateUUID();
+    const UUID = createPublicApiRuntimeMetricsSlimmer.generateUUID();
     this.processId = UUID;
     return UUID;
   }
@@ -259,25 +261,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 globalSlimmerRegistry.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.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), {
@@ -292,6 +296,7 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.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);
@@ -325,6 +330,43 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.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 translation.VegaInternalTranslation.t(message);
+    }
+    return translation.VegaInternalTranslation.t(message.key, ...(message.args || []));
+  }
+  /**
+   * Init translation observer of translation language changes
+   */
+  initTranslationObserver() {
+    const observer$1 = new observer.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.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer$1);
+  }
+  /**
+   * Determines whether the observer should accept changes.
+   *
+   * @returns {boolean} Always returns true in the current implementation.
+   */
+  isAcceptableTranslationObserver() {
+    return true;
+  }
 }
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
@@ -647,7 +689,7 @@ class FormFieldController {
    * When that event is fired, the `updateIsModified` function is called with the argument `true`
    */
   setupModifiedListener() {
-    this.hostValueChangeObserver = new domNodeSubjectObserverFactory.Observer(this.isCurrentTarget.bind(this), () => this.updateIsModified(true));
+    this.hostValueChangeObserver = new observer.Observer(this.isCurrentTarget.bind(this), () => this.updateIsModified(true));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_ELEMENT_VALUE_CHANGE, this.hostValueChangeObserver);
   }
   /**
@@ -700,7 +742,7 @@ class FormFieldController {
    * reset operation is triggered
    */
   initFormResetObserver() {
-    this.formResetTriggeredObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
+    this.formResetTriggeredObserver = new observer.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
   }
   /**
@@ -800,7 +842,7 @@ class FieldErrorControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * register the observer when the slimmer method called
    */
   handleComponentWillLoadByFieldErrorSlimmer() {
-    this.fieldErrorMessageChangeObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptFieldErrorMessageUpdate.bind(this), this.handleFieldErrorMessageUpdate);
+    this.fieldErrorMessageChangeObserver = new observer.Observer(this.canAcceptFieldErrorMessageUpdate.bind(this), this.handleFieldErrorMessageUpdate);
     changeManager.ChangeManager.register(staticSubjectTitle.FIELD_ERROR_MESSAGE_CHANGE, this.fieldErrorMessageChangeObserver);
   }
   /**

package/dist/cjs/{icon-manager-2c3cf5ba.js → icon-manager-5a2b67cf.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 require('./global-slimmer-registry-b3bce7e0.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 
 const VegaIconManagerRuntimeMetricsPayloadDefinition = [
   {
@@ -84,6 +84,7 @@ class IconManager {
    * Registers the icons into the map.
    *
    * @param {Record<string, string>} icons - icon records
+   * @vegaVersion 2.13.0
    */
   register(icons) {
     for (const key in icons) {
@@ -97,6 +98,7 @@ class IconManager {
    *
    * @param {string} name - The name of the icon
    * @returns {Nullable<string>} returns the icon svg or null if not found
+   * @vegaVersion 2.13.0
    */
   getIcon(name) {
     return this.icons.get(name);
@@ -106,6 +108,7 @@ class IconManager {
    *
    * @param {string} name - The name of the icon
    * @returns {boolean} returns true if the icon exists
+   * @vegaVersion 2.13.0
    */
   hasIcon(name) {
     return this.icons.has(name);

package/dist/cjs/index.cjs.js

@@ -2,34 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const breakpoints = require('./breakpoints-cb3291ba.js');
+const breakpoints = require('./breakpoints-7e2dff90.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const designToken = require('./design-token-2c2cdd7d.js');
+const designToken = require('./design-token-17b8e4d8.js');
 const string = require('./string-21427167.js');
-const typeGuard = require('./type-guard-4d05d4b2.js');
+const typeGuard = require('./type-guard-a07b353b.js');
 const icons = require('./icons-dbc3eb9c.js');
 const typography = require('./typography-4560e7f1.js');
-const ui = require('./ui-077fc009.js');
+const ui = require('./ui-32e69595.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-cb631f0e.js');
-const featureFlagController = require('./feature-flag-controller-0e5235e1.js');
-const vegaDialogController = require('./vega-dialog-controller-cb07e697.js');
+const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-e886dc58.js');
+const featureFlagController = require('./feature-flag-controller-078da332.js');
+const vegaDialogController = require('./vega-dialog-controller-6a8525b3.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-627b1328.js');
-const iconManager = require('./icon-manager-2c3cf5ba.js');
+const iconManager = require('./icon-manager-5a2b67cf.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-8d8f04f1.js');
-require('./responsive-format-facade-aa849dc7.js');
+const translation = require('./translation-77e9ccce.js');
+require('./responsive-format-facade-7bc51a43.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
-require('./state-background-color-formatter-33ae4282.js');
+require('./state-background-color-formatter-418b84e6.js');
 require('./regex-c1f70fd4.js');
-require('./misc-3d30df91.js');
-require('./ui-08f33116.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
+require('./ui-08f33116.js');
 require('./internal-vega-z-index-manager-23051df4.js');
-require('./page-resize-observer-slimmer-1e404fc7.js');
+require('./page-resize-observer-slimmer-a8cf1874.js');
 require('./index-5792390b.js');
 require('./vega-event-id-e40ac8f0.js');
+require('./change-manager-a297e4d2.js');
+require('./static-subject-title-3599787e.js');
 
 /* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */
@@ -89,4 +91,6 @@ exports.VegaDialog = vegaDialogController.VegaDialog;
 exports.VegaJQueryDelegatedEventStrategy = internalVegaEventManager.BaseStrategy;
 exports.VegaIconManager = iconManager.VegaIconManager;
 exports.ValidCreditCardNumberRule = validCreditCardNumberRule.ValidCreditCardNumberRule;
+exports.VegaTranslation = translation.VegaTranslation;
+exports.VegaTranslationResourceEN = translation.staticTranslations;
 exports.Rings = Rings;

package/dist/cjs/{internal-icon-manager-3dd4faeb.js → internal-icon-manager-858baff1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const iconManager = require('./icon-manager-2c3cf5ba.js');
+const iconManager = require('./icon-manager-5a2b67cf.js');
 
 /**
  * Internal icon manager