@globalpayments/vega 2.26.0 → 2.27.0

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-0315fa00.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-bf7441bd.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-2a4d6602.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-0d4b85b8.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d3883004.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 './observer-3959f9dd.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
 import './vega-internal-event-id-7e05cf4a.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 './number-e2519d1c.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-a5fe5022.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);

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

@@ -1,38 +1,40 @@
 import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-187f71d1.js';
-import { R as RequiredFieldRule } from './required-field-rule-f438a73f.js';
+import { R as RequiredFieldRule } from './required-field-rule-5da360cc.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
+import { g as getCurrentBreakpoint } from './breakpoints-36a3ed69.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { a as arrayToClassString } from './ui-0132dbb5.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-4488d609.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-5a1329a7.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-0d4b85b8.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
 import { l as VegaDropdownShow, m as VegaDropdownHide, b as VegaDropdownClick, n as VegaDropdownSearch, e as VegaChange, k as VegaSearch } from './vega-event-id-7465a011.js';
 import { b as VegaInternalDropdownTemplateItemsChange, c as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-7e05cf4a.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-2a4d6602.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-6987a80b.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { c as chevronUp, a as chevronDown } from './chevron-down-4303bddb.js';
-import { V as VegaInternalIconManager } from './internal-icon-manager-ebe6ecf4.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-bf7441bd.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8caeb03b.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-0315fa00.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-d3883004.js';
-import { N as isArrayOfType, P as isSelectSourceItemType } from './type-guard-467c9e3e.js';
+import { V as VegaInternalIconManager } from './internal-icon-manager-9671142a.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-2f9c871b.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-345c46c5.js';
+import { N as isArrayOfType, P as isSelectSourceItemType } from './type-guard-63caf78b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-9086b5cc.js';
-import './ui-df46cc20.js';
+import { T as TranslationSlimmer } from './translation-slimmer-c740a5f3.js';
+import './ui-8424715a.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
-import './icon-manager-754cda3f.js';
-import './create-public-api-runtime-metrics-slimmer-dc9af92b.js';
+import './observer-3959f9dd.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 './translation-3b437b6d.js';
 import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-a5fe5022.js';
+import './feature-flag-controller-10780eeb.js';
 import './index-0863eec6.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
@@ -294,7 +296,7 @@ class VegaInputSelectDropdownRenderer extends VegaSlimmer {
         return (h("span", { class: "vega-input-select-selected" }, this.selectedLabel(this.value)));
       }
       else {
-        return h("div", { class: "vega-input-select-placeholder" }, this.placeholder);
+        return (h("div", { class: "vega-input-select-placeholder" }, this.translationSlimmer.t(this.placeholder)));
       }
     };
     this.renderSingleSelected = () => {
@@ -303,7 +305,7 @@ class VegaInputSelectDropdownRenderer extends VegaSlimmer {
         return h("span", { class: "vega-input-select-selected" }, item.displayName);
       }
       else {
-        return h("div", { class: "vega-input-select-placeholder" }, this.placeholder);
+        return (h("div", { class: "vega-input-select-placeholder" }, this.translationSlimmer.t(this.placeholder)));
       }
     };
     this.getVegaDropdownProperties = () => {
@@ -395,6 +397,9 @@ __decorate$4([
 __decorate$4([
   MapToComponentField()
 ], VegaInputSelectDropdownRenderer.prototype, "sourceController", void 0);
+__decorate$4([
+  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;
@@ -642,6 +647,7 @@ const VegaInputSelect = class {
     this.vegaSearch = createEvent(this, "vegaSearch", 7);
     this.search = createEvent(this, "search", 7);
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.sourceController = new VegaInputSelectSourceController();
     this.vegaInputSelectRenderer = new VegaInputSelectRenderer();
     this.vegaInputSelectDropdownController = new VegaInputSelectDropdownController();
@@ -676,13 +682,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;
     /**
@@ -691,20 +697,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 = [];
@@ -716,7 +722,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' ? [] : '';
@@ -724,7 +730,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;
@@ -734,7 +740,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;
     /**
@@ -742,13 +748,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;
     /**
@@ -757,7 +763,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';
     /**
@@ -766,13 +772,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';
   }
@@ -788,7 +794,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();
@@ -796,7 +802,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();
@@ -804,7 +810,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);
@@ -822,6 +828,9 @@ const VegaInputSelect = class {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaInputSelect.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputSelect.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "sourceController", void 0);