@globalpayments/vega 2.95.0 → 2.97.0

package/dist/cjs/{date-required-rule-4ab06a82.js → date-required-rule-5250f26d.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 
 /**

package/dist/cjs/{design-token-d3d12fa0.js → design-token-74674ee7.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const typography = require('./typography-3ea4fe41.js');
-const stateBorderFormatter = require('./state-border-formatter-f1ce0f3b.js');
+const stateBorderFormatter = require('./state-border-formatter-711c7aaa.js');
 const ui = require('./ui-32120990.js');
 
 /**

package/dist/cjs/{element-appender-slimmer-1d6323c2.js → element-appender-slimmer-ccb2e3c2.js}

@@ -6,8 +6,8 @@ const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03dd
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const ui$1 = require('./ui-32120990.js');
-const typeGuard = require('./type-guard-f354af8b.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const featureFlagController = require('./feature-flag-controller-c19d0b58.js');
 const changeManager = require('./change-manager-a297e4d2.js');
@@ -1352,6 +1352,22 @@ class ElementAppender {
       this.adjustPosition(true);
     }
   }
+  /**
+   * Toggles the appendable's visibility without changing its logical open
+   * state. Used to visually clip the popup when the trigger is out of view.
+   *
+   * @param {boolean} clipped - true to hide, false to show
+   */
+  setClipHidden(clipped) {
+    if (!this.showConfig)
+      return;
+    if (clipped) {
+      this.hideElementAppender(this.showConfig.appendableElement);
+    }
+    else {
+      this.showElementAppender(this.showConfig.appendableElement);
+    }
+  }
   /* istanbul ignore next */
   /**
    * It removes the z-index from the appendable element, removes the appendable element from the DOM, and
@@ -1753,6 +1769,77 @@ class NoneTriggerStrategy {
   }
 }
 
+/**
+ * Returns the flattened-tree parent of a node so we can walk from inside a shadow
+ * tree up to the top-level document: assigned slot → parent element → shadow
+ * host.
+ *
+ * @param {Node} node - The node whose flattened-tree parent should be returned.
+ * @returns {HTMLElement | null} The flattened-tree parent, or null when the walk has reached the top.
+ */
+function flatParent(node) {
+  var _a;
+  const slot = (_a = node.assignedSlot) !== null && _a !== void 0 ? _a : null;
+  if (slot)
+    return slot;
+  const parent = node.parentElement;
+  if (parent)
+    return parent;
+  const root = node.getRootNode();
+  return root.host ? root.host : null;
+}
+/**
+ * Returns true when the trigger is clipped out of view by the visual viewport
+ * or by any scrollable ancestor.
+ *
+ * @param {HTMLElement} target - The trigger element to test against the viewport and scrollable ancestors.
+ * @returns {boolean} True when the trigger is clipped and the appendable should be hidden.
+ */
+function isTriggerClipped(target) {
+  const t = target.getBoundingClientRect();
+  const vw = window.innerWidth;
+  const vh = window.innerHeight;
+  if (t.bottom <= 0 || t.top >= vh || t.right <= 0 || t.left >= vw) {
+    return true;
+  }
+  let node = flatParent(target);
+  while (node) {
+    const style = getComputedStyle(node);
+    if (/(auto|scroll)/.test(style.overflowX + ' ' + style.overflowY)) {
+      const r = node.getBoundingClientRect();
+      if (t.bottom <= r.top || t.top >= r.bottom || t.right <= r.left || t.left >= r.right) {
+        return true;
+      }
+    }
+    node = flatParent(node);
+  }
+  return false;
+}
+/**
+ * Clip-hides an appendable while its trigger is scrolled out of view and
+ * restores it when the trigger returns, without touching the popup's logical
+ * open state. Applies to every appender consumer.
+ */
+class ClipOnScrollModifier {
+  /**
+   * @returns {boolean} Always true — geometry alone decides clip vs restore in `evaluate`.
+   */
+  isEnabled() {
+    return true;
+  }
+  /**
+   * Evaluates whether the appendable should be clip-hidden or restored based
+   * on the current trigger geometry.
+   *
+   * @param {VegaEAVisibilityContext} context - Evaluation context.
+   * @returns {VegaEAVisibilityResult} The next clip action.
+   */
+  evaluate(context) {
+    const clipped = isTriggerClipped(context.target);
+    return { nextAction: clipped ? 'clip-hide' : 'clip-show' };
+  }
+}
+
 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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1763,6 +1850,7 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
   constructor(showConfigFactory, getTrigger, isDropdownShowName = 'isDropdownShow', disableInteractiveGetter = () => false) {
     super();
     this.hierarchyTreeManager = new ElementAppenderHierarchyTreeManager(this);
+    this.visibilityModifiers = [new ClipOnScrollModifier()];
     /**
      * It adds event listeners to the target and the appendable element
      */
@@ -1868,6 +1956,33 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
         // itself, so no forced recalculation is needed there.
         const forceAdjust = !(e instanceof Event) || e.target !== tryGetDocument.tryGetDocument();
         (_a = this.elementAppender) === null || _a === void 0 ? void 0 : _a.onScroll(forceAdjust);
+        this.executeVisibilityModifiers({ kind: 'scroll', event: e });
+      }
+    };
+    /**
+     * Runs every enabled visibility modifier against the current show config and
+     * routes their actions to the appender. Modifiers are viewport-level,
+     * cross-cutting concerns that run in parallel with (not in place of) the
+     * selected trigger strategy — they only affect the appendable's visual
+     * clipping, never its logical open state.
+     */
+    this.executeVisibilityModifiers = (event) => {
+      if (!this.showConfig || !this.elementAppender)
+        return;
+      for (const modifier of this.visibilityModifiers) {
+        if (!modifier.isEnabled(this.showConfig))
+          continue;
+        const result = modifier.evaluate({
+          target: this.showConfig.target,
+          appendableElement: this.showConfig.appendableElement,
+          showConfig: this.showConfig,
+          currentState: { isVisible: this.isShowing() },
+          event,
+        });
+        if (result.nextAction === 'clip-hide')
+          this.elementAppender.setClipHidden(true);
+        else if (result.nextAction === 'clip-show')
+          this.elementAppender.setClipHidden(false);
       }
     };
     /* A timer that will hide the dropdown after a certain amount of time. */

