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

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

@@ -1,245 +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 { i as formatAndValidTextColor } from './design-token-4e585c60.js';
-import { C as ChangeManager } from './change-manager-b115783e.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 { f as findParent } from './ui-5f775fd9.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5798693b.js';
-import { o as VegaInternalFormSubmit, T as VegaInternalFormReset } from './vega-internal-event-id-b65a01a3.js';
-import './type-guard-09acedc9.js';
-import './breakpoints-d9faf11c.js';
-import './ui-189dae23.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 './responsive-format-facade-d4abfdb9.js';
-import './page-resize-observer-slimmer-ee8774a6.js';
-import './try-get-document-bef0f526.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';
-
-const VegaButtonCircleRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'VARIANT_IS_PRIMARY',
-    payloadDescription: 'The circular button is rendered with the bg-action background color, which typically signifies a primary or important action',
-    /**
-     * The function checks if the `variant` property of the `host` element is equal to 'primary'.
-     * If it is, the function will return `true`.
-     *
-     * @param {HTMLElement} host - The element to check
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (host) => host.variant === 'primary',
-  },
-  {
-    payloadKey: 'VARIANT_IS_SECONDARY',
-    payloadDescription: 'The circular button is rendered with a transparent background and an action border color. This variant is often used for secondary or less prominent actions',
-    /**
-     * The function checks if the `variant` property of the `host` element is equal to 'secondary'.
-     * If it is, the function will return `true`.
-     *
-     * @param {HTMLElement} host - The element to check
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (host) => host.variant === 'secondary',
-  },
-  {
-    payloadKey: 'VARIANT_IS_ICON_ONLY',
-    payloadDescription: 'The circular button is rendered with an icon displayed in the default state, and the circle background appears when hovering over the button',
-    /**
-     * The function checks if the `variant` property of the `host` element is equal to 'icon-only'.
-     * If it is, the function will return `true`.
-     *
-     * @param {HTMLElement} host - The element to check
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (host) => host.variant === 'icon-only',
-  },
-];
-
-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-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-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 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-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 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-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(.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-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-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 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{display:inline-block;border-radius:9999px}:host vega-tooltip{border-radius:9999px}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-on-action, 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{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.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{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.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{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}.vega-button-circle-variant-primary.vega-button-circle-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1));color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-button-circle-variant-primary.vega-button-circle-danger:focus-visible{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.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{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.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{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.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));color:rgba(var(--v-text-on-disabled, 252, 252, 252, 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) {
-    registerInstance(this, hostRef);
-    this.vegaClick = createEvent(this, "vegaClick", 7);
-    this.click = createEvent(this, "click", 7);
-    this.globalSlimmers = {};
-    this.clickEventEmitter = createEventEmitSlimmer(VegaButtonCircle, VegaClick);
-    this.eventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.host, {
-      useCapture: true,
-      customPreventHandle: (e) => {
-        if (this.disabled) {
-          e.stopImmediatePropagation();
-        }
-      },
-    });
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaButtonCircleRuntimeMetricsPayloadDefinition);
-    /**
-     * Specifies the size of the circular button.
-     *
-     * @vegaVersion 1.0.2
-     */
-    this.size = 'default';
-    /**
-     * Specifies the variant and prominence of the circular button.
-     *
-     * The following options are available for the `variant` parameter:
-     * - `primary`:
-     *      The circular button is rendered with the `bg-action` background color,
-     *      which typically signifies a primary or important action.
-     * - `secondary`:
-     *      The circular button is rendered with a transparent background and
-     *      an `action` border color. This variant is often used for
-     *      secondary or less prominent actions.
-     * - `icon-only`:
-     *      The circular button is rendered with an icon displayed in the default state,
-     *      and the circle background appears when hovering over the button.
-     *
-     * @vegaVersion 1.0.2
-     */
-    this.variant = 'primary';
-    /**
-     * Specifies whether the circular button element is disabled.
-     *
-     * @vegaVersion 1.0.4
-     */
-    this.disabled = false;
-    /**
-     * Indicates the danger status of the circular button,
-     *    typically used for destructive actions.
-     *
-     * @vegaVersion 1.3.0
-     */
-    this.danger = false;
-    /**
-     * Specifies the type of button and its behavior in relation to
-     *    form submission and data reset.
-     *
-     * @vegaVersion 1.16.0
-     */
-    this.type = 'button';
-    /**
-     * Specifies the color of the icon displayed on the circular button.
-     *
-     * @vegaVersion 1.24.0
-     */
-    this.iconColor = 'text-primary';
-    /**
-     * Indicates whether to use a tooltip to display the label for the button circle.
-     *
-     * @vegaVersion 2.0.0
-     */
-    this.showTooltip = true;
-    this.handleClick = (e) => {
-      if (this.disabled) {
-        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() {
-    this.host.innerHTML = '';
-  }
-  render() {
-    var _a;
-    return sanitizeVegaComponent(h(Host, null, 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;
-    return (h("button", { type: this.type, "aria-label": ((_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()) || 'No label defined', class: {
-        [`vega-button-circle-size-${this.size}`]: true,
-        [`vega-button-circle-variant-${this.variant}`]: true,
-        'vega-button-circle-danger': this.danger,
-        'vega-button-circle-disabled': this.disabled,
-        [`${formatAndValidTextColor(this.iconColor)}`]: this.variant == 'icon-only',
-      }, onClick: this.handleClick, disabled: this.disabled, part: "button" }, this.renderContent()));
-  }
-  renderContent() {
-    return h("vega-icon", { icon: this.icon, size: this.getIconSize(this.size), part: "icon" });
-  }
-  /**
-   * get the button content icon size from the button size
-   *
-   * @param {VegaButtonCircleSize} size the button size
-   * @returns {SpacingTokenType} the icon size
-   */
-  getIconSize(size) {
-    switch (size) {
-      case 'large':
-        return 'size-24';
-      case 'extra-small':
-        return 'size-12';
-      default:
-        return 'size-16';
-    }
-  }
-  get host() { return getElement(this); }
-};
-__decorate([
-  InjectVegaGlobalSlimmer()
-], VegaButtonCircle.prototype, "globalSlimmers", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonCircle.prototype, "clickEventEmitter", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonCircle.prototype, "eventPrevent", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonCircle.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-VegaButtonCircle.style = vegaButtonCircleCss;
-
-export { VegaButtonCircle as vega_button_circle };

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

@@ -1,203 +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 { V as VegaSlimmer, b as MapToComponentField, M as MapToComponentMethod, m as methodPlaceholder, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-2c2e1a57.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 { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3b49c6b3.js';
-import { g as VegaInternalButtonGroupClick } from './vega-internal-event-id-b65a01a3.js';
-import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
-import './change-manager-b115783e.js';
-import './observer-3959f9dd.js';
-import './dom-node-subject-factory-5798693b.js';
-import './ui-5f775fd9.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';
-
-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 `VegaButtonGroupClickController` class is responsible for adding and removing observers for button group click events in a Vega component. */
-class VegaButtonGroupClickController extends VegaSlimmer {
-  /**
-   * Add group node subject observer
-   */
-  registerGroupClickObserver() {
-    DomNodeSubjectObserverFactory.addUniqueObserverToNode(this.host, VegaInternalButtonGroupClick, (payload) => {
-      this.clickEventEmitter.emit(payload.detail);
-    });
-  }
-  /**
-   * Remove the group node subject observer
-   */
-  unregisterGroupClickObserver() {
-    DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.host, VegaInternalButtonGroupClick);
-  }
-}
-__decorate$1([
-  MapToComponentField()
-], VegaButtonGroupClickController.prototype, "host", void 0);
-__decorate$1([
-  MapToComponentField()
-], VegaButtonGroupClickController.prototype, "clickEventEmitter", void 0);
-__decorate$1([
-  MapToComponentMethod('connectedCallback')
-], VegaButtonGroupClickController.prototype, "registerGroupClickObserver", null);
-__decorate$1([
-  MapToComponentMethod('disconnectedCallback')
-], VegaButtonGroupClickController.prototype, "unregisterGroupClickObserver", null);
-
-const VegaButtonGroupRuntimeMetricsPayloadDefinition = [
-  {
-    payloadKey: 'VARIANT_IS_PRIMARY',
-    payloadDescription: 'Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.',
-    /**
-     * The function checks if the `variant` property of the `host` element is equal to 'primary'.
-     * If it is, the function will return `true`.
-     *
-     * @param {HTMLElement} host - The element to check.
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (host) => host.variant === 'primary',
-  },
-  {
-    payloadKey: 'VARIANT_IS_SECONDARY',
-    payloadDescription: 'Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.',
-    /**
-     * The function checks if the `variant` property of the `host` element is equal to 'secondary'.
-     * If it is, the function will return `true`.
-     *
-     * @param {HTMLElement} host - The element to check
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (host) => host.variant === 'secondary',
-  },
-  {
-    payloadKey: 'VARIANT_IS_TERTIARY',
-    payloadDescription: 'Specifies the visual style and prominence of the button group. It determines how the button group will be presented to the user.',
-    /**
-     * The function checks if the `variant` property of the `host` element is equal to 'tertiary'.
-     * If it is, the function will return `true`.
-     *
-     * @param {HTMLElement} host - The element to check
-     * @returns {boolean} A boolean value
-     */
-    payloadValue: (host) => host.variant === 'tertiary',
-  },
-];
-
-const vegaButtonGroupCss = ":host{display:inline-block;border-radius:9999px}.vega-button-group-primary{gap:6px}.vega-button-group-container:not(.vega-button-group-tertiary){border-radius:9999px}.vega-button-group-container:not(.vega-button-group-tertiary)>::slotted(.vega-button-group-item:first-child){border-top-left-radius:9999px;border-bottom-left-radius:9999px}.vega-button-group-container:not(.vega-button-group-tertiary)>::slotted(.vega-button-group-item:last-child){border-top-right-radius:9999px;border-bottom-right-radius:9999px}.vega-button-group-tertiary>::slotted(.vega-button-group-item){border-color:rgba(var(--v-border-color-divider-secondary, 199, 217, 229, 1));border-left-width:1px;border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-style:solid}.vega-button-group-tertiary>::slotted(.vega-button-group-item:first-child){border-left-width:0px}";
-
-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 VegaButtonGroup = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.vegaClick = createEvent(this, "vegaClick", 7);
-    this.click = createEvent(this, "click", 7);
-    this.globalSlimmers = {};
-    this.clickEventEmitter = createEventEmitSlimmer(VegaButtonGroup, VegaClick);
-    this.clickEventPrevent = new ChildNodesEventPreventSlimmer([VegaClick], () => this.flexContainer);
-    this.buttonGroupClickController = new VegaButtonGroupClickController();
-    this.variantNotifySlimmer = createSubStateNotifySlimmer(VegaButtonGroup, 'variant', 'watchVariant');
-    this.sizeNotifySlimmer = createSubStateNotifySlimmer(VegaButtonGroup, 'size', 'watchSize');
-    this.iconAlignNotifySlimmer = createSubStateNotifySlimmer(VegaButtonGroup, 'iconAlign', 'watchIconAlign');
-    this.disabledNotifySlimmer = createSubStateNotifySlimmer(VegaButtonGroup, 'disabled', 'watchDisabled');
-    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaButtonGroupRuntimeMetricsPayloadDefinition);
-    /**
-     * Specifies the visual style and prominence of the button group.
-     *
-     * It determines how the button group will be presented to the user.
-     *
-     * @vegaVersion 2.5.0
-     */
-    this.variant = 'primary';
-    /**
-     * Specifies the size of the button group.
-     *
-     * @vegaVersion 2.5.0
-     */
-    this.size = 'default';
-    /**
-     * Specifies the placement of the icon in relation to the button's label.
-     *
-     * @vegaVersion 2.5.0
-     */
-    this.iconAlign = 'left';
-    /**
-     * Specifies whether the button elements are disabled.
-     *
-     * @vegaVersion 2.72.0
-     */
-    this.disabled = false;
-  }
-  watchVariant() {
-    methodPlaceholder();
-  }
-  watchSize() {
-    methodPlaceholder();
-  }
-  watchIconAlign() {
-    methodPlaceholder();
-  }
-  watchDisabled() {
-    methodPlaceholder();
-  }
-  render() {
-    const containerClasses = `vega-button-group-container vega-button-group-${this.variant}`;
-    return sanitizeVegaComponent(h(Host, null, h("vega-flex", { class: containerClasses, direction: "row", alignItems: this.variant === 'tertiary' ? 'center' : 'stretch', gap: this.variant !== 'tertiary' ? 'size-2' : '0', ref: (node) => (this.flexContainer = node) }, h("slot", null))), this.host);
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "variant": ["watchVariant"],
-    "size": ["watchSize"],
-    "iconAlign": ["watchIconAlign"],
-    "disabled": ["watchDisabled"]
-  }; }
-};
-__decorate([
-  InjectVegaGlobalSlimmer()
-], VegaButtonGroup.prototype, "globalSlimmers", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonGroup.prototype, "clickEventEmitter", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonGroup.prototype, "clickEventPrevent", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonGroup.prototype, "buttonGroupClickController", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonGroup.prototype, "variantNotifySlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonGroup.prototype, "sizeNotifySlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonGroup.prototype, "iconAlignNotifySlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonGroup.prototype, "disabledNotifySlimmer", void 0);
-__decorate([
-  InjectVegaSlimmer()
-], VegaButtonGroup.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
-VegaButtonGroup.style = vegaButtonGroupCss;
-
-export { VegaButtonGroup as vega_button_group };