@heartlandone/vega 2.0.0-temp-test-0.3 → 2.0.0

package/dist/collection/components/vega-text/vega-text.js

@@ -4,10 +4,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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;
 };
-import { Component, Host, h, Element, Prop } from '@stencil/core';
-import { getElementComputedStyle, isTextWrapped } from '../../utils/ui';
-import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
-import { PageResizeObserverSlimmer } from '../../helpers/slimmers/pageResizeObserverSlimmer';
+import { Component, Host, h, Element, Prop, Watch } from '@stencil/core';
+import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
+import { VegaTextTooltipRenderer } from './slimmers/renderers/vega-text-tooltip-renderer';
 /**
  * This is an internal used component and shouldn't be used by client,
  *    it doesn't show up in storybook either.
@@ -15,98 +14,24 @@ import { PageResizeObserverSlimmer } from '../../helpers/slimmers/pageResizeObse
 export class VegaText {
   constructor() {
     this.globalSlimmers = {};
-    /**
-     * The below method is e2e-test covered in
-     * @see{module:vega-text-with-long-text-change-screen-size}
-     */
-    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer({
-      callback: /* istanbul ignore next */ () => {
-        if (this.overflow === 'ellipsis') {
-          if (this.tooltip) {
-            this.tooltip.innerText = this.content;
-          }
-          void this.handleTooltip();
-        }
-      },
-      isDeferred: true,
-    });
+    this.tooltipRenderer = new VegaTextTooltipRenderer();
     /**
      * Specifies the behavior of text when it exceeds the
      *    available space within its container.
      */
     this.overflow = 'newline';
-    this.initTextContent = () => {
-      this.content = this.el.textContent;
-    };
-    /**
-     * The below method is e2e-test covered in
-     * @see{module:vega-text-with-long-text}
-     * @see{module:vega-text-with-long-text-change-screen-size}
-     */
-    /* istanbul ignore next */
-    this.handleTooltip = async () => {
-      if (isTextWrapped(this.el)) {
-        const tooltip = this.createTooltip();
-        void tooltip.componentOnReady().then(() => {
-          void this.updateTooltipDisplayText();
-        });
-      }
-      else {
-        if (this.tooltip && this.tooltip.classList.contains('hydrated')) {
-          this.el.innerText = this.content;
-          this.tooltip.remove();
-          this.tooltip = null;
-        }
-      }
-    };
-    /**
-     * The below method is e2e-test covered in
-     * @see{module:vega-text-with-long-text}
-     * @see{module:vega-text-with-long-text-change-screen-size}
-     */
-    /* istanbul ignore next */
-    this.createTooltip = () => {
-      this.tooltip = this.el.querySelector('vega-tooltip');
-      if (!this.tooltip) {
-        this.tooltip = document.createElement('vega-tooltip');
-        this.tooltip.content = this.content;
-        this.tooltip.innerText = this.content;
-        this.el.replaceChildren(this.tooltip);
-      }
-      return this.tooltip;
-    };
-    /** Calculate the number of displayed characters according to the screen width and font size.
-     * In order to avoid errors, recalculate whether the vega-tooltip displays a line break.
-     * If it has, gradually reduce the number of calculated characters until there is no line break.
-     * If there is no newline yet, incrementally increase the counted number of characters until the newline.
-     * The below method is e2e-test covered in
-     * @see{module:vega-text-with-long-text}
-     * @see{module:vega-text-with-long-text-change-screen-size}
-     */
-    /* istanbul ignore next */
-    this.updateTooltipDisplayText = async () => {
-      let fontSize = parseFloat(getElementComputedStyle(this.el, 'font-size'));
-      fontSize = isNaN(fontSize) ? VegaText.DEFAULT_FONT_SIZE : fontSize;
-      let textLength = Math.floor(this.el.getBoundingClientRect().width / Math.floor(fontSize / 2));
-      if (isTextWrapped(this.tooltip)) {
-        while (isTextWrapped(this.tooltip)) {
-          textLength = textLength - 1;
-          this.tooltip.textContent = this.truncateStringWithEllipsis(textLength);
-        }
-      }
-    };
-    /**
-     * The below method is e2e-test covered in
-     * @see{module:vega-text-with-long-text}
-     * @see{module:vega-text-with-long-text-change-screen-size}
-     */
-    /* istanbul ignore next */
-    this.truncateStringWithEllipsis = (textLength) => {
-      return this.content.substring(0, textLength) + '...';
-    };
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-text-with-tooltip-placement}
+   */
+  /* istanbul ignore next */
+  /** Watching the tooltip prop. */
+  watchTooltip() {
+    methodPlaceholder();
   }
   componentDidLoad() {
-    this.initTextContent();
+    methodPlaceholder();
   }
   render() {
     return (h(Host, { class: {
@@ -141,14 +66,37 @@ export class VegaText {
       "attribute": "overflow",
       "reflect": false,
       "defaultValue": "'newline'"
+    },
+    "tooltip": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaTextTooltipProps",
+        "resolved": "{ placement?: ElementAppenderPlacementType; }",
+        "references": {
+          "VegaTextTooltipProps": {
+            "location": "import",
+            "path": "./types"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the properties of the vega-tooltip in vega-text."
+      }
     }
   }; }
-  static get elementRef() { return "el"; }
+  static get elementRef() { return "host"; }
+  static get watchers() { return [{
+      "propName": "tooltip",
+      "methodName": "watchTooltip"
+    }]; }
 }
-VegaText.DEFAULT_FONT_SIZE = 16;
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaText.prototype, "globalSlimmers", void 0);
 __decorate([
   InjectVegaSlimmer()
-], VegaText.prototype, "pageResizeObserverSlimmer", void 0);
+], VegaText.prototype, "tooltipRenderer", void 0);

