@globalpayments/vega 2.52.0 → 2.54.0

package/dist/collection/components/vega-virtual-scroll/slimmers/controllers/vega-virtual-scroll-mode-controller.js

@@ -44,7 +44,10 @@ export class VegaVirtualScrollModeController extends VegaSlimmer {
    */
   setMode() {
     const originalMode = this.mode;
-    this.mode = this.source.length > this.virtualizationThreshold ? 'virtual' : 'normal';
+    this.mode =
+      this.source.length > this.virtualizationThreshold && this.virtualizationThreshold > 0
+        ? 'virtual'
+        : 'normal';
     if (originalMode === 'normal' && this.mode === 'virtual') {
       this.positionController.changeModeFromNormalToVirtual();
     }

package/dist/collection/components/vega-virtual-scroll/vega-virtual-scroll.js

@@ -52,6 +52,7 @@ export class VegaVirtualScroll {
     /**
      * The count of the source that will be used as the threshold for determining whether to use virtual scrolling.
      * If the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used
+     * If the value is 0, it means we will disable the virtualization all the time.
      *
      * @vegaVersion 2.3.0
      */
@@ -199,7 +200,7 @@ export class VegaVirtualScroll {
             "name": "vegaVersion",
             "text": "2.3.0"
           }],
-        "text": "The count of the source that will be used as the threshold for determining whether to use virtual scrolling.\nIf the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used"
+        "text": "The count of the source that will be used as the threshold for determining whether to use virtual scrolling.\nIf the count of source exceeds this threshold, we employ virtual scrolling. Otherwise, normal item rendering is used\nIf the value is 0, it means we will disable the virtualization all the time."
       },
       "attribute": "virtualization-threshold",
       "reflect": false,

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

@@ -76,6 +76,9 @@ class KeyboardManager {
     const isKeyCodeAccepted = Array.isArray(listener.keyCode)
       ? listener.keyCode.includes(keyCode)
       : listener.keyCode === keyCode;
+    if (!isKeyCodeAccepted) {
+      return false;
+    }
     /* istanbul ignore next */
     if (typeof listener.activeElementInScope === 'function') {
       activeElementInScope = listener.activeElementInScope();
@@ -95,6 +98,9 @@ class KeyboardManager {
         return isParent(getDeepActiveElementInShadow(), element);
       })
       : true;
+    if (!isActiveElementInScope) {
+      return false;
+    }
     const isActiveElementOutScope = listener.activeElementOutScope
       ? activeElementOutScope.every((element) => !isParent(getDeepActiveElementInShadow(), element))
       : true;

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

@@ -203,4 +203,35 @@ describe('KeyboardManager', () => {
     expect(callback2).toBeCalledTimes(1);
     expect(callback3).toBeCalledTimes(2);
   });
+  test('should not check the next condition when the prev condition is not pass', () => {
+    const callback = jest.fn();
+    const inScopeCallback = jest.fn().mockReturnValue([button1]);
+    const mockArray = new Array();
+    spyOn(mockArray, 'every').and.callThrough();
+    const outScopeCallback = jest.fn().mockReturnValue(mockArray);
+    KeyboardManager.register([
+      {
+        keyCode: 'Tab',
+        activeElementInScope: inScopeCallback,
+        activeElementOutScope: outScopeCallback,
+        callback: callback,
+      },
+    ]);
+    document.dispatchEvent(new KeyboardEvent('keyup', { code: 'ArrowUp' }));
+    expect(callback).toBeCalledTimes(0);
+    expect(inScopeCallback).toBeCalledTimes(0);
+    expect(outScopeCallback).toBeCalledTimes(0);
+    Object.assign(document, { activeElement: button2 });
+    document.dispatchEvent(new KeyboardEvent('keyup', { code: 'Tab' }));
+    expect(callback).toBeCalledTimes(0);
+    expect(inScopeCallback).toBeCalledTimes(1);
+    expect(outScopeCallback).toBeCalledTimes(1);
+    expect(mockArray.every).toBeCalledTimes(0);
+    Object.assign(document, { activeElement: button1 });
+    document.dispatchEvent(new KeyboardEvent('keyup', { code: 'Tab' }));
+    expect(callback).toBeCalledTimes(1);
+    expect(inScopeCallback).toBeCalledTimes(2);
+    expect(outScopeCallback).toBeCalledTimes(2);
+    expect(mockArray.every).toBeCalledTimes(1);
+  });
 });

