@vaadin/rich-text-editor 25.2.0-alpha9 → 25.2.0-beta1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/rich-text-editor",
-  "version": "25.2.0-alpha9",
+  "version": "25.2.0-beta1",
   "publishConfig": {
     "access": "public"
   },
@@ -35,23 +35,22 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.2.0-alpha9",
-    "@vaadin/button": "25.2.0-alpha9",
-    "@vaadin/component-base": "25.2.0-alpha9",
-    "@vaadin/confirm-dialog": "25.2.0-alpha9",
-    "@vaadin/overlay": "25.2.0-alpha9",
-    "@vaadin/text-field": "25.2.0-alpha9",
-    "@vaadin/tooltip": "25.2.0-alpha9",
-    "@vaadin/vaadin-themable-mixin": "25.2.0-alpha9",
+    "@vaadin/a11y-base": "25.2.0-beta1",
+    "@vaadin/button": "25.2.0-beta1",
+    "@vaadin/component-base": "25.2.0-beta1",
+    "@vaadin/confirm-dialog": "25.2.0-beta1",
+    "@vaadin/overlay": "25.2.0-beta1",
+    "@vaadin/text-field": "25.2.0-beta1",
+    "@vaadin/tooltip": "25.2.0-beta1",
+    "@vaadin/vaadin-themable-mixin": "25.2.0-beta1",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/a11y-base": "25.1.0-beta2",
-    "@vaadin/aura": "25.2.0-alpha9",
-    "@vaadin/chai-plugins": "25.2.0-alpha9",
-    "@vaadin/test-runner-commands": "25.2.0-alpha9",
+    "@vaadin/aura": "25.2.0-beta1",
+    "@vaadin/chai-plugins": "25.2.0-beta1",
+    "@vaadin/test-runner-commands": "25.2.0-beta1",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.2.0-alpha9",
+    "@vaadin/vaadin-lumo-styles": "25.2.0-beta1",
     "sinon": "^21.0.2"
   },
   "cvdlName": "vaadin-rich-text-editor",
@@ -60,5 +59,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "a38a03e8a8be45821f39c14054c63634dafe08d0"
+  "gitHead": "471a23f60d1eb725f98a33f62cb9664d9c0a4163"
 }

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

@@ -4,7 +4,6 @@
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *
- *
  * See https://vaadin.com/commercial-license-and-service-terms for the full
  * license.
  */
@@ -96,11 +95,8 @@ const DEFAULT_I18N = {
   remove: 'Remove',
 };
 
-/**
- * @polymerMixin
- */
 export const RichTextEditorMixin = (superClass) =>
-  class RichTextEditorMixinClass extends I18nMixin(DEFAULT_I18N, superClass) {
+  class RichTextEditorMixinClass extends I18nMixin(superClass) {
     static get properties() {
       return {
         /**
@@ -245,6 +241,10 @@ export const RichTextEditorMixin = (superClass) =>
       return ['_valueChanged(value, _editor)', '_disabledChanged(disabled, readonly, _editor)'];
     }
 
+    static get defaultI18n() {
+      return DEFAULT_I18N;
+    }
+
     /**
      * The object used to localize this component. To change the default
      * localization, replace this with an object that provides all properties, or
@@ -766,7 +766,7 @@ export const RichTextEditorMixin = (superClass) =>
         const tabs = '\t'.repeat(level);
         // Add tabs to content
         const firstChild = element.firstChild;
-        if (firstChild && firstChild.nodeType === Node.TEXT_NODE) {
+        if (firstChild?.nodeType === Node.TEXT_NODE) {
           firstChild.textContent = tabs + firstChild.textContent;
         } else if (element.childNodes.length > 0) {
           const tabNode = document.createTextNode(tabs);

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

@@ -4,7 +4,6 @@
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *
- *
  * See https://vaadin.com/commercial-license-and-service-terms for the full
  * license.
  */
@@ -137,10 +136,6 @@ export { RichTextEditorPopup };
  *
  * @customElement vaadin-rich-text-editor-popup-overlay
  * @extends HTMLElement
- * @mixes DirMixin
- * @mixes ThemableMixin
- * @mixes OverlayMixin
- * @mixes PositionMixin
  * @private
  */
 class RichTextEditorPopupOverlay extends PositionMixin(

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

@@ -4,7 +4,6 @@
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *
- *
  * See https://vaadin.com/commercial-license-and-service-terms for the full
  * license.
  */
@@ -118,9 +117,6 @@ import { RichTextEditorMixin } from './vaadin-rich-text-editor-mixin.js';
  *
  * @customElement vaadin-rich-text-editor
  * @extends HTMLElement
- * @mixes ElementMixin
- * @mixes RichTextEditorMixin
- * @mixes ThemableMixin
  */
 class RichTextEditor extends RichTextEditorMixin(
   ElementMixin(ThemableMixin(PolylitMixin(LumoInjectionMixin(LitElement)))),

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/rich-text-editor",
-  "version": "25.2.0-alpha9",
+  "version": "25.2.0-beta1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -15,9 +15,7 @@
               "description": "When true, the user can not modify, nor copy the editor content.",
               "value": {
                 "type": [
-                  "boolean",
-                  "null",
-                  "undefined"
+                  "boolean"
                 ]
               }
             },
@@ -26,9 +24,7 @@
               "description": "When true, the user can not modify the editor content, but can copy it.",
               "value": {
                 "type": [
-                  "boolean",
-                  "null",
-                  "undefined"
+                  "boolean"
                 ]
               }
             },
@@ -48,9 +44,7 @@
               "description": "Value is a list of the operations which describe change to the document.\nEach of those operations describe the change at the current index.\nThey can be an `insert`, `delete` or `retain`. The format is as follows:\n\n```js\n [\n   { insert: 'Hello World' },\n   { insert: '!', attributes: { bold: true }}\n ]\n```\n\nSee also https://github.com/quilljs/delta for detailed documentation.",
               "value": {
                 "type": [
-                  "string",
-                  "null",
-                  "undefined"
+                  "string"
                 ]
               }
             }
@@ -62,9 +56,7 @@
                 "description": "The list of colors used by the background and text color\nselection controls. Should contain an array of HEX strings.\n\nWhen user selects `#000000` (black) as a text color,\nor `#ffffff` (white) as a background color, it resets\nthe corresponding format for the selected text.",
                 "value": {
                   "type": [
-                    "Array",
-                    "null",
-                    "undefined"
+                    "array"
                   ]
                 }
               },
@@ -73,9 +65,7 @@
                 "description": "When true, the user can not modify, nor copy the editor content.",
                 "value": {
                   "type": [
-                    "boolean",
-                    "null",
-                    "undefined"
+                    "boolean"
                   ]
                 }
               },
@@ -84,7 +74,7 @@
                 "description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe properties are used e.g. as the tooltips for the editor toolbar\nbuttons.",
                 "value": {
                   "type": [
-                    "?"
+                    "Object"
                   ]
                 }
               },
