@globalpayments/vega 2.14.0 → 2.15.0

package/dist/collection/components/vega-skeleton/slimmers/renderers/vega-skeleton-text-renderer.js

@@ -0,0 +1,28 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { h } from '@stencil/core';
+import { MapToComponentField } from 'vega-slimmer/core';
+import { VegaSkeletonRendererBase } from './vega-skeleton-renderer-base.abstract';
+import { parseToPixelString } from '../../../../utils/pixel';
+/**
+ * Text Skeleton renderer
+ */
+export class VegaSkeletonTextRenderer extends VegaSkeletonRendererBase {
+  assignHostStyle() {
+    const { width = '180px' } = this;
+    const widthWithUnit = parseToPixelString(width);
+    return {
+      width: widthWithUnit,
+    };
+  }
+  renderChildren() {
+    return h("div", { class: "vega-skeleton-text" });
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaSkeletonTextRenderer.prototype, "width", void 0);

package/dist/collection/components/vega-skeleton/vega-skeleton.css

@@ -0,0 +1,77 @@
+/* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */ /* This file is generated by vega-design 2.0.77 */
+/**
+ * Deprecated. Not for use in new websites.
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#break-word
+ */
+:host {
+  display: block;
+}
+
+:host([type=text]),
+:host([type=image]),
+:host([type=ellipse]) {
+  display: inline-block;
+}
+
+@keyframes v-skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+.vega-skeleton-bg-base, .vega-skeleton-image, .vega-skeleton-ellipse, .vega-skeleton-text-base, .vega-skeleton-text {
+  background-color: rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));
+}
+
+:host(.animated) .vega-skeleton-bg-base, :host(.animated) .vega-skeleton-image, :host(.animated) .vega-skeleton-ellipse, :host(.animated) .vega-skeleton-text-base, :host(.animated) .vega-skeleton-text {
+  animation: v-skeleton-loading 1750ms cubic-bezier(0.56, 0, 0.38, 0.98) infinite;
+  animation-delay: 1ms;
+  background: linear-gradient(90deg, rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1)) 25%, rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1)) 37%, rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1)) 63%);
+  background-size: 400% 100%;
+}
+
+.vega-skeleton-text-base, .vega-skeleton-text {
+  border-radius: 9999px;
+  height: 16px;
+}
+
+.vega-skeleton-text.full-width {
+  width: 100%;
+}
+
+.vega-skeleton-ellipse {
+  border-radius: 9999px;
+  width: 100%;
+  height: 100%;
+}
+
+.vega-skeleton-image {
+  border-radius: 12px;
+  width: 100%;
+  height: 100%;
+}
+
+.vega-skeleton-table {
+  width: 100%;
+  border-spacing: 0;
+  border-top-left-radius: 12px;
+  border-top-right-radius: 12px;
+  overflow: hidden;
+}
+.vega-skeleton-table .vega-skeleton-table-head {
+  background-color: rgba(var(--v-bg-table-header, 240, 243, 247, 1));
+}
+.vega-skeleton-table .vega-skeleton-table-body {
+  background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));
+}
+.vega-skeleton-table .vega-skeleton-table-cell {
+  box-sizing: border-box;
+  padding: 16px;
+}
+@media (max-width: 768px) {
+  .vega-skeleton-table .vega-skeleton-table-cell:nth-of-type(4), .vega-skeleton-table .vega-skeleton-table-cell:nth-of-type(5) {
+    display: none;
+  }
+}

package/dist/collection/components/vega-skeleton/vega-skeleton.js

@@ -0,0 +1,163 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Element, Prop } from '@stencil/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/componentUsageRuntimeMetrics';
+import { VegaSkeletonTextRenderer } from './slimmers/renderers/vega-skeleton-text-renderer';
+import { VegaSkeletonParagraphRenderer } from './slimmers/renderers/vega-skeleton-paragraph-renderer';
+import { VegaSkeletonFullWidthParagraphRenderer } from './slimmers/renderers/vega-skeleton-full-width-paragraph-renderer';
+import { VegaSkeletonImageRenderer } from './slimmers/renderers/vega-skeleton-image-renderer';
+import { VegaSkeletonTableRenderer } from './slimmers/renderers/vega-skeleton-table-renderer';
+import { VegaSkeletonRendererManager } from './slimmers/renderers/vega-skeleton-renderer-manager';
+import { VegaSkeletonEllipseRenderer } from './slimmers/renderers/vega-skeleton-ellipse-renderer';
+export class VegaSkeleton {
+  constructor() {
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.vegaSkeletonTextRenderer = new VegaSkeletonTextRenderer();
+    this.vegaSkeletonParagraphRenderer = new VegaSkeletonParagraphRenderer();
+    this.vegaSkeletonFullWidthParagraphRenderer = new VegaSkeletonFullWidthParagraphRenderer();
+    this.vegaSkeletonEllipseRenderer = new VegaSkeletonEllipseRenderer();
+    this.vegaSkeletonImageRenderer = new VegaSkeletonImageRenderer();
+    this.vegaSkeletonTableRenderer = new VegaSkeletonTableRenderer();
+    this.vegaSkeletonRendererManager = new VegaSkeletonRendererManager();
+    /**
+     * Specifies the type of the skeleton.
+     */
+    this.type = 'text';
+    /**
+     * Indicates whether the skeleton displays an animation effect.
+     */
+    this.animated = false;
+  }
+  render() {
+    return this.vegaSkeletonRendererManager.render();
+  }
+  static get is() { return "vega-skeleton"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["vega-skeleton.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["vega-skeleton.css"]
+  }; }
+  static get properties() { return {
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaSkeletonType",
+        "resolved": "\"ellipse\" | \"full-width-paragraph\" | \"image\" | \"paragraph\" | \"table\" | \"text\"",
+        "references": {
+          "VegaSkeletonType": {
+            "location": "import",
+            "path": "./interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the type of the skeleton."
+      },
+      "attribute": "type",
+      "reflect": true,
+      "defaultValue": "'text'"
+    },
+    "width": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "WidthType",
+        "resolved": "number | string",
+        "references": {
+          "WidthType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the width of the skeleton."
+      },
+      "attribute": "width",
+      "reflect": false
+    },
+    "height": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "HeightType",
+        "resolved": "number | string",
+        "references": {
+          "HeightType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the height of the skeleton.\n- This property is applicable only when {@link type} is set to is `image` or `ellipse`."
+      },
+      "attribute": "height",
+      "reflect": false
+    },
+    "animated": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Indicates whether the skeleton displays an animation effect."
+      },
+      "attribute": "animated",
+      "reflect": false,
+      "defaultValue": "false"
+    }
+  }; }
+  static get elementRef() { return "host"; }
+}
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaSkeleton.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonTextRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonParagraphRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonFullWidthParagraphRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonEllipseRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonImageRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonTableRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonRendererManager", void 0);

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/controllers/vega-tab-group-selected-target-controller.js

