@globalpayments/vega 2.94.0 → 2.95.0

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -17,7 +17,7 @@ import { VegaInputSelectDropdownRenderer } from './slimmers/renderers/vega-input
 import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
-import { VegaChange, VegaHide, VegaLabelButtonClick, VegaSearch, VegaSearchTrigger, VegaShow, } from '../../helpers/event-manager/event-id/vega-event-id';
+import { VegaChange, VegaDropdownSelectAllClick, VegaHide, VegaLabelButtonClick, VegaSearch, VegaSearchTrigger, VegaShow, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaInputSelectLazyLoadController } from './slimmers/controllers/vega-input-select-lazy-load-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
@@ -70,7 +70,13 @@ export class VegaInputSelect {
     this.showEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaShow);
     this.hideEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaHide);
     this.labelButtonClickEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaLabelButtonClick);
+    this.selectAllClickEventEmitter = createEventEmitSlimmer(VegaInputSelect, VegaDropdownSelectAllClick);
     this.eventPrevent = new ChildNodesEventPreventSlimmer([VegaSearch, VegaSearchTrigger, VegaShow, VegaHide], () => this.host, true);
+    this.dropdownEventPreventSelectAllClick = new ChildNodesEventPreventSlimmer([VegaDropdownSelectAllClick], () => this.vegaInputSelectDropdownRenderer.getDropdownRef(), {
+      customPreventHandle: (e) => {
+        e.stopPropagation();
+      },
+    });
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaInputSelectRuntimeMetricsPayloadDefinition);
     this.isDropdownShow = false;
     this.currentBreakpoint = getCurrentBreakpoint();