@@ -93,9 +83,7 @@
                 "description": "When true, the user can not modify the editor content, but can copy it.",
                 "value": {
                   "type": [
-                    "boolean",
-                    "null",
-                    "undefined"
+                    "boolean"
                   ]
                 }
               },
@@ -104,14 +92,16 @@
                 "description": "Value is a list of the operations which describe change to the document.\nEach of those operations describe the change at the current index.\nThey can be an `insert`, `delete` or `retain`. The format is as follows:\n\n```js\n [\n   { insert: 'Hello World' },\n   { insert: '!', attributes: { bold: true }}\n ]\n```\n\nSee also https://github.com/quilljs/delta for detailed documentation.",
                 "value": {
                   "type": [
-                    "string",
-                    "null",
-                    "undefined"
+                    "string"
                   ]
                 }
               }
             ],
             "events": [
+              {
+                "name": "change",
+                "description": "Fired when the user commits a value change."
+              },
               {
                 "name": "html-value-changed",
                 "description": "Fired when the `htmlValue` property changes."

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/rich-text-editor",
-  "version": "25.2.0-alpha9",
+  "version": "25.2.0-beta1",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {
@@ -20,29 +20,29 @@
           "extension": true,
           "attributes": [
             {
-              "name": "?disabled",
-              "description": "When true, the user can not modify, nor copy the editor content.",
+              "name": ".colorOptions",
+              "description": "The list of colors used by the background and text color\nselection controls. Should contain an array of HEX strings.\n\nWhen user selects `#000000` (black) as a text color,\nor `#ffffff` (white) as a background color, it resets\nthe corresponding format for the selected text.",
               "value": {
                 "kind": "expression"
               }
             },
             {
-              "name": "?readonly",
-              "description": "When true, the user can not modify the editor content, but can copy it.",
+              "name": "?disabled",
+              "description": "When true, the user can not modify, nor copy the editor content.",
               "value": {
                 "kind": "expression"
               }
             },
             {
-              "name": ".colorOptions",
-              "description": "The list of colors used by the background and text color\nselection controls. Should contain an array of HEX strings.\n\nWhen user selects `#000000` (black) as a text color,\nor `#ffffff` (white) as a background color, it resets\nthe corresponding format for the selected text.",
+              "name": ".i18n",
+              "description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe properties are used e.g. as the tooltips for the editor toolbar\nbuttons.",
               "value": {
                 "kind": "expression"
               }
             },
             {
-              "name": ".i18n",
-              "description": "The object used to localize this component. To change the default\nlocalization, replace this with an object that provides all properties, or\njust the individual properties you want to change.\n\nThe properties are used e.g. as the tooltips for the editor toolbar\nbuttons.",
+              "name": "?readonly",
+              "description": "When true, the user can not modify the editor content, but can copy it.",
               "value": {
                 "kind": "expression"
               }
@@ -54,6 +54,13 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "@change",
+              "description": "Fired when the user commits a value change.",
+              "value": {
+                "kind": "expression"
+              }
+            },
             {
               "name": "@html-value-changed",
               "description": "Fired when the `htmlValue` property changes.",