package/dist/collection/components/vega-textarea/vega-textarea.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   display: inline-block;
   width: 100%;

package/dist/collection/components/vega-textarea/vega-textarea.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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;
 };
-import { Component, Host, h, Element, Prop, Listen, Method, Watch, Event, State, } from '@stencil/core';
+import { Component, Host, h, Element, Prop, Listen, Watch, Event, State } from '@stencil/core';
 import { MaxStringLengthRule } from '../../helpers/validator/rules/maxStringLengthRule';
 import { MinStringLengthRule } from '../../helpers/validator/rules/minStringLengthRule';
 import { RequiredFieldRule } from '../../helpers/validator/rules/requiredFieldRule';
@@ -177,13 +177,6 @@ export class VegaTextarea {
     this.value = this.textareaRef.value;
     this.currentCharCount = this.value.length;
   }
-  /** Invoke this method to validate the input in the text area.
-   *
-   * @deprecated This property will be removed soon
-   */
-  async valid(showErrorText = true) {
-    return methodPlaceholder(showErrorText);
-  }
   render() {
     return sanitizeVegaComponent(h(Host, { class: {
         disabled: this.disabled,
@@ -460,24 +453,6 @@ export class VegaTextarea {
         "resolved": "string",
         "references": {}
       }
-    }, {
-      "method": "vegaValidate",
-      "name": "vegaValidate",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "vegaValidate is only used to listen on the vega-form component."
-          }],
-        "text": "An event emitter notifying changes in the validation result\n   of the text area."
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
     }, {
       "method": "vegaBlur",
       "name": "vegaBlur",
@@ -512,30 +487,6 @@ export class VegaTextarea {
         "references": {}
       }
     }]; }
-  static get methods() { return {
-    "valid": {
-      "complexType": {
-        "signature": "(showErrorText?: boolean | 'rule') => Promise<boolean>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<boolean>"
-      },
-      "docs": {
-        "text": "Invoke this method to validate the input in the text area.",
-        "tags": [{
-            "name": "deprecated",
-            "text": "This property will be removed soon"
-          }]
-      }
-    }
-  }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
       "propName": "value",

package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-range-input-renderer.js

@@ -102,13 +102,13 @@ export class VegaTimePickerRangeInputRenderer extends VegaSlimmer {
       this.rangeClearButtonRenderer.render()));
   }
   handlerEvent(ref) {
-    DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaBlur, (input) => {
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaBlur, (input) => {
       this.timePickerInputBlur(input);
     });
-    DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaChange, (input) => {
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (input) => {
       this.onInputChange(input);
     });
-    DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaFocus, (input) => {
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaFocus, (input) => {
       this.timePickerInputFocus(input);
     });
   }

package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-single-dropdown-renderer.js

@@ -112,13 +112,13 @@ export class VegaTimePickerSingleDropdownRenderer extends VegaSlimmer {
     return (h("div", { class: "vega-time-picker-dropdown-footer" },
       h("div", { class: "vega-time-picker-now" },
         h("vega-button-link", { size: "small", label: "Now", ref: (ref) => {
-            DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaClick, () => {
+            DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
               this.onNowButtonClick();
             });
           } })),
       h("div", null,
         h("vega-button-link", { size: "small", label: "Apply", ref: (ref) => {
-            DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaClick, () => {
+            DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => {
               this.onApplyButtonClick();
             });
           } }))));

