suneditor 3.0.0-beta.4 → 3.0.0-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "suneditor",
-	"version": "3.0.0-beta.4",
+	"version": "3.0.0-beta.5",
 	"description": "Vanilla javascript based WYSIWYG web editor",
 	"author": "Yi JiHong",
 	"license": "MIT",

package/src/core/class/offset.js

@@ -288,7 +288,7 @@ Offset.prototype = {
 			}
 		}
 
-		el = /** @type {HTMLElement} */ (this._shadowRoot?.host);
+		el = /** @type {HTMLElement} */ (this.editor._shadowRoot?.host);
 		if (el) ohOffsetEl = owOffsetEl = topArea;
 		while (el) {
 			t += el.scrollTop;

package/src/core/class/selection.js

@@ -37,15 +37,12 @@ Selection_.prototype = {
 	 * @returns {Selection}
 	 */
 	get() {
-		const wSelection = this.editor.frameContext.get('_ww').getSelection();
 		let selection = null;
 
-		if (this._shadowRoot) {
-			selection = wSelection.getComposedRanges?.();
-		}
-
-		if (!selection) {
-			selection = wSelection;
+		if (typeof this.editor._shadowRoot?.getSelection === 'function') {
+			selection = this.editor._shadowRoot.getSelection();
+		} else {
+			selection = this.editor.frameContext.get('_ww').getSelection();
 		}
 
 		if (!selection) return null;

package/src/core/editor.js

@@ -311,7 +311,7 @@ function Editor(multiTargets, options) {
 
 	/**
 	 * @description Closest ShadowRoot to editor if found
-	 * @type {ShadowRoot}
+	 * @type {ShadowRoot & { getSelection?: () => Selection }} - Chromium-based browsers (Chrome, Edge, etc.) has a getSelection method on the ShadowRoot
 	 */
 	this._shadowRoot = null;
 

package/src/editorInjector/_core.js

@@ -84,9 +84,4 @@ export default function CoreInjector(editor) {
 	 * @type {Document}
 	 */
 	this._d = editor._d;
-	/**
-	 * @description The shadow root object (if any).
-	 * @type {__se__EditorCore['_shadowRoot']}
-	 */
-	this._shadowRoot = editor._shadowRoot;
 }

package/src/editorInjector/index.js

@@ -37,8 +37,6 @@ function EditorInjector(editor) {
 	this._w;
 	/** @type {import('./_core').default['_d']} */
 	this._d;
-	/** @type {import('./_core').default['_shadowRoot']} */
-	this._shadowRoot;
 
 	// ClassInjector props
 	/** @type {import('./_classes').default['toolbar']} */

package/src/modules/Controller.js

@@ -235,7 +235,7 @@ class Controller extends EditorInjector {
 		if ((await this.triggerEvent('onBeforeShowController', { caller: this.kind, frameContext: this.editor.frameContext, info })) === false) return;
 
 		form.style.display = 'block';
-		if (this._shadowRoot) {
+		if (this.editor._shadowRoot) {
 			this.__shadowRootEventForm = form;
 			this.__shadowRootEventListener = (e) => e.stopPropagation();
 			form.addEventListener('mousedown', this.__shadowRootEventListener);

package/types/core/editor.d.ts

@@ -266,9 +266,11 @@ declare class Editor {
 	_lineBreaker_b: HTMLElement;
 	/**
 	 * @description Closest ShadowRoot to editor if found
-	 * @type {ShadowRoot}
+	 * @type {ShadowRoot & { getSelection?: () => Selection }} - Chromium-based browsers (Chrome, Edge, etc.) has a getSelection method on the ShadowRoot
 	 */
-	_shadowRoot: ShadowRoot;
+	_shadowRoot: ShadowRoot & {
+		getSelection?: () => Selection;
+	};
 	/**
 	 * @description Plugin call event map
 	 * @type {Map<string, Array<((...args: *) => *) & { index: number }>>}

package/types/editorInjector/_core.d.ts

@@ -84,9 +84,4 @@ export default class CoreInjector {
 	 * @type {Document}
 	 */
 	_d: Document;
-	/**
-	 * @description The shadow root object (if any).
-	 * @type {__se__EditorCore['_shadowRoot']}
-	 */
-	_shadowRoot: __se__EditorCore['_shadowRoot'];
 }

package/types/editorInjector/index.d.ts

@@ -40,8 +40,6 @@ declare class EditorInjector {
 	_w: import('./_core').default['_w'];
 	/** @type {import('./_core').default['_d']} */
 	_d: import('./_core').default['_d'];
-	/** @type {import('./_core').default['_shadowRoot']} */
-	_shadowRoot: import('./_core').default['_shadowRoot'];
 	/** @type {import('./_classes').default['toolbar']} */
 	toolbar: import('./_classes').default['toolbar'];
 	/** @type {import('./_classes').default['subToolbar']} */