kritzel-stencil 0.0.48 → 0.0.50

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 (41) hide show
  1. package/dist/cjs/kritzel-brush-style_17.cjs.entry.js +7 -7
  2. package/dist/cjs/kritzel-brush-style_17.cjs.entry.js.map +1 -1
  3. package/dist/collection/classes/objects/base-object.class.js +1 -1
  4. package/dist/collection/classes/objects/base-object.class.js.map +1 -1
  5. package/dist/collection/classes/objects/image.class.js +2 -1
  6. package/dist/collection/classes/objects/image.class.js.map +1 -1
  7. package/dist/collection/classes/objects/path.class.js +1 -0
  8. package/dist/collection/classes/objects/path.class.js.map +1 -1
  9. package/dist/collection/classes/objects/selection-box.class.js +1 -0
  10. package/dist/collection/classes/objects/selection-box.class.js.map +1 -1
  11. package/dist/collection/classes/objects/selection-group.class.js +1 -3
  12. package/dist/collection/classes/objects/selection-group.class.js.map +1 -1
  13. package/dist/collection/classes/objects/text.class.js +1 -0
  14. package/dist/collection/classes/objects/text.class.js.map +1 -1
  15. package/dist/collection/classes/reviver.class.js +0 -1
  16. package/dist/collection/classes/reviver.class.js.map +1 -1
  17. package/dist/collection/classes/tools/text-tool.class.js +0 -1
  18. package/dist/collection/classes/tools/text-tool.class.js.map +1 -1
  19. package/dist/components/kritzel-controls.js +1 -1
  20. package/dist/components/kritzel-editor.js +2 -2
  21. package/dist/components/kritzel-engine.js +1 -1
  22. package/dist/components/{p-Dlr2EBkm.js → p-CB6Ur7Oy.js} +3 -3
  23. package/dist/components/{p-Dlr2EBkm.js.map → p-CB6Ur7Oy.js.map} +1 -1
  24. package/dist/components/{p-C2Afj6dB.js → p-CtEAGz7l.js} +3 -3
  25. package/dist/components/{p-C2Afj6dB.js.map → p-CtEAGz7l.js.map} +1 -1
  26. package/dist/components/{p-CqmbkhZG.js → p-HvgL185t.js} +9 -9
  27. package/dist/components/p-HvgL185t.js.map +1 -0
  28. package/dist/esm/kritzel-brush-style_17.entry.js +7 -7
  29. package/dist/esm/kritzel-brush-style_17.entry.js.map +1 -1
  30. package/dist/stencil/p-6ad38a90.entry.js +2 -0
  31. package/dist/stencil/p-6ad38a90.entry.js.map +1 -0
  32. package/dist/stencil/stencil.esm.js +1 -1
  33. package/dist/types/classes/objects/image.class.d.ts +3 -2
  34. package/dist/types/classes/objects/path.class.d.ts +1 -0
  35. package/dist/types/classes/objects/selection-box.class.d.ts +3 -2
  36. package/dist/types/classes/objects/selection-group.class.d.ts +1 -0
  37. package/dist/types/classes/objects/text.class.d.ts +1 -0
  38. package/package.json +1 -1
  39. package/dist/components/p-CqmbkhZG.js.map +0 -1
  40. package/dist/stencil/p-c4b8e67c.entry.js +0 -2
  41. package/dist/stencil/p-c4b8e67c.entry.js.map +0 -1
@@ -2877,7 +2877,7 @@ class KritzelBaseObject {
2877
2877
  return this.translateY + this.totalHeight / 2;
2878
2878
  }
