@heartlandone/vega-sandbox-pr-1494-3429ea05d798af3eefc4108466681158e05dc68d 2.27.0

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

@@ -0,0 +1,244 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
+import { e as VegaChange } from './vega-event-id-7465a011.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-eee9fd41.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
+import { s as sanitizeVegaComponent } from './component-cae24190.js';
+import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-edbaaf7c.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-6987a80b.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import './dynamic-slimmer-90b8af32.js';
+import './dom-node-subject-observer-factory-9461cd67.js';
+import './observer-3959f9dd.js';
+import './ui-0132dbb5.js';
+import './internal-vega-event-manager-722461c1.js';
+import './string-be824360.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
+import './vega-internal-event-id-7e05cf4a.js';
+import './translation-0fa7cf77.js';
+import './page-resize-observer-slimmer-994c1e1b.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
+import './mutation-observer-slimmer-6cef9549.js';
+import './mutation-observer-filters-9086b5cc.js';
+import './array-506b88b9.js';
+import './number-e2519d1c.js';
+
+/**
+ * A rule that checks if toggle switch is required to switch on
+ *
+ * @implements {FormFieldValidationRule<boolean>}
+ */
+class ToggleSwitchRequiredRule {
+  /**
+   * If the input is a boolean, return a boolean. If the
+   * input is anything else, return false
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @returns {EvaluateResult} - An object with two properties: isValid and message.
+   */
+  evaluate(input) {
+    if (typeof input === 'boolean') {
+      return {
+        isValid: input,
+        message: input ? '' : 'This field is required',
+      };
+    }
+    else {
+      return {
+        isValid: false,
+        message: 'This field is required',
+      };
+    }
+  }
+  /**
+   * If the input is accepted and the status is not disabled and visible, then return true
+   *
+   * @param {unknown} input - The input to be evaluated.
+   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
+   * @returns {boolean} The return value is a boolean that indicates whether the input can be evaluated.
+   */
+  canEvaluate(input, status) {
+    return status
+      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
+      : this.isAcceptedInputType(input);
+  }
+  /**
+   * If the field is not disabled, visible, and has been touched or modified, then show the error
+   *
+   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
+   * @returns {boolean} A boolean value.
+   */
+  shouldShowError(status) {
+    return !status.disabled && status.visible && (status.touched || status.modified);
+  }
+  /**
+   * If the input is undefined or null, return true, otherwise return true if the input is a boolean.
+   *
+   * @param {unknown} input - The input value to be validated.
+   * @returns {boolean} A boolean.
+   */
+  isAcceptedInputType(input) {
+    if (input === undefined || input === null)
+      return true;
+    return typeof input === 'boolean';
+  }
+}
+
+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{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25))}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.
+     *
+     * @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() {
+  }
+  componentWillLoad() {
+    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/esm/vega-tooltip_2.entry.js

@@ -0,0 +1,295 @@
+import { h, r as registerInstance, H as Host, g as getElement } from './index-187f71d1.js';
+import { s as sanitizeVegaComponent } from './component-cae24190.js';
+import { I as InjectKeyboardManager } from './inject-keyboard-manager-8a82e8c9.js';
+import { c as MapToComponentField, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
+import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-1172e2ea.js';
+import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
+import './keyboard-manager-d1f9ddc1.js';
+import './ui-0132dbb5.js';
+import './ui-8424715a.js';
+import './type-guard-63caf78b.js';
+import './breakpoints-36a3ed69.js';
+import './regex-dfe11abf.js';
+import './typography-a8fc4764.js';
+import './responsive-format-facade-5a1329a7.js';
+import './number-e2519d1c.js';
+import './pixel-f32c07ce.js';
+import './internal-vega-z-index-manager-0553458e.js';
+import './dynamic-slimmer-90b8af32.js';
+import './page-resize-observer-slimmer-994c1e1b.js';
+import './object-261e7344.js';
+
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  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(() => ({
+      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,
+    }), () => this.trigger, 'isTooltipShow', () => this.disableInteractive);
+  }
+  /**
+   * 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();
+    }
+  }
+}
+__decorate$3([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "host", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "positionRelativeTo", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "size", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "minWidth", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "maxWidth", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "placement", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "alignment", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "trigger", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "disableInteractive", void 0);
+__decorate$3([
+  MapToComponentField({ writable: true })
+], VegaTooltipElementAppenderController.prototype, "isTooltipShow", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "vegaTooltipContentBoxRenderer", void 0);
+__decorate$3([
+  MapToComponentMethod('watchTrigger')
+], VegaTooltipElementAppenderController.prototype, "watchTrigger", null);
+__decorate$3([
+  MapToComponentMethod('watchToShowTooltip')
+], VegaTooltipElementAppenderController.prototype, "watchToShowTooltip", null);
+
+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;
+};
+class VegaTooltipContentBoxRenderer {
+  getTooltipContentBoxRef() {
+    return this.tooltip;
+  }
+  render() {
+    return (h("vega-tooltip-content-box", { ref: (e) => (this.tooltip = e), text: this.deprecatedPropertySlimmer.getValue() }));
+  }
+}
+__decorate$2([
+  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$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;
+};
+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() {
+  }
+  watchToShowTooltip() {
+  }
+  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"],
+    "size": ["watchToShowTooltip"],
+    "placement": ["watchToShowTooltip"],
+    "alignment": ["watchToShowTooltip"]
+  }; }
+};
+__decorate$1([
+  InjectVegaGlobalSlimmer()
+], VegaTooltip.prototype, "globalSlimmers", void 0);
+__decorate$1([
+  InjectVegaSlimmer()
+], VegaTooltip.prototype, "vegaTooltipElementAppenderController", void 0);
+__decorate$1([
+  InjectVegaSlimmer()
+], VegaTooltip.prototype, "vegaTooltipContentBoxRenderer", void 0);
+__decorate$1([
+  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$1([
+  InjectVegaSlimmer()
+], VegaTooltip.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaTooltip.style = vegaTooltipCss;
+
+const vegaTooltipContentBoxCss = ":host{position:absolute}:host(.vega-force-hidden){display:none !important}:host(.vega-placement-bottom){margin-top:8px}:host(.vega-placement-left){margin-left:-8px}:host(.vega-placement-right){margin-left:8px}:host(.vega-placement-top){margin-top:-8px}.vega-tooltip-content{border-radius:4px;padding-left:12px;padding-right:12px;padding-top:8px;padding-bottom:8px;overflow-wrap:break-word;background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tooltip-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-tooltip-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-tooltip-content{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px}}.vega-tooltip-content::after{content:\"\";position:absolute;border-style:solid}:host(.vega-placement-bottom) .vega-tooltip-content::after{top:-4px;border-width:0 5px 4px 5px;border-bottom-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}:host(.vega-placement-left) .vega-tooltip-content::after{left:100%;border-width:5px 0 5px 4px;border-left-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent}:host(.vega-placement-right) .vega-tooltip-content::after{left:-4px;border-width:5px 4px 5px 0;border-right-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent}:host(.vega-placement-top) .vega-tooltip-content::after{bottom:-4px;border-width:4px 5px 0px 5px;border-top-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent}:host(.vega-placement-bottom.vega-alignment-start) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-start) .vega-tooltip-content::after{left:8px}:host(.vega-placement-bottom.vega-alignment-center) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-center) .vega-tooltip-content::after{left:calc(50% - 5px)}:host(.vega-placement-bottom.vega-alignment-end) .vega-tooltip-content::after,:host(.vega-placement-top.vega-alignment-end) .vega-tooltip-content::after{right:8px}:host(.vega-placement-left.vega-alignment-start) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-start) .vega-tooltip-content::after{top:8px}:host(.vega-placement-left.vega-alignment-center) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-center) .vega-tooltip-content::after{top:calc(50% - 5px)}:host(.vega-placement-left.vega-alignment-end) .vega-tooltip-content::after,:host(.vega-placement-right.vega-alignment-end) .vega-tooltip-content::after{bottom:8px}";
+
+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 VegaTooltipContentBox = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
+  }
+  render() {
+    return sanitizeVegaComponent(h(Host, { class: "vega-tooltip", role: "tooltip" }, h("div", { class: "vega-tooltip-content" }, this.text)), this.host);
+  }
+  get host() { return getElement(this); }
+};
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTooltipContentBox.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaTooltipContentBox.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+VegaTooltipContentBox.style = vegaTooltipContentBoxCss;
+
+export { VegaTooltip as vega_tooltip, VegaTooltipContentBox as vega_tooltip_content_box };

package/dist/esm/vega.js

@@ -0,0 +1,43 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-187f71d1.js';
+import { g as globalScripts } from './app-globals-41797af8.js';
+import './feature-flag-controller-10780eeb.js';
+import './global-slimmer-registry-17c4efd4.js';
+import './index-0863eec6.js';
+import './vega-skeleton-loader-controller-6fb25f3b.js';
+import './create-public-api-runtime-metrics-slimmer-928ad7f0.js';
+import './dynamic-slimmer-90b8af32.js';
+import './ui-0132dbb5.js';
+import './internal-vega-z-index-manager-0553458e.js';
+import './number-e2519d1c.js';
+import './page-resize-observer-slimmer-994c1e1b.js';
+import './breakpoints-36a3ed69.js';
+import './ui-8424715a.js';
+import './internal-vega-event-manager-722461c1.js';
+import './vega-event-id-7465a011.js';
+import './vega-dialog-controller-3b905672.js';
+import './vega-env-manager-8f8dc473.js';
+import './icon-manager-0f030f8a.js';
+import './translation-0fa7cf77.js';
+import './change-manager-6a7eb88c.js';
+import './static-subject-title-6987a80b.js';
+import './typography-a8fc4764.js';
+import './valid-credit-card-number-rule-232f2986.js';
+import './regex-dfe11abf.js';
+import './observer-3959f9dd.js';
+
+/*
+ Stencil Client Patch Browser v2.17.4 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = import.meta.url;
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  globalScripts();
+  return bootstrapLazy(JSON.parse("[[\"vega-pagination\",[[1,\"vega-pagination\",{\"current\":[1538],\"total\":[2],\"pageSize\":[1026,\"page-size\"],\"extensions\":[16],\"pageSizeSelectorOptions\":[1040],\"pageCount\":[32]}]]],[\"vega-combo-box\",[[1,\"vega-combo-box\",{\"label\":[1],\"required\":[516],\"source\":[1040],\"value\":[1040],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"disabled\":[516],\"placeholder\":[1],\"hint\":[1],\"size\":[1],\"vegaDropdownProps\":[16],\"useDefaultFilter\":[4,\"use-default-filter\"],\"close\":[64],\"open\":[64]}]]],[\"vega-stepper\",[[1,\"vega-stepper\",{\"stepperId\":[513,\"id\"],\"max\":[514],\"min\":[514],\"value\":[1538],\"label\":[1],\"inputDisabled\":[4,\"input-disabled\"],\"disabled\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"buttonVariant\":[1,\"button-variant\"]}]]],[\"vega-page-notification_2\",[[1,\"vega-page-notification\",{\"notificationTitle\":[1,\"title\"],\"message\":[1],\"type\":[1],\"duration\":[2],\"showCloseButton\":[4,\"show-close-button\"],\"actionButtons\":[16],\"close\":[64]}],[1,\"vega-page-notification-list\"]]],[\"vega-color-picker\",[[1,\"vega-color-picker\",{\"value\":[1537],\"hint\":[1],\"disabled\":[516],\"required\":[516],\"label\":[1],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"colors\":[16]}]]],[\"vega-app-header-button\",[[1,\"vega-app-header-button\",{\"dropdown\":[16],\"size\":[1],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"avatar\":[16],\"avatarPosition\":[1,\"avatar-position\"],\"showBorder\":[4,\"show-border\"],\"showMenuArrowIcon\":[4,\"show-menu-arrow-icon\"],\"selected\":[4],\"isDropdownShow\":[32],\"currentBreakpoint\":[32]}]]],[\"vega-button-link\",[[1,\"vega-button-link\",{\"link\":[1],\"size\":[1],\"icon\":[513],\"iconType\":[1,\"icon-type\"],\"iconAlign\":[1,\"icon-align\"],\"label\":[1025],\"disabled\":[4],\"danger\":[4],\"eventful\":[4]}]]],[\"vega-input-credit-card\",[[1,\"vega-input-credit-card\",{\"required\":[1540],\"disabled\":[516],\"label\":[1],\"hint\":[1],\"size\":[1],\"placeholder\":[1],\"hideCardNumberOnBlur\":[4,\"hide-card-number-on-blur\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"],\"value\":[1537]}]]],[\"vega-item-toggle\",[[1,\"vega-item-toggle\",{\"itemToggleStatusMap\":[16],\"statusMap\":[16],\"isToggled\":[1028,\"is-toggled\"],\"toggleItemStatus\":[32]}]]],[\"vega-progress-tracker\",[[1,\"vega-progress-tracker\",{\"current\":[2],\"direction\":[1],\"steps\":[16],\"completedStepArray\":[16],\"completedSteps\":[16],\"canClickStep\":[4,\"can-click-step\"],\"nextStep\":[64],\"prevStep\":[64],\"setCurrent\":[64],\"getCurrent\":[64]}]]],[\"vega-checkbox_2\",[[1,\"vega-checkbox\",{\"identifier\":[1],\"value\":[1032],\"checked\":[1028],\"disabled\":[516],\"size\":[1],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"groupDisabled\":[32],\"showError\":[32],\"setValue\":[64]}],[1,\"vega-checkbox-group\",{\"label\":[1],\"value\":[1040],\"vegaFlexProp\":[16],\"disabled\":[516],\"required\":[516],\"hint\":[1],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16]}]]],[\"vega-hint\",[[1,\"vega-hint\"]]],[\"vega-textarea\",[[1,\"vega-textarea\",{\"placeholder\":[1],\"hint\":[1],\"disabled\":[516],\"label\":[1],\"showCounter\":[4,\"show-counter\"],\"value\":[1537],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"required\":[1540],\"maxLength\":[514,\"max-length\"],\"minLength\":[514,\"min-length\"],\"resizable\":[4],\"validationRules\":[16],\"currentCharCount\":[32]},[[0,\"input\",\"handleValueTextarea\"]]]]],[\"vega-toggle-switch\",[[1,\"vega-toggle-switch\",{\"checked\":[1540],\"value\":[1540],\"size\":[1],\"label\":[1],\"required\":[516],\"disabled\":[516],\"validationRules\":[16],\"autoValidation\":[516,\"auto-validation\"],\"isValid\":[1540,\"is-valid\"]}]]],[\"vega-button-group_2\",[[1,\"vega-button-group\",{\"variant\":[1],\"size\":[1],\"iconAlign\":[1,\"icon-align\"]}],[1,\"vega-button-group-item\",{\"icon\":[1],\"label\":[1],\"iconOnly\":[4,\"icon-only\"],\"itemKey\":[1,\"item-key\"],\"dropdownProps\":[16],\"dropdownSource\":[16],\"variant\":[32],\"size\":[32],\"iconAlign\":[32]}]]],[\"vega-loader-wrapper_2\",[[1,\"vega-loading-indicator\",{\"shape\":[1],\"size\":[1],\"mode\":[1],\"percent\":[2],\"label\":[1],\"hint\":[1],\"status\":[1],\"currentBreakpoint\":[32]}],[1,\"vega-loader-wrapper\"]]],[\"vega-radio_2\",[[1,\"vega-radio-group\",{\"label\":[1],\"value\":[1537],\"name\":[1],\"vegaFlexProp\":[16],\"required\":[516],\"hint\":[1],\"isValid\":[1540,\"is-valid\"],\"disabled\":[516],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16]}],[1,\"vega-radio\",{\"value\":[1],\"name\":[1],\"checked\":[1028],\"disabled\":[4],\"size\":[1],\"groupDisabled\":[32],\"showError\":[32]}]]],[\"vega-table_8\",[[1,\"vega-table\",{\"columns\":[16],\"dataSource\":[1040],\"rowSelection\":[1040],\"rowExpandable\":[4,\"row-expandable\"],\"rowClickable\":[4,\"row-clickable\"],\"rowDivider\":[4,\"row-divider\"],\"columnDivider\":[4,\"column-divider\"],\"striped\":[4],\"density\":[1],\"paddingX\":[16],\"showHeader\":[4,\"show-header\"],\"pagination\":[16],\"emptyDescription\":[1,\"empty-description\"],\"rowKey\":[1,\"row-key\"],\"scrollConfig\":[16],\"sortConfig\":[16],\"selectedRowKeySet\":[32],\"expandedRowKeySet\":[32],\"currentBreakpoint\":[32],\"sortersMap\":[32],\"currentData\":[32],\"currentClickedRowKey\":[32],\"currentPage\":[32],\"pageSize\":[32],\"editingRows\":[32],\"isSelectedAll\":[32],\"isTemplateRenderMode\":[32],\"openExpandRow\":[64],\"closeExpandRow\":[64],\"closeAllExpandRow\":[64],\"toggleExpandRow\":[64],\"clearSelection\":[64],\"getSelection\":[64],\"setSelection\":[64],\"startRowEditMode\":[64],\"stopRowEditMode\":[64],\"stopAllRowEditMode\":[64],\"getRowData\":[64],\"getRowsData\":[64],\"getFormRef\":[64],\"addNewRow\":[64],\"saveEditRow\":[64],\"saveAllEditRows\":[64],\"getEditingRowsKey\":[64],\"removeRow\":[64]}],[1,\"vega-table-body\"],[1,\"vega-table-cell\",{\"textAlign\":[1,\"text-align\"],\"breakpoint\":[1],\"overflow\":[1],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[32]}],[1,\"vega-table-expand-row\",{\"rowKey\":[1,\"row-key\"],\"currentBreakpoint\":[32],\"withMultipleSelection\":[32],\"expanded\":[32],\"checked\":[32],\"colSpan\":[32]}],[1,\"vega-table-head\",{\"fixed\":[32]}],[1,\"vega-table-head-cell\",{\"breakpoint\":[1],\"sorter\":[1],\"sortOrder\":[1025,\"sort-order\"],\"textAlign\":[1,\"text-align\"],\"width\":[1],\"currentBreakpoint\":[32],\"density\":[32]}],[1,\"vega-table-head-row\",{\"selectAllDisabled\":[4,\"select-all-disabled\"],\"hideSelectAll\":[4,\"hide-select-all\"],\"currentBreakpoint\":[32],\"expandable\":[32],\"selectionType\":[32],\"paddingX\":[32],\"checkedAll\":[32],\"columnDivider\":[32],\"density\":[32],\"isEmptyTable\":[32],\"isTemplateRenderMode\":[32]}],[1,\"vega-table-row\",{\"rowKey\":[1,\"row-key\"],\"currentBreakpoint\":[32],\"clicked\":[32],\"expandable\":[32],\"clickable\":[32],\"paddingX\":[32],\"selectionType\":[32],\"checked\":[32],\"expanded\":[32],\"rowDivider\":[32],\"columnDivider\":[32],\"density\":[32]}]]],[\"vega-left-nav_5\",[[1,\"vega-left-nav\",{\"open\":[1028],\"headerConfig\":[16],\"source\":[16],\"footnote\":[1],\"showAsOverlay\":[4,\"show-as-overlay\"],\"autoCollapseOnOverlay\":[4,\"auto-collapse-on-overlay\"],\"openState\":[32],\"toggle\":[64]}],[1,\"vega-left-nav-group\",{\"icon\":[1],\"label\":[1]}],[1,\"vega-left-nav-link\",{\"icon\":[1],\"selected\":[1540],\"url\":[1],\"counterBadge\":[16]}],[1,\"vega-left-nav-section\",{\"sectionHeader\":[16]}],[1,\"vega-nav-card\",{\"source\":[16],\"maxHeight\":[520,\"max-height\"],\"currentMaxHeight\":[32]}]]],[\"vega-calendar_3\",[[1,\"vega-calendar\",{\"viewMode\":[1025,\"view-mode\"],\"events\":[16],\"timeFormat\":[1,\"time-format\"],\"moreActionDropdownProps\":[16],\"showEventColorBar\":[4,\"show-event-color-bar\"],\"calendarView\":[32],\"currentPeriod\":[32],\"showAllEventsInDayOrWeekView\":[32],\"calendarEvents\":[32]}],[1,\"vega-calendar-event\",{\"calendarEvent\":[16],\"timeFormat\":[32],\"slotMode\":[32],\"showColorBar\":[32]}],[1,\"vega-calendar-event-slot\",{\"eventKey\":[513,\"event-key\"]}]]],[\"vega-date-picker_2\",[[1,\"vega-date-picker\",{\"mode\":[1],\"value\":[1537],\"label\":[1],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"format\":[1],\"size\":[1],\"validationRules\":[16],\"minDate\":[1537,\"min-date\"],\"maxDate\":[1537,\"max-date\"],\"placeholder\":[1],\"clearButton\":[4,\"clear-button\"],\"readOnly\":[4,\"read-only\"],\"allowRepick\":[4,\"allow-repick\"],\"dropdownConfig\":[16],\"disabled\":[516],\"doClose\":[64],\"doOpen\":[64]}],[1,\"vega-date-picker-calendar\"]]],[\"vega-popover_2\",[[1,\"vega-popover\",{\"size\":[8],\"placement\":[1],\"alignment\":[1],\"positionRelativeTo\":[1,\"position-relative-to\"],\"trigger\":[1],\"showArrow\":[4,\"show-arrow\"],\"isPopoverShow\":[32],\"show\":[64],\"hide\":[64]}],[1,\"vega-popover-content-box\",{\"showArrow\":[4,\"show-arrow\"]}]]],[\"vega-selection-chip_2\",[[1,\"vega-selection-chip\",{\"label\":[1],\"size\":[1],\"variant\":[1],\"disabled\":[1028],\"checked\":[1540],\"block\":[4],\"disabledTooltip\":[16],\"swatchColor\":[1,\"swatch-color\"],\"value\":[1],\"showError\":[32],\"currentBreakpoint\":[32],\"selectType\":[32]}],[1,\"vega-selection-chip-group\",{\"label\":[1],\"hint\":[1],\"selectType\":[1,\"select-type\"],\"value\":[1025],\"required\":[4],\"disabled\":[4],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"]}]]],[\"vega-selection-tile_2\",[[1,\"vega-selection-tile\",{\"titleText\":[1,\"title\"],\"note\":[1],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[1028],\"checked\":[1028],\"selectType\":[1025,\"select-type\"],\"value\":[1],\"showError\":[32]}],[1,\"vega-selection-tile-group\",{\"label\":[1],\"hint\":[1],\"selectType\":[1,\"select-type\"],\"value\":[1025],\"layout\":[1],\"required\":[4],\"disabled\":[4],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"]}]]],[\"vega-tab-group_2\",[[1,\"vega-tab-group\",{\"selectedTabDataTarget\":[1025,\"selected-tab-data-target\"],\"gap\":[1],\"showCloseButton\":[4,\"show-close-button\"],\"tabItems\":[1040],\"positionRelativeTo\":[1,\"position-relative-to\"],\"variant\":[1],\"tabPages\":[32],\"tabWidthArray\":[32],\"currentPageIndex\":[32]}],[1,\"vega-tab-group-panel\",{\"isActive\":[4,\"is-active\"]}]]],[\"vega-time-picker_2\",[[1,\"vega-time-picker\",{\"label\":[1],\"mode\":[1],\"required\":[516],\"placeholder\":[1],\"increments\":[2],\"timeFormat\":[513,\"time-format\"],\"value\":[1537],\"size\":[1],\"disabled\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"positionRelativeTo\":[1,\"position-relative-to\"],\"dropdownSource\":[32],\"isDropdownShow\":[32],\"selectedTimeValue\":[32]}],[1,\"vega-time-picker-dropdown\"]]],[\"vega-accordion\",[[1,\"vega-accordion\",{\"drawsBackground\":[4,\"draws-background\"],\"prefixIcon\":[1,\"prefix-icon\"],\"accordionTitle\":[1,\"accordion-title\"],\"expandIconAlign\":[1,\"expand-icon-align\"],\"expand\":[1028],\"iconPosition\":[1,\"icon-position\"],\"showExpandIcon\":[4,\"show-expand-icon\"],\"groupId\":[1,\"group-id\"]}]]],[\"vega-app-footer\",[[1,\"vega-app-footer\",{\"content\":[1],\"termOfUseLabel\":[1,\"term-of-use-label\"],\"termOfUseUrl\":[1,\"term-of-use-url\"],\"termOfUseUrlTarget\":[1,\"term-of-use-url-target\"],\"privacyPolicyLabel\":[1,\"privacy-policy-label\"],\"privacyPolicyUrl\":[1,\"privacy-policy-url\"],\"privacyPolicyUrlTarget\":[1,\"privacy-policy-url-target\"],\"hideDefaultLinks\":[4,\"hide-default-links\"],\"additionalLinks\":[16],\"showDisclaimer\":[4,\"show-disclaimer\"],\"disclaimerUrlTarget\":[1,\"disclaimer-url-target\"]}]]],[\"vega-banner\",[[1,\"vega-banner\",{\"type\":[1],\"bannerTitle\":[1,\"banner-title\"],\"content\":[1],\"actionButtons\":[16],\"showCloseButton\":[4,\"show-close-button\"],\"isOpen\":[4,\"is-open\"],\"doClose\":[64]}]]],[\"vega-bar-chart\",[[1,\"vega-bar-chart\",{\"options\":[16]}]]],[\"vega-breadcrumb\",[[1,\"vega-breadcrumb\",{\"maxItems\":[8,\"max-items\"],\"items\":[16]}]]],[\"vega-card\",[[1,\"vega-card\",{\"padding\":[1],\"margin\":[1],\"variant\":[1],\"backgroundColor\":[1,\"background-color\"]}]]],[\"vega-counter-badge\",[[1,\"vega-counter-badge\",{\"dot\":[4],\"color\":[1],\"count\":[2],\"offset\":[16]}]]],[\"vega-divider\",[[1,\"vega-divider\",{\"direction\":[1],\"variant\":[1],\"margin\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-field-error\",[[1,\"vega-field-error\",{\"message\":[1]}]]],[\"vega-file-uploader\",[[1,\"vega-file-uploader\",{\"label\":[1],\"variant\":[1],\"hint\":[1],\"value\":[1040],\"disabled\":[4],\"required\":[4],\"validationRules\":[16],\"autoValidation\":[516,\"auto-validation\"],\"isValid\":[1540,\"is-valid\"],\"accept\":[1]}]]],[\"vega-image-uploader\",[[1,\"vega-image-uploader\",{\"value\":[1040],\"accept\":[1],\"status\":[1537],\"showPreviewButton\":[4,\"show-preview-button\"],\"showRemoveButton\":[4,\"show-remove-button\"],\"showReplaceButton\":[4,\"show-replace-button\"],\"disabled\":[516],\"required\":[516],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"label\":[1],\"hint\":[1],\"actionTitle\":[1,\"action-title\"],\"actionSubTitle\":[1,\"action-sub-title\"],\"width\":[8],\"height\":[8],\"getContentURL\":[64]}]]],[\"vega-input-phone-number\",[[1,\"vega-input-phone-number\",{\"label\":[1],\"size\":[1],\"required\":[1540],\"disabled\":[516],\"countryCode\":[1537,\"country-code\"],\"allowedCountryCodes\":[16],\"value\":[1537],\"validationRules\":[16],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"placeholder\":[1],\"hint\":[1],\"phoneNumberInputValue\":[32]}]]],[\"vega-input-range\",[[1,\"vega-input-range\",{\"label\":[1],\"value\":[1040],\"prefixIcon\":[513,\"prefix-icon\"],\"showClearIcon\":[4,\"show-clear-icon\"],\"min\":[514],\"max\":[514],\"required\":[1540],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"size\":[1],\"placeholder\":[16],\"disabled\":[516],\"hint\":[1],\"stack\":[1]}]]],[\"vega-line-chart\",[[1,\"vega-line-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-pie-chart\",[[1,\"vega-pie-chart\",{\"options\":[16],\"reRender\":[64]}]]],[\"vega-section-title\",[[1,\"vega-section-title\",{\"titleText\":[1,\"title\"],\"description\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"]}]]],[\"vega-segment-control\",[[1,\"vega-segment-control\",{\"block\":[4],\"size\":[1],\"segments\":[16],\"selected\":[1025],\"variant\":[1],\"isOverflowBlockSegments\":[32]}]]],[\"vega-signature-capture\",[[1,\"vega-signature-capture\",{\"mode\":[1],\"label\":[1],\"required\":[516],\"showClearBtn\":[4,\"show-clear-btn\"],\"placeholder\":[1],\"placeholderIcon\":[1,\"placeholder-icon\"],\"disabled\":[4],\"value\":[1040],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"height\":[8],\"currentBreakpoint\":[32],\"isDrawing\":[32],\"clear\":[64]}]]],[\"vega-skeleton\",[[1,\"vega-skeleton\",{\"type\":[513],\"width\":[8],\"height\":[8],\"animated\":[4]}]]],[\"vega-slot-container\",[[1,\"vega-slot-container\"]]],[\"vega-dialog_2\",[[1,\"vega-dialog\",{\"dialogTitle\":[1,\"dialog-title\"],\"content\":[1],\"type\":[1],\"okButton\":[16],\"handleOk\":[16],\"cancelButton\":[16],\"handleCancel\":[16],\"showCancel\":[4,\"show-cancel\"],\"modalProps\":[16],\"currentBreakpoint\":[32]}],[1,\"vega-modal\",{\"backdrop\":[1],\"size\":[8],\"open\":[1028],\"animation\":[4],\"modalTitle\":[1,\"modal-title\"],\"backdropColor\":[1,\"backdrop-color\"],\"isVerticallyCenter\":[4,\"is-vertically-center\"],\"isVerticallyCentered\":[4,\"is-vertically-centered\"],\"showCloseButton\":[4,\"show-close-button\"],\"padding\":[1],\"contentMaxHeight\":[2,\"content-max-height\"],\"handleClose\":[16],\"currentBreakpoint\":[32],\"modal\":[64]},[[10,\"click\",\"listenDataTarget\"],[0,\"click\",\"listenDataDismiss\"]]]]],[\"vega-chip\",[[1,\"vega-chip\",{\"text\":[1],\"clickable\":[4],\"variant\":[1],\"size\":[1],\"bgColor\":[1,\"bg-color\"],\"textColor\":[1,\"text-color\"],\"statusColor\":[1,\"status-color\"],\"chipType\":[1,\"chip-type\"],\"showCloseIcon\":[4,\"show-close-icon\"],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"],\"currentBreakpoint\":[32],\"currentSize\":[32]}]]],[\"vega-carousel\",[[1,\"vega-carousel\",{\"perPage\":[2,\"per-page\"],\"itemsPerPage\":[2,\"items-per-page\"],\"showSlider\":[4,\"show-slider\"],\"spacing\":[1],\"canSwipe\":[4,\"can-swipe\"],\"page\":[32],\"totalPages\":[32],\"nextPage\":[64],\"prevPage\":[64],\"goToPage\":[64]}]]],[\"vega-font\",[[1,\"vega-font\",{\"variant\":[1],\"color\":[1],\"disableResponsive\":[4,\"disable-responsive\"],\"textAlign\":[1,\"text-align\"],\"as\":[1],\"currentBreakpoint\":[32]}]]],[\"vega-form\",[[1,\"vega-form\",{\"isValid\":[1028,\"is-valid\"],\"isTouched\":[1028,\"is-touched\"],\"valid\":[64],\"getValue\":[64],\"setValue\":[64],\"reset\":[64]}]]],[\"vega-input-select\",[[1,\"vega-input-select\",{\"label\":[1],\"required\":[516],\"selectedLabel\":[16],\"selectType\":[1,\"select-type\"],\"source\":[1040],\"value\":[1537],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[4,\"auto-validation\"],\"validationRules\":[16],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[516],\"placeholder\":[1],\"hint\":[1],\"vegaDropdownProps\":[16],\"size\":[1],\"sourceLazyLoadCallback\":[16],\"isDropdownShow\":[32],\"currentBreakpoint\":[32],\"isLazyLoading\":[32],\"doClose\":[64],\"doOpen\":[64],\"doChange\":[64]}]]],[\"vega-button\",[[1,\"vega-button\",{\"size\":[1],\"variant\":[1],\"icon\":[1],\"iconAlign\":[1,\"icon-align\"],\"label\":[1025],\"disabled\":[4],\"danger\":[4],\"block\":[4],\"type\":[1],\"loading\":[4],\"currentBreakpoint\":[32]}]]],[\"vega-dropdown_5\",[[1,\"vega-dropdown-content-box\"],[1,\"vega-dropdown-group\",{\"label\":[1],\"divide\":[4]}],[1,\"vega-dropdown-item\",{\"label\":[1],\"itemKey\":[513,\"item-key\"],\"count\":[2],\"prefixIcon\":[1,\"prefix-icon\"],\"disabled\":[4],\"height\":[2],\"danger\":[4],\"selectType\":[32],\"prefixIconSlot\":[32],\"selected\":[32],\"itemDisplayRule\":[32]}],[1,\"vega-virtual-scroll\",{\"source\":[16],\"approxItemHeight\":[2,\"approx-item-height\"],\"viewportMaxHeight\":[2,\"viewport-max-height\"],\"isLoading\":[4,\"is-loading\"],\"virtualizationThreshold\":[2,\"virtualization-threshold\"],\"sourceItemIdentifier\":[1,\"source-item-identifier\"],\"renderItem\":[16],\"positionConfig\":[32],\"scrollTop\":[32],\"scrollToIndex\":[64]}],[1,\"vega-dropdown\",{\"size\":[8],\"trigger\":[1],\"translocation\":[16],\"source\":[1040],\"positionRelativeTo\":[1,\"position-relative-to\"],\"selectType\":[1,\"select-type\"],\"selectedSourceKey\":[1025,\"selected-source-key\"],\"prefixIconSlot\":[4,\"prefix-icon-slot\"],\"maxHeight\":[2,\"max-height\"],\"searchable\":[4],\"matchTargetWidth\":[4,\"match-target-width\"],\"minWidth\":[8,\"min-width\"],\"maxWidth\":[8,\"max-width\"],\"itemDisplayRule\":[1,\"item-display-rule\"],\"matchContainerHeight\":[4,\"match-container-height\"],\"caseSensitive\":[4,\"case-sensitive\"],\"dynamicOption\":[4,\"dynamic-option\"],\"useDefaultFilter\":[4,\"use-default-filter\"],\"isLoading\":[4,\"is-loading\"],\"placement\":[1],\"alignment\":[1],\"isLazyLoading\":[4,\"is-lazy-loading\"],\"searchTriggerBy\":[1,\"search-trigger-by\"],\"searchString\":[32],\"isDropdownShow\":[32],\"sourceForRender\":[32],\"show\":[64],\"hide\":[64],\"search\":[64],\"clearSelection\":[64],\"getSelection\":[64],\"setSelection\":[64]}]]],[\"vega-backdrop\",[[1,\"vega-backdrop\",{\"color\":[1],\"visible\":[4],\"duration\":[2]}]]],[\"vega-box\",[[1,\"vega-box\",{\"padding\":[1],\"margin\":[1],\"display\":[1],\"border\":[1],\"borderStyle\":[1,\"border-style\"],\"shadow\":[1],\"borderColor\":[1,\"border-color\"],\"backgroundColor\":[1,\"background-color\"],\"width\":[8],\"height\":[8],\"minHeight\":[8,\"min-height\"],\"maxHeight\":[8,\"max-height\"],\"responsiveClass\":[1,\"responsive-class\"],\"corners\":[1],\"flexBasis\":[1,\"flex-basis\"],\"flexGrow\":[8,\"flex-grow\"],\"flexShrink\":[8,\"flex-shrink\"],\"order\":[8],\"flex\":[8],\"alignSelf\":[1,\"align-self\"],\"justifySelf\":[1,\"justify-self\"],\"gridColumn\":[8,\"grid-column\"],\"gridRow\":[8,\"grid-row\"],\"gridArea\":[8,\"grid-area\"],\"currentBreakpoint\":[32]}]]],[\"vega-grid\",[[1,\"vega-grid\",{\"column\":[8],\"row\":[8],\"gap\":[1]}]]],[\"vega-tooltip_2\",[[1,\"vega-tooltip-content-box\",{\"text\":[1]}],[1,\"vega-tooltip\",{\"size\":[8],\"minWidth\":[8,\"min-width\"],\"maxWidth\":[8,\"max-width\"],\"trigger\":[1],\"content\":[1],\"text\":[1],\"placement\":[1],\"alignment\":[1],\"positionRelativeTo\":[1,\"position-relative-to\"],\"disableInteractive\":[4,\"disable-interactive\"],\"isTooltipShow\":[32]}]]],[\"vega-text\",[[1,\"vega-text\",{\"overflow\":[1],\"tooltip\":[16]}]]],[\"vega-icon\",[[1,\"vega-icon\",{\"icon\":[513],\"size\":[1],\"color\":[1]}]]],[\"vega-button-circle\",[[1,\"vega-button-circle\",{\"size\":[1],\"variant\":[1],\"icon\":[513],\"label\":[1],\"disabled\":[4],\"danger\":[4],\"type\":[1],\"iconColor\":[1,\"icon-color\"],\"showTooltip\":[4,\"show-tooltip\"],\"tooltip\":[16]}]]],[\"vega-field-label\",[[1,\"vega-field-label\",{\"suffixButtonProps\":[16],\"label\":[1025],\"isFieldRequired\":[4,\"is-field-required\"],\"disabled\":[4]}]]],[\"vega-input\",[[1,\"vega-input\",{\"label\":[1],\"labelSuffixButtonProps\":[16],\"value\":[1537],\"valueUpdateTrigger\":[1,\"value-update-trigger\"],\"type\":[513],\"name\":[1],\"autocomplete\":[1],\"prefixIcon\":[513,\"prefix-icon\"],\"email\":[516],\"required\":[1540],\"min\":[514],\"max\":[514],\"minLength\":[514,\"min-length\"],\"maxLength\":[514,\"max-length\"],\"showClearIcon\":[4,\"show-clear-icon\"],\"isValid\":[1540,\"is-valid\"],\"autoValidation\":[516,\"auto-validation\"],\"validationRules\":[16],\"size\":[1],\"placeholder\":[1],\"disabled\":[516],\"hint\":[1],\"maskConfig\":[16],\"disableCopyPaste\":[4,\"disable-copy-paste\"],\"doFocus\":[64],\"doBlur\":[64]}]]],[\"vega-flex\",[[1,\"vega-flex\",{\"gap\":[1],\"margin\":[1],\"breakpoint\":[1],\"direction\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"],\"flexWrap\":[1,\"flex-wrap\"],\"flex\":[8],\"flexBasis\":[1,\"flex-basis\"],\"flexGrow\":[8,\"flex-grow\"],\"flexShrink\":[8,\"flex-shrink\"],\"useNativeFlex\":[4,\"use-native-flex\"],\"currentBreakpoint\":[32]}]]]]"), options);
+});