sas-ui 0.8.125 → 0.8.126

package/dist/cjs/sas-autocomplete_17.cjs.entry.js

@@ -3107,6 +3107,8 @@ const SasInputTextarea = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.inputTextareaUpdate = index.createEvent(this, "inputTextareaUpdate", 7);
+    this.lineHeight = 24;
+    this.baseScrollHeight = -1;
     /**
      * Placeholder
      */
@@ -3123,37 +3125,43 @@ const SasInputTextarea = class {
      * Value
      */
     this.value = '';
-    this.lineHeight = 24;
   }
-  componentDidLoad() {
+  watchHandler() {
     const element = this.el.shadowRoot.querySelector('textarea');
-    console.log(element.value);
-    this.resize(element);
+    element.value = this.value;
+    this.resize();
+  }
+  componentDidLoad() {
+    this.resize();
   }
   handleInput(event) {
-    this.resize(event.target);
+    this.resize();
     this.inputTextareaUpdate.emit(event.target.value);
   }
-  resize(element) {
-    if (!element._baseScrollHeight) {
-      this.getBaseScrollHeight(element);
+  resize() {
+    const element = this.el.shadowRoot.querySelector('textarea');
+    if (this.baseScrollHeight === -1) {
+      this.updateBaseScrollHeight(element);
     }
     element.rows = 1;
-    const rows = Math.ceil((element.scrollHeight - element._baseScrollHeight) / this.lineHeight) + 1;
+    const rows = Math.ceil((element.scrollHeight - this.baseScrollHeight) / this.lineHeight) + 1;
+    console.log(element.scrollHeight);
     element.rows = rows;
   }
-  getBaseScrollHeight(element) {
-    console.log(element);
+  updateBaseScrollHeight(element) {
     let temp = element.value;
     element.value = '';
     element.rows = 1;
-    element._baseScrollHeight = element.scrollHeight;
+    this.baseScrollHeight = element.scrollHeight;
     element.value = temp;
   }
   render() {
     return (index.h(index.Host, null, index.h("div", { class: "container", "data-count": this.maxlength && this.value ? this.maxlength - this.value.length : '' }, index.h("textarea", { rows: 1, placeholder: this.placeholder, maxlength: this.maxlength, minlength: this.minlength, value: this.value, onInput: (event) => this.handleInput(event) }))));
   }
   get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "value": ["watchHandler"]
+  }; }
 };
 SasInputTextarea.style = sasInputTextareaCss;
 

package/dist/collection/components/sas-input-textarea/sas-input-textarea.js

@@ -1,6 +1,8 @@
-import { Component, Host, h, Prop, Event, Element } from '@stencil/core';
+import { Component, Host, h, Prop, Event, Element, Watch } from '@stencil/core';
 export class SasInputTextarea {
   constructor() {
+    this.lineHeight = 24;
+    this.baseScrollHeight = -1;
     /**
      * Placeholder
      */
@@ -17,31 +19,34 @@ export class SasInputTextarea {
      * Value
      */
     this.value = '';
-    this.lineHeight = 24;
   }
-  componentDidLoad() {
+  watchHandler() {
     const element = this.el.shadowRoot.querySelector('textarea');
-    console.log(element.value);
-    this.resize(element);
+    element.value = this.value;
+    this.resize();
+  }
+  componentDidLoad() {
+    this.resize();
   }
   handleInput(event) {
-    this.resize(event.target);
+    this.resize();
     this.inputTextareaUpdate.emit(event.target.value);
   }
-  resize(element) {
-    if (!element._baseScrollHeight) {
-      this.getBaseScrollHeight(element);
+  resize() {
+    const element = this.el.shadowRoot.querySelector('textarea');
+    if (this.baseScrollHeight === -1) {
+      this.updateBaseScrollHeight(element);
     }
     element.rows = 1;
-    const rows = Math.ceil((element.scrollHeight - element._baseScrollHeight) / this.lineHeight) + 1;
+    const rows = Math.ceil((element.scrollHeight - this.baseScrollHeight) / this.lineHeight) + 1;
+    console.log(element.scrollHeight);
     element.rows = rows;
   }
-  getBaseScrollHeight(element) {
-    console.log(element);
+  updateBaseScrollHeight(element) {
     let temp = element.value;
     element.value = '';
     element.rows = 1;
-    element._baseScrollHeight = element.scrollHeight;
+    this.baseScrollHeight = element.scrollHeight;
     element.value = temp;
   }
   render() {
@@ -148,4 +153,8 @@ export class SasInputTextarea {
       }
     }]; }
   static get elementRef() { return "el"; }
+  static get watchers() { return [{
+      "propName": "value",
+      "methodName": "watchHandler"
+    }]; }
 }

package/dist/custom-elements/index.js

@@ -9352,6 +9352,8 @@ const SasInputTextarea$1 = class extends HTMLElement {
     this.__registerHost();
     attachShadow(this);
     this.inputTextareaUpdate = createEvent(this, "inputTextareaUpdate", 7);
+    this.lineHeight = 24;
+    this.baseScrollHeight = -1;
     /**
      * Placeholder
      */
@@ -9368,37 +9370,43 @@ const SasInputTextarea$1 = class extends HTMLElement {
      * Value
      */
     this.value = '';
-    this.lineHeight = 24;
   }
-  componentDidLoad() {
+  watchHandler() {
     const element = this.el.shadowRoot.querySelector('textarea');
-    console.log(element.value);
-    this.resize(element);
+    element.value = this.value;
+    this.resize();
+  }
+  componentDidLoad() {
+    this.resize();
   }
   handleInput(event) {
-    this.resize(event.target);
+    this.resize();
     this.inputTextareaUpdate.emit(event.target.value);
   }
-  resize(element) {
-    if (!element._baseScrollHeight) {
-      this.getBaseScrollHeight(element);
+  resize() {
+    const element = this.el.shadowRoot.querySelector('textarea');
+    if (this.baseScrollHeight === -1) {
+      this.updateBaseScrollHeight(element);
     }
     element.rows = 1;
-    const rows = Math.ceil((element.scrollHeight - element._baseScrollHeight) / this.lineHeight) + 1;
+    const rows = Math.ceil((element.scrollHeight - this.baseScrollHeight) / this.lineHeight) + 1;
+    console.log(element.scrollHeight);
     element.rows = rows;
   }
-  getBaseScrollHeight(element) {
-    console.log(element);
+  updateBaseScrollHeight(element) {
     let temp = element.value;
     element.value = '';
     element.rows = 1;
-    element._baseScrollHeight = element.scrollHeight;
+    this.baseScrollHeight = element.scrollHeight;
     element.value = temp;
   }
   render() {
     return (h(Host, null, h("div", { class: "container", "data-count": this.maxlength && this.value ? this.maxlength - this.value.length : '' }, h("textarea", { rows: 1, placeholder: this.placeholder, maxlength: this.maxlength, minlength: this.minlength, value: this.value, onInput: (event) => this.handleInput(event) }))));
   }
   get el() { return this; }
+  static get watchers() { return {
+    "value": ["watchHandler"]
+  }; }
   static get style() { return sasInputTextareaCss; }
 };
 

package/dist/esm/sas-autocomplete_17.entry.js

@@ -3103,6 +3103,8 @@ const SasInputTextarea = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.inputTextareaUpdate = createEvent(this, "inputTextareaUpdate", 7);
+    this.lineHeight = 24;
+    this.baseScrollHeight = -1;
     /**
      * Placeholder
      */
@@ -3119,37 +3121,43 @@ const SasInputTextarea = class {
      * Value
      */
     this.value = '';
-    this.lineHeight = 24;
   }
-  componentDidLoad() {
+  watchHandler() {
     const element = this.el.shadowRoot.querySelector('textarea');
-    console.log(element.value);
-    this.resize(element);
+    element.value = this.value;
+    this.resize();
+  }
+  componentDidLoad() {
+    this.resize();
   }
   handleInput(event) {
-    this.resize(event.target);
+    this.resize();
     this.inputTextareaUpdate.emit(event.target.value);
   }
-  resize(element) {
-    if (!element._baseScrollHeight) {
-      this.getBaseScrollHeight(element);
+  resize() {
+    const element = this.el.shadowRoot.querySelector('textarea');
+    if (this.baseScrollHeight === -1) {
+      this.updateBaseScrollHeight(element);
     }
     element.rows = 1;
-    const rows = Math.ceil((element.scrollHeight - element._baseScrollHeight) / this.lineHeight) + 1;
+    const rows = Math.ceil((element.scrollHeight - this.baseScrollHeight) / this.lineHeight) + 1;
+    console.log(element.scrollHeight);
     element.rows = rows;
   }
-  getBaseScrollHeight(element) {
-    console.log(element);
+  updateBaseScrollHeight(element) {
     let temp = element.value;
     element.value = '';
     element.rows = 1;
-    element._baseScrollHeight = element.scrollHeight;
+    this.baseScrollHeight = element.scrollHeight;
     element.value = temp;
   }
   render() {
     return (h(Host, null, h("div", { class: "container", "data-count": this.maxlength && this.value ? this.maxlength - this.value.length : '' }, h("textarea", { rows: 1, placeholder: this.placeholder, maxlength: this.maxlength, minlength: this.minlength, value: this.value, onInput: (event) => this.handleInput(event) }))));
   }
   get el() { return getElement(this); }
+  static get watchers() { return {
+    "value": ["watchHandler"]
+  }; }
 };
 SasInputTextarea.style = sasInputTextareaCss;