@globalpayments/vega 2.47.1 → 2.49.0

package/dist/cjs/{app-globals-fdf98585.js → app-globals-e17dedba.js}

@@ -8,10 +8,10 @@ const iconManager = require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
 require('./ui-13b42af0.js');
 const translation = require('./translation-212b1875.js');
-const contentState = require('./content-state-b1ec39e3.js');
+const contentState = require('./content-state-6a48bcb5.js');
 const typography = require('./typography-4560e7f1.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a1b00b8.js');
-const index$1 = require('./index-ec9a1f36.js');
+const index$1 = require('./index-c4dec3aa.js');
 const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
@@ -314,7 +314,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void Promise.resolve().then(function () { return require('./public-rules-3c2a69b4.js'); }).then((module) => {
+  void Promise.resolve().then(function () { return require('./public-rules-10ec636d.js'); }).then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/cjs/{content-state-b1ec39e3.js → content-state-6a48bcb5.js}

@@ -2,7 +2,7 @@
 
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-d5826bff.js');
-const vegaInternalEventId = require('./vega-internal-event-id-dc866d43.js');
+const vegaInternalEventId = require('./vega-internal-event-id-bfea9b93.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
@@ -149,6 +149,12 @@ class HorizontalAlignmentAnnotation extends BlockAnnotation {
   renderClass() {
     return `v-rte--horizontal-alignment-${this.textAlign}`;
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new HorizontalAlignmentAnnotation(this.textAlign);
+  }
   /**
    * Generate the style for the annotation
    *
@@ -185,6 +191,12 @@ class IndentAnnotation extends BlockAnnotation {
   toJSON() {
     return this.indent > 0 ? { indent: this.indent } : null;
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new IndentAnnotation(this.indent);
+  }
   /**
    * Generate the style for the annotation
    *
@@ -341,6 +353,14 @@ class RTEBlock {
     this.annotationMap.set(annotation.type, annotation);
     typeof this.doAnnotationActionApply === 'function' && this.doAnnotationActionApply(action);
   }
+  /**
+   * clone annotations of the block
+   *
+   * @returns {BlockAnnotations} - Cloned annotations
+   */
+  cloneAnnotations() {
+    return new Map(Array.from(this.annotationMap.entries()).map(([key, value]) => [key, value.clone()]));
+  }
 }
 
 var NodeTypeEnum;
@@ -416,6 +436,14 @@ class RTENode {
       }
     }
   }
+  /**
+   * Clones the annotations of the current RTETextNode.
+   *
+   * @returns {NodeAnnotations} A new Map containing cloned annotations.
+   */
+  cloneAnnotations() {
+    return new Map(Array.from(this.annotationMap.entries()).map(([key, value]) => [key, value.clone()]));
+  }
 }
 
 exports.NodeAnnotationTypeEnum = void 0;
@@ -471,6 +499,12 @@ class ImageAnnotation extends NodeAnnotation {
         size: this.size,
       };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new ImageAnnotation(this.size, this.alt);
+  }
   /**
    * Generate the style for the image
    *
@@ -631,6 +665,12 @@ class RTEImageNode extends RTENode {
     }
     return Object.assign(Object.assign({ id: this.id }, (Object.keys(annotations).length > 0 ? { annotations } : {})), { type: 'image', url: this.url });
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new RTEImageNode(this.id, this.url, this.parentBlock, super.cloneAnnotations());
+  }
   /**
    * @inheritDoc
    */
@@ -1082,6 +1122,14 @@ class SelectionRangeAnnotation extends Annotation {
     this.type = exports.InternalAnnotationTypeEnum.SELECTION_RANGE;
     this.range = range;
   }
