@globalpayments/vega 2.26.0 → 2.27.0

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

@@ -6,29 +6,32 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8b314ba2.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ee984eb2.js');
 const array = require('./array-6e559cde.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const ui = require('./ui-08f33116.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc557cb3.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
 const accessibility = require('./accessibility-bfa227f6.js');
+const translationSlimmer = require('./translation-slimmer-8ebf126d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./string-21427167.js');
-require('./misc-3d30df91.js');
+require('./observer-f49483e8.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./vega-internal-event-id-c98e9a7d.js');
-require('./page-resize-observer-slimmer-1e404fc7.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+require('./translation-77e9ccce.js');
+require('./page-resize-observer-slimmer-a8cf1874.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-79b60f28.js');
 require('./number-459031f7.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e031c341.js');
+require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -267,7 +270,7 @@ class VegaInputRangeInputRenderer extends globalSlimmerRegistry.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
@@ -311,6 +314,9 @@ __decorate$2([
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRangeInputRenderer.prototype, "clearIconRenderer", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputRangeInputRenderer.prototype, "translationSlimmer", void 0);
 
 /**
  * A rule that checks if input range is empty or not
@@ -322,7 +328,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)) {
@@ -386,7 +392,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,
@@ -395,7 +401,7 @@ class InputRangeMinAndMaxRule {
     /**
      * Generate a valid result
      *
-     * @returns {EvaluateResult} invalid validation result
+     * @returns {EvaluateResultTranslation} invalid validation result
      */
     this.validResult = () => ({
       isValid: true,
@@ -421,7 +427,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)) {
@@ -430,11 +436,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`);
@@ -538,6 +544,7 @@ const VegaInputRange = class {
     this.vegaChange = index.createEvent(this, "vegaChange", 7);
     this.change = index.createEvent(this, "change", 7);
     this.globalSlimmers = {};
+    this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -577,7 +584,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 = '';
     /**
@@ -590,32 +597,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;
@@ -623,7 +630,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;
@@ -631,20 +638,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';
     /**
@@ -653,27 +660,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';
   }
@@ -707,6 +714,9 @@ const VegaInputRange = class {
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaInputRange.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputRange.prototype, "translationSlimmer", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaInputRange.prototype, "formFieldController", void 0);

package/dist/cjs/vega-input-select.cjs.entry.js

@@ -3,40 +3,42 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const requiredFieldRule = require('./required-field-rule-8655758f.js');
+const requiredFieldRule = require('./required-field-rule-9a57b1a0.js');
 const component = require('./component-73a88c4e.js');
-const breakpoints = require('./breakpoints-cb3291ba.js');
+const breakpoints = require('./breakpoints-7e2dff90.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-08f33116.js');
-const responsiveFormatFacade = require('./responsive-format-facade-aa849dc7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7bc51a43.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-c98e9a7d.js');
 const array = require('./array-6e559cde.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const chevronDown = require('./chevron-down-ca2fa88e.js');
-const internalIconManager = require('./internal-icon-manager-3dd4faeb.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8b314ba2.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc557cb3.js');
-const typeGuard = require('./type-guard-4d05d4b2.js');
+const internalIconManager = require('./internal-icon-manager-858baff1.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ee984eb2.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+const typeGuard = require('./type-guard-a07b353b.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-79b60f28.js');
-require('./ui-077fc009.js');
+const translationSlimmer = require('./translation-slimmer-8ebf126d.js');
+require('./ui-32e69595.js');
 require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
-require('./icon-manager-2c3cf5ba.js');
-require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
+require('./observer-f49483e8.js');
+require('./icon-manager-5a2b67cf.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./misc-3d30df91.js');
 require('./string-21427167.js');
+require('./translation-77e9ccce.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e031c341.js');
+require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
@@ -298,7 +300,7 @@ class VegaInputSelectDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer
         return (index.h("span", { class: "vega-input-select-selected" }, this.selectedLabel(this.value)));
       }
       else {
-        return index.h("div", { class: "vega-input-select-placeholder" }, this.placeholder);
+        return (index.h("div", { class: "vega-input-select-placeholder" }, this.translationSlimmer.t(this.placeholder)));
       }
     };
     this.renderSingleSelected = () => {
@@ -307,7 +309,7 @@ class VegaInputSelectDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer
         return index.h("span", { class: "vega-input-select-selected" }, item.displayName);
       }
       else {
-        return index.h("div", { class: "vega-input-select-placeholder" }, this.placeholder);
+        return (index.h("div", { class: "vega-input-select-placeholder" }, this.translationSlimmer.t(this.placeholder)));
       }
     };
     this.getVegaDropdownProperties = () => {
@@ -399,6 +401,9 @@ __decorate$4([
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputSelectDropdownRenderer.prototype, "sourceController", void 0);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputSelectDropdownRenderer.prototype, "translationSlimmer", void 0);
 
 var __decorate$3 = (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;
@@ -646,6 +651,7 @@ const VegaInputSelect = class {
     this.vegaSearch = index.createEvent(this, "vegaSearch", 7);
     this.search = index.createEvent(this, "search", 7);
     this.globalSlimmers = {};
+    this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.sourceController = new VegaInputSelectSourceController();
     this.vegaInputSelectRenderer = new VegaInputSelectRenderer();
     this.vegaInputSelectDropdownController = new VegaInputSelectDropdownController();
@@ -680,13 +686,13 @@ const VegaInputSelect = class {
      * It provides descriptive text that helps identify the purpose or
      *    content expected in the input select field.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.label = '';
     /**
      * Determines whether the input select field is required.
      *
-     * @version 1.0.7
+     * @vegaVersion 1.0.7
      */
     this.required = false;
     /**
@@ -695,20 +701,20 @@ const VegaInputSelect = class {
      *    The default format for the selected label is
      *    `${number of selected items} Selected`.
      *
-     * @version 1.35.0
+     * @vegaVersion 1.35.0
      */
     this.selectedLabel = (value) => `${value.length} Selected`;
     /**
      * Controls the selection capabilities of the associated dropdown menu.
      *
-     * @version 1.35.0
+     * @vegaVersion 1.35.0
      */
     this.selectType = 'single';
     /**
      * Specifies the dataset used to populate the options
      *    available in the select input dropdown menu.
      *
-     * @version 1.0.7
+     * @vegaVersion 1.0.7
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.source = [];
@@ -720,7 +726,7 @@ const VegaInputSelect = class {
      *    correctly associate the chosen option with its
      *    corresponding data entry.
      *
-     * @version 1.0.7
+     * @vegaVersion 1.0.7
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.selectType === 'multiple' ? [] : '';
@@ -728,7 +734,7 @@ const VegaInputSelect = class {
      * Indicates the current validation status of the user's selection
      *    from the dropdown menu.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -738,7 +744,7 @@ const VegaInputSelect = class {
      *    ensuring that the input adheres to predefined criteria before
      *    submission or proceeding further.
      *
-     * @version 1.0.11
+     * @vegaVersion 1.0.11
      */
     this.autoValidation = true;
     /**
@@ -746,13 +752,13 @@ const VegaInputSelect = class {
      *    the user's selection in the dropdown menu must
      *    comply with.
      *
-     * @version 1.0.11
+     * @vegaVersion 1.0.11
      */
     this.validationRules = [];
     /**
      * Specifies whether the input select field is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
     /**
@@ -761,7 +767,7 @@ const VegaInputSelect = class {
      *
      * It indicates the expected format or pattern of the input.
      *
-     * @version 1.0.7
+     * @vegaVersion 1.0.7
      */
     this.placeholder = 'Please select';
     /**
@@ -770,13 +776,13 @@ const VegaInputSelect = class {
      *
      * You can specify custom properties and their corresponding values as needed.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.vegaDropdownProps = {};
     /**
      * Defines the size of the input select field.
      *
-     * @version 1.18.0
+     * @vegaVersion 1.18.0
      */
     this.size = 'default';
   }
@@ -792,7 +798,7 @@ const VegaInputSelect = class {
    * Invoke this method to close the select dropdown and clear
    *    the dropdown element reference.
    *
-   * @version 1.0.7
+   * @vegaVersion 1.0.7
    */
   async doClose() {
     await this.vegaInputSelectDropdownRenderer.hide();
@@ -800,7 +806,7 @@ const VegaInputSelect = class {
   /**
    * Invoke this method to open the select dropdown.
    *
-   * @version 1.0.7
+   * @vegaVersion 1.0.7
    */
   async doOpen() {
     await this.vegaInputSelectDropdownRenderer.show();
@@ -808,7 +814,7 @@ const VegaInputSelect = class {
   /**
    * Invoke this method to change the ID of the select source item.
    *
-   * @version 1.0.7
+   * @vegaVersion 1.0.7
    */
   async doChange(value) {
     this.vegaInputSelectValueController.setValue(value);
@@ -826,6 +832,9 @@ const VegaInputSelect = class {
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaInputSelect.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputSelect.prototype, "translationSlimmer", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "sourceController", void 0);