@dile/editor 3.0.36 → 3.0.38

package/editor.spec.js

@@ -1,4 +1,4 @@
-import { describe, it, expect, afterEach } from 'vitest';
+import { describe, it, expect, afterEach, vi } from 'vitest';
 import './editor.js';
 
 describe('dile-editor', () => {
@@ -53,4 +53,20 @@ describe('dile-editor', () => {
 
     expect(el.value).toBe('Hello world');
   });
+
+  it('applies only the latest external value when initialization finishes', async () => {
+    const el = await renderEditor();
+    const calls = [];
+
+    el.editor = { updateEditorContent: (value) => calls.push(value) };
+    el.textarea = { value: '' };
+    el.initialized = false;
+
+    el.updateEditorContent('first draft');
+    el.updateEditorContent('final draft');
+    el.setInitialized();
+
+    expect(calls).toEqual(['final draft']);
+    expect(el.textarea.value).toBe('final draft');
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dile/editor",
-  "version": "3.0.36",
+  "version": "3.0.38",
   "description": "Flexible Web Component for rich text editing with WYSIWYG and Markdown support. Easy to integrate, customizable UI, powered by ProseMirror.",
   "keywords": [
     "markdown",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@dile/icons": "^2.5.1",
-    "@dile/ui": "^3.7.1",
+    "@dile/ui": "^3.7.3",
     "lit": "^2.7.0 || ^3.0.0",
     "prosemirror-commands": "^1.6.2",
     "prosemirror-example-setup": "^1.2.3",
@@ -42,5 +42,5 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-view": "^1.37.0"
   },
-  "gitHead": "26a2bfb903854225bb67f335e4dd04ac6a4ca1ed"
+  "gitHead": "281d2b7e180aab43f03511f4bd34798684081ba0"
 }

package/src/DileEditor.js

@@ -212,10 +212,10 @@ export class DileEditor extends DileI18nMixin(DileEmmitChange(LitElement)) {
   }
 
   updated(changedProperties) {
-    if(changedProperties.has('value') && this.isValueExternalyUpdated) {
-      this.updateEditorContent(this.value);
-    }
     if(changedProperties.has('value')) {
+      if (this.isValueExternalyUpdated) {
+        this.updateEditorContent(this.value);
+      }
       this.emmitChange();
       this.internals.setFormValue(this.value);
     }
@@ -307,14 +307,29 @@ export class DileEditor extends DileI18nMixin(DileEmmitChange(LitElement)) {
   }
 
   updateEditorContent(value) {
-    if(this.initialized) {
-      this.editor.updateEditorContent(value);
-      this.textarea.value = value;
-    } else {
-      setTimeout(() => this.updateEditorContent(value), 100);
+    if (!this.editor || !this.textarea) {
+      return;
+    }
+
+    this._pendingEditorValue = value;
+
+    if (this.initialized) {
+      this.flushPendingEditorValue();
+      return;
     }
   }
 
+  flushPendingEditorValue() {
+    if (!this.editor || !this.textarea || this._pendingEditorValue === undefined) {
+      return;
+    }
+
+    const value = this._pendingEditorValue;
+    this.editor.updateEditorContent(value);
+    this.textarea.value = value;
+    this._pendingEditorValue = undefined;
+  }
+
   get isValueExternalyUpdated() {
     return this.editorMarkdown != this.value
   }
@@ -340,6 +355,7 @@ export class DileEditor extends DileI18nMixin(DileEmmitChange(LitElement)) {
 
   setInitialized() {
     this.initialized = true;
+    this.flushPendingEditorValue();
   }
 
   focus() {