@vaadin/rich-text-editor 23.1.0-beta1 → 23.1.0-beta4

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@vaadin/rich-text-editor",
-  "version": "23.1.0-beta1",
+  "version": "23.1.0-beta4",
   "publishConfig": {
     "access": "public"
   },
   "description": "vaadin-rich-text-editor",
   "license": "https://raw.githubusercontent.com/vaadin/web-components/master/packages/rich-text-editor/LICENSE",
+  "cvdlName": "vaadin-rich-text-editor",
   "repository": {
     "type": "git",
     "url": "https://github.com/vaadin/web-components.git",
@@ -38,14 +39,14 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "23.1.0-beta1",
-    "@vaadin/component-base": "23.1.0-beta1",
-    "@vaadin/confirm-dialog": "23.1.0-beta1",
-    "@vaadin/text-field": "23.1.0-beta1",
+    "@vaadin/button": "23.1.0-beta4",
+    "@vaadin/component-base": "23.1.0-beta4",
+    "@vaadin/confirm-dialog": "23.1.0-beta4",
+    "@vaadin/text-field": "23.1.0-beta4",
     "@vaadin/vaadin-license-checker": "^2.1.0",
-    "@vaadin/vaadin-lumo-styles": "23.1.0-beta1",
-    "@vaadin/vaadin-material-styles": "23.1.0-beta1",
-    "@vaadin/vaadin-themable-mixin": "23.1.0-beta1"
+    "@vaadin/vaadin-lumo-styles": "23.1.0-beta4",
+    "@vaadin/vaadin-material-styles": "23.1.0-beta4",
+    "@vaadin/vaadin-themable-mixin": "23.1.0-beta4"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
@@ -55,5 +56,5 @@
     "gulp-iconfont": "^11.0.0",
     "sinon": "^13.0.2"
   },
-  "gitHead": "8be43cf83102a6b9ccf309687446e590ce0164e8"
+  "gitHead": "06e283473964ecb3085aacf3eddb5333d052a045"
 }

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

@@ -362,6 +362,10 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
     return 'vaadin-rich-text-editor';
   }
 
+  static get cvdlName() {
+    return 'vaadin-rich-text-editor';
+  }
+
   static get properties() {
     return {
       /**
@@ -595,7 +599,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
     });
 
     editorContent.addEventListener('focus', () => {
-      // format changed, but no value changed happened
+      // Format changed, but no value changed happened
       if (this._toolbarState === STATE.CLICKED) {
         this._cleanToolbarState();
       }
@@ -613,7 +617,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
     const toolbar = {
       container: this.shadowRoot.querySelector('[part="toolbar"]'),
       handlers: {
-        clean: function () {
+        clean() {
           self._markToolbarClicked();
           clean.call(this);
         },
@@ -662,7 +666,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       }
     });
 
-    // mousedown happens before editor focusout
+    // Mousedown happens before editor focusout
     toolbar.addEventListener('mousedown', (e) => {
       if (buttons.indexOf(e.composedPath()[0]) > -1) {
         this._markToolbarFocused();
@@ -704,7 +708,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
 
   /** @private */
   __patchFirefoxFocus() {
-    // in Firefox 63+ with native Shadow DOM, when moving focus out of
+    // In Firefox 63+ with native Shadow DOM, when moving focus out of
     // contenteditable and back again within same shadow root, cursor
     // disappears. See https://bugzilla.mozilla.org/show_bug.cgi?id=1496769
     const editorContent = this.shadowRoot.querySelector('.ql-editor');
@@ -714,7 +718,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       isFake = true;
       this.__fakeTarget = this.__createFakeFocusTarget();
       document.body.appendChild(this.__fakeTarget);
-      // let the focus step out of shadow root!
+      // Let the focus step out of shadow root!
       this.__fakeTarget.focus();
       return new Promise((resolve) => {
         setTimeout(resolve);
@@ -753,7 +757,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
     const toolbar = this._editor.getModule('toolbar');
     const update = toolbar.update;
 
-    // add custom link button to toggle state attribute
+    // Add custom link button to toggle state attribute
     toolbar.controls.push(['link', this.shadowRoot.querySelector('[part~="toolbar-button-link"]')]);
 
     toolbar.update = function (range) {
@@ -780,7 +784,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
     const keyboard = this._editor.getModule('keyboard');
     const bindings = keyboard.bindings[TAB_KEY];
 
-    // exclude Quill shift-tab bindings, except for code block,
+    // Exclude Quill shift-tab bindings, except for code block,
     // as some of those are breaking when on a newline in the list
     // https://github.com/vaadin/vaadin-rich-text-editor/issues/67
     const originalBindings = bindings.filter((b) => !b.shiftKey || (b.format && b.format['code-block']));
@@ -788,7 +792,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
 
     keyboard.bindings[TAB_KEY] = [...originalBindings, moveFocusBinding];
 
-    // alt-f10 focuses a toolbar button
+    // Alt-f10 focuses a toolbar button
     keyboard.addBinding({ key: 121, altKey: true, handler: focusToolbar });
   }
 
@@ -814,7 +818,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       const LinkBlot = Quill.imports['formats/link'];
       const [link, offset] = this._editor.scroll.descendant(LinkBlot, range.index);
       if (link != null) {
-        // existing link
+        // Existing link
         this._linkRange = { index: range.index - offset, length: link.length() };
         this._linkUrl = LinkBlot.formats(link.domNode);
       } else if (range.length === 0) {
@@ -1081,7 +1085,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       return;
     }
     const delta = new Quill.imports.delta(parsedValue);
-    // suppress text-change event to prevent infinite loop
+    // Suppress text-change event to prevent infinite loop
     if (JSON.stringify(editor.getContents()) !== JSON.stringify(delta)) {
       editor.setContents(delta, SOURCE.SILENT);
     }
@@ -1091,7 +1095,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       this._cleanToolbarState();
       this.__emitChangeEvent();
     } else if (!this._editor.hasFocus()) {
-      // value changed from outside
+      // Value changed from outside
       this.__lastCommittedChange = this.value;
     }
   }