@globalpayments/vega 2.13.1 → 2.15.0

package/dist/esm/{mutationObserverFilters-17327079.js → mutationObserverSlimmer-2355cedf.js}

@@ -1,5 +1,4 @@
 import { a as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-16fd7452.js';
-import { b as findNodeList } from './array-8c82516c.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;
@@ -62,7 +61,10 @@ class MutationObserverSlimmer extends 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([
@@ -78,43 +80,4 @@ __decorate([
   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) => findNodeList(mutation.addedNodes, filter) || 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);
-  };
-};
-
-export { AttributeOldValueMutationFilter as A, MutationObserverSlimmer as M, TagNameMutationFilter as T };
+export { MutationObserverSlimmer as M };

package/dist/esm/pixel-f32c07ce.js

@@ -0,0 +1,68 @@
+/* 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;
+  }
+}
+
+export { parseNumberToPixelString as a, parsePixelStringToNumber as b, parseToPixelString as p };

package/dist/esm/{responsiveFormatFacade-7665557d.js → responsiveFormatFacade-ac0b91fc.js}

@@ -1,8 +1,9 @@
-import { v as isResponsiveType, w as isBreakpointsForPrefixType, p as isSpacingTokenType, x as isDirectionalSpacingType, h as Spacing$1, y as isGridColumnsType, z as isGridRowsType, A as isTranslocationType, D as isFlexDirectionType, E as isFlexAlignItemType, G as isFlexJustifyContentType, H as isFlexWrapType, I as isBoxDisplayType, q as isBorderRadiusTokenType, J as isDirectionalBorderRadiusType, B as BorderRadius, K as isTextAlignType } from './typeGuard-ebc62114.js';
+import { u as isResponsiveType, v as isBreakpointsForPrefixType, n as isSpacingTokenType, w as isDirectionalSpacingType, h as Spacing, x as isGridColumnsType, y as isGridRowsType, z as isTranslocationType, A as isFlexDirectionType, D as isFlexAlignItemType, E as isFlexJustifyContentType, G as isFlexWrapType, H as isBoxDisplayType, o as isBorderRadiusTokenType, I as isDirectionalBorderRadiusType, B as BorderRadius, J as isTextAlignType } from './typeGuard-f33ed2eb.js';
 import { L as LogUtility } from './global-slimmer-registry-16fd7452.js';
 import { g as getCurrentBreakpoint, c as createCompleteResponsiveMap } from './breakpoints-e59edf8d.js';
 import { i as isValidPercentage } from './number-e2519d1c.js';
 import { F as FlexDirections, b as FlexAlignItem, c as FlexJustifyContent, d as FlexWrap, e as BoxDisplay, T as TextAlign } from './ui-df46cc20.js';
+import { p as parseToPixelString } from './pixel-f32c07ce.js';
 
 /**
  * An abstract class for format {@link ManagedResponsiveScopeInput[Flag]} to CSS class string
@@ -65,7 +66,7 @@ class ResponsivePaddingFormatter extends ResponsiveClassStringFormatter {
         .join(' ');
     }
     else {
-      LogUtility.warn(`The padding value ${input} is invalid, it must be a value of: `, Spacing$1);
+      LogUtility.warn(`The padding value ${input} is invalid, it must be a value of: `, Spacing);
       return '';
     }
   }
@@ -106,7 +107,7 @@ class ResponsiveMarginFormatter extends ResponsiveClassStringFormatter {
         .join(' ');
     }
     else {
-      LogUtility.warn(`The margin value ${input} is invalid, it must be a value of: `, Spacing$1);
+      LogUtility.warn(`The margin value ${input} is invalid, it must be a value of: `, Spacing);
       return '';
     }
   }
@@ -132,7 +133,7 @@ class ResponsiveGapFormatter extends ResponsiveClassStringFormatter {
       return `${prefix}v-gap-${input}`;
     }
     else {
-      LogUtility.warn(`The gap value ${input} is invalid, it must be a value of: `, Spacing$1);
+      LogUtility.warn(`The gap value ${input} is invalid, it must be a value of: `, Spacing);
       return '';
     }
   }
@@ -525,25 +526,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
  *
@@ -563,32 +545,10 @@ class ResponsiveWidthAndHeightFormatter {
     const breakpoint = getCurrentBreakpoint();
     if (isResponsiveType(input)) {
       input = createCompleteResponsiveMap(input);
-      return this.formatWidthAndHeight(input[breakpoint]);
+      return 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 parseToPixelString(input);
     }
   }
 }

package/dist/esm/stateBackgroundColorFormatter-e705312f.js

@@ -0,0 +1,82 @@
+import { K as isStateVariantTokenType, p as isBackgroundColorTokenType, a as BackgroundColors, d as BackgroundColorMap } from './typeGuard-f33ed2eb.js';
+import { L as LogUtility } from './global-slimmer-registry-16fd7452.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 (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 (isBackgroundColorTokenType(input)) {
+      const tokenValue = BackgroundColorMap[input];
+      return `background-color: ${tokenValue};`;
+    }
+    else {
+      LogUtility.warn(`The backgroundColor value ${input} is invalid, it must be a value of: `, 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();
+
+export { StateVariantFormatter as S, stateBackgroundColorFormatter as s };

package/dist/esm/{stringInputFormatterSlimmer-9ba33d9e.js → stringInputFormatterSlimmer-e67c7503.js}

@@ -1,4 +1,4 @@
-import { P as isNonNullable } from './typeGuard-ebc62114.js';
+import { P as isNonNullable } from './typeGuard-f33ed2eb.js';
 import { a as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 
 /**
@@ -194,6 +194,7 @@ class StringInputFormatterSlimmer extends VegaSlimmer {
      * @param {InputEvent} e - blur event
      */
     this.onBlur = (e) => {
+      this.blurFlag = false;
       if (this.blurFormatStrategy) {
         const target = e.target;
         const rawValue = target.value;
@@ -212,6 +213,7 @@ class StringInputFormatterSlimmer extends 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/esm/{subStateObserverSlimmer-71b39ca0.js → subStateObserverSlimmer-354b33f6.js}

@@ -2,7 +2,7 @@ import { V as VegaSlimmer, a as MapToComponentField, M as MapToComponentMethod }
 import { c as createDynamicSlimmer } from './dynamic-slimmer-ef83e258.js';
 import { C as ChangeManager } from './changeManager-d60d98c8.js';
 import { O as Observer, d as domNodeSubjectFactory } from './domNodeSubjectObserverFactory-a764a6df.js';
-import { d as VegaInternalSubStatePull, e as VegaInternalSubStatePush } from './vegaInternalEventId-ba0b5623.js';
+import { d as VegaInternalSubStatePull, e as VegaInternalSubStatePush } from './vegaInternalEventId-600b3751.js';
 import { f as findParent } from './ui-28499aab.js';
 
 /**

package/dist/esm/timer-9321173b.js

@@ -0,0 +1,22 @@
+/**
+ * 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);
+  };
+};
+
+export { debounce as d };

package/dist/esm/{typeGuard-ebc62114.js → typeGuard-f33ed2eb.js}

@@ -668,4 +668,4 @@ const isCssStateType = (input) => {
   return typeof input === 'string' && CssStates.includes(input);
 };
 
-export { isTranslocationType as A, BorderRadius as B, Colors as C, isFlexDirectionType as D, isFlexAlignItemType as E, FillBackgroundColors as F, isFlexJustifyContentType as G, isFlexWrapType as H, isBoxDisplayType as I, isDirectionalBorderRadiusType as J, isTextAlignType as K, isAccordionObserverPayload as L, isArrayOfType as M, isDropdownSourceItemType as N, isSelectSourceItemType as O, isNonNullable as P, StrokeBackgroundColors as S, TextColors as T, BackgroundColors as a, BorderColors as b, TextColorMap as c, BackgroundColorMap as d, BorderColorMap as e, Shadows as f, ShadowMap as g, Spacing as h, isStateVariantTokenType as i, isBackgroundColorTokenType as j, isBorderColorTokenType as k, isShadowsTokenType as l, isBorderTokenType as m, Borders as n, BorderMap as o, isSpacingTokenType as p, isBorderRadiusTokenType as q, isTextColorTokenType as r, isBreakpointsTokenType as s, isBorderStyleType as t, isTypographyTokenType as u, isResponsiveType as v, isBreakpointsForPrefixType as w, isDirectionalSpacingType as x, isGridColumnsType as y, isGridRowsType as z };
+export { isFlexDirectionType as A, BorderRadius as B, Colors as C, isFlexAlignItemType as D, isFlexJustifyContentType as E, FillBackgroundColors as F, isFlexWrapType as G, isBoxDisplayType as H, isDirectionalBorderRadiusType as I, isTextAlignType as J, isStateVariantTokenType as K, isAccordionObserverPayload as L, isArrayOfType as M, isDropdownSourceItemType as N, isSelectSourceItemType as O, isNonNullable as P, StrokeBackgroundColors as S, TextColors as T, BackgroundColors as a, BorderColors as b, TextColorMap as c, BackgroundColorMap as d, BorderColorMap as e, Shadows as f, ShadowMap as g, Spacing as h, isBorderColorTokenType as i, isShadowsTokenType as j, isBorderTokenType as k, Borders as l, BorderMap as m, isSpacingTokenType as n, isBorderRadiusTokenType as o, isBackgroundColorTokenType as p, isTextColorTokenType as q, isBreakpointsTokenType as r, isBorderStyleType as s, isTypographyTokenType as t, isResponsiveType as u, isBreakpointsForPrefixType as v, isDirectionalSpacingType as w, isGridColumnsType as x, isGridRowsType as y, isTranslocationType as z };

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

@@ -1,27 +1,29 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-c3505689.js';
 import { a as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-9f888049.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
-import { f as formatAndValidResponsiveToken } from './designToken-d25f5b1e.js';
+import { f as formatAndValidResponsiveToken } from './designToken-edc855d6.js';
 import { a as arrayToClassString } from './ui-28499aab.js';
 import { D as DomNodeSubjectObserverFactory, O as Observer } from './domNodeSubjectObserverFactory-a764a6df.js';
-import { a as VegaClick, V as VegaExpand } from './vegaEventId-c0384a6f.js';
+import { a as VegaClick, V as VegaExpand } from './vegaEventId-680887e1.js';
 import { c as chevronUp, a as chevronDown } from './chevron-down-4303bddb.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-a52b1c10.js';
 import { C as ChangeManager } from './changeManager-d60d98c8.js';
 import { A as ACCORDION_EXPAND_TOPIC } from './staticSubjectTitle-3b88939a.js';
-import { L as isAccordionObserverPayload } from './typeGuard-ebc62114.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-86a1593c.js';
-import { c as createEventEmitSlimmer } from './eventEmitSlimmer-d5b8d8d7.js';
+import { L as isAccordionObserverPayload } from './typeGuard-f33ed2eb.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
-import './responsiveFormatFacade-7665557d.js';
+import './responsiveFormatFacade-ac0b91fc.js';
 import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
 import './typography-a8fc4764.js';
+import './stateBackgroundColorFormatter-e705312f.js';
 import './iconManager-48bebc43.js';
 import './regex-dfe11abf.js';
-import './internalVegaEventManager-501f9eb9.js';
+import './internalVegaEventManager-e1501923.js';
 import './dynamic-slimmer-ef83e258.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-app-footer.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, F as Fragment, g as getElement } from './index-c3505689.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-9f888049.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 
 const HEARTLAND_TOS_URL = 'https://www.heartland.us/terms';
 const HEARTLAND_PRIVACY_URL = 'https://www.heartland.us/privacy-policy';

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

@@ -1,24 +1,26 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-c3505689.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { a as arrayToClassString } from './ui-28499aab.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './designToken-d25f5b1e.js';
-import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-7665557d.js';
+import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './designToken-edc855d6.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-ac0b91fc.js';
 import { a as MapToComponentField, V as VegaSlimmer, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-9f888049.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-d36f30e8.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-86a1593c.js';
-import { c as createEventEmitSlimmer } from './eventEmitSlimmer-d5b8d8d7.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
 import { D as DomNodeSubjectObserverFactory } from './domNodeSubjectObserverFactory-a764a6df.js';
-import { a as VegaClick, b as VegaDropdownClick, h as VegaDropdownShow, i as VegaDropdownHide } from './vegaEventId-c0384a6f.js';
+import { a as VegaClick, b as VegaDropdownClick, i as VegaDropdownShow, j as VegaDropdownHide } from './vegaEventId-680887e1.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-a52b1c10.js';
 import { c as chevronUp, a as chevronDown } from './chevron-down-4303bddb.js';
-import './typeGuard-ebc62114.js';
+import './typeGuard-f33ed2eb.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
+import './stateBackgroundColorFormatter-e705312f.js';
 import './number-e2519d1c.js';
-import './internalVegaEventManager-501f9eb9.js';
+import './pixel-f32c07ce.js';
+import './internalVegaEventManager-e1501923.js';
 import './dynamic-slimmer-ef83e258.js';
 import './changeManager-d60d98c8.js';
 import './iconManager-48bebc43.js';

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

@@ -1,7 +1,7 @@
 import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-c3505689.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { a as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-9f888049.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 import { a as arrayToClassString } from './ui-28499aab.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -1,17 +1,17 @@
 import { h, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-c3505689.js';
 import { a as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-9f888049.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-28499aab.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-a52b1c10.js';
 import { D as DomNodeSubjectObserverFactory } from './domNodeSubjectObserverFactory-a764a6df.js';
-import { a as VegaClick, c as VegaClose } from './vegaEventId-c0384a6f.js';
-import { c as createEventEmitSlimmer } from './eventEmitSlimmer-d5b8d8d7.js';
+import { a as VegaClick, c as VegaClose } from './vegaEventId-680887e1.js';
+import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
 import './iconManager-48bebc43.js';
 import './changeManager-d60d98c8.js';
 import './dynamic-slimmer-ef83e258.js';
-import './internalVegaEventManager-501f9eb9.js';
+import './internalVegaEventManager-e1501923.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/esm/vega-bar-chart.entry.js

@@ -1,11 +1,12 @@
 import { r as registerInstance, h, g as getElement, H as Host } from './index-c3505689.js';
-import { B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legendInputProcessor-0b8dc09c.js';
-import { Y as YAxisInputProcessor, X as XAxisInputProcessor, h as XAxisDrawer, i as YAxisDrawer } from './yAxisInputProcessor-1d65dcf9.js';
+import { B as BaseDrawer, a as BaseChart, L as LayoutInputProcessor, P as ProcessorChain, b as LegendInputProcessor, c as LegendDrawer } from './legendInputProcessor-644350b4.js';
+import { Y as YAxisInputProcessor, X as XAxisInputProcessor, h as XAxisDrawer, i as YAxisDrawer } from './yAxisInputProcessor-2f08ac84.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-9f888049.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 import './array-8c82516c.js';
 import './number-e2519d1c.js';
 import './typography-a8fc4764.js';
+import './pixel-f32c07ce.js';
 
 /** The RectDrawer class draws a rectangle on a chart using the provided options. */
 class RectDrawer extends BaseDrawer {

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

@@ -1,17 +1,19 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-c3505689.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
-import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './designToken-d25f5b1e.js';
+import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './designToken-edc855d6.js';
 import { a as arrayToClassString } from './ui-28499aab.js';
 import { a as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-9f888049.js';
-import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-7665557d.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-ac0b91fc.js';
 import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-d36f30e8.js';
-import './typeGuard-ebc62114.js';
+import './typeGuard-f33ed2eb.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
+import './stateBackgroundColorFormatter-e705312f.js';
 import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

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

@@ -1,14 +1,14 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-c3505689.js';
 import { a as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
 import { g as getDeviceType, D as DeviceType } from './ui-28499aab.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-9f888049.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
 import { D as DomNodeSubjectObserverFactory } from './domNodeSubjectObserverFactory-a764a6df.js';
-import { b as VegaDropdownClick, a as VegaClick } from './vegaEventId-c0384a6f.js';
+import { b as VegaDropdownClick, a as VegaClick } from './vegaEventId-680887e1.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-86a1593c.js';
-import { c as createEventEmitSlimmer } from './eventEmitSlimmer-d5b8d8d7.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
 import './changeManager-d60d98c8.js';
-import './internalVegaEventManager-501f9eb9.js';
+import './internalVegaEventManager-e1501923.js';
 import './dynamic-slimmer-ef83e258.js';
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -1,23 +1,25 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c3505689.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
-import { i as formatAndValidTextColor } from './designToken-d25f5b1e.js';
+import { i as formatAndValidTextColor } from './designToken-edc855d6.js';
 import { C as ChangeManager } from './changeManager-d60d98c8.js';
 import { F as FORM_SUBMIT, a as FORM_RESET } from './staticSubjectTitle-3b88939a.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-9f888049.js';
-import { c as createEventEmitSlimmer } from './eventEmitSlimmer-d5b8d8d7.js';
-import { a as VegaClick } from './vegaEventId-c0384a6f.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-86a1593c.js';
-import './typeGuard-ebc62114.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
+import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
+import { a as VegaClick } from './vegaEventId-680887e1.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
+import './typeGuard-f33ed2eb.js';
 import './breakpoints-e59edf8d.js';
 import './ui-df46cc20.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsiveFormatFacade-7665557d.js';
+import './responsiveFormatFacade-ac0b91fc.js';
 import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
+import './stateBackgroundColorFormatter-e705312f.js';
 import './dynamic-slimmer-ef83e258.js';
 import './domNodeSubjectObserverFactory-a764a6df.js';
-import './internalVegaEventManager-501f9eb9.js';
+import './internalVegaEventManager-e1501923.js';
 
 const VegaButtonCircleRuntimeMetricsPayloadDefinition = [
   {

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

@@ -1,17 +1,17 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c3505689.js';
 import { s as sanitizeVegaComponent } from './component-40be4402.js';
 import { a as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-16fd7452.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-9f888049.js';
-import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './subStateObserverSlimmer-71b39ca0.js';
-import { c as createEventEmitSlimmer } from './eventEmitSlimmer-d5b8d8d7.js';
-import { a as VegaClick, b as VegaDropdownClick } from './vegaEventId-c0384a6f.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-86a1593c.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './componentUsageRuntimeMetrics-4f08dec8.js';
+import { c as createSubStateNotifySlimmer, S as SubStateObserverSlimmer } from './subStateObserverSlimmer-354b33f6.js';
+import { c as createEventEmitSlimmer } from './eventEmitSlimmer-9c33f04e.js';
+import { a as VegaClick, b as VegaDropdownClick } from './vegaEventId-680887e1.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-ca73e6c1.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './domNodeSubjectObserverFactory-a764a6df.js';
-import { c as VegaInternalButtonGroupClick } from './vegaInternalEventId-ba0b5623.js';
+import { c as VegaInternalButtonGroupClick } from './vegaInternalEventId-600b3751.js';
 import { C as ChangeManager } from './changeManager-d60d98c8.js';
 import { f as findParent } from './ui-28499aab.js';
 import './dynamic-slimmer-ef83e258.js';
-import './internalVegaEventManager-501f9eb9.js';
+import './internalVegaEventManager-e1501923.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;