@globalpayments/vega 2.14.0 → 2.15.0

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -22,7 +22,7 @@ const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const ui = require('./ui-fa68545a.js');
 const deprecatedPropertySlimmer = require('./deprecatedPropertySlimmer-51f92b36.js');
-const designToken = require('./designToken-3904c6b7.js');
+const designToken = require('./designToken-1e1dc648.js');
 require('./iconManager-a9c2209d.js');
 require('./number-459031f7.js');
 require('./ui-077fc009.js');
@@ -32,7 +32,8 @@ require('./object-bbd4ed7f.js');
 require('./typeGuard-b1a74545.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsiveFormatFacade-12dd896d.js');
+require('./responsiveFormatFacade-037c9c80.js');
+require('./pixel-98f2a10c.js');
 require('./stateBackgroundColorFormatter-96a26ee7.js');
 
 var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
-const legendInputProcessor = require('./legendInputProcessor-a3cdc806.js');
-const yAxisInputProcessor = require('./yAxisInputProcessor-62c4e838.js');
+const legendInputProcessor = require('./legendInputProcessor-76d1eab6.js');
+const yAxisInputProcessor = require('./yAxisInputProcessor-8b437e75.js');
 const array = require('./array-6e559cde.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 require('./typography-4560e7f1.js');
-require('./pixel-b18a8279.js');
+require('./pixel-98f2a10c.js');
 require('./number-459031f7.js');
 
 function map(values, mapper) {

package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -7,7 +7,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const component = require('./component-c3bbaf20.js');
 const ui = require('./ui-fa68545a.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 require('./typeGuard-b1a74545.js');
@@ -15,6 +15,7 @@ require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 
 const vegaLoaderWrapperCss = ":host{display:block;display:inline-flex;align-items:center;justify-content:center;top:0px;right:0px;bottom:0px;left:0px;background-color:rgba(var(--v-bg-backdrop-loading, 255, 255, 255, 0.5))}:host(.absolute-wrapper){position:absolute}:host(.fixed-wrapper){width:100%;height:100%;position:fixed}";
 

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
-const legendInputProcessor = require('./legendInputProcessor-a3cdc806.js');
+const legendInputProcessor = require('./legendInputProcessor-76d1eab6.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
 require('./typography-4560e7f1.js');
-require('./pixel-b18a8279.js');
+require('./pixel-98f2a10c.js');
 
 function descending(a, b) {
   return b < a ? -1 : b > a ? 1 : b >= a ? 0 : NaN;

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

@@ -9,7 +9,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
 const vegaEventId = require('./vegaEventId-d7774262.js');
-const elementAppenderSlimmer = require('./elementAppenderSlimmer-31397fa9.js');
+const elementAppenderSlimmer = require('./elementAppenderSlimmer-0590af69.js');
 require('./keyboardManager-274fb90b.js');
 require('./ui-fa68545a.js');
 require('./dynamic-slimmer-d5ea4204.js');
@@ -21,8 +21,9 @@ require('./typeGuard-b1a74545.js');
 require('./breakpoints-cb3291ba.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('./zIndexManager-48482b9d.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 

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

@@ -16,11 +16,12 @@ const vegaEventId = require('./vegaEventId-d7774262.js');
 const vegaInternalEventId = require('./vegaInternalEventId-173c4941.js');
 const requiredFieldRule = require('./requiredFieldRule-56f10b25.js');
 const componentLoadRequired = require('./componentLoadRequired-bcc5c8a1.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const childNodesNotifyObserverSlimmer = require('./childNodesNotifyObserverSlimmer-830ceb4d.js');
 const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 const keyboardManagerSlimmer = require('./keyboardManagerSlimmer-304998bd.js');
-const mutationObserverFilters = require('./mutationObserverFilters-5beee7b8.js');
+const mutationObserverSlimmer = require('./mutationObserverSlimmer-8d99123c.js');
+const mutationObserverFilters = require('./mutationObserverFilters-dd88e5fe.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./internalVegaEventManager-543c20cb.js');
 require('./string-21427167.js');
@@ -547,7 +548,7 @@ const VegaRadioGroup = class {
     });
     this.radioValueChangeObserver = new childNodesNotifyObserverSlimmer.ChildNodesNotifyObserverSlimmer(staticSubjectTitle.RADIO_VALUE_CHANGE, (payload) => this.childRadioValueChange(payload));
     this.radioEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([vegaEventId.VegaChange], () => this.vegaFlexElement);
-    this.slotMutationObserver = new mutationObserverFilters.MutationObserverSlimmer({
+    this.slotMutationObserver = new mutationObserverSlimmer.MutationObserverSlimmer({
       options: { childList: true },
       mutationFilter: mutationObserverFilters.TagNameMutationFilter('VEGA-RADIO'),
       callback: 

package/dist/cjs/vega-selection-tile_2.cjs.entry.js

@@ -17,7 +17,7 @@ const ui = require('./ui-fa68545a.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
 const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
 const childNodesNotifyObserverSlimmer = require('./childNodesNotifyObserverSlimmer-830ceb4d.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-769ef4fd.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
 const requiredFieldRule = require('./requiredFieldRule-56f10b25.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./internalVegaEventManager-543c20cb.js');
@@ -26,7 +26,8 @@ require('./misc-0197689b.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
-require('./mutationObserverFilters-5beee7b8.js');
+require('./mutationObserverSlimmer-8d99123c.js');
+require('./mutationObserverFilters-dd88e5fe.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
 

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

@@ -0,0 +1,326 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1299d729.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
+const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
+const component = require('./component-c3bbaf20.js');
+const pixel = require('./pixel-98f2a10c.js');
+
+var __decorate$8 = (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;
+  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;
+};
+/**
+ * Skeleton host renderer
+ */
+class VegaSkeletonRendererBase extends globalSlimmerRegistry.VegaSlimmer {
+  render() {
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: { animated: this.animated }, style: this.assignHostStyle() }, this.renderChildren()), this.host);
+  }
+}
+__decorate$8([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonRendererBase.prototype, "host", void 0);
+__decorate$8([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonRendererBase.prototype, "animated", void 0);
+
+var __decorate$7 = (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;
+  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;
+};
+/**
+ * Text Skeleton renderer
+ */
+class VegaSkeletonTextRenderer extends VegaSkeletonRendererBase {
+  assignHostStyle() {
+    const { width = '180px' } = this;
+    const widthWithUnit = pixel.parseToPixelString(width);
+    return {
+      width: widthWithUnit,
+    };
+  }
+  renderChildren() {
+    return index.h("div", { class: "vega-skeleton-text" });
+  }
+}
+__decorate$7([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonTextRenderer.prototype, "width", void 0);
+
+var __decorate$6 = (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;
+  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;
+};
+/**
+ * Paragraph Skeleton renderer
+ */
+class VegaSkeletonParagraphRenderer extends VegaSkeletonRendererBase {
+  assignHostStyle() {
+    return { width: this.getWidthWithUnit() };
+  }
+  renderChildren() {
+    return (index.h("vega-flex", { gap: "size-16", direction: "col" },
+      index.h("div", { class: "vega-skeleton-text" }),
+      index.h("div", { class: "vega-skeleton-text", style: { width: `calc(${this.getWidthWithUnit()} * 0.8)` } }),
+      index.h("div", { class: "vega-skeleton-text", style: { width: `calc(${this.getWidthWithUnit()} * 0.6)` } })));
+  }
+  getWidthWithUnit() {
+    const { width = '320px' } = this;
+    return pixel.parseToPixelString(width);
+  }
+}
+__decorate$6([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonParagraphRenderer.prototype, "width", void 0);
+
+var __decorate$5 = (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;
+  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;
+};
+/**
+ * Full width paragraph Skeleton renderer
+ */
+class VegaSkeletonFullWidthParagraphRenderer extends VegaSkeletonRendererBase {
+  assignHostStyle() {
+    const { width = '100%' } = this;
+    const widthWithUnit = pixel.parseToPixelString(width);
+    return { width: widthWithUnit };
+  }
+  renderChildren() {
+    return (index.h("vega-flex", { gap: "size-16", direction: "col" },
+      index.h("div", { class: "vega-skeleton-text full-width" }),
+      index.h("div", { class: "vega-skeleton-text full-width" }),
+      index.h("div", { class: "vega-skeleton-text full-width" })));
+  }
+}
+__decorate$5([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonFullWidthParagraphRenderer.prototype, "width", void 0);
+
+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;
+  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;
+};
+/**
+ * Image Skeleton renderer
+ */
+class VegaSkeletonImageRenderer extends VegaSkeletonRendererBase {
+  assignHostStyle() {
+    const { width = '180px', height = '120px' } = this;
+    const widthWithUnit = pixel.parseToPixelString(width);
+    const heightWithUnit = pixel.parseToPixelString(height);
+    return {
+      width: widthWithUnit,
+      height: heightWithUnit,
+    };
+  }
+  renderChildren() {
+    return index.h("div", { class: "vega-skeleton-image" });
+  }
+}
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonImageRenderer.prototype, "height", void 0);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonImageRenderer.prototype, "width", void 0);
+
+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;
+  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;
+};
+/**
+ * Table Skeleton renderer
+ */
+class VegaSkeletonTableRenderer extends VegaSkeletonRendererBase {
+  constructor() {
+    super(...arguments);
+    this.rows = 4;
+    this.cells = 5;
+    this.renderCells = () => {
+      return (index.h(index.Fragment, null, [...Array(this.cells).keys()].map((cell) => {
+        return (index.h("td", { class: "vega-skeleton-table-cell", key: cell },
+          index.h("vega-skeleton", { type: "text", width: "100%", animated: this.animated })));
+      })));
+    };
+  }
+  assignHostStyle() {
+    const { width = '100%' } = this;
+    const widthWithUnit = pixel.parseToPixelString(width);
+    return { width: widthWithUnit };
+  }
+  renderChildren() {
+    return (index.h("table", { class: "vega-skeleton-table" },
+      index.h("thead", { class: "vega-skeleton-table-head" },
+        index.h("tr", { class: "vega-skeleton-table-row" }, this.renderCells())),
+      index.h("tbody", { class: "vega-skeleton-table-body" }, [...Array(this.rows).keys()].map((row) => {
+        return (index.h("tr", { class: "vega-skeleton-table-row", key: row }, this.renderCells()));
+      }))));
+  }
+}
+__decorate$3([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonTableRenderer.prototype, "width", void 0);
+
+var __decorate$2 = (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;
+  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;
+};
+/**
+ * Skeleton renderer by type
+ */
+class VegaSkeletonRendererManager extends globalSlimmerRegistry.VegaSlimmer {
+  render() {
+    switch (this.type) {
+      case 'text':
+        return this.vegaSkeletonTextRenderer.render();
+      case 'paragraph':
+        return this.vegaSkeletonParagraphRenderer.render();
+      case 'full-width-paragraph':
+        return this.vegaSkeletonFullWidthParagraphRenderer.render();
+      case 'ellipse':
+        return this.vegaSkeletonEllipseRenderer.render();
+      case 'image':
+        return this.vegaSkeletonImageRenderer.render();
+      case 'table':
+        return this.vegaSkeletonTableRenderer.render();
+    }
+  }
+}
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonRendererManager.prototype, "type", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonRendererManager.prototype, "vegaSkeletonTextRenderer", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonRendererManager.prototype, "vegaSkeletonParagraphRenderer", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonRendererManager.prototype, "vegaSkeletonFullWidthParagraphRenderer", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonRendererManager.prototype, "vegaSkeletonEllipseRenderer", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonRendererManager.prototype, "vegaSkeletonImageRenderer", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonRendererManager.prototype, "vegaSkeletonTableRenderer", void 0);
+
+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;
+  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;
+};
+/**
+ * Ellipse Skeleton renderer
+ */
+class VegaSkeletonEllipseRenderer extends VegaSkeletonRendererBase {
+  assignHostStyle() {
+    const { width = '120px', height = '120px' } = this;
+    const widthWithUnit = pixel.parseToPixelString(width);
+    const heightWithUnit = pixel.parseToPixelString(height);
+    return {
+      width: widthWithUnit,
+      height: heightWithUnit,
+    };
+  }
+  renderChildren() {
+    return index.h("div", { class: "vega-skeleton-ellipse" });
+  }
+}
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonEllipseRenderer.prototype, "width", void 0);
+__decorate$1([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaSkeletonEllipseRenderer.prototype, "height", void 0);
+
+const vegaSkeletonCss = ":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}}";
+
+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;
+  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;
+};
+const VegaSkeleton = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.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();
+  }
+  get host() { return index.getElement(this); }
+};
+__decorate([
+  componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
+], VegaSkeleton.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonTextRenderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonParagraphRenderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonFullWidthParagraphRenderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonEllipseRenderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonImageRenderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonTableRenderer", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaSkeleton.prototype, "vegaSkeletonRendererManager", void 0);
+VegaSkeleton.style = vegaSkeletonCss;
+
+exports.vega_skeleton = VegaSkeleton;

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

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

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

@@ -76,22 +76,24 @@ var __decorate$a = (undefined && undefined.__decorate) || function (decorators,
 };
 /** The VegaTabGroupSelectedTargetController class is responsible for handling the selected data target in a VegaTabGroup component and emitting a click event. */
 class VegaTabGroupSelectedTargetController extends globalSlimmerRegistry.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$a([
@@ -100,9 +102,6 @@ __decorate$a([
 __decorate$a([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaTabGroupSelectedTargetController.prototype, "selectedTabDataTarget", void 0);
-__decorate$a([
-  globalSlimmerRegistry.MapToComponentMethod('watchSelectedTabDataTargetChange')
-], VegaTabGroupSelectedTargetController.prototype, "handleSelectedDataTargetChange", null);
 
 /**
  * It takes an array of items, an array of values, and a capacity, and returns an array of arrays of
@@ -598,7 +597,7 @@ class VegaTabGroupSwitchPageButtonRenderer extends globalSlimmerRegistry.VegaSli
       index.h("vega-dropdown", { source: source, translocation: translocation, selectType: "single", selectedSourceKey: this.selectedTabDataTarget, "position-relative-to": this.positionRelativeTo, ref: (ref) => {
           this.dropdownRef = ref;
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaDropdownClick, (payload) => {
-            this.vegaTabGroupSelectedTargetController.setSelectedDataTarget(payload.detail);
+            this.vegaTabGroupSelectedTargetController.handleTabItemClick(payload.detail);
           });
         } },
         index.h("vega-icon", { size: "size-12", icon: icon }))));
@@ -805,7 +804,7 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.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: accessibility.createEnterKeyHandlerToTriggerClick() },
+            onClick: () => this.handleTabItemClick(item.dataTarget), "aria-label": item.dataTarget, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
             this.renderPrefixIconDom(item),
             this.renderTabLabelDom(item)),
           this.closeButtonRenderer.render())));
@@ -822,8 +821,8 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.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$4([

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

@@ -13,11 +13,12 @@ const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2
 const ui = require('./ui-fa68545a.js');
 const vegaEventId = require('./vegaEventId-d7774262.js');
 const typeGuard = require('./typeGuard-b1a74545.js');
-const responsiveFormatFacade = require('./responsiveFormatFacade-12dd896d.js');
+const responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const component = require('./component-c3bbaf20.js');
 const misc = require('./misc-0197689b.js');
 const breakpoints = require('./breakpoints-cb3291ba.js');
-const mutationObserverFilters = require('./mutationObserverFilters-5beee7b8.js');
+const mutationObserverSlimmer = require('./mutationObserverSlimmer-8d99123c.js');
+const mutationObserverFilters = require('./mutationObserverFilters-dd88e5fe.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 const subStateObserverSlimmer = require('./subStateObserverSlimmer-48ad20a1.js');
 const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
@@ -32,6 +33,7 @@ require('./ui-077fc009.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./number-459031f7.js');
+require('./pixel-98f2a10c.js');
 require('./array-6e559cde.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./vegaInternalEventId-173c4941.js');
@@ -1789,7 +1791,7 @@ var __decorate$q = (undefined && undefined.__decorate) || function (decorators,
 class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
-    this.currentDataObserver = new mutationObserverFilters.MutationObserverSlimmer({
+    this.currentDataObserver = new mutationObserverSlimmer.MutationObserverSlimmer({
       // eslint-disable-next-line jsdoc/require-jsdoc
       target: () => this.host,
       options: { childList: true, subtree: true },
@@ -1806,7 +1808,7 @@ class VegaTableChildrenController extends globalSlimmerRegistry.VegaSlimmer {
         this.syncUpTableHeadRowProps();
       },
     });
-    this.rowStripedObserver = new mutationObserverFilters.MutationObserverSlimmer({
+    this.rowStripedObserver = new mutationObserverSlimmer.MutationObserverSlimmer({
       // eslint-disable-next-line jsdoc/require-jsdoc
       target: () => this.host,
       options: { childList: true, subtree: true },
@@ -2033,7 +2035,7 @@ var __decorate$o = (undefined && undefined.__decorate) || function (decorators,
 class VegaTableRenderModeController extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
-    this.currentDataObserver = new mutationObserverFilters.MutationObserverSlimmer({
+    this.currentDataObserver = new mutationObserverSlimmer.MutationObserverSlimmer({
       // eslint-disable-next-line jsdoc/require-jsdoc
       target: () => this.host,
       options: { childList: true, subtree: true },

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

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