@globalpayments/vega 2.94.0 → 2.95.0

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

@@ -9,9 +9,9 @@ import './state-border-formatter-b680e922.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { i as VegaClose, a as VegaClick, U as VegaOpen } from './vega-event-id-270fe47e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-db4a82e0.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-96c14f5a.js';
+import { i as VegaClose, a as VegaClick, U as VegaOpen } from './vega-event-id-f55f6977.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
@@ -24,13 +24,14 @@ import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-1c86e974.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-9eae86c6.js';
+import { S as SharedBackdropManager } from './shared-backdrop-manager-a7c63838.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import './breakpoints-d9faf11c.js';
 import './typography-19c3b9be.js';
 import './index-9c9865c0.js';
 import './try-get-document-bef0f526.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-48690e5b.js';
+import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './index-3b327f29.js';
@@ -246,12 +247,13 @@ class VegaModalRenderer extends VegaSlimmer {
     return this.modalContainer;
   }
   render() {
+    const effectiveWidth = this.sizeDeprecatedPropertySlimmer.getValue();
     return (h(Host, { class: {
         'align-center': this.deprecatedPropertySlimmer.getValue() && this.openState.isOpen,
         'animation': this.animation,
         'is-section-padding': isVegaModalSectionPaddingType(this.padding),
       } },
-      h("vega-box", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, width: isResponsiveSizeType(this.size) ? this.size : DefaultModalSize, height: this.height, margin: this.margin }, this.renderContainer())));
+      h("vega-box", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, width: isResponsiveSizeType(effectiveWidth) ? effectiveWidth : DefaultModalSize, height: this.height, margin: this.margin }, this.renderContainer())));
   }
   renderContainer() {
     return (h("vega-box", { class: "modal-container", corners: this.corners, ref: (node) => (this.modalContainer = node) },
@@ -331,7 +333,7 @@ __decorate$8([
 ], VegaModalRenderer.prototype, "margin", void 0);
 __decorate$8([
   MapToComponentField()
-], VegaModalRenderer.prototype, "size", void 0);
+], VegaModalRenderer.prototype, "sizeDeprecatedPropertySlimmer", void 0);
 __decorate$8([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "height", void 0);
@@ -727,9 +729,15 @@ class VegaModalOpenStateController extends 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);
@@ -774,19 +782,6 @@ class VegaModalOpenStateController extends 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}
@@ -833,7 +828,7 @@ __decorate$5([
 ], VegaModalOpenStateController.prototype, "openEventEmitter", void 0);
 __decorate$5([
   MapToComponentField()
-], VegaModalOpenStateController.prototype, "backdropController", void 0);
+], VegaModalOpenStateController.prototype, "backdropManager", void 0);
 __decorate$5([
   MapToComponentField()
 ], VegaModalOpenStateController.prototype, "openedModalStackController", void 0);
@@ -881,71 +876,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 VegaSlimmer {
+class VegaModalBackdropManager extends 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([
   MapToComponentField()
-], VegaModalBackdropController.prototype, "host", void 0);
+], VegaModalBackdropManager.prototype, "host", void 0);
+__decorate$4([
+  MapToComponentField()
+], VegaModalBackdropManager.prototype, "backdrop", void 0);
 __decorate$4([
   MapToComponentField()
-], VegaModalBackdropController.prototype, "backdrop", void 0);
+], VegaModalBackdropManager.prototype, "backdropColor", void 0);
 __decorate$4([
   MapToComponentField()
-], VegaModalBackdropController.prototype, "backdropColor", void 0);
+], VegaModalBackdropManager.prototype, "openState", void 0);
+__decorate$4([
+  MapToComponentMethod('watchBackdrop')
+], VegaModalBackdropManager.prototype, "watchBackdrop", null);
+__decorate$4([
+  MapToComponentMethod('watchBackdropColor')
+], VegaModalBackdropManager.prototype, "watchBackdropColor", null);
+__decorate$4([
+  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;
@@ -1012,7 +1074,7 @@ class VegaModalZIndexController extends 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.setZIndex(backdropRef, 'base');
       InternalVegaZIndexManager.setZIndex(this.host, 'base');
@@ -1038,7 +1100,7 @@ __decorate$2([
 ], VegaModalZIndexController.prototype, "openState", void 0);
 __decorate$2([
   MapToComponentField()
-], VegaModalZIndexController.prototype, "backdropController", void 0);
+], VegaModalZIndexController.prototype, "backdropManager", void 0);
 __decorate$2([
   MapToComponentField()
 ], VegaModalZIndexController.prototype, "openedModalStackController", void 0);
