@globalpayments/vega 2.25.0 → 2.27.0

package/dist/esm/vega-input-phone-number.entry.js

@@ -2,32 +2,33 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { e as VegaChange, z as VegaCountryChange } from './vega-event-id-7465a011.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
-import { s as staticRemoteInvocationCallRegistry } from './static-remote-invocation-call-registry-651b0701.js';
-import { D as DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, h as DROPDOWN_SEARCH_INTERNAL_OVERRIDEN, b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-9671142a.js';
+import { r as remoteInvocationRegistry } from './remote-invocation-registry-1682b34e.js';
+import { d as VegaDropdownRenderItemInternalOverridden, e as VegaDropdownSearchInternalOverridden } from './vega-internal-event-id-7e05cf4a.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-6987a80b.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
-import './icon-manager-754cda3f.js';
-import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-2f9c871b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-345c46c5.js';
+import './observer-3959f9dd.js';
+import './ui-0132dbb5.js';
+import './icon-manager-0f030f8a.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
 import './dynamic-slimmer-90b8af32.js';
-import './misc-9fdbcfbb.js';
 import './string-be824360.js';
-import './ui-153f4ae7.js';
-import './vega-internal-event-id-809b4ec8.js';
-import './page-resize-observer-slimmer-8caeb03b.js';
-import './breakpoints-e59edf8d.js';
-import './ui-df46cc20.js';
+import './translation-3b437b6d.js';
+import './page-resize-observer-slimmer-994c1e1b.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
 import './number-e2519d1c.js';
 import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-10780eeb.js';
 import './index-0863eec6.js';
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -8471,7 +8472,7 @@ class CountrySelectRenderer extends VegaSlimmer {
           (e) => {
             this.handleCountrySelectChange(e.detail);
           });
-          staticRemoteInvocationCallRegistry.register(DROPDOWN_RENDER_ITEM_INTERNAL_OVERRIDEN, this.renderDropdownItem.bind(this));
+          remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaDropdownRenderItemInternalOverridden), this.renderDropdownItem.bind(this));
         }, value: this.countryCode })));
   }
   /*
@@ -8528,6 +8529,9 @@ class CountrySelectRenderer extends VegaSlimmer {
   VegaInternalIconManager.register(CountryFlags);
 })();
 CountrySelectRenderer.allCountries = COUNTRIES;
+__decorate$4([
+  MapToComponentField()
+], CountrySelectRenderer.prototype, "host", void 0);
 __decorate$4([
   MapToComponentField()
 ], CountrySelectRenderer.prototype, "size", void 0);
@@ -8662,11 +8666,26 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  * countryCode properties.
  */
 class CountrySelectController extends VegaSlimmer {
+  /**
+   * Component lifecycle - connectedCallback
+   */
+  connectedCallback() {
+    this.registerRemoteDropdownSearch();
+  }
+  /**
+   * The function `setCountryCode` sets the countryCode property of an object to the specified VegaCountryCode value.
+   *
+   * @param {VegaCountryCode} countryCode - The `countryCode` parameter is of type `VegaCountryCode`, which is likely a
+   * custom data type representing a country code.
+   */
+  setCountryCode(countryCode) {
+    this.countryCode = countryCode;
+  }
   /**
    * Registers a remote invocation call for a dropdown search.
    */
-  static registerRemoteDropdownSearch() {
-    staticRemoteInvocationCallRegistry.register(DROPDOWN_SEARCH_INTERNAL_OVERRIDEN, this.filterDropdownSourcesBySearchString.bind(this));
+  registerRemoteDropdownSearch() {
+    remoteInvocationRegistry.register(domNodeSubjectFactory.getSubject(this.host, VegaDropdownSearchInternalOverridden), this.filterDropdownSourcesBySearchString.bind(this));
   }
   /**
    * Remote invocation call for a dropdown search.
@@ -8675,27 +8694,23 @@ class CountrySelectController extends VegaSlimmer {
    * @param {string} searchString - Searching string of dropdown.
    * @returns  {DropdownSourceItem[]}  The searched source.
    */
-  static filterDropdownSourcesBySearchString(source, searchString) {
+  filterDropdownSourcesBySearchString(source, searchString) {
     return source.filter((item) => `${COUNTRIES[item.key].toLowerCase()} +${item.label}`
       .toLowerCase()
       .includes(searchString.toLowerCase()));
   }
-  /**
-   * The function `setCountryCode` sets the countryCode property of an object to the specified VegaCountryCode value.
-   *
-   * @param {VegaCountryCode} countryCode - The `countryCode` parameter is of type `VegaCountryCode`, which is likely a
-   * custom data type representing a country code.
-   */
-  setCountryCode(countryCode) {
-    this.countryCode = countryCode;
-  }
 }
 CountrySelectController.defaultCountryCode = 'US';
 CountrySelectController.defaultAllowedCountryCodes = getCountries();
 __decorate$2([
   MapToComponentField({ writable: true })
 ], CountrySelectController.prototype, "countryCode", void 0);
-CountrySelectController.registerRemoteDropdownSearch();
+__decorate$2([
+  MapToComponentField()
+], CountrySelectController.prototype, "host", void 0);
+__decorate$2([
+  MapToComponentMethod('connectedCallback')
+], CountrySelectController.prototype, "connectedCallback", null);
 
 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;
@@ -8732,19 +8747,23 @@ class VegaInputPhoneNumberValueController extends VegaSlimmer {
     this.updateValue(this.value);
   }
   /**
-   * The `watchValue` function emits a change event with the provided value and notifies the
-   * ChangeManager about the form element value change.
+   * The `watchValue` function updates a value and emits change events based on certain conditions.
    *
-   * @param {string} value - The `value` parameter is a string that represents the value being watched or
-   * monitored.
+   * @param {string} newValue - The `newValue` parameter represents the new value that is being watched
+   * for changes.
+   * @param {string} oldValue - The `oldValue` parameter in the `watchValue` function represents the
+   * previous value before the update. It is used to compare with the new value (`newValue`) to determine
+   * if there has been a change in the value.
    */
-  watchValue(value) {
-    this.updateValue(value);
-    this.changeEventEmitter.emit(value);
-    ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
-      host: this.host,
-      detail: value,
-    });
+  watchValue(newValue, oldValue) {
+    this.updateValue(newValue);
+    if (oldValue && oldValue !== this.value) {
+      this.changeEventEmitter.emit(this.value);
+      ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
+        host: this.host,
+        detail: this.value,
+      });
+    }
   }
   /**
    * The function `getCallingCodePrefix` returns the calling code prefix for a given country code.
@@ -8855,7 +8874,7 @@ 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,
@@ -8864,7 +8883,7 @@ class ValidPhoneNumberRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -8875,7 +8894,7 @@ 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());
@@ -8923,7 +8942,7 @@ 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
@@ -8938,7 +8957,10 @@ 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`);
@@ -8964,7 +8986,7 @@ class InputPhoneNumberRequiredRule {
    * It checks if the input is a valid value.
    *
    * @param {unknown} 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)) {
@@ -9069,32 +9091,32 @@ const VegaInputPhoneNumber = class {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the input field.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.label = '';
     /**
      * Specifies the size of the phone number input field.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.size = 'default';
     /**
      * Determines whether the phone number input field is required.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
      * Determines whether the phone number input field is disabled.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.disabled = false;
     /**
      * Specifies the default country calling code using the two-letter uppercase country code.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.countryCode = CountrySelectController.defaultCountryCode;
@@ -9103,27 +9125,28 @@ const VegaInputPhoneNumber = class {
      *
      * Note: By default, 245 codes are provided, but loading all of them may take time. To improve performance, it is recommended to include only the necessary codes.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.allowedCountryCodes = CountrySelectController.defaultAllowedCountryCodes;
     /**
      * Specifies the value of the phone number input in [E.164]{@link https://en.wikipedia.org/wiki/E.164} format.
      *
-     * @version 2.18.0
+     * @VegaWarning Note: The input phone number field will always have a value. If no phone number is entered, the default format is `+{default_country_code}`. For example, if the default country code is US, the default value will be `+1`.
+     * @vegaVersion 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = `+${getCountryCallingCode(this.countryCode)}`;
     /**
      * Specifies custom validation rules for the phone number input field.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.validationRules = [];
     /**
      * Indicates whether the current value in the field is considered valid
      *    based on the defined validation rules.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -9131,20 +9154,20 @@ const VegaInputPhoneNumber = class {
      * Determines whether the phone number input field should undergo automatic validation
      *    during the user's input.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.autoValidation = true;
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the input field.
      *
-     * @version 2.18.0
+     * @vegaVersion 2.18.0
      */
     this.hint = '';
   }
   watchCountryCode(newCountryCode, oldCountryCode) {
   }
