geoiq-frontend-ui-kit 2.0.0 → 2.0.2

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 (494) hide show
  1. package/dist/components/atoms/badge/badge.styles.d.ts +2 -2
  2. package/dist/components/atoms/button/button.styles.d.ts +2 -2
  3. package/dist/components/atoms/checkbox/checkbox.styles.d.ts +2 -2
  4. package/dist/components/atoms/switch/switch.styles.d.ts +2 -2
  5. package/dist/components/molecules/alert/alert.styles.d.ts +1 -1
  6. package/dist/components/molecules/creatable-multi-combobox/creatable-multi-combobox.d.ts +4 -0
  7. package/dist/components/molecules/creatable-multi-combobox/creatable-multi-combobox.d.ts.map +1 -0
  8. package/dist/components/molecules/creatable-multi-combobox/creatable-multi-combobox.types.d.ts +49 -0
  9. package/dist/components/molecules/creatable-multi-combobox/creatable-multi-combobox.types.d.ts.map +1 -0
  10. package/dist/components/molecules/creatable-multi-combobox/index.d.ts +4 -0
  11. package/dist/components/molecules/creatable-multi-combobox/index.d.ts.map +1 -0
  12. package/dist/components/molecules/single-select/index.d.ts.map +1 -1
  13. package/dist/components/molecules/single-select/single-select-components.d.ts +3 -1
  14. package/dist/components/molecules/single-select/single-select-components.d.ts.map +1 -1
  15. package/dist/components/molecules/single-select/single-select.types.d.ts +9 -0
  16. package/dist/components/molecules/single-select/single-select.types.d.ts.map +1 -1
  17. package/dist/components/molecules/split-button/split-button.styles.d.ts +3 -3
  18. package/dist/components/molecules/swatch-grid/index.d.ts +3 -0
  19. package/dist/components/molecules/swatch-grid/index.d.ts.map +1 -0
  20. package/dist/components/molecules/swatch-grid/swatch-grid.d.ts +4 -0
  21. package/dist/components/molecules/swatch-grid/swatch-grid.d.ts.map +1 -0
  22. package/dist/components/molecules/swatch-grid/swatch-grid.types.d.ts +17 -0
  23. package/dist/components/molecules/swatch-grid/swatch-grid.types.d.ts.map +1 -0
  24. package/dist/components/molecules/tabs/tabs.d.ts.map +1 -1
  25. package/dist/components/molecules/tabs/tabs.styles.d.ts +2 -2
  26. package/dist/components/molecules/tabs/tabs.types.d.ts +1 -0
  27. package/dist/components/molecules/tabs/tabs.types.d.ts.map +1 -1
  28. package/dist/components/organisms/dialog/dialog.d.ts +1 -1
  29. package/dist/components/organisms/dialog/dialog.d.ts.map +1 -1
  30. package/dist/components/organisms/dialog/dialog.types.d.ts +9 -0
  31. package/dist/components/organisms/dialog/dialog.types.d.ts.map +1 -1
  32. package/dist/components/organisms/image-editor/components/color-picker.d.ts +7 -0
  33. package/dist/components/organisms/image-editor/components/color-picker.d.ts.map +1 -0
  34. package/dist/components/organisms/image-editor/components/layers-list.d.ts +9 -0
  35. package/dist/components/organisms/image-editor/components/layers-list.d.ts.map +1 -0
  36. package/dist/components/organisms/image-editor/components/panel-adjust.d.ts +9 -0
  37. package/dist/components/organisms/image-editor/components/panel-adjust.d.ts.map +1 -0
  38. package/dist/components/organisms/image-editor/components/panel-crop.d.ts +9 -0
  39. package/dist/components/organisms/image-editor/components/panel-crop.d.ts.map +1 -0
  40. package/dist/components/organisms/image-editor/components/panel-insert.d.ts +9 -0
  41. package/dist/components/organisms/image-editor/components/panel-insert.d.ts.map +1 -0
  42. package/dist/components/organisms/image-editor/components/panel-selected.d.ts +9 -0
  43. package/dist/components/organisms/image-editor/components/panel-selected.d.ts.map +1 -0
  44. package/dist/components/organisms/image-editor/components/panel.d.ts +9 -0
  45. package/dist/components/organisms/image-editor/components/panel.d.ts.map +1 -0
  46. package/dist/components/organisms/image-editor/components/portal-context.d.ts +3 -0
  47. package/dist/components/organisms/image-editor/components/portal-context.d.ts.map +1 -0
  48. package/dist/components/organisms/image-editor/components/ribbon.d.ts +9 -0
  49. package/dist/components/organisms/image-editor/components/ribbon.d.ts.map +1 -0
  50. package/dist/components/organisms/image-editor/components/shape-icons.d.ts +4 -0
  51. package/dist/components/organisms/image-editor/components/shape-icons.d.ts.map +1 -0
  52. package/dist/components/organisms/image-editor/components/stage.d.ts +18 -0
  53. package/dist/components/organisms/image-editor/components/stage.d.ts.map +1 -0
  54. package/dist/components/organisms/image-editor/components/status-bar.d.ts +6 -0
  55. package/dist/components/organisms/image-editor/components/status-bar.d.ts.map +1 -0
  56. package/dist/components/organisms/image-editor/image-editor-modal.d.ts +10 -0
  57. package/dist/components/organisms/image-editor/image-editor-modal.d.ts.map +1 -0
  58. package/dist/components/organisms/image-editor/image-editor.d.ts +5 -0
  59. package/dist/components/organisms/image-editor/image-editor.d.ts.map +1 -0
  60. package/dist/components/organisms/image-editor/image-editor.types.d.ts +182 -0
  61. package/dist/components/organisms/image-editor/image-editor.types.d.ts.map +1 -0
  62. package/dist/components/organisms/image-editor/index.d.ts +4 -0
  63. package/dist/components/organisms/image-editor/index.d.ts.map +1 -0
  64. package/dist/components/organisms/image-editor/native-bridge.d.ts +3 -0
  65. package/dist/components/organisms/image-editor/native-bridge.d.ts.map +1 -0
  66. package/dist/components/organisms/image-editor/picture-studio-engine.d.ts +16 -0
  67. package/dist/components/organisms/image-editor/use-image-editor.d.ts +4 -0
  68. package/dist/components/organisms/image-editor/use-image-editor.d.ts.map +1 -0
  69. package/dist/components/organisms/navbar/navbar-desktop.d.ts.map +1 -1
  70. package/dist/components/organisms/navbar/navbar-extended.d.ts.map +1 -1
  71. package/dist/components/organisms/navbar/navbar-mobile.d.ts.map +1 -1
  72. package/dist/components/organisms/navbar/navbar.types.d.ts +17 -0
  73. package/dist/components/organisms/navbar/navbar.types.d.ts.map +1 -1
  74. package/dist/components/organisms/sheet/sheet.d.ts +1 -1
  75. package/dist/components/organisms/sheet/sheet.d.ts.map +1 -1
  76. package/dist/components/organisms/sheet/sheet.types.d.ts +1 -0
  77. package/dist/components/organisms/sheet/sheet.types.d.ts.map +1 -1
  78. package/dist/components/organisms/sidebar/sidebar-components.d.ts +1 -1
  79. package/dist/components/ui/brand-switcher/brand-switcher.d.ts +5 -0
  80. package/dist/components/ui/brand-switcher/brand-switcher.d.ts.map +1 -0
  81. package/dist/components/ui/brand-switcher/brand-switcher.types.d.ts +29 -0
  82. package/dist/components/ui/brand-switcher/brand-switcher.types.d.ts.map +1 -0
  83. package/dist/components/ui/brand-switcher/index.d.ts +3 -0
  84. package/dist/components/ui/brand-switcher/index.d.ts.map +1 -0
  85. package/dist/components/ui/credit-sheet/credit-sheet.d.ts.map +1 -1
  86. package/dist/components/ui/credit-sheet/credit-sheet.types.d.ts +3 -0
  87. package/dist/components/ui/credit-sheet/credit-sheet.types.d.ts.map +1 -1
  88. package/dist/components/ui/credits-indicator/credits-indicator.d.ts +6 -0
  89. package/dist/components/ui/credits-indicator/credits-indicator.d.ts.map +1 -0
  90. package/dist/components/ui/credits-indicator/credits-indicator.styles.d.ts +7 -0
  91. package/dist/components/ui/credits-indicator/credits-indicator.styles.d.ts.map +1 -0
  92. package/dist/components/ui/credits-indicator/credits-indicator.types.d.ts +14 -0
  93. package/dist/components/ui/credits-indicator/credits-indicator.types.d.ts.map +1 -0
  94. package/dist/components/ui/credits-indicator/index.d.ts +3 -0
  95. package/dist/components/ui/credits-indicator/index.d.ts.map +1 -0
  96. package/dist/components/ui/form-renderer/components/form-fields/components/multi-image-picker/index.d.ts.map +1 -1
  97. package/dist/components/ui/form-renderer/components/form-fields/components/single-image-picker/index.d.ts.map +1 -1
  98. package/dist/components/ui/form-renderer/components/form-fields/components/taggable-multi-image-picker/index.d.ts.map +1 -1
  99. package/dist/components/ui/form-renderer/components/form-fields/components/taggable-multi-image-picker-with-input/index.d.ts.map +1 -1
  100. package/dist/components/ui/form-renderer/components/form-fields/index.d.ts.map +1 -1
  101. package/dist/components/ui/form-renderer/components/form-read-only-view.d.ts.map +1 -1
  102. package/dist/components/ui/form-renderer/context/form-values/form-values.context.d.ts +4 -0
  103. package/dist/components/ui/form-renderer/context/form-values/form-values.context.d.ts.map +1 -1
  104. package/dist/components/ui/form-renderer/context/form-values/form-values.provider.d.ts +2 -0
  105. package/dist/components/ui/form-renderer/context/form-values/form-values.provider.d.ts.map +1 -1
  106. package/dist/components/ui/form-renderer/form-renderer.d.ts +10 -0
  107. package/dist/components/ui/form-renderer/form-renderer.d.ts.map +1 -1
  108. package/dist/components/ui/form-renderer/form.enums.d.ts +1 -0
  109. package/dist/components/ui/form-renderer/form.enums.d.ts.map +1 -1
  110. package/dist/components/ui/form-renderer/form.types.d.ts +20 -1
  111. package/dist/components/ui/form-renderer/form.types.d.ts.map +1 -1
  112. package/dist/components/ui/map-marker-hover-card/components/map-cluster-hover-card.d.ts +1 -1
  113. package/dist/components/ui/map-marker-hover-card/components/map-cluster-hover-card.d.ts.map +1 -1
  114. package/dist/components/ui/report-snippet-view/report-snippet-view-components.d.ts.map +1 -1
  115. package/dist/components/ui/request-credits-view/component/request-credit-dialog.d.ts.map +1 -1
  116. package/dist/components/ui/request-credits-view/component/request-credit-dialog.types.d.ts +3 -0
  117. package/dist/components/ui/request-credits-view/component/request-credit-dialog.types.d.ts.map +1 -1
  118. package/dist/components/ui/request-credits-view/index.d.ts +1 -0
  119. package/dist/components/ui/request-credits-view/index.d.ts.map +1 -1
  120. package/dist/components/ui/request-credits-view/request-credits-view.d.ts.map +1 -1
  121. package/dist/components/ui/request-credits-view/request-credits-view.types.d.ts +3 -0
  122. package/dist/components/ui/request-credits-view/request-credits-view.types.d.ts.map +1 -1
  123. package/dist/components/unstyled/spinner/spinner.styles.d.ts +1 -1
  124. package/dist/index.d.ts +8 -0
  125. package/dist/index.d.ts.map +1 -1
  126. package/dist/index.es.js +210 -193
  127. package/dist/index.es.js.map +1 -1
  128. package/dist/index.es10.js +30 -23
  129. package/dist/index.es10.js.map +1 -1
  130. package/dist/index.es100.js +120 -10
  131. package/dist/index.es100.js.map +1 -1
  132. package/dist/index.es101.js +16 -97
  133. package/dist/index.es101.js.map +1 -1
  134. package/dist/index.es102.js +41 -60
  135. package/dist/index.es102.js.map +1 -1
  136. package/dist/index.es103.js +13 -54
  137. package/dist/index.es103.js.map +1 -1
  138. package/dist/index.es104.js +68 -5
  139. package/dist/index.es104.js.map +1 -1
  140. package/dist/index.es105.js +32 -9
  141. package/dist/index.es105.js.map +1 -1
  142. package/dist/index.es106.js +19 -32
  143. package/dist/index.es106.js.map +1 -1
  144. package/dist/index.es107.js +18 -61
  145. package/dist/index.es107.js.map +1 -1
  146. package/dist/index.es108.js +12 -22
  147. package/dist/index.es108.js.map +1 -1
  148. package/dist/index.es109.js +98 -22
  149. package/dist/index.es109.js.map +1 -1
  150. package/dist/index.es11.js +77 -25
  151. package/dist/index.es11.js.map +1 -1
  152. package/dist/index.es110.js +62 -21
  153. package/dist/index.es110.js.map +1 -1
  154. package/dist/index.es111.js +48 -174
  155. package/dist/index.es111.js.map +1 -1
  156. package/dist/index.es112.js +39 -37
  157. package/dist/index.es112.js.map +1 -1
  158. package/dist/index.es113.js +10 -40
  159. package/dist/index.es113.js.map +1 -1
  160. package/dist/index.es114.js +88 -37
  161. package/dist/index.es114.js.map +1 -1
  162. package/dist/index.es115.js +15 -13
  163. package/dist/index.es115.js.map +1 -1
  164. package/dist/index.es116.js +88 -261
  165. package/dist/index.es116.js.map +1 -1
  166. package/dist/index.es117.js +14 -9
  167. package/dist/index.es117.js.map +1 -1
  168. package/dist/index.es118.js +101 -67
  169. package/dist/index.es118.js.map +1 -1
  170. package/dist/index.es119.js +23 -185
  171. package/dist/index.es119.js.map +1 -1
  172. package/dist/index.es12.js +26 -14
  173. package/dist/index.es12.js.map +1 -1
  174. package/dist/index.es120.js +25 -23
  175. package/dist/index.es120.js.map +1 -1
  176. package/dist/index.es121.js +22 -177
  177. package/dist/index.es121.js.map +1 -1
  178. package/dist/index.es122.js +43 -7
  179. package/dist/index.es122.js.map +1 -1
  180. package/dist/index.es123.js +32 -84
  181. package/dist/index.es123.js.map +1 -1
  182. package/dist/index.es124.js +63 -37
  183. package/dist/index.es124.js.map +1 -1
  184. package/dist/index.es125.js +180 -11
  185. package/dist/index.es125.js.map +1 -1
  186. package/dist/index.es126.js +13 -35
  187. package/dist/index.es126.js.map +1 -1
  188. package/dist/index.es127.js +9 -16
  189. package/dist/index.es127.js.map +1 -1
  190. package/dist/index.es128.js +68 -5
  191. package/dist/index.es128.js.map +1 -1
  192. package/dist/index.es129.js +185 -10
  193. package/dist/index.es129.js.map +1 -1
  194. package/dist/index.es13.js +27 -19
  195. package/dist/index.es13.js.map +1 -1
  196. package/dist/index.es130.js +22 -10
  197. package/dist/index.es130.js.map +1 -1
  198. package/dist/index.es131.js +203 -2
  199. package/dist/index.es131.js.map +1 -1
  200. package/dist/index.es132.js +40 -22
  201. package/dist/index.es132.js.map +1 -1
  202. package/dist/index.es133.js +11 -257
  203. package/dist/index.es133.js.map +1 -1
  204. package/dist/index.es134.js +7 -35
  205. package/dist/index.es134.js.map +1 -1
  206. package/dist/index.es135.js +34 -8
  207. package/dist/index.es135.js.map +1 -1
  208. package/dist/index.es136.js +36 -78
  209. package/dist/index.es136.js.map +1 -1
  210. package/dist/index.es137.js +2 -76
  211. package/dist/index.es137.js.map +1 -1
  212. package/dist/index.es138.js +21 -110
  213. package/dist/index.es138.js.map +1 -1
  214. package/dist/index.es139.js +14 -107
  215. package/dist/index.es139.js.map +1 -1
  216. package/dist/index.es14.js +16 -46
  217. package/dist/index.es14.js.map +1 -1
  218. package/dist/index.es140.js +7 -87
  219. package/dist/index.es140.js.map +1 -1
  220. package/dist/index.es141.js +21 -128
  221. package/dist/index.es141.js.map +1 -1
  222. package/dist/index.es142.js +155 -114
  223. package/dist/index.es142.js.map +1 -1
  224. package/dist/index.es143.js +82 -6
  225. package/dist/index.es143.js.map +1 -1
  226. package/dist/index.es144.js +8 -0
  227. package/dist/index.es144.js.map +1 -0
  228. package/dist/index.es145.js +59 -0
  229. package/dist/index.es145.js.map +1 -0
  230. package/dist/index.es146.js +120 -0
  231. package/dist/index.es146.js.map +1 -0
  232. package/dist/index.es147.js +325 -0
  233. package/dist/index.es147.js.map +1 -0
  234. package/dist/index.es148.js +31 -0
  235. package/dist/index.es148.js.map +1 -0
  236. package/dist/index.es149.js +71 -0
  237. package/dist/index.es149.js.map +1 -0
  238. package/dist/index.es15.js +18 -21
  239. package/dist/index.es15.js.map +1 -1
  240. package/dist/index.es150.js +35 -0
  241. package/dist/index.es150.js.map +1 -0
  242. package/dist/index.es151.js +28 -0
  243. package/dist/index.es151.js.map +1 -0
  244. package/dist/index.es152.js +41 -0
  245. package/dist/index.es152.js.map +1 -0
  246. package/dist/index.es153.js +146 -0
  247. package/dist/index.es153.js.map +1 -0
  248. package/dist/index.es154.js +147 -0
  249. package/dist/index.es154.js.map +1 -0
  250. package/dist/index.es155.js +50 -0
  251. package/dist/index.es155.js.map +1 -0
  252. package/dist/index.es156.js +15 -0
  253. package/dist/index.es156.js.map +1 -0
  254. package/dist/index.es157.js +47 -0
  255. package/dist/index.es157.js.map +1 -0
  256. package/dist/index.es158.js +8 -0
  257. package/dist/index.es158.js.map +1 -0
  258. package/dist/index.es159.js +14 -0
  259. package/dist/index.es159.js.map +1 -0
  260. package/dist/index.es16.js +44 -22
  261. package/dist/index.es16.js.map +1 -1
  262. package/dist/index.es160.js +14 -0
  263. package/dist/index.es160.js.map +1 -0
  264. package/dist/index.es161.js +5 -0
  265. package/dist/index.es161.js.map +1 -0
  266. package/dist/index.es162.js +94 -0
  267. package/dist/index.es162.js.map +1 -0
  268. package/dist/index.es163.js +216 -0
  269. package/dist/index.es163.js.map +1 -0
  270. package/dist/index.es164.js +57 -0
  271. package/dist/index.es164.js.map +1 -0
  272. package/dist/index.es165.js +39 -0
  273. package/dist/index.es165.js.map +1 -0
  274. package/dist/index.es166.js +36 -0
  275. package/dist/index.es166.js.map +1 -0
  276. package/dist/index.es167.js +36 -0
  277. package/dist/index.es167.js.map +1 -0
  278. package/dist/index.es168.js +94 -0
  279. package/dist/index.es168.js.map +1 -0
  280. package/dist/index.es169.js +120 -0
  281. package/dist/index.es169.js.map +1 -0
  282. package/dist/index.es17.js +22 -20
  283. package/dist/index.es17.js.map +1 -1
  284. package/dist/index.es170.js +289 -0
  285. package/dist/index.es170.js.map +1 -0
  286. package/dist/index.es171.js +38 -0
  287. package/dist/index.es171.js.map +1 -0
  288. package/dist/index.es172.js +14 -0
  289. package/dist/index.es172.js.map +1 -0
  290. package/dist/index.es173.js +87 -0
  291. package/dist/index.es173.js.map +1 -0
  292. package/dist/index.es174.js +79 -0
  293. package/dist/index.es174.js.map +1 -0
  294. package/dist/index.es175.js +118 -0
  295. package/dist/index.es175.js.map +1 -0
  296. package/dist/index.es176.js +112 -0
  297. package/dist/index.es176.js.map +1 -0
  298. package/dist/index.es177.js +90 -0
  299. package/dist/index.es177.js.map +1 -0
  300. package/dist/index.es178.js +133 -0
  301. package/dist/index.es178.js.map +1 -0
  302. package/dist/index.es179.js +133 -0
  303. package/dist/index.es179.js.map +1 -0
  304. package/dist/index.es18.js +23 -73
  305. package/dist/index.es18.js.map +1 -1
  306. package/dist/index.es180.js +29 -0
  307. package/dist/index.es180.js.map +1 -0
  308. package/dist/index.es181.js +27 -0
  309. package/dist/index.es181.js.map +1 -0
  310. package/dist/index.es182.js +9 -0
  311. package/dist/index.es182.js.map +1 -0
  312. package/dist/index.es19.js +18 -48
  313. package/dist/index.es19.js.map +1 -1
  314. package/dist/index.es2.js +120 -22
  315. package/dist/index.es2.js.map +1 -1
  316. package/dist/index.es20.js +70 -45
  317. package/dist/index.es20.js.map +1 -1
  318. package/dist/index.es21.js +43 -122
  319. package/dist/index.es21.js.map +1 -1
  320. package/dist/index.es22.js +39 -96
  321. package/dist/index.es22.js.map +1 -1
  322. package/dist/index.es23.js +113 -152
  323. package/dist/index.es23.js.map +1 -1
  324. package/dist/index.es24.js +98 -64
  325. package/dist/index.es24.js.map +1 -1
  326. package/dist/index.es25.js +160 -77
  327. package/dist/index.es25.js.map +1 -1
  328. package/dist/index.es26.js +69 -51
  329. package/dist/index.es26.js.map +1 -1
  330. package/dist/index.es27.js +82 -17
  331. package/dist/index.es27.js.map +1 -1
  332. package/dist/index.es28.js +274 -2
  333. package/dist/index.es28.js.map +1 -1
  334. package/dist/index.es29.js +55 -5
  335. package/dist/index.es29.js.map +1 -1
  336. package/dist/index.es3.js +40 -41
  337. package/dist/index.es3.js.map +1 -1
  338. package/dist/index.es30.js +16 -75
  339. package/dist/index.es30.js.map +1 -1
  340. package/dist/index.es31.js +2 -28
  341. package/dist/index.es31.js.map +1 -1
  342. package/dist/index.es32.js +4 -84
  343. package/dist/index.es32.js.map +1 -1
  344. package/dist/index.es33.js +72 -43
  345. package/dist/index.es33.js.map +1 -1
  346. package/dist/index.es34.js +25 -68
  347. package/dist/index.es34.js.map +1 -1
  348. package/dist/index.es35.js +85 -12
  349. package/dist/index.es35.js.map +1 -1
  350. package/dist/index.es36.js +47 -85
  351. package/dist/index.es36.js.map +1 -1
  352. package/dist/index.es37.js +63 -32
  353. package/dist/index.es37.js.map +1 -1
  354. package/dist/index.es38.js +49 -40
  355. package/dist/index.es38.js.map +1 -1
  356. package/dist/index.es39.js +12 -98
  357. package/dist/index.es39.js.map +1 -1
  358. package/dist/index.es4.js +17 -17
  359. package/dist/index.es4.js.map +1 -1
  360. package/dist/index.es40.js +81 -156
  361. package/dist/index.es40.js.map +1 -1
  362. package/dist/index.es41.js +39 -226
  363. package/dist/index.es41.js.map +1 -1
  364. package/dist/index.es42.js +40 -269
  365. package/dist/index.es42.js.map +1 -1
  366. package/dist/index.es43.js +97 -21
  367. package/dist/index.es43.js.map +1 -1
  368. package/dist/index.es44.js +15 -9
  369. package/dist/index.es44.js.map +1 -1
  370. package/dist/index.es45.js +64 -20
  371. package/dist/index.es45.js.map +1 -1
  372. package/dist/index.es46.js +159 -61
  373. package/dist/index.es46.js.map +1 -1
  374. package/dist/index.es47.js +226 -123
  375. package/dist/index.es47.js.map +1 -1
  376. package/dist/index.es48.js +300 -109
  377. package/dist/index.es48.js.map +1 -1
  378. package/dist/index.es49.js +19 -31
  379. package/dist/index.es49.js.map +1 -1
  380. package/dist/index.es5.js +33 -31
  381. package/dist/index.es5.js.map +1 -1
  382. package/dist/index.es50.js +8 -142
  383. package/dist/index.es50.js.map +1 -1
  384. package/dist/index.es51.js +18 -70
  385. package/dist/index.es51.js.map +1 -1
  386. package/dist/index.es52.js +69 -21
  387. package/dist/index.es52.js.map +1 -1
  388. package/dist/index.es53.js +143 -103
  389. package/dist/index.es53.js.map +1 -1
  390. package/dist/index.es54.js +123 -11
  391. package/dist/index.es54.js.map +1 -1
  392. package/dist/index.es55.js +103 -18
  393. package/dist/index.es55.js.map +1 -1
  394. package/dist/index.es56.js +73 -11
  395. package/dist/index.es56.js.map +1 -1
  396. package/dist/index.es57.js +141 -16
  397. package/dist/index.es57.js.map +1 -1
  398. package/dist/index.es58.js +67 -40
  399. package/dist/index.es58.js.map +1 -1
  400. package/dist/index.es59.js +22 -86
  401. package/dist/index.es59.js.map +1 -1
  402. package/dist/index.es6.js +19 -23
  403. package/dist/index.es6.js.map +1 -1
  404. package/dist/index.es60.js +104 -7
  405. package/dist/index.es60.js.map +1 -1
  406. package/dist/index.es61.js +11 -41
  407. package/dist/index.es61.js.map +1 -1
  408. package/dist/index.es62.js +19 -79
  409. package/dist/index.es62.js.map +1 -1
  410. package/dist/index.es63.js +10 -35
  411. package/dist/index.es63.js.map +1 -1
  412. package/dist/index.es64.js +16 -86
  413. package/dist/index.es64.js.map +1 -1
  414. package/dist/index.es65.js +43 -58
  415. package/dist/index.es65.js.map +1 -1
  416. package/dist/index.es66.js +86 -69
  417. package/dist/index.es66.js.map +1 -1
  418. package/dist/index.es67.js +7 -32
  419. package/dist/index.es67.js.map +1 -1
  420. package/dist/index.es68.js +39 -65
  421. package/dist/index.es68.js.map +1 -1
  422. package/dist/index.es69.js +79 -28
  423. package/dist/index.es69.js.map +1 -1
  424. package/dist/index.es7.js +38 -43
  425. package/dist/index.es7.js.map +1 -1
  426. package/dist/index.es70.js +66 -84
  427. package/dist/index.es70.js.map +1 -1
  428. package/dist/index.es71.js +88 -11
  429. package/dist/index.es71.js.map +1 -1
  430. package/dist/index.es72.js +59 -46
  431. package/dist/index.es72.js.map +1 -1
  432. package/dist/index.es73.js +65 -108
  433. package/dist/index.es73.js.map +1 -1
  434. package/dist/index.es74.js +30 -15
  435. package/dist/index.es74.js.map +1 -1
  436. package/dist/index.es75.js +56 -35
  437. package/dist/index.es75.js.map +1 -1
  438. package/dist/index.es76.js +18 -19
  439. package/dist/index.es76.js.map +1 -1
  440. package/dist/index.es77.js +30 -38
  441. package/dist/index.es77.js.map +1 -1
  442. package/dist/index.es78.js +85 -28
  443. package/dist/index.es78.js.map +1 -1
  444. package/dist/index.es79.js +10 -94
  445. package/dist/index.es79.js.map +1 -1
  446. package/dist/index.es8.js +26 -33
  447. package/dist/index.es8.js.map +1 -1
  448. package/dist/index.es80.js +47 -2
  449. package/dist/index.es80.js.map +1 -1
  450. package/dist/index.es81.js +113 -6
  451. package/dist/index.es81.js.map +1 -1
  452. package/dist/index.es82.js +16 -26
  453. package/dist/index.es82.js.map +1 -1
  454. package/dist/index.es83.js +42 -109
  455. package/dist/index.es83.js.map +1 -1
  456. package/dist/index.es84.js +27 -22
  457. package/dist/index.es84.js.map +1 -1
  458. package/dist/index.es85.js +39 -18
  459. package/dist/index.es85.js.map +1 -1
  460. package/dist/index.es86.js +27 -18
  461. package/dist/index.es86.js.map +1 -1
  462. package/dist/index.es87.js +94 -18
  463. package/dist/index.es87.js.map +1 -1
  464. package/dist/index.es88.js +1 -18
  465. package/dist/index.es88.js.map +1 -1
  466. package/dist/index.es89.js +6 -49
  467. package/dist/index.es89.js.map +1 -1
  468. package/dist/index.es9.js +37 -72
  469. package/dist/index.es9.js.map +1 -1
  470. package/dist/index.es90.js +23 -84
  471. package/dist/index.es90.js.map +1 -1
  472. package/dist/index.es91.js +96 -99
  473. package/dist/index.es91.js.map +1 -1
  474. package/dist/index.es92.js +24 -16
  475. package/dist/index.es92.js.map +1 -1
  476. package/dist/index.es93.js +16 -22
  477. package/dist/index.es93.js.map +1 -1
  478. package/dist/index.es94.js +17 -100
  479. package/dist/index.es94.js.map +1 -1
  480. package/dist/index.es95.js +16 -71
  481. package/dist/index.es95.js.map +1 -1
  482. package/dist/index.es96.js +16 -42
  483. package/dist/index.es96.js.map +1 -1
  484. package/dist/index.es97.js +9 -32
  485. package/dist/index.es97.js.map +1 -1
  486. package/dist/index.es98.js +269 -15
  487. package/dist/index.es98.js.map +1 -1
  488. package/dist/index.es99.js +85 -17
  489. package/dist/index.es99.js.map +1 -1
  490. package/dist/lib/constants.d.ts +2 -0
  491. package/dist/lib/constants.d.ts.map +1 -0
  492. package/dist/styles.css +363 -31
  493. package/dist/ui-kit-preset.js +2 -1
  494. package/package.json +1 -1