@@ -4,25 +4,27 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
+import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 /** The VegaTabGroupSelectedTargetController class is responsible for handling the selected data target in a VegaTabGroup component and emitting a click event. */
 export class VegaTabGroupSelectedTargetController extends VegaSlimmer {
-  /* istanbul ignore next */
   /**
-   * The function will call when component call selectedTabDataTargetChange function and emit a vega click event
+   * The function sets the selectedTabDataTarget property to the provided dataTarget value.
    *
-   * {@link VegaTabGroup#watchSelectedTabDataTargetChange}
+   * @param {string} dataTarget - The dataTarget parameter is a string that represents the target data for the selected tab.
    */
-  handleSelectedDataTargetChange() {
-    this.clickEventEmitter.emit(this.selectedTabDataTarget);
+  setSelectedDataTarget(dataTarget) {
+    this.selectedTabDataTarget = dataTarget;
   }
   /**
-   * The function sets the selectedTabDataTarget property to the provided dataTarget value.
+   * The function emits click event and checks for prevent default then sets the selectedTabDataTarget property to the provided dataTarget value.
    *
    * @param {string} dataTarget - The dataTarget parameter is a string that represents the target data for the selected tab.
    */
-  setSelectedDataTarget(dataTarget) {
-    this.selectedTabDataTarget = dataTarget;
+  handleTabItemClick(dataTarget) {
+    const clickEvent = this.clickEventEmitter.emit(dataTarget);
+    if (clickEvent && !clickEvent.defaultPrevented) {
+      this.setSelectedDataTarget(dataTarget);
+    }
   }
 }
 __decorate([
@@ -31,6 +33,3 @@ __decorate([
 __decorate([
   MapToComponentField({ writable: true })
 ], VegaTabGroupSelectedTargetController.prototype, "selectedTabDataTarget", void 0);
-__decorate([
-  MapToComponentMethod('watchSelectedTabDataTargetChange')
-], VegaTabGroupSelectedTargetController.prototype, "handleSelectedDataTargetChange", null);

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-direction-button-renderer.js

@@ -65,7 +65,7 @@ export class VegaTabGroupSwitchPageButtonRenderer extends VegaSlimmer {
       h("vega-dropdown", { source: source, translocation: translocation, selectType: "single", selectedSourceKey: this.selectedTabDataTarget, "position-relative-to": this.positionRelativeTo, ref: (ref) => {
           this.dropdownRef = ref;
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaDropdownClick, (payload) => {
-            this.vegaTabGroupSelectedTargetController.setSelectedDataTarget(payload.detail);
+            this.vegaTabGroupSelectedTargetController.handleTabItemClick(payload.detail);
           });
         } },
         h("vega-icon", { size: "size-12", icon: icon }))));

package/dist/collection/components/vega-tab-group/slimmers/vega-tab-group/renderers/vega-tab-group-tab-list-renderer.js

@@ -41,7 +41,7 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
               'vega-close-icon-space': this.showCloseButton,
             }, 
             /* eslint-disable-next-line react/jsx-no-bind */
-            onClick: () => this.tabItemClick(item.dataTarget), "aria-label": item.dataTarget, role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() },
+            onClick: () => this.handleTabItemClick(item.dataTarget), "aria-label": item.dataTarget, role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() },
             this.renderPrefixIconDom(item),
             this.renderTabLabelDom(item)),
           this.closeButtonRenderer.render())));
@@ -58,8 +58,8 @@ export class VegaTabGroupTabListRenderer extends VegaSlimmer {
         item.label.substring(0, this.TAB_LABEL_MAX_SIZE),
         "..."))) : (item.label);
   }
-  tabItemClick(dataTarget) {
-    this.selectedTargetController.setSelectedDataTarget(dataTarget);
+  handleTabItemClick(dataTarget) {
+    this.selectedTargetController.handleTabItemClick(dataTarget);
   }
 }
 __decorate([

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

@@ -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/slimmers/mutation-observer/mutationObserverSlimmer.js

@@ -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

@@ -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.15.0',
   });
 });
 test('should return the correct vega framework', () => {

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

@@ -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.15.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.15.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/collection/utils/e2eUtils.js

@@ -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

@@ -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

@@ -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/{designToken-4459ff64.js → designToken-edc855d6.js}

@@ -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}

@@ -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}

@@ -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

@@ -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-dd06e5e7.js

@@ -3076,9 +3076,9 @@ 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.15.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.15.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 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';
@@ -12,8 +12,9 @@ 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}

@@ -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 {