@vaadin/rich-text-editor 23.1.0-alpha1 → 23.1.0-alpha4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/rich-text-editor",
-  "version": "23.1.0-alpha1",
+  "version": "23.1.0-alpha4",
   "publishConfig": {
     "access": "public"
   },
@@ -38,14 +38,14 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "23.1.0-alpha1",
-    "@vaadin/component-base": "23.1.0-alpha1",
-    "@vaadin/confirm-dialog": "23.1.0-alpha1",
-    "@vaadin/text-field": "23.1.0-alpha1",
+    "@vaadin/button": "23.1.0-alpha4",
+    "@vaadin/component-base": "23.1.0-alpha4",
+    "@vaadin/confirm-dialog": "23.1.0-alpha4",
+    "@vaadin/text-field": "23.1.0-alpha4",
     "@vaadin/vaadin-license-checker": "^2.1.0",
-    "@vaadin/vaadin-lumo-styles": "23.1.0-alpha1",
-    "@vaadin/vaadin-material-styles": "23.1.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "23.1.0-alpha1"
+    "@vaadin/vaadin-lumo-styles": "23.1.0-alpha4",
+    "@vaadin/vaadin-material-styles": "23.1.0-alpha4",
+    "@vaadin/vaadin-themable-mixin": "23.1.0-alpha4"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
@@ -53,7 +53,7 @@
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",
     "gulp-iconfont": "^11.0.0",
-    "sinon": "^9.2.1"
+    "sinon": "^13.0.2"
   },
-  "gitHead": "5d0cdee069f866037c507265fafb4d0476795333"
+  "gitHead": "aacdb7fe09811894751f0378ff7fb66071892c71"
 }

package/src/vaadin-rich-text-editor.d.ts

@@ -181,13 +181,13 @@ declare class RichTextEditor extends ElementMixin(ThemableMixin(HTMLElement)) {
   addEventListener<K extends keyof RichTextEditorEventMap>(
     type: K,
     listener: (this: RichTextEditor, ev: RichTextEditorEventMap[K]) => void,
-    options?: boolean | AddEventListenerOptions
+    options?: boolean | AddEventListenerOptions,
   ): void;
 
   removeEventListener<K extends keyof RichTextEditorEventMap>(
     type: K,
     listener: (this: RichTextEditor, ev: RichTextEditorEventMap[K]) => void,
-    options?: boolean | EventListenerOptions
+    options?: boolean | EventListenerOptions,
   ): void;
 }
 

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

@@ -31,19 +31,19 @@ const HANDLERS = [
   'list',
   'align',
   'blockquote',
-  'code-block'
+  'code-block',
 ];
 
 const SOURCE = {
   API: 'api',
   USER: 'user',
-  SILENT: 'silent'
+  SILENT: 'silent',
 };
 
 const STATE = {
   DEFAULT: 0,
   FOCUSED: 1,
-  CLICKED: 2
+  CLICKED: 2,
 };
 
 const TAB_KEY = 9;
@@ -382,7 +382,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       value: {
         type: String,
         notify: true,
-        value: ''
+        value: '',
       },
 
       /**
@@ -391,7 +391,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       htmlValue: {
         type: String,
         notify: true,
-        readOnly: true
+        readOnly: true,
       },
 
       /**
@@ -401,7 +401,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       disabled: {
         type: Boolean,
         value: false,
-        reflectToAttribute: true
+        reflectToAttribute: true,
       },
 
       /**
@@ -411,7 +411,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       readonly: {
         type: Boolean,
         value: false,
-        reflectToAttribute: true
+        reflectToAttribute: true,
       },
 
       /**
@@ -449,14 +449,14 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
             linkDialogTitle: 'Link address',
             ok: 'OK',
             cancel: 'Cancel',
-            remove: 'Remove'
+            remove: 'Remove',
           };
-        }
+        },
       },
 
       /** @private */
       _editor: {
-        type: Object
+        type: Object,
       },
 
       /**
@@ -468,31 +468,31 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       /** @private */
       __lastCommittedChange: {
         type: String,
-        value: ''
+        value: '',
       },
 
       /** @private */
       _linkEditing: {
-        type: Boolean
+        type: Boolean,
       },
 
       /** @private */
       _linkRange: {
         type: Object,
-        value: null
+        value: null,
       },
 
       /** @private */
       _linkIndex: {
         type: Number,
-        value: null
+        value: null,
       },
 
       /** @private */
       _linkUrl: {
         type: String,
-        value: ''
-      }
+        value: '',
+      },
     };
   }
 
@@ -558,8 +558,8 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
 
     this._editor = new Quill(editor, {
       modules: {
-        toolbar: toolbarConfig
-      }
+        toolbar: toolbarConfig,
+      },
     });
 
     this.__patchToolbar();
@@ -616,8 +616,8 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
         clean: function () {
           self._markToolbarClicked();
           clean.call(this);
-        }
-      }
+        },
+      },
     };
 
     HANDLERS.forEach((handler) => {
@@ -687,7 +687,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
 
   /** @private */
   __createFakeFocusTarget() {
-    const isRTL = document.documentElement.getAttribute('dir') == 'rtl';
+    const isRTL = document.documentElement.getAttribute('dir') === 'rtl';
     const elem = document.createElement('textarea');
     // Reset box model
     elem.style.border = '0';
@@ -912,7 +912,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
     [this.__dir === 'rtl' ? 'left' : 'right', 'center', 'justify'].forEach((align) => {
       content = content.replace(
         new RegExp(` class=[\\\\]?"\\s?ql-align-${align}[\\\\]?"`, 'g'),
-        ` style="text-align: ${align}"`
+        ` style="text-align: ${align}"`,
       );
     });
 
@@ -951,7 +951,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
           .map((button) => button.getAttribute('title'))
           .join(', ');
         announcer.textContent = formatting;
-      }
+      },
     );
   }
 
@@ -1017,7 +1017,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
         const range = this._editor.getSelection(true);
         this._editor.updateContents(
           new Quill.imports.delta().retain(range.index).delete(range.length).insert({ image }),
-          SOURCE.USER
+          SOURCE.USER,
         );
         this._markToolbarClicked();
         this._editor.setSelection(range.index + 1, SOURCE.SILENT);
@@ -1056,7 +1056,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       return;
     }
 
-    if (value == null || value == '[{"insert":"\\n"}]') {
+    if (value == null || value === '[{"insert":"\\n"}]') {
       this.value = '';
       return;
     }
@@ -1072,7 +1072,7 @@ class RichTextEditor extends ElementMixin(ThemableMixin(PolymerElement)) {
       if (Array.isArray(parsedValue)) {
         this.__oldValue = value;
       } else {
-        throw new Error('expected JSON string with array of objects, got: ' + value);
+        throw new Error(`expected JSON string with array of objects, got: ${value}`);
       }
     } catch (err) {
       // Use old value in case new one is not suitable

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

@@ -217,5 +217,5 @@ const richTextEditor = css`
 `;
 
 registerStyles('vaadin-rich-text-editor', [color, typography, richTextEditor], {
-  moduleId: 'lumo-rich-text-editor'
+  moduleId: 'lumo-rich-text-editor',
 });

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

@@ -94,5 +94,5 @@ const richTextEditor = css`
 `;
 
 registerStyles('vaadin-rich-text-editor', [typography, richTextEditor], {
-  moduleId: 'material-rich-text-editor'
+  moduleId: 'material-rich-text-editor',
 });