-  watchValue(value) {
+  watchValue(newValue, oldValue) {
   }
   watchValidationRules() {
   }

package/dist/esm/vega-input-range.entry.js

@@ -2,29 +2,32 @@ import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
 import { e as VegaChange } from './vega-event-id-7465a011.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-2f9c871b.js';
 import { i as isArrayEqual } from './array-506b88b9.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
-import { g as getDeviceType, D as DeviceType } from './ui-153f4ae7.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-6987a80b.js';
+import { g as getDeviceType, D as DeviceType } from './ui-0132dbb5.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-345c46c5.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
+import { T as TranslationSlimmer } from './translation-slimmer-c740a5f3.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-722461c1.js';
 import './string-be824360.js';
-import './misc-9fdbcfbb.js';
-import './vega-internal-event-id-809b4ec8.js';
-import './page-resize-observer-slimmer-8caeb03b.js';
-import './breakpoints-e59edf8d.js';
-import './ui-df46cc20.js';
+import './observer-3959f9dd.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
+import './vega-internal-event-id-7e05cf4a.js';
+import './translation-3b437b6d.js';
+import './page-resize-observer-slimmer-994c1e1b.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './number-e2519d1c.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-9be58397.js';
+import './feature-flag-controller-10780eeb.js';
 import './index-0863eec6.js';
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -263,7 +266,7 @@ class VegaInputRangeInputRenderer extends VegaSlimmer {
    */
   getPlaceholderByIndex(index) {
     const placeholder = this.placeholder || VegaInputRangeInputRenderer.defaultPlaceholder;
-    return placeholder[index];
+    return this.translationSlimmer.t(placeholder[index]);
   }
   /**
    * get the input value by the input range index
@@ -307,6 +310,9 @@ __decorate$2([
 __decorate$2([
   MapToComponentField()
 ], VegaInputRangeInputRenderer.prototype, "clearIconRenderer", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaInputRangeInputRenderer.prototype, "translationSlimmer", void 0);
 
 /**
  * A rule that checks if input range is empty or not
@@ -318,7 +324,7 @@ class InputRangeRequiredRule {
    * It checks if the input is a valid value.
    *
    * @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)) {
@@ -382,7 +388,7 @@ class InputRangeMinAndMaxRule {
      * Generate an invalid result
      *
      * @param {string} message Error message
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.invalidResult = (message) => ({
       isValid: false,
@@ -391,7 +397,7 @@ class InputRangeMinAndMaxRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -417,7 +423,7 @@ class InputRangeMinAndMaxRule {
    * max range
    *
    * @param {string[]} input - The value of the input range.
-   * @returns  {EvaluateResult} - The result of the evaluation.
+   * @returns  {EvaluateResultTranslation} - The result of the evaluation.
    */
   evaluate(input) {
     if (!this.isAcceptedInputType(input)) {
@@ -426,11 +432,11 @@ class InputRangeMinAndMaxRule {
     const startValue = Number(input[0]), endValue = Number(input[1]);
     if (this.minValue !== null &&
       ((input[0] !== '' && startValue < this.minValue) || (input[1] !== '' && endValue < this.minValue))) {
-      return this.invalidResult(`The minimum input value is ${this.minValue}`);
+      return this.invalidResult({ key: 'The minimum input value is {0}', args: [this.minValue] });
     }
     if (this.maxValue !== null &&
       ((input[0] !== '' && startValue > this.maxValue) || (input[1] !== '' && endValue > this.maxValue))) {
-      return this.invalidResult(`The maximum input value is ${this.maxValue}`);
+      return this.invalidResult({ key: 'The maximum input value is {0}', args: [this.maxValue] });
     }
     if (input[0] !== '' && input[1] !== '' && startValue > endValue) {
       return this.invalidResult(`The end value should be greater than the start value`);
@@ -534,6 +540,7 @@ const VegaInputRange = class {
     this.vegaChange = createEvent(this, "vegaChange", 7);
     this.change = createEvent(this, "change", 7);
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -573,7 +580,7 @@ const VegaInputRange = class {
      * It provides descriptive text that helps identify the
      *    purpose or content expected in the input field.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.label = '';
     /**
@@ -586,32 +593,32 @@ const VegaInputRange = class {
      * If the value is too long, it may be truncated with
      *    an ellipsis for visual presentation.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = ['', ''];
     /**
      * Determines whether the clear icon should be displayed.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.showClearIcon = true;
     /**
      * Sets the minimum allowable numeric value for the input value.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.min = null;
     /**
      * Sets the maximum allowable numeric value for the input value.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.max = null;
     /**
      * Determines whether the input range is required.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
@@ -619,7 +626,7 @@ const VegaInputRange = class {
      * Indicates whether the current value in the field is considered valid
      *    based on the defined validation rules.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -627,20 +634,20 @@ const VegaInputRange = class {
      * Determines whether the input field should undergo automatic validation
      *    during the user's input.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.autoValidation = true;
     /**
      * Defines custom validation rules for the input field.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.validationRules = [];
     /**
      * Defines the size of the input range,
      *    specifying its width or length.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.size = 'default';
     /**
@@ -649,27 +656,27 @@ const VegaInputRange = class {
      *
      * It indicates the expected format or pattern of the input.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.placeholder = ['Minimum', 'Maximum'];
     /**
      * Determines whether the input range is disabled.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.disabled = false;
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value for the input field.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.hint = '';
     /**
      * Determines the arrangement and appearance of
      *    the label and input areas.
      *
-     * @version 2.2.0
+     * @vegaVersion 2.2.0
      */
     this.stack = 'vertical';
   }
@@ -703,6 +710,9 @@ const VegaInputRange = class {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaInputRange.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputRange.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputRange.prototype, "formFieldController", void 0);