@globalpayments/vega 2.25.0 → 2.27.0

package/dist/collection/components/vega-text/slimmers/renderers/vega-text-tooltip-renderer.js

@@ -45,6 +45,7 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
           this.tooltipRef.remove();
           this.tooltipRef = null;
         }
+        this.host.style.minWidth = 'auto';
       }
     };
     /**
@@ -73,18 +74,24 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
      * @see{module:vega-text-with-long-text}
      * @see{module:vega-text-with-long-text-change-screen-size}
      * @see{module:vega-text-with-long-text-minimize-screen-size}
+     * @see{module:vega-text-with-long-text-minimize-screen-safari}
      */
     /* istanbul ignore next */
     this.updateTooltipDisplayText = async () => {
       let fontSize = parseFloat(getElementComputedStyle(this.host, 'font-size'));
       fontSize = isNaN(fontSize) ? VegaTextTooltipRenderer.DEFAULT_FONT_SIZE : fontSize;
-      let textLength = Math.floor(this.host.getBoundingClientRect().width / Math.floor(fontSize / 2));
+      const textLength = Math.floor(this.host.getBoundingClientRect().width / Math.floor(fontSize / 2));
       if (isTextWrapped(this.tooltipRef)) {
-        while (isTextWrapped(this.tooltipRef)) {
-          if (textLength > 1) {
-            textLength = textLength - 1;
+        for (let i = textLength; i >= 1; i--) {
+          this.tooltipRef.textContent = this.truncateStringWithEllipsis(i);
+          if (!isTextWrapped(this.tooltipRef)) {
+            break;
+          }
+          if (i <= 1) {
+            // Set min-width to fix the safari wrap issue when the default width is already wrapped.
+            this.insertMinWidthStyle();
+            break;
           }
-          this.tooltipRef.textContent = this.truncateStringWithEllipsis(textLength);
         }
       }
     };
@@ -120,6 +127,23 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
       this.tooltipRef.placement = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.placement;
     }
   }
+  /**
+   * Dynamically calculates and sets the minimum width of an element based on the content inside a hidden placeholder element.
+   * The below method is e2e-test covered in
+   * @see{module:vega-text-with-long-text-minimize-screen-safari}
+   */
+  /* istanbul ignore next */
+  insertMinWidthStyle() {
+    let placeholder = this.host.shadowRoot.querySelector('#min-width-placeholder');
+    if (!placeholder) {
+      placeholder = document.createElement('span');
+      placeholder.id = 'min-width-placeholder';
+      placeholder.style.cssText = 'position:absolute; visibility:hidden; word-break:keep-all;';
+      this.host.shadowRoot.appendChild(placeholder);
+    }
+    placeholder.textContent = this.truncateStringWithEllipsis(1);
+    this.host.style.minWidth = placeholder.getBoundingClientRect().width + 'px';
+  }
 }
 VegaTextTooltipRenderer.DEFAULT_FONT_SIZE = 16;
 __decorate([

package/dist/collection/components/vega-text/vega-text.js

@@ -9,7 +9,7 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from '
 import { VegaTextTooltipRenderer } from './slimmers/renderers/vega-text-tooltip-renderer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.9.1
+ * @vegaVersion 1.9.1
  */
 /**
  * This is an internal used component and shouldn't be used by client,
@@ -24,7 +24,7 @@ export class VegaText {
      * Specifies the behavior of text when it exceeds the
      *    available space within its container.
      *
-     * @version 1.18.0
+     * @vegaVersion 1.18.0
      */
     this.overflow = 'newline';
   }
@@ -68,7 +68,7 @@ export class VegaText {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.18.0"
           }],
         "text": "Specifies the behavior of text when it exceeds the\n   available space within its container."
