@heartlandone/vega 2.0.0-temp-test-0.2 → 2.0.0

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

@@ -2,12 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4c1d8251.js');
-const vegaSlimmer = require('./vega-slimmer-281f0079.js');
-const ui = require('./ui-97068bc7.js');
-const component = require('./component-a411c045.js');
+const index = require('./index-1299d729.js');
+const vegaSlimmer = require('./vega-slimmer-af488dc3.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
+const ui = require('./ui-23cd9abb.js');
+const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-f0546f9d.js');
+const internalVegaEventManager = require('./internalVegaEventManager-cfb1df83.js');
+const component = require('./component-b50f0483.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-4b96b18b.js');
 require('./log-5d8066e0.js');
-require('./featureFlagController-3b23a9cb.js');
+require('./dynamic-slimmer-c718b7d9.js');
+require('./changeManager-1dd5ac2a.js');
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -20,13 +26,21 @@ class VegaBreadcrumbRenderer extends vegaSlimmer.VegaSlimmer {
     super(...arguments);
     this.isMobile = ui.getDeviceType() === ui.DeviceType.MOBILE;
   }
+  /**
+   * get the component container div element
+   *
+   * @returns {HTMLDivElement} the container element ref
+   */
+  getBreadcrumbContainerRef() {
+    return this.vegaBreadcrumbContainerRef;
+  }
   render() {
     return (index.h("div", { class: {
         'vega-breadcrumb': true,
         'mobile': this.isMobile,
         'collapsed': this.isCollapsed(),
         'vega-breadcrumb-hidden': this.items.length <= 1,
-      } }, this.renderItems()));
+      }, ref: (node) => (this.vegaBreadcrumbContainerRef = node) }, this.renderItems()));
   }
   renderItems() {
     const htmlItems = this.items.map((item, index) => this.itemRenderer.render(item, {
@@ -65,26 +79,17 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 class VegaBreadcrumbCollapsedItemRenderer extends vegaSlimmer.VegaSlimmer {
-  constructor() {
-    super(...arguments);
-    this.onDropdownClick = (event, items) => {
-      event.stopPropagation();
-      const item = items.find((item) => item.label === event.detail);
-      if (item)
-        this.clickController.click(item);
-    };
-  }
   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, 
-        /* eslint-disable-next-line react/jsx-no-bind */
-        onVegaDropdownClick: (event) => this.onDropdownClick(event, items), 
-        /* eslint-disable-next-line react/jsx-no-bind */
-        onVegaClick: (event) => event.stopPropagation(), placement: ['bottom'], alignment: 'center', maxHeight: 200 },
+      index.h("vega-dropdown", { source: source, placement: ['bottom'], alignment: 'center', maxHeight: 200, ref: (ref) => {
+          eventEmitSlimmer.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, internalVegaEventManager.VegaDropdownClick, (payload) => {
+            this.clickController.dropdownClick(payload.detail);
+          });
+        } },
         index.h("vega-text", null, "...")),
       index.h("vega-icon", { icon: "chevron-right-rounded", size: "size-12", color: "text-secondary" })));
   }
@@ -122,14 +127,13 @@ class VegaBreadcrumbItemRenderer extends vegaSlimmer.VegaSlimmer {
     return index.h("vega-icon", { icon: icon, size: "size-12", color: color });
   }
   renderLabel(item, isLastItem) {
-    return item.tooltip ? (index.h("vega-tooltip", { content: item.tooltip, placement: ['bottom'] }, this.renderLink(item, isLastItem))) : (this.renderLink(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, 
-      /* eslint-disable-next-line react/jsx-no-bind */
-      onVegaClick: (e) => {
-        e.stopPropagation();
-        this.clickController.click(item);
+    return isLastItem ? (index.h("span", { class: "vega-breadcrumb-last-label" }, item.label)) : (index.h("vega-button-link", { label: item.label, ref: (ref) => {
+        eventEmitSlimmer.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, internalVegaEventManager.VegaClick, () => {
+          this.clickController.click(item);
+        });
       } }));
   }
 }
@@ -159,15 +163,30 @@ class VegaBreadcrumbClickController extends vegaSlimmer.VegaSlimmer {
       window.location.href = item.href;
     }
     else {
-      this.vegaClick.emit(item);
+      this.clickEventEmitter.emit(item);
     }
   }
