@globalpayments/vega 2.50.0 → 2.51.0

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.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 { safeDocument } from '../../../utils/safe-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 = safeDocument()) === 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 { safeDocument } from '../../../utils/safe-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(safeDocument()).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();
     };
@@ -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/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/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.

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

@@ -0,0 +1,9 @@
+/**
+ * Returns the global `document` object if it exists, otherwise returns `undefined`.
+ *
+ * @returns {Nullable<Document>} Document object or `undefined`.
+ */
+export function safeDocument() {
+  // eslint-disable-next-line no-restricted-globals
+  return typeof document !== 'undefined' ? document : undefined;
+}

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

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

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

@@ -81,6 +81,7 @@ export function setupUserAgent(agentType) {
  */
 export function mockChartElement(svg) {
   if (!globalThis.SVGElement) {
+    // eslint-disable-next-line no-restricted-globals
     svg = svg || document.createElementNS('http://www.w3.org/2000/svg', 'svg');
     // eslint-disable-next-line @typescript-eslint/naming-convention
     Object.defineProperty(globalThis, 'SVGElement', {

package/dist/collection/utils/ui.js

@@ -1,5 +1,6 @@
 import { DeviceType } from '../types/ui.type';
 import { LogUtility } from './log';
+/* eslint-disable no-restricted-globals */
 /**
  * Get the browser's visible area
  *
@@ -22,6 +23,7 @@ export const getBrowserVisibleArea = () => {
   rect.centerX = rect.left + rect.width / 2;
   return rect;
 };
+/* eslint-enable no-restricted-globals */
 /**
  * find the parent dom with selector
  * if selector is a component tag name like 'vega-card',
@@ -207,6 +209,7 @@ export function getElementComputedStyle(element, styleName) {
  * @param {Document | ShadowRoot} root the root element
  * @returns {Nullable<HTMLElement>} active element
  */
+// eslint-disable-next-line no-restricted-globals
 export function getDeepActiveElementInShadow(root = document) {
   const activeEl = root.activeElement;
   if (activeEl && activeEl.shadowRoot) {

package/dist/esm/{app-globals-6614c573.js → app-globals-d96d623d.js}

@@ -1,15 +1,15 @@
 import { F as FeatureFlag } from './feature-flag-controller-0fbe8fb0.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader } from './vega-skeleton-loader-controller-878e1b28.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader } from './vega-skeleton-loader-controller-06f48dd2.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { V as VegaIconManager } from './icon-manager-638dd4d4.js';
-import './wait-for-vega-handler-b18eb955.js';
-import './ui-ed1283bb.js';
+import './wait-for-vega-handler-e0a928cd.js';
+import './ui-7d177fb0.js';
 import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-71e0711d.js';
-import { V as VegaRTEContent } from './content-state-120176f3.js';
+import { V as VegaRTEContent } from './content-state-69d29a07.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
-import { w as waitForVega } from './index-ae88803d.js';
+import { w as waitForVega } from './index-f5d2fe61.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-ca83d6b6.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
@@ -242,11 +242,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);
     }
   });
@@ -312,7 +315,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-b315bf89.js').then((module) => {
+  void import('./public-rules-3436034b.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{child-nodes-event-prevent-slimmer-1142fb79.js → child-nodes-event-prevent-slimmer-2b975cbf.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-56c6469a.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-d80c53c5.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-0fbe8fb0.js';