kritzel-stencil 0.0.142 → 0.0.144

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 (43) hide show
  1. package/dist/cjs/{index-SaGfCHX3.js → index-C9GjuVAx.js} +25 -9
  2. package/dist/cjs/index-C9GjuVAx.js.map +1 -0
  3. package/dist/cjs/index.cjs.js +1 -1
  4. package/dist/cjs/kritzel-color_22.cjs.entry.js +10 -8
  5. package/dist/collection/classes/core/viewport.class.js +5 -4
  6. package/dist/collection/classes/core/viewport.class.js.map +1 -1
  7. package/dist/collection/classes/handlers/move.handler.js +6 -1
  8. package/dist/collection/classes/handlers/move.handler.js.map +1 -1
  9. package/dist/collection/classes/objects/text.class.js +17 -3
  10. package/dist/collection/classes/objects/text.class.js.map +1 -1
  11. package/dist/collection/components/core/kritzel-engine/kritzel-engine.js +4 -4
  12. package/dist/collection/components/core/kritzel-engine/kritzel-engine.js.map +1 -1
  13. package/dist/collection/helpers/event.helper.js +0 -3
  14. package/dist/collection/helpers/event.helper.js.map +1 -1
  15. package/dist/components/index.js +2 -2
  16. package/dist/components/kritzel-controls.js +1 -1
  17. package/dist/components/kritzel-editor.js +3 -3
  18. package/dist/components/kritzel-engine.js +1 -1
  19. package/dist/components/{p-C8calcQF.js → p-1bVCRi-d.js} +3 -3
  20. package/dist/components/{p-C8calcQF.js.map → p-1bVCRi-d.js.map} +1 -1
  21. package/dist/components/{p-CZk591FE.js → p-UsToUu6G.js} +19 -8
  22. package/dist/components/p-UsToUu6G.js.map +1 -0
  23. package/dist/components/{p-CziwfEQh.js → p-kn4eunyR.js} +18 -11
  24. package/dist/components/p-kn4eunyR.js.map +1 -0
  25. package/dist/esm/{index-SIM_s7ed.js → index-YVlgItFD.js} +26 -10
  26. package/dist/esm/index-YVlgItFD.js.map +1 -0
  27. package/dist/esm/index.js +1 -1
  28. package/dist/esm/kritzel-color_22.entry.js +10 -8
  29. package/dist/stencil/index.esm.js +1 -1
  30. package/dist/stencil/{p-SIM_s7ed.js → p-YVlgItFD.js} +2 -2
  31. package/dist/stencil/p-YVlgItFD.js.map +1 -0
  32. package/dist/stencil/p-fe738990.entry.js +2 -0
  33. package/dist/stencil/p-fe738990.entry.js.map +1 -0
  34. package/dist/stencil/stencil.esm.js +1 -1
  35. package/dist/types/helpers/event.helper.d.ts +0 -1
  36. package/package.json +1 -1
  37. package/dist/cjs/index-SaGfCHX3.js.map +0 -1
  38. package/dist/components/p-CZk591FE.js.map +0 -1
  39. package/dist/components/p-CziwfEQh.js.map +0 -1
  40. package/dist/esm/index-SIM_s7ed.js.map +0 -1
  41. package/dist/stencil/p-SIM_s7ed.js.map +0 -1
  42. package/dist/stencil/p-b697b2c1.entry.js +0 -2
  43. package/dist/stencil/p-b697b2c1.entry.js.map +0 -1
