@globalpayments/vega 2.51.0 → 2.52.0

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

@@ -14,6 +14,7 @@ import { VegaIconManager } from '../../helpers/icon/icon-manager';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { LogUtility } from '../../utils/log';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { tryGetDocument } from '../../utils/try-get-document';
 /**
  * @vegaVersion 1.0.4
  */
@@ -139,16 +140,13 @@ export class VegaIcon {
   /* istanbul ignore next */
   appendStyles(iconStyles) {
     var _a;
-    if (iconStyles) {
-      const styleElement = 
-      // eslint-disable-next-line no-restricted-globals
-      (_a = this.host.shadowRoot.querySelector('#fa-icon-styles')) !== null && _a !== void 0 ? _a : document.createElement('style');
+    if (iconStyles && tryGetDocument()) {
+      const styleElement = (_a = this.host.shadowRoot.querySelector('#fa-icon-styles')) !== null && _a !== void 0 ? _a : tryGetDocument().createElement('style');
       styleElement.id = 'fa-icon-styles';
       styleElement.innerHTML = iconStyles;
       this.host.shadowRoot.appendChild(styleElement);
     }
   }
-  /* eslint-disable no-restricted-globals */
   /**
    * The below method is e2e-test covered in
    * @see {module:append-fa-icon-styles-to-shadow-dom}
@@ -160,16 +158,17 @@ export class VegaIcon {
       return VegaIcon.iconStyleCache.get(this.icon);
     }
     else {
-      const iconElement = document.createElement('i');
-      iconElement.className = this.icon;
-      iconElement.style.display = 'none';
-      document.body.appendChild(iconElement);
-      const computedStyle = getComputedStyle(iconElement);
-      // `fontFamily` is null in spec test. Skip it by using '?'
-      if ((_a = computedStyle.fontFamily) === null || _a === void 0 ? void 0 : _a.includes('Font Awesome')) {
-        const pseudoBeforeElementStyle = getComputedStyle(iconElement, '::before');
-        const pseudoAfterElementStyle = getComputedStyle(iconElement, '::after');
-        const styleHTML = `
+      if (tryGetDocument()) {
+        const iconElement = tryGetDocument().createElement('i');
+        iconElement.className = this.icon;
+        iconElement.style.display = 'none';
+        tryGetDocument().body.appendChild(iconElement);
+        const computedStyle = getComputedStyle(iconElement);
+        // `fontFamily` is null in spec test. Skip it by using '?'
+        if ((_a = computedStyle.fontFamily) === null || _a === void 0 ? void 0 : _a.includes('Font Awesome')) {
+          const pseudoBeforeElementStyle = getComputedStyle(iconElement, '::before');
+          const pseudoAfterElementStyle = getComputedStyle(iconElement, '::after');
+          const styleHTML = `
 				i {
 					font-weight: ${computedStyle.fontWeight};
 					font-family: ${computedStyle.fontFamily};
@@ -188,13 +187,14 @@ export class VegaIcon {
 					opacity: ${pseudoAfterElementStyle.opacity};
 				}
 			`.replace(/[\n\t]/gi, '');
-        VegaIcon.iconStyleCache.set(this.icon, styleHTML);
-        document.body.removeChild(iconElement);
-        return styleHTML;
-      }
-      else {
-        document.body.removeChild(iconElement);
-        return null;
+          VegaIcon.iconStyleCache.set(this.icon, styleHTML);
+          tryGetDocument().body.removeChild(iconElement);
+          return styleHTML;
+        }
+        else {
+          tryGetDocument().body.removeChild(iconElement);
+          return null;
+        }
       }
     }
   }

package/dist/collection/components/vega-input-numeric/slimmers/renderers/vega-input-numeric-renderer.js

@@ -28,7 +28,7 @@ export class VegaInputNumericRenderer extends VegaSlimmer {
     if (this.integerOnly) {
       maskOptions.precision = 0;
     }
-    return (h("vega-input", { value: this.value || '', showClearIcon: true, disabled: this.disabled, label: this.label, hint: this.hint, required: this.required, type: "number", placeholder: this.placeholder, size: this.size === 'small' ? 'small' : 'default', prefixIcon: this.prefixIcon, ref: (ref) => {
+    return (h("vega-input", { value: this.value || '', showClearIcon: this.showClearIcon, disabled: this.disabled, label: this.label, hint: this.hint, required: this.required, type: "number", placeholder: this.placeholder, size: this.size === 'small' ? 'small' : 'default', prefixIcon: this.prefixIcon, ref: (ref) => {
         this.vegaInputRef = ref;
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (payload) => this.onInputChange(payload));
       }, maskConfig: {
@@ -40,6 +40,9 @@ export class VegaInputNumericRenderer extends VegaSlimmer {
 __decorate([
   MapToComponentField()
 ], VegaInputNumericRenderer.prototype, "prefixIcon", void 0);
+__decorate([
+  MapToComponentField()
+], VegaInputNumericRenderer.prototype, "showClearIcon", void 0);
 __decorate([
   MapToComponentField()
 ], VegaInputNumericRenderer.prototype, "value", void 0);

package/dist/collection/components/vega-input-numeric/vega-input-numeric.js

@@ -132,6 +132,12 @@ export class VegaInputNumeric {
      * @vegaVersion 2.29.0
      */
     this.autoValidation = true;
+    /**
+     * Determines whether the clear icon should be displayed or hidden.
+     *
+     * @vegaVersion 2.52.0
+     */
+    this.showClearIcon = true;
   }
   watchPrefixText() {
     methodPlaceholder();
@@ -511,6 +517,27 @@ export class VegaInputNumeric {
       "attribute": "auto-validation",
       "reflect": true,
       "defaultValue": "true"
+    },
+    "showClearIcon": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.52.0"
+          }],
+        "text": "Determines whether the clear icon should be displayed or hidden."
+      },
+      "attribute": "show-clear-icon",
+      "reflect": false,
+      "defaultValue": "true"
     }
   }; }
   static get states() { return {

package/dist/collection/components/vega-nav/slimmers/renderers/vega-nav-list-renderer.js

@@ -36,7 +36,7 @@ export class VegaNavListRenderer extends VegaSlimmer {
     return (h("vega-left-nav-group", { itemKey: item.key, key: item.key || item.name, icon: item.icon, label: item.name, "open-by-default": item.openByDefault }, (_a = item.children) === null || _a === void 0 ? void 0 : _a.map((child) => child.type == 'group' ? this.renderGroup(child) : this.renderLink(child))));
   }
   renderLink(item) {
-    return (h("vega-left-nav-link", { itemKey: item.key, key: item.key || item.name, icon: item.icon, url: item.url, selected: item.selected, counterBadge: item.counterBadge }, item.name));
+    return (h("vega-left-nav-link", { itemKey: item.key, key: item.key || item.name, icon: item.icon, url: item.url, target: item.target, selected: item.selected, counterBadge: item.counterBadge }, item.name));
   }
 }
 __decorate([

package/dist/collection/components/vega-nav/vega-left-nav-link/slimmers/renderers/vega-left-nav-link-renderer.js

@@ -32,7 +32,7 @@ export class VegaLeftNavLinkRenderer extends VegaSlimmer {
     const url = this.url || 'javascript:void(0);';
     const classList = this.selected === true ? 'selected' : '';
     return (h(Host, { class: classList, "data-key": this.itemKey },
-      h("a", { href: url, onClick: this.handleClick },
+      h("a", { href: url, target: this.target, onClick: this.handleClick },
         this.icon && (h("div", { class: "vega-links-icon" },
           h("div", { class: "prefix-icon" },
             h("vega-icon", { icon: this.icon, size: "size-16" })))),
@@ -88,6 +88,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaLeftNavLinkRenderer.prototype, "itemKey", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavLinkRenderer.prototype, "target", void 0);
 __decorate([
   MapToComponentField()
 ], VegaLeftNavLinkRenderer.prototype, "vegaLeftNavHierarchyController", void 0);

package/dist/collection/components/vega-nav/vega-left-nav-link/vega-left-nav-link.js

@@ -40,6 +40,13 @@ export class VegaLeftNavLink {
      * @vegaVersion 2.37.0
      */
     this.customSelectionEnabled = false;
+    /**
+     * Specifies where to open the URL linked in the left navigation item.
+     *    Common values include _self (default) to open in the same tab, or _blank to open in a new tab.
+     *
+     * @vegaVersion 2.52.0
+     */
+    this.target = '_self';
   }
   render() {
     slotPlaceholder(h("slot", null));
@@ -184,6 +191,27 @@ export class VegaLeftNavLink {
       },
       "attribute": "item-key",
       "reflect": false
+    },
+    "target": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "'_blank' | '_self'",
+        "resolved": "\"_blank\" | \"_self\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.52.0"
+          }],
+        "text": "Specifies where to open the URL linked in the left navigation item.\n   Common values include _self (default) to open in the same tab, or _blank to open in a new tab."
+      },
+      "attribute": "target",
+      "reflect": false,
+      "defaultValue": "'_self'"
     }
   }; }
   static get events() { return [{

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

@@ -129,6 +129,10 @@
   content: "";
 }
 
+:host(.mobile) .vega-time-picker-panel-column::after {
+  height: 0;
+}
+
 .vega-time-picker-dropdown-footer {
   display: flex;
   padding-left: 16px;

package/dist/collection/helpers/event-manager/slimmers/event-emit-slimmer.js

@@ -12,7 +12,7 @@ import InternalVegaEventManager from '../internal-vega-event-manager';
 import { VegaEventEmitHandlerSlimmer } from './event-emit-handlers/vega-event-emit-handler';
 import { NativeEventEmitHandlerSlimmer } from './event-emit-handlers/native-event-emit-handler';
 import { JqueryDelegatedEventEmitHandlerSlimmer } from './event-emit-handlers/jquery-delegated-event-emit-handler';
-import { safeDocument } from '../../../utils/safe-document';
+import { tryGetDocument } from '../../../utils/try-get-document';
 /** The EventEmitSlimmerBase class is a TypeScript class that extends VegaSlimmer and provides methods for emitting events with or without notifications. */
 export class EventEmitSlimmerBase extends VegaSlimmer {
   /**
@@ -83,7 +83,7 @@ export class EventEmitSlimmerBase extends VegaSlimmer {
     var _a;
     // elementAppender#show will call the HTMLElement#append method, and the append method will call the component disconnectedCallback, but the component not remove from the page.
     // see the issue in test case vega-popover.e2e.ts->should behavior normal while click app header button and time picker nested in popover
-    if (node && !((_a = safeDocument()) === null || _a === void 0 ? void 0 : _a.body.contains(node)) && !node.parentNode) {
+    if (node && !((_a = tryGetDocument()) === null || _a === void 0 ? void 0 : _a.body.contains(node)) && !node.parentNode) {
       return true;
     }
     return false;

package/dist/collection/helpers/event-manager/test/event-emit-slimmer.test.js

@@ -9,7 +9,7 @@ import { InjectVegaSlimmer, methodPlaceholder } from 'vega-slimmer/core';
 import { VegaClick } from '../event-id/vega-event-id';
 import InternalVegaEventManager from '../internal-vega-event-manager';
 import { DomNodeSubjectObserverFactory } from '../../change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
-import { safeDocument } from '../../../utils/safe-document';
+import { tryGetDocument } from '../../../utils/try-get-document';
 describe('EventEmitSlimmer ', () => {
   class MockedComponent {
     constructor() {
@@ -136,7 +136,7 @@ describe('EventEmitSlimmer ', () => {
     const divElement = document.createElement('div');
     const originalDocument = globalThis.document;
     delete globalThis.document;
-    expect(safeDocument()).toBeUndefined();
+    expect(tryGetDocument()).toBeUndefined();
     const eventEmitSlimmerBase = new EventEmitSlimmerBase({ eventID: VegaClick });
     eventEmitSlimmerBase['isNodeRemovedFromDocument'](divElement);
     globalThis.document = originalDocument;

package/dist/collection/helpers/slimmers/element-appender/element-appender-slimmer.js

@@ -58,10 +58,10 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
       }
     };
     /* istanbul ignore next */
-    /* While focused element is in appendable element, like search input, we should not hide dropdown */
+    /* While focused element is in appendable element, like search input or vega-dropdown-item, we should not hide dropdown */
     this.targetFocusoutHandler = (e) => {
       var _a;
-      if (e.relatedTarget !== ((_a = this.showConfig) === null || _a === void 0 ? void 0 : _a.appendableElement)) {
+      if (!isParent(e.relatedTarget, (_a = this.showConfig) === null || _a === void 0 ? void 0 : _a.appendableElement)) {
         this.targetMouseLeaveHandler();
       }
     };

package/dist/collection/helpers/slimmers/mutation-observer/mutation-observer-slimmer.js

@@ -20,6 +20,7 @@ export class MutationObserverSlimmer extends VegaSlimmer {
    */
   constructor(observerEntry) {
     super();
+    this.mutationObserver = null;
     this.observerEntry = observerEntry;
   }
   /**
@@ -34,7 +35,9 @@ export class MutationObserverSlimmer extends VegaSlimmer {
    * Component lifecycle - [disconnectedCallback]
    */
   disconnectedCallback() {
-    this.mutationObserver.disconnect();
+    if (this.mutationObserver) {
+      this.mutationObserver.disconnect();
+    }
   }
   /**
    * Component lifecycle - [componentDidLoad]
@@ -61,7 +64,7 @@ export class MutationObserverSlimmer extends VegaSlimmer {
    */
   observeMutationObserver() {
     const target = this.observerEntry.target ? this.observerEntry.target() : this.host;
-    if (target) {
+    if (target && this.mutationObserver) {
       this.mutationObserver.observe(target, this.observerEntry.options);
     }
   }

package/dist/collection/helpers/slimmers/mutation-observer/test/mutation-observer-slimmer.test.js

@@ -165,4 +165,18 @@ describe('mutationObserverSlimmer', () => {
     ]);
     expect(mockedMutationCallback).toBeCalledTimes(1);
   });
+  it('should not throw error when remove component before component did load', () => {
+    const mockedComponent = new MockedComponent();
+    mockedComponent.setMutationObserverSlimmer(new MutationObserverSlimmer({
+      target: () => mockedComponent.host,
+      options: { attributes: true },
+      callback: () => {
+        mockedMutationCallback();
+      },
+    }));
+    function removeComponent() {
+      mockedComponent.disconnectedCallback();
+    }
+    expect(removeComponent).not.toThrow();
+  });
 });

package/dist/collection/helpers/validator/form-field-controller.js

@@ -108,7 +108,7 @@ export class FormFieldController {
      */
     this.setupTouchedListener = () => {
       this.getTouchableAreaElements()
-        .filter((item) => this.hostChildAddedBlurEventMap.get(item) !== true)
+        .filter((item) => item && this.hostChildAddedBlurEventMap.get(item) !== true)
         .forEach((item) => {
         item.addEventListener('blur', () => {
           this.updateIsTouched(true);
@@ -320,7 +320,7 @@ export class FormFieldController {
   /**
    * Get an array of HTMLElements that represent the touchable area elements based on the host's tag name.
    *
-   * @returns {HTMLElement[]} an array of HTMLElements.
+   * @returns {Nullable<HTMLElement>[]} an array of HTMLElements.
    */
   getTouchableAreaElements() {
     return this.options && this.options.touchableAreaGetter ? this.options.touchableAreaGetter() : [];

package/dist/collection/helpers/validator/test/validator/form-field-controller.test.js

@@ -191,3 +191,15 @@ test('monitorTouchedListener should work correct', async () => {
   ]);
   expect(controller['hostChildAddedBlurEventMap'].has(container.querySelector('.input2'))).toBeTruthy();
 });
+test('setupTouchedListener should work correct', async () => {
+  const container = document.createElement('div');
+  container.innerHTML = `<div class='vega-input-container'><input class='input1' type='text'></div>`;
+  const controller = new FormFieldController(null, container, '', {
+    inputContainerGetter: () => container.querySelector('.vega-input-container'),
+    touchableAreaGetter: () => Array.from(container.querySelectorAll('input')).concat(null),
+  });
+  function addBlurEventListener() {
+    controller['setupTouchedListener']();
+  }
+  expect(addBlurEventListener).not.toThrow();
+});

package/dist/collection/utils/test/safe-document.test.js

@@ -1,13 +1,13 @@
-import { safeDocument } from '../safe-document';
-describe('safeDocument', () => {
+import { tryGetDocument } from '../try-get-document';
+describe('tryGetDocument', () => {
   it('should be defined if document is available', () => {
     expect(typeof document).toBe('object');
-    expect(safeDocument()).toBe(document);
+    expect(tryGetDocument()).toBe(document);
   });
   it('should be undefined if document is not available', () => {
     const originalDocument = globalThis.document;
     delete globalThis.document;
-    expect(safeDocument()).toBeUndefined();
+    expect(tryGetDocument()).toBeUndefined();
     globalThis.document = originalDocument;
   });
 });

package/dist/collection/utils/{safe-document.js → try-get-document.js}

@@ -3,7 +3,7 @@
  *
  * @returns {Nullable<Document>} Document object or `undefined`.
  */
-export function safeDocument() {
+export function tryGetDocument() {
   // eslint-disable-next-line no-restricted-globals
   return typeof document !== 'undefined' ? document : undefined;
 }

package/dist/esm/{element-appender-slimmer-64a77b7f.js → element-appender-slimmer-dbdad1df.js}

@@ -1274,10 +1274,10 @@ class ElementAppenderSlimmer extends VegaSlimmer {
       }
     };
     /* istanbul ignore next */
-    /* While focused element is in appendable element, like search input, we should not hide dropdown */
+    /* While focused element is in appendable element, like search input or vega-dropdown-item, we should not hide dropdown */
     this.targetFocusoutHandler = (e) => {
       var _a;
-      if (e.relatedTarget !== ((_a = this.showConfig) === null || _a === void 0 ? void 0 : _a.appendableElement)) {
+      if (!isParent(e.relatedTarget, (_a = this.showConfig) === null || _a === void 0 ? void 0 : _a.appendableElement)) {
         this.targetMouseLeaveHandler();
       }
     };

package/dist/esm/{event-emit-slimmer-7428cc01.js → event-emit-slimmer-b5cb9b81.js}

@@ -4,6 +4,7 @@ import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
 import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-d80c53c5.js';
+import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 
 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;
@@ -137,16 +138,6 @@ __decorate$1([
   MapToComponentField()
 ], JqueryDelegatedEventEmitHandlerSlimmer.prototype, "host", void 0);
 
-/**
- * Returns the global `document` object if it exists, otherwise returns `undefined`.
- *
- * @returns {Nullable<Document>} Document object or `undefined`.
- */
-function safeDocument() {
-  // eslint-disable-next-line no-restricted-globals
-  return typeof document !== 'undefined' ? document : undefined;
-}
-
 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);
@@ -223,7 +214,7 @@ class EventEmitSlimmerBase extends VegaSlimmer {
     var _a;
     // elementAppender#show will call the HTMLElement#append method, and the append method will call the component disconnectedCallback, but the component not remove from the page.
     // see the issue in test case vega-popover.e2e.ts->should behavior normal while click app header button and time picker nested in popover
-    if (node && !((_a = safeDocument()) === null || _a === void 0 ? void 0 : _a.body.contains(node)) && !node.parentNode) {
+    if (node && !((_a = tryGetDocument()) === null || _a === void 0 ? void 0 : _a.body.contains(node)) && !node.parentNode) {
       return true;
     }
     return false;

package/dist/esm/{form-field-controller-slimmer-87d80e46.js → form-field-controller-slimmer-846cda92.js}

@@ -12,7 +12,7 @@ import { V as VegaInternalTranslation } from './translation-71e0711d.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-c51f1912.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c345ca2e.js';
-import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
+import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import { i as isArrayEqual } from './array-7888f339.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-93eeb87d.js';
@@ -493,7 +493,7 @@ class FormFieldController {
      */
     this.setupTouchedListener = () => {
       this.getTouchableAreaElements()
-        .filter((item) => this.hostChildAddedBlurEventMap.get(item) !== true)
+        .filter((item) => item && this.hostChildAddedBlurEventMap.get(item) !== true)
         .forEach((item) => {
         item.addEventListener('blur', () => {
           this.updateIsTouched(true);
@@ -704,7 +704,7 @@ class FormFieldController {
   /**
    * Get an array of HTMLElements that represent the touchable area elements based on the host's tag name.
    *
-   * @returns {HTMLElement[]} an array of HTMLElements.
+   * @returns {Nullable<HTMLElement>[]} an array of HTMLElements.
    */
   getTouchableAreaElements() {
     return this.options && this.options.touchableAreaGetter ? this.options.touchableAreaGetter() : [];