@yinuo-ngm/server 1.0.15 → 1.0.17

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 (349) hide show
  1. package/lib/app.js +3 -15
  2. package/lib/common/editor.js +2 -2
  3. package/lib/env.d.ts +1 -0
  4. package/lib/env.js +1 -0
  5. package/lib/plugins/error-handler.plugin.d.ts +2 -2
  6. package/lib/plugins/error-handler.plugin.js +97 -88
  7. package/lib/plugins/ws/topics/nginx.ws.js +2 -1
  8. package/lib/plugins/ws/topics/svn.ws.d.ts +2 -1
  9. package/lib/plugins/ws/topics/svn.ws.js +3 -2
  10. package/lib/plugins/ws/topics/syslog.ws.d.ts +1 -1
  11. package/lib/plugins/ws/topics/task.ws.d.ts +2 -1
  12. package/lib/plugins/ws/topics/task.ws.js +2 -1
  13. package/lib/plugins/ws/ws.context.d.ts +1 -1
  14. package/lib/plugins/ws/ws.plugin.js +4 -3
  15. package/lib/plugins/ws/ws.router.d.ts +2 -2
  16. package/lib/plugins/ws/ws.router.js +8 -7
  17. package/lib/routes/api-client/collection.routes.js +8 -6
  18. package/lib/routes/api-client/env.routes.js +4 -3
  19. package/lib/routes/api-client/history.routes.js +3 -2
  20. package/lib/routes/api-client/hub-token.routes.js +32 -10
  21. package/lib/routes/api-client/request.routes.js +7 -6
  22. package/lib/routes/api-client/send.routes.js +3 -2
  23. package/lib/routes/config.routes.js +5 -5
  24. package/lib/routes/hub.routes.js +10 -10
  25. package/lib/routes/index.js +2 -0
  26. package/lib/routes/nginx/nginx-lifecycle.routes.js +4 -0
  27. package/lib/routes/nginx/nginx-route.context.js +23 -7
  28. package/lib/routes/nginx/nginx-server.routes.js +158 -6
  29. package/lib/routes/node-version.routes.d.ts +2 -0
  30. package/lib/routes/node-version.routes.js +56 -0
  31. package/lib/routes/project.routes.js +14 -9
  32. package/lib/routes/rss.routes.js +3 -3
  33. package/lib/routes/sprite-browse.routes.js +21 -6
  34. package/lib/routes/sprite.routes.js +18 -12
  35. package/lib/routes/static-files.routes.js +21 -5
  36. package/lib/routes/svn.routes.js +5 -3
  37. package/lib/routes/system.routes.js +20 -1
  38. package/lib/routes/task.routes.js +10 -3
  39. package/package.json +13 -6
  40. package/www/3rdpartylicenses.txt +66 -118
  41. package/www/browser/chunk-2L7NUOMX.js +2 -0
  42. package/www/browser/chunk-2NZJ7CN2.js +20 -0
  43. package/www/browser/chunk-3CM4SKDO.js +15 -0
  44. package/www/browser/chunk-3I7BQCXS.js +1 -0
  45. package/www/browser/chunk-3M56F2S2.js +1 -0
  46. package/www/browser/chunk-3OHBKMAA.js +1 -0
  47. package/www/browser/chunk-3XNNQFWR.js +1 -0
  48. package/www/browser/chunk-4BRW6LCZ.js +4 -0
  49. package/www/browser/chunk-4LBSLURA.js +1 -0
  50. package/www/browser/chunk-4X42HB6N.js +2 -0
  51. package/www/browser/chunk-5DYX4DUX.js +11 -0
  52. package/www/browser/chunk-6SYVDN5L.js +1 -0
  53. package/www/browser/chunk-6YYNHZ2A.js +1 -0
  54. package/www/browser/chunk-75W3GVSO.js +1 -0
  55. package/www/browser/chunk-7U44RF5F.js +63 -0
  56. package/www/browser/chunk-AELTP6YN.js +1 -0
  57. package/www/browser/chunk-AMXRL4GR.js +1 -0
  58. package/www/browser/chunk-AV2ZODEH.js +1 -0
  59. package/www/browser/chunk-AZ6SIMYH.js +1 -0
  60. package/www/browser/chunk-B3C35ET3.js +2 -0
  61. package/www/browser/chunk-BTQIUVTQ.js +1 -0
  62. package/www/browser/chunk-CN5J4WNO.js +1 -0
  63. package/www/browser/chunk-D2ODDESN.js +1 -0
  64. package/www/browser/chunk-DE6E23ET.js +1 -0
  65. package/www/browser/chunk-DIJPUYIA.js +1 -0
  66. package/www/browser/chunk-DLGJD6YU.js +4 -0
  67. package/www/browser/chunk-EEDA5U4V.js +1 -0
  68. package/www/browser/chunk-FK6Z4HLL.js +1 -0
  69. package/www/browser/chunk-FL6GDGHW.js +1 -0
  70. package/www/browser/chunk-FXCG34QS.js +1 -0
  71. package/www/browser/chunk-H2USFIYR.js +1 -0
  72. package/www/browser/chunk-H5HGMOE6.js +1 -0
  73. package/www/browser/chunk-HB3HECPD.js +1 -0
  74. package/www/browser/chunk-HDNG236Q.js +1 -0
  75. package/www/browser/chunk-HFZLJHYR.js +1 -0
  76. package/www/browser/chunk-HJTXXSMC.js +1 -0
  77. package/www/browser/chunk-HUMCWAKJ.js +3 -0
  78. package/www/browser/chunk-IKB3EQCP.js +2 -0
  79. package/www/browser/chunk-K7PESFPY.js +1 -0
  80. package/www/browser/chunk-KRYMOHYF.js +2 -0
  81. package/www/browser/chunk-M4QRBV3K.js +1 -0
  82. package/www/browser/chunk-N2PELLMM.js +30 -0
  83. package/www/browser/chunk-ONXBYGIG.js +1 -0
  84. package/www/browser/chunk-OSBDR36P.js +1 -0
  85. package/www/browser/chunk-OZCK4XVV.js +1 -0
  86. package/www/browser/chunk-QJP5F735.js +1 -0
  87. package/www/browser/chunk-RGOYDY7H.js +1 -0
  88. package/www/browser/chunk-UJKK4A7Y.js +1 -0
  89. package/www/browser/chunk-WD2EKZQC.js +1 -0
  90. package/www/browser/chunk-WUA5JFDD.js +1 -0
  91. package/www/browser/chunk-XLFHB7RS.js +3 -0
  92. package/www/browser/chunk-YNW4HEJO.js +37 -0
  93. package/www/browser/chunk-ZTDLWBW5.js +1 -0
  94. package/www/browser/dark.css +1 -30433
  95. package/www/browser/default.css +1 -30149
  96. package/www/browser/index.html +3 -3
  97. package/www/browser/main-N64WJCHX.js +34 -0
  98. package/www/browser/scripts-U25HCVEI.js +6 -0
  99. package/www/browser/styles-ROAHD7MY.css +1 -0
  100. package/www/browser/add-widget-drawer.component.css.map +0 -7
  101. package/www/browser/advanced-editor.component.css.map +0 -7
  102. package/www/browser/api-client.component.css.map +0 -7
  103. package/www/browser/api-history-drawer.component.css.map +0 -7
  104. package/www/browser/app.css.map +0 -7
  105. package/www/browser/attachment-viewer.component.css.map +0 -7
  106. package/www/browser/auth-editor.component.css.map +0 -7
  107. package/www/browser/body-editor.component.css.map +0 -7
  108. package/www/browser/chunk-2YSUXBGC.js +0 -627
  109. package/www/browser/chunk-2YSUXBGC.js.map +0 -1
  110. package/www/browser/chunk-3G2GEOPV.js +0 -456
  111. package/www/browser/chunk-3G2GEOPV.js.map +0 -1
  112. package/www/browser/chunk-3L72DF3R.js +0 -1683
  113. package/www/browser/chunk-3L72DF3R.js.map +0 -1
  114. package/www/browser/chunk-3MCIETCQ.js +0 -8279
  115. package/www/browser/chunk-3MCIETCQ.js.map +0 -1
  116. package/www/browser/chunk-665WC4RU.js +0 -5383
  117. package/www/browser/chunk-665WC4RU.js.map +0 -1
  118. package/www/browser/chunk-6QMSEZPT.js +0 -10044
  119. package/www/browser/chunk-6QMSEZPT.js.map +0 -1
  120. package/www/browser/chunk-6TBQERYX.js +0 -280
  121. package/www/browser/chunk-6TBQERYX.js.map +0 -1
  122. package/www/browser/chunk-6UW4MRJZ.js +0 -43
  123. package/www/browser/chunk-6UW4MRJZ.js.map +0 -7
  124. package/www/browser/chunk-6XUMIL3W.js +0 -5495
  125. package/www/browser/chunk-6XUMIL3W.js.map +0 -1
  126. package/www/browser/chunk-724YOJI3.js +0 -903
  127. package/www/browser/chunk-724YOJI3.js.map +0 -1
  128. package/www/browser/chunk-766T7YES.js +0 -437
  129. package/www/browser/chunk-766T7YES.js.map +0 -1
  130. package/www/browser/chunk-7FC7DN65.js +0 -728
  131. package/www/browser/chunk-7FC7DN65.js.map +0 -1
  132. package/www/browser/chunk-APGQRYWX.js +0 -156
  133. package/www/browser/chunk-APGQRYWX.js.map +0 -7
  134. package/www/browser/chunk-AQHSGTHS.js +0 -1960
  135. package/www/browser/chunk-AQHSGTHS.js.map +0 -1
  136. package/www/browser/chunk-CTOEAJQK.js +0 -40
  137. package/www/browser/chunk-CTOEAJQK.js.map +0 -7
  138. package/www/browser/chunk-DEGQJKKZ.js +0 -409
  139. package/www/browser/chunk-DEGQJKKZ.js.map +0 -1
  140. package/www/browser/chunk-DIJX2663.js +0 -1166
  141. package/www/browser/chunk-DIJX2663.js.map +0 -1
  142. package/www/browser/chunk-E4XD4GLT.js +0 -427
  143. package/www/browser/chunk-E4XD4GLT.js.map +0 -1
  144. package/www/browser/chunk-EQOY6A3M.js +0 -212
  145. package/www/browser/chunk-EQOY6A3M.js.map +0 -1
  146. package/www/browser/chunk-ETTBRXVA.js +0 -2643
  147. package/www/browser/chunk-ETTBRXVA.js.map +0 -1
  148. package/www/browser/chunk-FLSUSPBD.js +0 -5569
  149. package/www/browser/chunk-FLSUSPBD.js.map +0 -1
  150. package/www/browser/chunk-FZNHBEAZ.js +0 -102
  151. package/www/browser/chunk-FZNHBEAZ.js.map +0 -1
  152. package/www/browser/chunk-GJC7CZIJ.js +0 -361
  153. package/www/browser/chunk-GJC7CZIJ.js.map +0 -7
  154. package/www/browser/chunk-GMCNMOTD.js +0 -844
  155. package/www/browser/chunk-GMCNMOTD.js.map +0 -7
  156. package/www/browser/chunk-H43HGCRW.js +0 -198
  157. package/www/browser/chunk-H43HGCRW.js.map +0 -7
  158. package/www/browser/chunk-J447GBHM.js +0 -160
  159. package/www/browser/chunk-J447GBHM.js.map +0 -1
  160. package/www/browser/chunk-JN3VOWP7.js +0 -384
  161. package/www/browser/chunk-JN3VOWP7.js.map +0 -1
  162. package/www/browser/chunk-KSHAGY2M.js +0 -399
  163. package/www/browser/chunk-KSHAGY2M.js.map +0 -7
  164. package/www/browser/chunk-KV72AKOD.js +0 -59
  165. package/www/browser/chunk-KV72AKOD.js.map +0 -7
  166. package/www/browser/chunk-LAVMY2SJ.js +0 -26
  167. package/www/browser/chunk-LAVMY2SJ.js.map +0 -7
  168. package/www/browser/chunk-LLRVGHG5.js +0 -73
  169. package/www/browser/chunk-LLRVGHG5.js.map +0 -7
  170. package/www/browser/chunk-LPME4AJ3.js +0 -196
  171. package/www/browser/chunk-LPME4AJ3.js.map +0 -1
  172. package/www/browser/chunk-LVPSURVU.js +0 -4615
  173. package/www/browser/chunk-LVPSURVU.js.map +0 -1
  174. package/www/browser/chunk-MMPO7QLO.js +0 -4146
  175. package/www/browser/chunk-MMPO7QLO.js.map +0 -7
  176. package/www/browser/chunk-O7LB6VFM.js +0 -1953
  177. package/www/browser/chunk-O7LB6VFM.js.map +0 -1
  178. package/www/browser/chunk-P5CWA4FO.js +0 -685
  179. package/www/browser/chunk-P5CWA4FO.js.map +0 -1
  180. package/www/browser/chunk-RBWIWNTL.js +0 -203
  181. package/www/browser/chunk-RBWIWNTL.js.map +0 -7
  182. package/www/browser/chunk-RUXJCM3V.js +0 -26199
  183. package/www/browser/chunk-RUXJCM3V.js.map +0 -1
  184. package/www/browser/chunk-S77VVYUZ.js +0 -168
  185. package/www/browser/chunk-S77VVYUZ.js.map +0 -1
  186. package/www/browser/chunk-SCXPYFOB.js +0 -4316
  187. package/www/browser/chunk-SCXPYFOB.js.map +0 -1
  188. package/www/browser/chunk-SS73S33S.js +0 -471
  189. package/www/browser/chunk-SS73S33S.js.map +0 -7
  190. package/www/browser/chunk-T6UAOWNP.js +0 -600
  191. package/www/browser/chunk-T6UAOWNP.js.map +0 -1
  192. package/www/browser/chunk-TEW4MY4J.js +0 -148
  193. package/www/browser/chunk-TEW4MY4J.js.map +0 -7
  194. package/www/browser/chunk-TVORF3SF.js +0 -82
  195. package/www/browser/chunk-TVORF3SF.js.map +0 -7
  196. package/www/browser/chunk-UAN42EUZ.js +0 -2147
  197. package/www/browser/chunk-UAN42EUZ.js.map +0 -1
  198. package/www/browser/chunk-ULOHDK7Y.js +0 -1
  199. package/www/browser/chunk-ULOHDK7Y.js.map +0 -7
  200. package/www/browser/chunk-UYJ3FVRV.js +0 -3978
  201. package/www/browser/chunk-UYJ3FVRV.js.map +0 -1
  202. package/www/browser/chunk-VXHZMSDM.js +0 -5509
  203. package/www/browser/chunk-VXHZMSDM.js.map +0 -1
  204. package/www/browser/chunk-VYNQPZQO.js +0 -281
  205. package/www/browser/chunk-VYNQPZQO.js.map +0 -1
  206. package/www/browser/chunk-W3J23PZI.js +0 -9213
  207. package/www/browser/chunk-W3J23PZI.js.map +0 -1
  208. package/www/browser/chunk-W5HGHCQT.js +0 -1642
  209. package/www/browser/chunk-W5HGHCQT.js.map +0 -7
  210. package/www/browser/chunk-XF5H7E4L.js +0 -4723
  211. package/www/browser/chunk-XF5H7E4L.js.map +0 -1
  212. package/www/browser/chunk-XNFNEBMY.js +0 -398
  213. package/www/browser/chunk-XNFNEBMY.js.map +0 -7
  214. package/www/browser/chunk-XQY5SPGI.js +0 -30811
  215. package/www/browser/chunk-XQY5SPGI.js.map +0 -1
  216. package/www/browser/chunk-Y7JBZHNK.js +0 -514
  217. package/www/browser/chunk-Y7JBZHNK.js.map +0 -1
  218. package/www/browser/chunk-YWHRP4X3.js +0 -406
  219. package/www/browser/chunk-YWHRP4X3.js.map +0 -1
  220. package/www/browser/chunk-Z7FJIV62.js +0 -95
  221. package/www/browser/chunk-Z7FJIV62.js.map +0 -7
  222. package/www/browser/chunk-ZBZHXS46.js +0 -1674
  223. package/www/browser/chunk-ZBZHXS46.js.map +0 -1
  224. package/www/browser/chunk-ZZA5NVAI.js +0 -735
  225. package/www/browser/chunk-ZZA5NVAI.js.map +0 -1
  226. package/www/browser/collection-modal.component.css.map +0 -7
  227. package/www/browser/collection-tree-item.component.css.map +0 -7
  228. package/www/browser/collection-tree.component.css.map +0 -7
  229. package/www/browser/config-change-bar-component.css.map +0 -7
  230. package/www/browser/config-item-component.css.map +0 -7
  231. package/www/browser/config-nav-component.css.map +0 -7
  232. package/www/browser/config-section-component.css.map +0 -7
  233. package/www/browser/create-summary-aside.component.css.map +0 -7
  234. package/www/browser/curl-actions.component.css.map +0 -7
  235. package/www/browser/dark.css.map +0 -7
  236. package/www/browser/dashboard-canvas.component.css.map +0 -7
  237. package/www/browser/dashboard.component.css.map +0 -7
  238. package/www/browser/default.css.map +0 -7
  239. package/www/browser/detail-item-card.component.css.map +0 -7
  240. package/www/browser/ellipsis-text.component.css.map +0 -7
  241. package/www/browser/env-modal.component.css.map +0 -7
  242. package/www/browser/env-picker.component.css.map +0 -7
  243. package/www/browser/feedback.component.css.map +0 -7
  244. package/www/browser/fs-explorer.component.css.map +0 -7
  245. package/www/browser/git-import-modal.component.css.map +0 -7
  246. package/www/browser/hub-v2-personal-token-modal.component.css.map +0 -7
  247. package/www/browser/issue-action-area.component.css.map +0 -7
  248. package/www/browser/issue-add-participants-dialog.component.css.map +0 -7
  249. package/www/browser/issue-assign-dialog.component.css.map +0 -7
  250. package/www/browser/issue-attachment-area.component.css.map +0 -7
  251. package/www/browser/issue-base-info-area.component.css.map +0 -7
  252. package/www/browser/issue-branches.component.css.map +0 -7
  253. package/www/browser/issue-close-dialog.component.css.map +0 -7
  254. package/www/browser/issue-collaborators-panel.component.css.map +0 -7
  255. package/www/browser/issue-comment-editor.component.css.map +0 -7
  256. package/www/browser/issue-create-branch-dialog.component.css.map +0 -7
  257. package/www/browser/issue-description-area.component.css.map +0 -7
  258. package/www/browser/issue-detail.component.css.map +0 -7
  259. package/www/browser/issue-resolve-dialog.component.css.map +0 -7
  260. package/www/browser/issue-start-own-branch-dialog.component.css.map +0 -7
  261. package/www/browser/issues-list-table.component.css.map +0 -7
  262. package/www/browser/issues.component.css.map +0 -7
  263. package/www/browser/kill-port-widget.component.css.map +0 -7
  264. package/www/browser/kv-table.component.css.map +0 -7
  265. package/www/browser/layout-footer.component.css.map +0 -7
  266. package/www/browser/layout-header.component.css.map +0 -7
  267. package/www/browser/layout-menu.component.css.map +0 -7
  268. package/www/browser/layout-project-nav.component.css.map +0 -7
  269. package/www/browser/layout-sidebar.component.css.map +0 -7
  270. package/www/browser/layout.component.css.map +0 -7
  271. package/www/browser/less-viewport-component.css.map +0 -7
  272. package/www/browser/main.js +0 -1872
  273. package/www/browser/main.js.map +0 -1
  274. package/www/browser/markdown-viewer.component.css.map +0 -7
  275. package/www/browser/news-feed-widget.component.css.map +0 -7
  276. package/www/browser/ng-devtool.component.css.map +0 -7
  277. package/www/browser/nginx-config-editor.component.css.map +0 -7
  278. package/www/browser/nginx-log-viewer.component.css.map +0 -7
  279. package/www/browser/nginx-secondary-logs-tab.component.css.map +0 -7
  280. package/www/browser/nginx-secondary-perf-tab.component.css.map +0 -7
  281. package/www/browser/nginx-secondary-settings-tab.component.css.map +0 -7
  282. package/www/browser/nginx-secondary-ssl-tab.component.css.map +0 -7
  283. package/www/browser/nginx-secondary-test-tab.component.css.map +0 -7
  284. package/www/browser/nginx-secondary-traffic-tab.component.css.map +0 -7
  285. package/www/browser/nginx-secondary-upstream-tab.component.css.map +0 -7
  286. package/www/browser/nginx-section-card.component.css.map +0 -7
  287. package/www/browser/nginx-server-drawer.component.css.map +0 -7
  288. package/www/browser/nginx-server-list.component.css.map +0 -7
  289. package/www/browser/nginx-stat-card.component.css.map +0 -7
  290. package/www/browser/nginx.component.css.map +0 -7
  291. package/www/browser/page-layout.component.css.map +0 -7
  292. package/www/browser/pick-workspace-modal.component.css.map +0 -7
  293. package/www/browser/polyfills.js +0 -26584
  294. package/www/browser/polyfills.js.map +0 -7
  295. package/www/browser/project-conf.component.css.map +0 -7
  296. package/www/browser/project-create-modal.component.css.map +0 -7
  297. package/www/browser/project-create.component.css.map +0 -7
  298. package/www/browser/project-deps.component.css.map +0 -7
  299. package/www/browser/project-edit-modal.component.css.map +0 -7
  300. package/www/browser/project-import.component.css.map +0 -7
  301. package/www/browser/project-item-popover.component.css.map +0 -7
  302. package/www/browser/project-item.component.css.map +0 -7
  303. package/www/browser/project-list.component.css.map +0 -7
  304. package/www/browser/projects.component.css.map +0 -7
  305. package/www/browser/quick-task-widget.component.css.map +0 -7
  306. package/www/browser/rd-action-area.component.css.map +0 -7
  307. package/www/browser/rd-advance-stage-dialog.component.css.map +0 -7
  308. package/www/browser/rd-block-dialog.component.css.map +0 -7
  309. package/www/browser/rd-create-dialog.component.css.map +0 -7
  310. package/www/browser/rd-detail.component.css.map +0 -7
  311. package/www/browser/rd-item-card.component.css.map +0 -7
  312. package/www/browser/rd-list-board.component.css.map +0 -7
  313. package/www/browser/rd-list-table.component.css.map +0 -7
  314. package/www/browser/rd.component.css.map +0 -7
  315. package/www/browser/request-collections.component.css.map +0 -7
  316. package/www/browser/request-editor.component.css.map +0 -7
  317. package/www/browser/request-list-item.component.css.map +0 -7
  318. package/www/browser/request-list.component.css.map +0 -7
  319. package/www/browser/request-tabs-bar.component.css.map +0 -7
  320. package/www/browser/request-tabs.component.css.map +0 -7
  321. package/www/browser/request-urlbar.component.css.map +0 -7
  322. package/www/browser/response-viewer.component.css.map +0 -7
  323. package/www/browser/scripts.js +0 -245
  324. package/www/browser/scripts.js.map +0 -7
  325. package/www/browser/setting.component.css.map +0 -7
  326. package/www/browser/sprite-conf-modal.component.css.map +0 -7
  327. package/www/browser/sprite-icons-panel-component.css.map +0 -7
  328. package/www/browser/sprite-images-panel-component.css.map +0 -7
  329. package/www/browser/sprite-result-tabs.component.css.map +0 -7
  330. package/www/browser/sprite-viewport-component.css.map +0 -7
  331. package/www/browser/sprite.component.css.map +0 -7
  332. package/www/browser/step-advance.component.css.map +0 -7
  333. package/www/browser/step-basic.component.css.map +0 -7
  334. package/www/browser/step-config.component.css.map +0 -7
  335. package/www/browser/step-features.component.css.map +0 -7
  336. package/www/browser/step-preset.component.css.map +0 -7
  337. package/www/browser/step-summary-aside.component.css.map +0 -7
  338. package/www/browser/styles.css +0 -258
  339. package/www/browser/styles.css.map +0 -7
  340. package/www/browser/system-log.component.css.map +0 -7
  341. package/www/browser/task-actions.component.css.map +0 -7
  342. package/www/browser/task-console.component.css.map +0 -7
  343. package/www/browser/task-header.component.css.map +0 -7
  344. package/www/browser/task-list.component.css.map +0 -7
  345. package/www/browser/tasks.component.css.map +0 -7
  346. package/www/browser/terminal-view.component.css.map +0 -7
  347. package/www/browser/welcome-widget.component.css.map +0 -7
  348. package/www/browser/widget-base.component.css.map +0 -7
  349. package/www/browser/widget-host.component.css.map +0 -7
