@globalpayments/vega 2.94.0 → 2.95.0

package/dist/cjs/vega-dialog_2.cjs.entry.js

@@ -14,8 +14,8 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
@@ -28,13 +28,14 @@ const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-73b4c0cb.js');
+const sharedBackdropManager = require('./shared-backdrop-manager-71e54fdb.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./breakpoints-ebde4837.js');
 require('./typography-3ea4fe41.js');
 require('./index-3ca118c4.js');
 require('./try-get-document-c0ebd39a.js');
 require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./index-592b4052.js');
@@ -250,12 +251,13 @@ class VegaModalRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.modalContainer;
   }
   render() {
+    const effectiveWidth = this.sizeDeprecatedPropertySlimmer.getValue();
     return (index.h(index.Host, { class: {
         'align-center': this.deprecatedPropertySlimmer.getValue() && this.openState.isOpen,
         'animation': this.animation,
         'is-section-padding': typeGuard.isVegaModalSectionPaddingType(this.padding),
       } },
-      index.h("vega-box", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, width: typeGuard.isResponsiveSizeType(this.size) ? this.size : ui.DefaultModalSize, height: this.height, margin: this.margin }, this.renderContainer())));
+      index.h("vega-box", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, width: typeGuard.isResponsiveSizeType(effectiveWidth) ? effectiveWidth : ui.DefaultModalSize, height: this.height, margin: this.margin }, this.renderContainer())));
   }
   renderContainer() {
     return (index.h("vega-box", { class: "modal-container", corners: this.corners, ref: (node) => (this.modalContainer = node) },
@@ -335,7 +337,7 @@ __decorate$8([
 ], VegaModalRenderer.prototype, "margin", void 0);
 __decorate$8([
   globalSlimmerRegistry.MapToComponentField()
-], VegaModalRenderer.prototype, "size", void 0);
+], VegaModalRenderer.prototype, "sizeDeprecatedPropertySlimmer", void 0);
 __decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaModalRenderer.prototype, "height", void 0);
@@ -731,9 +733,15 @@ class VegaModalOpenStateController extends globalSlimmerRegistry.VegaSlimmer {
       ? this.openedModalStackController.push()
       : this.openedModalStackController.remove();
     this.updateDocumentRootOverflow();
-    this.backdropController.setBackdrop();
-    this.zIndexController.setModalZIndex();
-    this.removeBackdropWhileNoModalShow();
+    if (this.openState.isOpen) {
+      this.backdropManager.watchOpenState();
+      this.zIndexController.setModalZIndex();
+    }
+    else {
+      // On close, update z-index before lazy backdrop teardown so stale entries are removed.
+      this.zIndexController.setModalZIndex();
+      this.backdropManager.watchOpenState();
+    }
     this.emitEvent();
     this.setModalVisibility();
     this.ariaDialogToggle(this.openState.isOpen);
@@ -778,19 +786,6 @@ class VegaModalOpenStateController extends globalSlimmerRegistry.VegaSlimmer {
       document.body.classList.remove('disable-scroll-in-desktop');
     }
   }
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-disconnected-callback-e2e }
-   */
-  /* istanbul ignore next */
-  /**
-   * Removes the backdrop element if no modals are currently visible.
-   */
-  removeBackdropWhileNoModalShow() {
-    if (!this.openState.isOpen && this.openedModalStackController.length() === 0) {
-      this.backdropController.removeBackdrop();
-    }
-  }
   /*
    * The below method is e2e-test covered in
    * @see{@module:vega-modal-backdrop-mousedown-mouseup-e2e}
@@ -837,7 +832,7 @@ __decorate$5([
 ], VegaModalOpenStateController.prototype, "openEventEmitter", void 0);
 __decorate$5([
   globalSlimmerRegistry.MapToComponentField()
-], VegaModalOpenStateController.prototype, "backdropController", void 0);
+], VegaModalOpenStateController.prototype, "backdropManager", void 0);
 __decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaModalOpenStateController.prototype, "openedModalStackController", void 0);
@@ -885,71 +880,138 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /**
- * Modal backdrop controller
+ * Modal-specific backdrop manager — extends SharedBackdropManager to get its own static scope.
+ * Each subclass of SharedBackdropManager gets its own separate static state (consumers, visibility intents, etc).
+ * Handles backdrop color customization and stack-aware visibility.
  */