package/dist/collection/helpers/slimmers/component-value-history-controller-slimmer.abstract.js

@@ -0,0 +1,81 @@
+import { KeyboardManagerSlimmer } from './keyboard-manager-slimmer';
+import { debounce } from '../../utils/timer';
+/**
+ * An abstract class that manages the history of component values.
+ */
+export class ComponentValueHistoryControllerSlimmer extends KeyboardManagerSlimmer {
+  constructor() {
+    super(() => this.getKeyboardShortcutOptions.call(this));
+    this.redoStack = [];
+    this.undoStack = [];
+    this.registerHistoryDelay = 300;
+    this.registerHistoryDebounced = debounce((state) => {
+      this.internalRegisterHistory(state);
+    }, this.registerHistoryDelay, this);
+  }
+  /**
+   * Registers history based on the editor state.
+   *
+   * @typedef T generic type parameter
+   * @param {T} editorState - The state to record in history.
+   * @param {boolean} [isForce] - If true, the history will be registered immediately without debounce.
+   */
+  registerHistory(editorState, isForce = false) {
+    if (isForce) {
+      this.internalRegisterHistory(editorState);
+    }
+    else {
+      this.registerHistoryDebounced(editorState);
+    }
+  }
+  /**
+   * Internal function to register history immediately.
+   *
+   * @typedef T generic type parameter
+   * @param {T} state - The state to record in history.
+   */
+  internalRegisterHistory(state) {
+    this.redoStack = []; // clear redo stack when new action happens.
+    this.undoStack.push(state);
+  }
+  /**
+   * Returns the keyboard shortcut options for undo/redo functionality.
+   *
+   * @returns {KeyboardEventListener[]} - An array of keyboard shortcut options.
+   */
+  getKeyboardShortcutOptions() {
+    const baseOption = {
+      keyCode: 'KeyZ',
+      activeElementInScope: this.getEffectiveTargets(),
+      activeElementOutScope: this.getIneffectiveTargets.bind(this),
+      eventName: 'keydown',
+      modifierPressed: true,
+    };
+    return [
+      Object.assign(Object.assign({}, baseOption), { shiftKey: false, 
+        /**
+         * Callback function for the undo action.
+         *
+         * @param {KeyboardEvent} e - The keyboard event triggered by the user.
+         */
+        callback: (e) => {
+          e.preventDefault();
+          if (this.undoStack.length > 0) {
+            void this.undo();
+          }
+        } }),
+      Object.assign(Object.assign({}, baseOption), { shiftKey: true, 
+        /**
+         * Callback function for the redo action.
+         *
+         * @param {KeyboardEvent} e - The keyboard event triggered by the user.
+         */
+        callback: (e) => {
+          e.preventDefault();
+          if (this.redoStack.length > 0) {
+            void this.redo();
+          }
+        } }),
+    ];
+  }
+}

