kritzel-stencil 0.0.128 → 0.0.130

package/dist/cjs/index-CUSIflVf.js

@@ -88,10 +88,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'kritzel-brush-style_22.cjs':
+                case 'kritzel-brush-style_23.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './kritzel-brush-style_22.cjs.entry.js')); }).then(processMod, consoleError);
+                        './kritzel-brush-style_23.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return (function (t) { return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(t)); }); })(

package/dist/cjs/{index-C7Read21.js → index-CfXjPLHb.js}

@@ -137,11 +137,11 @@ class AddObjectCommand extends KritzelBaseCommand {
         this.object = object;
     }
     execute() {
-        this._store.state.objectsOctree.insert(this.object);
+        this._store.state.objectsMap.insert(this.object);
         this._store.addObjectToDatabase(ObjectHelper.clone(this.object));
     }
     undo() {
-        this._store.state.objectsOctree.remove(object => object.id === this.object.id);
+        this._store.state.objectsMap.remove(object => object.id === this.object.id);
         this._store.deleteObjectFromDatabase(this.object.id);
     }
 }
@@ -239,6 +239,24 @@ class KritzelKeyboardHelper {
             meta.setAttribute('content', newContent);
         }
     }
+    static onKeyboardVisibleChanged(callback) {
+        if ('visualViewport' in window) {
+            const VIEWPORT_VS_CLIENT_HEIGHT_RATIO = 0.75;
+            const onResize = (event) => {
+                const target = event.target;
+                const isOpen = (target.height * target.scale) / window.screen.height < VIEWPORT_VS_CLIENT_HEIGHT_RATIO;
+                callback(isOpen);
+            };
+            window.visualViewport.addEventListener('resize', onResize);
+            return () => window.visualViewport.removeEventListener('resize', onResize);
+        }
+        else {
+            // Fallback for older browsers does not provide a reliable event-based mechanism.
+            console.warn('Listening for keyboard visibility changes is not reliably supported in this browser.');
+            // Return a no-op cleanup function.
+            return () => { };
+        }
+    }
 }
 
 class KritzelTextTool extends KritzelBaseTool {
@@ -600,7 +618,7 @@ class KritzelBaseObject {
     updatePosition(x, y) {
         this.translateX = x;
         this.translateY = y;
-        this._store.state.objectsOctree.update(this);
+        this._store.state.objectsMap.update(this);
     }
 }
 
@@ -914,7 +932,7 @@ class KritzelPath extends KritzelBaseObject {
         this.translateX = x;
         this.translateY = y;
         this._adjustedPoints = null;
-        this._store.state.objectsOctree.update(this);
+        this._store.state.objectsMap.update(this);
     }
     computeAdjustedPoints() {
         var _a;
@@ -1266,13 +1284,13 @@ class RemoveObjectCommand extends KritzelBaseCommand {
         this.object = object;
     }
     execute() {
-        this._store.state.objectsOctree.remove(object => object.id === this.object.id);
-        this._store.state.objectsOctree.filter(object => object instanceof KritzelCustomElement).forEach(object => object.remount());
+        this._store.state.objectsMap.remove(object => object.id === this.object.id);
+        this._store.state.objectsMap.filter(object => object instanceof KritzelCustomElement).forEach(object => object.remount());
         this._store.deleteObjectFromDatabase(this.object.id);
     }
     undo() {
-        this._store.state.objectsOctree.insert(this.object);
-        this._store.state.objectsOctree.filter(object => object instanceof KritzelCustomElement).forEach(object => object.remount());
+        this._store.state.objectsMap.insert(this.object);
+        this._store.state.objectsMap.filter(object => object instanceof KritzelCustomElement).forEach(object => object.remount());
         this._store.addObjectToDatabase(ObjectHelper.clone(this.object));
     }
 }
@@ -1365,12 +1383,12 @@ class RemoveSelectionGroupCommand extends KritzelBaseCommand {
         this.previousSelectionGroup = this._store.state.selectionGroup;
     }
     execute() {
-        this._store.state.objectsOctree.remove(object => { var _a; return object.id === ((_a = this.previousSelectionGroup) === null || _a === void 0 ? void 0 : _a.id); });
+        this._store.state.objectsMap.remove(object => { var _a; return object.id === ((_a = this.previousSelectionGroup) === null || _a === void 0 ? void 0 : _a.id); });
         this._store.state.selectionGroup = null;
     }
     undo() {
         if (this.previousSelectionGroup) {
-            this._store.state.objectsOctree.insert(this.previousSelectionGroup);
+            this._store.state.objectsMap.insert(this.previousSelectionGroup);
             this._store.state.selectionGroup = this.previousSelectionGroup;
         }
     }
@@ -1689,14 +1707,14 @@ class RotateSelectionGroupCommand extends KritzelBaseCommand {
         this._store.state.selectionGroup = this.selectionGroup;
         this._store.state.selectionGroup.rotate(this.rotation);
         this._store.state.selectionGroup.objects.forEach(object => {
-            this._store.state.objectsOctree.update(object);
+            this._store.state.objectsMap.update(object);
         });
     }
     undo() {
         this._store.state.selectionGroup = this.selectionGroup;
         this._store.state.selectionGroup.rotate(this.rotation - this.initialRotation);
         this._store.state.selectionGroup.objects.forEach(object => {
-            this._store.state.objectsOctree.update(object);
+            this._store.state.objectsMap.update(object);
         });
     }
 }
