@vaadin/rich-text-editor 24.4.0-alpha1 → 24.4.0-alpha11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/rich-text-editor",
-  "version": "24.4.0-alpha1",
+  "version": "24.4.0-alpha11",
   "publishConfig": {
     "access": "public"
   },
@@ -41,19 +41,19 @@
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/button": "24.4.0-alpha1",
-    "@vaadin/component-base": "24.4.0-alpha1",
-    "@vaadin/confirm-dialog": "24.4.0-alpha1",
-    "@vaadin/text-field": "24.4.0-alpha1",
-    "@vaadin/tooltip": "24.4.0-alpha1",
-    "@vaadin/vaadin-lumo-styles": "24.4.0-alpha1",
-    "@vaadin/vaadin-material-styles": "24.4.0-alpha1",
-    "@vaadin/vaadin-themable-mixin": "24.4.0-alpha1",
+    "@vaadin/button": "24.4.0-alpha11",
+    "@vaadin/component-base": "24.4.0-alpha11",
+    "@vaadin/confirm-dialog": "24.4.0-alpha11",
+    "@vaadin/text-field": "24.4.0-alpha11",
+    "@vaadin/tooltip": "24.4.0-alpha11",
+    "@vaadin/vaadin-lumo-styles": "24.4.0-alpha11",
+    "@vaadin/vaadin-material-styles": "24.4.0-alpha11",
+    "@vaadin/vaadin-themable-mixin": "24.4.0-alpha11",
     "lit": "^3.0.0"
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/a11y-base": "24.4.0-alpha1",
+    "@vaadin/a11y-base": "24.4.0-alpha11",
     "@vaadin/testing-helpers": "^0.6.0",
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",
@@ -65,5 +65,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "3e2ed41c99d618ff7def2734fd863c21c85775a3"
+  "gitHead": "09c2f31d69cd611714169e0cd035688f54b2da37"
 }

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2000 - 2023 Vaadin Ltd.
+ * Copyright (c) 2000 - 2024 Vaadin Ltd.
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2000 - 2023 Vaadin Ltd.
+ * Copyright (c) 2000 - 2024 Vaadin Ltd.
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *
@@ -25,7 +25,7 @@ import { richTextEditorStyles } from './vaadin-rich-text-editor-styles.js';
  *
  * ## Disclaimer
  *
- * This component is an experiment not intended for publishing to npm.
+ * This component is an experiment and not yet a part of Vaadin platform.
  * There is no ETA regarding specific Vaadin version where it'll land.
  */
 class RichTextEditor extends RichTextEditorMixin(ElementMixin(ThemableMixin(PolylitMixin(LitElement)))) {

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2000 - 2023 Vaadin Ltd.
+ * Copyright (c) 2000 - 2024 Vaadin Ltd.
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2000 - 2023 Vaadin Ltd.
+ * Copyright (c) 2000 - 2024 Vaadin Ltd.
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2000 - 2023 Vaadin Ltd.
+ * Copyright (c) 2000 - 2024 Vaadin Ltd.
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2000 - 2023 Vaadin Ltd.
+ * Copyright (c) 2000 - 2024 Vaadin Ltd.
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *
@@ -255,6 +255,10 @@ export const RichTextEditorMixin = (superClass) =>
 
     /** @private */
     __setDirection(dir) {
+      if (!this._editor) {
+        return;
+      }
+
       // Needed for proper `ql-align` class to be set and activate the toolbar align button
       const alignAttributor = Quill.import('attributors/class/align');
       alignAttributor.whitelist = [dir === 'rtl' ? 'left' : 'right', 'center', 'justify'];
@@ -297,6 +301,8 @@ export const RichTextEditorMixin = (superClass) =>
         this.__patchFirefoxFocus();
       }
 
+      this.__setDirection(this.__dir);
+
       const editorContent = editor.querySelector('.ql-editor');
 
       editorContent.setAttribute('role', 'textbox');
@@ -667,7 +673,12 @@ export const RichTextEditorMixin = (superClass) =>
       let content = editor.innerHTML;
 
       // Remove Quill classes, e.g. ql-syntax, except for align
-      content = content.replace(/\s*ql-(?!align)[\w-]*\s*/gu, '');
+      content = content.replace(/class="([^"]*)"/gu, (match, group1) => {
+        const classes = group1.split(' ').filter((className) => {
+          return !className.startsWith('ql-') || className.startsWith('ql-align');
+        });
+        return `class="${classes.join(' ')}"`;
+      });
       // Remove meta spans, e.g. cursor which are empty after Quill classes removed
       content = content.replace(/<\/?span[^>]*>/gu, '');
 

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2000 - 2023 Vaadin Ltd.
+ * Copyright (c) 2000 - 2024 Vaadin Ltd.
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2000 - 2023 Vaadin Ltd.
+ * Copyright (c) 2000 - 2024 Vaadin Ltd.
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2000 - 2023 Vaadin Ltd.
+ * Copyright (c) 2000 - 2024 Vaadin Ltd.
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *

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