@@ -1,903 +0,0 @@
1
- import {
2
- CdkDrag,
3
- CdkDragHandle
4
- } from "./chunk-FLSUSPBD.js";
5
- import {
6
- ComponentPortal,
7
- Directionality,
8
- ESCAPE,
9
- LEFT_ARROW,
10
- NzConfigService,
11
- NzIconDirective,
12
- NzIconModule,
13
- OverlayRef,
14
- RIGHT_ARROW,
15
- WithConfig,
16
- createBlockScrollStrategy,
17
- createGlobalPositionStrategy,
18
- createOverlayRef,
19
- fadeMotion,
20
- fromEventOutsideAngular,
21
- hasModifierKey,
22
- isNotNil,
23
- takeUntilDestroyed
24
- } from "./chunk-RUXJCM3V.js";
25
- import {
26
- DomSanitizer
27
- } from "./chunk-3MCIETCQ.js";
28
- import {
29
- ChangeDetectionStrategy,
30
- ChangeDetectorRef,
31
- Component,
32
- DOCUMENT,
33
- DestroyRef,
34
- Directive,
35
- ElementRef,
36
- EventEmitter,
37
- FactoryTarget,
38
- Injectable,
39
- Injector,
40
- Input,
41
- NgModule,
42
- NgZone,
43
- Subject,
44
- ViewChild,
45
- ViewEncapsulation,
46
- __esDecorate,
47
- __publicField,
48
- __runInitializers,
49
- __spreadValues,
50
- booleanAttribute,
51
- core_exports,
52
- filter,
53
- fromEvent,
54
- inject,
55
- switchMap,
56
- take,
57
- takeUntil,
58
- ɵɵngDeclareClassMetadata,
59
- ɵɵngDeclareComponent,
60
- ɵɵngDeclareDirective,
61
- ɵɵngDeclareFactory,
62
- ɵɵngDeclareInjectable,
63
- ɵɵngDeclareInjector,
64
- ɵɵngDeclareNgModule
65
- } from "./chunk-XQY5SPGI.js";
66
-
67
- // node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-image.mjs
68
- var NzImageGroupComponent = class _NzImageGroupComponent {
69
- nzScaleStep = null;
70
- images = [];
71
- addImage(image) {
72
- this.images.push(image);
73
- }
74
- static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzImageGroupComponent, deps: [], target: FactoryTarget.Component });
75
- static \u0275cmp = \u0275\u0275ngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: _NzImageGroupComponent, isStandalone: true, selector: "nz-image-group", inputs: { nzScaleStep: "nzScaleStep" }, exportAs: ["nzImageGroup"], ngImport: core_exports, template: "<ng-content></ng-content>", isInline: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None });
76
- };
77
- \u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzImageGroupComponent, decorators: [{
78
- type: Component,
79
- args: [{
80
- selector: "nz-image-group",
81
- exportAs: "nzImageGroup",
82
- template: "<ng-content></ng-content>",
83
- changeDetection: ChangeDetectionStrategy.OnPush,
84
- encapsulation: ViewEncapsulation.None
85
- }]
86
- }], propDecorators: { nzScaleStep: [{
87
- type: Input
88
- }] } });
89
- var NZ_CONFIG_MODULE_NAME$1 = "image";
90
- var NzImagePreviewOptions = class {
91
- nzKeyboard = true;
92
- nzNoAnimation = false;
93
- nzMaskClosable = true;
94
- nzCloseOnNavigation = true;
95
- nzZIndex;
96
- nzZoom;
97
- nzRotate;
98
- nzFlipHorizontally;
99
- nzFlipVertically;
100
- nzScaleStep;
101
- nzDirection;
102
- };
103
- function getFitContentPosition(params) {
104
- let fixPos = {};
105
- if (params.width <= params.clientWidth && params.height <= params.clientHeight) {
106
- fixPos = {
107
- x: 0,
108
- y: 0
109
- };
110
- }
111
- if (params.width > params.clientWidth || params.height > params.clientHeight) {
112
- fixPos = {
113
- x: fitPoint(params.left, params.width, params.clientWidth),
114
- y: fitPoint(params.top, params.height, params.clientHeight)
115
- };
116
- }
117
- return fixPos;
118
- }
119
- function getOffset(node) {
120
- const box = node.getBoundingClientRect();
121
- const docElem = document.documentElement;
122
- return {
123
- left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
124
- top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
125
- };
126
- }
127
- function getClientSize() {
128
- const width = document.documentElement.clientWidth;
129
- const height = window.innerHeight || document.documentElement.clientHeight;
130
- return {
131
- width,
132
- height
133
- };
134
- }
135
- function fitPoint(start, size, clientSize) {
136
- const startAddSize = start + size;
137
- const offsetStart = (size - clientSize) / 2;
138
- let distance = null;
139
- if (size > clientSize) {
140
- if (start > 0) {
141
- distance = offsetStart;
142
- }
143
- if (start < 0 && startAddSize < clientSize) {
144
- distance = -offsetStart;
145
- }
146
- } else {
147
- if (start < 0 || startAddSize > clientSize) {
148
- distance = start < 0 ? offsetStart : -offsetStart;
149
- }
150
- }
151
- return distance;
152
- }
153
- var initialPosition = {
154
- x: 0,
155
- y: 0
156
- };
157
- var NZ_DEFAULT_SCALE_STEP = 0.5;
158
- var NZ_DEFAULT_ZOOM = 1;
159
- var NZ_DEFAULT_ROTATE = 0;
160
- var NzImagePreviewComponent = class _NzImagePreviewComponent {
161
- document = inject(DOCUMENT);
162
- ngZone = inject(NgZone);
163
- cdr = inject(ChangeDetectorRef);
164
- nzConfigService = inject(NzConfigService);
165
- config = inject(NzImagePreviewOptions);
166
- sanitizer = inject(DomSanitizer);
167
- destroyRef = inject(DestroyRef);
168
- _defaultNzZoom = NZ_DEFAULT_ZOOM;
169
- _defaultNzScaleStep = NZ_DEFAULT_SCALE_STEP;
170
- _defaultNzRotate = NZ_DEFAULT_ROTATE;
171
- images = [];
172
- index = 0;
173
- isDragging = false;
174
- visible = true;
175
- animationStateChanged = new EventEmitter();
176
- scaleStepMap = /* @__PURE__ */ new Map();
177
- previewImageTransform = "";
178
- previewImageWrapperTransform = "";
179
- operations = [
180
- {
181
- icon: "close",
182
- onClick: () => {
183
- this.onClose();
184
- },
185
- type: "close"
186
- },
187
- {
188
- icon: "zoom-in",
189
- onClick: () => {
190
- this.onZoomIn();
191
- },
192
- type: "zoomIn"
193
- },
194
- {
195
- icon: "zoom-out",
196
- onClick: () => {
197
- this.onZoomOut();
198
- },
199
- type: "zoomOut"
200
- },
201
- {
202
- icon: "rotate-right",
203
- onClick: () => {
204
- this.onRotateRight();
205
- },
206
- type: "rotateRight"
207
- },
208
- {
209
- icon: "rotate-left",
210
- onClick: () => {
211
- this.onRotateLeft();
212
- },
213
- type: "rotateLeft"
214
- },
215
- {
216
- icon: "swap",
217
- onClick: () => {
218
- this.onHorizontalFlip();
219
- },
220
- type: "flipHorizontally"
221
- },
222
- {
223
- icon: "swap",
224
- onClick: () => {
225
- this.onVerticalFlip();
226
- },
227
- type: "flipVertically",
228
- rotate: 90
229
- }
230
- ];
231
- zoomOutDisabled = false;
232
- position = __spreadValues({}, initialPosition);
233
- previewRef;
234
- closeClick = new EventEmitter();
235
- imageRef;
236
- imagePreviewWrapper;
237
- zoom = this.config.nzZoom ?? this._defaultNzZoom;
238
- rotate = this.config.nzRotate ?? this._defaultNzRotate;
239
- scaleStep = this.config.nzScaleStep ?? this._defaultNzScaleStep;
240
- flipHorizontally = this.config.nzFlipHorizontally ?? false;
241
- flipVertically = this.config.nzFlipVertically ?? false;
242
- get animationDisabled() {
243
- return this.config.nzNoAnimation ?? false;
244
- }
245
- get maskClosable() {
246
- const defaultConfig = this.nzConfigService.getConfigForComponent(NZ_CONFIG_MODULE_NAME$1) || {};
247
- return this.config.nzMaskClosable ?? defaultConfig.nzMaskClosable ?? true;
248
- }
249
- constructor() {
250
- this.updateZoomOutDisabled();
251
- this.updatePreviewImageTransform();
252
- this.updatePreviewImageWrapperTransform();
253
- }
254
- ngOnInit() {
255
- fromEventOutsideAngular(this.imagePreviewWrapper.nativeElement, "mousedown").pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
256
- this.isDragging = true;
257
- });
258
- fromEventOutsideAngular(this.imagePreviewWrapper.nativeElement, "wheel").pipe(takeUntilDestroyed(this.destroyRef)).subscribe((event) => {
259
- this.ngZone.run(() => this.wheelZoomEventHandler(event));
260
- });
261
- fromEventOutsideAngular(this.document, "keydown").pipe(filter((event) => event.keyCode === ESCAPE), takeUntilDestroyed(this.destroyRef)).subscribe(() => {
262
- this.ngZone.run(() => {
263
- this.onClose();
264
- this.markForCheck();
265
- });
266
- });
267
- }
268
- setImages(images, scaleStepMap) {
269
- if (scaleStepMap)
270
- this.scaleStepMap = scaleStepMap;
271
- this.images = images;
272
- this.markForCheck();
273
- }
274
- switchTo(index) {
275
- this.index = index;
276
- this.markForCheck();
277
- }
278
- next() {
279
- if (this.index < this.images.length - 1) {
280
- this.reset();
281
- this.index++;
282
- this.updatePreviewImageTransform();
283
- this.updatePreviewImageWrapperTransform();
284
- this.updateZoomOutDisabled();
285
- this.markForCheck();
286
- }
287
- }
288
- prev() {
289
- if (this.index > 0) {
290
- this.reset();
291
- this.index--;
292
- this.updatePreviewImageTransform();
293
- this.updatePreviewImageWrapperTransform();
294
- this.updateZoomOutDisabled();
295
- this.markForCheck();
296
- }
297
- }
298
- markForCheck() {
299
- this.cdr.markForCheck();
300
- }
301
- onClose() {
302
- this.visible = false;
303
- this.closeClick.emit();
304
- }
305
- onZoomIn() {
306
- const zoomStep = this.scaleStepMap.get(this.images[this.index].src ?? this.images[this.index].srcset) ?? this.scaleStep;
307
- this.zoom += zoomStep;
308
- this.updatePreviewImageTransform();
309
- this.updateZoomOutDisabled();
310
- }
311
- onZoomOut() {
312
- if (this.zoom > 1) {
313
- const zoomStep = this.scaleStepMap.get(this.images[this.index].src ?? this.images[this.index].srcset) ?? this.scaleStep;
314
- this.zoom -= zoomStep;
315
- this.updatePreviewImageTransform();
316
- this.updateZoomOutDisabled();
317
- if (this.zoom <= 1) {
318
- this.reCenterImage();
319
- }
320
- }
321
- }
322
- onRotateRight() {
323
- this.rotate += 90;
324
- this.updatePreviewImageTransform();
325
- }
326
- onRotateLeft() {
327
- this.rotate -= 90;
328
- this.updatePreviewImageTransform();
329
- }
330
- onSwitchLeft(event) {
331
- event.preventDefault();
332
- event.stopPropagation();
333
- this.prev();
334
- }
335
- onSwitchRight(event) {
336
- event.preventDefault();
337
- event.stopPropagation();
338
- this.next();
339
- }
340
- onHorizontalFlip() {
341
- this.flipHorizontally = !this.flipHorizontally;
342
- this.updatePreviewImageTransform();
343
- }
344
- onVerticalFlip() {
345
- this.flipVertically = !this.flipVertically;
346
- this.updatePreviewImageTransform();
347
- }
348
- wheelZoomEventHandler(event) {
349
- event.preventDefault();
350
- event.stopPropagation();
351
- this.handlerImageTransformationWhileZoomingWithMouse(event, event.deltaY);
352
- this.handleImageScaleWhileZoomingWithMouse(event.deltaY);
353
- this.updatePreviewImageWrapperTransform();
354
- this.updatePreviewImageTransform();
355
- this.markForCheck();
356
- }
357
- onAnimationStart(event) {
358
- this.animationStateChanged.emit(event);
359
- }
360
- onAnimationDone(event) {
361
- this.animationStateChanged.emit(event);
362
- }
363
- onDragEnd(event) {
364
- this.isDragging = false;
365
- const width = this.imageRef.nativeElement.offsetWidth * this.zoom;
366
- const height = this.imageRef.nativeElement.offsetHeight * this.zoom;
367
- const { left, top } = getOffset(this.imageRef.nativeElement);
368
- const { width: clientWidth, height: clientHeight } = getClientSize();
369
- const isRotate = this.rotate % 180 !== 0;
370
- const fitContentParams = {
371
- width: isRotate ? height : width,
372
- height: isRotate ? width : height,
373
- left,
374
- top,
375
- clientWidth,
376
- clientHeight
377
- };
378
- const fitContentPos = getFitContentPosition(fitContentParams);
379
- if (isNotNil(fitContentPos.x) || isNotNil(fitContentPos.y)) {
380
- this.position = __spreadValues(__spreadValues({}, this.position), fitContentPos);
381
- } else if (!isNotNil(fitContentPos.x) && !isNotNil(fitContentPos.y)) {
382
- this.position = {
383
- x: event.source.getFreeDragPosition().x,
384
- y: event.source.getFreeDragPosition().y
385
- };
386
- }
387
- }
388
- sanitizerResourceUrl(url) {
389
- return this.sanitizer.bypassSecurityTrustResourceUrl(url);
390
- }
391
- updatePreviewImageTransform() {
392
- this.previewImageTransform = `scale3d(${this.zoom * (this.flipHorizontally ? -1 : 1)}, ${this.zoom * (this.flipVertically ? -1 : 1)}, 1) rotate(${this.rotate}deg)`;
393
- }
394
- updatePreviewImageWrapperTransform() {
395
- this.previewImageWrapperTransform = `translate3d(${this.position.x}px, ${this.position.y}px, 0)`;
396
- }
397
- updateZoomOutDisabled() {
398
- this.zoomOutDisabled = this.zoom <= 1;
399
- }
400
- handlerImageTransformationWhileZoomingWithMouse(event, deltaY) {
401
- let scaleValue;
402
- const imageElement = this.imageRef.nativeElement;
403
- const elementTransform = getComputedStyle(imageElement).transform;
404
- const matrixValue = elementTransform.match(/matrix.*\((.+)\)/);
405
- if (matrixValue) {
406
- scaleValue = +matrixValue[1].split(", ")[0];
407
- } else {
408
- scaleValue = this.zoom;
409
- }
410
- const x = (event.clientX - imageElement.getBoundingClientRect().x) / scaleValue;
411
- const y = (event.clientY - imageElement.getBoundingClientRect().y) / scaleValue;
412
- const halfOfScaleStepValue = deltaY < 0 ? this.scaleStep / 2 : -this.scaleStep / 2;
413
- this.position.x += -x * halfOfScaleStepValue * 2 + imageElement.offsetWidth * halfOfScaleStepValue;
414
- this.position.y += -y * halfOfScaleStepValue * 2 + imageElement.offsetHeight * halfOfScaleStepValue;
415
- }
416
- handleImageScaleWhileZoomingWithMouse(deltaY) {
417
- if (this.isZoomedInWithMouseWheel(deltaY)) {
418
- this.onZoomIn();
419
- } else {
420
- this.onZoomOut();
421
- }
422
- if (this.zoom <= 1) {
423
- this.reCenterImage();
424
- }
425
- }
426
- isZoomedInWithMouseWheel(delta) {
427
- return delta < 0;
428
- }
429
- reset() {
430
- this.zoom = this.config.nzZoom ?? this._defaultNzZoom;
431
- this.scaleStep = this.config.nzScaleStep ?? this._defaultNzScaleStep;
432
- this.rotate = this.config.nzRotate ?? this._defaultNzRotate;
433
- this.flipHorizontally = false;
434
- this.flipVertically = false;
435
- this.reCenterImage();
436
- }
437
- reCenterImage() {
438
- this.position = __spreadValues({}, initialPosition);
439
- }
440
- static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzImagePreviewComponent, deps: [], target: FactoryTarget.Component });
441
- static \u0275cmp = \u0275\u0275ngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: _NzImagePreviewComponent, isStandalone: true, selector: "nz-image-preview", host: { listeners: { "@fadeMotion.start": "onAnimationStart($event)", "@fadeMotion.done": "onAnimationDone($event)" }, properties: { "class.ant-image-preview-moving": "isDragging", "style.zIndex": "config.nzZIndex", "@.disabled": "config.nzNoAnimation", "@fadeMotion": "visible ? 'enter' : 'leave'" }, classAttribute: "ant-image-preview-root" }, viewQueries: [{ propertyName: "imageRef", first: true, predicate: ["imgRef"], descendants: true }, { propertyName: "imagePreviewWrapper", first: true, predicate: ["imagePreviewWrapper"], descendants: true, static: true }], exportAs: ["nzImagePreview"], ngImport: core_exports, template: `
442
- <div class="ant-image-preview-mask"></div>
443
-
444
- <div class="ant-image-preview-operations-wrapper">
445
- @if (images.length > 1) {
446
- <div
447
- class="ant-image-preview-switch-left"
448
- [class.ant-image-preview-switch-left-disabled]="index <= 0"
449
- (click)="onSwitchLeft($event)"
450
- >
451
- <nz-icon nzType="left" nzTheme="outline" />
452
- </div>
453
- <div
454
- class="ant-image-preview-switch-right"
455
- [class.ant-image-preview-switch-right-disabled]="index >= images.length - 1"
456
- (click)="onSwitchRight($event)"
457
- >
458
- <nz-icon nzType="right" nzTheme="outline" />
459
- </div>
460
- }
461
-
462
- <ul class="ant-image-preview-operations">
463
- @if (images.length > 1) {
464
- <li class="ant-image-preview-operations-progress">{{ index + 1 }} / {{ images.length }}</li>
465
- }
466
-
467
- @for (option of operations; track option) {
468
- <li
469
- class="ant-image-preview-operations-operation"
470
- [class.ant-image-preview-operations-operation-disabled]="zoomOutDisabled && option.type === 'zoomOut'"
471
- (click)="option.onClick()"
472
- >
473
- <nz-icon
474
- class="ant-image-preview-operations-icon"
475
- [nzType]="option.icon"
476
- [nzRotate]="option.rotate ?? 0"
477
- nzTheme="outline"
478
- />
479
- </li>
480
- }
481
- </ul>
482
- </div>
483
-
484
- <div
485
- class="ant-image-preview-wrap"
486
- tabindex="-1"
487
- (click)="maskClosable && $event.target === $event.currentTarget && onClose()"
488
- >
489
- <div class="ant-image-preview" role="dialog" aria-modal="true">
490
- <div tabindex="0" aria-hidden="true" class="ant-image-preview-focus-trap"></div>
491
- <div class="ant-image-preview-content">
492
- <div class="ant-image-preview-body">
493
- <div
494
- class="ant-image-preview-img-wrapper"
495
- #imagePreviewWrapper
496
- cdkDrag
497
- [style.transform]="previewImageWrapperTransform"
498
- [cdkDragFreeDragPosition]="position"
499
- (cdkDragEnded)="onDragEnd($event)"
500
- >
501
- @for (image of images; track image; let imageIndex = $index) {
502
- @if (imageIndex === index) {
503
- <img
504
- cdkDragHandle
505
- class="ant-image-preview-img"
506
- #imgRef
507
- [attr.src]="sanitizerResourceUrl(image.src)"
508
- [attr.srcset]="image.srcset"
509
- [attr.alt]="image.alt"
510
- [style.width]="image.width"
511
- [style.height]="image.height"
512
- [style.transform]="previewImageTransform"
513
- />
514
- }
515
- }
516
- </div>
517
- </div>
518
- </div>
519
- <div tabindex="0" aria-hidden="true" class="ant-image-preview-focus-trap"></div>
520
- </div>
521
- </div>
522
- `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }], animations: [fadeMotion], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None });
523
- };
524
- \u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzImagePreviewComponent, decorators: [{
525
- type: Component,
526
- args: [{
527
- selector: "nz-image-preview",
528
- exportAs: "nzImagePreview",
529
- animations: [fadeMotion],
530
- template: `
531
- <div class="ant-image-preview-mask"></div>
532
-
533
- <div class="ant-image-preview-operations-wrapper">
534
- @if (images.length > 1) {
535
- <div
536
- class="ant-image-preview-switch-left"
537
- [class.ant-image-preview-switch-left-disabled]="index <= 0"
538
- (click)="onSwitchLeft($event)"
539
- >
540
- <nz-icon nzType="left" nzTheme="outline" />
541
- </div>
542
- <div
543
- class="ant-image-preview-switch-right"
544
- [class.ant-image-preview-switch-right-disabled]="index >= images.length - 1"
545
- (click)="onSwitchRight($event)"
546
- >
547
- <nz-icon nzType="right" nzTheme="outline" />
548
- </div>
549
- }
550
-
551
- <ul class="ant-image-preview-operations">
552
- @if (images.length > 1) {
553
- <li class="ant-image-preview-operations-progress">{{ index + 1 }} / {{ images.length }}</li>
554
- }
555
-
556
- @for (option of operations; track option) {
557
- <li
558
- class="ant-image-preview-operations-operation"
559
- [class.ant-image-preview-operations-operation-disabled]="zoomOutDisabled && option.type === 'zoomOut'"
560
- (click)="option.onClick()"
561
- >
562
- <nz-icon
563
- class="ant-image-preview-operations-icon"
564
- [nzType]="option.icon"
565
- [nzRotate]="option.rotate ?? 0"
566
- nzTheme="outline"
567
- />
568
- </li>
569
- }
570
- </ul>
571
- </div>
572
-
573
- <div
574
- class="ant-image-preview-wrap"
575
- tabindex="-1"
576
- (click)="maskClosable && $event.target === $event.currentTarget && onClose()"
577
- >
578
- <div class="ant-image-preview" role="dialog" aria-modal="true">
579
- <div tabindex="0" aria-hidden="true" class="ant-image-preview-focus-trap"></div>
580
- <div class="ant-image-preview-content">
581
- <div class="ant-image-preview-body">
582
- <div
583
- class="ant-image-preview-img-wrapper"
584
- #imagePreviewWrapper
585
- cdkDrag
586
- [style.transform]="previewImageWrapperTransform"
587
- [cdkDragFreeDragPosition]="position"
588
- (cdkDragEnded)="onDragEnd($event)"
589
- >
590
- @for (image of images; track image; let imageIndex = $index) {
591
- @if (imageIndex === index) {
592
- <img
593
- cdkDragHandle
594
- class="ant-image-preview-img"
595
- #imgRef
596
- [attr.src]="sanitizerResourceUrl(image.src)"
597
- [attr.srcset]="image.srcset"
598
- [attr.alt]="image.alt"
599
- [style.width]="image.width"
600
- [style.height]="image.height"
601
- [style.transform]="previewImageTransform"
602
- />
603
- }
604
- }
605
- </div>
606
- </div>
607
- </div>
608
- <div tabindex="0" aria-hidden="true" class="ant-image-preview-focus-trap"></div>
609
- </div>
610
- </div>
611
- `,
612
- changeDetection: ChangeDetectionStrategy.OnPush,
613
- encapsulation: ViewEncapsulation.None,
614
- host: {
615
- class: "ant-image-preview-root",
616
- "[class.ant-image-preview-moving]": "isDragging",
617
- "[style.zIndex]": "config.nzZIndex",
618
- "[@.disabled]": "config.nzNoAnimation",
619
- "[@fadeMotion]": `visible ? 'enter' : 'leave'`,
620
- "(@fadeMotion.start)": "onAnimationStart($event)",
621
- "(@fadeMotion.done)": "onAnimationDone($event)"
622
- },
623
- imports: [NzIconModule, CdkDragHandle, CdkDrag]
624
- }]
625
- }], ctorParameters: () => [], propDecorators: { imageRef: [{
626
- type: ViewChild,
627
- args: ["imgRef"]
628
- }], imagePreviewWrapper: [{
629
- type: ViewChild,
630
- args: ["imagePreviewWrapper", { static: true }]
631
- }] } });
632
- var NzImagePreviewRef = class {
633
- previewInstance;
634
- config;
635
- overlayRef;
636
- destroy$ = new Subject();
637
- constructor(previewInstance, config, overlayRef) {
638
- this.previewInstance = previewInstance;
639
- this.config = config;
640
- this.overlayRef = overlayRef;
641
- overlayRef.keydownEvents().pipe(filter((event) => this.config.nzKeyboard && (event.keyCode === ESCAPE || event.keyCode === LEFT_ARROW || event.keyCode === RIGHT_ARROW) && !hasModifierKey(event))).subscribe((event) => {
642
- event.preventDefault();
643
- if (event.keyCode === ESCAPE) {
644
- previewInstance.onClose();
645
- }
646
- if (event.keyCode === LEFT_ARROW) {
647
- this.prev();
648
- }
649
- if (event.keyCode === RIGHT_ARROW) {
650
- this.next();
651
- }
652
- });
653
- overlayRef.detachments().subscribe(() => {
654
- this.overlayRef.dispose();
655
- });
656
- previewInstance.closeClick.pipe(take(1), switchMap(() => previewInstance.animationStateChanged), filter((event) => event.phaseName === "done"), takeUntil(this.destroy$)).subscribe(() => {
657
- this.close();
658
- });
659
- }
660
- switchTo(index) {
661
- this.previewInstance.switchTo(index);
662
- }
663
- next() {
664
- this.previewInstance.next();
665
- }
666
- prev() {
667
- this.previewInstance.prev();
668
- }
669
- close() {
670
- this.destroy$.next();
671
- this.overlayRef.dispose();
672
- }
673
- };
674
- var NzImageService = class _NzImageService {
675
- injector = inject(Injector);
676
- nzConfigService = inject(NzConfigService);
677
- directionality = inject(Directionality);
678
- preview(images, options, zoomMap) {
679
- return this.display(images, options, zoomMap);
680
- }
681
- display(images, config, scaleStepMap) {
682
- const configMerged = __spreadValues(__spreadValues({}, new NzImagePreviewOptions()), config ?? {});
683
- const overlayRef = this.createOverlay(configMerged);
684
- const previewComponent = this.attachPreviewComponent(overlayRef, configMerged);
685
- previewComponent.setImages(images, scaleStepMap);
686
- const previewRef = new NzImagePreviewRef(previewComponent, configMerged, overlayRef);
687
- previewComponent.previewRef = previewRef;
688
- return previewRef;
689
- }
690
- attachPreviewComponent(overlayRef, config) {
691
- const injector = Injector.create({
692
- parent: this.injector,
693
- providers: [
694
- { provide: OverlayRef, useValue: overlayRef },
695
- { provide: NzImagePreviewOptions, useValue: config }
696
- ]
697
- });
698
- const containerPortal = new ComponentPortal(NzImagePreviewComponent, null, injector);
699
- const containerRef = overlayRef.attach(containerPortal);
700
- return containerRef.instance;
701
- }
702
- createOverlay(config) {
703
- const globalConfig = this.nzConfigService.getConfigForComponent(NZ_CONFIG_MODULE_NAME$1) || {};
704
- return createOverlayRef(this.injector, {
705
- scrollStrategy: createBlockScrollStrategy(this.injector),
706
- positionStrategy: createGlobalPositionStrategy(this.injector),
707
- disposeOnNavigation: config.nzCloseOnNavigation ?? globalConfig.nzCloseOnNavigation ?? true,
708
- direction: config.nzDirection || globalConfig.nzDirection || this.directionality.value
709
- });
710
- }
711
- static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzImageService, deps: [], target: FactoryTarget.Injectable });
712
- static \u0275prov = \u0275\u0275ngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzImageService });
713
- };
714
- \u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzImageService, decorators: [{
715
- type: Injectable
716
- }] });
717
- var NZ_CONFIG_MODULE_NAME = "image";
718
- var NzImageDirective = (() => {
719
- var _a;
720
- let _nzDisablePreview_decorators;
721
- let _nzDisablePreview_initializers = [];
722
- let _nzDisablePreview_extraInitializers = [];
723
- let _nzFallback_decorators;
724
- let _nzFallback_initializers = [];
725
- let _nzFallback_extraInitializers = [];
726
- let _nzPlaceholder_decorators;
727
- let _nzPlaceholder_initializers = [];
728
- let _nzPlaceholder_extraInitializers = [];
729
- let _nzScaleStep_decorators;
730
- let _nzScaleStep_initializers = [];
731
- let _nzScaleStep_extraInitializers = [];
732
- return _a = class {
733
- document = inject(DOCUMENT);
734
- nzConfigService = inject(NzConfigService);
735
- elementRef = inject(ElementRef);
736
- nzImageService = inject(NzImageService);
737
- cdr = inject(ChangeDetectorRef);
738
- directionality = inject(Directionality);
739
- destroyRef = inject(DestroyRef);
740
- _nzModuleName = NZ_CONFIG_MODULE_NAME;
741
- nzSrc = "";
742
- nzSrcset = "";
743
- nzDisablePreview = __runInitializers(this, _nzDisablePreview_initializers, false);
744
- nzFallback = (__runInitializers(this, _nzDisablePreview_extraInitializers), __runInitializers(this, _nzFallback_initializers, null));
745
- nzPlaceholder = (__runInitializers(this, _nzFallback_extraInitializers), __runInitializers(this, _nzPlaceholder_initializers, null));
746
- nzScaleStep = (__runInitializers(this, _nzPlaceholder_extraInitializers), __runInitializers(this, _nzScaleStep_initializers, null));
747
- dir = __runInitializers(this, _nzScaleStep_extraInitializers);
748
- backLoadImage;
749
- status = "normal";
750
- backLoadDestroy$ = new Subject();
751
- parentGroup = inject(NzImageGroupComponent, { optional: true });
752
- get previewable() {
753
- return !this.nzDisablePreview && this.status !== "error";
754
- }
755
- ngOnInit() {
756
- this.backLoad();
757
- if (this.parentGroup) {
758
- this.parentGroup.addImage(this);
759
- }
760
- if (this.directionality) {
761
- this.directionality.change?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((direction) => {
762
- this.dir = direction;
763
- this.cdr.detectChanges();
764
- });
765
- this.dir = this.directionality.value;
766
- }
767
- }
768
- onPreview() {
769
- if (!this.previewable) {
770
- return;
771
- }
772
- if (this.parentGroup) {
773
- const previewAbleImages = this.parentGroup.images.filter((e) => e.previewable);
774
- const previewImages = previewAbleImages.map((e) => ({ src: e.nzSrc, srcset: e.nzSrcset }));
775
- const previewIndex = previewAbleImages.findIndex((el) => this === el);
776
- const scaleStepMap = /* @__PURE__ */ new Map();
777
- previewAbleImages.forEach((imageDirective) => {
778
- scaleStepMap.set(imageDirective.nzSrc ?? imageDirective.nzSrcset, imageDirective.nzScaleStep ?? this.parentGroup.nzScaleStep ?? this.nzScaleStep ?? NZ_DEFAULT_SCALE_STEP);
779
- });
780
- const previewRef = this.nzImageService.preview(previewImages, {
781
- nzDirection: this.dir
782
- }, scaleStepMap);
783
- previewRef.switchTo(previewIndex);
784
- } else {
785
- const previewImages = [{ src: this.nzSrc, srcset: this.nzSrcset }];
786
- this.nzImageService.preview(previewImages, {
787
- nzDirection: this.dir,
788
- nzScaleStep: this.nzScaleStep ?? NZ_DEFAULT_SCALE_STEP
789
- });
790
- }
791
- }
792
- getElement() {
793
- return this.elementRef;
794
- }
795
- ngOnChanges(changes) {
796
- const { nzSrc } = changes;
797
- if (nzSrc) {
798
- this.getElement().nativeElement.src = nzSrc.currentValue;
799
- this.backLoad();
800
- }
801
- }
802
- /**
803
- * use internal Image object handle fallback & placeholder
804
- *
805
- * @private
806
- */
807
- backLoad() {
808
- this.backLoadImage = this.document.createElement("img");
809
- this.backLoadImage.src = this.nzSrc;
810
- this.backLoadImage.srcset = this.nzSrcset;
811
- this.status = "loading";
812
- this.backLoadDestroy$.next();
813
- this.backLoadDestroy$.complete();
814
- this.backLoadDestroy$ = new Subject();
815
- if (this.backLoadImage.complete) {
816
- this.status = "normal";
817
- this.getElement().nativeElement.src = this.nzSrc;
818
- this.getElement().nativeElement.srcset = this.nzSrcset;
819
- } else {
820
- if (this.nzPlaceholder) {
821
- this.getElement().nativeElement.src = this.nzPlaceholder;
822
- this.getElement().nativeElement.srcset = "";
823
- } else {
824
- this.getElement().nativeElement.src = this.nzSrc;
825
- this.getElement().nativeElement.srcset = this.nzSrcset;
826
- }
827
- fromEvent(this.backLoadImage, "load").pipe(takeUntil(this.backLoadDestroy$), takeUntilDestroyed(this.destroyRef)).subscribe(() => {
828
- this.status = "normal";
829
- this.getElement().nativeElement.src = this.nzSrc;
830
- this.getElement().nativeElement.srcset = this.nzSrcset;
831
- });
832
- fromEvent(this.backLoadImage, "error").pipe(takeUntil(this.backLoadDestroy$), takeUntilDestroyed(this.destroyRef)).subscribe(() => {
833
- this.status = "error";
834
- if (this.nzFallback) {
835
- this.getElement().nativeElement.src = this.nzFallback;
836
- this.getElement().nativeElement.srcset = "";
837
- }
838
- });
839
- }
840
- }
841
- }, (() => {
842
- const _metadata = typeof Symbol === "function" && Symbol.metadata ? /* @__PURE__ */ Object.create(null) : void 0;
843
- _nzDisablePreview_decorators = [WithConfig()];
844
- _nzFallback_decorators = [WithConfig()];
845
- _nzPlaceholder_decorators = [WithConfig()];
846
- _nzScaleStep_decorators = [WithConfig()];
847
- __esDecorate(null, null, _nzDisablePreview_decorators, { kind: "field", name: "nzDisablePreview", static: false, private: false, access: { has: (obj) => "nzDisablePreview" in obj, get: (obj) => obj.nzDisablePreview, set: (obj, value) => {
848
- obj.nzDisablePreview = value;
849
- } }, metadata: _metadata }, _nzDisablePreview_initializers, _nzDisablePreview_extraInitializers);
850
- __esDecorate(null, null, _nzFallback_decorators, { kind: "field", name: "nzFallback", static: false, private: false, access: { has: (obj) => "nzFallback" in obj, get: (obj) => obj.nzFallback, set: (obj, value) => {
851
- obj.nzFallback = value;
852
- } }, metadata: _metadata }, _nzFallback_initializers, _nzFallback_extraInitializers);
853
- __esDecorate(null, null, _nzPlaceholder_decorators, { kind: "field", name: "nzPlaceholder", static: false, private: false, access: { has: (obj) => "nzPlaceholder" in obj, get: (obj) => obj.nzPlaceholder, set: (obj, value) => {
854
- obj.nzPlaceholder = value;
855
- } }, metadata: _metadata }, _nzPlaceholder_initializers, _nzPlaceholder_extraInitializers);
856
- __esDecorate(null, null, _nzScaleStep_decorators, { kind: "field", name: "nzScaleStep", static: false, private: false, access: { has: (obj) => "nzScaleStep" in obj, get: (obj) => obj.nzScaleStep, set: (obj, value) => {
857
- obj.nzScaleStep = value;
858
- } }, metadata: _metadata }, _nzScaleStep_initializers, _nzScaleStep_extraInitializers);
859
- if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
860
- })(), __publicField(_a, "\u0275fac", \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _a, deps: [], target: FactoryTarget.Directive })), __publicField(_a, "\u0275dir", \u0275\u0275ngDeclareDirective({ minVersion: "16.1.0", version: "20.3.0", type: _a, isStandalone: true, selector: "img[nz-image]", inputs: { nzSrc: "nzSrc", nzSrcset: "nzSrcset", nzDisablePreview: ["nzDisablePreview", "nzDisablePreview", booleanAttribute], nzFallback: "nzFallback", nzPlaceholder: "nzPlaceholder", nzScaleStep: "nzScaleStep" }, host: { listeners: { "click": "onPreview()" } }, exportAs: ["nzImage"], usesOnChanges: true, ngImport: core_exports })), _a;
861
- })();
862
- \u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzImageDirective, decorators: [{
863
- type: Directive,
864
- args: [{
865
- selector: "img[nz-image]",
866
- exportAs: "nzImage",
867
- host: {
868
- "(click)": "onPreview()"
869
- }
870
- }]
871
- }], propDecorators: { nzSrc: [{
872
- type: Input
873
- }], nzSrcset: [{
874
- type: Input
875
- }], nzDisablePreview: [{
876
- type: Input,
877
- args: [{ transform: booleanAttribute }]
878
- }], nzFallback: [{
879
- type: Input
880
- }], nzPlaceholder: [{
881
- type: Input
882
- }], nzScaleStep: [{
883
- type: Input
884
- }] } });
885
- var NzImageModule = class _NzImageModule {
886
- static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzImageModule, deps: [], target: FactoryTarget.NgModule });
887
- static \u0275mod = \u0275\u0275ngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: core_exports, type: _NzImageModule, imports: [NzImageDirective, NzImagePreviewComponent, NzImageGroupComponent], exports: [NzImageDirective, NzImagePreviewComponent, NzImageGroupComponent] });
888
- static \u0275inj = \u0275\u0275ngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzImageModule, providers: [NzImageService], imports: [NzImagePreviewComponent] });
889
- };
890
- \u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzImageModule, decorators: [{
891
- type: NgModule,
892
- args: [{
893
- imports: [NzImageDirective, NzImagePreviewComponent, NzImageGroupComponent],
894
- exports: [NzImageDirective, NzImagePreviewComponent, NzImageGroupComponent],
895
- providers: [NzImageService]
896
- }]
897
- }] });
898
-
899
- export {
900
- NzImageService,
901
- NzImageModule
902
- };
903
- //# sourceMappingURL=chunk-724YOJI3.js.map