-class VegaModalBackdropController extends globalSlimmerRegistry.VegaSlimmer {
+class VegaModalBackdropManager extends sharedBackdropManager.SharedBackdropManager {
+  /**
+   * Clear shared backdrop and ownership state.
+   */
+  clear() {
+    super.clear();
+    VegaModalBackdropManager.visibleBackdropOwners = [];
+  }
   /**
-   * Get the backdropRef element or null.
+   * Watch backdrop property changes and update visibility intent.
+   */
+  watchBackdrop() {
+    this.updateVisibility();
+  }
+  /**
+   * Watch backdropColor property changes and update color if backdrop exists.
    *
-   * @returns {HTMLElement | null} - The backdropRef.
    */
-  getBackdropRef() {
-    return this.backdropRef;
+  watchBackdropColor() {
+    const backdrop = this.getBackdrop();
+    if (!backdrop) {
+      return;
+    }
+    this.syncBackdropColor(backdrop);
+  }
+  /**
+   * Watch openState changes and update backdrop visibility intent.
+   */
+  watchOpenState() {
+    this.updateVisibility();
   }
-  /*
-   * The below method is e2e-test covered in
-   * @see{module:vega-modal-backdrop-color-default-e2e}
-   * @see{module:vega-modal-backdrop-color-semi-e2e}
-   * @see{module:vega-modal-backdrop-color-none-e2e}
-   * @see{module:vega-modal-default-e2e}
+  /**
+   * Opt in to lazy backdrop lifecycle: the DOM element is created on first show
+   * and removed when the last modal with a visible backdrop closes.
+   * This keeps `backdrop='none'` modals from leaving a stale DOM node.
+   *
+   * @returns {boolean} Always true for modals.
    */
-  /* istanbul ignore next */
+  usesLazyBackdrop() {
+    return true;
+  }
   /**
-   * Set backdrop of modal.
+   * Customize backdrop creation for modal use case with color support.
+   * Appends backdrop as a sibling of the modal host to share the same stacking context.
+   *
+   * @param {Document} doc - The document reference.
+   * @returns {HTMLVegaBackdropElement} The created and configured backdrop element.
    */
-  setBackdrop() {
+  createBackdrop(doc) {
     var _a;
-    if (this.backdrop === 'none')
-      return;
-    // eslint-disable-next-line no-restricted-globals
-    let backdrop = document.querySelector(`vega-backdrop.${VegaModalBackdropController.modalBackdropClass}`);
-    if (!backdrop) {
-      // eslint-disable-next-line no-restricted-globals
-      backdrop = document.createElement('vega-backdrop');
-      backdrop.classList.add(VegaModalBackdropController.modalBackdropClass);
-      backdrop.color = VegaModalBackdropController.backdropColorMap[this.backdropColor];
-      backdrop.visible = true;
-      // Append backdrop as a sibling of the modal host so it shares the same stacking context.
-      // - When vega-modal is in document.body (normal case), parentElement is document.body.
-      // - When vega-modal is inside a third-party dialog (e.g. Bootstrap modal), parentElement is the dialog container — keeping the backdrop inside the focus-trap root.
-      // - Falls back to document.body when parentElement is null (e.g. VegaDialog creates the vega-modal element before appending it to the DOM).
-      // eslint-disable-next-line no-restricted-globals
-      ((_a = this.host.parentElement) !== null && _a !== void 0 ? _a : document.body).append(backdrop);
+    const backdrop = doc.createElement('vega-backdrop');
+    backdrop.classList.add(VegaModalBackdropManager.modalBackdropClass);
+    backdrop.color = VegaModalBackdropManager.backdropColorMap[this.backdropColor];
+    backdrop.visible = false;
+    // Append backdrop as a sibling of the modal host so it shares the same stacking context.
+    // - When vega-modal is in document.body (normal case), parentElement is document.body.
+    // - When vega-modal is inside a third-party dialog (e.g. Bootstrap modal), parentElement is the dialog container — keeping the backdrop inside the focus-trap root.
+    // - Falls back to document.body when parentElement is null (e.g. VegaDialog creates the vega-modal element before appending it to the DOM).
+    ((_a = this.host.parentElement) !== null && _a !== void 0 ? _a : doc.body).append(backdrop);
+    return backdrop;
+  }
+  /**
+   * Update this modal's backdrop intent.
+   */
+  updateVisibility() {
+    const shouldShow = this.openState.isOpen && this.backdrop !== 'none';
+    this.trackBackdropOwner(shouldShow);
+    this.setVisibilityIntent(shouldShow);
+    const backdrop = this.getBackdrop();
+    if (backdrop) {
+      this.syncBackdropColor(backdrop);
+    }
+  }
+  /**
+   * Keep a manager-ordered list of visible backdrop owners.
+   * The last owner in the list controls shared backdrop color.
+   *
+   * @param {boolean} shouldShow - Whether this manager currently requests a visible backdrop.
+   */
+  trackBackdropOwner(shouldShow) {
+    VegaModalBackdropManager.visibleBackdropOwners =
+      VegaModalBackdropManager.visibleBackdropOwners.filter((owner) => owner !== this);
+    if (shouldShow) {
+      VegaModalBackdropManager.visibleBackdropOwners.push(this);
     }
-    this.backdropRef = backdrop;
   }
   /**
-   * Removes the backdrop element if it exists.
+   * Apply color from the current active backdrop owner.
+   *
+   * @param {HTMLVegaBackdropElement} backdrop - Shared backdrop element.
    */
-  removeBackdrop() {
-    this.backdropRef && this.backdropRef.remove();
+  syncBackdropColor(backdrop) {
+    var _a;
+    const owner = (_a = VegaModalBackdropManager.visibleBackdropOwners[VegaModalBackdropManager.visibleBackdropOwners.length - 1]) !== null && _a !== void 0 ? _a : null;
+    if (!owner) {
+      return;
+    }
+    backdrop.color = VegaModalBackdropManager.backdropColorMap[owner.backdropColor];
   }
 }
-VegaModalBackdropController.modalBackdropClass = 'vega-modal-backdrop';
-VegaModalBackdropController.backdropColorMap = {
+VegaModalBackdropManager.modalBackdropClass = 'vega-modal-backdrop';
+VegaModalBackdropManager.visibleBackdropOwners = [];
+VegaModalBackdropManager.backdropColorMap = {
   default: 'bg-backdrop-modal',
   semi: 'bg-backdrop-popover',
   none: 'bg-transparent',
 };
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
-], VegaModalBackdropController.prototype, "host", void 0);
+], VegaModalBackdropManager.prototype, "host", void 0);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaModalBackdropManager.prototype, "backdrop", void 0);
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
-], VegaModalBackdropController.prototype, "backdrop", void 0);
+], VegaModalBackdropManager.prototype, "backdropColor", void 0);
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
-], VegaModalBackdropController.prototype, "backdropColor", void 0);
+], VegaModalBackdropManager.prototype, "openState", void 0);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentMethod('watchBackdrop')
+], VegaModalBackdropManager.prototype, "watchBackdrop", null);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentMethod('watchBackdropColor')
+], VegaModalBackdropManager.prototype, "watchBackdropColor", null);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentMethod('watchOpenState')
+], VegaModalBackdropManager.prototype, "watchOpenState", null);
 
 var __decorate$3 = (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;
@@ -1016,7 +1078,7 @@ class VegaModalZIndexController extends globalSlimmerRegistry.VegaSlimmer {
    * Manages the z-index of modal elements based on their visibility status.
    */
   setModalZIndex() {
-    const backdropRef = this.backdropController.getBackdropRef();
+    const backdropRef = this.backdropManager.getBackdrop();
     if (this.openState.isOpen) {
       internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(backdropRef, 'base');
       internalVegaZIndexManager.InternalVegaZIndexManager.setZIndex(this.host, 'base');
@@ -1042,7 +1104,7 @@ __decorate$2([
 ], VegaModalZIndexController.prototype, "openState", void 0);
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField()
-], VegaModalZIndexController.prototype, "backdropController", void 0);
+], VegaModalZIndexController.prototype, "backdropManager", void 0);
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaModalZIndexController.prototype, "openedModalStackController", void 0);
@@ -1169,7 +1231,7 @@ const VegaModal = class {
     this.openStateController = new VegaModalOpenStateController();
     this.mobileController = new VegaModalMobileController();
     this.scrollController = new VegaModalScrollController();
-    this.backdropController = new VegaModalBackdropController();
+    this.backdropManager = new VegaModalBackdropManager();
     this.openedModalStackController = new VegaModalOpenedModalStackController();
     this.zIndexController = new VegaModalZIndexController();
     this.paddingStateController = new VegaModalPaddingStateController();
@@ -1179,6 +1241,7 @@ const VegaModal = class {
     this.childNodesEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaOpen, vegaEventId.VegaClose], () => this.renderer.getModalContainerRef());
     this.componentGlobalStyleSlimmer = new componentGlobalStyleSlimmer.ComponentGlobalStyleSlimmer(vegaModalDisableBodyScrollCss);
     this.deprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaModal, 'isVerticallyCentered', 'isVerticallyCenter', false);
