@globalpayments/vega 2.50.0 → 2.52.0

package/dist/collection/components/vega-signature-capture/slimmers/written-mode/controllers/written-mode-svg-controller.js

@@ -37,6 +37,7 @@ export class WrittenModeSvgController extends VegaSlimmer {
         return;
       this.isDrawing = true;
       const { x, y } = this.getPoint(e);
+      // eslint-disable-next-line no-restricted-globals
       this.currentPath = document.createElementNS('http://www.w3.org/2000/svg', 'path');
       this.currentPath.setAttribute('d', `M ${x} ${y}`);
       Object.assign(this.currentPath.style, {

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

@@ -58,6 +58,7 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
       var _a;
       this.tooltipRef = this.host.querySelector('vega-tooltip');
       if (!this.tooltipRef) {
+        // eslint-disable-next-line no-restricted-globals
         this.tooltipRef = document.createElement('vega-tooltip');
         this.tooltipRef.text = this.content;
         this.tooltipRef.innerText = this.content;
@@ -136,6 +137,7 @@ export class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
   insertMinWidthStyle() {
     let placeholder = this.host.shadowRoot.querySelector('#min-width-placeholder');
     if (!placeholder) {
+      // eslint-disable-next-line no-restricted-globals
       placeholder = document.createElement('span');
       placeholder.id = 'min-width-placeholder';
       placeholder.style.cssText = 'position:absolute; visibility:hidden; word-break:keep-all;';

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

@@ -22,7 +22,7 @@ export class VegaTimePickerRangeClearButtonRenderer extends VegaSlimmer {
     return (h("div", { class: {
         'vega-time-picker-range-clear-icon': true,
         'invisible': !this.isInvisible(),
-      }, "aria-label": "clear input", role: "button", tabindex: "-1", onClick: this.onClickClearIcon, onKeyDown: createEnterKeyHandlerToTriggerClick() },
+      }, "aria-label": "clear input", role: "button", tabindex: !this.disabled ? 0 : -1, onClick: this.onClickClearIcon, onKeyDown: createEnterKeyHandlerToTriggerClick() },
       h("vega-icon", { icon: "close", class: "v-min-w-min vega-flex-shrink-0" })));
   }
   /**

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/components/vega-time-picker/vega-time-picker.css

@@ -74,6 +74,10 @@ vega-input::part(field-error-message) {
   border-radius: 8px;
   border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));
 }
+.vega-time-picker-input-container.error .vega-time-picker-range-clear-icon:focus-within {
+  outline: 2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));
+  outline-offset: 2px;
+}
 
 .vega-time-picker-input-container.error:hover {
   border: 1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));
@@ -152,6 +156,12 @@ vega-input::part(field-error-message) {
   right: 16px;
   transform: translateY(-50%);
 }
+.range-mode .vega-time-picker-range-clear-icon:focus-within {
+  outline: 2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));
+  outline-offset: 2px;
+  border-radius: 4px;
+  padding: 2px;
+}
 
 .range-mode.mobile .vega-time-picker-range-clear-icon {
   top: 75%;

package/dist/collection/global/scripts/before-vega-load.js

@@ -108,11 +108,14 @@ function injectVegaTypography() {
   Object.keys(TypographyUrls).forEach((key) => {
     const { url } = TypographyUrls[key];
     const typographyLinkId = `vega-typography-${key}`;
+    // eslint-disable-next-line no-restricted-globals
     if (!document.querySelector(`#${typographyLinkId}`)) {
+      // eslint-disable-next-line no-restricted-globals
       const typographyLink = document.createElement('link');
       typographyLink.id = typographyLinkId;
       typographyLink.href = url;
       typographyLink.rel = 'stylesheet';
+      // eslint-disable-next-line no-restricted-globals
       document.head.append(typographyLink);
     }
   });

package/dist/collection/helpers/chart/graph-context-factory.js

@@ -15,6 +15,7 @@ export class GraphContextFactory {
         context = canvas;
       }
       else {
+        // eslint-disable-next-line no-restricted-globals
         context = document.createElement('canvas');
         context = container.appendChild(context);
       }
@@ -27,6 +28,7 @@ export class GraphContextFactory {
         context = svg;
       }
       else {
+        // eslint-disable-next-line no-restricted-globals
         context = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
         context = container.appendChild(context);
       }

package/dist/collection/helpers/common/wait-for-vega-handler.js

@@ -23,7 +23,9 @@ class WaitForVegaHandler {
    * @vegaVersion 2.8.0
    */
   async handle() {
-    return await Promise.all(Array.from(document.querySelectorAll('*:not(.hydrated)'))
+    return await Promise.all(
+    // eslint-disable-next-line no-restricted-globals
+    Array.from(document.querySelectorAll('*:not(.hydrated)'))
       .filter((item) => item.tagName.startsWith('VEGA'))
       .map((item) => { var _a; return (_a = item.componentOnReady) === null || _a === void 0 ? void 0 : _a.call(item); }));
   }

package/dist/collection/helpers/dialog/vega-dialog-controller.js

@@ -35,6 +35,7 @@ class VegaDialogController {
    * @vegaVersion 1.24.0
    */
   open(options) {
+    // eslint-disable-next-line no-restricted-globals
     const dialog = document.createElement('vega-dialog');
     const { isVerticallyCenter, isVerticallyCentered, showCloseButton, size, title, handleClose } = options, dialogProps = __rest(options, ["isVerticallyCenter", "isVerticallyCentered", "showCloseButton", "size", "title", "handleClose"]);
     dialog.id = `vega-dialog-${generateUUID()}`;
@@ -45,6 +46,7 @@ class VegaDialogController {
         dialog[propName] = dialogProps[propName];
       }
     });
+    // eslint-disable-next-line no-restricted-globals
     document.body.append(dialog);
     return dialog;
   }

package/dist/collection/helpers/event-manager/event-delegated/vega-button-click-strategy.js

@@ -15,6 +15,7 @@ export class VegaButtonClickStrategy extends BaseStrategy {
    * @returns {HTMLButtonElement} an HTMLButtonElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const button = document.createElement('button');
     this.copyAttributesToTarget(delegatedTarget, button);
     button.type = delegatedTarget.type;

package/dist/collection/helpers/event-manager/event-delegated/vega-checkbox-change-strategy.js

@@ -14,6 +14,7 @@ export class VegaCheckboxChangeStrategy extends BaseStrategy {
    * @returns {HTMLInputElement} an HTMLInputElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const input = document.createElement('input');
     this.copyAttributesToTarget(delegatedTarget, input);
     input.type = 'checkbox';

package/dist/collection/helpers/event-manager/event-delegated/vega-input-select-change-strategy.js

@@ -14,6 +14,7 @@ export class VegaInputSelectChangeStrategy extends BaseStrategy {
    * @returns {HTMLSelectElement} an HTMLSelectElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const select = document.createElement('select');
     this.copyAttributesToTarget(delegatedTarget, select);
     if (delegatedTarget.value) {

package/dist/collection/helpers/event-manager/event-delegated/vega-input-strategy.js

@@ -21,6 +21,7 @@ export class VegaInputStrategy extends BaseStrategy {
    * @returns {HTMLInputElement} an HTMLInputElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const input = document.createElement('input');
     this.copyAttributesToTarget(delegatedTarget, input);
     input.type = delegatedTarget.type;

package/dist/collection/helpers/event-manager/event-delegated/vega-radio-change-strategy.js

@@ -14,6 +14,7 @@ export class VegaRadioChangeStrategy extends BaseStrategy {
    * @returns {HTMLInputElement} an HTMLInputElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const input = document.createElement('input');
     this.copyAttributesToTarget(delegatedTarget, input);
     input.type = 'radio';

package/dist/collection/helpers/event-manager/event-delegated/vega-textarea-change-strategy.js

@@ -13,6 +13,7 @@ export class VegaTextareaChangeStrategy extends BaseStrategy {
    * @returns {HTMLTextAreaElement} an HTMLTextAreaElement.
    */
   createEventTarget(delegatedTarget) {
+    // eslint-disable-next-line no-restricted-globals
     const textarea = document.createElement('textarea');
     this.copyAttributesToTarget(delegatedTarget, textarea);
     textarea.value = delegatedTarget.value;

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

@@ -12,6 +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 { 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 {
   /**
@@ -79,9 +80,10 @@ export class EventEmitSlimmerBase extends VegaSlimmer {
    * @returns {boolean} a boolean value.
    */
   isNodeRemovedFromDocument(node) {
+    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 && !document.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

@@ -4,11 +4,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { createEventEmitSlimmer, } from '../slimmers/event-emit-slimmer';
+import { EventEmitSlimmerBase, createEventEmitSlimmer, } from '../slimmers/event-emit-slimmer';
 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 { tryGetDocument } from '../../../utils/try-get-document';
 describe('EventEmitSlimmer ', () => {
   class MockedComponent {
     constructor() {
@@ -131,4 +132,13 @@ describe('EventEmitSlimmer ', () => {
     expect(click).toBeCalledTimes(1);
     expect(component['mockEvent'].preventDefault).toBeCalledTimes(1);
   });
+  it('should work when call removeObserverFromHost(document is not defined)', async () => {
+    const divElement = document.createElement('div');
+    const originalDocument = globalThis.document;
+    delete globalThis.document;
+    expect(tryGetDocument()).toBeUndefined();
+    const eventEmitSlimmerBase = new EventEmitSlimmerBase({ eventID: VegaClick });
+    eventEmitSlimmerBase['isNodeRemovedFromDocument'](divElement);
+    globalThis.document = originalDocument;
+  });
 });

package/dist/collection/helpers/keyboard/keyboard-manager.js

@@ -37,10 +37,12 @@ class KeyboardManager {
    * invoke the listener's callback
    */
   listenKeyPress() {
+    // eslint-disable-next-line no-restricted-globals
     document.addEventListener('keydown', (e) => {
       this.invokeListeners('keydown', e);
     });
     // listen keyup is waiting activeElement changed.
+    // eslint-disable-next-line no-restricted-globals
     document.addEventListener('keyup', (e) => {
       this.invokeListeners('keyup', e);
     });

package/dist/collection/helpers/notify/vega-notify-controller.js

@@ -65,6 +65,7 @@ class VegaNotifyController {
    * @vegaVersion 1.17.0
    */
   async close(id) {
+    // eslint-disable-next-line no-restricted-globals
     await document.getElementById(id).close();
   }
   /**
@@ -82,7 +83,9 @@ class VegaNotifyController {
    * @returns {HTMLVegaPageNotificationElement} A function that takes in a props object and returns a pageNotification element.
    */
   createPageNotification(props) {
-    const pageNotification = document.createElement('vega-page-notification');
+    const pageNotification = 
+    // eslint-disable-next-line no-restricted-globals
+    document.createElement('vega-page-notification');
     Object.keys(props).forEach((propName) => {
       props[propName] !== undefined && (pageNotification[propName] = props[propName]);
     });
@@ -100,6 +103,7 @@ class VegaNotifyController {
     if (this.container) {
       return this.container;
     }
+    // eslint-disable-next-line no-restricted-globals
     this.container = document.createElement('vega-page-notification-list');
     InternalVegaZIndexManager.setZIndex(this.container, 'top');
     if (getDeviceType() === DeviceType.MOBILE) {
@@ -108,6 +112,7 @@ class VegaNotifyController {
     else {
       this.container.classList.add('vega-page-notification-list-topRight');
     }
+    // eslint-disable-next-line no-restricted-globals
     document.body.append(this.container);
     this.connectResizeObserver();
     return this.container;

package/dist/collection/helpers/skeleton-loader/vega-skeleton-loader-controller.js

@@ -30,6 +30,7 @@ class VegaSkeletonLoaderController {
    * @vegaVersion 2.16.0
    */
   load({ target, type = 'text', width, height, items, layout }) {
+    // eslint-disable-next-line no-restricted-globals
     const targets = Array.from(document.body.querySelectorAll(target));
     const key = `vega-skeleton-loader-${generateUUID()}`;
     const loaderItems = [];
@@ -78,6 +79,7 @@ class VegaSkeletonLoaderController {
    */
   createSkeleton(config) {
     const { type, width, height } = config;
+    // eslint-disable-next-line no-restricted-globals
     const skeleton = document.createElement('vega-skeleton');
     Object.assign(skeleton, { animated: true, type, width, height });
     return skeleton;
@@ -90,6 +92,7 @@ class VegaSkeletonLoaderController {
    * @returns {HTMLVegaFlexElement} - Container wrapping the skeletons in the specified flex layout.
    */
   wrapLayout(skeletons, layout) {
+    // eslint-disable-next-line no-restricted-globals
     const skeletonContainer = document.createElement('vega-flex');
     Object.assign(skeletonContainer, Object.assign({ className: 'vega-skeleton-loader-template-container' }, layout.props));
     Object.assign(skeletonContainer.style, layout.style);

package/dist/collection/helpers/slimmers/component-global-style-slimmer.js

@@ -54,9 +54,11 @@ export class ComponentGlobalStyleSlimmer extends VegaSlimmer {
     this.id = `${this.host.tagName}-GLOBAL-STYLE`;
     let styleElement = this.getStyleElement();
     if (!styleElement) {
+      // eslint-disable-next-line no-restricted-globals
       styleElement = document.createElement('style');
       styleElement.id = this.id;
       styleElement.innerHTML = this.style;
+      // eslint-disable-next-line no-restricted-globals
       document.head.append(styleElement);
     }
   }
@@ -64,6 +66,7 @@ export class ComponentGlobalStyleSlimmer extends VegaSlimmer {
    * @returns {Nullable<HTMLStyleElement>} - The style element
    */
   getStyleElement() {
+    // eslint-disable-next-line no-restricted-globals
     return document.head.querySelector(`style#${this.id}`);
   }
 }

package/dist/collection/helpers/slimmers/element-appender/body-positioned-wrapper/default-wrapper.js

@@ -23,6 +23,7 @@ export class DefaultWrapper {
    * @returns {HTMLElement} the element.
    */
   retrieve() {
+    // eslint-disable-next-line no-restricted-globals
     const container = document.body;
     if (this.showConfig.appendableElement.parentElement !== container) {
       container.append(this.showConfig.appendableElement);

package/dist/collection/helpers/slimmers/element-appender/body-positioned-wrapper/position-relative-to-wrapper.js

@@ -20,6 +20,7 @@ export class PositionRelativeToWrapper extends BodyPositionedWrapper {
   canRetrieve() {
     return (super.canRetrieve() &&
       !!this.showConfig.positionRelativeTo &&
+      // eslint-disable-next-line no-restricted-globals
       !!document.querySelector(this.showConfig.positionRelativeTo));
   }
   /**
@@ -28,6 +29,7 @@ export class PositionRelativeToWrapper extends BodyPositionedWrapper {
    * @returns {HTMLElement} the element.
    */
   retrieve() {
+    // eslint-disable-next-line no-restricted-globals
     const container = document.querySelector(this.showConfig.positionRelativeTo);
     if (this.showConfig.appendableElement.parentElement !== container) {
       container.append(this.showConfig.appendableElement);

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

@@ -30,6 +30,7 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
         (_f = this.showConfig.appendableElement) === null || _f === void 0 ? void 0 : _f.addEventListener('mouseleave', this.elementMouseLeaveHandler);
       }
       window.addEventListener('mousedown', this.globalMouseDownHandler);
+      // eslint-disable-next-line no-restricted-globals
       document.addEventListener('scroll', this.globalScrollHandler, { capture: true });
       this.listenShadowRootElementScrolling();
     };
@@ -57,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();
       }
     };
@@ -208,6 +209,7 @@ export class ElementAppenderSlimmer extends VegaSlimmer {
       (_f = this.showConfig.appendableElement) === null || _f === void 0 ? void 0 : _f.removeEventListener('mouseleave', this.elementMouseLeaveHandler);
     }
     window.removeEventListener('mousedown', this.globalMouseDownHandler);
+    // eslint-disable-next-line no-restricted-globals
     document.removeEventListener('scroll', this.globalScrollHandler);
     this.removeShadowRootElementScrolling();
   }

package/dist/collection/helpers/slimmers/field-error-ui-controller-strategies/sibling-container-error-label-container-retrieval-strategy.js

@@ -14,6 +14,7 @@ export class SiblingContainerErrorLabelContainerRetrievalStrategy {
   run(inputContainer) {
     let siblingContainer = inputContainer.nextElementSibling;
     if (!siblingContainer) {
+      // eslint-disable-next-line no-restricted-globals
       siblingContainer = document.createElement('label');
       siblingContainer.classList.add('vega-error');
       // vega-table needs to hide error content.

package/dist/collection/helpers/slimmers/field-error-ui-controller-strategies/sibling-container-self-retrieval-strategy.js

@@ -12,6 +12,7 @@ export class SiblingContainerSelfRetrievalStrategy {
   run(inputContainer) {
     let siblingContainer = inputContainer.nextElementSibling;
     if (siblingContainer && !siblingContainer.classList.contains('vega-error')) {
+      // eslint-disable-next-line no-restricted-globals
       siblingContainer = document.createElement('label');
       siblingContainer.classList.add('vega-error');
       // vega-table needs to hide error content.

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/slimmers/page-resize-observer-slimmer.js

@@ -98,6 +98,7 @@ export class PageResizeObserverSlimmer extends VegaSlimmer {
         resizeObserver.observe(observers);
       }
       else {
+        // eslint-disable-next-line no-restricted-globals
         resizeObserver.observe(document.body);
       }
     }

package/dist/collection/helpers/theme/controllers/color-schema-overriding-controller.js

@@ -37,6 +37,7 @@ class ColorSchemaOverridingController {
 }
 				`;
   }
+  /* eslint-disable no-restricted-globals */
   /**
    * It creates a customOverrideTheme style tag in the head of the document if it doesn't exist, and returns it
    *
@@ -51,6 +52,7 @@ class ColorSchemaOverridingController {
     }
     return customOverrideThemeStyleContainer;
   }
+  /* eslint-enable no-restricted-globals */
   /**
    * Get the overridable color tokens from design token
    *

package/dist/collection/helpers/theme/controllers/style-controller.abstract.js

@@ -2,6 +2,7 @@
  * StyleController Abstract class control the theme style controller
  */
 export class StyleControllerAbstract {
+  /* eslint-disable no-restricted-globals */
   /**
    * It creates a style tag in the head of the document if it doesn't exist, and returns it.
    *
@@ -17,12 +18,14 @@ export class StyleControllerAbstract {
     }
     return vegaThemeStyleContainer;
   }
+  /* eslint-enable no-restricted-globals */
   /**
    * Remove the style element.
    *
    * @param {string} themeStyleContainerKey - theme style container key.
    */
   reset(themeStyleContainerKey) {
+    // eslint-disable-next-line no-restricted-globals
     const vegaThemeStyleContainer = document.head.querySelector(`#${themeStyleContainerKey}`);
     if (vegaThemeStyleContainer) {
       vegaThemeStyleContainer.remove();

package/dist/collection/helpers/theme/internal-theme-manager.js

@@ -25,6 +25,7 @@ class InternalThemeManager {
   reset() {
     VegaColorSchemaOverridingController.getOverrideThemeContainer().innerHTML = '';
   }
+  /* eslint-disable no-restricted-globals */
   /**
    * This function toggles the dark mode of a webpage by adding or removing a 'dark' class to the HTML element.
    *
@@ -41,6 +42,7 @@ class InternalThemeManager {
     }
     ChangeManager.notify(DARK_MODE_CHANGE, darkMode);
   }
+  /* eslint-enable no-restricted-globals */
   /**
    * The function checks if the HTML element has a class of "dark" and returns a boolean value accordingly.
    *
@@ -48,6 +50,7 @@ class InternalThemeManager {
    * typically used to indicate that the website is in dark mode.
    */
   isDarkMode() {
+    // eslint-disable-next-line no-restricted-globals
     return document.documentElement.classList.contains('dark');
   }
   /**

package/dist/collection/helpers/ui/element-appender.js

@@ -52,7 +52,7 @@ export class ElementAppender {
             this.adjustPosition();
           }
         },
-        // eslint-disable-next-line jsdoc/require-jsdoc
+        // eslint-disable-next-line jsdoc/require-jsdoc, no-restricted-globals
         target: () => [document.body, this.showConfig.appendableElement, this.showConfig.target],
       },
     ]);

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/polyfill/shadow-selection/shadow-selection-polyfill.js

@@ -106,6 +106,7 @@ export class ShadowSelectionPolyfill {
    * @returns {Selection} - document selection
    */
   getFirefoxSelection() {
+    // eslint-disable-next-line no-restricted-globals
     const selection = document.getSelection();
     const range = selection.getRangeAt(0);
     const startNode = range.startContainer;
@@ -138,6 +139,7 @@ export class ShadowSelectionPolyfill {
         if (active && active.hasAttribute('contenteditable')) {
           // This command will not actually work, it only trigger the `beforeinput` event,
           // the `beforeinput` event will prevented this command work.
+          // eslint-disable-next-line no-restricted-globals
           document.execCommand('indent');
         }
         else {

package/dist/collection/utils/component.js

@@ -117,6 +117,7 @@ export const isComponentLifecycleMethod = (methodName) => {
  * in the given `root` (either a `Document` or a `ShadowRoot`). If there is no active element, it
  * returns `null`.
  */
+// eslint-disable-next-line no-restricted-globals
 export const getActiveElement = (root = document) => {
   const activeEl = root.activeElement;
   if (activeEl === null || activeEl === void 0 ? void 0 : activeEl.shadowRoot) {

package/dist/collection/utils/e2e-utils.js

@@ -76,6 +76,7 @@ export const disableAnimationForPage = async (page) => {
 export const setDarkMode = async (page) => {
   await page.evaluate(() => {
     var _a;
+    // eslint-disable-next-line no-restricted-globals
     (_a = document.querySelector('html')) === null || _a === void 0 ? void 0 : _a.setAttribute('style', 'background-color: rgba(4, 4, 28, 1);');
     window['VegaThemeManager'].toggleDarkMode(true);
   });
@@ -112,6 +113,7 @@ export const sendTouchEvent = async (page, touches, selector = null) => {
     const selectorParts = selector.split('>>>').map((item) => item.trim());
     const hostSelector = selectorParts[0];
     const nestedSelectors = selectorParts.slice(1);
+    // eslint-disable-next-line no-restricted-globals
     let element = document.querySelector(hostSelector);
     nestedSelectors.forEach((item) => {
       var _a;
@@ -206,6 +208,7 @@ export const getScreenshotDiffResults = async (page, desc, selector) => {
       const selectorParts = selector.split('>>>').map((item) => item.trim());
       const rootSelector = selectorParts[0];
       const nestedSelectors = selectorParts.slice(1);
+      // eslint-disable-next-line no-restricted-globals
       let element = document.body.querySelector(rootSelector);
       nestedSelectors.forEach((item) => {
         var _a;

package/dist/collection/utils/effect.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-restricted-globals */
 /**
  * Utility method to apply ripple effect for the given event by:
  * 1. create a mask element,
@@ -33,6 +34,7 @@ export const triggerRipple = (e) => {
   target.appendChild(mask);
   mask.appendChild(circle);
 };
+/* eslint-enable no-restricted-globals */
 /**
  * Takes an element and returns its offsetHeight to trigger reflow,
  * which can be used to reset the animation.