@aquera/nile-elements 0.0.38-5 → 0.0.38-6

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.38-5",
+  "version": "0.0.38-6",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-content-editor/nile-content-editor.ts

@@ -62,6 +62,7 @@ export class NileContentEditor extends NileElement {
 
   @property({ attribute: 'error' }) error = false;
   @property({ attribute: 'noborder' }) noborder = false;
+  @property({ type: Boolean }) updateValue: any = false;
 
   @state() initialValue = '';
 
@@ -134,9 +135,13 @@ export class NileContentEditor extends NileElement {
     });
   }
 
-  @watch(['type'], { waitUntilFirstUpdate: true })
+  @watch(['type', 'value'], { waitUntilFirstUpdate: true })
   handleTypeChange() {
-    this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(this.value);
+    if (this.updateValue) {
+      this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(
+        this.value
+      );
+    }
   }
 
   disconnectedCallback(): void {

package/src/nile-switcher/nile-switcher.ts

@@ -259,8 +259,16 @@ export class NileSwitcher extends NileElement {
   }
 
   renderContentEditor(Input: switchInputType) {
-    let { options, inputType, errorMessage, type, readonly, noborder, value } =
-      Input;
+    let {
+      options,
+      inputType,
+      errorMessage,
+      type,
+      readonly,
+      noborder,
+      value,
+      updateValue,
+    } = Input;
     return html`<nile-content-editor
       class="switcher-content-editor"
       .value=${value}
@@ -268,6 +276,7 @@ export class NileSwitcher extends NileElement {
       .type=${type}
       .readonly=${readonly}
       .noborder=${noborder}
+      .updateValue=${updateValue}
       .errorMessage=${errorMessage}
       @nile-change=${(e: CustomEvent) => {
         this.handleChange(e, inputType);