+    this.sizeDeprecatedPropertySlimmer = deprecatedPropertySlimmer.createDeprecatedPropertySlimmer(VegaModal, 'width', 'size', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaModalRuntimeMetricsPayloadDefinition);
     this.openState = this.initOpenState();
     /**
@@ -1192,10 +1255,6 @@ const VegaModal = class {
      * - `none`:
      *      specifies that the backdrop will not be rendered.
      *
-     * _Note_:
-     *    When changing this value, a page refresh is required
-     *    for the changes to take effect.
-     *
      * @vegaVersion 1.0.6
      */
     this.backdrop = 'default';
@@ -1286,6 +1345,12 @@ const VegaModal = class {
   }
   watchOpenState() {
   }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-modal-default-e2e}
+   */
+  watchBackdrop() {
+  }
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-modal-size-number-e2e}
@@ -1294,6 +1359,14 @@ const VegaModal = class {
   /* istanbul ignore next */
   watchSize() {
   }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-modal-width-number-e2e}
+   * @see{module:vega-modal-width-responsive-e2e}
+   */
+  /* istanbul ignore next */
+  watchWidth() {
+  }
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-modal-height-e2e}
@@ -1304,6 +1377,14 @@ const VegaModal = class {
   watchOpen() {
     this.openState = new VegaModalOpenState(this.open, 'property');
   }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-modal-backdrop-color-default-e2e}
