@globalpayments/vega 2.14.0 → 2.15.0

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

@@ -6,7 +6,7 @@ const index = require('./index-1299d729.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-c3bbaf20.js');
 const effect = require('./effect-37695d3d.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
@@ -19,6 +19,7 @@ require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./changeManager-7c13d64f.js');
 require('./domNodeSubjectObserverFactory-2bbdec29.js');

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

@@ -11,7 +11,7 @@ const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2
 const ui = require('./ui-fa68545a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 const vegaEventId = require('./vegaEventId-d7774262.js');
 const vegaInternalEventId = require('./vegaInternalEventId-173c4941.js');
@@ -25,7 +25,8 @@ require('./dynamic-slimmer-d5ea4204.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
-require('./mutationObserverFilters-5beee7b8.js');
+require('./mutationObserverSlimmer-8d99123c.js');
+require('./mutationObserverFilters-dd88e5fe.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
 require('./internalVegaEventManager-543c20cb.js');

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const ui = require('./ui-fa68545a.js');
-const designToken = require('./designToken-3904c6b7.js');
+const designToken = require('./designToken-1e1dc648.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
@@ -20,6 +20,7 @@ require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 require('./stateBackgroundColorFormatter-96a26ee7.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./changeManager-7c13d64f.js');

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

@@ -7,7 +7,7 @@ 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-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
@@ -22,7 +22,8 @@ require('./vegaInternalEventId-173c4941.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
-require('./mutationObserverFilters-5beee7b8.js');
+require('./mutationObserverSlimmer-8d99123c.js');
+require('./mutationObserverFilters-dd88e5fe.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
 require('./internalVegaEventManager-543c20cb.js');

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

@@ -11,7 +11,7 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const injectKeyboardManager = require('./injectKeyboardManager-4a19f183.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
@@ -28,7 +28,8 @@ require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./vegaInternalEventId-173c4941.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
-require('./mutationObserverFilters-5beee7b8.js');
+require('./mutationObserverSlimmer-8d99123c.js');
+require('./mutationObserverFilters-dd88e5fe.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
 require('./internalVegaEventManager-543c20cb.js');

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

@@ -7,7 +7,7 @@ const component = require('./component-c3bbaf20.js');
 const date = require('./date-b62fe96f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const ui = require('./ui-fa68545a.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
 const vegaEventId = require('./vegaEventId-d7774262.js');
@@ -18,7 +18,7 @@ const zIndexManager = require('./zIndexManager-48482b9d.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const stringInputFormatterSlimmer = require('./stringInputFormatterSlimmer-afdb5cfd.js');
-const elementAppenderSlimmer = require('./elementAppenderSlimmer-31397fa9.js');
+const elementAppenderSlimmer = require('./elementAppenderSlimmer-0590af69.js');
 const keyboardManagerSlimmer = require('./keyboardManagerSlimmer-304998bd.js');
 const componentLoadRequired = require('./componentLoadRequired-bcc5c8a1.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
@@ -30,13 +30,15 @@ require('./vegaInternalEventId-173c4941.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
-require('./mutationObserverFilters-5beee7b8.js');
+require('./mutationObserverSlimmer-8d99123c.js');
+require('./mutationObserverFilters-dd88e5fe.js');
 require('./iconManager-a9c2209d.js');
 require('./number-459031f7.js');
 require('./typeGuard-b1a74545.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsiveFormatFacade-12dd896d.js');
+require('./responsiveFormatFacade-037c9c80.js');
+require('./pixel-98f2a10c.js');
 require('./keyboardManager-274fb90b.js');
 require('./internalVegaEventManager-543c20cb.js');
 

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

@@ -7,13 +7,13 @@ const component = require('./component-c3bbaf20.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 require('./stateBackgroundColorFormatter-96a26ee7.js');
-const designToken = require('./designToken-3904c6b7.js');
+const designToken = require('./designToken-1e1dc648.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
 const vegaEventId = require('./vegaEventId-d7774262.js');
 const ui$1 = require('./ui-077fc009.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const ui = require('./ui-fa68545a.js');
 const zIndexManager = require('./zIndexManager-48482b9d.js');
@@ -26,6 +26,7 @@ require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./changeManager-7c13d64f.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./internalVegaEventManager-543c20cb.js');
 require('./object-bbd4ed7f.js');

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

@@ -6,13 +6,14 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const typeGuard = require('./typeGuard-b1a74545.js');
-const designToken = require('./designToken-3904c6b7.js');
+const designToken = require('./designToken-1e1dc648.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 require('./number-459031f7.js');
 require('./ui-077fc009.js');
+require('./pixel-98f2a10c.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./stateBackgroundColorFormatter-96a26ee7.js');

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

@@ -13,9 +13,10 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
 const vegaEventId = require('./vegaEventId-d7774262.js');
 const keyboardManagerSlimmer = require('./keyboardManagerSlimmer-304998bd.js');
-const elementAppenderSlimmer = require('./elementAppenderSlimmer-31397fa9.js');
+const elementAppenderSlimmer = require('./elementAppenderSlimmer-0590af69.js');
 const array = require('./array-6e559cde.js');
 const subStateObserverSlimmer = require('./subStateObserverSlimmer-48ad20a1.js');
+const mutationObserverSlimmer = require('./mutationObserverSlimmer-8d99123c.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 const childNodesNotifyObserverSlimmer = require('./childNodesNotifyObserverSlimmer-830ceb4d.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
@@ -27,8 +28,9 @@ require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./keyboardManager-274fb90b.js');
-require('./responsiveFormatFacade-12dd896d.js');
+require('./responsiveFormatFacade-037c9c80.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 require('./zIndexManager-48482b9d.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
@@ -293,9 +295,6 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
   getVirtualScrollRef() {
     return this.virtualScrollRef;
   }
-  getTemplateItemsRef() {
-    return this.templateItemsRef;
-  }
   renderBySource() {
     return (index.h(index.Fragment, null,
       this.renderLoading(),
@@ -338,7 +337,7 @@ class VegaDropdownListRenderer extends globalSlimmerRegistry.VegaSlimmer {
         ['v-hidden']: this.isLoading,
       }, style: {
         maxHeight: `${this.maxHeightOfItemsContainer}px`,
-      }, ref: (e) => (this.templateItemsRef = e) },
+      } },
       index.h("slot", { name: "items" })));
   }
   /**
@@ -960,7 +959,6 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
   checkSelectedSourceKey(key) {
     if (this.renderModeController.isSourceRenderMode()) {
       let result;
-      this.childrenController.syncUpDropdownCurrentData();
       if (typeof key === 'string' &&
         this.selectType === 'single' &&
         this.childrenController.isKeyExist(key)) {
@@ -1112,6 +1110,20 @@ var __decorate$e = (undefined && undefined.__decorate) || function (decorators,
 class VegaDropdownChildrenController extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
+    this.mutationObserver = new mutationObserverSlimmer.MutationObserverSlimmer({
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      target: () => this.renderer.getDropdownContentBoxRef(),
+      options: {
+        childList: true,
+        subtree: true,
+      },
+      /*
+       * The below method is e2e-test covered in
+       * @see{module:vega-dropdown-items-dom-change-e2e}
+       */
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      callback: /* istanbul ignore next */ () => this.syncUpDropdownCurrentData(),
+    });
     this.labelSet = new Set();
     this.keySet = new Set();
     /**
@@ -1119,7 +1131,7 @@ class VegaDropdownChildrenController extends globalSlimmerRegistry.VegaSlimmer {
      * synchronizing the current data in a dropdown based on the items present in the slot.
      */
     this.collectKeyAndLabelFromSlot = () => {
-      const container = this.renderer.getDropdownRef() || this.host;
+      const container = this.renderer.getDropdownContentBoxRef() || this.host;
       Array.from(container.querySelectorAll('vega-dropdown-item')).forEach((item) => {
         item.label && this.labelSet.add(item.label);
         item.itemKey && this.keySet.add(item.itemKey);
@@ -1131,8 +1143,6 @@ class VegaDropdownChildrenController extends globalSlimmerRegistry.VegaSlimmer {
    */
   /* istanbul ignore next */
   disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
   /**
    * Component lifecycle - [componentWillLoad]
@@ -1144,7 +1154,6 @@ class VegaDropdownChildrenController extends globalSlimmerRegistry.VegaSlimmer {
    * Component lifecycle - [componentDidLoad]
    */
   componentDidLoad() {
-    this.initMutationObserver();
   }
   /**
    * The function "watchSource" synchronizes the dropdown current data.
@@ -1202,23 +1211,6 @@ class VegaDropdownChildrenController extends globalSlimmerRegistry.VegaSlimmer {
     });
   }
   /* istanbul ignore next */
-  /**
-   * The below method is e2e-test covered in@see{module:vega-dropdown-items-dom-change-e2e}
-   */
-  initMutationObserver() {
-    if (this.renderModeController.isSourceRenderMode())
-      return;
-    this.mutationObserver = new MutationObserver(async (mutations) => {
-      if (mutations.filter((mutation) => mutation.target.slot === 'items').length > 0) {
-        this.selectedController.watchSource();
-      }
-    });
-    this.mutationObserver.observe(this.listRenderer.getTemplateItemsRef(), {
-      childList: true,
-      subtree: true,
-    });
-  }
-  /* istanbul ignore next */
   /**
    * The below method is e2e-test covered in @see{module:vega-dropdown-items-dom-change-e2e}
    */
@@ -1248,6 +1240,9 @@ __decorate$e([
 __decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaDropdownChildrenController.prototype, "selectedController", void 0);
+__decorate$e([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaDropdownChildrenController.prototype, "mutationObserver", void 0);
 __decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaDropdownChildrenController.prototype, "disconnectedCallback", null);
@@ -1324,9 +1319,13 @@ const VegaDropdown = class {
     this.keyboardController = new VegaDropdownKeyboardController();
     this.appenderController = new VegaDropdownAppenderController();
     this.searchController = new VegaDropdownSearchController();
+    /**
+     * childrenController should be defined before selectedController,
+     *     which can ensure collecting information before verifying it.
+     */
+    this.childrenController = new VegaDropdownChildrenController();
     this.selectedController = new VegaDropdownSelectedController();
     this.renderModeController = new VegaDropdownRenderModeController();
-    this.childrenController = new VegaDropdownChildrenController();
     this.selectTypeNotifySlimmer = subStateObserverSlimmer.createSubStateNotifySlimmer(VegaDropdown, 'selectType', 'watchSelectType');
     this.selectedSourceKeyNotifySlimmer = subStateObserverSlimmer.createSubStateNotifySlimmer(VegaDropdown, 'selectedSourceKey', 'watchSelectedSourceKey');
     this.prefixIconSlotNotifySlimmer = subStateObserverSlimmer.createSubStateNotifySlimmer(VegaDropdown, 'prefixIconSlot', 'watchPrefixIconSlot');
@@ -1555,13 +1554,13 @@ __decorate$d([
 ], VegaDropdown.prototype, "searchController", void 0);
 __decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaDropdown.prototype, "selectedController", void 0);
+], VegaDropdown.prototype, "childrenController", void 0);
 __decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaDropdown.prototype, "renderModeController", void 0);
+], VegaDropdown.prototype, "selectedController", void 0);
 __decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaDropdown.prototype, "childrenController", void 0);
+], VegaDropdown.prototype, "renderModeController", void 0);
 __decorate$d([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdown.prototype, "selectTypeNotifySlimmer", void 0);

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1299d729.js');
 const featureFlagController = require('./featureFlagController-ab94fd4f.js');
 const component = require('./component-c3bbaf20.js');
-const designToken = require('./designToken-3904c6b7.js');
+const designToken = require('./designToken-1e1dc648.js');
 const ui = require('./ui-fa68545a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
@@ -16,8 +16,9 @@ require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsiveFormatFacade-12dd896d.js');
+require('./responsiveFormatFacade-037c9c80.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 require('./stateBackgroundColorFormatter-96a26ee7.js');
 
 const VegaFlexRuntimeMetricsPayloadDefinition = [

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

@@ -10,14 +10,15 @@ const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2
 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 responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const ui = require('./ui-fa68545a.js');
-const designToken = require('./designToken-3904c6b7.js');
+const designToken = require('./designToken-1e1dc648.js');
 require('./ui-077fc009.js');
 require('./typeGuard-b1a74545.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 require('./stateBackgroundColorFormatter-96a26ee7.js');
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
@@ -24,7 +24,8 @@ require('./dynamic-slimmer-d5ea4204.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
-require('./mutationObserverFilters-5beee7b8.js');
+require('./mutationObserverSlimmer-8d99123c.js');
+require('./mutationObserverFilters-dd88e5fe.js');
 require('./number-459031f7.js');
 require('./internalVegaEventManager-543c20cb.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
-const designToken = require('./designToken-3904c6b7.js');
+const designToken = require('./designToken-1e1dc648.js');
 const component = require('./component-c3bbaf20.js');
 const ui = require('./ui-fa68545a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
@@ -13,8 +13,9 @@ require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsiveFormatFacade-12dd896d.js');
+require('./responsiveFormatFacade-037c9c80.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.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)}}";

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

@@ -6,7 +6,7 @@ const index = require('./index-1299d729.js');
 const icons = require('./icons-dbc3eb9c.js');
 const typeGuard = require('./typeGuard-b1a74545.js');
 const component = require('./component-c3bbaf20.js');
-const designToken = require('./designToken-3904c6b7.js');
+const designToken = require('./designToken-1e1dc648.js');
 const ui = require('./ui-fa68545a.js');
 const iconManager = require('./iconManager-a9c2209d.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
@@ -15,8 +15,9 @@ require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsiveFormatFacade-12dd896d.js');
+require('./responsiveFormatFacade-037c9c80.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 require('./stateBackgroundColorFormatter-96a26ee7.js');
 
 const vegaIconCss = ":host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-w-0),.v-w-0{width:0px}:host(.v-w-size-0),.v-w-size-0{width:0px}:host(.v-w-size-4),.v-w-size-4{width:4px}:host(.v-w-size-8),.v-w-size-8{width:8px}:host(.v-w-size-12),.v-w-size-12{width:12px}:host(.v-w-size-16),.v-w-size-16{width:16px}:host(.v-w-size-20),.v-w-size-20{width:20px}:host(.v-w-size-24),.v-w-size-24{width:24px}:host(.v-w-size-32),.v-w-size-32{width:32px}:host(.v-w-size-40),.v-w-size-40{width:40px}:host(.v-w-size-48),.v-w-size-48{width:48px}:host(.v-w-size-64),.v-w-size-64{width:64px}:host(.v-w-size-72),.v-w-size-72{width:72px}:host(.v-w-size-80),.v-w-size-80{width:80px}:host(.v-w-size-112),.v-w-size-112{width:112px}:host(.v-w-size-2),.v-w-size-2{width:2px}:host(.v-h-0),.v-h-0{height:0px}:host(.v-h-size-0),.v-h-size-0{height:0px}:host(.v-h-size-4),.v-h-size-4{height:4px}:host(.v-h-size-8),.v-h-size-8{height:8px}:host(.v-h-size-12),.v-h-size-12{height:12px}:host(.v-h-size-16),.v-h-size-16{height:16px}:host(.v-h-size-20),.v-h-size-20{height:20px}:host(.v-h-size-24),.v-h-size-24{height:24px}:host(.v-h-size-32),.v-h-size-32{height:32px}:host(.v-h-size-40),.v-h-size-40{height:40px}:host(.v-h-size-48),.v-h-size-48{height:48px}:host(.v-h-size-64),.v-h-size-64{height:64px}:host(.v-h-size-72),.v-h-size-72{height:72px}:host(.v-h-size-80),.v-h-size-80{height:80px}:host(.v-h-size-112),.v-h-size-112{height:112px}:host(.v-h-size-2),.v-h-size-2{height:2px}:host{display:inline-flex;user-select:none}i{line-height:1}:host(:not(.vega-auto-size)) ::slotted(svg){width:100%;height:100%}";

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

@@ -6,7 +6,7 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const requiredFieldRule = require('./requiredFieldRule-56f10b25.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
@@ -15,7 +15,7 @@ const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const vegaDialogController = require('./vegaDialogController-756ed849.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const ui = require('./ui-fa68545a.js');
 const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
@@ -25,12 +25,14 @@ require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 require('./misc-0197689b.js');
 require('./string-21427167.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./vegaInternalEventId-173c4941.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
-require('./mutationObserverFilters-5beee7b8.js');
+require('./mutationObserverSlimmer-8d99123c.js');
+require('./mutationObserverFilters-dd88e5fe.js');
 require('./array-6e559cde.js');
 require('./internalVegaEventManager-543c20cb.js');
 

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

@@ -10,7 +10,7 @@ const validCreditCardNumberRule = require('./validCreditCardNumberRule-8721ca05.
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
@@ -29,7 +29,8 @@ require('./vegaInternalEventId-173c4941.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
-require('./mutationObserverFilters-5beee7b8.js');
+require('./mutationObserverSlimmer-8d99123c.js');
+require('./mutationObserverFilters-dd88e5fe.js');
 require('./array-6e559cde.js');
 require('./internalVegaEventManager-543c20cb.js');
 require('./iconManager-a9c2209d.js');

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

@@ -8,7 +8,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 const vegaEventId = require('./vegaEventId-d7774262.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const array = require('./array-6e559cde.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
@@ -24,7 +24,8 @@ require('./vegaInternalEventId-173c4941.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
-require('./mutationObserverFilters-5beee7b8.js');
+require('./mutationObserverSlimmer-8d99123c.js');
+require('./mutationObserverFilters-dd88e5fe.js');
 require('./number-459031f7.js');
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -8,7 +8,7 @@ const component = require('./component-c3bbaf20.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const ui = require('./ui-fa68545a.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const typeGuard = require('./typeGuard-b1a74545.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
@@ -19,20 +19,22 @@ const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const chevronDown = require('./chevron-down-ca2fa88e.js');
 const internalIconManager = require('./internal-icon-manager-b21347bf.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 const vegaInternalEventId = require('./vegaInternalEventId-173c4941.js');
 require('./ui-077fc009.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./iconManager-a9c2209d.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./mutationObserverFilters-5beee7b8.js');
+require('./mutationObserverSlimmer-8d99123c.js');
+require('./mutationObserverFilters-dd88e5fe.js');
 require('./internalVegaEventManager-543c20cb.js');
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -12,7 +12,7 @@ const componentLoadRequired = require('./componentLoadRequired-bcc5c8a1.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 const vegaEventId = require('./vegaEventId-d7774262.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
@@ -28,7 +28,8 @@ require('./vegaInternalEventId-173c4941.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
-require('./mutationObserverFilters-5beee7b8.js');
+require('./mutationObserverSlimmer-8d99123c.js');
+require('./mutationObserverFilters-dd88e5fe.js');
 require('./array-6e559cde.js');
 require('./internalVegaEventManager-543c20cb.js');
 require('./typeGuard-b1a74545.js');