@globalpayments/vega 2.64.0 → 2.66.0

package/dist/esm/{translation-slimmer-d5b0d292.js → translation-slimmer-984c9ce6.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { V as VegaInternalTranslation } from './translation-3d35961b.js';
+import { V as VegaInternalTranslation } from './translation-f10b1e19.js';
 
 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/esm/{ui-c20be16d.js → ui-bb99c0c2.js}

@@ -19,13 +19,26 @@ var DeviceType;
  * @typedef T
  * @param {HTMLElement} el - The element to start searching from.
  * @param {keyof HTMLElementTagNameMap | string} selector - The selector to find the parent element with.
+ * @param {{ outerMost?: boolean }} [options] - options.outerMost: boolean - whether to find the outermost parent that matches the selector.
+ * @param {boolean} [options.outerMost=false] - Whether to find the outermost parent that matches the selector.
  * @returns {Nullable<T>} The first element that matches the selector.
  */
-function findParent(el, selector) {
+function findParent(el, selector, options) {
   if (!el)
     return null;
-  const parent = el.parentElement || el.getRootNode()['host'];
-  return (parent === null || parent === void 0 ? void 0 : parent.matches(selector)) ? parent : findParent(parent, selector);
+  let current = el.parentElement || el.getRootNode()['host'];
+  let found = null;
+  while (current) {
+    if (current.matches(selector)) {
+      found = current;
+      if (!(options === null || options === void 0 ? void 0 : options.outerMost)) {
+        return found; // Return first (nearest) match by default
+      }
+      // Continue searching for outermost match
+    }
+    current = current.parentElement || current.getRootNode()['host'];
+  }
+  return found;
 }
 /**
  * It returns the device type based on the user agent

package/dist/esm/vega-accordion.entry.js

@@ -3,19 +3,19 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { f as formatAndValidResponsiveToken } from './design-token-6f9e70c4.js';
-import { a as arrayToClassString } from './ui-c20be16d.js';
-import { D as DomNodeSubjectObserverFactory, a as VegaClick, b as VegaExpand } from './dom-node-subject-observer-factory-c7bc3035.js';
+import { f as formatAndValidResponsiveToken } from './design-token-297dc528.js';
+import { a as arrayToClassString } from './ui-bb99c0c2.js';
+import { D as DomNodeSubjectObserverFactory, a as VegaClick, b as VegaExpand } from './dom-node-subject-observer-factory-dca87b70.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { A as ACCORDION_EXPAND_TOPIC } from './static-subject-title-ca83d6b6.js';
+import { A as ACCORDION_EXPAND_TOPIC } from './static-subject-title-52f93124.js';
 import { P as isAccordionObserverPayload } from './type-guard-12f7654b.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-3922d816.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
 import './breakpoints-d9faf11c.js';
-import './responsive-format-facade-b594fc72.js';
+import './responsive-format-facade-a41e1be7.js';
 import './page-resize-observer-slimmer-0bf7fbf3.js';
 import './ui-8424715a.js';
 import './try-get-document-bef0f526.js';
@@ -23,23 +23,23 @@ import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './token-extension-3c198013.js';
+import './token-extension-b690953f.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
-import './dark-mode-style-controller-5cf1c482.js';
+import './dark-mode-style-controller-b7e85b6a.js';
 import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-87615d3c.js';
-import './internal-vega-event-manager-cb06e987.js';
-import './dto-renderer-manager-5b036e47.js';
-import './code-block-a6c78bbb.js';
-import './vega-internal-event-id-bee7946b.js';
+import './internal-vega-event-manager-a5a5938d.js';
+import './dto-renderer-manager-a1a3b6d2.js';
+import './code-block-11b2bc1c.js';
+import './vega-internal-event-id-5c3e5f7f.js';
 import './string-a953eafc.js';
 import './object-66c37948.js';
 import './base-renderer-101f6d04.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './wait-for-vega-handler-c2c07ac3.js';
-import './translation-3d35961b.js';
+import './translation-f10b1e19.js';
 import './typography-396de03f.js';
 import './state-background-color-formatter-0f01d27a.js';
 

package/dist/esm/vega-app-footer.entry.js

@@ -2,9 +2,9 @@ import { r as registerInstance, h, H as Host, F as Fragment, g as getElement } f
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { V as VegaInternalThemeManager } from './dark-mode-style-controller-5cf1c482.js';
-import { B as BrandSwitchControllerSlimmer } from './brand-switch-state-controller-slimmer-05c85e6d.js';
-import './static-subject-title-ca83d6b6.js';
+import { V as VegaInternalThemeManager } from './dark-mode-style-controller-b7e85b6a.js';
+import { B as BrandSwitchControllerSlimmer } from './brand-switch-state-controller-slimmer-60249013.js';
+import './static-subject-title-52f93124.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';

package/dist/esm/vega-app-header-button.entry.js

@@ -1,14 +1,14 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { a as arrayToClassString } from './ui-c20be16d.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-6f9e70c4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-b594fc72.js';
+import { a as arrayToClassString } from './ui-bb99c0c2.js';
+import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-297dc528.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-a41e1be7.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7fe3dc57.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-3922d816.js';
-import { D as DomNodeSubjectObserverFactory, p as VegaDropdownShow, q as VegaDropdownHide, V as VegaDropdownClick, a as VegaClick } from './dom-node-subject-observer-factory-c7bc3035.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { D as DomNodeSubjectObserverFactory, p as VegaDropdownShow, q as VegaDropdownHide, V as VegaDropdownClick, a as VegaClick } from './dom-node-subject-observer-factory-dca87b70.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
 import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
@@ -21,27 +21,27 @@ import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './token-extension-3c198013.js';
+import './token-extension-b690953f.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
-import './dark-mode-style-controller-5cf1c482.js';
-import './static-subject-title-ca83d6b6.js';
+import './dark-mode-style-controller-b7e85b6a.js';
+import './static-subject-title-52f93124.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-87615d3c.js';
 import './try-get-document-bef0f526.js';
-import './internal-vega-event-manager-cb06e987.js';
-import './dto-renderer-manager-5b036e47.js';
-import './code-block-a6c78bbb.js';
-import './vega-internal-event-id-bee7946b.js';
+import './internal-vega-event-manager-a5a5938d.js';
+import './dto-renderer-manager-a1a3b6d2.js';
+import './code-block-11b2bc1c.js';
+import './vega-internal-event-id-5c3e5f7f.js';
 import './string-a953eafc.js';
 import './object-66c37948.js';
 import './base-renderer-101f6d04.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './wait-for-vega-handler-c2c07ac3.js';
-import './translation-3d35961b.js';
+import './translation-f10b1e19.js';
 
 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;

package/dist/esm/vega-backdrop.entry.js

@@ -2,7 +2,7 @@ import { h, H as Host, r as registerInstance, c as createEvent, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { a as arrayToClassString } from './ui-c20be16d.js';
+import { a as arrayToClassString } from './ui-bb99c0c2.js';
 
 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;

package/dist/esm/vega-banner.entry.js

@@ -3,18 +3,18 @@ import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } fr
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
-import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-c20be16d.js';
+import { g as getDeviceType, D as DeviceType, a as arrayToClassString } from './ui-bb99c0c2.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
-import { D as DomNodeSubjectObserverFactory, a as VegaClick, c as VegaClose, e as VegaActionButtonClick } from './dom-node-subject-observer-factory-c7bc3035.js';
+import { D as DomNodeSubjectObserverFactory, a as VegaClick, c as VegaClose, e as VegaActionButtonClick } from './dom-node-subject-observer-factory-dca87b70.js';
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-3922d816.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './index-e9da316f.js';
 import './_commonjsHelpers-9943807e.js';
-import './internal-vega-event-manager-cb06e987.js';
+import './internal-vega-event-manager-a5a5938d.js';
 import './try-get-document-bef0f526.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/vega-box.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-6f9e70c4.js';
-import { a as arrayToClassString } from './ui-c20be16d.js';
+import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-297dc528.js';
+import { a as arrayToClassString } from './ui-bb99c0c2.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-87615d3c.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-b594fc72.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-a41e1be7.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-0bf7fbf3.js';
-import { f as formatFlexStyles } from './style-formatter-56074ede.js';
+import { f as formatFlexStyles } from './style-formatter-f7effaac.js';
 import './type-guard-12f7654b.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
@@ -18,19 +18,19 @@ import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './token-extension-3c198013.js';
+import './token-extension-b690953f.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
-import './dark-mode-style-controller-5cf1c482.js';
-import './static-subject-title-ca83d6b6.js';
+import './dark-mode-style-controller-b7e85b6a.js';
+import './static-subject-title-52f93124.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
-import './internal-vega-event-manager-cb06e987.js';
-import './dom-node-subject-observer-factory-c7bc3035.js';
-import './dto-renderer-manager-5b036e47.js';
-import './code-block-a6c78bbb.js';
-import './vega-internal-event-id-bee7946b.js';
+import './internal-vega-event-manager-a5a5938d.js';
+import './dom-node-subject-observer-factory-dca87b70.js';
+import './dto-renderer-manager-a1a3b6d2.js';
+import './code-block-11b2bc1c.js';
+import './vega-internal-event-id-5c3e5f7f.js';
 import './string-a953eafc.js';
 import './object-66c37948.js';
 import './base-renderer-101f6d04.js';
@@ -38,7 +38,7 @@ import './internal-icon-manager-f0486245.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './wait-for-vega-handler-c2c07ac3.js';
-import './translation-3d35961b.js';
+import './translation-f10b1e19.js';
 
 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;

package/dist/esm/vega-brand-logo.entry.js

@@ -3,11 +3,11 @@ import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
-import { D as DarkModeStateControllerSlimmer } from './dark-mode-state-controller-slimmer-f1c2c299.js';
-import { V as VegaInternalThemeManager } from './dark-mode-style-controller-5cf1c482.js';
+import { D as DarkModeStateControllerSlimmer } from './dark-mode-state-controller-slimmer-f2b4f8ed.js';
+import { V as VegaInternalThemeManager } from './dark-mode-style-controller-b7e85b6a.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
-import './static-subject-title-ca83d6b6.js';
+import './static-subject-title-52f93124.js';
 import './observer-3959f9dd.js';
 import './change-manager-6a7eb88c.js';
 import './_commonjsHelpers-9943807e.js';

package/dist/esm/vega-breadcrumb.entry.js

@@ -1,15 +1,15 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { g as getDeviceType, D as DeviceType } from './ui-c20be16d.js';
+import { g as getDeviceType, D as DeviceType } from './ui-bb99c0c2.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { D as DomNodeSubjectObserverFactory, a as VegaClick } from './dom-node-subject-observer-factory-c7bc3035.js';
+import { D as DomNodeSubjectObserverFactory, a as VegaClick } from './dom-node-subject-observer-factory-dca87b70.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7fe3dc57.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-3922d816.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-5d437fdf.js';
 import './change-manager-6a7eb88c.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-cb06e987.js';
+import './internal-vega-event-manager-a5a5938d.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
@@ -25,10 +25,6 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 class VegaBreadcrumbRenderer extends VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    this.isMobile = getDeviceType() === DeviceType.MOBILE;
-  }
   /**
    * get the component container div element
    *
@@ -40,14 +36,14 @@ class VegaBreadcrumbRenderer extends VegaSlimmer {
   render() {
     return (h("div", { class: {
         'vega-breadcrumb': true,
-        'mobile': this.isMobile,
+        'compact-mode': this.isCompactMode,
         'collapsed': this.isCollapsed(),
-        'single': this.items.length == 1,
+        'single': this.items.length === 1,
       }, ref: (node) => (this.vegaBreadcrumbContainerRef = node) }, this.renderItems()));
   }
   renderItems() {
     const htmlItems = this.items.map((item, index) => this.itemRenderer.render(item, {
-      isMobile: this.isMobile,
+      isCompactMode: this.isCompactMode,
       isLastItem: this.items.length === index + 1,
     }));
     if (this.isCollapsed()) {
@@ -56,15 +52,23 @@ class VegaBreadcrumbRenderer extends VegaSlimmer {
     return h(Fragment, null, htmlItems);
   }
   isCollapsed() {
-    return (!this.isMobile &&
+    return (!this.isCompactMode &&
       this.maxItems !== 'none' &&
       this.maxItems >= 4 &&
       this.items.length > this.maxItems);
   }
+  // True when device is mobile and compact mode is enabled.
+  // Used to switch into the compact single-item mobile rendering mode.
+  get isCompactMode() {
+    return this.compactOnMobile && getDeviceType() === DeviceType.MOBILE;
+  }
 }
 __decorate$3([
   MapToComponentField()
 ], VegaBreadcrumbRenderer.prototype, "items", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaBreadcrumbRenderer.prototype, "compactOnMobile", void 0);
 __decorate$3([
   MapToComponentField()
 ], VegaBreadcrumbRenderer.prototype, "maxItems", void 0);
@@ -114,7 +118,7 @@ class VegaBreadcrumbItemRenderer extends VegaSlimmer {
     return (h("div", { class: "vega-breadcrumb-item", key: item.label }, this.renderContent(item, options)));
   }
   renderContent(item, options) {
-    if (options.isMobile && !options.isLastItem) {
+    if (options.isCompactMode && !options.isLastItem) {
       return (h(Fragment, null,
         this.renderIcon('chevron-left-rounded', 'text-link'),
         this.renderLabel(item)));
@@ -153,7 +157,7 @@ __decorate$1([
 
 const vegaBreadcrumbGlobalCss = ".vega-breadcrumb-dropdown-link::part(label-text){color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}";
 
-const vegaBreadcrumbCss = ":host{display:block}:host .vega-breadcrumb{display:flex;gap:8px;flex-wrap:wrap}:host .vega-breadcrumb-hidden{display:none !important}:host .vega-breadcrumb-item{display:flex;gap:8px;align-items:center}:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-button-link::part(label-text){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-breadcrumb-item vega-button-link::part(label-text){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-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-dropdown vega-text{cursor:pointer;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-dropdown vega-text{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-breadcrumb-item vega-dropdown vega-text{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-breadcrumb-item vega-dropdown vega-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-icon{flex-shrink:0}:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item .vega-breadcrumb-last-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){:host .vega-breadcrumb-item .vega-breadcrumb-last-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){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-button-link::part(label-container){text-decoration:none}:host .vega-breadcrumb.mobile>.vega-breadcrumb-item{display:none}:host .vega-breadcrumb.mobile .vega-breadcrumb-item:nth-last-child(2){display:flex}:host .vega-breadcrumb.mobile.single .vega-breadcrumb-item{display:flex;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb.mobile.single .vega-breadcrumb-item{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-breadcrumb.mobile.single .vega-breadcrumb-item{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-breadcrumb.mobile.single .vega-breadcrumb-item{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n+3):not(:last-child){display:none}";
+const vegaBreadcrumbCss = ":host{display:block}:host .vega-breadcrumb{display:flex;gap:8px;flex-wrap:wrap}:host .vega-breadcrumb-hidden{display:none !important}:host .vega-breadcrumb-item{display:flex;gap:8px;align-items:center}:host .vega-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-button-link::part(label-text){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-breadcrumb-item vega-button-link::part(label-text){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-breadcrumb-item vega-button-link::part(label-text){font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-dropdown vega-text{cursor:pointer;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-link, 19, 98, 226, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item vega-dropdown vega-text{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-breadcrumb-item vega-dropdown vega-text{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-breadcrumb-item vega-dropdown vega-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-icon{flex-shrink:0}:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb-item .vega-breadcrumb-last-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){:host .vega-breadcrumb-item .vega-breadcrumb-last-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){:host .vega-breadcrumb-item .vega-breadcrumb-last-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb-item vega-button-link::part(label-container){text-decoration:none}:host .vega-breadcrumb.compact-mode>.vega-breadcrumb-item{display:none}:host .vega-breadcrumb.compact-mode .vega-breadcrumb-item:nth-last-child(2){display:flex}:host .vega-breadcrumb.compact-mode.single .vega-breadcrumb-item{display:flex;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-breadcrumb.compact-mode.single .vega-breadcrumb-item{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-breadcrumb.compact-mode.single .vega-breadcrumb-item{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-breadcrumb.compact-mode.single .vega-breadcrumb-item{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n+3):not(:last-child){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;
@@ -198,6 +202,17 @@ const VegaBreadcrumb = class {
      * @vegaVersion 1.41.0
      */
     this.items = [];
+    /**
+     * Compact mode toggle for mobile viewport.
+     *
+     * When `true` (default), the breadcrumb displays only the last clickable
+     * item on mobile devices to save horizontal space.
+     * When `false`, the full multi-item layout is shown on mobile, identical to
+     * desktop behavior (still subject to collapsing based on `maxItems`).
+     *
+     * @vegaVersion 2.66.0
+     */
+    this.compactOnMobile = true;
   }
   render() {
     return sanitizeVegaComponent(h(Host, null, this.renderer.render()), this.host);

package/dist/esm/vega-button-circle.entry.js

@@ -1,36 +1,36 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { i as formatAndValidTextColor } from './design-token-6f9e70c4.js';
+import { i as formatAndValidTextColor } from './design-token-297dc528.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { F as FORM_SUBMIT, a as FORM_RESET } from './static-subject-title-ca83d6b6.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-3922d816.js';
-import { a as VegaClick } from './dom-node-subject-observer-factory-c7bc3035.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7fe3dc57.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { a as VegaClick, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-dca87b70.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { f as findParent } from './ui-bb99c0c2.js';
+import { d as VegaInternalFormSubmit, e as VegaInternalFormReset } from './vega-internal-event-id-5c3e5f7f.js';
 import './type-guard-12f7654b.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';
 import './typography-396de03f.js';
-import './responsive-format-facade-b594fc72.js';
+import './responsive-format-facade-a41e1be7.js';
 import './page-resize-observer-slimmer-0bf7fbf3.js';
 import './try-get-document-bef0f526.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './token-extension-3c198013.js';
+import './token-extension-b690953f.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
-import './ui-c20be16d.js';
-import './dark-mode-style-controller-5cf1c482.js';
+import './dark-mode-style-controller-b7e85b6a.js';
+import './static-subject-title-52f93124.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-87615d3c.js';
-import './internal-vega-event-manager-cb06e987.js';
-import './dto-renderer-manager-5b036e47.js';
-import './code-block-a6c78bbb.js';
-import './vega-internal-event-id-bee7946b.js';
+import './internal-vega-event-manager-a5a5938d.js';
+import './dto-renderer-manager-a1a3b6d2.js';
+import './code-block-11b2bc1c.js';
 import './string-a953eafc.js';
 import './object-66c37948.js';
 import './base-renderer-101f6d04.js';
@@ -38,7 +38,7 @@ import './internal-icon-manager-f0486245.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './wait-for-vega-handler-c2c07ac3.js';
-import './translation-3d35961b.js';
+import './translation-f10b1e19.js';
 import './state-background-color-formatter-0f01d27a.js';
 
 const VegaButtonCircleRuntimeMetricsPayloadDefinition = [
@@ -170,9 +170,12 @@ const VegaButtonCircle = class {
       }
       else {
         if (['submit', 'reset'].includes(this.type)) {
-          ChangeManager.notify(this.type === 'submit' ? FORM_SUBMIT : FORM_RESET, {
-            host: this.host,
+          const outerForm = findParent(this.host, 'vega-form', {
+            outerMost: true,
           });
+          if (outerForm) {
+            ChangeManager.notify(domNodeSubjectFactory.getSubject(outerForm, this.type === 'submit' ? VegaInternalFormSubmit : VegaInternalFormReset), { host: this.host });
+          }
         }
         this.clickEventEmitter.emit(undefined, e);
       }

package/dist/esm/vega-button-group_2.entry.js

@@ -2,17 +2,17 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-85c658b7.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-3922d816.js';
-import { D as DomNodeSubjectObserverFactory, a as VegaClick, V as VegaDropdownClick, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-c7bc3035.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7fe3dc57.js';
-import { u as VegaInternalButtonGroupClick } from './vega-internal-event-id-bee7946b.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-e58a2485.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-56380f02.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { D as DomNodeSubjectObserverFactory, a as VegaClick, V as VegaDropdownClick, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-dca87b70.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { w as VegaInternalButtonGroupClick } from './vega-internal-event-id-5c3e5f7f.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-3504e2f2.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { f as findParent } from './ui-c20be16d.js';
+import { f as findParent } from './ui-bb99c0c2.js';
 import './dynamic-slimmer-90b8af32.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-cb06e987.js';
+import './internal-vega-event-manager-a5a5938d.js';
 import './try-get-document-bef0f526.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';

package/dist/esm/vega-button-link.entry.js

@@ -2,15 +2,15 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-3922d816.js';
-import { a as VegaClick } from './dom-node-subject-observer-factory-c7bc3035.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7fe3dc57.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { a as VegaClick } from './dom-node-subject-observer-factory-dca87b70.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './internal-vega-event-manager-cb06e987.js';
+import './internal-vega-event-manager-a5a5938d.js';
 import './try-get-document-bef0f526.js';
 import './observer-3959f9dd.js';
-import './ui-c20be16d.js';
+import './ui-bb99c0c2.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';

package/dist/esm/vega-button.entry.js

@@ -1,14 +1,15 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-0bf7fbf3.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-b594fc72.js';
-import { F as FORM_SUBMIT, a as FORM_RESET } from './static-subject-title-ca83d6b6.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-a41e1be7.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-a84cc93e.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-3922d816.js';
-import { a as VegaClick } from './dom-node-subject-observer-factory-c7bc3035.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-7fe3dc57.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-28fd360c.js';
+import { a as VegaClick, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-dca87b70.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-735cb880.js';
+import { f as findParent } from './ui-bb99c0c2.js';
+import { d as VegaInternalFormSubmit, e as VegaInternalFormReset } from './vega-internal-event-id-5c3e5f7f.js';
 import './ui-8424715a.js';
 import './breakpoints-d9faf11c.js';
 import './try-get-document-bef0f526.js';
@@ -18,18 +19,17 @@ import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './vega-env-manager-8f8dc473.js';
-import './token-extension-3c198013.js';
+import './token-extension-b690953f.js';
 import './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import './dynamic-slimmer-90b8af32.js';
-import './ui-c20be16d.js';
-import './dark-mode-style-controller-5cf1c482.js';
+import './dark-mode-style-controller-b7e85b6a.js';
+import './static-subject-title-52f93124.js';
 import './observer-3959f9dd.js';
 import './_commonjsHelpers-9943807e.js';
 import './vega-nonce-manager-87615d3c.js';
-import './internal-vega-event-manager-cb06e987.js';
-import './dto-renderer-manager-5b036e47.js';
-import './code-block-a6c78bbb.js';
-import './vega-internal-event-id-bee7946b.js';
+import './internal-vega-event-manager-a5a5938d.js';
+import './dto-renderer-manager-a1a3b6d2.js';
+import './code-block-11b2bc1c.js';
 import './string-a953eafc.js';
 import './object-66c37948.js';
 import './base-renderer-101f6d04.js';
@@ -37,7 +37,7 @@ import './internal-icon-manager-f0486245.js';
 import './feature-flag-controller-51659753.js';
 import './index-e9da316f.js';
 import './wait-for-vega-handler-c2c07ac3.js';
-import './translation-3d35961b.js';
+import './translation-f10b1e19.js';
 
 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;
@@ -165,7 +165,12 @@ const VegaButton = class {
       }
       else {
         if (['submit', 'reset'].includes(this.type)) {
-          ChangeManager.notify(this.type === 'submit' ? FORM_SUBMIT : FORM_RESET, { host: this.host });
+          const outerForm = findParent(this.host, 'vega-form', {
+            outerMost: true,
+          });
+          if (outerForm) {
+            ChangeManager.notify(domNodeSubjectFactory.getSubject(outerForm, this.type === 'submit' ? VegaInternalFormSubmit : VegaInternalFormReset), { host: this.host });
+          }
         }
         this.clickEventEmitter.emit(undefined, e);
       }