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

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

@@ -1,52 +1,38 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-3e41c219.js';
-import { j as isTextWrapped, k as getElementComputedStyle } from './ui-608b4032.js';
-import { I as InjectVegaSlimmer } from './global-slimmer-registry-f1dec4a2.js';
-import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-0e6dd982.js';
-import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-ee15d7fd.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-c3505689.js';
+import { I as InjectVegaSlimmer } from './global-slimmer-registry-b91c742d.js';
+import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-c3f84156.js';
+import { a as MapToComponentField, M as MapToComponentMethod } from './vega-slimmer-ce2e45d1.js';
+import { e as isTextWrapped, j as getElementComputedStyle } from './ui-6e5294cb.js';
+import { P as PageResizeObserverSlimmer } from './pageResizeObserverSlimmer-b476bb1f.js';
 import './log-a824be80.js';
-import './vega-slimmer-d63e92d9.js';
-import './map-to-component-method-4e36ea1f.js';
-import './breakpoints-3152fa9c.js';
+import './breakpoints-900a4c99.js';
+import './ui-535c5fb3.js';
 
-const vegaTextCss = ":host{display:block}:host(.vega-container-text-newline){overflow-wrap:break-word}:host(.vega-container-text-ellipsis){word-break:break-all}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
+  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 VegaText = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.globalSlimmers = {};
-    /**
-     * The below method is e2e-test covered in
-     * @see{module:vega-text-with-long-text-change-screen-size}
-     */
-    this.pageResizeObserverSlimmer = new PageResizeObserverSlimmer({
+/** The vega-text tooltip renderer slimmer */
+class VegaTextTooltipRenderer extends PageResizeObserverSlimmer {
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-text-with-long-text-change-screen-size}
+   */
+  constructor() {
+    /* eslint-disable jsdoc/require-jsdoc*/
+    super({
       callback: /* istanbul ignore next */ () => {
         if (this.overflow === 'ellipsis') {
-          if (this.tooltip) {
-            this.tooltip.innerText = this.content;
+          if (this.tooltipRef) {
+            this.tooltipRef.innerText = this.content;
           }
           void this.handleTooltip();
         }
       },
       isDeferred: true,
     });
-    /**
-     * 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}
@@ -54,17 +40,17 @@ const VegaText = class {
      */
     /* istanbul ignore next */
     this.handleTooltip = async () => {
-      if (isTextWrapped(this.el)) {
+      if (isTextWrapped(this.host)) {
         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;
+        if (this.tooltipRef && this.tooltipRef.classList.contains('hydrated')) {
+          this.host.innerText = this.content;
+          this.tooltipRef.remove();
+          this.tooltipRef = null;
         }
       }
     };
@@ -75,14 +61,16 @@ const VegaText = class {
      */
     /* 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);
+      var _a;
+      this.tooltipRef = this.host.querySelector('vega-tooltip');
+      if (!this.tooltipRef) {
+        this.tooltipRef = document.createElement('vega-tooltip');
+        this.tooltipRef.text = this.content;
+        this.tooltipRef.innerText = this.content;
+        this.tooltipRef.placement = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.placement;
+        this.host.replaceChildren(this.tooltipRef);
       }
-      return this.tooltip;
+      return this.tooltipRef;
     };
     /** 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.
@@ -94,13 +82,13 @@ const VegaText = class {
      */
     /* 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)) {
+      let fontSize = parseFloat(getElementComputedStyle(this.host, 'font-size'));
+      fontSize = isNaN(fontSize) ? VegaTextTooltipRenderer.DEFAULT_FONT_SIZE : fontSize;
+      let textLength = Math.floor(this.host.getBoundingClientRect().width / Math.floor(fontSize / 2));
+      if (isTextWrapped(this.tooltipRef)) {
+        while (isTextWrapped(this.tooltipRef)) {
           textLength = textLength - 1;
-          this.tooltip.textContent = this.truncateStringWithEllipsis(textLength);
+          this.tooltipRef.textContent = this.truncateStringWithEllipsis(textLength);
         }
       }
     };
@@ -113,25 +101,96 @@ const VegaText = class {
     this.truncateStringWithEllipsis = (textLength) => {
       return this.content.substring(0, textLength) + '...';
     };
+    this.initTextContent = () => {
+      this.content = this.host.textContent;
+    };
   }
+  /**
+   * Component lifecycle - [componentDidLoad]{@link VegaText.componentDidLoad}
+   */
   componentDidLoad() {
     this.initTextContent();
   }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-text-with-tooltip-placement}
+   */
+  /* istanbul ignore next */
+  /** Watching the tooltip prop. */
+  watchTooltip() {
+    var _a;
+    if (this.tooltipRef) {
+      this.tooltipRef.placement = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.placement;
+    }
+  }
+}
+VegaTextTooltipRenderer.DEFAULT_FONT_SIZE = 16;
+__decorate$1([
+  MapToComponentField()
+], VegaTextTooltipRenderer.prototype, "host", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaTextTooltipRenderer.prototype, "tooltip", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaTextTooltipRenderer.prototype, "overflow", void 0);
+__decorate$1([
+  MapToComponentMethod('componentDidLoad')
+], VegaTextTooltipRenderer.prototype, "componentDidLoad", null);
+__decorate$1([
+  MapToComponentMethod('watchTooltip')
+], VegaTextTooltipRenderer.prototype, "watchTooltip", null);
+
+const vegaTextCss = ":host{display:block}:host(.vega-container-text-newline){overflow-wrap:break-word}:host(.vega-container-text-ellipsis){word-break:break-all}";
+
+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 VegaText = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.globalSlimmers = {};
+    this.tooltipRenderer = new VegaTextTooltipRenderer();
+    /**
+     * Specifies the behavior of text when it exceeds the
+     *    available space within its container.
+     */
+    this.overflow = 'newline';
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-text-with-tooltip-placement}
+   */
+  /* istanbul ignore next */
+  /** Watching the tooltip prop. */
+  watchTooltip() {
+  }
+  componentDidLoad() {
+  }
   render() {
     return (h(Host, { class: {
         'vega-container-text-ellipsis': this.overflow === 'ellipsis',
         'vega-container-text-newline': this.overflow === 'newline',
       } }, h("slot", null)));
   }
-  get el() { return getElement(this); }
+  get host() { return getElement(this); }
+  static get watchers() { return {
+    "tooltip": ["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);
 VegaText.style = vegaTextCss;
 
 export { VegaText as vega_text };

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

@@ -1,29 +1,24 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3e41c219.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c3505689.js';
 import { M as MinStringLengthRule, a as MaxStringLengthRule } from './minStringLengthRule-f294684c.js';
 import { R as RequiredFieldRule } from './requiredFieldRule-f549a39d.js';
-import { s as sanitizeVegaComponent } from './component-ff56c5f5.js';
-import { I as InjectVegaSlimmer } from './global-slimmer-registry-f1dec4a2.js';
-import { m as methodPlaceholder } from './placeholder-bf562081.js';
-import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-0e6dd982.js';
-import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-4b2250b8.js';
-import { c as FORM_ELEMENT_VALUE_CHANGE } from './staticSubjectTitle-ba738b9d.js';
+import { s as sanitizeVegaComponent } from './component-e4eb3f14.js';
+import { I as InjectVegaSlimmer } from './global-slimmer-registry-b91c742d.js';
+import { I as InjectVegaGlobalSlimmer } from './inject-vega-global-slimmer-c3f84156.js';
+import { F as FormFieldControllerSlimmer } from './formFieldControllerSlimmer-862c5c79.js';
+import { b as FORM_ELEMENT_VALUE_CHANGE } from './staticSubjectTitle-bb1e9570.js';
 import { C as ChangeManager } from './changeManager-935d420b.js';
-import { c as createEventEmitSlimmer } from './eventEmitSlimmer-da1fd54e.js';
-import { d as VegaChange, q as VegaBlur } from './vegaEventId-78665c18.js';
-import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-7229b70d.js';
-import './featureFlagController-5d7e64f1.js';
+import { c as createEventEmitSlimmer } from './eventEmitSlimmer-d605ac81.js';
+import { g as VegaChange, q as VegaBlur } from './internalVegaEventManager-efa77ebb.js';
+import { C as ChildNodesEventPreventSlimmer } from './childNodesEventPreventSlimmer-65a53b20.js';
 import './log-a824be80.js';
-import './vega-slimmer-d63e92d9.js';
-import './map-to-component-method-4e36ea1f.js';
+import './vega-slimmer-ce2e45d1.js';
 import './string-be824360.js';
-import './observer-3959f9dd.js';
-import './ui-608b4032.js';
-import './misc-9fdbcfbb.js';
-import './dynamic-slimmer-16826d2b.js';
-import './pageResizeObserverSlimmer-ee15d7fd.js';
-import './breakpoints-3152fa9c.js';
-import './domNodeSubjectObserverFactory-8aeac4b6.js';
-import './internalVegaEventManager-4ab886bc.js';
+import './ui-6e5294cb.js';
+import './misc-c21a85c9.js';
+import './dynamic-slimmer-c8ad78de.js';
+import './pageResizeObserverSlimmer-b476bb1f.js';
+import './breakpoints-900a4c99.js';
+import './ui-535c5fb3.js';
 
 const vegaTextareaCss = ":host{display:inline-block;width:100%;text-align:left}:host .vega-textarea-container{display:flex;position:relative;width:100%;resize:vertical;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));min-height:50px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-textarea-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-textarea-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-textarea-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host textarea{display:block;position:relative;padding-top:12px;padding-right:16px;padding-bottom:32px;padding-left:16px;width:100%;resize:vertical;box-sizing:border-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:8px;outline:2px solid transparent;outline-offset:2px;border-style:none;overflow:auto;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));min-height:48px}@media screen and (min-width: 768px) and (max-width: 1023px){:host textarea{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host textarea{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host textarea{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host vega-field-label{margin-bottom:8px}:host .vega-textarea-counter{position:absolute;bottom:8px;right:8px;display:flex;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px;border-radius:4px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-textarea-counter{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-textarea-counter{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-textarea-counter{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-textarea-counter.counter-exceed-max-length{background-color:rgba(var(--v-bg-textarea-counter-exceed-max-length, 214, 46, 81))}:host textarea::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}: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-text{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-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{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-text{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-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-textarea-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .vega-textarea-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host .vega-textarea-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-textarea-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-textarea-container.error:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) textarea{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.disabled) .vega-textarea-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host .vega-hidden{display:none}";
 
@@ -42,7 +37,6 @@ const VegaTextarea = class {
     registerInstance(this, hostRef);
     this.vegaChange = createEvent(this, "vegaChange", 7);
     this.change = createEvent(this, "change", 7);
-    this.vegaValidate = createEvent(this, "vegaValidate", 7);
     this.vegaBlur = createEvent(this, "vegaBlur", 7);
     this.blur = createEvent(this, "blur", 7);
     this.globalSlimmers = {};
@@ -197,13 +191,6 @@ const VegaTextarea = class {
     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,