package/dist/collection/components/vega-time-picker/slimmers/renderers/vega-time-picker-single-input-renderer.js

@@ -58,14 +58,14 @@ export class VegaTimePickerSingleInputRenderer extends VegaSlimmer {
    * @param {HTMLVegaInputElement} ref - The ref parameter is a reference to an HTML input element with the type "vega".
    */
   handleVegaInputEvent(ref) {
-    DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaChange, (input) => {
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (input) => {
       this.onChildVegaInputChange(input);
     });
-    DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaFocus, () => {
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaFocus, () => {
       this.singleDropdownController.show();
     });
     //When the filled time format is incorrect, the value needs to be set to empty, the initial value may also be empty, so the input needs to be set to an empty value.
-    DomNodeSubjectObserverFactory.addObserverToNode(ref, VegaBlur, (input) => {
+    DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaBlur, (input) => {
       this.valueController.checkValueAfterInputBlur(input);
     });
   }

package/dist/collection/components/vega-time-picker/vega-time-picker-dropdown/vega-time-picker-dropdown.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host(.vega-time-picker-dropdown) {
   border-radius: 12px;
   position: absolute;

package/dist/collection/components/vega-time-picker/vega-time-picker-dropdown/vega-time-picker-dropdown.js

@@ -1,6 +1,16 @@
+var __decorate = (this && this.__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;
+};
 import { Component, Host, h, Element } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../../utils/component';
+import { InjectVegaGlobalSlimmer } from 'vega-slimmer/core';
 export class VegaTimePickerDropdown {
+  constructor() {
+    this.globalSlimmers = {};
+  }
   render() {
     return sanitizeVegaComponent(h(Host, null), this.host);
   }
@@ -14,3 +24,6 @@ export class VegaTimePickerDropdown {
   }; }
   static get elementRef() { return "host"; }
 }
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTimePickerDropdown.prototype, "globalSlimmers", void 0);

package/dist/collection/components/vega-time-picker/vega-time-picker.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   display: inline-block;
   text-align: left;

package/dist/collection/components/vega-time-picker/vega-time-picker.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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;
 };
-import { Component, Element, Host, h, Prop, State, Watch, Event, Method } from '@stencil/core';
+import { Component, Element, Host, h, Prop, State, Watch, Event } from '@stencil/core';
 import { ComponentLoadRequired } from '../../decorators/method-decorators/componentLoadRequired';
 import { TimeRequiredRule } from '../../helpers/validator/rules/timeRequiredRule';
 import { sanitizeVegaComponent } from '../../utils/component';