@@ -14006,11 +14006,25 @@ class KritzelText extends KritzelBaseObject {
14006
14006
  adjustSizeOnInput() {
14007
14007
  const element = this.elementRef;
14008
14008
  if (element && this.isMounted && element.scrollWidth > 0) {
14009
+ const previousTotalWidth = this.totalWidth;
14010
+ const previousTotalHeight = this.totalHeight;
14009
14011
  const newWidth = element.scrollWidth;
14010
14012
  const newHeight = element.scrollHeight;
14011
- if (this.width !== newWidth * this.scaleFactor || this.height !== newHeight * this.scaleFactor) {
14012
- this.width = newWidth * this.scaleFactor;
14013
- this.height = newHeight * this.scaleFactor;
14013
+ this.width = newWidth * this.scaleFactor;
14014
+ this.height = newHeight * this.scaleFactor;
14015
+ if (this.rotation !== 0) {
14016
+ const newTotalWidth = this.totalWidth;
14017
+ const newTotalHeight = this.totalHeight;
14018
+ const deltaWidth = (newTotalWidth - previousTotalWidth) / 2 / this.scale;
14019
+ const deltaHeight = (newTotalHeight - previousTotalHeight) / 2 / this.scale;
14020
+ if (deltaWidth !== 0 || deltaHeight !== 0) {
14021
+ const cos = Math.cos(this.rotation);
14022
+ const sin = Math.sin(this.rotation);
14023
+ const rotatedDeltaX = cos * deltaWidth - sin * deltaHeight;
14024
+ const rotatedDeltaY = sin * deltaWidth + cos * deltaHeight;
14025
+ this.translateX += rotatedDeltaX - deltaWidth;
14026
+ this.translateY += rotatedDeltaY - deltaHeight;
14027
+ }
14014
14028
  }
14015
14029
  }
14016
14030
  if (this._core) {
@@ -14489,9 +14503,6 @@ class KritzelEventHelper {
14489
14503
  static isLeftClick(ev) {
14490
14504
  return ev.button === exports.KritzelMouseButton.Left;
14491
14505
  }
14492
- static isMainMouseWheel(event) {
14493
- return Math.abs(event.deltaY) > 0 && Math.abs(event.deltaX) === 0 && Number.isInteger(event.deltaY);
14494
- }
14495
14506
  static isPointerEventOnContextMenu(event) {
14496
14507
  const path = event.composedPath();
14497
14508
  const contextMenu = path.find(element => element.classList && element.classList.contains('context-menu'));
@@ -14918,6 +14929,10 @@ class KritzelMoveHandler extends KritzelBaseHandler {
14918
14929
  if (event.pointerType === 'touch') {
14919
14930
  const activePointers = Array.from(this._core.store.state.pointers.values());
14920
14931
  if (this._core.store.state.pointers.size === 1) {
14932
+ if (this._core.store.state.isScaling) {
14933
+ this.trackedPointerId = null;
14934
+ return;
14935
+ }
14921
14936
  if (this._core.store.state.selectionGroup?.isSelected && !this._core.store.state.isResizeHandleSelected && !this._core.store.state.isRotationHandleSelected) {
14922
14937
  const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
14923
14938
  const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
@@ -14959,7 +14974,8 @@ class KritzelMoveHandler extends KritzelBaseHandler {
14959
14974
  if (this._core.store.state.pointers.size === 1 &&
14960
14975
  this._core.store.state.selectionGroup &&
14961
14976
  !this._core.store.state.isResizeHandleSelected &&
14962
- !this._core.store.state.isRotationHandleSelected) {
14977
+ !this._core.store.state.isRotationHandleSelected &&
14978
+ !this._core.store.state.isScaling) {
14963
14979
  const x = Math.round(activePointers[0].clientX - this._core.store.offsetX);
14964
14980
  const y = Math.round(activePointers[0].clientY - this._core.store.offsetY);
14965
14981
  this._core.store.state.isDragging = true;
@@ -16447,6 +16463,6 @@ exports.ObjectHelper = ObjectHelper;
16447
16463
  exports.RemoveObjectCommand = RemoveObjectCommand;
16448
16464
  exports.RemoveSelectionGroupCommand = RemoveSelectionGroupCommand;
16449
16465
  exports.UpdateObjectCommand = UpdateObjectCommand;
16450
- //# sourceMappingURL=index-SaGfCHX3.js.map
16466
+ //# sourceMappingURL=index-C9GjuVAx.js.map
16451
16467
 
16452
- //# sourceMappingURL=index-SaGfCHX3.js.map
16468
+ //# sourceMappingURL=index-C9GjuVAx.js.map