@textbus/xnote 0.3.2 → 0.3.4

package/bundles/index.js

@@ -63,7 +63,18 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 
 exports.DropdownService = class DropdownService {
     constructor() {
-        this.siblingOpenEvent = new core$1.Subject();
+        Object.defineProperty(this, "onSiblingOpen", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "siblingOpenEvent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
         this.onSiblingOpen = this.siblingOpenEvent.asObservable();
     }
     notify(id) {
@@ -81,14 +92,60 @@ var DropdownContextService_1;
 let i = 0;
 exports.DropdownContextService = DropdownContextService_1 = class DropdownContextService {
     constructor(dropdownService, injector) {
-        this.dropdownService = dropdownService;
-        this.injector = injector;
-        this.id = i;
-        this.isOpen = false;
-        this.canHide = true;
-        this.openStateChangeEvent = new core$1.Subject();
-        this.timer = null;
-        this.parentDropdownContextService = this.injector.get(DropdownContextService_1, null, core.InjectFlags.SkipSelf);
+        Object.defineProperty(this, "dropdownService", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: dropdownService
+        });
+        Object.defineProperty(this, "injector", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: injector
+        });
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: i
+        });
+        Object.defineProperty(this, "isOpen", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "onOpenStateChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "canHide", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "openStateChangeEvent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
+        Object.defineProperty(this, "timer", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "parentDropdownContextService", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: this.injector.get(DropdownContextService_1, null, core.InjectFlags.SkipSelf)
+        });
         this.onOpenStateChange = this.openStateChangeEvent.asObservable();
         dropdownService.onSiblingOpen.subscribe(id => {
             if (id === this.id) {
@@ -260,14 +317,54 @@ class Picker {
         return this.empty ? null : this._hsv;
     }
     constructor(onChange, value) {
-        this.onChange = onChange;
-        this._hex = '';
-        this._hsl = null;
-        this._rgb = null;
-        this._hsv = null;
-        this._rgba = null;
-        this.empty = false;
-        this.resetAlpha = true;
+        Object.defineProperty(this, "onChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: onChange
+        });
+        Object.defineProperty(this, "_hex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "_hsl", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "_rgb", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "_hsv", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "_rgba", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "empty", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "resetAlpha", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
         this.hex = value || '#f00';
     }
 }
@@ -942,7 +1039,12 @@ var scopedId$e = "vf-2a8a65";
 
 exports.RefreshService = class RefreshService {
     constructor() {
-        this.onRefresh = new core$1.Subject();
+        Object.defineProperty(this, "onRefresh", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
     }
 };
 exports.RefreshService = __decorate([
@@ -1087,9 +1189,18 @@ function SlotRender(props) {
     const adapter = core.inject(platformBrowser.DomAdapter);
     const instance = core.getCurrentInstance();
     const slot = props.slot;
-    const sub = core$1.merge(slot.__changeMarker__.onChange, slot.__changeMarker__.onForceChange).subscribe(() => {
-        if (props.slot.__changeMarker__.dirty) {
-            instance.markAsDirtied();
+    function listen(slot) {
+        return core$1.merge(slot.__changeMarker__.onChange, slot.__changeMarker__.onForceChange).subscribe(() => {
+            if (props.slot.__changeMarker__.dirty) {
+                instance.markAsDirtied();
+            }
+        });
+    }
+    let sub = listen(slot);
+    core.onPropsChanged((currentProps, oldProps) => {
+        if (oldProps.slot !== currentProps.slot) {
+            sub.unsubscribe();
+            sub = listen(currentProps.slot);
         }
     });
     core.onUnmounted(() => {
@@ -1124,31 +1235,46 @@ class BlockquoteComponent extends core$1.Component {
         useBlockContent(this.state.slot);
     }
 }
-BlockquoteComponent.type = core$1.ContentType.BlockComponent;
-BlockquoteComponent.componentName = 'BlockquoteComponent';
-BlockquoteComponent.zenCoding = {
-    key: ' ',
-    match(content, textbus) {
-        const selection = textbus.get(core$1.Selection);
-        if (selection.commonAncestorComponent instanceof ParagraphComponent) {
-            return /^>$/.test(content);
-        }
-        return false;
-    },
-    createState(_, textbus) {
-        const selection = textbus.get(core$1.Selection);
-        const commonAncestorSlot = selection.commonAncestorSlot;
-        const slot = new core$1.Slot([
-            core$1.ContentType.BlockComponent
-        ]);
-        if (commonAncestorSlot === null || commonAncestorSlot === void 0 ? void 0 : commonAncestorSlot.hasAttribute(textIndentAttr)) {
-            slot.setAttribute(textIndentAttr, commonAncestorSlot.getAttribute(textIndentAttr));
+Object.defineProperty(BlockquoteComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.BlockComponent
+});
+Object.defineProperty(BlockquoteComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'BlockquoteComponent'
+});
+Object.defineProperty(BlockquoteComponent, "zenCoding", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: {
+        key: ' ',
+        match(content, textbus) {
+            const selection = textbus.get(core$1.Selection);
+            if (selection.commonAncestorComponent instanceof ParagraphComponent) {
+                return /^>$/.test(content);
+            }
+            return false;
+        },
+        createState(_, textbus) {
+            const selection = textbus.get(core$1.Selection);
+            const commonAncestorSlot = selection.commonAncestorSlot;
+            const slot = new core$1.Slot([
+                core$1.ContentType.BlockComponent
+            ]);
+            if (commonAncestorSlot === null || commonAncestorSlot === void 0 ? void 0 : commonAncestorSlot.hasAttribute(textIndentAttr)) {
+                slot.setAttribute(textIndentAttr, commonAncestorSlot.getAttribute(textIndentAttr));
+            }
+            return {
+                slot
+            };
         }
-        return {
-            slot
-        };
     }
-};
+});
 function toBlockquote(textbus) {
     const query = textbus.get(core$1.Query);
     const commander = textbus.get(core$1.Commander);
@@ -1250,9 +1376,24 @@ class HighlightBoxComponent extends core$1.Component {
         useBlockContent(this.state.slot);
     }
 }
-HighlightBoxComponent.defaultTypes = ['❤️', '💡', '📌', '✅', '❎', '👍', '🎉', '🚫', '❗'];
-HighlightBoxComponent.componentName = 'HighlightBoxComponent';
-HighlightBoxComponent.type = core$1.ContentType.BlockComponent;
+Object.defineProperty(HighlightBoxComponent, "defaultTypes", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: ['❤️', '💡', '📌', '✅', '❎', '👍', '🎉', '🚫', '❗']
+});
+Object.defineProperty(HighlightBoxComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'HighlightBoxComponent'
+});
+Object.defineProperty(HighlightBoxComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.BlockComponent
+});
 function HighlightBoxView(props) {
     const readonly = useReadonly();
     const output = useOutput();
@@ -1433,8 +1574,18 @@ class TimelineComponent extends core$1.Component {
         return false;
     }
 }
-TimelineComponent.componentName = 'TimelineComponent';
-TimelineComponent.type = core$1.ContentType.BlockComponent;
+Object.defineProperty(TimelineComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'TimelineComponent'
+});
+Object.defineProperty(TimelineComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.BlockComponent
+});
 
 function createStepItem(textbus) {
     const slot = new core$1.Slot([
@@ -1478,8 +1629,18 @@ class StepComponent extends core$1.Component {
         return false;
     }
 }
-StepComponent.componentName = 'StepComponent';
-StepComponent.type = core$1.ContentType.BlockComponent;
+Object.defineProperty(StepComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'StepComponent'
+});
+Object.defineProperty(StepComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.BlockComponent
+});
 
 class ParagraphComponent extends core$1.Component {
     static fromJSON(textbus, json) {
@@ -1525,8 +1686,18 @@ class ParagraphComponent extends core$1.Component {
         });
     }
 }
-ParagraphComponent.componentName = 'ParagraphComponent';
-ParagraphComponent.type = core$1.ContentType.BlockComponent;
+Object.defineProperty(ParagraphComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'ParagraphComponent'
+});
+Object.defineProperty(ParagraphComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.BlockComponent
+});
 function ParagraphView(props) {
     const readonly = useReadonly();
     const output = useOutput();
@@ -1710,27 +1881,42 @@ function createCodeSlot() {
 class SourceCodeComponent extends core$1.Component {
     constructor() {
         super(...arguments);
-        this.focus = new core$1.BehaviorSubject(false);
-        this.cancelEmphasize = () => {
-            const selection = this.textbus.get(core$1.Selection);
-            const slots = this.state.slots;
-            const { startSlot, endSlot } = selection;
-            let startIndex = slots.findIndex(i => i.slot === startSlot);
-            const endIndex = slots.findIndex(i => i.slot === endSlot) + 1;
-            for (; startIndex < endIndex; startIndex++) {
-                slots[startIndex].emphasize = false;
+        Object.defineProperty(this, "focus", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.BehaviorSubject(false)
+        });
+        Object.defineProperty(this, "cancelEmphasize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const selection = this.textbus.get(core$1.Selection);
+                const slots = this.state.slots;
+                const { startSlot, endSlot } = selection;
+                let startIndex = slots.findIndex(i => i.slot === startSlot);
+                const endIndex = slots.findIndex(i => i.slot === endSlot) + 1;
+                for (; startIndex < endIndex; startIndex++) {
+                    slots[startIndex].emphasize = false;
+                }
             }
-        };
-        this.emphasize = () => {
-            const selection = this.textbus.get(core$1.Selection);
-            const slots = this.state.slots;
-            const { startSlot, endSlot } = selection;
-            let startIndex = slots.findIndex(i => i.slot === startSlot);
-            const endIndex = slots.findIndex(i => i.slot === endSlot) + 1;
-            for (; startIndex < endIndex; startIndex++) {
-                slots[startIndex].emphasize = true;
+        });
+        Object.defineProperty(this, "emphasize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                const selection = this.textbus.get(core$1.Selection);
+                const slots = this.state.slots;
+                const { startSlot, endSlot } = selection;
+                let startIndex = slots.findIndex(i => i.slot === startSlot);
+                const endIndex = slots.findIndex(i => i.slot === endSlot) + 1;
+                for (; startIndex < endIndex; startIndex++) {
+                    slots[startIndex].emphasize = true;
+                }
             }
-        };
+        });
     }
     static fromJSON(textbus, json) {
         const registry = textbus.get(core$1.Registry);
@@ -1920,56 +2106,71 @@ class SourceCodeComponent extends core$1.Component {
         return false;
     }
 }
-SourceCodeComponent.type = core$1.ContentType.BlockComponent;
-SourceCodeComponent.componentName = 'SourceCodeComponent';
-SourceCodeComponent.zenCoding = {
-    key: ['Enter', ' '],
-    match(c, textbus) {
-        const selection = textbus.get(core$1.Selection);
-        if (selection.commonAncestorComponent instanceof ParagraphComponent) {
-            const matchString = languageList.map(i => i.label || i.value).concat('js', 'ts').join('|').replace(/\+/, '\\+');
-            const reg = new RegExp(`^\`\`\`(${matchString})$`, 'i');
-            return reg.test(c);
-        }
-        return false;
-    },
-    createState(content) {
-        const matchString = content.replace(/`/g, '').replace(/\+/, '\\+');
-        for (const item of languageList) {
-            const reg = new RegExp(`^${matchString}$`, 'i');
-            if (reg.test(item.label || item.value)) {
+Object.defineProperty(SourceCodeComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.BlockComponent
+});
+Object.defineProperty(SourceCodeComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'SourceCodeComponent'
+});
+Object.defineProperty(SourceCodeComponent, "zenCoding", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: {
+        key: ['Enter', ' '],
+        match(c, textbus) {
+            const selection = textbus.get(core$1.Selection);
+            if (selection.commonAncestorComponent instanceof ParagraphComponent) {
+                const matchString = languageList.map(i => i.label || i.value).concat('js', 'ts').join('|').replace(/\+/, '\\+');
+                const reg = new RegExp(`^\`\`\`(${matchString})$`, 'i');
+                return reg.test(c);
+            }
+            return false;
+        },
+        createState(content) {
+            const matchString = content.replace(/`/g, '').replace(/\+/, '\\+');
+            for (const item of languageList) {
+                const reg = new RegExp(`^${matchString}$`, 'i');
+                if (reg.test(item.label || item.value)) {
+                    return {
+                        lang: item.value,
+                        theme: '',
+                        lineNumber: true,
+                        slots: [createCodeSlot()]
+                    };
+                }
+            }
+            if (/^js$/i.test(matchString)) {
                 return {
-                    lang: item.value,
+                    lang: 'JavaScript',
+                    theme: '',
+                    lineNumber: true,
+                    slots: [createCodeSlot()]
+                };
+            }
+            if (/^ts$/i.test(matchString)) {
+                return {
+                    lang: 'TypeScript',
                     theme: '',
                     lineNumber: true,
                     slots: [createCodeSlot()]
                 };
             }
-        }
-        if (/^js$/i.test(matchString)) {
-            return {
-                lang: 'JavaScript',
-                theme: '',
-                lineNumber: true,
-                slots: [createCodeSlot()]
-            };
-        }
-        if (/^ts$/i.test(matchString)) {
             return {
-                lang: 'TypeScript',
+                lang: '',
                 theme: '',
                 lineNumber: true,
                 slots: [createCodeSlot()]
             };
         }
-        return {
-            lang: '',
-            theme: '',
-            lineNumber: true,
-            slots: [createCodeSlot()]
-        };
     }
-};
+});
 function SourceCodeView(props) {
     const adapter = core.inject(platformBrowser.DomAdapter);
     const isFocus = core.createSignal(false);
@@ -2247,8 +2448,18 @@ class ImageComponent extends core$1.Component {
         return [];
     }
 }
-ImageComponent.type = core$1.ContentType.InlineComponent;
-ImageComponent.componentName = 'ImageComponent';
+Object.defineProperty(ImageComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.InlineComponent
+});
+Object.defineProperty(ImageComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'ImageComponent'
+});
 function ImageView(props) {
     const { name, state } = props.component;
     const imageRef = core.createRef();
@@ -2289,8 +2500,18 @@ class VideoComponent extends core$1.Component {
         return [];
     }
 }
-VideoComponent.type = core$1.ContentType.InlineComponent;
-VideoComponent.componentName = 'VideoComponent';
+Object.defineProperty(VideoComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.InlineComponent
+});
+Object.defineProperty(VideoComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'VideoComponent'
+});
 function VideoView(props) {
     const { name, state } = props.component;
     const videoRef = core.createRef();
@@ -2325,8 +2546,30 @@ const videoComponentLoader = {
 
 let ToolService = class ToolService {
     constructor(selection, controller) {
-        this.selection = selection;
-        this.controller = controller;
+        Object.defineProperty(this, "selection", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: selection
+        });
+        Object.defineProperty(this, "controller", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: controller
+        });
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "sub", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         const [state, updateState] = hooks.useProduce({
             inSourceCode: false,
             readonly: controller.readonly,
@@ -2473,10 +2716,30 @@ function AttrTool(props) {
 
 class Rectangle {
     constructor(x1, y1, x2, y2) {
-        this.x1 = x1;
-        this.y1 = y1;
-        this.x2 = x2;
-        this.y2 = y2;
+        Object.defineProperty(this, "x1", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: x1
+        });
+        Object.defineProperty(this, "y1", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: y1
+        });
+        Object.defineProperty(this, "x2", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: x2
+        });
+        Object.defineProperty(this, "y2", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: y2
+        });
     }
     intersects(other) {
         return this.x1 < other.x2 && this.x2 > other.x1 && this.y1 < other.y2 && this.y2 > other.y1;
@@ -2597,12 +2860,42 @@ class TableComponent extends core$1.Component {
         })
     }) {
         super(textbus, state);
-        this.selection = this.textbus.get(core$1.Selection);
-        this.commander = this.textbus.get(core$1.Commander);
-        this.focus = new core$1.Subject();
-        this.tableSelection = core.createSignal(null);
-        this.ignoreSelectionChanges = false;
-        this.normalizedData = [];
+        Object.defineProperty(this, "selection", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: this.textbus.get(core$1.Selection)
+        });
+        Object.defineProperty(this, "commander", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: this.textbus.get(core$1.Commander)
+        });
+        Object.defineProperty(this, "focus", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
+        Object.defineProperty(this, "tableSelection", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: core.createSignal(null)
+        });
+        Object.defineProperty(this, "ignoreSelectionChanges", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "normalizedData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
     }
     getSlots() {
         return this.normalizedData.map(item => {
@@ -3014,8 +3307,18 @@ class TableComponent extends core$1.Component {
         });
     }
 }
-TableComponent.componentName = 'TableComponent';
-TableComponent.type = core$1.ContentType.BlockComponent;
+Object.defineProperty(TableComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'TableComponent'
+});
+Object.defineProperty(TableComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.BlockComponent
+});
 
 const strikeThroughFormatter = new core$1.Formatter('strike', {
     columned: true,
@@ -3124,34 +3427,49 @@ class TodolistComponent extends core$1.Component {
         });
     }
 }
-TodolistComponent.type = core$1.ContentType.BlockComponent;
-TodolistComponent.componentName = 'TodoListComponent';
-TodolistComponent.zenCoding = {
-    match(content, textbus) {
-        const selection = textbus.get(core$1.Selection);
-        if (selection.commonAncestorComponent instanceof ParagraphComponent) {
-            return /^\[(x|\s)?\]$/.test(content);
-        }
-        return false;
-    },
-    key: ' ',
-    createState(content, textbus) {
-        const selection = textbus.get(core$1.Selection);
-        const commonAncestorSlot = selection.commonAncestorSlot;
-        const slot = new core$1.Slot([
-            core$1.ContentType.InlineComponent,
-            core$1.ContentType.Text
-        ]);
-        if (commonAncestorSlot === null || commonAncestorSlot === void 0 ? void 0 : commonAncestorSlot.hasAttribute(textIndentAttr)) {
-            slot.setAttribute(textIndentAttr, commonAncestorSlot.getAttribute(textIndentAttr));
+Object.defineProperty(TodolistComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.BlockComponent
+});
+Object.defineProperty(TodolistComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'TodoListComponent'
+});
+Object.defineProperty(TodolistComponent, "zenCoding", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: {
+        match(content, textbus) {
+            const selection = textbus.get(core$1.Selection);
+            if (selection.commonAncestorComponent instanceof ParagraphComponent) {
+                return /^\[(x|\s)?\]$/.test(content);
+            }
+            return false;
+        },
+        key: ' ',
+        createState(content, textbus) {
+            const selection = textbus.get(core$1.Selection);
+            const commonAncestorSlot = selection.commonAncestorSlot;
+            const slot = new core$1.Slot([
+                core$1.ContentType.InlineComponent,
+                core$1.ContentType.Text
+            ]);
+            if (commonAncestorSlot === null || commonAncestorSlot === void 0 ? void 0 : commonAncestorSlot.hasAttribute(textIndentAttr)) {
+                slot.setAttribute(textIndentAttr, commonAncestorSlot.getAttribute(textIndentAttr));
+            }
+            const isChecked = content.charAt(1) === 'x';
+            return {
+                checked: isChecked,
+                slot
+            };
         }
-        const isChecked = content.charAt(1) === 'x';
-        return {
-            checked: isChecked,
-            slot
-        };
     }
-};
+});
 function TodolistView(props) {
     const component = props.component;
     const state = component.state;
@@ -3338,34 +3656,49 @@ class ListComponent extends core$1.Component {
         });
     }
 }
-ListComponent.componentName = 'ListComponent';
-ListComponent.type = core$1.ContentType.BlockComponent;
-ListComponent.zenCoding = {
-    key: ' ',
-    match(content, textbus) {
-        const selection = textbus.get(core$1.Selection);
-        if (selection.commonAncestorComponent instanceof ParagraphComponent) {
-            return /^([1-9]\.|[+*-])$/.test(content);
-        }
-        return false;
-    },
-    createState(content, textbus) {
-        const selection = textbus.get(core$1.Selection);
-        const commonAncestorSlot = selection.commonAncestorSlot;
-        const slot = new core$1.Slot([
-            core$1.ContentType.InlineComponent,
-            core$1.ContentType.Text
-        ]);
-        if (commonAncestorSlot === null || commonAncestorSlot === void 0 ? void 0 : commonAncestorSlot.hasAttribute(textIndentAttr)) {
-            slot.setAttribute(textIndentAttr, commonAncestorSlot.getAttribute(textIndentAttr));
+Object.defineProperty(ListComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'ListComponent'
+});
+Object.defineProperty(ListComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.BlockComponent
+});
+Object.defineProperty(ListComponent, "zenCoding", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: {
+        key: ' ',
+        match(content, textbus) {
+            const selection = textbus.get(core$1.Selection);
+            if (selection.commonAncestorComponent instanceof ParagraphComponent) {
+                return /^([1-9]\.|[+*-])$/.test(content);
+            }
+            return false;
+        },
+        createState(content, textbus) {
+            const selection = textbus.get(core$1.Selection);
+            const commonAncestorSlot = selection.commonAncestorSlot;
+            const slot = new core$1.Slot([
+                core$1.ContentType.InlineComponent,
+                core$1.ContentType.Text
+            ]);
+            if (commonAncestorSlot === null || commonAncestorSlot === void 0 ? void 0 : commonAncestorSlot.hasAttribute(textIndentAttr)) {
+                slot.setAttribute(textIndentAttr, commonAncestorSlot.getAttribute(textIndentAttr));
+            }
+            return {
+                type: /[-+*]/.test(content) ? 'UnorderedList' : 'OrderedList',
+                reorder: true,
+                slot
+            };
         }
-        return {
-            type: /[-+*]/.test(content) ? 'UnorderedList' : 'OrderedList',
-            reorder: true,
-            slot
-        };
     }
-};
+});
 const step = 26;
 const chars = Array.from({ length: step }).map((_, index) => String.fromCharCode(96 + index + 1));
 function numberToLetter(num) {
@@ -4344,7 +4677,18 @@ class KatexEditor extends core$1.Textbus {
             ],
             imports: [browserModule]
         });
-        this.onValueChange = new core$1.Subject();
+        Object.defineProperty(this, "host", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onValueChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
     }
     mount(host, code) {
         this.host = host;
@@ -4391,8 +4735,18 @@ class KatexComponent extends core$1.Component {
         return [];
     }
 }
-KatexComponent.componentName = 'KatexComponent';
-KatexComponent.type = core$1.ContentType.InlineComponent;
+Object.defineProperty(KatexComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'KatexComponent'
+});
+Object.defineProperty(KatexComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.InlineComponent
+});
 function domToVDom(el) {
     const attrs = {};
     el.getAttributeNames().forEach(key => {
@@ -4681,9 +5035,24 @@ var scopedId$c = "vf-e74208";
 
 exports.EditorService = class EditorService {
     constructor() {
-        this.hideInlineToolbar = false;
-        this.canShowLeftToolbar = true;
-        this.onLeftToolbarCanVisibleChange = new core$1.Subject();
+        Object.defineProperty(this, "hideInlineToolbar", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "canShowLeftToolbar", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "onLeftToolbarCanVisibleChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
     }
     changeLeftToolbarVisible(b) {
         this.canShowLeftToolbar = b;
@@ -5558,7 +5927,12 @@ const LeftToolbar = core.withAnnotation({
 
 class LeftToolbarPlugin {
     constructor() {
-        this.app = null;
+        Object.defineProperty(this, "app", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
     }
     setup(injector) {
         const App = function () {
@@ -5834,8 +6208,18 @@ const InlineToolbar = core.withAnnotation({
 
 class InlineToolbarPlugin {
     constructor(config = {}) {
-        this.config = config;
-        this.app = null;
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: config
+        });
+        Object.defineProperty(this, "app", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
     }
     setup(injector) {
         const App = () => {
@@ -5882,9 +6266,24 @@ const StaticToolbar = core.withAnnotation({
 
 class StaticToolbarPlugin {
     constructor(options) {
-        this.options = options;
-        this.app = null;
-        this.container = null;
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: options
+        });
+        Object.defineProperty(this, "app", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
     }
     setup(injector) {
         const container = document.createElement('div');
@@ -5964,9 +6363,24 @@ const SuspensionToolbar = core.withAnnotation({
 
 class SuspensionToolbarPlugin {
     constructor(options = {}) {
-        this.options = options;
-        this.app = null;
-        this.container = null;
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: options
+        });
+        Object.defineProperty(this, "app", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
     }
     setup(injector) {
         const host = injector.get(platformBrowser.VIEW_CONTAINER);
@@ -5987,10 +6401,30 @@ class SuspensionToolbarPlugin {
 
 class Matcher {
     constructor(target, rule) {
-        this.target = target;
-        this.rule = rule;
-        this.validators = [];
-        this.excludeValidators = [];
+        Object.defineProperty(this, "target", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: target
+        });
+        Object.defineProperty(this, "rule", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: rule
+        });
+        Object.defineProperty(this, "validators", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "excludeValidators", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
         if (rule.tags) {
             this.validators.push(this.makeTagsMatcher(rule.tags));
         }
@@ -6131,11 +6565,36 @@ class AtComponent extends core$1.Component {
             state.slot = new core$1.Slot([core$1.ContentType.Text]);
         }
         super(textbus, state);
-        this.focus = new core$1.Subject();
-        this.members = core.createSignal([]);
-        this.selectedIndex = core.createSignal(0);
-        this.selection = this.textbus.get(core$1.Selection);
-        this.organization = this.textbus.get(Organization);
+        Object.defineProperty(this, "focus", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
+        Object.defineProperty(this, "members", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: core.createSignal([])
+        });
+        Object.defineProperty(this, "selectedIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: core.createSignal(0)
+        });
+        Object.defineProperty(this, "selection", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: this.textbus.get(core$1.Selection)
+        });
+        Object.defineProperty(this, "organization", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: this.textbus.get(Organization)
+        });
     }
     getSlots() {
         if (this.state.userInfo) {
@@ -6233,8 +6692,18 @@ class AtComponent extends core$1.Component {
         this.selection.selectComponentEnd(this);
     }
 }
-AtComponent.componentName = 'AtComponent';
-AtComponent.type = core$1.ContentType.InlineComponent;
+Object.defineProperty(AtComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'AtComponent'
+});
+Object.defineProperty(AtComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.InlineComponent
+});
 
 function AtComponentView(props) {
     const dropdownRef = core.createRef();
@@ -6315,7 +6784,12 @@ const atComponentLoader = {
 class RootComponent extends core$1.Component {
     constructor() {
         super(...arguments);
-        this.onCompositionStart = new core$1.Subject();
+        Object.defineProperty(this, "onCompositionStart", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
     }
     static fromJSON(textbus, json) {
         const content = textbus.get(core$1.Registry).createSlot(json.content);
@@ -6353,8 +6827,18 @@ class RootComponent extends core$1.Component {
         selection.setPosition(newParagraph.state.slot, 0);
     }
 }
-RootComponent.componentName = 'RootComponent';
-RootComponent.type = core$1.ContentType.BlockComponent;
+Object.defineProperty(RootComponent, "componentName", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'RootComponent'
+});
+Object.defineProperty(RootComponent, "type", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: core$1.ContentType.BlockComponent
+});
 function RootView(props) {
     const ref = core.createDynamicRef(node => {
         const sub = props.component.onCompositionStart.subscribe(() => {
@@ -6407,11 +6891,26 @@ var scopedId$5 = "vf-681de2";
 
 let TableService = class TableService {
     constructor() {
-        this.onInsertRowBefore = new core$1.Subject();
-        this.onInsertColumnBefore = new core$1.Subject();
+        Object.defineProperty(this, "onInsertRowBefore", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
+        Object.defineProperty(this, "onInsertColumnBefore", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
         // onSelectColumns = new Subject<{ start: number, end: number } | null>()
         // onSelectRows = new Subject<{ start: number, end: number } | null>()
-        this.onScroll = new core$1.Subject();
+        Object.defineProperty(this, "onScroll", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
     }
 };
 TableService = __decorate([
@@ -7030,7 +7529,9 @@ const TableComponentView = core.withAnnotation({
             rowMapping.set(row.row, Math.random());
         });
         if (readonly() || output()) {
-            return (jsxRuntime.jsx("div", { class: "xnote-table", "data-component": props.component.name, "data-layout-width": `[${state.columnsConfig.join(',')}]`, children: jsxRuntime.jsx("div", { class: "xnote-table-inner", ref: props.rootRef, children: jsxRuntime.jsx("div", { class: "xnote-table-container", children: jsxRuntime.jsxs("table", { class: [
+            return (jsxRuntime.jsx("div", { class: "xnote-table", "data-component": props.component.name, "data-layout-width": `[${state.columnsConfig.join(',')}]`, children: jsxRuntime.jsx("div", { class: "xnote-table-inner", ref: props.rootRef, children: jsxRuntime.jsx("div", { class: "xnote-table-container", style: {
+                            overflow: 'auto'
+                        }, children: jsxRuntime.jsxs("table", { class: [
                                 'xnote-table-content',
                                 {
                                     'hide-selection': props.component.tableSelection()
@@ -7084,6 +7585,9 @@ const tableComponentLoader = {
         let content = element;
         if (element.tagName === 'DIV') {
             content = element.querySelector('.xnote-table-content');
+            if (!content) {
+                return;
+            }
         }
         const { tHead, tBodies, tFoot } = content;
         const headers = [];
@@ -7191,8 +7695,18 @@ function findFocusCell(table, slot) {
 let TableSelectionAwarenessDelegate = class TableSelectionAwarenessDelegate extends platformBrowser.CollaborateSelectionAwarenessDelegate {
     constructor(domAdapter, selection) {
         super();
-        this.domAdapter = domAdapter;
-        this.selection = selection;
+        Object.defineProperty(this, "domAdapter", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: domAdapter
+        });
+        Object.defineProperty(this, "selection", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: selection
+        });
     }
     getRects(abstractSelection, _, data) {
         const { focusSlot, anchorSlot } = abstractSelection;
@@ -7351,10 +7865,36 @@ const stepComponentLoader = {
 class XNoteMessageBus extends collaborate.MessageBus {
     constructor(selection, collaborateCursor, userinfo) {
         super();
-        this.selection = selection;
-        this.collaborateCursor = collaborateCursor;
-        this.userinfo = userinfo;
-        this.messageChangeEvent = new core$1.Subject();
+        Object.defineProperty(this, "selection", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: selection
+        });
+        Object.defineProperty(this, "collaborateCursor", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: collaborateCursor
+        });
+        Object.defineProperty(this, "userinfo", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: userinfo
+        });
+        Object.defineProperty(this, "onMessageChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "messageChangeEvent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new core$1.Subject()
+        });
         this.onMessageChange = this.messageChangeEvent.asObservable();
     }
     get() {
@@ -7555,8 +8095,30 @@ class Editor extends core$1.Textbus {
                 registerListShortcut(textbus);
                 registerBlockquoteShortcut(textbus);
             } }, editorConfig));
-        this.editorConfig = editorConfig;
-        this.translator = new platformBrowser$1.OutputTranslator();
+        Object.defineProperty(this, "editorConfig", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: editorConfig
+        });
+        Object.defineProperty(this, "translator", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new platformBrowser$1.OutputTranslator()
+        });
+        Object.defineProperty(this, "host", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "vDomAdapter", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         this.vDomAdapter = vDomAdapter;
     }
     mount(host) {
@@ -7577,7 +8139,9 @@ class Editor extends core$1.Textbus {
         this.guardReady();
         const newModel = this.createModel(content);
         const rootComponent = this.get(core$1.RootComponentRef).component;
-        Object.assign(rootComponent.state, newModel.state);
+        const slot = newModel.state.content;
+        newModel.state.content = null;
+        rootComponent.state.content = slot;
     }
     getHTML() {
         return this.translator.transform(this.vDomAdapter.host);