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

package/dist/vega/vega-toggle-switch.entry.js

@@ -0,0 +1,194 @@
+import { r as registerInstance, e as createEvent, h, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { h as VegaChange } from './vega-event-id-61c8bd9f.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-61db3eef.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { m as methodPlaceholder, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-316ebdb1.js';
+import { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
+import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-6fdf8c8b.js';
+import { C as ChangeManager } from './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 './string-a953eafc.js';
+import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
+import './vega-internal-event-id-b65a01a3.js';
+import './index-81ce67e2.js';
+import './page-resize-observer-slimmer-ee8774a6.js';
+import './ui-189dae23.js';
+import './breakpoints-d9faf11c.js';
+import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+import './mutation-observer-slimmer-7065c745.js';
+import './mutation-observer-filters-6c515793.js';
+import './array-a1d98264.js';
+import './number-4398f2e1.js';
+import './sub-state-observer-slimmer-4fc8b3da.js';
+
+const vegaToggleSwitchCss = ":host{display:inline-block}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:12px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}div.vega-container{display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;position:relative;box-sizing:content-box;height:24px;width:48px;padding:4px;background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}div.vega-container:hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}div.vega-container.vega-container-checked{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}div.vega-container.vega-container-checked:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}div.vega-container.vega-container-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}div.vega-container.vega-container-checked.vega-container-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}div.vega-container-small-size{box-sizing:border-box;height:20px;width:32px;padding:2px}div.vega-container>span{margin-left:0px;transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}div.vega-container-checked>span{margin-left:24px}div.vega-container-checked.vega-container-small-size>span{margin-left:12px}div.vega-container>input{position:absolute;cursor:pointer;opacity:0;left:0px;top:0px;width:100%;height:100%;margin:0px;-webkit-tap-highlight-color:transparent}div.vega-container input:disabled{cursor:default}div.vega-container>span{display:inline-block;border-radius:9999px;box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));width:24px;height:24px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));box-shadow:var(--v-shadow-form-field, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.1));transition-property:margin;transition-duration:0.1s;transition-timing-function:linear}div.vega-container-small-size{height:20px}div.vega-container-small-size>span{width:16px;height:16px}div{align-self:center}";
+
+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 VegaToggleSwitch = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.vegaChange = createEvent(this, "vegaChange", 7);
+    this.change = createEvent(this, "change", 7);
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+    this.formFieldController = new FormFieldControllerSlimmer({
+      propertyRules: [
+        {
+          propertyName: 'required',
+          ruleFactory: (isRequired) => isRequired ? new ToggleSwitchRequiredRule() : null,
+        },
+      ],
+      validationRulesName: 'validationRules',
+      defaultValue: false,
+      attributeGetter: (propertyName) => this[propertyName],
+      inputContainerGetter: () => this.toggleSwitchContainer,
+      touchableAreaGetter: () => [this.toggleSwitchContainer],
+    });
+    this.changeEventEmitter = createEventEmitSlimmer(VegaToggleSwitch, VegaChange);
+    /**
+     * Specifies whether the toggle switch is in the checked state.
+     *
+     * @vegaVersion 1.3.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.checked = false;
+    /**
+     * The `value` property returns `true` when the toggle switch is checked, and `false` when it is unchecked.
+     * This property is included for form control compatibility and can be used interchangeably with the checked property.
+     *
+     * @vegaVersion 2.25.0
+     */
+    this.value = false;
+    /**
+     * Specifies the size of the toggle switch.
+     *
+     * @vegaVersion 1.3.0
+     */
+    this.size = 'default';
+    /**
+     * Specifies whether the toggle switch must be checked
+     *    to pass form validation.
+     *
+     * @vegaVersion 2.25.0
+     */
+    this.required = false;
+    /**
+     * Specifies whether the toggle switch is disabled.
+     *
+     * @vegaVersion 1.3.0
+     */
+    this.disabled = false;
+    /**
+     * Defines custom validation rules for the toggle switch.
+     *
+     * @vegaVersion 2.25.0
+     */
+    this.validationRules = [];
+    /**
+     * Determines whether automatic validation should be
+     *    implemented for the toggle switch.
+     *
+     * @vegaVersion 2.25.0
+     */
+    this.autoValidation = true;
+    /**
+     * Specifies the validation status of the toggle switch.
+     *
+     * @vegaVersion 2.25.0
+     */
+    /* eslint-disable-next-line @stencil/strict-mutable */
+    this.isValid = null;
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-toggle-switch-click-on-label-e2e}
+     */
+    /* istanbul ignore next */
+    this.toggleSwitch = () => {
+      if (!this.disabled) {
+        this.checked = !this.checked;
+      }
+    };
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-toggle-switch-change}
+     * @see{module:vega-toggle-switch-click-with-disabled}
+     */
+    /* istanbul ignore next */
+    this.updateValue = (e) => {
+      const currentTarget = e.currentTarget;
+      this.checked = currentTarget.checked;
+      e.stopPropagation();
+    };
+  }
+  watchCheckedChange() {
+    this.value = this.checked;
+    this.changeEventEmitter.emit(this.checked);
+    ChangeManager.notify(FORM_ELEMENT_VALUE_CHANGE, {
+      host: this.host,
+      detail: this.value,
+    });
+  }
+  watchValue(newValue) {
+    this.checked = newValue === true;
+  }
+  watchValidationRules() {
+    methodPlaceholder();
+  }
+  componentWillLoad() {
+    if (!this.checked && this.value === true) {
+      this.checked = true;
+    }
+    else {
+      this.value = this.checked;
+    }
+  }
+  render() {
+    let divContainerCss = this.checked
+      ? 'vega-container vega-container-checked'
+      : 'vega-container';
+    divContainerCss += this.disabled ? ' vega-container-disabled' : '';
+    divContainerCss += this.size === 'small' ? ' vega-container-small-size' : '';
+    return sanitizeVegaComponent(h(Host, null, h("vega-flex", { gap: "size-8", ref: (node) => (this.toggleSwitchContainer = node) }, h("div", { class: `${divContainerCss} vega-flex-shrink-0 v-min-w-min` }, h("input", { type: "checkbox", name: "switch", disabled: this.disabled, checked: this.checked, onChange: this.updateValue, "aria-label": this.label || 'No label defined', role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() }), h("span", { class: this.disabled ? 'v-bg-tertiary' : 'v-bg-primary' })), this.renderLabelDom())), this.host);
+  }
+  renderLabelDom() {
+    return this.label ? (h("div", { class: "vega-flex-basis-0 vega-flex-grow" }, h("vega-field-label", { onClick: this.toggleSwitch, disabled: this.disabled, label: this.label, isFieldRequired: this.required }))) : null;
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "checked": ["watchCheckedChange"],
+    "value": ["watchValue"],
+    "validationRules": ["watchValidationRules"]
+  }; }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaToggleSwitch.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaToggleSwitch.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaToggleSwitch.prototype, "formFieldController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaToggleSwitch.prototype, "changeEventEmitter", void 0);
+VegaToggleSwitch.style = vegaToggleSwitchCss;
+
+export { VegaToggleSwitch as vega_toggle_switch };

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

