@globalpayments/vega 2.47.1 → 2.49.0

package/dist/esm/{content-state-7437e069.js → content-state-dbc9f635.js}

@@ -1,6 +1,6 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-factory-f77cf9cc.js';
-import { a as VegaInternalRichTextEditorFlushChanges, b as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-7d1ff289.js';
+import { a as VegaInternalRichTextEditorFlushChanges, b as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-85ad403f.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 import { i as isNonNullable } from './type-guard-158f6d7a.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-8ada793f.js';
@@ -147,6 +147,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
    *
@@ -183,6 +189,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
    *
@@ -339,6 +351,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;
@@ -414,6 +434,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()]));
+  }
 }
 
 var NodeAnnotationTypeEnum;
@@ -469,6 +497,12 @@ class ImageAnnotation extends NodeAnnotation {
         size: this.size,
       };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new ImageAnnotation(this.size, this.alt);
+  }
   /**
    * Generate the style for the image
    *
@@ -629,6 +663,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
    */
@@ -1080,6 +1120,14 @@ class SelectionRangeAnnotation extends Annotation {
     this.type = 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);
+  }
 }
 
 /**
@@ -1110,6 +1158,12 @@ class StrikethroughAnnotation extends NodeAnnotation {
       strikethrough: this.strikethrough,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new StrikethroughAnnotation(this.strikethrough);
+  }
   /**
    * Generate the class for the annotation
    *
@@ -1156,6 +1210,12 @@ class UnderlineAnnotation extends NodeAnnotation {
       underline: this.underline,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new UnderlineAnnotation(this.underline);
+  }
   /**
    * Generate the class for the annotation
    *
@@ -1202,6 +1262,12 @@ class ItalicAnnotation extends NodeAnnotation {
       italic: this.italic,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new ItalicAnnotation(this.italic);
+  }
   /**
    * Generate the style for the annotation
    *
@@ -1240,6 +1306,12 @@ class BoldAnnotation extends NodeAnnotation {
       bold: this.bold,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new BoldAnnotation(this.bold);
+  }
   /**
    * Generate the style for the annotation
    *
@@ -1278,6 +1350,12 @@ class CodeAnnotation extends NodeAnnotation {
       code: this.code,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new CodeAnnotation(this.code);
+  }
   /**
    * Generate the class for the annotation
    *
@@ -1358,6 +1436,12 @@ class TextColorAnnotation extends NodeAnnotation {
       textColor: this.textColor.key,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new TextColorAnnotation(this.textColor.key);
+  }
   /**
    * Generate the class for the annotation
    *
@@ -1416,6 +1500,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
    *
@@ -1445,6 +1535,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;
+  }
 }
 
 /**
@@ -1905,7 +2002,13 @@ class RTETextNode extends RTENode {
    * @returns {RTETextNode} An new RTETextNode
    */
   cloneWithText(text) {
-    return new RTETextNode(generateUUID(), text, this.parentBlock, new Map(this.annotationMap));
+    return new RTETextNode(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
@@ -2010,6 +2113,12 @@ class TextStyleAnnotation extends BlockAnnotation {
   toJSON() {
     return { textStyle: this.textStyle };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new TextStyleAnnotation(this.textStyle);
+  }
   /**
    * Render the styles by block type
    *
@@ -2041,6 +2150,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' };
+      }
     }
   }
 }
@@ -2597,7 +2715,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.
@@ -2638,6 +2766,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
    */
@@ -2906,6 +3048,20 @@ class RTEImageBlock extends RTEBlock {
   createNewImageBlock() {
     return new RTEImageBlock(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(ModifyContentActionType.DELETE_BLOCK_CONTENT, RTEImageBlock.name, new BlockDeleteImageStrategy());
@@ -3165,6 +3321,26 @@ class RTEListItemBlock extends RTETextBlock {
   createNewListItem() {
     return new RTEListItemBlock(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(ModifyContentActionType.DELETE_BLOCK_CONTENT, RTEListItemBlock.name, new ListItemDeleteTextContentStrategy());
@@ -3459,6 +3635,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(ModifyContentActionType.DELETE_CHILD, RTEListBlock.name, new ListRemoveListItemStrategy());
@@ -3532,10 +3722,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.
@@ -3575,6 +3768,48 @@ class VegaRTEContent {
   createList(type) {
     return new RTEListBlock(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(ModifyContentActionType.DELETE_CHILD, VegaRTEContent.name, new BlockRemoveChildBlockStrategy());

package/dist/esm/{design-token-fb43f78a.js → design-token-e263e6a2.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-ae799f25.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-bc2f8ad3.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-0a0b20e9.js → element-appender-slimmer-55d63b1f.js}

@@ -5,12 +5,12 @@ import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-15a84d26.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-ae799f25.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-bc2f8ad3.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';
 import { d as domNodeSubjectFactory } from './dom-node-subject-factory-f77cf9cc.js';
-import { p as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-7d1ff289.js';
+import { p as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-85ad403f.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-715dccf9.js';
 
 var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{form-field-controller-slimmer-2978abd4.js → form-field-controller-slimmer-e7dc3db1.js}

@@ -7,7 +7,7 @@ import { f as findParent, c as isElementVisible } from './ui-ed1283bb.js';
 import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-factory-f77cf9cc.js';
-import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-7d1ff289.js';
+import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-85ad403f.js';
 import { V as VegaInternalTranslation } from './translation-cf7f020a.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-15a84d26.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
@@ -15,7 +15,7 @@ import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-7ee2b410.js';
 import { i as isArrayEqual } from './array-3113609f.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-da938c88.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-be7a6ce3.js';
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/esm/{image-annotation-action-51248df9.js → image-annotation-action-1aa938ab.js}

@@ -3,7 +3,7 @@ import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-reg
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-715dccf9.js';
 import { a as VegaClick, M as VegaPopoverShow, N as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-f77cf9cc.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-58cf8aa6.js';
-import { T as TextSplittableAction, j as TextColorAnnotation, k as RTE_TEXT_COLORS, f as RTETextNode, h as NodeAnnotationTypeEnum, A as AnnotationAction, i as ImageAnnotation } from './content-state-7437e069.js';
+import { T as TextSplittableAction, j as TextColorAnnotation, k as RTE_TEXT_COLORS, f as RTETextNode, h as NodeAnnotationTypeEnum, A as AnnotationAction, i as ImageAnnotation } from './content-state-dbc9f635.js';
 import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-2ada8e22.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{index-96374234.js → index-4aa167d6.js}

@@ -2,7 +2,7 @@ import { W as WaitForVega } from './wait-for-vega-handler-b18eb955.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-factory-f77cf9cc.js';
-import { V as VegaInternalComponentDidRender } from './vega-internal-event-id-7d1ff289.js';
+import { V as VegaInternalComponentDidRender } from './vega-internal-event-id-85ad403f.js';
 
 /* istanbul ignore next */
 /**

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-15a84d26.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-fb43f78a.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-e263e6a2.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';
@@ -13,16 +13,16 @@ export { F as FeatureFlag } from './feature-flag-controller-690eac1d.js';
 export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-87dc436c.js';
 export { V as VegaIconManager } from './icon-manager-638dd4d4.js';
 export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
-export { w as waitForVega } from './index-96374234.js';
+export { w as waitForVega } from './index-4aa167d6.js';
 export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-cf7f020a.js';
-export { M as ModifyContentAction, d as RTEBlock, a as RTEImageBlock, e as RTEImageNode, c as RTEListBlock, b as RTEListItemBlock, g as RTENode, R as RTETextBlock, f as RTETextNode, V as VegaRTEContent } from './content-state-7437e069.js';
-export { G as GridColumns, a as GridRows } from './responsive-format-facade-ae799f25.js';
+export { M as ModifyContentAction, d as RTEBlock, a as RTEImageBlock, e as RTEImageNode, c as RTEListBlock, b as RTEListItemBlock, g as RTENode, R as RTETextBlock, f as RTETextNode, V as VegaRTEContent } from './content-state-dbc9f635.js';
+export { G as GridColumns, a as GridRows } from './responsive-format-facade-bc2f8ad3.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';
 export { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
 export { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
-export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-baf61553.js';
+export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-6a7cd3ee.js';
 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';
@@ -41,7 +41,7 @@ import './index-44c794b4.js';
 import './dom-node-subject-factory-f77cf9cc.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './wait-for-vega-handler-b18eb955.js';
-import './vega-internal-event-id-7d1ff289.js';
+import './vega-internal-event-id-85ad403f.js';
 import './pixel-f32c07ce.js';
 import './array-3113609f.js';
 import './date-c55b97f0.js';

package/dist/esm/{inject-keyboard-manager-ab0bfb8b.js → inject-keyboard-manager-f513be4a.js}

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

package/dist/esm/{keyboard-manager-8c4ef91b.js → keyboard-manager-262be5ce.js}

@@ -1,4 +1,5 @@
 import { i as isParent, d as getDeepActiveElementInShadow } from './ui-ed1283bb.js';
+import { i as isNonNullable } from './type-guard-158f6d7a.js';
 
 /**
  * It listens to the keyup event on the window and calls the appropriate method on the registered elements
@@ -54,9 +55,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));
   }
   /**
@@ -65,10 +65,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)
@@ -96,7 +97,26 @@ class KeyboardManager {
     const isActiveElementOutScope = listener.activeElementOutScope
       ? activeElementOutScope.every((element) => !isParent(getDeepActiveElementInShadow(), element))
       : true;
-    return isKeyCodeAccepted && isActiveElementInScope && isActiveElementOutScope;
+    const isExpectedModifierPressed = isNonNullable(listener.modifierPressed)
+      ? listener.modifierPressed === this.isModifierPressed(event)
+      : true;
+    const isExpectedShiftKeyPressed = 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/esm/{keyboard-manager-slimmer-6f5cb52a.js → keyboard-manager-slimmer-42bf9773.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-8c4ef91b.js';
+import { K as KeyboardManager } from './keyboard-manager-262be5ce.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;