kritzel-stencil 0.0.131 → 0.0.133

package/dist/collection/classes/{database.class.js → core/database.class.js}

@@ -15,7 +15,7 @@ export class KritzelDatabase {
                 return;
             }
             if (this.isLoggingEnabled) {
-                console.log(`[IndexedDB] Opening database: ${this.dbName}, version: ${this.dbVersion}`);
+                console.info(`[IndexedDB] Opening database: ${this.dbName}, version: ${this.dbVersion}`);
             }
             const request = indexedDB.open(this.dbName, this.dbVersion);
             request.onerror = () => {
@@ -25,25 +25,25 @@ export class KritzelDatabase {
             request.onsuccess = () => {
                 this.db = request.result;
                 if (this.isLoggingEnabled) {
-                    console.log(`[IndexedDB] Database opened successfully.`);
+                    console.info(`[IndexedDB] Database opened successfully.`);
                 }
                 resolve();
             };
             request.onupgradeneeded = event => {
                 if (this.isLoggingEnabled) {
-                    console.log(`[IndexedDB] Upgrade needed for database: ${this.dbName}`);
+                    console.info(`[IndexedDB] Upgrade needed for database: ${this.dbName}`);
                 }
                 const db = event.target.result;
                 stores.forEach(storeConfig => {
                     if (!db.objectStoreNames.contains(storeConfig.name)) {
                         if (this.isLoggingEnabled) {
-                            console.log(`[IndexedDB] Creating store: ${storeConfig.name}`);
+                            console.info(`[IndexedDB] Creating store: ${storeConfig.name}`);
                         }
                         const store = db.createObjectStore(storeConfig.name, storeConfig.options);
                         if (storeConfig.indices) {
                             storeConfig.indices.forEach(index => {
                                 if (this.isLoggingEnabled) {
-                                    console.log(`[IndexedDB] Creating index: ${index.name} on store: ${storeConfig.name}`);
+                                    console.info(`[IndexedDB] Creating index: ${index.name} on store: ${storeConfig.name}`);
                                 }
                                 store.createIndex(index.name, index.keyPath, index.options);
                             });
@@ -56,7 +56,7 @@ export class KritzelDatabase {
     close() {
         if (this.db) {
             if (this.isLoggingEnabled) {
-                console.log(`[IndexedDB] Closing database: ${this.dbName}`);
+                console.info(`[IndexedDB] Closing database: ${this.dbName}`);
             }
             this.db.close();
             this.db = null;
@@ -64,43 +64,51 @@ export class KritzelDatabase {
     }
     async add(storeName, item) {
         if (this.isLoggingEnabled) {
-            console.log('[IndexedDB] Add:', { storeName, item });
+            console.info('[IndexedDB] Add:', { storeName, item });
         }
-        return this.executeTransaction(storeName, 'readwrite', store => store.add(item));
+        if (item.serialize === undefined) {
+            throw new Error('Item does not implement KritzelSerializable interface.');
+        }
+        const serializedItem = item.serialize();
+        return this.executeTransaction(storeName, 'readwrite', store => store.add(serializedItem));
     }
     async get(storeName, key) {
         if (this.isLoggingEnabled) {
-            console.log('[IndexedDB] Get:', { storeName, key });
+            console.info('[IndexedDB] Get:', { storeName, key });
         }
         return this.executeTransaction(storeName, 'readonly', store => store.get(key));
     }
     async getAll(storeName) {
         if (this.isLoggingEnabled) {
-            console.log('[IndexedDB] GetAll:', { storeName });
+            console.info('[IndexedDB] GetAll:', { storeName });
         }
         return this.executeTransaction(storeName, 'readonly', store => store.getAll());
     }
     async update(storeName, item) {
         if (this.isLoggingEnabled) {
-            console.log('[IndexedDB] Update:', { storeName, item });
+            console.info('[IndexedDB] Update:', { storeName, item });
+        }
+        if (item.serialize === undefined) {
+            throw new Error('Item does not implement KritzelSerializable interface.');
         }
-        return this.executeTransaction(storeName, 'readwrite', store => store.put(item));
+        const serializedItem = item.serialize();
+        return this.executeTransaction(storeName, 'readwrite', store => store.put(serializedItem));
     }
     async delete(storeName, key) {
         if (this.isLoggingEnabled) {
-            console.log('[IndexedDB] Delete:', { storeName, key });
+            console.info('[IndexedDB] Delete:', { storeName, key });
         }
         return this.executeTransaction(storeName, 'readwrite', store => store.delete(key));
     }
     async deleteByRange(storeName, range) {
         if (this.isLoggingEnabled) {
-            console.log('[IndexedDB] DeleteByRange:', { storeName, range });
+            console.info('[IndexedDB] DeleteByRange:', { storeName, range });
         }
         return this.executeTransaction(storeName, 'readwrite', store => store.delete(range));
     }
     async getAllByRange(storeName, range) {
         if (this.isLoggingEnabled) {
-            console.log('[IndexedDB] GetAllByRange:', { storeName, range });
+            console.info('[IndexedDB] GetAllByRange:', { storeName, range });
         }
         return this.executeTransaction(storeName, 'readonly', store => {
             return store.getAll(range);
@@ -108,7 +116,7 @@ export class KritzelDatabase {
     }
     async getAllByIndex(storeName, indexName, query) {
         if (this.isLoggingEnabled) {
-            console.log('[IndexedDB] GetAllByIndex:', { storeName, indexName, query });
+            console.info('[IndexedDB] GetAllByIndex:', { storeName, indexName, query });
         }
         return this.executeTransaction(storeName, 'readonly', store => {
             const index = store.index(indexName);
@@ -144,7 +152,7 @@ export class KritzelDatabase {
         }
         const storeNames = await this.extractStoreNamesFromActions(actions);
         if (this.isLoggingEnabled) {
-            console.log('[IndexedDB] Starting batch transaction:', { storeNames });
+            console.info('[IndexedDB] Starting batch transaction:', { storeNames });
         }
         return new Promise((resolve, reject) => {
             const transaction = this.db.transaction(storeNames, 'readwrite');
@@ -162,13 +170,13 @@ export class KritzelDatabase {
                 executeTransaction: (storeName, mode, action) => {
                     return new Promise((resolveRequest, rejectRequest) => {
                         if (this.isLoggingEnabled) {
-                            console.log('[IndexedDB] Executing batch action:', { storeName, mode });
+                            console.info('[IndexedDB] Executing batch action:', { storeName, mode });
                         }
                         const store = transaction.objectStore(storeName);
                         const request = action(store);
                         request.onsuccess = () => {
                             if (this.isLoggingEnabled) {
-                                console.log('[IndexedDB] Batch action request successful:', { result: request.result });
+                                console.info('[IndexedDB] Batch action request successful:', { result: request.result });
                             }
                             resolveRequest(request.result);
                         };
@@ -181,7 +189,7 @@ export class KritzelDatabase {
             };
             transaction.oncomplete = () => {
                 if (this.isLoggingEnabled) {
-                    console.log('[IndexedDB] Batch transaction complete.');
+                    console.info('[IndexedDB] Batch transaction complete.');
                 }
                 Promise.all(promises).then(() => resolve(results));
             };

package/dist/collection/classes/core/database.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"database.class.js","sourceRoot":"","sources":["../../../src/classes/core/database.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelSerializable } from \"../../interfaces/serializable.interface\";\r\n\r\nexport class KritzelDatabase {\r\n  private db: IDBDatabase | null = null;\r\n\r\n  private readonly dbName: string;\r\n  private readonly dbVersion: number;\r\n  private readonly isLoggingEnabled: boolean;\r\n\r\n  constructor(dbName: string, dbVersion: number, isLoggingEnabled: boolean = false) {\r\n    this.dbName = dbName;\r\n    this.dbVersion = dbVersion;\r\n    this.isLoggingEnabled = isLoggingEnabled;\r\n  }\r\n\r\n  public async open(\r\n    stores: { name: string; options?: IDBObjectStoreParameters; indices?: { name: string; keyPath: string; options?: IDBIndexParameters }[] }[],\r\n  ): Promise<void> {\r\n    return new Promise((resolve, reject) => {\r\n      if (this.db) {\r\n        resolve();\r\n        return;\r\n      }\r\n\r\n      if (this.isLoggingEnabled) {\r\n        console.info(`[IndexedDB] Opening database: ${this.dbName}, version: ${this.dbVersion}`);\r\n      }\r\n      const request = indexedDB.open(this.dbName, this.dbVersion);\r\n\r\n      request.onerror = () => {\r\n        console.error('IndexedDB error:', request.error);\r\n        reject(request.error);\r\n      };\r\n\r\n      request.onsuccess = () => {\r\n        this.db = request.result;\r\n        if (this.isLoggingEnabled) {\r\n          console.info(`[IndexedDB] Database opened successfully.`);\r\n        }\r\n        resolve();\r\n      };\r\n\r\n      request.onupgradeneeded = event => {\r\n        if (this.isLoggingEnabled) {\r\n          console.info(`[IndexedDB] Upgrade needed for database: ${this.dbName}`);\r\n        }\r\n        const db = (event.target as IDBOpenDBRequest).result;\r\n        stores.forEach(storeConfig => {\r\n          if (!db.objectStoreNames.contains(storeConfig.name)) {\r\n            if (this.isLoggingEnabled) {\r\n              console.info(`[IndexedDB] Creating store: ${storeConfig.name}`);\r\n            }\r\n            const store = db.createObjectStore(storeConfig.name, storeConfig.options);\r\n            if (storeConfig.indices) {\r\n              storeConfig.indices.forEach(index => {\r\n                if (this.isLoggingEnabled) {\r\n                  console.info(`[IndexedDB] Creating index: ${index.name} on store: ${storeConfig.name}`);\r\n                }\r\n                store.createIndex(index.name, index.keyPath, index.options);\r\n              });\r\n            }\r\n          }\r\n        });\r\n      };\r\n    });\r\n  }\r\n\r\n  public close(): void {\r\n    if (this.db) {\r\n      if (this.isLoggingEnabled) {\r\n        console.info(`[IndexedDB] Closing database: ${this.dbName}`);\r\n      }\r\n      this.db.close();\r\n      this.db = null;\r\n    }\r\n  }\r\n\r\n  public async add<T extends KritzelSerializable>(storeName: string, item: T): Promise<IDBValidKey> {\r\n    if (this.isLoggingEnabled) {\r\n      console.info('[IndexedDB] Add:', { storeName, item });\r\n    }\r\n\r\n    if(item.serialize === undefined) {\r\n      throw new Error('Item does not implement KritzelSerializable interface.');\r\n    }\r\n\r\n    const serializedItem = item.serialize();\r\n\r\n    return this.executeTransaction(storeName, 'readwrite', store => store.add(serializedItem));\r\n  }\r\n\r\n  public async get<T>(storeName: string, key: IDBValidKey): Promise<T | undefined> {\r\n    if (this.isLoggingEnabled) {\r\n      console.info('[IndexedDB] Get:', { storeName, key });\r\n    }\r\n    return this.executeTransaction(storeName, 'readonly', store => store.get(key));\r\n  }\r\n\r\n  public async getAll<T>(storeName: string): Promise<T[]> {\r\n    if (this.isLoggingEnabled) {\r\n      console.info('[IndexedDB] GetAll:', { storeName });\r\n    }\r\n    return this.executeTransaction(storeName, 'readonly', store => store.getAll());\r\n  }\r\n\r\n  public async update<T extends KritzelSerializable>(storeName: string, item: T): Promise<IDBValidKey> {\r\n    if (this.isLoggingEnabled) {\r\n      console.info('[IndexedDB] Update:', { storeName, item });\r\n    }\r\n\r\n    if(item.serialize === undefined) {\r\n      throw new Error('Item does not implement KritzelSerializable interface.');\r\n    }\r\n\r\n    const serializedItem = item.serialize();\r\n\r\n    return this.executeTransaction(storeName, 'readwrite', store => store.put(serializedItem));\r\n  }\r\n\r\n  public async delete(storeName: string, key: IDBValidKey): Promise<void> {\r\n    if (this.isLoggingEnabled) {\r\n      console.info('[IndexedDB] Delete:', { storeName, key });\r\n    }\r\n    return this.executeTransaction(storeName, 'readwrite', store => store.delete(key));\r\n  }\r\n\r\n  public async deleteByRange(storeName: string, range: IDBKeyRange): Promise<void> {  \r\n    if (this.isLoggingEnabled) {\r\n      console.info('[IndexedDB] DeleteByRange:', { storeName, range });\r\n    }\r\n    return this.executeTransaction(storeName, 'readwrite', store => store.delete(range));\r\n  }\r\n\r\n  public async getAllByRange<T>(storeName: string, range: IDBKeyRange): Promise<T[]> {\r\n    if (this.isLoggingEnabled) {\r\n      console.info('[IndexedDB] GetAllByRange:', { storeName, range });\r\n    }\r\n    return this.executeTransaction(storeName, 'readonly', store => {\r\n      return store.getAll(range);\r\n    });\r\n  }\r\n\r\n  public async getAllByIndex<T>(storeName: string, indexName: string, query: IDBValidKey | IDBKeyRange): Promise<T[]> {\r\n    if (this.isLoggingEnabled) {\r\n      console.info('[IndexedDB] GetAllByIndex:', { storeName, indexName, query });\r\n    }\r\n    return this.executeTransaction(storeName, 'readonly', store => {\r\n      const index = store.index(indexName);\r\n      return index.getAll(query);\r\n    });\r\n  }\r\n\r\n  private async executeTransaction<T>(storeName: string, mode: IDBTransactionMode, action: (store: IDBObjectStore) => IDBRequest): Promise<T> {\r\n    if (!this.db) {\r\n      throw new Error('Database is not open.');\r\n    }\r\n\r\n    return new Promise<T>((resolve, reject) => {\r\n      const transaction = this.db!.transaction(storeName, mode);\r\n      const store = transaction.objectStore(storeName);\r\n      const request = action(store);\r\n      let requestResult: T;\r\n\r\n      transaction.oncomplete = () => {\r\n        resolve(requestResult);\r\n      };\r\n\r\n      transaction.onabort = () => {\r\n        reject(transaction.error ?? new Error('Transaction aborted'));\r\n      };\r\n\r\n      transaction.onerror = () => {\r\n        reject(transaction.error);\r\n      };\r\n\r\n      request.onsuccess = () => {\r\n        requestResult = request.result as T;\r\n      };\r\n    });\r\n  }\r\n\r\n  public async batch(\r\n    actions: ((db: Omit<KritzelDatabase, 'open' | 'close' | 'transaction' | 'batch'>) => Promise<any>)[],\r\n  ): Promise<any[]> {\r\n    if (!this.db) {\r\n      throw new Error('Database is not open.');\r\n    }\r\n\r\n    const storeNames = await this.extractStoreNamesFromActions(actions);\r\n\r\n    if (this.isLoggingEnabled) {\r\n      console.info('[IndexedDB] Starting batch transaction:', { storeNames });\r\n    }\r\n\r\n    return new Promise<any[]>((resolve, reject) => {\r\n      const transaction = this.db!.transaction(storeNames, 'readwrite');\r\n      const results: any[] = [];\r\n      const promises: Promise<any>[] = [];\r\n\r\n      const tempDbInstance = {\r\n        add: (storeName: string, item: any) => this.add(storeName, item),\r\n        get: (storeName: string, key: IDBValidKey) => this.get(storeName, key),\r\n        getAll: (storeName: string) => this.getAll(storeName),\r\n        update: (storeName: string, item: any) => this.update(storeName, item),\r\n        delete: (storeName: string, key: IDBValidKey) => this.delete(storeName, key),\r\n        deleteByRange: (storeName: string, range: IDBKeyRange) => this.deleteByRange(storeName, range),\r\n        getAllByRange: (storeName: string, range: IDBKeyRange) => this.getAllByRange(storeName, range),\r\n        getAllByIndex: (storeName: string, indexName: string, query: IDBValidKey | IDBKeyRange) =>\r\n          this.getAllByIndex(storeName, indexName, query),\r\n        executeTransaction: <T>(\r\n          storeName: string,\r\n          mode: IDBTransactionMode,\r\n          action: (store: IDBObjectStore) => IDBRequest,\r\n        ): Promise<T> => {\r\n          return new Promise<T>((resolveRequest, rejectRequest) => {\r\n            if (this.isLoggingEnabled) {\r\n              console.info('[IndexedDB] Executing batch action:', { storeName, mode });\r\n            }\r\n            const store = transaction.objectStore(storeName);\r\n            const request = action(store);\r\n\r\n            request.onsuccess = () => {\r\n              if (this.isLoggingEnabled) {\r\n                console.info('[IndexedDB] Batch action request successful:', { result: request.result });\r\n              }\r\n              resolveRequest(request.result as T);\r\n            };\r\n            request.onerror = () => {\r\n              console.error('[IndexedDB] Batch action request error:', request.error);\r\n              rejectRequest(request.error);\r\n            };\r\n          });\r\n        },\r\n      };\r\n\r\n      transaction.oncomplete = () => {\r\n        if (this.isLoggingEnabled) {\r\n          console.info('[IndexedDB] Batch transaction complete.');\r\n        }\r\n        Promise.all(promises).then(() => resolve(results));\r\n      };\r\n\r\n      transaction.onabort = () => {\r\n        console.error('[IndexedDB] Batch transaction aborted:', transaction.error);\r\n        reject(transaction.error ?? new Error('Transaction aborted'));\r\n      };\r\n\r\n      transaction.onerror = () => {\r\n        console.error('[IndexedDB] Batch transaction error:', transaction.error);\r\n        reject(transaction.error);\r\n      };\r\n\r\n      actions.forEach((action, index) => {\r\n        const promise = action(tempDbInstance as any)\r\n          .then(result => {\r\n            results[index] = result;\r\n          })\r\n          .catch(err => {\r\n            if (!transaction.error) {\r\n              transaction.abort();\r\n            }\r\n            reject(err);\r\n          });\r\n        promises.push(promise);\r\n      });\r\n    });\r\n  }\r\n\r\n  private async extractStoreNamesFromActions(\r\n    actions: ((db: Omit<KritzelDatabase, 'open' | 'close' | 'transaction' | 'batch'>) => Promise<any>)[],\r\n  ): Promise<string[]> {\r\n    const storeNamesSet = new Set<string>();\r\n\r\n    const storeNameCollector = new Proxy(this, {\r\n      get: (target, prop) => {\r\n        if (\r\n          ['add', 'get', 'getAll', 'update', 'delete', 'deleteByRange', 'getAllByRange', 'getAllByIndex'].includes(\r\n            prop as string,\r\n          )\r\n        ) {\r\n          return (storeName: string) => {\r\n            storeNamesSet.add(storeName);\r\n            return Promise.resolve();\r\n          };\r\n        }\r\n        return target[prop];\r\n      },\r\n    });\r\n\r\n    await Promise.all(actions.map(action => action(storeNameCollector as any)));\r\n    return Array.from(storeNamesSet);\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/core/history.class.js

@@ -0,0 +1,88 @@
+import { UpdateViewportCommand } from "../commands/update-viewport.command";
+import { KritzelCircularBuffer } from "../structures/circular-buffer.structure";
+export class KritzelHistory {
+    _core;
+    undoStack;
+    redoStack;
+    previousViewport;
+    constructor(core) {
+        this._core = core;
+        this.undoStack = new KritzelCircularBuffer(this._core.store.state.historyBufferSize);
+        this.redoStack = new KritzelCircularBuffer(this._core.store.state.historyBufferSize);
+        this.previousViewport = {
+            scale: this._core.store.state.scale,
+            scaleStep: this._core.store.state.scaleStep,
+            translateX: this._core.store.state.translateX,
+            translateY: this._core.store.state.translateY,
+        };
+    }
+    reset() {
+        this.undoStack.clear();
+        this.redoStack.clear();
+        this.previousViewport = {
+            scale: this._core.store.state.scale,
+            scaleStep: this._core.store.state.scaleStep,
+            translateX: this._core.store.state.translateX,
+            translateY: this._core.store.state.translateY
+        };
+    }
+    executeCommand(command) {
+        if (this._core.store.state.hasViewportChanged) {
+            this.addUpdateViewportCommand();
+        }
+        command.execute();
+        if (command.skipHistory === false) {
+            if (this._core.store.state.debugInfo.logCommands) {
+                console.info('add', command);
+            }
+            this.undoStack.add(command);
+            if (this.redoStack.isEmpty() === false) {
+                this.redoStack.clear();
+            }
+        }
+        this._core.rerender();
+    }
+    undo() {
+        if (this._core.store.state.hasViewportChanged) {
+            const command = new UpdateViewportCommand(this._core, this, this.previousViewport);
+            command.undo();
+            this._core.store.setState('hasViewportChanged', false);
+            this._core.rerender();
+            return;
+        }
+        const command = this.undoStack.pop();
+        if (command) {
+            command.undo();
+            if (this._core.store.state.debugInfo.logCommands)
+                console.info('undo', command);
+            this.redoStack.add(command);
+        }
+        this._core.rerender();
+    }
+    redo() {
+        const command = this.redoStack.pop();
+        if (command) {
+            command.execute();
+            if (this._core.store.state.debugInfo.logCommands)
+                console.info('redo', command);
+            this.undoStack.add(command);
+        }
+        this._core.rerender();
+    }
+    addUpdateViewportCommand() {
+        const command = new UpdateViewportCommand(this._core, this, this.previousViewport);
+        command.execute();
+        this.undoStack.add(command);
+        if (this.redoStack.isEmpty() === false) {
+            this.redoStack.clear();
+        }
+        this._core.store.setState('hasViewportChanged', false);
+        this.previousViewport = {
+            scale: this._core.store.state.scale,
+            scaleStep: this._core.store.state.scaleStep,
+            translateX: this._core.store.state.translateX,
+            translateY: this._core.store.state.translateY,
+        };
+    }
+}
+//# sourceMappingURL=history.class.js.map

package/dist/collection/classes/core/history.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"history.class.js","sourceRoot":"","sources":["../../../src/classes/core/history.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelBaseCommand } from '../commands/base.command';\r\nimport { UpdateViewportCommand } from '../commands/update-viewport.command';\r\nimport { KritzelCore } from './core.class';\r\nimport { KritzelCircularBuffer } from '../structures/circular-buffer.structure';\r\n\r\nexport class KritzelHistory {\r\n  private readonly _core: KritzelCore;\r\n\r\n  undoStack: KritzelCircularBuffer<KritzelBaseCommand>;\r\n  redoStack: KritzelCircularBuffer<KritzelBaseCommand>;\r\n\r\n  previousViewport: {\r\n    scale: number;\r\n    scaleStep: number;\r\n    translateX: number;\r\n    translateY: number;\r\n  };\r\n\r\n  constructor(core: KritzelCore) {\r\n    this._core = core;\r\n    this.undoStack = new KritzelCircularBuffer<KritzelBaseCommand>(this._core.store.state.historyBufferSize);\r\n    this.redoStack = new KritzelCircularBuffer<KritzelBaseCommand>(this._core.store.state.historyBufferSize);\r\n    this.previousViewport = {\r\n      scale: this._core.store.state.scale,\r\n      scaleStep: this._core.store.state.scaleStep,\r\n      translateX: this._core.store.state.translateX,\r\n      translateY: this._core.store.state.translateY,\r\n    };\r\n  }\r\n\r\n  reset() {\r\n    this.undoStack.clear();\r\n    this.redoStack.clear();\r\n    this.previousViewport = {\r\n      scale: this._core.store.state.scale,\r\n      scaleStep: this._core.store.state.scaleStep,\r\n      translateX: this._core.store.state.translateX,\r\n      translateY: this._core.store.state.translateY\r\n    };\r\n  }\r\n\r\n  executeCommand(command: KritzelBaseCommand) {\r\n    if (this._core.store.state.hasViewportChanged) {\r\n      this.addUpdateViewportCommand();\r\n    }\r\n\r\n    command.execute();\r\n\r\n    if (command.skipHistory === false) {\r\n      if (this._core.store.state.debugInfo.logCommands) {\r\n        console.info('add', command);\r\n      }\r\n\r\n      this.undoStack.add(command);\r\n\r\n      if (this.redoStack.isEmpty() === false) {\r\n        this.redoStack.clear();\r\n      }\r\n    }\r\n\r\n    this._core.rerender();\r\n  }\r\n\r\n  undo() {\r\n    if (this._core.store.state.hasViewportChanged) {\r\n      const command = new UpdateViewportCommand(this._core, this, this.previousViewport);\r\n      command.undo();\r\n      this._core.store.setState('hasViewportChanged', false);\r\n      this._core.rerender();\r\n      return;\r\n    }\r\n\r\n    const command = this.undoStack.pop();\r\n    if (command) {\r\n      command.undo();\r\n      if (this._core.store.state.debugInfo.logCommands) console.info('undo', command);\r\n      this.redoStack.add(command);\r\n    }\r\n\r\n    this._core.rerender();\r\n  }\r\n\r\n  redo() {\r\n    const command = this.redoStack.pop();\r\n    if (command) {\r\n      command.execute();\r\n      if (this._core.store.state.debugInfo.logCommands) console.info('redo', command);\r\n      this.undoStack.add(command);\r\n    }\r\n\r\n    this._core.rerender();\r\n  }\r\n\r\n  private addUpdateViewportCommand() {\r\n    const command = new UpdateViewportCommand(this._core, this, this.previousViewport);\r\n    command.execute();\r\n    this.undoStack.add(command);\r\n\r\n    if (this.redoStack.isEmpty() === false) {\r\n      this.redoStack.clear();\r\n    }\r\n\r\n    this._core.store.setState('hasViewportChanged', false);\r\n    this.previousViewport = {\r\n      scale: this._core.store.state.scale,\r\n      scaleStep: this._core.store.state.scaleStep,\r\n      translateX: this._core.store.state.translateX,\r\n      translateY: this._core.store.state.translateY,\r\n    };\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/{reviver.class.js → core/reviver.class.js}

@@ -1,17 +1,18 @@
-import { KritzelImage } from "./objects/image.class";
-import { KritzelPath } from "./objects/path.class";
-import { KritzelSelectionGroup } from "./objects/selection-group.class";
-import { KritzelText } from "./objects/text.class";
-import { KritzelBrushTool } from "./tools/brush-tool.class";
-import { KritzelEraserTool } from "./tools/eraser-tool.class";
-import { KritzelImageTool } from "./tools/image-tool.class";
-import { KritzelSelectionTool } from "./tools/selection-tool.class";
-import { KritzelTextTool } from "./tools/text-tool.class";
-import { KritzelCustomElement } from "./objects/custom-element.class";
+import { KritzelImage } from "../objects/image.class";
+import { KritzelPath } from "../objects/path.class";
+import { KritzelSelectionGroup } from "../objects/selection-group.class";
+import { KritzelText } from "../objects/text.class";
+import { KritzelBrushTool } from "../tools/brush-tool.class";
+import { KritzelEraserTool } from "../tools/eraser-tool.class";
+import { KritzelImageTool } from "../tools/image-tool.class";
+import { KritzelSelectionTool } from "../tools/selection-tool.class";
+import { KritzelTextTool } from "../tools/text-tool.class";
+import { KritzelCustomElement } from "../objects/custom-element.class";
+import { KritzelWorkspace } from "../..";
 export class KritzelReviver {
-    _store;
-    constructor(store) {
-        this._store = store;
+    _core;
+    constructor(core) {
+        this._core = core;
     }
     revive(obj) {
         if (obj && typeof obj === 'object') {
@@ -19,34 +20,37 @@ export class KritzelReviver {
                 let revivedObj;
                 switch (obj.__class__) {
                     case 'KritzelPath':
-                        revivedObj = KritzelPath.create(this._store).revive(obj);
+                        revivedObj = KritzelPath.create(this._core).deserialize(obj);
                         break;
                     case 'KritzelText':
-                        revivedObj = KritzelText.create(this._store, obj.fontSize, obj.fontFamily).revive(obj);
+                        revivedObj = KritzelText.create(this._core, obj.fontSize, obj.fontFamily).deserialize(obj);
                         break;
                     case 'KritzelImage':
-                        revivedObj = KritzelImage.create(this._store).revive(obj);
+                        revivedObj = KritzelImage.create(this._core).deserialize(obj);
                         break;
                     case 'KritzelCustomElement':
-                        revivedObj = KritzelCustomElement.create(this._store).revive(obj);
+                        revivedObj = KritzelCustomElement.create(this._core).deserialize(obj);
                         break;
                     case 'KritzelSelectionGroup':
-                        revivedObj = KritzelSelectionGroup.create(this._store).revive(obj);
+                        revivedObj = KritzelSelectionGroup.create(this._core).deserialize(obj);
+                        break;
+                    case 'KritzelWorkspace':
+                        revivedObj = KritzelWorkspace.create(this._core, obj).deserialize(obj);
                         break;
                     case 'KritzelBrushTool':
-                        revivedObj = new KritzelBrushTool(this._store);
+                        revivedObj = new KritzelBrushTool(this._core);
                         break;
                     case 'KritzelEraserTool':
-                        revivedObj = new KritzelEraserTool(this._store);
+                        revivedObj = new KritzelEraserTool(this._core);
                         break;
                     case 'KritzelImageTool':
-                        revivedObj = new KritzelImageTool(this._store);
+                        revivedObj = new KritzelImageTool(this._core);
                         break;
                     case 'KritzelSelectionTool':
-                        revivedObj = new KritzelSelectionTool(this._store);
+                        revivedObj = new KritzelSelectionTool(this._core);
                         break;
                     case 'KritzelTextTool':
-                        revivedObj = new KritzelTextTool(this._store);
+                        revivedObj = new KritzelTextTool(this._core);
                         break;
                     default:
                         revivedObj = obj;

package/dist/collection/classes/core/reviver.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reviver.class.js","sourceRoot":"","sources":["../../../src/classes/core/reviver.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelImage } from \"../objects/image.class\";\r\nimport { KritzelPath } from \"../objects/path.class\";\r\nimport { KritzelSelectionGroup } from \"../objects/selection-group.class\";\r\nimport { KritzelText } from \"../objects/text.class\";\r\nimport { KritzelBrushTool } from \"../tools/brush-tool.class\";\r\nimport { KritzelEraserTool } from \"../tools/eraser-tool.class\";\r\nimport { KritzelImageTool } from \"../tools/image-tool.class\";\r\nimport { KritzelSelectionTool } from \"../tools/selection-tool.class\";\r\nimport { KritzelTextTool } from \"../tools/text-tool.class\";\r\nimport { KritzelCustomElement } from \"../objects/custom-element.class\";\r\nimport { KritzelCore } from \"./core.class\";\r\nimport { KritzelWorkspace } from \"../..\";\r\n\r\nexport class KritzelReviver {\r\n\r\n  private readonly _core: KritzelCore;\r\n\r\n  constructor(core: KritzelCore) {\r\n    this._core = core;\r\n  }\r\n    \r\n  revive<T>(obj: any): T {\r\n    if (obj && typeof obj === 'object') {\r\n      if (obj.__class__) {\r\n        let revivedObj;\r\n        \r\n        switch (obj.__class__) {\r\n          case 'KritzelPath':\r\n            revivedObj = KritzelPath.create(this._core).deserialize(obj);\r\n            break;\r\n          case 'KritzelText':\r\n            revivedObj = KritzelText.create(this._core, obj.fontSize, obj.fontFamily).deserialize(obj);\r\n            break;\r\n          case 'KritzelImage':\r\n            revivedObj = KritzelImage.create(this._core).deserialize(obj);\r\n            break;\r\n          case 'KritzelCustomElement':\r\n            revivedObj = KritzelCustomElement.create(this._core).deserialize(obj);\r\n            break;\r\n          case 'KritzelSelectionGroup':\r\n            revivedObj = KritzelSelectionGroup.create(this._core).deserialize(obj);\r\n            break;\r\n          case 'KritzelWorkspace':\r\n            revivedObj = KritzelWorkspace.create(this._core, obj).deserialize(obj);\r\n            break;\r\n          case 'KritzelBrushTool':\r\n            revivedObj = new KritzelBrushTool(this._core);\r\n            break;\r\n          case 'KritzelEraserTool':\r\n            revivedObj = new KritzelEraserTool(this._core);\r\n            break;\r\n          case 'KritzelImageTool':\r\n            revivedObj = new KritzelImageTool(this._core);\r\n            break;\r\n          case 'KritzelSelectionTool':\r\n            revivedObj = new KritzelSelectionTool(this._core);\r\n            break;\r\n          case 'KritzelTextTool':\r\n            revivedObj = new KritzelTextTool(this._core);\r\n            break;\r\n\r\n          default:\r\n            revivedObj = obj;\r\n        }\r\n        return revivedObj;\r\n      }\r\n\r\n      const newObj = Array.isArray(obj) ? [] : {};\r\n      for (const key in obj) {\r\n        if (Object.prototype.hasOwnProperty.call(obj, key)) {\r\n          newObj[key] = this.revive(obj[key]);\r\n        }\r\n      }\r\n      return newObj as T;\r\n    }\r\n    return obj;\r\n  }\r\n\r\n}"]}

package/dist/collection/classes/core/store.class.js

@@ -0,0 +1,51 @@
+import { KritzelSelectionGroup } from "../objects/selection-group.class";
+import { KrtizelSelectionBox } from "../objects/selection-box.class";
+import { KritzelObjectMap } from "../structures/object-map.structure";
+export class KritzelStore {
+    _state;
+    _listeners = new Map();
+    get state() {
+        return this._state;
+    }
+    get currentZIndex() {
+        return this._state.objectsMap.filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KrtizelSelectionBox)).length;
+    }
+    get allObjects() {
+        return this._state.objectsMap.allObjects();
+    }
+    get selectedObjects() {
+        return this.allObjects.filter(o => !(o instanceof KritzelSelectionGroup)).filter(o => o.isSelected);
+    }
+    get offsetX() {
+        return this._state.host.getBoundingClientRect().left;
+    }
+    get offsetY() {
+        return this._state.host.getBoundingClientRect().top;
+    }
+    get isDisabled() {
+        return this._state.isEnabled === false || this._state.isReady === false || this._state.activeWorkspace === null;
+    }
+    constructor(state) {
+        this._state = state;
+        this._state.objectsMap = new KritzelObjectMap();
+    }
+    onStateChange(property, listener) {
+        if (!this._listeners.has(property)) {
+            this._listeners.set(property, new Set());
+        }
+        this._listeners.get(property).add(listener);
+    }
+    getState(property) {
+        return this._state[property];
+    }
+    setState(property, value) {
+        const oldValue = this._state[property];
+        if (oldValue !== value) {
+            this._state[property] = value;
+            if (this._listeners.has(property)) {
+                this._listeners.get(property).forEach(listener => listener(value, oldValue, String(property)));
+            }
+        }
+    }
+}
+//# sourceMappingURL=store.class.js.map

package/dist/collection/classes/core/store.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.class.js","sourceRoot":"","sources":["../../../src/classes/core/store.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,MAAM,OAAO,YAAY;IACN,MAAM,CAAqB;IAC3B,UAAU,GAAyD,IAAI,GAAG,EAAE,CAAC;IAE9F,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC;IACjI,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,UAAU,EAAE,CAAC;IAC7C,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IACtG,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;IACvD,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;IACtD,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,KAAK,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,IAAI,IAAI,CAAC,MAAM,CAAC,eAAe,KAAK,IAAI,CAAC;IAClH,CAAC;IAED,YAAY,KAAyB;QACnC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,gBAAgB,EAAE,CAAC;IAClD,CAAC;IAED,aAAa,CAA6B,QAAW,EAAE,QAAoD;QACzG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;QAC3C,CAAC;QACD,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC;IAED,QAAQ,CAA6B,QAAW;QAC9C,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAED,QAAQ,CAA6B,QAAW,EAAE,KAA4B;QAC5E,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAEvC,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;YAE9B,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAClC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YACjG,CAAC;QACH,CAAC;IACH,CAAC;CACF","sourcesContent":["import { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelEngineState } from '../../interfaces/engine-state.interface';\r\nimport { KrtizelSelectionBox } from '../objects/selection-box.class';\r\nimport { StateChangeListener, StatePropertyKey } from '../../types/state.types';\r\nimport { KritzelObjectMap } from '../structures/object-map.structure';\r\n\r\nexport class KritzelStore {\r\n  private readonly _state: KritzelEngineState;\r\n  private readonly _listeners: Map<StatePropertyKey, Set<StateChangeListener<any>>> = new Map();\r\n\r\n  get state(): Readonly<KritzelEngineState> {\r\n    return this._state;\r\n  }\r\n\r\n  get currentZIndex() {\r\n    return this._state.objectsMap.filter(o => !(o instanceof KritzelSelectionGroup) && !(o instanceof KrtizelSelectionBox)).length;\r\n  }\r\n\r\n  get allObjects() {\r\n    return this._state.objectsMap.allObjects();\r\n  }\r\n\r\n  get selectedObjects() {\r\n    return this.allObjects.filter(o => !(o instanceof KritzelSelectionGroup)).filter(o => o.isSelected);\r\n  }\r\n\r\n  get offsetX() {\r\n    return this._state.host.getBoundingClientRect().left;\r\n  }\r\n\r\n  get offsetY() {\r\n    return this._state.host.getBoundingClientRect().top;\r\n  }\r\n\r\n  get isDisabled() {\r\n    return this._state.isEnabled === false || this._state.isReady === false || this._state.activeWorkspace === null;\r\n  }\r\n\r\n  constructor(state: KritzelEngineState) {\r\n    this._state = state;\r\n    this._state.objectsMap = new KritzelObjectMap();\r\n  }\r\n\r\n  onStateChange<K extends StatePropertyKey>(property: K, listener: StateChangeListener<KritzelEngineState[K]>): void {\r\n    if (!this._listeners.has(property)) {\r\n      this._listeners.set(property, new Set());\r\n    }\r\n    this._listeners.get(property).add(listener);\r\n  }\r\n\r\n  getState<K extends StatePropertyKey>(property: K): Readonly<KritzelEngineState[K]> {\r\n    return this._state[property];\r\n  }\r\n\r\n  setState<K extends StatePropertyKey>(property: K, value: KritzelEngineState[K]): void {\r\n    const oldValue = this._state[property];\r\n\r\n    if (oldValue !== value) {\r\n      this._state[property] = value;\r\n\r\n      if (this._listeners.has(property)) {\r\n        this._listeners.get(property).forEach(listener => listener(value, oldValue, String(property)));\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/core/viewport.class.js

@@ -0,0 +1,165 @@
+import { KritzelMouseButton } from "../../enums/event-button.enum";
+import { KritzelEventHelper } from "../../helpers/event.helper";
+export class KritzelViewport {
+    _core;
+    initialTouchDistance = 0;
+    startX = 0;
+    startY = 0;
+    constructor(core, host) {
+        this._core = core;
+        this._core.store.setState('host', host);
+        this._core.store.setState('viewportWidth', host.clientWidth);
+        this._core.store.setState('viewportHeight', host.clientHeight);
+        this._core.store.setState('startX', 0);
+        this._core.store.setState('startY', 0);
+        this._core.store.setState('translateX', 0);
+        this._core.store.setState('translateY', 0);
+    }
+    handleResize() {
+        this._core.store.setState('viewportWidth', this._core.store.state.host.clientWidth);
+        this._core.store.setState('viewportHeight', this._core.store.state.host.clientHeight);
+        this._core.store.setState('hasViewportChanged', true);
+        this._core.rerender();
+    }
+    handlePointerDown(event) {
+        if (event.pointerType === 'mouse') {
+            const adjustedClientX = event.clientX - this._core.store.offsetX;
+            const adjustedClientY = event.clientY - this._core.store.offsetY;
+            if (event.button === KritzelMouseButton.Right) {
+                this._core.store.setState('isPanning', true);
+                this._core.store.setState('startX', adjustedClientX);
+                this._core.store.setState('startY', adjustedClientY);
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            if (activePointers.length === 2) {
+                this._core.store.setState('currentPath', null);
+                this._core.store.setState('isScaling', true);
+                const firstTouchX = activePointers[0].clientX - this._core.store.offsetX;
+                const firstTouchY = activePointers[0].clientY - this._core.store.offsetY;
+                const secondTouchX = activePointers[1].clientX - this._core.store.offsetX;
+                const secondTouchY = activePointers[1].clientY - this._core.store.offsetY;
+                this.initialTouchDistance = Math.sqrt(Math.pow(firstTouchX - secondTouchX, 2) + Math.pow(firstTouchY - secondTouchY, 2));
+                this.startX = (firstTouchX + secondTouchX) / 2;
+                this.startY = (firstTouchY + secondTouchY) / 2;
+                this._core.rerender();
+            }
+        }
+    }
+    handlePointerMove(event) {
+        if (event.pointerType === 'mouse') {
+            const hostRect = this._core.store.state.host.getBoundingClientRect();
+            const xRelativeToHost = event.clientX - hostRect.left;
+            const yRelativeToHost = event.clientY - hostRect.top;
+            this._core.store.setState('pointerX', (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale);
+            this._core.store.setState('pointerY', (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale);
+            if (this._core.store.state.isPanning) {
+                const dx = xRelativeToHost - this._core.store.state.startX;
+                const dy = yRelativeToHost - this._core.store.state.startY;
+                this._core.store.setState('translateX', this._core.store.state.translateX + dx);
+                this._core.store.setState('translateY', this._core.store.state.translateY + dy);
+                this._core.store.setState('startX', xRelativeToHost);
+                this._core.store.setState('startY', yRelativeToHost);
+                this._core.store.setState('hasViewportChanged', true);
+                this._core.store.setState('skipContextMenu', true);
+                this._core.rerender();
+                this._core.updateWorkspaceViewport(this._core.store.state.translateX, this._core.store.state.translateY, this._core.store.state.scale);
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const hostRect = this._core.store.state.host.getBoundingClientRect();
+            const xRelativeToHost = event.clientX - hostRect.left;
+            const yRelativeToHost = event.clientY - hostRect.top;
+            this._core.store.setState('pointerX', (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale);
+            this._core.store.setState('pointerY', (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale);
+            const activePointers = Array.from(this._core.store.state.pointers.values());
+            if (activePointers.length === 2) {
+                const firstTouchX = activePointers[0].clientX - this._core.store.offsetX;
+                const firstTouchY = activePointers[0].clientY - this._core.store.offsetY;
+                const secondTouchX = activePointers[1].clientX - this._core.store.offsetX;
+                const secondTouchY = activePointers[1].clientY - this._core.store.offsetY;
+                const currentTouchDistance = Math.sqrt(Math.pow(firstTouchX - secondTouchX, 2) + Math.pow(firstTouchY - secondTouchY, 2));
+                const midpointX = (firstTouchX + secondTouchX) / 2;
+                const midpointY = (firstTouchY + secondTouchY) / 2;
+                const scaleRatio = currentTouchDistance / this.initialTouchDistance;
+                const newScale = this._core.store.state.scale * scaleRatio;
+                if (newScale > this._core.store.state.scaleMax || newScale < this._core.store.state.scaleMin) {
+                    this._core.store.setState('translateX', this._core.store.state.translateX + midpointX - this.startX);
+                    this._core.store.setState('translateY', this._core.store.state.translateY + midpointY - this.startY);
+                }
+                else {
+                    const translateXAdjustment = (midpointX - this._core.store.state.translateX) * (scaleRatio - 1);
+                    const translateYAdjustment = (midpointY - this._core.store.state.translateY) * (scaleRatio - 1);
+                    this._core.store.setState('translateX', this._core.store.state.translateX + midpointX - this.startX - translateXAdjustment);
+                    this._core.store.setState('translateY', this._core.store.state.translateY + midpointY - this.startY - translateYAdjustment);
+                    this._core.store.setState('scale', newScale);
+                    this.initialTouchDistance = currentTouchDistance;
+                }
+                this.startX = midpointX;
+                this.startY = midpointY;
+                this._core.store.setState('hasViewportChanged', true);
+                this._core.rerender();
+                this._core.updateWorkspaceViewport(this._core.store.state.translateX, this._core.store.state.translateY, this._core.store.state.scale);
+            }
+        }
+    }
+    handlePointerUp(event) {
+        if (event.pointerType === 'mouse') {
+            if (this._core.store.state.isPanning) {
+                this._core.store.setState('isPanning', false);
+                this._core.rerender();
+            }
+        }
+        if (event.pointerType === 'touch') {
+            this._core.store.setState('isScaling', false);
+            this._core.rerender();
+        }
+    }
+    handleWheel(event) {
+        event.preventDefault();
+        if (event.ctrlKey === true && KritzelEventHelper.isMainMouseWheel(event)) {
+            this.handleZoom(event);
+        }
+        if (!event.ctrlKey) {
+            this.handlePan(event);
+        }
+    }
+    handleZoom(event) {
+        this._core.store.setState('isScaling', true);
+        const rect = this._core.store.state.host.getBoundingClientRect();
+        const xRelativeToHost = event.clientX - rect.left;
+        const yRelativeToHost = event.clientY - rect.top;
+        this._core.store.setState('pointerX', (xRelativeToHost - this._core.store.state.translateX) / this._core.store.state.scale);
+        this._core.store.setState('pointerY', (yRelativeToHost - this._core.store.state.translateY) / this._core.store.state.scale);
+        const delta = event.deltaY > 0 ? -this._core.store.state.scaleStep * this._core.store.state.scale : this._core.store.state.scaleStep * this._core.store.state.scale;
+        const newScale = Math.min(this._core.store.state.scaleMax, Math.max(this._core.store.state.scaleMin, this._core.store.state.scale + delta));
+        const scaleRatio = newScale / this._core.store.state.scale;
+        const translateXAdjustment = (xRelativeToHost - this._core.store.state.translateX) * (scaleRatio - 1);
+        const translateYAdjustment = (yRelativeToHost - this._core.store.state.translateY) * (scaleRatio - 1);
+        this._core.store.setState('scale', newScale);
+        this._core.store.setState('translateX', this._core.store.state.translateX - translateXAdjustment);
+        this._core.store.setState('translateY', this._core.store.state.translateY - translateYAdjustment);
+        this._core.store.setState('hasViewportChanged', true);
+        this._core.rerender();
+        this._core.updateWorkspaceViewport(this._core.store.state.translateX, this._core.store.state.translateY, this._core.store.state.scale);
+        setTimeout(() => {
+            this._core.store.setState('isScaling', false);
+            this._core.rerender();
+        }, 300);
+    }
+    handlePan(event) {
+        this._core.store.setState('isPanning', true);
+        const panSpeed = 0.8;
+        this._core.store.setState('translateX', this._core.store.state.translateX - event.deltaX * panSpeed);
+        this._core.store.setState('translateY', this._core.store.state.translateY - event.deltaY * panSpeed);
+        this._core.store.setState('hasViewportChanged', true);
+        this._core.rerender();
+        this._core.updateWorkspaceViewport(this._core.store.state.translateX, this._core.store.state.translateY, this._core.store.state.scale);
+        setTimeout(() => {
+            this._core.store.setState('isPanning', false);
+            this._core.rerender();
+        }, 300);
+    }
+}
+//# sourceMappingURL=viewport.class.js.map