@globalpayments/vega 2.26.0 → 2.28.0

package/dist/cjs/{vega-skeleton-loader-controller-cb631f0e.js → vega-skeleton-loader-controller-e886dc58.js}

@@ -1,12 +1,11 @@
 'use strict';
 
-const misc = require('./misc-3d30df91.js');
+const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 const ui = require('./ui-08f33116.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-d2d49ff5.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-23051df4.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
 const index = require('./index-5792390b.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-627b1328.js');
 
@@ -71,6 +70,7 @@ class VegaLoaderController {
    *
    * @param {VegaLoaderIndicatorOptions} options - VegaLoaderOptions = {} options of the method
    * @returns {string} The uuid of the loader.
+   * @vegaVersion 1.16.0
    */
   load(options = {}) {
     const containerSelector = options.containerSelector || 'body';
@@ -88,6 +88,7 @@ class VegaLoaderController {
    * Close the loader by id
    *
    * @param {string} id - The id of the loader.
+   * @vegaVersion 1.16.0
    */
   close(id) {
     const loader = this.findLoader(id);
@@ -131,7 +132,7 @@ class VegaLoaderController {
       containerSelector === 'body' ? 'fixed-wrapper' : 'absolute-wrapper',
     ]);
     loader.dataset['container'] = containerSelector;
-    loader.id = `vega-loader-${misc.generateUUID()}`;
+    loader.id = `vega-loader-${createPublicApiRuntimeMetricsSlimmer.generateUUID()}`;
     return loader;
   }
   /**
@@ -267,6 +268,7 @@ class VegaNotifyController {
    *
    * @param {VegaNotifyOption} options - VegaNotifyProps
    * @returns {string} The ID of the notification.
+   * @vegaVersion 1.17.0
    */
   async open(options) {
     const pageNotification = this.createPageNotification(options);
@@ -275,6 +277,8 @@ class VegaNotifyController {
   }
   /**
    * It closes all notifications
+   *
+   * @vegaVersion 1.17.0
    */
   async closeAll() {
     this.container &&
@@ -286,12 +290,15 @@ class VegaNotifyController {
    * It closes the notification with the given id
    *
    * @param {string} id - The id of the notification to close.
+   * @vegaVersion 1.17.0
    */
   async close(id) {
     await document.getElementById(id).close();
   }
   /**
    * The function "connectResizeObserver" is used to connect a resize observer.
+   *
+   * @vegaVersion 1.17.0
    */
   connectResizeObserver() {
   }
@@ -307,7 +314,7 @@ class VegaNotifyController {
       props[propName] !== undefined && (pageNotification[propName] = props[propName]);
     });
     pageNotification.style.marginBottom = ui.getDeviceType() === ui.DeviceType.MOBILE ? '12px' : '16px';
-    pageNotification.id = `vega-page-notification-${misc.generateUUID()}`;
+    pageNotification.id = `vega-page-notification-${createPublicApiRuntimeMetricsSlimmer.generateUUID()}`;
     return pageNotification;
   }
   /**
@@ -3270,6 +3277,7 @@ class ThemeManager {
    * It takes the colors you passed in, parses them into the correct format, and then applies them to the theme
    *
    * @param {VegaThemeOverrideColors} overrideColors - OverrideColors - This is the object that you pass to the function.
+   * @vegaVersion 1.20.0
    */
   async overrideColors(overrideColors) {
     const overrideThemes = VegaColorSchemaOverridingController.generateOverrideThemes(overrideColors);
@@ -3277,6 +3285,8 @@ class ThemeManager {
   }
   /**
    * It removes all the custom override theme styles from the DOM
+   *
+   * @vegaVersion 1.20.0
    */
   async reset() {
     VegaColorSchemaOverridingController.getOverrideThemeContainer().innerHTML = '';
@@ -3287,6 +3297,7 @@ class ThemeManager {
    * @param {boolean | undefined} darkMode - A boolean or undefined value that determines whether to enable or disable dark mode.
    * If it is true, dark mode is enabled.
    * If it is false, dark mode is disabled.
+   * @vegaVersion 1.32.0
    */
   toggleDarkMode(darkMode) {
     if (darkMode) {
@@ -3302,6 +3313,7 @@ class ThemeManager {
    *
    * @returns {boolean} A boolean value indicating whether the HTML element has a class of "dark", which is
    * typically used to indicate that the website is in dark mode.
+   * @vegaVersion 1.32.0
    */
   isDarkMode() {
     return document.documentElement.classList.contains('dark');
@@ -3547,6 +3559,7 @@ class VegaEventManager {
    * configuration settings for the event semantics. It may include properties such as the event type,
    * event source, event target, event data, and any other relevant information for setting up the
    * semantics of the event.
+   * @vegaVersion 2.0.0
    */
   setSemantics(config) {
     internalVegaEventManager.internalVegaEventManager.setSemantics(config);
@@ -3558,6 +3571,7 @@ class VegaEventManager {
    * in the DOM (Document Object Model). It can be any valid HTML element such as a div, span, button,
    * etc.
    * @returns {EventSemantics} an object of type EventSemantics.
+   * @vegaVersion 2.0.0
    */
   getSemantics(host) {
     return internalVegaEventManager.internalVegaEventManager.getSemantics(host);
@@ -3568,6 +3582,7 @@ class VegaEventManager {
    * @param {VegaComponentName} componentName - The component name,
    * etc.
    * @returns {Nullable<VegaEventID[]>} All eventIds.
+   * @vegaVersion 2.0.0
    */
   getEnabledEventIdsByComponent(componentName) {
     return internalVegaEventManager.internalVegaEventManager.getEnabledEventIdsByComponent(componentName);
@@ -3641,6 +3656,7 @@ class VegaZIndexManager {
    * z-index values based on the input.
    *
    * @param {ZIndexBasicValues} input - The input parameter is of type ZIndexBasicValues.
+   * @vegaVersion 2.3.0
    */
   overrideZIndexBasicValues(input) {
     internalVegaZIndexManager.InternalVegaZIndexManager.overrideZIndexBasicValues(input);
@@ -3692,6 +3708,8 @@ class WaitForVegaHandler {
    * Wait for all vega elements to be ready.
    *
    * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
+   *
+   * @vegaVersion 2.8.0
    */
   async handle() {
     return await Promise.all(Array.from(document.querySelectorAll('*:not(.hydrated)'))
@@ -3802,10 +3820,11 @@ class VegaSkeletonLoaderController {
    * @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.
+   * @vegaVersion 2.16.0
    */
   load({ target, type = 'text', width, height, items, layout }) {
     const targets = Array.from(document.body.querySelectorAll(target));
-    const key = `vega-skeleton-loader-${misc.generateUUID()}`;
+    const key = `vega-skeleton-loader-${createPublicApiRuntimeMetricsSlimmer.generateUUID()}`;
     const loaderItems = [];
     targets.forEach((target) => {
       const skeletonsLoaders = !items
@@ -3825,6 +3844,7 @@ class VegaSkeletonLoaderController {
    * Remove the skeletons from the dom.
    *
    * @param {string} key - The key returned from {@link VegaSkeletonLoaderController.load}.
+   * @vegaVersion 2.16.0
    */
   unLoad(key) {
     if (this.loaderMap.has(key)) {
@@ -3834,6 +3854,8 @@ class VegaSkeletonLoaderController {
   }
   /**
    * Remove all the skeletons from the dom.
+   *
+   * @vegaVersion 2.16.0
    */
   unLoadAll() {
     for (const items of this.loaderMap.values()) {

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

@@ -283,13 +283,13 @@ const VegaSkeleton = class {
     /**
      * Specifies the type of the skeleton.
      *
-     * @version 2.15.0
+     * @vegaVersion 2.15.0
      */
     this.type = 'text';
     /**
      * Indicates whether the skeleton displays an animation effect.
      *
-     * @version 2.15.0
+     * @vegaVersion 2.15.0
      */
     this.animated = false;
   }

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

@@ -3,32 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
-const minNumberRule = require('./min-number-rule-0ce5347c.js');
+const minNumberRule = require('./min-number-rule-84f21ad9.js');
 const component = require('./component-73a88c4e.js');
 const number = require('./number-459031f7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8b314ba2.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc557cb3.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-223f8ee3.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
 const ui = require('./ui-08f33116.js');
 require('./string-21427167.js');
-require('./misc-3d30df91.js');
+require('./observer-f49483e8.js');
+require('./create-public-api-runtime-metrics-slimmer-7510221b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./vega-internal-event-id-c98e9a7d.js');
-require('./page-resize-observer-slimmer-1e404fc7.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+require('./translation-0dd74433.js');
+require('./page-resize-observer-slimmer-a8cf1874.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-79b60f28.js');
 require('./array-6e559cde.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e031c341.js');
+require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');
 
 const VegaStepperRuntimeMetricsPayloadDefinition = [
@@ -123,20 +125,20 @@ const VegaStepper = class {
      * Defines the upper limit or maximum value that can be
      *    incremented within the stepper component.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.max = 9999;
     /**
      * Defines the lower limit or minimum value that can be
      *    decremented within the stepper component.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.min = 0;
     /**
      * Defines the initial or current value of the stepper component.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = 0;
@@ -144,7 +146,7 @@ const VegaStepper = class {
      * Provides a descriptive text or string that serves
      *    as the label or title for the stepper component.
      *
-     * @version 1.0.5
+     * @vegaVersion 1.0.5
      */
     this.label = '';
     /**
@@ -152,19 +154,19 @@ const VegaStepper = class {
      *    stepper component is disabled. The increment and
      *    decrement buttons are unaffected by this setting.
      *
-     * @version 1.31.0
+     * @vegaVersion 1.31.0
      */
     this.inputDisabled = null;
     /**
      * Specifies whether the stepper component is disabled.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.disabled = false;
     /**
      * Specifies the validation status of the stepper component.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -172,13 +174,13 @@ const VegaStepper = class {
      * Determines whether automatic validation should be
      *    implemented for the stepper component.
      *
-     * @version 1.18.0
+     * @vegaVersion 1.18.0
      */
     this.autoValidation = true;
     /**
      * Specifies the style variant for the stepper buttons.
      *
-     * @version 1.19.0
+     * @vegaVersion 1.19.0
      */
     this.buttonVariant = 'primary';
     /**

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

@@ -7,22 +7,23 @@ const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-1e404fc7.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
 const timer = require('./timer-5f33058b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-d2698876.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-2e41340d.js');
 const vegaEventId = require('./vega-event-id-e40ac8f0.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const staticSubjectTitle = require('./static-subject-title-35e2a92c.js');
+const observer = require('./observer-f49483e8.js');
+const staticSubjectTitle = require('./static-subject-title-3599787e.js');
 const ui = require('./ui-08f33116.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-8977cf10.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-cc557cb3.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-54616105.js');
-require('./breakpoints-cb3291ba.js');
-require('./ui-077fc009.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e383a914.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-8f51adaa.js');
+require('./breakpoints-7e2dff90.js');
+require('./ui-32e69595.js');
 require('./internal-vega-event-manager-627b1328.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-e031c341.js');
+require('./feature-flag-controller-078da332.js');
 require('./index-5792390b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 
@@ -663,7 +664,7 @@ class VegaTabGroupPanelController extends globalSlimmerRegistry.VegaSlimmer {
    * register the observer when component connected
    */
   connectedCallback() {
-    this.tabPanelUpdateObserver = new domNodeSubjectObserverFactory.Observer(this.canAcceptPanelUpdate.bind(this), this.handlePanelUpdate);
+    this.tabPanelUpdateObserver = new observer.Observer(this.canAcceptPanelUpdate.bind(this), this.handlePanelUpdate);
     changeManager.ChangeManager.register(staticSubjectTitle.TAB_PANEL_ADD_OR_DEL_TO_GROUP, this.tabPanelUpdateObserver);
   }
   /**
@@ -815,7 +816,8 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
             /* eslint-disable-next-line react/jsx-no-bind */
             onClick: () => this.handleTabItemClick(item.dataTarget), "aria-label": item.dataTarget, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
             this.renderPrefixIconDom(item),
-            this.renderTabLabelDom(item)),
+            this.renderTabLabelDom(item),
+            this.renderCounterBadgeDom(item)),
           this.closeButtonRenderer.render())));
     })));
   }
@@ -830,6 +832,30 @@ class VegaTabGroupTabListRenderer extends globalSlimmerRegistry.VegaSlimmer {
         item.label.substring(0, this.TAB_LABEL_MAX_SIZE),
         "..."))) : (item.label);
   }
+  renderCounterBadgeDom(item) {
+    const counterBadge = item.counterBadge;
+    const counterBadgeClass = this.getCounterBadgeClassByCount(counterBadge);
+    return ((counterBadge === null || counterBadge === void 0 ? void 0 : counterBadge.count) !== undefined &&
+      counterBadge.count > 0 && (index.h("div", { class: `vega-counter-badge ${counterBadgeClass}` },
+      index.h("vega-counter-badge", { count: counterBadge.count, color: counterBadge.color }))));
+  }
+  getCounterBadgeClassByCount(counterBadge) {
+    if (counterBadge && counterBadge.count) {
+      const digits = counterBadge.count.toString().length;
+      if (digits === 1) {
+        return 'one-digit';
+      }
+      else if (digits === 2) {
+        return 'two-digits';
+      }
+      else {
+        return 'multi-digits';
+      }
+    }
+    else {
+      return '';
+    }
+  }
   handleTabItemClick(dataTarget) {
     this.selectedTargetController.handleTabItemClick(dataTarget);
   }
@@ -1006,7 +1032,7 @@ const VegaTabGroupRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-const vegaTabGroupCss = ".tab-content-container.tab-style-primary{margin-left:24px;margin-right:24px}.vega-tab{cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.tab-content-container.more-tab .vega-tab{flex-grow:1}.tab-content-container.more-tab .vega-tab.last-page{flex-grow:0}.vega-tab>div.vega-tab-container{display:flex;align-items:center}.vega-tab>div.vega-tab-container>div{flex-grow:1}.tab-style-primary .vega-tab:hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}.tab-style-primary .vega-tab.selected,.tab-style-primary .vega-tab.selected:hover{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-tab>div>.label{display:inline-flex;align-items:center;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;cursor:pointer;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tab>div>.label{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){.vega-tab>div>.label{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){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-tab>div>.label vega-icon{padding-right:8px}.vega-tab>div>.label.vega-close-icon-space{padding-right:12px}.vega-tab>div>div.vega-close-icon{padding-left:0px;flex-grow:0;padding-right:13px}.vega-tab>div>div.vega-hidden{display:none}.vega-tab>div vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:content-box}.vega-tab>div>div.vega-close-icon vega-icon{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host{display:block;width:100%;text-align:left;line-height:normal;min-width:270px}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;display:none;margin-top:-1px}.tab-content-container{display:flex;gap:8px;justify-content:space-between}.tab-content-container.more-tab .tab-list{width:100%}div.tab-left-button,div.tab-right-button{display:inline-block;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}div.tab-left-button.vega-hidden,div.tab-right-button.vega-hidden{display:none}div.tab-left-button vega-icon,div.tab-right-button vega-icon{box-sizing:content-box;padding:13px 13px 13px 12px}.vega-tab-group-content vega-tab-group-panel{display:none}.vega-tab-group-content vega-tab-group-panel.active{display:block}.tab-style-secondary .vega-tab>div.vega-tab-container{align-items:baseline}.tab-style-secondary+.horizontal-divider{display:block}.tab-style-secondary .vega-tab{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary .vega-tab>div>.label{padding-left:16px;padding-right:16px;padding-top:0px;padding-bottom:12px}.tab-style-secondary .vega-tab.selected>div>.label,.tab-style-secondary .vega-tab.selected>div>.label vega-icon,.tab-style-secondary .vega-tab:hover>div>.label,.tab-style-secondary .vega-tab:hover>div>.label vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.tab-style-secondary .vega-tab{border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:2px;border-style:solid;border-color:transparent}.tab-style-secondary .vega-tab.selected{border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}.tab-style-secondary div.tab-left-button,.tab-style-secondary div.tab-right-button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary div.tab-left-button vega-icon,.tab-style-secondary div.tab-right-button vega-icon{padding:6px 13px 13px 6px}.tab-style-secondary div.tab-left-button:hover vega-icon,.tab-style-secondary div.tab-right-button:hover vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}";
+const vegaTabGroupCss = ".tab-content-container.tab-style-primary{margin-left:24px;margin-right:24px}.vega-tab{cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.tab-content-container.more-tab .vega-tab{flex-grow:1}.tab-content-container.more-tab .vega-tab.last-page{flex-grow:0}.vega-tab>div.vega-tab-container{display:flex;align-items:center}.vega-tab>div.vega-tab-container>div{flex-grow:1}.tab-style-primary .vega-tab:hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}.tab-style-primary .vega-tab.selected,.tab-style-primary .vega-tab.selected:hover{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-tab>div>.label{display:inline-flex;align-items:center;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;cursor:pointer;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tab>div>.label{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){.vega-tab>div>.label{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){.vega-tab>div>.label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-tab>div>.label vega-icon{padding-right:8px}.vega-tab>div>.label .vega-counter-badge{position:relative;height:20px;padding-left:8px}.vega-tab>div>.label .vega-counter-badge vega-counter-badge{position:absolute;padding-left:8px;top:10px}.vega-tab>div>.label .vega-counter-badge.one-digit{width:20px}.vega-tab>div>.label .vega-counter-badge.one-digit vega-counter-badge{left:10px}.vega-tab>div>.label .vega-counter-badge.two-digits{width:28px}.vega-tab>div>.label .vega-counter-badge.two-digits vega-counter-badge{left:14px}.vega-tab>div>.label .vega-counter-badge.multi-digits{width:32px}.vega-tab>div>.label .vega-counter-badge.multi-digits vega-counter-badge{left:16px}.vega-tab>div>.label.vega-close-icon-space{padding-right:12px}.vega-tab>div>div.vega-close-icon{padding-left:0px;flex-grow:0;padding-right:13px}.vega-tab>div>div.vega-hidden{display:none}.vega-tab>div vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:content-box}.vega-tab>div>div.vega-close-icon vega-icon{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host{display:block;width:100%;text-align:left;line-height:normal;min-width:270px}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;display:none;margin-top:-1px}.tab-content-container{display:flex;gap:8px;justify-content:space-between}.tab-content-container.more-tab .tab-list{width:100%}div.tab-left-button,div.tab-right-button{display:inline-block;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}div.tab-left-button.vega-hidden,div.tab-right-button.vega-hidden{display:none}div.tab-left-button vega-icon,div.tab-right-button vega-icon{box-sizing:content-box;padding:13px 13px 13px 12px}.vega-tab-group-content vega-tab-group-panel{display:none}.vega-tab-group-content vega-tab-group-panel.active{display:block}.tab-style-secondary .vega-tab>div.vega-tab-container{align-items:baseline}.tab-style-secondary+.horizontal-divider{display:block}.tab-style-secondary .vega-tab{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary .vega-tab>div>.label{padding-left:16px;padding-right:16px;padding-top:0px;padding-bottom:12px}.tab-style-secondary .vega-tab.selected>div>.label,.tab-style-secondary .vega-tab.selected>div>.label vega-icon,.tab-style-secondary .vega-tab:hover>div>.label,.tab-style-secondary .vega-tab:hover>div>.label vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.tab-style-secondary .vega-tab{border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:2px;border-style:solid;border-color:transparent}.tab-style-secondary .vega-tab.selected{border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}.tab-style-secondary div.tab-left-button,.tab-style-secondary div.tab-right-button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary div.tab-left-button vega-icon,.tab-style-secondary div.tab-right-button vega-icon{padding:6px 13px 13px 6px}.tab-style-secondary div.tab-left-button:hover vega-icon,.tab-style-secondary div.tab-right-button:hover vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}";
 
 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;
@@ -1045,7 +1071,7 @@ const VegaTabGroup = class {
      * Defines the data target for the selected tab
      *    within the tab group.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.selectedTabDataTarget = '';
@@ -1053,14 +1079,14 @@ const VegaTabGroup = class {
      * Defines the spacing between the tabs in
      *    the tab group.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.gap = 'size-8';
     /**
      * Specifies whether the tabs in the tab group include
      *    a close button for closing the tab.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.showCloseButton = false;
     /**
@@ -1070,14 +1096,14 @@ const VegaTabGroup = class {
      *    initialization and cannot be overridden or
      *    modified dynamically.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.tabItems = [];
     /**
      * Specifies the visual style and prominence of the tab group.
      *
-     * @version 1.39.0
+     * @vegaVersion 1.39.0
      */
     this.variant = 'primary';
   }
@@ -1197,7 +1223,7 @@ const VegaTabGroupPanel = class {
     /**
      * Controls the visibility of the tab panel within the tab group.
      *
-     * @version 1.26.0
+     * @vegaVersion 1.26.0
      */
     this.isActive = false;
   }