@globalpayments/vega 2.92.0 → 2.94.0

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

@@ -8,13 +8,13 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const ui = require('./ui-c91c37a7.js');
-const typeGuard = require('./type-guard-7ab48d6c.js');
+const typeGuard = require('./type-guard-f354af8b.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaEventId = require('./vega-event-id-df22d80e.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-4a2560a1.js');
+const vegaEventId = require('./vega-event-id-58afed7a.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a1223714.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-3bf69990.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-1d6323c2.js');
 const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-73b4c0cb.js');
 const index$1 = require('./index-592b4052.js');
 const array = require('./array-249289f2.js');
@@ -22,35 +22,35 @@ 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-5bab10c2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.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-1e05769e.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-b9a5b3e2.js');
+const translationSlimmer = require('./translation-slimmer-9099f56c.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-48ebfd0f.js');
+require('./internal-translation-controller-eb02c3b1.js');
 require('./observer-f49483e8.js');
-require('./keyboard-manager-dfe8d924.js');
+require('./keyboard-manager-ca76d4dc.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./try-get-document-c0ebd39a.js');
-require('./responsive-format-facade-98b89142.js');
+require('./responsive-format-facade-25e9f30d.js');
 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-7196a847.js');
+require('./internal-vega-event-manager-13c4012b.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./vega-nonce-manager-df69d3ed.js');
 
-var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -157,38 +157,38 @@ class VegaDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "host", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "maxHeight", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "searchable", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "searchRenderer", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "createRenderer", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "listRenderer", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "renderModeController", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "resetRenderer", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderer.prototype, "isDropdownShow", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], VegaDropdownRenderer.prototype, "componentDidRender", null);
 
-var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -215,12 +215,18 @@ class VegaDropdownSourceController extends globalSlimmerRegistry.VegaSlimmer {
   watchCaseSensitive() {
     this.handleSource();
   }
+  /**
+   * Watch allowSelectAll property changes
+   */
+  watchAllowSelectAll() {
+    this.handleSource();
+  }
   /**
    * The function sets the source for rendering by searching for a formatted source.
    */
   setRenderSource() {
     if (this.renderModeController.isSourceRenderMode()) {
-      this.sourceForRender = this.searchController.search(this.source);
+      this.sourceForRender = this.searchController.search(this.selectAllController.getSourceWithSelectAll(this.source));
     }
   }
   /**
@@ -240,29 +246,35 @@ class VegaDropdownSourceController extends globalSlimmerRegistry.VegaSlimmer {
       : [];
   }
 }
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownSourceController.prototype, "source", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownSourceController.prototype, "sourceForRender", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSourceController.prototype, "searchController", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSourceController.prototype, "renderModeController", void 0);
-__decorate$s([
+__decorate$t([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSourceController.prototype, "selectAllController", void 0);
+__decorate$t([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDropdownSourceController.prototype, "componentWillLoad", null);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentMethod('watchSource')
 ], VegaDropdownSourceController.prototype, "watchSource", null);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentMethod('watchCaseSensitive')
 ], VegaDropdownSourceController.prototype, "watchCaseSensitive", null);
+__decorate$t([
+  globalSlimmerRegistry.MapToComponentMethod('watchAllowSelectAll')
+], VegaDropdownSourceController.prototype, "watchAllowSelectAll", null);
 
-var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -288,29 +300,29 @@ class VegaDropdownCreateRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("div", { class: "vega-dropdown-divider" }))));
   }
 }
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "searchString", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "dynamicOption", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "sourceForRender", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "appenderController", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "childrenController", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "renderModeController", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownCreateRenderer.prototype, "createEventEmitter", void 0);
 
-var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -375,53 +387,60 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
         ['v-hidden']: this.isLoading,
       }, ref: (ref) => (this.templateContainerRef = ref), onScroll: this.scrollableController.onScroll },
+      this.selectAllController.shouldRenderTemplateSelectAll() && (index.h("vega-dropdown-item", { itemKey: this.selectAllController.getSelectAllItemKey(), label: this.translationSlimmer.t('Select All') })),
       index.h("slot", { name: "items" })));
   }
 }
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "host", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "isLoading", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "searchString", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "itemDisplayRule", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "sourceForRender", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "itemLevelRenderer", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "groupLevelRenderer", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "isLazyLoading", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "isDropdownShow", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "searchNoResultsText", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "renderModeController", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "scrollableController", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "translationSlimmer", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownListRenderer.prototype, "virtualizationThreshold", void 0);
+__decorate$r([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownListRenderer.prototype, "allowSelectAll", void 0);
+__decorate$r([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownListRenderer.prototype, "selectAllController", void 0);
 
-var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -435,29 +454,29 @@ class VegaDropdownItemLevelRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return (index.h("vega-dropdown-item", Object.assign({}, item, { itemKey: item.key, height: fixHeight, prefixIcon: item.prefixIcon })));
   }
 }
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "host", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "selectType", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "caseSensitive", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "searchString", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "selectedController", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "sourceController", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemLevelRenderer.prototype, "remoteInvocationController", void 0);
 
-var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -532,41 +551,41 @@ class VegaDropdownSearchRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("vega-divider", { margin: { y: 'size-4' } }))));
   }
 }
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "searchable", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownSearchRenderer.prototype, "searchString", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "source", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "useDefaultFilter", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "searchEventEmitter", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "searchTriggerEventEmitter", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "isDropdownShow", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "sourceController", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "renderModeController", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchRenderer.prototype, "searchTriggerBy", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentMethod('search')
 ], VegaDropdownSearchRenderer.prototype, "userSearch", null);
 
-var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -631,26 +650,26 @@ class VegaDropdownKeyboardController extends keyboardManagerSlimmer.KeyboardMana
     };
   }
 }
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "host", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "trigger", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "isDropdownShow", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "renderer", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "appenderController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownKeyboardController.prototype, "listRenderer", void 0);
 
-var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -709,6 +728,9 @@ class VegaDropdownAppenderController extends elementAppenderSlimmer.ElementAppen
    */
   async watchIsDropdownShow() {
     if (this.isDropdownShow) {
+      if (this.selectAllController.isEnabled()) {
+        this.sourceController.setRenderSource();
+      }
       this.showEventEmitter.emit();
       this.updateLastFocusedElement();
     }
@@ -779,86 +801,92 @@ class VegaDropdownAppenderController extends elementAppenderSlimmer.ElementAppen
     };
   }
 }
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "host", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "trigger", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownAppenderController.prototype, "isDropdownShow", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "positionRelativeTo", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "matchTargetWidth", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "matchContainerHeight", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "size", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "minWidth", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "maxWidth", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "translocation", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "maxHeight", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "placement", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "alignment", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "renderer", void 0);
-__decorate$m([
+__decorate$n([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownAppenderController.prototype, "sourceController", void 0);
+__decorate$n([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownAppenderController.prototype, "selectAllController", void 0);
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "searchRenderer", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "showEventEmitter", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "hideEventEmitter", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownAppenderController.prototype, "isScreenPosition", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdownAppenderController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDropdownAppenderController.prototype, "connectedCallback", null);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaDropdownAppenderController.prototype, "disconnectedCallback", null);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], VegaDropdownAppenderController.prototype, "componentDidRender", null);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaDropdownAppenderController.prototype, "ariaComponentDidLoad", null);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentMethod('watchIsDropdownShow')
 ], VegaDropdownAppenderController.prototype, "watchIsDropdownShow", null);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentMethod('show')
 ], VegaDropdownAppenderController.prototype, "userShow", null);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentMethod('hide')
 ], VegaDropdownAppenderController.prototype, "userHide", null);
 
