@thienvu18/designable-core 2.0.0 → 2.0.2

package/lib/events/cursor/AbstractCursorEvent.js

@@ -1,41 +1,46 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AbstractCursorEvent = void 0;
-const designable_shared_1 = require("@thienvu18/designable-shared");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.AbstractCursorEvent = void 0
+const designable_shared_1 = require('@thienvu18/designable-shared')
 class AbstractCursorEvent {
-    constructor(data) {
-        this.data = data || {
-            clientX: 0,
-            clientY: 0,
-            pageX: 0,
-            pageY: 0,
-            target: null,
-            view: designable_shared_1.globalThisPolyfill,
-        };
-        this.transformCoordinates();
+  constructor(data) {
+    this.data = data || {
+      clientX: 0,
+      clientY: 0,
+      pageX: 0,
+      pageY: 0,
+      target: null,
+      view: designable_shared_1.globalThisPolyfill,
     }
-    transformCoordinates() {
-        const { frameElement } = this.data?.view || {};
-        if (frameElement && this.data.view !== designable_shared_1.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;
-        }
+    this.transformCoordinates()
+  }
+  transformCoordinates() {
+    const { frameElement } = this.data?.view || {}
+    if (
+      frameElement &&
+      this.data.view !== designable_shared_1.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
     }
+  }
 }
-exports.AbstractCursorEvent = AbstractCursorEvent;
+exports.AbstractCursorEvent = AbstractCursorEvent

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

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

package/lib/events/cursor/DragMoveEvent.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DragMoveEvent = void 0;
-const AbstractCursorEvent_1 = require("./AbstractCursorEvent");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.DragMoveEvent = void 0
+const AbstractCursorEvent_1 = require('./AbstractCursorEvent')
 class DragMoveEvent extends AbstractCursorEvent_1.AbstractCursorEvent {
-    constructor() {
-        super(...arguments);
-        this.type = 'drag:move';
-    }
+  constructor() {
+    super(...arguments)
+    this.type = 'drag:move'
+  }
 }
-exports.DragMoveEvent = DragMoveEvent;
+exports.DragMoveEvent = DragMoveEvent

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

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

package/lib/events/cursor/DragStartEvent.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DragStartEvent = void 0;
-const AbstractCursorEvent_1 = require("./AbstractCursorEvent");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.DragStartEvent = void 0
+const AbstractCursorEvent_1 = require('./AbstractCursorEvent')
 class DragStartEvent extends AbstractCursorEvent_1.AbstractCursorEvent {
-    constructor() {
-        super(...arguments);
-        this.type = 'drag:start';
-    }
+  constructor() {
+    super(...arguments)
+    this.type = 'drag:start'
+  }
 }
-exports.DragStartEvent = DragStartEvent;
+exports.DragStartEvent = DragStartEvent

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

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

package/lib/events/cursor/DragStopEvent.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DragStopEvent = void 0;
-const AbstractCursorEvent_1 = require("./AbstractCursorEvent");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.DragStopEvent = void 0
+const AbstractCursorEvent_1 = require('./AbstractCursorEvent')
 class DragStopEvent extends AbstractCursorEvent_1.AbstractCursorEvent {
-    constructor() {
-        super(...arguments);
-        this.type = 'drag:stop';
-    }
+  constructor() {
+    super(...arguments)
+    this.type = 'drag:stop'
+  }
 }
-exports.DragStopEvent = DragStopEvent;
+exports.DragStopEvent = DragStopEvent

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

@@ -1,8 +1,14 @@
-import { ICustomEvent } from '@thienvu18/designable-shared';
-import { AbstractCursorEvent } from './AbstractCursorEvent';
-export declare class MouseClickEvent extends AbstractCursorEvent implements ICustomEvent {
-    type: string;
+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;
+export declare class MouseDoubleClickEvent
+  extends AbstractCursorEvent
+  implements ICustomEvent
+{
+  type: string
 }

package/lib/events/cursor/MouseClickEvent.js

@@ -1,18 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MouseDoubleClickEvent = exports.MouseClickEvent = void 0;
-const AbstractCursorEvent_1 = require("./AbstractCursorEvent");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.MouseDoubleClickEvent = exports.MouseClickEvent = void 0
+const AbstractCursorEvent_1 = require('./AbstractCursorEvent')
 class MouseClickEvent extends AbstractCursorEvent_1.AbstractCursorEvent {
-    constructor() {
-        super(...arguments);
-        this.type = 'mouse:click';
-    }
+  constructor() {
+    super(...arguments)
+    this.type = 'mouse:click'
+  }
 }
-exports.MouseClickEvent = MouseClickEvent;
+exports.MouseClickEvent = MouseClickEvent
 class MouseDoubleClickEvent extends AbstractCursorEvent_1.AbstractCursorEvent {
-    constructor() {
-        super(...arguments);
-        this.type = 'mouse:dblclick';
-    }
+  constructor() {
+    super(...arguments)
+    this.type = 'mouse:dblclick'
+  }
 }
-exports.MouseDoubleClickEvent = MouseDoubleClickEvent;
+exports.MouseDoubleClickEvent = MouseDoubleClickEvent

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

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

package/lib/events/cursor/MouseMoveEvent.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MouseMoveEvent = void 0;
-const AbstractCursorEvent_1 = require("./AbstractCursorEvent");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.MouseMoveEvent = void 0
+const AbstractCursorEvent_1 = require('./AbstractCursorEvent')
 class MouseMoveEvent extends AbstractCursorEvent_1.AbstractCursorEvent {
-    constructor() {
-        super(...arguments);
-        this.type = 'mouse:move';
-    }
+  constructor() {
+    super(...arguments)
+    this.type = 'mouse:move'
+  }
 }
-exports.MouseMoveEvent = MouseMoveEvent;
+exports.MouseMoveEvent = MouseMoveEvent

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

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

package/lib/events/cursor/index.js

@@ -1,21 +1,37 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DragMoveEvent"), exports);
-__exportStar(require("./DragStartEvent"), exports);
-__exportStar(require("./DragStopEvent"), exports);
-__exportStar(require("./MouseClickEvent"), exports);
-__exportStar(require("./MouseMoveEvent"), exports);
+'use strict'
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        var desc = Object.getOwnPropertyDescriptor(m, k)
+        if (
+          !desc ||
+          ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k]
+            },
+          }
+        }
+        Object.defineProperty(o, k2, desc)
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        o[k2] = m[k]
+      })
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m)
+      if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p))
+        __createBinding(exports, m, p)
+  }
+Object.defineProperty(exports, '__esModule', { value: true })
+__exportStar(require('./DragMoveEvent'), exports)
+__exportStar(require('./DragStartEvent'), exports)
+__exportStar(require('./DragStopEvent'), exports)
+__exportStar(require('./MouseClickEvent'), exports)
+__exportStar(require('./MouseMoveEvent'), exports)

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

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

