js-draw 0.17.4 → 0.18.1

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 (413) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/bundle.js +9 -1
  3. package/package.json +35 -33
  4. package/tsconfig.json +3 -2
  5. package/tsconfig.mjs.json +9 -0
  6. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -34
  7. package/.github/ISSUE_TEMPLATE/feature_request.md +0 -20
  8. package/.github/ISSUE_TEMPLATE/translation.yml +0 -902
  9. package/.github/pull_request_template.md +0 -15
  10. package/.github/workflows/firebase-hosting-merge.yml +0 -32
  11. package/.github/workflows/firebase-hosting-pull-request.yml +0 -32
  12. package/.github/workflows/github-pages.yml +0 -56
  13. package/.husky/pre-commit +0 -4
  14. package/build_tools/BundledFile.ts +0 -167
  15. package/build_tools/buildTranslationTemplate.ts +0 -121
  16. package/build_tools/bundle.ts +0 -11
  17. package/dist/build_tools/BundledFile.d.ts +0 -13
  18. package/dist/build_tools/BundledFile.js +0 -157
  19. package/dist/build_tools/buildTranslationTemplate.d.ts +0 -1
  20. package/dist/build_tools/buildTranslationTemplate.js +0 -94
  21. package/dist/build_tools/bundle.d.ts +0 -1
  22. package/dist/build_tools/bundle.js +0 -5
  23. package/dist/src/Color4.d.ts +0 -60
  24. package/dist/src/Color4.js +0 -192
  25. package/dist/src/Editor.d.ts +0 -308
  26. package/dist/src/Editor.js +0 -874
  27. package/dist/src/EditorImage.d.ts +0 -97
  28. package/dist/src/EditorImage.js +0 -477
  29. package/dist/src/EventDispatcher.d.ts +0 -30
  30. package/dist/src/EventDispatcher.js +0 -54
  31. package/dist/src/Pointer.d.ts +0 -24
  32. package/dist/src/Pointer.js +0 -80
  33. package/dist/src/SVGLoader.d.ts +0 -48
  34. package/dist/src/SVGLoader.js +0 -442
  35. package/dist/src/UndoRedoHistory.d.ts +0 -19
  36. package/dist/src/UndoRedoHistory.js +0 -91
  37. package/dist/src/Viewport.d.ts +0 -71
  38. package/dist/src/Viewport.js +0 -256
  39. package/dist/src/bundle/bundled.d.ts +0 -4
  40. package/dist/src/bundle/bundled.js +0 -5
  41. package/dist/src/commands/Command.d.ts +0 -16
  42. package/dist/src/commands/Command.js +0 -30
  43. package/dist/src/commands/Duplicate.d.ts +0 -14
  44. package/dist/src/commands/Duplicate.js +0 -33
  45. package/dist/src/commands/Erase.d.ts +0 -14
  46. package/dist/src/commands/Erase.js +0 -57
  47. package/dist/src/commands/SerializableCommand.d.ts +0 -12
  48. package/dist/src/commands/SerializableCommand.js +0 -36
  49. package/dist/src/commands/UnresolvedCommand.d.ts +0 -14
  50. package/dist/src/commands/UnresolvedCommand.js +0 -22
  51. package/dist/src/commands/invertCommand.d.ts +0 -4
  52. package/dist/src/commands/invertCommand.js +0 -44
  53. package/dist/src/commands/lib.d.ts +0 -7
  54. package/dist/src/commands/lib.js +0 -7
  55. package/dist/src/commands/localization.d.ts +0 -23
  56. package/dist/src/commands/localization.js +0 -21
  57. package/dist/src/commands/uniteCommands.d.ts +0 -4
  58. package/dist/src/commands/uniteCommands.js +0 -116
  59. package/dist/src/components/AbstractComponent.d.ts +0 -73
  60. package/dist/src/components/AbstractComponent.js +0 -252
  61. package/dist/src/components/ImageBackground.d.ts +0 -42
  62. package/dist/src/components/ImageBackground.js +0 -139
  63. package/dist/src/components/ImageComponent.d.ts +0 -31
  64. package/dist/src/components/ImageComponent.js +0 -146
  65. package/dist/src/components/RestylableComponent.d.ts +0 -24
  66. package/dist/src/components/RestylableComponent.js +0 -80
  67. package/dist/src/components/SVGGlobalAttributesObject.d.ts +0 -21
  68. package/dist/src/components/SVGGlobalAttributesObject.js +0 -59
  69. package/dist/src/components/Stroke.d.ts +0 -40
  70. package/dist/src/components/Stroke.js +0 -185
  71. package/dist/src/components/TextComponent.d.ts +0 -53
  72. package/dist/src/components/TextComponent.js +0 -252
  73. package/dist/src/components/UnknownSVGObject.d.ts +0 -18
  74. package/dist/src/components/UnknownSVGObject.js +0 -44
  75. package/dist/src/components/builders/ArrowBuilder.d.ts +0 -19
  76. package/dist/src/components/builders/ArrowBuilder.js +0 -86
  77. package/dist/src/components/builders/FreehandLineBuilder.d.ts +0 -33
  78. package/dist/src/components/builders/FreehandLineBuilder.js +0 -165
  79. package/dist/src/components/builders/LineBuilder.d.ts +0 -18
  80. package/dist/src/components/builders/LineBuilder.js +0 -58
  81. package/dist/src/components/builders/PressureSensitiveFreehandLineBuilder.d.ts +0 -36
  82. package/dist/src/components/builders/PressureSensitiveFreehandLineBuilder.js +0 -339
  83. package/dist/src/components/builders/RectangleBuilder.d.ts +0 -20
  84. package/dist/src/components/builders/RectangleBuilder.js +0 -50
  85. package/dist/src/components/builders/types.d.ts +0 -12
  86. package/dist/src/components/builders/types.js +0 -1
  87. package/dist/src/components/lib.d.ts +0 -12
  88. package/dist/src/components/lib.js +0 -12
  89. package/dist/src/components/localization.d.ts +0 -11
  90. package/dist/src/components/localization.js +0 -10
  91. package/dist/src/components/util/StrokeSmoother.d.ts +0 -35
  92. package/dist/src/components/util/StrokeSmoother.js +0 -210
  93. package/dist/src/components/util/describeComponentList.d.ts +0 -4
  94. package/dist/src/components/util/describeComponentList.js +0 -14
  95. package/dist/src/lib.d.ts +0 -34
  96. package/dist/src/lib.js +0 -34
  97. package/dist/src/localization.d.ts +0 -14
  98. package/dist/src/localization.js +0 -10
  99. package/dist/src/localizations/de.d.ts +0 -3
  100. package/dist/src/localizations/de.js +0 -4
  101. package/dist/src/localizations/en.d.ts +0 -3
  102. package/dist/src/localizations/en.js +0 -4
  103. package/dist/src/localizations/es.d.ts +0 -3
  104. package/dist/src/localizations/es.js +0 -18
  105. package/dist/src/localizations/getLocalizationTable.d.ts +0 -3
  106. package/dist/src/localizations/getLocalizationTable.js +0 -45
  107. package/dist/src/math/LineSegment2.d.ts +0 -24
  108. package/dist/src/math/LineSegment2.js +0 -125
  109. package/dist/src/math/Mat33.d.ts +0 -118
  110. package/dist/src/math/Mat33.js +0 -326
  111. package/dist/src/math/Path.d.ts +0 -71
  112. package/dist/src/math/Path.js +0 -648
  113. package/dist/src/math/Rect2.d.ts +0 -52
  114. package/dist/src/math/Rect2.js +0 -228
  115. package/dist/src/math/Triangle.d.ts +0 -11
  116. package/dist/src/math/Triangle.js +0 -19
  117. package/dist/src/math/Vec2.d.ts +0 -13
  118. package/dist/src/math/Vec2.js +0 -13
  119. package/dist/src/math/Vec3.d.ts +0 -106
  120. package/dist/src/math/Vec3.js +0 -174
  121. package/dist/src/math/lib.d.ts +0 -7
  122. package/dist/src/math/lib.js +0 -7
  123. package/dist/src/math/rounding.d.ts +0 -4
  124. package/dist/src/math/rounding.js +0 -128
  125. package/dist/src/rendering/Display.d.ts +0 -75
  126. package/dist/src/rendering/Display.js +0 -207
  127. package/dist/src/rendering/RenderingStyle.d.ts +0 -31
  128. package/dist/src/rendering/RenderingStyle.js +0 -38
  129. package/dist/src/rendering/TextRenderingStyle.d.ts +0 -36
  130. package/dist/src/rendering/TextRenderingStyle.js +0 -23
  131. package/dist/src/rendering/caching/CacheRecord.d.ts +0 -20
  132. package/dist/src/rendering/caching/CacheRecord.js +0 -55
  133. package/dist/src/rendering/caching/CacheRecordManager.d.ts +0 -12
  134. package/dist/src/rendering/caching/CacheRecordManager.js +0 -43
  135. package/dist/src/rendering/caching/RenderingCache.d.ts +0 -11
  136. package/dist/src/rendering/caching/RenderingCache.js +0 -45
  137. package/dist/src/rendering/caching/RenderingCacheNode.d.ts +0 -29
  138. package/dist/src/rendering/caching/RenderingCacheNode.js +0 -320
  139. package/dist/src/rendering/caching/testUtils.d.ts +0 -9
  140. package/dist/src/rendering/caching/testUtils.js +0 -20
  141. package/dist/src/rendering/caching/types.d.ts +0 -19
  142. package/dist/src/rendering/caching/types.js +0 -1
  143. package/dist/src/rendering/lib.d.ts +0 -5
  144. package/dist/src/rendering/lib.js +0 -5
  145. package/dist/src/rendering/localization.d.ts +0 -10
  146. package/dist/src/rendering/localization.js +0 -9
  147. package/dist/src/rendering/renderers/AbstractRenderer.d.ts +0 -68
  148. package/dist/src/rendering/renderers/AbstractRenderer.js +0 -144
  149. package/dist/src/rendering/renderers/CanvasRenderer.d.ts +0 -63
  150. package/dist/src/rendering/renderers/CanvasRenderer.js +0 -230
  151. package/dist/src/rendering/renderers/DummyRenderer.d.ts +0 -35
  152. package/dist/src/rendering/renderers/DummyRenderer.js +0 -106
  153. package/dist/src/rendering/renderers/SVGRenderer.d.ts +0 -57
  154. package/dist/src/rendering/renderers/SVGRenderer.js +0 -304
  155. package/dist/src/rendering/renderers/TextOnlyRenderer.d.ts +0 -29
  156. package/dist/src/rendering/renderers/TextOnlyRenderer.js +0 -57
  157. package/dist/src/testing/beforeEachFile.d.ts +0 -1
  158. package/dist/src/testing/beforeEachFile.js +0 -7
  159. package/dist/src/testing/createEditor.d.ts +0 -4
  160. package/dist/src/testing/createEditor.js +0 -9
  161. package/dist/src/testing/lib.d.ts +0 -2
  162. package/dist/src/testing/lib.js +0 -2
  163. package/dist/src/testing/loadExpectExtensions.d.ts +0 -2
  164. package/dist/src/testing/loadExpectExtensions.js +0 -24
  165. package/dist/src/testing/sendPenEvent.d.ts +0 -12
  166. package/dist/src/testing/sendPenEvent.js +0 -19
  167. package/dist/src/testing/sendTouchEvent.d.ts +0 -42
  168. package/dist/src/testing/sendTouchEvent.js +0 -62
  169. package/dist/src/toolbar/HTMLToolbar.d.ts +0 -103
  170. package/dist/src/toolbar/HTMLToolbar.js +0 -376
  171. package/dist/src/toolbar/IconProvider.d.ts +0 -62
  172. package/dist/src/toolbar/IconProvider.js +0 -654
  173. package/dist/src/toolbar/lib.d.ts +0 -3
  174. package/dist/src/toolbar/lib.js +0 -3
  175. package/dist/src/toolbar/localization.d.ts +0 -49
  176. package/dist/src/toolbar/localization.js +0 -48
  177. package/dist/src/toolbar/makeColorInput.d.ts +0 -6
  178. package/dist/src/toolbar/makeColorInput.js +0 -113
  179. package/dist/src/toolbar/types.d.ts +0 -4
  180. package/dist/src/toolbar/types.js +0 -1
  181. package/dist/src/toolbar/widgets/ActionButtonWidget.d.ts +0 -15
  182. package/dist/src/toolbar/widgets/ActionButtonWidget.js +0 -25
  183. package/dist/src/toolbar/widgets/BaseToolWidget.d.ts +0 -11
  184. package/dist/src/toolbar/widgets/BaseToolWidget.js +0 -44
  185. package/dist/src/toolbar/widgets/BaseWidget.d.ts +0 -72
  186. package/dist/src/toolbar/widgets/BaseWidget.js +0 -307
  187. package/dist/src/toolbar/widgets/DocumentPropertiesWidget.d.ts +0 -18
  188. package/dist/src/toolbar/widgets/DocumentPropertiesWidget.js +0 -120
  189. package/dist/src/toolbar/widgets/EraserToolWidget.d.ts +0 -17
  190. package/dist/src/toolbar/widgets/EraserToolWidget.js +0 -57
  191. package/dist/src/toolbar/widgets/HandToolWidget.d.ts +0 -17
  192. package/dist/src/toolbar/widgets/HandToolWidget.js +0 -172
  193. package/dist/src/toolbar/widgets/InsertImageWidget.d.ts +0 -19
  194. package/dist/src/toolbar/widgets/InsertImageWidget.js +0 -170
  195. package/dist/src/toolbar/widgets/OverflowWidget.d.ts +0 -25
  196. package/dist/src/toolbar/widgets/OverflowWidget.js +0 -71
  197. package/dist/src/toolbar/widgets/PenToolWidget.d.ts +0 -27
  198. package/dist/src/toolbar/widgets/PenToolWidget.js +0 -220
  199. package/dist/src/toolbar/widgets/SelectionToolWidget.d.ts +0 -13
  200. package/dist/src/toolbar/widgets/SelectionToolWidget.js +0 -147
  201. package/dist/src/toolbar/widgets/TextToolWidget.d.ts +0 -16
  202. package/dist/src/toolbar/widgets/TextToolWidget.js +0 -109
  203. package/dist/src/toolbar/widgets/lib.d.ts +0 -10
  204. package/dist/src/toolbar/widgets/lib.js +0 -10
  205. package/dist/src/tools/BaseTool.d.ts +0 -22
  206. package/dist/src/tools/BaseTool.js +0 -63
  207. package/dist/src/tools/Eraser.d.ts +0 -23
  208. package/dist/src/tools/Eraser.js +0 -106
  209. package/dist/src/tools/FindTool.d.ts +0 -21
  210. package/dist/src/tools/FindTool.js +0 -114
  211. package/dist/src/tools/PanZoom.d.ts +0 -52
  212. package/dist/src/tools/PanZoom.js +0 -414
  213. package/dist/src/tools/PasteHandler.d.ts +0 -23
  214. package/dist/src/tools/PasteHandler.js +0 -93
  215. package/dist/src/tools/Pen.d.ts +0 -39
  216. package/dist/src/tools/Pen.js +0 -173
  217. package/dist/src/tools/PipetteTool.d.ts +0 -18
  218. package/dist/src/tools/PipetteTool.js +0 -39
  219. package/dist/src/tools/SelectionTool/SelectAllShortcutHandler.d.ts +0 -8
  220. package/dist/src/tools/SelectionTool/SelectAllShortcutHandler.js +0 -22
  221. package/dist/src/tools/SelectionTool/Selection.d.ts +0 -64
  222. package/dist/src/tools/SelectionTool/Selection.js +0 -459
  223. package/dist/src/tools/SelectionTool/SelectionHandle.d.ts +0 -38
  224. package/dist/src/tools/SelectionTool/SelectionHandle.js +0 -81
  225. package/dist/src/tools/SelectionTool/SelectionTool.d.ts +0 -36
  226. package/dist/src/tools/SelectionTool/SelectionTool.js +0 -398
  227. package/dist/src/tools/SelectionTool/TransformMode.d.ts +0 -34
  228. package/dist/src/tools/SelectionTool/TransformMode.js +0 -98
  229. package/dist/src/tools/SelectionTool/types.d.ts +0 -9
  230. package/dist/src/tools/SelectionTool/types.js +0 -11
  231. package/dist/src/tools/TextTool.d.ts +0 -33
  232. package/dist/src/tools/TextTool.js +0 -256
  233. package/dist/src/tools/ToolController.d.ts +0 -18
  234. package/dist/src/tools/ToolController.js +0 -158
  235. package/dist/src/tools/ToolEnabledGroup.d.ts +0 -6
  236. package/dist/src/tools/ToolEnabledGroup.js +0 -11
  237. package/dist/src/tools/ToolSwitcherShortcut.d.ts +0 -16
  238. package/dist/src/tools/ToolSwitcherShortcut.js +0 -32
  239. package/dist/src/tools/ToolbarShortcutHandler.d.ts +0 -12
  240. package/dist/src/tools/ToolbarShortcutHandler.js +0 -23
  241. package/dist/src/tools/UndoRedoShortcut.d.ts +0 -8
  242. package/dist/src/tools/UndoRedoShortcut.js +0 -22
  243. package/dist/src/tools/lib.d.ts +0 -16
  244. package/dist/src/tools/lib.js +0 -16
  245. package/dist/src/tools/localization.d.ts +0 -28
  246. package/dist/src/tools/localization.js +0 -27
  247. package/dist/src/types.d.ts +0 -151
  248. package/dist/src/types.js +0 -35
  249. package/dist/src/util/assertions.d.ts +0 -23
  250. package/dist/src/util/assertions.js +0 -45
  251. package/dist/src/util/fileToBase64.d.ts +0 -3
  252. package/dist/src/util/fileToBase64.js +0 -13
  253. package/dist/src/util/untilNextAnimationFrame.d.ts +0 -3
  254. package/dist/src/util/untilNextAnimationFrame.js +0 -7
  255. package/dist/src/util/waitForTimeout.d.ts +0 -2
  256. package/dist/src/util/waitForTimeout.js +0 -7
  257. package/src/Color4.test.ts +0 -40
  258. package/src/Color4.ts +0 -234
  259. package/src/Editor.css +0 -86
  260. package/src/Editor.loadFrom.test.ts +0 -24
  261. package/src/Editor.toSVG.test.ts +0 -111
  262. package/src/Editor.ts +0 -1122
  263. package/src/EditorImage.test.ts +0 -120
  264. package/src/EditorImage.ts +0 -603
  265. package/src/EventDispatcher.test.ts +0 -123
  266. package/src/EventDispatcher.ts +0 -71
  267. package/src/Pointer.ts +0 -127
  268. package/src/SVGLoader.test.ts +0 -114
  269. package/src/SVGLoader.ts +0 -511
  270. package/src/UndoRedoHistory.test.ts +0 -33
  271. package/src/UndoRedoHistory.ts +0 -102
  272. package/src/Viewport.ts +0 -319
  273. package/src/bundle/bundled.ts +0 -7
  274. package/src/commands/Command.ts +0 -45
  275. package/src/commands/Duplicate.ts +0 -48
  276. package/src/commands/Erase.ts +0 -74
  277. package/src/commands/SerializableCommand.ts +0 -49
  278. package/src/commands/UnresolvedCommand.ts +0 -37
  279. package/src/commands/invertCommand.ts +0 -51
  280. package/src/commands/lib.ts +0 -16
  281. package/src/commands/localization.ts +0 -47
  282. package/src/commands/uniteCommands.test.ts +0 -23
  283. package/src/commands/uniteCommands.ts +0 -135
  284. package/src/components/AbstractComponent.transformBy.test.ts +0 -22
  285. package/src/components/AbstractComponent.ts +0 -364
  286. package/src/components/ImageBackground.test.ts +0 -35
  287. package/src/components/ImageBackground.ts +0 -176
  288. package/src/components/ImageComponent.ts +0 -171
  289. package/src/components/RestylableComponent.ts +0 -142
  290. package/src/components/SVGGlobalAttributesObject.ts +0 -81
  291. package/src/components/Stroke.test.ts +0 -139
  292. package/src/components/Stroke.ts +0 -245
  293. package/src/components/TextComponent.test.ts +0 -99
  294. package/src/components/TextComponent.ts +0 -315
  295. package/src/components/UnknownSVGObject.test.ts +0 -10
  296. package/src/components/UnknownSVGObject.ts +0 -60
  297. package/src/components/builders/ArrowBuilder.ts +0 -107
  298. package/src/components/builders/FreehandLineBuilder.ts +0 -212
  299. package/src/components/builders/LineBuilder.ts +0 -77
  300. package/src/components/builders/PressureSensitiveFreehandLineBuilder.ts +0 -454
  301. package/src/components/builders/RectangleBuilder.ts +0 -74
  302. package/src/components/builders/types.ts +0 -15
  303. package/src/components/lib.ts +0 -25
  304. package/src/components/localization.ts +0 -22
  305. package/src/components/util/StrokeSmoother.ts +0 -293
  306. package/src/components/util/describeComponentList.ts +0 -18
  307. package/src/lib.ts +0 -37
  308. package/src/localization.ts +0 -34
  309. package/src/localizations/de.ts +0 -98
  310. package/src/localizations/en.ts +0 -8
  311. package/src/localizations/es.ts +0 -74
  312. package/src/localizations/getLocalizationTable.test.ts +0 -27
  313. package/src/localizations/getLocalizationTable.ts +0 -55
  314. package/src/math/LineSegment2.test.ts +0 -99
  315. package/src/math/LineSegment2.ts +0 -160
  316. package/src/math/Mat33.test.ts +0 -244
  317. package/src/math/Mat33.ts +0 -437
  318. package/src/math/Path.fromString.test.ts +0 -223
  319. package/src/math/Path.test.ts +0 -198
  320. package/src/math/Path.toString.test.ts +0 -77
  321. package/src/math/Path.ts +0 -790
  322. package/src/math/Rect2.test.ts +0 -204
  323. package/src/math/Rect2.ts +0 -315
  324. package/src/math/Triangle.ts +0 -29
  325. package/src/math/Vec2.test.ts +0 -30
  326. package/src/math/Vec2.ts +0 -18
  327. package/src/math/Vec3.test.ts +0 -44
  328. package/src/math/Vec3.ts +0 -218
  329. package/src/math/lib.ts +0 -15
  330. package/src/math/rounding.test.ts +0 -65
  331. package/src/math/rounding.ts +0 -156
  332. package/src/rendering/Display.ts +0 -249
  333. package/src/rendering/RenderingStyle.test.ts +0 -68
  334. package/src/rendering/RenderingStyle.ts +0 -55
  335. package/src/rendering/TextRenderingStyle.ts +0 -45
  336. package/src/rendering/caching/CacheRecord.test.ts +0 -49
  337. package/src/rendering/caching/CacheRecord.ts +0 -77
  338. package/src/rendering/caching/CacheRecordManager.ts +0 -71
  339. package/src/rendering/caching/RenderingCache.test.ts +0 -44
  340. package/src/rendering/caching/RenderingCache.ts +0 -66
  341. package/src/rendering/caching/RenderingCacheNode.ts +0 -405
  342. package/src/rendering/caching/testUtils.ts +0 -35
  343. package/src/rendering/caching/types.ts +0 -34
  344. package/src/rendering/lib.ts +0 -6
  345. package/src/rendering/localization.ts +0 -20
  346. package/src/rendering/renderers/AbstractRenderer.ts +0 -222
  347. package/src/rendering/renderers/CanvasRenderer.ts +0 -296
  348. package/src/rendering/renderers/DummyRenderer.test.ts +0 -42
  349. package/src/rendering/renderers/DummyRenderer.ts +0 -136
  350. package/src/rendering/renderers/SVGRenderer.ts +0 -354
  351. package/src/rendering/renderers/TextOnlyRenderer.ts +0 -70
  352. package/src/styles.js +0 -7
  353. package/src/testing/beforeEachFile.ts +0 -8
  354. package/src/testing/createEditor.ts +0 -11
  355. package/src/testing/global.d.ts +0 -17
  356. package/src/testing/lib.ts +0 -3
  357. package/src/testing/loadExpectExtensions.ts +0 -25
  358. package/src/testing/sendPenEvent.ts +0 -31
  359. package/src/testing/sendTouchEvent.ts +0 -78
  360. package/src/toolbar/HTMLToolbar.ts +0 -492
  361. package/src/toolbar/IconProvider.ts +0 -736
  362. package/src/toolbar/lib.ts +0 -4
  363. package/src/toolbar/localization.ts +0 -106
  364. package/src/toolbar/makeColorInput.ts +0 -145
  365. package/src/toolbar/toolbar.css +0 -213
  366. package/src/toolbar/types.ts +0 -5
  367. package/src/toolbar/widgets/ActionButtonWidget.ts +0 -39
  368. package/src/toolbar/widgets/BaseToolWidget.ts +0 -56
  369. package/src/toolbar/widgets/BaseWidget.ts +0 -377
  370. package/src/toolbar/widgets/DocumentPropertiesWidget.ts +0 -167
  371. package/src/toolbar/widgets/EraserToolWidget.ts +0 -85
  372. package/src/toolbar/widgets/HandToolWidget.ts +0 -250
  373. package/src/toolbar/widgets/InsertImageWidget.css +0 -44
  374. package/src/toolbar/widgets/InsertImageWidget.ts +0 -223
  375. package/src/toolbar/widgets/OverflowWidget.css +0 -27
  376. package/src/toolbar/widgets/OverflowWidget.ts +0 -92
  377. package/src/toolbar/widgets/PenToolWidget.ts +0 -288
  378. package/src/toolbar/widgets/SelectionToolWidget.ts +0 -190
  379. package/src/toolbar/widgets/TextToolWidget.ts +0 -145
  380. package/src/toolbar/widgets/lib.ts +0 -13
  381. package/src/tools/BaseTool.ts +0 -76
  382. package/src/tools/Eraser.test.ts +0 -103
  383. package/src/tools/Eraser.ts +0 -139
  384. package/src/tools/FindTool.css +0 -7
  385. package/src/tools/FindTool.ts +0 -152
  386. package/src/tools/PanZoom.test.ts +0 -310
  387. package/src/tools/PanZoom.ts +0 -520
  388. package/src/tools/PasteHandler.ts +0 -95
  389. package/src/tools/Pen.test.ts +0 -194
  390. package/src/tools/Pen.ts +0 -226
  391. package/src/tools/PipetteTool.ts +0 -55
  392. package/src/tools/SelectionTool/SelectAllShortcutHandler.ts +0 -28
  393. package/src/tools/SelectionTool/Selection.ts +0 -607
  394. package/src/tools/SelectionTool/SelectionHandle.ts +0 -108
  395. package/src/tools/SelectionTool/SelectionTool.css +0 -23
  396. package/src/tools/SelectionTool/SelectionTool.test.ts +0 -261
  397. package/src/tools/SelectionTool/SelectionTool.ts +0 -480
  398. package/src/tools/SelectionTool/TransformMode.ts +0 -114
  399. package/src/tools/SelectionTool/types.ts +0 -11
  400. package/src/tools/TextTool.ts +0 -326
  401. package/src/tools/ToolController.ts +0 -178
  402. package/src/tools/ToolEnabledGroup.ts +0 -14
  403. package/src/tools/ToolSwitcherShortcut.ts +0 -39
  404. package/src/tools/ToolbarShortcutHandler.ts +0 -34
  405. package/src/tools/UndoRedoShortcut.test.ts +0 -56
  406. package/src/tools/UndoRedoShortcut.ts +0 -25
  407. package/src/tools/lib.ts +0 -21
  408. package/src/tools/localization.ts +0 -66
  409. package/src/types.ts +0 -234
  410. package/src/util/assertions.ts +0 -55
  411. package/src/util/fileToBase64.ts +0 -18
  412. package/src/util/untilNextAnimationFrame.ts +0 -9
  413. package/src/util/waitForTimeout.ts +0 -9
