@hatiolab/things-scene 9.0.0-beta.36 → 9.0.0-beta.37

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 (397) hide show
  1. package/package.json +1 -1
  2. package/things-scene-min.js +11 -11
  3. package/things-scene-min.js.map +1 -1
  4. package/things-scene.mjs +11 -11
  5. package/things-scene.mjs.map +1 -1
  6. package/.cursorignore +0 -62
  7. package/.prettierrc +0 -21
  8. package/assets/icon-audio.png +0 -0
  9. package/assets/icon-gif-viewer.png +0 -0
  10. package/assets/images/spinner.png +0 -0
  11. package/babel.config.js +0 -23
  12. package/db.sqlite +0 -0
  13. package/dist/animation/animate.js +0 -63
  14. package/dist/animation/animate.js.map +0 -1
  15. package/dist/animation/animations/animation.js +0 -122
  16. package/dist/animation/animations/animation.js.map +0 -1
  17. package/dist/animation/animations/fade.js +0 -28
  18. package/dist/animation/animations/fade.js.map +0 -1
  19. package/dist/animation/animations/heartbeat.js +0 -28
  20. package/dist/animation/animations/heartbeat.js.map +0 -1
  21. package/dist/animation/animations/moving.js +0 -24
  22. package/dist/animation/animations/moving.js.map +0 -1
  23. package/dist/animation/animations/outline.js +0 -47
  24. package/dist/animation/animations/outline.js.map +0 -1
  25. package/dist/animation/animations/rotation.js +0 -22
  26. package/dist/animation/animations/rotation.js.map +0 -1
  27. package/dist/animation/animations/vibration.js +0 -31
  28. package/dist/animation/animations/vibration.js.map +0 -1
  29. package/dist/animation/compile.js +0 -31
  30. package/dist/animation/compile.js.map +0 -1
  31. package/dist/animation/delta.js +0 -51
  32. package/dist/animation/delta.js.map +0 -1
  33. package/dist/animation/index.js +0 -14
  34. package/dist/animation/index.js.map +0 -1
  35. package/dist/command/command-change.js +0 -33
  36. package/dist/command/command-change.js.map +0 -1
  37. package/dist/command/command-migrate.js +0 -103
  38. package/dist/command/command-migrate.js.map +0 -1
  39. package/dist/command/command.js +0 -18
  40. package/dist/command/command.js.map +0 -1
  41. package/dist/command/snapshot-commander.js +0 -84
  42. package/dist/command/snapshot-commander.js.map +0 -1
  43. package/dist/components/anchor/anchor.js +0 -105
  44. package/dist/components/anchor/anchor.js.map +0 -1
  45. package/dist/components/anchor/ellipse-anchors.js +0 -53
  46. package/dist/components/anchor/ellipse-anchors.js.map +0 -1
  47. package/dist/components/anchor/rect-anchors.js +0 -53
  48. package/dist/components/anchor/rect-anchors.js.map +0 -1
  49. package/dist/components/audio.js +0 -154
  50. package/dist/components/audio.js.map +0 -1
  51. package/dist/components/cloud.js +0 -44
  52. package/dist/components/cloud.js.map +0 -1
  53. package/dist/components/component.js +0 -1086
  54. package/dist/components/component.js.map +0 -1
  55. package/dist/components/container-abstract.js +0 -387
  56. package/dist/components/container-abstract.js.map +0 -1
  57. package/dist/components/container.js +0 -331
  58. package/dist/components/container.js.map +0 -1
  59. package/dist/components/data/data-mapping.js +0 -82
  60. package/dist/components/data/data-mapping.js.map +0 -1
  61. package/dist/components/data/data.js +0 -166
  62. package/dist/components/data/data.js.map +0 -1
  63. package/dist/components/data/evaluator.js +0 -103
  64. package/dist/components/data/evaluator.js.map +0 -1
  65. package/dist/components/donut.js +0 -104
  66. package/dist/components/donut.js.map +0 -1
  67. package/dist/components/drawer/draw-image-pendable.js +0 -20
  68. package/dist/components/drawer/draw-image-pendable.js.map +0 -1
  69. package/dist/components/drawer/effect.js +0 -19
  70. package/dist/components/drawer/effect.js.map +0 -1
  71. package/dist/components/drawer/fill.js +0 -228
  72. package/dist/components/drawer/fill.js.map +0 -1
  73. package/dist/components/drawer/format.js +0 -115
  74. package/dist/components/drawer/format.js.map +0 -1
  75. package/dist/components/drawer/line.js +0 -191
  76. package/dist/components/drawer/line.js.map +0 -1
  77. package/dist/components/drawer/stroke.js +0 -62
  78. package/dist/components/drawer/stroke.js.map +0 -1
  79. package/dist/components/drawer/text-wrapper.js +0 -51
  80. package/dist/components/drawer/text-wrapper.js.map +0 -1
  81. package/dist/components/drawer/text.js +0 -269
  82. package/dist/components/drawer/text.js.map +0 -1
  83. package/dist/components/ellipse.js +0 -110
  84. package/dist/components/ellipse.js.map +0 -1
  85. package/dist/components/file/ondropfile.js +0 -19
  86. package/dist/components/file/ondropfile.js.map +0 -1
  87. package/dist/components/fit/fit.js +0 -137
  88. package/dist/components/fit/fit.js.map +0 -1
  89. package/dist/components/geometry/transcoord.js +0 -339
  90. package/dist/components/geometry/transcoord.js.map +0 -1
  91. package/dist/components/geometry/union.js +0 -35
  92. package/dist/components/geometry/union.js.map +0 -1
  93. package/dist/components/gif-view.js +0 -128
  94. package/dist/components/gif-view.js.map +0 -1
  95. package/dist/components/global-ref.js +0 -154
  96. package/dist/components/global-ref.js.map +0 -1
  97. package/dist/components/group.js +0 -171
  98. package/dist/components/group.js.map +0 -1
  99. package/dist/components/html/elements.js +0 -24
  100. package/dist/components/html/elements.js.map +0 -1
  101. package/dist/components/html/fill.js +0 -126
  102. package/dist/components/html/fill.js.map +0 -1
  103. package/dist/components/html/reposition.js +0 -119
  104. package/dist/components/html/reposition.js.map +0 -1
  105. package/dist/components/html/shadow.js +0 -24
  106. package/dist/components/html/shadow.js.map +0 -1
  107. package/dist/components/html-overlay-container.js +0 -27
  108. package/dist/components/html-overlay-container.js.map +0 -1
  109. package/dist/components/html-overlay-element.js +0 -22
  110. package/dist/components/html-overlay-element.js.map +0 -1
  111. package/dist/components/image-view.js +0 -193
  112. package/dist/components/image-view.js.map +0 -1
  113. package/dist/components/index.js +0 -231
  114. package/dist/components/index.js.map +0 -1
  115. package/dist/components/info-window.js +0 -416
  116. package/dist/components/info-window.js.map +0 -1
  117. package/dist/components/line.js +0 -374
  118. package/dist/components/line.js.map +0 -1
  119. package/dist/components/local-ref.js +0 -114
  120. package/dist/components/local-ref.js.map +0 -1
  121. package/dist/components/mixins/connectable.js +0 -128
  122. package/dist/components/mixins/connectable.js.map +0 -1
  123. package/dist/components/mixins/data-source.js +0 -34
  124. package/dist/components/mixins/data-source.js.map +0 -1
  125. package/dist/components/mixins/html-element.js +0 -107
  126. package/dist/components/mixins/html-element.js.map +0 -1
  127. package/dist/components/mixins/move-handle.js +0 -73
  128. package/dist/components/mixins/move-handle.js.map +0 -1
  129. package/dist/components/mixins/rect-path.js +0 -113
  130. package/dist/components/mixins/rect-path.js.map +0 -1
  131. package/dist/components/mixins/value-holder.js +0 -81
  132. package/dist/components/mixins/value-holder.js.map +0 -1
  133. package/dist/components/mutater/bounds.js +0 -68
  134. package/dist/components/mutater/bounds.js.map +0 -1
  135. package/dist/components/mutater/path.js +0 -73
  136. package/dist/components/mutater/path.js.map +0 -1
  137. package/dist/components/ortholine.js +0 -763
  138. package/dist/components/ortholine.js.map +0 -1
  139. package/dist/components/outline/ellipse-outline.js +0 -23
  140. package/dist/components/outline/ellipse-outline.js.map +0 -1
  141. package/dist/components/outline/path-outline.js +0 -48
  142. package/dist/components/outline/path-outline.js.map +0 -1
  143. package/dist/components/path.js +0 -49
  144. package/dist/components/path.js.map +0 -1
  145. package/dist/components/polygon.js +0 -91
  146. package/dist/components/polygon.js.map +0 -1
  147. package/dist/components/polyline.js +0 -114
  148. package/dist/components/polyline.js.map +0 -1
  149. package/dist/components/popup.js +0 -160
  150. package/dist/components/popup.js.map +0 -1
  151. package/dist/components/rect.js +0 -72
  152. package/dist/components/rect.js.map +0 -1
  153. package/dist/components/retention/retention-manager.js +0 -81
  154. package/dist/components/retention/retention-manager.js.map +0 -1
  155. package/dist/components/root-container.js +0 -519
  156. package/dist/components/root-container.js.map +0 -1
  157. package/dist/components/ruler.js +0 -103
  158. package/dist/components/ruler.js.map +0 -1
  159. package/dist/components/shape.js +0 -97
  160. package/dist/components/shape.js.map +0 -1
  161. package/dist/components/star.js +0 -103
  162. package/dist/components/star.js.map +0 -1
  163. package/dist/components/text/substitutor.js +0 -92
  164. package/dist/components/text/substitutor.js.map +0 -1
  165. package/dist/components/text.js +0 -21
  166. package/dist/components/text.js.map +0 -1
  167. package/dist/components/triangle.js +0 -92
  168. package/dist/components/triangle.js.map +0 -1
  169. package/dist/const.js +0 -71
  170. package/dist/const.js.map +0 -1
  171. package/dist/core/collection.js +0 -28
  172. package/dist/core/collection.js.map +0 -1
  173. package/dist/core/debug.js +0 -12
  174. package/dist/core/debug.js.map +0 -1
  175. package/dist/core/deep-equals.js +0 -112
  176. package/dist/core/deep-equals.js.map +0 -1
  177. package/dist/core/dom-to-image.js +0 -617
  178. package/dist/core/dom-to-image.js.map +0 -1
  179. package/dist/core/event.js +0 -205
  180. package/dist/core/event.js.map +0 -1
  181. package/dist/core/index.js +0 -21
  182. package/dist/core/index.js.map +0 -1
  183. package/dist/core/list.js +0 -87
  184. package/dist/core/list.js.map +0 -1
  185. package/dist/core/logger.js +0 -29
  186. package/dist/core/logger.js.map +0 -1
  187. package/dist/core/memoize.js +0 -40
  188. package/dist/core/memoize.js.map +0 -1
  189. package/dist/core/mixin.js +0 -26
  190. package/dist/core/mixin.js.map +0 -1
  191. package/dist/core/obj-accessor.js +0 -26
  192. package/dist/core/obj-accessor.js.map +0 -1
  193. package/dist/core/reference-map.js +0 -147
  194. package/dist/core/reference-map.js.map +0 -1
  195. package/dist/core/round-rect.js +0 -62
  196. package/dist/core/round-rect.js.map +0 -1
  197. package/dist/core/safe-round.js +0 -10
  198. package/dist/core/safe-round.js.map +0 -1
  199. package/dist/core/script-loader.js +0 -148
  200. package/dist/core/script-loader.js.map +0 -1
  201. package/dist/core/snapshot-taker.js +0 -59
  202. package/dist/core/snapshot-taker.js.map +0 -1
  203. package/dist/core/stack.js +0 -18
  204. package/dist/core/stack.js.map +0 -1
  205. package/dist/core/timecapsule.js +0 -88
  206. package/dist/core/timecapsule.js.map +0 -1
  207. package/dist/core/utils.js +0 -309
  208. package/dist/core/utils.js.map +0 -1
  209. package/dist/decorator/anchors-decorator.js +0 -53
  210. package/dist/decorator/anchors-decorator.js.map +0 -1
  211. package/dist/decorator/bouncing-arrow-decorator.js +0 -52
  212. package/dist/decorator/bouncing-arrow-decorator.js.map +0 -1
  213. package/dist/decorator/data-spread-decorator.js +0 -69
  214. package/dist/decorator/data-spread-decorator.js.map +0 -1
  215. package/dist/decorator/decotag-decorator.js +0 -33
  216. package/dist/decorator/decotag-decorator.js.map +0 -1
  217. package/dist/decorator/index.js +0 -31
  218. package/dist/decorator/index.js.map +0 -1
  219. package/dist/decorator/link-decorator.js +0 -66
  220. package/dist/decorator/link-decorator.js.map +0 -1
  221. package/dist/effect/gradation.js +0 -37
  222. package/dist/effect/gradation.js.map +0 -1
  223. package/dist/effect/index.js +0 -23
  224. package/dist/effect/index.js.map +0 -1
  225. package/dist/effect/shadow.js +0 -33
  226. package/dist/effect/shadow.js.map +0 -1
  227. package/dist/effect/turn.js +0 -25
  228. package/dist/effect/turn.js.map +0 -1
  229. package/dist/event/event-engine.js +0 -76
  230. package/dist/event/event-engine.js.map +0 -1
  231. package/dist/event/event-pump.js +0 -92
  232. package/dist/event/event-pump.js.map +0 -1
  233. package/dist/event/event-tracker.js +0 -97
  234. package/dist/event/event-tracker.js.map +0 -1
  235. package/dist/event/index.js +0 -21
  236. package/dist/event/index.js.map +0 -1
  237. package/dist/event/ua-event-handler.js +0 -453
  238. package/dist/event/ua-event-handler.js.map +0 -1
  239. package/dist/event-map/animator-handler.js +0 -225
  240. package/dist/event-map/animator-handler.js.map +0 -1
  241. package/dist/event-map/animators/animated-icon.js +0 -265
  242. package/dist/event-map/animators/animated-icon.js.map +0 -1
  243. package/dist/event-map/animators/border-highlighting.js +0 -476
  244. package/dist/event-map/animators/border-highlighting.js.map +0 -1
  245. package/dist/event-map/animators/bouncing-arrow.js +0 -226
  246. package/dist/event-map/animators/bouncing-arrow.js.map +0 -1
  247. package/dist/event-map/event-map.js +0 -36
  248. package/dist/event-map/event-map.js.map +0 -1
  249. package/dist/event-map/index.js +0 -20
  250. package/dist/event-map/index.js.map +0 -1
  251. package/dist/event-map/move-handler.js +0 -233
  252. package/dist/event-map/move-handler.js.map +0 -1
  253. package/dist/event-map/paste-handler.js +0 -176
  254. package/dist/event-map/paste-handler.js.map +0 -1
  255. package/dist/event-map/shift-handler.js +0 -55
  256. package/dist/event-map/shift-handler.js.map +0 -1
  257. package/dist/event-map/text-editor-lite.js +0 -276
  258. package/dist/event-map/text-editor-lite.js.map +0 -1
  259. package/dist/event-map/zoom-handler.js +0 -49
  260. package/dist/event-map/zoom-handler.js.map +0 -1
  261. package/dist/index.js +0 -20
  262. package/dist/index.js.map +0 -1
  263. package/dist/layer/action/emphasize.js +0 -42
  264. package/dist/layer/action/emphasize.js.map +0 -1
  265. package/dist/layer/action/popup.js +0 -461
  266. package/dist/layer/action/popup.js.map +0 -1
  267. package/dist/layer/action/pressed.js +0 -31
  268. package/dist/layer/action/pressed.js.map +0 -1
  269. package/dist/layer/add-layer.js +0 -180
  270. package/dist/layer/add-layer.js.map +0 -1
  271. package/dist/layer/decotag-layer.js +0 -121
  272. package/dist/layer/decotag-layer.js.map +0 -1
  273. package/dist/layer/guide-layer.js +0 -292
  274. package/dist/layer/guide-layer.js.map +0 -1
  275. package/dist/layer/index.js +0 -70
  276. package/dist/layer/index.js.map +0 -1
  277. package/dist/layer/layer.js +0 -230
  278. package/dist/layer/layer.js.map +0 -1
  279. package/dist/layer/minimap-layer.js +0 -84
  280. package/dist/layer/minimap-layer.js.map +0 -1
  281. package/dist/layer/model-layer.js +0 -465
  282. package/dist/layer/model-layer.js.map +0 -1
  283. package/dist/layer/modeler/anchor-handler.js +0 -193
  284. package/dist/layer/modeler/anchor-handler.js.map +0 -1
  285. package/dist/layer/modeler/control-handler.js +0 -95
  286. package/dist/layer/modeler/control-handler.js.map +0 -1
  287. package/dist/layer/modeler/focus-outline.js +0 -41
  288. package/dist/layer/modeler/focus-outline.js.map +0 -1
  289. package/dist/layer/modeler/group-outline.js +0 -30
  290. package/dist/layer/modeler/group-outline.js.map +0 -1
  291. package/dist/layer/modeler/index.js +0 -56
  292. package/dist/layer/modeler/index.js.map +0 -1
  293. package/dist/layer/modeler/path-handler.js +0 -300
  294. package/dist/layer/modeler/path-handler.js.map +0 -1
  295. package/dist/layer/modeler/resizer.js +0 -333
  296. package/dist/layer/modeler/resizer.js.map +0 -1
  297. package/dist/layer/modeler/rotator.js +0 -134
  298. package/dist/layer/modeler/rotator.js.map +0 -1
  299. package/dist/layer/modeling-layer.js +0 -491
  300. package/dist/layer/modeling-layer.js.map +0 -1
  301. package/dist/layer/reaction-layer.js +0 -111
  302. package/dist/layer/reaction-layer.js.map +0 -1
  303. package/dist/layer/scroll-layer.js +0 -191
  304. package/dist/layer/scroll-layer.js.map +0 -1
  305. package/dist/layer/selection/selected-finder.js +0 -96
  306. package/dist/layer/selection/selected-finder.js.map +0 -1
  307. package/dist/layer/selection-layer.js +0 -373
  308. package/dist/layer/selection-layer.js.map +0 -1
  309. package/dist/layer/shift-layer.js +0 -83
  310. package/dist/layer/shift-layer.js.map +0 -1
  311. package/dist/layout/absolute.js +0 -30
  312. package/dist/layout/absolute.js.map +0 -1
  313. package/dist/layout/card.js +0 -52
  314. package/dist/layout/card.js.map +0 -1
  315. package/dist/layout/html-absolute.js +0 -32
  316. package/dist/layout/html-absolute.js.map +0 -1
  317. package/dist/layout/index.js +0 -56
  318. package/dist/layout/index.js.map +0 -1
  319. package/dist/layout/layout.js +0 -36
  320. package/dist/layout/layout.js.map +0 -1
  321. package/dist/layout/linear-horizontal.js +0 -56
  322. package/dist/layout/linear-horizontal.js.map +0 -1
  323. package/dist/layout/linear-vertical.js +0 -56
  324. package/dist/layout/linear-vertical.js.map +0 -1
  325. package/dist/layout/table.js +0 -106
  326. package/dist/layout/table.js.map +0 -1
  327. package/dist/license/license.js +0 -170
  328. package/dist/license/license.js.map +0 -1
  329. package/dist/model/compile.js +0 -40
  330. package/dist/model/compile.js.map +0 -1
  331. package/dist/model/duplicate.js +0 -19
  332. package/dist/model/duplicate.js.map +0 -1
  333. package/dist/model/index.js +0 -34
  334. package/dist/model/index.js.map +0 -1
  335. package/dist/model/selector.js +0 -104
  336. package/dist/model/selector.js.map +0 -1
  337. package/dist/style/compile.js +0 -14
  338. package/dist/style/compile.js.map +0 -1
  339. package/dist/style/index.js +0 -14
  340. package/dist/style/index.js.map +0 -1
  341. package/dist/things-scene/api/add-start.js +0 -18
  342. package/dist/things-scene/api/add-start.js.map +0 -1
  343. package/dist/things-scene/api/add.js +0 -71
  344. package/dist/things-scene/api/add.js.map +0 -1
  345. package/dist/things-scene/api/align.js +0 -116
  346. package/dist/things-scene/api/align.js.map +0 -1
  347. package/dist/things-scene/api/center-to.js +0 -50
  348. package/dist/things-scene/api/center-to.js.map +0 -1
  349. package/dist/things-scene/api/change.js +0 -27
  350. package/dist/things-scene/api/change.js.map +0 -1
  351. package/dist/things-scene/api/clipboard.js +0 -45
  352. package/dist/things-scene/api/clipboard.js.map +0 -1
  353. package/dist/things-scene/api/distribute.js +0 -57
  354. package/dist/things-scene/api/distribute.js.map +0 -1
  355. package/dist/things-scene/api/duplicate.js +0 -47
  356. package/dist/things-scene/api/duplicate.js.map +0 -1
  357. package/dist/things-scene/api/fullscreen.js +0 -26
  358. package/dist/things-scene/api/fullscreen.js.map +0 -1
  359. package/dist/things-scene/api/group.js +0 -91
  360. package/dist/things-scene/api/group.js.map +0 -1
  361. package/dist/things-scene/api/ids.js +0 -28
  362. package/dist/things-scene/api/ids.js.map +0 -1
  363. package/dist/things-scene/api/index.js +0 -192
  364. package/dist/things-scene/api/index.js.map +0 -1
  365. package/dist/things-scene/api/listener.js +0 -69
  366. package/dist/things-scene/api/listener.js.map +0 -1
  367. package/dist/things-scene/api/paste-start.js +0 -27
  368. package/dist/things-scene/api/paste-start.js.map +0 -1
  369. package/dist/things-scene/api/place.js +0 -98
  370. package/dist/things-scene/api/place.js.map +0 -1
  371. package/dist/things-scene/api/remove.js +0 -57
  372. package/dist/things-scene/api/remove.js.map +0 -1
  373. package/dist/things-scene/api/symmetry.js +0 -47
  374. package/dist/things-scene/api/symmetry.js.map +0 -1
  375. package/dist/things-scene/api/to-data-url.js +0 -76
  376. package/dist/things-scene/api/to-data-url.js.map +0 -1
  377. package/dist/things-scene/api/zorder.js +0 -68
  378. package/dist/things-scene/api/zorder.js.map +0 -1
  379. package/dist/things-scene/application-context.js +0 -168
  380. package/dist/things-scene/application-context.js.map +0 -1
  381. package/dist/things-scene/config.js +0 -18
  382. package/dist/things-scene/config.js.map +0 -1
  383. package/dist/things-scene/create.js +0 -67
  384. package/dist/things-scene/create.js.map +0 -1
  385. package/dist/things-scene/fps.js +0 -26
  386. package/dist/things-scene/fps.js.map +0 -1
  387. package/dist/things-scene/index.js +0 -152
  388. package/dist/things-scene/index.js.map +0 -1
  389. package/dist/things-scene/polyfill.js +0 -111
  390. package/dist/things-scene/polyfill.js.map +0 -1
  391. package/dist/things-scene/scene.js +0 -442
  392. package/dist/things-scene/scene.js.map +0 -1
  393. package/dist/things-scene/version.js +0 -12
  394. package/dist/things-scene/version.js.map +0 -1
  395. package/rollup.config.js +0 -67
  396. package/schema.graphql +0 -4606
  397. package/tsconfig.json +0 -31