@@ -1165,7 +1227,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();
@@ -1175,6 +1237,7 @@ const VegaModal = class {
     this.childNodesEventPrevent = new ChildNodesEventPreventSlimmer([VegaOpen, VegaClose], () => this.renderer.getModalContainerRef());
     this.componentGlobalStyleSlimmer = new ComponentGlobalStyleSlimmer(vegaModalDisableBodyScrollCss);
     this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaModal, 'isVerticallyCentered', 'isVerticallyCenter', false);
+    this.sizeDeprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaModal, 'width', 'size', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaModalRuntimeMetricsPayloadDefinition);
     this.openState = this.initOpenState();
     /**
@@ -1188,10 +1251,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';
@@ -1282,6 +1341,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}
@@ -1290,6 +1355,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}
@@ -1300,6 +1373,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() {
@@ -1346,6 +1427,9 @@ const VegaModal = class {
    */
   async modal(option) {
   }
+  /* The disconnectedCallback lifecycle is e2e-test covered in
+   * @see{module:vega-modal-disconnected-callback-e2e}
+   */
   render() {
     return sanitizeVegaComponent(this.renderer.render(), this.host);
   }
@@ -1358,9 +1442,12 @@ const VegaModal = class {
   get host() { return getElement(this); }
   static get watchers() { return {
     "openState": ["watchOpenState"],
+    "backdrop": ["watchBackdrop"],
     "size": ["watchSize"],
+    "width": ["watchWidth"],
     "height": ["watchHeight"],
     "open": ["watchOpen"],
+    "backdropColor": ["watchBackdropColor"],
     "padding": ["watchPadding"],
     "contentMaxHeight": ["watchContentMaxHeight"]
   }; }
@@ -1382,7 +1469,7 @@ __decorate([
 ], VegaModal.prototype, "scrollController", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaModal.prototype, "backdropController", void 0);
+], VegaModal.prototype, "backdropManager", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaModal.prototype, "openedModalStackController", void 0);
@@ -1410,6 +1497,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaModal.prototype, "deprecatedPropertySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaModal.prototype, "sizeDeprecatedPropertySlimmer", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaModal.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

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

