@globalpayments/vega 2.24.0 → 2.25.0

package/dist/esm/vega-textarea.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-187f71d1.js';
 import { M as MinStringLengthRule, a as MaxStringLengthRule } from './min-string-length-rule-27a8ba07.js';
-import { R as RequiredFieldRule } from './required-field-rule-6c04a5e9.js';
+import { R as RequiredFieldRule } from './required-field-rule-f438a73f.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-374541fd.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
-import { e as VegaChange, u as VegaBlur } from './vega-event-id-6ac7ca51.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
+import { e as VegaChange, y as VegaBlur } from './vega-event-id-7465a011.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
 import './string-be824360.js';
 import './dom-node-subject-observer-factory-926991a9.js';
 import './ui-153f4ae7.js';
@@ -23,7 +23,7 @@ import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './array-506b88b9.js';
 import './number-e2519d1c.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -107,15 +107,21 @@ const VegaTextarea = class {
      *
      * It indicates the expected format or pattern of
      *    the input within the text area.
+     *
+     * @version 1.11.0
      */
     this.placeholder = '';
     /**
      * Provides a supplementary prompt message that assists users in
      *    understanding the expected value within the text area.
+     *
+     * @version 1.11.0
      */
     this.hint = '';
     /**
      * Specifies whether the text area is disabled.
+     *
+     * @version 1.11.0
      */
     this.disabled = false;
     /**
@@ -123,50 +129,72 @@ const VegaTextarea = class {
      *
      * It provides descriptive text that helps identify the
      *    purpose or content expected within the text area.
+     *
+     * @version 1.11.0
      */
     this.label = '';
     /**
      * Determines whether to display a character counter
      *    for the textarea.
+     *
+     * @version 1.11.0
      */
     this.showCounter = false;
     /**
      * Specifies the initial value or content of the
      *    textarea field.
+     *
+     * @version 1.11.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
     /**
      * Specifies the validation status of the
      *    text area component.
+     *
+     * @version 1.11.0
      */
-    /* eslint-disable @stencil/strict-mutable */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * Determines whether automatic validation should be
      *    implemented for the text area.
