kritzel-stencil 0.0.154 → 0.0.156

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 (412) hide show
  1. package/dist/stencil/default-text-tool.config-DKpRP4XR.js +1441 -0
  2. package/dist/stencil/default-text-tool.config-DKpRP4XR.js.map +1 -0
  3. package/dist/{components/p-l10It7Nm.js → stencil/devices.helper-l10It7Nm.js} +2 -2
  4. package/dist/stencil/devices.helper-l10It7Nm.js.map +1 -0
  5. package/dist/stencil/engine.constants-DsjjAmnl.js +7 -0
  6. package/dist/stencil/engine.constants-DsjjAmnl.js.map +1 -0
  7. package/dist/{components/p-D8W6LE-c.js → stencil/event-button.enum-D8W6LE-c.js} +2 -2
  8. package/dist/stencil/event-button.enum-D8W6LE-c.js.map +1 -0
  9. package/dist/{components/p-C6qB08BS.js → stencil/html.helper-C6qB08BS.js} +2 -2
  10. package/dist/{collection/helpers/html.helper.js.map → stencil/html.helper-C6qB08BS.js.map} +1 -1
  11. package/dist/{collection/classes/registries/icon-registry.class.js → stencil/icon-registry.class-BtT8riKh.js} +6 -2
  12. package/dist/stencil/icon-registry.class-BtT8riKh.js.map +1 -0
  13. package/dist/stencil/index-DniO_INI.js +4395 -0
  14. package/dist/stencil/index-DniO_INI.js.map +1 -0
  15. package/dist/stencil/index.esm.js +18 -2
  16. package/dist/stencil/index.esm.js.map +1 -1
  17. package/dist/{esm → stencil}/kritzel-brush-style.entry.js +3 -3
  18. package/dist/stencil/kritzel-color-palette.entry.esm.js.map +1 -0
  19. package/dist/{components/p-D1uj4A4F.js → stencil/kritzel-color-palette.entry.js} +9 -39
  20. package/dist/stencil/kritzel-color.entry.esm.js.map +1 -0
  21. package/dist/{components/p-D4yvhd1d.js → stencil/kritzel-color.entry.js} +8 -30
  22. package/dist/stencil/kritzel-context-menu-BYgOEy-i.js +66 -0
  23. package/dist/stencil/kritzel-context-menu-BYgOEy-i.js.map +1 -0
  24. package/dist/{components/p-C2sWlNsJ.js → stencil/kritzel-context-menu-GdU9xEKC.js} +12 -41
  25. package/dist/stencil/kritzel-context-menu-GdU9xEKC.js.map +1 -0
  26. package/dist/stencil/kritzel-context-menu.entry.esm.js.map +1 -0
  27. package/dist/stencil/kritzel-context-menu.entry.js +3 -0
  28. package/dist/stencil/kritzel-control-brush-config.entry.esm.js.map +1 -0
  29. package/dist/stencil/kritzel-control-brush-config.entry.js +54 -0
  30. package/dist/stencil/kritzel-control-text-config.entry.esm.js.map +1 -0
  31. package/dist/stencil/kritzel-control-text-config.entry.js +42 -0
  32. package/dist/stencil/kritzel-controls.entry.esm.js.map +1 -0
  33. package/dist/{components/p-1lIHoOlH.js → stencil/kritzel-controls.entry.js} +17 -115
  34. package/dist/stencil/kritzel-cursor-trail.entry.esm.js.map +1 -0
  35. package/dist/{components/p-CLt3HMl6.js → stencil/kritzel-cursor-trail.entry.js} +10 -33
  36. package/dist/stencil/kritzel-dropdown.entry.esm.js.map +1 -0
  37. package/dist/{components/p-CIXPLjCu.js → stencil/kritzel-dropdown.entry.js} +9 -39
  38. package/dist/stencil/kritzel-editor.entry.esm.js.map +1 -0
  39. package/dist/stencil/kritzel-editor.entry.js +248 -0
  40. package/dist/stencil/kritzel-engine.entry.esm.js.map +1 -0
  41. package/dist/{esm/kritzel-color_22.entry.js → stencil/kritzel-engine.entry.js} +287 -1844
  42. package/dist/stencil/kritzel-font-family.entry.esm.js.map +1 -0
  43. package/dist/{components/p-BgznZoBH.js → stencil/kritzel-font-family.entry.js} +9 -37
  44. package/dist/{components/p-DDmSxM5f.js.map → stencil/kritzel-font-size.entry.esm.js.map} +1 -1
  45. package/dist/stencil/kritzel-font-size.entry.js +28 -0
  46. package/dist/stencil/kritzel-font.entry.esm.js.map +1 -0
  47. package/dist/stencil/kritzel-font.entry.js +23 -0
  48. package/dist/stencil/kritzel-icon.entry.esm.js.map +1 -0
  49. package/dist/stencil/kritzel-icon.entry.js +29 -0
  50. package/dist/stencil/kritzel-menu-item.entry.esm.js.map +1 -0
  51. package/dist/{components/p-CsA9M6me.js → stencil/kritzel-menu-item.entry.js} +16 -174
  52. package/dist/stencil/kritzel-menu.entry.esm.js.map +1 -0
  53. package/dist/stencil/kritzel-menu.entry.js +72 -0
  54. package/dist/stencil/kritzel-portal.entry.esm.js.map +1 -0
  55. package/dist/{components/p-D5Wq4x4r.js → stencil/kritzel-portal.entry.js} +11 -37
  56. package/dist/stencil/kritzel-split-button.entry.esm.js.map +1 -0
  57. package/dist/{components/p-TdCTkEu0.js → stencil/kritzel-split-button.entry.js} +18 -72
  58. package/dist/stencil/kritzel-stroke-size.entry.esm.js.map +1 -0
  59. package/dist/stencil/kritzel-stroke-size.entry.js +27 -0
  60. package/dist/stencil/kritzel-tooltip.entry.esm.js.map +1 -0
  61. package/dist/{components/p-CTP479Lf.js → stencil/kritzel-tooltip.entry.js} +11 -39
  62. package/dist/stencil/kritzel-utility-panel.entry.esm.js.map +1 -0
  63. package/dist/{components/p-DAfkuR8U.js → stencil/kritzel-utility-panel.entry.js} +11 -38
  64. package/dist/stencil/kritzel-workspace-manager.entry.esm.js.map +1 -0
  65. package/dist/{components/p-CK6no3mi.js → stencil/kritzel-workspace-manager.entry.js} +13 -68
  66. package/dist/stencil/loader.esm.js.map +1 -1
  67. package/dist/{components/p-B0kd2rUI.js → stencil/object.helper-B0kd2rUI.js} +2 -2
  68. package/dist/stencil/object.helper-B0kd2rUI.js.map +1 -0
  69. package/dist/stencil/stencil.esm.js +48 -2
  70. package/dist/stencil/stencil.esm.js.map +1 -1
  71. package/dist/stencil/sync-config.interface-lKfyG1EN.js +19839 -0
  72. package/dist/stencil/sync-config.interface-lKfyG1EN.js.map +1 -0
  73. package/dist/{components/p-CBYBurdY.js → stencil/text-tool.class-C0GbC5zQ.js} +729 -25
  74. package/dist/stencil/text-tool.class-C0GbC5zQ.js.map +1 -0
  75. package/dist/{components/p-n789Y3S-.js → stencil/workspace.class-n789Y3S-.js} +2 -2
  76. package/dist/stencil/workspace.class-n789Y3S-.js.map +1 -0
  77. package/dist/types/classes/structures/object-map.structure.d.ts +9 -1
  78. package/dist/types/classes/structures/quadtree.structure.d.ts +18 -0
  79. package/dist/types/components/core/kritzel-engine/kritzel-engine.d.ts +1 -0
  80. package/dist/types/interfaces/bounding-box.interface.d.ts +1 -0
  81. package/package.json +1 -1
  82. package/dist/cjs/app-globals-V2Kpy_OQ.js +0 -8
  83. package/dist/cjs/app-globals-V2Kpy_OQ.js.map +0 -1
  84. package/dist/cjs/default-text-tool.config-BySzvIox.js +0 -31267
  85. package/dist/cjs/default-text-tool.config-BySzvIox.js.map +0 -1
  86. package/dist/cjs/index-Cj__YTlG.js +0 -1650
  87. package/dist/cjs/index-Cj__YTlG.js.map +0 -1
  88. package/dist/cjs/index.cjs.js +0 -1465
  89. package/dist/cjs/index.cjs.js.map +0 -1
  90. package/dist/cjs/kritzel-brush-style.cjs.entry.js +0 -32
  91. package/dist/cjs/kritzel-brush-style.entry.cjs.js.map +0 -1
  92. package/dist/cjs/kritzel-color_22.cjs.entry.js +0 -20798
  93. package/dist/cjs/loader.cjs.js +0 -14
  94. package/dist/cjs/loader.cjs.js.map +0 -1
  95. package/dist/cjs/stencil.cjs.js +0 -26
  96. package/dist/cjs/stencil.cjs.js.map +0 -1
  97. package/dist/collection/classes/core/core.class.js +0 -461
  98. package/dist/collection/classes/core/core.class.js.map +0 -1
  99. package/dist/collection/classes/core/reviver.class.js +0 -71
  100. package/dist/collection/classes/core/reviver.class.js.map +0 -1
  101. package/dist/collection/classes/core/store.class.js +0 -72
  102. package/dist/collection/classes/core/store.class.js.map +0 -1
  103. package/dist/collection/classes/core/viewport.class.js +0 -190
  104. package/dist/collection/classes/core/viewport.class.js.map +0 -1
  105. package/dist/collection/classes/core/workspace.class.js +0 -41
  106. package/dist/collection/classes/core/workspace.class.js.map +0 -1
  107. package/dist/collection/classes/handlers/base.handler.js +0 -8
  108. package/dist/collection/classes/handlers/base.handler.js.map +0 -1
  109. package/dist/collection/classes/handlers/context-menu.handler.js +0 -62
  110. package/dist/collection/classes/handlers/context-menu.handler.js.map +0 -1
  111. package/dist/collection/classes/handlers/hover.handler.js +0 -19
  112. package/dist/collection/classes/handlers/hover.handler.js.map +0 -1
  113. package/dist/collection/classes/handlers/key.handler.js +0 -58
  114. package/dist/collection/classes/handlers/key.handler.js.map +0 -1
  115. package/dist/collection/classes/handlers/move.handler.js +0 -149
  116. package/dist/collection/classes/handlers/move.handler.js.map +0 -1
  117. package/dist/collection/classes/handlers/resize.handler.js +0 -184
  118. package/dist/collection/classes/handlers/resize.handler.js.map +0 -1
  119. package/dist/collection/classes/handlers/rotation.handler.js +0 -116
  120. package/dist/collection/classes/handlers/rotation.handler.js.map +0 -1
  121. package/dist/collection/classes/handlers/selection.handler.js +0 -246
  122. package/dist/collection/classes/handlers/selection.handler.js.map +0 -1
  123. package/dist/collection/classes/objects/base-object.class.js +0 -232
  124. package/dist/collection/classes/objects/base-object.class.js.map +0 -1
  125. package/dist/collection/classes/objects/custom-element.class.js +0 -62
  126. package/dist/collection/classes/objects/custom-element.class.js.map +0 -1
  127. package/dist/collection/classes/objects/image.class.js +0 -56
  128. package/dist/collection/classes/objects/image.class.js.map +0 -1
  129. package/dist/collection/classes/objects/path.class.js +0 -284
  130. package/dist/collection/classes/objects/path.class.js.map +0 -1
  131. package/dist/collection/classes/objects/selection-box.class.js +0 -19
  132. package/dist/collection/classes/objects/selection-box.class.js.map +0 -1
  133. package/dist/collection/classes/objects/selection-group.class.js +0 -226
  134. package/dist/collection/classes/objects/selection-group.class.js.map +0 -1
  135. package/dist/collection/classes/objects/text.class.js +0 -261
  136. package/dist/collection/classes/objects/text.class.js.map +0 -1
  137. package/dist/collection/classes/providers/broadcast-sync-provider.class.js +0 -93
  138. package/dist/collection/classes/providers/broadcast-sync-provider.class.js.map +0 -1
  139. package/dist/collection/classes/providers/hocuspocus-sync-provider.class.js +0 -232
  140. package/dist/collection/classes/providers/hocuspocus-sync-provider.class.js.map +0 -1
  141. package/dist/collection/classes/providers/indexeddb-sync-provider.class.js +0 -35
  142. package/dist/collection/classes/providers/indexeddb-sync-provider.class.js.map +0 -1
  143. package/dist/collection/classes/providers/websocket-sync-provider.class.js +0 -89
  144. package/dist/collection/classes/providers/websocket-sync-provider.class.js.map +0 -1
  145. package/dist/collection/classes/registries/icon-registry.class.js.map +0 -1
  146. package/dist/collection/classes/registries/tool.registry.js +0 -18
  147. package/dist/collection/classes/registries/tool.registry.js.map +0 -1
  148. package/dist/collection/classes/structures/app-state-map.structure.js +0 -189
  149. package/dist/collection/classes/structures/app-state-map.structure.js.map +0 -1
  150. package/dist/collection/classes/structures/object-map.structure.js +0 -310
  151. package/dist/collection/classes/structures/object-map.structure.js.map +0 -1
  152. package/dist/collection/classes/tools/base-tool.class.js +0 -38
  153. package/dist/collection/classes/tools/base-tool.class.js.map +0 -1
  154. package/dist/collection/classes/tools/brush-tool.class.js +0 -133
  155. package/dist/collection/classes/tools/brush-tool.class.js.map +0 -1
  156. package/dist/collection/classes/tools/eraser-tool.class.js +0 -85
  157. package/dist/collection/classes/tools/eraser-tool.class.js.map +0 -1
  158. package/dist/collection/classes/tools/image-tool.class.js +0 -83
  159. package/dist/collection/classes/tools/image-tool.class.js.map +0 -1
  160. package/dist/collection/classes/tools/selection-tool.class.js +0 -164
  161. package/dist/collection/classes/tools/selection-tool.class.js.map +0 -1
  162. package/dist/collection/classes/tools/text-tool.class.js +0 -108
  163. package/dist/collection/classes/tools/text-tool.class.js.map +0 -1
  164. package/dist/collection/collection-manifest.json +0 -34
  165. package/dist/collection/components/core/kritzel-cursor-trail/kritzel-cursor-trail.css +0 -10
  166. package/dist/collection/components/core/kritzel-cursor-trail/kritzel-cursor-trail.js +0 -153
  167. package/dist/collection/components/core/kritzel-cursor-trail/kritzel-cursor-trail.js.map +0 -1
  168. package/dist/collection/components/core/kritzel-editor/kritzel-editor.css +0 -34
  169. package/dist/collection/components/core/kritzel-editor/kritzel-editor.js +0 -928
  170. package/dist/collection/components/core/kritzel-editor/kritzel-editor.js.map +0 -1
  171. package/dist/collection/components/core/kritzel-engine/kritzel-engine.css +0 -73
  172. package/dist/collection/components/core/kritzel-engine/kritzel-engine.js +0 -1593
  173. package/dist/collection/components/core/kritzel-engine/kritzel-engine.js.map +0 -1
  174. package/dist/collection/components/shared/kritzel-brush-style/kritzel-brush-style.css +0 -44
  175. package/dist/collection/components/shared/kritzel-brush-style/kritzel-brush-style.js +0 -98
  176. package/dist/collection/components/shared/kritzel-brush-style/kritzel-brush-style.js.map +0 -1
  177. package/dist/collection/components/shared/kritzel-color/kritzel-color.css +0 -21
  178. package/dist/collection/components/shared/kritzel-color/kritzel-color.js +0 -107
  179. package/dist/collection/components/shared/kritzel-color/kritzel-color.js.map +0 -1
  180. package/dist/collection/components/shared/kritzel-color-palette/kritzel-color-palette.css +0 -46
  181. package/dist/collection/components/shared/kritzel-color-palette/kritzel-color-palette.js +0 -145
  182. package/dist/collection/components/shared/kritzel-color-palette/kritzel-color-palette.js.map +0 -1
  183. package/dist/collection/components/shared/kritzel-dropdown/kritzel-dropdown.css +0 -53
  184. package/dist/collection/components/shared/kritzel-dropdown/kritzel-dropdown.js +0 -218
  185. package/dist/collection/components/shared/kritzel-dropdown/kritzel-dropdown.js.map +0 -1
  186. package/dist/collection/components/shared/kritzel-font/kritzel-font.css +0 -10
  187. package/dist/collection/components/shared/kritzel-font/kritzel-font.js +0 -90
  188. package/dist/collection/components/shared/kritzel-font/kritzel-font.js.map +0 -1
  189. package/dist/collection/components/shared/kritzel-font-family/kritzel-font-family.css +0 -48
  190. package/dist/collection/components/shared/kritzel-font-family/kritzel-font-family.js +0 -114
  191. package/dist/collection/components/shared/kritzel-font-family/kritzel-font-family.js.map +0 -1
  192. package/dist/collection/components/shared/kritzel-font-size/kritzel-font-size.css +0 -30
  193. package/dist/collection/components/shared/kritzel-font-size/kritzel-font-size.js +0 -110
  194. package/dist/collection/components/shared/kritzel-font-size/kritzel-font-size.js.map +0 -1
  195. package/dist/collection/components/shared/kritzel-icon/kritzel-icon.css +0 -18
  196. package/dist/collection/components/shared/kritzel-icon/kritzel-icon.js +0 -94
  197. package/dist/collection/components/shared/kritzel-icon/kritzel-icon.js.map +0 -1
  198. package/dist/collection/components/shared/kritzel-menu/kritzel-menu.css +0 -27
  199. package/dist/collection/components/shared/kritzel-menu/kritzel-menu.js +0 -291
  200. package/dist/collection/components/shared/kritzel-menu/kritzel-menu.js.map +0 -1
  201. package/dist/collection/components/shared/kritzel-menu-item/kritzel-menu-item.css +0 -145
  202. package/dist/collection/components/shared/kritzel-menu-item/kritzel-menu-item.js +0 -280
  203. package/dist/collection/components/shared/kritzel-menu-item/kritzel-menu-item.js.map +0 -1
  204. package/dist/collection/components/shared/kritzel-portal/kritzel-portal.js +0 -310
  205. package/dist/collection/components/shared/kritzel-portal/kritzel-portal.js.map +0 -1
  206. package/dist/collection/components/shared/kritzel-split-button/kritzel-split-button.css +0 -78
  207. package/dist/collection/components/shared/kritzel-split-button/kritzel-split-button.js +0 -406
  208. package/dist/collection/components/shared/kritzel-split-button/kritzel-split-button.js.map +0 -1
  209. package/dist/collection/components/shared/kritzel-stroke-size/kritzel-stroke-size.css +0 -28
  210. package/dist/collection/components/shared/kritzel-stroke-size/kritzel-stroke-size.js +0 -89
  211. package/dist/collection/components/shared/kritzel-stroke-size/kritzel-stroke-size.js.map +0 -1
  212. package/dist/collection/components/shared/kritzel-tooltip/kritzel-tooltip.css +0 -17
  213. package/dist/collection/components/shared/kritzel-tooltip/kritzel-tooltip.js +0 -251
  214. package/dist/collection/components/shared/kritzel-tooltip/kritzel-tooltip.js.map +0 -1
  215. package/dist/collection/components/ui/kritzel-context-menu/kritzel-context-menu.css +0 -55
  216. package/dist/collection/components/ui/kritzel-context-menu/kritzel-context-menu.js +0 -172
  217. package/dist/collection/components/ui/kritzel-context-menu/kritzel-context-menu.js.map +0 -1
  218. package/dist/collection/components/ui/kritzel-control-brush-config/kritzel-control-brush-config.css +0 -19
  219. package/dist/collection/components/ui/kritzel-control-brush-config/kritzel-control-brush-config.js +0 -135
  220. package/dist/collection/components/ui/kritzel-control-brush-config/kritzel-control-brush-config.js.map +0 -1
  221. package/dist/collection/components/ui/kritzel-control-text-config/kritzel-control-text-config.css +0 -19
  222. package/dist/collection/components/ui/kritzel-control-text-config/kritzel-control-text-config.js +0 -115
  223. package/dist/collection/components/ui/kritzel-control-text-config/kritzel-control-text-config.js.map +0 -1
  224. package/dist/collection/components/ui/kritzel-controls/kritzel-controls.css +0 -127
  225. package/dist/collection/components/ui/kritzel-controls/kritzel-controls.js +0 -312
  226. package/dist/collection/components/ui/kritzel-controls/kritzel-controls.js.map +0 -1
  227. package/dist/collection/components/ui/kritzel-utility-panel/kritzel-utility-panel.css +0 -44
  228. package/dist/collection/components/ui/kritzel-utility-panel/kritzel-utility-panel.js +0 -111
  229. package/dist/collection/components/ui/kritzel-utility-panel/kritzel-utility-panel.js.map +0 -1
  230. package/dist/collection/components/ui/kritzel-workspace-manager/kritzel-workspace-manager.css +0 -5
  231. package/dist/collection/components/ui/kritzel-workspace-manager/kritzel-workspace-manager.js +0 -255
  232. package/dist/collection/components/ui/kritzel-workspace-manager/kritzel-workspace-manager.js.map +0 -1
  233. package/dist/collection/configs/default-brush-tool.config.js +0 -60
  234. package/dist/collection/configs/default-brush-tool.config.js.map +0 -1
  235. package/dist/collection/configs/default-engine-config.js +0 -53
  236. package/dist/collection/configs/default-engine-config.js.map +0 -1
  237. package/dist/collection/configs/default-sync.config.js +0 -10
  238. package/dist/collection/configs/default-sync.config.js.map +0 -1
  239. package/dist/collection/configs/default-text-tool.config.js +0 -32
  240. package/dist/collection/configs/default-text-tool.config.js.map +0 -1
  241. package/dist/collection/constants/core.constants.js +0 -2
  242. package/dist/collection/constants/core.constants.js.map +0 -1
  243. package/dist/collection/constants/engine.constants.js +0 -3
  244. package/dist/collection/constants/engine.constants.js.map +0 -1
  245. package/dist/collection/enums/event-button.enum.js +0 -7
  246. package/dist/collection/enums/event-button.enum.js.map +0 -1
  247. package/dist/collection/enums/handle-type.enum.js +0 -8
  248. package/dist/collection/enums/handle-type.enum.js.map +0 -1
  249. package/dist/collection/helpers/class.helper.js +0 -6
  250. package/dist/collection/helpers/class.helper.js.map +0 -1
  251. package/dist/collection/helpers/devices.helper.js +0 -26
  252. package/dist/collection/helpers/devices.helper.js.map +0 -1
  253. package/dist/collection/helpers/event.helper.js +0 -51
  254. package/dist/collection/helpers/event.helper.js.map +0 -1
  255. package/dist/collection/helpers/geometry.helper.js +0 -53
  256. package/dist/collection/helpers/geometry.helper.js.map +0 -1
  257. package/dist/collection/helpers/html.helper.js +0 -64
  258. package/dist/collection/helpers/keyboard.helper.js +0 -49
  259. package/dist/collection/helpers/keyboard.helper.js.map +0 -1
  260. package/dist/collection/helpers/math.helper.js +0 -6
  261. package/dist/collection/helpers/math.helper.js.map +0 -1
  262. package/dist/collection/helpers/object.helper.js +0 -12
  263. package/dist/collection/helpers/object.helper.js.map +0 -1
  264. package/dist/collection/index.js +0 -30
  265. package/dist/collection/index.js.map +0 -1
  266. package/dist/collection/interfaces/bounding-box.interface.js +0 -2
  267. package/dist/collection/interfaces/bounding-box.interface.js.map +0 -1
  268. package/dist/collection/interfaces/clonable.interface.js +0 -2
  269. package/dist/collection/interfaces/clonable.interface.js.map +0 -1
  270. package/dist/collection/interfaces/context-menu-item.interface.js +0 -2
  271. package/dist/collection/interfaces/context-menu-item.interface.js.map +0 -1
  272. package/dist/collection/interfaces/debug-info.interface.js +0 -2
  273. package/dist/collection/interfaces/debug-info.interface.js.map +0 -1
  274. package/dist/collection/interfaces/engine-state.interface.js +0 -2
  275. package/dist/collection/interfaces/engine-state.interface.js.map +0 -1
  276. package/dist/collection/interfaces/menu-item.interface.js +0 -2
  277. package/dist/collection/interfaces/menu-item.interface.js.map +0 -1
  278. package/dist/collection/interfaces/object.interface.js +0 -2
  279. package/dist/collection/interfaces/object.interface.js.map +0 -1
  280. package/dist/collection/interfaces/path-options.interface.js +0 -2
  281. package/dist/collection/interfaces/path-options.interface.js.map +0 -1
  282. package/dist/collection/interfaces/point.interface.js +0 -2
  283. package/dist/collection/interfaces/point.interface.js.map +0 -1
  284. package/dist/collection/interfaces/polygon.interface.js +0 -2
  285. package/dist/collection/interfaces/polygon.interface.js.map +0 -1
  286. package/dist/collection/interfaces/selection-state.interface.js +0 -2
  287. package/dist/collection/interfaces/selection-state.interface.js.map +0 -1
  288. package/dist/collection/interfaces/serializable.interface.js +0 -2
  289. package/dist/collection/interfaces/serializable.interface.js.map +0 -1
  290. package/dist/collection/interfaces/shortcut.interface.js +0 -2
  291. package/dist/collection/interfaces/shortcut.interface.js.map +0 -1
  292. package/dist/collection/interfaces/sync-config.interface.js +0 -2
  293. package/dist/collection/interfaces/sync-config.interface.js.map +0 -1
  294. package/dist/collection/interfaces/sync-provider.interface.js +0 -2
  295. package/dist/collection/interfaces/sync-provider.interface.js.map +0 -1
  296. package/dist/collection/interfaces/tool.interface.js +0 -2
  297. package/dist/collection/interfaces/tool.interface.js.map +0 -1
  298. package/dist/collection/interfaces/toolbar-control.interface.js +0 -2
  299. package/dist/collection/interfaces/toolbar-control.interface.js.map +0 -1
  300. package/dist/collection/interfaces/undo-state.interface.js +0 -2
  301. package/dist/collection/interfaces/undo-state.interface.js.map +0 -1
  302. package/dist/collection/types/deep-readonly.type.js +0 -2
  303. package/dist/collection/types/deep-readonly.type.js.map +0 -1
  304. package/dist/collection/types/state.types.js +0 -2
  305. package/dist/collection/types/state.types.js.map +0 -1
  306. package/dist/components/index.js +0 -1477
  307. package/dist/components/index.js.map +0 -1
  308. package/dist/components/kritzel-brush-style.js +0 -67
  309. package/dist/components/kritzel-brush-style.js.map +0 -1
  310. package/dist/components/kritzel-color-palette.js +0 -9
  311. package/dist/components/kritzel-color-palette.js.map +0 -1
  312. package/dist/components/kritzel-color.js +0 -9
  313. package/dist/components/kritzel-color.js.map +0 -1
  314. package/dist/components/kritzel-context-menu.js +0 -9
  315. package/dist/components/kritzel-context-menu.js.map +0 -1
  316. package/dist/components/kritzel-control-brush-config.js +0 -9
  317. package/dist/components/kritzel-control-brush-config.js.map +0 -1
  318. package/dist/components/kritzel-control-text-config.js +0 -9
  319. package/dist/components/kritzel-control-text-config.js.map +0 -1
  320. package/dist/components/kritzel-controls.js +0 -9
  321. package/dist/components/kritzel-controls.js.map +0 -1
  322. package/dist/components/kritzel-cursor-trail.js +0 -9
  323. package/dist/components/kritzel-cursor-trail.js.map +0 -1
  324. package/dist/components/kritzel-dropdown.js +0 -9
  325. package/dist/components/kritzel-dropdown.js.map +0 -1
  326. package/dist/components/kritzel-editor.js +0 -516
  327. package/dist/components/kritzel-editor.js.map +0 -1
  328. package/dist/components/kritzel-engine.js +0 -9
  329. package/dist/components/kritzel-engine.js.map +0 -1
  330. package/dist/components/kritzel-font-family.js +0 -9
  331. package/dist/components/kritzel-font-family.js.map +0 -1
  332. package/dist/components/kritzel-font-size.js +0 -9
  333. package/dist/components/kritzel-font-size.js.map +0 -1
  334. package/dist/components/kritzel-font.js +0 -9
  335. package/dist/components/kritzel-font.js.map +0 -1
  336. package/dist/components/kritzel-icon.js +0 -9
  337. package/dist/components/kritzel-icon.js.map +0 -1
  338. package/dist/components/kritzel-menu-item.js +0 -9
  339. package/dist/components/kritzel-menu-item.js.map +0 -1
  340. package/dist/components/kritzel-menu.js +0 -9
  341. package/dist/components/kritzel-menu.js.map +0 -1
  342. package/dist/components/kritzel-portal.js +0 -9
  343. package/dist/components/kritzel-portal.js.map +0 -1
  344. package/dist/components/kritzel-split-button.js +0 -9
  345. package/dist/components/kritzel-split-button.js.map +0 -1
  346. package/dist/components/kritzel-stroke-size.js +0 -9
  347. package/dist/components/kritzel-stroke-size.js.map +0 -1
  348. package/dist/components/kritzel-tooltip.js +0 -9
  349. package/dist/components/kritzel-tooltip.js.map +0 -1
  350. package/dist/components/kritzel-utility-panel.js +0 -9
  351. package/dist/components/kritzel-utility-panel.js.map +0 -1
  352. package/dist/components/kritzel-workspace-manager.js +0 -9
  353. package/dist/components/kritzel-workspace-manager.js.map +0 -1
  354. package/dist/components/p-1lIHoOlH.js.map +0 -1
  355. package/dist/components/p-B0kd2rUI.js.map +0 -1
  356. package/dist/components/p-B4kxkVe-.js +0 -55
  357. package/dist/components/p-B4kxkVe-.js.map +0 -1
  358. package/dist/components/p-BQg4YML7.js +0 -106
  359. package/dist/components/p-BQg4YML7.js.map +0 -1
  360. package/dist/components/p-BfaEHdtM.js +0 -35434
  361. package/dist/components/p-BfaEHdtM.js.map +0 -1
  362. package/dist/components/p-BgznZoBH.js.map +0 -1
  363. package/dist/components/p-Bhtn9qay.js +0 -98
  364. package/dist/components/p-Bhtn9qay.js.map +0 -1
  365. package/dist/components/p-C2sWlNsJ.js.map +0 -1
  366. package/dist/components/p-C6qB08BS.js.map +0 -1
  367. package/dist/components/p-CBYBurdY.js.map +0 -1
  368. package/dist/components/p-CIXPLjCu.js.map +0 -1
  369. package/dist/components/p-CK6no3mi.js.map +0 -1
  370. package/dist/components/p-CLt3HMl6.js.map +0 -1
  371. package/dist/components/p-CTP479Lf.js.map +0 -1
  372. package/dist/components/p-CsA9M6me.js.map +0 -1
  373. package/dist/components/p-CwkUrTy1.js +0 -1367
  374. package/dist/components/p-CwkUrTy1.js.map +0 -1
  375. package/dist/components/p-D1uj4A4F.js.map +0 -1
  376. package/dist/components/p-D4yvhd1d.js.map +0 -1
  377. package/dist/components/p-D5Wq4x4r.js.map +0 -1
  378. package/dist/components/p-D8W6LE-c.js.map +0 -1
  379. package/dist/components/p-DAfkuR8U.js.map +0 -1
  380. package/dist/components/p-DDmSxM5f.js +0 -57
  381. package/dist/components/p-Ddh40W3x.js +0 -103
  382. package/dist/components/p-Ddh40W3x.js.map +0 -1
  383. package/dist/components/p-TdCTkEu0.js.map +0 -1
  384. package/dist/components/p-l10It7Nm.js.map +0 -1
  385. package/dist/components/p-n789Y3S-.js.map +0 -1
  386. package/dist/components/p-uuRJU2R1.js +0 -46
  387. package/dist/components/p-uuRJU2R1.js.map +0 -1
  388. package/dist/esm/app-globals-DQuL1Twl.js +0 -6
  389. package/dist/esm/app-globals-DQuL1Twl.js.map +0 -1
  390. package/dist/esm/default-text-tool.config-2YFQA3SF.js +0 -31208
  391. package/dist/esm/default-text-tool.config-2YFQA3SF.js.map +0 -1
  392. package/dist/esm/index-SGde3HXB.js +0 -1623
  393. package/dist/esm/index-SGde3HXB.js.map +0 -1
  394. package/dist/esm/index.js +0 -1449
  395. package/dist/esm/index.js.map +0 -1
  396. package/dist/esm/kritzel-brush-style.entry.js.map +0 -1
  397. package/dist/esm/loader.js +0 -12
  398. package/dist/esm/loader.js.map +0 -1
  399. package/dist/esm/stencil.js +0 -22
  400. package/dist/esm/stencil.js.map +0 -1
  401. package/dist/index.cjs.js +0 -1
  402. package/dist/index.js +0 -1
  403. package/dist/stencil/p-2YFQA3SF.js +0 -2
  404. package/dist/stencil/p-2YFQA3SF.js.map +0 -1
  405. package/dist/stencil/p-DQuL1Twl.js +0 -2
  406. package/dist/stencil/p-DQuL1Twl.js.map +0 -1
  407. package/dist/stencil/p-SGde3HXB.js +0 -3
  408. package/dist/stencil/p-SGde3HXB.js.map +0 -1
  409. package/dist/stencil/p-bb5b2f78.entry.js +0 -10
  410. package/dist/stencil/p-bb5b2f78.entry.js.map +0 -1
  411. package/dist/stencil/p-d702c5af.entry.js +0 -2
  412. package/dist/stencil/p-d702c5af.entry.js.map +0 -1
