@vaadin/rich-text-editor 23.0.9 → 23.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/rich-text-editor",
-  "version": "23.0.9",
+  "version": "23.0.12",
   "publishConfig": {
     "access": "public"
   },
@@ -38,14 +38,14 @@
   ],
   "dependencies": {
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "^23.0.9",
-    "@vaadin/component-base": "^23.0.9",
-    "@vaadin/confirm-dialog": "^23.0.9",
-    "@vaadin/text-field": "^23.0.9",
+    "@vaadin/button": "^23.0.12",
+    "@vaadin/component-base": "^23.0.12",
+    "@vaadin/confirm-dialog": "^23.0.12",
+    "@vaadin/text-field": "^23.0.12",
     "@vaadin/vaadin-license-checker": "^2.1.0",
-    "@vaadin/vaadin-lumo-styles": "^23.0.9",
-    "@vaadin/vaadin-material-styles": "^23.0.9",
-    "@vaadin/vaadin-themable-mixin": "^23.0.9"
+    "@vaadin/vaadin-lumo-styles": "^23.0.12",
+    "@vaadin/vaadin-material-styles": "^23.0.12",
+    "@vaadin/vaadin-themable-mixin": "^23.0.12"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
@@ -55,5 +55,5 @@
     "gulp-iconfont": "^11.0.0",
     "sinon": "^9.2.1"
   },
-  "gitHead": "4d687bdd48ba78d55f3371a78b70818e4dfca1a3"
+  "gitHead": "717908c222c1e241259e30b4144cd5ba32734819"
 }

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) => {
@@ -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);

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',
 });