-var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -869,14 +897,14 @@ class VegaDropdownGroupLevelRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return (index.h("vega-dropdown-group", { label: item.label, key: item.key, divide: index$1 < this.sourceForRender.length - 1 }, item.children.map((children) => this.itemLevelRenderer.render(children, fixHeight))));
   }
 }
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownGroupLevelRenderer.prototype, "sourceForRender", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownGroupLevelRenderer.prototype, "itemLevelRenderer", void 0);
 
-var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -967,26 +995,26 @@ class VegaDropdownSearchController extends globalSlimmerRegistry.VegaSlimmer {
     return label.replace(new RegExp(`(${escaped})`, flags), `<b>$1</b>`);
   }
 }
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchController.prototype, "host", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchController.prototype, "searchString", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchController.prototype, "caseSensitive", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchController.prototype, "useDefaultFilter", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchController.prototype, "searchable", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchController.prototype, "remoteInvocationController", void 0);
 
-var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -1015,6 +1043,9 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {string[] | string} The selected row keys array
    */
   getSelection() {
+    if (this.selectAllController.isEnabled() && Array.isArray(this.selectedSourceKey)) {
+      return this.selectAllController.filterOutSelectAllKey(this.selectedSourceKey);
+    }
     return this.selectedSourceKey;
   }
   /**
@@ -1026,6 +1057,10 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {void} -.
    */
   watchSelectedRowKeySet(keys) {
+    if (this.selectType === 'none') {
+      this.selectedSourceKey = '';
+      return;
+    }
     this.checkSelectedSourceKey(keys);
   }
   /**
@@ -1037,6 +1072,13 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
   watchSelectType() {
     this.checkSelectedSourceKey(this.selectedSourceKey);
   }
+  /**
+   * The function `watchAllowSelectAll` normalizes selectedSourceKey when allowSelectAll changes,
+   * keeping the internal Select All key in sync with current selection state.
+   */
+  watchAllowSelectAll() {
+    this.checkSelectedSourceKey(this.selectedSourceKey);
+  }
   /**
    * The function "watchSelectedSourceKey" assigns a value to the variable "selectedSourceKey" by calling
    * the function "checkSelectedSourceKey" with the current value of "selectedSourceKey" as an argument.
@@ -1076,15 +1118,9 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
    * @param {string} key - The key parameter is a string that represents the selected item.
    */
   select(key) {
+    const isSelectAllClick = this.selectAllController.isAllowedVirtualKey(key);
     if (this.selectType === 'multiple') {
-      if (this.selectedSourceKey.includes(key)) {
-        this.selectedSourceKey = [
-          ...this.selectedSourceKey.filter((itemKey) => itemKey !== key),
-        ];
-      }
-      else {
-        this.selectedSourceKey = [...this.selectedSourceKey, key];
-      }
+      this.selectedSourceKey = this.selectAllController.toggleSelectionForMultiple(this.source, this.selectedSourceKey, key);
     }
     else if (this.selectType === 'single') {
       this.selectedSourceKey = key;
@@ -1093,17 +1129,26 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
     else {
       this.appenderController.hide();
     }
+    if (isSelectAllClick) {
+      // Select All interaction is exposed only through the dedicated boolean event.
+      const isSelectAllSelected = Array.isArray(this.selectedSourceKey) &&
+        this.selectedSourceKey.includes(this.selectAllController.getSelectAllItemKey());
+      this.selectAllClickEventEmitter.emit(isSelectAllSelected);
+      return;
+    }
     this.dropdownClickEventEmitter.emit(key);
   }
   /**
    * The reset action.
    */
   reset() {
-    this.selectedSourceKey = this.selectType === 'multiple' ? [] : '';
-    if (this.selectType !== 'multiple') {
-      this.appenderController.hide();
+    const resetEvent = this.resetEventEmitter.emit();
+    if (!resetEvent.defaultPrevented) {
+      this.selectedSourceKey = this.selectType === 'multiple' ? [] : '';
+      if (this.selectType !== 'multiple') {
+        this.appenderController.hide();
+      }
     }
-    this.resetEventEmitter.emit();
   }
   /**
    * The function checks if the given item belongs to the current dropdown.
@@ -1160,9 +1205,42 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
       this.selectedSourceKey = result;
     }
     else {
-      this.selectedSourceKey = key;
+      const normalizedKey = this.normalizeSelectedSourceKeyBySelectType(key);
+      if (this.selectAllController.isEnabled() &&
+        Array.isArray(normalizedKey) &&
+        this.selectType === 'multiple') {
+        this.selectedSourceKey = this.selectAllController.syncSelectedKeysWithSelectAll(this.source, normalizedKey);
+      }
+      else {
+        this.selectedSourceKey = normalizedKey;
+      }
     }
   }
+  /**
+   * Normalizes the selectedSourceKey value to match the shape expected by the current selectType.
+   * Ensures that switching selectType at runtime (e.g. single → multiple) coerces the stored key
+   * into the correct type (array for multiple, string for single, empty string for none).
+   *
+   * @param {string | string[]} key - The current selectedSourceKey value to normalize.
+   * @returns {string | string[]} The normalized key matching the current selectType shape.
+   */
+  normalizeSelectedSourceKeyBySelectType(key) {
+    if (this.selectType === 'multiple') {
+      if (Array.isArray(key)) {
+        return key;
+      }
+      return key ? [key] : [];
+    }
+    if (this.selectType === 'single') {
+      if (typeof key === 'string') {
+        return key;
+      }
+      return key[0] || '';
+    }
+    // Keep the incoming key when selectType is "none".
+    // This preserves preselection set before selectType is switched to single/multiple.
+    return key;
+  }
   /**
    * The function checks if multiple selected keys exist and removes invalid keys, returning the valid
    * keys.
@@ -1173,6 +1251,9 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
   checkMultipleSelectedKeys(keys) {
     const invalidKeys = [];
     const result = keys.filter((key) => {
+      if (this.selectAllController.isAllowedVirtualKey(key)) {
+        return true;
+      }
       const isExist = this.childrenController.isKeyExist(key);
       if (!isExist)
         invalidKeys.push(key);
@@ -1181,65 +1262,77 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
     if (invalidKeys.length > 0) {
       globalSlimmerRegistry.LogUtility.warn(`Invalid selectedSourceKey ${keys} for ${this.selectType} mode`);
     }
+    if (this.selectAllController.isEnabled()) {
+      return this.selectAllController.syncSelectedKeysWithSelectAll(this.source, result);
+    }
     return result;
   }
 }
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "host", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "selectType", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "source", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownSelectedController.prototype, "selectedSourceKey", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "preserveValueIfNotInSource", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "vegaDropdownClick", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "appenderController", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "childrenController", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "renderModeController", void 0);
-__decorate$j([
+__decorate$k([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSelectedController.prototype, "dropdownClickEventEmitter", void 0);
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
-], VegaDropdownSelectedController.prototype, "dropdownClickEventEmitter", void 0);
-__decorate$j([
+], VegaDropdownSelectedController.prototype, "selectAllClickEventEmitter", void 0);
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSelectedController.prototype, "resetEventEmitter", void 0);
-__decorate$j([
+__decorate$k([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSelectedController.prototype, "selectAllController", void 0);
+__decorate$k([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDropdownSelectedController.prototype, "componentWillLoad", null);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentMethod('clearSelection')
 ], VegaDropdownSelectedController.prototype, "clearSelection", null);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentMethod('getSelection')
 ], VegaDropdownSelectedController.prototype, "getSelection", null);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentMethod('setSelection')
 ], VegaDropdownSelectedController.prototype, "watchSelectedRowKeySet", null);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectType')
 ], VegaDropdownSelectedController.prototype, "watchSelectType", null);
-__decorate$j([
+__decorate$k([
+  globalSlimmerRegistry.MapToComponentMethod('watchAllowSelectAll')
+], VegaDropdownSelectedController.prototype, "watchAllowSelectAll", null);
+__decorate$k([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectedSourceKey')
 ], VegaDropdownSelectedController.prototype, "watchSelectedSourceKey", null);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentMethod('watchSource')
 ], VegaDropdownSelectedController.prototype, "watchSource", null);
 
-var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -1280,17 +1373,17 @@ class VegaDropdownRenderModeController extends globalSlimmerRegistry.VegaSlimmer
     this.renderMode = parent.querySelector('[slot=items]') ? 'SLOT' : 'SOURCE';
   }
 }
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderModeController.prototype, "host", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderModeController.prototype, "renderer", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDropdownRenderModeController.prototype, "connectedCallback", null);
 
-var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -1318,15 +1411,18 @@ class VegaDropdownChildrenController extends globalSlimmerRegistry.VegaSlimmer {
     });
     this.labelSet = new Set();
     this.keySet = new Set();
+    this.previousSelectableKeys = [];
     /**
      * The `syncUpDropdownCurrentDataBySlot` method is responsible for
      * synchronizing the current data in a dropdown based on the items present in the slot.
      */
     this.collectKeyAndLabelFromSlot = () => {
-      const container = this.renderer.getDropdownContentBoxRef() || this.host;
+      const container = this.getContainerElement();
       Array.from(container.querySelectorAll('vega-dropdown-item')).forEach((item) => {
-        item.label && this.labelSet.add(item.label);
-        item.itemKey && this.keySet.add(item.itemKey);
+        if (this.isCurrentDropdownTemplateItem(item)) {
+          item.label && this.labelSet.add(item.label);
+          item.itemKey && this.keySet.add(item.itemKey);
+        }
       });
     };
   }
@@ -1355,6 +1451,20 @@ class VegaDropdownChildrenController extends globalSlimmerRegistry.VegaSlimmer {
       this.syncUpDropdownCurrentData();
     }
   }