@@ -0,0 +1,120 @@
1
+ import { FONTS as a, VERSION as i } from "./index.es145.js";
2
+ const d = 30;
3
+ function o() {
4
+ const e = document.createElement("canvas");
5
+ return e.width = 0, e.height = 0, e;
6
+ }
7
+ function g(e) {
8
+ return {
9
+ config: e,
10
+ stickers: e.stickers || [],
11
+ listeners: { open: [], close: [], save: [], change: [], load: [] },
12
+ notify: () => {
13
+ },
14
+ sourceCanvas: o(),
15
+ originalCanvas: null,
16
+ layers: [],
17
+ selectedId: null,
18
+ nextId: 1,
19
+ undoStack: [],
20
+ redoStack: [],
21
+ mode: "select",
22
+ viewScale: 1,
23
+ zoom: 1,
24
+ fitScale: 1,
25
+ selectedShapeType: "rect",
26
+ shapeFill: "stroke",
27
+ shapeWidth: 6,
28
+ brushSize: 8,
29
+ brushStyle: "round",
30
+ textFont: a[0].value,
31
+ textSize: 64,
32
+ textColor: "#111111",
33
+ shapeColor: "#111111",
34
+ drawColor: "#111111",
35
+ cropRatio: "free",
36
+ isSaving: !1,
37
+ isLoadingImage: !1,
38
+ statusText: "Ready",
39
+ adj: {
40
+ brightness: 100,
41
+ contrast: 100,
42
+ saturate: 100,
43
+ sepia: 0,
44
+ blur: 0,
45
+ hue: 0,
46
+ filter: "none"
47
+ },
48
+ stickerImageCache: /* @__PURE__ */ new Map(),
49
+ canvasEl: null,
50
+ overlayEl: null,
51
+ textEditorEl: null,
52
+ stageEl: null,
53
+ ctx: null,
54
+ octx: null,
55
+ mounted: !1,
56
+ editingLayer: null,
57
+ editingSelectAll: !1,
58
+ dragMode: null,
59
+ dragStart: null,
60
+ dragOrig: null,
61
+ dragRect: null,
62
+ resizeCorner: null,
63
+ resizeAnchor: null,
64
+ resizeCenter: null,
65
+ resizeAnchorWorld: null,
66
+ rotateStart: null,
67
+ activePointerId: null,
68
+ pendingShape: null,
69
+ pendingStroke: null,
70
+ cropRect: null,
71
+ cropStart: null,
72
+ isOpenFlag: !1
73
+ };
74
+ }
75
+ function s(e, n, l) {
76
+ (e.listeners[n] || []).forEach((r) => {
77
+ try {
78
+ r(l);
79
+ } catch (t) {
80
+ console.error(t);
81
+ }
82
+ });
83
+ }
84
+ function h(e) {
85
+ s(e, "change", { state: u(e) }), e.notify();
86
+ }
87
+ function S(e) {
88
+ return e.selectedId != null ? e.layers.find((n) => n.id === e.selectedId) : null;
89
+ }
90
+ function f(e) {
91
+ e.adj.brightness = 100, e.adj.contrast = 100, e.adj.saturate = 100, e.adj.sepia = 0, e.adj.blur = 0, e.adj.hue = 0, e.adj.filter = "none";
92
+ }
93
+ function u(e) {
94
+ return e.sourceCanvas.width ? {
95
+ version: i,
96
+ image: e.sourceCanvas.toDataURL("image/png"),
97
+ width: e.sourceCanvas.width,
98
+ height: e.sourceCanvas.height,
99
+ adjustments: { ...e.adj },
100
+ layers: JSON.parse(
101
+ JSON.stringify(
102
+ e.layers.map((n) => {
103
+ const l = { ...n };
104
+ return delete l._editing, l;
105
+ })
106
+ )
107
+ )
108
+ } : null;
109
+ }
110
+ export {
111
+ d as MAX_HISTORY,
112
+ g as createState,
113
+ s as emit,
114
+ h as emitChange,
115
+ o as emptySourceCanvas,
116
+ S as getSel,
117
+ u as getState,
118
+ f as resetAdjValues
119
+ };
120
+ //# sourceMappingURL=index.es146.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.es146.js","sources":["../src/components/organisms/image-editor/engine/state.js"],"sourcesContent":["import { FONTS, VERSION } from './constants.js'\n\nexport const MAX_HISTORY = 30\n\nexport function emptySourceCanvas() {\n const c = document.createElement('canvas')\n c.width = 0\n c.height = 0\n return c\n}\n\nexport function createState(config) {\n return {\n config,\n stickers: config.stickers || [],\n listeners: { open: [], close: [], save: [], change: [], load: [] },\n notify: () => {},\n\n sourceCanvas: emptySourceCanvas(),\n originalCanvas: null,\n layers: [],\n selectedId: null,\n nextId: 1,\n undoStack: [],\n redoStack: [],\n\n mode: 'select',\n viewScale: 1,\n zoom: 1,\n fitScale: 1,\n selectedShapeType: 'rect',\n shapeFill: 'stroke',\n shapeWidth: 6,\n brushSize: 8,\n brushStyle: 'round',\n textFont: FONTS[0].value,\n textSize: 64,\n textColor: '#111111',\n shapeColor: '#111111',\n drawColor: '#111111',\n cropRatio: 'free',\n isSaving: false,\n isLoadingImage: false,\n statusText: 'Ready',\n adj: {\n brightness: 100,\n contrast: 100,\n saturate: 100,\n sepia: 0,\n blur: 0,\n hue: 0,\n filter: 'none',\n },\n stickerImageCache: new Map(),\n\n canvasEl: null,\n overlayEl: null,\n textEditorEl: null,\n stageEl: null,\n ctx: null,\n octx: null,\n mounted: false,\n\n editingLayer: null,\n editingSelectAll: false,\n\n dragMode: null,\n dragStart: null,\n dragOrig: null,\n dragRect: null,\n resizeCorner: null,\n resizeAnchor: null,\n resizeCenter: null,\n resizeAnchorWorld: null,\n rotateStart: null,\n activePointerId: null,\n pendingShape: null,\n pendingStroke: null,\n cropRect: null,\n cropStart: null,\n\n isOpenFlag: false,\n }\n}\n\nexport function emit(state, ev, payload) {\n ;(state.listeners[ev] || []).forEach((fn) => {\n try {\n fn(payload)\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(e)\n }\n })\n}\n\nexport function emitChange(state) {\n emit(state, 'change', { state: getState(state) })\n state.notify()\n}\n\nexport function getSel(state) {\n return state.selectedId != null\n ? state.layers.find((l) => l.id === state.selectedId)\n : null\n}\n\nexport function resetAdjValues(state) {\n state.adj.brightness = 100\n state.adj.contrast = 100\n state.adj.saturate = 100\n state.adj.sepia = 0\n state.adj.blur = 0\n state.adj.hue = 0\n state.adj.filter = 'none'\n}\n\nexport function getState(state) {\n if (!state.sourceCanvas.width) return null\n return {\n version: VERSION,\n image: state.sourceCanvas.toDataURL('image/png'),\n width: state.sourceCanvas.width,\n height: state.sourceCanvas.height,\n adjustments: { ...state.adj },\n layers: JSON.parse(\n JSON.stringify(\n state.layers.map((L) => {\n const c = { ...L }\n delete c._editing\n return c\n })\n )\n ),\n }\n}\n"],"names":["MAX_HISTORY","emptySourceCanvas","c","createState","config","FONTS","emit","state","ev","payload","fn","e","emitChange","getState","getSel","l","resetAdjValues","VERSION","L"],"mappings":"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"}
@@ -0,0 +1,325 @@
1
+ import { supportsContextFilter as k } from "./index.es162.js";
2
+ import { FILTER_CSS as T } from "./index.es145.js";
3
+ function C(t) {
4
+ const { adj: e } = t;
5
+ let n = `brightness(${e.brightness}%) contrast(${e.contrast}%) saturate(${e.saturate}%) sepia(${e.sepia}%) blur(${e.blur}px) hue-rotate(${e.hue}deg)`;
6
+ return e.filter !== "none" && (n += " " + T[e.filter]), n.trim();
7
+ }
8
+ const R = 0.25, A = 4, m = 1.25;
9
+ function v(t) {
10
+ const n = Math.min(
11
+ (t.stageEl.clientWidth - 48) / t.sourceCanvas.width,
12
+ (t.stageEl.clientHeight - 48) / t.sourceCanvas.height,
13
+ 1
14
+ );
15
+ t.fitScale = n;
16
+ const o = n * t.zoom;
17
+ t.viewScale = o;
18
+ const a = Math.round(t.sourceCanvas.width * o), r = Math.round(t.sourceCanvas.height * o);
19
+ t.canvasEl.style.width = t.overlayEl.style.width = a + "px", t.canvasEl.style.height = t.overlayEl.style.height = r + "px";
20
+ }
21
+ function u(t, e) {
22
+ if (t.zoom = Math.min(A, Math.max(R, e)), !t.mounted || !t.sourceCanvas.width) {
23
+ t.notify();
24
+ return;
25
+ }
26
+ v(t), I(t), t.notify();
27
+ }
28
+ function J(t) {
29
+ u(t, t.zoom * m);
30
+ }
31
+ function V(t) {
32
+ u(t, t.zoom / m);
33
+ }
34
+ function j(t) {
35
+ u(t, 1);
36
+ }
37
+ function q(t) {
38
+ t.canvasEl.width = t.overlayEl.width = t.sourceCanvas.width, t.canvasEl.height = t.overlayEl.height = t.sourceCanvas.height, v(t);
39
+ }
40
+ function H(t) {
41
+ const { ctx: e, canvasEl: n, sourceCanvas: o } = t;
42
+ e.clearRect(0, 0, n.width, n.height);
43
+ const a = C(t);
44
+ if (k()) {
45
+ n.style.filter = "", e.filter = a, e.drawImage(o, 0, 0), e.filter = "none";
46
+ return;
47
+ }
48
+ n.style.filter = a, e.drawImage(o, 0, 0);
49
+ }
50
+ function U(t) {
51
+ !t.mounted || !t.sourceCanvas.width || (H(t), I(t));
52
+ }
53
+ const g = 1.1;
54
+ function S(t, e) {
55
+ t.octx.font = `${e.size}px ${e.font}`;
56
+ const n = Math.max(e.boxWidth, 1), o = [];
57
+ return e.text.split(`
58
+ `).forEach((a) => {
59
+ const r = a.split(" ");
60
+ let i = "";
61
+ r.forEach((h) => {
62
+ const s = i ? i + " " + h : h;
63
+ i && t.octx.measureText(s).width > n ? (o.push(i), i = h) : i = s;
64
+ }), o.push(i);
65
+ }), o;
66
+ }
67
+ function c(t, e) {
68
+ if (e.type === "text") {
69
+ const n = S(t, e);
70
+ return {
71
+ x: e.x,
72
+ y: e.y,
73
+ w: e.boxWidth,
74
+ h: n.length * e.size * g
75
+ };
76
+ }
77
+ if (e.type === "shape" || e.type === "sticker")
78
+ return {
79
+ x: Math.min(e.x, e.x + e.w),
80
+ y: Math.min(e.y, e.y + e.h),
81
+ w: Math.abs(e.w),
82
+ h: Math.abs(e.h)
83
+ };
84
+ if (e.type === "stroke") {
85
+ let n = 1 / 0, o = 1 / 0, a = -1 / 0, r = -1 / 0;
86
+ e.points.forEach((h) => {
87
+ n = Math.min(n, h.x), o = Math.min(o, h.y), a = Math.max(a, h.x), r = Math.max(r, h.y);
88
+ });
89
+ const i = e.width / 2;
90
+ return { x: n - i, y: o - i, w: a - n + i * 2, h: r - o + i * 2 };
91
+ }
92
+ return { x: 0, y: 0, w: 0, h: 0 };
93
+ }
94
+ function K(t, e) {
95
+ if (e.type !== "text") return;
96
+ const n = t.sourceCanvas.height - e.y;
97
+ for (; e.size > 10 && c(t, e).h > n && n > 0; )
98
+ e.size -= 1;
99
+ }
100
+ function Q(t, e) {
101
+ if (e.type !== "text") return;
102
+ const n = t.sourceCanvas.width - e.x;
103
+ e.boxWidth = Math.round(Math.max(20, Math.min(e.boxWidth, n)));
104
+ }
105
+ function E(t) {
106
+ return [
107
+ { corner: "tl", x: t.x, y: t.y },
108
+ { corner: "tr", x: t.x + t.w, y: t.y },
109
+ { corner: "bl", x: t.x, y: t.y + t.h },
110
+ { corner: "br", x: t.x + t.w, y: t.y + t.h }
111
+ ];
112
+ }
113
+ const w = [
114
+ "line",
115
+ "dashedLine",
116
+ "arrow",
117
+ "dashedArrow",
118
+ "doubleArrow",
119
+ "dashedDoubleArrow"
120
+ ], z = ["dashedLine", "dashedArrow", "dashedDoubleArrow"], D = {
121
+ arrow: ["end"],
122
+ dashedArrow: ["end"],
123
+ doubleArrow: ["end", "start"],
124
+ dashedDoubleArrow: ["end", "start"]
125
+ };
126
+ function W(t) {
127
+ const e = Math.max(1, t || 1);
128
+ return [Math.max(6, e * 2.5), Math.max(4, e * 1.75)];
129
+ }
130
+ function M(t, e, n, o, a) {
131
+ t.beginPath(), t.moveTo(e, n), t.lineTo(
132
+ e - a * Math.cos(o - Math.PI / 6),
133
+ n - a * Math.sin(o - Math.PI / 6)
134
+ ), t.moveTo(e, n), t.lineTo(
135
+ e - a * Math.cos(o + Math.PI / 6),
136
+ n - a * Math.sin(o + Math.PI / 6)
137
+ ), t.stroke();
138
+ }
139
+ const _ = 26, O = 6;
140
+ function y(t, e) {
141
+ const n = c(t, e);
142
+ return { x: n.x + n.w / 2, y: n.y + n.h / 2 };
143
+ }
144
+ function d(t, e, n) {
145
+ if (!n) return { x: t.x, y: t.y };
146
+ const o = n * Math.PI / 180, a = Math.cos(o), r = Math.sin(o), i = t.x - e.x, h = t.y - e.y;
147
+ return { x: e.x + i * a - h * r, y: e.y + i * r + h * a };
148
+ }
149
+ function X(t, e, n, o) {
150
+ const a = e.rotation || 0;
151
+ if (!a) {
152
+ o();
153
+ return;
154
+ }
155
+ const r = d(n, y(t, e), a);
156
+ o();
157
+ const i = d(n, y(t, e), a);
158
+ e.x += r.x - i.x, e.y += r.y - i.y;
159
+ }
160
+ function $(t, e, n) {
161
+ return d(n, y(t, e), -(e.rotation || 0));
162
+ }
163
+ function b(t, e) {
164
+ const n = c(t, e);
165
+ return {
166
+ x: n.x + n.w / 2,
167
+ y: n.y + n.h + _ / t.viewScale
168
+ };
169
+ }
170
+ function N(t, e) {
171
+ const n = b(t, e);
172
+ return d(n, y(t, e), e.rotation || 0);
173
+ }
174
+ function Y(t, e, n) {
175
+ const o = N(t, n);
176
+ return Math.hypot(e.x - o.x, e.y - o.y) <= 14 / t.viewScale;
177
+ }
178
+ function L(t, e, n) {
179
+ if (n.type === "stroke") return null;
180
+ const o = 12 / t.viewScale, a = $(t, n, e);
181
+ if (n.type === "shape" && w.includes(n.shape)) {
182
+ const s = [
183
+ { corner: "start", x: n.x, y: n.y },
184
+ { corner: "end", x: n.x + n.w, y: n.y + n.h }
185
+ ].find(
186
+ (l) => Math.abs(a.x - l.x) < o && Math.abs(a.y - l.y) < o
187
+ );
188
+ return s ? s.corner : null;
189
+ }
190
+ const r = c(t, n), i = E(r).find(
191
+ (h) => Math.abs(a.x - h.x) < o && Math.abs(a.y - h.y) < o
192
+ );
193
+ return i ? i.corner : null;
194
+ }
195
+ function p(t, e, n) {
196
+ if (!n._editing) {
197
+ if (e.save(), n.type !== "stroke" || n.rotation) {
198
+ const o = c(t, n), a = o.x + o.w / 2, r = o.y + o.h / 2;
199
+ e.translate(a, r), n.rotation && e.rotate(n.rotation * Math.PI / 180), (n.flipH || n.flipV) && e.scale(n.flipH ? -1 : 1, n.flipV ? -1 : 1), e.translate(-a, -r);
200
+ }
201
+ if (n.type === "text") {
202
+ e.font = `${n.size}px ${n.font}`, e.fillStyle = n.color, e.textBaseline = "top", e.shadowColor = "rgba(0,0,0,.22)", e.shadowBlur = n.size * 0.05, e.shadowOffsetY = n.size * 0.02;
203
+ const o = n.size * g;
204
+ S(t, n).forEach((a, r) => {
205
+ e.fillText(a, n.x, n.y + r * o);
206
+ });
207
+ } else if (n.type === "shape") {
208
+ e.strokeStyle = n.color, e.fillStyle = n.color, e.lineWidth = n.width, e.lineCap = "round", e.lineJoin = "round";
209
+ const o = n.x, a = n.y, r = n.w, i = n.h;
210
+ if (n.shape === "rect")
211
+ n.fill === "fill" ? e.fillRect(o, a, r, i) : e.strokeRect(o, a, r, i);
212
+ else if (n.shape === "ellipse")
213
+ e.beginPath(), e.ellipse(
214
+ o + r / 2,
215
+ a + i / 2,
216
+ Math.abs(r / 2),
217
+ Math.abs(i / 2),
218
+ 0,
219
+ 0,
220
+ Math.PI * 2
221
+ ), n.fill === "fill" ? e.fill() : e.stroke();
222
+ else if (n.shape === "circle") {
223
+ const h = Math.min(Math.abs(r), Math.abs(i)) / 2;
224
+ e.beginPath(), e.arc(o + r / 2, a + i / 2, h, 0, Math.PI * 2), n.fill === "fill" ? e.fill() : e.stroke();
225
+ } else if (w.includes(n.shape)) {
226
+ const h = o + r, s = a + i, l = z.includes(n.shape);
227
+ l && (e.lineCap = "butt", e.setLineDash(W(n.width))), e.beginPath(), e.moveTo(o, a), e.lineTo(h, s), e.stroke(), l && (e.setLineDash([]), e.lineCap = "round");
228
+ const x = Math.atan2(i, r), f = Math.max(14, n.width * 3);
229
+ (D[n.shape] || []).forEach((P) => {
230
+ P === "end" ? M(e, h, s, x, f) : M(e, o, a, x + Math.PI, f);
231
+ });
232
+ }
233
+ } else if (n.type === "stroke")
234
+ e.strokeStyle = n.color, e.lineWidth = n.width, e.lineCap = "round", e.lineJoin = "round", e.globalAlpha = n.style === "highlight" ? 0.35 : 1, e.beginPath(), n.points.forEach(
235
+ (o, a) => a === 0 ? e.moveTo(o.x, o.y) : e.lineTo(o.x, o.y)
236
+ ), n.points.length === 1 && e.lineTo(n.points[0].x + 0.1, n.points[0].y + 0.1), e.stroke();
237
+ else if (n.type === "sticker") {
238
+ const o = t.stickerImageCache.get(n.src);
239
+ o && o.complete && o.naturalWidth && e.drawImage(o, n.x, n.y, n.w, n.h);
240
+ }
241
+ e.restore();
242
+ }
243
+ }
244
+ function B(t) {
245
+ return {
246
+ x: Math.min(t.x, t.x + t.w),
247
+ y: Math.min(t.y, t.y + t.h),
248
+ w: Math.abs(t.w),
249
+ h: Math.abs(t.h)
250
+ };
251
+ }
252
+ function F(t) {
253
+ const { cropRect: e, overlayEl: n, octx: o, sourceCanvas: a } = t;
254
+ if (!e) return;
255
+ const r = B(e), i = n.width, h = n.height;
256
+ o.save(), o.fillStyle = "rgba(0,0,0,.45)", o.fillRect(0, 0, i, Math.max(0, r.y)), o.fillRect(0, Math.min(h, r.y + r.h), i, Math.max(0, h - (r.y + r.h))), o.fillRect(0, r.y, Math.max(0, r.x), r.h), o.fillRect(Math.min(i, r.x + r.w), r.y, Math.max(0, i - (r.x + r.w)), r.h), o.strokeStyle = "#fff", o.lineWidth = Math.max(1, a.width / 500), o.setLineDash([8, 6]), o.strokeRect(r.x, r.y, r.w, r.h), o.restore();
257
+ }
258
+ function I(t) {
259
+ const { octx: e, overlayEl: n, layers: o, mode: a, selectedId: r } = t;
260
+ if (e.clearRect(0, 0, n.width, n.height), o.forEach((i) => {
261
+ try {
262
+ p(t, e, i);
263
+ } catch (h) {
264
+ console.error("[image-editor] failed to paint layer", i.id, i.type, h);
265
+ }
266
+ }), a === "select" && r != null) {
267
+ const i = o.find((h) => h.id === r);
268
+ if (i) {
269
+ const h = c(t, i);
270
+ if (e.save(), i.rotation) {
271
+ const l = y(t, i);
272
+ e.translate(l.x, l.y), e.rotate(i.rotation * Math.PI / 180), e.translate(-l.x, -l.y);
273
+ }
274
+ if (e.strokeStyle = "#2f5fd2", e.lineWidth = Math.max(1.2, 1.5 / t.viewScale), e.setLineDash([6 / t.viewScale, 4 / t.viewScale]), e.strokeRect(h.x - 4, h.y - 4, h.w + 8, h.h + 8), e.setLineDash([]), i.type !== "stroke") {
275
+ const l = 9 / t.viewScale;
276
+ e.fillStyle = "#fff", e.strokeStyle = "#2f5fd2", (i.type === "shape" && w.includes(i.shape) ? [
277
+ { x: i.x, y: i.y },
278
+ { x: i.x + i.w, y: i.y + i.h }
279
+ ] : E(h)).forEach((f) => {
280
+ e.fillRect(f.x - l / 2, f.y - l / 2, l, l), e.strokeRect(f.x - l / 2, f.y - l / 2, l, l);
281
+ });
282
+ }
283
+ const s = b(t, i);
284
+ e.strokeStyle = "#2f5fd2", e.fillStyle = "#fff", e.beginPath(), e.moveTo(s.x, h.y + h.h + 4), e.lineTo(s.x, s.y), e.stroke(), e.beginPath(), e.arc(
285
+ s.x,
286
+ s.y,
287
+ O / t.viewScale,
288
+ 0,
289
+ Math.PI * 2
290
+ ), e.fill(), e.stroke(), e.restore();
291
+ }
292
+ }
293
+ t.pendingShape && p(t, e, t.pendingShape), a === "crop" && t.cropRect && F(t);
294
+ }
295
+ export {
296
+ w as DIRECTIONAL_SHAPES,
297
+ g as TEXT_LINE_HEIGHT,
298
+ A as ZOOM_MAX,
299
+ R as ZOOM_MIN,
300
+ u as applyZoom,
301
+ C as baseFilter,
302
+ Q as clampBoxWidth,
303
+ K as clampTextSize,
304
+ E as cornerPoints,
305
+ F as drawCropOverlay,
306
+ v as fitStage,
307
+ X as keepingFixed,
308
+ c as layerBounds,
309
+ y as layerCenter,
310
+ B as normRect,
311
+ L as onResizeHandle,
312
+ Y as onRotateHandle,
313
+ p as paintLayer,
314
+ U as render,
315
+ H as renderBase,
316
+ I as renderOverlay,
317
+ d as rotatePoint,
318
+ q as syncCanvasSize,
319
+ $ as toLayerSpace,
320
+ S as wrapTextLines,
321
+ J as zoomIn,
322
+ V as zoomOut,
323
+ j as zoomToFit
324
+ };
325
+ //# sourceMappingURL=index.es147.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.es147.js","sources":["../src/components/organisms/image-editor/engine/rendering.js"],"sourcesContent":["import { supportsContextFilter } from './canvas-filter.js'\nimport { FILTER_CSS } from './constants.js'\n\nexport function baseFilter(state) {\n const { adj } = state\n let f = `brightness(${adj.brightness}%) contrast(${adj.contrast}%) saturate(${adj.saturate}%) sepia(${adj.sepia}%) blur(${adj.blur}px) hue-rotate(${adj.hue}deg)`\n if (adj.filter !== 'none') f += ' ' + FILTER_CSS[adj.filter]\n return f.trim()\n}\n\nexport const ZOOM_MIN = 0.25\nexport const ZOOM_MAX = 4\nconst ZOOM_STEP = 1.25\n\nexport function fitStage(state) {\n const pad = 48\n const fitScale = Math.min(\n (state.stageEl.clientWidth - pad) / state.sourceCanvas.width,\n (state.stageEl.clientHeight - pad) / state.sourceCanvas.height,\n 1\n )\n state.fitScale = fitScale\n const scale = fitScale * state.zoom\n state.viewScale = scale\n const w = Math.round(state.sourceCanvas.width * scale),\n h = Math.round(state.sourceCanvas.height * scale)\n state.canvasEl.style.width = state.overlayEl.style.width = w + 'px'\n state.canvasEl.style.height = state.overlayEl.style.height = h + 'px'\n}\n\nexport function applyZoom(state, zoom) {\n state.zoom = Math.min(ZOOM_MAX, Math.max(ZOOM_MIN, zoom))\n if (!state.mounted || !state.sourceCanvas.width) {\n state.notify()\n return\n }\n fitStage(state)\n renderOverlay(state)\n state.notify()\n}\n\nexport function zoomIn(state) {\n applyZoom(state, state.zoom * ZOOM_STEP)\n}\n\nexport function zoomOut(state) {\n applyZoom(state, state.zoom / ZOOM_STEP)\n}\n\nexport function zoomToFit(state) {\n applyZoom(state, 1)\n}\n\nexport function syncCanvasSize(state) {\n state.canvasEl.width = state.overlayEl.width = state.sourceCanvas.width\n state.canvasEl.height = state.overlayEl.height = state.sourceCanvas.height\n fitStage(state)\n}\n\nexport function renderBase(state) {\n const { ctx, canvasEl, sourceCanvas } = state\n ctx.clearRect(0, 0, canvasEl.width, canvasEl.height)\n const filter = baseFilter(state)\n\n if (supportsContextFilter()) {\n canvasEl.style.filter = ''\n ctx.filter = filter\n ctx.drawImage(sourceCanvas, 0, 0)\n ctx.filter = 'none'\n return\n }\n\n canvasEl.style.filter = filter\n ctx.drawImage(sourceCanvas, 0, 0)\n}\n\nexport function render(state) {\n if (!state.mounted || !state.sourceCanvas.width) return\n renderBase(state)\n renderOverlay(state)\n}\n\nexport const TEXT_LINE_HEIGHT = 1.1\n\nexport function wrapTextLines(state, L) {\n state.octx.font = `${L.size}px ${L.font}`\n const maxWidth = Math.max(L.boxWidth, 1)\n const lines = []\n // Split on hard breaks first, then word-wrap each paragraph in the box.\n L.text.split('\\n').forEach((paragraph) => {\n const words = paragraph.split(' ')\n let current = ''\n words.forEach((word) => {\n const test = current ? current + ' ' + word : word\n if (current && state.octx.measureText(test).width > maxWidth) {\n lines.push(current)\n current = word\n } else {\n current = test\n }\n })\n lines.push(current)\n })\n return lines\n}\n\nexport function layerBounds(state, L) {\n if (L.type === 'text') {\n const lines = wrapTextLines(state, L)\n return {\n x: L.x,\n y: L.y,\n w: L.boxWidth,\n h: lines.length * L.size * TEXT_LINE_HEIGHT,\n }\n }\n if (L.type === 'shape' || L.type === 'sticker') {\n return {\n x: Math.min(L.x, L.x + L.w),\n y: Math.min(L.y, L.y + L.h),\n w: Math.abs(L.w),\n h: Math.abs(L.h),\n }\n }\n if (L.type === 'stroke') {\n let a = Infinity,\n b = Infinity,\n cc = -Infinity,\n d = -Infinity\n L.points.forEach((p) => {\n a = Math.min(a, p.x)\n b = Math.min(b, p.y)\n cc = Math.max(cc, p.x)\n d = Math.max(d, p.y)\n })\n const pad = L.width / 2\n return { x: a - pad, y: b - pad, w: cc - a + pad * 2, h: d - b + pad * 2 }\n }\n return { x: 0, y: 0, w: 0, h: 0 }\n}\n\nexport function clampTextSize(state, L) {\n if (L.type !== 'text') return\n const availH = state.sourceCanvas.height - L.y\n while (L.size > 10 && layerBounds(state, L).h > availH && availH > 0) {\n L.size -= 1\n }\n}\n\nexport function clampBoxWidth(state, L) {\n if (L.type !== 'text') return\n const availW = state.sourceCanvas.width - L.x\n L.boxWidth = Math.round(Math.max(20, Math.min(L.boxWidth, availW)))\n}\n\nexport function cornerPoints(b) {\n return [\n { corner: 'tl', x: b.x, y: b.y },\n { corner: 'tr', x: b.x + b.w, y: b.y },\n { corner: 'bl', x: b.x, y: b.y + b.h },\n { corner: 'br', x: b.x + b.w, y: b.y + b.h },\n ]\n}\n\nexport const DIRECTIONAL_SHAPES = [\n 'line',\n 'dashedLine',\n 'arrow',\n 'dashedArrow',\n 'doubleArrow',\n 'dashedDoubleArrow',\n]\n\nconst DASHED_SHAPES = ['dashedLine', 'dashedArrow', 'dashedDoubleArrow']\n\n// Which ends of the shaft get an arrow head.\nconst ARROW_HEAD_ENDS = {\n arrow: ['end'],\n dashedArrow: ['end'],\n doubleArrow: ['end', 'start'],\n dashedDoubleArrow: ['end', 'start'],\n}\n\n// Dash and gap scale with stroke width; the floors keep hairlines visible.\nfunction dashedLineDash(width) {\n const w = Math.max(1, width || 1)\n return [Math.max(6, w * 2.5), Math.max(4, w * 1.75)]\n}\n\nfunction drawArrowHead(c, tipX, tipY, ang, head) {\n c.beginPath()\n c.moveTo(tipX, tipY)\n c.lineTo(\n tipX - head * Math.cos(ang - Math.PI / 6),\n tipY - head * Math.sin(ang - Math.PI / 6)\n )\n c.moveTo(tipX, tipY)\n c.lineTo(\n tipX - head * Math.cos(ang + Math.PI / 6),\n tipY - head * Math.sin(ang + Math.PI / 6)\n )\n c.stroke()\n}\n\nconst ROTATE_HANDLE_GAP = 26\nconst ROTATE_HANDLE_RADIUS = 6\n\nexport function layerCenter(state, L) {\n const b = layerBounds(state, L)\n return { x: b.x + b.w / 2, y: b.y + b.h / 2 }\n}\n\n// Canvas convention: y grows downward, so a positive angle turns clockwise.\nexport function rotatePoint(p, c, deg) {\n if (!deg) return { x: p.x, y: p.y }\n const rad = (deg * Math.PI) / 180\n const cos = Math.cos(rad),\n sin = Math.sin(rad)\n const dx = p.x - c.x,\n dy = p.y - c.y\n return { x: c.x + dx * cos - dy * sin, y: c.y + dx * sin + dy * cos }\n}\n\n// Resize without swinging a rotated layer: `local` stays put on screen.\nexport function keepingFixed(state, L, local, mutate) {\n const rot = L.rotation || 0\n if (!rot) {\n mutate()\n return\n }\n const before = rotatePoint(local, layerCenter(state, L), rot)\n mutate()\n const after = rotatePoint(local, layerCenter(state, L), rot)\n L.x += before.x - after.x\n L.y += before.y - after.y\n}\n\n// A pointer in the layer's own unrotated frame, where x/y/w/h are stored.\nexport function toLayerSpace(state, L, p) {\n return rotatePoint(p, layerCenter(state, L), -(L.rotation || 0))\n}\n\n// Local frame; the overlay's transform is what makes the grip orbit.\nfunction rotateHandleLocalPoint(state, L) {\n const b = layerBounds(state, L)\n return {\n x: b.x + b.w / 2,\n y: b.y + b.h + ROTATE_HANDLE_GAP / state.viewScale,\n }\n}\n\nfunction rotateHandlePoint(state, L) {\n const local = rotateHandleLocalPoint(state, L)\n return rotatePoint(local, layerCenter(state, L), L.rotation || 0)\n}\n\nexport function onRotateHandle(state, p, L) {\n const rp = rotateHandlePoint(state, L)\n return Math.hypot(p.x - rp.x, p.y - rp.y) <= 14 / state.viewScale\n}\n\nexport function onResizeHandle(state, p, L) {\n if (L.type === 'stroke') return null\n const hs = 12 / state.viewScale\n const q = toLayerSpace(state, L, p)\n if (L.type === 'shape' && DIRECTIONAL_SHAPES.includes(L.shape)) {\n const ends = [\n { corner: 'start', x: L.x, y: L.y },\n { corner: 'end', x: L.x + L.w, y: L.y + L.h },\n ]\n const hit = ends.find(\n (ep) => Math.abs(q.x - ep.x) < hs && Math.abs(q.y - ep.y) < hs\n )\n return hit ? hit.corner : null\n }\n const b = layerBounds(state, L)\n const hit = cornerPoints(b).find(\n (cp) => Math.abs(q.x - cp.x) < hs && Math.abs(q.y - cp.y) < hs\n )\n return hit ? hit.corner : null\n}\n\nexport function paintLayer(state, c, L) {\n if (L._editing) return\n c.save()\n // Strokes only need the transform once they carry a rotation.\n if (L.type !== 'stroke' || L.rotation) {\n const b = layerBounds(state, L)\n const cx = b.x + b.w / 2,\n cy = b.y + b.h / 2\n c.translate(cx, cy)\n if (L.rotation) c.rotate((L.rotation * Math.PI) / 180)\n if (L.flipH || L.flipV) c.scale(L.flipH ? -1 : 1, L.flipV ? -1 : 1)\n c.translate(-cx, -cy)\n }\n if (L.type === 'text') {\n c.font = `${L.size}px ${L.font}`\n c.fillStyle = L.color\n c.textBaseline = 'top'\n c.shadowColor = 'rgba(0,0,0,.22)'\n c.shadowBlur = L.size * 0.05\n c.shadowOffsetY = L.size * 0.02\n const lineHeight = L.size * TEXT_LINE_HEIGHT\n wrapTextLines(state, L).forEach((line, i) => {\n c.fillText(line, L.x, L.y + i * lineHeight)\n })\n } else if (L.type === 'shape') {\n c.strokeStyle = L.color\n c.fillStyle = L.color\n c.lineWidth = L.width\n c.lineCap = 'round'\n c.lineJoin = 'round'\n const x = L.x,\n y = L.y,\n w = L.w,\n h = L.h\n if (L.shape === 'rect') {\n L.fill === 'fill' ? c.fillRect(x, y, w, h) : c.strokeRect(x, y, w, h)\n } else if (L.shape === 'ellipse') {\n c.beginPath()\n c.ellipse(\n x + w / 2,\n y + h / 2,\n Math.abs(w / 2),\n Math.abs(h / 2),\n 0,\n 0,\n Math.PI * 2\n )\n L.fill === 'fill' ? c.fill() : c.stroke()\n } else if (L.shape === 'circle') {\n const r = Math.min(Math.abs(w), Math.abs(h)) / 2\n c.beginPath()\n c.arc(x + w / 2, y + h / 2, r, 0, Math.PI * 2)\n L.fill === 'fill' ? c.fill() : c.stroke()\n } else if (DIRECTIONAL_SHAPES.includes(L.shape)) {\n const ex = x + w,\n ey = y + h\n const dashed = DASHED_SHAPES.includes(L.shape)\n if (dashed) {\n // Butt caps keep dashes crisp; round caps bleed into the gaps.\n c.lineCap = 'butt'\n c.setLineDash(dashedLineDash(L.width))\n }\n c.beginPath()\n c.moveTo(x, y)\n c.lineTo(ex, ey)\n c.stroke()\n if (dashed) {\n // Heads draw solid: a dash pattern would fragment them into stubs.\n c.setLineDash([])\n c.lineCap = 'round'\n }\n const ang = Math.atan2(h, w),\n head = Math.max(14, L.width * 3)\n ;(ARROW_HEAD_ENDS[L.shape] || []).forEach((which) => {\n if (which === 'end') drawArrowHead(c, ex, ey, ang, head)\n else drawArrowHead(c, x, y, ang + Math.PI, head)\n })\n }\n } else if (L.type === 'stroke') {\n c.strokeStyle = L.color\n c.lineWidth = L.width\n c.lineCap = 'round'\n c.lineJoin = 'round'\n c.globalAlpha = L.style === 'highlight' ? 0.35 : 1\n c.beginPath()\n L.points.forEach((pt, i) =>\n i === 0 ? c.moveTo(pt.x, pt.y) : c.lineTo(pt.x, pt.y)\n )\n if (L.points.length === 1)\n c.lineTo(L.points[0].x + 0.1, L.points[0].y + 0.1)\n c.stroke()\n } else if (L.type === 'sticker') {\n const img = state.stickerImageCache.get(L.src)\n if (img && img.complete && img.naturalWidth)\n c.drawImage(img, L.x, L.y, L.w, L.h)\n }\n c.restore()\n}\n\nexport function normRect(r) {\n return {\n x: Math.min(r.x, r.x + r.w),\n y: Math.min(r.y, r.y + r.h),\n w: Math.abs(r.w),\n h: Math.abs(r.h),\n }\n}\n\nexport function drawCropOverlay(state) {\n const { cropRect, overlayEl, octx, sourceCanvas } = state\n if (!cropRect) return\n const r = normRect(cropRect)\n const W = overlayEl.width,\n H = overlayEl.height\n octx.save()\n octx.fillStyle = 'rgba(0,0,0,.45)'\n octx.fillRect(0, 0, W, Math.max(0, r.y))\n octx.fillRect(0, Math.min(H, r.y + r.h), W, Math.max(0, H - (r.y + r.h)))\n octx.fillRect(0, r.y, Math.max(0, r.x), r.h)\n octx.fillRect(Math.min(W, r.x + r.w), r.y, Math.max(0, W - (r.x + r.w)), r.h)\n octx.strokeStyle = '#fff'\n octx.lineWidth = Math.max(1, sourceCanvas.width / 500)\n octx.setLineDash([8, 6])\n octx.strokeRect(r.x, r.y, r.w, r.h)\n octx.restore()\n}\n\nexport function renderOverlay(state) {\n const { octx, overlayEl, layers, mode, selectedId } = state\n octx.clearRect(0, 0, overlayEl.width, overlayEl.height)\n layers.forEach((L) => {\n try {\n paintLayer(state, octx, L)\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error('[image-editor] failed to paint layer', L.id, L.type, err)\n }\n })\n if (mode === 'select' && selectedId != null) {\n const L = layers.find((l) => l.id === selectedId)\n if (L) {\n const b = layerBounds(state, L)\n octx.save()\n // The layer's frame, so box, handles and grip all tilt with it.\n if (L.rotation) {\n const c = layerCenter(state, L)\n octx.translate(c.x, c.y)\n octx.rotate((L.rotation * Math.PI) / 180)\n octx.translate(-c.x, -c.y)\n }\n octx.strokeStyle = '#2f5fd2'\n octx.lineWidth = Math.max(1.2, 1.5 / state.viewScale)\n octx.setLineDash([6 / state.viewScale, 4 / state.viewScale])\n octx.strokeRect(b.x - 4, b.y - 4, b.w + 8, b.h + 8)\n octx.setLineDash([])\n if (L.type !== 'stroke') {\n const hs = 9 / state.viewScale\n octx.fillStyle = '#fff'\n octx.strokeStyle = '#2f5fd2'\n const handlePoints =\n L.type === 'shape' && DIRECTIONAL_SHAPES.includes(L.shape)\n ? [\n { x: L.x, y: L.y },\n { x: L.x + L.w, y: L.y + L.h },\n ]\n : cornerPoints(b)\n handlePoints.forEach((cp) => {\n octx.fillRect(cp.x - hs / 2, cp.y - hs / 2, hs, hs)\n octx.strokeRect(cp.x - hs / 2, cp.y - hs / 2, hs, hs)\n })\n }\n // Rotate grip: every layer type gets one, strokes included.\n const rp = rotateHandleLocalPoint(state, L)\n octx.strokeStyle = '#2f5fd2'\n octx.fillStyle = '#fff'\n octx.beginPath()\n octx.moveTo(rp.x, b.y + b.h + 4)\n octx.lineTo(rp.x, rp.y)\n octx.stroke()\n octx.beginPath()\n octx.arc(\n rp.x,\n rp.y,\n ROTATE_HANDLE_RADIUS / state.viewScale,\n 0,\n Math.PI * 2\n )\n octx.fill()\n octx.stroke()\n octx.restore()\n }\n }\n if (state.pendingShape) paintLayer(state, octx, state.pendingShape)\n if (mode === 'crop' && state.cropRect) drawCropOverlay(state)\n}\n"],"names":["baseFilter","state","adj","f","FILTER_CSS","ZOOM_MIN","ZOOM_MAX","ZOOM_STEP","fitStage","fitScale","scale","w","h","applyZoom","zoom","renderOverlay","zoomIn","zoomOut","zoomToFit","syncCanvasSize","renderBase","ctx","canvasEl","sourceCanvas","filter","supportsContextFilter","render","TEXT_LINE_HEIGHT","wrapTextLines","L","maxWidth","lines","paragraph","words","current","word","test","layerBounds","a","b","cc","d","p","pad","clampTextSize","availH","clampBoxWidth","availW","cornerPoints","DIRECTIONAL_SHAPES","DASHED_SHAPES","ARROW_HEAD_ENDS","dashedLineDash","width","drawArrowHead","c","tipX","tipY","ang","head","ROTATE_HANDLE_GAP","ROTATE_HANDLE_RADIUS","layerCenter","rotatePoint","deg","rad","cos","sin","dx","dy","keepingFixed","local","mutate","rot","before","after","toLayerSpace","rotateHandleLocalPoint","rotateHandlePoint","onRotateHandle","rp","onResizeHandle","hs","q","hit","ep","cp","paintLayer","cx","cy","lineHeight","line","i","x","y","r","ex","ey","dashed","which","pt","img","normRect","drawCropOverlay","cropRect","overlayEl","octx","W","H","layers","mode","selectedId","err","l"],"mappings":"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"}
@@ -0,0 +1,31 @@
1
+ import { emitChange as o, MAX_HISTORY as c } from "./index.es146.js";
2
+ import { syncCanvasSize as u, render as i } from "./index.es147.js";
3
+ function d(n) {
4
+ const r = document.createElement("canvas");
5
+ return r.width = n.sourceCanvas.width, r.height = n.sourceCanvas.height, r.getContext("2d").drawImage(n.sourceCanvas, 0, 0), {
6
+ raster: r,
7
+ layers: JSON.parse(JSON.stringify(n.layers)),
8
+ adj: { ...n.adj },
9
+ sel: n.selectedId
10
+ };
11
+ }
12
+ function p(n) {
13
+ n.undoStack.push(d(n)), n.undoStack.length > c && n.undoStack.shift(), n.redoStack = [], o(n);
14
+ }
15
+ function e(n, r) {
16
+ n.sourceCanvas.width = r.raster.width, n.sourceCanvas.height = r.raster.height, n.sourceCanvas.getContext("2d").drawImage(r.raster, 0, 0), n.layers = JSON.parse(JSON.stringify(r.layers)), Object.assign(n.adj, r.adj), n.selectedId = r.sel, u(n), i(n);
17
+ }
18
+ function S(n) {
19
+ n.undoStack.length && (n.redoStack.push(d(n)), e(n, n.undoStack.pop()), n.statusText = "Undo", o(n));
20
+ }
21
+ function g(n) {
22
+ n.redoStack.length && (n.undoStack.push(d(n)), e(n, n.redoStack.pop()), n.statusText = "Redo", o(n));
23
+ }
24
+ export {
25
+ e as applySnapshot,
26
+ p as pushHistory,
27
+ g as redo,
28
+ d as snapshot,
29
+ S as undo
30
+ };
31
+ //# sourceMappingURL=index.es148.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.es148.js","sources":["../src/components/organisms/image-editor/engine/history.js"],"sourcesContent":["import { MAX_HISTORY, emitChange } from './state.js'\nimport { render, syncCanvasSize } from './rendering.js'\n\nexport function snapshot(state) {\n const c = document.createElement('canvas')\n c.width = state.sourceCanvas.width\n c.height = state.sourceCanvas.height\n c.getContext('2d').drawImage(state.sourceCanvas, 0, 0)\n return {\n raster: c,\n layers: JSON.parse(JSON.stringify(state.layers)),\n adj: { ...state.adj },\n sel: state.selectedId,\n }\n}\n\nexport function pushHistory(state) {\n state.undoStack.push(snapshot(state))\n if (state.undoStack.length > MAX_HISTORY) state.undoStack.shift()\n state.redoStack = []\n emitChange(state)\n}\n\nexport function applySnapshot(state, s) {\n state.sourceCanvas.width = s.raster.width\n state.sourceCanvas.height = s.raster.height\n state.sourceCanvas.getContext('2d').drawImage(s.raster, 0, 0)\n state.layers = JSON.parse(JSON.stringify(s.layers))\n Object.assign(state.adj, s.adj)\n state.selectedId = s.sel\n syncCanvasSize(state)\n render(state)\n}\n\nexport function undo(state) {\n if (!state.undoStack.length) return\n state.redoStack.push(snapshot(state))\n applySnapshot(state, state.undoStack.pop())\n state.statusText = 'Undo'\n emitChange(state)\n}\n\nexport function redo(state) {\n if (!state.redoStack.length) return\n state.undoStack.push(snapshot(state))\n applySnapshot(state, state.redoStack.pop())\n state.statusText = 'Redo'\n emitChange(state)\n}\n"],"names":["snapshot","state","c","pushHistory","MAX_HISTORY","emitChange","applySnapshot","s","syncCanvasSize","render","undo","redo"],"mappings":";;AAGO,SAASA,EAASC,GAAO;AAC9B,QAAMC,IAAI,SAAS,cAAc,QAAQ;AACzC,SAAAA,EAAE,QAAQD,EAAM,aAAa,OAC7BC,EAAE,SAASD,EAAM,aAAa,QAC9BC,EAAE,WAAW,IAAI,EAAE,UAAUD,EAAM,cAAc,GAAG,CAAC,GAC9C;AAAA,IACL,QAAQC;AAAA,IACR,QAAQ,KAAK,MAAM,KAAK,UAAUD,EAAM,MAAM,CAAC;AAAA,IAC/C,KAAK,EAAE,GAAGA,EAAM,IAAG;AAAA,IACnB,KAAKA,EAAM;AAAA,EACf;AACA;AAEO,SAASE,EAAYF,GAAO;AACjC,EAAAA,EAAM,UAAU,KAAKD,EAASC,CAAK,CAAC,GAChCA,EAAM,UAAU,SAASG,KAAaH,EAAM,UAAU,MAAK,GAC/DA,EAAM,YAAY,CAAA,GAClBI,EAAWJ,CAAK;AAClB;AAEO,SAASK,EAAcL,GAAOM,GAAG;AACtC,EAAAN,EAAM,aAAa,QAAQM,EAAE,OAAO,OACpCN,EAAM,aAAa,SAASM,EAAE,OAAO,QACrCN,EAAM,aAAa,WAAW,IAAI,EAAE,UAAUM,EAAE,QAAQ,GAAG,CAAC,GAC5DN,EAAM,SAAS,KAAK,MAAM,KAAK,UAAUM,EAAE,MAAM,CAAC,GAClD,OAAO,OAAON,EAAM,KAAKM,EAAE,GAAG,GAC9BN,EAAM,aAAaM,EAAE,KACrBC,EAAeP,CAAK,GACpBQ,EAAOR,CAAK;AACd;AAEO,SAASS,EAAKT,GAAO;AAC1B,EAAKA,EAAM,UAAU,WACrBA,EAAM,UAAU,KAAKD,EAASC,CAAK,CAAC,GACpCK,EAAcL,GAAOA,EAAM,UAAU,IAAG,CAAE,GAC1CA,EAAM,aAAa,QACnBI,EAAWJ,CAAK;AAClB;AAEO,SAASU,EAAKV,GAAO;AAC1B,EAAKA,EAAM,UAAU,WACrBA,EAAM,UAAU,KAAKD,EAASC,CAAK,CAAC,GACpCK,EAAcL,GAAOA,EAAM,UAAU,IAAG,CAAE,GAC1CA,EAAM,aAAa,QACnBI,EAAWJ,CAAK;AAClB;"}
@@ -0,0 +1,71 @@
1
+ import { pushHistory as d } from "./index.es148.js";
2
+ import { emitChange as u, resetAdjValues as v } from "./index.es146.js";
3
+ import { syncCanvasSize as C, render as x, normRect as w, layerBounds as R } from "./index.es147.js";
4
+ import { setMode as g } from "./index.es150.js";
5
+ function m(o, n, t) {
6
+ const r = R(o, n), a = { x: r.x + r.w / 2, y: r.y + r.h / 2 }, c = t(a);
7
+ return { x: c.x - a.x, y: c.y - a.y };
8
+ }
9
+ function T(o, n) {
10
+ d(o);
11
+ const t = n * Math.PI / 180, r = o.sourceCanvas.width, a = o.sourceCanvas.height, c = a, h = r, p = document.createElement("canvas");
12
+ p.width = c, p.height = h;
13
+ const e = p.getContext("2d");
14
+ e.translate(c / 2, h / 2), e.rotate(t), e.drawImage(o.sourceCanvas, -r / 2, -a / 2), o.sourceCanvas.width = c, o.sourceCanvas.height = h, o.sourceCanvas.getContext("2d").drawImage(p, 0, 0);
15
+ const s = (i, l) => {
16
+ const y = i - r / 2, f = l - a / 2;
17
+ return {
18
+ x: y * Math.cos(t) - f * Math.sin(t) + c / 2,
19
+ y: y * Math.sin(t) + f * Math.cos(t) + h / 2
20
+ };
21
+ };
22
+ o.layers.forEach((i) => {
23
+ if (i.type === "text" || i.type === "shape" || i.type === "sticker") {
24
+ const l = m(o, i, (y) => s(y.x, y.y));
25
+ i.x += l.x, i.y += l.y, i.rotation = (((i.rotation || 0) + n) % 360 + 360) % 360;
26
+ } else i.type === "stroke" && (i.points = i.points.map((l) => s(l.x, l.y)));
27
+ }), C(o), x(o), o.statusText = n < 0 ? "Rotated left" : "Rotated right", u(o);
28
+ }
29
+ function b(o, n) {
30
+ d(o);
31
+ const t = o.sourceCanvas.width, r = o.sourceCanvas.height, a = document.createElement("canvas");
32
+ a.width = t, a.height = r;
33
+ const c = a.getContext("2d");
34
+ n ? (c.translate(t, 0), c.scale(-1, 1)) : (c.translate(0, r), c.scale(1, -1)), c.drawImage(o.sourceCanvas, 0, 0), o.sourceCanvas.getContext("2d").clearRect(0, 0, t, r), o.sourceCanvas.getContext("2d").drawImage(a, 0, 0);
35
+ const h = (e) => n ? t - e : e, p = (e) => n ? e : r - e;
36
+ o.layers.forEach((e) => {
37
+ if (e.type === "text" || e.type === "shape" || e.type === "sticker") {
38
+ const s = m(o, e, (i) => ({ x: h(i.x), y: p(i.y) }));
39
+ e.x += s.x, e.y += s.y, e.rotation = (360 - (e.rotation || 0) % 360) % 360, n ? e.flipH = !e.flipH : e.flipV = !e.flipV;
40
+ } else e.type === "stroke" && (e.points = e.points.map((s) => ({ x: h(s.x), y: p(s.y) })));
41
+ }), x(o), o.statusText = n ? "Flipped horizontally" : "Flipped vertically", u(o);
42
+ }
43
+ function H(o) {
44
+ if (!o.cropRect || Math.abs(o.cropRect.w) < 4 || Math.abs(o.cropRect.h) < 4) {
45
+ o.statusText = "Draw a crop box first", o.notify();
46
+ return;
47
+ }
48
+ d(o);
49
+ const n = w(o.cropRect), t = document.createElement("canvas");
50
+ t.width = Math.round(n.w), t.height = Math.round(n.h), t.getContext("2d").drawImage(o.sourceCanvas, n.x, n.y, n.w, n.h, 0, 0, n.w, n.h), o.sourceCanvas.width = t.width, o.sourceCanvas.height = t.height, o.sourceCanvas.getContext("2d").drawImage(t, 0, 0), o.layers.forEach((r) => {
51
+ r.type === "text" || r.type === "shape" || r.type === "sticker" ? (r.x -= n.x, r.y -= n.y) : r.type === "stroke" && (r.points = r.points.map((a) => ({ x: a.x - n.x, y: a.y - n.y })));
52
+ }), o.cropRect = null, g(o, "select"), C(o), x(o), o.statusText = "Cropped", u(o);
53
+ }
54
+ function V(o) {
55
+ g(o, "select");
56
+ }
57
+ function D(o, n) {
58
+ o.cropRatio = n, o.notify();
59
+ }
60
+ function F(o) {
61
+ o.originalCanvas && (d(o), o.sourceCanvas.width = o.originalCanvas.width, o.sourceCanvas.height = o.originalCanvas.height, o.sourceCanvas.getContext("2d").drawImage(o.originalCanvas, 0, 0), o.layers = [], o.selectedId = null, o.zoom = 1, v(o), C(o), x(o), o.statusText = "Reset to original", u(o));
62
+ }
63
+ export {
64
+ H as applyCrop,
65
+ V as cancelCrop,
66
+ b as flip,
67
+ F as resetToOriginal,
68
+ T as rotate,
69
+ D as setCropRatio
70
+ };
71
+ //# sourceMappingURL=index.es149.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.es149.js","sources":["../src/components/organisms/image-editor/engine/geometry.js"],"sourcesContent":["import { pushHistory } from './history.js'\nimport { emitChange, resetAdjValues } from './state.js'\nimport { render, syncCanvasSize, normRect, layerBounds } from './rendering.js'\nimport { setMode } from './mode.js'\n\nfunction centerDelta(state, L, mapCenter) {\n const b = layerBounds(state, L)\n const oldCenter = { x: b.x + b.w / 2, y: b.y + b.h / 2 }\n const newCenter = mapCenter(oldCenter)\n return { x: newCenter.x - oldCenter.x, y: newCenter.y - oldCenter.y }\n}\n\nexport function rotate(state, deg) {\n pushHistory(state)\n const rad = (deg * Math.PI) / 180,\n ow = state.sourceCanvas.width,\n oh = state.sourceCanvas.height,\n nw = oh,\n nh = ow\n const tmp = document.createElement('canvas')\n tmp.width = nw\n tmp.height = nh\n const t = tmp.getContext('2d')\n t.translate(nw / 2, nh / 2)\n t.rotate(rad)\n t.drawImage(state.sourceCanvas, -ow / 2, -oh / 2)\n state.sourceCanvas.width = nw\n state.sourceCanvas.height = nh\n state.sourceCanvas.getContext('2d').drawImage(tmp, 0, 0)\n const rot = (x, y) => {\n const dx = x - ow / 2,\n dy = y - oh / 2\n return {\n x: dx * Math.cos(rad) - dy * Math.sin(rad) + nw / 2,\n y: dx * Math.sin(rad) + dy * Math.cos(rad) + nh / 2,\n }\n }\n state.layers.forEach((L) => {\n if (L.type === 'text' || L.type === 'shape' || L.type === 'sticker') {\n const delta = centerDelta(state, L, (c) => rot(c.x, c.y))\n L.x += delta.x\n L.y += delta.y\n L.rotation = ((((L.rotation || 0) + deg) % 360) + 360) % 360\n } else if (L.type === 'stroke') {\n L.points = L.points.map((pt) => rot(pt.x, pt.y))\n }\n })\n syncCanvasSize(state)\n render(state)\n state.statusText = deg < 0 ? 'Rotated left' : 'Rotated right'\n emitChange(state)\n}\n\nexport function flip(state, hz) {\n pushHistory(state)\n const w = state.sourceCanvas.width,\n h = state.sourceCanvas.height\n const tmp = document.createElement('canvas')\n tmp.width = w\n tmp.height = h\n const t = tmp.getContext('2d')\n if (hz) {\n t.translate(w, 0)\n t.scale(-1, 1)\n } else {\n t.translate(0, h)\n t.scale(1, -1)\n }\n t.drawImage(state.sourceCanvas, 0, 0)\n state.sourceCanvas.getContext('2d').clearRect(0, 0, w, h)\n state.sourceCanvas.getContext('2d').drawImage(tmp, 0, 0)\n const fx = (x) => (hz ? w - x : x),\n fy = (y) => (hz ? y : h - y)\n state.layers.forEach((L) => {\n if (L.type === 'text' || L.type === 'shape' || L.type === 'sticker') {\n const delta = centerDelta(state, L, (c) => ({ x: fx(c.x), y: fy(c.y) }))\n L.x += delta.x\n L.y += delta.y\n L.rotation = (360 - ((L.rotation || 0) % 360)) % 360\n if (hz) L.flipH = !L.flipH\n else L.flipV = !L.flipV\n } else if (L.type === 'stroke') {\n L.points = L.points.map((pt) => ({ x: fx(pt.x), y: fy(pt.y) }))\n }\n })\n render(state)\n state.statusText = hz ? 'Flipped horizontally' : 'Flipped vertically'\n emitChange(state)\n}\n\nexport function applyCrop(state) {\n if (\n !state.cropRect ||\n Math.abs(state.cropRect.w) < 4 ||\n Math.abs(state.cropRect.h) < 4\n ) {\n state.statusText = 'Draw a crop box first'\n state.notify()\n return\n }\n pushHistory(state)\n const r = normRect(state.cropRect)\n const tmp = document.createElement('canvas')\n tmp.width = Math.round(r.w)\n tmp.height = Math.round(r.h)\n tmp\n .getContext('2d')\n .drawImage(state.sourceCanvas, r.x, r.y, r.w, r.h, 0, 0, r.w, r.h)\n state.sourceCanvas.width = tmp.width\n state.sourceCanvas.height = tmp.height\n state.sourceCanvas.getContext('2d').drawImage(tmp, 0, 0)\n state.layers.forEach((L) => {\n if (L.type === 'text' || L.type === 'shape' || L.type === 'sticker') {\n L.x -= r.x\n L.y -= r.y\n } else if (L.type === 'stroke') {\n L.points = L.points.map((p) => ({ x: p.x - r.x, y: p.y - r.y }))\n }\n })\n state.cropRect = null\n setMode(state, 'select')\n syncCanvasSize(state)\n render(state)\n state.statusText = 'Cropped'\n emitChange(state)\n}\n\nexport function cancelCrop(state) {\n setMode(state, 'select')\n}\n\nexport function setCropRatio(state, v) {\n state.cropRatio = v\n state.notify()\n}\n\nexport function resetToOriginal(state) {\n if (!state.originalCanvas) return\n pushHistory(state)\n state.sourceCanvas.width = state.originalCanvas.width\n state.sourceCanvas.height = state.originalCanvas.height\n state.sourceCanvas.getContext('2d').drawImage(state.originalCanvas, 0, 0)\n state.layers = []\n state.selectedId = null\n state.zoom = 1\n resetAdjValues(state)\n syncCanvasSize(state)\n render(state)\n state.statusText = 'Reset to original'\n emitChange(state)\n}\n"],"names":["centerDelta","state","L","mapCenter","b","layerBounds","oldCenter","newCenter","rotate","deg","pushHistory","rad","ow","oh","nw","nh","tmp","t","rot","x","y","dx","dy","delta","c","pt","syncCanvasSize","render","emitChange","flip","hz","w","h","fx","fy","applyCrop","r","normRect","p","setMode","cancelCrop","setCropRatio","v","resetToOriginal","resetAdjValues"],"mappings":"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"}