@globalpayments/vega 2.30.0 → 2.32.0

package/dist/esm/vega-combo-box.entry.js

@@ -2,18 +2,21 @@ import { h, F as Fragment, H as Host, r as registerInstance, c as createEvent, g
 import { R as RequiredFieldRule } from './required-field-rule-5da360cc.js';
 import { g as getActiveElement, s as sanitizeVegaComponent } from './component-cae24190.js';
 import { N as isArrayOfType, O as isDropdownSourceItemType } from './type-guard-63caf78b.js';
-import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-a64c679c.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-db288af1.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-44cb4573.js';
-import { j as VegaCreate, m as VegaDropdownHide, b as VegaDropdownClick, c as VegaClose, e as VegaChange, k as VegaSearch } from './vega-event-id-b1655cbc.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-88492678.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-01953033.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-493e6b9d.js';
+import { j as VegaCreate, m as VegaDropdownHide, b as VegaDropdownClick, c as VegaClose, e as VegaChange, k as VegaSearch } from './vega-event-id-0f8fc134.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-500cf2a3.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
+import { b as VegaInternalDropdownTemplateItemsChange } from './vega-internal-event-id-770faa12.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-8723f20f.js';
 import { f as findParent } from './ui-0132dbb5.js';
+import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
+import { T as TagNameMutationFilter } from './mutation-observer-filters-1035b064.js';
 import './breakpoints-36a3ed69.js';
 import './ui-8424715a.js';
 import './regex-dfe11abf.js';
@@ -22,16 +25,13 @@ import './string-be824360.js';
 import './observer-3959f9dd.js';
 import './create-public-api-runtime-metrics-slimmer-cc1164bb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-c8507b85.js';
 import './translation-4eb3cf85.js';
 import './page-resize-observer-slimmer-994c1e1b.js';
-import './mutation-observer-slimmer-6cef9549.js';
-import './mutation-observer-filters-1035b064.js';
 import './array-b668466e.js';
 import './number-4398f2e1.js';
-import './internal-vega-event-manager-8154661e.js';
+import './internal-vega-event-manager-48ac30f1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-297c4b9b.js';
+import './feature-flag-controller-f72c004e.js';
 import './index-0863eec6.js';
 import './keyboard-manager-d1f9ddc1.js';
 
@@ -62,7 +62,7 @@ const VegaComboBoxRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (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;
@@ -90,15 +90,18 @@ class VegaComboBoxDropdownRenderer extends VegaSlimmer {
     /* istanbul ignore next */
     this.onInputChange = async (e) => {
       const value = e.target.value;
-      if (this.useDefaultFilter) {
+      if (this.useDefaultFilter || this.vegaDropdownProps.dynamicOption) {
         await this.dropdownRef.show();
         await this.dropdownRef.search(value);
       }
-      else {
+      if (this.isTemplateMode || !this.useDefaultFilter) {
         this.searchEventEmit.emit(value);
       }
     };
   }
+  connectedCallback() {
+    this.isTemplateMode = this.host.querySelector('[slot=items]') !== null;
+  }
   getDropdownRef() {
     return this.dropdownRef;
   }
@@ -119,8 +122,14 @@ class VegaComboBoxDropdownRenderer extends VegaSlimmer {
   async show() {
     await this.dropdownRef.show();
   }
+  replaceItemsSlot(itemsSlot) {
+    if (itemsSlot && this.itemsSlotRef) {
+      this.itemsSlotRef.remove();
+      this.dropdownRef.append(itemsSlot);
+    }
+  }
   renderDropdown() {
-    return (h("vega-dropdown", Object.assign({ trigger: this.disabled ? 'none' : 'click', source: this.source, selectType: "multiple", selectedSourceKey: this.value, matchTargetWidth: true }, this.vegaDropdownProps, { ref: (ref) => {
+    return (h("vega-dropdown", Object.assign({ trigger: this.disabled ? 'none' : 'click', source: this.source, selectType: "multiple", selectedSourceKey: this.value, matchTargetWidth: true, useDefaultFilter: this.useDefaultFilter }, this.vegaDropdownProps, { ref: (ref) => {
         this.dropdownRef = ref;
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaCreate, async (payload) => {
           await this.onDropdownCreate(payload.detail);
@@ -131,7 +140,24 @@ class VegaComboBoxDropdownRenderer extends VegaSlimmer {
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaDropdownClick, async () => {
           await this.onItemClick();
         });
-      } }), this.renderContainer()));
+        DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaInternalDropdownTemplateItemsChange, 
+        /*
+         * The below method is e2e-test covered in
+         * @see{module:vega-combo-box-template-select-e2e}
+         */
+        /* istanbul ignore next */
+        (payload) => {
+          const addedItems = Array.from(payload)
+            .filter((item) => !this.source.find((sourceItem) => sourceItem.key === item.itemKey))
+            .map((item) => ({
+            key: item.itemKey,
+            label: item.label,
+          }));
+          this.sourceController.setSource([...this.source, ...addedItems]);
+        });
+      } }),
+      this.renderContainer(),
+      this.renderItemsSlot()));
   }
   renderContainer() {
     return (h("div", { class: {
@@ -141,6 +167,11 @@ class VegaComboBoxDropdownRenderer extends VegaSlimmer {
       this.renderSelectedContainer(),
       this.renderInputContainer()));
   }
+  renderItemsSlot() {
+    return (this.isTemplateMode && (h("div", { slot: "items", ref: (ref) => {
+        this.itemsSlotRef = ref;
+      } })));
+  }
   renderSelectedContainer() {
     const selected = this.value
       .map((key) => this.source.find((item) => item.key === key))
@@ -171,41 +202,50 @@ class VegaComboBoxDropdownRenderer extends VegaSlimmer {
     await this.dropdownRef.search('');
   }
 }
-__decorate$4([
+__decorate$6([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "host", void 0);
+__decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "value", void 0);
-__decorate$4([
+__decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "source", void 0);
-__decorate$4([
+__decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "disabled", void 0);
-__decorate$4([
+__decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "size", void 0);
-__decorate$4([
+__decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "vegaDropdownProps", void 0);
-__decorate$4([
+__decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "label", void 0);
-__decorate$4([
+__decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "placeholder", void 0);
-__decorate$4([
+__decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "useDefaultFilter", void 0);
-__decorate$4([
+__decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "createEventEmit", void 0);
-__decorate$4([
+__decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "searchEventEmit", void 0);
-__decorate$4([
+__decorate$6([
   MapToComponentField()
 ], VegaComboBoxDropdownRenderer.prototype, "valueController", void 0);
+__decorate$6([
+  MapToComponentField()
+], VegaComboBoxDropdownRenderer.prototype, "sourceController", void 0);
+__decorate$6([
+  MapToComponentMethod('connectedCallback')
+], VegaComboBoxDropdownRenderer.prototype, "connectedCallback", null);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (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;
@@ -224,11 +264,11 @@ class VegaComboBoxValueController extends VegaSlimmer {
     this.value = value;
   }
 }
-__decorate$3([
+__decorate$5([
   MapToComponentField({ writable: true })
 ], VegaComboBoxValueController.prototype, "value", void 0);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (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;
@@ -261,23 +301,23 @@ class VegaComboBoxRenderer extends VegaSlimmer {
     return h("div", { class: "vega-combo-box-hint" }, this.hint);
   }
 }
-__decorate$2([
+__decorate$4([
   MapToComponentField()
 ], VegaComboBoxRenderer.prototype, "required", void 0);
-__decorate$2([
+__decorate$4([
   MapToComponentField()
 ], VegaComboBoxRenderer.prototype, "hint", void 0);
-__decorate$2([
+__decorate$4([
   MapToComponentField()
 ], VegaComboBoxRenderer.prototype, "disabled", void 0);
-__decorate$2([
+__decorate$4([
   MapToComponentField()
 ], VegaComboBoxRenderer.prototype, "dropdownRenderer", void 0);
-__decorate$2([
+__decorate$4([
   MapToComponentField()
 ], VegaComboBoxRenderer.prototype, "label", void 0);
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   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,19 +415,97 @@ class VegaComboBoxKeyboardController extends KeyboardManagerSlimmer {
     }
   }
 }
-__decorate$1([
+__decorate$3([
   MapToComponentField()
 ], VegaComboBoxKeyboardController.prototype, "host", void 0);
-__decorate$1([
+__decorate$3([
   MapToComponentField()
 ], VegaComboBoxKeyboardController.prototype, "value", void 0);
-__decorate$1([
+__decorate$3([
   MapToComponentField()
 ], VegaComboBoxKeyboardController.prototype, "dropdownRenderer", void 0);
-__decorate$1([
+__decorate$3([
   MapToComponentField()
 ], VegaComboBoxKeyboardController.prototype, "valueController", void 0);
 
+var __decorate$2 = (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;
+};
+/**
+ * The class `VegaInputSelectItemsSlotController` extends `VegaSlimmer` and manages
+ * appending host items to a dropdown element.
+ */
+class VegaComboBoxItemsSlotController extends VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.mutationObserver = new MutationObserverSlimmer({
+      mutationFilter: TagNameMutationFilter('VEGA-DROPDOWN-ITEM'),
+      options: {
+        childList: true,
+        subtree: true,
+      },
+      callback: 
+      /*
+       * The below method is e2e-test covered in
+       * @see{module:vega-combo-box-template-slot-change-e2e}
+       */
+      /* istanbul ignore next */
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      () => this.appendHostItemsToDropdown(),
+    });
+  }
+  /**
+   * Component lifecycle - [componentDidLoad]
+   */
+  componentDidLoad() {
+    this.appendHostItemsToDropdown();
+  }
+  /**
+   * The function appends host items to a dropdown element.
+   */
+  appendHostItemsToDropdown() {
+    this.dropdownRenderer.replaceItemsSlot(this.host.querySelector('[slot=items]'));
+  }
+}
+__decorate$2([
+  InjectVegaSlimmer()
+], VegaComboBoxItemsSlotController.prototype, "mutationObserver", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaComboBoxItemsSlotController.prototype, "host", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaComboBoxItemsSlotController.prototype, "dropdownRenderer", void 0);
+__decorate$2([
+  MapToComponentMethod('componentDidLoad')
+], VegaComboBoxItemsSlotController.prototype, "componentDidLoad", null);
+
+var __decorate$1 = (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;
+};
+/**
+ * The source controller of `VegaComboBox` component.
+ */
+class VegaComboBoxSourceController extends VegaSlimmer {
+  /**
+   * The function `setSource` sets the source of a VegaComboBox component.
+   *
+   * @param {string[]} source - source
+   */
+  setSource(source) {
+    this.source = source;
+  }
+}
+__decorate$1([
+  MapToComponentField({ writable: true })
+], VegaComboBoxSourceController.prototype, "source", void 0);
+
 const vegaComboBoxCss = ":host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-container input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.vega-combo-box-disabled) .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-combo-box-hint{padding-left:8px;padding-right:8px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-combo-box-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-combo-box-hint{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -410,8 +528,10 @@ const VegaComboBox = class {
     this.vegaSearch = createEvent(this, "vegaSearch", 7);
     this.search = createEvent(this, "search", 7);
     this.globalSlimmers = {};
+    this.itemsSlotController = new VegaComboBoxItemsSlotController();
     this.keyboardController = new VegaComboBoxKeyboardController();
     this.valueController = new VegaComboBoxValueController();
+    this.sourceController = new VegaComboBoxSourceController();
     this.renderer = new VegaComboBoxRenderer();
     this.dropdownRenderer = new VegaComboBoxDropdownRenderer();
     this.formFieldController = new FormFieldControllerSlimmer({
@@ -583,12 +703,18 @@ const VegaComboBox = class {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaComboBox.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaComboBox.prototype, "itemsSlotController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaComboBox.prototype, "keyboardController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaComboBox.prototype, "valueController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaComboBox.prototype, "sourceController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaComboBox.prototype, "renderer", void 0);

package/dist/esm/vega-date-picker_2.entry.js

@@ -3,10 +3,10 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { i as isDateStr, c as compareIsSameOrBefore, a as compareIsBefore, b as compareIsAfter } from './date-732bc749.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-a64c679c.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-88492678.js';
 import { a as arrayToClassString, g as getDeviceType, D as DeviceType } from './ui-0132dbb5.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
-import { a as VegaClick, e as VegaChange } from './vega-event-id-b1655cbc.js';
+import { a as VegaClick, e as VegaChange } from './vega-event-id-0f8fc134.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-7004584d.js';
 import { i as isArrayEqual } from './array-b668466e.js';
 import { c as createCommonjsModule } from './index-0863eec6.js';
@@ -16,21 +16,21 @@ import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as StringInputFormatterSlimmer, a as StringMaskStrategy } from './string-input-formatter-slimmer-fc23bc9f.js';
 import { E as ElementAppenderSlimmer } from './element-appender-slimmer-48d826b2.js';
 import './vega-env-manager-8f8dc473.js';
-import './vega-skeleton-loader-controller-cec6753f.js';
-import { F as FeatureFlag } from './feature-flag-controller-297c4b9b.js';
+import './vega-skeleton-loader-controller-1911558d.js';
+import { F as FeatureFlag } from './feature-flag-controller-f72c004e.js';
 import './vega-dialog-controller-8b343a17.js';
 import './icon-manager-1ee2c968.js';
 import './translation-4eb3cf85.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-8723f20f.js';
 import { C as ComponentLoadRequired } from './component-load-required-ce710ef5.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-44cb4573.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-db288af1.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-493e6b9d.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-01953033.js';
 import { T as TranslationSlimmer } from './translation-slimmer-9d07a0ff.js';
 import './string-be824360.js';
 import './observer-3959f9dd.js';
 import './create-public-api-runtime-metrics-slimmer-cc1164bb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './vega-internal-event-id-c8507b85.js';
+import './vega-internal-event-id-770faa12.js';
 import './page-resize-observer-slimmer-994c1e1b.js';
 import './breakpoints-36a3ed69.js';
 import './ui-8424715a.js';
@@ -42,7 +42,7 @@ import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
 import './responsive-format-facade-3dc84e41.js';
 import './pixel-f32c07ce.js';
-import './internal-vega-event-manager-8154661e.js';
+import './internal-vega-event-manager-48ac30f1.js';
 import './keyboard-manager-d1f9ddc1.js';
 
 /**

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

@@ -7,14 +7,14 @@ import { f as formatAndValidResponsiveToken } from './design-token-2a527af3.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-994c1e1b.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
-import { c as VegaClose, a as VegaClick, C as VegaOpen } from './vega-event-id-b1655cbc.js';
+import { c as VegaClose, a as VegaClick, E as VegaOpen } from './vega-event-id-0f8fc134.js';
 import { D as DefaultModalSize } from './ui-8424715a.js';
 import { R as ResponsiveFormatFacade } from './responsive-format-facade-3dc84e41.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-0132dbb5.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-44cb4573.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-db288af1.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-493e6b9d.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-01953033.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-000e0c11.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
 import './type-guard-63caf78b.js';
@@ -25,9 +25,9 @@ import './observer-3959f9dd.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-8154661e.js';
+import './internal-vega-event-manager-48ac30f1.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-297c4b9b.js';
+import './feature-flag-controller-f72c004e.js';
 import './index-0863eec6.js';
 import './object-261e7344.js';
 

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

@@ -7,21 +7,21 @@ import { f as findParent, k as extractNumberFromString, l as containerScrollToIt
 import { N as isArrayOfType, O as isDropdownSourceItemType } from './type-guard-63caf78b.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-9461cd67.js';
-import { e as VegaChange, l as VegaDropdownShow, m as VegaDropdownHide, b as VegaDropdownClick, j as VegaCreate, n as VegaDropdownSearch, o as VegaSearchTrigger, a as VegaClick } from './vega-event-id-b1655cbc.js';
+import { e as VegaChange, l as VegaDropdownShow, m as VegaDropdownHide, b as VegaDropdownClick, j as VegaCreate, n as VegaDropdownSearch, o as VegaSearchTrigger, a as VegaClick } from './vega-event-id-0f8fc134.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-8723f20f.js';
 import { E as ElementAppenderSlimmer } from './element-appender-slimmer-48d826b2.js';
 import { i as isArrayEqual } from './array-b668466e.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-be5bcc4e.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-21b1c646.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { b as VegaInternalDropdownTemplateItemsChange, g as VegaDropdownSearchInternalOverridden, f as VegaDropdownRenderItemInternalOverridden, c as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-c8507b85.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-44cb4573.js';
+import { b as VegaInternalDropdownTemplateItemsChange, g as VegaDropdownSearchInternalOverridden, f as VegaDropdownRenderItemInternalOverridden, c as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-770faa12.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-493e6b9d.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-3d52b843.js';
 import { D as DROPDOWN_ITEM_CLICK } from './static-subject-title-500cf2a3.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-1682b34e.js';
 import { T as TranslationSlimmer } from './translation-slimmer-9d07a0ff.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-db288af1.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-cd7adab1.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-01953033.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-8c80d874.js';
 import './breakpoints-36a3ed69.js';
 import './ui-8424715a.js';
 import './regex-dfe11abf.js';
@@ -34,11 +34,11 @@ import './dynamic-slimmer-90b8af32.js';
 import './page-resize-observer-slimmer-994c1e1b.js';
 import './responsive-format-facade-3dc84e41.js';
 import './pixel-f32c07ce.js';
-import './internal-vega-event-manager-8154661e.js';
+import './internal-vega-event-manager-48ac30f1.js';
 import './translation-4eb3cf85.js';
 import './create-public-api-runtime-metrics-slimmer-cc1164bb.js';
 import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-297c4b9b.js';
+import './feature-flag-controller-f72c004e.js';
 import './index-0863eec6.js';
 
 var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -1379,10 +1379,12 @@ class VegaDropdownScrollableController extends VegaSlimmer {
   scrollToTemplateIndex() {
     const scrolledKey = this.getSelectedKey();
     if (scrolledKey) {
-      this.renderer
-        .getDropdownContentBoxRef()
-        .querySelector(`vega-dropdown-item[item-key='${scrolledKey}']`)
-        .scrollIntoView();
+      const dropdownContent = this.renderer.getDropdownContentBoxRef();
+      const selectedItem = dropdownContent.querySelector(`vega-dropdown-item[item-key='${scrolledKey}']`);
+      const ul = dropdownContent.shadowRoot.querySelector('ul');
+      const ulRect = ul.getBoundingClientRect();
+      const itemRect = selectedItem.getBoundingClientRect();
+      ul.scrollTop = itemRect.top - ulRect.top;
     }
   }
   /**

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

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

package/dist/esm/{vega-event-id-b1655cbc.js → vega-event-id-0f8fc134.js}

@@ -72,6 +72,8 @@ const VegaDropdownClick = new VegaEventID('vegaDropdownClick', 'dropdownClick');
 const VegaCreate = new VegaEventID('vegaCreate', 'create');
 const VegaSearch = new VegaEventID('vegaSearch', 'search');
 const VegaSearchTrigger = new VegaEventID('vegaSearchTrigger', 'searchTrigger');
+const VegaHide = new VegaEventID('vegaHide', 'hide');
+const VegaShow = new VegaEventID('vegaShow', 'show');
 const VegaPopoverShow = new VegaEventID('vegaPopoverShow', 'popoverShow');
 const VegaPopoverHide = new VegaEventID('vegaPopoverHide', 'popoverHide');
 const VegaCancel = new VegaEventID('vegaCancel', 'cancel');
@@ -98,4 +100,4 @@ const VegaPreview = new VegaEventID('vegaPreview', 'preview');
 const VegaLabelButtonClick = new VegaEventID('vegaLabelButtonClick', 'labelButtonClick');
 const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur];
 
-export { VegaCountryChange as A, VegaToggleStatus as B, VegaOpen as C, VegaStateUpdate as D, VegaGroupClick as E, VegaMenuClick as F, VegaActionClick as G, VegaPageSizeChange as H, VegaPopoverShow as I, VegaPopoverHide as J, VegaCurrentStepUpdate as K, VegaSelectChange as L, VegaSelectAllChange as M, VegaRowClick as N, VegaRowExpand as O, VegaRowSelect as P, VegaRowSelectAll as Q, VegaExpand as V, VegaClick as a, VegaDropdownClick as b, VegaClose as c, VegaActionButtonClick as d, VegaChange as e, VegaEventClick as f, VegaDateDblClick as g, VegaMoreActionClick as h, VegaPageUpdate as i, VegaCreate as j, VegaSearch as k, VegaDropdownShow as l, VegaDropdownHide as m, VegaDropdownSearch as n, VegaSearchTrigger as o, VegaLabelButtonClick as p, VegaSelectFileChange as q, VegaRemove as r, VegaRetry as s, VegaPreview as t, VegaFormSubmit as u, VegaFormReset as v, VegaValidate as w, VegaCancel as x, VegaFocus as y, VegaBlur as z };
+export { VegaCountryChange as A, VegaShow as B, VegaHide as C, VegaToggleStatus as D, VegaOpen as E, VegaStateUpdate as F, VegaGroupClick as G, VegaMenuClick as H, VegaActionClick as I, VegaPageSizeChange as J, VegaPopoverShow as K, VegaPopoverHide as L, VegaCurrentStepUpdate as M, VegaSelectChange as N, VegaSelectAllChange as O, VegaRowClick as P, VegaRowExpand as Q, VegaRowSelect as R, VegaRowSelectAll as S, VegaExpand as V, VegaClick as a, VegaDropdownClick as b, VegaClose as c, VegaActionButtonClick as d, VegaChange as e, VegaEventClick as f, VegaDateDblClick as g, VegaMoreActionClick as h, VegaPageUpdate as i, VegaCreate as j, VegaSearch as k, VegaDropdownShow as l, VegaDropdownHide as m, VegaDropdownSearch as n, VegaSearchTrigger as o, VegaLabelButtonClick as p, VegaSelectFileChange as q, VegaRemove as r, VegaRetry as s, VegaPreview as t, VegaFormSubmit as u, VegaFormReset as v, VegaValidate as w, VegaCancel as x, VegaFocus as y, VegaBlur as z };

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

@@ -2,15 +2,15 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-44cb4573.js';
-import { a as VegaClick, p as VegaLabelButtonClick } from './vega-event-id-b1655cbc.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-493e6b9d.js';
+import { a as VegaClick, p as VegaLabelButtonClick } from './vega-event-id-0f8fc134.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-9461cd67.js';
 import './observer-3959f9dd.js';
 import './ui-0132dbb5.js';
-import './internal-vega-event-manager-8154661e.js';
+import './internal-vega-event-manager-48ac30f1.js';
 
 var __decorate$1 = (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;

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

@@ -4,22 +4,22 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-7004584d.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-9461cd67.js';
-import { a as VegaClick, e as VegaChange, q as VegaSelectFileChange, r as VegaRemove, s as VegaRetry, t as VegaPreview } from './vega-event-id-b1655cbc.js';
+import { a as VegaClick, e as VegaChange, q as VegaSelectFileChange, r as VegaRemove, s as VegaRetry, t as VegaPreview } from './vega-event-id-0f8fc134.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-cc1164bb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-44cb4573.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-493e6b9d.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-500cf2a3.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-a64c679c.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-88492678.js';
 import { R as RequiredFieldRule } from './required-field-rule-5da360cc.js';
 import { T as TranslationSlimmer } from './translation-slimmer-9d07a0ff.js';
 import './icon-manager-1ee2c968.js';
 import './observer-3959f9dd.js';
 import './ui-0132dbb5.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-8154661e.js';
+import './internal-vega-event-manager-48ac30f1.js';
 import './string-be824360.js';
-import './vega-internal-event-id-c8507b85.js';
+import './vega-internal-event-id-770faa12.js';
 import './translation-4eb3cf85.js';
 import './page-resize-observer-slimmer-994c1e1b.js';
 import './breakpoints-36a3ed69.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-187f71d1.js';
-import { F as FeatureFlag } from './feature-flag-controller-297c4b9b.js';
+import { F as FeatureFlag } from './feature-flag-controller-f72c004e.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './design-token-2a527af3.js';
 import { a as arrayToClassString } from './ui-0132dbb5.js';