@globalpayments/vega 2.13.1 → 2.15.0

package/dist/cjs/mutationObserverFilters-dd88e5fe.js

@@ -0,0 +1,45 @@
+'use strict';
+
+const array = require('./array-6e559cde.js');
+
+/**
+ * The function `TagNameMutationFilter` filters mutations based on whether they involve elements with a
+ * specific tag name.
+ *
+ * @param {string[]} tagNames - The `TagNameMutationFilter` function takes a `tagName` parameter, which is
+ * a string representing the tag name of an HTML element. The function then returns a `MutationFilter`
+ * function that filters mutations based on whether any added or removed nodes have the specified tag
+ * name.
+ * @returns {Function} The `TagNameMutationFilter` function is being returned. It takes a `tagName` parameter of
+ * type string and returns a `MutationFilter` function that filters mutations based on whether any
+ * added or removed nodes have a tag name matching the provided `tagName`.
+ */
+const TagNameMutationFilter = (...tagNames) => {
+  return (mutations) => {
+    /**
+     * The function `filter` takes an `HTMLElement` as input and returns `true` if the element's tag name
+     * matches a specified `tagName`.
+     *
+     * @param {HTMLElement} item - An HTMLElement, which represents an element in the HTML document.
+     * @returns {boolean} -
+     */
+    const filter = (item) => tagNames.includes(item.tagName);
+    return (mutations.find((mutation) => array.findNodeList(mutation.addedNodes, filter) || array.findNodeList(mutation.removedNodes, filter)) !== undefined);
+  };
+};
+/**
+ * The function `AttributeOldValueMutationFilter` filters mutations based on whether the old attribute
+ * value differs from the current attribute value on the host element.
+ *
+ * @returns { Function }The code snippet defines a function named `AttributeOldValueMutationFilter` that returns a
+ * `MutationFilter` function. The `MutationFilter` function takes an array of `MutationRecord` objects
+ * and an `HTMLElement` as parameters.
+ */
+const AttributeOldValueMutationFilter = () => {
+  return (mutations, host) => {
+    return (mutations.find((mutation) => mutation.attributeName && mutation.oldValue !== host.getAttribute(mutation.attributeName)) !== undefined);
+  };
+};
+
+exports.AttributeOldValueMutationFilter = AttributeOldValueMutationFilter;
+exports.TagNameMutationFilter = TagNameMutationFilter;