package/lib/events/history/AbstractHistoryEvent.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AbstractHistoryEvent = void 0;
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.AbstractHistoryEvent = void 0
 class AbstractHistoryEvent {
-    constructor(data) {
-        this.data = data;
-    }
+  constructor(data) {
+    this.data = data
+  }
 }
-exports.AbstractHistoryEvent = AbstractHistoryEvent;
+exports.AbstractHistoryEvent = AbstractHistoryEvent

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

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

package/lib/events/history/HistoryGotoEvent.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HistoryGotoEvent = void 0;
-const AbstractHistoryEvent_1 = require("./AbstractHistoryEvent");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.HistoryGotoEvent = void 0
+const AbstractHistoryEvent_1 = require('./AbstractHistoryEvent')
 class HistoryGotoEvent extends AbstractHistoryEvent_1.AbstractHistoryEvent {
-    constructor() {
-        super(...arguments);
-        this.type = 'history:goto';
-    }
+  constructor() {
+    super(...arguments)
+    this.type = 'history:goto'
+  }
 }
-exports.HistoryGotoEvent = HistoryGotoEvent;
+exports.HistoryGotoEvent = HistoryGotoEvent

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

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

package/lib/events/history/HistoryPushEvent.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HistoryPushEvent = void 0;
-const AbstractHistoryEvent_1 = require("./AbstractHistoryEvent");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.HistoryPushEvent = void 0
+const AbstractHistoryEvent_1 = require('./AbstractHistoryEvent')
 class HistoryPushEvent extends AbstractHistoryEvent_1.AbstractHistoryEvent {
-    constructor() {
-        super(...arguments);
-        this.type = 'history:push';
-    }
+  constructor() {
+    super(...arguments)
+    this.type = 'history:push'
+  }
 }
-exports.HistoryPushEvent = HistoryPushEvent;
+exports.HistoryPushEvent = HistoryPushEvent

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

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

package/lib/events/history/HistoryRedoEvent.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HistoryUndoEvent = void 0;
-const AbstractHistoryEvent_1 = require("./AbstractHistoryEvent");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.HistoryUndoEvent = void 0
+const AbstractHistoryEvent_1 = require('./AbstractHistoryEvent')
 class HistoryUndoEvent extends AbstractHistoryEvent_1.AbstractHistoryEvent {
-    constructor() {
-        super(...arguments);
-        this.type = 'history:undo';
-    }
+  constructor() {
+    super(...arguments)
+    this.type = 'history:undo'
+  }
 }
-exports.HistoryUndoEvent = HistoryUndoEvent;
+exports.HistoryUndoEvent = HistoryUndoEvent

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

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

package/lib/events/history/HistoryUndoEvent.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HistoryRedoEvent = void 0;
-const AbstractHistoryEvent_1 = require("./AbstractHistoryEvent");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.HistoryRedoEvent = void 0
+const AbstractHistoryEvent_1 = require('./AbstractHistoryEvent')
 class HistoryRedoEvent extends AbstractHistoryEvent_1.AbstractHistoryEvent {
-    constructor() {
-        super(...arguments);
-        this.type = 'history:redo';
-    }
+  constructor() {
+    super(...arguments)
+    this.type = 'history:redo'
+  }
 }
-exports.HistoryRedoEvent = HistoryRedoEvent;
+exports.HistoryRedoEvent = HistoryRedoEvent

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

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

package/lib/events/history/index.js

@@ -1,20 +1,36 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./HistoryRedoEvent"), exports);
-__exportStar(require("./HistoryUndoEvent"), exports);
-__exportStar(require("./HistoryGotoEvent"), exports);
-__exportStar(require("./HistoryPushEvent"), exports);
+'use strict'
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        var desc = Object.getOwnPropertyDescriptor(m, k)
+        if (
+          !desc ||
+          ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k]
+            },
+          }
+        }
+        Object.defineProperty(o, k2, desc)
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k
+        o[k2] = m[k]
+      })
+var __exportStar =
+  (this && this.__exportStar) ||
+  function (m, exports) {
+    for (var p in m)
+      if (p !== 'default' && !Object.prototype.hasOwnProperty.call(exports, p))
+        __createBinding(exports, m, p)
+  }
+Object.defineProperty(exports, '__esModule', { value: true })
+__exportStar(require('./HistoryRedoEvent'), exports)
+__exportStar(require('./HistoryUndoEvent'), exports)
+__exportStar(require('./HistoryGotoEvent'), exports)
+__exportStar(require('./HistoryPushEvent'), exports)

package/lib/events/index.d.ts

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