@@ -7,7 +7,7 @@ import { f as findParent, e as getDeepActiveElementInShadow, m as extractNumberF
 import { a1 as isArrayOfType, a2 as isDropdownSourceItemType } from './type-guard-ec5e8628.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { d as VegaChange, y as VegaDropdownShow, z as VegaDropdownHide, V as VegaDropdownClick, A as VegaDropdownSelectAllClick, g as VegaReset, s as VegaCreate, h as VegaDropdownSearch, B as VegaSearchTrigger, a as VegaClick } from './vega-event-id-270fe47e.js';
+import { d as VegaChange, z as VegaDropdownShow, A as VegaDropdownHide, V as VegaDropdownClick, u as VegaDropdownSelectAllClick, g as VegaReset, s as VegaCreate, h as VegaDropdownSearch, B as VegaSearchTrigger, a as VegaClick } from './vega-event-id-f55f6977.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f3f66c15.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7fcb944b.js';
@@ -18,12 +18,12 @@ import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-0f7
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { m as VegaInternalDropdownTemplateItemsChange, x as VegaDropdownSearchInternalOverridden, w as VegaDropdownRenderItemInternalOverridden, n as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-827eb1ce.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-db4a82e0.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-499a3aa7.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING, l as DROPDOWN_ITEM_CLICK } from './static-subject-title-1c86e974.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
 import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-96c14f5a.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-64532d94.js';
 import './breakpoints-d9faf11c.js';
@@ -42,7 +42,7 @@ import './pixel-f32c07ce.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './synchronize-task-queue-ac8acc3b.js';
-import './internal-vega-event-manager-48690e5b.js';
+import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './vega-nonce-manager-497e5eb5.js';
 
@@ -1339,10 +1339,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 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.
@@ -1363,10 +1359,12 @@ class VegaDropdownRenderModeController extends 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([
@@ -1375,6 +1373,9 @@ __decorate$j([
 __decorate$j([
   MapToComponentField()
 ], VegaDropdownRenderModeController.prototype, "renderer", void 0);
+__decorate$j([
+  MapToComponentField({ writable: true })
+], VegaDropdownRenderModeController.prototype, "renderMode", void 0);
 __decorate$j([
   MapToComponentMethod('connectedCallback')
 ], VegaDropdownRenderModeController.prototype, "connectedCallback", null);
@@ -2224,6 +2225,7 @@ const VegaDropdown = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new 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.
@@ -2512,6 +2514,9 @@ const VegaDropdown = class {
    */
   async syncTemplateData() {
   }
+  /**
+   * Render the dropdown component.
+   */
   render() {
     slotPlaceholder(h("slot", null));
     return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);

package/dist/esm/vega-env-manager-8f8dc473.js

@@ -9,9 +9,9 @@ var FrameworkEnum;
 /** 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 = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/esm/{vega-event-id-270fe47e.js → vega-event-id-f55f6977.js}

@@ -117,4 +117,4 @@ const VegaSourceCodeChange = new VegaEventID('vegaSourceCodeChange', 'sourceCode
 const VegaEventEdit = new VegaEventID('vegaEventEdit', 'eventEdit');
 const VegaAdditionalLinkClick = new VegaEventID('vegaAdditionalLinkClick', 'additionalLinkClick');
 
-export { VegaCurrentStepUpdate as $, VegaDropdownSelectAllClick as A, VegaSearchTrigger as B, VegaLabelButtonClick as C, VegaSelectFileChange as D, VegaRetry as E, VegaPreview as F, VegaFormSubmit as G, VegaFormReset as H, VegaValidate as I, VegaCancel as J, VegaNativeInputChange as K, VegaFocus as L, VegaBlur as M, VegaSuggestionItemClick as N, VegaPaste as O, VegaComplete as P, VegaCountryChange as Q, VegaShow as R, VegaHide as S, VegaToggleStatus as T, VegaOpen as U, VegaDropdownClick as V, VegaStateUpdate as W, VegaGroupClick as X, VegaMenuClick as Y, VegaActionClick as Z, VegaPageSizeChange as _, VegaClick as a, VegaImageInserted as a0, VegaSourceCodeChange as a1, VegaSelectChange as a2, VegaSelectAllChange as a3, VegaRowClick as a4, VegaRowExpand as a5, VegaRowDragDrop as a6, VegaRowSelect as a7, VegaRowSelectAll as a8, VegaPopoverHide as b, VegaPopoverShow as c, VegaChange as d, VegaExpand as e, VegaAdditionalLinkClick as f, VegaReset as g, VegaDropdownSearch as h, VegaClose as i, VegaActionButtonClick as j, VegaEventClick as k, VegaDateDblClick as l, VegaMoreActionClick as m, VegaDateClick as n, VegaEventEdit as o, VegaPageUpdate as p, VegaUserChange as q, VegaRemove as r, VegaCreate as s, VegaSearch as t, VegaMonthYearChange as u, VegaClear as v, VegaSelectionChange as w, VegaTodayClick as x, VegaDropdownShow as y, VegaDropdownHide as z };
+export { VegaCurrentStepUpdate as $, VegaDropdownHide as A, VegaSearchTrigger as B, VegaLabelButtonClick as C, VegaSelectFileChange as D, VegaRetry as E, VegaPreview as F, VegaFormSubmit as G, VegaFormReset as H, VegaValidate as I, VegaCancel as J, VegaNativeInputChange as K, VegaFocus as L, VegaBlur as M, VegaSuggestionItemClick as N, VegaPaste as O, VegaComplete as P, VegaCountryChange as Q, VegaShow as R, VegaHide as S, VegaToggleStatus as T, VegaOpen as U, VegaDropdownClick as V, VegaStateUpdate as W, VegaGroupClick as X, VegaMenuClick as Y, VegaActionClick as Z, VegaPageSizeChange as _, VegaClick as a, VegaImageInserted as a0, VegaSourceCodeChange as a1, VegaSelectChange as a2, VegaSelectAllChange as a3, VegaRowClick as a4, VegaRowExpand as a5, VegaRowDragDrop as a6, VegaRowSelect as a7, VegaRowSelectAll as a8, VegaPopoverHide as b, VegaPopoverShow as c, VegaChange as d, VegaExpand as e, VegaAdditionalLinkClick as f, VegaReset as g, VegaDropdownSearch as h, VegaClose as i, VegaActionButtonClick as j, VegaEventClick as k, VegaDateDblClick as l, VegaMoreActionClick as m, VegaDateClick as n, VegaEventEdit as o, VegaPageUpdate as p, VegaUserChange as q, VegaRemove as r, VegaCreate as s, VegaSearch as t, VegaDropdownSelectAllClick as u, VegaMonthYearChange as v, VegaClear as w, VegaSelectionChange as x, VegaTodayClick as y, VegaDropdownShow as z };

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

@@ -2,8 +2,8 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-db4a82e0.js';
-import { a as VegaClick, C as VegaLabelButtonClick } from './vega-event-id-270fe47e.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
+import { a as VegaClick, C as VegaLabelButtonClick } from './vega-event-id-f55f6977.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -11,7 +11,7 @@ import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-ddff8662.js';
 import './observer-3959f9dd.js';
 import './ui-d73f756a.js';
-import './internal-vega-event-manager-48690e5b.js';
+import './internal-vega-event-manager-2ecc9186.js';
 import './try-get-document-bef0f526.js';
 import './internal-translation-controller-16709132.js';
 import './static-subject-title-1c86e974.js';

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

@@ -4,11 +4,11 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { a as VegaClick, d as VegaChange, D as VegaSelectFileChange, r as VegaRemove, E as VegaRetry, F as VegaPreview } from './vega-event-id-270fe47e.js';
+import { a as VegaClick, d as VegaChange, D as VegaSelectFileChange, r as VegaRemove, E as VegaRetry, F as VegaPreview } from './vega-event-id-f55f6977.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { t as trashCan } from './trash-can-8819a939.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-db4a82e0.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
@@ -20,7 +20,7 @@ import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './dynamic-slimmer-90b8af32.js';
 import './observer-3959f9dd.js';
 import './ui-d73f756a.js';
-import './internal-vega-event-manager-48690e5b.js';
+import './internal-vega-event-manager-2ecc9186.js';
 import './try-get-document-bef0f526.js';
 import './string-a953eafc.js';
 import './vega-internal-event-id-827eb1ce.js';

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

@@ -5,9 +5,9 @@ import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { m as methodPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-db4a82e0.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-96c14f5a.js';
-import { G as VegaFormSubmit, H as VegaFormReset, I as VegaValidate } from './vega-event-id-270fe47e.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
+import { G as VegaFormSubmit, H as VegaFormReset, I as VegaValidate } from './vega-event-id-f55f6977.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-0f72ce74.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-64532d94.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
@@ -21,7 +21,7 @@ import { I as ImmutableMap } from './immutable-map-4fe22b11.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-499a3aa7.js';
 import { d as isObjectArrayLike } from './array-7888f339.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-48690e5b.js';
+import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';

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

@@ -6,7 +6,7 @@ import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b
 import { m as methodPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { a as VegaClick, d as VegaChange, r as VegaRemove, J as VegaCancel } from './vega-event-id-270fe47e.js';
+import { a as VegaClick, d as VegaChange, r as VegaRemove, J as VegaCancel } from './vega-event-id-f55f6977.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
@@ -14,8 +14,8 @@ import { V as VegaDialog } from './vega-dialog-controller-726b74f9.js';
 import { D as DropFileAcceptFilterSlimmer } from './drop-file-accept-filter-slimmer-ad759e4a.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
 import { f as findParent, e as getDeepActiveElementInShadow } from './ui-d73f756a.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-96c14f5a.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-db4a82e0.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
 import { D as DarkModeStateControllerSlimmer } from './dark-mode-state-controller-slimmer-778dd929.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-ca5afd2d.js';
@@ -43,7 +43,7 @@ import './page-resize-observer-slimmer-e24d36c5.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './sub-state-observer-slimmer-64532d94.js';
-import './internal-vega-event-manager-48690e5b.js';
+import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './tinycolor-polyfill-7be0eb93.js';
 import './vega-nonce-manager-497e5eb5.js';

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

@@ -9,10 +9,10 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-db4a82e0.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-96c14f5a.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { d as VegaChange, M as VegaBlur, L as VegaFocus } from './vega-event-id-270fe47e.js';
+import { d as VegaChange, M as VegaBlur, L as VegaFocus } from './vega-event-id-f55f6977.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { S as StringMaskStrategy } from './string-mask-strategy-66586cd8.js';
 import './index-9c9865c0.js';
@@ -36,7 +36,7 @@ import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './sub-state-observer-slimmer-64532d94.js';
-import './internal-vega-event-manager-48690e5b.js';
+import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './icon-manager-4ef3f6dd.js';
 import './create-public-api-runtime-metrics-slimmer-48f85199.js';