@thienvu18/designable-core 2.0.0

package/esm/effects/useViewportEffect.js

@@ -0,0 +1,29 @@
+import { ViewportResizeEvent, ViewportScrollEvent } from '../events';
+export const useViewportEffect = (engine) => {
+    engine.subscribeTo(ViewportResizeEvent, (event) => {
+        const currentWorkspace = event?.context?.workspace;
+        if (!currentWorkspace)
+            return;
+        const viewport = currentWorkspace.viewport;
+        const outline = currentWorkspace.outline;
+        if (viewport.matchViewport(event.data.target)) {
+            viewport.digestViewport();
+        }
+        if (outline.matchViewport(event.data.target)) {
+            outline.digestViewport();
+        }
+    });
+    engine.subscribeTo(ViewportScrollEvent, (event) => {
+        const currentWorkspace = event?.context?.workspace;
+        if (!currentWorkspace)
+            return;
+        const viewport = currentWorkspace.viewport;
+        const outline = currentWorkspace.outline;
+        if (viewport.matchViewport(event.data.target)) {
+            viewport.digestViewport();
+        }
+        if (outline.matchViewport(event.data.target)) {
+            outline.digestViewport();
+        }
+    });
+};

package/esm/effects/useWorkspaceEffect.d.ts

@@ -0,0 +1,2 @@
+import { Engine } from '../models';
+export declare const useWorkspaceEffect: (engine: Engine) => void;

package/esm/effects/useWorkspaceEffect.js

@@ -0,0 +1,28 @@
+import { SelectNodeEvent } from '../events';
+export const useWorkspaceEffect = (engine) => {
+    engine.subscribeWith([
+        'append:node',
+        'insert:after',
+        'insert:before',
+        'insert:children',
+        'drag:node',
+        'drop:node',
+        'prepend:node',
+        'remove:node',
+        'select:node',
+        'update:children',
+        'wrap:node',
+        'update:node:props',
+    ], (event) => {
+        if (event.context?.workbench) {
+            engine.workbench.setActiveWorkspace(event.context.workspace);
+        }
+    });
+    engine.subscribeTo(SelectNodeEvent, (event) => {
+        engine.workbench.eachWorkspace((workspace) => {
+            if (workspace !== event.context.workspace) {
+                workspace.operation.selection.clear();
+            }
+        });
+    });
+};

package/esm/events/cursor/AbstractCursorEvent.d.ts

@@ -0,0 +1,21 @@
+import { IEngineContext } from '../../types';
+export interface ICursorEventOriginData {
+    clientX: number;
+    clientY: number;
+    pageX: number;
+    pageY: number;
+    target: EventTarget;
+    view: Window;
+}
+export interface ICursorEventData extends ICursorEventOriginData {
+    topClientX?: number;
+    topClientY?: number;
+    topPageX?: number;
+    topPageY?: number;
+}
+export declare class AbstractCursorEvent {
+    data: ICursorEventData;
+    context: IEngineContext;
+    constructor(data: ICursorEventOriginData);
+    transformCoordinates(): void;
+}

package/esm/events/cursor/AbstractCursorEvent.js

@@ -0,0 +1,37 @@
+import { globalThisPolyfill } from '@thienvu18/designable-shared';
+export class AbstractCursorEvent {
+    constructor(data) {
+        this.data = data || {
+            clientX: 0,
+            clientY: 0,
+            pageX: 0,
+            pageY: 0,
+            target: null,
+            view: globalThisPolyfill,
+        };
+        this.transformCoordinates();
+    }
+    transformCoordinates() {
+        const { frameElement } = this.data?.view || {};
+        if (frameElement && this.data.view !== globalThisPolyfill) {
+            const frameRect = frameElement.getBoundingClientRect();
+            const scale = frameRect.width / frameElement['offsetWidth'];
+            this.data.topClientX = this.data.clientX * scale + frameRect.x;
+            this.data.topClientY = this.data.clientY * scale + frameRect.y;
+            this.data.topPageX =
+                this.data.pageX + frameRect.x - this.data.view.scrollX;
+            this.data.topPageY =
+                this.data.pageY + frameRect.y - this.data.view.scrollY;
+            const topElement = document.elementFromPoint(this.data.topPageX, this.data.topClientY);
+            if (topElement !== frameElement) {
+                this.data.target = topElement;
+            }
+        }
+        else {
+            this.data.topClientX = this.data.clientX;
+            this.data.topClientY = this.data.clientY;
+            this.data.topPageX = this.data.pageX;
+            this.data.topPageY = this.data.pageY;
+        }
+    }
+}