+  /**
+   * 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([
   vegaSlimmer.MapToComponentField()
-], VegaBreadcrumbClickController.prototype, "vegaClick", void 0);
+], VegaBreadcrumbClickController.prototype, "items", void 0);
+__decorate$1([
+  vegaSlimmer.MapToComponentField()
+], VegaBreadcrumbClickController.prototype, "clickEventEmitter", void 0);
 
-const vegaBreadcrumbCss = ":host {\n\t@apply v-block;\n}\n\n.vega-breadcrumb {\n\t@apply v-flex v-gap-size-8 v-flex-wrap;\n}\n\n.vega-breadcrumb-hidden {\n\tdisplay: none !important;\n}\n\n.vega-breadcrumb-item {\n\t@apply v-flex v-gap-size-8 v-items-center;\n}\n\n.vega-breadcrumb.mobile > .vega-breadcrumb-item {\n\t@apply v-hidden;\n}\n\n.vega-breadcrumb.mobile .vega-breadcrumb-item:nth-last-child(2) {\n\t@apply v-flex;\n}\n\n.vega-breadcrumb.collapsed .vega-breadcrumb-item:nth-child(n + 3):not(:last-child) {\n\t@apply v-hidden;\n}\n\n.vega-breadcrumb-item vega-text {\n\t@apply v-font-field-label v-text-link;\n}\n\n.vega-breadcrumb-item vega-dropdown vega-text {\n\t@apply v-cursor-pointer;\n}\n\n.vega-breadcrumb-item vega-icon {\n\t@apply v-flex-shrink-0;\n}\n\n.vega-breadcrumb-item .vega-breadcrumb-last-label {\n\t@apply v-font-field-label v-text-primary;\n}\n\n.vega-breadcrumb-item vega-button-link > a:hover,\n.vega-breadcrumb-item vega-button-link > a:focus-visible {\n\t@apply v-no-underline;\n}\n";
+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.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;
@@ -183,19 +202,23 @@ const VegaBreadcrumb = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.click = index.createEvent(this, "click", 7);
+    this.globalSlimmers = {};
     this.renderer = new VegaBreadcrumbRenderer();
     this.collapsedItemRenderer = new VegaBreadcrumbCollapsedItemRenderer();
     this.itemRenderer = new VegaBreadcrumbItemRenderer();
     this.clickController = new VegaBreadcrumbClickController();
+    this.eventsPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([internalVegaEventManager.VegaClick], () => this.renderer.getBreadcrumbContainerRef());
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaBreadcrumb, internalVegaEventManager.VegaClick);
     /**
      * Determines the maximum number of visible items in the `vega-breadcrumb` component,
      *   primarily in desktop mode.
-        
+  
      * When the number of items exceeds this limit, the component automatically
      *   collapses the center items, rendering only the first and last items visible.
-        
+  
      * If you set this value to `none`, all items will remain expanded.
-    
+  
      * The minimum allowed value for this property is 4.
      */
     this.maxItems = 4;
