@textbus/adapter-vue 4.0.3 → 4.0.5

package/bundles/index.esm.js

@@ -23,7 +23,7 @@ class VueAdapter extends DomAdapter {
                 return Array.from(parentElement.childNodes);
             },
             isNativeElementNode(node) {
-                return node instanceof HTMLElement;
+                return node instanceof Element;
             },
             getChildByIndex(parentElement, index) {
                 return parentElement.childNodes[index];
@@ -78,7 +78,7 @@ class VueAdapter extends DomAdapter {
                 return h(vNode.tagName, props, ...children);
             }
         }, mount);
-        // private compositionRef = ref<HTMLElement>()
+        // private compositionRef = ref<Element>()
         this.componentRefs = new WeakMap();
         this.components = {};
         // watchEffect(() => {
@@ -108,7 +108,7 @@ class VueAdapter extends DomAdapter {
                     var _a;
                     component.changeMarker.rendered();
                     self.onViewUpdated.next();
-                    if (!(((_a = self.componentRefs.get(component)) === null || _a === void 0 ? void 0 : _a.value) instanceof HTMLElement)) {
+                    if (!(((_a = self.componentRefs.get(component)) === null || _a === void 0 ? void 0 : _a.value) instanceof Element)) {
                         // eslint-disable-next-line max-len
                         throw adapterError(`Component \`${component.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
                     }

package/bundles/index.js

@@ -25,7 +25,7 @@ class VueAdapter extends platformBrowser.DomAdapter {
                 return Array.from(parentElement.childNodes);
             },
             isNativeElementNode(node) {
-                return node instanceof HTMLElement;
+                return node instanceof Element;
             },
             getChildByIndex(parentElement, index) {
                 return parentElement.childNodes[index];
@@ -80,7 +80,7 @@ class VueAdapter extends platformBrowser.DomAdapter {
                 return vue.h(vNode.tagName, props, ...children);
             }
         }, mount);
-        // private compositionRef = ref<HTMLElement>()
+        // private compositionRef = ref<Element>()
         this.componentRefs = new WeakMap();
         this.components = {};
         // watchEffect(() => {
@@ -110,7 +110,7 @@ class VueAdapter extends platformBrowser.DomAdapter {
                     var _a;
                     component.changeMarker.rendered();
                     self.onViewUpdated.next();
-                    if (!(((_a = self.componentRefs.get(component)) === null || _a === void 0 ? void 0 : _a.value) instanceof HTMLElement)) {
+                    if (!(((_a = self.componentRefs.get(component)) === null || _a === void 0 ? void 0 : _a.value) instanceof Element)) {
                         // eslint-disable-next-line max-len
                         throw adapterError(`Component \`${component.name}\` is not bound to rootRef, you must bind rootRef to the root element node of the component view.`);
                     }

package/bundles/vue-adapter.d.ts

@@ -3,7 +3,7 @@ import { DefineComponent, Ref, VNode } from 'vue';
 import { DomAdapter } from '@textbus/platform-browser';
 export interface ViewComponentProps<T extends Component> {
     component: T;
-    rootRef: Ref<HTMLElement | undefined>;
+    rootRef: Ref<Element | undefined>;
 }
 export interface VueAdapterComponents {
     [key: string]: DefineComponent<ViewComponentProps<any>>;
@@ -11,6 +11,6 @@ export interface VueAdapterComponents {
 export declare class VueAdapter extends DomAdapter<VNode, VNode> {
     private componentRefs;
     private components;
-    constructor(components: VueAdapterComponents, mount: ViewMount<VNode, HTMLElement>);
+    constructor(components: VueAdapterComponents, mount: ViewMount<VNode, Element>);
     copy(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/adapter-vue",
-  "version": "4.0.3",
+  "version": "4.0.5",
   "description": "Textbus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -26,8 +26,8 @@
   ],
   "dependencies": {
     "@tanbo/stream": "^1.2.5",
-    "@textbus/core": "^4.0.3",
-    "@textbus/platform-browser": "^4.0.3",
+    "@textbus/core": "^4.0.4",
+    "@textbus/platform-browser": "^4.0.5",
     "vue": "^3.4.28"
   },
   "devDependencies": {