@heartlandone/vega 2.74.0-RTE-table-preview → 2.75.0-RTE-table-preview

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

@@ -1,226 +0,0 @@
-import { r as registerInstance, e as createEvent, h, g as Host, i as getElement } from './index-01a2f9c9.js';
-import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
-import { e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61db3eef.js';
-import { a as VegaClick } from './vega-event-id-61c8bd9f.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-fcfc9c8b.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
-import './change-manager-b115783e.js';
-import './dom-node-subject-factory-5798693b.js';
-import './ui-5f775fd9.js';
-import './dom-node-subject-observer-factory-3b49c6b3.js';
-import './observer-3959f9dd.js';
-import './internal-vega-event-manager-826279b7.js';
-import './try-get-document-bef0f526.js';
-import './vega-env-manager-8f8dc473.js';
-import './feature-flag-controller-24b9f956.js';
-import './index-1f9eab8f.js';
-import './_commonjsHelpers-2088bffa.js';
-
-const VegaButtonLinkRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'EVENTFUL_IS_TRUE',
-    payloadDescription: '@deprecated Specifies whether the button link will emit a vegaClick event when clicked. If set to true, the event will be emitted.',
-    /**
-     * The function checks if the `eventful` property of the `host` element is equal to 'true'.
-     * If it is, the function will return `true`.
-     *
-     * @param {HTMLElement} host - The element to check
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (host) => host.eventful === true,
-  },
-  {
-    payloadKey: 'EVENTFUL_IS_FALSE',
-    payloadDescription: '@deprecated Specifies whether the button link will emit a vegaClick event when clicked. If set to false, the component will function as a regular link to another page or URL, and no events will be emitted.',
-    /**
-     * The function checks if the `eventful` property of the `host` element is equal to 'false'.
-     * If it is, the function will return `true`.
-     *
-     * @param {HTMLElement} host - The element to check
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (host) => host.eventful === false,
-  },
-];
-
-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));display:inline-block;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));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}a.default:focus-visible,a.large:focus-visible{border-radius:8px}a.small:focus-visible{border-radius:4px}a.icon:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:4px}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))}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-danger:focus-visible.default:focus-visible,a.vega-button-link-danger:focus-visible.large:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:4px}a.vega-button-link-danger:focus-visible.small:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}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;line-height:16px}a.vega-button-link-size-large .vega-button-link-icon{width:24px;height:24px;line-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}}: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(.button-group-item-button-tertiary.vega-button-link-disabled) a{background-color:rgba(var(--v-bg-transparent, 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) {
-    registerInstance(this, hostRef);
-    this.vegaClick = createEvent(this, "vegaClick", 7);
-    this.click = createEvent(this, "click", 7);
-    this.globalSlimmers = {};
-    this.clickEventEmitter = createEventEmitSlimmer(VegaButtonLink, VegaClick);
-    this.eventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host);
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaButtonLinkRuntimeMetricsPayloadDefinition);
-    /**
-     * Specifies the URL associated with the button link.
-     *   If no URL is set, the component behaves as a button and triggers the click event.
-     * 	 If a URL is provided, it behaves as a link and the click event is not emitted.
-     *
-     * @vegaVersion 1.0.4
-     * @defaultValue javascript:void(0);
-     */
-    this.link = VegaButtonLink.defaultLink;
-    /**
-     * Specifies the size of the button link.
-     *
-     * @vegaVersion 1.0.2
-     */
-    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.
-     *
-     * @vegaVersion 1.0.5
-     */
-    this.iconType = 'icon';
-    /**
-     * Specifies the placement of the icon in relation to
-     *    the button link's label.
-     *
-     * @vegaVersion 1.3.0
-     */
-    this.iconAlign = 'left';
-    /**
-     * Specifies the text displayed on the button link.
-     *
-     * @vegaVersion 1.0.4
-     */
-    /* eslint-disable-next-line @stencil/strict-mutable */
-    this.label = '';
-    /**
-     * Specifies whether the button link element is disabled.
-     *
-     * @vegaVersion 1.3.0
-     */
-    this.disabled = false;
-    /**
-     * Indicates the danger status of the button link,
-     *    typically used for destructive actions.
-     *
-     * @vegaVersion 1.3.0
-     */
-    this.danger = false;
-    /**
-     * Specifies whether the button link will emit a vegaClick event when clicked.
-     *    When set to true, the component behaves as a link but also triggers the click event when clicked,
-     *    allowing both navigation and custom click handling.
-     *
-     * @vegaVersion 1.3.0
-     */
-    this.eventful = false;
-    /**
-     * Specifies the location where the linked document will be opened,
-     *    helping users understand how the link will behave when activated.
-     *
-     * @vegaVersion 2.33.0
-     */
-    this.target = '_self';
-    this.onClick = (e) => {
-      if (!this.isButton() && !this.eventful)
-        return;
-      if (this.disabled) {
-        e.preventDefault();
-      }
-      else {
-        const clickEvent = this.clickEventEmitter.emit(this.host.dataset.key, e);
-        if (clickEvent.defaultPrevented) {
-          e.preventDefault();
-        }
-      }
-    };
-  }
-  componentWillLoad() {
-    if (!this.label) {
-      this.label = this.host.textContent;
-    }
-    this.host.innerHTML = '';
-  }
-  render() {
-    const isButton = this.isButton();
-    const href = isButton ? VegaButtonLink.defaultLink : this.link;
-    return sanitizeVegaComponent(h(Host, { class: {
-        'vega-button-link-disabled': this.disabled,
-      } }, h("a", { part: "link", tabIndex: this.disabled ? -1 : 0, role: isButton ? 'button' : 'link', "aria-label": this.label.trim() || 'No label defined', href: href, onClick: 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,
-        'icon': this.icon ? true : false,
-        [this.size]: true,
-      }, rel: "noopener noreferrer", target: this.target }, h("div", { class: "vega-button-link-content" }, this.renderContent()))), this.host);
-  }
-  hasIconButton(position) {
-    return this.icon && this.iconType === 'button' && this.iconAlign === position;
-  }
-  renderContent() {
-    if (this.icon) {
-      return (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 this.iconType === 'icon' ? 'size-8' : 'size-12';
-    }
-    if (this.size === 'small') {
-      return this.iconType === 'icon' ? 'size-4' : 'size-8';
-    }
-    if (this.size === 'default') {
-      return 'size-8';
-    }
-  }
-  renderLabel() {
-    return (this.label && (h("span", { class: "vega-button-link-label", part: "label-container" }, h("vega-text", { part: "label-text" }, this.label))));
-  }
-  renderIcon() {
-    return (h("div", { class: `vega-button-link-${this.iconType} vega-flex-shrink-0 v-min-w-min` }, this.iconType === 'icon' ? (this.renderVegaIcon()) : (h("div", { class: "vega-button-link-button-container" }, this.renderVegaIcon()))));
-  }
-  renderVegaIcon() {
-    return h("vega-icon", { icon: this.icon, size: this.size === 'large' ? 'size-24' : 'size-16' });
-  }
-  isButton() {
-    return !this.link || this.link === VegaButtonLink.defaultLink;
-  }
-  get host() { return getElement(this); }
-};
-VegaButtonLink.defaultLink = 'javascript:void(0);';
-__decorate([
-  InjectVegaGlobalSlimmer()
-], VegaButtonLink.prototype, "globalSlimmers", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonLink.prototype, "clickEventEmitter", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonLink.prototype, "eventPrevent", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonLink.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-VegaButtonLink.style = vegaButtonLinkCss;
-
-export { VegaButtonLink as vega_button_link };

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

@@ -1,259 +0,0 @@
-import { h, r as registerInstance, e as createEvent, g as Host, i as getElement } from './index-01a2f9c9.js';
-import { P as PageResizeObserverSlimmer, g as getCurrentBreakpoint } from './page-resize-observer-slimmer-ee8774a6.js';
-import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
-import { r as responsiveFormatFacade } from './responsive-format-facade-d4abfdb9.js';
-import { C as ChangeManager } from './change-manager-b115783e.js';
-import { V as VegaSlimmer, b as MapToComponentField, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-61db3eef.js';
-import { a as VegaClick } from './vega-event-id-61c8bd9f.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-fcfc9c8b.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5798693b.js';
-import { f as findParent } from './ui-5f775fd9.js';
-import { o as VegaInternalFormSubmit, T as VegaInternalFormReset } from './vega-internal-event-id-b65a01a3.js';
-import './ui-189dae23.js';
-import './breakpoints-d9faf11c.js';
-import './try-get-document-bef0f526.js';
-import './type-guard-09acedc9.js';
-import './typography-396de03f.js';
-import './index-81ce67e2.js';
-import './static-subject-title-6fdf8c8b.js';
-import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
-import './number-4398f2e1.js';
-import './pixel-f32c07ce.js';
-import './array-a1d98264.js';
-import './public-api-a77a0b33.js';
-import './vega-env-manager-8f8dc473.js';
-import './internal-vega-event-manager-826279b7.js';
-import './internal-vega-z-index-manager-f0ca0975.js';
-import './feature-flag-controller-24b9f956.js';
-import './index-1f9eab8f.js';
-import './_commonjsHelpers-2088bffa.js';
-import './dark-mode-style-controller-e2a2f76c.js';
-import './observer-3959f9dd.js';
-import './vega-nonce-manager-497e5eb5.js';
-import './internal-icon-manager-9279071a.js';
-import './valid-credit-card-number-rule-04b032a6.js';
-import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import './index-b04c1ee0.js';
-import './content-state-fc9d98e0.js';
-import './code-block-b5f8fc8a.js';
-import './string-a953eafc.js';
-import './object-66c37948.js';
-import './dto-renderer-manager-12bc9121.js';
-import './base-renderer-101f6d04.js';
-import './dom-node-subject-observer-factory-3b49c6b3.js';
-import './column-operation-a1620c67.js';
-import './remote-invocation-registry-4219120b.js';
-import './timer-9321173b.js';
-import './styles.constants-b320e4a7.js';
-import './range-429fb0e2.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;
-  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;
-};
-/** This code snippet defines a TypeScript class named `VegaButtonLoadingRenderer` that extends `VegaSlimmer`. It includes several class properties (`loading`, `loadingMode`, `size`, `danger`) that are mapped to fields of a `VegaButton` component. The `render` method of this class is responsible for rendering a loading indicator component (`vega-loading-indicator`) based on the values of the class properties. */
-class VegaButtonLoadingRenderer extends VegaSlimmer {
-  /**
-   * renders a loading indicator component based on the values of certain properties (`loading`) of the class instance.
-   *
-   * @returns {Nullable<HTMLVegaLoadingIndicatorElement>} Loading element if the property loading set to true
-   */
-  render() {
-    if (this.loading) {
-      return h("vega-loading-indicator", { size: "micro", mode: "indeterminate" });
-    }
-  }
-}
-__decorate$1([
-  MapToComponentField()
-], VegaButtonLoadingRenderer.prototype, "loading", void 0);
-
-const vegaButtonCss = ":host{display:inline-block;border-radius:9999px}:host(.vega-button-block){display:block}:host>button{border-radius:9999px;cursor:pointer;font-family:\"Inter\", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;box-sizing:border-box;outline:none}@media screen and (min-width: 768px) and (max-width: 1023px){:host>button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host>button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host>button{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .vega-button-size-small{padding-left:16px;padding-right:16px;padding-top:4px;padding-bottom:4px}:host .vega-button-size-default{padding-left:24px;padding-right:24px;padding-top:8px;padding-bottom:8px}:host .vega-button-size-large{padding-left:32px;padding-right:32px;padding-top:16px;padding-bottom:16px}:host .vega-button-variant-secondary.vega-button-size-small{padding-top:2px;padding-bottom:2px}:host .vega-button-variant-secondary.vega-button-size-default{padding-top:6px;padding-bottom:6px}:host .vega-button-variant-secondary.vega-button-size-large{padding-top:14px;padding-bottom:14px}:host>button vega-flex span{overflow-wrap:break-word}:host(.vega-button-block) button{width:100%}:host button:focus{outline:none}:host .vega-button-variant-primary{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));border-width:0px;color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}@media (hover: hover){:host .vega-button-variant-primary:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}}:host .vega-button-variant-primary:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host .vega-button-variant-primary:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-button-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))}@media (hover: hover){:host .vega-button-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))}}:host .vega-button-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))}:host .vega-button-variant-secondary:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-button-variant-primary.vega-button-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1));color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}@media (hover: hover){:host .vega-button-variant-primary.vega-button-danger:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}}:host .vega-button-variant-primary.vega-button-danger:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host .vega-button-variant-primary.vega-button-danger:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .vega-button-variant-secondary.vega-button-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))}@media (hover: hover){:host .vega-button-variant-secondary.vega-button-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))}}:host .vega-button-variant-secondary.vega-button-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))}:host .vega-button-variant-secondary.vega-button-danger:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px;color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host .vega-button-disabled{pointer-events:none;--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))}:host .vega-button-variant-primary.vega-button-disabled,:host .vega-button-variant-primary.vega-button-disabled:focus{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1));--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))}:host .vega-button-variant-secondary.vega-button-disabled,:host .vega-button-variant-secondary.vega-button-disabled:focus{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));--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))}:host .vega-button-variant-primary vega-loading-indicator::part(circle-loader-progress){stroke:rgba(var(--v-text-white, 252, 252, 252, 1))}:host .vega-button-variant-primary vega-loading-indicator::part(circle-loader-track){stroke:rgba(var(--v-text-white, 252, 252, 252, 1));opacity:0.2}:host(.button-group-item-button-secondary) .vega-button-variant-secondary.vega-button-disabled{border:2px solid rgba(var(--v-border-secondary-btn, 19, 98, 226, 1))}";
-
-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 VegaButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.vegaClick = createEvent(this, "vegaClick", 7);
-    this.click = createEvent(this, "click", 7);
-    this.globalSlimmers = {};
-    /**
-     * The below method is e2e-test covered in
-     * @see{module:vega-button-resize-e2e}
-     */
-    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer();
-    this.clickEventEmitter = createEventEmitSlimmer(VegaButton, VegaClick);
-    this.eventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, {
-      useCapture: true,
-      customPreventHandle: (e) => {
-        if (this.isDisabledButton()) {
-          e.stopImmediatePropagation();
-        }
-      },
-    });
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
-    this.vegaButtonLoadingRenderer = new VegaButtonLoadingRenderer();
-    this.currentBreakpoint = getCurrentBreakpoint();
-    /**
-     * Specifies the size of the button.
-     *
-     * @vegaVersion 1.0.0
-     */
-    this.size = 'default';
-    /**
-     * Specifies the visual style and prominence of the button.
-     *
-     * It determines how the button will be presented to the user.
-     *
-     * @vegaVersion 1.0.0
-     */
-    this.variant = 'primary';
-    /**
-     * Specifies the placement of the icon in relation to the button's label.
-     *
-     * @vegaVersion 1.3.0
-     */
-    this.iconAlign = 'left';
-    /**
-     * Specifies the text displayed on the button.
-     *
-     * @vegaVersion 1.0.3
-     */
-    /* eslint-disable-next-line @stencil/strict-mutable */
-    this.label = null;
-    /**
-     * Specifies whether the button element is disabled.
-     *
-     * @vegaVersion 1.0.3
-     */
-    this.disabled = false;
-    /**
-     * Indicates the danger status of the button,
-     *    typically used for destructive actions.
-     *
-     * @vegaVersion 1.3.0
-     */
-    this.danger = false;
-    /**
-     * Specifies whether the button should span the
-     *    full width of its parent element.
-     *
-     * @vegaVersion 1.3.0
-     */
-    this.block = false;
-    /**
-     * Specifies the type of button and its behavior in relation to
-     *    form submission and data reset.
-     *
-     * @vegaVersion 1.0.3
-     */
-    this.type = 'button';
-    /**
-     * Specifies whether the button is in a loading state. When `true`,
-     *     the button is disabled and an indeterminate loading indicator
-     *     is displayed within the button.
-     *
-     * @vegaVersion 2.17.0
-     */
-    this.loading = false;
-    this.handleClick = (e) => {
-      if (this.isDisabledButton()) {
-        e.preventDefault();
-      }
-      else {
-        if (['submit', 'reset'].includes(this.type)) {
-          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);
-      }
-    };
-  }
-  componentWillLoad() {
-    if (!this.label) {
-      this.label = this.host.textContent;
-    }
-    this.host.innerHTML = '';
-  }
-  render() {
-    return sanitizeVegaComponent(h(Host, { class: { 'vega-button-block': this.isBlockStyleButton() } }, h("button", { type: this.type, "aria-label": this.label || 'No label defined', class: {
-        [`vega-button-size-${responsiveFormatFacade.formatCustom(this.size)}`]: true,
-        [`vega-button-variant-${this.variant}`]: true,
-        'vega-button-disabled': this.isDisabledButton(),
-        'vega-button-danger': this.danger,
-      }, onClick: this.handleClick, disabled: this.isDisabledButton(), part: "button" }, this.renderContent())), this.host);
-  }
-  renderContent() {
-    if (this.icon || this.loading) {
-      return (h("vega-flex", { alignItems: "center", gap: "size-8", justifyContent: "center" }, this.iconAlign === 'left' && this.renderIcon(), this.renderLabel(), this.iconAlign === 'right' && this.renderIcon(), this.vegaButtonLoadingRenderer.render()));
-    }
-    else {
-      return this.renderLabel();
-    }
-  }
-  renderLabel() {
-    return this.label && h("span", null, this.label);
-  }
-  renderIcon() {
-    if (this.icon) {
-      return (h("vega-icon", { icon: this.icon, class: "vega-flex-shrink-0 v-min-w-min", size: this.size === 'large' ? 'size-24' : 'size-16' }));
-    }
-  }
-  /**
-   * The function `isDisabledButton` returns true if either the `disabled` or `loading` property is true.
-   *
-   * @returns {boolean} The method `isDisabledButton()` is returning a boolean value, which is determined by the
-   * logical OR operation between `this.disabled` and `this.loading`. If either `this.disabled` or
-   * `this.loading` is true, the method will return `true`, indicating that the button is disabled.
-   */
-  isDisabledButton() {
-    return this.disabled || this.loading;
-  }
-  /**
-   * Returns a boolean value based on the formatting of a block using a responsive format facade.
-   *
-   * @returns {boolean} A boolean value.
-   */
-  isBlockStyleButton() {
-    return responsiveFormatFacade.formatCustom(this.block);
-  }
-  get host() { return getElement(this); }
-};
-__decorate([
-  InjectVegaGlobalSlimmer()
-], VegaButton.prototype, "globalSlimmers", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButton.prototype, "pageResizeObserverSlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButton.prototype, "clickEventEmitter", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButton.prototype, "eventPrevent", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButton.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButton.prototype, "vegaButtonLoadingRenderer", void 0);
-VegaButton.style = vegaButtonCss;
-
-export { VegaButton as vega_button };