@limetech/lime-elements 37.34.1 → 37.35.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [37.35.0](https://github.com/Lundalogik/lime-elements/compare/v37.34.1...v37.35.0) (2024-05-16)
+
+
+### Features
+
+
+* **text-editor:** use updateView() instead of injecting HTML directly for first value ([d00b089](https://github.com/Lundalogik/lime-elements/commit/d00b089791bd505a4888a5856acc84be047ffa51))
+
+### Bug Fixes
+
+
+* **text-editor:** add watcher for value prop ([de11735](https://github.com/Lundalogik/lime-elements/commit/de11735c19680afae23ea18845f84009048c5756))
+
 ## [37.34.1](https://github.com/Lundalogik/lime-elements/compare/v37.34.0...v37.34.1) (2024-05-16)
 
 

package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js

@@ -24747,6 +24747,9 @@ const ProsemirrorAdapter = class {
         },
       });
       this.menuCommandFactory = new MenuCommandFactory(mySchema);
+      if (this.value) {
+        this.updateView(this.value);
+      }
     };
     this.handleActionBarItem = (event) => {
       event.preventDefault();
@@ -24765,6 +24768,13 @@ const ProsemirrorAdapter = class {
     this.view = undefined;
     this.actionBarItems = [];
   }
+  watchValue(newValue) {
+    if (!this.view ||
+      newValue === this.contentConverter.serialize(this.view, schema$1)) {
+      return;
+    }
+    this.updateView(newValue);
+  }
   componentWillLoad() {
     if (this.contentType === 'markdown') {
       this.contentConverter = new markdownConverter();
@@ -24785,6 +24795,16 @@ const ProsemirrorAdapter = class {
       index.h("limel-action-bar", { accessibleLabel: "Toolbar", actions: this.actionBarItems, onItemSelected: this.handleActionBarItem }),
     ];
   }
+  async updateView(content) {
+    const html = await this.contentConverter.parseAsHTML(content, schema$1);
+    const prosemirrorDOMparser = DOMParser.fromSchema(this.view.state.schema);
+    const domParser = new window.DOMParser();
+    const doc = domParser.parseFromString(html, 'text/html');
+    const prosemirrorDoc = prosemirrorDOMparser.parse(doc.body);
+    const tr = this.view.state.tr;
+    tr.replaceWith(0, tr.doc.content.size, prosemirrorDoc.content);
+    this.view.dispatch(tr);
+  }
   executeCommand(command) {
     const { state } = this.view;
     const selection = state.selection;
@@ -24799,6 +24819,9 @@ const ProsemirrorAdapter = class {
     this.view.focus();
   }
   get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "value": ["watchValue"]
+  }; }
 };
 ProsemirrorAdapter.style = prosemirrorAdapterCss;