+   * @see{module:vega-modal-backdrop-color-semi-e2e}
+   * @see{module:vega-modal-backdrop-color-none-e2e}
+   */
+  watchBackdropColor() {
+  }
   watchPadding() {
   }
   watchContentMaxHeight() {
@@ -1350,6 +1431,9 @@ const VegaModal = class {
    */
   async modal(option) {
   }
+  /* The disconnectedCallback lifecycle is e2e-test covered in
+   * @see{module:vega-modal-disconnected-callback-e2e}
+   */
   render() {
     return component.sanitizeVegaComponent(this.renderer.render(), this.host);
   }
@@ -1362,9 +1446,12 @@ const VegaModal = class {
   get host() { return index.getElement(this); }
   static get watchers() { return {
     "openState": ["watchOpenState"],
+    "backdrop": ["watchBackdrop"],
     "size": ["watchSize"],
+    "width": ["watchWidth"],
     "height": ["watchHeight"],
     "open": ["watchOpen"],
+    "backdropColor": ["watchBackdropColor"],
     "padding": ["watchPadding"],
     "contentMaxHeight": ["watchContentMaxHeight"]
   }; }
@@ -1386,7 +1473,7 @@ __decorate([
 ], VegaModal.prototype, "scrollController", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaModal.prototype, "backdropController", void 0);
+], VegaModal.prototype, "backdropManager", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaModal.prototype, "openedModalStackController", void 0);
@@ -1414,6 +1501,9 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaModal.prototype, "deprecatedPropertySlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaModal.prototype, "sizeDeprecatedPropertySlimmer", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaModal.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

package/dist/cjs/vega-dropdown_5.cjs.entry.js

@@ -22,12 +22,12 @@ const subStateNotifySlimmer = require('./sub-state-notify-slimmer-18891389.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-7ae2a78f.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const translationSlimmer = require('./translation-slimmer-9099f56c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
 require('./breakpoints-ebde4837.js');
@@ -46,7 +46,7 @@ require('./pixel-98f2a10c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./synchronize-task-queue-1ee80e94.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./vega-nonce-manager-df69d3ed.js');
 
@@ -1343,10 +1343,6 @@ var __decorate$j = (undefined && undefined.__decorate) || function (decorators,
  * the render mode of a dropdown component based on the presence of a specific element in the DOM.
  */
 class VegaDropdownRenderModeController extends globalSlimmerRegistry.VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    this.renderMode = 'SOURCE';
-  }
   /**
    * The `connectedCallback` function is called before the component is rendered and is used to set the
    * render mode.
@@ -1367,10 +1363,12 @@ class VegaDropdownRenderModeController extends globalSlimmerRegistry.VegaSlimmer
    * While component first connected, the items slot is in the host.
    * While component connected after the first time, the items slot will apppend to vega-dropdown-content-box, so the parent changed.
    *   code: VegaDropdownRenderer.appendItemsToContentBox
+   *
    */
   setRenderMode() {
-    const parent = this.renderer.getDropdownContentBoxRef() || this.host;
-    this.renderMode = parent.querySelector('[slot=items]') ? 'SLOT' : 'SOURCE';
+    const contentBox = this.renderer.getDropdownContentBoxRef();
+    const hasItemsSlot = Boolean((contentBox === null || contentBox === void 0 ? void 0 : contentBox.querySelector('[slot=items]')) || this.host.querySelector('[slot=items]'));
+    this.renderMode = hasItemsSlot ? 'SLOT' : 'SOURCE';
   }
 }
 __decorate$j([
@@ -1379,6 +1377,9 @@ __decorate$j([
 __decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderModeController.prototype, "renderer", void 0);
+__decorate$j([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaDropdownRenderModeController.prototype, "renderMode", void 0);
 __decorate$j([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDropdownRenderModeController.prototype, "connectedCallback", null);
@@ -2228,6 +2229,7 @@ const VegaDropdown = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaDropdownRuntimeMetricsPayloadDefinition);
     this.searchString = null;
     this.isDropdownShow = false;
+    this.renderMode = 'SOURCE';
     /**
      * Specifies the trigger mode for the dropdown.
      *   hover: The dropdown is shown/hidden on hover, and listens for global area clicks.
@@ -2516,6 +2518,9 @@ const VegaDropdown = class {
    */
   async syncTemplateData() {
   }
+  /**
+   * Render the dropdown component.
+   */
   render() {
     placeholder.slotPlaceholder(index.h("slot", null));
     return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);

package/dist/cjs/vega-env-manager-23b8b23c.js

@@ -11,9 +11,9 @@ exports.FrameworkEnum = void 0;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.94.0` will be replaced to a version string when running publish script.
+    // The `2.95.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.94.0';
+    this.vegaVersion = '2.95.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/vega-field-label.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const translationSlimmer = require('./translation-slimmer-9099f56c.js');
@@ -15,7 +15,7 @@ require('./change-manager-a297e4d2.js');
 require('./dom-node-subject-observer-factory-c82df135.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
 require('./internal-translation-controller-eb02c3b1.js');
 require('./static-subject-title-70c73b16.js');

package/dist/cjs/vega-file-uploader.cjs.entry.js

@@ -12,7 +12,7 @@ const vegaEventId = require('./vega-event-id-58afed7a.js');
 const misc = require('./misc-3d30df91.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const trashCan = require('./trash-can-46a5e19a.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
@@ -24,7 +24,7 @@ require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
 require('./vega-internal-event-id-ecc5b87a.js');

package/dist/cjs/vega-form.cjs.entry.js

@@ -9,8 +9,8 @@ const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-18891389.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
@@ -25,7 +25,7 @@ const immutableMap = require('./immutable-map-d711339d.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-7ae2a78f.js');
 const array = require('./array-249289f2.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');

package/dist/cjs/vega-image-uploader.cjs.entry.js

@@ -18,8 +18,8 @@ const vegaDialogController = require('./vega-dialog-controller-16be85d5.js');
 const dropFileAcceptFilterSlimmer = require('./drop-file-accept-filter-slimmer-cd619cc7.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
 const ui = require('./ui-c91c37a7.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const translationSlimmer = require('./translation-slimmer-9099f56c.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-b454645a.js');
 const darkModeStyleController = require('./dark-mode-style-controller-32d4054a.js');
@@ -47,7 +47,7 @@ require('./page-resize-observer-slimmer-273d62ef.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./sub-state-observer-slimmer-eee2f0ae.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./tinycolor-polyfill-502efaa8.js');
 require('./vega-nonce-manager-df69d3ed.js');

package/dist/cjs/vega-input-credit-card.cjs.entry.js

@@ -13,8 +13,8 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
@@ -40,7 +40,7 @@ require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./sub-state-observer-slimmer-eee2f0ae.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./icon-manager-be358b32.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');

package/dist/cjs/vega-input-numeric.cjs.entry.js

@@ -9,8 +9,8 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const number = require('./number-4816603d.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a1223714.js');
@@ -20,7 +20,7 @@ const subStateNotifySlimmer = require('./sub-state-notify-slimmer-18891389.js');
 const minNumberRule = require('./min-number-rule-dc555309.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');

package/dist/cjs/vega-input-passcode.cjs.entry.js

@@ -10,15 +10,15 @@ const vegaEventId = require('./vega-event-id-58afed7a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a1223714.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
 const requiredFieldRule = require('./required-field-rule-400690c3.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
 require('./keyboard-manager-ca76d4dc.js');
 require('./type-guard-f354af8b.js');