kritzel-stencil 0.0.126 → 0.0.128

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

@@ -0,0 +1,227 @@
+export class KritzelDatabase {
+    constructor(dbName, dbVersion, isLoggingEnabled = false) {
+        this.db = null;
+        this.dbName = dbName;
+        this.dbVersion = dbVersion;
+        this.isLoggingEnabled = isLoggingEnabled;
+    }
+    async open(stores) {
+        return new Promise((resolve, reject) => {
+            if (this.db) {
+                resolve();
+                return;
+            }
+            if (this.isLoggingEnabled) {
+                console.log(`[IndexedDB] Opening database: ${this.dbName}, version: ${this.dbVersion}`);
+            }
+            const request = indexedDB.open(this.dbName, this.dbVersion);
+            request.onerror = () => {
+                console.error('IndexedDB error:', request.error);
+                reject(request.error);
+            };
+            request.onsuccess = () => {
+                this.db = request.result;
+                if (this.isLoggingEnabled) {
+                    console.log(`[IndexedDB] Database opened successfully.`);
+                }
+                resolve();
+            };
+            request.onupgradeneeded = event => {
+                if (this.isLoggingEnabled) {
+                    console.log(`[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}`);
+                        }
+                        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}`);
+                                }
+                                store.createIndex(index.name, index.keyPath, index.options);
+                            });
+                        }
+                    }
+                });
+            };
+        });
+    }
+    close() {
+        if (this.db) {
+            if (this.isLoggingEnabled) {
+                console.log(`[IndexedDB] Closing database: ${this.dbName}`);
+            }
+            this.db.close();
+            this.db = null;
+        }
+    }
+    async add(storeName, item) {
+        if (this.isLoggingEnabled) {
+            console.log('[IndexedDB] Add:', { storeName, item });
+        }
+        return this.executeTransaction(storeName, 'readwrite', store => store.add(item));
+    }
+    async get(storeName, key) {
+        if (this.isLoggingEnabled) {
+            console.log('[IndexedDB] Get:', { storeName, key });
+        }
+        return this.executeTransaction(storeName, 'readonly', store => store.get(key));
+    }
+    async getAll(storeName) {
+        if (this.isLoggingEnabled) {
+            console.log('[IndexedDB] GetAll:', { storeName });
+        }
+        return this.executeTransaction(storeName, 'readonly', store => store.getAll());
+    }
+    async update(storeName, item) {
+        if (this.isLoggingEnabled) {
+            console.log('[IndexedDB] Update:', { storeName, item });
+        }
+        return this.executeTransaction(storeName, 'readwrite', store => store.put(item));
+    }
+    async delete(storeName, key) {
+        if (this.isLoggingEnabled) {
+            console.log('[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 });
+        }
+        return this.executeTransaction(storeName, 'readwrite', store => store.delete(range));
+    }
+    async getAllByRange(storeName, range) {
+        if (this.isLoggingEnabled) {
+            console.log('[IndexedDB] GetAllByRange:', { storeName, range });
+        }
+        return this.executeTransaction(storeName, 'readonly', store => {
+            return store.getAll(range);
+        });
+    }
+    async getAllByIndex(storeName, indexName, query) {
+        if (this.isLoggingEnabled) {
+            console.log('[IndexedDB] GetAllByIndex:', { storeName, indexName, query });
+        }
+        return this.executeTransaction(storeName, 'readonly', store => {
+            const index = store.index(indexName);
+            return index.getAll(query);
+        });
+    }
+    async executeTransaction(storeName, mode, action) {
+        if (!this.db) {
+            throw new Error('Database is not open.');
+        }
+        return new Promise((resolve, reject) => {
+            const transaction = this.db.transaction(storeName, mode);
+            const store = transaction.objectStore(storeName);
+            const request = action(store);
+            let requestResult;
+            transaction.oncomplete = () => {
+                resolve(requestResult);
+            };
+            transaction.onabort = () => {
+                var _a;
+                reject((_a = transaction.error) !== null && _a !== void 0 ? _a : new Error('Transaction aborted'));
+            };
+            transaction.onerror = () => {
+                reject(transaction.error);
+            };
+            request.onsuccess = () => {
+                requestResult = request.result;
+            };
+        });
+    }
+    async batch(actions) {
+        if (!this.db) {
+            throw new Error('Database is not open.');
+        }
+        const storeNames = await this.extractStoreNamesFromActions(actions);
+        if (this.isLoggingEnabled) {
+            console.log('[IndexedDB] Starting batch transaction:', { storeNames });
+        }
+        return new Promise((resolve, reject) => {
+            const transaction = this.db.transaction(storeNames, 'readwrite');
+            const results = [];
+            const promises = [];
+            const tempDbInstance = {
+                add: (storeName, item) => this.add(storeName, item),
+                get: (storeName, key) => this.get(storeName, key),
+                getAll: (storeName) => this.getAll(storeName),
+                update: (storeName, item) => this.update(storeName, item),
+                delete: (storeName, key) => this.delete(storeName, key),
+                deleteByRange: (storeName, range) => this.deleteByRange(storeName, range),
+                getAllByRange: (storeName, range) => this.getAllByRange(storeName, range),
+                getAllByIndex: (storeName, indexName, query) => this.getAllByIndex(storeName, indexName, query),
+                executeTransaction: (storeName, mode, action) => {
+                    return new Promise((resolveRequest, rejectRequest) => {
+                        if (this.isLoggingEnabled) {
+                            console.log('[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 });
+                            }
+                            resolveRequest(request.result);
+                        };
+                        request.onerror = () => {
+                            console.error('[IndexedDB] Batch action request error:', request.error);
+                            rejectRequest(request.error);
+                        };
+                    });
+                },
+            };
+            transaction.oncomplete = () => {
+                if (this.isLoggingEnabled) {
+                    console.log('[IndexedDB] Batch transaction complete.');
+                }
+                Promise.all(promises).then(() => resolve(results));
+            };
+            transaction.onabort = () => {
+                var _a;
+                console.error('[IndexedDB] Batch transaction aborted:', transaction.error);
+                reject((_a = transaction.error) !== null && _a !== void 0 ? _a : new Error('Transaction aborted'));
+            };
+            transaction.onerror = () => {
+                console.error('[IndexedDB] Batch transaction error:', transaction.error);
+                reject(transaction.error);
+            };
+            actions.forEach((action, index) => {
+                const promise = action(tempDbInstance)
+                    .then(result => {
+                    results[index] = result;
+                })
+                    .catch(err => {
+                    if (!transaction.error) {
+                        transaction.abort();
+                    }
+                    reject(err);
+                });
+                promises.push(promise);
+            });
+        });
+    }
+    async extractStoreNamesFromActions(actions) {
+        const storeNamesSet = new Set();
+        const storeNameCollector = new Proxy(this, {
+            get: (target, prop) => {
+                if (['add', 'get', 'getAll', 'update', 'delete', 'deleteByRange', 'getAllByRange', 'getAllByIndex'].includes(prop)) {
+                    return (storeName) => {
+                        storeNamesSet.add(storeName);
+                        return Promise.resolve();
+                    };
+                }
+                return target[prop];
+            },
+        });
+        await Promise.all(actions.map(action => action(storeNameCollector)));
+        return Array.from(storeNamesSet);
+    }
+}
+//# sourceMappingURL=database.class.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"database.class.js","sourceRoot":"","sources":["../../src/classes/database.class.ts"],"names":[],"mappings":"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","sourcesContent":["export 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.log(`[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.log(`[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.log(`[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.log(`[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.log(`[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.log(`[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>(storeName: string, item: T): Promise<IDBValidKey> {\r\n    if (this.isLoggingEnabled) {\r\n      console.log('[IndexedDB] Add:', { storeName, item });\r\n    }\r\n    return this.executeTransaction(storeName, 'readwrite', store => store.add(item));\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.log('[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.log('[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>(storeName: string, item: T): Promise<IDBValidKey> {\r\n    if (this.isLoggingEnabled) {\r\n      console.log('[IndexedDB] Update:', { storeName, item });\r\n    }\r\n    return this.executeTransaction(storeName, 'readwrite', store => store.put(item));\r\n  }\r\n\r\n  public async delete(storeName: string, key: IDBValidKey): Promise<void> {\r\n    if (this.isLoggingEnabled) {\r\n      console.log('[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.log('[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.log('[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.log('[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.log('[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.log('[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.log('[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.log('[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/handlers/base.handler.js

@@ -0,0 +1,7 @@
+export class KritzelBaseHandler {
+    constructor(store) {
+        this._store = store;
+        void this._store; // Avoid unused variable warning
+    }
+}
+//# sourceMappingURL=base.handler.js.map

package/dist/collection/classes/handlers/base.handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/base.handler.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,kBAAkB;IAG7B,YAAY,KAAmB;QAC7B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,gCAAgC;IACpD,CAAC;CACF","sourcesContent":["import { KritzelStore } from '../store.class';\r\n\r\nexport class KritzelBaseHandler {\r\n  protected readonly _store: KritzelStore;\r\n\r\n  constructor(store: KritzelStore) {\r\n    this._store = store;\r\n    void this._store; // Avoid unused variable warning\r\n  }\r\n}"]}

package/dist/collection/classes/handlers/context-menu.handler.js

@@ -0,0 +1,47 @@
+import { AddSelectionGroupCommand } from "../commands/add-selection-group.command";
+import { KritzelSelectionGroup } from "../objects/selection-group.class";
+import { KritzelBaseHandler } from "./base.handler";
+export class KritzelContextMenuHandler extends KritzelBaseHandler {
+    constructor(store, globalContextMenuItems, objectContextMenuItems) {
+        super(store);
+        this.globalContextMenuItems = [];
+        this.objectContextMenuItems = [];
+        this.globalContextMenuItems = globalContextMenuItems;
+        this.objectContextMenuItems = objectContextMenuItems;
+    }
+    handleContextMenu(event) {
+        if (this._store.state.skipContextMenu) {
+            this._store.state.skipContextMenu = false;
+            return;
+        }
+        const selectedObject = this._store.getObjectFromPointerEvent(event, '.object');
+        if (selectedObject && !(selectedObject instanceof KritzelSelectionGroup)) {
+            this._store.state.selectionGroup = KritzelSelectionGroup.create(this._store);
+            this._store.state.selectionGroup.addOrRemove(selectedObject);
+            this._store.state.selectionGroup.isSelected = true;
+            this._store.state.selectionGroup.rotation = selectedObject.rotation;
+            this._store.state.isSelecting = false;
+            this._store.history.executeCommand(new AddSelectionGroupCommand(this._store, this, this._store.state.selectionGroup));
+        }
+        this._store.state.contextMenuItems = this._store.state.selectionGroup ? this.objectContextMenuItems : this.globalContextMenuItems;
+        let x = event.clientX - this._store.offsetX;
+        let y = event.clientY - this._store.offsetY;
+        const menuWidthEstimate = 150;
+        const menuHeightEstimate = 200;
+        const margin = 10;
+        if (x + menuWidthEstimate > window.innerWidth - margin) {
+            x = window.innerWidth - menuWidthEstimate - margin;
+        }
+        if (y + menuHeightEstimate > window.innerHeight - margin) {
+            y = window.innerHeight - menuHeightEstimate - margin;
+        }
+        x = Math.max(margin, x);
+        y = Math.max(margin, y);
+        this._store.state.contextMenuX = x;
+        this._store.state.contextMenuY = y;
+        this._store.state.isContextMenuVisible = true;
+        this._store.state.isEnabled = false;
+        this._store.rerender();
+    }
+}
+//# sourceMappingURL=context-menu.handler.js.map

package/dist/collection/classes/handlers/context-menu.handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/context-menu.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { AddSelectionGroupCommand } from '../commands/add-selection-group.command';\r\nimport { KritzelSelectionGroup } from '../objects/selection-group.class';\r\nimport { KritzelStore } from '../store.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\r\nexport class KritzelContextMenuHandler extends KritzelBaseHandler {\r\n  globalContextMenuItems = [];\r\n\r\n  objectContextMenuItems = [];\r\n\r\n  constructor(store: KritzelStore, globalContextMenuItems: any[], objectContextMenuItems: any[]) {\r\n    super(store);\r\n    this.globalContextMenuItems = globalContextMenuItems;\r\n    this.objectContextMenuItems = objectContextMenuItems;\r\n  }\r\n\r\n  handleContextMenu(event: PointerEvent): void {\r\n    if(this._store.state.skipContextMenu) {\r\n      this._store.state.skipContextMenu = false;\r\n      return;\r\n    }\r\n\r\n    const selectedObject = this._store.getObjectFromPointerEvent(event, '.object');\r\n\r\n    if (selectedObject && !(selectedObject instanceof KritzelSelectionGroup)) {\r\n      this._store.state.selectionGroup = KritzelSelectionGroup.create(this._store);\r\n      this._store.state.selectionGroup.addOrRemove(selectedObject);\r\n      this._store.state.selectionGroup.isSelected = true;\r\n      this._store.state.selectionGroup.rotation = selectedObject.rotation;\r\n      this._store.state.isSelecting = false;\r\n\r\n      this._store.history.executeCommand(new AddSelectionGroupCommand(this._store, this, this._store.state.selectionGroup));\r\n    }\r\n\r\n    this._store.state.contextMenuItems = this._store.state.selectionGroup ? this.objectContextMenuItems : this.globalContextMenuItems;\r\n\r\n    let x: number = event.clientX - this._store.offsetX;\r\n    let y: number = event.clientY - this._store.offsetY;\r\n\r\n    const menuWidthEstimate = 150;\r\n    const menuHeightEstimate = 200;\r\n    const margin = 10;\r\n\r\n    if (x + menuWidthEstimate > window.innerWidth - margin) {\r\n      x = window.innerWidth - menuWidthEstimate - margin;\r\n    }\r\n\r\n    if (y + menuHeightEstimate > window.innerHeight - margin) {\r\n      y = window.innerHeight - menuHeightEstimate - margin;\r\n    }\r\n\r\n    x = Math.max(margin, x);\r\n    y = Math.max(margin, y);\r\n\r\n    this._store.state.contextMenuX = x;\r\n    this._store.state.contextMenuY = y;\r\n    this._store.state.isContextMenuVisible = true;\r\n\r\n    this._store.state.isEnabled = false;\r\n\r\n    this._store.rerender();\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/handlers/hover.handler.js

@@ -0,0 +1,19 @@
+import { KritzelBaseHandler } from "./base.handler";
+export class KritzelHoverHandler extends KritzelBaseHandler {
+    constructor(store) {
+        super(store);
+    }
+    handlePointerMove(event) {
+        if (event.pointerType === 'mouse') {
+            const hoveredObject = this._store.getObjectFromPointerEvent(event, '.object');
+            if (!hoveredObject)
+                return;
+            const x = this._store.state.pointerX;
+            const y = this._store.state.pointerY;
+            hoveredObject.isHovered = hoveredObject.hitTest(x, y);
+        }
+        if (event.pointerType === 'touch') {
+        }
+    }
+}
+//# sourceMappingURL=hover.handler.js.map

package/dist/collection/classes/handlers/hover.handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/hover.handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IAEzD,YAAY,KAAmB;QAC7B,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAED,iBAAiB,CAAC,KAAmB;QACnC,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,yBAAyB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;YAE9E,IAAI,CAAC,aAAa;gBAAE,OAAO;YAE3B,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;YACrC,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC;YAErC,aAAa,CAAC,SAAS,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACxD,CAAC;QAED,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;QACpC,CAAC;IACH,CAAC;CACF","sourcesContent":["import { KritzelStore } from '../store.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\r\nexport class KritzelHoverHandler extends KritzelBaseHandler {\r\n\r\n  constructor(store: KritzelStore) {\r\n    super(store);\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      const hoveredObject = this._store.getObjectFromPointerEvent(event, '.object');\r\n\r\n      if (!hoveredObject) return;\r\n\r\n      const x = this._store.state.pointerX;\r\n      const y = this._store.state.pointerY;\r\n\r\n      hoveredObject.isHovered = hoveredObject.hitTest(x, y);\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/collection/classes/handlers/key.handler.js

@@ -0,0 +1,80 @@
+import { KritzelToolRegistry } from "../registries/tool.registry";
+import { KritzelBaseHandler } from "./base.handler";
+export class KritzelKeyHandler extends KritzelBaseHandler {
+    constructor(store) {
+        super(store);
+    }
+    handleKeyDown(event) {
+        if (this._store.state.isFocused === false) {
+            return;
+        }
+        this._store.state.isCtrlKeyPressed = event.ctrlKey;
+        if (this._store.state.isCtrlKeyPressed) {
+            event.preventDefault();
+        }
+        if (event.key === 'Escape' && this._store.state.selectionGroup) {
+            this._store.clearSelection();
+        }
+        if (event.key === 'Delete' && this._store.state.selectionGroup) {
+            this._store.delete();
+        }
+        if (event.key === 'z' && event.ctrlKey) {
+            this._store.history.undo();
+        }
+        if (event.key === 'y' && event.ctrlKey) {
+            this._store.history.redo();
+        }
+        if (event.key === 's' && event.ctrlKey) {
+            this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));
+            this._store.deselectAllObjects();
+        }
+        if (event.key === 'b' && event.ctrlKey) {
+            this._store.setState('activeTool', KritzelToolRegistry.getTool('brush'));
+            this._store.deselectAllObjects();
+        }
+        if (event.key === 'e' && event.ctrlKey) {
+            this._store.setState('activeTool', KritzelToolRegistry.getTool('eraser'));
+            this._store.deselectAllObjects();
+        }
+        if (event.key === 'i' && event.ctrlKey) {
+            this._store.setState('activeTool', KritzelToolRegistry.getTool('image'));
+            this._store.deselectAllObjects();
+        }
+        if (event.key === 'x' && event.ctrlKey) {
+            this._store.setState('activeTool', KritzelToolRegistry.getTool('text'));
+            this._store.deselectAllObjects();
+        }
+        if (event.key === 'c' && event.ctrlKey && this._store.state.selectionGroup) {
+            this._store.copy();
+            this._store.rerender();
+        }
+        if (event.key === 'v' && event.ctrlKey && this._store.state.copiedObjects) {
+            this._store.paste();
+        }
+        if (event.key === '+' && event.ctrlKey && this._store.state.selectionGroup) {
+            this._store.bringForward();
+        }
+        if (event.key === '-' && event.ctrlKey && this._store.state.selectionGroup) {
+            this._store.sendBackward();
+        }
+        if (event.key === '*' && event.shiftKey && this._store.state.selectionGroup) {
+            this._store.bringToFront();
+        }
+        if (event.key === '_' && event.shiftKey && this._store.state.selectionGroup) {
+            this._store.sendToBack();
+        }
+        if (event.key === 'a' && event.ctrlKey && this._store.state.activeText) {
+            this._store.state.activeText.selectAll();
+        }
+        if (event.key === 'v' && event.ctrlKey && this._store.state.activeText) {
+            this._store.state.activeText.insertFromClipboard();
+        }
+    }
+    handleKeyUp(event) {
+        if (this._store.state.isFocused === false) {
+            return;
+        }
+        this._store.state.isCtrlKeyPressed = event.ctrlKey;
+    }
+}
+//# sourceMappingURL=key.handler.js.map

package/dist/collection/classes/handlers/key.handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/key.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelToolRegistry } from '../registries/tool.registry';\r\nimport { KritzelStore } from '../store.class';\r\nimport { KritzelBaseHandler } from './base.handler';\r\n\r\nexport class KritzelKeyHandler extends KritzelBaseHandler {\r\n  constructor(store: KritzelStore) {\r\n    super(store);\r\n  }\r\n\r\n  handleKeyDown(event: KeyboardEvent): void {\r\n    if(this._store.state.isFocused === false) {\r\n      return;\r\n    }\r\n\r\n    this._store.state.isCtrlKeyPressed = event.ctrlKey;\r\n\r\n    if(this._store.state.isCtrlKeyPressed) {\r\n      event.preventDefault();\r\n    }\r\n\r\n    if (event.key === 'Escape' && this._store.state.selectionGroup) {\r\n      this._store.clearSelection();\r\n    }\r\n\r\n    if (event.key === 'Delete' && this._store.state.selectionGroup) {\r\n      this._store.delete();\r\n    }\r\n\r\n    if (event.key === 'z' && event.ctrlKey) {\r\n      this._store.history.undo();\r\n    }\r\n\r\n    if (event.key === 'y' && event.ctrlKey) {\r\n      this._store.history.redo();\r\n    }\r\n\r\n    if (event.key === 's' && event.ctrlKey) {\r\n      this._store.setState('activeTool', KritzelToolRegistry.getTool('selection'));\r\n      this._store.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'b' && event.ctrlKey) {\r\n      this._store.setState('activeTool', KritzelToolRegistry.getTool('brush'));\r\n      this._store.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'e' && event.ctrlKey) {\r\n      this._store.setState('activeTool', KritzelToolRegistry.getTool('eraser'));\r\n      this._store.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'i' && event.ctrlKey) {\r\n      this._store.setState('activeTool', KritzelToolRegistry.getTool('image'));\r\n      this._store.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'x' && event.ctrlKey) {\r\n      this._store.setState('activeTool', KritzelToolRegistry.getTool('text'));\r\n      this._store.deselectAllObjects();\r\n    }\r\n\r\n    if (event.key === 'c' && event.ctrlKey && this._store.state.selectionGroup) {\r\n      this._store.copy();\r\n      this._store.rerender();\r\n    }\r\n\r\n    if (event.key === 'v' && event.ctrlKey && this._store.state.copiedObjects) {\r\n      this._store.paste();\r\n    }\r\n\r\n    if (event.key === '+' && event.ctrlKey && this._store.state.selectionGroup) {\r\n      this._store.bringForward();\r\n    }\r\n\r\n    if (event.key === '-' && event.ctrlKey && this._store.state.selectionGroup) {\r\n      this._store.sendBackward();\r\n    }\r\n\r\n    if (event.key === '*' && event.shiftKey && this._store.state.selectionGroup) {\r\n      this._store.bringToFront();\r\n    }\r\n\r\n    if (event.key === '_' && event.shiftKey && this._store.state.selectionGroup) {\r\n      this._store.sendToBack();\r\n    }\r\n\r\n    if(event.key === 'a' && event.ctrlKey && this._store.state.activeText) {\r\n      this._store.state.activeText.selectAll();\r\n    }\r\n\r\n    if(event.key === 'v' && event.ctrlKey && this._store.state.activeText) {\r\n      this._store.state.activeText.insertFromClipboard();\r\n    }\r\n  }\r\n\r\n  handleKeyUp(event: KeyboardEvent): void {\r\n    if(this._store.state.isFocused === false) {\r\n      return;\r\n    }\r\n    \r\n    this._store.state.isCtrlKeyPressed = event.ctrlKey;\r\n  }\r\n \r\n}\r\n"]}

package/dist/collection/classes/handlers/move.handler.js

@@ -0,0 +1,100 @@
+import { KritzelEventHelper } from "../../helpers/event.helper";
+import { MoveSelectionGroupCommand } from "../commands/move-selection-group.command";
+import { KritzelBaseHandler } from "./base.handler";
+import { UpdateObjectCommand } from "../commands/update-object.command";
+import { BatchCommand } from "../commands/batch.command";
+export class KritzelMoveHandler extends KritzelBaseHandler {
+    constructor(store) {
+        super(store);
+    }
+    handlePointerDown(event) {
+        var _a, _b;
+        if (event.pointerType === 'mouse') {
+            if (KritzelEventHelper.isLeftClick(event)) {
+                if (((_a = this._store.state.selectionGroup) === null || _a === void 0 ? void 0 : _a.isSelected) && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {
+                    const clientX = event.clientX - this._store.offsetX;
+                    const clientY = event.clientY - this._store.offsetY;
+                    this._store.state.isDragging = true;
+                    this.dragStartX = clientX;
+                    this.dragStartY = clientY;
+                    this.startX = this.dragStartX;
+                    this.startY = this.dragStartY;
+                }
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._store.state.pointers.values());
+            if (this._store.state.pointers.size === 1) {
+                if (((_b = this._store.state.selectionGroup) === null || _b === void 0 ? void 0 : _b.isSelected) && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {
+                    const x = Math.round(activePointers[0].clientX - this._store.offsetX);
+                    const y = Math.round(activePointers[0].clientY - this._store.offsetY);
+                    this.dragStartX = x;
+                    this.dragStartY = y;
+                    this.startX = x;
+                    this.startY = y;
+                }
+            }
+        }
+    }
+    handlePointerMove(event) {
+        if (event.pointerType === 'mouse') {
+            if (this._store.state.isDragging && this._store.state.selectionGroup) {
+                const clientX = event.clientX - this._store.offsetX;
+                const clientY = event.clientY - this._store.offsetY;
+                this.endX = clientX;
+                this.endY = clientY;
+                this._store.state.selectionGroup.move(clientX, clientY, this.dragStartX, this.dragStartY);
+                this.dragStartX = clientX;
+                this.dragStartY = clientY;
+            }
+        }
+        if (event.pointerType === 'touch') {
+            const activePointers = Array.from(this._store.state.pointers.values());
+            if (this._store.state.pointers.size === 1 && this._store.state.selectionGroup && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {
+                const x = Math.round(activePointers[0].clientX - this._store.offsetX);
+                const y = Math.round(activePointers[0].clientY - this._store.offsetY);
+                this._store.state.isDragging = true;
+                this.endX = x;
+                this.endY = y;
+                const moveDeltaX = Math.abs(x - this.startX);
+                const moveDeltaY = Math.abs(y - this.startY);
+                const moveThreshold = 5;
+                if (moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {
+                    clearTimeout(this._store.state.longTouchTimeout);
+                    this._store.state.selectionGroup.move(x, y, this.dragStartX, this.dragStartY);
+                    this.dragStartX = x;
+                    this.dragStartY = y;
+                }
+            }
+        }
+    }
+    handlePointerUp(event) {
+        if (event.pointerType === 'mouse') {
+            if (this._store.state.isDragging) {
+                this._store.state.isDragging = false;
+                const moveSelectionGroupCommand = new MoveSelectionGroupCommand(this._store, this, this.endX, this.endY, this.startX, this.startY, true);
+                const updateObjectsCommand = this._store.state.selectionGroup.objects.map(object => {
+                    return new UpdateObjectCommand(this._store, this, object, {
+                        translateX: object.translateX,
+                        translateY: object.translateY
+                    });
+                });
+                this._store.history.executeCommand(new BatchCommand(this._store, this, [moveSelectionGroupCommand, ...updateObjectsCommand]));
+            }
+        }
+        if (event.pointerType === 'touch') {
+            if (this._store.state.isDragging) {
+                this._store.state.isDragging = false;
+                const moveSelectionGroupCommand = new MoveSelectionGroupCommand(this._store, this, this.endX, this.endY, this.startX, this.startY, true);
+                const updateObjectsCommand = this._store.state.selectionGroup.objects.map(object => {
+                    return new UpdateObjectCommand(this._store, this, object, {
+                        translateX: object.translateX,
+                        translateY: object.translateY
+                    });
+                });
+                this._store.history.executeCommand(new BatchCommand(this._store, this, [moveSelectionGroupCommand, ...updateObjectsCommand]));
+            }
+        }
+    }
+}
+//# sourceMappingURL=move.handler.js.map

package/dist/collection/classes/handlers/move.handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"move.handler.js","sourceRoot":"","sources":["../../../src/classes/handlers/move.handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelEventHelper } from '../../helpers/event.helper';\r\nimport { KritzelStore } from '../store.class';\r\nimport { MoveSelectionGroupCommand } from '../commands/move-selection-group.command';\r\nimport { KritzelBaseHandler } from './base.handler';\r\nimport { UpdateObjectCommand } from '../commands/update-object.command';\r\nimport { BatchCommand } from '../commands/batch.command';\r\n\r\nexport class KritzelMoveHandler extends KritzelBaseHandler {\r\n  dragStartX: number;\r\n  dragStartY: number;\r\n\r\n  startX: number;\r\n  startY: number;\r\n\r\n  endX: number;\r\n  endY: number;\r\n\r\n  constructor(store: KritzelStore) {\r\n    super(store);\r\n  }\r\n\r\n  handlePointerDown(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (KritzelEventHelper.isLeftClick(event)) {\r\n        if (this._store.state.selectionGroup?.isSelected && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {\r\n          const clientX = event.clientX - this._store.offsetX;\r\n          const clientY = event.clientY - this._store.offsetY;\r\n\r\n          this._store.state.isDragging = true;\r\n          this.dragStartX = clientX;\r\n          this.dragStartY = clientY;\r\n          this.startX = this.dragStartX;\r\n          this.startY = this.dragStartY;\r\n        }\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._store.state.pointers.values());\r\n\r\n      if (this._store.state.pointers.size === 1) {\r\n        if (this._store.state.selectionGroup?.isSelected && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {\r\n          const x = Math.round(activePointers[0].clientX - this._store.offsetX);\r\n          const y = Math.round(activePointers[0].clientY - this._store.offsetY);\r\n\r\n          this.dragStartX = x;\r\n          this.dragStartY = y;\r\n          this.startX = x;\r\n          this.startY = y;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerMove(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (this._store.state.isDragging && this._store.state.selectionGroup) {\r\n        const clientX = event.clientX - this._store.offsetX;\r\n        const clientY = event.clientY - this._store.offsetY;\r\n\r\n        this.endX = clientX;\r\n        this.endY = clientY;\r\n        this._store.state.selectionGroup.move(clientX, clientY, this.dragStartX, this.dragStartY);\r\n        this.dragStartX = clientX;\r\n        this.dragStartY = clientY;\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      const activePointers = Array.from(this._store.state.pointers.values());\r\n\r\n      if (this._store.state.pointers.size === 1 && this._store.state.selectionGroup && !this._store.state.isResizeHandleSelected && !this._store.state.isRotationHandleSelected) {\r\n        const x = Math.round(activePointers[0].clientX - this._store.offsetX);\r\n        const y = Math.round(activePointers[0].clientY - this._store.offsetY);\r\n\r\n        this._store.state.isDragging = true;\r\n        this.endX = x;\r\n        this.endY = y;\r\n\r\n        const moveDeltaX = Math.abs(x - this.startX);\r\n        const moveDeltaY = Math.abs(y - this.startY);\r\n        const moveThreshold = 5;\r\n\r\n        if (moveDeltaX > moveThreshold || moveDeltaY > moveThreshold) {\r\n          clearTimeout(this._store.state.longTouchTimeout);\r\n\r\n          this._store.state.selectionGroup.move(x, y, this.dragStartX, this.dragStartY);\r\n          this.dragStartX = x;\r\n          this.dragStartY = y;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  handlePointerUp(event: PointerEvent) {\r\n    if (event.pointerType === 'mouse') {\r\n      if (this._store.state.isDragging) {\r\n        this._store.state.isDragging = false;\r\n        const moveSelectionGroupCommand = new MoveSelectionGroupCommand(this._store, this, this.endX, this.endY, this.startX, this.startY, true);\r\n        const updateObjectsCommand = this._store.state.selectionGroup.objects.map(object => {\r\n          return new UpdateObjectCommand(this._store, this, object, {\r\n            translateX: object.translateX,\r\n            translateY: object.translateY\r\n          });\r\n        });\r\n\r\n        this._store.history.executeCommand(new BatchCommand(this._store, this, [moveSelectionGroupCommand, ...updateObjectsCommand]));\r\n      }\r\n    }\r\n\r\n    if (event.pointerType === 'touch') {\r\n      if (this._store.state.isDragging) {\r\n        this._store.state.isDragging = false;\r\n        const moveSelectionGroupCommand = new MoveSelectionGroupCommand(this._store, this, this.endX, this.endY, this.startX, this.startY, true);\r\n        const updateObjectsCommand = this._store.state.selectionGroup.objects.map(object => {\r\n          return new UpdateObjectCommand(this._store, this, object, {\r\n            translateX: object.translateX,\r\n            translateY: object.translateY\r\n          });\r\n        });\r\n\r\n        this._store.history.executeCommand(new BatchCommand(this._store, this, [moveSelectionGroupCommand, ...updateObjectsCommand]));\r\n      }\r\n    }\r\n  }\r\n}\r\n"]}