+  /**
+   * Clone the selection range annotation
+   *
+   * @returns {SelectionRangeAnnotation} A cloned instance of the selection range annotation
+   */
+  clone() {
+    return new SelectionRangeAnnotation(this.range);
+  }
 }
 
 /**
@@ -1112,6 +1160,12 @@ class StrikethroughAnnotation extends NodeAnnotation {
       strikethrough: this.strikethrough,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new StrikethroughAnnotation(this.strikethrough);
+  }
   /**
    * Generate the class for the annotation
    *
@@ -1158,6 +1212,12 @@ class UnderlineAnnotation extends NodeAnnotation {
       underline: this.underline,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new UnderlineAnnotation(this.underline);
+  }
   /**
    * Generate the class for the annotation
    *
@@ -1204,6 +1264,12 @@ class ItalicAnnotation extends NodeAnnotation {
       italic: this.italic,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new ItalicAnnotation(this.italic);
+  }
   /**
    * Generate the style for the annotation
    *
@@ -1242,6 +1308,12 @@ class BoldAnnotation extends NodeAnnotation {
       bold: this.bold,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new BoldAnnotation(this.bold);
+  }
   /**
    * Generate the style for the annotation
    *
@@ -1280,6 +1352,12 @@ class CodeAnnotation extends NodeAnnotation {
       code: this.code,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new CodeAnnotation(this.code);
+  }
   /**
    * Generate the class for the annotation
    *
@@ -1360,6 +1438,12 @@ class TextColorAnnotation extends NodeAnnotation {
       textColor: this.textColor.key,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new TextColorAnnotation(this.textColor.key);
+  }
   /**
    * Generate the class for the annotation
    *
@@ -1418,6 +1502,12 @@ class LinkAnnotation extends NodeAnnotation {
   toJSON() {
     return { link: { href: this.link.href, groupKey: this.link.groupKey } };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new LinkAnnotation(this.link);
+  }
   /**
    * Verify whether two link annotation is same or not
    *
@@ -1447,6 +1537,13 @@ class LinkGroupAnnotation extends Annotation {
     this.linkGroups = new Map();
     this.linkGroups = new Map([[groupKey, []]]);
   }
+  clone() {
+    const clonedAnnotation = new LinkGroupAnnotation('');
+    this.linkGroups.forEach((nodes, key) => {
+      clonedAnnotation.linkGroups.set(key, nodes.map((node) => node.clone()));
+    });
+    return clonedAnnotation;
+  }
 }
 
 /**
@@ -1907,7 +2004,13 @@ class RTETextNode extends RTENode {
    * @returns {RTETextNode} An new RTETextNode
    */
   cloneWithText(text) {
-    return new RTETextNode(createPublicApiRuntimeMetricsSlimmer.generateUUID(), text, this.parentBlock, new Map(this.annotationMap));
+    return new RTETextNode(createPublicApiRuntimeMetricsSlimmer.generateUUID(), text, this.parentBlock, super.cloneAnnotations());
+  }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new RTETextNode(this.id, this.text, this.parentBlock, super.cloneAnnotations());
   }
   /**
    * Checks if a node is empty
@@ -2012,6 +2115,12 @@ class TextStyleAnnotation extends BlockAnnotation {
   toJSON() {
     return { textStyle: this.textStyle };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new TextStyleAnnotation(this.textStyle);
+  }
   /**
    * Render the styles by block type
    *
@@ -2043,6 +2152,15 @@ class TextStyleAnnotation extends BlockAnnotation {
       case 'heading-3': {
         return { fontFamily: 'Inter', fontSize: '18px', lineHeight: '22px', fontWeight: '500' };
       }
+      case 'heading-4': {
+        return { fontFamily: 'Inter', fontSize: '16px', lineHeight: '22px', fontWeight: '500' };
+      }
+      case 'heading-5': {
+        return { fontFamily: 'Inter', fontSize: '14px', lineHeight: '22px', fontWeight: '500' };
+      }
+      case 'heading-6': {
+        return { fontFamily: 'Inter', fontSize: '12px', lineHeight: '22px', fontWeight: '500' };
+      }
     }
   }
 }
@@ -2599,7 +2717,17 @@ class RTETextBlock extends RTEBlock {
    * @returns {boolean} Return a boolean value indicating whether the `type` parameter is valid.
    */
   static isAcceptableTextStyle(type) {
-    return ['title', 'subtitle', 'paragraph', 'heading-1', 'heading-2', 'heading-3'].includes(type);
+    return [
+      'title',
+      'subtitle',
+      'paragraph',
+      'heading-1',
+      'heading-2',
+      'heading-3',
+      'heading-4',
+      'heading-5',
+      'heading-6',
+    ].includes(type);
   }
   /**
    * Merges RTETextNode nodes based on certain conditions.
@@ -2640,6 +2768,20 @@ class RTETextBlock extends RTEBlock {
     block.apply(new AppendChildNodesAction(nodes));
     return block;
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    const clonedBlock = new RTETextBlock(this.id, this.type);
+    clonedBlock.nodes = this.nodes.map((node) => {
+      const clonedNode = node.clone();
+      clonedNode.parentBlock = clonedBlock;
+      return clonedNode;
+    });
+    clonedBlock.annotationMap = super.cloneAnnotations();
+    clonedBlock.parent = this.parent;
+    return clonedBlock;
+  }
   /**
    * @inheritDoc
    */