2879
2879
  constructor(store) {
2880
- this.__class__ = this.constructor.name;
2880
+ this.__class__ = 'KritzelBaseObject';
2881
2881
  this.visible = true;
2882
2882
  this.borderWidth = 0;
2883
2883
  this.opacity = 1;
@@ -2952,6 +2952,7 @@ class KritzelBaseObject {
2952
2952
  class KrtizelSelectionBox extends KritzelBaseObject {
2953
2953
  constructor(store) {
2954
2954
  super(store);
2955
+ this.__class__ = 'KrtizelSelectionBox';
2955
2956
  this.objects = [];
2956
2957
  this.backgroundColor = 'var(--kritzel-selection-box-background-color)';
2957
2958
  this.borderColor = 'var(--kritzel-selection-box-border-color)';
@@ -2982,6 +2983,7 @@ class AddSelectionGroupCommand extends KritzelBaseCommand {
2982
2983
  class KritzelImage extends KritzelBaseObject {
2983
2984
  constructor(store, img) {
2984
2985
  super(store);
2986
+ this.__class__ = 'KritzelImage';
2985
2987
  this.debugInfoVisible = true;
2986
2988
  this.img = img;
2987
2989
  this.x = 0;
@@ -2996,7 +2998,7 @@ class KritzelImage extends KritzelBaseObject {
2996
2998
  if (width <= 1 || height <= 1) {
2997
2999
  return;
2998
3000
  }
2999
- const scaleFactor = (height / this.height);
3001
+ const scaleFactor = height / this.height;
3000
3002
  this.width = this.width * scaleFactor;
3001
3003
  this.height = this.height * scaleFactor;
3002
3004
  this.translateX = x;
@@ -3032,6 +3034,7 @@ class KritzelPath extends KritzelBaseObject {
3032
3034
  constructor(store, options) {
3033
3035
  var _a, _b, _c, _d, _e, _f;
3034
3036
  super(store);
3037
+ this.__class__ = 'KritzelPath';
3035
3038
  this.stroke = 'none';
3036
3039
  this.lineSlack = 0.5;
3037
3040
  this.x = 0;
@@ -3269,7 +3272,6 @@ class KritzelTextTool extends KritzelBaseTool {
3269
3272
  const path = event.composedPath().slice(1);
3270
3273
  const objectElement = path.find(element => element.classList && element.classList.contains('object'));
3271
3274
  const object = this._store.findObjectById(objectElement === null || objectElement === void 0 ? void 0 : objectElement.id);
3272
- debugger;
3273
3275
  if (this._store.state.activeText === null && object && object instanceof KritzelText) {
3274
3276
  this._store.state.activeText = object;
3275
3277
  object.focus();
@@ -3306,6 +3308,7 @@ class KritzelText extends KritzelBaseObject {
3306
3308
  }
3307
3309
  constructor(store, fontSize, fontFamily) {
3308
3310
  super(store);
3311
+ this.__class__ = 'KritzelText';
3309
3312
  this.value = '';
3310
3313
  this.fontFamily = 'Arial';
3311
3314
  this.fontSize = 8;
@@ -3718,7 +3721,6 @@ class KritzelReviver {
3718
3721
  if (obj && typeof obj === 'object') {
3719
3722
  if (obj.__class__) {
3720
3723
  let revivedObj;
3721
- debugger;
3722
3724
  switch (obj.__class__) {
3723
3725
  case 'KritzelPath':
3724
3726
  revivedObj = new KritzelPath(this._store).revive(obj);
@@ -3767,6 +3769,7 @@ class KritzelReviver {
3767
3769
  class KritzelSelectionGroup extends KritzelBaseObject {
3768
3770
  constructor(store) {
3769
3771
  super(store);
3772
+ this.__class__ = 'KritzelSelectionGroup';
3770
3773
  this.objects = [];
3771
3774
  this.unchangedObjects = [];
3772
3775
  this.scale = this._store.state.scale;
@@ -3848,11 +3851,8 @@ class KritzelSelectionGroup extends KritzelBaseObject {
3848
3851
  const sin = Math.sin(angle);
3849
3852
  this.objects.forEach(child => {
3850
3853
  const unchangedChild = this.getUnchangedObject(child.id);
3851
- console.log('Rotating child object:', child.id, 'with unchanged object:', unchangedChild);
3852
- debugger;
3853
3854
  const offsetX = this.getOffsetXToCenter(unchangedChild);
3854
3855
  const offsetY = this.getOffsetYToCenter(unchangedChild);
3855
- console.log('Offset to center:', offsetX, offsetY);
3856
3856
  const rotatedX = cos * offsetX - sin * offsetY;
3857
3857
  const rotatedY = sin * offsetX + cos * offsetY;
3858
3858
  child.translateX = centerX + rotatedX - child.totalWidth / 2 / child.scale;