+  /**
+   * Manually sync template/slot-based data after dynamic DOM mutations.
+   */
+  syncTemplateData() {
+    this.syncUpDropdownCurrentData();
+    if (this.selectAllController.isEnabled()) {
+      this.syncTemplateSelectAllState();
+      this.updateTemplateSelectableKeysAndRefresh();
+    }
+    else {
+      // Reset Select All visibility state so re-enabling allowSelectAll can re-trigger UI refresh.
+      this.previousSelectableKeys = [];
+    }
+  }
   /**
    * The function checks if a given label exists in a label set.
    *
@@ -1373,6 +1483,22 @@ class VegaDropdownChildrenController extends globalSlimmerRegistry.VegaSlimmer {
   isKeyExist(key) {
     return this.keySet.has(key);
   }
+  /**
+   * Returns the keys of all non-disabled slot items.
+   * Used by the Select All controller to enumerate selectable items in template/slot mode.
+   *
+   * @returns {string[]} Keys of selectable (non-disabled) template items.
+   */
+  getSelectableKeys() {
+    const container = this.getContainerElement();
+    const keys = [];
+    Array.from(container.querySelectorAll('vega-dropdown-item')).forEach((item) => {
+      if (this.isCurrentDropdownTemplateItem(item) && !item.disabled && item.itemKey) {
+        keys.push(item.itemKey);
+      }
+    });
+    return keys;
+  }
   /**
    * The function syncs up the current data of a dropdown based on the render mode.
    */
