@globalpayments/vega 2.30.0 → 2.31.0

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

@@ -2,7 +2,7 @@ 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';
@@ -12,8 +12,11 @@ import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-500cf2a3.
 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-c8507b85.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,11 +25,8 @@ 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';
@@ -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-dropdown_5.entry.js

@@ -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.31.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.31.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/types/components/vega-combo-box/slimmers/controllers/vega-combo-box-items-slot-controller.d.ts

@@ -0,0 +1,19 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { MutationObserverSlimmer } from '../../../../helpers/slimmers/mutation-observer/mutation-observer-slimmer';
+/**
+ * The class `VegaInputSelectItemsSlotController` extends `VegaSlimmer` and manages
+ * appending host items to a dropdown element.
+ */
+export declare class VegaComboBoxItemsSlotController extends VegaSlimmer {
+  protected mutationObserver: MutationObserverSlimmer;
+  private host;
+  private dropdownRenderer;
+  /**
+   * Component lifecycle - [componentDidLoad]
+   */
+  componentDidLoad(): void;
+  /**
+   * The function appends host items to a dropdown element.
+   */
+  private appendHostItemsToDropdown;
+}

package/dist/types/components/vega-combo-box/slimmers/controllers/vega-combo-box-source-controller.d.ts

@@ -0,0 +1,14 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaComboBox } from '../../vega-combo-box';
+/**
+ * The source controller of `VegaComboBox` component.
+ */
+export declare class VegaComboBoxSourceController extends VegaSlimmer {
+  source: VegaComboBox['source'];
+  /**
+   * The function `setSource` sets the source of a VegaComboBox component.
+   *
+   * @param {string[]} source - source
+   */
+  setSource(source: VegaComboBox['source']): void;
+}

package/dist/types/components/vega-combo-box/slimmers/renderers/vega-combo-box-dropdown-renderer.d.ts