@@ -1,56 +0,0 @@
1
- import { KritzelBaseObject } from "./base-object.class";
2
- export class KritzelImage extends KritzelBaseObject {
3
- __class__ = 'KritzelImage';
4
- src = '';
5
- maxWidth = 300;
6
- maxHeight = 300;
7
- maxCompressionSize = 300;
8
- isDebugInfoVisible = true;
9
- constructor(config) {
10
- super();
11
- this.src = config?.src || '';
12
- this.x = config?.x || 0;
13
- this.y = config?.y || 0;
14
- this.translateX = config?.translateX || 0;
15
- this.translateY = config?.translateY || 0;
16
- this.scale = config?.scale || 1;
17
- }
18
- static create(core) {
19
- const object = new KritzelImage();
20
- object._core = core;
21
- object.id = object.generateId();
22
- object.workspaceId = core.store.state.activeWorkspace.id;
23
- object.x = 0;
24
- object.y = 0;
25
- object.translateX = 0;
26
- object.translateY = 0;
27
- object.scale = object._core.store.state.scale;
28
- object.zIndex = core.store.currentZIndex;
29
- return object;
30
- }
31
- resize(x, y, width, height) {
32
- if (width <= 1 || height <= 1) {
33
- return;
34
- }
35
- const scaleFactor = height / this.height;
36
- this.width = this.width * scaleFactor;
37
- this.height = this.height * scaleFactor;
38
- this.translateX = x;
39
- this.translateY = y;
40
- // Update to sync changes to y.js and propagate to other tabs
41
- this._core.store.state.objects.update(this);
42
- }
43
- calculateScaledDimensions(img) {
44
- let scaledWidth = img.width;
45
- let scaledHeight = img.height;
46
- if (img.width > this.maxWidth || img.height > this.maxHeight) {
47
- const widthRatio = this.maxWidth / img.width;
48
- const heightRatio = this.maxHeight / img.height;
49
- const scaleRatio = Math.min(widthRatio, heightRatio);
50
- scaledWidth = img.width * scaleRatio;
51
- scaledHeight = img.height * scaleRatio;
52
- }
53
- return { scaledWidth, scaledHeight };
54
- }
55
- }
56
- //# sourceMappingURL=image.class.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"image.class.js","sourceRoot":"","sources":["../../../src/classes/objects/image.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseObject } from './base-object.class';\r\n\r\nexport class KritzelImage extends KritzelBaseObject<HTMLImageElement> {\r\n override __class__: string = 'KritzelImage';\r\n\r\n src: string = '';\r\n\r\n maxWidth: number = 300;\r\n maxHeight: number = 300;\r\n\r\n maxCompressionSize: number = 300;\r\n\r\n override isDebugInfoVisible: boolean = true;\r\n\r\n constructor(config?: Partial<KritzelImage>) {\r\n super();\r\n this.src = config?.src || '';\r\n this.x = config?.x || 0;\r\n this.y = config?.y || 0;\r\n this.translateX = config?.translateX || 0;\r\n this.translateY = config?.translateY || 0;\r\n this.scale = config?.scale || 1;\r\n }\r\n\r\n static override create(core: KritzelCore): KritzelImage {\r\n const object = new KritzelImage();\r\n\r\n object._core = core;\r\n object.id = object.generateId();\r\n object.workspaceId = core.store.state.activeWorkspace.id\r\n object.x = 0;\r\n object.y = 0;\r\n object.translateX = 0;\r\n object.translateY = 0;\r\n object.scale = object._core.store.state.scale;\r\n object.zIndex = core.store.currentZIndex;\r\n\r\n return object;\r\n }\r\n\r\n override resize(x: number, y: number, width: number, height: number): void {\r\n if (width <= 1 || height <= 1) {\r\n return;\r\n }\r\n\r\n const scaleFactor = height / this.height;\r\n\r\n this.width = this.width * scaleFactor;\r\n this.height = this.height * scaleFactor;\r\n this.translateX = x;\r\n this.translateY = y;\r\n\r\n // Update to sync changes to y.js and propagate to other tabs\r\n this._core.store.state.objects.update(this);\r\n }\r\n\r\n calculateScaledDimensions(img: HTMLImageElement): { scaledWidth: number; scaledHeight: number } {\r\n let scaledWidth = img.width;\r\n let scaledHeight = img.height;\r\n\r\n if (img.width > this.maxWidth || img.height > this.maxHeight) {\r\n const widthRatio = this.maxWidth / img.width;\r\n const heightRatio = this.maxHeight / img.height;\r\n const scaleRatio = Math.min(widthRatio, heightRatio);\r\n\r\n scaledWidth = img.width * scaleRatio;\r\n scaledHeight = img.height * scaleRatio;\r\n }\r\n\r\n return { scaledWidth, scaledHeight };\r\n }\r\n}\r\n"]}
@@ -1,284 +0,0 @@
1
- import { getStroke } from "perfect-freehand";
2
- import { KritzelMathHelper } from "../../helpers/math.helper";
3
- import { KritzelBaseObject } from "./base-object.class";
4
- import { KritzelGeometryHelper } from "../../helpers/geometry.helper";
5
- export class KritzelPath extends KritzelBaseObject {
6
- __class__ = 'KritzelPath';
7
- points;
8
- d;
9
- stroke = 'none';
10
- strokeWidth;
11
- lineSlack = 0.5;
12
- fill;
13
- x = 0;
14
- y = 0;
15
- height = 0;
16
- width = 0;
17
- scale = 1;
18
- options;
19
- isVisible = true;
20
- isDebugInfoVisible = true;
21
- isCompleted = false;
22
- _adjustedPoints = null;
23
- get viewBox() {
24
- return `${this.x} ${this.y} ${this.width} ${this.height}`;
25
- }
26
- constructor(config) {
27
- super();
28
- this.options = config;
29
- this.points = config?.points ?? [];
30
- this.translateX = config?.translateX ?? 0;
31
- this.translateY = config?.translateY ?? 0;
32
- this.scale = config?.scale ?? 1;
33
- this.strokeWidth = config?.strokeWidth ?? 8;
34
- this.fill = config?.fill ?? '#000000';
35
- this.d = this.generateSvgPath();
36
- this.updateDimensions();
37
- }
38
- static create(core, options) {
39
- const object = new KritzelPath();
40
- object._core = core;
41
- object.id = object.generateId();
42
- object.workspaceId = core.store.state.activeWorkspace.id;
43
- object.options = options;
44
- object.points = options?.points ?? [];
45
- object.translateX = options?.translateX ?? 0;
46
- object.translateY = options?.translateY ?? 0;
47
- object.scale = options?.scale ?? 1;
48
- object.strokeWidth = options?.strokeWidth ?? 8;
49
- object.fill = options?.fill ?? '#000000';
50
- object.zIndex = core.store.currentZIndex;
51
- object.d = object.generateSvgPath();
52
- object.updateDimensions();
53
- return object;
54
- }
55
- resize(x, y, width, height) {
56
- if (width <= 1 || height <= 1) {
57
- return;
58
- }
59
- const scaleX = width / this.width;
60
- const scaleY = height / this.height;
61
- this.width = width;
62
- this.height = height;
63
- this.points = this.points.map(([x, y]) => [x * scaleX, y * scaleY]);
64
- this.d = this.generateSvgPath();
65
- this.width = Math.max(...this.points.map(p => p[0])) - Math.min(...this.points.map(p => p[0])) + this.strokeWidth;
66
- this.height = Math.max(...this.points.map(p => p[1])) - Math.min(...this.points.map(p => p[1])) + this.strokeWidth;
67
- this.x = Math.min(...this.points.map(p => p[0])) - this.strokeWidth / 2;
68
- this.y = Math.min(...this.points.map(p => p[1])) - this.strokeWidth / 2;
69
- this.translateX = x;
70
- this.translateY = y;
71
- this._adjustedPoints = null;
72
- this._core.store.state.objects.update(this);
73
- }
74
- rotate(value) {
75
- this.rotation = value;
76
- this._adjustedPoints = null;
77
- this._core.store.state.objects.update(this);
78
- }
79
- move(startX, startY, endX, endY) {
80
- const deltaX = (startX - endX) / this._core.store.state.scale;
81
- const deltaY = (startY - endY) / this._core.store.state.scale;
82
- this.translateX += deltaX;
83
- this.translateY += deltaY;
84
- this._adjustedPoints = null;
85
- this._core.store.state.objects.update(this);
86
- }
87
- hitTest(x, y) {
88
- const halfStroke = this.strokeWidth / this.scale / 2;
89
- if (this._adjustedPoints === null) {
90
- this._adjustedPoints = this.computeAdjustedPoints();
91
- }
92
- if (this._adjustedPoints.length === 1) {
93
- const p1 = this._adjustedPoints[0];
94
- const distance = this.pointToLineSegmentDistance(x, y, p1[0], p1[1], p1[0], p1[1]);
95
- return distance <= halfStroke;
96
- }
97
- for (let i = 0; i < this._adjustedPoints.length - 1; i++) {
98
- const p1 = this._adjustedPoints[i];
99
- const p2 = this._adjustedPoints[i + 1];
100
- const distance = this.pointToLineSegmentDistance(x, y, p1[0], p1[1], p2[0], p2[1]);
101
- if (distance <= halfStroke) {
102
- return true;
103
- }
104
- }
105
- return false;
106
- }
107
- hitTestPolygon(polygon) {
108
- const halfStroke = this.strokeWidth / this.scale / 2;
109
- if (this._adjustedPoints === null) {
110
- this._adjustedPoints = this.computeAdjustedPoints();
111
- }
112
- const polyPoints = [
113
- { x: polygon.bottomLeft.x, y: polygon.bottomLeft.y },
114
- { x: polygon.bottomRight.x, y: polygon.bottomRight.y },
115
- { x: polygon.topRight.x, y: polygon.topRight.y },
116
- { x: polygon.topLeft.x, y: polygon.topLeft.y },
117
- ];
118
- for (const [px, py] of this._adjustedPoints) {
119
- if (KritzelGeometryHelper.isPointInPolygon({ x: px, y: py }, polyPoints)) {
120
- return true;
121
- }
122
- }
123
- for (const pt of polyPoints) {
124
- if (this.hitTest(pt.x, pt.y)) {
125
- return true;
126
- }
127
- }
128
- for (let i = 0; i < this._adjustedPoints.length - 1; i++) {
129
- const p1 = { x: this._adjustedPoints[i][0], y: this._adjustedPoints[i][1] };
130
- const p2 = { x: this._adjustedPoints[i + 1][0], y: this._adjustedPoints[i + 1][1] };
131
- for (let j = 0; j < polyPoints.length; j++) {
132
- const q1 = polyPoints[j];
133
- const q2 = polyPoints[(j + 1) % polyPoints.length];
134
- if (KritzelGeometryHelper.intersectLines(p1, p2, q1, q2)) {
135
- return true;
136
- }
137
- }
138
- }
139
- for (let i = 0; i < this._adjustedPoints.length - 1; i++) {
140
- const p1 = this._adjustedPoints[i];
141
- const p2 = this._adjustedPoints[i + 1];
142
- for (let j = 0; j < polyPoints.length; j++) {
143
- const q1 = polyPoints[j];
144
- const q2 = polyPoints[(j + 1) % polyPoints.length];
145
- const d1 = this.pointToLineSegmentDistance(q1.x, q1.y, p1[0], p1[1], p2[0], p2[1]);
146
- const d2 = this.pointToLineSegmentDistance(q2.x, q2.y, p1[0], p1[1], p2[0], p2[1]);
147
- const d3 = this.pointToLineSegmentDistance(p1[0], p1[1], q1.x, q1.y, q2.x, q2.y);
148
- const d4 = this.pointToLineSegmentDistance(p2[0], p2[1], q1.x, q1.y, q2.x, q2.y);
149
- const minD = Math.min(d1, d2, d3, d4);
150
- if (minD <= halfStroke) {
151
- return true;
152
- }
153
- }
154
- }
155
- return false;
156
- }
157
- updatePosition(x, y) {
158
- this.translateX = x;
159
- this.translateY = y;
160
- this._adjustedPoints = null;
161
- this._core.store.state.objects.update(this);
162
- }
163
- computeAdjustedPoints() {
164
- if (!this.points?.length) {
165
- return [];
166
- }
167
- const angle = this.rotation;
168
- const cos = Math.cos(angle);
169
- const sin = Math.sin(angle);
170
- const xs = this.points.map(p => p[0]);
171
- const ys = this.points.map(p => p[1]);
172
- const pivot = {
173
- x: (Math.min(...xs) + Math.max(...xs)) / 2,
174
- y: (Math.min(...ys) + Math.max(...ys)) / 2,
175
- };
176
- const { x: cx, y: cy } = pivot;
177
- const rotatedPoints = this.points.map(([x, y]) => {
178
- const dx = x - cx;
179
- const dy = y - cy;
180
- return [cx + dx * cos - dy * sin, cy + dx * sin + dy * cos];
181
- });
182
- return rotatedPoints.map(([px, py]) => [Math.abs(px - this.x) / this.scale + this.translateX, Math.abs(py - this.y) / this.scale + this.translateY]);
183
- }
184
- pointToLineSegmentDistance(x, y, x1, y1, x2, y2) {
185
- const A = x - x1;
186
- const B = y - y1;
187
- const C = x2 - x1;
188
- const D = y2 - y1;
189
- const dot = A * C + B * D;
190
- const len_sq = C * C + D * D;
191
- let param = -1;
192
- if (len_sq !== 0) {
193
- // in case of 0 length line
194
- param = dot / len_sq;
195
- }
196
- let xx, yy;
197
- if (param < 0) {
198
- xx = x1;
199
- yy = y1;
200
- }
201
- else if (param > 1) {
202
- xx = x2;
203
- yy = y2;
204
- }
205
- else {
206
- xx = x1 + param * C;
207
- yy = y1 + param * D;
208
- }
209
- const dx = x - xx;
210
- const dy = y - yy;
211
- return Math.sqrt(dx * dx + dy * dy);
212
- }
213
- updateDimensions() {
214
- const rotatedPoints = this.points.map(([x, y]) => {
215
- const rotatedX = x * Math.cos(this.rotation) - y * Math.sin(this.rotation);
216
- const rotatedY = x * Math.sin(this.rotation) + y * Math.cos(this.rotation);
217
- return [rotatedX, rotatedY];
218
- });
219
- const minX = Math.min(...rotatedPoints.map(p => p[0] - this.strokeWidth / 2));
220
- const minY = Math.min(...rotatedPoints.map(p => p[1] - this.strokeWidth / 2));
221
- const maxX = Math.max(...rotatedPoints.map(p => p[0] + this.strokeWidth / 2));
222
- const maxY = Math.max(...rotatedPoints.map(p => p[1] + this.strokeWidth / 2));
223
- this.width = maxX - minX + this.lineSlack;
224
- this.height = maxY - minY + this.lineSlack;
225
- this.x = minX;
226
- this.y = minY;
227
- this.translateX = (this.x + this.translateX) / this.scale;
228
- this.translateY = (this.y + this.translateY) / this.scale;
229
- }
230
- generateSvgPath() {
231
- const stroke = this.getStrokeFromPoints(this.points, this.strokeWidth);
232
- return this.getSvgPathFromStroke(stroke);
233
- }
234
- getStrokeFromPoints(points, strokeWidth) {
235
- return getStroke(points, {
236
- size: strokeWidth,
237
- thinning: 0.5,
238
- smoothing: 0.5,
239
- streamline: 0.5,
240
- easing: t => t,
241
- simulatePressure: true,
242
- last: true,
243
- start: {
244
- cap: true,
245
- taper: 0,
246
- easing: t => t,
247
- },
248
- end: {
249
- cap: true,
250
- taper: 0,
251
- easing: t => t,
252
- },
253
- });
254
- }
255
- getSvgPathFromStroke(points, closed = true) {
256
- const len = points.length;
257
- if (len < 4) {
258
- return ``;
259
- }
260
- let a = points[0];
261
- let b = points[1];
262
- const c = points[2];
263
- let result = `M${a[0].toFixed(2)},${a[1].toFixed(2)} Q${b[0].toFixed(2)},${b[1].toFixed(2)} ${KritzelMathHelper.average(b[0], c[0]).toFixed(2)},${KritzelMathHelper.average(b[1], c[1]).toFixed(2)} T`;
264
- for (let i = 2, max = len - 1; i < max; i++) {
265
- a = points[i];
266
- b = points[i + 1];
267
- result += `${KritzelMathHelper.average(a[0], b[0]).toFixed(2)},${KritzelMathHelper.average(a[1], b[1]).toFixed(2)} `;
268
- }
269
- if (closed) {
270
- result += 'Z';
271
- }
272
- return result;
273
- }
274
- isLowRes() {
275
- if (!this._core) {
276
- return false;
277
- }
278
- const viewportScale = this._core.store.state.scale;
279
- const scaledWidth = this.boundingBox.width * viewportScale;
280
- const scaledHeight = this.boundingBox.height * viewportScale;
281
- return (scaledWidth * scaledHeight) < 500;
282
- }
283
- }
284
- //# sourceMappingURL=path.class.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"path.class.js","sourceRoot":"","sources":["../../../src/classes/objects/path.class.ts"],"names":[],"mappings":"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","sourcesContent":["import { getStroke } from 'perfect-freehand';\r\nimport { KritzelMathHelper } from '../../helpers/math.helper';\r\nimport { KritzelPathOptions } from '../../interfaces/path-options.interface';\r\nimport { KritzelBaseObject } from './base-object.class';\r\nimport { KritzelPolygon } from '../../interfaces/polygon.interface';\r\nimport { KritzelGeometryHelper } from '../../helpers/geometry.helper';\r\nimport { KritzelPoint } from '../../interfaces/point.interface';\r\nimport { KritzelCore } from '../core/core.class';\r\n\r\nexport class KritzelPath extends KritzelBaseObject<SVGElement> {\r\n override __class__: string = 'KritzelPath';\r\n\r\n points: number[][];\r\n d: string;\r\n stroke: string = 'none';\r\n strokeWidth: number;\r\n lineSlack: number = 0.5;\r\n fill: string;\r\n x: number = 0;\r\n y: number = 0;\r\n height: number = 0;\r\n width: number = 0;\r\n scale: number = 1;\r\n options: KritzelPathOptions | undefined;\r\n\r\n isVisible: boolean = true;\r\n isDebugInfoVisible: boolean = true;\r\n isCompleted: boolean = false;\r\n\r\n private _adjustedPoints?: number[][] = null;\r\n\r\n get viewBox(): string {\r\n return `${this.x} ${this.y} ${this.width} ${this.height}`;\r\n }\r\n\r\n constructor(config?: { points: number[][]; translateX?: number; translateY?: number; scale?: number; strokeWidth?: number; fill?: string; lineSlack?: number }) {\r\n super();\r\n this.options = config;\r\n this.points = config?.points ?? [];\r\n this.translateX = config?.translateX ?? 0;\r\n this.translateY = config?.translateY ?? 0;\r\n this.scale = config?.scale ?? 1;\r\n this.strokeWidth = config?.strokeWidth ?? 8;\r\n this.fill = config?.fill ?? '#000000';\r\n this.d = this.generateSvgPath();\r\n this.updateDimensions();\r\n }\r\n\r\n static override create(core: KritzelCore, options?: KritzelPathOptions): KritzelPath {\r\n const object = new KritzelPath();\r\n\r\n object._core = core;\r\n object.id = object.generateId();\r\n object.workspaceId = core.store.state.activeWorkspace.id;\r\n object.options = options;\r\n object.points = options?.points ?? [];\r\n object.translateX = options?.translateX ?? 0;\r\n object.translateY = options?.translateY ?? 0;\r\n object.scale = options?.scale ?? 1;\r\n object.strokeWidth = options?.strokeWidth ?? 8;\r\n object.fill = options?.fill ?? '#000000';\r\n object.zIndex = core.store.currentZIndex;\r\n object.d = object.generateSvgPath();\r\n object.updateDimensions();\r\n\r\n return object;\r\n }\r\n\r\n override resize(x: number | null, y: number | null, width: number, height: number): void {\r\n if (width <= 1 || height <= 1) {\r\n return;\r\n }\r\n\r\n const scaleX = width / this.width;\r\n const scaleY = height / this.height;\r\n\r\n this.width = width;\r\n this.height = height;\r\n\r\n this.points = this.points.map(([x, y]) => [x * scaleX, y * scaleY]);\r\n this.d = this.generateSvgPath();\r\n\r\n this.width = Math.max(...this.points.map(p => p[0])) - Math.min(...this.points.map(p => p[0])) + this.strokeWidth;\r\n this.height = Math.max(...this.points.map(p => p[1])) - Math.min(...this.points.map(p => p[1])) + this.strokeWidth;\r\n\r\n this.x = Math.min(...this.points.map(p => p[0])) - this.strokeWidth / 2;\r\n this.y = Math.min(...this.points.map(p => p[1])) - this.strokeWidth / 2;\r\n\r\n this.translateX = x;\r\n this.translateY = y;\r\n\r\n this._adjustedPoints = null;\r\n\r\n this._core.store.state.objects.update(this);\r\n }\r\n\r\n override rotate(value: number): void {\r\n this.rotation = value;\r\n this._adjustedPoints = null;\r\n\r\n this._core.store.state.objects.update(this);\r\n }\r\n\r\n override move(startX: number, startY: number, endX: number, endY: number): void {\r\n const deltaX = (startX - endX) / this._core.store.state.scale;\r\n const deltaY = (startY - endY) / this._core.store.state.scale;\r\n\r\n this.translateX += deltaX;\r\n this.translateY += deltaY;\r\n\r\n this._adjustedPoints = null;\r\n\r\n this._core.store.state.objects.update(this);\r\n }\r\n\r\n override hitTest(x: number, y: number): boolean {\r\n const halfStroke = this.strokeWidth / this.scale / 2;\r\n\r\n if (this._adjustedPoints === null) {\r\n this._adjustedPoints = this.computeAdjustedPoints();\r\n }\r\n\r\n if (this._adjustedPoints.length === 1) {\r\n const p1 = this._adjustedPoints[0];\r\n const distance = this.pointToLineSegmentDistance(x, y, p1[0], p1[1], p1[0], p1[1]);\r\n return distance <= halfStroke;\r\n }\r\n\r\n for (let i = 0; i < this._adjustedPoints.length - 1; i++) {\r\n const p1 = this._adjustedPoints[i];\r\n const p2 = this._adjustedPoints[i + 1];\r\n\r\n const distance = this.pointToLineSegmentDistance(x, y, p1[0], p1[1], p2[0], p2[1]);\r\n\r\n if (distance <= halfStroke) {\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n override hitTestPolygon(polygon: KritzelPolygon): boolean {\r\n const halfStroke = this.strokeWidth / this.scale / 2;\r\n\r\n if (this._adjustedPoints === null) {\r\n this._adjustedPoints = this.computeAdjustedPoints();\r\n }\r\n\r\n const polyPoints: KritzelPoint[] = [\r\n { x: polygon.bottomLeft.x, y: polygon.bottomLeft.y },\r\n { x: polygon.bottomRight.x, y: polygon.bottomRight.y },\r\n { x: polygon.topRight.x, y: polygon.topRight.y },\r\n { x: polygon.topLeft.x, y: polygon.topLeft.y },\r\n ];\r\n\r\n for (const [px, py] of this._adjustedPoints) {\r\n if (KritzelGeometryHelper.isPointInPolygon({ x: px, y: py }, polyPoints)) {\r\n return true;\r\n }\r\n }\r\n\r\n for (const pt of polyPoints) {\r\n if (this.hitTest(pt.x, pt.y)) {\r\n return true;\r\n }\r\n }\r\n\r\n for (let i = 0; i < this._adjustedPoints.length - 1; i++) {\r\n const p1 = { x: this._adjustedPoints[i][0], y: this._adjustedPoints[i][1] };\r\n const p2 = { x: this._adjustedPoints[i + 1][0], y: this._adjustedPoints[i + 1][1] };\r\n\r\n for (let j = 0; j < polyPoints.length; j++) {\r\n const q1 = polyPoints[j];\r\n const q2 = polyPoints[(j + 1) % polyPoints.length];\r\n\r\n if (KritzelGeometryHelper.intersectLines(p1, p2, q1, q2)) {\r\n return true;\r\n }\r\n }\r\n }\r\n\r\n for (let i = 0; i < this._adjustedPoints.length - 1; i++) {\r\n const p1 = this._adjustedPoints[i];\r\n const p2 = this._adjustedPoints[i + 1];\r\n\r\n for (let j = 0; j < polyPoints.length; j++) {\r\n const q1 = polyPoints[j];\r\n const q2 = polyPoints[(j + 1) % polyPoints.length];\r\n\r\n const d1 = this.pointToLineSegmentDistance(q1.x, q1.y, p1[0], p1[1], p2[0], p2[1]);\r\n const d2 = this.pointToLineSegmentDistance(q2.x, q2.y, p1[0], p1[1], p2[0], p2[1]);\r\n const d3 = this.pointToLineSegmentDistance(p1[0], p1[1], q1.x, q1.y, q2.x, q2.y);\r\n const d4 = this.pointToLineSegmentDistance(p2[0], p2[1], q1.x, q1.y, q2.x, q2.y);\r\n\r\n const minD = Math.min(d1, d2, d3, d4);\r\n if (minD <= halfStroke) {\r\n return true;\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n override updatePosition(x: number, y: number): void {\r\n this.translateX = x;\r\n this.translateY = y;\r\n this._adjustedPoints = null;\r\n this._core.store.state.objects.update(this);\r\n }\r\n\r\n private computeAdjustedPoints(): number[][] {\r\n if (!this.points?.length) {\r\n return [];\r\n }\r\n\r\n const angle = this.rotation;\r\n const cos = Math.cos(angle);\r\n const sin = Math.sin(angle);\r\n\r\n const xs = this.points.map(p => p[0]);\r\n const ys = this.points.map(p => p[1]);\r\n const pivot = {\r\n x: (Math.min(...xs) + Math.max(...xs)) / 2,\r\n y: (Math.min(...ys) + Math.max(...ys)) / 2,\r\n };\r\n\r\n const { x: cx, y: cy } = pivot;\r\n\r\n const rotatedPoints = this.points.map(([x, y]) => {\r\n const dx = x - cx;\r\n const dy = y - cy;\r\n return [cx + dx * cos - dy * sin, cy + dx * sin + dy * cos];\r\n });\r\n\r\n return rotatedPoints.map(([px, py]) => [Math.abs(px - this.x) / this.scale + this.translateX, Math.abs(py - this.y) / this.scale + this.translateY]);\r\n }\r\n\r\n private pointToLineSegmentDistance(x: number, y: number, x1: number, y1: number, x2: number, y2: number): number {\r\n const A = x - x1;\r\n const B = y - y1;\r\n const C = x2 - x1;\r\n const D = y2 - y1;\r\n\r\n const dot = A * C + B * D;\r\n const len_sq = C * C + D * D;\r\n let param = -1;\r\n if (len_sq !== 0) {\r\n // in case of 0 length line\r\n param = dot / len_sq;\r\n }\r\n\r\n let xx, yy;\r\n\r\n if (param < 0) {\r\n xx = x1;\r\n yy = y1;\r\n } else if (param > 1) {\r\n xx = x2;\r\n yy = y2;\r\n } else {\r\n xx = x1 + param * C;\r\n yy = y1 + param * D;\r\n }\r\n\r\n const dx = x - xx;\r\n const dy = y - yy;\r\n return Math.sqrt(dx * dx + dy * dy);\r\n }\r\n\r\n private updateDimensions(): void {\r\n const rotatedPoints = this.points.map(([x, y]) => {\r\n const rotatedX = x * Math.cos(this.rotation) - y * Math.sin(this.rotation);\r\n const rotatedY = x * Math.sin(this.rotation) + y * Math.cos(this.rotation);\r\n return [rotatedX, rotatedY];\r\n });\r\n\r\n const minX = Math.min(...rotatedPoints.map(p => p[0] - this.strokeWidth / 2));\r\n const minY = Math.min(...rotatedPoints.map(p => p[1] - this.strokeWidth / 2));\r\n\r\n const maxX = Math.max(...rotatedPoints.map(p => p[0] + this.strokeWidth / 2));\r\n const maxY = Math.max(...rotatedPoints.map(p => p[1] + this.strokeWidth / 2));\r\n\r\n this.width = maxX - minX + this.lineSlack;\r\n this.height = maxY - minY + this.lineSlack;\r\n\r\n this.x = minX;\r\n this.y = minY;\r\n\r\n this.translateX = (this.x + this.translateX) / this.scale;\r\n this.translateY = (this.y + this.translateY) / this.scale;\r\n }\r\n\r\n private generateSvgPath(): string {\r\n const stroke = this.getStrokeFromPoints(this.points, this.strokeWidth);\r\n return this.getSvgPathFromStroke(stroke);\r\n }\r\n\r\n private getStrokeFromPoints(points: number[][], strokeWidth: number): number[][] {\r\n return getStroke(points, {\r\n size: strokeWidth,\r\n thinning: 0.5,\r\n smoothing: 0.5,\r\n streamline: 0.5,\r\n easing: t => t,\r\n simulatePressure: true,\r\n last: true,\r\n start: {\r\n cap: true,\r\n taper: 0,\r\n easing: t => t,\r\n },\r\n end: {\r\n cap: true,\r\n taper: 0,\r\n easing: t => t,\r\n },\r\n });\r\n }\r\n\r\n private getSvgPathFromStroke(points: number[][], closed = true) {\r\n const len = points.length;\r\n\r\n if (len < 4) {\r\n return ``;\r\n }\r\n\r\n let a = points[0];\r\n let b = points[1];\r\n const c = points[2];\r\n\r\n let result = `M${a[0].toFixed(2)},${a[1].toFixed(2)} Q${b[0].toFixed(2)},${b[1].toFixed(2)} ${KritzelMathHelper.average(b[0], c[0]).toFixed(\r\n 2,\r\n )},${KritzelMathHelper.average(b[1], c[1]).toFixed(2)} T`;\r\n\r\n for (let i = 2, max = len - 1; i < max; i++) {\r\n a = points[i];\r\n b = points[i + 1];\r\n result += `${KritzelMathHelper.average(a[0], b[0]).toFixed(2)},${KritzelMathHelper.average(a[1], b[1]).toFixed(2)} `;\r\n }\r\n\r\n if (closed) {\r\n result += 'Z';\r\n }\r\n\r\n return result;\r\n }\r\n\r\n isLowRes(): boolean {\r\n if (!this._core) {\r\n return false;\r\n }\r\n\r\n const viewportScale = this._core.store.state.scale;\r\n const scaledWidth = this.boundingBox.width * viewportScale;\r\n const scaledHeight = this.boundingBox.height * viewportScale;\r\n\r\n return (scaledWidth * scaledHeight) < 500;\r\n }\r\n}\r\n"]}
@@ -1,19 +0,0 @@
1
- import { KritzelBaseObject } from "./base-object.class";
2
- export class KritzelSelectionBox extends KritzelBaseObject {
3
- __class__ = 'KritzelSelectionBox';
4
- static create(core) {
5
- const object = new KritzelSelectionBox();
6
- object._core = core;
7
- object.id = object.generateId();
8
- object.workspaceId = core.store.state.activeWorkspace.id;
9
- object.scale = core.store.state.scale;
10
- object.zIndex = 99999;
11
- object.backgroundColor = 'var(--kritzel-selection-box-background-color, rgba(0, 122, 255, 0.2))';
12
- object.borderColor = 'var(--kritzel-selection-box-border-color, rgba(0, 122, 255, 0.5))';
13
- object.borderWidth = 2;
14
- object.height = 0;
15
- object.width = 0;
16
- return object;
17
- }
18
- }
19
- //# sourceMappingURL=selection-box.class.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"selection-box.class.js","sourceRoot":"","sources":["../../../src/classes/objects/selection-box.class.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,OAAO,mBAAoB,SAAQ,iBAA8B;IAC5D,SAAS,GAAW,qBAAqB,CAAC;IAEnD,MAAM,CAAU,MAAM,CAAC,IAAiB;QACtC,MAAM,MAAM,GAAG,IAAI,mBAAmB,EAAE,CAAC;QAEzC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,MAAM,CAAC,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,CAAA;QACxD,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;QACtC,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,MAAM,CAAC,eAAe,GAAG,uEAAuE,CAAC;QACjG,MAAM,CAAC,WAAW,GAAG,mEAAmE,CAAC;QACzF,MAAM,CAAC,WAAW,GAAG,CAAC,CAAC;QACvB,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAClB,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC;QAEjB,OAAO,MAAM,CAAC;IAChB,CAAC;CACF","sourcesContent":["import { KritzelCore } from '../core/core.class';\r\nimport { KritzelBaseObject } from './base-object.class';\r\n\r\nexport class KritzelSelectionBox extends KritzelBaseObject<HTMLElement> {\r\n override __class__: string = 'KritzelSelectionBox';\r\n\r\n static override create(core: KritzelCore): KritzelSelectionBox {\r\n const object = new KritzelSelectionBox();\r\n\r\n object._core = core;\r\n object.id = object.generateId();\r\n object.workspaceId = core.store.state.activeWorkspace.id\r\n object.scale = core.store.state.scale;\r\n object.zIndex = 99999;\r\n object.backgroundColor = 'var(--kritzel-selection-box-background-color, rgba(0, 122, 255, 0.2))';\r\n object.borderColor = 'var(--kritzel-selection-box-border-color, rgba(0, 122, 255, 0.5))';\r\n object.borderWidth = 2;\r\n object.height = 0;\r\n object.width = 0;\r\n\r\n return object;\r\n }\r\n}\r\n"]}
@@ -1,226 +0,0 @@
1
- import { KritzelBaseObject } from "./base-object.class";
2
- export class KritzelSelectionGroup extends KritzelBaseObject {
3
- __class__ = 'KritzelSelectionGroup';
4
- // Store only object IDs instead of full objects
5
- objectIds = [];
6
- // Store snapshots of object state for transformations (rotation, resize)
7
- unchangedObjectSnapshots = new Map();
8
- minX;
9
- maxX;
10
- minY;
11
- maxY;
12
- // Getter to retrieve actual objects from the store by their IDs
13
- get objects() {
14
- return this.objectIds
15
- .map(id => {
16
- const found = this._core.store.state.objects.filter(obj => obj.id === id);
17
- return found.length > 0 ? found[0] : null;
18
- })
19
- .filter(obj => obj !== null);
20
- }
21
- get length() {
22
- return this.objectIds.length;
23
- }
24
- static create(core) {
25
- const object = new KritzelSelectionGroup();
26
- object._core = core;
27
- object.id = object.generateId();
28
- object.workspaceId = core.store.state.activeWorkspace.id;
29
- object.scale = core.store.state.scale;
30
- object.zIndex = 99999;
31
- return object;
32
- }
33
- addOrRemove(object) {
34
- const index = this.objectIds.findIndex(id => id === object.id);
35
- if (index === -1) {
36
- this.objectIds.push(object.id);
37
- }
38
- else {
39
- this.objectIds.splice(index, 1);
40
- }
41
- this.captureUnchangedSnapshots();
42
- this.refreshObjectDimensions();
43
- }
44
- deselectAllChildren() {
45
- this.objects.forEach(obj => (obj.isSelected = false));
46
- }
47
- updateWorkspaceId(workspaceId) {
48
- this.workspaceId = workspaceId;
49
- this.objects.forEach(obj => (obj.workspaceId = workspaceId));
50
- }
51
- updateZIndices(startZIndex) {
52
- this.objects.forEach((obj, i) => {
53
- obj.zIndex = startZIndex + i;
54
- });
55
- }
56
- updatePosition(x, y) {
57
- this.objects.forEach(obj => {
58
- const deltaX = obj.translateX - this.translateX;
59
- const deltaY = obj.translateY - this.translateY;
60
- obj.updatePosition(x + deltaX, y + deltaY);
61
- });
62
- // Update snapshots
63
- this.unchangedObjectSnapshots.forEach(snapshot => {
64
- const deltaX = snapshot.translateX - this.translateX;
65
- const deltaY = snapshot.translateY - this.translateY;
66
- snapshot.translateX = x + deltaX;
67
- snapshot.translateY = x + deltaY;
68
- });
69
- this.translateX = x;
70
- this.translateY = y;
71
- this._core.store.state.objects.update(this);
72
- }
73
- /**
74
- * Capture snapshots of current object states for undo/redo operations
75
- */
76
- captureUnchangedSnapshots() {
77
- this.unchangedObjectSnapshots.clear();
78
- this.objects.forEach(obj => {
79
- this.unchangedObjectSnapshots.set(obj.id, {
80
- id: obj.id,
81
- translateX: obj.translateX,
82
- translateY: obj.translateY,
83
- rotation: obj.rotation,
84
- width: obj.width,
85
- height: obj.height,
86
- totalWidth: obj.totalWidth,
87
- totalHeight: obj.totalHeight,
88
- scale: obj.scale,
89
- });
90
- });
91
- }
92
- serialize() {
93
- const { _core, _elementRef, element, totalWidth, totalHeight, unchangedObjectSnapshots, ...remainingProps } = this;
94
- const clonedProps = structuredClone(remainingProps);
95
- if (element && typeof element === 'object' && 'nodeType' in element && element.nodeType === 1) {
96
- clonedProps.element = element.cloneNode(true);
97
- }
98
- // Convert Map to plain object for serialization
99
- clonedProps.unchangedObjectSnapshots = Object.fromEntries(this.unchangedObjectSnapshots);
100
- return clonedProps;
101
- }
102
- deserialize(object) {
103
- // First, deserialize all base properties using parent's deserialize
104
- super.deserialize(object);
105
- // Restore the Map from serialized object
106
- if (object.unchangedObjectSnapshots) {
107
- this.unchangedObjectSnapshots = new Map(Object.entries(object.unchangedObjectSnapshots));
108
- }
109
- return this;
110
- }
111
- update() {
112
- // Only update the selection group itself
113
- // Child objects are already updated during move/resize/rotate operations
114
- // Updating them again here would create redundant y.js updates
115
- this._core.store.state.objects.update(this);
116
- }
117
- move(startX, startY, endX, endY) {
118
- const deltaX = (startX - endX) / this._core.store.state.scale;
119
- const deltaY = (startY - endY) / this._core.store.state.scale;
120
- this.translateX += deltaX;
121
- this.translateY += deltaY;
122
- this._core.store.state.objects.transaction(() => {
123
- this._core.store.state.objects.update(this);
124
- this.objects.forEach(obj => {
125
- obj.move(startX, startY, endX, endY);
126
- });
127
- });
128
- // Update snapshots
129
- this.unchangedObjectSnapshots.forEach(snapshot => {
130
- snapshot.translateX += deltaX;
131
- snapshot.translateY += deltaY;
132
- });
133
- }
134
- resize(x, y, width, height) {
135
- const widthScaleFactor = width / this.width;
136
- const heightScaleFactor = height / this.height;
137
- const deltaX = x - this.translateX;
138
- const deltaY = y - this.translateY;
139
- this._core.store.state.objects.transaction(() => {
140
- this.objects.forEach(child => {
141
- const updatedWidth = child.width * widthScaleFactor;
142
- const updatedHeight = child.height * heightScaleFactor;
143
- const updatedX = child.translateX + deltaX + (child.translateX - this.translateX) * (widthScaleFactor - 1);
144
- const updatedY = child.translateY + deltaY + (child.translateY - this.translateY) * (heightScaleFactor - 1);
145
- child.resize(updatedX, updatedY, updatedWidth, updatedHeight);
146
- });
147
- // Refresh dimensions and update the SelectionGroup to propagate changes to other tabs
148
- this.refreshObjectDimensions();
149
- this.captureUnchangedSnapshots();
150
- this._core.store.state.objects.update(this);
151
- });
152
- }
153
- rotate(value) {
154
- this.rotation = value;
155
- const centerX = this.translateX + this.totalWidth / 2 / this.scale;
156
- const centerY = this.translateY + this.totalHeight / 2 / this.scale;
157
- const angle = value;
158
- const cos = Math.cos(angle);
159
- const sin = Math.sin(angle);
160
- this._core.store.state.objects.transaction(() => {
161
- // Update the SelectionGroup itself to propagate rotation to other tabs
162
- this._core.store.state.objects.update(this);
163
- this.objects.forEach(child => {
164
- const unchangedSnapshot = this.unchangedObjectSnapshots.get(child.id);
165
- if (!unchangedSnapshot)
166
- return;
167
- const offsetX = this.getOffsetXToCenterFromSnapshot(unchangedSnapshot);
168
- const offsetY = this.getOffsetYToCenterFromSnapshot(unchangedSnapshot);
169
- const rotatedX = cos * offsetX - sin * offsetY;
170
- const rotatedY = sin * offsetX + cos * offsetY;
171
- child.translateX = centerX + rotatedX - child.totalWidth / 2 / child.scale;
172
- child.translateY = centerY + rotatedY - child.totalHeight / 2 / child.scale;
173
- child.rotate(this.objects.length === 1 ? value : value + unchangedSnapshot.rotation);
174
- });
175
- });
176
- }
177
- copy() {
178
- const selectionGroup = KritzelSelectionGroup.create(this._core);
179
- this.objects
180
- .sort((a, b) => a.zIndex - b.zIndex)
181
- .forEach(obj => {
182
- const copiedObject = obj.copy();
183
- selectionGroup.addOrRemove(copiedObject);
184
- });
185
- selectionGroup.captureUnchangedSnapshots();
186
- if (this.objects.length === 1) {
187
- selectionGroup.rotation = this.objects[0].rotation;
188
- }
189
- return selectionGroup;
190
- }
191
- refreshObjectDimensions() {
192
- if (this.objects.length === 1) {
193
- const obj = this.objects[0];
194
- this.minX = obj.boundingBox.x / this.scale;
195
- this.maxX = obj.boundingBox.x / this.scale + obj.boundingBox.width;
196
- this.minY = obj.boundingBox.y / this.scale;
197
- this.maxY = obj.boundingBox.y / this.scale + obj.boundingBox.height;
198
- this.translateX = (this.minX - this.padding) * this.scale;
199
- this.translateY = (this.minY - this.padding) * this.scale;
200
- this.width = (this.maxX - this.minX - this.padding) * this.scale;
201
- this.height = (this.maxY - this.minY - this.padding) * this.scale;
202
- }
203
- else {
204
- this.minX = Math.min(...this.objects.map(obj => obj.minXRotated));
205
- this.maxX = Math.max(...this.objects.map(obj => obj.maxXRotated));
206
- this.minY = Math.min(...this.objects.map(obj => obj.minYRotated));
207
- this.maxY = Math.max(...this.objects.map(obj => obj.maxYRotated));
208
- this.translateX = this.minX - this.padding;
209
- this.translateY = this.minY - this.padding;
210
- this.width = (this.maxX - this.minX - this.padding) * this.scale;
211
- this.height = (this.maxY - this.minY - this.padding) * this.scale;
212
- }
213
- this._core.store.state.objects.update(this);
214
- }
215
- getOffsetXToCenterFromSnapshot(snapshot) {
216
- const objCenterX = snapshot.translateX + snapshot.totalWidth / snapshot.scale / 2;
217
- const groupCenterX = this.translateX + this.totalWidth / this.scale / 2;
218
- return objCenterX - groupCenterX;
219
- }
220
- getOffsetYToCenterFromSnapshot(snapshot) {
221
- const objCenterY = snapshot.translateY + snapshot.totalHeight / snapshot.scale / 2;
222
- const groupCenterY = this.translateY + this.totalHeight / this.scale / 2;
223
- return objCenterY - groupCenterY;
224
- }
225
- }
226
- //# sourceMappingURL=selection-group.class.js.map