@vaadin/rich-text-editor 24.5.0-alpha1 → 24.5.0-alpha10

package/README.md

@@ -53,7 +53,7 @@ import '@vaadin/rich-text-editor/src/vaadin-rich-text-editor.js';
 
 ## Contributing
 
-Read the [contributing guide](https://vaadin.com/docs/latest/contributing/overview) to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.
+Read the [contributing guide](https://vaadin.com/docs/latest/contributing) to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.
 
 ## License
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/rich-text-editor",
-  "version": "24.5.0-alpha1",
+  "version": "24.5.0-alpha10",
   "publishConfig": {
     "access": "public"
   },
@@ -41,29 +41,30 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "24.5.0-alpha1",
-    "@vaadin/component-base": "24.5.0-alpha1",
-    "@vaadin/confirm-dialog": "24.5.0-alpha1",
-    "@vaadin/text-field": "24.5.0-alpha1",
-    "@vaadin/tooltip": "24.5.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "24.5.0-alpha1",
-    "@vaadin/vaadin-material-styles": "24.5.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "24.5.0-alpha1",
+    "@vaadin/button": "24.5.0-alpha10",
+    "@vaadin/component-base": "24.5.0-alpha10",
+    "@vaadin/confirm-dialog": "24.5.0-alpha10",
+    "@vaadin/overlay": "24.5.0-alpha10",
+    "@vaadin/text-field": "24.5.0-alpha10",
+    "@vaadin/tooltip": "24.5.0-alpha10",
+    "@vaadin/vaadin-lumo-styles": "24.5.0-alpha10",
+    "@vaadin/vaadin-material-styles": "24.5.0-alpha10",
+    "@vaadin/vaadin-themable-mixin": "24.5.0-alpha10",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/a11y-base": "24.5.0-alpha1",
-    "@vaadin/testing-helpers": "^0.6.0",
+    "@vaadin/a11y-base": "24.5.0-alpha10",
+    "@vaadin/chai-plugins": "24.5.0-alpha10",
+    "@vaadin/testing-helpers": "^1.0.0",
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",
     "gulp-iconfont": "^11.0.0",
-    "sinon": "^13.0.2"
+    "sinon": "^18.0.0"
   },
   "cvdlName": "vaadin-rich-text-editor",
   "web-types": [
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "57806caac5468532a3b4e3dbdda730cd0fca193a"
+  "gitHead": "6f9c37308031af872a98017bfab4de89aeacda51"
 }

package/src/vaadin-rich-text-editor-mixin.js

@@ -291,14 +291,7 @@ export const RichTextEditorMixin = (superClass) =>
     disconnectedCallback() {
       super.disconnectedCallback();
 
-      // Ensure that htmlValue property set before attach
-      // gets applied in case of detach and re-attach.
-      if (this.__debounceSetValue && this.__debounceSetValue.isActive()) {
-        this.__debounceSetValue.flush();
-      }
-
-      this._editor.emitter.removeAllListeners();
-      this._editor.emitter.listeners = {};
+      this._editor.emitter.disconnect();
     }
 
     /** @private */
@@ -333,6 +326,18 @@ export const RichTextEditorMixin = (superClass) =>
         await this.updateComplete;
       }
 
+      this._editor.emitter.connect();
+    }
+
+    /** @protected */
+    ready() {
+      super.ready();
+
+      this._toolbarConfig = this._prepareToolbar();
+      this._toolbar = this._toolbarConfig.container;
+
+      this._addToolbarListeners();
+
       const editor = this.shadowRoot.querySelector('[part="content"]');
 
       this._editor = new Quill(editor, {
@@ -413,16 +418,6 @@ export const RichTextEditorMixin = (superClass) =>
 
       // Flush pending htmlValue only once the editor is fully initialized
       this.__flushPendingHtmlValue();
-    }
-
-    /** @protected */
-    ready() {
-      super.ready();
-
-      this._toolbarConfig = this._prepareToolbar();
-      this._toolbar = this._toolbarConfig.container;
-
-      this._addToolbarListeners();
 
       this.$.backgroundPopup.target = this.shadowRoot.querySelector('#btn-background');
       this.$.colorPopup.target = this.shadowRoot.querySelector('#btn-color');
@@ -764,7 +759,7 @@ export const RichTextEditorMixin = (superClass) =>
       let content = editor.innerHTML;
 
       // Remove Quill classes, e.g. ql-syntax, except for align
-      content = content.replace(/class="([^"]*)"/gu, (match, group1) => {
+      content = content.replace(/class="([^"]*)"/gu, (_match, group1) => {
         const classes = group1.split(' ').filter((className) => {
           return !className.startsWith('ql-') || className.startsWith('ql-align');
         });

package/theme/lumo/vaadin-rich-text-editor-styles.js

@@ -57,7 +57,9 @@ const richTextEditor = css`
     color: var(--lumo-contrast-60pct);
     margin: 2px 1px;
     cursor: var(--lumo-clickable-cursor);
-    transition: background-color 100ms, color 100ms;
+    transition:
+      background-color 100ms,
+      color 100ms;
   }
 
   [part~='toolbar-button']:focus,