kritzel-stencil 0.0.153 → 0.0.154
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{default-text-tool.config-Cds94FE8.js → default-text-tool.config-BySzvIox.js} +53 -39
- package/dist/cjs/default-text-tool.config-BySzvIox.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/kritzel-color_22.cjs.entry.js +110 -64
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/stencil.cjs.js +1 -1
- package/dist/collection/classes/core/core.class.js +16 -14
- package/dist/collection/classes/core/core.class.js.map +1 -1
- package/dist/collection/classes/core/store.class.js +8 -8
- package/dist/collection/classes/core/store.class.js.map +1 -1
- package/dist/collection/classes/core/viewport.class.js +1 -1
- package/dist/collection/classes/core/viewport.class.js.map +1 -1
- package/dist/collection/classes/handlers/context-menu.handler.js +1 -1
- package/dist/collection/classes/handlers/context-menu.handler.js.map +1 -1
- package/dist/collection/classes/handlers/move.handler.js +2 -0
- package/dist/collection/classes/handlers/move.handler.js.map +1 -1
- package/dist/collection/classes/handlers/resize.handler.js +2 -0
- package/dist/collection/classes/handlers/resize.handler.js.map +1 -1
- package/dist/collection/classes/handlers/rotation.handler.js +2 -0
- package/dist/collection/classes/handlers/rotation.handler.js.map +1 -1
- package/dist/collection/classes/handlers/selection.handler.js +7 -5
- package/dist/collection/classes/handlers/selection.handler.js.map +1 -1
- package/dist/collection/classes/objects/base-object.class.js +5 -5
- package/dist/collection/classes/objects/base-object.class.js.map +1 -1
- package/dist/collection/classes/objects/custom-element.class.js +1 -1
- package/dist/collection/classes/objects/custom-element.class.js.map +1 -1
- package/dist/collection/classes/objects/image.class.js +1 -1
- package/dist/collection/classes/objects/image.class.js.map +1 -1
- package/dist/collection/classes/objects/path.class.js +4 -4
- package/dist/collection/classes/objects/path.class.js.map +1 -1
- package/dist/collection/classes/objects/selection-group.class.js +10 -10
- package/dist/collection/classes/objects/selection-group.class.js.map +1 -1
- package/dist/collection/classes/objects/text.class.js +5 -4
- package/dist/collection/classes/objects/text.class.js.map +1 -1
- package/dist/collection/classes/structures/object-map.structure.js +10 -0
- package/dist/collection/classes/structures/object-map.structure.js.map +1 -1
- package/dist/collection/classes/tools/brush-tool.class.js +8 -6
- package/dist/collection/classes/tools/brush-tool.class.js.map +1 -1
- package/dist/collection/classes/tools/eraser-tool.class.js +2 -0
- package/dist/collection/classes/tools/eraser-tool.class.js.map +1 -1
- package/dist/collection/classes/tools/image-tool.class.js +1 -0
- package/dist/collection/classes/tools/image-tool.class.js.map +1 -1
- package/dist/collection/classes/tools/text-tool.class.js +2 -2
- package/dist/collection/classes/tools/text-tool.class.js.map +1 -1
- package/dist/collection/components/core/kritzel-editor/kritzel-editor.js +60 -4
- package/dist/collection/components/core/kritzel-editor/kritzel-editor.js.map +1 -1
- package/dist/collection/components/core/kritzel-engine/kritzel-engine.js +80 -23
- package/dist/collection/components/core/kritzel-engine/kritzel-engine.js.map +1 -1
- package/dist/collection/components/shared/kritzel-color-palette/kritzel-color-palette.css +0 -5
- package/dist/collection/components/shared/kritzel-menu/kritzel-menu.css +0 -3
- package/dist/collection/components/shared/kritzel-menu-item/kritzel-menu-item.css +0 -2
- package/dist/collection/components/shared/kritzel-split-button/kritzel-split-button.css +0 -1
- package/dist/collection/components/shared/kritzel-stroke-size/kritzel-stroke-size.css +0 -4
- package/dist/collection/components/ui/kritzel-control-brush-config/kritzel-control-brush-config.css +0 -4
- package/dist/collection/components/ui/kritzel-controls/kritzel-controls.css +0 -5
- package/dist/collection/components/ui/kritzel-controls/kritzel-controls.js +28 -3
- package/dist/collection/components/ui/kritzel-controls/kritzel-controls.js.map +1 -1
- package/dist/collection/components/ui/kritzel-utility-panel/kritzel-utility-panel.css +8 -2
- package/dist/collection/components/ui/kritzel-utility-panel/kritzel-utility-panel.js +30 -1
- package/dist/collection/components/ui/kritzel-utility-panel/kritzel-utility-panel.js.map +1 -1
- package/dist/collection/configs/default-engine-config.js +1 -1
- package/dist/collection/configs/default-engine-config.js.map +1 -1
- package/dist/collection/interfaces/engine-state.interface.js.map +1 -1
- package/dist/collection/interfaces/undo-state.interface.js +2 -0
- package/dist/collection/interfaces/undo-state.interface.js.map +1 -0
- package/dist/components/index.js +3 -3
- package/dist/components/kritzel-color-palette.js +1 -1
- package/dist/components/kritzel-control-brush-config.js +1 -1
- package/dist/components/kritzel-control-text-config.js +1 -1
- package/dist/components/kritzel-controls.js +1 -1
- package/dist/components/kritzel-editor.js +30 -14
- package/dist/components/kritzel-editor.js.map +1 -1
- package/dist/components/kritzel-engine.js +1 -1
- package/dist/components/kritzel-menu-item.js +1 -1
- package/dist/components/kritzel-menu.js +1 -1
- package/dist/components/kritzel-split-button.js +1 -1
- package/dist/components/kritzel-stroke-size.js +1 -1
- package/dist/components/kritzel-utility-panel.js +1 -1
- package/dist/components/kritzel-workspace-manager.js +1 -1
- package/dist/components/{p-CcqEzr-v.js → p-1lIHoOlH.js} +14 -12
- package/dist/components/p-1lIHoOlH.js.map +1 -0
- package/dist/components/{p-BDHz9TkP.js → p-B4kxkVe-.js} +3 -3
- package/dist/components/p-B4kxkVe-.js.map +1 -0
- package/dist/components/{p-G8Xyn7XV.js → p-BQg4YML7.js} +3 -3
- package/dist/components/{p-G8Xyn7XV.js.map → p-BQg4YML7.js.map} +1 -1
- package/dist/components/{p-BDvBsqPy.js → p-BfaEHdtM.js} +108 -68
- package/dist/components/p-BfaEHdtM.js.map +1 -0
- package/dist/components/{p-BJ-T4laL.js → p-CBYBurdY.js} +26 -23
- package/dist/components/p-CBYBurdY.js.map +1 -0
- package/dist/components/{p-DnOeM6VQ.js → p-CK6no3mi.js} +4 -4
- package/dist/components/{p-DnOeM6VQ.js.map → p-CK6no3mi.js.map} +1 -1
- package/dist/components/{p-DKVBZiTy.js → p-CsA9M6me.js} +4 -4
- package/dist/components/p-CsA9M6me.js.map +1 -0
- package/dist/components/{p-CJzBIV7n.js → p-D1uj4A4F.js} +3 -3
- package/dist/components/p-D1uj4A4F.js.map +1 -0
- package/dist/components/{p-Cqpp9wKT.js → p-DAfkuR8U.js} +8 -5
- package/dist/components/p-DAfkuR8U.js.map +1 -0
- package/dist/components/{p-CRB1YGoc.js → p-Ddh40W3x.js} +5 -5
- package/dist/components/p-Ddh40W3x.js.map +1 -0
- package/dist/components/{p-DhDRFCsP.js → p-TdCTkEu0.js} +4 -4
- package/dist/components/p-TdCTkEu0.js.map +1 -0
- package/dist/esm/{default-text-tool.config-ClW1W-X4.js → default-text-tool.config-2YFQA3SF.js} +53 -39
- package/dist/esm/default-text-tool.config-2YFQA3SF.js.map +1 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/kritzel-color_22.entry.js +110 -64
- package/dist/esm/loader.js +1 -1
- package/dist/esm/stencil.js +1 -1
- package/dist/stencil/index.esm.js +1 -1
- package/dist/stencil/p-2YFQA3SF.js +2 -0
- package/dist/stencil/p-2YFQA3SF.js.map +1 -0
- package/dist/stencil/p-bb5b2f78.entry.js +10 -0
- package/dist/stencil/p-bb5b2f78.entry.js.map +1 -0
- package/dist/stencil/stencil.esm.js +1 -1
- package/dist/types/classes/core/store.class.d.ts +4 -3
- package/dist/types/classes/structures/object-map.structure.d.ts +2 -0
- package/dist/types/components/core/kritzel-editor/kritzel-editor.d.ts +8 -1
- package/dist/types/components/core/kritzel-engine/kritzel-engine.d.ts +4 -0
- package/dist/types/components/ui/kritzel-controls/kritzel-controls.d.ts +2 -0
- package/dist/types/components/ui/kritzel-utility-panel/kritzel-utility-panel.d.ts +2 -0
- package/dist/types/components.d.ts +28 -0
- package/dist/types/interfaces/engine-state.interface.d.ts +1 -1
- package/dist/types/interfaces/undo-state.interface.d.ts +6 -0
- package/package.json +1 -1
- package/dist/cjs/default-text-tool.config-Cds94FE8.js.map +0 -1
- package/dist/components/p-BDHz9TkP.js.map +0 -1
- package/dist/components/p-BDvBsqPy.js.map +0 -1
- package/dist/components/p-BJ-T4laL.js.map +0 -1
- package/dist/components/p-CJzBIV7n.js.map +0 -1
- package/dist/components/p-CRB1YGoc.js.map +0 -1
- package/dist/components/p-CcqEzr-v.js.map +0 -1
- package/dist/components/p-Cqpp9wKT.js.map +0 -1
- package/dist/components/p-DKVBZiTy.js.map +0 -1
- package/dist/components/p-DhDRFCsP.js.map +0 -1
- package/dist/esm/default-text-tool.config-ClW1W-X4.js.map +0 -1
- package/dist/stencil/p-843d013b.entry.js +0 -10
- package/dist/stencil/p-843d013b.entry.js.map +0 -1
- package/dist/stencil/p-ClW1W-X4.js +0 -2
- package/dist/stencil/p-ClW1W-X4.js.map +0 -1
|
@@ -234,14 +234,14 @@ class KritzelBaseObject {
|
|
|
234
234
|
this.updatePosition(this.translateX + deltaX, this.translateY + deltaY);
|
|
235
235
|
}
|
|
236
236
|
update() {
|
|
237
|
-
this._core.store.state.
|
|
237
|
+
this._core.store.state.objects.update(this);
|
|
238
238
|
}
|
|
239
239
|
move(startX, startY, endX, endY) {
|
|
240
240
|
const deltaX = (startX - endX) / this._core.store.state.scale;
|
|
241
241
|
const deltaY = (startY - endY) / this._core.store.state.scale;
|
|
242
242
|
this.translateX += deltaX;
|
|
243
243
|
this.translateY += deltaY;
|
|
244
|
-
this._core.store.state.
|
|
244
|
+
this._core.store.state.objects.update(this);
|
|
245
245
|
}
|
|
246
246
|
resize(x, y, width, height) {
|
|
247
247
|
if (width <= 1 || height <= 1) {
|
|
@@ -251,11 +251,11 @@ class KritzelBaseObject {
|
|
|
251
251
|
this.height = height;
|
|
252
252
|
this.translateX = x;
|
|
253
253
|
this.translateY = y;
|
|
254
|
-
this._core.store.state.
|
|
254
|
+
this._core.store.state.objects.update(this);
|
|
255
255
|
}
|
|
256
256
|
rotate(value) {
|
|
257
257
|
this.rotation = value;
|
|
258
|
-
this._core.store.state.
|
|
258
|
+
this._core.store.state.objects.update(this);
|
|
259
259
|
}
|
|
260
260
|
clone() {
|
|
261
261
|
const clone = Object.create(Object.getPrototypeOf(this));
|
|
@@ -298,7 +298,7 @@ class KritzelBaseObject {
|
|
|
298
298
|
updatePosition(x, y) {
|
|
299
299
|
this.translateX = x;
|
|
300
300
|
this.translateY = y;
|
|
301
|
-
this._core.store.state.
|
|
301
|
+
this._core.store.state.objects.update(this);
|
|
302
302
|
}
|
|
303
303
|
}
|
|
304
304
|
|
|
@@ -13910,7 +13910,7 @@ class KritzelText extends KritzelBaseObject {
|
|
|
13910
13910
|
this.content = newState.doc.toJSON();
|
|
13911
13911
|
this.adjustSizeOnInput();
|
|
13912
13912
|
if (!transaction.getMeta('fromRemote')) {
|
|
13913
|
-
this._core.store.state.
|
|
13913
|
+
this._core.store.state.objects.update(this, { temporary: true });
|
|
13914
13914
|
}
|
|
13915
13915
|
}
|
|
13916
13916
|
},
|
|
@@ -13963,7 +13963,7 @@ class KritzelText extends KritzelBaseObject {
|
|
|
13963
13963
|
this.height = originalHeight * this.scaleFactor;
|
|
13964
13964
|
this.translateX = x;
|
|
13965
13965
|
this.translateY = y;
|
|
13966
|
-
this._core.store.state.
|
|
13966
|
+
this._core.store.state.objects.update(this);
|
|
13967
13967
|
}
|
|
13968
13968
|
focus(coords) {
|
|
13969
13969
|
if (this.editor) {
|
|
@@ -14015,8 +14015,9 @@ class KritzelText extends KritzelBaseObject {
|
|
|
14015
14015
|
this.editor.setProps({ editable: () => false });
|
|
14016
14016
|
this.editor.dom.blur();
|
|
14017
14017
|
this.isEditing = false;
|
|
14018
|
-
this._core.store.state.
|
|
14019
|
-
this._core.store.state.
|
|
14018
|
+
this._core.store.state.objects.consolidateTemporaryItems();
|
|
14019
|
+
this._core.store.state.objects.update(this);
|
|
14020
|
+
this._core.engine.emitObjectsChange();
|
|
14020
14021
|
}
|
|
14021
14022
|
handlePointerDown(event) {
|
|
14022
14023
|
if (!this.isEditing) {
|
|
@@ -14149,12 +14150,12 @@ class KritzelPath extends KritzelBaseObject {
|
|
|
14149
14150
|
this.translateX = x;
|
|
14150
14151
|
this.translateY = y;
|
|
14151
14152
|
this._adjustedPoints = null;
|
|
14152
|
-
this._core.store.state.
|
|
14153
|
+
this._core.store.state.objects.update(this);
|
|
14153
14154
|
}
|
|
14154
14155
|
rotate(value) {
|
|
14155
14156
|
this.rotation = value;
|
|
14156
14157
|
this._adjustedPoints = null;
|
|
14157
|
-
this._core.store.state.
|
|
14158
|
+
this._core.store.state.objects.update(this);
|
|
14158
14159
|
}
|
|
14159
14160
|
move(startX, startY, endX, endY) {
|
|
14160
14161
|
const deltaX = (startX - endX) / this._core.store.state.scale;
|
|
@@ -14162,7 +14163,7 @@ class KritzelPath extends KritzelBaseObject {
|
|
|
14162
14163
|
this.translateX += deltaX;
|
|
14163
14164
|
this.translateY += deltaY;
|
|
14164
14165
|
this._adjustedPoints = null;
|
|
14165
|
-
this._core.store.state.
|
|
14166
|
+
this._core.store.state.objects.update(this);
|
|
14166
14167
|
}
|
|
14167
14168
|
hitTest(x, y) {
|
|
14168
14169
|
const halfStroke = this.strokeWidth / this.scale / 2;
|
|
@@ -14238,7 +14239,7 @@ class KritzelPath extends KritzelBaseObject {
|
|
|
14238
14239
|
this.translateX = x;
|
|
14239
14240
|
this.translateY = y;
|
|
14240
14241
|
this._adjustedPoints = null;
|
|
14241
|
-
this._core.store.state.
|
|
14242
|
+
this._core.store.state.objects.update(this);
|
|
14242
14243
|
}
|
|
14243
14244
|
computeAdjustedPoints() {
|
|
14244
14245
|
if (!this.points?.length) {
|
|
@@ -14478,7 +14479,7 @@ class KritzelBrushTool extends KritzelBaseTool {
|
|
|
14478
14479
|
strokeWidth: this.size,
|
|
14479
14480
|
});
|
|
14480
14481
|
path.isCompleted = false;
|
|
14481
|
-
this._core.store.state.
|
|
14482
|
+
this._core.store.state.objects.insert(path);
|
|
14482
14483
|
}
|
|
14483
14484
|
}
|
|
14484
14485
|
if (event.pointerType === 'touch') {
|
|
@@ -14496,7 +14497,7 @@ class KritzelBrushTool extends KritzelBaseTool {
|
|
|
14496
14497
|
strokeWidth: this.size,
|
|
14497
14498
|
});
|
|
14498
14499
|
path.isCompleted = false;
|
|
14499
|
-
this._core.store.state.
|
|
14500
|
+
this._core.store.state.objects.insert(path);
|
|
14500
14501
|
}
|
|
14501
14502
|
}
|
|
14502
14503
|
}
|
|
@@ -14521,7 +14522,7 @@ class KritzelBrushTool extends KritzelBaseTool {
|
|
|
14521
14522
|
updatedPath.id = currentPath.id;
|
|
14522
14523
|
updatedPath.workspaceId = currentPath.workspaceId;
|
|
14523
14524
|
updatedPath.isCompleted = false;
|
|
14524
|
-
this._core.store.state.
|
|
14525
|
+
this._core.store.state.objects.update(updatedPath);
|
|
14525
14526
|
}
|
|
14526
14527
|
}
|
|
14527
14528
|
}
|
|
@@ -14543,7 +14544,7 @@ class KritzelBrushTool extends KritzelBaseTool {
|
|
|
14543
14544
|
updatedPath.id = currentPath.id;
|
|
14544
14545
|
updatedPath.workspaceId = currentPath.workspaceId;
|
|
14545
14546
|
updatedPath.isCompleted = false;
|
|
14546
|
-
this._core.store.state.
|
|
14547
|
+
this._core.store.state.objects.update(updatedPath);
|
|
14547
14548
|
}
|
|
14548
14549
|
}
|
|
14549
14550
|
}
|
|
@@ -14559,7 +14560,8 @@ class KritzelBrushTool extends KritzelBaseTool {
|
|
|
14559
14560
|
if (currentPath) {
|
|
14560
14561
|
currentPath.isCompleted = true;
|
|
14561
14562
|
currentPath.zIndex = this._core.store.currentZIndex;
|
|
14562
|
-
this._core.store.state.
|
|
14563
|
+
this._core.store.state.objects.update(currentPath);
|
|
14564
|
+
this._core.engine.emitObjectsChange();
|
|
14563
14565
|
}
|
|
14564
14566
|
}
|
|
14565
14567
|
}
|
|
@@ -14570,7 +14572,8 @@ class KritzelBrushTool extends KritzelBaseTool {
|
|
|
14570
14572
|
if (currentPath) {
|
|
14571
14573
|
currentPath.isCompleted = true;
|
|
14572
14574
|
currentPath.zIndex = this._core.store.currentZIndex;
|
|
14573
|
-
this._core.store.state.
|
|
14575
|
+
this._core.store.state.objects.update(currentPath);
|
|
14576
|
+
this._core.engine.emitObjectsChange();
|
|
14574
14577
|
}
|
|
14575
14578
|
}
|
|
14576
14579
|
}
|
|
@@ -14634,7 +14637,7 @@ class KritzelTextTool extends KritzelBaseTool {
|
|
|
14634
14637
|
text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
|
|
14635
14638
|
text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
|
|
14636
14639
|
text.zIndex = this._core.store.currentZIndex;
|
|
14637
|
-
this._core.store.state.
|
|
14640
|
+
this._core.store.state.objects.insert(text);
|
|
14638
14641
|
this._core.rerender();
|
|
14639
14642
|
text.edit(event);
|
|
14640
14643
|
}
|
|
@@ -14668,7 +14671,7 @@ class KritzelTextTool extends KritzelBaseTool {
|
|
|
14668
14671
|
text.translateX = (clientX - this._core.store.state.translateX) / this._core.store.state.scale;
|
|
14669
14672
|
text.translateY = (clientY - this._core.store.state.translateY) / this._core.store.state.scale;
|
|
14670
14673
|
text.zIndex = this._core.store.currentZIndex;
|
|
14671
|
-
this._core.store.state.
|
|
14674
|
+
this._core.store.state.objects.insert(text);
|
|
14672
14675
|
this._core.rerender();
|
|
14673
14676
|
text.edit(event);
|
|
14674
14677
|
}
|
|
@@ -14682,6 +14685,6 @@ class KritzelTextTool extends KritzelBaseTool {
|
|
|
14682
14685
|
}
|
|
14683
14686
|
|
|
14684
14687
|
export { KritzelText as K, KritzelPath as a, KritzelBrushTool as b, KritzelTextTool as c, KritzelKeyboardHelper as d, KritzelBaseObject as e, KritzelBaseTool as f, KritzelEventHelper as g, KritzelToolRegistry as h };
|
|
14685
|
-
//# sourceMappingURL=p-
|
|
14688
|
+
//# sourceMappingURL=p-CBYBurdY.js.map
|
|
14686
14689
|
|
|
14687
|
-
//# sourceMappingURL=p-
|
|
14690
|
+
//# sourceMappingURL=p-CBYBurdY.js.map
|