@globalpayments/vega 2.15.0 → 2.17.0

package/dist/cjs/vega-page-notification_2.cjs.entry.js

@@ -9,7 +9,7 @@ const ui = require('./ui-fa68545a.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-d7774262.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
 require('./changeManager-7c13d64f.js');
 
 const vegaPageNotificationCss = ":host{display:inline-block;padding:24px;box-sizing:border-box;border-radius:12px;max-width:480px;box-shadow:0 4px 8px rgba(2, 2, 15, 0.1), 0 12px 20px rgba(2, 2, 15, 0.15);animation:fade-in-right 300ms ease-in-out}:host(.mobile){width:100%;max-width:100%;padding:16px;animation:fade-in-up 300ms ease-in-out}:host(.vega-page-notification-fade-out){opacity:0;animation:fade-out 300ms ease-in-out}:host vega-icon{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}:host .vega-page-notification-prefix{display:flex}:host(.mobile) .vega-page-notification-prefix{padding-top:4px}:host .vega-page-notification-content{flex:1 1 0%;overflow:auto}:host .vega-page-notification-close-btn{cursor:pointer;display:inline-flex;margin-top:4px}:host(.mobile) .vega-page-notification-close-btn{padding:2px}:host .vega-page-notification-actions-container{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:24px}:host(.mobile) .vega-page-notification-actions-container{margin-top:16px}:host .vega-page-notification-title{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-title{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-page-notification-message{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;overflow-wrap:break-word;margin-top:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-message{font-family:\"Inter\", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));border:2px solid rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}.vega-page-notification-list{display:flex;flex-direction:column;align-items:flex-end;position:fixed}.vega-page-notification-list-topRight{top:24px;right:24px}.vega-page-notification-list-bottom{left:0px;right:0px;padding-left:16px;padding-right:16px;align-items:center;bottom:0px}@keyframes fade-in-right{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}@keyframes fade-in-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes fade-out{from{opacity:1}to{opacity:0}}";

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

@@ -6,14 +6,14 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 const number = require('./number-459031f7.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-d7774262.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
 const ui = require('./ui-fa68545a.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-6848c3cf.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 require('./changeManager-7c13d64f.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./internalVegaEventManager-743a124d.js');
 require('./dynamic-slimmer-d5ea4204.js');
 
 const VegaPaginationCurrentPageLabel = ({ pageSize, current, total, }) => {

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

@@ -7,15 +7,15 @@ const component = require('./component-c3bbaf20.js');
 const injectKeyboardManager = require('./injectKeyboardManager-4a19f183.js');
 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 eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
 const elementAppenderSlimmer = require('./elementAppenderSlimmer-0590af69.js');
 require('./keyboardManager-274fb90b.js');
 require('./ui-fa68545a.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./changeManager-7c13d64f.js');
 require('./domNodeSubjectObserverFactory-2bbdec29.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./internalVegaEventManager-743a124d.js');
 require('./ui-077fc009.js');
 require('./typeGuard-b1a74545.js');
 require('./breakpoints-cb3291ba.js');

package/dist/cjs/vega-progress-tracker.cjs.entry.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-d7774262.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 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 eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
 const deprecatedPropertySlimmer = require('./deprecatedPropertySlimmer-51f92b36.js');
 require('./changeManager-7c13d64f.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./internalVegaEventManager-743a124d.js');
 require('./object-bbd4ed7f.js');
 
 const VegaProgressTrackerRuntimeMetricsPayloadDefinition = [

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

@@ -11,19 +11,19 @@ const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2
 const ui = require('./ui-fa68545a.js');
 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 vegaInternalEventId = require('./vegaInternalEventId-173c4941.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
+const vegaInternalEventId = require('./vegaInternalEventId-ac38dd4b.js');
 const requiredFieldRule = require('./requiredFieldRule-56f10b25.js');
 const componentLoadRequired = require('./componentLoadRequired-bcc5c8a1.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-8b54f14d.js');
 const childNodesNotifyObserverSlimmer = require('./childNodesNotifyObserverSlimmer-830ceb4d.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-6848c3cf.js');
 const keyboardManagerSlimmer = require('./keyboardManagerSlimmer-304998bd.js');
 const mutationObserverSlimmer = require('./mutationObserverSlimmer-8d99123c.js');
 const mutationObserverFilters = require('./mutationObserverFilters-dd88e5fe.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./internalVegaEventManager-743a124d.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./pageResizeObserverSlimmer-8d417925.js');

package/dist/cjs/vega-segment-control.cjs.entry.js

@@ -6,13 +6,13 @@ const index = require('./index-1299d729.js');
 const component = require('./component-c3bbaf20.js');
 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 eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 require('./dynamic-slimmer-d5ea4204.js');
 require('./changeManager-7c13d64f.js');
 require('./domNodeSubjectObserverFactory-2bbdec29.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./internalVegaEventManager-743a124d.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 

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

@@ -7,20 +7,20 @@ const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2a592d.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
-const vegaEventId = require('./vegaEventId-d7774262.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
-const subStateObserverSlimmer = require('./subStateObserverSlimmer-48ad20a1.js');
-const vegaInternalEventId = require('./vegaInternalEventId-173c4941.js');
+const subStateObserverSlimmer = require('./subStateObserverSlimmer-60e4d6da.js');
+const vegaInternalEventId = require('./vegaInternalEventId-ac38dd4b.js');
 const ui = require('./ui-fa68545a.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-6848c3cf.js');
 const childNodesNotifyObserverSlimmer = require('./childNodesNotifyObserverSlimmer-830ceb4d.js');
-const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-9271a8b8.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-8b54f14d.js');
 const requiredFieldRule = require('./requiredFieldRule-56f10b25.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./internalVegaEventManager-743a124d.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./pageResizeObserverSlimmer-8d417925.js');

package/dist/cjs/{index-b8881ddc.js → vega-skeleton-loader-controller-8932c0ed.js}

@@ -7,7 +7,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
 const dynamicSlimmer = require('./dynamic-slimmer-d5ea4204.js');
 const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
-const internalVegaEventManager = require('./internalVegaEventManager-543c20cb.js');
+const internalVegaEventManager = require('./internalVegaEventManager-743a124d.js');
 
 /**
  * Vega loader controller to control the loading indicator
@@ -3078,9 +3078,9 @@ exports.FrameworkEnum = void 0;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.15.0` will be replaced to a version string when running publish script.
+    // The `2.17.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.15.0';
+    this.vegaVersion = '2.17.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**
@@ -3157,9 +3157,97 @@ const waitForVega = async () => {
     .map((item) => { var _a; return (_a = item.componentOnReady) === null || _a === void 0 ? void 0 : _a.call(item); }));
 };
 
+/**
+ * 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-${misc.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';
+const VegaSkeletonLoader = new VegaSkeletonLoaderController();
+
 exports.VegaEventManager = VegaEventManager$1;
 exports.VegaLoader = VegaLoader;
 exports.VegaNotify = VegaNotify;
+exports.VegaSkeletonLoader = VegaSkeletonLoader;
 exports.VegaThemeManager = VegaThemeManager;
 exports.vegaEnvManager = vegaEnvManager;
 exports.waitForVega = waitForVega;

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

@@ -256,7 +256,7 @@ __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}}";
+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}.vega-skeleton-table .vega-skeleton-table-cell:nth-of-type(4),.vega-skeleton-table .vega-skeleton-table-cell:nth-of-type(5){display:none}@media (min-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:table-cell}}";
 
 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;

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

@@ -8,25 +8,25 @@ 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-9271a8b8.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-8b54f14d.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-6848c3cf.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-d7774262.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const changeManager = require('./changeManager-7c13d64f.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
 const ui = require('./ui-fa68545a.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./vegaInternalEventId-173c4941.js');
+require('./vegaInternalEventId-ac38dd4b.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
 require('./mutationObserverSlimmer-8d99123c.js');
 require('./mutationObserverFilters-dd88e5fe.js');
 require('./array-6e559cde.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./internalVegaEventManager-743a124d.js');
 
 const VegaStepperRuntimeMetricsPayloadDefinition = [
   {

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

@@ -11,15 +11,15 @@ const pageResizeObserverSlimmer = require('./pageResizeObserverSlimmer-8d417925.
 const timer = require('./timer-5f33058b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-d7774262.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
 const changeManager = require('./changeManager-7c13d64f.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const ui = require('./ui-fa68545a.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-6848c3cf.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./internalVegaEventManager-743a124d.js');
 require('./dynamic-slimmer-d5ea4204.js');
 
 var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -11,7 +11,7 @@ const changeManager = require('./changeManager-7c13d64f.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
 const ui = require('./ui-fa68545a.js');
-const vegaEventId = require('./vegaEventId-d7774262.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
 const typeGuard = require('./typeGuard-b1a74545.js');
 const responsiveFormatFacade = require('./responsiveFormatFacade-037c9c80.js');
 const component = require('./component-c3bbaf20.js');
@@ -20,9 +20,9 @@ const breakpoints = require('./breakpoints-cb3291ba.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');
-const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const subStateObserverSlimmer = require('./subStateObserverSlimmer-60e4d6da.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-6848c3cf.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
 const immutableMap = require('./immutableMap-2ead6c23.js');
 const featureFlagController = require('./featureFlagController-ab94fd4f.js');
 const zIndexManager = require('./zIndexManager-48482b9d.js');
@@ -36,8 +36,8 @@ require('./number-459031f7.js');
 require('./pixel-98f2a10c.js');
 require('./array-6e559cde.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./vegaInternalEventId-173c4941.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./vegaInternalEventId-ac38dd4b.js');
+require('./internalVegaEventManager-743a124d.js');
 require('./index-3183748d.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./iconManager-a9c2209d.js');

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

@@ -8,18 +8,18 @@ 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-9271a8b8.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-8b54f14d.js');
 const staticSubjectTitle = require('./staticSubjectTitle-380a1e34.js');
 const changeManager = require('./changeManager-7c13d64f.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
-const vegaEventId = require('./vegaEventId-d7774262.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-6848c3cf.js');
 require('./string-21427167.js');
 require('./domNodeSubjectObserverFactory-2bbdec29.js');
 require('./ui-fa68545a.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./vegaInternalEventId-173c4941.js');
+require('./vegaInternalEventId-ac38dd4b.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
@@ -27,7 +27,7 @@ require('./mutationObserverSlimmer-8d99123c.js');
 require('./mutationObserverFilters-dd88e5fe.js');
 require('./array-6e559cde.js');
 require('./number-459031f7.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./internalVegaEventManager-743a124d.js');
 
 const VegaTextareaRuntimeMetricsPayloadDefinition = [
   {

package/dist/cjs/vega-time-picker_2.cjs.entry.js

@@ -8,9 +8,9 @@ const date = require('./date-b62fe96f.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-9271a8b8.js');
+const formFieldControllerSlimmer = require('./formFieldControllerSlimmer-8b54f14d.js');
 const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-2bbdec29.js');
-const vegaEventId = require('./vegaEventId-d7774262.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
 const ui = require('./ui-fa68545a.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const array = require('./array-6e559cde.js');
@@ -19,12 +19,12 @@ const changeManager = require('./changeManager-7c13d64f.js');
 const elementAppenderSlimmer = require('./elementAppenderSlimmer-0590af69.js');
 const keyboardManagerSlimmer = require('./keyboardManagerSlimmer-304998bd.js');
 const typeGuard = require('./typeGuard-b1a74545.js');
-const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-5b352793.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-6848c3cf.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
 require('./string-21427167.js');
 require('./misc-0197689b.js');
 require('./dynamic-slimmer-d5ea4204.js');
-require('./vegaInternalEventId-173c4941.js');
+require('./vegaInternalEventId-ac38dd4b.js');
 require('./pageResizeObserverSlimmer-8d417925.js');
 require('./breakpoints-cb3291ba.js');
 require('./ui-077fc009.js');
@@ -37,7 +37,7 @@ require('./zIndexManager-48482b9d.js');
 require('./keyboardManager-274fb90b.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./internalVegaEventManager-743a124d.js');
 
 /**
  * A rule that checks if time is empty or not

package/dist/cjs/vega-toggle-switch.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1299d729.js');
-const vegaEventId = require('./vegaEventId-d7774262.js');
-const eventEmitSlimmer = require('./eventEmitSlimmer-ea57144a.js');
+const vegaEventId = require('./vegaEventId-f375a6a3.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-1d70a720.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-c3bbaf20.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-fdb2a041.js');
@@ -12,7 +12,7 @@ const componentUsageRuntimeMetrics = require('./componentUsageRuntimeMetrics-1a2
 require('./dynamic-slimmer-d5ea4204.js');
 require('./changeManager-7c13d64f.js');
 require('./domNodeSubjectObserverFactory-2bbdec29.js');
-require('./internalVegaEventManager-543c20cb.js');
+require('./internalVegaEventManager-743a124d.js');
 
 const vegaToggleSwitchCss = ":host{display:inline-block}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}";