@@ -1386,6 +1512,48 @@ class VegaDropdownChildrenController extends globalSlimmerRegistry.VegaSlimmer {
       this.notifyTemplateItemsChange();
     }
   }
+  /**
+   * Updates previous selectable template keys and triggers re-render when Select All visibility changes.
+   *
+   */
+  updateTemplateSelectableKeysAndRefresh() {
+    const hadSelectableKeys = this.previousSelectableKeys.length > 0;
+    const currentSelectableKeys = this.getSelectableKeys();
+    const hasSelectableKeys = currentSelectableKeys.length > 0;
+    this.previousSelectableKeys = currentSelectableKeys;
+    if (hadSelectableKeys !== hasSelectableKeys) {
+      index.forceUpdate(this.host);
+    }
+  }
+  /**
+   * Re-syncs Select All sentinel state for template mode after slot item mutations.
+   */
+  syncTemplateSelectAllState() {
+    if (this.selectAllController.isEnabled() &&
+      Array.isArray(this.selectedController.selectedSourceKey)) {
+      const currentSelectedKeys = this.selectedController.selectedSourceKey;
+      const syncedSelectedKeys = this.selectAllController.syncSelectedKeysWithSelectAll([], currentSelectedKeys);
+      if (!array.isArrayEqual(currentSelectedKeys, syncedSelectedKeys)) {
+        this.selectedController.selectedSourceKey = syncedSelectedKeys;
+      }
+    }
+  }
+  /**
+   * Check whether a template item belongs to the current dropdown instead of a nested dropdown.
+   *
+   * @param {HTMLVegaDropdownItemElement} item - Template mode dropdown item element.
+   * @returns {boolean} True only when the nearest dropdown ancestor is current host.
+   */
+  isCurrentDropdownTemplateItem(item) {
+    const appender = ui.findParent(item, 'vega-dropdown-content-box');
+    if (appender) {
+      const ownerDropdown = appender['data-parent-ref'];
+      const parentElement = item.parentElement;
+      const isNestedTriggerItem = parentElement.tagName === 'VEGA-DROPDOWN';
+      return ownerDropdown === this.host && !isNestedTriggerItem;
+    }
+    return ui.findParent(item, 'vega-dropdown') === this.host;
+  }
   /**
    * The function collects unique labels and keys from a nested array of objects.
    *
@@ -1413,50 +1581,65 @@ class VegaDropdownChildrenController extends globalSlimmerRegistry.VegaSlimmer {
     this.keySet.clear();
     this.labelSet.clear();
   }
+  /**
+   * Returns the dropdown content box element, or falls back to the host element if not yet available.
+   * Handles cases where `getDropdownContentBoxRef()` returns null during early lifecycle phases.
+   *
+   * @returns {HTMLElement} The dropdown content box or host element.
+   */
+  getContainerElement() {
+    return this.renderer.getDropdownContentBoxRef() || this.host;
+  }
   /**
    * The function `notifyTemplateItemsChange` notifies changes to dropdown items within a container element.
    */
   notifyTemplateItemsChange() {
-    const container = this.renderer.getDropdownContentBoxRef() || this.host;
+    const container = this.getContainerElement();
     changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalDropdownTemplateItemsChange), container.querySelectorAll('vega-dropdown-item'));
   }
 }
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "host", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "source", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "sourceController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "renderModeController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "listRenderer", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "renderer", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "selectedController", void 0);
-__decorate$h([
+__decorate$i([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownChildrenController.prototype, "selectAllController", void 0);
+__decorate$i([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdownChildrenController.prototype, "mutationObserver", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaDropdownChildrenController.prototype, "disconnectedCallback", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], VegaDropdownChildrenController.prototype, "componentWillLoad", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaDropdownChildrenController.prototype, "componentDidLoad", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('watchSource')
 ], VegaDropdownChildrenController.prototype, "watchSource", null);
+__decorate$i([
+  globalSlimmerRegistry.MapToComponentMethod('syncTemplateData')
+], VegaDropdownChildrenController.prototype, "syncTemplateData", null);
 
 const VegaDropdownRuntimeMetricsPayloadDefinition = [
   {
@@ -1485,7 +1668,7 @@ const VegaDropdownRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -1641,41 +1824,41 @@ class VegaDropdownScrollableController extends globalSlimmerRegistry.VegaSlimmer
 }
 VegaDropdownScrollableController.actionButtonContentHeight = 49; // actionHeight(40) + dividerHeight(paddingY + dividerHeight = 9);
 VegaDropdownScrollableController.dropdownLayoutSpaceHeight = 10; // paddingY + borderY;
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "isDropdownShow", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "renderModeController", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "sourceForRender", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "selectType", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "selectedSourceKey", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "searchable", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "listRenderer", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "renderer", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownScrollableController.prototype, "resettable", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentMethod('watchIsDropdownShow')
 ], VegaDropdownScrollableController.prototype, "watchIsDropdownShow", null);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentMethod('watchSelectedSourceKey')
 ], VegaDropdownScrollableController.prototype, "watchSelectedSourceKey", null);
 