@@ -1,6 +1,6 @@
 /**
  * @license
- * Copyright (c) 2000 - 2023 Vaadin Ltd.
+ * Copyright (c) 2000 - 2024 Vaadin Ltd.
  *
  * This program is available under Vaadin Commercial License and Service Terms.
  *

package/theme/lumo/vaadin-lit-rich-text-editor.d.ts

@@ -0,0 +1,6 @@
+import '@vaadin/button/theme/lumo/vaadin-button-styles.js';
+import '@vaadin/confirm-dialog/theme/lumo/vaadin-confirm-dialog-styles.js';
+import '@vaadin/text-field/theme/lumo/vaadin-text-field-styles.js';
+import '@vaadin/tooltip/theme/lumo/vaadin-tooltip-styles.js';
+import './vaadin-rich-text-editor-styles.js';
+import '../../src/vaadin-lit-rich-text-editor.js';

package/theme/lumo/vaadin-rich-text-editor-styles.d.ts

@@ -0,0 +1,4 @@
+import '@vaadin/vaadin-lumo-styles/font-icons.js';
+import '@vaadin/vaadin-lumo-styles/sizing.js';
+import '@vaadin/vaadin-lumo-styles/spacing.js';
+import '@vaadin/vaadin-lumo-styles/style.js';

package/theme/lumo/vaadin-rich-text-editor.d.ts

@@ -0,0 +1,6 @@
+import '@vaadin/button/theme/lumo/vaadin-button.js';
+import '@vaadin/confirm-dialog/theme/lumo/vaadin-confirm-dialog.js';
+import '@vaadin/text-field/theme/lumo/vaadin-text-field.js';
+import '@vaadin/tooltip/theme/lumo/vaadin-tooltip.js';
+import './vaadin-rich-text-editor-styles.js';
+import '../../src/vaadin-rich-text-editor.js';

package/theme/material/vaadin-lit-rich-text-editor.d.ts

@@ -0,0 +1,6 @@
+import '@vaadin/button/theme/material/vaadin-button-styles.js';
+import '@vaadin/confirm-dialog/theme/material/vaadin-confirm-dialog-styles.js';
+import '@vaadin/text-field/theme/material/vaadin-text-field-styles.js';
+import '@vaadin/tooltip/theme/material/vaadin-tooltip-styles.js';
+import './vaadin-rich-text-editor-styles.js';
+import '../../src/vaadin-lit-rich-text-editor.js';

package/theme/material/vaadin-rich-text-editor-styles.d.ts

@@ -0,0 +1 @@
+import '@vaadin/vaadin-material-styles/color.js';

package/theme/material/vaadin-rich-text-editor.d.ts

@@ -0,0 +1,6 @@
+import '@vaadin/button/theme/material/vaadin-button.js';
+import '@vaadin/confirm-dialog/theme/material/vaadin-confirm-dialog.js';
+import '@vaadin/text-field/theme/material/vaadin-text-field.js';
+import '@vaadin/tooltip/theme/material/vaadin-tooltip.js';
+import './vaadin-rich-text-editor-styles.js';
+import '../../src/vaadin-rich-text-editor.js';

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/rich-text-editor",
-  "version": "24.4.0-alpha1",
+  "version": "24.4.0-alpha11",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/rich-text-editor",
-  "version": "24.4.0-alpha1",
+  "version": "24.4.0-alpha11",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {