npm - @globalpayments/vega - Versions diffs - 2.14.0 → 2.16.0 - Mend

@globalpayments/vega 2.14.0 → 2.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (295) hide show

package/dist/collection/helpers/formatter/responsive-map-formatter/responsiveWidthAndHeightFormatter.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { isResponsiveType } from '../../../types/typeGuard';
 import { getCurrentBreakpoint, createCompleteResponsiveMap } from '../../../utils/breakpoints';
-import { Spacing } from '../../../../design_tokens/js/spacing.js';
+import { parseToPixelString } from '../../../utils/pixel';
 /**
  * A class for format WidthType and HeightType
  *
@@ -20,32 +20,10 @@ export 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/collection/helpers/publicApi.js CHANGED Viewed

@@ -11,3 +11,4 @@ export { BaseStrategy as VegaJQueryDelegatedEventStrategy } from './event-manage
 export { VegaIconManager } from './icon/iconManager';
 export { ValidCreditCardNumberRule } from './validator/rules/validCreditCardNumberRule';
 export { waitForVega } from './common';
+export { VegaSkeletonLoader } from '../helpers/skeleton-loader/vega-skeleton-loader-controller';

package/dist/collection/helpers/skeleton-loader/tests/vega-skeleton-loader-controller.test.js ADDED Viewed

@@ -0,0 +1,139 @@
+jest.mock('../../../utils/misc', () => ({
+  generateUUID: () => 'TEST_UUID',
+}));
+import { VegaSkeletonLoader } from '../vega-skeleton-loader-controller';
+describe('vega-skeleton-loader-controller', () => {
+  beforeEach(() => {
+    document.body.innerHTML = `
+      <div class="target-class"></div>
+    `;
+  });
+  afterEach(() => {
+    VegaSkeletonLoader.unLoadAll();
+    document.body.innerHTML = '';
+  });
+  it('should render a skeleton in target', () => {
+    VegaSkeletonLoader.load({
+      target: '.target-class',
+    });
+    expect(document.body).toMatchInlineSnapshot(`
+		      <body>
+		        <div class="target-class">
+		          <vega-skeleton data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID"></vega-skeleton>
+		        </div>
+		      </body>
+	    `);
+  });
+  it('should remove the skeleton when call unLoad', () => {
+    const key = VegaSkeletonLoader.load({
+      target: '.target-class',
+    });
+    expect(document.body).toMatchInlineSnapshot(`
+		        <body>
+		          <div class="target-class">
+		            <vega-skeleton data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID"></vega-skeleton>
+		          </div>
+		        </body>
+	      `);
+    expect(VegaSkeletonLoader['loaderMap'].size).toEqual(1);
+    VegaSkeletonLoader.unLoad(key);
+    expect(VegaSkeletonLoader['loaderMap'].size).toEqual(0);
+    expect(document.body).toMatchInlineSnapshot(`
+		      <body>
+		        <div class="target-class"></div>
+		      </body>
+	    `);
+  });
+  it('should remove all the skeletons when call unLoadAll', () => {
+    VegaSkeletonLoader.load({
+      target: '.target-class',
+    });
+    expect(VegaSkeletonLoader['loaderMap'].size).toEqual(1);
+    expect(document.body).toMatchInlineSnapshot(`
+		<body>
+		  <div class="target-class">
+		    <vega-skeleton data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID"></vega-skeleton>
+		  </div>
+		</body>
+	`);
+    VegaSkeletonLoader.unLoadAll();
+    expect(VegaSkeletonLoader['loaderMap'].size).toEqual(0);
+    expect(document.body).toMatchInlineSnapshot(`
+		      <body>
+		        <div class="target-class"></div>
+		      </body>
+	    `);
+  });
+  it('should render a skeleton with type', () => {
+    VegaSkeletonLoader.load({
+      target: '.target-class',
+      type: 'full-width-paragraph',
+    });
+    expect(document.body.querySelector('vega-skeleton').type).toEqual('full-width-paragraph');
+  });
+  it('should render a skeleton with width and height', () => {
+    VegaSkeletonLoader.load({
+      target: '.target-class',
+      type: 'image',
+      width: '200px',
+      height: '100px',
+    });
+    const skeletonEl = document.querySelector('vega-skeleton');
+    expect(skeletonEl.type).toEqual('image');
+    expect(skeletonEl.width).toEqual('200px');
+    expect(skeletonEl.height).toEqual('100px');
+  });
+  it('should render complex items', () => {
+    VegaSkeletonLoader.load({
+      target: '.target-class',
+      items: [
+        { type: 'ellipse', width: '30px', height: '30px' },
+        { type: 'text', width: '100px' },
+      ],
+    });
+    const skeletons = document.querySelectorAll('vega-skeleton');
+    expect(document.body).toMatchInlineSnapshot(`
+		      <body>
+		        <div class="target-class">
+		          <vega-skeleton data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID"></vega-skeleton>
+		          <vega-skeleton data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID"></vega-skeleton>
+		        </div>
+		      </body>
+	    `);
+    expect({ type: skeletons[0].type, width: skeletons[0].width, height: skeletons[0].height }).toEqual({
+      type: 'ellipse',
+      width: '30px',
+      height: '30px',
+    });
+    expect({ type: skeletons[1].type, width: skeletons[1].width }).toEqual({
+      type: 'text',
+      width: '100px',
+    });
+  });
+  it('should render item with wrapped layout', () => {
+    VegaSkeletonLoader.load({
+      target: '.target-class',
+      items: [
+        { type: 'image', width: '100%', height: '200px' },
+        { type: 'paragraph', width: '100%' },
+      ],
+      layout: {
+        props: {
+          direction: 'col',
+          gap: 'size-20',
+        },
+        style: { width: 'calc(33% - 12px)' },
+      },
+    });
+    expect(document.body).toMatchInlineSnapshot(`
+		<body>
+		  <div class="target-class">
+		    <vega-flex class="vega-skeleton-loader-template-container" data-vega-skeleton-loader-key="vega-skeleton-loader-TEST_UUID" style="width: calc(33% - 12px);">
+		      <vega-skeleton></vega-skeleton>
+		      <vega-skeleton></vega-skeleton>
+		    </vega-flex>
+		  </div>
+		</body>
+	`);
+  });
+});

package/dist/collection/helpers/skeleton-loader/vega-skeleton-loader-controller.js ADDED Viewed

@@ -0,0 +1,87 @@
+import { generateUUID } from '../../utils/misc';
+/**
+ * Vega Skeleton Loader Controller to show skeletons in the target elements
+ */
+class VegaSkeletonLoaderController {
+  constructor() {
+    this.loaderMap = new Map();
+  }
+  /**
+   * Load the skeletons in the target elements
+   *
+   * @param { VegaSkeletonLoaderConfig } config - Configuration for the loading function
+   * @param {string} config.target - Target elements to show the skeletons.
+   * @param {VegaSkeletonLoaderConfig.type} [config.type = 'text'] - Type of the skeleton.
+   * @param {VegaSkeletonLoaderConfig.width} config.width - Width of the skeleton.
+   * @param {VegaSkeletonLoaderConfig.height} config.height - Height of the skeleton.
+   * @param {VegaSkeletonLoaderConfig.items} config.items - Configuration for multiple skeleton items.
+   * @param {VegaSkeletonLoaderConfig.layout} config.layout - Layout of the skeleton items.
+   * @returns { string } - Key of the loaded skeleton items.
+   */
+  load({ target, type = 'text', width, height, items, layout }) {
+    const targets = Array.from(document.body.querySelectorAll(target));
+    const key = `vega-skeleton-loader-${generateUUID()}`;
+    const loaderItems = [];
+    targets.forEach((target) => {
+      const skeletonsLoaders = !items
+        ? [this.createSkeleton({ type, width, height })]
+        : items.map(this.createSkeleton);
+      const itemsWithKey = (layout ? [this.wrapLayout(skeletonsLoaders, layout)] : skeletonsLoaders).map((item) => {
+        item.dataset[VegaSkeletonLoaderController.LOADER_DATA_SET_KEY] = key;
+        return item;
+      });
+      loaderItems.push(...itemsWithKey);
+      target.append(...itemsWithKey);
+    });
+    this.loaderMap.set(key, loaderItems);
+    return key;
+  }
+  /**
+   * Remove the skeletons from the dom.
+   *
+   * @param {string} key - The key returned from {@link VegaSkeletonLoaderController.load}.
+   */
+  unLoad(key) {
+    if (this.loaderMap.has(key)) {
+      this.loaderMap.get(key).forEach((item) => item.remove());
+      this.loaderMap.delete(key);
+    }
+  }
+  /**
+   * Remove all the skeletons from the dom.
+   */
+  unLoadAll() {
+    for (const items of this.loaderMap.values()) {
+      items.forEach((item) => item.remove());
+    }
+    this.loaderMap.clear();
+  }
+  /**
+   * Create a skeleton item. The skeleton animated always be true
+   *
+   * @param {VegaSkeletonLoaderItem} config - Configuration for the skeleton item.
+   * @returns {HTMLElement} - Skeleton item.
+   */
+  createSkeleton(config) {
+    const { type, width, height } = config;
+    const skeleton = document.createElement('vega-skeleton');
+    Object.assign(skeleton, { animated: true, type, width, height });
+    return skeleton;
+  }
+  /**
+   * Wrap the flex layout for the skeletons.
+   *
+   * @param {HTMLElement[]} skeletons - Skeleton elements of the loader.
+   * @param {VegaSkeletonLoaderLayout} layout - Flex properties for the layout.
+   * @returns {HTMLElement} - Container wrapping the skeletons in the specified flex layout.
+   */
+  wrapLayout(skeletons, layout) {
+    const skeletonContainer = document.createElement('vega-flex');
+    Object.assign(skeletonContainer, Object.assign({ className: 'vega-skeleton-loader-template-container' }, layout.props));
+    Object.assign(skeletonContainer.style, layout.style);
+    skeletonContainer.append(...skeletons);
+    return skeletonContainer;
+  }
+}
+VegaSkeletonLoaderController.LOADER_DATA_SET_KEY = 'vegaSkeletonLoaderKey';
+export const VegaSkeletonLoader = new VegaSkeletonLoaderController();

package/dist/collection/helpers/slimmers/mutation-observer/mutationObserverSlimmer.js CHANGED Viewed

@@ -60,7 +60,10 @@ export 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([

package/dist/collection/helpers/vega-telemetry-helper/test/vegaEnvManager.test.js CHANGED Viewed

@@ -4,7 +4,7 @@ test('should return the correct vega environment parameters', () => {
   const vegaEnv = VegaEnvManager.getVegaEnv();
   expect(vegaEnv).toEqual({
     framework: 'vanilla-js',
-    version: '2.14.0',
+    version: '2.16.0',
   });
 });
 test('should return the correct vega framework', () => {

package/dist/collection/helpers/vega-telemetry-helper/vegaEnvManager.js CHANGED Viewed

@@ -9,9 +9,9 @@ export var FrameworkEnum;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.14.0` will be replaced to a version string when running publish script.
+    // The `2.16.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.14.0';
+    this.vegaVersion = '2.16.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/collection/utils/e2eUtils.js CHANGED Viewed

@@ -310,5 +310,6 @@ export const injectE2EFontAwesomeLib = async (page) => {
   await page.addStyleTag({ path: './node_modules/@fortawesome/fontawesome-free/css/fontawesome.css' });
   await page.addStyleTag({ path: './node_modules/@fortawesome/fontawesome-free/css/solid.css' });
   await page.addStyleTag({ path: './src/test-assets/testFontawesomeSolidFontBase64.css' });
-  await page.waitForTimeout(300); // Note: Waiting for fontawesome.css loaded by addStyleTag
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  await new Promise((r) => setTimeout(r, 300)); // Note: Waiting for fontawesome.css loaded by addStyleTag
 };

package/dist/collection/utils/pixel.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import { Spacing } from '../../design_tokens/js/spacing';
 /**
  * The function parses a string representing a pixel value to a number, or returns the input if it is already a number.
  *
@@ -25,3 +26,23 @@ export function parsePixelStringToNumber(input) {
 export 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
+ */
+export function parseToPixelString(input) {
+  if (!isNaN(Number(input))) {
+    return `${input}px`;
+  }
+  else if (Object.keys(Spacing).includes(input)) {
+    return `${Spacing[input]}px`;
+  }
+  else {
+    return input;
+  }
+}

package/dist/collection/utils/test/pixel.test.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { parseNumberToPixelString, parsePixelStringToNumber } from '../pixel';
+import { parseNumberToPixelString, parsePixelStringToNumber, parseToPixelString } from '../pixel';
 test('parsePixelStringToNumber', () => {
   expect(parsePixelStringToNumber('100px')).toEqual(100);
   expect(parsePixelStringToNumber('100')).toEqual(100);
@@ -19,3 +19,11 @@ test('parseNumberToPixelString', () => {
   expect(parseNumberToPixelString('calc(100% - 100px)')).toEqual('calc(100% - 100px)');
   expect(parseNumberToPixelString(null)).toEqual(null);
 });
+test('parseToPixelString', () => {
+  expect(parseToPixelString(100)).toEqual('100px');
+  expect(parseToPixelString('100px')).toEqual('100px');
+  expect(parseToPixelString('100vw')).toEqual('100vw');
+  expect(parseToPixelString('100%')).toEqual('100%');
+  expect(parseToPixelString('calc(100% - 100px)')).toEqual('calc(100% - 100px)');
+  expect(parseToPixelString('size-12')).toEqual('12px');
+});

package/dist/esm/{app-globals-cf903368.js → app-globals-032d6105.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { F as FeatureFlag } from './featureFlagController-816491ad.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager, v as vegaEnvManager, w as waitForVega } from './index-dd06e5e7.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaEventManager, v as vegaEnvManager, w as waitForVega, d as VegaSkeletonLoader } from './vega-skeleton-loader-controller-3f5500e5.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-16fd7452.js';
 import { V as VegaDialog } from './vegaDialogController-f96ee430.js';
 import './internalVegaEventManager-e1501923.js';
@@ -143,6 +143,7 @@ function appGlobalScript () {
   injectValidCreditCardNumberRuleIntoGlobal();
   initRuntimeMetricsTelemetryCollection();
   injectWaitForVegaIntoGlobal();
+  injectVegaSkeletonLoaderIntoGlobal();
 }
 /**
  * Disable feature flags from the client global defined lists.
@@ -256,6 +257,12 @@ function initRuntimeMetricsTelemetryCollection() {
 function injectWaitForVegaIntoGlobal() {
   globalThis['waitForVega'] = waitForVega;
 }
+/**
+ * Inject VegaSkeletonLoader to global as a public api
+ */
+function injectVegaSkeletonLoaderIntoGlobal() {
+  globalThis.VegaSkeletonLoader = VegaSkeletonLoader;
+}
 const globalScripts = appGlobalScript;

package/dist/esm/{childNodesEventPreventSlimmer-ca73e6c1.js → childNodesEventPreventSlimmer-b9c50cc4.js} RENAMED Viewed

@@ -29,6 +29,9 @@ class ChildNodesEventPreventSlimmer extends VegaSlimmer {
      */
     this.preventChildEvent = (event) => {
       const hostElement = this.getHostElement();
+      if (this.shouldSkipEventPrevent()) {
+        return;
+      }
       if (typeof this.customPreventHandle === 'function') {
         this.customPreventHandle(event);
       }
@@ -108,6 +111,15 @@ class ChildNodesEventPreventSlimmer extends VegaSlimmer {
       !!jqueryDelegatedEvent &&
       jqueryDelegatedStrategyController.isSupportDelegated(this.host, eventId));
   }
+  /**
+   * The function `shouldSkipEventPrevent` checks if a host element has a specific dataset value to determine whether event prevention should be skipped.
+   *
+   * @returns {boolean} If the `hostElement` exists and has a `dataset.vegaNoEventPrevent` attribute with a value of `'true'`, then the function returns `true`. Otherwise, it returns `false`.
+   */
+  shouldSkipEventPrevent() {
+    const hostElement = this.getHostElement();
+    return hostElement && hostElement.dataset.vegaNoEventPrevent === 'true';
+  }
 }
 __decorate([
   MapToComponentField()

package/dist/esm/{designToken-4459ff64.js → designToken-edc855d6.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { i as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, j as isShadowsTokenType, f as Shadows, g as ShadowMap, k as isBorderTokenType, l as Borders, m as BorderMap, n as isSpacingTokenType, o as isBorderRadiusTokenType, p as isBackgroundColorTokenType, q as isTextColorTokenType, r as isBreakpointsTokenType, h as Spacing, s as isBorderStyleType, B as BorderRadius, C as Colors, t as isTypographyTokenType } from './typeGuard-f33ed2eb.js';
 import { B as Breakpoints } from './breakpoints-e59edf8d.js';
 import { L as LogUtility } from './global-slimmer-registry-16fd7452.js';
-import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-7072153e.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-ac0b91fc.js';
 import { b as TypographyKeys } from './typography-a8fc4764.js';
 import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './stateBackgroundColorFormatter-e705312f.js';
 import { a as BorderStyle } from './ui-df46cc20.js';

package/dist/esm/{elementAppenderSlimmer-6bdee603.js → elementAppenderSlimmer-3c05ca9f.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { L as LogUtility, a as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, M as MapToComponentMethod } from './global-slimmer-registry-16fd7452.js';
 import { P as Placements, A as Alignments } from './ui-df46cc20.js';
 import { z as isTranslocationType } from './typeGuard-f33ed2eb.js';
-import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-7072153e.js';
+import { R as ResponsiveFormatFacade } from './responsiveFormatFacade-ac0b91fc.js';
 import { f as findParent, i as isElementVisible, c as isParent } from './ui-28499aab.js';
 import { Z as ZIndexManager } from './zIndexManager-522f477e.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-ef83e258.js';

package/dist/esm/{formFieldControllerSlimmer-2cc9eec5.js → formFieldControllerSlimmer-85ff874e.js} RENAMED Viewed

@@ -8,7 +8,8 @@ import { i as isAsyncFunction, g as generateUUID } from './misc-c21a85c9.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-ef83e258.js';
 import { V as VegaInternalFieldErrorStateChange, a as VegaInternalValid } from './vegaInternalEventId-600b3751.js';
 import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-d36f30e8.js';
-import { M as MutationObserverSlimmer, A as AttributeOldValueMutationFilter } from './mutationObserverFilters-17327079.js';
+import { M as MutationObserverSlimmer } from './mutationObserverSlimmer-2355cedf.js';
+import { A as AttributeOldValueMutationFilter } from './mutationObserverFilters-243934f6.js';
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/esm/index-c3505689.js CHANGED Viewed

@@ -1573,6 +1573,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './vega-divider.entry.js').then(processMod, consoleError);
+        case 'vega-skeleton':
+          return import(
+            /* webpackMode: "lazy" */
+            './vega-skeleton.entry.js').then(processMod, consoleError);
         case 'vega-checkbox_2':
           return import(
             /* webpackMode: "lazy" */

package/dist/esm/index.js CHANGED Viewed

@@ -1,19 +1,20 @@
 export { B as Breakpoints, g as getCurrentBreakpoint } from './breakpoints-e59edf8d.js';
 export { L as LogUtility, s as setVegaLogLevel } from './global-slimmer-registry-16fd7452.js';
-export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './designToken-4459ff64.js';
+export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './designToken-edc855d6.js';
 export { c as camelToDashCase } from './string-be824360.js';
 export { d as BackgroundColorMap, a as BackgroundColors, e as BorderColorMap, b as BorderColors, B as BorderRadius, C as Colors, F as FillBackgroundColors, g as ShadowMap, f as Shadows, h as Spacing, S as StrokeBackgroundColors, c as TextColorMap, T as TextColors } from './typeGuard-f33ed2eb.js';
 export { I as Icons, g as getIconFromToken } from './icons-8627925e.js';
 export { a as Typography, b as TypographyKeys, T as TypographyUrls } from './typography-a8fc4764.js';
 export { B as BreakpointKeys } from './ui-df46cc20.js';
-export { F as FrameworkEnum, v as VegaEnvManager, c as VegaEventManager, V as VegaLoader, a as VegaNotify, b as VegaThemeManager, w as waitForVega } from './index-dd06e5e7.js';
+export { F as FrameworkEnum, v as VegaEnvManager, c as VegaEventManager, V as VegaLoader, a as VegaNotify, d as VegaSkeletonLoader, b as VegaThemeManager, w as waitForVega } from './vega-skeleton-loader-controller-3f5500e5.js';
 export { F as FeatureFlag } from './featureFlagController-816491ad.js';
 export { V as VegaDialog } from './vegaDialogController-f96ee430.js';
 export { B as VegaJQueryDelegatedEventStrategy } from './internalVegaEventManager-e1501923.js';
 export { V as VegaIconManager } from './iconManager-48bebc43.js';
 export { V as ValidCreditCardNumberRule } from './validCreditCardNumberRule-46cd1201.js';
-import './responsiveFormatFacade-7072153e.js';
+import './responsiveFormatFacade-ac0b91fc.js';
 import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
 import './stateBackgroundColorFormatter-e705312f.js';
 import './regex-dfe11abf.js';
 import './misc-c21a85c9.js';

package/dist/esm/{legendInputProcessor-e9c0ddf3.js → legendInputProcessor-644350b4.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { g as getLongestTextLengthFromArray } from './array-8c82516c.js';
 import { a as Typography } from './typography-a8fc4764.js';
-import { p as parseNumberToPixelString, a as parsePixelStringToNumber } from './pixel-53ad41ea.js';
+import { a as parseNumberToPixelString, b as parsePixelStringToNumber } from './pixel-f32c07ce.js';
 /** The GraphContextFactory class provides a method to create and return either a HTMLCanvasElement or SVGElement based on the specified mode and container element. */
 class GraphContextFactory {