package/dist/collection/helpers/slimmers/page-resize-observer-slimmer.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { MapToComponentMethod, MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import { getCurrentBreakpoint } from '../../utils/breakpoints';
+import { tryGetDocument } from '../../utils/try-get-document';
 /**
  * The `PageResizeObserverSlimmer` class is a TypeScript class that extends `VegaSlimmer` and provides functionality for observing page resize events.
  *
@@ -83,7 +84,7 @@ export class PageResizeObserverSlimmer extends VegaSlimmer {
    */
   observerResizeObserver() {
     var _a;
-    if (this.resizeObserver) {
+    if (this.resizeObserver && tryGetDocument()) {
       const resizeObserver = this.resizeObserver;
       let observers = null;
       if ((_a = this.observerEntry) === null || _a === void 0 ? void 0 : _a.target) {
@@ -98,8 +99,7 @@ export class PageResizeObserverSlimmer extends VegaSlimmer {
         resizeObserver.observe(observers);
       }
       else {
-        // eslint-disable-next-line no-restricted-globals
-        resizeObserver.observe(document.body);
+        resizeObserver.observe(tryGetDocument().body);
       }
     }
   }

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

@@ -190,6 +190,9 @@ describe('ComponentResizeObserverSlimmer with vegaResizeObserver', () => {
       value: MockedResizeObserver,
     });
   });
+  afterAll(() => {
+    window['VegaResizeObserver'] = null;
+  });
   test('should use vegaResizeObserver while it defined', () => {
     class MockedPageResizeObserverController extends PageResizeObserverSlimmer {
       constructor(options) {
@@ -220,3 +223,56 @@ describe('ComponentResizeObserverSlimmer with vegaResizeObserver', () => {
     expect(mockedComponent['resizeObserver']).not.toBeNull();
   });
 });
+describe('test document is not defined', () => {
+  const originalDocument = globalThis.document;
+  const observeMock = jest.fn();
+  const disconnectMock = jest.fn();
+  beforeEach(() => {
+    window.ResizeObserver = jest.fn().mockImplementation(() => {
+      return {
+        observe: observeMock,
+        disconnect: disconnectMock,
+      };
+    });
+    delete globalThis.document;
+  });
+  afterEach(() => {
+    globalThis.document = originalDocument;
+    jest.restoreAllMocks();
+  });
+  test('should not trigger observe when document not exist', () => {
+    const mockCallback = jest.fn();
+    class MockedPageResizeObserverController extends PageResizeObserverSlimmer {
+      constructor(options) {
+        super(options);
+      }
+    }
+    class MockedComponent {
+      constructor() {
+        this.controller = new MockedPageResizeObserverController({
+          callback: () => {
+            mockCallback();
+          },
+        });
+      }
+      connectedCallback() {
+        methodPlaceholder();
+      }
+      disconnectedCallback() {
+        methodPlaceholder();
+      }
+      componentDidLoad() {
+        methodPlaceholder();
+      }
+    }
+    __decorate([
+      InjectVegaSlimmer()
+    ], MockedComponent.prototype, "controller", void 0);
+    const mockedComponent = new MockedComponent();
+    const host = new MockHTMLElement('body', 'div');
+    mockedComponent.host = host;
+    mockedComponent.componentDidLoad();
+    expect(observeMock).not.toHaveBeenCalled();
+    expect(mockCallback).not.toHaveBeenCalled();
+  });
+});

package/dist/esm/{app-globals-d96d623d.js → app-globals-4881974a.js}

@@ -1,5 +1,5 @@
 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-06f48dd2.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-9d1ffa6c.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';

package/dist/esm/{selection-controller-3d6dfc87.js → component-value-history-controller-slimmer.abstract-0a0ef33f.js}

@@ -8,6 +8,7 @@ import { b as VegaInternalRichTextEditorSelectionRangeChange } from './vega-inte
 import { O as Observer } from './observer-3959f9dd.js';
 import { f as findParent } from './ui-7d177fb0.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-a4cc9593.js';
 
 let processing = false;
 /**
@@ -754,4 +755,84 @@ __decorate([
   MapToComponentMethod('watchValueUpdate')
 ], SelectionController.prototype, "watchValueUpdate", null);
 
-export { AutoRunWhenReRenderTaskQueueSlimmer as A, RTESelectionState as R, ShadowSelectionPolyfill$1 as S, SelectionController as a };
+/**
+ * An abstract class that manages the history of component values.
+ */
+class ComponentValueHistoryControllerSlimmer extends KeyboardManagerSlimmer {
+  constructor() {
+    super(() => this.getKeyboardShortcutOptions.call(this));
+    this.redoStack = [];
+    this.undoStack = [];
+    this.registerHistoryDelay = 300;
+    this.registerHistoryDebounced = debounce((state) => {
+      this.internalRegisterHistory(state);
+    }, this.registerHistoryDelay, this);
+  }
+  /**
+   * Registers history based on the editor state.
+   *
+   * @typedef T generic type parameter
+   * @param {T} editorState - The state to record in history.
+   * @param {boolean} [isForce] - If true, the history will be registered immediately without debounce.
+   */
+  registerHistory(editorState, isForce = false) {
+    if (isForce) {
+      this.internalRegisterHistory(editorState);
+    }
+    else {
+      this.registerHistoryDebounced(editorState);
+    }
+  }
+  /**
+   * Internal function to register history immediately.
+   *
+   * @typedef T generic type parameter
+   * @param {T} state - The state to record in history.
+   */
+  internalRegisterHistory(state) {
+    this.redoStack = []; // clear redo stack when new action happens.
+    this.undoStack.push(state);
+  }
+  /**
+   * Returns the keyboard shortcut options for undo/redo functionality.
+   *
+   * @returns {KeyboardEventListener[]} - An array of keyboard shortcut options.
+   */
+  getKeyboardShortcutOptions() {
+    const baseOption = {
+      keyCode: 'KeyZ',
+      activeElementInScope: this.getEffectiveTargets(),
+      activeElementOutScope: this.getIneffectiveTargets.bind(this),
+      eventName: 'keydown',
+      modifierPressed: true,
+    };
+    return [
+      Object.assign(Object.assign({}, baseOption), { shiftKey: false, 
+        /**
+         * Callback function for the undo action.
+         *
+         * @param {KeyboardEvent} e - The keyboard event triggered by the user.
+         */
+        callback: (e) => {
+          e.preventDefault();
+          if (this.undoStack.length > 0) {
+            void this.undo();
+          }
+        } }),
+      Object.assign(Object.assign({}, baseOption), { shiftKey: true, 
+        /**
+         * Callback function for the redo action.
+         *
+         * @param {KeyboardEvent} e - The keyboard event triggered by the user.
+         */
+        callback: (e) => {
+          e.preventDefault();
+          if (this.redoStack.length > 0) {
+            void this.redo();
+          }
+        } }),
+    ];
+  }
+}
+
+export { AutoRunWhenReRenderTaskQueueSlimmer as A, ComponentValueHistoryControllerSlimmer as C, RTESelectionState as R, ShadowSelectionPolyfill$1 as S, SelectionController as a };

package/dist/esm/{design-token-2060cd0d.js → design-token-9bbefd23.js}

@@ -1,7 +1,7 @@
 import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-158f6d7a.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-8c0ce819.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-bcc2fd21.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
 import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-121ae7d3.js';
 import { a as BorderStyle } from './ui-8424715a.js';

package/dist/esm/{element-appender-slimmer-dbdad1df.js → element-appender-slimmer-8652e8d7.js}

@@ -1,11 +1,11 @@
 import { c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, c as isElementVisible, i as isParent } from './ui-7d177fb0.js';
-import { I as InternalVegaZIndexManager } from './vega-skeleton-loader-controller-06f48dd2.js';
+import { I as InternalVegaZIndexManager } from './vega-skeleton-loader-controller-9d1ffa6c.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-c51f1912.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { P as Placements, A as Alignments } from './ui-8424715a.js';
 import { A as isTranslocationType } from './type-guard-158f6d7a.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-8c0ce819.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-bcc2fd21.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-ca83d6b6.js';
 import { O as Observer } from './observer-3959f9dd.js';

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

@@ -9,7 +9,7 @@ import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-factory-6374611f.js';
 import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-178b2743.js';
 import { V as VegaInternalTranslation } from './translation-71e0711d.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-c51f1912.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.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-58ebc13c.js';

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-c51f1912.js';
+export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
 export { L as LogUtility, s as setVegaLogLevel } from './global-slimmer-registry-17c4efd4.js';
-export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-2060cd0d.js';
+export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-9bbefd23.js';
 export { c as camelToDashCase } from './string-be824360.js';
 export { d as BackgroundColorMap, a as BackgroundColors, e as BorderColorMap, b as BorderColors, B as BorderRadius, C as Colors, F as FillBackgroundColors, g as ShadowMap, f as Shadows, h as Spacing, S as StrokeBackgroundColors, c as TextColorMap, T as TextColors } from './type-guard-158f6d7a.js';
 export { B as Breakpoints } from './breakpoints-d9faf11c.js';
@@ -8,7 +8,7 @@ export { I as Icons, g as getIconFromToken } from './icons-8627925e.js';
 export { b as Typography, a as TypographyKeys, T as TypographyUrls } from './typography-396de03f.js';
 export { e as BoxDisplay, B as BreakpointKeys, C as CssStates, F as FlexDirections } from './ui-8424715a.js';
 export { F as FrameworkEnum, v as VegaEnvManager } from './vega-env-manager-8f8dc473.js';
-export { c as VegaDialog, d as VegaEventManager, V as VegaLoader, a as VegaNotify, f as VegaSkeletonLoader, b as VegaThemeManager, e as VegaZIndexManager } from './vega-skeleton-loader-controller-06f48dd2.js';
+export { c as VegaDialog, d as VegaEventManager, V as VegaLoader, a as VegaNotify, f as VegaSkeletonLoader, b as VegaThemeManager, e as VegaZIndexManager } from './vega-skeleton-loader-controller-9d1ffa6c.js';
 export { F as FeatureFlag } from './feature-flag-controller-0fbe8fb0.js';
 export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-d80c53c5.js';
 export { V as VegaIconManager } from './icon-manager-638dd4d4.js';
@@ -17,7 +17,7 @@ export { w as waitForVega } from './index-f5d2fe61.js';
 export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-71e0711d.js';
 export { R as RTEImageBlock, b as RTEListBlock, a as RTEListItemBlock, V as VegaRTEContent } from './content-state-69d29a07.js';
 export { M as ModifyContentAction, i as RTEBlock, a as RTEImageNode, v as RTENode, d as RTETextBlock, g as RTETextNode } from './code-block-ef2f04ca.js';
-export { G as GridColumns, a as GridRows } from './responsive-format-facade-8c0ce819.js';
+export { G as GridColumns, a as GridRows } from './responsive-format-facade-bcc2fd21.js';
 export { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
 export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
 export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
@@ -27,6 +27,7 @@ export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rul
 export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
 export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
+import './try-get-document-bef0f526.js';
 import './state-background-color-formatter-121ae7d3.js';
 import './regex-dfe11abf.js';
 import './create-public-api-runtime-metrics-slimmer-8ada793f.js';

package/dist/esm/{inject-keyboard-manager-e39c0fd9.js → inject-keyboard-manager-a15cf43c.js}

@@ -1,4 +1,4 @@
-import { K as KeyboardManager } from './keyboard-manager-9564ad83.js';
+import { K as KeyboardManager } from './keyboard-manager-f496a623.js';
 
 /**
  * It takes a function that returns an array of keyboard event listeners, and returns a decorator

package/dist/esm/{keyboard-manager-9564ad83.js → keyboard-manager-f496a623.js}

@@ -77,6 +77,9 @@ class KeyboardManager {
     const isKeyCodeAccepted = Array.isArray(listener.keyCode)
       ? listener.keyCode.includes(keyCode)
       : listener.keyCode === keyCode;
+    if (!isKeyCodeAccepted) {
+      return false;
+    }
     /* istanbul ignore next */
     if (typeof listener.activeElementInScope === 'function') {
       activeElementInScope = listener.activeElementInScope();
@@ -96,6 +99,9 @@ class KeyboardManager {
         return isParent(getDeepActiveElementInShadow(), element);
       })
       : true;
+    if (!isActiveElementInScope) {
+      return false;
+    }
     const isActiveElementOutScope = listener.activeElementOutScope
       ? activeElementOutScope.every((element) => !isParent(getDeepActiveElementInShadow(), element))
       : true;

package/dist/esm/{keyboard-manager-slimmer-2218e6ba.js → keyboard-manager-slimmer-a4cc9593.js}

@@ -1,5 +1,5 @@
 import { M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { K as KeyboardManager } from './keyboard-manager-9564ad83.js';
+import { K as KeyboardManager } from './keyboard-manager-f496a623.js';
 
 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;