@@ -186,13 +186,6 @@ export class VegaTimePicker {
   componentDidRender() {
     methodPlaceholder();
   }
-  /**
-   * Invoke this method to validate the time picker with
-   *    the current selected value.
-   */
-  async valid(showError = true) {
-    return methodPlaceholder(showError);
-  }
   render() {
     const isRangeMode = this.mode === 'range';
     return sanitizeVegaComponent(h(Host, { class: {
@@ -507,46 +500,7 @@ export class VegaTimePicker {
         "resolved": "string | string[]",
         "references": {}
       }
-    }, {
-      "method": "vegaValidate",
-      "name": "vegaValidate",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [{
-            "name": "deprecated",
-            "text": "vegaValidate is only used to listen on the vega-form component."
-          }],
-        "text": "An event emitter notifying changes in the validation result\n   of the time picker."
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
     }]; }
-  static get methods() { return {
-    "valid": {
-      "complexType": {
-        "signature": "(showError?: boolean | 'rule') => Promise<boolean>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<boolean>"
-      },
-      "docs": {
-        "text": "Invoke this method to validate the time picker with\n   the current selected value.",
-        "tags": []
-      }
-    }
-  }; }
   static get elementRef() { return "host"; }
   static get watchers() { return [{
       "propName": "isDropdownShow",

package/dist/collection/components/vega-toggle-switch/vega-toggle-switch.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   display: inline-block;
 }

package/dist/collection/components/vega-toggle-switch/vega-toggle-switch.js

@@ -173,7 +173,7 @@ export class VegaToggleSwitch {
             "name": "eventSemantics",
             "text": "namespace:native"
           }],
-        "text": "An native event emitter notifying changes in the toggle switch."
+        "text": "An event emitter notifying changes in the toggle switch."
       },
       "complexType": {
         "original": "boolean",

package/dist/collection/components/vega-tooltip/slimmers/controllers/vega-tooltip-element-appender-controller.js

@@ -0,0 +1,62 @@
+var __decorate = (this && this.__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;
+};
+import { ElementAppenderSlimmer } from '../../../../helpers/slimmers/elementAppenderSlimmer';
+import { MapToComponentField } from 'vega-slimmer/core';
+/**
+ * The class is responsible for managing the visibility and behavior of the tooltip content box.
+ */
+export class VegaTooltipElementAppenderController extends ElementAppenderSlimmer {
+  /**
+   * This constructor of the tooltip element appender controller.
+   */
+  constructor() {
+    super(() => ({
+      target: this.el,
+      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);
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "el", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "positionRelativeTo", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "size", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "minWidth", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "maxWidth", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "placement", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "alignment", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "trigger", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "disableInteractive", void 0);
+__decorate([
+  MapToComponentField({ writable: true })
+], VegaTooltipElementAppenderController.prototype, "isTooltipShow", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipElementAppenderController.prototype, "vegaTooltipContentBoxRenderer", void 0);

package/dist/collection/components/vega-tooltip/slimmers/renderers/vega-tooltip-content-box-renderer.js

@@ -0,0 +1,22 @@
+var __decorate = (this && this.__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;
+};
+import { h } from '@stencil/core';
+import { MapToComponentField } from 'vega-slimmer/core';
+export class VegaTooltipContentBoxRenderer {
+  getTooltipContentBoxRef() {
+    return this.tooltip;
+  }
+  render() {
+    return (h("vega-tooltip-content-box", { ref: (e) => (this.tooltip = e), text: this.text || this.content }));
+  }
+}
+__decorate([
+  MapToComponentField()
+], VegaTooltipContentBoxRenderer.prototype, "content", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTooltipContentBoxRenderer.prototype, "text", void 0);

package/dist/collection/components/vega-tooltip/vega-tooltip-content-box/vega-tooltip-content-box.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   position: absolute;
 }
@@ -76,7 +76,6 @@
  * The ticket link is: https://gethired.atlassian.net/browse/VD-2248
  */
 :host(.vega-placement-bottom) .vega-tooltip-content::after {
-  left: calc(50% - 5px);
   top: -4px;
   border-width: 0 5px 4px 5px;
   border-bottom-color: rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));
@@ -87,7 +86,6 @@
 
 :host(.vega-placement-left) .vega-tooltip-content::after {
   left: 100%;
-  top: calc(50% - 5px);
   border-width: 5px 0 5px 4px;
   border-left-color: rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));
   border-top-color: transparent;
@@ -97,7 +95,6 @@
 
 :host(.vega-placement-right) .vega-tooltip-content::after {
   left: -4px;
-  top: calc(50% - 5px);
   border-width: 5px 4px 5px 0;
   border-right-color: rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1));
   border-top-color: transparent;
@@ -106,11 +103,40 @@
 }
 
 :host(.vega-placement-top) .vega-tooltip-content::after {
-  left: calc(50% - 5px);
   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;
 }

package/dist/collection/components/vega-tooltip/vega-tooltip-content-box/vega-tooltip-content-box.js

@@ -1,9 +1,19 @@
+var __decorate = (this && this.__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;
+};
 import { Component, Host, h, Element, Prop } from '@stencil/core';
 import { sanitizeVegaComponent } from '../../../utils/component';
+import { InjectVegaGlobalSlimmer } from 'vega-slimmer/core';
 export class VegaTooltipContentBox {
+  constructor() {
+    this.globalSlimmers = {};
+  }
   render() {
     return sanitizeVegaComponent(h(Host, { class: "vega-tooltip", role: "tooltip" },
-      h("div", { class: "vega-tooltip-content" }, this.content)), this.el);
+      h("div", { class: "vega-tooltip-content" }, this.text)), this.el);
   }
   static get is() { return "vega-tooltip-content-box"; }
   static get encapsulation() { return "shadow"; }
@@ -14,7 +24,7 @@ export class VegaTooltipContentBox {
     "$": ["vega-tooltip-content-box.css"]
   }; }
   static get properties() { return {
-    "content": {
+    "text": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -26,11 +36,14 @@ export class VegaTooltipContentBox {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Specifies the content that is displayed inside the tooltip."
+        "text": "Specifies the text that is displayed inside the tooltip."
       },
-      "attribute": "content",
+      "attribute": "text",
       "reflect": false
     }
   }; }
   static get elementRef() { return "el"; }
 }
+__decorate([
+  InjectVegaGlobalSlimmer()
+], VegaTooltipContentBox.prototype, "globalSlimmers", void 0);

package/dist/collection/components/vega-tooltip/vega-tooltip.css

@@ -1,4 +1,4 @@
-/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
+/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */
 :host {
   display: inline-block;
 }