package/dist/cjs/{form-field-controller-slimmer-d638ba12.js → form-field-controller-slimmer-58621b5e.js}

@@ -10,10 +10,11 @@ const misc = require('./misc-3d30df91.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
-const internalTranslationController = require('./internal-translation-controller-eb02c3b1.js');
+const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
 const index = require('./index-592b4052.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+const formFieldKey = require('./form-field-key-8d5edf75.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 const array = require('./array-249289f2.js');
@@ -746,7 +747,7 @@ class FormFieldController {
     var _a, _b;
     if (this.shouldVisitElement(this.host, (_a = payload.option) === null || _a === void 0 ? void 0 : _a.skipDisabled, (_b = payload.option) === null || _b === void 0 ? void 0 : _b.skipInvisible)) {
       const defaultValueMap = payload.defaultValueMap;
-      const fieldName = this.host.dataset['vegaForm'];
+      const fieldName = formFieldKey.getFormFieldKey(this.host);
       const defaultValue = defaultValueMap[fieldName] === undefined || defaultValueMap[fieldName] === null
         ? this.getDefaultValue()
         : defaultValueMap[fieldName];
@@ -798,7 +799,7 @@ class FormFieldController {
    * @returns {boolean} a boolean value.
    */
   shouldVisitElement(element, skipDisabled, skipInvisible) {
-    return !!(element.dataset['vegaForm'] &&
+    return !!(formFieldKey.getFormFieldKey(element) &&
       (!skipDisabled || !element['disabled']) &&
       (!skipInvisible || ui.isElementVisible(element)));
   }
@@ -1113,16 +1114,6 @@ class FormFieldControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    */
   componentDidLoad() {
   }
-  /**
-   * "If the element exists and has a data-vega-form attribute, return true, otherwise return false."
-   * The function isValidFormField() is used to determine if an element is a form field
-   *
-   * @param {HTMLElement} element - The element to check.
-   * @returns {boolean} A function that takes an element and returns a boolean.
-   */
-  static isValidFormField(element) {
-    return element && Boolean(element.getAttribute('data-vega-form'));
-  }
   /**
    * watch the prop validationRules and call the valid method
    * some components has not a prop validationRules
@@ -1142,7 +1133,7 @@ class FormFieldControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * inject form file help when componentWillLoad method call
    */
   setInjectFormFieldHelper() {
-    if (FormFieldControllerSlimmer.isValidFormField(this.host)) {
+    if (formFieldKey.isValidFormField(this.host)) {
       const { defaultValue } = this.options;
       const validator = new FormFieldController(this.getPropertyRules(), this.host, defaultValue, this.options);
       validator.addListener({

package/dist/cjs/form-field-key-8d5edf75.js

@@ -0,0 +1,25 @@
+'use strict';
+
+/**
+ * Get the form field key from an element.
+ * Returns the value of data-vega-form if present, otherwise returns the value of the name attribute.
+ *
+ * @param {HTMLElement} element - The form field element.
+ * @returns {Nullable<string>} The form field key, or null if neither attribute is present.
+ */
+function getFormFieldKey(element) {
+  return element.dataset['vegaForm'] || element.getAttribute('name') || element['name'] || null;
+}
+/**
+ * Check if an element has a valid form field key.
+ * Returns true if the element has either data-vega-form or name attribute.
+ *
+ * @param {HTMLElement} element - The form field element.
+ * @returns {boolean} True if the element has a form field key, false otherwise.
+ */
+function isValidFormField(element) {
+  return element && Boolean(getFormFieldKey(element));
+}
+
+exports.getFormFieldKey = getFormFieldKey;
+exports.isValidFormField = isValidFormField;

package/dist/cjs/{image-annotation-action-7c4cd316.js → image-annotation-action-b54dc669.js}

@@ -3,11 +3,11 @@
 const index = require('./index-58ea899e.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const codeBlock = require('./code-block-493c7ce7.js');
+const codeBlock = require('./code-block-28a7732e.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const darkModeStyleController = require('./dark-mode-style-controller-32d4054a.js');
-const contentState = require('./content-state-fc34a814.js');
+const contentState = require('./content-state-e2ab0f06.js');
 
 const text = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M64 96v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V80C0 53.5 21.5 32 48 32H224 400c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V96H256l0 320h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H144c-17.7 0-32-14.3-32-32s14.3-32 32-32h48l0-320H64z"/></svg>`,

package/dist/cjs/{image-extension-30a7c10f.js → image-extension-1e3eeaa3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const codeBlock = require('./code-block-493c7ce7.js');
-const linkExtension = require('./link-extension-92a63cb7.js');
+const codeBlock = require('./code-block-28a7732e.js');
+const linkExtension = require('./link-extension-71c27ff3.js');
 
 /**
  * Replace the text node selected content to new text

package/dist/cjs/index.cjs.js

@@ -4,40 +4,40 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const designToken = require('./design-token-74674ee7.js');
 const string = require('./string-39438062.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const breakpoints$1 = require('./breakpoints-ebde4837.js');
 const icons = require('./icons-dbc3eb9c.js');
 const typography = require('./typography-3ea4fe41.js');
 const ui = require('./ui-32120990.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
-const tokenExtension = require('./token-extension-d123d9d0.js');
+const tokenExtension = require('./token-extension-608bbf7b.js');
 const featureFlagController = require('./feature-flag-controller-c19d0b58.js');
-const splitCellOperation = require('./split-cell-operation-43752212.js');
+const splitCellOperation = require('./split-cell-operation-51097409.js');
 const vegaDialogController = require('./vega-dialog-controller-16be85d5.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-7003c84a.js');
 const iconManager = require('./icon-manager-be358b32.js');
-const validCreditCardNumberRule = require('./valid-credit-card-number-rule-8d370163.js');
+const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4c0a3040.js');
 require('./ui-c91c37a7.js');
-const internalTranslationController = require('./internal-translation-controller-eb02c3b1.js');
+const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const codeBlock = require('./code-block-493c7ce7.js');
-const contentState = require('./content-state-fc34a814.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const codeBlock = require('./code-block-28a7732e.js');
+const contentState = require('./content-state-e2ab0f06.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const checkBoxRequiredRule = require('./check-box-required-rule-1ee54b9a.js');
-const dateRequiredRule = require('./date-required-rule-4ab06a82.js');
+const dateRequiredRule = require('./date-required-rule-5250f26d.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-400690c3.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-23bf7485.js');
-const timeRequiredRule = require('./time-required-rule-12d2f394.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-4fdee376.js');
+const timeRequiredRule = require('./time-required-rule-87417359.js');
 const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
 const fileUploaderRequiredRule = require('./file-uploader-required-rule-5520bbec.js');
-const linkExtension = require('./link-extension-92a63cb7.js');
-const imageExtension = require('./image-extension-30a7c10f.js');
-const range = require('./range-30219330.js');
-require('./state-border-formatter-f1ce0f3b.js');
+const linkExtension = require('./link-extension-71c27ff3.js');
+const imageExtension = require('./image-extension-1e3eeaa3.js');
+const range = require('./range-eebe0e3c.js');
+require('./state-border-formatter-711c7aaa.js');
 require('./misc-3d30df91.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -45,7 +45,7 @@ require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-calendar-period-factory-b76006f7.js');
+require('./internal-calendar-period-factory-dfcdd3f6.js');
 require('./internal-icon-manager-40bcac72.js');
 require('./dom-node-subject-observer-factory-c82df135.js');
 require('./change-manager-a297e4d2.js');
@@ -183,6 +183,8 @@ exports.RTEAnnotationStyle = codeBlock.RTEAnnotationStyle;
 exports.RTEBlock = codeBlock.RTEBlock;
 exports.RTEDecoratorNode = codeBlock.RTEDecoratorNode;
 exports.RTEFilterStylesStrategy = codeBlock.RTEFilterStylesStrategy;
+exports.RTEListBlock = codeBlock.RTEListBlock;
+exports.RTEListItemBlock = codeBlock.RTEListItemBlock;
 exports.RTENode = codeBlock.RTENode;
 exports.RTETextBlock = codeBlock.RTETextBlock;
 exports.RTETextNode = codeBlock.RTETextNode;
@@ -194,8 +196,6 @@ exports.ElementToDTOStrategy = contentState.ElementToDTOStrategy;
 exports.InsertNewParagraphAction = contentState.InsertNewParagraphAction;
 exports.RTEImageBlock = contentState.RTEImageBlock;
 exports.RTEImageNode = contentState.RTEImageNode;
-exports.RTEListBlock = contentState.RTEListBlock;
-exports.RTEListItemBlock = contentState.RTEListItemBlock;
 exports.UpdateCursorPositionAction = contentState.UpdateCursorPositionAction;
 exports.VegaRTEContent = contentState.VegaRTEContent;
 exports.htmlElementToAnnotationGenerator = contentState.htmlElementToAnnotationGenerator;

package/dist/cjs/{inject-keyboard-manager-5a105612.js → inject-keyboard-manager-6a6f5c9f.js}

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

package/dist/cjs/{internal-calendar-period-factory-b76006f7.js → internal-calendar-period-factory-dfcdd3f6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 
 /**
  * Factory class for creating CalendarPeriod instances and converting them to VegaCalendarPeriodType.

package/dist/cjs/{internal-translation-controller-eb02c3b1.js → internal-translation-controller-1dac2df8.js}

@@ -137,8 +137,15 @@ const staticTranslations = {
   'Whole words': 'Whole words',
   'Match case': 'Match case',
   'Advanced options': 'Advanced options',
+  'Link Type': 'Link Type',
   'URL': 'URL',
+  'Email': 'Email',
+  'E-Mail Address': 'E-Mail Address',
+  'Message Subject': 'Message Subject',
+  'Message Body': 'Message Body',
   'Text': 'Text',
+  'Cancel': 'Cancel',
+  'Submit': 'Submit',
   'Edit': 'Edit',
   'Unlink': 'Unlink',
   'Size': 'Size',

package/dist/cjs/{keyboard-manager-ca76d4dc.js → keyboard-manager-c56033b1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const ui = require('./ui-c91c37a7.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 
 /**
  * It listens to the keyup event on the window and calls the appropriate method on the registered elements

package/dist/cjs/{keyboard-manager-slimmer-a1223714.js → keyboard-manager-slimmer-7043a106.js}

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

package/dist/cjs/{link-extension-92a63cb7.js → link-extension-71c27ff3.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const codeBlock = require('./code-block-493c7ce7.js');
-const contentState = require('./content-state-fc34a814.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const codeBlock = require('./code-block-28a7732e.js');
+const contentState = require('./content-state-e2ab0f06.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 require('./global-slimmer-registry-b3bce7e0.js');
 
 /**