@@ -1842,13 +1860,13 @@ class AddSelectionGroupCommand extends KritzelBaseCommand {
         this.selectionGroup = selectionGroup;
     }
     execute() {
-        this._store.state.objectsOctree.remove(object => object instanceof KrtizelSelectionBox);
-        this._store.state.objectsOctree.insert(this.selectionGroup);
+        this._store.state.objectsMap.remove(object => object instanceof KrtizelSelectionBox);
+        this._store.state.objectsMap.insert(this.selectionGroup);
         this._store.state.selectionGroup = this.selectionGroup;
         this._store.state.selectionBox = null;
     }
     undo() {
-        this._store.state.objectsOctree.remove(object => object.id === this.selectionGroup.id);
+        this._store.state.objectsMap.remove(object => object.id === this.selectionGroup.id);
         this._store.state.selectionGroup = null;
         this._store.state.selectionBox = null;
     }
@@ -1940,7 +1958,7 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
     removeSelectionBox() {
         this._store.state.selectionBox = null;
         this._store.state.isSelecting = false;
-        this._store.state.objectsOctree.remove(o => o instanceof KrtizelSelectionBox);
+        this._store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox);
         this._store.rerender();
     }
     startMouseSelection(event) {
@@ -1955,8 +1973,8 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         this._store.state.selectionGroup = null;
         this._store.state.selectionBox = selectionBox;
         this._store.state.isSelecting = true;
-        this._store.state.objectsOctree.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);
-        this._store.state.objectsOctree.insert(selectionBox);
+        this._store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);
+        this._store.state.objectsMap.insert(selectionBox);
     }
     startTouchSelection() {
         const activePointers = Array.from(this._store.state.pointers.values());
@@ -1977,8 +1995,8 @@ class KritzelSelectionHandler extends KritzelBaseHandler {
         this._store.state.selectionGroup = null;
         this._store.state.selectionBox = selectionBox;
         this._store.state.isSelecting = true;
-        this._store.state.objectsOctree.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);
-        this._store.state.objectsOctree.insert(selectionBox);
+        this._store.state.objectsMap.remove(o => o instanceof KrtizelSelectionBox || o instanceof KritzelSelectionGroup);
+        this._store.state.objectsMap.insert(selectionBox);
     }
     updateMouseSelection(event) {
         let clientX, clientY;
@@ -2315,17 +2333,17 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         });
         this.translateX = x;
         this.translateY = y;
-        this._store.state.objectsOctree.update(this);
+        this._store.state.objectsMap.update(this);
     }
     move(startX, startY, endX, endY) {
         const deltaX = (startX - endX) / this._store.state.scale;
         const deltaY = (startY - endY) / this._store.state.scale;
         this.translateX += deltaX;
         this.translateY += deltaY;
-        this._store.state.objectsOctree.update(this);
+        this._store.state.objectsMap.update(this);
         this.objects.forEach(obj => {
             obj.move(startX, startY, endX, endY);
-            this._store.state.objectsOctree.update(obj);
+            this._store.state.objectsMap.update(obj);
         });
         this.unchangedObjects.forEach(obj => {
             obj.translateX += deltaX;
@@ -2343,7 +2361,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             const updatedX = child.translateX + deltaX + (child.translateX - this.translateX) * (widthScaleFactor - 1);
             const updatedY = child.translateY + deltaY + (child.translateY - this.translateY) * (heightScaleFactor - 1);
             child.resize(updatedX, updatedY, updatedWidth, updatedHeight);
-            this._store.state.objectsOctree.update(child);
+            this._store.state.objectsMap.update(child);
         });
         this.refreshObjectDimensions();
         this.unchangedObjects = ObjectHelper.clone(this.objects);
@@ -2364,7 +2382,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             child.translateX = centerX + rotatedX - child.totalWidth / 2 / child.scale;
             child.translateY = centerY + rotatedY - child.totalHeight / 2 / child.scale;
             child.rotate(this.objects.length === 1 ? value : value + unchangedChild.rotation);
-            this._store.state.objectsOctree.update(child);
+            this._store.state.objectsMap.update(child);
         });
     }
     copy() {
@@ -2404,7 +2422,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
             this.width = (this.maxX - this.minX - this.padding) * this.scale;
             this.height = (this.maxY - this.minY - this.padding) * this.scale;
         }
-        this._store.state.objectsOctree.update(this);
+        this._store.state.objectsMap.update(this);
     }
     getOffsetXToCenter(obj) {
         const objCenterX = obj.translateX + obj.totalWidth / obj.scale / 2;
@@ -2633,6 +2651,6 @@ exports.ObjectHelper = ObjectHelper;
 exports.RemoveObjectCommand = RemoveObjectCommand;
 exports.RemoveSelectionGroupCommand = RemoveSelectionGroupCommand;
 exports.UpdateObjectCommand = UpdateObjectCommand;
-//# sourceMappingURL=index-C7Read21.js.map
+//# sourceMappingURL=index-CfXjPLHb.js.map
 
-//# sourceMappingURL=index-C7Read21.js.map
+//# sourceMappingURL=index-CfXjPLHb.js.map