@@ -2,6 +2,8 @@ import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
 export declare class VegaComboBoxDropdownRenderer extends VegaSlimmer {
   private dropdownRef;
   private searchInputRef;
+  private itemsSlotRef;
+  private host;
   private value;
   private source;
   private disabled;
@@ -13,6 +15,9 @@ export declare class VegaComboBoxDropdownRenderer extends VegaSlimmer {
   private createEventEmit;
   private searchEventEmit;
   private valueController;
+  private sourceController;
+  private isTemplateMode;
+  connectedCallback(): void;
   getDropdownRef(): HTMLVegaDropdownElement;
   getSearchInputRef(): HTMLInputElement;
   /**
@@ -22,8 +27,10 @@ export declare class VegaComboBoxDropdownRenderer extends VegaSlimmer {
   focusInput(): void;
   hide(): Promise<void>;
   show(): Promise<void>;
+  replaceItemsSlot(itemsSlot: HTMLElement | null): void;
   renderDropdown(): HTMLElement;
   private renderContainer;
+  private renderItemsSlot;
   private renderSelectedContainer;
   private renderSelectedChip;
   private renderInputContainer;

package/dist/types/components/vega-combo-box/vega-combo-box.d.ts

@@ -11,13 +11,17 @@ import { VegaComboBoxDropdownRenderer } from './slimmers/renderers/vega-combo-bo
 import { VegaComboBoxValueController } from './slimmers/controllers/vega-combo-box-value-controller';
 import { VegaComboBoxRenderer } from './slimmers/renderers/vega-combo-box-renderer';
 import { VegaComboBoxKeyboardController } from './slimmers/controllers/vega-combo-box-keyboard-controller';
+import { VegaComboBoxItemsSlotController } from './slimmers/controllers/vega-combo-box-items-slot-controller';
+import { VegaComboBoxSourceController } from './slimmers/controllers/vega-combo-box-source-controller';
 /**
  * @vegaVersion 1.11.0
  */
 export declare class VegaComboBox {
   protected readonly globalSlimmers: GlobalSlimmers;
+  protected itemsSlotController: VegaComboBoxItemsSlotController;
   protected keyboardController: VegaComboBoxKeyboardController;
   protected valueController: VegaComboBoxValueController;
+  protected sourceController: VegaComboBoxSourceController;
   protected renderer: VegaComboBoxRenderer;
   protected dropdownRenderer: VegaComboBoxDropdownRenderer;
   protected readonly formFieldController: FormFieldControllerSlimmer<string[]>;

package/dist/vega/p-1e6c23e0.entry.js

@@ -0,0 +1 @@
+import{h as e,F as t,H as i,r as o,c as a,g as r}from"./p-1c298d5a.js";import{R as n}from"./p-e2acbc60.js";import{g as s,s as d}from"./p-9b797118.js";import{N as p,O as c}from"./p-9fbdeada.js";import{c as l,M as h,V as b,I as f}from"./p-6e1ab235.js";import{V as m,I as v}from"./p-61f6167c.js";import{F as g}from"./p-b347f967.js";import{C as x}from"./p-e5d7b4b8.js";import{c as u}from"./p-302e7589.js";import{j as w,m as y,b as j,c as R,e as I,k as C}from"./p-bf3fbb9b.js";import{b as k}from"./p-32f651f7.js";import{C as O}from"./p-2d0d575f.js";import{c as D}from"./p-86194314.js";import{D as S}from"./p-6c6d86da.js";import{b as z}from"./p-e731976a.js";import{K as E}from"./p-c1dfdc13.js";import{f as A}from"./p-4163c2c2.js";import{M as V}from"./p-987fbbd0.js";import{T as L}from"./p-a9354a5c.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-2306c736.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";import"./p-5453f591.js";const T=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!1===e.autoValidation}];var F=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends b{constructor(){super(...arguments),this.onItemClick=async()=>{this.valueController.setValue(await this.dropdownRef.getSelection()),await this.clearInput()},this.onDropdownHide=async()=>{await this.clearInput()},this.onDropdownCreate=async e=>{this.createEventEmit.emit(e),await this.clearInput()},this.onInputChange=async e=>{const t=e.target.value;(this.useDefaultFilter||this.vegaDropdownProps.dynamicOption)&&(await this.dropdownRef.show(),await this.dropdownRef.search(t)),!this.isTemplateMode&&this.useDefaultFilter||this.searchEventEmit.emit(t)}}connectedCallback(){this.isTemplateMode=null!==this.host.querySelector("[slot=items]")}getDropdownRef(){return this.dropdownRef}getSearchInputRef(){return this.searchInputRef}focusInput(){this.searchInputRef.focus()}async hide(){await this.dropdownRef.hide()}async show(){await this.dropdownRef.show()}replaceItemsSlot(e){e&&this.itemsSlotRef&&(this.itemsSlotRef.remove(),this.dropdownRef.append(e))}renderDropdown(){return e("vega-dropdown",Object.assign({trigger:this.disabled?"none":"click",source:this.source,selectType:"multiple",selectedSourceKey:this.value,matchTargetWidth:!0,useDefaultFilter:this.useDefaultFilter},this.vegaDropdownProps,{ref:e=>{this.dropdownRef=e,S.addUniqueObserverToNode(e,w,(async e=>{await this.onDropdownCreate(e.detail)})),S.addUniqueObserverToNode(e,y,(async()=>{await this.onDropdownHide()})),S.addUniqueObserverToNode(e,j,(async()=>{await this.onItemClick()})),S.addUniqueObserverToNode(e,z,(e=>{const t=Array.from(e).filter((e=>!this.source.find((t=>t.key===e.itemKey)))).map((e=>({key:e.itemKey,label:e.label})));this.sourceController.setSource([...this.source,...t])}))}}),this.renderContainer(),this.renderItemsSlot())}renderContainer(){return e("div",{class:{"vega-combo-box-container":!0,[`vega-combo-box-size-${this.size}`]:!0}},this.renderSelectedContainer(),this.renderInputContainer())}renderItemsSlot(){return this.isTemplateMode&&e("div",{slot:"items",ref:e=>{this.itemsSlotRef=e}})}renderSelectedContainer(){const i=this.value.map((e=>this.source.find((t=>t.key===e)))).filter((e=>e));return e(t,null,i.map((e=>this.renderSelectedChip(e))))}renderSelectedChip(t){return e("vega-chip",{key:t.key,text:t.label,variant:"outlined",showCloseIcon:!this.disabled,size:"small",ref:e=>{S.addUniqueObserverToNode(e,R,(async()=>{await this.onChipClose(t.key)}))}})}renderInputContainer(){return e("div",{class:"vega-combo-box-input-container"},e("input",{onInput:this.onInputChange,"aria-label":this.label||"No label defined",placeholder:0===this.value.length?this.placeholder:"",ref:e=>this.searchInputRef=e,onKeyDown:D(),disabled:this.disabled}))}async onChipClose(e){this.valueController.setValue([...this.value.filter((t=>t!==e))]),await this.dropdownRef.hide()}async clearInput(){this.searchInputRef.value="",await this.dropdownRef.search("")}}F([l()],N.prototype,"host",void 0),F([l()],N.prototype,"value",void 0),F([l()],N.prototype,"source",void 0),F([l()],N.prototype,"disabled",void 0),F([l()],N.prototype,"size",void 0),F([l()],N.prototype,"vegaDropdownProps",void 0),F([l()],N.prototype,"label",void 0),F([l()],N.prototype,"placeholder",void 0),F([l()],N.prototype,"useDefaultFilter",void 0),F([l()],N.prototype,"createEventEmit",void 0),F([l()],N.prototype,"searchEventEmit",void 0),F([l()],N.prototype,"valueController",void 0),F([l()],N.prototype,"sourceController",void 0),F([h("connectedCallback")],N.prototype,"connectedCallback",null);class _ extends b{setValue(e){this.value=e}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([l({writable:!0})],_.prototype,"value",void 0);var K=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends b{constructor(){super(...arguments),this.onLabelClick=()=>{this.dropdownRenderer.focusInput()}}render(){return e(i,{class:{"vega-combo-box-disabled":this.disabled}},this.renderLabel(),this.dropdownRenderer.renderDropdown(),this.renderHint())}renderLabel(){return e("vega-field-label",{onClick:this.onLabelClick,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderHint(){return e("div",{class:"vega-combo-box-hint"},this.hint)}}K([l()],G.prototype,"required",void 0),K([l()],G.prototype,"hint",void 0),K([l()],G.prototype,"disabled",void 0),K([l()],G.prototype,"dropdownRenderer",void 0),K([l()],G.prototype,"label",void 0);var H=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class M extends E{constructor(){super((e=>[{keyCode:"Backspace",activeElementInScope:[e.dropdownRenderer.getSearchInputRef()],eventName:"keydown",callback:e.deleteLastSelectedItem},{keyCode:"ArrowLeft",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowLeft")},{keyCode:"ArrowRight",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowRight")}])),this.deleteLastSelectedItem=()=>{""===this.dropdownRenderer.getSearchInputRef().value&&(this.value.pop(),this.valueController.setValue([...this.value]))}}controlDirectionByKeyboard(e){const t=s();if(t&&t.classList.contains("vega-chip-close-icon")){const i=A(t,"vega-chip");"ArrowLeft"===e&&this.focusItemByKeyboard(i.previousSibling),"ArrowRight"===e&&this.focusItemByKeyboard(i.nextSibling)}else"ArrowLeft"===e&&0===this.dropdownRenderer.getSearchInputRef().selectionStart&&this.focusItemByKeyboard(this.host.shadowRoot.querySelector("vega-chip:last-of-type"))}focusItemByKeyboard(e){e&&(e.classList.contains("vega-combo-box-input-container")?e.querySelector("input").focus():e.shadowRoot.querySelector(".vega-chip-close-icon").focus())}}H([l()],M.prototype,"host",void 0),H([l()],M.prototype,"value",void 0),H([l()],M.prototype,"dropdownRenderer",void 0),H([l()],M.prototype,"valueController",void 0);var P=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class U extends b{constructor(){super(...arguments),this.mutationObserver=new V({mutationFilter:L("VEGA-DROPDOWN-ITEM"),options:{childList:!0,subtree:!0},callback:()=>this.appendHostItemsToDropdown()})}componentDidLoad(){this.appendHostItemsToDropdown()}appendHostItemsToDropdown(){this.dropdownRenderer.replaceItemsSlot(this.host.querySelector("[slot=items]"))}}P([f()],U.prototype,"mutationObserver",void 0),P([l()],U.prototype,"host",void 0),P([l()],U.prototype,"dropdownRenderer",void 0),P([h("componentDidLoad")],U.prototype,"componentDidLoad",null);class q extends b{setSource(e){this.source=e}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([l({writable:!0})],q.prototype,"source",void 0);var B=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const W=class{constructor(e){o(this,e),this.vegaChange=a(this,"vegaChange",7),this.change=a(this,"change",7),this.vegaCreate=a(this,"vegaCreate",7),this.create=a(this,"create",7),this.vegaSearch=a(this,"vegaSearch",7),this.search=a(this,"search",7),this.globalSlimmers={},this.itemsSlotController=new U,this.keyboardController=new M,this.valueController=new _,this.sourceController=new q,this.renderer=new G,this.dropdownRenderer=new N,this.formFieldController=new g({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.dropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.dropdownRenderer.getSearchInputRef()]}),this.changeEventEmit=u(W,I),this.createEventEmit=u(W,w),this.searchEventEmit=u(W,C),this.dropdownEventPrevent=new x([w,C],(()=>this.dropdownRenderer.getDropdownRef()),{customPreventHandle:e=>{e.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new m(T),this.label="",this.required=!1,this.source=[],this.value=[],this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="",this.hint="",this.size="medium",this.vegaDropdownProps={},this.useDefaultFilter=!0}watchSource(){this.source=p(this.source,c)?this.source:[]}watchValue(){this.changeEventEmit.emit(this.value),O.notify(k,{host:this.host,detail:this.value})}watchValidationRules(){}async close(){this.disabled||await this.dropdownRenderer.hide()}async open(){this.disabled||await this.dropdownRenderer.show()}render(){return d(this.renderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};B([v()],W.prototype,"globalSlimmers",void 0),B([f()],W.prototype,"itemsSlotController",void 0),B([f()],W.prototype,"keyboardController",void 0),B([f()],W.prototype,"valueController",void 0),B([f()],W.prototype,"sourceController",void 0),B([f()],W.prototype,"renderer",void 0),B([f()],W.prototype,"dropdownRenderer",void 0),B([f()],W.prototype,"formFieldController",void 0),B([f()],W.prototype,"changeEventEmit",void 0),B([f()],W.prototype,"createEventEmit",void 0),B([f()],W.prototype,"searchEventEmit",void 0),B([f()],W.prototype,"dropdownEventPrevent",void 0),B([f()],W.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),W.style=':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}';export{W as vega_combo_box}

package/dist/vega/p-5f377954.js

@@ -1 +1 @@
-var t;!function(t){t.Angular="angular",t.Vue="vue",t.React="react",t.Next="next",t.VanillaJs="vanilla-js"}(t||(t={}));const s=new class{constructor(){this.vegaVersion="2.30.0",this.framework=t.VanillaJs}getVegaEnv(){return{version:this.vegaVersion,framework:this.framework}}setVegaFramework(t){this.framework=t}};export{t as F,s as v}
+var t;!function(t){t.Angular="angular",t.Vue="vue",t.React="react",t.Next="next",t.VanillaJs="vanilla-js"}(t||(t={}));const s=new class{constructor(){this.vegaVersion="2.31.0",this.framework=t.VanillaJs}getVegaEnv(){return{version:this.vegaVersion,framework:this.framework}}setVegaFramework(t){this.framework=t}};export{t as F,s as v}