@@ -210,17 +233,26 @@ const VegaBreadcrumb = class {
   get host() { return index.getElement(this); }
 };
 __decorate([
-  vegaSlimmer.InjectVegaSlimmer()
+  injectVegaGlobalSlimmer.InjectVegaGlobalSlimmer()
+], VegaBreadcrumb.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "renderer", void 0);
 __decorate([
-  vegaSlimmer.InjectVegaSlimmer()
+  globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "collapsedItemRenderer", void 0);
 __decorate([
-  vegaSlimmer.InjectVegaSlimmer()
+  globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "itemRenderer", void 0);
 __decorate([
-  vegaSlimmer.InjectVegaSlimmer()
+  globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaBreadcrumb.prototype, "clickController", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaBreadcrumb.prototype, "eventsPrevent", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaBreadcrumb.prototype, "clickEventEmitter", void 0);
 VegaBreadcrumb.style = vegaBreadcrumbCss;
 
 exports.vega_breadcrumb = VegaBreadcrumb;

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

@@ -2,23 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-4c1d8251.js');
-const component = require('./component-a411c045.js');
-const designToken = require('./designToken-45078c17.js');
-const changeManager = require('./changeManager-91f1f24a.js');
-require('./featureFlagController-3b23a9cb.js');
+const index = require('./index-1299d729.js');
+const component = require('./component-b50f0483.js');
+const designToken = require('./designToken-a55d5476.js');
+const changeManager = require('./changeManager-1dd5ac2a.js');
+const staticSubjectTitle = require('./staticSubjectTitle-b02c917c.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
+const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-f0546f9d.js');
+const internalVegaEventManager = require('./internalVegaEventManager-cfb1df83.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-4b96b18b.js');
 require('./log-5d8066e0.js');
-require('./typeGuard-447fb5bd.js');
-require('./breakpoints-b5eab9c2.js');
-require('./typography-358013af.js');
-require('./responsiveFormatFacade-6cc0b6b2.js');
-require('./breakpoints-89055ccc.js');
+require('./typeGuard-70b919b6.js');
+require('./breakpoints-97c1f5c8.js');
+require('./ui-ef822fe1.js');
+require('./typography-3d2ba97d.js');
+require('./responsiveFormatFacade-8518443e.js');
 require('./number-7e7d9981.js');
+require('./vega-slimmer-af488dc3.js');
+require('./dynamic-slimmer-c718b7d9.js');
 
+const vegaButtonCircleCss = ":host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 89, 96, 99, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host{display:inline-block}button{border-radius:9999px;cursor:pointer;outline:2px solid transparent;outline-offset:2px;line-height:normal}button:focus{outline:none}.vega-button-circle-size-extra-small{width:24px;height:24px;padding:6px}.vega-button-circle-size-extra-small vega-icon{vertical-align:top}.vega-button-circle-size-small{width:32px;height:32px;padding:8px}.vega-button-circle-size-default{width:40px;height:40px;padding:12px}.vega-button-circle-size-large{width:56px;height:56px;padding:16px}.vega-button-circle-size-extra-small.vega-button-circle-variant-secondary{padding:4px}.vega-button-circle-size-small.vega-button-circle-variant-secondary{padding:6px}.vega-button-circle-size-default.vega-button-circle-variant-secondary{padding:10px}.vega-button-circle-size-large.vega-button-circle-variant-secondary{padding:14px}.vega-button-circle-variant-primary{border-width:0px;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-button-circle-variant-primary:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-button-circle-variant-primary:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}.vega-button-circle-variant-primary:focus-visible{background-color:rgba(var(--v-bg-action-focus, 0, 151, 255, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}.vega-button-circle-variant-secondary{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-link, 19, 98, 226, 1))}.vega-button-circle-variant-secondary:hover{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1));color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}.vega-button-circle-variant-secondary:active{border:2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));color:rgba(var(--v-text-link-active, 29, 65, 195, 1));background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}.vega-button-circle-variant-secondary:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}.vega-button-circle-variant-icon-only{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border-width:0px}.vega-button-circle-variant-icon-only:hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}.vega-button-circle-variant-icon-only:active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}.vega-button-circle-variant-icon-only:focus-visible{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0));box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}.vega-button-circle-variant-primary.vega-button-circle-danger{background-color:rgba(var(--v-bg-danger, 230, 50, 87, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:hover{background-color:rgba(var(--v-bg-danger-hover, 255, 87, 114, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:active{background-color:rgba(var(--v-bg-danger-active, 189, 41, 71, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}.vega-button-circle-variant-secondary.vega-button-circle-danger{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1));color:rgba(var(--v-text-danger-link, 230, 50, 87, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}.vega-button-circle-variant-secondary.vega-button-circle-danger:hover{border:2px solid rgba(var(--v-border-secondary-danger-btn-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}.vega-button-circle-variant-secondary.vega-button-circle-danger:active{border:2px solid rgba(var(--v-border-secondary-danger-btn-active, 189, 41, 71, 1));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}.vega-button-circle-variant-secondary.vega-button-circle-danger:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}.vega-button-circle-variant-icon-only.vega-button-circle-danger{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-danger:hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-danger:active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-danger:focus-visible{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0));box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}.vega-button-circle-disabled{pointer-events:none}.vega-button-circle-disabled:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}.vega-button-circle-variant-primary.vega-button-circle-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}.vega-button-circle-variant-secondary.vega-button-circle-disabled{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1))}.vega-button-circle-variant-icon-only.vega-button-circle-disabled{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border-width:0px}.vega-button-circle-disabled:focus{box-shadow:unset !important}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 const VegaButtonCircle = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.click = index.createEvent(this, "click", 7);
+    this.globalSlimmers = {};
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaButtonCircle, internalVegaEventManager.VegaClick);
+    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([internalVegaEventManager.VegaClick], () => this.host, {
+      useCapture: true,
+      customPreventHandle: (e) => {
+        if (this.disabled) {
+          e.stopImmediatePropagation();
+        }
+      },
+    });
     /**
      * Specifies the size of the circular button.
      */
@@ -57,17 +87,21 @@ const VegaButtonCircle = class {
      * Specifies the color of the icon displayed on the circular button.
      */
     this.iconColor = 'text-primary';
+    /**
+     * Indicates whether to use tooltip to display label.
+     */
+    this.showTooltip = true;
     this.handleClick = (e) => {
       if (this.disabled) {
         e.preventDefault();
       }
       else {
         if (['submit', 'reset'].includes(this.type)) {
-          changeManager.ChangeManager.notify(this.type === 'submit' ? changeManager.FORM_SUBMIT : changeManager.FORM_RESET, {
+          changeManager.ChangeManager.notify(this.type === 'submit' ? staticSubjectTitle.FORM_SUBMIT : staticSubjectTitle.FORM_RESET, {
             host: this.host,
           });
         }
-        this.vegaClick.emit();
+        this.clickEventEmitter.emit(undefined, e);
       }
     };
   }
@@ -75,7 +109,8 @@ const VegaButtonCircle = class {
     this.host.innerHTML = '';
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.label && !this.disabled ? (index.h("vega-tooltip", { content: this.label }, this.renderButton())) : (this.renderButton())), this.host);
+    var _a;
+    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("vega-tooltip", { text: this.label, trigger: this.label && this.showTooltip && !this.disabled ? 'hover' : 'none', disableInteractive: (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.disableInteractive }, this.renderButton())), this.host);
   }
   renderButton() {
     var _a;
@@ -85,10 +120,10 @@ const VegaButtonCircle = class {
         'vega-button-circle-danger': this.danger,
         'vega-button-circle-disabled': this.disabled,
         [`${designToken.formatAndValidTextColor(this.iconColor)}`]: this.variant == 'icon-only',
-      }, onClick: this.handleClick, disabled: this.disabled }, this.renderContent()));
+      }, onClick: this.handleClick, disabled: this.disabled, part: "button" }, this.renderContent()));
   }
   renderContent() {
-    return index.h("vega-icon", { icon: this.icon, size: this.getIconSize(this.size) });
+    return index.h("vega-icon", { icon: this.icon, size: this.getIconSize(this.size), part: "icon" });
   }
   /**
    * get the button content icon size from the button size
@@ -108,5 +143,15 @@ const VegaButtonCircle = class {
   }
   get host() { return index.getElement(this); }
 };
+__decorate([
+  injectVegaGlobalSlimmer.InjectVegaGlobalSlimmer()
+], VegaButtonCircle.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaButtonCircle.prototype, "clickEventEmitter", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaButtonCircle.prototype, "eventPrevent", void 0);
+VegaButtonCircle.style = vegaButtonCircleCss;
 
 exports.vega_button_circle = VegaButtonCircle;

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

@@ -0,0 +1,163 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1299d729.js');
+const component = require('./component-b50f0483.js');
+const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
+const injectVegaGlobalSlimmer = require('./inject-vega-global-slimmer-c81bb784.js');
+const eventEmitSlimmer = require('./eventEmitSlimmer-f0546f9d.js');
+const internalVegaEventManager = require('./internalVegaEventManager-cfb1df83.js');
+const childNodesEventPreventSlimmer = require('./childNodesEventPreventSlimmer-4b96b18b.js');
+require('./log-5d8066e0.js');
+require('./vega-slimmer-af488dc3.js');
+require('./dynamic-slimmer-c718b7d9.js');
+require('./changeManager-1dd5ac2a.js');
+
+const vegaButtonLinkCss = ":host{display:inline-block;position:relative;margin:0px;line-height:normal}a{text-decoration:none;color:rgba(var(--v-text-link, 19, 98, 226, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));outline:none}a:visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:focus-visible{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:not(.vega-button-link-danger):visited vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):visited vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):hover vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):active vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[fill=currentColor]{fill:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}a:not(.vega-button-link-danger):focus-visible vega-icon svg *[stroke=currentColor]{stroke:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host>a:hover .vega-button-link-label,:host>a:focus-visible .vega-button-link-label{text-decoration:underline}a:active{text-decoration:none}a:active:hover .vega-button-link-label{text-decoration:none}a.vega-button-link-danger{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}a.vega-button-link-danger:hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-danger:focus-visible{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}a .vega-button-link-button-container{border-radius:9999px;cursor:pointer;background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1));color:rgba(var(--v-text-link, 19, 98, 226, 1));box-sizing:border-box;border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}a:visited .vega-button-link-button-container{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1));border-color:var(--v-text-link-visited)}a:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1));color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}a:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}a:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-btn-active, 29, 65, 195, 1));background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1));color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}a.vega-button-link-danger .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1));color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}a.vega-button-link-danger:hover .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2));color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}a.vega-button-link-danger:focus .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn, 230, 50, 87, 1))}a.vega-button-link-danger:active .vega-button-link-button-container{border:2px solid rgba(var(--v-border-secondary-danger-btn-active, 189, 41, 71, 1));background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2));color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}a.vega-button-link-size-default .vega-button-link-button-container{width:40px;height:40px;padding:10px}a.vega-button-link-size-large .vega-button-link-button-container{width:56px;height:56px;padding:14px}a.vega-button-link-size-small .vega-button-link-button-container{width:32px;height:32px;padding:6px}a.vega-button-link-size-default .vega-button-link-icon,a.vega-button-link-size-small .vega-button-link-icon{width:16px;height:16px}a.vega-button-link-size-large .vega-button-link-icon{width:24px;height:24px}a .vega-button-link-label{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-small .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-default .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:20px;font-weight:700;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){a.vega-button-link-size-large .vega-button-link-label{font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px}}a:focus-visible>.vega-button-link-outer-border{position:absolute;pointer-events:none;border-radius:9999px;box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));display:inline-block;top:-4px;left:-8px;height:calc(100% + 8px);width:calc(100% + 16px)}a.vega-button-link-left-button:focus>.vega-button-link-outer-border{left:-4px}a.vega-button-link-right-button:focus>.vega-button-link-outer-border{width:calc(100% + 12px)}a.vega-button-link-danger:focus-visible>.vega-button-link-outer-border{box-shadow:0 0 0 4px rgba(var(--v-ring-action-danger-focus, 230, 50, 87, 0.25))}:host(.vega-button-link-disabled){pointer-events:none}:host(.vega-button-link-disabled) a{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));text-decoration:none;background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-button-link-disabled) a.vega-button-link .vega-button-link-button-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));border:2px solid rgba(var(--v-border-secondary-btn-disabled, 176, 180, 181, 1));background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.vega-button-link-disabled) a:focus>.vega-button-link-content{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.vega-button-link-disabled) a:focus>.vega-button-link-outer-border{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0))}";
+
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  else
+    for (var i = decorators.length - 1; i >= 0; i--)
+      if (d = decorators[i])
+        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const VegaButtonLink = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.vegaClick = index.createEvent(this, "vegaClick", 7);
+    this.click = index.createEvent(this, "click", 7);
+    this.globalSlimmers = {};
+    this.clickEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaButtonLink, internalVegaEventManager.VegaClick);
+    this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([internalVegaEventManager.VegaClick], () => this.host);
+    /**
+     * Specifies the URL associated with the button link.
+     */
+    this.link = VegaButtonLink.defaultLink;
+    /**
+     * Specifies the size of the button link.
+     */
+    this.size = 'default';
+    /**
+     * Specifies the type of icon used in the button link.
+     *
+     * The following options are available for the `iconType` parameter:
+     * - `icon`:
+     *      The icon is rendered as a regular icon without
+     *      any additional styling or background.
+     * - `button`:
+     *      The icon is rendered with a circular background,
+     *      providing additional emphasis and visual prominence
+     *      to the icon in the button link.
+     */
+    this.iconType = 'icon';
+    /**
+     * Specifies the placement of the icon in relation to
+     *    the button link's label.
+     */
+    this.iconAlign = 'left';
+    /**
+     * Specifies the text displayed on the button link.
+     */
+    this.label = '';
+    /**
+     * Specifies whether the button link element is disabled.
+     */
+    this.disabled = false;
+    /**
+     * Indicates the danger status of the button link,
+     *    typically used for destructive actions.
+     */
+    this.danger = false;
+    /**
+     * Specifies whether the button link will emit a vegaClick event when clicked.
+     *
+     * - If set to `true`, the event will be emitted.
+     * - If set to `false`, the component will function as
+     *    a regular link to another page or URL,
+     *    and no events will be emitted.
+     *
+     * @deprecated Setting the `link` property internally manages the eventful state of a Button Link.
+     */
+    this.eventful = true;
+    this.onClick = (e) => {
+      if (this.disabled) {
+        e.preventDefault();
+      }
+      else {
+        this.clickEventEmitter.emit(this.host.dataset.key, e);
+      }
+    };
+  }
+  componentWillLoad() {
+    if (!this.label) {
+      this.label = this.host.textContent;
+    }
+    this.host.innerHTML = '';
+  }
+  render() {
+    const isEventLink = this.isEventLink();
+    const href = isEventLink ? VegaButtonLink.defaultLink : this.link;
+    return component.sanitizeVegaComponent(index.h(index.Host, { class: {
+        'vega-button-link-disabled': this.disabled,
+      } }, index.h("a", { tabIndex: this.disabled ? -1 : 0, role: isEventLink ? 'button' : 'link', "aria-label": this.label.trim() || 'No label defined', href: href, onClick: isEventLink && this.onClick, class: {
+        'vega-button-link': true,
+        [`vega-button-link-size-${this.size}`]: true,
+        'vega-button-link-left-button': this.hasIconButton('left'),
+        'vega-button-link-right-button': this.hasIconButton('right'),
+        'vega-button-link-danger': this.danger,
+      } }, index.h("div", { class: "vega-button-link-content" }, this.renderContent()), index.h("div", { class: "vega-button-link-outer-border" }))), this.host);
+  }
+  hasIconButton(position) {
+    return this.icon && this.iconType === 'button' && this.iconAlign === position;
+  }
+  renderContent() {
+    if (this.icon) {
+      return (index.h("vega-flex", { alignItems: "center", gap: this.getGapByButtonSize(), justifyContent: "center" }, this.iconAlign === 'left' && this.renderIcon(), this.renderLabel(), this.iconAlign === 'right' && this.renderIcon()));
+    }
+    else {
+      return this.renderLabel();
+    }
+  }
+  getGapByButtonSize() {
+    if (this.size === 'large') {
+      return 'size-16';
+    }
+    if (this.size === 'small') {
+      return 'size-8';
+    }
+    if (this.size === 'default') {
+      return this.iconType === 'icon' ? 'size-8' : 'size-12';
+    }
+  }
+  renderLabel() {
+    return (this.label && (index.h("span", { class: "vega-button-link-label", part: "label-container" }, index.h("vega-text", { part: "label-text" }, this.label))));
+  }
+  renderIcon() {
+    return (index.h("div", { class: `vega-button-link-${this.iconType} vega-flex-shrink-0 v-min-w-min` }, this.iconType === 'icon' ? (this.renderVegaIcon()) : (index.h("div", { class: "vega-button-link-button-container" }, this.renderVegaIcon()))));
+  }
+  renderVegaIcon() {
+    return index.h("vega-icon", { icon: this.icon, size: this.size === 'large' ? 'size-24' : 'size-16' });
+  }
+  isEventLink() {
+    return !this.link || this.link === VegaButtonLink.defaultLink;
+  }
+  get host() { return index.getElement(this); }
+};
+VegaButtonLink.defaultLink = 'javascript:void(0);';
+__decorate([
+  injectVegaGlobalSlimmer.InjectVegaGlobalSlimmer()
+], VegaButtonLink.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaButtonLink.prototype, "clickEventEmitter", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaButtonLink.prototype, "eventPrevent", void 0);
+VegaButtonLink.style = vegaButtonLinkCss;
+
+exports.vega_button_link = VegaButtonLink;