@@ -636,7 +642,7 @@ export class VegaInputSelect {
       "mutable": false,
       "complexType": {
         "original": "VegaDropdownPropsForSelect",
-        "resolved": "{ size?: ResponsiveType<SizeType>; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchable?: boolean; itemDisplayRule?: \"ellipsis\" | \"newline\"; resettable?: boolean; useDefaultFilter?: boolean; matchContainerHeight?: boolean; isScreenPosition?: boolean; caseSensitive?: boolean; searchTriggerBy?: VegaDropdownSearchTriggerByType; preserveValueIfNotInSource?: boolean; }",
+        "resolved": "{ size?: ResponsiveType<SizeType>; matchTargetWidth?: boolean; maxHeight?: number; positionRelativeTo?: string; searchable?: boolean; itemDisplayRule?: \"ellipsis\" | \"newline\"; resettable?: boolean; useDefaultFilter?: boolean; matchContainerHeight?: boolean; allowSelectAll?: boolean; isScreenPosition?: boolean; caseSensitive?: boolean; searchTriggerBy?: VegaDropdownSearchTriggerByType; preserveValueIfNotInSource?: boolean; }",
         "references": {
           "VegaDropdownPropsForSelect": {
             "location": "import",
@@ -908,6 +914,45 @@ export class VegaInputSelect {
           }
         }
       }
+    }, {
+      "method": "vegaDropdownSelectAllClick",
+      "name": "vegaDropdownSelectAllClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.95.0"
+          }],
+        "text": "An event emitter notifying that the Select All option in the dropdown has been clicked.\n\nThe event's `detail` property is `true` when all items become selected,\nand `false` when Select All is cleared."
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
+    }, {
+      "method": "dropdownSelectAllClick",
+      "name": "dropdownSelectAllClick",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [{
+            "name": "eventSemantics",
+            "text": "namespace:native"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.95.0"
+          }],
+        "text": "An event emitter notifying that the Select All option in the dropdown has been clicked.\n\nThe event's `detail` property is `true` when all items become selected,\nand `false` when Select All is cleared."
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
     }, {
       "method": "vegaShow",
       "name": "vegaShow",
@@ -1135,9 +1180,15 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "labelButtonClickEventEmitter", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputSelect.prototype, "selectAllClickEventEmitter", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "eventPrevent", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInputSelect.prototype, "dropdownEventPreventSelectAllClick", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-backdrop-manager.js

@@ -0,0 +1,141 @@
+var __decorate = (this && this.__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);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
+import { SharedBackdropManager } from '../../../../helpers/backdrop';
+/**
+ * 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.
+ */
+export class VegaModalBackdropManager extends SharedBackdropManager {
+  /**
+   * Clear shared backdrop and ownership state.
+   */
+  clear() {
+    super.clear();
+    VegaModalBackdropManager.visibleBackdropOwners = [];
+  }
+  /**
+   * Watch backdrop property changes and update visibility intent.
+   */
+  watchBackdrop() {
+    this.updateVisibility();
+  }
+  /**
+   * Watch backdropColor property changes and update color if backdrop exists.
+   *
+   */
+  watchBackdropColor() {
+    const backdrop = this.getBackdrop();
+    if (!backdrop) {
+      return;
+    }
+    this.syncBackdropColor(backdrop);
+  }
+  /**
+   * Watch openState changes and update backdrop visibility intent.
+   */
+  watchOpenState() {
+    this.updateVisibility();
+  }
+  /**
+   * 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.
+   */
+  usesLazyBackdrop() {
+    return true;
+  }
+  /**
+   * 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.
+   */
+  createBackdrop(doc) {
+    var _a;
+    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);
+    }
+  }
+  /**
+   * Apply color from the current active backdrop owner.
+   *
+   * @param {HTMLVegaBackdropElement} backdrop - Shared backdrop element.
+   */
+  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];
+  }
+}
+VegaModalBackdropManager.modalBackdropClass = 'vega-modal-backdrop';
+VegaModalBackdropManager.visibleBackdropOwners = [];
+VegaModalBackdropManager.backdropColorMap = {
+  default: 'bg-backdrop-modal',
+  semi: 'bg-backdrop-popover',
+  none: 'bg-transparent',
+};
+__decorate([
+  MapToComponentField()
+], VegaModalBackdropManager.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalBackdropManager.prototype, "backdrop", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalBackdropManager.prototype, "backdropColor", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalBackdropManager.prototype, "openState", void 0);
+__decorate([
+  MapToComponentMethod('watchBackdrop')
+], VegaModalBackdropManager.prototype, "watchBackdrop", null);
+__decorate([
+  MapToComponentMethod('watchBackdropColor')
+], VegaModalBackdropManager.prototype, "watchBackdropColor", null);
+__decorate([
+  MapToComponentMethod('watchOpenState')
+], VegaModalBackdropManager.prototype, "watchOpenState", null);

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.js

@@ -213,9 +213,15 @@ export 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);
@@ -260,19 +266,6 @@ export 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}
@@ -319,7 +312,7 @@ __decorate([
 ], VegaModalOpenStateController.prototype, "openEventEmitter", void 0);
 __decorate([
   MapToComponentField()
-], VegaModalOpenStateController.prototype, "backdropController", void 0);
+], VegaModalOpenStateController.prototype, "backdropManager", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalOpenStateController.prototype, "openedModalStackController", void 0);

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-z-index-controller.js

@@ -14,7 +14,7 @@ export 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');
@@ -40,7 +40,7 @@ __decorate([
 ], VegaModalZIndexController.prototype, "openState", void 0);
 __decorate([
   MapToComponentField()
-], VegaModalZIndexController.prototype, "backdropController", void 0);
+], VegaModalZIndexController.prototype, "backdropManager", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalZIndexController.prototype, "openedModalStackController", void 0);

package/dist/collection/components/vega-modal/slimmers/renderers/vega-modal-renderer.js

@@ -28,12 +28,13 @@ export 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) },
@@ -113,7 +114,7 @@ __decorate([
 ], VegaModalRenderer.prototype, "margin", void 0);
 __decorate([
   MapToComponentField()
-], VegaModalRenderer.prototype, "size", void 0);
+], VegaModalRenderer.prototype, "sizeDeprecatedPropertySlimmer", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "height", void 0);