package/esm/events/cursor/DragMoveEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export declare class DragMoveEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/cursor/DragMoveEvent.js

@@ -0,0 +1,7 @@
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export class DragMoveEvent extends AbstractCursorEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'drag:move';
+    }
+}

package/esm/events/cursor/DragStartEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export declare class DragStartEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/cursor/DragStartEvent.js

@@ -0,0 +1,7 @@
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export class DragStartEvent extends AbstractCursorEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'drag:start';
+    }
+}

package/esm/events/cursor/DragStopEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export declare class DragStopEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/cursor/DragStopEvent.js

@@ -0,0 +1,7 @@
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export class DragStopEvent extends AbstractCursorEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'drag:stop';
+    }
+}

package/esm/events/cursor/MouseClickEvent.d.ts

@@ -0,0 +1,8 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export declare class MouseClickEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}
+export declare class MouseDoubleClickEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/cursor/MouseClickEvent.js

@@ -0,0 +1,13 @@
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export class MouseClickEvent extends AbstractCursorEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'mouse:click';
+    }
+}
+export class MouseDoubleClickEvent extends AbstractCursorEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'mouse:dblclick';
+    }
+}

package/esm/events/cursor/MouseMoveEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export declare class MouseMoveEvent extends AbstractCursorEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/cursor/MouseMoveEvent.js

@@ -0,0 +1,7 @@
+import { AbstractCursorEvent } from './AbstractCursorEvent';
+export class MouseMoveEvent extends AbstractCursorEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'mouse:move';
+    }
+}

package/esm/events/cursor/index.d.ts

@@ -0,0 +1,5 @@
+export * from './DragMoveEvent';
+export * from './DragStartEvent';
+export * from './DragStopEvent';
+export * from './MouseClickEvent';
+export * from './MouseMoveEvent';

package/esm/events/cursor/index.js

@@ -0,0 +1,5 @@
+export * from './DragMoveEvent';
+export * from './DragStartEvent';
+export * from './DragStopEvent';
+export * from './MouseClickEvent';
+export * from './MouseMoveEvent';

package/esm/events/history/AbstractHistoryEvent.d.ts

@@ -0,0 +1,6 @@
+import { IEngineContext } from '../../types';
+export declare class AbstractHistoryEvent {
+    data: any;
+    context: IEngineContext;
+    constructor(data: any);
+}

package/esm/events/history/AbstractHistoryEvent.js

@@ -0,0 +1,5 @@
+export class AbstractHistoryEvent {
+    constructor(data) {
+        this.data = data;
+    }
+}

package/esm/events/history/HistoryGotoEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractHistoryEvent } from './AbstractHistoryEvent';
+export declare class HistoryGotoEvent extends AbstractHistoryEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/history/HistoryGotoEvent.js

@@ -0,0 +1,7 @@
+import { AbstractHistoryEvent } from './AbstractHistoryEvent';
+export class HistoryGotoEvent extends AbstractHistoryEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'history:goto';
+    }
+}

package/esm/events/history/HistoryPushEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractHistoryEvent } from './AbstractHistoryEvent';
+export declare class HistoryPushEvent extends AbstractHistoryEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/history/HistoryPushEvent.js

@@ -0,0 +1,7 @@
+import { AbstractHistoryEvent } from './AbstractHistoryEvent';
+export class HistoryPushEvent extends AbstractHistoryEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'history:push';
+    }
+}

package/esm/events/history/HistoryRedoEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractHistoryEvent } from './AbstractHistoryEvent';
+export declare class HistoryUndoEvent extends AbstractHistoryEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/history/HistoryRedoEvent.js

@@ -0,0 +1,7 @@
+import { AbstractHistoryEvent } from './AbstractHistoryEvent';
+export class HistoryUndoEvent extends AbstractHistoryEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'history:undo';
+    }
+}

package/esm/events/history/HistoryUndoEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractHistoryEvent } from './AbstractHistoryEvent';
+export declare class HistoryRedoEvent extends AbstractHistoryEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/history/HistoryUndoEvent.js

@@ -0,0 +1,7 @@
+import { AbstractHistoryEvent } from './AbstractHistoryEvent';
+export class HistoryRedoEvent extends AbstractHistoryEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'history:redo';
+    }
+}