@@ -0,0 +1,339 @@
+import { h, r as registerInstance, g as Host, i as getElement } from './index-01a2f9c9.js';
+import { s as sanitizeVegaComponent } from './component-0cff85cf.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-a9c72ef2.js';
+import { b as MapToComponentField, M as MapToComponentMethod, m as methodPlaceholder, e as InjectVegaGlobalSlimmer, a as InjectVegaSlimmer } from './vega-slimmer-core-83fd0e22.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-16a5ed3a.js';
+import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-52281ebd.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer } from './component-usage-runtime-metrics-0513698f.js';
+import './keyboard-manager-3c463777.js';
+import './ui-5f775fd9.js';
+import './type-guard-09acedc9.js';
+import './breakpoints-d9faf11c.js';
+import './ui-189dae23.js';
+import './typography-396de03f.js';
+import './index-81ce67e2.js';
+import './change-manager-b115783e.js';
+import './static-subject-title-6fdf8c8b.js';
+import './create-public-api-runtime-metrics-slimmer-8565f08b.js';
+import './internal-vega-z-index-manager-f0ca0975.js';
+import './number-4398f2e1.js';
+import './page-resize-observer-slimmer-ee8774a6.js';
+import './try-get-document-bef0f526.js';
+import './responsive-format-facade-d4abfdb9.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 './vega-event-id-61c8bd9f.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 './dom-node-subject-factory-5798693b.js';
+import './vega-internal-event-id-b65a01a3.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$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * The class is responsible for managing the visibility and behavior of the tooltip content box.
+ */
+class VegaTooltipElementAppenderController extends ElementAppenderSlimmer {
+  /**
+   * This constructor of the tooltip element appender controller.
+   */
+  constructor() {
+    super(() => this.getShowConfig(), () => this.trigger, 'isTooltipShow', () => this.disableInteractive);
+    /**
+     * Generate the element appender show config object.
+     *
+     * @returns {ElementAppenderShowConfig} - Show config object.
+     */
+    this.getShowConfig = () => {
+      return {
+        target: this.host,
+        appendableElement: this.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
+        positionRelativeTo: this.positionRelativeTo,
+        matchTargetWidth: false,
+        size: this.size,
+        minWidth: this.minWidth,
+        maxWidth: this.maxWidth,
+        placement: this.placement,
+        alignment: this.alignment,
+      };
+    };
+  }
+  /**
+   * The `watchTrigger` function hides an element if the trigger is set to 'none'.
+   */
+  watchTrigger() {
+    if (this.trigger === 'none') {
+      this.hide();
+    }
+  }
+  /**
+   * The function `watchToShowTooltip` checks if the tooltip should be shown and then displays it if necessary.
+   */
+  watchToShowTooltip() {
+    if (this.isTooltipShow) {
+      this.show();
+    }
+  }
+  /**
+   * Hide the tooltip if the content change to empty.
+   *
+   * @param {string} newText - The property text or content new value.
+   * @param {string} oldText - The property text or content old value.
+   */
+  watchTextChange(newText, oldText) {
+    if (!newText && oldText && this.isTooltipShow) {
+      this.hide();
+    }
+  }
+  /**
+   * Override the parent class `ElementAppenderSlimmer` show method to control the tooltip show according to the tooltip content.
+   */
+  show() {
+    const text = this.deprecatedPropertySlimmer.getValue();
+    if (text) {
+      super.show();
+    }
+  }
+}
+__decorate$2([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "host", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "positionRelativeTo", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "size", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "minWidth", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "maxWidth", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "placement", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "alignment", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "trigger", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "disableInteractive", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "deprecatedPropertySlimmer", void 0);
+__decorate$2([
+  MapToComponentField({ writable: true })
+], VegaTooltipElementAppenderController.prototype, "isTooltipShow", void 0);
+__decorate$2([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "vegaTooltipContentBoxRenderer", void 0);
+__decorate$2([
+  MapToComponentMethod('watchTrigger')
+], VegaTooltipElementAppenderController.prototype, "watchTrigger", null);
+__decorate$2([
+  MapToComponentMethod('watchToShowTooltip')
+], VegaTooltipElementAppenderController.prototype, "watchToShowTooltip", null);
+__decorate$2([
+  MapToComponentMethod('watchTextChange')
+], VegaTooltipElementAppenderController.prototype, "watchTextChange", null);
+
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+class VegaTooltipContentBoxRenderer {
+  getTooltipContentBoxRef() {
+    return this.tooltip;
+  }
+  render() {
+    return (h("vega-tooltip-content-box", { ref: (e) => (this.tooltip = e), text: this.deprecatedPropertySlimmer.getValue() }));
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaTooltipContentBoxRenderer.prototype, "deprecatedPropertySlimmer", void 0);
+
+const VegaTooltipRuntimeMetricsPayloadDefinition = [
+  {
+    payloadKey: 'CONTENT_IS_EMPTY',
+    payloadDescription: '@deprecated Specifies the content that is displayed inside the tooltip.',
+    /**
+     * The function checks if the `content` property of the `host` element is equal to 'undefined' or empty string.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.content === undefined || host.content === '',
+  },
+  {
+    payloadKey: 'CONTENT_IS_NOT_EMPTY',
+    payloadDescription: '@deprecated Specifies the content that is displayed inside the tooltip.',
+    /**
+     * The function checks if the `content` property of the `host` element is not equal to 'undefined' and empty string.
+     * If it is, the function will return `true`.
+     *
+     * @param {HTMLElement} host - The element to check
+     * @returns {boolean} A boolean value
+     */
+    payloadValue: (host) => host.content !== undefined && host.content !== '',
+  },
+];
+
+const vegaTooltipCss = ":host{display:inline-block}";
+
+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 VegaTooltip = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaTooltipElementAppenderController = new VegaTooltipElementAppenderController();
+    this.vegaTooltipContentBoxRenderer = new VegaTooltipContentBoxRenderer();
+    /**
+     * The below method is e2e-test covered in
+     * @see{module:vega-tooltip-keyboard-control-with-hover-trigger-e2e}
+     * @see{module:vega-tooltip-keyboard-control-with-click-trigger-e2e}
+     */
+    /* istanbul ignore next */
+    this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaTooltip, 'text', 'content', undefined);
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaTooltipRuntimeMetricsPayloadDefinition);
+    this.isTooltipShow = false;
+    /**
+     * Specifies the trigger mode for the tooltip.
+     * - click: means the tooltip show/hide by click.
+     * - hover: means the tooltip show/hide by hover.
+     * - none: means tooltip is not displayed regardless of hover or click.
+     *
+     * @vegaVersion 1.3.0
+     */
+    this.trigger = 'hover';
+    /**
+     * Specifies the vertical positioning of the tooltip
+     *    within its container or relative to a reference point.
+     *
+     * @vegaVersion 1.3.0
+     */
+    this.placement = 'top';
+    /**
+     * Determines the horizontal positioning of the tooltip
+     *    within its container or relative to a reference point.
+     *
+     * @vegaVersion 1.41.0
+     */
+    this.alignment = 'center';
+    /**
+     * The tooltip is interactive by default.
+     * Set `disableInteractive` to `true` to deactivate this feature, causing the tooltip to close upon hover.
+     *
+     * @vegaVersion 1.52.0
+     */
+    this.disableInteractive = false;
+  }
+  watchTrigger() {
+    methodPlaceholder();
+  }
+  /**
+   * Monitor the property text updates.
+   */
+  watchTextChange() {
+    methodPlaceholder();
+  }
+  watchToShowTooltip() {
+    methodPlaceholder();
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, null, h("slot", null), this.vegaTooltipContentBoxRenderer.render()), this.host);
+  }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "trigger": ["watchTrigger"],
+    "content": ["watchTextChange"],
+    "text": ["watchTextChange"],
+    "size": ["watchToShowTooltip"],
+    "placement": ["watchToShowTooltip"],
+    "alignment": ["watchToShowTooltip"]
+  }; }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTooltip.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTooltip.prototype, "vegaTooltipElementAppenderController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTooltip.prototype, "vegaTooltipContentBoxRenderer", void 0);
+__decorate([
+  InjectKeyboardManager((target) => [
+    {
+      keyCode: 'Tab',
+      activeElementInScope: [target.host],
+      callback: /* istanbul ignore next */ () => target.trigger === 'hover' && target.vegaTooltipElementAppenderController.show(),
+    },
+    {
+      keyCode: 'Escape',
+      activeElementInScope: [
+        target.host,
+        target.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
+      ],
+      callback: /* istanbul ignore next */ () => target.vegaTooltipElementAppenderController.hide(),
+    },
+    {
+      keyCode: 'Tab',
+      activeElementOutScope: [
+        target.host,
+        target.vegaTooltipContentBoxRenderer.getTooltipContentBoxRef(),
+      ],
+      callback: /* istanbul ignore next */ () => target.isTooltipShow && target.vegaTooltipElementAppenderController.hide(),
+    },
+  ]),
+  InjectVegaSlimmer()
+], VegaTooltip.prototype, "deprecatedPropertySlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTooltip.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaTooltip.style = vegaTooltipCss;
+
+export { VegaTooltip as vega_tooltip };