@@ -1,210 +0,0 @@
1
- import { Bezier } from 'bezier-js';
2
- import { Vec2 } from '../../math/Vec2';
3
- import Rect2 from '../../math/Rect2';
4
- import LineSegment2 from '../../math/LineSegment2';
5
- // Handles stroke smoothing
6
- export class StrokeSmoother {
7
- constructor(startPoint,
8
- // Maximum distance from the actual curve (irrespective of stroke width)
9
- // for which a point is considered 'part of the curve'.
10
- // Note that the maximum will be smaller if the stroke width is less than
11
- // [maxFitAllowed].
12
- minFitAllowed, maxFitAllowed, onCurveAdded) {
13
- this.startPoint = startPoint;
14
- this.minFitAllowed = minFitAllowed;
15
- this.maxFitAllowed = maxFitAllowed;
16
- this.onCurveAdded = onCurveAdded;
17
- this.isFirstSegment = true;
18
- this.lastExitingVec = null;
19
- this.currentCurve = null;
20
- this.lastPoint = this.startPoint;
21
- this.buffer = [this.startPoint.pos];
22
- this.momentum = Vec2.zero;
23
- this.currentCurve = null;
24
- this.curveStartWidth = startPoint.width;
25
- this.bbox = new Rect2(this.startPoint.pos.x, this.startPoint.pos.y, 0, 0);
26
- }
27
- getBBox() {
28
- return this.bbox;
29
- }
30
- preview() {
31
- if (!this.currentCurve) {
32
- return null;
33
- }
34
- return this.currentSegmentToPath();
35
- }
36
- // Returns the distance between the start, control, and end points of the curve.
37
- approxCurrentCurveLength() {
38
- if (!this.currentCurve) {
39
- return 0;
40
- }
41
- const startPt = Vec2.ofXY(this.currentCurve.points[0]);
42
- const controlPt = Vec2.ofXY(this.currentCurve.points[1]);
43
- const endPt = Vec2.ofXY(this.currentCurve.points[2]);
44
- const toControlDist = startPt.minus(controlPt).length();
45
- const toEndDist = endPt.minus(controlPt).length();
46
- return toControlDist + toEndDist;
47
- }
48
- finalizeCurrentCurve() {
49
- // Case where no points have been added
50
- if (!this.currentCurve) {
51
- return;
52
- }
53
- this.onCurveAdded(this.currentSegmentToPath());
54
- const lastPoint = this.buffer[this.buffer.length - 1];
55
- this.lastExitingVec = Vec2.ofXY(this.currentCurve.points[2]).minus(Vec2.ofXY(this.currentCurve.points[1]));
56
- console.assert(this.lastExitingVec.magnitude() !== 0, 'lastExitingVec has zero length!');
57
- // Use the last two points to start a new curve (the last point isn't used
58
- // in the current curve and we want connected curves to share end points)
59
- this.buffer = [
60
- this.buffer[this.buffer.length - 2], lastPoint,
61
- ];
62
- this.currentCurve = null;
63
- this.isFirstSegment = false;
64
- }
65
- // Returns [upper curve, connector, lower curve]
66
- currentSegmentToPath() {
67
- if (this.currentCurve == null) {
68
- throw new Error('Invalid State: currentCurve is null!');
69
- }
70
- const startVec = Vec2.ofXY(this.currentCurve.normal(0)).normalized();
71
- if (!isFinite(startVec.magnitude())) {
72
- throw new Error(`startVec(${startVec}) is NaN or ∞`);
73
- }
74
- const startPt = Vec2.ofXY(this.currentCurve.get(0));
75
- const endPt = Vec2.ofXY(this.currentCurve.get(1));
76
- const controlPoint = Vec2.ofXY(this.currentCurve.points[1]);
77
- return {
78
- startPoint: startPt,
79
- controlPoint,
80
- endPoint: endPt,
81
- startWidth: this.curveStartWidth,
82
- endWidth: this.curveEndWidth,
83
- };
84
- }
85
- // Compute the direction of the velocity at the end of this.buffer
86
- computeExitingVec() {
87
- return this.momentum.normalized().times(this.lastPoint.width / 2);
88
- }
89
- addPoint(newPoint) {
90
- var _a, _b;
91
- if (this.lastPoint) {
92
- // Ignore points that are identical
93
- const fuzzEq = 1e-10;
94
- const deltaTime = newPoint.time - this.lastPoint.time;
95
- if (newPoint.pos.eq(this.lastPoint.pos, fuzzEq) || deltaTime === 0) {
96
- return;
97
- }
98
- else if (isNaN(newPoint.pos.magnitude())) {
99
- console.warn('Discarding NaN point.', newPoint);
100
- return;
101
- }
102
- const threshold = Math.min(this.lastPoint.width, newPoint.width) / 3;
103
- const shouldSnapToInitial = this.startPoint.pos.minus(newPoint.pos).magnitude() < threshold
104
- && this.isFirstSegment;
105
- // Snap to the starting point if the stroke is contained within a small ball centered
106
- // at the starting point.
107
- // This allows us to create a circle/dot at the start of the stroke.
108
- if (shouldSnapToInitial) {
109
- return;
110
- }
111
- const velocity = newPoint.pos.minus(this.lastPoint.pos).times(1 / (deltaTime) * 1000);
112
- this.momentum = this.momentum.lerp(velocity, 0.9);
113
- }
114
- const lastPoint = (_a = this.lastPoint) !== null && _a !== void 0 ? _a : newPoint;
115
- this.lastPoint = newPoint;
116
- this.buffer.push(newPoint.pos);
117
- const pointRadius = newPoint.width;
118
- const prevEndWidth = this.curveEndWidth;
119
- this.curveEndWidth = pointRadius;
120
- // recompute bbox
121
- this.bbox = this.bbox.grownToPoint(newPoint.pos, pointRadius);
122
- // If the last curve just ended or it's the first curve,
123
- if (this.currentCurve === null) {
124
- const p1 = lastPoint.pos;
125
- const p2 = lastPoint.pos.plus((_b = this.lastExitingVec) !== null && _b !== void 0 ? _b : Vec2.unitX);
126
- const p3 = newPoint.pos;
127
- // Quadratic Bézier curve
128
- this.currentCurve = new Bezier(p1.xy, p2.xy, p3.xy);
129
- console.assert(!isNaN(p1.magnitude()) && !isNaN(p2.magnitude()) && !isNaN(p3.magnitude()), 'Expected !NaN');
130
- if (this.isFirstSegment) {
131
- // The start of a curve often lacks accurate pressure information. Update it.
132
- this.curveStartWidth = (this.curveStartWidth + pointRadius) / 2;
133
- }
134
- else {
135
- this.curveStartWidth = prevEndWidth;
136
- }
137
- }
138
- // If there isn't an entering vector (e.g. because this.isFirstCurve), approximate it.
139
- let enteringVec = this.lastExitingVec;
140
- if (!enteringVec) {
141
- let sampleIdx = Math.ceil(this.buffer.length / 2);
142
- if (sampleIdx === 0 || sampleIdx >= this.buffer.length) {
143
- sampleIdx = this.buffer.length - 1;
144
- }
145
- enteringVec = this.buffer[sampleIdx].minus(this.buffer[0]);
146
- }
147
- let exitingVec = this.computeExitingVec();
148
- // Find the intersection between the entering vector and the exiting vector
149
- const maxRelativeLength = 2.2;
150
- const segmentStart = this.buffer[0];
151
- const segmentEnd = newPoint.pos;
152
- const startEndDist = segmentEnd.minus(segmentStart).magnitude();
153
- const maxControlPointDist = maxRelativeLength * startEndDist;
154
- // Exit in cases where we would divide by zero
155
- if (maxControlPointDist === 0 || exitingVec.magnitude() === 0 || !isFinite(exitingVec.magnitude())) {
156
- return;
157
- }
158
- console.assert(isFinite(enteringVec.magnitude()), 'Pre-normalized enteringVec has NaN or ∞ magnitude!');
159
- enteringVec = enteringVec.normalized();
160
- exitingVec = exitingVec.normalized();
161
- console.assert(isFinite(enteringVec.magnitude()), 'Normalized enteringVec has NaN or ∞ magnitude!');
162
- const lineFromStart = new LineSegment2(segmentStart, segmentStart.plus(enteringVec.times(maxControlPointDist)));
163
- const lineFromEnd = new LineSegment2(segmentEnd.minus(exitingVec.times(maxControlPointDist)), segmentEnd);
164
- const intersection = lineFromEnd.intersection(lineFromStart);
165
- // Position the control point at this intersection
166
- let controlPoint = null;
167
- if (intersection) {
168
- controlPoint = intersection.point;
169
- }
170
- // No intersection or the intersection is one of the end points?
171
- if (!controlPoint || segmentStart.eq(controlPoint) || segmentEnd.eq(controlPoint)) {
172
- // Position the control point closer to the first -- the connecting
173
- // segment will be roughly a line.
174
- controlPoint = segmentStart.plus(enteringVec.times(startEndDist / 4));
175
- }
176
- console.assert(!segmentStart.eq(controlPoint, 1e-11), 'Start and control points are equal!');
177
- console.assert(!controlPoint.eq(segmentEnd, 1e-11), 'Control and end points are equal!');
178
- const prevCurve = this.currentCurve;
179
- this.currentCurve = new Bezier(segmentStart.xy, controlPoint.xy, segmentEnd.xy);
180
- if (isNaN(Vec2.ofXY(this.currentCurve.normal(0)).magnitude())) {
181
- console.error('NaN normal at 0. Curve:', this.currentCurve);
182
- this.currentCurve = prevCurve;
183
- }
184
- // Should we start making a new curve? Check whether all buffer points are within
185
- // ±strokeWidth of the curve.
186
- const curveMatchesPoints = (curve) => {
187
- for (const point of this.buffer) {
188
- const proj = Vec2.ofXY(curve.project(point.xy));
189
- const dist = proj.minus(point).magnitude();
190
- const minFit = Math.max(Math.min(this.curveStartWidth, this.curveEndWidth) / 3, this.minFitAllowed);
191
- if (dist > minFit || dist > this.maxFitAllowed) {
192
- return false;
193
- }
194
- }
195
- return true;
196
- };
197
- if (this.buffer.length > 3 && this.approxCurrentCurveLength() > this.curveStartWidth / 2) {
198
- if (!curveMatchesPoints(this.currentCurve)) {
199
- // Use a curve that better fits the points
200
- this.currentCurve = prevCurve;
201
- this.curveEndWidth = prevEndWidth;
202
- // Reset the last point -- the current point was not added to the curve.
203
- this.lastPoint = lastPoint;
204
- this.finalizeCurrentCurve();
205
- return;
206
- }
207
- }
208
- }
209
- }
210
- export default StrokeSmoother;
@@ -1,4 +0,0 @@
1
- import AbstractComponent from '../AbstractComponent';
2
- import { ImageComponentLocalization } from '../localization';
3
- declare const _default: (localizationTable: ImageComponentLocalization, elems: AbstractComponent[]) => string | null;
4
- export default _default;
@@ -1,14 +0,0 @@
1
- // Returns the description of all given elements, if identical, otherwise,
2
- // returns null.
3
- export default (localizationTable, elems) => {
4
- if (elems.length === 0) {
5
- return null;
6
- }
7
- const description = elems[0].description(localizationTable);
8
- for (const elem of elems) {
9
- if (elem.description(localizationTable) !== description) {
10
- return null;
11
- }
12
- }
13
- return description;
14
- };
package/dist/src/lib.d.ts DELETED
@@ -1,34 +0,0 @@
1
- /**
2
- * The main entrypoint for the NPM package. Everything exported by this file
3
- * is available through the [`js-draw` package](https://www.npmjs.com/package/js-draw).
4
- *
5
- * @example
6
- * ```
7
- * import { Editor, Vec3, Mat33 } from 'js-draw';
8
- * ```
9
- *
10
- * @see
11
- * {@link Editor}
12
- *
13
- * @packageDocumentation
14
- */
15
- import Editor, { EditorSettings } from './Editor';
16
- export { default as EditorImage } from './EditorImage';
17
- export * from './types';
18
- export { default as getLocalizationTable } from './localizations/getLocalizationTable';
19
- export * from './localization';
20
- export { default as Color4 } from './Color4';
21
- export { default as SVGLoader } from './SVGLoader';
22
- export { default as Viewport } from './Viewport';
23
- export * from './math/lib';
24
- export * from './components/lib';
25
- export * from './commands/lib';
26
- export * from './tools/lib';
27
- export * from './toolbar/lib';
28
- export * from './rendering/lib';
29
- export * from './testing/lib';
30
- export { default as Pointer, PointerDevice } from './Pointer';
31
- export { default as HTMLToolbar } from './toolbar/HTMLToolbar';
32
- export { default as UndoRedoHistory } from './UndoRedoHistory';
33
- export { Editor, EditorSettings };
34
- export default Editor;
package/dist/src/lib.js DELETED
@@ -1,34 +0,0 @@
1
- /**
2
- * The main entrypoint for the NPM package. Everything exported by this file
3
- * is available through the [`js-draw` package](https://www.npmjs.com/package/js-draw).
4
- *
5
- * @example
6
- * ```
7
- * import { Editor, Vec3, Mat33 } from 'js-draw';
8
- * ```
9
- *
10
- * @see
11
- * {@link Editor}
12
- *
13
- * @packageDocumentation
14
- */
15
- import Editor from './Editor';
16
- export { default as EditorImage } from './EditorImage';
17
- export * from './types';
18
- export { default as getLocalizationTable } from './localizations/getLocalizationTable';
19
- export * from './localization';
20
- export { default as Color4 } from './Color4';
21
- export { default as SVGLoader } from './SVGLoader';
22
- export { default as Viewport } from './Viewport';
23
- export * from './math/lib';
24
- export * from './components/lib';
25
- export * from './commands/lib';
26
- export * from './tools/lib';
27
- export * from './toolbar/lib';
28
- export * from './rendering/lib';
29
- export * from './testing/lib';
30
- export { default as Pointer, PointerDevice } from './Pointer';
31
- export { default as HTMLToolbar } from './toolbar/HTMLToolbar';
32
- export { default as UndoRedoHistory } from './UndoRedoHistory';
33
- export { Editor };
34
- export default Editor;
@@ -1,14 +0,0 @@
1
- import { CommandLocalization } from './commands/localization';
2
- import { ImageComponentLocalization } from './components/localization';
3
- import { TextRendererLocalization } from './rendering/localization';
4
- import { ToolbarLocalization } from './toolbar/localization';
5
- import { ToolLocalization } from './tools/localization';
6
- export interface EditorLocalization extends ToolbarLocalization, ToolLocalization, CommandLocalization, ImageComponentLocalization, TextRendererLocalization {
7
- accessibilityInputInstructions: string;
8
- undoAnnouncement: (actionDescription: string) => string;
9
- redoAnnouncement: (actionDescription: string) => string;
10
- doneLoading: string;
11
- loading: (percentage: number) => string;
12
- imageEditor: string;
13
- }
14
- export declare const defaultEditorLocalization: EditorLocalization;
@@ -1,10 +0,0 @@
1
- import { defaultCommandLocalization } from './commands/localization';
2
- import { defaultComponentLocalization } from './components/localization';
3
- import { defaultTextRendererLocalization } from './rendering/localization';
4
- import { defaultToolbarLocalization } from './toolbar/localization';
5
- import { defaultToolLocalization } from './tools/localization';
6
- export const defaultEditorLocalization = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, defaultToolbarLocalization), defaultToolLocalization), defaultCommandLocalization), defaultComponentLocalization), defaultTextRendererLocalization), { accessibilityInputInstructions: [
7
- 'Press "t" to read the contents of the viewport as text.',
8
- 'Use the arrow keys to move the viewport, click and drag to draw strokes.',
9
- 'Press "w" to zoom in and "s" to zoom out.',
10
- ].join(' '), loading: (percentage) => `Loading ${percentage}%...`, imageEditor: 'Image Editor', doneLoading: 'Done loading', undoAnnouncement: (commandDescription) => `Undid ${commandDescription}`, redoAnnouncement: (commandDescription) => `Redid ${commandDescription}` });
@@ -1,3 +0,0 @@
1
- import { EditorLocalization } from '../localization';
2
- declare const localization: EditorLocalization;
3
- export default localization;
@@ -1,4 +0,0 @@
1
- import { defaultEditorLocalization } from '../localization';
2
- // German localization
3
- const localization = Object.assign(Object.assign({}, defaultEditorLocalization), { pen: 'Stift', eraser: 'Radierer', select: 'Auswahl', handTool: 'Verschieben', zoom: 'Vergrößerung', resetView: 'Ansicht zurücksetzen', thicknessLabel: 'Dicke: ', colorLabel: 'Farbe: ', fontLabel: 'Schriftart: ', resizeImageToSelection: 'Bildgröße an Auswahl anpassen', deleteSelection: 'Auswahl löschen', duplicateSelection: 'Auswahl duplizieren', undo: 'Rückgängig', redo: 'Wiederholen', pickColorFromScreen: 'Farbe von Bildschirm auswählen', clickToPickColorAnnouncement: 'Klicke auf den Bildschirm, um eine Farbe auszuwählen', selectionToolKeyboardShortcuts: 'Auswahl-Werkzeug: Verwende die Pfeiltasten, um ausgewählte Elemente zu verschieben und ‚i‘ und ‚o‘, um ihre Größe zu ändern.', touchPanning: 'Ansicht mit Touchscreen verschieben', anyDevicePanning: 'Ansicht mit jedem Eingabegerät verschieben', selectObjectType: 'Objekt-Typ: ', freehandPen: 'Freihand', arrowPen: 'Pfeil', linePen: 'Linie', outlinedRectanglePen: 'Umrissenes Rechteck', filledRectanglePen: 'Ausgefülltes Rechteck', dropdownShown: t => `Dropdown-Menü für ${t} angezeigt`, dropdownHidden: t => `Dropdown-Menü für ${t} versteckt`, zoomLevel: t => `Vergößerung: ${t}%`, colorChangedAnnouncement: t => `Farbe zu ${t} geändert`, penTool: t => `Stift ${t}`, selectionTool: 'Auswahl', eraserTool: 'Radiergummi', touchPanTool: 'Ansicht mit Touchscreen verschieben', twoFingerPanZoomTool: 'Ansicht verschieben und vergrößern', undoRedoTool: 'Rückgängig/Wiederholen', rightClickDragPanTool: 'Rechtsklick-Ziehen', pipetteTool: 'Farbe von Bildschirm auswählen', keyboardPanZoom: 'Tastaturkürzel zum Verschieben/Vergrößern der Ansicht', textTool: 'Text', enterTextToInsert: 'Einzufügender Text', toolEnabledAnnouncement: t => `${t} aktiviert`, toolDisabledAnnouncement: t => `${t} deaktiviert`, updatedViewport: 'Transformierte Ansicht', transformedElements: t => `${t} Element${1 === t ? '' : 'e'} transformiert`, resizeOutputCommand: t => `Bildgröße auf ${t.w}x${t.h} geändert`, addElementAction: t => `${t} hinzugefügt`, eraseAction: (t, e) => `${e} ${t} gelöscht`, duplicateAction: (t, e) => `${e} ${t} dupliziert`, inverseOf: t => `Umkehrung von ${t}`, elements: 'Elemente', erasedNoElements: 'Nichts entfernt', duplicatedNoElements: 'Nichts dupliziert', rotatedBy: t => `${Math.abs(t)} Grad ${t < 0 ? 'im Uhrzeigersinn' : 'gegen den Uhrzeigersinn'} gedreht`, movedLeft: 'Nacht links bewegt', movedUp: 'Nacht oben bewegt', movedDown: 'Nacht unten bewegt', movedRight: 'Nacht rechts bewegt', zoomedOut: 'Ansicht verkleinert', zoomedIn: 'Ansicht vergrößert', selectedElements: t => `${t} Element${1 === t ? '' : 'e'} ausgewählt`, stroke: 'Strich', svgObject: 'SVG-Objekt', text: t => `Text-Objekt: ${t}`, pathNodeCount: t => `Es gibt ${t} sichtbare Pfad-Objekte.`, textNodeCount: t => `Es gibt ${t} sichtbare Text-Knotenpunkte.`, textNode: t => `Text: ${t}`, rerenderAsText: 'Als Text darstellen', accessibilityInputInstructions: 'Drücke ‚t‘, um den Inhalt des Ansichtsfensters als Text zu lesen. Verwende die Pfeiltasten, um die Ansicht zu verschieben, und klicke und ziehe, um Striche zu zeichnen. Drücke ‚w‘ zum Vergrößern und ‚s‘ zum Verkleinern der Ansicht.', loading: t => `Laden ${t}%...`, doneLoading: 'Laden fertig', imageEditor: 'Bild-Editor', undoAnnouncement: t => `Rückgangig gemacht ${t}`, redoAnnouncement: t => `Wiederholt ${t}` });
4
- export default localization;
@@ -1,3 +0,0 @@
1
- import { EditorLocalization } from '../localization';
2
- declare const localization: EditorLocalization;
3
- export default localization;
@@ -1,4 +0,0 @@
1
- import { defaultEditorLocalization } from '../localization';
2
- // Default localizations are already in English.
3
- const localization = Object.assign({}, defaultEditorLocalization);
4
- export default localization;
@@ -1,3 +0,0 @@
1
- import { EditorLocalization } from '../localization';
2
- declare const localization: EditorLocalization;
3
- export default localization;
@@ -1,18 +0,0 @@
1
- import { defaultEditorLocalization } from '../localization';
2
- // A partial Spanish localization.
3
- const localization = Object.assign(Object.assign({}, defaultEditorLocalization), {
4
- // Strings for the main editor interface
5
- // (see src/localization.ts)
6
- loading: (percentage) => `Cargando: ${percentage}%...`, imageEditor: 'Editor de dibujos', undoAnnouncement: (commandDescription) => `${commandDescription} fue deshecho`, redoAnnouncement: (commandDescription) => `${commandDescription} fue rehecho`, undo: 'Deshace', redo: 'Rehace',
7
- // Strings for the toolbar
8
- // (see src/toolbar/localization.ts)
9
- pen: 'Lapiz', eraser: 'Borrador', select: 'Selecciona', thicknessLabel: 'Tamaño: ', colorLabel: 'Color: ', doneLoading: 'El cargado terminó', fontLabel: 'Fuente: ', anyDevicePanning: 'Mover la pantalla con todo dispotivo', touchPanning: 'Mover la pantalla con un dedo', touchPanTool: 'Instrumento de mover la pantalla con un dedo', outlinedRectanglePen: 'Rectángulo con nada más que un borde', filledRectanglePen: 'Rectángulo sin borde', linePen: 'Línea', arrowPen: 'Flecha', freehandPen: 'Dibuja sin restricción de forma', selectObjectType: 'Forma de dibuja:', handTool: 'Mover', zoom: 'Zoom', resetView: 'Reiniciar vista', resizeImageToSelection: 'Redimensionar la imagen a lo que está seleccionado', deleteSelection: 'Borra la selección', duplicateSelection: 'Duplica la selección', pickColorFromScreen: 'Selecciona un color de la pantalla', clickToPickColorAnnouncement: 'Haga un clic en la pantalla para seleccionar un color', dropdownShown(toolName) {
10
- return `Menú por ${toolName} es visible`;
11
- }, dropdownHidden: function (toolName) {
12
- return `Menú por ${toolName} fue ocultado`;
13
- }, colorChangedAnnouncement: function (color) {
14
- return `Color fue cambiado a ${color}`;
15
- }, keyboardPanZoom: 'Mover la pantalla con el teclado', penTool: function (penId) {
16
- return `Lapiz ${penId}`;
17
- }, selectionTool: 'Selecciona', eraserTool: 'Borrador', textTool: 'Texto', enterTextToInsert: 'Entra texto', textSize: 'Tamaño', rerenderAsText: 'Redibuja la pantalla al texto', lockRotation: 'Bloquea rotación', image: 'Imagen', imageSize: (size, units) => `Tamaño del imagen: ${size} ${units}`, imageLoadError: (message) => `Error cargando imagen: ${message}`, toggleOverflow: 'Más', documentProperties: 'Fondo', imageWidthOption: 'Ancho: ', imageHeightOption: 'Alto: ', backgroundColor: 'Color de fondo: ' });
18
- export default localization;
@@ -1,3 +0,0 @@
1
- import { EditorLocalization } from '../localization';
2
- declare const getLocalizationTable: (userLocales?: readonly string[]) => EditorLocalization;
3
- export default getLocalizationTable;
@@ -1,45 +0,0 @@
1
- import { defaultEditorLocalization } from '../localization';
2
- import de from './de';
3
- import en from './en';
4
- import es from './es';
5
- const allLocales = {
6
- de,
7
- en,
8
- es,
9
- };
10
- // [locale]: A string in the format languageCode_Region or just languageCode. For example, en_US.
11
- const languageFromLocale = (locale) => {
12
- const matches = /^(\w+)[_-](\w+)$/.exec(locale);
13
- if (!matches) {
14
- // If not in languageCode_region format, the locale should be the
15
- // languageCode. Return that.
16
- return locale;
17
- }
18
- return matches[1];
19
- };
20
- const getLocalizationTable = (userLocales) => {
21
- userLocales !== null && userLocales !== void 0 ? userLocales : (userLocales = navigator.languages);
22
- let prevLanguage;
23
- for (const locale of userLocales) {
24
- const language = languageFromLocale(locale);
25
- // If the specific localization of the language is not available, but
26
- // a localization for the language is,
27
- if (prevLanguage && language !== prevLanguage) {
28
- if (prevLanguage in allLocales) {
29
- return allLocales[prevLanguage];
30
- }
31
- }
32
- // If the full locale (e.g. en_US) is available,
33
- if (locale in allLocales) {
34
- return allLocales[locale];
35
- }
36
- prevLanguage = language;
37
- }
38
- if (prevLanguage && prevLanguage in allLocales) {
39
- return allLocales[prevLanguage];
40
- }
41
- else {
42
- return defaultEditorLocalization;
43
- }
44
- };
45
- export default getLocalizationTable;
@@ -1,24 +0,0 @@
1
- import Mat33 from './Mat33';
2
- import Rect2 from './Rect2';
3
- import { Vec2, Point2 } from './Vec2';
4
- interface IntersectionResult {
5
- point: Point2;
6
- t: number;
7
- }
8
- export default class LineSegment2 {
9
- private readonly point1;
10
- private readonly point2;
11
- readonly direction: Vec2;
12
- readonly length: number;
13
- readonly bbox: Rect2;
14
- constructor(point1: Point2, point2: Point2);
15
- get p1(): Point2;
16
- get p2(): Point2;
17
- get(t: number): Point2;
18
- intersection(other: LineSegment2): IntersectionResult | null;
19
- intersects(other: LineSegment2): boolean;
20
- closestPointTo(target: Point2): import("./Vec3").default;
21
- transformedBy(affineTransfm: Mat33): LineSegment2;
22
- toString(): string;
23
- }
24
- export {};
@@ -1,125 +0,0 @@
1
- import Rect2 from './Rect2';
2
- import { Vec2 } from './Vec2';
3
- export default class LineSegment2 {
4
- constructor(point1, point2) {
5
- this.point1 = point1;
6
- this.point2 = point2;
7
- this.bbox = Rect2.bboxOf([point1, point2]);
8
- this.direction = point2.minus(point1);
9
- this.length = this.direction.magnitude();
10
- // Normalize
11
- if (this.length > 0) {
12
- this.direction = this.direction.times(1 / this.length);
13
- }
14
- }
15
- // Accessors to make LineSegment2 compatible with bezier-js's
16
- // interface
17
- get p1() {
18
- return this.point1;
19
- }
20
- get p2() {
21
- return this.point2;
22
- }
23
- get(t) {
24
- return this.point1.plus(this.direction.times(t));
25
- }
26
- intersection(other) {
27
- // We want x₁(t) = x₂(t) and y₁(t) = y₂(t)
28
- // Observe that
29
- // x = this.point1.x + this.direction.x · t₁
30
- // = other.point1.x + other.direction.x · t₂
31
- // Thus,
32
- // t₁ = (x - this.point1.x) / this.direction.x
33
- // = (y - this.point1.y) / this.direction.y
34
- // and
35
- // t₂ = (x - other.point1.x) / other.direction.x
36
- // (and similarly for y)
37
- //
38
- // Letting o₁ₓ = this.point1.x, o₂ₓ = other.point1.x,
39
- // d₁ᵧ = this.direction.y, ...
40
- //
41
- // We can substitute these into the equations for y:
42
- // y = o₁ᵧ + d₁ᵧ · (x - o₁ₓ) / d₁ₓ
43
- // = o₂ᵧ + d₂ᵧ · (x - o₂ₓ) / d₂ₓ
44
- // ⇒ o₁ᵧ - o₂ᵧ = d₂ᵧ · (x - o₂ₓ) / d₂ₓ - d₁ᵧ · (x - o₁ₓ) / d₁ₓ
45
- // = (d₂ᵧ/d₂ₓ)(x) - (d₂ᵧ/d₂ₓ)(o₂ₓ) - (d₁ᵧ/d₁ₓ)(x) + (d₁ᵧ/d₁ₓ)(o₁ₓ)
46
- // = (x)(d₂ᵧ/d₂ₓ - d₁ᵧ/d₁ₓ) - (d₂ᵧ/d₂ₓ)(o₂ₓ) + (d₁ᵧ/d₁ₓ)(o₁ₓ)
47
- // ⇒ (x)(d₂ᵧ/d₂ₓ - d₁ᵧ/d₁ₓ) = o₁ᵧ - o₂ᵧ + (d₂ᵧ/d₂ₓ)(o₂ₓ) - (d₁ᵧ/d₁ₓ)(o₁ₓ)
48
- // ⇒ x = (o₁ᵧ - o₂ᵧ + (d₂ᵧ/d₂ₓ)(o₂ₓ) - (d₁ᵧ/d₁ₓ)(o₁ₓ))/(d₂ᵧ/d₂ₓ - d₁ᵧ/d₁ₓ)
49
- // = (d₁ₓd₂ₓ)(o₁ᵧ - o₂ᵧ + (d₂ᵧ/d₂ₓ)(o₂ₓ) - (d₁ᵧ/d₁ₓ)(o₁ₓ))/(d₂ᵧd₁ₓ - d₁ᵧd₂ₓ)
50
- // = ((o₁ᵧ - o₂ᵧ)((d₁ₓd₂ₓ)) + (d₂ᵧd₁ₓ)(o₂ₓ) - (d₁ᵧd₂ₓ)(o₁ₓ))/(d₂ᵧd₁ₓ - d₁ᵧd₂ₓ)
51
- // ⇒ y = o₁ᵧ + d₁ᵧ · (x - o₁ₓ) / d₁ₓ = ...
52
- let resultPoint, resultT;
53
- if (this.direction.x === 0) {
54
- // Vertical line: Where does the other have x = this.point1.x?
55
- // x = o₁ₓ = o₂ₓ + d₂ₓ · (y - o₂ᵧ) / d₂ᵧ
56
- // ⇒ (o₁ₓ - o₂ₓ)(d₂ᵧ/d₂ₓ) + o₂ᵧ = y
57
- // Avoid division by zero
58
- if (other.direction.x === 0 || this.direction.y === 0) {
59
- return null;
60
- }
61
- const xIntersect = this.point1.x;
62
- const yIntersect = (this.point1.x - other.point1.x) * other.direction.y / other.direction.x + other.point1.y;
63
- resultPoint = Vec2.of(xIntersect, yIntersect);
64
- resultT = (yIntersect - this.point1.y) / this.direction.y;
65
- }
66
- else {
67
- // From above,
68
- // x = ((o₁ᵧ - o₂ᵧ)(d₁ₓd₂ₓ) + (d₂ᵧd₁ₓ)(o₂ₓ) - (d₁ᵧd₂ₓ)(o₁ₓ))/(d₂ᵧd₁ₓ - d₁ᵧd₂ₓ)
69
- const numerator = ((this.point1.y - other.point1.y) * this.direction.x * other.direction.x
70
- + this.direction.x * other.direction.y * other.point1.x
71
- - this.direction.y * other.direction.x * this.point1.x);
72
- const denominator = (other.direction.y * this.direction.x
73
- - this.direction.y * other.direction.x);
74
- // Avoid dividing by zero. It means there is no intersection
75
- if (denominator === 0) {
76
- return null;
77
- }
78
- const xIntersect = numerator / denominator;
79
- const t1 = (xIntersect - this.point1.x) / this.direction.x;
80
- const yIntersect = this.point1.y + this.direction.y * t1;
81
- resultPoint = Vec2.of(xIntersect, yIntersect);
82
- resultT = (xIntersect - this.point1.x) / this.direction.x;
83
- }
84
- // Ensure the result is in this/the other segment.
85
- const resultToP1 = resultPoint.minus(this.point1).magnitude();
86
- const resultToP2 = resultPoint.minus(this.point2).magnitude();
87
- const resultToP3 = resultPoint.minus(other.point1).magnitude();
88
- const resultToP4 = resultPoint.minus(other.point2).magnitude();
89
- if (resultToP1 > this.length
90
- || resultToP2 > this.length
91
- || resultToP3 > other.length
92
- || resultToP4 > other.length) {
93
- return null;
94
- }
95
- return {
96
- point: resultPoint,
97
- t: resultT,
98
- };
99
- }
100
- intersects(other) {
101
- return this.intersection(other) !== null;
102
- }
103
- // Returns the closest point on this to [target]
104
- closestPointTo(target) {
105
- // Distance from P1 along this' direction.
106
- const projectedDistFromP1 = target.minus(this.p1).dot(this.direction);
107
- const projectedDistFromP2 = this.length - projectedDistFromP1;
108
- const projection = this.p1.plus(this.direction.times(projectedDistFromP1));
109
- if (projectedDistFromP1 > 0 && projectedDistFromP1 < this.length) {
110
- return projection;
111
- }
112
- if (Math.abs(projectedDistFromP2) < Math.abs(projectedDistFromP1)) {
113
- return this.p2;
114
- }
115
- else {
116
- return this.p1;
117
- }
118
- }
119
- transformedBy(affineTransfm) {
120
- return new LineSegment2(affineTransfm.transformVec2(this.p1), affineTransfm.transformVec2(this.p2));
121
- }
122
- toString() {
123
- return `LineSegment(${this.p1.toString()}, ${this.p2.toString()})`;
124
- }
125
- }