package/esm/events/history/index.d.ts

@@ -0,0 +1,4 @@
+export * from './HistoryRedoEvent';
+export * from './HistoryUndoEvent';
+export * from './HistoryGotoEvent';
+export * from './HistoryPushEvent';

package/esm/events/history/index.js

@@ -0,0 +1,4 @@
+export * from './HistoryRedoEvent';
+export * from './HistoryUndoEvent';
+export * from './HistoryGotoEvent';
+export * from './HistoryPushEvent';

package/esm/events/index.d.ts

@@ -0,0 +1,6 @@
+export * from './cursor';
+export * from './keyboard';
+export * from './mutation';
+export * from './viewport';
+export * from './workbench';
+export * from './history';

package/esm/events/index.js

@@ -0,0 +1,6 @@
+export * from './cursor';
+export * from './keyboard';
+export * from './mutation';
+export * from './viewport';
+export * from './workbench';
+export * from './history';

package/esm/events/keyboard/AbstractKeyboardEvent.d.ts

@@ -0,0 +1,15 @@
+import { KeyCode } from '@thienvu18/designable-shared';
+import { IEngineContext } from '../../types';
+export declare class AbstractKeyboardEvent {
+    data: KeyCode;
+    context: IEngineContext;
+    originEvent: KeyboardEvent;
+    constructor(e: KeyboardEvent);
+    get eventType(): string;
+    get ctrlKey(): boolean;
+    get shiftKey(): boolean;
+    get metaKey(): boolean;
+    get altkey(): boolean;
+    preventDefault(): void;
+    stopPropagation(): void;
+}

package/esm/events/keyboard/AbstractKeyboardEvent.js

@@ -0,0 +1,38 @@
+import { getKeyCodeFromEvent } from '@thienvu18/designable-shared';
+export class AbstractKeyboardEvent {
+    constructor(e) {
+        this.data = getKeyCodeFromEvent(e);
+        this.originEvent = e;
+    }
+    get eventType() {
+        return this.originEvent.type;
+    }
+    get ctrlKey() {
+        return this.originEvent.ctrlKey;
+    }
+    get shiftKey() {
+        return this.originEvent.shiftKey;
+    }
+    get metaKey() {
+        return this.originEvent.metaKey;
+    }
+    get altkey() {
+        return this.originEvent.altKey;
+    }
+    preventDefault() {
+        if (this.originEvent.preventDefault) {
+            this.originEvent.preventDefault();
+        }
+        else {
+            this.originEvent.returnValue = false;
+        }
+    }
+    stopPropagation() {
+        if (this.originEvent?.stopPropagation) {
+            this.originEvent.stopPropagation();
+        }
+        else {
+            this.originEvent.cancelBubble = true;
+        }
+    }
+}

package/esm/events/keyboard/KeyDownEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractKeyboardEvent } from './AbstractKeyboardEvent';
+export declare class KeyDownEvent extends AbstractKeyboardEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/keyboard/KeyDownEvent.js

@@ -0,0 +1,7 @@
+import { AbstractKeyboardEvent } from './AbstractKeyboardEvent';
+export class KeyDownEvent extends AbstractKeyboardEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'key:down';
+    }
+}

package/esm/events/keyboard/KeyUpEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractKeyboardEvent } from './AbstractKeyboardEvent';
+export declare class KeyUpEvent extends AbstractKeyboardEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/keyboard/KeyUpEvent.js

@@ -0,0 +1,7 @@
+import { AbstractKeyboardEvent } from './AbstractKeyboardEvent';
+export class KeyUpEvent extends AbstractKeyboardEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'key:up';
+    }
+}

package/esm/events/keyboard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './KeyDownEvent';
+export * from './KeyUpEvent';

package/esm/events/keyboard/index.js

@@ -0,0 +1,2 @@
+export * from './KeyDownEvent';
+export * from './KeyUpEvent';

package/esm/events/mutation/AbstractMutationNodeEvent.d.ts

@@ -0,0 +1,13 @@
+import { TreeNode } from '../../models';
+import { IEngineContext } from '../../types';
+export interface IMutationNodeEventData {
+    source: TreeNode | TreeNode[];
+    target: TreeNode | TreeNode[];
+    originSourceParents?: TreeNode | TreeNode[];
+    extra?: any;
+}
+export declare class AbstractMutationNodeEvent {
+    data: IMutationNodeEventData;
+    context: IEngineContext;
+    constructor(data: IMutationNodeEventData);
+}

