@heartlandone/vega 2.94.0 → 2.96.0

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

@@ -14,7 +14,7 @@ const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-facto
 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-1d6323c2.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-7773fdab.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,12 +22,12 @@ const subStateNotifySlimmer = require('./sub-state-notify-slimmer-18891389.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-7ae2a78f.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const translationSlimmer = require('./translation-slimmer-9099f56c.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
 require('./breakpoints-ebde4837.js');
@@ -46,7 +46,7 @@ require('./pixel-98f2a10c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./synchronize-task-queue-1ee80e94.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./vega-nonce-manager-df69d3ed.js');
 
@@ -1343,10 +1343,6 @@ var __decorate$j = (undefined && undefined.__decorate) || function (decorators,
  * the render mode of a dropdown component based on the presence of a specific element in the DOM.
  */
 class VegaDropdownRenderModeController extends globalSlimmerRegistry.VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    this.renderMode = 'SOURCE';
-  }
   /**
    * The `connectedCallback` function is called before the component is rendered and is used to set the
    * render mode.
@@ -1367,10 +1363,12 @@ class VegaDropdownRenderModeController extends globalSlimmerRegistry.VegaSlimmer
    * While component first connected, the items slot is in the host.
    * While component connected after the first time, the items slot will apppend to vega-dropdown-content-box, so the parent changed.
    *   code: VegaDropdownRenderer.appendItemsToContentBox
+   *
    */
   setRenderMode() {
-    const parent = this.renderer.getDropdownContentBoxRef() || this.host;
-    this.renderMode = parent.querySelector('[slot=items]') ? 'SLOT' : 'SOURCE';
+    const contentBox = this.renderer.getDropdownContentBoxRef();
+    const hasItemsSlot = Boolean((contentBox === null || contentBox === void 0 ? void 0 : contentBox.querySelector('[slot=items]')) || this.host.querySelector('[slot=items]'));
+    this.renderMode = hasItemsSlot ? 'SLOT' : 'SOURCE';
   }
 }
 __decorate$j([
@@ -1379,6 +1377,9 @@ __decorate$j([
 __decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownRenderModeController.prototype, "renderer", void 0);
+__decorate$j([
+  globalSlimmerRegistry.MapToComponentField({ writable: true })
+], VegaDropdownRenderModeController.prototype, "renderMode", void 0);
 __decorate$j([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaDropdownRenderModeController.prototype, "connectedCallback", null);
@@ -2228,6 +2229,7 @@ const VegaDropdown = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaDropdownRuntimeMetricsPayloadDefinition);
     this.searchString = null;
     this.isDropdownShow = false;
+    this.renderMode = 'SOURCE';
     /**
      * Specifies the trigger mode for the dropdown.
      *   hover: The dropdown is shown/hidden on hover, and listens for global area clicks.
@@ -2384,10 +2386,33 @@ const VegaDropdown = class {
      */
     this.isLazyLoading = false;
     /**
-     * Determines whether the dropdown position is calculated relative to the screen.
+     * Determines whether the dropdown uses viewport-based positioning (`position: fixed`) or container-based positioning (`position: absolute`).
+     *
+     * **Technical Implementation:**
      *
-     * @VegaWarning - It will overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective.
-     * 			    - Currently, when set to true, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
+     * - When `false` (default): The dropdown content box renders with `position: absolute` and its coordinates are calculated relative to the nearest positioned ancestor. Combined with `positionRelativeTo`, you can specify which ancestor to measure from, which ensures the menu scrolls together with that ancestor.
+     *
+     * - When `true`: The dropdown content box renders with `position: fixed` and its coordinates are calculated from the viewport. The menu is visually anchored to the trigger element via JavaScript and moves with it on scroll, even though it is not part of the document flow. `positionRelativeTo` has no effect in this mode.
+     *
+     * When to set `isScreenPosition` to `true`:
+     *
+     * - Dropdowns that need to break out of container constraints (non-Shadow-DOM only):
+     *    When you want the dropdown to appear outside its container's boundaries (e.g., to avoid being clipped by a parent's
+     *    `overflow: hidden` or small dimensions), viewport-based positioning allows it to render freely.
+     *    This only works for regular (non-Shadow-DOM) containers. Shadow DOM boundaries cannot be escaped with `position: fixed`.
+     *
+     * - Dropdowns in fixed or sticky positioned containers:
+     *    When the dropdown trigger is inside a fixed or sticky positioned container, viewport-based positioning ensures correct alignment.
+     *
+     * When to keep `isScreenPosition` as `false` (default):
+     *
+     * - Simple layouts where the dropdown and its trigger are not inside scrollable containers
+     * - When you want the dropdown to scroll naturally with its container (using `position: absolute`)
+     * - When you need `positionRelativeTo` to control which ancestor the dropdown is positioned relative to
+     * - When `matchContainerHeight` is needed (this property is overridden when `isScreenPosition` is `true`)
+     *
+     * @VegaWarning - Setting this to `true` override the `positionRelativeTo` and `matchContainerHeight` properties, rendering them ineffective.
+     * 			    - Currently, when set to `true`, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
      * @vegaVersion 2.36.0
      */
     this.isScreenPosition = false;
@@ -2516,6 +2541,9 @@ const VegaDropdown = class {
    */
   async syncTemplateData() {
   }
+  /**
+   * Render the dropdown component.
+   */
   render() {
     placeholder.slotPlaceholder(index.h("slot", null));
     return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/vega-input-phone-number.cjs.entry.js

@@ -19,9 +19,9 @@ const changeManager = require('./change-manager-a297e4d2.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
 require('./icon-manager-be358b32.js');
@@ -43,7 +43,7 @@ require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
 require('./sub-state-observer-slimmer-eee2f0ae.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -6,7 +6,7 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
 const array = require('./array-249289f2.js');
@@ -14,13 +14,13 @@ const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const ui = require('./ui-c91c37a7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const translationSlimmer = require('./translation-slimmer-9099f56c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');

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

@@ -23,8 +23,8 @@ const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const index$1 = require('./index-592b4052.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const typeGuard = require('./type-guard-f354af8b.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
@@ -46,7 +46,7 @@ require('./misc-3d30df91.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
 require('./sub-state-observer-slimmer-eee2f0ae.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./typography-3ea4fe41.js');
 
@@ -156,6 +156,10 @@ class VegaInputSelectDropdownController extends globalSlimmerRegistry.VegaSlimme
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, vegaEventId.VegaSearchTrigger, (payload) => {
       this.searchTriggerEventEmitter.emit(payload.detail);
     });
+    domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, vegaEventId.VegaDropdownSelectAllClick, async (payload) => {
+      this.vegaInputSelectValueController.setValue(await payload.host.getSelection());
+      this.selectAllClickEventEmitter.emit(payload.detail);
+    });
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, vegaInternalEventId.VegaInternalDropdownTemplateItemsChange, 
     /*
      * The below method is e2e-test covered in
@@ -204,9 +208,15 @@ __decorate$8([
 __decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputSelectDropdownController.prototype, "hideEventEmitter", void 0);
+__decorate$8([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputSelectDropdownController.prototype, "vegaDropdownProps", void 0);
 __decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputSelectDropdownController.prototype, "selectType", void 0);
+__decorate$8([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaInputSelectDropdownController.prototype, "selectAllClickEventEmitter", void 0);
 
 var __decorate$7 = (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;
@@ -500,6 +510,10 @@ class VegaInputSelectDropdownRenderer extends globalSlimmerRegistry.VegaSlimmer
       return Object.assign({ placement: 'bottom' }, this.selectedLabelTooltipProps);
     };
   }
+  /*
+   * The below method is e2e-test covered in
+   * @see{module:vega-input-select-allow-select-all-dynamic-e2e}
+   */
   watchVegaDropdownProps() {
     if (this.vegaDropdownProps && this.vegaDropdownProps.preserveValueIfNotInSource !== undefined) {
       this.dropdown.preserveValueIfNotInSource = this.vegaDropdownProps.preserveValueIfNotInSource;
@@ -786,7 +800,12 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
 class VegaInputSelectItemsSlotController extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
+    /**
+     * Observes the current template items container before and after relocation into the dropdown.
+     */
     this.mutationObserver = new mutationObserverSlimmer.MutationObserverSlimmer({
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      target: () => this.getItemsContainer() || this.host,
       mutationFilter: mutationObserverFilters.TagNameMutationFilter('VEGA-DROPDOWN-ITEM'),
       options: {
         childList: true,
@@ -796,6 +815,7 @@ class VegaInputSelectItemsSlotController extends globalSlimmerRegistry.VegaSlimm
       /*
        * The below method is e2e-test covered in
        * @see{module:vega-input-select-template-slot-change-e2e}
+       * @see{module:vega-input-select-template-select-all-e2e}
        */
       /* istanbul ignore next */
       // eslint-disable-next-line jsdoc/require-jsdoc
@@ -812,13 +832,28 @@ class VegaInputSelectItemsSlotController extends globalSlimmerRegistry.VegaSlimm
    * The function appends host items to a dropdown element.
    */
   appendHostItemsToDropdown() {
-    const items = this.host.querySelector('[slot=items]');
+    const items = this.getItemsContainer();
     const itemsSlotRef = this.vegaInputSelectDropdownRenderer.getItemsSlotRef();
+    const dropdownRef = this.vegaInputSelectDropdownRenderer.getDropdownRef();
     if (items && itemsSlotRef) {
       itemsSlotRef.remove();
-      this.vegaInputSelectDropdownRenderer.getDropdownRef().append(items);
+      dropdownRef.append(items);
+    }
+    if (itemsSlotRef) {
+      void dropdownRef.syncTemplateData();
     }
   }
+  /**
+   * Gets the template items container from host before relocation,
+   * or from dropdown after it has been moved.
+   *
+   * @returns {Nullable<HTMLElement>} The current template items container, if present.
+   */
+  getItemsContainer() {
+    const dropdownRef = this.vegaInputSelectDropdownRenderer.getDropdownRef();
+    return (this.host.querySelector('[slot=items]') ||
+      (dropdownRef === null || dropdownRef === void 0 ? void 0 : dropdownRef.querySelector('[slot=items]')));
+  }
 }
 __decorate$2([
   globalSlimmerRegistry.InjectVegaSlimmer()
@@ -983,6 +1018,8 @@ const VegaInputSelect = class {
     this.search = index.createEvent(this, "search", 7);
     this.vegaSearchTrigger = index.createEvent(this, "vegaSearchTrigger", 7);
     this.searchTrigger = index.createEvent(this, "searchTrigger", 7);
+    this.vegaDropdownSelectAllClick = index.createEvent(this, "vegaDropdownSelectAllClick", 7);
+    this.dropdownSelectAllClick = index.createEvent(this, "dropdownSelectAllClick", 7);
     this.vegaShow = index.createEvent(this, "vegaShow", 7);
     this.vegaHide = index.createEvent(this, "vegaHide", 7);
     this.vegaLabelButtonClick = index.createEvent(this, "vegaLabelButtonClick", 7);
@@ -1024,7 +1061,13 @@ const VegaInputSelect = class {
     this.showEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, vegaEventId.VegaShow);
     this.hideEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, vegaEventId.VegaHide);
     this.labelButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, vegaEventId.VegaLabelButtonClick);
+    this.selectAllClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaInputSelect, vegaEventId.VegaDropdownSelectAllClick);
     this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaSearch, vegaEventId.VegaSearchTrigger, vegaEventId.VegaShow, vegaEventId.VegaHide], () => this.host, true);
+    this.dropdownEventPreventSelectAllClick = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaDropdownSelectAllClick], () => this.vegaInputSelectDropdownRenderer.getDropdownRef(), {
+      customPreventHandle: (e) => {
+        e.stopPropagation();
+      },
+    });
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaInputSelectRuntimeMetricsPayloadDefinition);
     this.isDropdownShow = false;
     this.currentBreakpoint = breakpoints.getCurrentBreakpoint();
@@ -1286,9 +1329,15 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "labelButtonClickEventEmitter", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputSelect.prototype, "selectAllClickEventEmitter", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "eventPrevent", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInputSelect.prototype, "dropdownEventPreventSelectAllClick", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaInputSelect.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

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

@@ -13,7 +13,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const stringMaskStrategy = require('./string-mask-strategy-fc01a500.js');
 const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-b22f7754.js');
@@ -44,7 +44,7 @@ require('./internal-translation-controller-eb02c3b1.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');

package/dist/cjs/vega-item-toggle.cjs.entry.js

@@ -7,7 +7,7 @@ const component = require('./component-1e352960.js');
 const ui = require('./ui-32120990.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
@@ -15,7 +15,7 @@ require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-vega-event-manager-13c4012b.js');
+require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
 require('./object-b53e9416.js');