@globalpayments/vega 2.61.0 → 2.63.0

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

@@ -7,20 +7,19 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-16f74439.js');
+const designToken = require('./design-token-76bb47bd.js');
 const ui = require('./ui-4ce1fa08.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
-const internalIconManager = require('./internal-icon-manager-f8677abb.js');
+const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
 require('./breakpoints-ebde4837.js');
-require('./responsive-format-facade-0d22ff78.js');
+require('./responsive-format-facade-7e933525.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./ui-32e69595.js');
 require('./try-get-document-c0ebd39a.js');
@@ -28,22 +27,22 @@ require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-9c54f3aa.js');
+require('./token-extension-23ccff1d.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
+require('./vega-internal-event-id-9647aaf8.js');
+require('./string-39438062.js');
+require('./object-e2e28e3d.js');
+require('./base-renderer-0a3b62b7.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
-require('./icon-manager-9072356d.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-d7b8e70b.js');
-require('./code-block-ecb2df41.js');
-require('./vega-internal-event-id-9647aaf8.js');
-require('./string-39438062.js');
-require('./object-e2e28e3d.js');
 require('./typography-4560e7f1.js');
 require('./state-background-color-formatter-aa5570f6.js');
 
@@ -90,7 +89,7 @@ class VegaAccordionRenderer extends globalSlimmerRegistry.VegaSlimmer {
     ];
     return (index.h("div", { class: `${ui.arrayToClassString(classes)}` },
       index.h("vega-button-circle", { size: "small", "icon-color": "text-link", variant: "icon-only", icon: internalIconManager.VegaInternalIconManager.getIconKey(this.expandIconAlign === 'left' ? 'chevron-down' : 'chevron-up'), ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, () => {
+          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, () => {
             this.expandController.flipExpand();
           });
         } })));
@@ -214,7 +213,7 @@ const VegaAccordion = class {
     this.globalSlimmers = {};
     this.renderer = new VegaAccordionRenderer();
     this.expandController = new VegaAccordionExpandController();
-    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAccordion, domNodeSubjectFactory.VegaExpand, 'accordionExpand');
+    this.expandEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAccordion, domNodeSubjectObserverFactory.VegaExpand, 'accordionExpand');
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Determines whether the accordion block should be displayed

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

@@ -5,18 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-4ce1fa08.js');
-const designToken = require('./design-token-16f74439.js');
-const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
+const designToken = require('./design-token-76bb47bd.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
-const internalIconManager = require('./internal-icon-manager-f8677abb.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
+const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
 require('./type-guard-f12b5bae.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
@@ -26,7 +25,7 @@ require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-9c54f3aa.js');
+require('./token-extension-23ccff1d.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dark-mode-style-controller-ab0703e1.js');
@@ -34,17 +33,17 @@ require('./static-subject-title-85732e0f.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
+require('./vega-internal-event-id-9647aaf8.js');
+require('./string-39438062.js');
+require('./object-e2e28e3d.js');
+require('./base-renderer-0a3b62b7.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
-require('./icon-manager-9072356d.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-d7b8e70b.js');
-require('./code-block-ecb2df41.js');
-require('./vega-internal-event-id-9647aaf8.js');
-require('./string-39438062.js');
-require('./object-e2e28e3d.js');
 require('./try-get-document-c0ebd39a.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -138,13 +137,13 @@ class VegaAppHeaderButtonDropdownRenderer extends globalSlimmerRegistry.VegaSlim
     return (index.h("vega-dropdown", Object.assign({ trigger: "click" }, this.dropdown, { ref: (ref) => {
         this.dropdownRef = ref;
         this.dropdownEventPrevent.setup();
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownShow, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownShow, () => {
           this.onDropdownShow();
         });
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownHide, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownHide, () => {
           this.onDropdownHide();
         });
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownClick, this.triggerDropdownClickEvent);
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaDropdownClick, this.triggerDropdownClickEvent);
       } }),
       children,
       this.renderItemsSlot()));
@@ -215,13 +214,13 @@ const VegaAppHeaderButton = class {
      * @see{module:vega-app-header-button-resize-e2e}
      */
     this.pageResizeObserverSlimmer = new pageResizeObserverSlimmer.PageResizeObserverSlimmer();
-    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick, domNodeSubjectFactory.VegaDropdownClick], () => this.dropdownRenderer.getDropdownRef(), {
+    this.dropdownEventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick, domNodeSubjectObserverFactory.VegaDropdownClick], () => this.dropdownRenderer.getDropdownRef(), {
       customPreventHandle: (e) => {
         e.stopPropagation();
       },
     });
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectFactory.VegaClick);
-    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectFactory.VegaDropdownClick);
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectObserverFactory.VegaClick);
+    this.dropdownClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaAppHeaderButton, domNodeSubjectObserverFactory.VegaDropdownClick);
     this.vegaMenuArrowIconRenderer = new VegaMenuArrowIconRenderer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.dropdownRenderer = new VegaAppHeaderButtonDropdownRenderer();

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