@@ -94,7 +94,7 @@ export class VegaText {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "Specifies the properties of the vega-tooltip in vega-text."

package/dist/collection/components/vega-textarea/vega-textarea.js

@@ -19,7 +19,7 @@ import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimm
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaTextareaRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-textarea/runtime-metrics-payload-definition';
 /**
- * @version 1.11.0
+ * @vegaVersion 1.11.0
  */
 export class VegaTextarea {
   constructor() {
@@ -57,20 +57,20 @@ export class VegaTextarea {
      * It indicates the expected format or pattern of
      *    the input within the text area.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.placeholder = '';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value within the text area.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.hint = '';
     /**
      * Specifies whether the text area is disabled.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.disabled = false;
     /**
@@ -79,21 +79,21 @@ export class VegaTextarea {
      * It provides descriptive text that helps identify the
      *    purpose or content expected within the text area.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.label = '';
     /**
      * Determines whether to display a character counter
      *    for the textarea.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.showCounter = false;
     /**
      * Specifies the initial value or content of the
      *    textarea field.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
@@ -101,7 +101,7 @@ export class VegaTextarea {
      * Specifies the validation status of the
      *    text area component.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -109,7 +109,7 @@ export class VegaTextarea {
      * Determines whether automatic validation should be
      *    implemented for the text area.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.autoValidation = true;
     /**
@@ -117,7 +117,7 @@ export class VegaTextarea {
      *    provided by the user before submitting the form or
      *    completing the input process.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
@@ -125,25 +125,25 @@ export class VegaTextarea {
      * Specifies the maximum number of characters (UTF-16 code units)
      *    that the user can enter in the text area.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.maxLength = null;
     /** Specifies the minimum number of characters (UTF-16 code units)
      *    that the user must enter in the text area.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.minLength = null;
     /**
      * Determines whether the text area is vertically resizable.
      *
-     * @version 2.19.0
+     * @vegaVersion 2.19.0
      */
     this.resizable = true;
     /**
      * Specifies custom validation rules for the text area.
      *
-     * @version 1.11.0
+     * @vegaVersion 1.11.0
      */
     this.validationRules = [];
     this.renderTextareaContainer = () => {
@@ -247,7 +247,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies a placeholder string that displays as a\n   temporary hint or example within the text area.\n\nIt indicates the expected format or pattern of\n   the input within the text area."
@@ -268,7 +268,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Provides a supplementary prompt message that assists users in\n   understanding the expected value within the text area."
@@ -289,7 +289,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies whether the text area is disabled."
@@ -310,7 +310,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies the label or title for the text area.\n\nIt provides descriptive text that helps identify the\n   purpose or content expected within the text area."
@@ -331,7 +331,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Determines whether to display a character counter\n   for the textarea."
@@ -352,7 +352,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies the initial value or content of the\n   textarea field."
@@ -373,7 +373,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies the validation status of the\n   text area component."
@@ -394,7 +394,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Determines whether automatic validation should be\n   implemented for the text area."
@@ -415,7 +415,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Determines whether the content of the textarea must be\n   provided by the user before submitting the form or\n   completing the input process."
@@ -436,7 +436,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies the maximum number of characters (UTF-16 code units)\n   that the user can enter in the text area."
@@ -457,7 +457,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies the minimum number of characters (UTF-16 code units)\n  that the user must enter in the text area."
@@ -478,7 +478,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.19.0"
           }],
         "text": "Determines whether the text area is vertically resizable."
@@ -504,7 +504,7 @@ export class VegaTextarea {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "Specifies custom validation rules for the text area."
@@ -523,7 +523,7 @@ export class VegaTextarea {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "An event emitter notifying about changes in the value\n   of the text area."
@@ -544,7 +544,7 @@ export class VegaTextarea {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying about changes in the value\n   of the text area."
@@ -562,7 +562,7 @@ export class VegaTextarea {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.11.0"
           }],
         "text": "An event emitter notifying the blur event of the inner\n   textarea element within the text area."
@@ -583,7 +583,7 @@ export class VegaTextarea {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the blur event of the inner\n   textarea element within the text area."

package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-range-input-renderer.js

@@ -122,10 +122,12 @@ export class VegaTimePickerRangeInputRenderer extends VegaSlimmer {
     if (rangeIndex === 'start') {
       return Array.isArray(this.placeholder) && this.placeholder[0]
         ? this.placeholder[0]
-        : 'Start Time';
+        : this.translationSlimmer.t('Start Time');
     }
     else {
-      return Array.isArray(this.placeholder) && this.placeholder[1] ? this.placeholder[1] : 'End Time';
+      return Array.isArray(this.placeholder) && this.placeholder[1]
+        ? this.placeholder[1]
+        : this.translationSlimmer.t('End Time');
     }
   }
 }
@@ -171,3 +173,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTimePickerRangeInputRenderer.prototype, "dropdownSelectedItemsController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTimePickerRangeInputRenderer.prototype, "translationSlimmer", void 0);

package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-single-input-renderer.js

@@ -75,7 +75,9 @@ export class VegaTimePickerSingleInputRenderer extends VegaSlimmer {
    * @returns {string} a string value
    */
   getPlaceholder() {
-    return this.placeholder && typeof this.placeholder === 'string' ? this.placeholder : 'Select Time';
+    return this.placeholder && typeof this.placeholder === 'string'
+      ? this.placeholder
+      : this.translationSlimmer.t('Select Time');
   }
 }
 __decorate([
@@ -96,3 +98,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaTimePickerSingleInputRenderer.prototype, "singleDropdownController", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTimePickerSingleInputRenderer.prototype, "translationSlimmer", void 0);

package/dist/collection/components/vega-time-picker/vega-time-picker-dropdown/vega-time-picker-dropdown.js

@@ -9,7 +9,7 @@ import { sanitizeVegaComponent } from '../../../utils/component';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 2.0.0
+ * @vegaVersion 2.0.0
  */
 export class VegaTimePickerDropdown {
   constructor() {

package/dist/collection/components/vega-time-picker/vega-time-picker.js

@@ -31,12 +31,14 @@ import { DeviceType } from '../../types/ui.type';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaTimePickerRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-time-picker/runtime-metrics-payload-definition';
+import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
- * @version 1.12.0
+ * @vegaVersion 1.12.0
  */
 export class VegaTimePicker {
   constructor() {
     this.globalSlimmers = {};
+    this.translationSlimmer = new TranslationSlimmer();
     this.labelRenderer = new VegaTimePickerLabelRenderer();
     this.singleInputRenderer = new VegaTimePickerSingleInputRenderer();
     this.singleDropdownRenderer = new VegaTimePickerSingleDropdownRenderer();
@@ -102,54 +104,54 @@ export class VegaTimePicker {
      *  - `single` indicates the ability to select a single time.
      *  - `range` indicates the ability to select a time range.
      *
-     * @version 1.48.0
+     * @vegaVersion 1.48.0
      */
     this.mode = 'single';
     /**
      * Specifies whether selecting a time in the time picker
      *    is required for passing form validation.
      *
-     * @version 1.12.0
+     * @vegaVersion 1.12.0
      */
     this.required = false;
     /**
      * Determines the interval between each selectable minute value
      *    in the time picker.
      *
-     * @version 1.12.0
+     * @vegaVersion 1.12.0
      */
     this.increments = 1;
     /**
      * Specifies the format in which the time is displayed
      *    in the time picker.
      *
-     * @version 1.12.0
+     * @vegaVersion 1.12.0
      */
     this.timeFormat = '24-hour';
     /**
      * Specifies the initial value or selected time
      *    for the time picker.
      *
-     * @version 1.12.0
+     * @vegaVersion 1.12.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.mode === 'range' ? ['', ''] : '';
     /**
      * Determines the size or dimensions of the time picker component.
      *
-     * @version 1.12.0
+     * @vegaVersion 1.12.0
      */
     this.size = 'default';
     /**
      * Determines whether the time picker component is disabled.
      *
-     * @version 1.12.0
+     * @vegaVersion 1.12.0
      */
     this.disabled = false;
     /**
      * Specifies the validation status of the time picker component.
      *
-     * @version 1.12.0
+     * @vegaVersion 1.12.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -157,14 +159,14 @@ export class VegaTimePicker {
      * Determines whether automatic validation should be implemented
      *    for the time picker during user input.
      *
-     * @version 1.12.0
+     * @vegaVersion 1.12.0
      */
     this.autoValidation = true;
     /**
      * Specifies custom validation rules for the
      *    time picker input field.
      *
-     * @version 1.12.0
+     * @vegaVersion 1.12.0
      */
     this.validationRules = [];
   }
@@ -246,7 +248,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Specifies the label or title for the time picker.\n\nIt provides descriptive text that helps identify the\n   purpose or content expected in the time picker."
@@ -271,7 +273,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.48.0"
           }],
         "text": "Specifies the mode for selecting time in the time picker.\n\n - `single` indicates the ability to select a single time.\n - `range` indicates the ability to select a time range."
@@ -292,7 +294,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Specifies whether selecting a time in the time picker\n   is required for passing form validation."
@@ -313,7 +315,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Specifies placeholder strings that provide a temporary hint\n   or example inside the time input field."
@@ -333,7 +335,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Determines the interval between each selectable minute value\n   in the time picker."
@@ -359,7 +361,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Specifies the format in which the time is displayed\n   in the time picker."
@@ -389,7 +391,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Specifies the initial value or selected time\n   for the time picker."
@@ -410,7 +412,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Determines the size or dimensions of the time picker component."
@@ -431,7 +433,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Determines whether the time picker component is disabled."
@@ -452,7 +454,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Specifies the validation status of the time picker component."
@@ -473,7 +475,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Determines whether automatic validation should be implemented\n   for the time picker during user input."
@@ -499,7 +501,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Specifies custom validation rules for the\n   time picker input field."
@@ -518,7 +520,7 @@ export class VegaTimePicker {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "Specifies the selector of the container element relative to which\n   the popup of the time picker will be positioned.\n\nIf not provided, the popup will be appended to\n   the body by default. Adjust this property\n   when facing scrolling positioning problems."
@@ -540,7 +542,7 @@ export class VegaTimePicker {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.12.0"
           }],
         "text": "An event emitter notifying changes in the value of the time picker."
@@ -561,7 +563,7 @@ export class VegaTimePicker {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying changes in the value of the time picker."
@@ -602,6 +604,9 @@ export class VegaTimePicker {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaTimePicker.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTimePicker.prototype, "translationSlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaTimePicker.prototype, "labelRenderer", void 0);