@@ -1,193 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- /*
8
- * Copyright © HatioLab Inc. All rights reserved.
9
- */
10
-
11
- const ANCHOR_HANDLE_RADIUS = 4;
12
-
13
- /**
14
- * ActiveAnchor definition
15
- * @typedef {Object} ActiveAnchor
16
- * @property {Object} component - owner component of anchor
17
- * @property {string} anchor - anchor name
18
- */
19
- class AnchorHandler {
20
- constructor(layer) {
21
- this.layer = layer;
22
- }
23
-
24
- /**
25
- * @type {ActiveAnchor} active
26
- */
27
- get active() {
28
- if (this._active?.component.disposed) {
29
- this._active = null;
30
- }
31
- return this._active;
32
- }
33
- set active(active) {
34
- this._active = active;
35
- }
36
- reset() {
37
- // 현재 선택된 anchor 핸들의 정보
38
- this.active = null;
39
- }
40
- contains(x, y, component, scale) {
41
- const lastActiveAnchor = this.active?.component === component && this.active?.anchor;
42
- this.active = null;
43
- const counterEnd = this.layer.counterEnd
44
-
45
- // 좌표가 바운드 핸들에 포함되어있는지 확인함.
46
- ;
47
- (component.isConnectable() && !component.disposed && component.anchors || []).filter(anchor => {
48
- const {
49
- name,
50
- inout,
51
- multiplicity = Infinity,
52
- filter
53
- } = anchor;
54
- if (counterEnd) {
55
- /* path dragging state */
56
- const {
57
- anchor: counterAnchor,
58
- fromto
59
- } = counterEnd;
60
- if (counterAnchor && (counterAnchor.inout === 'out' && inout === 'out' || counterAnchor.inout === 'in' && inout === 'in')) {
61
- return false;
62
- }
63
- if (fromto === 'from' && inout === 'out' || fromto === 'to' && inout === 'in') {
64
- return false;
65
- }
66
- } else if (inout === 'in') {
67
- /* no path dragging state */
68
- return false;
69
- }
70
- if (multiplicity !== Infinity && component.findInOutLines(name).length >= multiplicity) {
71
- return false;
72
- }
73
- if (filter && counterEnd) {
74
- return !!filter.call(anchor, counterEnd);
75
- }
76
- return true;
77
- }).every(anchor => {
78
- const activeMultiple = lastActiveAnchor === anchor.name ? 2 : 1;
79
- if (anchor && anchor.position && Math.abs(x - anchor.position.x) <= ANCHOR_HANDLE_RADIUS * activeMultiple / scale.x && Math.abs(y - anchor.position.y) <= ANCHOR_HANDLE_RADIUS * activeMultiple / scale.y) {
80
- // 현재 선택된 anchor 핸들의 정보
81
- this.active = {
82
- component,
83
- anchor: anchor.name,
84
- template: anchor.template
85
- };
86
- }
87
-
88
- // 찾았으면, 스톱한다.
89
- return !this.active;
90
- });
91
- return !!this.active;
92
- }
93
- draw(ctx, component, scale) {
94
- // Line 같은 경우는 그리지 않는다.
95
- if (!component.get('refid') || component.isLine()) {
96
- return;
97
- }
98
-
99
- // In/out port 핸들(Port Handle)을 그린다.
100
- var active = this.active;
101
- const lastActiveAnchor = this.active?.component === component && this.active?.anchor;
102
- const counterEnd = this.layer.counterEnd;
103
- (component.isConnectable() && !component.disposed && component.anchors || []).filter(anchor => {
104
- const {
105
- name,
106
- inout,
107
- multiplicity = Infinity,
108
- filter
109
- } = anchor;
110
- if (counterEnd) {
111
- /* path dragging state */
112
- const {
113
- anchor: counterAnchor,
114
- fromto
115
- } = counterEnd;
116
- if (counterAnchor && (counterAnchor.inout === 'out' && inout === 'out' || counterAnchor.inout === 'in' && inout === 'in')) {
117
- return false;
118
- }
119
- if (fromto === 'from' && inout === 'out' || fromto === 'to' && inout === 'in') {
120
- return false;
121
- }
122
- } else if (inout === 'in') {
123
- /* no path dragging state */
124
- return false;
125
- }
126
- if (multiplicity !== Infinity && component.findInOutLines(name).length >= multiplicity) {
127
- return false;
128
- }
129
- if (counterEnd && filter) {
130
- return !!filter.call(anchor, counterEnd);
131
- }
132
- return true;
133
- }).forEach(anchor => {
134
- const {
135
- name,
136
- position
137
- } = anchor;
138
- const activeMultiple = lastActiveAnchor === name ? 2 : 1;
139
- if (!position) {
140
- return;
141
- }
142
- ctx.beginPath();
143
- ctx.ellipse(position.x, position.y, ANCHOR_HANDLE_RADIUS * activeMultiple / scale.x, ANCHOR_HANDLE_RADIUS * activeMultiple / scale.y, 0, 0, 2 * Math.PI);
144
- ctx.setLineDash([0, 0]);
145
- ctx.lineWidth = 1 / scale.x;
146
- ctx.strokeStyle = '#656565';
147
- ctx.stroke();
148
- ctx.fillStyle = '#fff';
149
- if (active && active.component === component && active.anchor === name) {
150
- ctx.strokeStyle = '#fa7703';
151
- if (active.focus) ctx.fillStyle = '#ffb80c';
152
- }
153
- ctx.fill();
154
- ctx.stroke();
155
- });
156
- }
157
- onmousedown(e) {
158
- this.active.focus = true;
159
- }
160
- ondragstart(e) {
161
- const {
162
- component,
163
- anchor,
164
- template
165
- } = this.active;
166
- const position = this.layer.transcoordC2S(e.offsetX, e.offsetY);
167
- this.layer.startLinkProcess(component, {
168
- type: 'ortholine',
169
- lineWidth: 1,
170
- strokeStyle: 'black',
171
- begin: 'oval',
172
- beginSize: 'size9',
173
- end: 'arrow',
174
- endSize: 'size9',
175
- lineDash: 'solid',
176
- lineCap: 'butt',
177
- round: 10,
178
- ...template,
179
- from: {
180
- component: component.get('refid'),
181
- anchor,
182
- position
183
- },
184
- to: {
185
- position
186
- }
187
- }, e);
188
- }
189
- ondragmove(e) {}
190
- ondragend(e) {}
191
- }
192
- exports.default = AnchorHandler;
193
- //# sourceMappingURL=anchor-handler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"anchor-handler.js","names":["ANCHOR_HANDLE_RADIUS","AnchorHandler","constructor","layer","active","_active","component","disposed","reset","contains","x","y","scale","lastActiveAnchor","anchor","counterEnd","isConnectable","anchors","filter","name","inout","multiplicity","Infinity","counterAnchor","fromto","findInOutLines","length","call","every","activeMultiple","position","Math","abs","template","draw","ctx","get","isLine","forEach","beginPath","ellipse","PI","setLineDash","lineWidth","strokeStyle","stroke","fillStyle","focus","fill","onmousedown","e","ondragstart","transcoordC2S","offsetX","offsetY","startLinkProcess","type","begin","beginSize","end","endSize","lineDash","lineCap","round","from","to","ondragmove","ondragend","exports","default"],"sources":["../../../src/layer/modeler/anchor-handler.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nconst ANCHOR_HANDLE_RADIUS = 4\n\n/**\n * ActiveAnchor definition\n * @typedef {Object} ActiveAnchor\n * @property {Object} component - owner component of anchor\n * @property {string} anchor - anchor name\n */\nexport default class AnchorHandler {\n constructor(layer) {\n this.layer = layer\n }\n\n /**\n * @type {ActiveAnchor} active\n */\n get active() {\n if (this._active?.component.disposed) {\n this._active = null\n }\n\n return this._active\n }\n\n set active(active) {\n this._active = active\n }\n\n reset() {\n // 현재 선택된 anchor 핸들의 정보\n this.active = null\n }\n\n contains(x, y, component, scale) {\n const lastActiveAnchor = this.active?.component === component && this.active?.anchor\n\n this.active = null\n const counterEnd = this.layer.counterEnd\n\n // 좌표가 바운드 핸들에 포함되어있는지 확인함.\n ;((component.isConnectable() && !component.disposed && component.anchors) || [])\n .filter(anchor => {\n const { name, inout, multiplicity = Infinity, filter } = anchor\n\n if (counterEnd) {\n /* path dragging state */\n const { anchor: counterAnchor, fromto } = counterEnd\n\n if (\n counterAnchor &&\n ((counterAnchor.inout === 'out' && inout === 'out') || (counterAnchor.inout === 'in' && inout === 'in'))\n ) {\n return false\n }\n\n if ((fromto === 'from' && inout === 'out') || (fromto === 'to' && inout === 'in')) {\n return false\n }\n } else if (inout === 'in') {\n /* no path dragging state */\n return false\n }\n\n if (multiplicity !== Infinity && component.findInOutLines(name).length >= multiplicity) {\n return false\n }\n\n if (filter && counterEnd) {\n return !!filter.call(anchor, counterEnd)\n }\n\n return true\n })\n .every(anchor => {\n const activeMultiple = lastActiveAnchor === anchor.name ? 2 : 1\n if (\n anchor &&\n anchor.position &&\n Math.abs(x - anchor.position.x) <= (ANCHOR_HANDLE_RADIUS * activeMultiple) / scale.x &&\n Math.abs(y - anchor.position.y) <= (ANCHOR_HANDLE_RADIUS * activeMultiple) / scale.y\n ) {\n // 현재 선택된 anchor 핸들의 정보\n this.active = { component, anchor: anchor.name, template: anchor.template }\n }\n\n // 찾았으면, 스톱한다.\n return !this.active\n })\n\n return !!this.active\n }\n\n draw(ctx, component, scale) {\n // Line 같은 경우는 그리지 않는다.\n if (!component.get('refid') || component.isLine()) {\n return\n }\n\n // In/out port 핸들(Port Handle)을 그린다.\n var active = this.active\n\n const lastActiveAnchor = this.active?.component === component && this.active?.anchor\n const counterEnd = this.layer.counterEnd\n\n ;((component.isConnectable() && !component.disposed && component.anchors) || [])\n .filter(anchor => {\n const { name, inout, multiplicity = Infinity, filter } = anchor\n\n if (counterEnd) {\n /* path dragging state */\n const { anchor: counterAnchor, fromto } = counterEnd\n\n if (\n counterAnchor &&\n ((counterAnchor.inout === 'out' && inout === 'out') || (counterAnchor.inout === 'in' && inout === 'in'))\n ) {\n return false\n }\n\n if ((fromto === 'from' && inout === 'out') || (fromto === 'to' && inout === 'in')) {\n return false\n }\n } else if (inout === 'in') {\n /* no path dragging state */\n return false\n }\n\n if (multiplicity !== Infinity && component.findInOutLines(name).length >= multiplicity) {\n return false\n }\n\n if (counterEnd && filter) {\n return !!filter.call(anchor, counterEnd)\n }\n\n return true\n })\n .forEach(anchor => {\n const { name, position } = anchor\n const activeMultiple = lastActiveAnchor === name ? 2 : 1\n\n if (!position) {\n return\n }\n\n ctx.beginPath()\n\n ctx.ellipse(\n position.x,\n position.y,\n (ANCHOR_HANDLE_RADIUS * activeMultiple) / scale.x,\n (ANCHOR_HANDLE_RADIUS * activeMultiple) / scale.y,\n 0,\n 0,\n 2 * Math.PI\n )\n\n ctx.setLineDash([0, 0])\n ctx.lineWidth = 1 / scale.x\n ctx.strokeStyle = '#656565'\n\n ctx.stroke()\n ctx.fillStyle = '#fff'\n\n if (active && active.component === component && active.anchor === name) {\n ctx.strokeStyle = '#fa7703'\n\n if (active.focus) ctx.fillStyle = '#ffb80c'\n }\n\n ctx.fill()\n ctx.stroke()\n })\n }\n\n onmousedown(e) {\n this.active.focus = true\n }\n\n ondragstart(e) {\n const { component, anchor, template } = this.active\n const position = this.layer.transcoordC2S(e.offsetX, e.offsetY)\n\n this.layer.startLinkProcess(\n component,\n {\n type: 'ortholine',\n lineWidth: 1,\n strokeStyle: 'black',\n begin: 'oval',\n beginSize: 'size9',\n end: 'arrow',\n endSize: 'size9',\n lineDash: 'solid',\n lineCap: 'butt',\n round: 10,\n ...template,\n from: {\n component: component.get('refid'),\n anchor,\n position\n },\n to: {\n position\n }\n },\n e\n )\n }\n\n ondragmove(e) {}\n ondragend(e) {}\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEA,MAAMA,oBAAoB,GAAG,CAAC;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACe,MAAMC,aAAa,CAAC;EACjCC,WAAWA,CAACC,KAAK,EAAE;IACjB,IAAI,CAACA,KAAK,GAAGA,KAAK;EACpB;;EAEA;AACF;AACA;EACE,IAAIC,MAAMA,CAAA,EAAG;IACX,IAAI,IAAI,CAACC,OAAO,EAAEC,SAAS,CAACC,QAAQ,EAAE;MACpC,IAAI,CAACF,OAAO,GAAG,IAAI;IACrB;IAEA,OAAO,IAAI,CAACA,OAAO;EACrB;EAEA,IAAID,MAAMA,CAACA,MAAM,EAAE;IACjB,IAAI,CAACC,OAAO,GAAGD,MAAM;EACvB;EAEAI,KAAKA,CAAA,EAAG;IACN;IACA,IAAI,CAACJ,MAAM,GAAG,IAAI;EACpB;EAEAK,QAAQA,CAACC,CAAC,EAAEC,CAAC,EAAEL,SAAS,EAAEM,KAAK,EAAE;IAC/B,MAAMC,gBAAgB,GAAG,IAAI,CAACT,MAAM,EAAEE,SAAS,KAAKA,SAAS,IAAI,IAAI,CAACF,MAAM,EAAEU,MAAM;IAEpF,IAAI,CAACV,MAAM,GAAG,IAAI;IAClB,MAAMW,UAAU,GAAG,IAAI,CAACZ,KAAK,CAACY;;IAE9B;IAAA;IACC,CAAET,SAAS,CAACU,aAAa,CAAC,CAAC,IAAI,CAACV,SAAS,CAACC,QAAQ,IAAID,SAAS,CAACW,OAAO,IAAK,EAAE,EAC5EC,MAAM,CAACJ,MAAM,IAAI;MAChB,MAAM;QAAEK,IAAI;QAAEC,KAAK;QAAEC,YAAY,GAAGC,QAAQ;QAAEJ;MAAO,CAAC,GAAGJ,MAAM;MAE/D,IAAIC,UAAU,EAAE;QACd;QACA,MAAM;UAAED,MAAM,EAAES,aAAa;UAAEC;QAAO,CAAC,GAAGT,UAAU;QAEpD,IACEQ,aAAa,KACXA,aAAa,CAACH,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,KAAK,IAAMG,aAAa,CAACH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,IAAK,CAAC,EACxG;UACA,OAAO,KAAK;QACd;QAEA,IAAKI,MAAM,KAAK,MAAM,IAAIJ,KAAK,KAAK,KAAK,IAAMI,MAAM,KAAK,IAAI,IAAIJ,KAAK,KAAK,IAAK,EAAE;UACjF,OAAO,KAAK;QACd;MACF,CAAC,MAAM,IAAIA,KAAK,KAAK,IAAI,EAAE;QACzB;QACA,OAAO,KAAK;MACd;MAEA,IAAIC,YAAY,KAAKC,QAAQ,IAAIhB,SAAS,CAACmB,cAAc,CAACN,IAAI,CAAC,CAACO,MAAM,IAAIL,YAAY,EAAE;QACtF,OAAO,KAAK;MACd;MAEA,IAAIH,MAAM,IAAIH,UAAU,EAAE;QACxB,OAAO,CAAC,CAACG,MAAM,CAACS,IAAI,CAACb,MAAM,EAAEC,UAAU,CAAC;MAC1C;MAEA,OAAO,IAAI;IACb,CAAC,CAAC,CACDa,KAAK,CAACd,MAAM,IAAI;MACf,MAAMe,cAAc,GAAGhB,gBAAgB,KAAKC,MAAM,CAACK,IAAI,GAAG,CAAC,GAAG,CAAC;MAC/D,IACEL,MAAM,IACNA,MAAM,CAACgB,QAAQ,IACfC,IAAI,CAACC,GAAG,CAACtB,CAAC,GAAGI,MAAM,CAACgB,QAAQ,CAACpB,CAAC,CAAC,IAAKV,oBAAoB,GAAG6B,cAAc,GAAIjB,KAAK,CAACF,CAAC,IACpFqB,IAAI,CAACC,GAAG,CAACrB,CAAC,GAAGG,MAAM,CAACgB,QAAQ,CAACnB,CAAC,CAAC,IAAKX,oBAAoB,GAAG6B,cAAc,GAAIjB,KAAK,CAACD,CAAC,EACpF;QACA;QACA,IAAI,CAACP,MAAM,GAAG;UAAEE,SAAS;UAAEQ,MAAM,EAAEA,MAAM,CAACK,IAAI;UAAEc,QAAQ,EAAEnB,MAAM,CAACmB;QAAS,CAAC;MAC7E;;MAEA;MACA,OAAO,CAAC,IAAI,CAAC7B,MAAM;IACrB,CAAC,CAAC;IAEJ,OAAO,CAAC,CAAC,IAAI,CAACA,MAAM;EACtB;EAEA8B,IAAIA,CAACC,GAAG,EAAE7B,SAAS,EAAEM,KAAK,EAAE;IAC1B;IACA,IAAI,CAACN,SAAS,CAAC8B,GAAG,CAAC,OAAO,CAAC,IAAI9B,SAAS,CAAC+B,MAAM,CAAC,CAAC,EAAE;MACjD;IACF;;IAEA;IACA,IAAIjC,MAAM,GAAG,IAAI,CAACA,MAAM;IAExB,MAAMS,gBAAgB,GAAG,IAAI,CAACT,MAAM,EAAEE,SAAS,KAAKA,SAAS,IAAI,IAAI,CAACF,MAAM,EAAEU,MAAM;IACpF,MAAMC,UAAU,GAAG,IAAI,CAACZ,KAAK,CAACY,UAAU;IAEvC,CAAET,SAAS,CAACU,aAAa,CAAC,CAAC,IAAI,CAACV,SAAS,CAACC,QAAQ,IAAID,SAAS,CAACW,OAAO,IAAK,EAAE,EAC5EC,MAAM,CAACJ,MAAM,IAAI;MAChB,MAAM;QAAEK,IAAI;QAAEC,KAAK;QAAEC,YAAY,GAAGC,QAAQ;QAAEJ;MAAO,CAAC,GAAGJ,MAAM;MAE/D,IAAIC,UAAU,EAAE;QACd;QACA,MAAM;UAAED,MAAM,EAAES,aAAa;UAAEC;QAAO,CAAC,GAAGT,UAAU;QAEpD,IACEQ,aAAa,KACXA,aAAa,CAACH,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,KAAK,IAAMG,aAAa,CAACH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,IAAK,CAAC,EACxG;UACA,OAAO,KAAK;QACd;QAEA,IAAKI,MAAM,KAAK,MAAM,IAAIJ,KAAK,KAAK,KAAK,IAAMI,MAAM,KAAK,IAAI,IAAIJ,KAAK,KAAK,IAAK,EAAE;UACjF,OAAO,KAAK;QACd;MACF,CAAC,MAAM,IAAIA,KAAK,KAAK,IAAI,EAAE;QACzB;QACA,OAAO,KAAK;MACd;MAEA,IAAIC,YAAY,KAAKC,QAAQ,IAAIhB,SAAS,CAACmB,cAAc,CAACN,IAAI,CAAC,CAACO,MAAM,IAAIL,YAAY,EAAE;QACtF,OAAO,KAAK;MACd;MAEA,IAAIN,UAAU,IAAIG,MAAM,EAAE;QACxB,OAAO,CAAC,CAACA,MAAM,CAACS,IAAI,CAACb,MAAM,EAAEC,UAAU,CAAC;MAC1C;MAEA,OAAO,IAAI;IACb,CAAC,CAAC,CACDuB,OAAO,CAACxB,MAAM,IAAI;MACjB,MAAM;QAAEK,IAAI;QAAEW;MAAS,CAAC,GAAGhB,MAAM;MACjC,MAAMe,cAAc,GAAGhB,gBAAgB,KAAKM,IAAI,GAAG,CAAC,GAAG,CAAC;MAExD,IAAI,CAACW,QAAQ,EAAE;QACb;MACF;MAEAK,GAAG,CAACI,SAAS,CAAC,CAAC;MAEfJ,GAAG,CAACK,OAAO,CACTV,QAAQ,CAACpB,CAAC,EACVoB,QAAQ,CAACnB,CAAC,EACTX,oBAAoB,GAAG6B,cAAc,GAAIjB,KAAK,CAACF,CAAC,EAChDV,oBAAoB,GAAG6B,cAAc,GAAIjB,KAAK,CAACD,CAAC,EACjD,CAAC,EACD,CAAC,EACD,CAAC,GAAGoB,IAAI,CAACU,EACX,CAAC;MAEDN,GAAG,CAACO,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;MACvBP,GAAG,CAACQ,SAAS,GAAG,CAAC,GAAG/B,KAAK,CAACF,CAAC;MAC3ByB,GAAG,CAACS,WAAW,GAAG,SAAS;MAE3BT,GAAG,CAACU,MAAM,CAAC,CAAC;MACZV,GAAG,CAACW,SAAS,GAAG,MAAM;MAEtB,IAAI1C,MAAM,IAAIA,MAAM,CAACE,SAAS,KAAKA,SAAS,IAAIF,MAAM,CAACU,MAAM,KAAKK,IAAI,EAAE;QACtEgB,GAAG,CAACS,WAAW,GAAG,SAAS;QAE3B,IAAIxC,MAAM,CAAC2C,KAAK,EAAEZ,GAAG,CAACW,SAAS,GAAG,SAAS;MAC7C;MAEAX,GAAG,CAACa,IAAI,CAAC,CAAC;MACVb,GAAG,CAACU,MAAM,CAAC,CAAC;IACd,CAAC,CAAC;EACN;EAEAI,WAAWA,CAACC,CAAC,EAAE;IACb,IAAI,CAAC9C,MAAM,CAAC2C,KAAK,GAAG,IAAI;EAC1B;EAEAI,WAAWA,CAACD,CAAC,EAAE;IACb,MAAM;MAAE5C,SAAS;MAAEQ,MAAM;MAAEmB;IAAS,CAAC,GAAG,IAAI,CAAC7B,MAAM;IACnD,MAAM0B,QAAQ,GAAG,IAAI,CAAC3B,KAAK,CAACiD,aAAa,CAACF,CAAC,CAACG,OAAO,EAAEH,CAAC,CAACI,OAAO,CAAC;IAE/D,IAAI,CAACnD,KAAK,CAACoD,gBAAgB,CACzBjD,SAAS,EACT;MACEkD,IAAI,EAAE,WAAW;MACjBb,SAAS,EAAE,CAAC;MACZC,WAAW,EAAE,OAAO;MACpBa,KAAK,EAAE,MAAM;MACbC,SAAS,EAAE,OAAO;MAClBC,GAAG,EAAE,OAAO;MACZC,OAAO,EAAE,OAAO;MAChBC,QAAQ,EAAE,OAAO;MACjBC,OAAO,EAAE,MAAM;MACfC,KAAK,EAAE,EAAE;MACT,GAAG9B,QAAQ;MACX+B,IAAI,EAAE;QACJ1D,SAAS,EAAEA,SAAS,CAAC8B,GAAG,CAAC,OAAO,CAAC;QACjCtB,MAAM;QACNgB;MACF,CAAC;MACDmC,EAAE,EAAE;QACFnC;MACF;IACF,CAAC,EACDoB,CACF,CAAC;EACH;EAEAgB,UAAUA,CAAChB,CAAC,EAAE,CAAC;EACfiB,SAASA,CAACjB,CAAC,EAAE,CAAC;AAChB;AAACkB,OAAA,CAAAC,OAAA,GAAApE,aAAA","ignoreList":[]}
@@ -1,95 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _commandChange = _interopRequireDefault(require("../../command/command-change.js"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
- /*
10
- * Copyright © HatioLab Inc. All rights reserved.
11
- */
12
-
13
- const CONTROL_HANDLE_RADIUS = 4;
14
- class ControlHandler {
15
- constructor(layer) {
16
- this.layer = layer;
17
- }
18
- reset() {
19
- // 현재 선택된 컨트롤 핸들의 정보
20
- this.active = null;
21
- }
22
- get selected() {
23
- return this.layer.selected;
24
- }
25
- contains(x, y, component, scale) {
26
- // 좌표가 컴포넌트 controls 핸들에 포함되어있는지 확인한다.
27
- let controls = component.controls;
28
- if (!controls) return false;
29
- controls.every((control, index) => {
30
- if (Math.abs(x - control.x) <= CONTROL_HANDLE_RADIUS / scale.x && Math.abs(y - control.y) <= CONTROL_HANDLE_RADIUS / scale.y) {
31
- // 현재 선택된 컨트롤 핸들의 정보
32
- this.active = {
33
- component,
34
- index,
35
- handler: control.handler
36
- };
37
- }
38
-
39
- // 찾았으면, 스톱한다.
40
- return !this.active;
41
- });
42
- return !!this.active;
43
- }
44
- draw(context, component, scale) {
45
- // if(!component.resizable)
46
- // return;
47
-
48
- // 컴포넌트의 컨트롤 포인트를 그린다.
49
- var controls = component.controls;
50
- if (!controls) return;
51
- controls.forEach((point, index) => {
52
- context.beginPath();
53
- context.lineWidth = 1 / scale.x;
54
- context.ellipse(point.x, point.y, CONTROL_HANDLE_RADIUS / scale.x, CONTROL_HANDLE_RADIUS / scale.y, 0, 0, 2 * Math.PI, true);
55
- context.fillStyle = '#ff5d72';
56
- context.fill();
57
- context.strokeStyle = '#fff';
58
- context.stroke();
59
- });
60
- }
61
- onevent(event, e) {
62
- var {
63
- handler,
64
- component,
65
- index
66
- } = this.active;
67
- var point = component.transcoordC2S(e.offsetX, e.offsetY);
68
- point = component.transcoordS2P(point.x, point.y);
69
- if (handler && typeof handler[event] == 'function') handler[event](point, index, component);
70
- }
71
- onmousedown(e) {
72
- this.onevent('onmousedown', e);
73
- }
74
- ondragstart(e) {
75
- var active = this.active;
76
- active.changes = _commandChange.default.before([active.component]);
77
- this.onevent('ondragstart', e);
78
- }
79
- ondragmove(e) {
80
- this.onevent('ondragmove', e);
81
- }
82
- ondragend(e) {
83
- this.onevent('ondragend', e);
84
- var {
85
- component,
86
- changes
87
- } = this.active;
88
- _commandChange.default.after(changes, component.app.commander);
89
-
90
- // Group의 바운드를 재계산함.
91
- component.parent && component.parent.calculateBounds && component.parent.calculateBounds();
92
- }
93
- }
94
- exports.default = ControlHandler;
95
- //# sourceMappingURL=control-handler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"control-handler.js","names":["_commandChange","_interopRequireDefault","require","e","__esModule","default","CONTROL_HANDLE_RADIUS","ControlHandler","constructor","layer","reset","active","selected","contains","x","y","component","scale","controls","every","control","index","Math","abs","handler","draw","context","forEach","point","beginPath","lineWidth","ellipse","PI","fillStyle","fill","strokeStyle","stroke","onevent","event","transcoordC2S","offsetX","offsetY","transcoordS2P","onmousedown","ondragstart","changes","CommandChange","before","ondragmove","ondragend","after","app","commander","parent","calculateBounds","exports"],"sources":["../../../src/layer/modeler/control-handler.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport CommandChange from '../../command/command-change.js'\n\nconst CONTROL_HANDLE_RADIUS = 4\n\nexport default class ControlHandler {\n constructor(layer) {\n this.layer = layer\n }\n\n reset() {\n // 현재 선택된 컨트롤 핸들의 정보\n this.active = null\n }\n\n get selected() {\n return this.layer.selected\n }\n\n contains(x, y, component, scale) {\n // 좌표가 컴포넌트 controls 핸들에 포함되어있는지 확인한다.\n let controls = component.controls\n\n if (!controls) return false\n\n controls.every((control, index) => {\n if (\n Math.abs(x - control.x) <= CONTROL_HANDLE_RADIUS / scale.x &&\n Math.abs(y - control.y) <= CONTROL_HANDLE_RADIUS / scale.y\n ) {\n // 현재 선택된 컨트롤 핸들의 정보\n this.active = {\n component,\n index,\n handler: control.handler\n }\n }\n\n // 찾았으면, 스톱한다.\n return !this.active\n })\n\n return !!this.active\n }\n\n draw(context, component, scale) {\n // if(!component.resizable)\n // return;\n\n // 컴포넌트의 컨트롤 포인트를 그린다.\n var controls = component.controls\n\n if (!controls) return\n\n controls.forEach((point, index) => {\n context.beginPath()\n\n context.lineWidth = 1 / scale.x\n\n context.ellipse(\n point.x,\n point.y,\n CONTROL_HANDLE_RADIUS / scale.x,\n CONTROL_HANDLE_RADIUS / scale.y,\n 0,\n 0,\n 2 * Math.PI,\n true\n )\n\n context.fillStyle = '#ff5d72'\n context.fill()\n context.strokeStyle = '#fff'\n context.stroke()\n })\n }\n\n onevent(event, e) {\n var { handler, component, index } = this.active\n\n var point = component.transcoordC2S(e.offsetX, e.offsetY)\n point = component.transcoordS2P(point.x, point.y)\n\n if (handler && typeof handler[event] == 'function') handler[event](point, index, component)\n }\n\n onmousedown(e) {\n this.onevent('onmousedown', e)\n }\n\n ondragstart(e) {\n var active = this.active\n\n active.changes = CommandChange.before([active.component])\n\n this.onevent('ondragstart', e)\n }\n\n ondragmove(e) {\n this.onevent('ondragmove', e)\n }\n\n ondragend(e) {\n this.onevent('ondragend', e)\n\n var { component, changes } = this.active\n\n CommandChange.after(changes, component.app.commander)\n\n // Group의 바운드를 재계산함.\n component.parent && component.parent.calculateBounds && component.parent.calculateBounds()\n }\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- /*
8
- * Copyright © HatioLab Inc. All rights reserved.
9
- */
10
-
11
- class FocusOutline {
12
- constructor(layer) {
13
- this.layer = layer;
14
- }
15
- draw(context, component, scale) {
16
- // Bound 박스를 그린다.
17
- var {
18
- left,
19
- top,
20
- width,
21
- height
22
- } = component.bounds;
23
- if (width == 0 || height == 0) return;
24
- context.beginPath();
25
- context.rect(left, top, width, height);
26
- context.clip();
27
- context.beginPath();
28
- // context.globalAlpha *= 1
29
- context.strokeStyle = '#f26522';
30
- context.lineWidth = 4;
31
- context.shadowBlur = 10;
32
- context.shadowColor = 'black';
33
- context.shadowOffsetX = 0;
34
- context.shadowOffsetY = 0;
35
- context.rect(left, top, width, height);
36
- context.stroke();
37
- context.closePath();
38
- }
39
- }
40
- exports.default = FocusOutline;
41
- //# sourceMappingURL=focus-outline.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"focus-outline.js","names":["FocusOutline","constructor","layer","draw","context","component","scale","left","top","width","height","bounds","beginPath","rect","clip","strokeStyle","lineWidth","shadowBlur","shadowColor","shadowOffsetX","shadowOffsetY","stroke","closePath","exports","default"],"sources":["../../../src/layer/modeler/focus-outline.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport default class FocusOutline {\n constructor(layer) {\n this.layer = layer\n }\n\n draw(context, component, scale) {\n // Bound 박스를 그린다.\n var { left, top, width, height } = component.bounds\n if (width == 0 || height == 0) return\n\n context.beginPath()\n\n context.rect(left, top, width, height)\n context.clip()\n\n context.beginPath()\n // context.globalAlpha *= 1\n context.strokeStyle = '#f26522'\n context.lineWidth = 4\n context.shadowBlur = 10\n context.shadowColor = 'black'\n context.shadowOffsetX = 0\n context.shadowOffsetY = 0\n context.rect(left, top, width, height)\n context.stroke()\n\n context.closePath()\n }\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEe,MAAMA,YAAY,CAAC;EAChCC,WAAWA,CAACC,KAAK,EAAE;IACjB,IAAI,CAACA,KAAK,GAAGA,KAAK;EACpB;EAEAC,IAAIA,CAACC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAE;IAC9B;IACA,IAAI;MAAEC,IAAI;MAAEC,GAAG;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAGL,SAAS,CAACM,MAAM;IACnD,IAAIF,KAAK,IAAI,CAAC,IAAIC,MAAM,IAAI,CAAC,EAAE;IAE/BN,OAAO,CAACQ,SAAS,CAAC,CAAC;IAEnBR,OAAO,CAACS,IAAI,CAACN,IAAI,EAAEC,GAAG,EAAEC,KAAK,EAAEC,MAAM,CAAC;IACtCN,OAAO,CAACU,IAAI,CAAC,CAAC;IAEdV,OAAO,CAACQ,SAAS,CAAC,CAAC;IACnB;IACAR,OAAO,CAACW,WAAW,GAAG,SAAS;IAC/BX,OAAO,CAACY,SAAS,GAAG,CAAC;IACrBZ,OAAO,CAACa,UAAU,GAAG,EAAE;IACvBb,OAAO,CAACc,WAAW,GAAG,OAAO;IAC7Bd,OAAO,CAACe,aAAa,GAAG,CAAC;IACzBf,OAAO,CAACgB,aAAa,GAAG,CAAC;IACzBhB,OAAO,CAACS,IAAI,CAACN,IAAI,EAAEC,GAAG,EAAEC,KAAK,EAAEC,MAAM,CAAC;IACtCN,OAAO,CAACiB,MAAM,CAAC,CAAC;IAEhBjB,OAAO,CAACkB,SAAS,CAAC,CAAC;EACrB;AACF;AAACC,OAAA,CAAAC,OAAA,GAAAxB,YAAA","ignoreList":[]}
@@ -1,30 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- /*
8
- * Copyright © HatioLab Inc. All rights reserved.
9
- */
10
-
11
- class GroupOutline {
12
- constructor(layer) {
13
- this.layer = layer;
14
- }
15
- draw(context, component, scale) {
16
- // Bound 박스를 그린다.
17
- var bounds = component.bounds;
18
- context.beginPath();
19
- context.rect(bounds.left - 4 / scale.x, bounds.top - 4 / scale.y, bounds.width + 8 / scale.x, bounds.height + 8 / scale.y);
20
- context.setLineDash([3 / scale.x, 4 / scale.y]);
21
- context.lineWidth = 1 / scale.x;
22
- context.strokeStyle = 'black';
23
- context.stroke();
24
- context.setLineDash([]); // reset lineDash
25
-
26
- context.closePath();
27
- }
28
- }
29
- exports.default = GroupOutline;
30
- //# sourceMappingURL=group-outline.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"group-outline.js","names":["GroupOutline","constructor","layer","draw","context","component","scale","bounds","beginPath","rect","left","x","top","y","width","height","setLineDash","lineWidth","strokeStyle","stroke","closePath","exports","default"],"sources":["../../../src/layer/modeler/group-outline.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport default class GroupOutline {\n constructor(layer) {\n this.layer = layer\n }\n\n draw(context, component, scale) {\n // Bound 박스를 그린다.\n var bounds = component.bounds\n\n context.beginPath()\n context.rect(\n bounds.left - 4 / scale.x,\n bounds.top - 4 / scale.y,\n bounds.width + 8 / scale.x,\n bounds.height + 8 / scale.y\n )\n context.setLineDash([3 / scale.x, 4 / scale.y])\n context.lineWidth = 1 / scale.x\n context.strokeStyle = 'black'\n\n context.stroke()\n\n context.setLineDash([]) // reset lineDash\n\n context.closePath()\n }\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEe,MAAMA,YAAY,CAAC;EAChCC,WAAWA,CAACC,KAAK,EAAE;IACjB,IAAI,CAACA,KAAK,GAAGA,KAAK;EACpB;EAEAC,IAAIA,CAACC,OAAO,EAAEC,SAAS,EAAEC,KAAK,EAAE;IAC9B;IACA,IAAIC,MAAM,GAAGF,SAAS,CAACE,MAAM;IAE7BH,OAAO,CAACI,SAAS,CAAC,CAAC;IACnBJ,OAAO,CAACK,IAAI,CACVF,MAAM,CAACG,IAAI,GAAG,CAAC,GAAGJ,KAAK,CAACK,CAAC,EACzBJ,MAAM,CAACK,GAAG,GAAG,CAAC,GAAGN,KAAK,CAACO,CAAC,EACxBN,MAAM,CAACO,KAAK,GAAG,CAAC,GAAGR,KAAK,CAACK,CAAC,EAC1BJ,MAAM,CAACQ,MAAM,GAAG,CAAC,GAAGT,KAAK,CAACO,CAC5B,CAAC;IACDT,OAAO,CAACY,WAAW,CAAC,CAAC,CAAC,GAAGV,KAAK,CAACK,CAAC,EAAE,CAAC,GAAGL,KAAK,CAACO,CAAC,CAAC,CAAC;IAC/CT,OAAO,CAACa,SAAS,GAAG,CAAC,GAAGX,KAAK,CAACK,CAAC;IAC/BP,OAAO,CAACc,WAAW,GAAG,OAAO;IAE7Bd,OAAO,CAACe,MAAM,CAAC,CAAC;IAEhBf,OAAO,CAACY,WAAW,CAAC,EAAE,CAAC,EAAC;;IAExBZ,OAAO,CAACgB,SAAS,CAAC,CAAC;EACrB;AACF;AAACC,OAAA,CAAAC,OAAA,GAAAtB,YAAA","ignoreList":[]}
@@ -1,56 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "AnchorHandler", {
7
- enumerable: true,
8
- get: function () {
9
- return _anchorHandler.default;
10
- }
11
- });
12
- Object.defineProperty(exports, "ControlHandler", {
13
- enumerable: true,
14
- get: function () {
15
- return _controlHandler.default;
16
- }
17
- });
18
- Object.defineProperty(exports, "FocusOutline", {
19
- enumerable: true,
20
- get: function () {
21
- return _focusOutline.default;
22
- }
23
- });
24
- Object.defineProperty(exports, "GroupOutline", {
25
- enumerable: true,
26
- get: function () {
27
- return _groupOutline.default;
28
- }
29
- });
30
- Object.defineProperty(exports, "PathHandler", {
31
- enumerable: true,
32
- get: function () {
33
- return _pathHandler.default;
34
- }
35
- });
36
- Object.defineProperty(exports, "Resizer", {
37
- enumerable: true,
38
- get: function () {
39
- return _resizer.default;
40
- }
41
- });
42
- Object.defineProperty(exports, "Rotator", {
43
- enumerable: true,
44
- get: function () {
45
- return _rotator.default;
46
- }
47
- });
48
- var _focusOutline = _interopRequireDefault(require("./focus-outline.js"));
49
- var _groupOutline = _interopRequireDefault(require("./group-outline.js"));
50
- var _controlHandler = _interopRequireDefault(require("./control-handler.js"));
51
- var _pathHandler = _interopRequireDefault(require("./path-handler.js"));
52
- var _anchorHandler = _interopRequireDefault(require("./anchor-handler.js"));
53
- var _resizer = _interopRequireDefault(require("./resizer.js"));
54
- var _rotator = _interopRequireDefault(require("./rotator.js"));
55
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
56
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["_focusOutline","_interopRequireDefault","require","_groupOutline","_controlHandler","_pathHandler","_anchorHandler","_resizer","_rotator","e","__esModule","default"],"sources":["../../../src/layer/modeler/index.js"],"sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nexport { default as FocusOutline } from './focus-outline.js'\nexport { default as GroupOutline } from './group-outline.js'\nexport { default as ControlHandler } from './control-handler.js'\nexport { default as PathHandler } from './path-handler.js'\nexport { default as AnchorHandler } from './anchor-handler.js'\nexport { default as Resizer } from './resizer.js'\nexport { default as Rotator } from './rotator.js'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,QAAA,GAAAP,sBAAA,CAAAC,OAAA;AAAiD,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}