@@ -8,19 +8,17 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const component = require('./component-1e352960.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const ui = require('./ui-4ce1fa08.js');
-const internalIconManager = require('./internal-icon-manager-f8677abb.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
-require('./icon-manager-9072356d.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./index-4d7bce1a.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./try-get-document-c0ebd39a.js');
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -234,7 +232,7 @@ class VegaBannerActionButtonRenderer extends globalSlimmerRegistry.VegaSlimmer {
    */
   renderButtonItem(buttonProps, key) {
     return (index.h("vega-button", { key: key, size: "small", variant: "secondary", ref: (node) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectFactory.VegaClick, () => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(node, domNodeSubjectObserverFactory.VegaClick, () => {
           if (!featureFlagController.FeatureFlag.isEnabled('VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK') &&
             typeof buttonProps.vegaClick === 'function') {
             buttonProps.vegaClick(buttonProps);
@@ -271,12 +269,12 @@ const VegaBanner = class {
     this.vegaActionButtonClick = index.createEvent(this, "vegaActionButtonClick", 7);
     this.actionButtonClick = index.createEvent(this, "actionButtonClick", 7);
     this.globalSlimmers = {};
-    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectFactory.VegaClose);
+    this.closeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectObserverFactory.VegaClose);
     this.renderer = new VegaBannerRenderer();
     this.actionButtonRenderer = new VegaBannerActionButtonRenderer();
     this.iconController = new VegaBannerIconController();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
-    this.actionButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectFactory.VegaActionButtonClick);
+    this.actionButtonClickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBanner, domNodeSubjectObserverFactory.VegaActionButtonClick);
     /**
      * Specifies the type of the banner.
      *

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-16f74439.js');
+const designToken = require('./design-token-76bb47bd.js');
 const ui = require('./ui-4ce1fa08.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
-const styleFormatter = require('./style-formatter-a66813a2.js');
+const styleFormatter = require('./style-formatter-702df81e.js');
 require('./type-guard-f12b5bae.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
@@ -20,7 +20,7 @@ require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-9c54f3aa.js');
+require('./token-extension-23ccff1d.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dark-mode-style-controller-ab0703e1.js');
@@ -28,18 +28,19 @@ require('./static-subject-title-85732e0f.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
-require('./dom-node-subject-factory-4eb1fec2.js');
+require('./internal-vega-event-manager-28b957c8.js');
+require('./dom-node-subject-observer-factory-58e3c010.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
+require('./vega-internal-event-id-9647aaf8.js');
+require('./string-39438062.js');
+require('./object-e2e28e3d.js');
+require('./base-renderer-0a3b62b7.js');
+require('./internal-icon-manager-32f9ed63.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
-require('./icon-manager-9072356d.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-d7b8e70b.js');
-require('./code-block-ecb2df41.js');
-require('./vega-internal-event-id-9647aaf8.js');
-require('./string-39438062.js');
-require('./object-e2e28e3d.js');
 require('./try-get-document-c0ebd39a.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -6,10 +6,9 @@ const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const internalIconManager = require('./internal-icon-manager-f8677abb.js');
+const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-17022f93.js');
 const darkModeStyleController = require('./dark-mode-style-controller-ab0703e1.js');
-require('./icon-manager-9072356d.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./static-subject-title-85732e0f.js');

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

@@ -6,14 +6,14 @@ const index = require('./index-00ba6623.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-4ce1fa08.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-15130e50.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const component = require('./component-1e352960.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
+const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-b0b4b997.js');
 require('./change-manager-a297e4d2.js');
 require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
@@ -21,7 +21,7 @@ require('./_commonjsHelpers-537d719a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./try-get-document-c0ebd39a.js');
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -65,20 +65,20 @@ class VegaBreadcrumbRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.items.length > this.maxItems);
   }
 }
-__decorate$4([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaBreadcrumbRenderer.prototype, "items", void 0);
-__decorate$4([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaBreadcrumbRenderer.prototype, "maxItems", void 0);
-__decorate$4([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaBreadcrumbRenderer.prototype, "itemRenderer", void 0);
-__decorate$4([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaBreadcrumbRenderer.prototype, "collapsedItemRenderer", void 0);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -86,31 +86,33 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaBreadcrumbCollapsedItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render(items) {
-    const source = items.map((item) => ({
-      label: item.label,
-      key: item.label,
-    }));
     return (index.h("div", { class: "vega-breadcrumb-item" },
-      index.h("vega-dropdown", { source: source, placement: ['bottom'], alignment: 'center', maxHeight: 200, ref: (ref) => {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaDropdownClick, (payload) => {
-            this.clickController.dropdownClick(payload.detail);
-          });
-        } },
-        index.h("vega-text", null, "...")),
+      index.h("vega-dropdown", { placement: ['bottom'], alignment: 'center', maxHeight: 200 },
+        index.h("vega-text", null, "..."),
+        index.h("vega-box", { slot: "items" }, items.map((item) => (index.h("vega-dropdown-item", { key: item.label, label: item.label }, this.itemRenderer.render(item, { isInDropdown: true })))))),
       index.h("vega-icon", { icon: "chevron-right-rounded", size: "size-12", color: "text-secondary" })));
   }
 }
-__decorate$3([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
-], VegaBreadcrumbCollapsedItemRenderer.prototype, "clickController", void 0);
+], VegaBreadcrumbCollapsedItemRenderer.prototype, "itemRenderer", void 0);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 class VegaBreadcrumbItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.onButtonLinkClick = (payload, item) => {
+      const event = this.clickEventEmitter.emit(item);
+      if (event && event.defaultPrevented) {
+        payload.preventDefault();
+      }
+    };
+  }
   render(item, options) {
     return (index.h("div", { class: "vega-breadcrumb-item", key: item.label }, this.renderContent(item, options)));
   }
@@ -123,6 +125,9 @@ class VegaBreadcrumbItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
     else if (options.isLastItem) {
       return this.renderLabel(item, true);
     }
+    else if (options.isInDropdown) {
+      return this.renderLink(item, false, true);
+    }
     else {
       return (index.h(index.Fragment, null,
         this.renderLabel(item),
@@ -135,60 +140,21 @@ class VegaBreadcrumbItemRenderer extends globalSlimmerRegistry.VegaSlimmer {
   renderLabel(item, isLastItem) {
     return item.tooltip ? (index.h("vega-tooltip", { text: item.tooltip, placement: ['bottom'] }, this.renderLink(item, isLastItem))) : (this.renderLink(item, isLastItem));
   }
-  renderLink(item, isLastItem) {
-    return isLastItem ? (index.h("span", { class: "vega-breadcrumb-last-label" }, item.label)) : (index.h("vega-button-link", { label: item.label, ref: (ref) => {
-        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaClick, () => {
-          this.clickController.click(item);
+  renderLink(item, isLastItem, isInDropdown = false) {
+    return isLastItem ? (index.h("span", { class: "vega-breadcrumb-last-label" }, item.label)) : (index.h("vega-button-link", { label: item.label, link: item.href, eventful: true, class: {
+        'vega-breadcrumb-dropdown-link': isInDropdown,
+      }, ref: (ref) => {
+        domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectObserverFactory.VegaClick, (payload) => {
+          this.onButtonLinkClick(payload, item);
         });
       } }));
   }
 }
-__decorate$2([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaBreadcrumbItemRenderer.prototype, "clickController", void 0);
-
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/**
- * The VegaBreadcrumbClickController class handles the click event of breadcrumb items, either redirecting the user to a URL or emitting an event.
- */
-class VegaBreadcrumbClickController extends globalSlimmerRegistry.VegaSlimmer {
-  /**
-   * The click function either redirects the user to a specified URL or emits an event when a breadcrumb
-   * item is clicked.
-   *
-   * @param {VegaBreadcrumbItemType} item - The parameter "item" is of type "VegaBreadcrumbItemType".
-   * @returns {void} The ID of the notification.
-   */
-  click(item) {
-    const event = this.clickEventEmitter.emit(item);
-    if (event && !event.defaultPrevented && item.href) {
-      window.location.href = item.href;
-    }
-  }
-  /**
-   * The `dropdownClick` method is a function that is called when a breadcrumb item is selected from a dropdown menu.
-   * It takes a `selectedKey` parameter, which is the label of the selected breadcrumb item.
-   *
-   * @param {string} selectedKey - The selected key.
-   * @returns {void} -
-   */
-  dropdownClick(selectedKey) {
-    const item = this.items.find((item) => item.label === selectedKey);
-    if (item)
-      this.click(item);
-  }
-}
-__decorate$1([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaBreadcrumbClickController.prototype, "items", void 0);
 __decorate$1([
   globalSlimmerRegistry.MapToComponentField()
-], VegaBreadcrumbClickController.prototype, "clickEventEmitter", void 0);
+], VegaBreadcrumbItemRenderer.prototype, "clickEventEmitter", void 0);
+
+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}";
 
@@ -211,9 +177,9 @@ const VegaBreadcrumb = class {
     this.renderer = new VegaBreadcrumbRenderer();
     this.collapsedItemRenderer = new VegaBreadcrumbCollapsedItemRenderer();
     this.itemRenderer = new VegaBreadcrumbItemRenderer();
-    this.clickController = new VegaBreadcrumbClickController();
-    this.eventsPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.renderer.getBreadcrumbContainerRef());
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBreadcrumb, domNodeSubjectFactory.VegaClick);
+    this.eventsPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.renderer.getBreadcrumbContainerRef());
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBreadcrumb, domNodeSubjectObserverFactory.VegaClick);
+    this.componentGlobalStyleSlimmer = new componentGlobalStyleSlimmer.ComponentGlobalStyleSlimmer(vegaBreadcrumbGlobalCss);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     /**
      * Determines the maximum number of visible items in the `vega-breadcrumb` component,
@@ -253,15 +219,15 @@ __decorate([
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "itemRenderer", void 0);
-__decorate([
-  globalSlimmerRegistry.InjectVegaSlimmer()
-], VegaBreadcrumb.prototype, "clickController", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "eventsPrevent", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "clickEventEmitter", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaBreadcrumb.prototype, "componentGlobalStyleSlimmer", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);

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

@@ -4,45 +4,45 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-00ba6623.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-16f74439.js');
+const designToken = require('./design-token-76bb47bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-85732e0f.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-d10ace87.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-2da7c9d6.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-184fe3b2.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-428d8802.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4e96270e.js');
 require('./type-guard-f12b5bae.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-0d22ff78.js');
+require('./responsive-format-facade-7e933525.js');
 require('./page-resize-observer-slimmer-11937d6f.js');
 require('./try-get-document-c0ebd39a.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-9c54f3aa.js');
+require('./token-extension-23ccff1d.js');
 require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./ui-4ce1fa08.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./internal-vega-event-manager-7b87c2f4.js');
+require('./internal-vega-event-manager-28b957c8.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
+require('./vega-internal-event-id-9647aaf8.js');
+require('./string-39438062.js');
+require('./object-e2e28e3d.js');
+require('./base-renderer-0a3b62b7.js');
+require('./internal-icon-manager-32f9ed63.js');
 require('./feature-flag-controller-ce2162c8.js');
 require('./index-4d7bce1a.js');
-require('./icon-manager-9072356d.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./translation-cde4dce3.js');
-require('./content-state-d7b8e70b.js');
-require('./code-block-ecb2df41.js');
-require('./vega-internal-event-id-9647aaf8.js');
-require('./string-39438062.js');
-require('./object-e2e28e3d.js');
 require('./state-background-color-formatter-aa5570f6.js');
-require('./dom-node-subject-observer-factory-15130e50.js');
 
 const VegaButtonCircleRuntimeMetricsPayloadDefinition = [
   {
@@ -101,8 +101,8 @@ const VegaButtonCircle = class {
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
     this.click = index.createEvent(this, "click", 7);
     this.globalSlimmers = {};
-    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaButtonCircle, domNodeSubjectFactory.VegaClick);
-    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.host, {
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaButtonCircle, domNodeSubjectObserverFactory.VegaClick);
+    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectObserverFactory.VegaClick], () => this.host, {
       useCapture: true,
       customPreventHandle: (e) => {
         if (this.disabled) {