package/dist/cjs/{mutationObserverFilters-5beee7b8.js → mutationObserverSlimmer-8d99123c.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const array = require('./array-6e559cde.js');
 
 var __decorate = (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;
@@ -64,7 +63,10 @@ class MutationObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * MutationObserver.
    */
   observeMutationObserver() {
-    this.mutationObserver.observe(this.observerEntry.target ? this.observerEntry.target() : this.host, this.observerEntry.options);
+    const target = this.observerEntry.target ? this.observerEntry.target() : this.host;
+    if (target) {
+      this.mutationObserver.observe(target, this.observerEntry.options);
+    }
   }
 }
 __decorate([
@@ -80,45 +82,4 @@ __decorate([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], MutationObserverSlimmer.prototype, "componentDidLoad", null);
 
-/**
- * The function `TagNameMutationFilter` filters mutations based on whether they involve elements with a
- * specific tag name.
- *
- * @param {string[]} tagNames - The `TagNameMutationFilter` function takes a `tagName` parameter, which is
- * a string representing the tag name of an HTML element. The function then returns a `MutationFilter`
- * function that filters mutations based on whether any added or removed nodes have the specified tag
- * name.
- * @returns {Function} The `TagNameMutationFilter` function is being returned. It takes a `tagName` parameter of
- * type string and returns a `MutationFilter` function that filters mutations based on whether any
- * added or removed nodes have a tag name matching the provided `tagName`.
- */
-const TagNameMutationFilter = (...tagNames) => {
-  return (mutations) => {
-    /**
-     * The function `filter` takes an `HTMLElement` as input and returns `true` if the element's tag name
-     * matches a specified `tagName`.
-     *
-     * @param {HTMLElement} item - An HTMLElement, which represents an element in the HTML document.
-     * @returns {boolean} -
-     */
-    const filter = (item) => tagNames.includes(item.tagName);
-    return (mutations.find((mutation) => array.findNodeList(mutation.addedNodes, filter) || array.findNodeList(mutation.removedNodes, filter)) !== undefined);
-  };
-};
-/**
- * The function `AttributeOldValueMutationFilter` filters mutations based on whether the old attribute
- * value differs from the current attribute value on the host element.
- *
- * @returns { Function }The code snippet defines a function named `AttributeOldValueMutationFilter` that returns a
- * `MutationFilter` function. The `MutationFilter` function takes an array of `MutationRecord` objects
- * and an `HTMLElement` as parameters.
- */
-const AttributeOldValueMutationFilter = () => {
-  return (mutations, host) => {
-    return (mutations.find((mutation) => mutation.attributeName && mutation.oldValue !== host.getAttribute(mutation.attributeName)) !== undefined);
-  };
-};
-
-exports.AttributeOldValueMutationFilter = AttributeOldValueMutationFilter;
 exports.MutationObserverSlimmer = MutationObserverSlimmer;
-exports.TagNameMutationFilter = TagNameMutationFilter;

package/dist/cjs/pixel-98f2a10c.js

@@ -0,0 +1,72 @@
+'use strict';
+
+/* This file is generated by vega-design 2.0.77 */ 
+const Spacing = {
+	"0": 0,
+	"size-4": 4,
+	"size-8": 8,
+	"size-12": 12,
+	"size-16": 16,
+	"size-20": 20,
+	"size-24": 24,
+	"size-32": 32,
+	"size-40": 40,
+	"size-48": 48,
+	"size-64": 64,
+	"size-72": 72,
+	"size-80": 80,
+	"size-112": 112,
+	"size-2": 2
+};
+
+/**
+ * The function parses a string representing a pixel value to a number, or returns the input if it is already a number.
+ *
+ * @param {number | string} input - The input parameter can be either a number or a string. If it is a
+ * string, it should be in the format of a CSS pixel value (e.g. "10px").
+ * @returns {number} returns a number. If the input is already a number, it returns the input as is. If the input is a string, it attempts to extract a number from the
+ * string by removing the 'px' suffix and converting the remaining string to a number. If the string
+ * cannot be converted to a number, it returns 0.
+ */
+function parsePixelStringToNumber(input) {
+  return typeof input === 'number'
+    ? input
+    : input && !isNaN(Number(input.replace('px', '')))
+      ? Number(input.replace('px', ''))
+      : 0;
+}
+/**
+ * The function takes a number or string input and returns a string with 'px' appended if the input is a number.
+ *
+ * @param {number | string} input - The input parameter can be either a number or a string. If it is a
+ * number, the function will convert it to a string and append the 'px' unit to it. If it is already a string, the function will simply return it as is.
+ * @returns {string} returns a string that represents a CSS pixel value. If the input is a number, it concatenates the number with the string 'px'. If the input is already a
+ * string, it returns the input string as is.
+ */
+function parseNumberToPixelString(input) {
+  return typeof input === 'number' ? input + 'px' : input;
+}
+/**
+ * This function takes an input parameter and returns a string.
+ * - If the input is a number, it returns a string with 'px'.
+ * - If the input is a string, it returns the input string as is.
+ * - If the input is a {@link SpacingTokenType}, it returns a parsed value string with 'px'.
+ *
+ * @param {number | string | SpacingTokenType} input - The input parameter can be either a number or a string. If it is a
+ * @returns {string} returns a string that represents a CSS pixel value
+ */
+function parseToPixelString(input) {
+  if (!isNaN(Number(input))) {
+    return `${input}px`;
+  }
+  else if (Object.keys(Spacing).includes(input)) {
+    return `${Spacing[input]}px`;
+  }
+  else {
+    return input;
+  }
+}
+
+exports.parseNumberToPixelString = parseNumberToPixelString;
+exports.parsePixelStringToNumber = parsePixelStringToNumber;
+exports.parseToPixelString = parseToPixelString;

package/dist/cjs/{responsiveFormatFacade-12dd896d.js → responsiveFormatFacade-037c9c80.js}

@@ -5,6 +5,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const number = require('./number-459031f7.js');
 const ui = require('./ui-077fc009.js');
+const pixel = require('./pixel-98f2a10c.js');
 
 /**
  * An abstract class for format {@link ManagedResponsiveScopeInput[Flag]} to CSS class string
@@ -527,25 +528,6 @@ class ResponsiveBoxDisplayFormatter extends ResponsiveClassStringFormatter {
 }
 const ResponsiveBoxDisplayFormatter$1 = new ResponsiveBoxDisplayFormatter();
 
-/* This file is generated by vega-design 2.0.77 */ 
-const Spacing = {
-	"0": 0,
-	"size-4": 4,
-	"size-8": 8,
-	"size-12": 12,
-	"size-16": 16,
-	"size-20": 20,
-	"size-24": 24,
-	"size-32": 32,
-	"size-40": 40,
-	"size-48": 48,
-	"size-64": 64,
-	"size-72": 72,
-	"size-80": 80,
-	"size-112": 112,
-	"size-2": 2
-};
-
 /**
  * A class for format WidthType and HeightType
  *
@@ -565,32 +547,10 @@ class ResponsiveWidthAndHeightFormatter {
     const breakpoint = breakpoints.getCurrentBreakpoint();
     if (typeGuard.isResponsiveType(input)) {
       input = breakpoints.createCompleteResponsiveMap(input);
-      return this.formatWidthAndHeight(input[breakpoint]);
+      return pixel.parseToPixelString(input[breakpoint]);
     }
     else {
-      return this.formatWidthAndHeight(input);
-    }
-  }
-  /**
-   * The function `formatWidthAndHeight` takes an input of type `WidthType` or `HeightType` and returns a
-   * string representation with 'px' appended if the input is a number or a string that can be converted
-   * to a number, otherwise it returns the input as is.
-   *
-   * @param {WidthType | HeightType} input - The `input` parameter in the `formatWidthAndHeight` function
-   * can be either a `number`, a `string` that can be converted to a number, or a key from the `Spacing`
-   * object.
-   * @returns {string} The `formatWidthAndHeight` function takes an input of type `WidthType` or `HeightType` and
-   * returns a string.
-   */
-  formatWidthAndHeight(input) {
-    if (!isNaN(Number(input))) {
-      return `${input}px`;
-    }
-    else if (Object.keys(Spacing).includes(input)) {
-      return `${Spacing[input]}px`;
-    }
-    else {
-      return input;
+      return pixel.parseToPixelString(input);
     }
   }
 }

package/dist/cjs/stateBackgroundColorFormatter-96a26ee7.js

@@ -0,0 +1,85 @@
+'use strict';
+
+const typeGuard = require('./typeGuard-b1a74545.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
+
+/**
+ * StateVariantFormatter: Format state token to CSS styles
+ */
+class StateVariantFormatter {
+  /**
+   * The function `format` takes an input state variant type and returns formatted CSS styles based on
+   * the input.
+   *
+   * @param {StateVariantType} input - The `format` function takes an `input` parameter of type
+   * `StateVariantType<ManagedStateScopeInput[Flag], State>`. This means that the `input` parameter
+   * should be an object that contains styles for different states, where the keys are state names and
+   * the values are the corresponding styles
+   * @returns {string} The `format` function returns a string that contains CSS styles based on the input
+   * provided. If the input is determined to be a state variant token type, the function generates CSS
+   * styles for each state in the input and returns them joined by newlines. If the input is not a state
+   * variant token type, the function generates CSS styles for the default state and returns them.
+   */
+  format(input) {
+    if (typeGuard.isStateVariantTokenType(input)) {
+      const stateStyles = [];
+      this.getStates().forEach((state) => {
+        const style = this.formatToken(input[state]);
+        if (style) {
+          stateStyles.push(`:host${state === 'default' ? '' : `(:${state})`}{\n\t${style}\n}`);
+        }
+      });
+      return stateStyles.join('\n');
+    }
+    else {
+      const style = this.formatToken(input);
+      return `:host{\n\t${style}\n}`;
+    }
+  }
+}
+
+/**
+ * The `StateBackgroundColorFormatter` class in TypeScript formats background color tokens
+ * and handles different CSS states.
+ */
+class StateBackgroundColorFormatter extends StateVariantFormatter {
+  constructor() {
+    super(...arguments);
+    this.states = ['default', 'hover', 'active', 'focus-visible'];
+  }
+  /**
+   * The function `formatToken` takes a `BackgroundColorsTokenType` input, checks if it is a valid
+   * background color token type, and returns the corresponding CSS background color value or logs a
+   * warning if the input is invalid.
+   *
+   * @param {BackgroundColorsTokenType} input - The `input` parameter is of type
+   * `BackgroundColorsTokenType`, which is used to represent different background color tokens.
+   * @returns {string} The `formatToken` function takes a `BackgroundColorsTokenType` input and checks if it is a
+   * valid background color token type. If it is valid, it retrieves the corresponding color value from
+   * the `BackgroundColorMap` and returns a CSS style string with the background color. If the input is
+   * not valid, it logs a warning message using `LogUtility.warn` and returns an empty string.
+   */
+  formatToken(input) {
+    if (typeGuard.isBackgroundColorTokenType(input)) {
+      const tokenValue = typeGuard.BackgroundColorMap[input];
+      return `background-color: ${tokenValue};`;
+    }
+    else {
+      globalSlimmerRegistry.LogUtility.warn(`The backgroundColor value ${input} is invalid, it must be a value of: `, typeGuard.BackgroundColors);
+      return '';
+    }
+  }
+  /**
+   * The function `getStates` returns an array of `CssStatesType` objects.
+   *
+   * @returns {CssStatesType[]} An array of objects of type CssStatesType, which represents the states stored in the
+   * variable this.states.
+   */
+  getStates() {
+    return this.states;
+  }
+}
+const stateBackgroundColorFormatter = new StateBackgroundColorFormatter();
+
+exports.StateVariantFormatter = StateVariantFormatter;
+exports.stateBackgroundColorFormatter = stateBackgroundColorFormatter;

package/dist/cjs/{stringInputFormatterSlimmer-e15e55cd.js → stringInputFormatterSlimmer-afdb5cfd.js}

@@ -196,6 +196,7 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
      * @param {InputEvent} e - blur event
      */
     this.onBlur = (e) => {
+      this.blurFlag = false;
       if (this.blurFormatStrategy) {
         const target = e.target;
         const rawValue = target.value;
@@ -214,6 +215,7 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
      * @param {InputEvent} e - input event
      */
     this.onKeyDown = (e) => {
+      this.inputFlag = false;
       const target = e.target;
       const rawValue = target.value;
       const caretPosition = target.selectionStart; // selectionStart is nullable, link https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#dom-textarea/input-selectionstart

package/dist/cjs/{subStateObserverSlimmer-e61bda94.js → subStateObserverSlimmer-48ad20a1.js}

@@ -4,7 +4,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const dynamicSlimmer = require('./dynamic-slimmer-d5ea4204.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaInternalEventId = require('./vegaInternalEventId-b27735af.js');
+const vegaInternalEventId = require('./vegaInternalEventId-173c4941.js');
 const ui = require('./ui-fa68545a.js');
 
 /**

package/dist/cjs/timer-5f33058b.js

@@ -0,0 +1,24 @@
+'use strict';
+
+/**
+ * This function returns a function that will execute the given function after a delay.
+ * The function is called with the same arguments as the original function
+ *
+ * @typedef T generic type parameter
+ * @param {() => void} fn - The function to be debounced.
+ * @param {number} delay - The delay in milliseconds.
+ * @param {T} context - The context to be used when calling the function.
+ * @returns {(() => void)} A function that will call the original function with the given arguments after the given delay.
+ */
+const debounce = (fn, delay, context) => {
+  let timer;
+  return function (...args) {
+    if (timer)
+      clearTimeout(timer);
+    timer = setTimeout(function () {
+      fn.apply(context, args);
+    }, delay);
+  };
+};
+
+exports.debounce = debounce;

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

@@ -5,27 +5,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1299d729.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-b21c694f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const component = require('./component-c3bbaf20.js');
-const designToken = require('./designToken-91ea7c25.js');
+const designToken = require('./designToken-1e1dc648.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 chevronDown = require('./chevron-down-ca2fa88e.js');
 const internalIconManager = require('./internal-icon-manager-b21347bf.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const typeGuard = require('./typeGuard-b1a74545.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
-require('./responsiveFormatFacade-12dd896d.js');
+require('./responsiveFormatFacade-037c9c80.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 require('./typography-4560e7f1.js');
+require('./stateBackgroundColorFormatter-96a26ee7.js');
 require('./iconManager-a9c2209d.js');
 require('./regex-c1f70fd4.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 require('./dynamic-slimmer-d5ea4204.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/vega-app-footer.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-b21c694f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 
 const HEARTLAND_TOS_URL = 'https://www.heartland.us/terms';
 const HEARTLAND_PRIVACY_URL = 'https://www.heartland.us/privacy-policy';

package/dist/cjs/vega-app-header-button.cjs.entry.js

@@ -5,24 +5,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const ui = require('./ui-fa68545a.js');
-const designToken = require('./designToken-91ea7c25.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
+const designToken = require('./designToken-1e1dc648.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-b21c694f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.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 internalIconManager = require('./internal-icon-manager-b21347bf.js');
 const chevronDown = require('./chevron-down-ca2fa88e.js');
 require('./typeGuard-b1a74545.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
+require('./stateBackgroundColorFormatter-96a26ee7.js');
 require('./number-459031f7.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./pixel-98f2a10c.js');
+require('./internalVegaEventManager-543c20cb.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./changeManager-7c13d64f.js');
 require('./iconManager-a9c2209d.js');

package/dist/cjs/vega-backdrop.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-b21c694f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const ui = require('./ui-fa68545a.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-b21c694f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const component = require('./component-c3bbaf20.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const ui = require('./ui-fa68545a.js');
 const internalIconManager = require('./internal-icon-manager-b21347bf.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 require('./iconManager-a9c2209d.js');
 require('./changeManager-7c13d64f.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/cjs/vega-bar-chart.cjs.entry.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
-const legendInputProcessor = require('./legendInputProcessor-b1c5958c.js');
-const yAxisInputProcessor = require('./yAxisInputProcessor-da676e61.js');
+const legendInputProcessor = require('./legendInputProcessor-76d1eab6.js');
+const yAxisInputProcessor = require('./yAxisInputProcessor-8b437e75.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-b21c694f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
 require('./typography-4560e7f1.js');
+require('./pixel-98f2a10c.js');
 
 /** The RectDrawer class draws a rectangle on a chart using the provided options. */
 class RectDrawer extends legendInputProcessor.BaseDrawer {

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

@@ -4,18 +4,20 @@ 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-1e1dc648.js');
 const ui = require('./ui-fa68545a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-b21c694f.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 require('./typeGuard-b1a74545.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
+require('./stateBackgroundColorFormatter-96a26ee7.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.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-breadcrumb.cjs.entry.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1299d729.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const ui = require('./ui-fa68545a.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-b21c694f.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
 const component = require('./component-c3bbaf20.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 require('./changeManager-7c13d64f.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 require('./dynamic-slimmer-d5ea4204.js');
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/vega-button-circle.cjs.entry.js

@@ -4,24 +4,26 @@ 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-1e1dc648.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
-const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-b21c694f.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 require('./typeGuard-b1a74545.js');
 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');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./domNodeSubjectObserverFactory-2bbdec29.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.js');
 
 const VegaButtonCircleRuntimeMetricsPayloadDefinition = [
   {

package/dist/cjs/vega-button-group_2.cjs.entry.js

@@ -5,17 +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-b21c694f.js');
-const subStateObserverSlimmer = require('./subStateObserverSlimmer-e61bda94.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-da0b3b8b.js');
-const vegaEventId = require('./vegaEventId-1a0eb6b5.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-29128c2a.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
+const subStateObserverSlimmer = require('./subStateObserverSlimmer-48ad20a1.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const vegaEventId = require('./vegaEventId-d7774262.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaInternalEventId = require('./vegaInternalEventId-b27735af.js');
+const vegaInternalEventId = require('./vegaInternalEventId-173c4941.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const ui = require('./ui-fa68545a.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internalVegaEventManager-a3672e0c.js');
+require('./internalVegaEventManager-543c20cb.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;