package/dist/collection/components/vega-modal/vega-modal.js

@@ -20,7 +20,7 @@ import { VegaModalRenderer } from './slimmers/renderers/vega-modal-renderer';
 import { VegaModalMobileController } from './slimmers/controllers/vega-modal-mobile-controller';
 import { VegaModalScrollController } from './slimmers/controllers/vega-modal-scroll-controller';
 import { VegaModalOpenStateController } from './slimmers/controllers/vega-modal-open-state-controller';
-import { VegaModalBackdropController } from './slimmers/controllers/vega-modal-backdrop-controller';
+import { VegaModalBackdropManager } from './slimmers/controllers/vega-modal-backdrop-manager';
 import { VegaModalOpenedModalStackController } from './slimmers/controllers/vega-modal-opened-modal-stack-controller';
 import { VegaModalZIndexController } from './slimmers/controllers/vega-modal-z-index-controller';
 import { VegaModalOpenState } from './slimmers/models/vega-modal-open-state';
@@ -35,7 +35,7 @@ export class VegaModal {
     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();
@@ -45,6 +45,7 @@ export class VegaModal {
     this.childNodesEventPrevent = new ChildNodesEventPreventSlimmer([VegaOpen, VegaClose], () => this.renderer.getModalContainerRef());
     this.componentGlobalStyleSlimmer = new ComponentGlobalStyleSlimmer(mainContentStyle);
     this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaModal, 'isVerticallyCentered', 'isVerticallyCenter', false);
+    this.sizeDeprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaModal, 'width', 'size', undefined);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaModalRuntimeMetricsPayloadDefinition);
     this.openState = this.initOpenState();
     /**
@@ -58,10 +59,6 @@ export class VegaModal {
      * - `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';
@@ -153,6 +150,13 @@ export class VegaModal {
   watchOpenState() {
     methodPlaceholder();
   }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-modal-default-e2e}
+   */
+  watchBackdrop() {
+    methodPlaceholder();
+  }
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-modal-size-number-e2e}
@@ -162,6 +166,15 @@ export class VegaModal {
   watchSize() {
     methodPlaceholder();
   }
+  /**
+   * 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() {
+    methodPlaceholder();
+  }
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-modal-height-e2e}
@@ -173,6 +186,15 @@ export class VegaModal {
   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() {
+    methodPlaceholder();
+  }
   watchPadding() {
     methodPlaceholder();
   }
@@ -226,6 +248,9 @@ export class VegaModal {
   async modal(option) {
     methodPlaceholder(option);
   }
+  /* The disconnectedCallback lifecycle is e2e-test covered in
+   * @see{module:vega-modal-disconnected-callback-e2e}
+   */
   render() {
     return sanitizeVegaComponent(this.renderer.render(), this.host);
   }
@@ -264,7 +289,7 @@ export class VegaModal {
             "name": "vegaVersion",
             "text": "1.0.6"
           }],
-        "text": "Provides options for controlling the behavior of the backdrop.\n- `default`:\n     indicates that the user can close the modal\n     by clicking on the backdrop.\n- `static`:\n     means that the user cannot close the modal by\n     clicking on the backdrop.\n- `none`:\n     specifies that the backdrop will not be rendered.\n\n_Note_:\n   When changing this value, a page refresh is required\n   for the changes to take effect."
+        "text": "Provides options for controlling the behavior of the backdrop.\n- `default`:\n     indicates that the user can close the modal\n     by clicking on the backdrop.\n- `static`:\n     means that the user cannot close the modal by\n     clicking on the backdrop.\n- `none`:\n     specifies that the backdrop will not be rendered."
       },
       "attribute": "backdrop",
       "reflect": false,