@@ -2908,6 +3050,20 @@ class RTEImageBlock extends RTEBlock {
   createNewImageBlock() {
     return new RTEImageBlock(createPublicApiRuntimeMetricsSlimmer.generateUUID());
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    const clonedBlock = new RTEImageBlock(this.id);
+    clonedBlock.nodes = this.nodes.map((node) => {
+      const clonedNode = node.clone();
+      clonedNode.parentBlock = clonedBlock;
+      return clonedNode;
+    });
+    clonedBlock.annotationMap = super.cloneAnnotations();
+    clonedBlock.parent = this.parent;
+    return clonedBlock;
+  }
 }
 (() => {
   ActionHandleStrategyRegistry.register(exports.ModifyContentActionType.DELETE_BLOCK_CONTENT, RTEImageBlock.name, new BlockDeleteImageStrategy());
@@ -3167,6 +3323,26 @@ class RTEListItemBlock extends RTETextBlock {
   createNewListItem() {
     return new RTEListItemBlock(createPublicApiRuntimeMetricsSlimmer.generateUUID());
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    var _a;
+    const block = new RTEListItemBlock(this.id);
+    block.nodes = this.nodes.map((node) => {
+      const clonedNode = node.clone();
+      clonedNode.parentBlock = block;
+      return clonedNode;
+    });
+    block.annotationMap = super.cloneAnnotations();
+    block.children = (_a = this.children) === null || _a === void 0 ? void 0 : _a.map((child) => {
+      const clonedChild = child.clone();
+      clonedChild.parent = block;
+      return clonedChild;
+    });
+    block.parent = this.parent;
+    return block;
+  }
 }
 (() => {
   ActionHandleStrategyRegistry.register(exports.ModifyContentActionType.DELETE_BLOCK_CONTENT, RTEListItemBlock.name, new ListItemDeleteTextContentStrategy());
@@ -3461,6 +3637,20 @@ class RTEListBlock extends RTEBlock {
   getLastNode() {
     return this.blocks[this.blocks.length - 1].getLastNode();
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    const clonedListBlock = new RTEListBlock(this.id, this.type);
+    clonedListBlock.blocks = this.blocks.map((item) => {
+      const clonedListItemBlock = item.clone();
+      clonedListItemBlock.parent = clonedListBlock;
+      return clonedListItemBlock;
+    });
+    clonedListBlock.annotationMap = super.cloneAnnotations();
+    clonedListBlock.parent = this.parent;
+    return clonedListBlock;
+  }
 }
 (() => {
   ActionHandleStrategyRegistry.register(exports.ModifyContentActionType.DELETE_CHILD, RTEListBlock.name, new ListRemoveListItemStrategy());
@@ -3534,10 +3724,13 @@ class VegaRTEContent {
   /**
    * Clones the content state.
    *
+   * @param {boolean} deep - If true, performs a deep clone of the content state.
    * @returns {VegaRTEContent} The cloned content state.
    */
-  clone() {
-    return new VegaRTEContent([...this.blocks]);
+  clone(deep = false) {
+    return deep
+      ? new VegaRTEContent(this.blocks.map((block) => block.clone()))
+      : new VegaRTEContent([...this.blocks]);
   }
   /**
    * Converts the content state to a JSON array of blocks.
@@ -3577,6 +3770,48 @@ class VegaRTEContent {
   createList(type) {
     return new RTEListBlock(createPublicApiRuntimeMetricsSlimmer.generateUUID(), type);
   }
+  /**
+   * Finds a node by its ID in the content.
+   *
+   * @param {string} id - The ID of the node to find.
+   * @returns {Nullable<RTENode>} The found node or null if not found.
+   */
+  findNodeById(id) {
+    return this.findNodeInBlocksById(id, this.blocks);
+  }
+  /**
+   * Recursively searches for a node by its ID in the given blocks.
+   *
+   * @param {string} id - The ID of the node to find.
+   * @param {RTEContentBlock[]} blocks - The blocks to search within.
+   * @returns {Nullable<RTENode>} The found node or null if not found.
+   */
+  findNodeInBlocksById(id, blocks) {
+    for (const block of blocks) {
+      if ('nodes' in block) {
+        for (const node of block.nodes) {
+          if (node.id === id) {
+            return node;
+          }
+        }
+      }
+      if (block instanceof RTEListItemBlock && block.children) {
+        for (const cBlock of block.children) {
+          const foundNode = this.findNodeInBlocksById(id, cBlock.blocks);
+          if (foundNode) {
+            return foundNode;
+          }
+        }
+      }
+      if (block instanceof RTEListBlock && block.blocks) {
+        const foundNode = this.findNodeInBlocksById(id, block.blocks);
+        if (foundNode) {
+          return foundNode;
+        }
+      }
+    }
+    return null;
+  }
 }
 (() => {
   ActionHandleStrategyRegistry.register(exports.ModifyContentActionType.DELETE_CHILD, VegaRTEContent.name, new BlockRemoveChildBlockStrategy());

package/dist/cjs/{design-token-0c22ffa8.js → design-token-6e2c52f1.js}

@@ -3,7 +3,7 @@
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-e48962dd.js');
+const responsiveFormatFacade = require('./responsive-format-facade-9be0a851.js');
 const typography = require('./typography-4560e7f1.js');
 const stateBackgroundColorFormatter = require('./state-background-color-formatter-e585a027.js');
 const ui = require('./ui-32e69595.js');

package/dist/cjs/{element-appender-slimmer-b3109dd1.js → element-appender-slimmer-9fb99abd.js}

@@ -7,12 +7,12 @@ const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e08878.js');
 const ui$1 = require('./ui-32e69595.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const responsiveFormatFacade = require('./responsive-format-facade-e48962dd.js');
+const responsiveFormatFacade = require('./responsive-format-facade-9be0a851.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
 const observer = require('./observer-f49483e8.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-d5826bff.js');
-const vegaInternalEventId = require('./vega-internal-event-id-dc866d43.js');
+const vegaInternalEventId = require('./vega-internal-event-id-bfea9b93.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a7a3b196.js');
 
 var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/{form-field-controller-slimmer-2432e295.js → form-field-controller-slimmer-527c25a0.js}

@@ -9,7 +9,7 @@ const ui = require('./ui-13b42af0.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-d5826bff.js');
-const vegaInternalEventId = require('./vega-internal-event-id-dc866d43.js');
+const vegaInternalEventId = require('./vega-internal-event-id-bfea9b93.js');
 const translation = require('./translation-212b1875.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e08878.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
@@ -17,7 +17,7 @@ const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-facto
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-1f8c32a3.js');
 const array = require('./array-3aa164ce.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-1b6de09f.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-e90362cd.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/cjs/{image-annotation-action-becd6f24.js → image-annotation-action-9c2b9c8e.js}

@@ -5,7 +5,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a7a3b196.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-d5826bff.js');
 const internalIconManager = require('./internal-icon-manager-00f49470.js');
-const contentState = require('./content-state-b1ec39e3.js');
+const contentState = require('./content-state-6a48bcb5.js');
 const darkModeStyleController = require('./dark-mode-style-controller-4adb7fb2.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/{index-ec9a1f36.js → index-c4dec3aa.js}

@@ -4,7 +4,7 @@ const waitForVegaHandler = require('./wait-for-vega-handler-0a0738ac.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-d5826bff.js');
-const vegaInternalEventId = require('./vega-internal-event-id-dc866d43.js');
+const vegaInternalEventId = require('./vega-internal-event-id-bfea9b93.js');
 
 /* istanbul ignore next */
 /**

package/dist/cjs/index.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e08878.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const designToken = require('./design-token-0c22ffa8.js');
+const designToken = require('./design-token-6e2c52f1.js');
 const string = require('./string-21427167.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
@@ -17,16 +17,16 @@ const featureFlagController = require('./feature-flag-controller-075fa683.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-c9948b59.js');
 const iconManager = require('./icon-manager-9a47399c.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a1b00b8.js');
-const index = require('./index-ec9a1f36.js');
+const index = require('./index-c4dec3aa.js');
 const translation = require('./translation-212b1875.js');
-const contentState = require('./content-state-b1ec39e3.js');
-const responsiveFormatFacade = require('./responsive-format-facade-e48962dd.js');
+const contentState = require('./content-state-6a48bcb5.js');
+const responsiveFormatFacade = require('./responsive-format-facade-9be0a851.js');
 const checkBoxRequiredRule = require('./check-box-required-rule-1ee54b9a.js');
 const dateRequiredRule = require('./date-required-rule-4e1f84fd.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-f08f5891.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-5faded94.js');
 const timeRequiredRule = require('./time-required-rule-ccf178e7.js');
 const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
 const fileUploaderRequiredRule = require('./file-uploader-required-rule-313ec9e3.js');
@@ -45,7 +45,7 @@ require('./index-8b247c17.js');
 require('./dom-node-subject-factory-d5826bff.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./wait-for-vega-handler-0a0738ac.js');
-require('./vega-internal-event-id-dc866d43.js');
+require('./vega-internal-event-id-bfea9b93.js');
 require('./pixel-98f2a10c.js');
 require('./array-3aa164ce.js');
 require('./date-0a6bb035.js');

package/dist/cjs/{inject-keyboard-manager-d1eac696.js → inject-keyboard-manager-b301e887.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const keyboardManager = require('./keyboard-manager-97d0ddfa.js');
+const keyboardManager = require('./keyboard-manager-2ccf4b16.js');
 
 /**
  * It takes a function that returns an array of keyboard event listeners, and returns a decorator

package/dist/cjs/{keyboard-manager-97d0ddfa.js → keyboard-manager-2ccf4b16.js}

@@ -1,6 +1,7 @@
 'use strict';
 
 const ui = require('./ui-13b42af0.js');
+const typeGuard = require('./type-guard-4ba85fdc.js');
 
 /**
  * It listens to the keyup event on the window and calls the appropriate method on the registered elements
@@ -56,9 +57,8 @@ class KeyboardManager {
    * listener.
    */
   invokeListeners(eventName, event) {
-    const keyCode = event.code;
     this.listeners
-      .filter((listener) => listener.eventName === eventName && this.shouldInvokeListener(listener, keyCode))
+      .filter((listener) => listener.eventName === eventName && this.shouldInvokeListener(listener, event))
       .forEach((listener) => listener.callback(event));
   }
   /**
@@ -67,10 +67,11 @@ class KeyboardManager {
    *
    * @param {KeyboardEventListener} listener - KeyboardEventListener - the listener object that we're
    * checking
-   * @param {string} keyCode - The key code of the key that was pressed.
+   * @param {KeyboardEvent} event - The keyboard event that triggered the listener.
    * @returns {boolean} - should invoke
    */
-  shouldInvokeListener(listener, keyCode) {
+  shouldInvokeListener(listener, event) {
+    const keyCode = event.code;
     let activeElementInScope = [];
     let activeElementOutScope = [];
     const isKeyCodeAccepted = Array.isArray(listener.keyCode)
@@ -98,7 +99,26 @@ class KeyboardManager {
     const isActiveElementOutScope = listener.activeElementOutScope
       ? activeElementOutScope.every((element) => !ui.isParent(ui.getDeepActiveElementInShadow(), element))
       : true;
-    return isKeyCodeAccepted && isActiveElementInScope && isActiveElementOutScope;
+    const isExpectedModifierPressed = typeGuard.isNonNullable(listener.modifierPressed)
+      ? listener.modifierPressed === this.isModifierPressed(event)
+      : true;
+    const isExpectedShiftKeyPressed = typeGuard.isNonNullable(listener.shiftKey)
+      ? listener.shiftKey === event.shiftKey
+      : true;
+    return (isKeyCodeAccepted &&
+      isActiveElementInScope &&
+      isActiveElementOutScope &&
+      isExpectedModifierPressed &&
+      isExpectedShiftKeyPressed);
+  }
+  /**
+   * Checks if the platform modifier key (Meta on Mac, Ctrl on Windows) is pressed.
+   *
+   * @param {KeyboardEvent} e - The keyboard event to check.
+   * @returns {boolean} - True if the platform modifier key is pressed, false otherwise.
+   */
+  isModifierPressed(e) {
+    return /Mac|iPhone|iPad/.test(navigator.userAgent) ? e.metaKey : e.ctrlKey;
   }
 }
 const KeyboardManager$1 = new KeyboardManager();

package/dist/cjs/{keyboard-manager-slimmer-23ce5dcf.js → keyboard-manager-slimmer-900cf2f5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const keyboardManager = require('./keyboard-manager-97d0ddfa.js');
+const keyboardManager = require('./keyboard-manager-2ccf4b16.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;