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.
- package/dist/cjs/kritzel-brush-style_17.cjs.entry.js +7 -7
- package/dist/cjs/kritzel-brush-style_17.cjs.entry.js.map +1 -1
- package/dist/collection/classes/objects/base-object.class.js +1 -1
- package/dist/collection/classes/objects/base-object.class.js.map +1 -1
- package/dist/collection/classes/objects/image.class.js +2 -1
- package/dist/collection/classes/objects/image.class.js.map +1 -1
- package/dist/collection/classes/objects/path.class.js +1 -0
- package/dist/collection/classes/objects/path.class.js.map +1 -1
- package/dist/collection/classes/objects/selection-box.class.js +1 -0
- package/dist/collection/classes/objects/selection-box.class.js.map +1 -1
- package/dist/collection/classes/objects/selection-group.class.js +1 -3
- package/dist/collection/classes/objects/selection-group.class.js.map +1 -1
- package/dist/collection/classes/objects/text.class.js +1 -0
- package/dist/collection/classes/objects/text.class.js.map +1 -1
- package/dist/collection/classes/reviver.class.js +0 -1
- package/dist/collection/classes/reviver.class.js.map +1 -1
- package/dist/collection/classes/tools/text-tool.class.js +0 -1
- package/dist/collection/classes/tools/text-tool.class.js.map +1 -1
- package/dist/components/kritzel-controls.js +1 -1
- package/dist/components/kritzel-editor.js +2 -2
- package/dist/components/kritzel-engine.js +1 -1
- package/dist/components/{p-Dlr2EBkm.js → p-CB6Ur7Oy.js} +3 -3
- package/dist/components/{p-Dlr2EBkm.js.map → p-CB6Ur7Oy.js.map} +1 -1
- package/dist/components/{p-C2Afj6dB.js → p-CtEAGz7l.js} +3 -3
- package/dist/components/{p-C2Afj6dB.js.map → p-CtEAGz7l.js.map} +1 -1
- package/dist/components/{p-CqmbkhZG.js → p-HvgL185t.js} +9 -9
- package/dist/components/p-HvgL185t.js.map +1 -0
- package/dist/esm/kritzel-brush-style_17.entry.js +7 -7
- package/dist/esm/kritzel-brush-style_17.entry.js.map +1 -1
- package/dist/stencil/p-6ad38a90.entry.js +2 -0
- package/dist/stencil/p-6ad38a90.entry.js.map +1 -0
- package/dist/stencil/stencil.esm.js +1 -1
- package/dist/types/classes/objects/image.class.d.ts +3 -2
- package/dist/types/classes/objects/path.class.d.ts +1 -0
- package/dist/types/classes/objects/selection-box.class.d.ts +3 -2
- package/dist/types/classes/objects/selection-group.class.d.ts +1 -0
- package/dist/types/classes/objects/text.class.d.ts +1 -0
- package/package.json +1 -1
- package/dist/components/p-CqmbkhZG.js.map +0 -1
- package/dist/stencil/p-c4b8e67c.entry.js +0 -2
- 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__ =
|
|
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 =
|
|
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;
|