-var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -1719,14 +1902,14 @@ class VegaDropdownRemoteInvocationController extends globalSlimmerRegistry.VegaS
     return null;
   }
 }
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRemoteInvocationController.prototype, "host", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDropdownRemoteInvocationController.prototype, "connectedCallback", null);
 
-var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -1742,19 +1925,238 @@ class VegaDropdownResetRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("vega-divider", { margin: { y: 'size-4' } }))));
   }
 }
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownResetRenderer.prototype, "resettable", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownResetRenderer.prototype, "translationSlimmer", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownResetRenderer.prototype, "selectedController", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownResetRenderer.prototype, "selectedSourceKey", void 0);
 
+const VEGA_DROPDOWN_SELECT_ALL_KEY = '__SELECT_ALL__';
+
+var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  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;
+};
+/**
+ * Determine Select All indeterminate state from selected keys and selectable keys.
+ *
+ * @param {string[] | string} keys - Current selected keys.
+ * @param {string[]} allKeys - Selectable keys for current mode.
+ * @param {string} selectAllKey - Internal Select All sentinel key.
+ * @returns {boolean} True when selection is partial.
+ */
+const calculateSelectAllIndeterminate = (keys, allKeys, selectAllKey = VEGA_DROPDOWN_SELECT_ALL_KEY) => {
+  if (!Array.isArray(keys)) {
+    return false;
+  }
+  const selectedRealKeys = keys.filter((key) => key !== selectAllKey);
+  if (allKeys.length === 0) {
+    // Template-mode fallback: when selectable keys are not yet enumerable,
+    // missing Select All sentinel with non-empty real keys indicates partial selection.
+    return selectedRealKeys.length > 0 && !keys.includes(selectAllKey);
+  }
+  const selectedSelectableCount = selectedRealKeys.filter((key) => allKeys.includes(key)).length;
+  return selectedSelectableCount > 0 && selectedSelectableCount < allKeys.length;
+};
+/**
+ * Determine indeterminate state specifically for the Select All item.
+ *
+ * @param {string} itemKey - Current dropdown item key.
+ * @param {string[] | string} keys - Current selected keys.
+ * @param {DropdownSourceItem[]} source - Source items (used in source mode).
+ * @param {string} selectAllKey - Internal Select All sentinel key.
+ * @returns {boolean} True when current item is Select All and selection is partial.
+ */
+const isSelectAllItemIndeterminate = (itemKey, keys, source, selectAllKey = VEGA_DROPDOWN_SELECT_ALL_KEY) => {
+  if (!Array.isArray(keys) || itemKey !== selectAllKey) {
+    return false;
+  }
+  const allKeys = source.length
+    ? array.flattenChildren(source)
+      .filter((item) => !item.disabled)
+      .map((item) => item.key)
+    : [];
+  return calculateSelectAllIndeterminate(keys, allKeys, selectAllKey);
+};
+/**
+ * The `VegaDropdownSelectAllController` encapsulates all Select All behavior.
+ * It is used when allowSelectAll is enabled.
+ */
+class VegaDropdownSelectAllController extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.selectAllKey = VEGA_DROPDOWN_SELECT_ALL_KEY;
+  }
+  /**
+   * Determine if Select All behavior should be active for current dropdown mode.
+   *
+   * @returns {boolean} True when allowSelectAll is enabled and selectType is multiple.
+   */
+  isEnabled() {
+    return this.allowSelectAll && this.selectType === 'multiple';
+  }
+  /**
+   * Add synthetic Select All option to source when enabled.
+   *
+   * @param {VegaDropdownSourceItem[]} source - The original source array.
+   * @returns {VegaDropdownSourceItem[]} Source with Select All item added at the start, or original source if not enabled.
+   */
+  getSourceWithSelectAll(source) {
+    if (!this.isEnabled() || source.length === 0) {
+      return source;
+    }
+    const selectAllItem = {
+      key: this.selectAllKey,
+      label: this.translationSlimmer.t('Select All'),
+    };
+    return [selectAllItem, ...source];
+  }
+  /**
+   * Remove internal Select All key from selected keys.
+   *
+   * @param {string[]} keys - The current selected keys array.
+   * @returns {string[]} Keys with the internal Select All key removed.
+   */
+  filterOutSelectAllKey(keys) {
+    return keys.filter((k) => k !== this.selectAllKey);
+  }
+  /**
+   * Toggle key selection in multiple mode, including Select All interactions.
+   *
+   * @param {DropdownSourceItem[]} source - The full source array of dropdown items.
+   * @param {string[]} selectedKeys - The currently selected keys.
+   * @param {string} key - The key that was clicked.
+   * @returns {string[]} Updated selected keys after the toggle operation.
+   */
+  toggleSelectionForMultiple(source, selectedKeys, key) {
+    const allKeys = this.getSelectableKeys(source);
+    const currentKeys = this.filterOutSelectAllKey(selectedKeys);
+    if (!this.isEnabled()) {
+      return currentKeys.includes(key)
+        ? currentKeys.filter((k) => k !== key)
+        : [...currentKeys, key];
+    }
+    if (key === this.selectAllKey) {
+      const isAllSelected = allKeys.every((k) => currentKeys.includes(k));
+      return isAllSelected ? [] : [...allKeys, this.selectAllKey];
+    }
+    const nextKeys = currentKeys.includes(key)
+      ? currentKeys.filter((k) => k !== key)
+      : [...currentKeys, key];
+    const isNextAllSelected = allKeys.every((k) => nextKeys.includes(k));
+    if (isNextAllSelected) {
+      return [...nextKeys, this.selectAllKey];
+    }
+    return nextKeys;
+  }
+  /**
+   * Keep Select All internal key aligned with current selected keys.
+   *
+   * @param {DropdownSourceItem[]} source - The full source array of dropdown items.
+   * @param {string[]} keys - The current selected keys to synchronize.
+   * @returns {string[]} Keys with Select All key added or removed based on whether all items are selected.
+   */
+  syncSelectedKeysWithSelectAll(source, keys) {
+    if (!this.isEnabled()) {
+      return keys;
+    }
+    const allKeys = this.getSelectableKeys(source);
+    if (allKeys.length === 0) {
+      return keys;
+    }
+    const selectedRealKeys = this.filterOutSelectAllKey(keys);
+    const isAllSelected = allKeys.every((key) => selectedRealKeys.includes(key));
+    if (isAllSelected) {
+      return keys.includes(this.selectAllKey) ? keys : [...selectedRealKeys, this.selectAllKey];
+    }
+    return selectedRealKeys;
+  }
+  /**
+   * Check if a key is valid for selection in multiple mode.
+   *
+   * @param {string} key - The key to check.
+   * @returns {boolean} True if the key is the internal Select All key and feature is enabled.
+   */
+  isAllowedVirtualKey(key) {
+    return this.isEnabled() && key === this.selectAllKey;
+  }
+  /**
+   * Determine whether Select All should be rendered in an indeterminate state.
+   *
+   * @param {string[] | string} keys - Current selected keys.
+   * @param {DropdownSourceItem[]} source - Source items (used in source mode).
+   * @returns {boolean} True when some but not all selectable items are selected.
+   */
+  isSelectAllIndeterminate(keys, source) {
+    if (!this.isEnabled() || !Array.isArray(keys)) {
+      return false;
+    }
+    const allKeys = this.getSelectableKeys(source);
+    return calculateSelectAllIndeterminate(keys, allKeys, this.selectAllKey);
+  }
+  /**
+   * Returns the internal Select All item key.
+   * Used by renderers to inject the synthetic Select All item into the template/slot list.
+   *
+   * @returns {string} The Select All key.
+   */
+  getSelectAllItemKey() {
+    return this.selectAllKey;
+  }
+  /**
+   * Determine whether template/slot mode should render the synthetic Select All row.
+   *
+   * @returns {boolean} True when Select All is enabled in template mode and there is at least one selectable real item.
+   */
+  shouldRenderTemplateSelectAll() {
+    if (!this.isEnabled() || this.renderModeController.isSourceRenderMode()) {
+      return false;
+    }
+    return this.getSelectableKeys([]).length > 0;
+  }
+  /**
+   * Collect selectable keys from the source or DOM while skipping disabled items.
+   * In slot/template mode, keys are read from the rendered DOM via the children controller.
+   *
+   * @param {DropdownSourceItem[]} source - The dropdown source array (used in source mode only).
+   * @returns {string[]} The keys that can be selected.
+   */
+  getSelectableKeys(source) {
+    if (!this.renderModeController.isSourceRenderMode()) {
+      return this.childrenController
+        .getSelectableKeys()
+        .filter((key) => key !== this.selectAllKey);
+    }
+    return array.flattenChildren(source)
+      .filter((item) => !item.disabled)
+      .map((item) => item.key);
+  }
+}
+__decorate$e([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSelectAllController.prototype, "allowSelectAll", void 0);
+__decorate$e([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSelectAllController.prototype, "selectType", void 0);
+__decorate$e([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSelectAllController.prototype, "translationSlimmer", void 0);
+__decorate$e([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSelectAllController.prototype, "renderModeController", void 0);
+__decorate$e([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSelectAllController.prototype, "childrenController", void 0);
+
 const vegaDropdownCss = ":host{display:inline-block}";
 
 var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -1772,6 +2174,8 @@ const VegaDropdown = class {
     index.registerInstance(this, hostRef);
     this.vegaDropdownClick = index.createEvent(this, "vegaDropdownClick", 7);
     this.dropdownClick = index.createEvent(this, "dropdownClick", 7);
+    this.vegaDropdownSelectAllClick = index.createEvent(this, "vegaDropdownSelectAllClick", 7);
+    this.dropdownSelectAllClick = index.createEvent(this, "dropdownSelectAllClick", 7);
     this.vegaShow = index.createEvent(this, "vegaShow", 7);
     this.dropdownShow = index.createEvent(this, "dropdownShow", 7);
     this.vegaHide = index.createEvent(this, "vegaHide", 7);
@@ -1797,6 +2201,7 @@ const VegaDropdown = class {
     this.keyboardController = new VegaDropdownKeyboardController();
     this.appenderController = new VegaDropdownAppenderController();
     this.searchController = new VegaDropdownSearchController();
+    this.selectAllController = new VegaDropdownSelectAllController();
     /**
      * childrenController should be defined before selectedController,
      *     which can ensure collecting information before verifying it.
@@ -1814,6 +2219,7 @@ const VegaDropdown = class {
     this.showEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownShow);
     this.hideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownHide);
     this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownClick);
+    this.selectAllClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownSelectAllClick);
     this.resetEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaReset);
     this.createEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaCreate);
     this.searchEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownSearch);
@@ -2012,6 +2418,14 @@ const VegaDropdown = class {
      * @vegaVersion 2.74.0
      */
     this.searchNoResultsText = 'No results found';
+    /**
+     * Allows users to select or deselect all items in the dropdown.
+     *    Only applicable when selectType is set to 'multiple'.
+     *    When enabled, a "Select All" option is added to the dropdown menu.
+     *
+     * @vegaVersion 2.93.0
+     */
+    this.allowSelectAll = false;
   }
   watchIsDropdownShow() {
   }
@@ -2029,6 +2443,8 @@ const VegaDropdown = class {
   }
   watchCaseSensitive() {
   }
+  watchAllowSelectAll() {
+  }
   /**
    * Invoke this method to programmatically display the dropdown menu.
    *
@@ -2081,6 +2497,25 @@ const VegaDropdown = class {
    */
   async setSelection(keys) {
   }
+  /**
+   * Invoke this method to manually sync template/slot-based dropdown data.
+   * Useful when template items are dynamically added or removed.
+   *
+   * @example
+   * const dropdown = document.querySelector("vega-dropdown");
+   * const itemsContainer = dropdown.querySelector('[slot="items"]');
+   *
+   * const item = document.createElement('vega-dropdown-item');
+   * item.itemKey = 'new-item';
+   * item.label = 'New item';
+   * itemsContainer.appendChild(item);
+   *
+   * await dropdown.syncTemplateData();
+   *
+   * @vegaVersion 2.93.0
+   */
+  async syncTemplateData() {
+  }
   render() {
     placeholder.slotPlaceholder(index.h("slot", null));
     return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
@@ -2094,7 +2529,8 @@ const VegaDropdown = class {
     "prefixIconSlot": ["watchPrefixIconSlot"],
     "itemDisplayRule": ["watchItemDisplayRule"],
     "itemTooltipProps": ["watchItemTooltipProps"],
-    "caseSensitive": ["watchCaseSensitive"]
+    "caseSensitive": ["watchCaseSensitive"],
+    "allowSelectAll": ["watchAllowSelectAll"]
   }; }
 };
 __decorate$d([
@@ -2136,6 +2572,9 @@ __decorate$d([
 __decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdown.prototype, "searchController", void 0);
+__decorate$d([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaDropdown.prototype, "selectAllController", void 0);
 __decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdown.prototype, "childrenController", void 0);
@@ -2175,6 +2614,9 @@ __decorate$d([
 __decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdown.prototype, "dropdownClickEventEmitter", void 0);
+__decorate$d([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaDropdown.prototype, "selectAllClickEventEmitter", void 0);
 __decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdown.prototype, "resetEventEmitter", void 0);
@@ -2352,7 +2794,7 @@ class VegaDropdownItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.selected && index.h("vega-icon", { icon: "checkmark", size: "size-16" });
   }
   renderMultipleSelectIcon() {
-    return index.h("vega-checkbox", { size: "small", checked: this.selected, disabled: this.disabled });
+    return (index.h("vega-checkbox", { size: "small", checked: this.selected, indeterminate: this.indeterminate, disabled: this.disabled }));
   }
   renderPrefixIcon() {
     return ((this.prefixIcon || this.prefixIconSlot) && (index.h("div", { class: "item-prefix" }, this.renderItemPrefixIcon())));
@@ -2431,6 +2873,9 @@ __decorate$9([
 __decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "selected", void 0);
+__decorate$9([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownItemRenderer.prototype, "indeterminate", void 0);
 __decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownItemRenderer.prototype, "selectType", void 0);
@@ -2460,7 +2905,9 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
  * Controller for the vega dropdown item states
  */
 class VegaDropdownItemStateController extends subStateObserverSlimmer.SubStateObserverSlimmer {
-  // eslint-disable-next-line jsdoc/require-jsdoc
+  /**
+   * Initializes the dropdown item state controller with parent state observer setup
+   */
   constructor() {
     super({
       // eslint-disable-next-line jsdoc/require-jsdoc
@@ -2506,11 +2953,55 @@ class VegaDropdownItemStateController extends subStateObserverSlimmer.SubStateOb
             this.selected = Array.isArray(selectedSourceKey)
               ? selectedSourceKey.includes(this.itemKey)
               : selectedSourceKey === this.itemKey;
+            this.indeterminate = this.isSelectAllIndeterminate(selectedSourceKey);
           },
         },
       ],
       pullStatesWhenReattached: true,
     });
+    this.selectAllKey = VEGA_DROPDOWN_SELECT_ALL_KEY;
+  }
+  /**
+   * Gets the source of the parent dropdown, with fallback logic for different rendering modes
+   *
+   * @returns {VegaDropdown['source']} The source array from parent dropdown or content-box parent ref
+   */
+  getParentDropdownSource() {
+    const parentDropdown = this.getParentDropdown();
+    if (parentDropdown && Array.isArray(parentDropdown.source)) {
+      return parentDropdown.source;
+    }
+    const appender = ui.findParent(this.host, 'vega-dropdown-content-box');
+    const parentRef = appender === null || appender === void 0 ? void 0 : appender['data-parent-ref'];
+    if (parentRef && Array.isArray(parentRef.source)) {
+      return parentRef.source;
+    }
+    return [];
+  }
+  /* eslint-disable jsdoc/no-undefined-types */
+  /**
+   * Gets the parent dropdown element for the current item.
+   * Supports both direct template ancestry and content-box appender fallback.
+   *
+   * @returns {Nullable<HTMLVegaDropdownElement>} The parent dropdown element when found, otherwise null/undefined
+   */
+  getParentDropdown() {
+    const parentDropdown = ui.findParent(this.host, 'vega-dropdown');
+    if (parentDropdown) {
+      return parentDropdown;
+    }
+    const appender = ui.findParent(this.host, 'vega-dropdown-content-box');
+    return appender === null || appender === void 0 ? void 0 : appender['data-parent-ref'];
+  }
+  /* eslint-enable jsdoc/no-undefined-types */
+  /**
+   * Determines if the select-all checkbox should display in indeterminate state
+   *
+   * @param {VegaDropdown['selectedSourceKey']} selectedSourceKey - The currently selected keys
+   * @returns {boolean} True if this is a select-all item with some but not all items selected
+   */
+  isSelectAllIndeterminate(selectedSourceKey) {
+    return isSelectAllItemIndeterminate(this.itemKey, selectedSourceKey, this.getParentDropdownSource(), this.selectAllKey);
   }
 }
 __decorate$8([
@@ -2525,6 +3016,9 @@ __decorate$8([
 __decorate$8([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownItemStateController.prototype, "selected", void 0);
+__decorate$8([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaDropdownItemStateController.prototype, "indeterminate", void 0);
 __decorate$8([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaDropdownItemStateController.prototype, "prefixIconSlot", void 0);
@@ -2603,6 +3097,10 @@ const VegaDropdownItem = class {
      * Specifies the dropdown item's selected status.
      */
     this.selected = false;
+    /**
+     * Specifies whether the dropdown item checkbox should show indeterminate state.
+     */
+    this.indeterminate = false;
     /**
      * Specifies the dropdown item's rule of display.
      */