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.
Files changed (138) hide show
  1. package/dist/cjs/{default-text-tool.config-Cds94FE8.js → default-text-tool.config-BySzvIox.js} +53 -39
  2. package/dist/cjs/default-text-tool.config-BySzvIox.js.map +1 -0
  3. package/dist/cjs/index.cjs.js +1 -1
  4. package/dist/cjs/kritzel-color_22.cjs.entry.js +110 -64
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/stencil.cjs.js +1 -1
  7. package/dist/collection/classes/core/core.class.js +16 -14
  8. package/dist/collection/classes/core/core.class.js.map +1 -1
  9. package/dist/collection/classes/core/store.class.js +8 -8
  10. package/dist/collection/classes/core/store.class.js.map +1 -1
  11. package/dist/collection/classes/core/viewport.class.js +1 -1
  12. package/dist/collection/classes/core/viewport.class.js.map +1 -1
  13. package/dist/collection/classes/handlers/context-menu.handler.js +1 -1
  14. package/dist/collection/classes/handlers/context-menu.handler.js.map +1 -1
  15. package/dist/collection/classes/handlers/move.handler.js +2 -0
  16. package/dist/collection/classes/handlers/move.handler.js.map +1 -1
  17. package/dist/collection/classes/handlers/resize.handler.js +2 -0
  18. package/dist/collection/classes/handlers/resize.handler.js.map +1 -1
  19. package/dist/collection/classes/handlers/rotation.handler.js +2 -0
  20. package/dist/collection/classes/handlers/rotation.handler.js.map +1 -1
  21. package/dist/collection/classes/handlers/selection.handler.js +7 -5
  22. package/dist/collection/classes/handlers/selection.handler.js.map +1 -1
  23. package/dist/collection/classes/objects/base-object.class.js +5 -5
  24. package/dist/collection/classes/objects/base-object.class.js.map +1 -1
  25. package/dist/collection/classes/objects/custom-element.class.js +1 -1
  26. package/dist/collection/classes/objects/custom-element.class.js.map +1 -1
  27. package/dist/collection/classes/objects/image.class.js +1 -1
  28. package/dist/collection/classes/objects/image.class.js.map +1 -1
  29. package/dist/collection/classes/objects/path.class.js +4 -4
  30. package/dist/collection/classes/objects/path.class.js.map +1 -1
  31. package/dist/collection/classes/objects/selection-group.class.js +10 -10
  32. package/dist/collection/classes/objects/selection-group.class.js.map +1 -1
  33. package/dist/collection/classes/objects/text.class.js +5 -4
  34. package/dist/collection/classes/objects/text.class.js.map +1 -1
  35. package/dist/collection/classes/structures/object-map.structure.js +10 -0
  36. package/dist/collection/classes/structures/object-map.structure.js.map +1 -1
  37. package/dist/collection/classes/tools/brush-tool.class.js +8 -6
  38. package/dist/collection/classes/tools/brush-tool.class.js.map +1 -1
  39. package/dist/collection/classes/tools/eraser-tool.class.js +2 -0
  40. package/dist/collection/classes/tools/eraser-tool.class.js.map +1 -1
  41. package/dist/collection/classes/tools/image-tool.class.js +1 -0
  42. package/dist/collection/classes/tools/image-tool.class.js.map +1 -1
  43. package/dist/collection/classes/tools/text-tool.class.js +2 -2
  44. package/dist/collection/classes/tools/text-tool.class.js.map +1 -1
  45. package/dist/collection/components/core/kritzel-editor/kritzel-editor.js +60 -4
  46. package/dist/collection/components/core/kritzel-editor/kritzel-editor.js.map +1 -1
  47. package/dist/collection/components/core/kritzel-engine/kritzel-engine.js +80 -23
  48. package/dist/collection/components/core/kritzel-engine/kritzel-engine.js.map +1 -1
  49. package/dist/collection/components/shared/kritzel-color-palette/kritzel-color-palette.css +0 -5
  50. package/dist/collection/components/shared/kritzel-menu/kritzel-menu.css +0 -3
  51. package/dist/collection/components/shared/kritzel-menu-item/kritzel-menu-item.css +0 -2
  52. package/dist/collection/components/shared/kritzel-split-button/kritzel-split-button.css +0 -1
  53. package/dist/collection/components/shared/kritzel-stroke-size/kritzel-stroke-size.css +0 -4
  54. package/dist/collection/components/ui/kritzel-control-brush-config/kritzel-control-brush-config.css +0 -4
  55. package/dist/collection/components/ui/kritzel-controls/kritzel-controls.css +0 -5
  56. package/dist/collection/components/ui/kritzel-controls/kritzel-controls.js +28 -3
  57. package/dist/collection/components/ui/kritzel-controls/kritzel-controls.js.map +1 -1
  58. package/dist/collection/components/ui/kritzel-utility-panel/kritzel-utility-panel.css +8 -2
  59. package/dist/collection/components/ui/kritzel-utility-panel/kritzel-utility-panel.js +30 -1
  60. package/dist/collection/components/ui/kritzel-utility-panel/kritzel-utility-panel.js.map +1 -1
  61. package/dist/collection/configs/default-engine-config.js +1 -1
  62. package/dist/collection/configs/default-engine-config.js.map +1 -1
  63. package/dist/collection/interfaces/engine-state.interface.js.map +1 -1
  64. package/dist/collection/interfaces/undo-state.interface.js +2 -0
  65. package/dist/collection/interfaces/undo-state.interface.js.map +1 -0
  66. package/dist/components/index.js +3 -3
  67. package/dist/components/kritzel-color-palette.js +1 -1
  68. package/dist/components/kritzel-control-brush-config.js +1 -1
  69. package/dist/components/kritzel-control-text-config.js +1 -1
  70. package/dist/components/kritzel-controls.js +1 -1
  71. package/dist/components/kritzel-editor.js +30 -14
  72. package/dist/components/kritzel-editor.js.map +1 -1
  73. package/dist/components/kritzel-engine.js +1 -1
  74. package/dist/components/kritzel-menu-item.js +1 -1
  75. package/dist/components/kritzel-menu.js +1 -1
  76. package/dist/components/kritzel-split-button.js +1 -1
  77. package/dist/components/kritzel-stroke-size.js +1 -1
  78. package/dist/components/kritzel-utility-panel.js +1 -1
  79. package/dist/components/kritzel-workspace-manager.js +1 -1
  80. package/dist/components/{p-CcqEzr-v.js → p-1lIHoOlH.js} +14 -12
  81. package/dist/components/p-1lIHoOlH.js.map +1 -0
  82. package/dist/components/{p-BDHz9TkP.js → p-B4kxkVe-.js} +3 -3
  83. package/dist/components/p-B4kxkVe-.js.map +1 -0
  84. package/dist/components/{p-G8Xyn7XV.js → p-BQg4YML7.js} +3 -3
  85. package/dist/components/{p-G8Xyn7XV.js.map → p-BQg4YML7.js.map} +1 -1
  86. package/dist/components/{p-BDvBsqPy.js → p-BfaEHdtM.js} +108 -68
  87. package/dist/components/p-BfaEHdtM.js.map +1 -0
  88. package/dist/components/{p-BJ-T4laL.js → p-CBYBurdY.js} +26 -23
  89. package/dist/components/p-CBYBurdY.js.map +1 -0
  90. package/dist/components/{p-DnOeM6VQ.js → p-CK6no3mi.js} +4 -4
  91. package/dist/components/{p-DnOeM6VQ.js.map → p-CK6no3mi.js.map} +1 -1
  92. package/dist/components/{p-DKVBZiTy.js → p-CsA9M6me.js} +4 -4
  93. package/dist/components/p-CsA9M6me.js.map +1 -0
  94. package/dist/components/{p-CJzBIV7n.js → p-D1uj4A4F.js} +3 -3
  95. package/dist/components/p-D1uj4A4F.js.map +1 -0
  96. package/dist/components/{p-Cqpp9wKT.js → p-DAfkuR8U.js} +8 -5
  97. package/dist/components/p-DAfkuR8U.js.map +1 -0
  98. package/dist/components/{p-CRB1YGoc.js → p-Ddh40W3x.js} +5 -5
  99. package/dist/components/p-Ddh40W3x.js.map +1 -0
  100. package/dist/components/{p-DhDRFCsP.js → p-TdCTkEu0.js} +4 -4
  101. package/dist/components/p-TdCTkEu0.js.map +1 -0
  102. package/dist/esm/{default-text-tool.config-ClW1W-X4.js → default-text-tool.config-2YFQA3SF.js} +53 -39
  103. package/dist/esm/default-text-tool.config-2YFQA3SF.js.map +1 -0
  104. package/dist/esm/index.js +2 -2
  105. package/dist/esm/kritzel-color_22.entry.js +110 -64
  106. package/dist/esm/loader.js +1 -1
  107. package/dist/esm/stencil.js +1 -1
  108. package/dist/stencil/index.esm.js +1 -1
  109. package/dist/stencil/p-2YFQA3SF.js +2 -0
  110. package/dist/stencil/p-2YFQA3SF.js.map +1 -0
  111. package/dist/stencil/p-bb5b2f78.entry.js +10 -0
  112. package/dist/stencil/p-bb5b2f78.entry.js.map +1 -0
  113. package/dist/stencil/stencil.esm.js +1 -1
  114. package/dist/types/classes/core/store.class.d.ts +4 -3
  115. package/dist/types/classes/structures/object-map.structure.d.ts +2 -0
  116. package/dist/types/components/core/kritzel-editor/kritzel-editor.d.ts +8 -1
  117. package/dist/types/components/core/kritzel-engine/kritzel-engine.d.ts +4 -0
  118. package/dist/types/components/ui/kritzel-controls/kritzel-controls.d.ts +2 -0
  119. package/dist/types/components/ui/kritzel-utility-panel/kritzel-utility-panel.d.ts +2 -0
  120. package/dist/types/components.d.ts +28 -0
  121. package/dist/types/interfaces/engine-state.interface.d.ts +1 -1
  122. package/dist/types/interfaces/undo-state.interface.d.ts +6 -0
  123. package/package.json +1 -1
  124. package/dist/cjs/default-text-tool.config-Cds94FE8.js.map +0 -1
  125. package/dist/components/p-BDHz9TkP.js.map +0 -1
  126. package/dist/components/p-BDvBsqPy.js.map +0 -1
  127. package/dist/components/p-BJ-T4laL.js.map +0 -1
  128. package/dist/components/p-CJzBIV7n.js.map +0 -1
  129. package/dist/components/p-CRB1YGoc.js.map +0 -1
  130. package/dist/components/p-CcqEzr-v.js.map +0 -1
  131. package/dist/components/p-Cqpp9wKT.js.map +0 -1
  132. package/dist/components/p-DKVBZiTy.js.map +0 -1
  133. package/dist/components/p-DhDRFCsP.js.map +0 -1
  134. package/dist/esm/default-text-tool.config-ClW1W-X4.js.map +0 -1
  135. package/dist/stencil/p-843d013b.entry.js +0 -10
  136. package/dist/stencil/p-843d013b.entry.js.map +0 -1
  137. package/dist/stencil/p-ClW1W-X4.js +0 -2
  138. 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.objectsMap.update(this);
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.objectsMap.update(this);
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.objectsMap.update(this);
254
+ this._core.store.state.objects.update(this);
255
255
  }
256
256
  rotate(value) {
257
257
  this.rotation = value;
258
- this._core.store.state.objectsMap.update(this);
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.objectsMap.update(this);
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.objectsMap.update(this, { temporary: true });
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.objectsMap.update(this);
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.objectsMap.consolidateTemporaryItems();
14019
- this._core.store.state.objectsMap.update(this);
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.objectsMap.update(this);
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.objectsMap.update(this);
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.objectsMap.update(this);
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.objectsMap.update(this);
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.objectsMap.insert(path);
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.objectsMap.insert(path);
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.objectsMap.update(updatedPath);
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.objectsMap.update(updatedPath);
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.objectsMap.update(currentPath);
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.objectsMap.update(currentPath);
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.objectsMap.insert(text);
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.objectsMap.insert(text);
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-BJ-T4laL.js.map
14688
+ //# sourceMappingURL=p-CBYBurdY.js.map
14686
14689
 
14687
- //# sourceMappingURL=p-BJ-T4laL.js.map
14690
+ //# sourceMappingURL=p-CBYBurdY.js.map