+     *
+     * @version 1.11.0
      */
     this.autoValidation = true;
     /**
      * Determines whether the content of the textarea must be
      *    provided by the user before submitting the form or
      *    completing the input process.
+     *
+     * @version 1.11.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
      * Specifies the maximum number of characters (UTF-16 code units)
      *    that the user can enter in the text area.
+     *
+     * @version 1.11.0
      */
     this.maxLength = null;
     /** Specifies the minimum number of characters (UTF-16 code units)
      *    that the user must enter in the text area.
+     *
+     * @version 1.11.0
      */
     this.minLength = null;
     /**
      * Determines whether the text area is vertically resizable.
+     *
+     * @version 2.19.0
      */
     this.resizable = true;
     /**
      * Specifies custom validation rules for the text area.
+     *
+     * @version 1.11.0
      */
     this.validationRules = [];
     this.renderTextareaContainer = () => {

package/dist/esm/vega-time-picker_2.entry.js

@@ -6,17 +6,17 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-b3f6ac79.js';
 import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-374541fd.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-926991a9.js';
-import { e as VegaChange, t as VegaFocus, u as VegaBlur, a as VegaClick } from './vega-event-id-6ac7ca51.js';
+import { e as VegaChange, x as VegaFocus, y as VegaBlur, a as VegaClick } from './vega-event-id-7465a011.js';
 import { g as getDeviceType, D as DeviceType } from './ui-153f4ae7.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 import { i as isArrayEqual } from './array-506b88b9.js';
 import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-f740e51a.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7721c206.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-b6072957.js';
 import { P as isNonNullable } from './type-guard-4bc3fbf5.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-eaa30e33.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-501cdd87.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.js';
 import './string-be824360.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -27,13 +27,13 @@ import './ui-df46cc20.js';
 import './mutation-observer-slimmer-6cef9549.js';
 import './mutation-observer-filters-9086b5cc.js';
 import './number-e2519d1c.js';
-import './responsive-format-facade-2fcb7c02.js';
+import './responsive-format-facade-e86c7fbb.js';
 import './pixel-f32c07ce.js';
 import './internal-vega-z-index-manager-0553458e.js';
 import './keyboard-manager-477122e6.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-9be58397.js';
 import './index-0863eec6.js';
@@ -1920,50 +1920,70 @@ const VegaTimePicker = class {
      *
      *  - `single` indicates the ability to select a single time.
      *  - `range` indicates the ability to select a time range.
+     *
+     * @version 1.48.0
      */
     this.mode = 'single';
     /**
      * Specifies whether selecting a time in the time picker
      *    is required for passing form validation.
+     *
+     * @version 1.12.0
      */
     this.required = false;
     /**
      * Determines the interval between each selectable minute value
      *    in the time picker.
+     *
+     * @version 1.12.0
      */
     this.increments = 1;
     /**
      * Specifies the format in which the time is displayed
      *    in the time picker.
+     *
+     * @version 1.12.0
      */
     this.timeFormat = '24-hour';
     /**
      * Specifies the initial value or selected time
      *    for the time picker.
+     *
+     * @version 1.12.0
      */
-    // eslint-disable-next-line @stencil/strict-mutable
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = this.mode === 'range' ? ['', ''] : '';
     /**
      * Determines the size or dimensions of the time picker component.
+     *
+     * @version 1.12.0
      */
     this.size = 'default';
     /**
      * Determines whether the time picker component is disabled.
+     *
+     * @version 1.12.0
      */
     this.disabled = false;
     /**
      * Specifies the validation status of the time picker component.
+     *
+     * @version 1.12.0
      */
-    /* eslint-disable @stencil/strict-mutable */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
      * Determines whether automatic validation should be implemented
      *    for the time picker during user input.
+     *
+     * @version 1.12.0
      */
     this.autoValidation = true;
     /**
      * Specifies custom validation rules for the
      *    time picker input field.
+     *
+     * @version 1.12.0
      */
     this.validationRules = [];
   }

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

@@ -1,16 +1,90 @@
 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-6ac7ca51.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-e952b0b0.js';
+import { e as VegaChange } from './vega-event-id-7465a011.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-570444e7.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-374541fd.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-2e153754.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import './dynamic-slimmer-90b8af32.js';
-import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-926991a9.js';
-import './internal-vega-event-manager-c16aea68.js';
+import './internal-vega-event-manager-722461c1.js';
+import './string-be824360.js';
+import './ui-153f4ae7.js';
+import './misc-9fdbcfbb.js';
+import './vega-internal-event-id-809b4ec8.js';
+import './page-resize-observer-slimmer-8caeb03b.js';
+import './breakpoints-e59edf8d.js';
+import './ui-df46cc20.js';
+import './mutation-observer-slimmer-6cef9549.js';
+import './mutation-observer-filters-9086b5cc.js';
+import './array-506b88b9.js';
+import './number-e2519d1c.js';
 
-const vegaToggleSwitchCss = ":host{display:inline-block}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}";
+/**
+ * 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;
@@ -29,17 +103,72 @@ const VegaToggleSwitch = class {
     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. */
+    /**
+     * Specifies whether the toggle switch is in the checked state.
+     *
+     * @version 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.
+     *
+     * @version 2.25.0
+     */
+    this.value = false;
     /**
      * Specifies the size of the toggle switch.
+     *
+     * @version 1.3.0
      */
     this.size = 'default';
+    /**
+     * Specifies whether the toggle switch must be checked
+     *    to pass form validation.
+     *
+     * @version 2.25.0
+     */
+    this.required = false;
     /**
      * Specifies whether the toggle switch is disabled.
+     *
+     * @version 1.3.0
      */
     this.disabled = false;
+    /**
+     * Defines custom validation rules for the toggle switch.
+     *
+     * @version 2.25.0
+     */
+    this.validationRules = [];
+    /**
+     * Determines whether automatic validation should be
+     *    implemented for the toggle switch.
+     *
+     * @version 2.25.0
+     */
+    this.autoValidation = true;
+    /**
+     * Specifies the validation status of the toggle switch.
+     *
+     * @version 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}
@@ -63,7 +192,20 @@ const VegaToggleSwitch = class {
     };
   }
   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
@@ -71,14 +213,16 @@ const VegaToggleSwitch = class {
       : '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" }, 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);
+    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 }))) : null;
+    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"]
+    "checked": ["watchCheckedChange"],
+    "value": ["watchValue"],
+    "validationRules": ["watchValidationRules"]
   }; }
 };
 __decorate([
@@ -87,6 +231,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaToggleSwitch.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaToggleSwitch.prototype, "formFieldController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaToggleSwitch.prototype, "changeEventEmitter", void 0);

package/dist/esm/vega-tooltip_2.entry.js

@@ -3,7 +3,7 @@ import { s as sanitizeVegaComponent } from './component-cae24190.js';
 import { I as InjectKeyboardManager } from './inject-keyboard-manager-d2a96e14.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-f740e51a.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7721c206.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-43d184b3.js';
 import './keyboard-manager-477122e6.js';
 import './ui-153f4ae7.js';
@@ -12,7 +12,7 @@ import './type-guard-4bc3fbf5.js';
 import './breakpoints-e59edf8d.js';
 import './regex-dfe11abf.js';
 import './typography-a8fc4764.js';
-import './responsive-format-facade-2fcb7c02.js';
+import './responsive-format-facade-e86c7fbb.js';
 import './number-e2519d1c.js';
 import './pixel-f32c07ce.js';
 import './internal-vega-z-index-manager-0553458e.js';
@@ -180,21 +180,29 @@ const VegaTooltip = class {
      * - 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.
+     *
+     * @version 1.3.0
      */
     this.trigger = 'hover';
     /**
      * Specifies the vertical positioning of the tooltip
      *    within its container or relative to a reference point.
+     *
+     * @version 1.3.0
      */
     this.placement = 'top';
     /**
      * Determines the horizontal positioning of the tooltip
      *    within its container or relative to a reference point.
+     *
+     * @version 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.
+     *
+     * @version 1.52.0
      */
     this.disableInteractive = false;
   }