@@ -291,6 +316,9 @@ export class VegaModal {
       "optional": false,
       "docs": {
         "tags": [{
+            "name": "deprecated",
+            "text": "This property will be removed soon and replaced by prop width"
+          }, {
             "name": "vegaVersion",
             "text": "1.0.6"
           }],
@@ -299,6 +327,35 @@ export class VegaModal {
       "attribute": "size",
       "reflect": false
     },
+    "width": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<SizeType>",
+        "resolved": "`${number}%` | number | { S?: SizeType; M?: SizeType; L?: SizeType; XL?: SizeType; default?: SizeType; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "SizeType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.95.0"
+          }],
+        "text": "Determines the width of the modal.\n\nIt can be specified as a number or a percentage string ending with \"%\".\nResponsiveType can also be used for responsive configurations.\n\nNote: There are different maximum widths for modal windows based on viewport size.\nIf the specified width exceeds the maximum width, the maximum modal width will be used instead."
+      },
+      "attribute": "width",
+      "reflect": false
+    },
     "height": {
       "type": "any",
       "mutable": false,
@@ -730,15 +787,24 @@ export class VegaModal {
   static get watchers() { return [{
       "propName": "openState",
       "methodName": "watchOpenState"
+    }, {
+      "propName": "backdrop",
+      "methodName": "watchBackdrop"
     }, {
       "propName": "size",
       "methodName": "watchSize"
+    }, {
+      "propName": "width",
+      "methodName": "watchWidth"
     }, {
       "propName": "height",
       "methodName": "watchHeight"
     }, {
       "propName": "open",
       "methodName": "watchOpen"
+    }, {
+      "propName": "backdropColor",
+      "methodName": "watchBackdropColor"
     }, {
       "propName": "padding",
       "methodName": "watchPadding"
@@ -789,7 +855,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);
@@ -817,6 +883,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/collection/components/vega-progress-tracker/slimmers/controllers/vega-progress-tracker-current-steps-controller.js

@@ -59,6 +59,10 @@ export class VegaProgressTrackerCurrentStepsController extends VegaSlimmer {
   watchCompletedSteps() {
     this.syncUpCurrentSteps();
   }
+  /** while canClickStep changed, we need sync up current steps */
+  watchCanClickStep() {
+    this.syncUpCurrentSteps();
+  }
   /**
    * Sync up current steps
    */
@@ -123,3 +127,6 @@ __decorate([
 __decorate([
   MapToComponentMethod('watchCompletedSteps')
 ], VegaProgressTrackerCurrentStepsController.prototype, "watchCompletedSteps", null);
+__decorate([
+  MapToComponentMethod('watchCanClickStep')
+], VegaProgressTrackerCurrentStepsController.prototype, "watchCanClickStep", null);

package/dist/collection/components/vega-progress-tracker/vega-progress-tracker.js

@@ -130,6 +130,9 @@ export class VegaProgressTracker {
   watchCompletedSteps() {
     methodPlaceholder();
   }
+  watchCanClickStep() {
+    methodPlaceholder();
+  }
   /**
    * Invoke this method to change the tracker's current step
    *    to the next step, if available.
@@ -486,6 +489,9 @@ export class VegaProgressTracker {
     }, {
       "propName": "completedSteps",
       "methodName": "watchCompletedSteps"
+    }, {
+      "propName": "canClickStep",
+      "methodName": "watchCanClickStep"
     }]; }
 }
 __decorate([

package/dist/collection/helpers/backdrop/shared-backdrop-manager.js

@@ -21,7 +21,9 @@ export class SharedBackdropManager extends VegaSlimmer {
       managerClass.visibilityIntents.set(this, false);
       managerClass.consumerCount++;
     }
-    this.ensureBackdrop();
+    if (!this.usesLazyBackdrop()) {
+      this.ensureBackdrop();
+    }
   }
   /**
    * Unregister this consumer and remove shared backdrop when last consumer disconnects.
@@ -91,6 +93,16 @@ export class SharedBackdropManager extends VegaSlimmer {
       this.syncVisibility();
     }
   }
+  /**
+   * Whether this manager type handles backdrop existence lazily (on demand).
+   * Override and return `true` in derived classes that create/remove the backdrop
+   * per visibility cycle instead of at connectedCallback.
+   *
+   * @returns {boolean} False by default — backdrop is created eagerly at connect time.
+   */
+  usesLazyBackdrop() {
+    return false;
+  }
   /**
    * Ensure a backdrop exists for this subclass and return it.
    *
@@ -127,10 +139,29 @@ export class SharedBackdropManager extends VegaSlimmer {
   syncVisibility() {
     const managerClass = this.constructor;
     const shouldShow = managerClass.visibilityIntentCount > 0;
+    if (this.usesLazyBackdrop()) {
+      this.syncLazyBackdrop(shouldShow);
+      return;
+    }
     if (managerClass.backdropRef) {
       managerClass.backdropRef.visible = shouldShow;
     }
   }
+  /**
+   * Handles visibility sync for manager types that opt into lazy backdrop lifecycle.
+   * When `shouldShow` is true the backdrop is created (if needed) and made visible.
+   * When `shouldShow` is false the backdrop is removed from the DOM.
+   *
+   * @param {boolean} shouldShow - Whether the backdrop should be visible.
+   */
+  syncLazyBackdrop(shouldShow) {
+    if (!shouldShow) {
+      this.removeBackdrop();
+      return;
+    }
+    const backdrop = this.ensureBackdrop();
+    backdrop.visible = true;
+  }
   /**
    * Reset stale static shared state when the tracked backdrop is no longer in the DOM.
    */

package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js

@@ -1,4 +1,4 @@
-import { VegaExpand, VegaAdditionalLinkClick, VegaClick, VegaDropdownClick, VegaReset, VegaDropdownSearch, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaEventEdit, VegaPageUpdate, VegaUserChange, VegaRemove, VegaCreate, VegaSearch, VegaMonthYearChange, VegaClear, VegaSelectionChange, VegaTodayClick, VegaDropdownShow, VegaDropdownHide, VegaDropdownSelectAllClick, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaNativeInputChange, VegaFocus, VegaBlur, VegaSuggestionItemClick, VegaPaste, VegaComplete, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSourceCodeChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowDragDrop, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
+import { VegaExpand, VegaAdditionalLinkClick, VegaClick, VegaDropdownClick, VegaReset, VegaDropdownSearch, VegaClose, VegaActionButtonClick, VegaChange, VegaEventClick, VegaDateDblClick, VegaMoreActionClick, VegaDateClick, VegaEventEdit, VegaPageUpdate, VegaUserChange, VegaRemove, VegaCreate, VegaSearch, VegaDropdownSelectAllClick, VegaMonthYearChange, VegaClear, VegaSelectionChange, VegaTodayClick, VegaDropdownShow, VegaDropdownHide, VegaSearchTrigger, VegaLabelButtonClick, VegaSelectFileChange, VegaRetry, VegaPreview, VegaFormSubmit, VegaFormReset, VegaValidate, VegaCancel, VegaNativeInputChange, VegaFocus, VegaBlur, VegaSuggestionItemClick, VegaPaste, VegaComplete, VegaCountryChange, VegaShow, VegaHide, VegaToggleStatus, VegaOpen, VegaStateUpdate, VegaGroupClick, VegaMenuClick, VegaActionClick, VegaPageSizeChange, VegaPopoverShow, VegaPopoverHide, VegaCurrentStepUpdate, VegaImageInserted, VegaSourceCodeChange, VegaSelectChange, VegaSelectAllChange, VegaRowClick, VegaRowExpand, VegaRowDragDrop, VegaRowSelect, VegaRowSelectAll, } from './vega-event-id';
 const entries = [
   ['vega-accordion', [VegaExpand]],
   ['vega-app-footer', [VegaAdditionalLinkClick]],
@@ -22,7 +22,7 @@ const entries = [
   ['vega-color-picker', [VegaChange]],
   ['vega-color-swatch', [VegaClick]],
   ['vega-color-swatch-picker', [VegaChange]],
-  ['vega-combo-box', [VegaChange, VegaCreate, VegaSearch]],
+  ['vega-combo-box', [VegaChange, VegaCreate, VegaSearch, VegaDropdownSelectAllClick]],
   ['vega-date-picker', [VegaChange, VegaMonthYearChange]],
   ['vega-date-picker-calendar', [VegaClear, VegaMonthYearChange, VegaSelectionChange, VegaTodayClick]],
   [
@@ -62,7 +62,15 @@ const entries = [
   ['vega-input-range', [VegaChange]],
   [
     'vega-input-select',
-    [VegaChange, VegaSearch, VegaSearchTrigger, VegaShow, VegaHide, VegaLabelButtonClick],
+    [
+      VegaChange,
+      VegaSearch,
+      VegaSearchTrigger,
+      VegaShow,
+      VegaHide,
+      VegaLabelButtonClick,
+      VegaDropdownSelectAllClick,
+    ],
   ],
   ['vega-item-toggle', [VegaToggleStatus]],
   ['vega-modal', [VegaOpen, VegaClose]],

package/dist/esm/{app-globals-f2336686.js → app-globals-eafcc7a1.js}

@@ -1,5 +1,5 @@
 import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, w as waitForVega, d as VegaSkeletonLoader, e as VegaTranslation, f as VegaRTETokenExtension, g as VegaRTELanguageExtension, h as VegaRTEDefaultLineHeightOptions, i as VegaRTEFunctionExtension, j as VegaRTETableExtension, k as VegaRTEHorizontalLineExtension, l as VegaRTEBlockquoteExtension, m as VegaRTESpecialCharactersExtension, n as VegaRTEFindReplaceExtension, o as VegaRTESpecialCharactersEssentials, p as VegaRTESpecialCharactersLatin, q as VegaRTESpecialCharactersMathematical, r as VegaRTESpecialCharactersArrows, s as VegaRTESpecialCharactersCurrency, t as VegaRTESpecialCharactersText, u as VegaRTELineHeightExtension, v as VegaRTEPasteExtension, x as VegaRTEFullscreenExtension, y as VegaRTECopyExtension, z as VegaRTECutExtension, A as VegaCalendarPeriodFactory } from './token-extension-9896879b.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, w as waitForVega, d as VegaSkeletonLoader, e as VegaTranslation, f as VegaRTETokenExtension, g as VegaRTELanguageExtension, h as VegaRTEDefaultLineHeightOptions, i as VegaRTEFunctionExtension, j as VegaRTETableExtension, k as VegaRTEHorizontalLineExtension, l as VegaRTEBlockquoteExtension, m as VegaRTESpecialCharactersExtension, n as VegaRTEFindReplaceExtension, o as VegaRTESpecialCharactersEssentials, p as VegaRTESpecialCharactersLatin, q as VegaRTESpecialCharactersMathematical, r as VegaRTESpecialCharactersArrows, s as VegaRTESpecialCharactersCurrency, t as VegaRTESpecialCharactersText, u as VegaRTELineHeightExtension, v as VegaRTEPasteExtension, x as VegaRTEFullscreenExtension, y as VegaRTECopyExtension, z as VegaRTECutExtension, A as VegaCalendarPeriodFactory } from './token-extension-f5bf9c21.js';
 import { V as VegaThemeManager } from './split-cell-operation-359f8082.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaDialog } from './vega-dialog-controller-726b74f9.js';

package/dist/esm/{child-nodes-event-prevent-slimmer-96c14f5a.js → child-nodes-event-prevent-slimmer-82626871.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-48690e5b.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-2ecc9186.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';