@globalpayments/vega 2.13.0 → 2.14.0

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
-const designToken = require('./designToken-91ea7c25.js');
+const designToken = require('./designToken-3904c6b7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const ui = require('./ui-fa68545a.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 require('./typeGuard-b1a74545.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
@@ -15,6 +15,7 @@ require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./responsiveFormatFacade-12dd896d.js');
 require('./number-459031f7.js');
+require('./stateBackgroundColorFormatter-96a26ee7.js');
 
 /**
  * This class is used to track the nested level of a component

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

@@ -8,10 +8,10 @@ const component = require('./component-c3bbaf20.js');
 const effect = require('./effect-37695d3d.js');
 const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
 const deprecatedPropertySlimmer = require('./deprecatedPropertySlimmer-51f92b36.js');
 require('./typeGuard-b1a74545.js');
 require('./breakpoints-cb3291ba.js');
@@ -22,7 +22,7 @@ require('./number-459031f7.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./changeManager-7c13d64f.js');
 require('./domNodeSubjectObserverFactory-2bbdec29.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 require('./object-bbd4ed7f.js');
 
 /**

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

@@ -10,15 +10,15 @@ const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
 const ui = require('./ui-fa68545a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-b451c7a5.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
-const vegaInternalEventId = require('./vegaInternalEventId-b27735af.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
+const vegaInternalEventId = require('./vegaInternalEventId-173c4941.js');
 const requiredFieldRule = require('./requiredFieldRule-56f10b25.js');
 const componentLoadRequired = require('./componentLoadRequired-bcc5c8a1.js');
 const childNodesNotifyObserverSlimmer = require('./childNodesNotifyObserverSlimmer-830ceb4d.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
@@ -28,7 +28,7 @@ require('./ui-077fc009.js');
 require('./mutationObserverFilters-5beee7b8.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 
 /**
  * A rule that checks if a string is empty or not

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

@@ -6,24 +6,25 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
 const ui = require('./ui-fa68545a.js');
-const designToken = require('./designToken-91ea7c25.js');
+const designToken = require('./designToken-3904c6b7.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 require('./typeGuard-b1a74545.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
+require('./stateBackgroundColorFormatter-96a26ee7.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./changeManager-7c13d64f.js');
 require('./domNodeSubjectObserverFactory-2bbdec29.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 
 const VegaChipRuntimeMetricsPayloadDefinition = [
   {

package/dist/cjs/vega-color-picker.cjs.entry.js

@@ -7,25 +7,25 @@ const requiredFieldRule = require('./requiredFieldRule-56f10b25.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-c3bbaf20.js');
 const ui = require('./ui-fa68545a.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-b451c7a5.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 const changeManager = require('./changeManager-7c13d64f.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
 require('./string-21427167.js');
 require('./domNodeSubjectObserverFactory-2bbdec29.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./vegaInternalEventId-b27735af.js');
+require('./vegaInternalEventId-173c4941.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./mutationObserverFilters-5beee7b8.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {

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

@@ -10,12 +10,12 @@ const ui = require('./ui-fa68545a.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const injectKeyboardManager = require('./injectKeyboardManager-4a19f183.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-b451c7a5.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 require('./breakpoints-cb3291ba.js');
@@ -26,12 +26,12 @@ require('./keyboardManager-274fb90b.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./vegaInternalEventId-b27735af.js');
+require('./vegaInternalEventId-173c4941.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./mutationObserverFilters-5beee7b8.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 
 const VegaComboBoxRuntimeMetricsPayloadDefinition = [
   {

package/dist/cjs/vega-counter-badge.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 
 const vegaCounterBadgeCss = ":host{display:block;position:relative;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host .dot{display:inline-block;position:absolute;border-radius:9999px;width:9px;height:9px}:host .counter{display:flex;position:absolute;height:20px;min-width:20px;border-radius:9999px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));justify-content:center;align-items:center;font-family:\"Inter\", sans-serif;font-weight:700;font-size:12px;line-height:15px}:host .default-position{top:0px;right:0px;transform:scale(1) translate(50%, -50%)}:host .multi-digit{padding-left:4px;padding-right:4px}:host .v-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host .v-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}";
 

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

@@ -6,27 +6,27 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const date = require('./date-b62fe96f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-b451c7a5.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
 const ui = require('./ui-fa68545a.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
 const internalIconManager = require('./internal-icon-manager-b21347bf.js');
 const array = require('./array-6e559cde.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 const zIndexManager = require('./zIndexManager-48482b9d.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const changeManager = require('./changeManager-7c13d64f.js');
-const stringInputFormatterSlimmer = require('./stringInputFormatterSlimmer-e15e55cd.js');
+const stringInputFormatterSlimmer = require('./stringInputFormatterSlimmer-afdb5cfd.js');
 const elementAppenderSlimmer = require('./elementAppenderSlimmer-31397fa9.js');
 const keyboardManagerSlimmer = require('./keyboardManagerSlimmer-304998bd.js');
 const componentLoadRequired = require('./componentLoadRequired-bcc5c8a1.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./vegaInternalEventId-b27735af.js');
+require('./vegaInternalEventId-173c4941.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
@@ -38,7 +38,7 @@ require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./responsiveFormatFacade-12dd896d.js');
 require('./keyboardManager-274fb90b.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 
 /**
  * A rule that checks if date is empty or not

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

@@ -6,18 +6,19 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const designToken = require('./designToken-91ea7c25.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
+require('./stateBackgroundColorFormatter-96a26ee7.js');
+const designToken = require('./designToken-3904c6b7.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
 const ui$1 = require('./ui-077fc009.js');
 const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const ui = require('./ui-fa68545a.js');
 const zIndexManager = require('./zIndexManager-48482b9d.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 const componentGlobalStyleSlimmer = require('./componentGlobalStyleSlimmer-b45a5d2f.js');
 const deprecatedPropertySlimmer = require('./deprecatedPropertySlimmer-51f92b36.js');
 require('./typeGuard-b1a74545.js');
@@ -26,7 +27,7 @@ require('./typography-4560e7f1.js');
 require('./changeManager-7c13d64f.js');
 require('./number-459031f7.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 require('./object-bbd4ed7f.js');
 
 const vegaDialogCss = ":host vega-modal{padding-left:16px;padding-right:16px}@media (min-width: 768px){:host vega-modal{padding:0px}}:host .vega-dialog-actions-container{display:flex;justify-content:center;flex-direction:column;gap:12px}@media (min-width: 768px){:host .vega-dialog-actions-container{justify-content:flex-end;flex-direction:row}}:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dialog-modal-content{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}";

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

@@ -5,16 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
 const typeGuard = require('./typeGuard-b1a74545.js');
-const designToken = require('./designToken-91ea7c25.js');
+const designToken = require('./designToken-3904c6b7.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 require('./number-459031f7.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
+require('./stateBackgroundColorFormatter-96a26ee7.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/cjs/vega-dropdown_5.cjs.entry.js

@@ -6,22 +6,22 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const ui = require('./ui-fa68545a.js');
 const typeGuard = require('./typeGuard-b1a74545.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
 const keyboardManagerSlimmer = require('./keyboardManagerSlimmer-304998bd.js');
 const elementAppenderSlimmer = require('./elementAppenderSlimmer-31397fa9.js');
 const array = require('./array-6e559cde.js');
-const subStateObserverSlimmer = require('./subStateObserverSlimmer-e61bda94.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
+const subStateObserverSlimmer = require('./subStateObserverSlimmer-48ad20a1.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 const childNodesNotifyObserverSlimmer = require('./childNodesNotifyObserverSlimmer-830ceb4d.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 const changeManager = require('./changeManager-7c13d64f.js');
-const vegaInternalEventId = require('./vegaInternalEventId-b27735af.js');
+const vegaInternalEventId = require('./vegaInternalEventId-173c4941.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
@@ -32,7 +32,7 @@ require('./number-459031f7.js');
 require('./zIndexManager-48482b9d.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 
 var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -752,7 +752,17 @@ class VegaDropdownSearchController extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {VegaDropdownSourceItem[]} an array of `VegaDropdownSourceItem` objects.
    */
   search(source) {
-    return this.searchString ? this.searchSource(source, []) : source;
+    return this.canSearch() ? this.searchSource(source, []) : source;
+  }
+  /**
+   * The function `canSearch` returns true if the conditions for searching are met.
+   *
+   * @returns {boolean} The method `canSearch()` returns a boolean value based on the conditions specified in the
+   * return statement. It returns `true` if `useDefaultFilter` is true, `searchable` is true, and
+   * `searchString` is not an empty string; otherwise, it returns `false`.
+   */
+  canSearch() {
+    return this.useDefaultFilter && !!this.searchString;
   }
   /**
    * The function `searchSource` recursively searches through a nested list of `VegaDropdownSourceItem`
@@ -812,6 +822,12 @@ __decorate$h([
 __decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownSearchController.prototype, "caseSensitive", void 0);
+__decorate$h([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSearchController.prototype, "useDefaultFilter", void 0);
+__decorate$h([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaDropdownSearchController.prototype, "searchable", void 0);
 
 var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -1245,6 +1261,33 @@ __decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('watchSource')
 ], VegaDropdownChildrenController.prototype, "watchSource", null);
 
+const VegaDropdownRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'IS_USING_TEMPLATE',
+    payloadDescription: 'Contains the data records to be rendered and displayed within the dropdown',
+    /**
+     * The function checks if the length `source` property of the `host` element is equal to '0'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.source.length === 0,
+  },
+  {
+    payloadKey: 'IS_USING_DATA_SOURCE',
+    payloadDescription: 'Contains the data records to be rendered and displayed within the dropdown',
+    /**
+     * The function checks if the length `source` property of the `host` element is not equal to '0'.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.source.length > 0,
+  },
+];
+
 const vegaDropdownCss = ":host{display:inline-block}";
 
 var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -1294,7 +1337,7 @@ const VegaDropdown = class {
     this.createEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaCreate);
     this.searchEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaDropdown, vegaEventId.VegaDropdownSearch);
     this.itemDisplayRuleNotifySlimmer = subStateObserverSlimmer.createSubStateNotifySlimmer(VegaDropdown, 'itemDisplayRule', 'watchItemDisplayRule');
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer(VegaDropdownRuntimeMetricsPayloadDefinition);
     this.searchString = null;
     this.maxHeightOfItemsContainer = 400;
     this.isDropdownShow = false;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 

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

@@ -5,14 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./changeManager-7c13d64f.js');
 require('./domNodeSubjectObserverFactory-2bbdec29.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 
 const vegaFieldLabelCss = ":host{display:inline-block}:host(.disabled){pointer-events:none}:host(.hidden){display:none}label:first-of-type{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.disabled)>label>span.vega-field-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-field-label-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-field-label-required.hidden{display:none}";
 

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
-const featureFlagController = require('./featureFlagController-da4c779b.js');
+const featureFlagController = require('./featureFlagController-ab94fd4f.js');
 const component = require('./component-c3bbaf20.js');
-const designToken = require('./designToken-91ea7c25.js');
+const designToken = require('./designToken-3904c6b7.js');
 const ui = require('./ui-fa68545a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
-require('./index-55e89877.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
+require('./index-3183748d.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./typeGuard-b1a74545.js');
 require('./breakpoints-cb3291ba.js');
@@ -18,6 +18,7 @@ require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./responsiveFormatFacade-12dd896d.js');
 require('./number-459031f7.js');
+require('./stateBackgroundColorFormatter-96a26ee7.js');
 
 const VegaFlexRuntimeMetricsPayloadDefinition = [
   {

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

@@ -6,18 +6,19 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const componentLoadRequired = require('./componentLoadRequired-bcc5c8a1.js');
 const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
 const ui = require('./ui-fa68545a.js');
-const designToken = require('./designToken-91ea7c25.js');
+const designToken = require('./designToken-3904c6b7.js');
 require('./ui-077fc009.js');
 require('./typeGuard-b1a74545.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
+require('./stateBackgroundColorFormatter-96a26ee7.js');
 
 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;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-b451c7a5.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
@@ -12,12 +12,12 @@ const component = require('./component-c3bbaf20.js');
 const ui = require('./ui-fa68545a.js');
 const immutableMap = require('./immutableMap-2ead6c23.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
 const childNodesNotifyObserverSlimmer = require('./childNodesNotifyObserverSlimmer-830ceb4d.js');
-const vegaInternalEventId = require('./vegaInternalEventId-b27735af.js');
+const vegaInternalEventId = require('./vegaInternalEventId-173c4941.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
@@ -26,7 +26,7 @@ require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./mutationObserverFilters-5beee7b8.js');
 require('./number-459031f7.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 
 const vegaFormCss = ":host{display:block}";
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
-const designToken = require('./designToken-91ea7c25.js');
+const designToken = require('./designToken-3904c6b7.js');
 const component = require('./component-c3bbaf20.js');
 const ui = require('./ui-fa68545a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-0fbcd33f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 require('./typeGuard-b1a74545.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
@@ -15,6 +15,7 @@ require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./responsiveFormatFacade-12dd896d.js');
 require('./number-459031f7.js');
+require('./stateBackgroundColorFormatter-96a26ee7.js');
 
 const vegaGridCss = ":host(.v-gap-0),.v-gap-0{gap:0px}:host(.v-gap-size-0),.v-gap-size-0{gap:0px}:host(.v-gap-size-4),.v-gap-size-4{gap:4px}:host(.v-gap-size-8),.v-gap-size-8{gap:8px}:host(.v-gap-size-12),.v-gap-size-12{gap:12px}:host(.v-gap-size-16),.v-gap-size-16{gap:16px}:host(.v-gap-size-20),.v-gap-size-20{gap:20px}:host(.v-gap-size-24),.v-gap-size-24{gap:24px}:host(.v-gap-size-32),.v-gap-size-32{gap:32px}:host(.v-gap-size-40),.v-gap-size-40{gap:40px}:host(.v-gap-size-48),.v-gap-size-48{gap:48px}:host(.v-gap-size-64),.v-gap-size-64{gap:64px}:host(.v-gap-size-72),.v-gap-size-72{gap:72px}:host(.v-gap-size-80),.v-gap-size-80{gap:80px}:host(.v-gap-size-112),.v-gap-size-112{gap:112px}:host(.v-gap-size-2),.v-gap-size-2{gap:2px}@media (min-width: 320px){:host(.S\\:v-gap-0),.S\\:v-gap-0{gap:0px}:host(.S\\:v-gap-size-0),.S\\:v-gap-size-0{gap:0px}:host(.S\\:v-gap-size-4),.S\\:v-gap-size-4{gap:4px}:host(.S\\:v-gap-size-8),.S\\:v-gap-size-8{gap:8px}:host(.S\\:v-gap-size-12),.S\\:v-gap-size-12{gap:12px}:host(.S\\:v-gap-size-16),.S\\:v-gap-size-16{gap:16px}:host(.S\\:v-gap-size-20),.S\\:v-gap-size-20{gap:20px}:host(.S\\:v-gap-size-24),.S\\:v-gap-size-24{gap:24px}:host(.S\\:v-gap-size-32),.S\\:v-gap-size-32{gap:32px}:host(.S\\:v-gap-size-40),.S\\:v-gap-size-40{gap:40px}:host(.S\\:v-gap-size-48),.S\\:v-gap-size-48{gap:48px}:host(.S\\:v-gap-size-64),.S\\:v-gap-size-64{gap:64px}:host(.S\\:v-gap-size-72),.S\\:v-gap-size-72{gap:72px}:host(.S\\:v-gap-size-80),.S\\:v-gap-size-80{gap:80px}:host(.S\\:v-gap-size-112),.S\\:v-gap-size-112{gap:112px}:host(.S\\:v-gap-size-2),.S\\:v-gap-size-2{gap:2px}}@media (min-width: 768px){:host(.M\\:v-gap-0),.M\\:v-gap-0{gap:0px}:host(.M\\:v-gap-size-0),.M\\:v-gap-size-0{gap:0px}:host(.M\\:v-gap-size-4),.M\\:v-gap-size-4{gap:4px}:host(.M\\:v-gap-size-8),.M\\:v-gap-size-8{gap:8px}:host(.M\\:v-gap-size-12),.M\\:v-gap-size-12{gap:12px}:host(.M\\:v-gap-size-16),.M\\:v-gap-size-16{gap:16px}:host(.M\\:v-gap-size-20),.M\\:v-gap-size-20{gap:20px}:host(.M\\:v-gap-size-24),.M\\:v-gap-size-24{gap:24px}:host(.M\\:v-gap-size-32),.M\\:v-gap-size-32{gap:32px}:host(.M\\:v-gap-size-40),.M\\:v-gap-size-40{gap:40px}:host(.M\\:v-gap-size-48),.M\\:v-gap-size-48{gap:48px}:host(.M\\:v-gap-size-64),.M\\:v-gap-size-64{gap:64px}:host(.M\\:v-gap-size-72),.M\\:v-gap-size-72{gap:72px}:host(.M\\:v-gap-size-80),.M\\:v-gap-size-80{gap:80px}:host(.M\\:v-gap-size-112),.M\\:v-gap-size-112{gap:112px}:host(.M\\:v-gap-size-2),.M\\:v-gap-size-2{gap:2px}}@media (min-width: 1024px){:host(.L\\:v-gap-0),.L\\:v-gap-0{gap:0px}:host(.L\\:v-gap-size-0),.L\\:v-gap-size-0{gap:0px}:host(.L\\:v-gap-size-4),.L\\:v-gap-size-4{gap:4px}:host(.L\\:v-gap-size-8),.L\\:v-gap-size-8{gap:8px}:host(.L\\:v-gap-size-12),.L\\:v-gap-size-12{gap:12px}:host(.L\\:v-gap-size-16),.L\\:v-gap-size-16{gap:16px}:host(.L\\:v-gap-size-20),.L\\:v-gap-size-20{gap:20px}:host(.L\\:v-gap-size-24),.L\\:v-gap-size-24{gap:24px}:host(.L\\:v-gap-size-32),.L\\:v-gap-size-32{gap:32px}:host(.L\\:v-gap-size-40),.L\\:v-gap-size-40{gap:40px}:host(.L\\:v-gap-size-48),.L\\:v-gap-size-48{gap:48px}:host(.L\\:v-gap-size-64),.L\\:v-gap-size-64{gap:64px}:host(.L\\:v-gap-size-72),.L\\:v-gap-size-72{gap:72px}:host(.L\\:v-gap-size-80),.L\\:v-gap-size-80{gap:80px}:host(.L\\:v-gap-size-112),.L\\:v-gap-size-112{gap:112px}:host(.L\\:v-gap-size-2),.L\\:v-gap-size-2{gap:2px}}@media (min-width: 1440px){:host(.XL\\:v-gap-0),.XL\\:v-gap-0{gap:0px}:host(.XL\\:v-gap-size-0),.XL\\:v-gap-size-0{gap:0px}:host(.XL\\:v-gap-size-4),.XL\\:v-gap-size-4{gap:4px}:host(.XL\\:v-gap-size-8),.XL\\:v-gap-size-8{gap:8px}:host(.XL\\:v-gap-size-12),.XL\\:v-gap-size-12{gap:12px}:host(.XL\\:v-gap-size-16),.XL\\:v-gap-size-16{gap:16px}:host(.XL\\:v-gap-size-20),.XL\\:v-gap-size-20{gap:20px}:host(.XL\\:v-gap-size-24),.XL\\:v-gap-size-24{gap:24px}:host(.XL\\:v-gap-size-32),.XL\\:v-gap-size-32{gap:32px}:host(.XL\\:v-gap-size-40),.XL\\:v-gap-size-40{gap:40px}:host(.XL\\:v-gap-size-48),.XL\\:v-gap-size-48{gap:48px}:host(.XL\\:v-gap-size-64),.XL\\:v-gap-size-64{gap:64px}:host(.XL\\:v-gap-size-72),.XL\\:v-gap-size-72{gap:72px}:host(.XL\\:v-gap-size-80),.XL\\:v-gap-size-80{gap:80px}:host(.XL\\:v-gap-size-112),.XL\\:v-gap-size-112{gap:112px}:host(.XL\\:v-gap-size-2),.XL\\:v-gap-size-2{gap:2px}}:host{display:grid}:host(.v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}:host(.v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}@media (min-width: 320px){:host(.S\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.S\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.S\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.S\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.S\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.S\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.S\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.S\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.S\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.S\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.S\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.S\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.S\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.S\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.S\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.S\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.S\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.S\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.S\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.S\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.S\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.S\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.S\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.S\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 768px){:host(.M\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.M\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.M\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.M\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.M\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.M\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.M\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.M\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.M\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.M\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.M\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.M\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.M\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.M\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.M\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.M\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.M\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.M\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.M\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.M\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.M\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.M\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.M\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.M\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 1024px){:host(.L\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.L\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.L\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.L\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.L\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.L\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.L\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.L\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.L\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.L\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.L\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.L\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.L\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.L\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.L\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.L\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.L\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.L\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.L\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.L\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.L\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.L\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.L\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.L\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 1440px){:host(.XL\\:v-grid-rows-1){grid-template-rows:repeat(1, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-2){grid-template-rows:repeat(2, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-3){grid-template-rows:repeat(3, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-4){grid-template-rows:repeat(4, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-5){grid-template-rows:repeat(5, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-6){grid-template-rows:repeat(6, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-7){grid-template-rows:repeat(7, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-8){grid-template-rows:repeat(8, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-9){grid-template-rows:repeat(9, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-10){grid-template-rows:repeat(10, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-11){grid-template-rows:repeat(11, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-12){grid-template-rows:repeat(12, minmax(0, 1fr))}:host(.XL\\:v-grid-rows-1-auto){grid-template-rows:repeat(1, auto)}:host(.XL\\:v-grid-rows-2-auto){grid-template-rows:repeat(2, auto)}:host(.XL\\:v-grid-rows-3-auto){grid-template-rows:repeat(3, auto)}:host(.XL\\:v-grid-rows-4-auto){grid-template-rows:repeat(4, auto)}:host(.XL\\:v-grid-rows-5-auto){grid-template-rows:repeat(5, auto)}:host(.XL\\:v-grid-rows-6-auto){grid-template-rows:repeat(6, auto)}:host(.XL\\:v-grid-rows-7-auto){grid-template-rows:repeat(7, auto)}:host(.XL\\:v-grid-rows-8-auto){grid-template-rows:repeat(8, auto)}:host(.XL\\:v-grid-rows-9-auto){grid-template-rows:repeat(9, auto)}:host(.XL\\:v-grid-rows-10-auto){grid-template-rows:repeat(1, auto)}:host(.XL\\:v-grid-rows-11-auto){grid-template-rows:repeat(1, auto)}:host(.XL\\:v-grid-rows-12-auto){grid-template-rows:repeat(1, auto)}}@media (min-width: 320px){:host(.S\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.S\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.S\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.S\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.S\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.S\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.S\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.S\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.S\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.S\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.S\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.S\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.S\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.S\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.S\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.S\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.S\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.S\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.S\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.S\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.S\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.S\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.S\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.S\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}@media (min-width: 768px){:host(.M\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.M\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.M\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.M\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.M\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.M\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.M\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.M\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.M\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.M\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.M\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.M\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.M\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.M\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.M\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.M\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.M\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.M\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.M\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.M\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.M\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.M\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.M\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.M\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}@media (min-width: 1024px){:host(.L\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.L\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.L\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.L\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.L\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.L\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.L\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.L\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.L\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.L\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.L\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.L\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.L\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.L\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.L\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.L\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.L\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.L\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.L\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.L\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.L\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.L\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.L\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.L\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}@media (min-width: 1440px){:host(.XL\\:v-grid-cols-1){grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-2){grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-3){grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-4){grid-template-columns:repeat(4, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-5){grid-template-columns:repeat(5, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-6){grid-template-columns:repeat(6, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-7){grid-template-columns:repeat(7, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-8){grid-template-columns:repeat(8, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-9){grid-template-columns:repeat(9, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-10){grid-template-columns:repeat(10, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-11){grid-template-columns:repeat(11, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-12){grid-template-columns:repeat(12, minmax(0, 1fr))}:host(.XL\\:v-grid-cols-1-auto){grid-template-columns:repeat(1, auto)}:host(.XL\\:v-grid-cols-2-auto){grid-template-columns:repeat(2, auto)}:host(.XL\\:v-grid-cols-3-auto){grid-template-columns:repeat(3, auto)}:host(.XL\\:v-grid-cols-4-auto){grid-template-columns:repeat(4, auto)}:host(.XL\\:v-grid-cols-5-auto){grid-template-columns:repeat(5, auto)}:host(.XL\\:v-grid-cols-6-auto){grid-template-columns:repeat(6, auto)}:host(.XL\\:v-grid-cols-7-auto){grid-template-columns:repeat(7, auto)}:host(.XL\\:v-grid-cols-8-auto){grid-template-columns:repeat(8, auto)}:host(.XL\\:v-grid-cols-9-auto){grid-template-columns:repeat(9, auto)}:host(.XL\\:v-grid-cols-10-auto){grid-template-columns:repeat(1, auto)}:host(.XL\\:v-grid-cols-11-auto){grid-template-columns:repeat(1, auto)}:host(.XL\\:v-grid-cols-12-auto){grid-template-columns:repeat(1, auto)}}";