package/esm/events/mutation/AbstractMutationNodeEvent.js

@@ -0,0 +1,5 @@
+export class AbstractMutationNodeEvent {
+    constructor(data) {
+        this.data = data;
+    }
+}

package/esm/events/mutation/AppendNodeEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export declare class AppendNodeEvent extends AbstractMutationNodeEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/mutation/AppendNodeEvent.js

@@ -0,0 +1,7 @@
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export class AppendNodeEvent extends AbstractMutationNodeEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'append:node';
+    }
+}

package/esm/events/mutation/CloneNodeEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export declare class CloneNodeEvent extends AbstractMutationNodeEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/mutation/CloneNodeEvent.js

@@ -0,0 +1,7 @@
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export class CloneNodeEvent extends AbstractMutationNodeEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'clone:node';
+    }
+}

package/esm/events/mutation/DragNodeEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export declare class DragNodeEvent extends AbstractMutationNodeEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/mutation/DragNodeEvent.js

@@ -0,0 +1,7 @@
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export class DragNodeEvent extends AbstractMutationNodeEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'drag:node';
+    }
+}

package/esm/events/mutation/DropNodeEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export declare class DropNodeEvent extends AbstractMutationNodeEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/mutation/DropNodeEvent.js

@@ -0,0 +1,7 @@
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export class DropNodeEvent extends AbstractMutationNodeEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'drop:node';
+    }
+}

package/esm/events/mutation/FromNodeEvent.d.ts

@@ -0,0 +1,13 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { ITreeNode, TreeNode } from '../../models';
+import { IEngineContext } from '../../types';
+export interface IFromNodeEventData {
+    source: ITreeNode;
+    target: TreeNode;
+}
+export declare class FromNodeEvent implements ICustomEvent {
+    type: string;
+    data: IFromNodeEventData;
+    context: IEngineContext;
+    constructor(data: IFromNodeEventData);
+}

package/esm/events/mutation/FromNodeEvent.js

@@ -0,0 +1,6 @@
+export class FromNodeEvent {
+    constructor(data) {
+        this.type = 'from:node';
+        this.data = data;
+    }
+}

package/esm/events/mutation/HoverNodeEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export declare class HoverNodeEvent extends AbstractMutationNodeEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/mutation/HoverNodeEvent.js

@@ -0,0 +1,7 @@
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export class HoverNodeEvent extends AbstractMutationNodeEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'hover:node';
+    }
+}

package/esm/events/mutation/InsertAfterEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export declare class InsertAfterEvent extends AbstractMutationNodeEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/mutation/InsertAfterEvent.js

@@ -0,0 +1,7 @@
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export class InsertAfterEvent extends AbstractMutationNodeEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'insert:after';
+    }
+}

package/esm/events/mutation/InsertBeforeEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export declare class InsertBeforeEvent extends AbstractMutationNodeEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/mutation/InsertBeforeEvent.js

@@ -0,0 +1,7 @@
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export class InsertBeforeEvent extends AbstractMutationNodeEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'insert:before';
+    }
+}

package/esm/events/mutation/InsertChildrenEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export declare class InsertChildrenEvent extends AbstractMutationNodeEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/mutation/InsertChildrenEvent.js

@@ -0,0 +1,7 @@
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export class InsertChildrenEvent extends AbstractMutationNodeEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'insert:children';
+    }
+}

package/esm/events/mutation/PrependNodeEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export declare class PrependNodeEvent extends AbstractMutationNodeEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/mutation/PrependNodeEvent.js

@@ -0,0 +1,7 @@
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export class PrependNodeEvent extends AbstractMutationNodeEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'prepend:node';
+    }
+}

package/esm/events/mutation/RemoveNodeEvent.d.ts

@@ -0,0 +1,5 @@
+import { ICustomEvent } from '@thienvu18/designable-shared';
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export declare class RemoveNodeEvent extends AbstractMutationNodeEvent implements ICustomEvent {
+    type: string;
+}

package/esm/events/mutation/RemoveNodeEvent.js

@@ -0,0 +1,7 @@
+import { AbstractMutationNodeEvent } from './AbstractMutationNodeEvent';
+export class RemoveNodeEvent extends AbstractMutationNodeEvent {
+    constructor() {
+        super(...arguments);
+        this.type = 'remove:node';
+    }
+}