framefields 2.14.0 → 2.16.0

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 (333) hide show
  1. package/NOTICE.md +5 -1
  2. package/dist/audio/index.d.mts +3 -3
  3. package/dist/audio/index.mjs +10 -10
  4. package/dist/{audio-DFwRbID_.mjs → audio-6TfPlfl4.mjs} +3 -3
  5. package/dist/{audio-DFwRbID_.mjs.map → audio-6TfPlfl4.mjs.map} +1 -1
  6. package/dist/{audio-CdCuGK5d.d.mts → audio-7oqTUi4G.d.mts} +2 -2
  7. package/dist/{audio-CdCuGK5d.d.mts.map → audio-7oqTUi4G.d.mts.map} +1 -1
  8. package/dist/cli/check-worker.mjs +44 -44
  9. package/dist/cli.mjs +1 -1
  10. package/dist/cloud/index.mjs +1 -1
  11. package/dist/{cloud-Cj1TIme8.mjs → cloud-jnk1hPYf.mjs} +2 -2
  12. package/dist/{cloud-Cj1TIme8.mjs.map → cloud-jnk1hPYf.mjs.map} +1 -1
  13. package/dist/components/index.d.mts +11 -11
  14. package/dist/components/index.mjs +43 -43
  15. package/dist/{dist-Kbf-JTry.mjs → dist-BtI6ukB5.mjs} +2 -2
  16. package/dist/{dist-Kbf-JTry.mjs.map → dist-BtI6ukB5.mjs.map} +1 -1
  17. package/dist/{dist-B8Nby2CU.mjs → dist-COOpgG9G.mjs} +4 -3
  18. package/dist/{dist-B8Nby2CU.mjs.map → dist-COOpgG9G.mjs.map} +1 -1
  19. package/dist/{dist--Uu5bQ_6.mjs → dist-XqlFM2a8.mjs} +13733 -5323
  20. package/dist/dist-XqlFM2a8.mjs.map +1 -0
  21. package/dist/{dist-CiTgmfUw.mjs → dist-f1zkl69f.mjs} +4 -4
  22. package/dist/dist-f1zkl69f.mjs.map +1 -0
  23. package/dist/{dist-B_rSWeOz.mjs → dist-umQOWz0a.mjs} +1 -1
  24. package/dist/effects/index.d.mts +4 -4
  25. package/dist/effects/index.mjs +35 -35
  26. package/dist/{effects-WMgv8ZaD.mjs → effects-DlRMovU5.mjs} +2 -2
  27. package/dist/{effects-WMgv8ZaD.mjs.map → effects-DlRMovU5.mjs.map} +1 -1
  28. package/dist/fonts/index.d.mts +1 -1
  29. package/dist/fonts/index.mjs +2 -2
  30. package/dist/{fonts-OW3yAfO5.mjs → fonts-BWYcXjyK.mjs} +3 -3
  31. package/dist/fonts-BWYcXjyK.mjs.map +1 -0
  32. package/dist/{gpu-R4T2Tndu.mjs → gpu-CH1PdM4T.mjs} +2 -2
  33. package/dist/{gpu-R4T2Tndu.mjs.map → gpu-CH1PdM4T.mjs.map} +1 -1
  34. package/dist/{index-CEKxvGY-.d.mts → index-BHTycml5.d.mts} +2 -2
  35. package/dist/{index-CEKxvGY-.d.mts.map → index-BHTycml5.d.mts.map} +1 -1
  36. package/dist/{index-DoP6EiHj.d.mts → index-BcxxxwhV.d.mts} +4 -4
  37. package/dist/{index-DoP6EiHj.d.mts.map → index-BcxxxwhV.d.mts.map} +1 -1
  38. package/dist/index-C-V6CAhP.d.mts.map +1 -1
  39. package/dist/{index-D1FqV1eu.d.mts → index-CMhkkc56.d.mts} +43 -11
  40. package/dist/index-CMhkkc56.d.mts.map +1 -0
  41. package/dist/{index-B0Vq8Bwf.d.mts → index-CYVpYGM-.d.mts} +2 -2
  42. package/dist/{index-B0Vq8Bwf.d.mts.map → index-CYVpYGM-.d.mts.map} +1 -1
  43. package/dist/{index-Bv7gxGK1.d.mts → index-Cq8jgdNY.d.mts} +90 -3
  44. package/dist/index-Cq8jgdNY.d.mts.map +1 -0
  45. package/dist/{index-9xte4JgL.d.mts → index-Dg5BAtDq.d.mts} +1446 -541
  46. package/dist/index-Dg5BAtDq.d.mts.map +1 -0
  47. package/dist/{index-C7-p9zwU.d.mts → index-DhL7ckvs.d.mts} +5 -5
  48. package/dist/index-DhL7ckvs.d.mts.map +1 -0
  49. package/dist/{index-GA9_Z8Fn.d.mts → index-RILu3ULT.d.mts} +2 -2
  50. package/dist/{index-GA9_Z8Fn.d.mts.map → index-RILu3ULT.d.mts.map} +1 -1
  51. package/dist/{index-C5sgRLlG.d.mts → index-TCtdSXd7.d.mts} +3 -1
  52. package/dist/index-TCtdSXd7.d.mts.map +1 -0
  53. package/dist/{index-CRaydvLi.d.mts → index-s2qQ8ifZ.d.mts} +886 -51
  54. package/dist/index-s2qQ8ifZ.d.mts.map +1 -0
  55. package/dist/index.d.mts +13 -13
  56. package/dist/index.mjs +52 -52
  57. package/dist/preview/index.d.mts +4 -4
  58. package/dist/preview/index.mjs +11 -11
  59. package/dist/preview-Dm912wly.mjs +1037 -0
  60. package/dist/preview-Dm912wly.mjs.map +1 -0
  61. package/dist/preview-engine/audio.mjs +1 -1
  62. package/dist/preview-engine/{chunk-64L4GUOF.mjs → chunk-4F3DG6YB.mjs} +2 -2
  63. package/dist/preview-engine/chunk-A2OTOW3B.mjs +4694 -0
  64. package/dist/preview-engine/{chunk-GNDE3OXQ.mjs → chunk-BR56TQBP.mjs} +1 -1
  65. package/dist/preview-engine/{chunk-ADLIF544.mjs → chunk-H2XKXXAU.mjs} +1 -1
  66. package/dist/preview-engine/chunk-NDUODAY2.mjs +3 -0
  67. package/dist/preview-engine/{chunk-FZ4RD7HV.mjs → chunk-QAQJSWUT.mjs} +1 -1
  68. package/dist/preview-engine/chunk-SWRGQTVC.mjs +138 -0
  69. package/dist/preview-engine/{chunk-52X7SURQ.mjs → chunk-TEA3GVBJ.mjs} +1 -1
  70. package/dist/preview-engine/chunk-VZUVB3BP.mjs +644 -0
  71. package/dist/preview-engine/{chunk-UBY2UYEL.mjs → chunk-XSHNQJ7L.mjs} +1 -1
  72. package/dist/preview-engine/components.mjs +1 -1
  73. package/dist/preview-engine/effects.mjs +1 -1
  74. package/dist/preview-engine/fonts.mjs +1 -1
  75. package/dist/preview-engine/framefields.mjs +1 -1
  76. package/dist/preview-engine/player.mjs +3 -3
  77. package/dist/preview-engine/{renderers-DU7KPFVV.mjs → renderers-6C7NWWDX.mjs} +1 -1
  78. package/dist/preview-engine/renderers-HHVGNMSJ.mjs +206 -0
  79. package/dist/preview-engine/{src-YXNX4MLK.mjs → src-RCNEKIRP.mjs} +1 -1
  80. package/dist/preview-page/index.html +19 -0
  81. package/dist/preview-page/main.css +1 -0
  82. package/dist/preview-page/main.js +326 -0
  83. package/dist/{program-tFKCWU2j.mjs → program-CMigyfso.mjs} +829 -52
  84. package/dist/program-CMigyfso.mjs.map +1 -0
  85. package/dist/renderer/index.d.mts +2 -2
  86. package/dist/renderer/index.mjs +2 -2
  87. package/dist/{renderer-DkOuQi84.mjs → renderer-0GMEL_Zi.mjs} +3 -3
  88. package/dist/{renderer-DkOuQi84.mjs.map → renderer-0GMEL_Zi.mjs.map} +1 -1
  89. package/dist/{renderer-BGp0An5A.mjs → renderer-3Wv2ZBJG.mjs} +3 -3
  90. package/dist/{renderer-BGp0An5A.mjs.map → renderer-3Wv2ZBJG.mjs.map} +1 -1
  91. package/dist/{renderer-BVIXKfbC.mjs → renderer-4nXkaAWu.mjs} +1178 -199
  92. package/dist/renderer-4nXkaAWu.mjs.map +1 -0
  93. package/dist/{renderer-Cw6_NL2i.mjs → renderer-6SnfLXeg.mjs} +3 -3
  94. package/dist/{renderer-Cw6_NL2i.mjs.map → renderer-6SnfLXeg.mjs.map} +1 -1
  95. package/dist/{renderer-BVU22lBS.mjs → renderer-8gHw3O0P.mjs} +2 -2
  96. package/dist/{renderer-BVU22lBS.mjs.map → renderer-8gHw3O0P.mjs.map} +1 -1
  97. package/dist/{renderer-BjDddtw9.mjs → renderer-AOBglZHC.mjs} +2 -2
  98. package/dist/{renderer-D-KHHWQD.mjs → renderer-B0bSARK3.mjs} +3 -3
  99. package/dist/{renderer-D-KHHWQD.mjs.map → renderer-B0bSARK3.mjs.map} +1 -1
  100. package/dist/{renderer-CCxk-RJR.mjs → renderer-B2_tuRfl.mjs} +2 -2
  101. package/dist/{renderer-CCxk-RJR.mjs.map → renderer-B2_tuRfl.mjs.map} +1 -1
  102. package/dist/{renderer-k5d7JSbs.mjs → renderer-B82FhkEr.mjs} +3 -3
  103. package/dist/{renderer-k5d7JSbs.mjs.map → renderer-B82FhkEr.mjs.map} +1 -1
  104. package/dist/{renderer-I0Hh9cLK.mjs → renderer-B9lzA0PY.mjs} +3 -3
  105. package/dist/{renderer-I0Hh9cLK.mjs.map → renderer-B9lzA0PY.mjs.map} +1 -1
  106. package/dist/{renderer-Dwwnx7Dk.mjs → renderer-BBSIWSry.mjs} +2 -2
  107. package/dist/{renderer-Dwwnx7Dk.mjs.map → renderer-BBSIWSry.mjs.map} +1 -1
  108. package/dist/{renderer-_pC-jB9O.mjs → renderer-BEKDMxbi.mjs} +2 -2
  109. package/dist/{renderer-_pC-jB9O.mjs.map → renderer-BEKDMxbi.mjs.map} +1 -1
  110. package/dist/renderer-BERGAxqA.mjs +5 -0
  111. package/dist/{renderer-raxwsiGI.mjs → renderer-BF960HY8.mjs} +3 -3
  112. package/dist/{renderer-raxwsiGI.mjs.map → renderer-BF960HY8.mjs.map} +1 -1
  113. package/dist/{renderer-Dr0tXA4k.mjs → renderer-BFwyVxCu.mjs} +3 -3
  114. package/dist/{renderer-Dr0tXA4k.mjs.map → renderer-BFwyVxCu.mjs.map} +1 -1
  115. package/dist/{renderer-DEjo6dw_.mjs → renderer-BNiwcI3-.mjs} +2 -2
  116. package/dist/{renderer-DEjo6dw_.mjs.map → renderer-BNiwcI3-.mjs.map} +1 -1
  117. package/dist/{renderer-DIEeHiQA.mjs → renderer-BPbVb2Q4.mjs} +2 -2
  118. package/dist/{renderer-DIEeHiQA.mjs.map → renderer-BPbVb2Q4.mjs.map} +1 -1
  119. package/dist/renderer-BQ_YkBMt.mjs +6 -0
  120. package/dist/{renderer-BBMtmxks.mjs → renderer-BUWxlA8T.mjs} +3 -3
  121. package/dist/{renderer-BBMtmxks.mjs.map → renderer-BUWxlA8T.mjs.map} +1 -1
  122. package/dist/renderer-BW0Tjsv9.mjs +5 -0
  123. package/dist/{renderer-Dgj46uEU.mjs → renderer-BX8liu-e.mjs} +2 -2
  124. package/dist/{renderer-ZnrEfkYh.mjs → renderer-BXIwDAr_.mjs} +2 -2
  125. package/dist/{renderer-ZnrEfkYh.mjs.map → renderer-BXIwDAr_.mjs.map} +1 -1
  126. package/dist/{renderer-DA8YEo_d.mjs → renderer-B_Hy1W-g.mjs} +3 -3
  127. package/dist/{renderer-DA8YEo_d.mjs.map → renderer-B_Hy1W-g.mjs.map} +1 -1
  128. package/dist/{renderer-iMiYStcW.mjs → renderer-Bb6cvSgh.mjs} +2 -2
  129. package/dist/{renderer-iMiYStcW.mjs.map → renderer-Bb6cvSgh.mjs.map} +1 -1
  130. package/dist/{renderer-BacY4nh8.mjs → renderer-BdppwWC9.mjs} +2 -2
  131. package/dist/{renderer-BacY4nh8.mjs.map → renderer-BdppwWC9.mjs.map} +1 -1
  132. package/dist/{renderer-CrxwW6VQ.mjs → renderer-Bhc24HVe.mjs} +3 -3
  133. package/dist/{renderer-CrxwW6VQ.mjs.map → renderer-Bhc24HVe.mjs.map} +1 -1
  134. package/dist/{renderer-BH7UCMPQ.mjs → renderer-BiNA2wF0.mjs} +2 -2
  135. package/dist/{renderer-BH7UCMPQ.mjs.map → renderer-BiNA2wF0.mjs.map} +1 -1
  136. package/dist/{renderer-DVPgWHZw.mjs → renderer-BmoBgTp5.mjs} +3 -3
  137. package/dist/{renderer-DVPgWHZw.mjs.map → renderer-BmoBgTp5.mjs.map} +1 -1
  138. package/dist/{renderer-C20efMI0.mjs → renderer-BmqFmCWS.mjs} +3 -3
  139. package/dist/{renderer-C20efMI0.mjs.map → renderer-BmqFmCWS.mjs.map} +1 -1
  140. package/dist/{renderer-B0yVUOPP.mjs → renderer-BnVwAObV.mjs} +2 -2
  141. package/dist/{renderer-B0yVUOPP.mjs.map → renderer-BnVwAObV.mjs.map} +1 -1
  142. package/dist/{renderer-CP8wLzTU.mjs → renderer-BxttZHme.mjs} +2 -2
  143. package/dist/{renderer-CP8wLzTU.mjs.map → renderer-BxttZHme.mjs.map} +1 -1
  144. package/dist/renderer-BzyPdUD1.mjs +5 -0
  145. package/dist/renderer-C0hM-mtY.mjs +5 -0
  146. package/dist/renderer-C6cyUTvk.mjs +5 -0
  147. package/dist/{renderer-BOSZAdgF.mjs → renderer-C8E4XsSg.mjs} +2 -2
  148. package/dist/{renderer-BOSZAdgF.mjs.map → renderer-C8E4XsSg.mjs.map} +1 -1
  149. package/dist/renderer-C8zY3pzk.mjs +5 -0
  150. package/dist/{renderer-DWq9gYRw.mjs → renderer-C9U-LY50.mjs} +3 -3
  151. package/dist/{renderer-DWq9gYRw.mjs.map → renderer-C9U-LY50.mjs.map} +1 -1
  152. package/dist/{renderer-Dj2H5JPR.mjs → renderer-CB2JVu5x.mjs} +3 -3
  153. package/dist/{renderer-Dj2H5JPR.mjs.map → renderer-CB2JVu5x.mjs.map} +1 -1
  154. package/dist/{renderer-Bcu3UrI-.mjs → renderer-CC4YBJ8Z.mjs} +3 -3
  155. package/dist/{renderer-Bcu3UrI-.mjs.map → renderer-CC4YBJ8Z.mjs.map} +1 -1
  156. package/dist/renderer-CEkSOyKu.mjs +5 -0
  157. package/dist/{renderer-DzLrvCB2.mjs → renderer-CIycc5O-.mjs} +2 -2
  158. package/dist/{renderer-DzLrvCB2.mjs.map → renderer-CIycc5O-.mjs.map} +1 -1
  159. package/dist/renderer-CJYtfa4x.mjs +5 -0
  160. package/dist/{renderer-BeNl_6EG.mjs → renderer-CJraQlV-.mjs} +2 -2
  161. package/dist/{renderer-BeNl_6EG.mjs.map → renderer-CJraQlV-.mjs.map} +1 -1
  162. package/dist/renderer-CKMtHGZh.mjs +5 -0
  163. package/dist/renderer-CLzicoiy.mjs +5 -0
  164. package/dist/renderer-CM2A4BHd.mjs +5 -0
  165. package/dist/{renderer-DtMVitEF.mjs → renderer-COWGWtob.mjs} +2 -2
  166. package/dist/{renderer-DtMVitEF.mjs.map → renderer-COWGWtob.mjs.map} +1 -1
  167. package/dist/{renderer-CT3zkfbf.mjs → renderer-COxG2XGf.mjs} +2 -2
  168. package/dist/{renderer-CT3zkfbf.mjs.map → renderer-COxG2XGf.mjs.map} +1 -1
  169. package/dist/{renderer-DNxWOz8Q.mjs → renderer-CQDCIsQm.mjs} +2 -2
  170. package/dist/{renderer-DNxWOz8Q.mjs.map → renderer-CQDCIsQm.mjs.map} +1 -1
  171. package/dist/{renderer-C5AoaymD.mjs → renderer-CRUeag8i.mjs} +3 -3
  172. package/dist/{renderer-C5AoaymD.mjs.map → renderer-CRUeag8i.mjs.map} +1 -1
  173. package/dist/{renderer-ngmYIIob.mjs → renderer-CWVput06.mjs} +3 -3
  174. package/dist/{renderer-ngmYIIob.mjs.map → renderer-CWVput06.mjs.map} +1 -1
  175. package/dist/renderer-CZlHjcxr.mjs +5 -0
  176. package/dist/{renderer-0rveCDm-.mjs → renderer-CbbnBLOB.mjs} +3 -3
  177. package/dist/{renderer-0rveCDm-.mjs.map → renderer-CbbnBLOB.mjs.map} +1 -1
  178. package/dist/renderer-CbimvSU8.mjs +5 -0
  179. package/dist/renderer-Ccvc63yd.mjs +5 -0
  180. package/dist/renderer-Cdp-SGfq.mjs +5 -0
  181. package/dist/renderer-CeTcSs3e.mjs +5 -0
  182. package/dist/{renderer-Brmbl12Y.mjs → renderer-CfLZein2.mjs} +3 -3
  183. package/dist/{renderer-Brmbl12Y.mjs.map → renderer-CfLZein2.mjs.map} +1 -1
  184. package/dist/{renderer-BJ8ea92W.mjs → renderer-Ch-q1O-q.mjs} +3 -3
  185. package/dist/{renderer-BJ8ea92W.mjs.map → renderer-Ch-q1O-q.mjs.map} +1 -1
  186. package/dist/{renderer-CP108ABB.mjs → renderer-Ch5JvJWl.mjs} +2 -2
  187. package/dist/{renderer-CP108ABB.mjs.map → renderer-Ch5JvJWl.mjs.map} +1 -1
  188. package/dist/{renderer-47y12Z37.mjs → renderer-ChtEzq-R.mjs} +2 -2
  189. package/dist/{renderer-47y12Z37.mjs.map → renderer-ChtEzq-R.mjs.map} +1 -1
  190. package/dist/{renderer-DhyMfG1v.mjs → renderer-Cj9nTC5l.mjs} +3 -3
  191. package/dist/{renderer-DhyMfG1v.mjs.map → renderer-Cj9nTC5l.mjs.map} +1 -1
  192. package/dist/{renderer-BDzn1AKF.mjs → renderer-CqT8HsSS.mjs} +2 -2
  193. package/dist/{renderer-BDzn1AKF.mjs.map → renderer-CqT8HsSS.mjs.map} +1 -1
  194. package/dist/{renderer-B7G1KohJ.mjs → renderer-CuQjMhdV.mjs} +2 -2
  195. package/dist/renderer-CvNuu52U.mjs +5 -0
  196. package/dist/renderer-CwciC0oI.mjs +5 -0
  197. package/dist/renderer-CysLUbIr.mjs +5 -0
  198. package/dist/{renderer-Cm0tsbQH.mjs → renderer-Cz30EVws.mjs} +2 -2
  199. package/dist/{renderer-Cm0tsbQH.mjs.map → renderer-Cz30EVws.mjs.map} +1 -1
  200. package/dist/renderer-D3A22Vxb.mjs +5 -0
  201. package/dist/renderer-D5SY9EmA.mjs +5 -0
  202. package/dist/renderer-D8h3ZvaE.mjs +5 -0
  203. package/dist/renderer-DE-B6N9n.mjs +5 -0
  204. package/dist/renderer-DETZTI7t.mjs +5 -0
  205. package/dist/{renderer-nHS3Sius.mjs → renderer-DHoX-5U_.mjs} +3 -3
  206. package/dist/{renderer-nHS3Sius.mjs.map → renderer-DHoX-5U_.mjs.map} +1 -1
  207. package/dist/{renderer-BWSRryIA.mjs → renderer-DOkm0Ycd.mjs} +2 -2
  208. package/dist/{renderer-BWSRryIA.mjs.map → renderer-DOkm0Ycd.mjs.map} +1 -1
  209. package/dist/{renderer-BHYJlK6H.d.mts → renderer-DU3f6ZrS.d.mts} +2 -2
  210. package/dist/{renderer-BHYJlK6H.d.mts.map → renderer-DU3f6ZrS.d.mts.map} +1 -1
  211. package/dist/{renderer-BpVOk9ux.mjs → renderer-DUzv-shq.mjs} +2 -2
  212. package/dist/{renderer-BpVOk9ux.mjs.map → renderer-DUzv-shq.mjs.map} +1 -1
  213. package/dist/renderer-DWnDj0IM.mjs +5 -0
  214. package/dist/renderer-DcGUIbQF.mjs +5 -0
  215. package/dist/renderer-Dfq6FoNO.mjs +5 -0
  216. package/dist/renderer-DhasXW6S.mjs +3 -0
  217. package/dist/{renderer-NRMlYkX6.mjs → renderer-DhnOWnEA.mjs} +3 -3
  218. package/dist/{renderer-NRMlYkX6.mjs.map → renderer-DhnOWnEA.mjs.map} +1 -1
  219. package/dist/{renderer-COgwYqev.mjs → renderer-Dhy1XHzz.mjs} +3 -3
  220. package/dist/{renderer-COgwYqev.mjs.map → renderer-Dhy1XHzz.mjs.map} +1 -1
  221. package/dist/renderer-DjCvpsV_.mjs +5 -0
  222. package/dist/{renderer-BfZNIiSv.mjs → renderer-DjJshz9Y.mjs} +2 -2
  223. package/dist/{renderer-BfZNIiSv.mjs.map → renderer-DjJshz9Y.mjs.map} +1 -1
  224. package/dist/{renderer-CKo7VR8x.mjs → renderer-DmTUIdus.mjs} +3 -3
  225. package/dist/{renderer-CKo7VR8x.mjs.map → renderer-DmTUIdus.mjs.map} +1 -1
  226. package/dist/{renderer-Baw6Utxi.mjs → renderer-Dq7AioJa.mjs} +2 -2
  227. package/dist/{renderer-Baw6Utxi.mjs.map → renderer-Dq7AioJa.mjs.map} +1 -1
  228. package/dist/renderer-DrAaM6JD.mjs +5 -0
  229. package/dist/{renderer-D-GWBoVT.mjs → renderer-Dt4sqNEu.mjs} +2 -2
  230. package/dist/{renderer-D-GWBoVT.mjs.map → renderer-Dt4sqNEu.mjs.map} +1 -1
  231. package/dist/{renderer-FYOL5Za6.mjs → renderer-Dtcs4idV.mjs} +3 -3
  232. package/dist/{renderer-FYOL5Za6.mjs.map → renderer-Dtcs4idV.mjs.map} +1 -1
  233. package/dist/renderer-Dxlv8LYm.mjs +5 -0
  234. package/dist/{renderer-D-RhYvVl.mjs → renderer-Gj8SrE2W.mjs} +2 -2
  235. package/dist/{renderer-D-RhYvVl.mjs.map → renderer-Gj8SrE2W.mjs.map} +1 -1
  236. package/dist/{renderer-D_j1WKMD.mjs → renderer-KfnXDJS0.mjs} +3 -3
  237. package/dist/{renderer-D_j1WKMD.mjs.map → renderer-KfnXDJS0.mjs.map} +1 -1
  238. package/dist/{renderer-Bpm145BW.mjs → renderer-MXVlg4p5.mjs} +3 -3
  239. package/dist/{renderer-Bpm145BW.mjs.map → renderer-MXVlg4p5.mjs.map} +1 -1
  240. package/dist/{renderer-Nnmi8Gt6.mjs → renderer-N2b6QZ1E.mjs} +3 -3
  241. package/dist/{renderer-Nnmi8Gt6.mjs.map → renderer-N2b6QZ1E.mjs.map} +1 -1
  242. package/dist/renderer-Pb43OO2t.mjs +5 -0
  243. package/dist/{renderer-Ca1KjNCO.mjs → renderer-Q7gDzm8c.mjs} +2 -2
  244. package/dist/{renderer-Ca1KjNCO.mjs.map → renderer-Q7gDzm8c.mjs.map} +1 -1
  245. package/dist/{renderer-D2wNFNRf.mjs → renderer-RCiANtRV.mjs} +2 -2
  246. package/dist/{renderer-D2wNFNRf.mjs.map → renderer-RCiANtRV.mjs.map} +1 -1
  247. package/dist/{renderer-Cqb7PGrI.mjs → renderer-Sig9nZcI.mjs} +2 -2
  248. package/dist/renderer-VQbm-cGr.mjs +5 -0
  249. package/dist/{renderer-W1bVNVR6.mjs → renderer-fabBgwQX.mjs} +3 -3
  250. package/dist/{renderer-W1bVNVR6.mjs.map → renderer-fabBgwQX.mjs.map} +1 -1
  251. package/dist/{renderer-zRq0j6Xy.mjs → renderer-g-0PCNoo.mjs} +3 -3
  252. package/dist/{renderer-zRq0j6Xy.mjs.map → renderer-g-0PCNoo.mjs.map} +1 -1
  253. package/dist/{renderer-2PjR3w-q.mjs → renderer-gmHKIbKI.mjs} +3 -3
  254. package/dist/{renderer-2PjR3w-q.mjs.map → renderer-gmHKIbKI.mjs.map} +1 -1
  255. package/dist/{renderer-03mYJLgX.mjs → renderer-kVZwiRoK.mjs} +3 -3
  256. package/dist/{renderer-03mYJLgX.mjs.map → renderer-kVZwiRoK.mjs.map} +1 -1
  257. package/dist/renderer-oPMypDM1.mjs +5 -0
  258. package/dist/{renderer-DcAKDAnS.mjs → renderer-p7tgxP-A.mjs} +3 -3
  259. package/dist/{renderer-DcAKDAnS.mjs.map → renderer-p7tgxP-A.mjs.map} +1 -1
  260. package/dist/{renderer-jUKdkmG5.mjs → renderer-tvYj306A.mjs} +81 -78
  261. package/dist/renderer-tvYj306A.mjs.map +1 -0
  262. package/dist/renderer-xvWGpVyp.mjs +5 -0
  263. package/dist/renderer-zafZbD6Q.mjs +5 -0
  264. package/dist/{renderers-CP8CFWDs-CshljORp.mjs → renderers-CP8CFWDs-DLjtjrwx.mjs} +2 -2
  265. package/dist/{renderers-CP8CFWDs-CshljORp.mjs.map → renderers-CP8CFWDs-DLjtjrwx.mjs.map} +1 -1
  266. package/dist/sam/index.d.mts +2 -2
  267. package/dist/sam/index.mjs +1 -1
  268. package/dist/signals/index.d.mts +4 -4
  269. package/dist/signals/index.mjs +4 -4
  270. package/dist/{src-BU6vm9sP-DdTHmCr4.mjs → src-B23p_eh7-Cj6-lvV6.mjs} +293 -6
  271. package/dist/src-B23p_eh7-Cj6-lvV6.mjs.map +1 -0
  272. package/dist/{src-Dy4gnc6w.mjs → src-CoHAjviq.mjs} +1349 -177
  273. package/dist/src-CoHAjviq.mjs.map +1 -0
  274. package/dist/storage/index.mjs +1 -1
  275. package/package.json +63 -60
  276. package/dist/dist--Uu5bQ_6.mjs.map +0 -1
  277. package/dist/dist-CiTgmfUw.mjs.map +0 -1
  278. package/dist/fonts-OW3yAfO5.mjs.map +0 -1
  279. package/dist/index-9xte4JgL.d.mts.map +0 -1
  280. package/dist/index-Bv7gxGK1.d.mts.map +0 -1
  281. package/dist/index-C5sgRLlG.d.mts.map +0 -1
  282. package/dist/index-C7-p9zwU.d.mts.map +0 -1
  283. package/dist/index-CRaydvLi.d.mts.map +0 -1
  284. package/dist/index-D1FqV1eu.d.mts.map +0 -1
  285. package/dist/preview-D7BGmE1E.mjs +0 -2446
  286. package/dist/preview-D7BGmE1E.mjs.map +0 -1
  287. package/dist/preview-engine/chunk-5DZTPUMH.mjs +0 -2568
  288. package/dist/preview-engine/chunk-NCQHOGZK.mjs +0 -3
  289. package/dist/preview-engine/chunk-PH3UUX6A.mjs +0 -138
  290. package/dist/preview-engine/chunk-UPZURPJY.mjs +0 -2227
  291. package/dist/preview-engine/renderers-DLJOA3BM.mjs +0 -228
  292. package/dist/program-tFKCWU2j.mjs.map +0 -1
  293. package/dist/renderer-6_bzbbXt.mjs +0 -5
  294. package/dist/renderer-8M-9G6F_.mjs +0 -5
  295. package/dist/renderer-B5OzKvF8.mjs +0 -5
  296. package/dist/renderer-BBCZ2qbE.mjs +0 -5
  297. package/dist/renderer-BChbxCux.mjs +0 -5
  298. package/dist/renderer-BGeMPr8C.mjs +0 -5
  299. package/dist/renderer-BPQ8Pkjb.mjs +0 -5
  300. package/dist/renderer-BTRpA3HD.mjs +0 -5
  301. package/dist/renderer-BVIXKfbC.mjs.map +0 -1
  302. package/dist/renderer-BVsECSn-.mjs +0 -5
  303. package/dist/renderer-Bgos68gc.mjs +0 -6
  304. package/dist/renderer-BjHOvoqO.mjs +0 -5
  305. package/dist/renderer-BjXMPPlV.mjs +0 -5
  306. package/dist/renderer-Byobxqkv.mjs +0 -5
  307. package/dist/renderer-CKrsg3EG.mjs +0 -5
  308. package/dist/renderer-Cj875NuH.mjs +0 -5
  309. package/dist/renderer-CnmzJoMv.mjs +0 -5
  310. package/dist/renderer-CtklDaMg.mjs +0 -5
  311. package/dist/renderer-D1tK3in_.mjs +0 -5
  312. package/dist/renderer-D2yc9P61.mjs +0 -5
  313. package/dist/renderer-D4v-JvSr.mjs +0 -5
  314. package/dist/renderer-D5yp74NL.mjs +0 -3
  315. package/dist/renderer-D7WRWDwB.mjs +0 -5
  316. package/dist/renderer-DGvA0tdB.mjs +0 -5
  317. package/dist/renderer-DO7v5Sdm.mjs +0 -5
  318. package/dist/renderer-DRVvt7-V.mjs +0 -5
  319. package/dist/renderer-DYMCd3jL.mjs +0 -5
  320. package/dist/renderer-DmHKw-MM.mjs +0 -5
  321. package/dist/renderer-DoDsuZ6G.mjs +0 -5
  322. package/dist/renderer-EpgclS70.mjs +0 -5
  323. package/dist/renderer-GroKiYyK.mjs +0 -5
  324. package/dist/renderer-MQ5K_xIS.mjs +0 -5
  325. package/dist/renderer-U43SflML.mjs +0 -5
  326. package/dist/renderer-UqOmBgCv.mjs +0 -5
  327. package/dist/renderer-XLULgJM0.mjs +0 -5
  328. package/dist/renderer-jUKdkmG5.mjs.map +0 -1
  329. package/dist/renderer-lNjxY1GG.mjs +0 -5
  330. package/dist/renderer-ukufL7pl.mjs +0 -5
  331. package/dist/renderer-wb0NCKdF.mjs +0 -5
  332. package/dist/src-BU6vm9sP-DdTHmCr4.mjs.map +0 -1
  333. package/dist/src-Dy4gnc6w.mjs.map +0 -1
@@ -1,2227 +0,0 @@
1
- import{a as Np}from"./chunk-2YJ2EW2B.mjs";import{N as uo,O as lo,T as Cu,U as Du,X as zn,Y as _n,d as ht,m as oo,w as ku,x as Rp,y as Pu,z as Mu}from"./chunk-5DZTPUMH.mjs";import{a as In,b as jn}from"./chunk-3F6JGYSP.mjs";import{a as ao,b as xu}from"./chunk-JJ7D26WR.mjs";import{a as Er,d as Au}from"./chunk-FZ4RD7HV.mjs";import{r as wu,t as vu,u as Su}from"./chunk-52X7SURQ.mjs";import{$ as Lo,E as Do,G as Un,I as Oo,J as rr,K as Ro,O as Vn,R as Gn,T as nr,U as Dt,V as No,W as Fo,X as it,Y as Eo,_ as Bo,aa as Ot,b as vo,ba as Io,ca as jo,da as zo,ea as _o,fa as jr,ga as $o,ha as Uo,ia as Vo,ja as Go,ka as Wo,l as So,la as zr,m as ko,ma as gt,n as Po,na as Ho,oa as Yo,p as Ir,pa as Xo,s as Mo,w as To,x as Ao,z as Co}from"./chunk-UBY2UYEL.mjs";import{$ as $n,S as Ou,X as po,a as Qt,d as ou,e as Bn,ea as tr,f as Ct,fa as ho,ha as go,ia as bo,la as Br,ma as yo,na as xo,oa as Lr}from"./chunk-PH3UUX6A.mjs";import{a as fo}from"./chunk-BREZX5L5.mjs";import{a as mo}from"./chunk-OGSZZ4JO.mjs";import{a as co}from"./chunk-LGQSJCKE.mjs";import{i as io}from"./chunk-6ISHV73H.mjs";import{c as fu}from"./chunk-CSLSWUUT.mjs";import{d as wo}from"./chunk-2CECZN67.mjs";import{a as ie}from"./chunk-3DXMWDQ3.mjs";import{d as Tu}from"./chunk-OBIJIQCZ.mjs";import{f as au,i as su,j as uu,k as lu,n as cu}from"./chunk-HOV6DDBZ.mjs";import{h as du,j as mu}from"./chunk-RECQ74RP.mjs";import{f as Jt}from"./chunk-UE7Y65C3.mjs";import{a as u}from"./chunk-6FULVULN.mjs";import{a as Kt,l as iu,t as Nr}from"./chunk-ULOFDFHJ.mjs";import{a as je}from"./chunk-NCQHOGZK.mjs";import{j as er,y as so}from"./chunk-64L4GUOF.mjs";import{a as gu,l as to,m as Fr}from"./chunk-VEDMJBJV.mjs";import{b as eo,r as he,t as Ln}from"./chunk-QEWDIPJ7.mjs";import{a as pu}from"./chunk-OGPJTUAL.mjs";import{a as hu}from"./chunk-354GX6IB.mjs";import{c as Qi,h as Ji}from"./chunk-5RRKGN2U.mjs";import{a as bu,d as ro,g as no,j as yu,o as W}from"./chunk-BDZ3TSOT.mjs";import{b as En,d as nt,f as x,g as f}from"./chunk-Y4NIR77Z.mjs";var Sm=En((h3,vm)=>{f();var Ii=()=>new Proxy(function(){},{get:(e,t)=>t==="__esModule"?!0:t===Symbol.toPrimitive?()=>"":Ii(),apply:()=>Ii(),construct:()=>Ii()});vm.exports=Ii()});var jm=En((pA,Im)=>{f();var Vi=()=>new Proxy(function(){},{get:(e,t)=>t==="__esModule"?!0:t===Symbol.toPrimitive?()=>"":Vi(),apply:()=>Vi(),construct:()=>Vi()});Im.exports=Vi()});var Vm=En((bA,Um)=>{f();var Wi=()=>new Proxy(function(){},{get:(e,t)=>t==="__esModule"?!0:t===Symbol.toPrimitive?()=>"":Wi(),apply:()=>Wi(),construct:()=>Wi()});Um.exports=Wi()});var Wm=En((xA,Gm)=>{f();var Hi=()=>new Proxy(function(){},{get:(e,t)=>t==="__esModule"?!0:t===Symbol.toPrimitive?()=>"":Hi(),apply:()=>Hi(),construct:()=>Hi()});Gm.exports=Hi()});f();f();f();f();var Fp=e=>!e.source||e.source.type==="keyframe";function _r(e){let t=[],r=new Map;for(let n of e){if(!Fp(n)){t.push(n);continue}let i=r.get(n.prop);if(!i){let a={...n,keyframes:[...n.keyframes??[]]};r.set(n.prop,a),t.push(a);continue}let o=new Map(i.keyframes.map(a=>[a.frame,a]));for(let a of n.keyframes??[])o.set(a.frame,a);i.keyframes=[...o.values()].sort((a,s)=>a.frame-s.frame)}return t}function Ru(e,t){if(!e)return t;let r=qo(e);if(!r||r.name==="none")return t;let{name:n,dir:i,params:o}=r,a=Math.max(0,Math.min(1,t)),s=l=>i==="in"?l(a):i==="out"?1-l(1-a):a<.5?l(a*2)/2:1-l((1-a)*2)/2;switch(n){case"power1":return s(l=>l*l);case"power2":return s(l=>l*l*l);case"power3":return s(l=>l*l*l*l);case"sine":return s(l=>1-Math.cos(l*Math.PI/2));case"circ":return s(l=>1-Math.sqrt(Math.max(0,1-l*l)));case"expo":return s(l=>l===0?0:2**(10*(l-1)));case"back":{let l=o?.[0]??1.70158,c=l+1;return s(d=>c*d*d*d-l*d*d)}case"bounce":{let l=c=>{if(c<.36363636363636365)return 7.5625*c*c;if(c<.7272727272727273){let h=c-.5454545454545454;return 7.5625*h*h+.75}if(c<.9090909090909091){let h=c-.8181818181818182;return 7.5625*h*h+.9375}let p=c-2.625/2.75;return 7.5625*p*p+.984375};return i==="out"?l(a):i==="in"?1-l(1-a):a<.5?(1-l(1-2*a))/2:(1+l(2*a-1))/2}default:return a}}function qo(e){if(e){if(typeof e=="object"&&"name"in e&&"dir"in e)return e;if(typeof e=="string"){let t=e.trim(),r=t.match(/^([a-zA-Z0-9]+)(?:\.([a-zA-Z]+))?(?:\(([^)]+)\))?$/);if(r){let l=r[1].toLowerCase(),c=l==="linear"?"none":l,d=(r[2]||"out").toLowerCase(),m="out";d==="in"?m="in":d==="out"?m="out":d==="inout"&&(m="inOut");let p;return r[3]&&(p=r[3].split(",").map(h=>Number.parseFloat(h.trim())).filter(h=>!Number.isNaN(h))),{name:c,dir:m,...p&&p.length>0?{params:p}:{}}}let n=t.indexOf(".");if(n===-1){let l=t.toLowerCase();return{name:l==="linear"?"none":l,dir:"out"}}let i=t.slice(0,n).toLowerCase(),o=i==="linear"?"none":i,a=t.slice(n+1).toLowerCase(),s="out";return a==="in"?s="in":a==="out"?s="out":a==="inout"&&(s="inOut"),{name:o,dir:s}}}}var Q=class e{tracks=[];frameStep;defaultRepeat;defaultYoyo;constructor(t=[]){this.tracks=[...t]}static create(){return new e}static stepped(t=2){return new e().stepped(t)}stepped(t=2){return this.frameStep=Math.max(1,Math.min(24,Math.round(t))),this}static fromTo(t,r,n,i={}){return new e().fromTo(t,r,n,i)}static keys(t,r,n){return new e().keys(t,r,n)}static signal(t,r,n={}){return new e().signal(t,r,n)}static colorSignal(t,r,n){return new e().colorSignal(t,r,n)}static kineticSweep(t=-1,r=1,n=0,i=24,o="power2.out"){return new e().kineticSweep(t,r,n,i,o)}static typewriter(t=0,r=30,n="linear"){return new e().typewriter(t,r,n)}static letterSpacing(t,r,n=0,i=24,o="power2.out"){return new e().letterSpacing(t,r,n,i,o)}static wiggle(t,r={}){return new e().wiggle(t,r)}static spring(t,r={}){return new e().spring(t,r)}static firstMargin(t,r,n={}){return new e().firstMargin(t,r,n)}static strokeWidth(t,r,n={}){return new e().fromTo("strokeWidth",t,r,n)}static rotateX(t,r,n={}){return new e().fromTo("rotateX",t,r,n)}static rotateY(t,r,n={}){return new e().fromTo("rotateY",t,r,n)}static rotateZ(t,r,n={}){return new e().fromTo("rotateZ",t,r,n)}static rotation(t,r,n={}){return new e().fromTo("rotation",t,r,n)}static scale(t,r,n={}){return new e().fromTo("scale",t,r,n)}static scaleX(t,r,n={}){return new e().fromTo("scaleX",t,r,n)}static scaleY(t,r,n={}){return new e().fromTo("scaleY",t,r,n)}addTrack(t){return this.tracks.push(t),this}repeat(t=-1,r){this.defaultRepeat=t;for(let n of this.tracks)(!r||n.prop===r)&&(n.repeat=t);return this}yoyo(t=!0,r){this.defaultYoyo=t;for(let n of this.tracks)(!r||n.prop===r)&&(n.yoyo=t);return this}loop(t={},r){return this.repeat(-1,r),t.yoyo&&this.yoyo(!0,r),this}fromTo(t,r,n,i={}){let o=i.from??i.start??i.fromFrame??0,a=i.to??i.end??i.toFrame??(i.durationFrames!==void 0?o+i.durationFrames:o+24),s=qo(i.ease),l=this.tracks.find(d=>d.prop===t&&(!d.source||d.source.type==="keyframe"));if(!l){let d={id:`${t}_fromTo_${this.tracks.length}`,prop:t,keyframes:[],...this.defaultRepeat!==void 0&&{repeat:this.defaultRepeat},...this.defaultYoyo!==void 0&&{yoyo:this.defaultYoyo}};this.tracks.push(d),l=d}i.repeat!==void 0&&(l.repeat=i.repeat),i.yoyo!==void 0&&(l.yoyo=i.yoyo),i.durationFrames!==void 0&&(l.durationFrames=i.durationFrames);let c=l.id;return l.keyframes.length===0&&o>0&&l.keyframes.push({id:`${c}_k0`,frame:0,value:r}),(l.keyframes.length===0||l.keyframes[l.keyframes.length-1].frame<o)&&l.keyframes.push({id:`${c}_k_${o}`,frame:o,value:r}),l.keyframes.push({id:`${c}_k_${a}`,frame:a,value:n,...s&&{ease:s}}),l.keyframes.sort((d,m)=>d.frame-m.frame),this}keyframe(t,r,n,i){let o=this.tracks.find(c=>c.prop===t&&(!c.source||c.source.type==="keyframe"));if(!o){let c={id:`${t}_track_${this.tracks.length}`,prop:t,keyframes:[],...this.defaultRepeat!==void 0&&{repeat:this.defaultRepeat},...this.defaultYoyo!==void 0&&{yoyo:this.defaultYoyo}};this.tracks.push(c),o=c}let a=qo(i),s={id:`k_${o.keyframes.length}_f${r}`,frame:r,value:n,...a&&{ease:a}},l=o.keyframes.findIndex(c=>c.frame===r);return l>=0?o.keyframes[l]=s:o.keyframes.push(s),o.keyframes.sort((c,d)=>c.frame-d.frame),this}keys(t,r,n){for(let[i,o,a]of r)this.keyframe(t,Math.round(i),o,a);if(n){let i=this.tracks.find(o=>o.prop===t&&(!o.source||o.source.type==="keyframe"));i&&(n.repeat!==void 0&&(i.repeat=n.repeat),n.yoyo!==void 0&&(i.yoyo=n.yoyo),n.durationFrames!==void 0&&(i.durationFrames=n.durationFrames))}return this}fadeIn(t=0,r=20,n="power2.out"){return this.fromTo("opacity",0,1,{from:t,to:r,ease:n})}fadeOut(t,r,n="power2.in"){return this.fromTo("opacity",1,0,{from:t,to:r,ease:n})}slideInY(t,r,n=0,i=24,o="power2.out"){return this.fromTo("y",t,r,{from:n,to:i,ease:o})}slideInX(t,r,n=0,i=24,o="power2.out"){return this.fromTo("x",t,r,{from:n,to:i,ease:o})}kineticSweep(t=-1,r=1,n=0,i=24,o="power2.out"){return this.fromTo("offset",t,r,{from:n,to:i,ease:o})}typewriter(t=0,r=30,n="linear"){return this.fromTo("text",0,1,{from:t,to:r,ease:n})}letterSpacing(t,r,n=0,i=24,o="power2.out"){return this.fromTo("letterSpacing",t,r,{from:n,to:i,ease:o})}firstMargin(t,r,n={}){return this.fromTo("firstMargin",t,r,n)}lastMargin(t,r,n={}){return this.fromTo("lastMargin",t,r,n)}baselineShift(t,r,n={}){return this.fromTo("baselineShift",t,r,n)}rotateX(t,r,n={}){return this.fromTo("rotateX",t,r,n)}rotateY(t,r,n={}){return this.fromTo("rotateY",t,r,n)}rotateZ(t,r,n={}){return this.fromTo("rotateZ",t,r,n)}scaleX(t,r,n={}){return this.fromTo("scaleX",t,r,n)}scaleY(t,r,n={}){return this.fromTo("scaleY",t,r,n)}scale(t,r,n={}){return this.fromTo("scale",t,r,n)}perspective(t,r,n={}){return this.fromTo("perspective",t,r,n)}translateZ(t,r,n={}){return this.fromTo("translateZ",t,r,n)}tilt3D(t){let r=t.start??t.fromFrame,n=t.end??t.toFrame,i=t.ease,o=t.from??{},a=t.to,s=["rotateX","rotateY","rotateZ","translateZ","perspective"];for(let l of s){let c=a[l];if(c!==void 0){let d=o[l]??0;this.fromTo(l,d,c,{from:r,to:n,fromFrame:r,toFrame:n,ease:i})}}return this}signal(t,r,n={}){let{handleId:i,inline:o}=uo(r),a=`${t}_sig_${i}_${this.tracks.length}`,s={type:"signal",inputHandleId:i,multiplier:n.multiplier??1,offset:n.offset??0,smoothingWindowFrames:n.smoothing??0,signalMode:n.mode??"continuous",threshold:n.threshold??.15,accumulateThreshold:n.threshold??.15,debounceFrames:n.debounceFrames??2,channel:n.channel??"primary",...n.clock&&{clock:n.clock}};return o&&lo(s,o),this.tracks.push({id:a,prop:t,source:s,keyframes:[]}),this}colorSignal(t,r,n){let{handleId:i,inline:o}=uo(r),a=`${t}_colorSig_${i}_${this.tracks.length}`,s={type:"signal",inputHandleId:i,multiplier:n.multiplier??1,offset:n.offset??0,smoothingWindowFrames:n.smoothing??0,colorMode:n.colorMode??"interpolate",colorA:n.colorA,colorB:n.colorB,colorThreshold:n.threshold,channel:"primary"};return o&&lo(s,o),this.tracks.push({id:a,prop:t,source:s,keyframes:[]}),this}wiggle(t,r={}){let n=`${t}_wiggle_${this.tracks.length}`,i={type:"wiggle",frequency:r.frequency??2,amplitude:r.amplitude??20,octaves:r.octaves??1,seed:r.seed??1234};return this.tracks.push({id:n,prop:t,source:i,keyframes:[]}),this}spring(t,r={}){let n=`${t}_spring_${this.tracks.length}`,i={type:"springOvershoot",damping:r.damping??12,stiffness:r.stiffness??180,mass:r.mass??1};return this.tracks.push({id:n,prop:t,source:i,keyframes:[]}),this}followPath(t,r={}){let n=r.start??r.fromFrame??0,i=r.end??r.toFrame??60,o=Math.max(1,i-n),a=r.samples??Math.max(8,Math.min(60,Math.round(o/2))),s=t.totalLength??1,l=r.fromProgress??0,c=r.toProgress??1;r.fromDistance!==void 0&&s>0&&(l=r.fromDistance/s),r.toDistance!==void 0&&s>0&&(c=r.toDistance/s);let d=r.autoOrient??!0,m=r.banking??0,p=r.pitchOffset??0,h=r.yawOffset??0,b=r.rollOffset??0,g=!1,y=!1,k=!1,S=[];for(let A=0;A<=a;A++){let w=A/a,T=Ru(r.ease,w),v=l+T*(c-l),E=Math.round(n+w*o),C=[0,0,0],N=[1,0,0],G=[0,0,0];if(typeof t.getFrameAt=="function"){let M=t.getFrameAt(v);C=M.position,N=M.tangent,G=M.rotation??[0,0,0]}else{let M=t.getPointAt(v);C=M.position,M.tangent&&(N=M.tangent);let H=Math.asin(Math.max(-1,Math.min(1,-N[1])))*(180/Math.PI),q=Math.atan2(N[0],N[2])*(180/Math.PI),V=Math.atan2(N[1],N[0])*(180/Math.PI);G=[H,q,V]}let _=G[0]+p,I=G[1]+h,P=(Math.abs(N[2])<1e-4?Math.atan2(N[1],N[0])*(180/Math.PI):G[2])+b;if(m!==0){let M=Math.min(1,v+.02),H=Math.max(0,v-.02),q=t.getPointAt(M),V=t.getPointAt(H),z=q.tangent??[1,0,0],K=V.tangent??[1,0,0],re=Math.atan2(z[0],z[2]),de=Math.atan2(K[0],K[2]),ae=re-de;P-=ae*m*57.2958}Math.abs(C[2])>1e-4&&(g=!0),Math.abs(_)>1e-4&&(y=!0),Math.abs(I)>1e-4&&(k=!0),S.push({f:E,x:C[0],y:C[1],z:C[2],rx:_,ry:I,rz:P})}for(let A of S)this.keyframe("x",A.f,A.x),this.keyframe("y",A.f,A.y),g&&this.keyframe("z",A.f,A.z),d&&(this.keyframe("rotateZ",A.f,A.rz),y&&this.keyframe("rotateX",A.f,A.rx),k&&this.keyframe("rotateY",A.f,A.ry));return this}applyTo(t){return t.animation=this.toSpec(),t}merge(...t){return this.tracks=_r([...this.tracks,...t.flatMap(r=>r.tracks)]),this}static merge(...t){let r=new e;return r.tracks=_r(t.flatMap(n=>n.tracks)),r}toSpec(){return{tracks:this.tracks,...this.frameStep!==void 0&&{frameStep:this.frameStep}}}toJSON(){return this.toSpec()}},Zo=class e extends Q{static camera(){return new e}dolly(t,r,n={}){if(typeof t=="object"){let i=t,o=i.start??i.fromFrame??0,a=i.end??i.toFrame??0;return this.fromTo("cameraZ",i.fromDistance,i.toDistance,{from:o,to:a,ease:i.ease})}return this.fromTo("cameraZ",t,r??t,n)}orbit(t){let r=t.start??t.fromFrame??0,n=t.end??t.toFrame??0;return t.azimuth&&this.fromTo("orbitAzimuth",t.azimuth.from??0,t.azimuth.to,{from:r,to:n,ease:t.ease}),t.elevation&&this.fromTo("orbitElevation",t.elevation.from??0,t.elevation.to,{from:r,to:n,ease:t.ease}),t.radius&&this.fromTo("orbitRadius",t.radius.from??1500,t.radius.to,{from:r,to:n,ease:t.ease}),this}truck(t,r,n={}){return this.fromTo("cameraX",t,r,n)}pedestal(t,r,n={}){return this.fromTo("cameraY",t,r,n)}pan(t,r,n={}){return this.fromTo("cameraYaw",t,r,n)}tilt(t,r,n={}){return this.fromTo("cameraPitch",t,r,n)}roll(t,r,n={}){return this.fromTo("cameraRoll",t,r,n)}rackFocus(t){let r=t.start??t.fromFrame??0,n=t.end??t.toFrame??0;return this.fromTo("focusDistance",t.fromDistance,t.toDistance,{from:r,to:n,ease:t.ease??"power2.inOut"}),t.toFStop!==void 0&&this.fromTo("fStop",t.fromFStop??2.8,t.toFStop,{from:r,to:n,ease:t.ease??"power2.inOut"}),this}handheld(t){let r=t.start??t.fromFrame??0,n=t.end??t.toFrame??0;return this.fromTo("shakeTranslation",0,t.translationAmplitude,{from:r,to:n}),this.fromTo("shakeRotation",0,t.rotationAmplitude,{from:r,to:n}),this}followPath3D(t,r={}){let n=r.start??r.fromFrame??0,i=r.end??r.toFrame??60,o=Math.max(1,i-n),a=r.samples??Math.max(8,Math.min(60,Math.round(o/2))),s=r.mode??(r.target?"lookAtTarget":"leadTarget"),l=r.fromProgress??0,c=r.toProgress??1,d=r.lookAhead??.05;for(let m=0;m<=a;m++){let p=m/a,h=Ru(r.ease,p),b=l+h*(c-l),g=Math.round(n+p*o),y=[0,0,0],k=[0,0,0];if(typeof t.getFrameAt=="function"){let S=t.getFrameAt(b);y=S.position,k=S.rotation??[0,0,0]}else y=t.getPointAt(b).position;if(this.keyframe("cameraX",g,y[0]),this.keyframe("cameraY",g,y[1]),this.keyframe("cameraZ",g,y[2]),s==="lookAtTarget"){let S=r.target??[y[0],y[1],0];this.keyframe("targetX",g,S[0]),this.keyframe("targetY",g,S[1]),this.keyframe("targetZ",g,S[2])}else if(s==="leadTarget"){let S=Math.min(1,b+d),A=t.getPointAt(S);this.keyframe("targetX",g,A.position[0]),this.keyframe("targetY",g,A.position[1]),this.keyframe("targetZ",g,A.position[2])}else s==="orientAlongPath"&&(this.keyframe("cameraPitch",g,k[0]),this.keyframe("cameraYaw",g,k[1]),this.keyframe("cameraRoll",g,k[2]))}return this}};f();var Ko=class e{name;props={};selectors=[];constructor(t){this.name=t}static create(t){return new e(t)}skew(t,r=0){return this.props.skew=t,this.props.skewAxis=r,this}anchor(t,r="character",n=0,i=0){return this.props.anchor={grouping:r,preset:t,anchorX:.5,anchorY:.5,offsetX:n,offsetY:i},this}anchorNormalized(t,r,n="character"){return this.props.anchor={grouping:n,preset:"custom",anchorX:t,anchorY:r,offsetX:0,offsetY:0},this}translateZ(t){return this.props.translateZ=t,this}tilt3D(t=0,r=0,n=0){return this.props.rotationX=t,this.props.rotationY=r,this.props.rotationZ=n,this}rotationX(t){return this.props.rotationX=t,this}rotationY(t){return this.props.rotationY=t,this}rotationZ(t){return this.props.rotationZ=t,this}volumetricFormation(t="cylinder",r=300,n=120,i=360,o=1200,a="y"){return this.props.formation={mode:t,radius:r,pitch:n,totalAngle:i,perspective:o,axis:a},this}lineSpacing(t,r=0){return this.props.lineSpacing=t,this.props.lineAnchor=r,this}lineAnchor(t){return this.props.lineAnchor=t,this}spring(t=180,r=12,n=1,i=0){return this.props.spring={stiffness:t,damping:r,mass:n,initialVelocity:i,overshootMultiplier:1},this}stroke(t,r="#ffffff",n=1){return this.props.stroke={strokeWidth:t,strokeColor:r,strokeAlign:"center",fillOpacity:n,dashOffset:0},this}variableFont(t){return this.props.variableAxes=t,this}chromaticGlitch(t,r=0,n=-t,i=0){return this.props.chromaticGlitch={redShiftX:t,redShiftY:r,blueShiftX:n,blueShiftY:i,sliceProbability:0,sliceAmplitude:0},this}audioSpectrum(t,r=60,n=16e3,i=2.5){return this.props.audioSpectrum={signalChannel:t,minFreqHz:r,maxFreqHz:n,scaleAxis:"scaleY",minScale:.2,maxScale:i,peakDecay:.8},this}longShadow(t=45,r=40,n="#000000",i=.8,o=0,a=16){return this.props.longShadow={angle:t,length:r,color:n,startOpacity:i,endOpacity:o,steps:a},this}particleDissolve(t=0,r=90,n=120){return this.props.particleDissolve={progress:t,dispersalAngle:r,maxDisplacement:n,turbulence:.5,particleSize:2},this}addExpressionSelector(t,r="add"){return this.selectors.push({type:"expression",expression:t,mode:r,amount:1}),this}expressionSelector(t,r="add"){return this.addExpressionSelector(t,r)}x(t){return this.props.x=t,this}y(t){return this.props.y=t,this}scale(t){return this.props.scale=t,this}scaleX(t){return this.props.scaleX=t,this}scaleY(t){return this.props.scaleY=t,this}rotation(t){return this.props.rotation=t,this}opacity(t){return this.props.opacity=t,this}blur(t){return this.props.blur=t,this}fillColor(t){return this.props.fillColor=t,this}build(){return{name:this.name,selectors:this.selectors,props:this.props}}};f();var Nu=u.enum(["character","word","line","all"]),Fu=u.enum(["center","baseline","bottom_left","bottom_center","bottom_right","top_left","top_center","top_right","custom"]),Eu=u.object({grouping:Nu.default("character"),preset:Fu.default("center"),anchorX:u.number().default(.5),anchorY:u.number().default(.5),offsetX:u.number().default(0),offsetY:u.number().default(0)}),Ep=u.object({skew:u.number().min(-90).max(90),skewAxis:u.number().default(0)}),Bp=u.object({lineSpacing:u.number(),lineAnchor:u.number().min(0).max(1).default(0)}),Bu=u.enum(["planar","vortex","cylinder","helix"]),Qo=u.object({mode:Bu.default("planar"),radius:u.number().default(300),pitch:u.number().default(120),totalAngle:u.number().default(360),axis:u.enum(["x","y","z"]).default("y"),perspective:u.number().positive().default(1200)}),Lp=u.object({translateZ:u.number().optional(),rotationX:u.number().optional(),rotationY:u.number().optional(),rotationZ:u.number().optional(),formation:Qo.optional()}),Lu=u.object({stiffness:u.number().positive().default(180),damping:u.number().positive().default(12),mass:u.number().positive().default(1),initialVelocity:u.number().default(0),overshootMultiplier:u.number().min(.5).max(3).default(1)}),Ip=u.object({type:u.literal("expression"),name:u.string().optional(),expression:u.string(),mode:u.enum(["add","subtract","intersect","min","max","difference"]).default("add"),amount:u.number().default(1)}),Iu=u.object({strokeWidth:u.number().min(0).default(0),strokeColor:u.string().default("#ffffff"),strokeAlign:u.enum(["center","inside","outside"]).default("center"),fillOpacity:u.number().min(0).max(1).default(1),dashArray:u.tuple([u.number(),u.number()]).optional(),dashOffset:u.number().default(0)}),Jo=u.object({direction:u.enum(["left","right","up","down"]).default("left"),velocity:u.number().default(120),loop:u.boolean().default(!0),repeatGap:u.number().default(80),snap:u.object({enabled:u.boolean().default(!1),granularity:u.enum(["character","word","line"]).default("word"),stopIndex:u.number().default(0),decelEase:u.string().default("cubic.out")}).optional()}),ju=u.object({weight:u.number().min(100).max(1e3).optional(),width:u.number().min(50).max(200).optional(),slant:u.number().min(-25).max(25).optional(),italic:u.number().min(0).max(1).optional(),opticalSize:u.number().min(6).max(144).optional()}),zu=u.object({redShiftX:u.number().default(0),redShiftY:u.number().default(0),blueShiftX:u.number().default(0),blueShiftY:u.number().default(0),sliceProbability:u.number().min(0).max(1).default(0),sliceAmplitude:u.number().default(0)}),_u=u.object({signalChannel:u.string(),minFreqHz:u.number().default(60),maxFreqHz:u.number().default(16e3),scaleAxis:u.enum(["scaleY","scaleX","scale","y"]).default("scaleY"),minScale:u.number().default(.2),maxScale:u.number().default(2.5),peakDecay:u.number().min(0).max(.99).default(.8)}),$u=u.object({angle:u.number().default(45),length:u.number().min(0).default(0),color:u.string().default("#000000"),startOpacity:u.number().min(0).max(1).default(.8),endOpacity:u.number().min(0).max(1).default(0),steps:u.number().int().min(4).max(64).default(16)}),Uu=u.object({progress:u.number().min(0).max(1).default(0),dispersalAngle:u.number().default(90),maxDisplacement:u.number().default(120),turbulence:u.number().default(.5),particleSize:u.number().default(2)}),Vu=u.object({x:u.number().optional(),y:u.number().optional(),translateZ:u.number().optional(),scale:u.number().optional(),scaleX:u.number().optional(),scaleY:u.number().optional(),rotation:u.number().optional(),rotationX:u.number().optional(),rotationY:u.number().optional(),rotationZ:u.number().optional(),formation:Qo.optional(),skew:u.number().optional(),skewAxis:u.number().optional(),tracking:u.number().optional(),lineSpacing:u.number().optional(),lineAnchor:u.number().optional(),anchor:Eu.optional(),opacity:u.number().optional(),blur:u.number().optional(),fillColor:u.string().optional(),stroke:Iu.optional(),variableAxes:ju.optional(),chromaticGlitch:zu.optional(),longShadow:$u.optional(),particleDissolve:Uu.optional(),audioSpectrum:_u.optional(),spring:Lu.optional()}),ea=u.object({name:u.string().default("AdvancedAnimator"),selectors:u.array(u.record(u.string(),u.unknown())).default([]),props:Vu});f();f();var $r=u.object({x:u.number(),y:u.number()}),Gu=u.object({p0:$r,p1:$r,p2:$r,p3:$r}),Wu=u.discriminatedUnion("type",[u.object({type:u.literal("svg"),d:u.string().min(1,"SVG path string cannot be empty")}),u.object({type:u.literal("bezier"),segments:u.array(Gu).min(1)}),u.object({type:u.literal("ellipse"),cx:u.number(),cy:u.number(),rx:u.number().positive(),ry:u.number().positive(),startAngleDeg:u.number().default(0),endAngleDeg:u.number().default(360)}),u.object({type:u.literal("wave"),startX:u.number(),startY:u.number(),length:u.number().positive(),amplitude:u.number(),frequency:u.number().positive(),phaseDeg:u.number().default(0)})]),ir=u.object({path:Wu,firstMargin:u.number().default(0),lastMargin:u.number().default(0),reversePath:u.boolean().default(!1),perpendicularToPath:u.boolean().default(!0),forceAlignment:u.boolean().default(!1),loop:u.boolean().default(!1),baselineOffset:u.enum(["baseline","center","ascender","descender"]).default("baseline"),baselineShift:u.number().default(0)}),Hu=u.enum(["bar","underscore","block","custom"]),Yu=u.object({enabled:u.boolean().default(!0),style:Hu.default("bar"),customChar:u.string().default("|"),color:u.string().optional(),blinkFrequency:u.number().min(0).default(2),hideOnComplete:u.boolean().default(!1),width:u.number().positive().default(2.5),spacing:u.number().default(3)}),Xu=u.discriminatedUnion("mode",[u.object({mode:u.literal("constant")}),u.object({mode:u.literal("human"),jitter:u.number().min(0).max(1).default(.35),commaPauseMultiplier:u.number().min(1).default(3),sentencePauseMultiplier:u.number().min(1).default(5.5),paragraphPauseMultiplier:u.number().min(1).default(7)})]),qu=u.object({enabled:u.boolean().default(!1),charset:u.enum(["ascii","alphanumeric","matrix","binary","hex","custom"]).default("alphanumeric"),customCharset:u.string().optional(),scrambleFramesPerChar:u.number().int().min(1).default(8),highlightProbability:u.number().min(0).max(1).default(.25),scrambleColor:u.string().optional()}),Wn=u.object({granularity:u.enum(["character","word","line"]).default("character"),cursor:Yu.default({enabled:!0,style:"bar",customChar:"|",blinkFrequency:2,hideOnComplete:!1,width:2.5,spacing:3}),cadence:Xu.default({mode:"human",jitter:.35,commaPauseMultiplier:3,sentencePauseMultiplier:5.5,paragraphPauseMultiplier:7}),scramble:qu.default({enabled:!1,charset:"alphanumeric",scrambleFramesPerChar:8,highlightProbability:.25}),soundSync:u.boolean().default(!1)}),Hn=u.enum(["characters","characters_excluding_spaces","words","lines"]),Zu=u.enum(["percentage","index"]),Ku=u.enum(["square","ramp_up","ramp_down","triangle","round","smooth"]),Yn=u.enum(["add","subtract","intersect","min","max","difference"]),Qu=u.object({type:u.literal("range"),start:u.number().default(0),end:u.number().default(1),offset:u.number().default(0),units:Zu.default("percentage"),basedOn:Hn.default("characters"),shape:Ku.default("square"),mode:Yn.default("add"),amount:u.number().min(-1).max(1).default(1),easeHigh:u.number().min(-1).max(1).default(0),easeLow:u.number().min(-1).max(1).default(0),randomizeOrder:u.boolean().default(!1),randomSeed:u.number().int().default(12345)}),Ju=u.object({type:u.literal("wiggly"),wigglesPerSecond:u.number().positive().default(2),correlation:u.number().min(0).max(1).default(.5),temporalPhaseDeg:u.number().default(0),spatialPhaseDeg:u.number().default(0),minAmount:u.number().min(-1).max(1).default(-1),maxAmount:u.number().min(-1).max(1).default(1),randomSeed:u.number().int().default(42),basedOn:Hn.default("characters"),mode:Yn.default("intersect")}),el=u.object({type:u.literal("signal"),signalId:u.string(),multiplier:u.number().default(1),offset:u.number().default(0),phaseSpread:u.number().default(0),basedOn:Hn.default("characters"),mode:Yn.default("add")}),tl=u.discriminatedUnion("type",[Qu,Ju,el]),rl=u.object({x:u.number().optional(),y:u.number().optional(),z:u.number().optional(),scale:u.number().optional(),scaleX:u.number().optional(),scaleY:u.number().optional(),rotation:u.number().optional(),rotationX:u.number().optional(),rotationY:u.number().optional(),skew:u.number().optional(),skewAxis:u.number().optional(),tracking:u.number().optional(),lineSpacing:u.number().optional(),opacity:u.number().min(0).max(1).optional(),fillColor:u.string().optional(),strokeColor:u.string().optional(),strokeWidth:u.number().min(0).optional(),blur:u.number().min(0).optional(),characterOffset:u.number().int().optional()}),nl=u.enum(["character","word","line","all"]),il=u.object({grouping:nl.default("character"),anchorX:u.number().default(.5),anchorY:u.number().default(.8)}),or=u.object({name:u.string().default("Animator"),selectors:u.array(tl).min(1),props:rl,anchor:il.default({grouping:"character",anchorX:.5,anchorY:.8})}),jp=u.object({text:u.string(),fontFamily:u.string().default("Inter"),fontSize:u.number().positive().default(24),fontWeight:u.union([u.number(),u.string()]).default(400),fill:u.string().default("#ffffff"),letterSpacing:u.number().default(0),lineHeight:u.number().positive().default(1.2),textAlign:u.enum(["left","center","right"]).default("left"),pathOptions:ir.optional(),typewriter:Wn.optional(),animators:u.array(or).default([])});var ta=class e{options={firstMargin:0,lastMargin:0,reversePath:!1,perpendicularToPath:!0,forceAlignment:!1,loop:!1,baselineOffset:"baseline",baselineShift:0};static fromSvg(t){let r=new e;return r.options.path={type:"svg",d:t},r}static fromBezier(t){let r=new e;return r.options.path={type:"bezier",segments:t},r}static fromCurve(t){return e.fromBezier([t])}static circularBadge(t,r,n){let i=new e;return i.options.path={type:"ellipse",cx:t,cy:r,rx:n,ry:n,startAngleDeg:0,endAngleDeg:360},i.options.loop=!0,i}static ellipse(t,r,n,i,o=0,a=360){let s=new e;return s.options.path={type:"ellipse",cx:t,cy:r,rx:n,ry:i,startAngleDeg:o,endAngleDeg:a},s.options.loop=Math.abs(a-o)>=360,s}static wave(t,r,n,i,o,a=0){let s=new e;return s.options.path={type:"wave",startX:t,startY:r,length:n,amplitude:i,frequency:o,phaseDeg:a},s}firstMargin(t){return this.options.firstMargin=t,this}lastMargin(t){return this.options.lastMargin=t,this}reversePath(t){return this.options.reversePath=t,this}perpendicularToPath(t){return this.options.perpendicularToPath=t,this}forceAlignment(t){return this.options.forceAlignment=t,this}loop(t){return this.options.loop=t,this}baselineOffset(t){return this.options.baselineOffset=t,this}baselineShift(t){return this.options.baselineShift=t,this}build(){return ir.parse(this.options)}},ra=class e{name="Animator";selectors=[];props={};anchor={grouping:"character",anchorX:.5,anchorY:.8};static create(t){let r=new e;return r.name=t,r}addRangeSelector(t){let r=t.easeHigh??0,n=Math.abs(r)>1?r/100:r,i=t.easeLow??0,o=Math.abs(i)>1?i/100:i;return this.selectors.push({type:"range",start:t.start??0,end:t.end??1,offset:t.offset??0,units:"percentage",basedOn:t.basedOn??"characters",shape:t.shape??"smooth",mode:t.mode??"add",amount:1,easeHigh:Math.max(-1,Math.min(1,n)),easeLow:Math.max(-1,Math.min(1,o)),randomizeOrder:t.randomizeOrder??!1,randomSeed:t.randomSeed??12345}),this}addWigglySelector(t){return this.selectors.push({type:"wiggly",wigglesPerSecond:t.wigglesPerSecond??2,correlation:t.correlation??.5,temporalPhaseDeg:0,spatialPhaseDeg:0,minAmount:t.minAmount??-1,maxAmount:t.maxAmount??1,randomSeed:t.randomSeed??42,basedOn:"characters",mode:t.mode??"intersect"}),this}addSignalSelector(t,r=1,n=0,i=0,o="add"){return this.selectors.push({type:"signal",signalId:t,multiplier:r,offset:i,phaseSpread:n,basedOn:"characters",mode:o}),this}x(t){return this.props.x=t,this}y(t){return this.props.y=t,this}z(t){return this.props.z=t,this}scale(t){return this.props.scale=t,this}scaleX(t){return this.props.scaleX=t,this}scaleY(t){return this.props.scaleY=t,this}rotation(t){return this.props.rotation=t,this}rotationX(t){return this.props.rotationX=t,this}rotationY(t){return this.props.rotationY=t,this}skew(t){return this.props.skew=t,this}skewAxis(t){return this.props.skewAxis=t,this}opacity(t){return this.props.opacity=t,this}blur(t){return this.props.blur=t,this}fill(t){return this.fillColor(t)}fillColor(t){return this.props.fillColor=t,this}strokeColor(t){return this.props.strokeColor=t,this}strokeWidth(t){return this.props.strokeWidth=t,this}tracking(t){return this.props.tracking=t,this}lineSpacing(t){return this.props.lineSpacing=t,this}characterOffset(t){return this.props.characterOffset=t,this}anchorGrouping(t,r=.5,n=.8){return this.anchor={grouping:t,anchorX:r,anchorY:n},this}build(){return or.parse({name:this.name,selectors:this.selectors,props:this.props,anchor:this.anchor})}};f();f();var ol=`
2
- struct CameraUniforms {
3
- viewMatrix: mat4x4<f32>,
4
- projMatrix: mat4x4<f32>,
5
- viewProjMatrix: mat4x4<f32>,
6
- invViewProjMatrix: mat4x4<f32>,
7
- cameraPos: vec3<f32>,
8
- near: f32,
9
- cameraDir: vec3<f32>,
10
- far: f32,
11
- dofParams: vec4<f32>,
12
- screenParams: vec4<f32>,
13
- };
14
-
15
- struct ModelUniforms {
16
- modelMatrix: mat4x4<f32>,
17
- normalMatrix: mat4x4<f32>,
18
- colorTint: vec4<f32>,
19
- params: vec4<f32>, // opacity, borderRadius, twoSided, unused
20
- };
21
-
22
- struct GlassUniforms {
23
- // 0..15: ior, roughness, f0, transmission
24
- ior: f32,
25
- roughness: f32,
26
- f0: f32,
27
- transmission: f32,
28
- // 16..31: dispersion, envIntensity, fresnelPower, unused
29
- dispersion: f32,
30
- envIntensity: f32,
31
- fresnelPower: f32,
32
- _pad0: f32,
33
- // 32..47: viewportWidth, viewportHeight, unused, unused
34
- viewportWidth: f32,
35
- viewportHeight: f32,
36
- _pad1: f32,
37
- _pad2: f32,
38
- // 48..63: tint (r, g, b, a)
39
- tintColor: vec4<f32>,
40
- };
41
-
42
- @group(0) @binding(0) var<uniform> camera: CameraUniforms;
43
- @group(1) @binding(0) var<uniform> model: ModelUniforms;
44
- @group(2) @binding(0) var<uniform> glass: GlassUniforms;
45
- @group(3) @binding(0) var backdropSampler: sampler;
46
- @group(3) @binding(1) var backdropTexture: texture_2d<f32>;
47
-
48
- struct VertexInput {
49
- @location(0) position: vec3<f32>,
50
- @location(1) uv: vec2<f32>,
51
- @location(2) normal: vec3<f32>,
52
- };
53
-
54
- struct VertexOutput {
55
- @builtin(position) clipPos: vec4<f32>,
56
- @location(0) worldPos: vec3<f32>,
57
- @location(1) worldNormal: vec3<f32>,
58
- @location(2) uv: vec2<f32>,
59
- };
60
-
61
- @vertex
62
- fn vs_main(in: VertexInput) -> VertexOutput {
63
- var out: VertexOutput;
64
- let worldPos4 = model.modelMatrix * vec4<f32>(in.position, 1.0);
65
- out.worldPos = worldPos4.xyz;
66
- let normal4 = model.normalMatrix * vec4<f32>(in.normal, 0.0);
67
- out.worldNormal = normalize(normal4.xyz);
68
- out.uv = in.uv;
69
- out.clipPos = camera.viewProjMatrix * worldPos4;
70
- return out;
71
- }
72
-
73
- @fragment
74
- fn fs_main(in: VertexOutput) -> @location(0) vec4<f32> {
75
- let V = normalize(camera.cameraPos - in.worldPos);
76
- var N = normalize(in.worldNormal);
77
-
78
- // Dynamic normal flip for two-sided surfaces viewed from behind
79
- if (dot(N, V) < 0.0) {
80
- N = -N;
81
- }
82
-
83
- let NdotV = max(dot(N, V), 0.0001);
84
-
85
- // 1. Schlick Fresnel Reflectance
86
- let F = glass.f0 + (1.0 - glass.f0) * pow(1.0 - NdotV, max(1.0, glass.fresnelPower));
87
-
88
- // 2. Refraction Ray Direction with Chromatic Dispersion
89
- let ior = max(1.0, glass.ior);
90
- let disp = max(0.0, glass.dispersion);
91
- let eta_g = 1.0 / ior;
92
- let eta_r = 1.0 / max(1.0, ior - disp);
93
- let eta_b = 1.0 / (ior + disp);
94
-
95
- let R_refl = reflect(-V, N);
96
- let R_refr_r = refract(-V, N, eta_r);
97
- let R_refr_g = refract(-V, N, eta_g);
98
- let R_refr_b = refract(-V, N, eta_b);
99
-
100
- let screenUv = in.clipPos.xy / vec2<f32>(glass.viewportWidth, glass.viewportHeight);
101
-
102
- // 3. Screen-Space Refraction Lookup with Chromatic Aberration Offset
103
- let refractOffsetScale = 0.035 * (1.0 - glass.roughness * 0.4);
104
- let uv_r = clamp(screenUv + R_refr_r.xy * refractOffsetScale, vec2<f32>(0.001), vec2<f32>(0.999));
105
- let uv_g = clamp(screenUv + R_refr_g.xy * refractOffsetScale, vec2<f32>(0.001), vec2<f32>(0.999));
106
- let uv_b = clamp(screenUv + R_refr_b.xy * refractOffsetScale, vec2<f32>(0.001), vec2<f32>(0.999));
107
-
108
- // Roughness mip/jitter level
109
- let mipLevel = glass.roughness * 5.0;
110
- let sampleR = textureSampleLevel(backdropTexture, backdropSampler, uv_r, mipLevel).r;
111
- let sampleG = textureSampleLevel(backdropTexture, backdropSampler, uv_g, mipLevel).g;
112
- let sampleB = textureSampleLevel(backdropTexture, backdropSampler, uv_b, mipLevel).b;
113
-
114
- let transmittedColor = vec3<f32>(sampleR, sampleG, sampleB) * glass.tintColor.rgb * model.colorTint.rgb;
115
-
116
- // 4. Procedural Studio HDRI Environment Reflection (Warm key + cool rim highlights)
117
- let envAngle = atan2(R_refl.z, R_refl.x);
118
- let envElevation = R_refl.y;
119
- let studioKey = pow(max(0.0, dot(R_refl, normalize(vec3<f32>(0.6, 0.8, -0.5)))), 32.0) * 1.5;
120
- let studioRim = pow(max(0.0, dot(R_refl, normalize(vec3<f32>(-0.7, 0.3, 0.6)))), 16.0) * 0.8;
121
- let ambientSky = mix(vec3<f32>(0.92, 0.94, 0.98), vec3<f32>(0.98, 0.96, 0.92), envElevation * 0.5 + 0.5);
122
- let envColor = (ambientSky * 0.6 + vec3<f32>(1.0, 0.98, 0.95) * studioKey + vec3<f32>(0.85, 0.92, 1.0) * studioRim) * glass.envIntensity;
123
-
124
- // 5. Energy-Conserving Blend with Premultiplied Alpha
125
- let blendedRGB = mix(transmittedColor, envColor, F);
126
- let alpha = clamp((F + (1.0 - glass.transmission) * 0.6) * model.params.x, 0.0, 1.0);
127
-
128
- return vec4<f32>(blendedRGB * alpha, alpha);
129
- }
130
- `;var na=class{device;pipeline;cameraLayout;modelLayout;glassLayout;backdropLayout;modelPool;glassPool;vertexBuffer;indexBuffer;modelData=new Float32Array(40);glassData=new Float32Array(16);constructor(t,r,n="depth24plus",i){this.device=t,this.modelPool=new so(160,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.glassPool=new so(64,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST);let o=t.createShaderModule({label:"pbr-glass.wgsl",code:ol});this.cameraLayout=i??t.createBindGroupLayout({label:"GlassCameraLayout",entries:[{binding:0,visibility:GPUShaderStage.VERTEX|GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.modelLayout=t.createBindGroupLayout({label:"GlassModelLayout",entries:[{binding:0,visibility:GPUShaderStage.VERTEX|GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.glassLayout=t.createBindGroupLayout({label:"GlassUniformLayout",entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.backdropLayout=t.createBindGroupLayout({label:"GlassBackdropLayout",entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}}]});let a=t.createPipelineLayout({bindGroupLayouts:[this.cameraLayout,this.modelLayout,this.glassLayout,this.backdropLayout]});this.pipeline=t.createRenderPipeline({label:"PBRGlassPipeline",layout:a,vertex:{module:o,entryPoint:"vs_main",buffers:[{arrayStride:32,attributes:[{shaderLocation:0,offset:0,format:"float32x3"},{shaderLocation:1,offset:12,format:"float32x2"},{shaderLocation:2,offset:20,format:"float32x3"}]}]},fragment:{module:o,entryPoint:"fs_main",targets:[{format:r,blend:Su}]},depthStencil:{format:n,depthWriteEnabled:!0,depthCompare:"less-equal"},primitive:{topology:"triangle-list",cullMode:"none"}});let s=new Float32Array([-.5,-.5,0,0,0,0,0,-1,.5,-.5,0,1,0,0,0,-1,.5,.5,0,1,1,0,0,-1,-.5,.5,0,0,1,0,0,-1]),l=new Uint16Array([0,1,2,0,2,3]);this.vertexBuffer=t.createBuffer({size:s.byteLength,usage:GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST,mappedAtCreation:!0}),new Float32Array(this.vertexBuffer.getMappedRange()).set(s),this.vertexBuffer.unmap(),this.indexBuffer=t.createBuffer({size:l.byteLength,usage:GPUBufferUsage.INDEX|GPUBufferUsage.COPY_DST,mappedAtCreation:!0}),new Uint16Array(this.indexBuffer.getMappedRange()).set(l),this.indexBuffer.unmap()}resetPools(){this.modelPool.reset(),this.glassPool.reset()}draw(t,r,n,i,o){ku(this.modelData,o.modelMatrix,o.normalMatrix,o.colorTint),this.modelData[36]=o.opacity??1,this.modelData[37]=0,this.modelData[38]=1,this.modelData[39]=0;let a=this.modelPool.getBuffer(this.device,this.modelData);this.glassData[0]=o.ior??1.49,this.glassData[1]=o.roughness??.15,this.glassData[2]=o.f0??.04,this.glassData[3]=o.transmission??.92,this.glassData[4]=o.dispersion??.015,this.glassData[5]=o.envIntensity??.65,this.glassData[6]=o.fresnelPower??5,this.glassData[7]=0,this.glassData[8]=o.viewportWidth,this.glassData[9]=o.viewportHeight,this.glassData[10]=0,this.glassData[11]=0;let s=o.tintColor??[1,1,1,1];this.glassData[12]=s[0],this.glassData[13]=s[1],this.glassData[14]=s[2],this.glassData[15]=s[3];let l=this.glassPool.getBuffer(this.device,this.glassData),c=this.device.createBindGroup({layout:this.modelLayout,entries:[{binding:0,resource:{buffer:a}}]}),d=this.device.createBindGroup({layout:this.glassLayout,entries:[{binding:0,resource:{buffer:l}}]}),m=this.device.createBindGroup({layout:this.backdropLayout,entries:[{binding:0,resource:i},{binding:1,resource:n.createView()}]});t.setPipeline(this.pipeline),t.setBindGroup(0,r),t.setBindGroup(1,c),t.setBindGroup(2,d),t.setBindGroup(3,m),t.setVertexBuffer(0,this.vertexBuffer),t.setIndexBuffer(this.indexBuffer,"uint16"),t.drawIndexed(6)}destroy(){this.modelPool.destroy(),this.glassPool.destroy(),this.vertexBuffer.destroy(),this.indexBuffer.destroy()}};f();f();var al=`
131
- struct MotionBlurUniforms {
132
- shutterFraction: f32, // shutterAngle / 360.0
133
- sampleCount: u32, // e.g. 16
134
- maxVelocity: f32, // in pixels
135
- tileDilation: u32,
136
- viewportWidth: f32,
137
- viewportHeight: f32,
138
- depthThreshold: f32,
139
- curveType: u32, // 0: box, 1: gaussian, 2: triangle
140
- };
141
-
142
- @group(0) @binding(0) var colorTexture: texture_2d<f32>;
143
- @group(0) @binding(1) var velocityTexture: texture_2d<f32>;
144
- @group(0) @binding(2) var depthTexture: texture_depth_2d;
145
- @group(0) @binding(3) var colorSampler: sampler;
146
- @group(0) @binding(4) var<uniform> u: MotionBlurUniforms;
147
-
148
- fn computeVertexPos(vertexIndex: u32) -> vec4<f32> {
149
- var pos = array<vec2<f32>, 4>(
150
- vec2<f32>(-1.0, -1.0),
151
- vec2<f32>( 1.0, -1.0),
152
- vec2<f32>(-1.0, 1.0),
153
- vec2<f32>( 1.0, 1.0)
154
- );
155
- return vec4<f32>(pos[vertexIndex], 0.0, 1.0);
156
- }
157
-
158
- @vertex
159
- fn vs(@builtin(vertex_index) vertexIndex: u32) -> @builtin(position) vec4<f32> {
160
- return computeVertexPos(vertexIndex);
161
- }
162
-
163
- @vertex
164
- fn vs_main(@builtin(vertex_index) vertexIndex: u32) -> @builtin(position) vec4<f32> {
165
- return computeVertexPos(vertexIndex);
166
- }
167
-
168
- fn executeMotionBlur(pos: vec4<f32>) -> vec4<f32> {
169
- let uv = pos.xy / vec2<f32>(u.viewportWidth, u.viewportHeight);
170
- let centerDepth = textureLoad(depthTexture, vec2<i32>(pos.xy), 0);
171
- let rawVel = textureSampleLevel(velocityTexture, colorSampler, uv, 0.0).xy;
172
-
173
- // Scale velocity by shutter exposure fraction
174
- var vel = rawVel * u.shutterFraction;
175
- let speed = length(vel);
176
-
177
- if (speed < 0.5) {
178
- return textureSampleLevel(colorTexture, colorSampler, uv, 0.0);
179
- }
180
-
181
- // Clamp to configured max velocity limit
182
- if (speed > u.maxVelocity) {
183
- vel = (vel / speed) * u.maxVelocity;
184
- }
185
-
186
- let velUV = vel / vec2<f32>(u.viewportWidth, u.viewportHeight);
187
- let halfSamples = f32(u.sampleCount) * 0.5;
188
-
189
- var accumColor = vec4<f32>(0.0);
190
- var totalWeight = 0.0;
191
-
192
- for (var i = 0u; i < u.sampleCount; i = i + 1u) {
193
- let t = (f32(i) - halfSamples) / halfSamples;
194
- let sampleUV = uv + velUV * t;
195
-
196
- if (sampleUV.x < 0.0 || sampleUV.x > 1.0 || sampleUV.y < 0.0 || sampleUV.y > 1.0) {
197
- continue;
198
- }
199
-
200
- let sampleDepth = textureSampleLevel(depthTexture, colorSampler, sampleUV, 0);
201
- let depthDelta = abs(sampleDepth - centerDepth);
202
- let depthWeight = clamp(1.0 - depthDelta / max(u.depthThreshold, 0.0001), 0.05, 1.0);
203
-
204
- var curveW = 1.0;
205
- if (u.curveType == 1u) {
206
- curveW = exp(-2.5 * t * t);
207
- } else if (u.curveType == 2u) {
208
- curveW = 1.0 - abs(t);
209
- }
210
-
211
- let w = curveW * depthWeight;
212
- let sampleCol = textureSampleLevel(colorTexture, colorSampler, sampleUV, 0.0);
213
-
214
- accumColor += sampleCol * w;
215
- totalWeight += w;
216
- }
217
-
218
- if (totalWeight <= 0.0) {
219
- return textureSampleLevel(colorTexture, colorSampler, uv, 0.0);
220
- }
221
-
222
- return accumColor / totalWeight;
223
- }
224
-
225
- @fragment
226
- fn fs(@builtin(position) pos: vec4<f32>) -> @location(0) vec4<f32> {
227
- return executeMotionBlur(pos);
228
- }
229
-
230
- @fragment
231
- fn fs_motion_blur(@builtin(position) pos: vec4<f32>) -> @location(0) vec4<f32> {
232
- return executeMotionBlur(pos);
233
- }
234
- `;var ia=class{device;pipeline;bindGroupLayout;uniformBuffer;sampler;constructor(t){this.device=t;let r=t.createShaderModule({label:"motion-blur-shader",code:al});this.bindGroupLayout=t.createBindGroupLayout({label:"motion-blur-bgl",entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"depth"}},{binding:3,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}},{binding:4,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]});let n=t.createPipelineLayout({label:"motion-blur-layout",bindGroupLayouts:[this.bindGroupLayout]});this.pipeline=t.createRenderPipeline({label:"motion-blur-pipeline",layout:n,vertex:{module:r,entryPoint:"vs_main"},fragment:{module:r,entryPoint:"fs_motion_blur",targets:[{format:"rgba8unorm",blend:{color:{srcFactor:"one",dstFactor:"one-minus-src-alpha",operation:"add"},alpha:{srcFactor:"one",dstFactor:"one-minus-src-alpha",operation:"add"}}}]},primitive:{topology:"triangle-strip"}}),this.uniformBuffer=t.createBuffer({label:"motion-blur-uniforms",size:32,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST}),this.sampler=t.createSampler({label:"motion-blur-sampler",magFilter:"linear",minFilter:"linear"})}render(t,r,n,i,o,a){let s=(a.shutterAngle??180)/360,l=a.sampleCount??16,c=a.maxVelocity??64,d=a.depthThreshold??.05,m=a.curveType==="box"?0:a.curveType==="triangle"?2:1,p=new ArrayBuffer(32),h=new Float32Array(p),b=new Uint32Array(p);h[0]=s,b[1]=l,h[2]=c,b[3]=16,h[4]=a.width,h[5]=a.height,h[6]=d,b[7]=m,this.device.queue.writeBuffer(this.uniformBuffer,0,p);let g=this.device.createBindGroup({label:"motion-blur-bg",layout:this.bindGroupLayout,entries:[{binding:0,resource:r},{binding:1,resource:n},{binding:2,resource:i},{binding:3,resource:this.sampler},{binding:4,resource:{buffer:this.uniformBuffer}}]}),y=t.beginRenderPass({label:"motion-blur-pass",colorAttachments:[{view:o,loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});y.setPipeline(this.pipeline),y.setBindGroup(0,g),y.draw(4),y.end()}destroy(){this.uniformBuffer.destroy()}};f();var oa=class{shadowDepthTexture;shadowDepthView;shadowComparisonSampler;lightViewProjMatrix;constructor(t,r=2048){this.lightViewProjMatrix=ht.identity(),this.shadowDepthTexture=t.createTexture({label:"shadow-depth-map",size:[r,r,1],format:"depth32float",usage:GPUTextureUsage.RENDER_ATTACHMENT|GPUTextureUsage.TEXTURE_BINDING}),this.shadowDepthView=this.shadowDepthTexture.createView({label:"shadow-depth-view"}),this.shadowComparisonSampler=t.createSampler({label:"shadow-pcf-sampler",compare:"less-equal",magFilter:"linear",minFilter:"linear"})}computeDirectionalLightMatrix(t,r,n=2e3,i=10,o=4e3){let a=ht.lookAt(t,r,[0,1,0]),s=n*.5,l=ht.orthographic(-s,s,-s,s,i,o);return this.lightViewProjMatrix=ht.multiply(l,a),this.lightViewProjMatrix}destroy(){this.shadowDepthTexture.destroy()}};f();f();var sl=`
235
- struct SSAOUniforms {
236
- projMatrix: mat4x4<f32>,
237
- invProjMatrix: mat4x4<f32>,
238
- viewMatrix: mat4x4<f32>,
239
- radius: f32,
240
- bias: f32,
241
- intensity: f32,
242
- sampleCount: u32,
243
- viewportWidth: f32,
244
- viewportHeight: f32,
245
- };
246
-
247
- @group(0) @binding(0) var depthTexture: texture_depth_2d;
248
- @group(0) @binding(1) var normalTexture: texture_2d<f32>;
249
- @group(0) @binding(2) var noiseTexture: texture_2d<f32>;
250
- @group(0) @binding(3) var colorSampler: sampler;
251
- @group(0) @binding(4) var<storage, read> kernelSamples: array<vec4<f32>>;
252
- @group(0) @binding(5) var<uniform> u: SSAOUniforms;
253
-
254
- @vertex
255
- fn vs_main(@builtin(vertex_index) vertexIndex: u32) -> @builtin(position) vec4<f32> {
256
- var pos = array<vec2<f32>, 4>(
257
- vec2<f32>(-1.0, -1.0),
258
- vec2<f32>( 1.0, -1.0),
259
- vec2<f32>(-1.0, 1.0),
260
- vec2<f32>( 1.0, 1.0)
261
- );
262
- return vec4<f32>(pos[vertexIndex], 0.0, 1.0);
263
- }
264
-
265
- fn reconstructViewPos(uv: vec2<f32>, depth: f32) -> vec3<f32> {
266
- let clipPos = vec4<f32>(uv.x * 2.0 - 1.0, (1.0 - uv.y) * 2.0 - 1.0, depth, 1.0);
267
- let viewPos = u.invProjMatrix * clipPos;
268
- return viewPos.xyz / viewPos.w;
269
- }
270
-
271
- @fragment
272
- fn fs_ssao(@builtin(position) pos: vec4<f32>) -> @location(0) f32 {
273
- let uv = pos.xy / vec2<f32>(u.viewportWidth, u.viewportHeight);
274
- let depth = textureSampleLevel(depthTexture, colorSampler, uv, 0);
275
-
276
- if (depth >= 1.0) {
277
- return 1.0;
278
- }
279
-
280
- let rawNormal = textureSampleLevel(normalTexture, colorSampler, uv, 0.0).xyz;
281
- let normal = normalize(rawNormal * 2.0 - 1.0);
282
- let viewPos = reconstructViewPos(uv, depth);
283
-
284
- let noiseUV = pos.xy / 4.0;
285
- let randomVec = normalize(textureSampleLevel(noiseTexture, colorSampler, noiseUV, 0.0).xyz * 2.0 - 1.0);
286
-
287
- let tangent = normalize(randomVec - normal * dot(randomVec, normal));
288
- let bitangent = cross(normal, tangent);
289
- let TBN = mat3x3<f32>(tangent, bitangent, normal);
290
-
291
- var occlusion = 0.0;
292
- let count = min(u.sampleCount, arrayLength(&kernelSamples));
293
-
294
- for (var i = 0u; i < count; i = i + 1u) {
295
- let sampleDir = TBN * kernelSamples[i].xyz;
296
- let samplePos = viewPos + sampleDir * u.radius;
297
-
298
- let offset = u.projMatrix * vec4<f32>(samplePos, 1.0);
299
- var sampleUV = vec2<f32>(
300
- (offset.x / offset.w) * 0.5 + 0.5,
301
- (1.0 - (offset.y / offset.w)) * 0.5
302
- );
303
-
304
- if (sampleUV.x < 0.0 || sampleUV.x > 1.0 || sampleUV.y < 0.0 || sampleUV.y > 1.0) {
305
- continue;
306
- }
307
-
308
- let sampleDepthVal = textureSampleLevel(depthTexture, colorSampler, sampleUV, 0);
309
- let sampleViewZ = reconstructViewPos(sampleUV, sampleDepthVal).z;
310
-
311
- let rangeCheck = smoothstep(0.0, 1.0, u.radius / max(abs(viewPos.z - sampleViewZ), 0.001));
312
- if (sampleViewZ >= samplePos.z + u.bias) {
313
- occlusion += rangeCheck;
314
- }
315
- }
316
-
317
- let ao = 1.0 - (occlusion / f32(max(count, 1u))) * u.intensity;
318
- return clamp(ao, 0.0, 1.0);
319
- }
320
- `,ul=`
321
- struct BlurUniforms {
322
- viewportWidth: f32,
323
- viewportHeight: f32,
324
- blurRadius: i32,
325
- depthThreshold: f32,
326
- };
327
-
328
- @group(0) @binding(0) var ssaoTexture: texture_2d<f32>;
329
- @group(0) @binding(1) var depthTexture: texture_depth_2d;
330
- @group(0) @binding(2) var colorSampler: sampler;
331
- @group(0) @binding(3) var<uniform> u: BlurUniforms;
332
-
333
- @vertex
334
- fn vs_main(@builtin(vertex_index) vertexIndex: u32) -> @builtin(position) vec4<f32> {
335
- var pos = array<vec2<f32>, 4>(
336
- vec2<f32>(-1.0, -1.0),
337
- vec2<f32>( 1.0, -1.0),
338
- vec2<f32>(-1.0, 1.0),
339
- vec2<f32>( 1.0, 1.0)
340
- );
341
- return vec4<f32>(pos[vertexIndex], 0.0, 1.0);
342
- }
343
-
344
- @fragment
345
- fn fs_blur(@builtin(position) pos: vec4<f32>) -> @location(0) f32 {
346
- let uv = pos.xy / vec2<f32>(u.viewportWidth, u.viewportHeight);
347
- let centerDepth = textureSampleLevel(depthTexture, colorSampler, uv, 0);
348
- let centerAO = textureSampleLevel(ssaoTexture, colorSampler, uv, 0.0).r;
349
-
350
- if (centerDepth >= 1.0) {
351
- return 1.0;
352
- }
353
-
354
- var result = 0.0;
355
- var totalWeight = 0.0;
356
- let texelSize = 1.0 / vec2<f32>(u.viewportWidth, u.viewportHeight);
357
- let r = u.blurRadius;
358
-
359
- for (var x = -r; x <= r; x = x + 1) {
360
- for (var y = -r; y <= r; y = y + 1) {
361
- let offsetUV = uv + vec2<f32>(f32(x), f32(y)) * texelSize;
362
- let sampleDepth = textureSampleLevel(depthTexture, colorSampler, offsetUV, 0);
363
- let depthDelta = abs(sampleDepth - centerDepth);
364
-
365
- let spatialW = exp(-f32(x * x + y * y) / f32(2 * r * r));
366
- let depthW = clamp(1.0 - depthDelta / max(u.depthThreshold, 0.0001), 0.0, 1.0);
367
- let w = spatialW * depthW;
368
-
369
- let sampleAO = textureSampleLevel(ssaoTexture, colorSampler, offsetUV, 0.0).r;
370
- result += sampleAO * w;
371
- totalWeight += w;
372
- }
373
- }
374
-
375
- if (totalWeight <= 0.0) {
376
- return centerAO;
377
- }
378
- return result / totalWeight;
379
- }
380
- `;var aa=class{device;ssaoPipeline;blurPipeline;ssaoBindGroupLayout;blurBindGroupLayout;ssaoUniformBuffer;blurUniformBuffer;kernelBuffer;noiseTexture;sampler;constructor(t){this.device=t,this.noiseTexture=t.createTexture({label:"ssao-noise-tex",size:[4,4,1],format:"rgba8unorm",usage:GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_DST});let r=new Uint8Array(64);for(let a=0;a<16;a++)r[a*4+0]=Math.floor(Math.random()*255),r[a*4+1]=Math.floor(Math.random()*255),r[a*4+2]=128,r[a*4+3]=255;t.queue.writeTexture({texture:this.noiseTexture},r,{bytesPerRow:16},[4,4,1]);let n=new Float32Array(128);for(let a=0;a<32;a++){let s=Math.random(),l=Math.random(),c=Math.acos(Math.sqrt(1-s)),d=2*Math.PI*l,m=(a+1)/32;m=.1+.9*(m*m),n[a*4+0]=Math.sin(c)*Math.cos(d)*m,n[a*4+1]=Math.sin(c)*Math.sin(d)*m,n[a*4+2]=Math.cos(c)*m,n[a*4+3]=0}this.kernelBuffer=t.createBuffer({label:"ssao-kernel-buffer",size:n.byteLength,usage:GPUBufferUsage.STORAGE|GPUBufferUsage.COPY_DST}),t.queue.writeBuffer(this.kernelBuffer,0,n);let i=t.createShaderModule({label:"ssao-shader",code:sl});this.ssaoBindGroupLayout=t.createBindGroupLayout({label:"ssao-bgl",entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"depth"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:3,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}},{binding:4,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"read-only-storage"}},{binding:5,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.ssaoPipeline=t.createRenderPipeline({label:"ssao-eval-pipeline",layout:t.createPipelineLayout({bindGroupLayouts:[this.ssaoBindGroupLayout]}),vertex:{module:i,entryPoint:"vs_main"},fragment:{module:i,entryPoint:"fs_ssao",targets:[{format:"r8unorm"}]},primitive:{topology:"triangle-strip"}}),this.ssaoUniformBuffer=t.createBuffer({label:"ssao-uniforms",size:256,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST});let o=t.createShaderModule({label:"ssao-blur-shader",code:ul});this.blurBindGroupLayout=t.createBindGroupLayout({label:"ssao-blur-bgl",entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"depth"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}},{binding:3,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.blurPipeline=t.createRenderPipeline({label:"ssao-blur-pipeline",layout:t.createPipelineLayout({bindGroupLayouts:[this.blurBindGroupLayout]}),vertex:{module:o,entryPoint:"vs_main"},fragment:{module:o,entryPoint:"fs_blur",targets:[{format:"r8unorm"}]},primitive:{topology:"triangle-strip"}}),this.blurUniformBuffer=t.createBuffer({label:"ssao-blur-uniforms",size:32,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST}),this.sampler=t.createSampler({label:"ssao-sampler",magFilter:"linear",minFilter:"linear",addressModeU:"repeat",addressModeV:"repeat"})}render(t,r,n,i,o,a){let s=a.invProjMatrix??ht.invert(a.projMatrix)??ht.identity(),l=new Float32Array(64);l.set(a.projMatrix,0),l.set(s,16),l.set(a.viewMatrix,32),l[48]=a.radius??45,l[49]=a.bias??.025,l[50]=a.intensity??1.5,new Uint32Array(l.buffer)[51]=a.kernelSamples??16,l[52]=a.width,l[53]=a.height,this.device.queue.writeBuffer(this.ssaoUniformBuffer,0,l);let c=this.device.createBindGroup({label:"ssao-eval-bg",layout:this.ssaoBindGroupLayout,entries:[{binding:0,resource:r},{binding:1,resource:n},{binding:2,resource:this.noiseTexture.createView()},{binding:3,resource:this.sampler},{binding:4,resource:{buffer:this.kernelBuffer}},{binding:5,resource:{buffer:this.ssaoUniformBuffer}}]}),d=t.beginRenderPass({label:"ssao-eval-pass",colorAttachments:[{view:i,loadOp:"clear",storeOp:"store",clearValue:{r:1,g:1,b:1,a:1}}]});d.setPipeline(this.ssaoPipeline),d.setBindGroup(0,c),d.draw(4),d.end();let m=new ArrayBuffer(32),p=new Float32Array(m),h=new Int32Array(m);p[0]=a.width,p[1]=a.height,h[2]=a.blurRadius??4,p[3]=a.depthThreshold??.05,this.device.queue.writeBuffer(this.blurUniformBuffer,0,m);let b=this.device.createBindGroup({label:"ssao-blur-bg",layout:this.blurBindGroupLayout,entries:[{binding:0,resource:i},{binding:1,resource:r},{binding:2,resource:this.sampler},{binding:3,resource:{buffer:this.blurUniformBuffer}}]}),g=t.beginRenderPass({label:"ssao-blur-pass",colorAttachments:[{view:o,loadOp:"clear",storeOp:"store",clearValue:{r:1,g:1,b:1,a:1}}]});g.setPipeline(this.blurPipeline),g.setBindGroup(0,b),g.draw(4),g.end()}destroy(){this.ssaoUniformBuffer.destroy(),this.blurUniformBuffer.destroy(),this.noiseTexture.destroy()}};f();var zp=["background","fill","fillColor","strokeColor","borderColor","gradientEndColor","emissive","color"],ll=2e3;function _p(e){for(let{segment:t}of $p().segment(e))if(pu(t)==="emoji")return!0;return!1}var cl;function $p(){return cl??=new Intl.Segmenter(void 0,{granularity:"grapheme"}),cl}function Up(e){let t=e.spans??[];return[e.text,...t.map(r=>r.text)].filter(r=>typeof r=="string").join("")}var dl=3;function sa(e){return e.animation?.tracks??[]}var ml=(e,t)=>sa(e).some(r=>t.includes(r.prop)),Vp=new Set(["box","flex","block","group"]);function pl(e){if(e.kind==="text"||e.kind==="light"||e.kind==="camera")return!1;if(!Vp.has(String(e.kind)))return!0;let t=e.background;return typeof t=="string"&&t!==""&&t!=="transparent"?!0:(e.children??[]).some(pl)}var Gp=e=>[...e].sort((t,r)=>(Number(t.zIndex)||0)-(Number(r.zIndex)||0));function Xn(e){if(typeof e!="string"||e.includes("gradient("))return null;let t=Qi(e);return t&&t[3]>.99?e:null}function ua(e,t={}){let r=[],n=(g,y,k,S)=>r.push({severity:g,code:y,message:k,...S&&{layerId:S}}),i=e.width,o=e.height,a=!1,s=[],l=!1,c=[],d=[],m=new Set,p=(g,y,k)=>{let S=String(g.id??"?");typeof g.id=="string"&&(m.has(g.id)&&n("error","duplicate_id",`Two layers share the id '${S}': the renderer keeps one and drops the other. Give every layer its own id (scenes reused in one composition need their own prefix).`,S),m.add(g.id)),t.emojiFont===!1&&g.kind==="text"&&_p(Up(g))&&d.push(S);for(let C of zp){let N=g[C];typeof N!="string"||N===""||N==="transparent"||(N.includes("gradient(")?fu(N)||n("error","invalid_gradient",`\`${C}\` on '${S}' is not a gradient this renderer reads: ${N}. It draws nothing.`,S):Qi(N)||n("warning","unknown_color",`\`${C}: "${N}"\` on '${S}' is not a color (hex, rgb(), hsl(), oklch() or a CSS name). It draws transparent.`,S))}if(g.kind==="light"){let C=g.lightType??"directional";C==="environment"&&(a=!0),C==="ambient"&&s.push(S),g.castShadow&&C!=="directional"&&C!=="spot"&&n("warning","shadow_unsupported_light",`'${S}' is a ${String(C)} light: only directional and spot lights cast shadows.`,S);return}if(g.kind==="camera")return;if(g.kind==="media"){let C=g.inputHandleId;typeof C=="string"&&(g.dataType??"Video")==="Image"&&(/\.(json|lottie)(\?.*)?$/i.test(C)?n("error","unsupported_image_format",`'${S}' is an image layer with source '${C}', which is a Lottie vector animation. Use Layer.lottie() instead.`,S):/\.(mp4|mov|webm|mkv)(\?.*)?$/i.test(C)?n("error","unsupported_image_format",`'${S}' is an image layer with video source '${C}'. Use Layer.video() instead.`,S):/\.(mp3|wav|ogg|m4a|aac)(\?.*)?$/i.test(C)&&n("error","unsupported_image_format",`'${S}' is an image layer with audio source '${C}'. Use Layer.audio() instead.`,S))}let A=!!g.is3D||typeof g.z=="number"&&g.z!==0;if((A||g.kind==="model3d")&&(l=!0),(g.roughness!==void 0||g.metallic!==void 0)&&c.push(S),g.kind==="text"&&y&&!ml(g,["fill","color"])){let C=Xn(g.fill??g.color),N=Xn(g.background)??y;if(C){let G=Ji.contrast(C,N);G<dl&&n("warning","low_contrast_text",`Text '${S}' (${C}) on ${N} has contrast ${G.toFixed(2)}:1 (aim for \u2265 ${dl}; ${Ji.readableOn(N)} reads well).`,S)}}if(k&&!A&&g.position==="absolute"&&typeof g.x=="number"&&typeof g.y=="number"&&typeof g.width=="number"&&typeof g.height=="number"&&!ml(g,["x","y","translateX","translateY","scale","scaleX","scaleY","rotation"])){let{x:C,y:N,width:G,height:_}=g;(C+G<=0||N+_<=0||C>=i||N>=o)&&n("warning","offscreen_layer",`'${S}' sits entirely outside the ${i}\xD7${o} canvas (x ${C}, y ${N}) and never moves in.`,S)}let w=sa(g).reduce((C,N)=>C+(N.keyframes?.length??0),0);w>ll&&n("warning","large_animation",`'${S}' has ${w} keyframes across its tracks (over ${ll}). Keying every frame is rarely needed: key the turning points and let eases fill in, or drive the prop from a signal.`,S);for(let C of sa(g)){let N=C.keyframes??[];(!C.source||C.source.type==="keyframe")&&N.length>=2&&N.every(G=>JSON.stringify(G.value)===JSON.stringify(N[0].value))&&n("info","static_track",`'${S}' animates \`${C.prop}\` but every keyframe holds ${JSON.stringify(N[0].value)}.`,S)}let T=Xn(g.background)??y,v=g.children,E=g.x===0&&g.y===0&&g.width===i&&g.height===o;h(v??[],T,k&&E)},h=(g,y,k)=>{let S=y;for(let A of Gp(g))p(A,S,k),pl(A)&&(S=null)},b=Xn(e.backgroundColor)??null;if(h(e.layout,b,!0),d.length>0){let g=d.slice(0,3).map(y=>`'${y}'`).join(", ");n("warning","missing_emoji_font",`${d.length===1?"Text":`${d.length} text layers`} ${g}${d.length>3?", \u2026":""} ${d.length===1?"has":"have"} emoji, but no emoji font is registered, so the emoji draw nothing. Run \`npx framefields fonts add emoji\` and call the generated \`registerFonts()\`, or \`FontManager.registerEmojiFont(path)\` with a color emoji font.`,d[0])}return a&&s.length>0&&n("info","ambient_with_environment",`The environment already fills shadows with light; ambient light ${s.join(", ")} adds flat light on top (remove it, or lower it, if the scene looks washed out).`),l&&c.length>0&&!a&&n("info","pbr_without_environment",`roughness / metallic are set (${c.slice(0,3).join(", ")}${c.length>3?", \u2026":""}) but the scene has no Layer.environment(): add one for physically based shading, reflections and tone mapping.`),r}f();var fl=u.union([u.number().min(0),u.enum(["auto","fit","fill"]),u.custom()]),Wp=u.enum(["rect","circle","ellipse","polygon","star","arrow","path"]),hl=u.union([u.instanceof(Qt),u.object({op:u.string().min(1)}).passthrough(),u.custom(e=>!!(e&&typeof e=="object"&&"op"in e&&typeof e.op=="string"))]),Hp=u.enum(["x","y","scale","rotation","opacity","width","height","volume","hidden","muted","gap","padding","borderRadius","fontSize","text","fill","color","letterSpacing","d","trimStart","trimEnd","trimOffset","strokeWidth","strokeDashOffset","cornerRadius","starInnerRadiusRatio","fillColor","strokeColor","borderColor","borderWidth","motionBlurShutter","rangeStart","rangeEnd","offset","animatorRangeStart","animatorRangeEnd","animatorOffset","firstMargin","lastMargin","baselineShift","rotateX","rotateY","rotateZ","perspective","translateZ","perspectiveOriginX","perspectiveOriginY","cameraX","cameraY","cameraZ","targetX","targetY","targetZ","cameraPitch","cameraYaw","cameraRoll","cameraFov","cameraZoom","focalLength","focusDistance","fStop","maxBlurRadius","shakeTranslation","shakeRotation","orbitRadius","orbitAzimuth","orbitElevation","z","scaleZ","intensity","angle","radius","penumbra","decay","shininess","roughness","specularIntensity","ambientIntensity","metallic","ior","dispersion","transmission","fresnelPower","envIntensity","animationProgress","animationTime","animationSpeed","wireframe","scaleX","scaleY","emissive","emissiveIntensity","exposure"]),la=u.enum(["alpha","alpha-inverted","luma","luma-inverted"]),gl=u.enum(["lit","unlit","toon","glass","acrylic","frosted","metallic"]);var Yp=u.enum(["interpolate","hueRotate","threshold"]),Xp=u.object({name:u.enum(["none","power1","power2","power3","sine","circ","expo","back","elastic","bounce","spring","cubic","hold"]),dir:u.enum(["in","out","inOut"]),params:u.array(u.number()).optional()}).strict().superRefine((e,t)=>{if(e.name==="spring"&&e.params){let[r,n,i]=e.params;r!==void 0&&r<=0&&t.addIssue({code:u.ZodIssueCode.custom,message:"Spring damping must be greater than 0.",path:["params",0]}),n!==void 0&&n<=0&&t.addIssue({code:u.ZodIssueCode.custom,message:"Spring stiffness must be greater than 0.",path:["params",1]}),i!==void 0&&i<=0&&t.addIssue({code:u.ZodIssueCode.custom,message:"Spring mass must be greater than 0.",path:["params",2]})}}),qp=u.object({id:u.string().min(1),frame:u.number().int().min(0),value:u.union([u.number(),u.boolean(),u.string()]),ease:Xp.optional(),presetGroupId:u.string().optional(),presetType:u.string().optional(),spatialTangentIn:u.object({x:u.number(),y:u.number()}).optional(),spatialTangentOut:u.object({x:u.number(),y:u.number()}).optional()}).strict(),Zp=u.enum(["continuous","accumulate"]),Kp=u.enum(["composition","layer"]),Qp=u.discriminatedUnion("type",[u.object({type:u.literal("keyframe")}),u.object({type:u.literal("signal"),inputHandleId:u.string(),multiplier:u.number().default(1),offset:u.number().default(0),smoothingWindowFrames:u.number().min(0).default(0),colorMode:Yp.optional(),colorA:u.string().optional(),colorB:u.string().optional(),colorThreshold:u.number().optional(),signalMode:Zp.optional(),threshold:u.number().optional(),accumulateThreshold:u.number().optional(),debounceFrames:u.number().int().min(0).optional(),channel:u.string().optional(),clock:Kp.optional()}),u.object({type:u.literal("wiggle"),frequency:u.number().default(2),amplitude:u.number().default(50),octaves:u.number().int().min(1).max(4).default(1),seed:u.number().default(1234)}),u.object({type:u.literal("springOvershoot"),damping:u.number().default(12),stiffness:u.number().default(180),mass:u.number().default(1)})]),Jp=u.preprocess(e=>{if(!e||typeof e!="object")return e;let t=e;if(t.type==="signal"){let r=typeof t.threshold=="number"?t.threshold:typeof t.accumulateThreshold=="number"?t.accumulateThreshold:.15;return{type:"signal",inputHandleId:t.inputHandleId??t.handleId,multiplier:t.multiplier??t.amplitude??1,offset:t.offset??0,smoothingWindowFrames:t.smoothingWindowFrames??t.smoothing??0,colorMode:t.colorMode,colorA:t.colorA,colorB:t.colorB,colorThreshold:t.colorThreshold,signalMode:t.signalMode??"continuous",threshold:r,accumulateThreshold:r,debounceFrames:t.debounceFrames??2,channel:typeof t.channel=="string"?t.channel:"primary",...t.clock!==void 0&&{clock:t.clock}}}return e},Qp),ef=(e,t)=>{if(e?.tracks)for(let r=0;r<e.tracks.length;r++){let n=e.tracks[r],i=n.keyframes??[];(!n.source||n.source.type==="keyframe")&&i.length<1&&t.addIssue({code:u.ZodIssueCode.custom,message:`Track for property '${n.prop}' must have at least 1 keyframe.`,path:["tracks",r,"keyframes"]});let a=n.prop==="hidden"||n.prop==="muted",s=n.prop==="fillColor"||n.prop==="strokeColor"||n.prop==="fill"||n.prop==="color",l=n.prop==="d";for(let c=0;c<i.length;c++){let d=i[c];if(c>0){let p=i[c-1];d.frame<p.frame?t.addIssue({code:u.ZodIssueCode.custom,message:"Keyframes must be sorted in ascending order of frame.",path:["tracks",r,"keyframes",c]}):d.frame===p.frame&&t.addIssue({code:u.ZodIssueCode.custom,message:"Duplicate keyframes at the same frame are not allowed.",path:["tracks",r,"keyframes",c]})}let m=typeof d.value;a?m!=="boolean"&&t.addIssue({code:u.ZodIssueCode.custom,message:`Keyframe value for discrete property '${n.prop}' must be a boolean.`,path:["tracks",r,"keyframes",c,"value"]}):s?m!=="string"&&t.addIssue({code:u.ZodIssueCode.custom,message:`Keyframe value for color property '${n.prop}' must be a string.`,path:["tracks",r,"keyframes",c,"value"]}):l?m!=="string"&&t.addIssue({code:u.ZodIssueCode.custom,message:"Keyframe value for 'd' must be SVG path data (a string).",path:["tracks",r,"keyframes",c,"value"]}):m!=="number"||Number.isNaN(d.value)||!Number.isFinite(d.value)?t.addIssue({code:u.ZodIssueCode.custom,message:`Keyframe value for numeric property '${n.prop}' must be a finite number.`,path:["tracks",r,"keyframes",c,"value"]}):(n.prop==="volume"||n.prop==="trimStart"||n.prop==="trimEnd")&&(d.value<0||d.value>1)&&t.addIssue({code:u.ZodIssueCode.custom,message:`Keyframe value for property '${n.prop}' must be between 0 and 1.`,path:["tracks",r,"keyframes",c,"value"]})}}},tf=u.object({id:u.string().min(1),prop:Hp,source:Jp.optional(),keyframes:u.array(qp).default([]),repeat:u.number().int().optional(),yoyo:u.boolean().optional(),durationFrames:u.number().int().min(1).optional()}).strict(),ca=u.object({tracks:u.array(tf).max(24),frameStep:u.number().int().min(1).max(24).optional()}).strict().superRefine(ef),bl=u.object({shadowColor:ie.optional(),lightColor:ie.optional(),threshold:u.number().min(-1).max(1).optional(),softness:u.number().min(0).max(2).optional(),diffuse:u.number().min(0).max(1).optional()}).strict(),yl=u.object({color:ie.optional(),width:u.number().min(0).max(32).optional(),referenceHeight:u.number().positive().optional(),creaseAngle:u.number().min(0).max(180).optional(),depthThreshold:u.number().positive().max(1).optional(),opacity:u.number().min(0).max(1).optional()}).strict(),Rt={id:u.string().min(1),inputHandleId:u.string().optional(),position:u.enum(["relative","absolute"]).default("relative"),x:u.union([u.number(),u.custom()]).default(0),y:u.union([u.number(),u.custom()]).default(0),width:fl.optional(),height:fl.optional(),grow:u.number().min(0).optional(),flexShrink:u.number().min(0).optional(),flexBasis:u.number().min(0).optional(),alignSelf:u.enum(["auto","start","center","end","stretch","baseline"]).optional(),aspectRatio:u.number().positive().optional(),zIndex:u.number().int().default(0),hidden:u.boolean().default(!1),opacity:u.number().min(0).max(1).default(1),blendMode:u.string().optional(),effects:u.array(hl).optional(),rotation:u.number().default(0),scale:u.number().min(0).default(1),scaleX:u.number().default(1),scaleY:u.number().default(1),anchorX:u.number().min(0).max(1).default(.5),anchorY:u.number().min(0).max(1).default(.5),startFrame:u.number().int().min(0).default(0),durationFrames:u.number().int().min(1).optional(),motionBlurShutter:u.number().min(0).max(360).optional(),rotateX:u.number().default(0),rotateY:u.number().default(0),rotateZ:u.number().default(0),perspective:u.number().min(0).default(0),perspectiveOriginX:u.number().default(.5),perspectiveOriginY:u.number().default(.5),translateZ:u.number().default(0),backfaceVisibility:u.enum(["visible","hidden"]).default("visible"),transformStyle:u.enum(["flat","preserve-3d"]).default("flat"),is3D:u.boolean().default(!1),z:u.union([u.number(),u.custom()]).default(0),scaleZ:u.number().default(1),twoSided:u.boolean().default(!0),material:gl.default("lit"),ior:u.number().min(1).max(3).optional(),roughness:u.number().min(0).max(1).optional(),shininess:u.number().min(1).max(512).default(32),specularIntensity:u.number().min(0).default(.5),metallic:u.number().min(0).max(1).optional(),ambientIntensity:u.number().min(0).default(1),transmission:u.number().min(0).max(1).optional(),dispersion:u.number().min(0).max(1).optional(),fresnelPower:u.number().min(1).max(10).optional(),envIntensity:u.number().min(0).max(10).optional(),emissive:ie.optional(),emissiveIntensity:u.number().min(0).optional(),castShadow:u.boolean().optional(),toon:bl.optional(),outline:u.boolean().optional(),matte:u.object({node:u.custom(e=>typeof e=="object"&&e!==null),mode:la.optional()}).optional(),matteId:u.string().optional(),matteOf:u.string().optional(),matteMode:la.optional(),relief:u.object({node:u.custom(e=>typeof e=="object"&&e!==null),amount:u.number().optional()}).optional(),reliefId:u.string().optional(),reliefOf:u.string().optional(),reliefAmount:u.number().optional(),animation:ca.default({tracks:[]}),vision:u.unknown().optional(),relighting:u.unknown().optional()},xl=u.object({color:ie,offset:u.object({x:u.number(),y:u.number()}).optional(),blurRadius:u.number().min(0).optional()}).strict(),rf=u.object({x:u.number().optional(),y:u.number().optional(),scale:u.number().optional(),scaleX:u.number().optional(),scaleY:u.number().optional(),rotation:u.number().optional(),rotationX:u.number().optional(),rotationY:u.number().optional(),opacity:u.number().optional(),blur:u.number().optional(),color:u.string().optional()}).strict(),wl=u.object({id:u.string(),unit:u.enum(["character","word","line"]).default("character"),rangeStart:u.number().min(0).max(1).default(0),rangeEnd:u.number().min(0).max(1).default(1),offset:u.number().min(-1).max(1).default(0),easing:u.string().default("power2.out"),transform:rf.optional()}),nf={waveRise(e={}){return{id:e.id??"wave-rise",unit:e.unit??"character",rangeStart:e.rangeStart??0,rangeEnd:e.rangeEnd??1,offset:e.offset??-1,easing:e.easing??"power2.out",transform:{y:e.y??40,rotationX:e.rotationX??45,opacity:e.opacity??0,blur:e.blur??0}}},wordPop(e={}){return{id:e.id??"word-pop",unit:"word",rangeStart:0,rangeEnd:1,offset:-1,easing:e.easing??"back.out(1.6)",transform:{scale:e.scale??0,y:e.y??20,opacity:0}}},blurIn(e={}){return{id:e.id??"blur-in",unit:e.unit??"character",rangeStart:0,rangeEnd:1,offset:-1,easing:e.easing??"power3.out",transform:{blur:e.blur??16,y:e.y??20,opacity:e.opacity??0}}},flip3D(e={}){return{id:e.id??"flip-3d",unit:e.unit??"character",rangeStart:0,rangeEnd:1,offset:-1,easing:e.easing??"back.out(1.4)",transform:{rotationX:e.rotationX??90,opacity:0}}},colorSweep(e){return{id:e.id??"color-sweep",unit:e.unit??"character",rangeStart:0,rangeEnd:.5,offset:-.5,easing:e.easing??"power2.inOut",transform:{color:e.color}}}},of=u.object({focalLength:u.number().min(5).max(500).default(50),fov:u.number().min(5).max(160).optional(),sensorWidth:u.number().default(36),near:u.number().min(.1).default(1),far:u.number().min(10).default(5e4),zoom:u.number().min(.01).default(1)}).strict(),af=u.object({enabled:u.boolean().default(!1),focusDistance:u.number().min(1).default(1e3),fStop:u.number().min(.5).max(64).default(2.8),maxBlurRadius:u.number().min(0).max(128).default(32),apertureBlades:u.number().int().min(0).max(12).default(0),anamorphicRatio:u.number().min(.5).max(3).default(1)}).strict(),sf=u.object({translationAmplitude:u.number().min(0).default(0),rotationAmplitude:u.number().min(0).default(0),frequency:u.number().min(.1).max(60).default(2.5),octaves:u.number().int().min(1).max(6).default(3),seed:u.number().default(42)}).strict(),vl=u.object({id:u.string().min(1),kind:u.literal("camera"),mode:u.enum(["lookAt","free","orbit"]).default("lookAt"),x:u.number().optional(),y:u.number().optional(),z:u.number().optional(),targetX:u.number().optional(),targetY:u.number().optional(),targetZ:u.number().optional(),pitch:u.number().default(0),yaw:u.number().default(0),roll:u.number().default(0),lens:of.optional(),dof:af.optional(),shake:sf.optional(),startFrame:u.number().int().min(0).default(0),durationFrames:u.number().int().min(1).optional(),animation:ca.default({tracks:[]})}).strict(),Sl=u.enum(["ambient","directional","point","spot","environment"]),kl=u.enum(["studio","soft","sunset","night","neutral"]),Pl=u.enum(["neutral","agx","aces","none"]),Ml=u.object({color:ie,start:u.number().min(0),end:u.number().min(0),opacity:u.number().min(0).max(1).optional()}).strict(),Tl=u.object({intensity:u.number().min(0).max(10).optional(),threshold:u.number().min(0).max(16).optional(),knee:u.number().min(0).max(1).optional(),radius:u.number().min(1).max(8).optional()}).strict(),Al=u.object({y:u.number(),color:ie.optional(),reflectivity:u.number().min(0).max(1).optional(),roughness:u.number().min(0).max(1).optional(),fadeDistance:u.number().min(0).optional(),opacity:u.number().min(0).max(1).optional()}).strict(),Cl=u.object({id:u.string().min(1),kind:u.literal("light"),lightType:Sl.default("directional"),color:ie.default("#ffffff"),intensity:u.number().default(1),x:u.number().optional(),y:u.number().optional(),z:u.number().optional(),targetX:u.number().optional(),targetY:u.number().optional(),targetZ:u.number().optional(),direction:u.tuple([u.number(),u.number(),u.number()]).optional(),radius:u.number().min(0).default(1e3),decay:u.number().min(0).default(2),angle:u.number().min(0).max(180).default(45),penumbra:u.number().min(0).max(1).default(.2),castShadow:u.boolean().optional(),shadowSoftness:u.number().min(0).max(64).optional(),shadowDarkness:u.number().min(0).max(1).optional(),shadowMapSize:u.number().int().min(256).max(8192).optional(),preset:kl.optional(),top:ie.optional(),horizon:ie.optional(),bottom:ie.optional(),softboxes:u.number().min(0).optional(),rotation:u.number().optional(),exposure:u.number().min(-16).max(16).optional(),toneMapping:Pl.optional(),fog:Ml.optional(),floor:Al.optional(),outlines:u.union([u.boolean(),yl]).optional(),bloom:u.union([u.boolean(),Tl]).optional(),startFrame:u.number().int().min(0).default(0),durationFrames:u.number().int().min(1).optional(),animation:ca.default({tracks:[]})}).strict(),da=()=>u.array(u.lazy(()=>ma)),Dl=u.object({...Rt,kind:u.literal("flex"),dir:u.enum(["row","column"]).default("row"),gap:u.number().min(0).default(0),padding:u.number().min(0).default(0),justify:u.enum(["start","center","end","space-between","space-around"]).default("start"),align:u.enum(["start","center","end","stretch"]).default("start"),wrap:u.boolean().default(!1),staggerFrames:u.number().min(0).default(0),staggerDirection:u.enum(["forward","reverse","center-out"]).default("forward"),overflow:u.enum(["visible","hidden"]).default("visible"),background:ie.optional(),borderRadius:u.number().min(0).optional(),borderColor:ie.optional(),borderWidth:u.number().min(0).optional(),strokeAlign:u.enum(["inside","center","outside"]).optional(),strokeRadius:u.number().min(0).optional(),children:da().optional()}).strict(),uf=u.object({...Rt,kind:u.literal("block"),gap:u.number().min(0).default(0),padding:u.number().min(0).default(0),align:u.enum(["start","center","end","stretch"]).default("start"),staggerFrames:u.number().min(0).default(0),staggerDirection:u.enum(["forward","reverse","center-out"]).default("forward"),overflow:u.enum(["visible","hidden"]).default("visible"),background:ie.optional(),borderRadius:u.number().min(0).optional(),borderColor:ie.optional(),borderWidth:u.number().min(0).optional(),strokeAlign:u.enum(["inside","center","outside"]).optional(),strokeRadius:u.number().min(0).optional(),children:da().optional()}).strict(),Ol=u.object({...Rt,kind:u.literal("box"),background:ie,borderRadius:u.number().min(0).optional(),padding:u.number().min(0).default(0),staggerFrames:u.number().min(0).default(0),staggerDirection:u.enum(["forward","reverse","center-out"]).default("forward"),overflow:u.enum(["visible","hidden"]).default("visible"),borderColor:ie.optional(),borderWidth:u.number().min(0).optional(),strokeAlign:u.enum(["inside","center","outside"]).optional(),strokeRadius:u.number().min(0).optional(),children:da().optional()}).strict(),Rl=u.object({background:ie,borderRadius:u.number().min(0).optional(),paddingX:u.number().min(0).optional(),paddingY:u.number().min(0).optional()}).strict(),Nl=u.object({text:u.union([u.string(),u.custom(e=>!!(e&&typeof e=="object"&&"get"in e))]),fontFamily:u.string().optional(),fontSize:u.union([u.number().positive(),u.custom(e=>!!(e&&typeof e=="object"&&"get"in e))]).optional(),fontWeight:u.union([u.number().int(),u.string()]).optional(),fontStyle:u.enum(["normal","italic"]).optional(),fill:u.union([ie,u.custom(e=>!!(e&&typeof e=="object"&&"get"in e))]).optional(),letterSpacing:u.number().optional(),baselineShift:u.number().optional(),opacity:u.union([u.number().min(0).max(1),u.custom(e=>!!(e&&typeof e=="object"&&"get"in e))]).optional(),mark:Rl.optional()}).strict(),lf={text:u.string().default(""),spans:u.array(Nl).optional(),fontFamily:u.string().optional(),fontSize:u.number().positive().optional(),fontWeight:u.union([u.number().int(),u.string()]).optional(),fontStyle:u.string().optional(),fill:ie,align:u.enum(["start","center","end"]).optional(),direction:u.enum(["ltr","rtl","auto"]).optional(),verticalAlign:u.enum(["top","middle","bottom"]).optional(),lineHeight:u.number().positive().optional(),letterSpacing:u.number().optional(),background:ie,borderRadius:u.number().min(0).optional(),padding:u.number().min(0).optional(),stroke:ie,strokeWidth:u.number().min(0).optional(),strokeAlign:u.enum(["inside","center","outside"]).optional(),textShadow:u.string().optional(),shadows:u.array(xl).optional(),pathOptions:ir.optional(),typewriter:Wn.optional(),marquee:Jo.optional(),animators:u.array(u.union([wl,or,ea])).optional()},Fl=u.object({...Rt,...lf,kind:u.literal("text")}).strict(),El=u.object({...Rt,kind:u.literal("media"),inputHandleId:u.string().min(1),src:u.string().optional(),dataType:u.string().optional(),fit:u.enum(["cover","contain","fill","none"]).default("contain"),dpr:u.number().min(1).max(4).optional(),borderRadius:u.number().min(0).optional(),borderColor:ie.optional(),borderWidth:u.number().min(0).optional(),strokeAlign:u.enum(["inside","center","outside"]).optional(),strokeRadius:u.number().min(0).optional(),volume:u.number().min(0).max(1).default(1),muted:u.boolean().default(!1),trimStartSec:u.number().min(0).optional(),timeRemap:su.optional(),fontFamily:u.string().optional(),fontSize:u.number().positive().optional(),fontWeight:u.union([u.number().int(),u.string()]).optional(),fontStyle:u.string().optional(),fill:ie,align:u.enum(["start","center","end"]).optional(),direction:u.enum(["ltr","rtl","auto"]).optional(),verticalAlign:u.enum(["top","middle","bottom"]).optional(),lineHeight:u.number().positive().optional(),letterSpacing:u.number().optional(),background:ie,padding:u.number().min(0).optional(),stroke:ie,strokeWidth:u.number().min(0).optional(),textShadow:u.string().optional(),shadows:u.array(xl).optional(),maxWidth:u.number().optional()}).strict().superRefine((e,t)=>{if(!e.timeRemap)return;e.trimStartSec!==void 0&&t.addIssue({code:"custom",path:["timeRemap"],message:"timeRemap cannot be combined with trimStartSec"}),e.dataType!=="Video"&&e.dataType!=="Audio"&&t.addIssue({code:"custom",path:["timeRemap"],message:"timeRemap requires video or audio media"});let r=uu(e.timeRemap,e.durationFrames??0);r&&t.addIssue({code:"custom",path:["timeRemap"],message:r})}),cf={shapeType:Wp.default("rect"),borderRadius:u.number().min(0).optional(),radiusTL:u.number().min(0).optional(),radiusTR:u.number().min(0).optional(),radiusBR:u.number().min(0).optional(),radiusBL:u.number().min(0).optional(),polygonSides:u.number().int().min(3).max(64).optional(),starPoints:u.number().int().min(3).max(64).optional(),starInnerRadiusRatio:u.number().min(.01).max(.99).optional(),arrowHeadWidth:u.number().min(0).optional(),arrowHeadLength:u.number().min(0).optional(),arrowShaftWidth:u.number().min(1).optional(),d:u.string().optional(),fillType:u.enum(["solid","linear","radial","none"]).default("solid"),fillColor:ie.default("#3b82f6"),gradientEndColor:ie.optional(),gradientAngle:u.number().default(0),strokeColor:ie.default("#ffffff"),strokeWidth:u.number().min(0).default(0),strokeDashArray:u.string().optional(),strokeDashOffset:u.number().default(0),strokeLineCap:u.enum(["butt","round","square"]).default("round"),strokeLineJoin:u.enum(["miter","round","bevel"]).default("round"),strokeAlign:u.enum(["inside","center","outside"]).optional(),trimStart:u.number().min(0).max(1).default(0),trimEnd:u.number().min(0).max(1).default(1),trimOffset:u.number().default(0)},Bl=u.object({...Rt,...cf,kind:u.literal("shape")}).strict(),df=u.object({offset:u.number().min(0).max(1),color:u.string()}),Ll=u.object({...Rt,kind:u.literal("model3d"),src:u.string().default(""),modelFormat:u.enum(["obj","fbx","gltf","glb","stl","ply","vox","3ds","off","auto"]).default("auto"),modelData:u.unknown().optional(),animationName:u.string().optional(),animationProgress:u.number().min(0).max(1).default(0),animationTime:u.number().min(0).default(0),animationSpeed:u.number().default(1),loop:u.boolean().default(!0),wireframe:u.boolean().default(!1),texture:u.string().optional(),center:u.boolean().optional(),normalizeSize:u.number().optional(),scaleX:u.number().default(1),scaleY:u.number().default(1),audioDeform:u.record(u.string(),u.unknown()).optional(),color:ie.optional(),colorTint:ie.optional(),text3dOptions:u.unknown().optional(),primitive3d:u.unknown().optional(),instances3d:u.unknown().optional(),swarm3d:u.unknown().optional()}).strict(),ma=u.lazy(()=>u.discriminatedUnion("kind",[Dl,uf,Ol,Fl,El,Bl,vl,Cl,Ll])),mf=u.object({width:u.number().int().min(1).max(4096),height:u.number().int().min(1).max(4096),backgroundColor:ie,volume:u.number().min(0).max(1).default(1),fps:u.number().int().min(1).max(120).default(24),mode:u.enum(["Video","Image"]).default("Video"),antialias3d:u.boolean().optional(),layout:u.array(ma).default([]),fonts:u.array(u.string()).optional(),signals:u.record(u.string(),u.unknown()).optional(),effects:u.array(hl).optional(),vision:u.unknown().optional(),onRequestFrame:u.custom().optional()}).strict();f();var Il=u.enum(["cut","carrierMatchCut","cameraWhip","focusPullDissolve","irisAperture","pushDirectional"]),jl=u.object({sourceLayerId:u.string(),targetLayerId:u.string(),mode:u.enum(["exact","preserveVelocity","morph"]).default("preserveVelocity"),blendFrames:u.number().int().min(0).max(30).default(0)}).strict(),zl=u.object({id:u.string(),chapter:u.enum(["hook","tension","solution","feature_spotlight","outro","custom"]).default("custom"),durationMs:u.number().positive().optional(),durationFrames:u.number().int().positive().optional(),transitionOut:u.object({type:Il.default("cut"),durationFrames:u.number().int().min(0).default(0),carrier:jl.optional(),whipDirection:u.enum(["left","right","up","down"]).default("left")}).default({type:"cut",durationFrames:0,whipDirection:"left"})}).passthrough();function pf(e,t){return{x:e.x,y:e.y,scale:e.scale,vx:e.vx,vy:e.vy,...t}}function _l(e,t=60){Bn(t);let r=e.map(s=>ff(s,t)),n=0,i=0,o=[];for(let[s,l]of e.entries()){let c=r[s],d=n+c;if(!Number.isSafeInteger(d))throw new Error(`Scene '${l.id}' exceeds the safe frame range`);o.push({sceneId:l.id,startFrame:n,durationFrames:c}),i=Math.max(i,d);let m=l.transitionOverlap??l.transitionOut?.durationFrames??0;if(!Number.isSafeInteger(m)||m<0)throw new Error(`Scene '${l.id}' overlap must be a nonnegative safe integer`);if(s+1<e.length&&m>Math.min(c,r[s+1]))throw new Error(`Scene '${l.id}' overlap exceeds an adjacent scene duration`);n=d-(s+1<e.length?m:0)}let a=Math.round(i/t*1e3);if(!Number.isFinite(a))throw new Error("Sequence duration exceeds the finite range");return{totalFrames:i,totalDurationMs:a,sceneOffsets:o}}function ff(e,t){if(e.durationMs!==void 0&&(!Number.isFinite(e.durationMs)||e.durationMs<=0))throw new Error(`Scene '${e.id}' durationMs must be finite and positive`);let r=e.durationFrames??(e.durationMs===void 0?60:Math.round(e.durationMs/1e3*t));if(!Number.isSafeInteger(r)||r<=0)throw new Error(`Scene '${e.id}' duration must resolve to a positive safe integer frame count`);return r}function hf(e,t,r){let n=e.startFrame??0,i=e.durationFrames??r.durationFrames-n;if(!Number.isSafeInteger(n)||n<0||!Number.isSafeInteger(i)||i<=0||n+i>r.durationFrames)throw new Error(`Scene '${t}', layer '${e.id}': window must fit within frames [0, ${r.durationFrames})`);return{...e,startFrame:r.startFrame+n,durationFrames:i}}var Ur=class e{id;chapter;durationMs;durationFrames;transitionOut;layout;constructor(t){zl.parse(t),this.id=t.id,this.chapter=t.chapter??"custom",this.durationMs=t.durationMs,this.durationFrames=t.durationFrames,this.transitionOut={type:t.transitionOut?.type??"cut",durationFrames:t.transitionOut?.durationFrames??0,carrier:t.transitionOut?.carrier,whipDirection:t.transitionOut?.whipDirection??"left"},this.layout=t.layout??[]}static create(t){return new e(t)}},pa=class e{fps;width;height;backgroundColor;fonts;signals;scenes=[];constructor(t={}){if(this.fps=t.fps??60,this.width=t.width??1920,this.height=t.height??1080,this.backgroundColor=t.backgroundColor??"#ffffff",this.fonts=t.fonts,this.signals=t.signals,t.scenes)for(let r of t.scenes)this.addScene(r)}static create(t={}){return new e(t)}addScene(t){let r=t instanceof Ur?t:new Ur(t);return this.scenes.push(r),this}getScenes(){return this.scenes}calculateTimeline(){return _l(this.scenes,this.fps)}toProgram(){let t=this.calculateTimeline(),r=[];for(let n=0;n<this.scenes.length;n++){let i=this.scenes[n],o=t.sceneOffsets[n];if(o)for(let a of i.layout)r.push(hf(a,i.id,o))}return{width:this.width,height:this.height,backgroundColor:this.backgroundColor,fps:this.fps,volume:1,mode:"Video",layout:r,fonts:this.fonts,signals:this.signals}}};f();var qn=e=>e<0?0:e>1?1:e,gf={none:()=>e=>e,linear:()=>e=>e,power1:()=>e=>e*e,power2:()=>e=>e*e*e,cubic:()=>e=>e*e*e,power3:()=>e=>e**4,sine:()=>e=>1-Math.cos(e*Math.PI/2),circ:()=>e=>1-Math.sqrt(Math.max(0,1-e*e)),expo:()=>e=>e===0?0:2**(10*(e-1)),back:([e=1.70158])=>t=>(e+1)*t*t*t-e*t*t,elastic:([e=1,t=.3])=>{let r=Math.max(1,e),n=t/(2*Math.PI)*Math.asin(1/r);return i=>i===0||i===1?i:-(r*2**(10*(i-1))*Math.sin((i-1-n)*(2*Math.PI)/t))},bounce:()=>e=>1-bf(1-e)};function bf(e){return e<1/2.75?7.5625*e*e:e<2/2.75?7.5625*(e-1.5/2.75)**2+.75:e<2.5/2.75?7.5625*(e-2.25/2.75)**2+.9375:7.5625*(e-2.625/2.75)**2+.984375}var $l=new Map;function yf(e){if(!e)return s=>qn(s);let t=$l.get(e);if(t)return t;let r=e.trim().match(/^([a-zA-Z0-9]+)(?:\.([a-zA-Z]+))?(?:\(([^)]*)\))?$/);if(!r)throw new Error(`Unknown ease "${e}"`);let n=(r[1]??"").toLowerCase(),i=(r[2]??"out").toLowerCase(),o=(r[3]??"").split(",").map(s=>Number.parseFloat(s)).filter(s=>!Number.isNaN(s)),a;if(n==="hold")a=s=>s>=1?1:0;else{let s=gf[n];if(!s)throw new Error(`Unknown ease "${e}"`);let l=s(o);if(i==="in")a=c=>l(qn(c));else if(i==="inout")a=c=>{let d=qn(c);return d<.5?l(d*2)/2:1-l((1-d)*2)/2};else if(i==="out")a=c=>1-l(1-qn(c));else throw new Error(`Unknown ease direction in "${e}"`)}return $l.set(e,a),a}function Zn(e,t){return yf(e)(t)}var Vr=(e,t=3)=>{let r=10**t;return Math.round(e*r)/r},fa=e=>e[e.length-1];function xf(e){let t=new Map;for(let r of e)t.set(r[0],r);return[...t.values()].sort((r,n)=>r[0]-n[0])}function wf(e){let t=[];for(let r of e){for(;t.length>0&&fa(t)[0]>=r[0];)t.pop();t.push(r)}return t}function Dx(e,t){let r=e[0];if(!r)return 0;if(t<=r[0])return r[1];for(let n=1;n<e.length;n++){let[i,o]=e[n-1],[a,s,l]=e[n];if(t>a)continue;if(l==="hold")return t===a?s:o;let c=Zn(typeof l=="string"?l:void 0,(t-i)/Math.max(1,a-i));return o+(s-o)*c}return fa(e)[1]}var Ul=class{constructor(t){this.initial=t}initial;changes=[];to(t,r,n,i="power2.out"){return this.changes.push({start:t,end:Math.max(t,r),to:n,ease:i}),this}set(t,r){return this.to(t,t,r)}keys(){let t=[[0,this.initial]],r=this.initial;for(let n of[...this.changes].sort((i,o)=>i.start-o.start)){let i=fa(t),o=Math.max(n.start,i[0]+(n.end===n.start?1:0));o>i[0]&&t.push([o,r]);let a=Math.max(n.end,o);a===o?t[t.length-1]=[o,n.to,"hold"]:t.push([a,n.to,n.ease]),r=n.to}return wf(t)}},Vl=class{book=new Map;key(t,r,n){let i=this.book.get(t)??new Map;return this.book.set(t,i),i.set(r,[...i.get(r)??[],...n]),this}apply(){for(let[t,r]of this.book){let n=Q.create();for(let[i,o]of r)n.keys(i,xf(o));t.animate(n)}}};var ot=2048,vf=42,Sf=30,kf=48,Gl=-60;function Pf(e,t){let r=e.length;for(let n=1,i=0;n<r;n++){let o=r>>1;for(;i&o;o>>=1)i^=o;i^=o,n<i&&([e[n],e[i]]=[e[i],e[n]],[t[n],t[i]]=[t[i],t[n]])}for(let n=2;n<=r;n<<=1){let i=-2*Math.PI/n,o=Math.cos(i),a=Math.sin(i);for(let s=0;s<r;s+=n){let l=1,c=0;for(let d=0;d<n/2;d++){let m=s+d,p=m+n/2,h=e[p]*l-t[p]*c,b=e[p]*c+t[p]*l;e[p]=e[m]-h,t[p]=t[m]-b,e[m]=e[m]+h,t[m]=t[m]+b;let g=l*o-c*a;c=l*a+c*o,l=g}}}}function Wl(e,t){if(e.length===0)return 0;let r=[...e].sort((n,i)=>n-i);return r[Math.min(r.length-1,Math.floor(t*r.length))]}var Kn=e=>20*Math.log10(e+1e-9),Hl=e=>e<0?0:e>1?1:e;function Mf(e,t,r){return Array.from({length:e+1},(n,i)=>t*(r/t)**(i/e))}function Yl(e,t,r={}){let n=r.fps??30,i=r.bands??32,o=r.minHz??50,a=Math.min(r.maxHz??12e3,t/2),s=Math.max(0,...e.map(_=>_.length)),l=new Float32Array(s);for(let _ of e)for(let I=0;I<_.length;I++)l[I]=l[I]+_[I]/e.length;let c=Math.ceil(s/t*n),d=t/n,m=Float64Array.from({length:ot},(_,I)=>.5-.5*Math.cos(2*Math.PI*I/(ot-1))),p=Mf(i,o,a),h=t/ot,b=p.slice(0,-1).map((_,I)=>{let P=Math.max(1,Math.floor(_/h)),M=Math.max(P+1,Math.ceil(p[I+1]/h));return[P,Math.min(ot/2,M)]}),g=p.filter(_=>_<150).length,y=Array.from({length:i},()=>new Array(c)),k=new Array(c),S=new Array(c).fill(0),A=null,w=new Float64Array(ot),T=new Float64Array(ot);for(let _=0;_<c;_++){let P=Math.round((_+.5)*d)-ot/2;for(let z=0;z<ot;z++){let K=l[P+z];w[z]=(K??0)*m[z],T[z]=0}Pf(w,T);let M=[];b.forEach(([z,K],re)=>{let de=0;for(let xe=z;xe<K;xe++)de+=Math.hypot(w[xe],T[xe]);let ae=de/(K-z)*(4/ot);y[re][_]=ae,re<Math.max(1,g)&&M.push(ae)}),A&&(S[_]=M.reduce((z,K,re)=>z+Math.max(0,K-(A[re]??0)),0)),A=M;let H=Math.round(_*d),q=Math.min(s,Math.round((_+1)*d)),V=0;for(let z=H;z<q;z++)V+=l[z]**2;k[_]=Math.sqrt(V/Math.max(1,q-H))}let v=y.map(_=>Wl(_.map(Kn),.98)),E=Math.max(...v),C=y.map((_,I)=>{let P=Math.max(v[I],E-Sf,Gl-20);return _.map(M=>Vr(Hl(1-(P-Kn(M))/vf)))}),N=Math.max(Gl,Wl(k.map(Kn),.98)),G=k.map(_=>Vr(Hl(1-(N-Kn(_))/kf)));return{fps:n,frames:c,bands:C,level:G,beats:Tf(S,n)}}function Tf(e,t){let r=Math.max(2,Math.round(t*.5)),n=Math.max(1,Math.round(t*.15)),i=Math.max(0,...e),o=[];for(let a=1;a<e.length;a++){let s=e[a];if(s<=i*.08||s<e[a-1]||s<(e[a+1]??0))continue;let l=e.slice(Math.max(0,a-r),a+r+1),c=l.reduce((p,h)=>p+h,0)/l.length,d=Math.sqrt(l.reduce((p,h)=>p+(h-c)**2,0)/l.length);if(s<c+1.5*d)continue;let m=o[o.length-1];m!==void 0&&a-m<n||o.push(a)}return o}function Ex(e,t){let r=e.length;if(r===0)return[];let n=e[0]?.length??0;return Array.from({length:t},(i,o)=>{let a=Math.floor(o*r/t),s=Math.max(a+1,Math.floor((o+1)*r/t));return Array.from({length:n},(l,c)=>{let d=0;for(let m=a;m<s;m++)d+=e[m][c]??0;return Vr(d/(s-a))})})}function Bx(e,t){if(t<=0)return[...e];let r=1/(t+1),n=0;return e.map(i=>(n=i>=n?i:n+(i-n)*r,Vr(n)))}function Lx(){return u.object({fps:u.number().positive(),frames:u.number().int().min(0),bands:u.array(u.array(u.number())),level:u.array(u.number()),beats:u.array(u.number().int())})}f();function Xl(e,t=0,r={}){let n=r.tolerance??.25;if(e.length===0)return[];if(e.length===1)return[[t,e[0]]];let i=new Uint8Array(e.length);i[0]=1,i[e.length-1]=1;let o=[[0,e.length-1]];for(;o.length>0;){let[s,l]=o.pop(),c=e[s],d=e[l],m=-1,p=n;for(let h=s+1;h<l;h++){let b=(h-s)/(l-s),g=Math.abs(e[h]-(c+(d-c)*b));g>p&&(p=g,m=h)}m!==-1&&(i[m]=1,o.push([s,m],[m,l]))}let a=[];for(let s=0;s<e.length;s++)i[s]&&a.push([t+s,e[s]]);return a}function zx(e,t,r,n){let i=[];for(let o=t;o<=r;o++)i.push(e(o));return Xl(i,t,n)}function Qn(e,{stiffness:t=170,damping:r=26,mass:n=1}={}){if(e<=0)return 0;let i=Math.sqrt(t/n),o=r/(2*Math.sqrt(t*n));if(o<1){let d=i*Math.sqrt(1-o*o);return 1-Math.exp(-o*i*e)*(Math.cos(d*e)+o*i/d*Math.sin(d*e))}if(o===1)return 1-Math.exp(-i*e)*(1+i*e);let a=-i*(o-Math.sqrt(o*o-1)),s=-i*(o+Math.sqrt(o*o-1)),l=a/(a-s);return 1-((1-l)*Math.exp(a*e)+l*Math.exp(s*e))}function Af(e,t,r=.001,n=600){let i=0;for(let o=0;o<=n;o++)Math.abs(1-Qn(o/e,t))>r&&(i=o);return Math.min(n,i+1)}function _x(e,t,r,n,i,o=Math.max(1e-4,Math.abs(r-t)*.002)){let a=Af(n,i),s=Array.from({length:a+1},(l,c)=>c===a?r:t+(r-t)*Qn(c/n,i));return Xl(s,e,{tolerance:o})}function $x(e,t,r,n,i={stiffness:230,damping:24}){let o=[...e].sort((m,p)=>m[0]-p[0]),a=new Array(r+1),s=t,l=t,c=0,d=0;for(let m=0;m<=r;m++){for(;d<o.length&&o[d][0]<=m;)s=s+(l-s)*Qn((m-c)/n,i),l=o[d][1],c=o[d][0],d++;a[m]=s+(l-s)*Qn((m-c)/n,i)}return a}f();var Cf={white:[255,255,255,1],black:[0,0,0,1],transparent:[0,0,0,0]};function Gr(e){let t=e.trim().toLowerCase(),r=Cf[t];if(r)return[...r];let n=t.match(/^#([\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$/);if(n?.[1]){let o=n[1].length<=4?[...n[1]].map(s=>s+s).join(""):n[1],a=s=>Number.parseInt(o.slice(s,s+2),16);return[a(0),a(2),a(4),o.length===8?a(6)/255:1]}let i=t.match(/^rgba?\(([^)]*)\)$/);if(i?.[1]){let o=i[1].split(/[\s,/]+/).filter(Boolean);if(o.length!==3&&o.length!==4)return null;let a=(m,p)=>m.endsWith("%")?Number.parseFloat(m)/100*p:Number(m),[s,l,c]=o.slice(0,3).map(m=>a(m,255)),d=o[3]===void 0?1:a(o[3],1);return[s,l,c,d].some(m=>m===void 0||Number.isNaN(m))?null:[s,l,c,d]}return null}var ga=([e,t,r,n])=>`rgba(${Math.round(e)},${Math.round(t)},${Math.round(r)},${+n.toFixed(3)})`;function Gx(e,t){let r=Gr(e);return r?ga([r[0],r[1],r[2],t]):e}function Wx(e){let t=Gr(e);return ga(t?[t[0],t[1],t[2],0]:[0,0,0,0])}function ql(e,t,r){let n=Gr(e),i=Gr(t);if(!n||!i)return e;let o=n.map((a,s)=>a+(i[s]-a)*r);return o[3]<1?ga(o):`#${o.slice(0,3).map(a=>Math.round(a).toString(16).padStart(2,"0")).join("")}`}function ha(e){let t=Gr(e);if(!t)return null;let r=n=>{let i=n/255;return i<=.03928?i/12.92:((i+.055)/1.055)**2.4};return .2126*r(t[0])+.7152*r(t[1])+.0722*r(t[2])}function Jn(e,t){let r=ha(e),n=ha(t);if(r===null||n===null)return null;let[i,o]=r>n?[r,n]:[n,r];return(i+.05)/(o+.05)}function Zl(e){return(ha(e)??0)>.179}function Hx(e,t="#ffffff",r="#0b0c0e"){return(Jn(t,e)??0)>=(Jn(r,e)??0)?t:r}f();f();f();f();function ba(e){let t=e>>>0,r=()=>{t=t+2654435769>>>0;let n=t;return n=Math.imul(n^n>>>16,2246822507)>>>0,n=Math.imul(n^n>>>13,3266489909)>>>0,n=(n^n>>>16)>>>0,n/4294967296};return{next:r,range:(n,i)=>n+(i-n)*r(),int:(n,i)=>n+Math.floor(r()*(i-n+1)),pick:n=>{if(n.length===0)throw new Error("rng.pick: empty list");return n[Math.floor(r()*n.length)]},spread:n=>(r()*2-1)*n}}function Df(e){let t=2166136261;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=Math.imul(t,16777619)>>>0;return t>>>0}function Wr(e,t){return ba((Math.imul(e>>>0,2654435761)^Df(String(t)))>>>0)}function Qx(e,t){return ya(t),Math.round(e*t)}function Jx(e,t){return ya(t),e/t}function ew(e,t){return Math.round(e*t)}function tw(e,t){return!t||t<=0?Math.round(e):Math.round(Math.round(e/t)*t)}function ei(e,t){return ya(t),Math.max(1,Math.round(e*t/30))}function rw(e,t,r="forward",n=1){return e<=0?[]:Of(e,r,n).map(o=>Math.round(o*t))}function Of(e,t,r=1){let n=Array.from({length:e},(o,a)=>a),i=(e-1)/2;switch(t){case"forward":return n;case"reverse":return n.map(o=>e-1-o);case"center":return n.map(o=>Math.abs(o-i));case"edges":return n.map(o=>i-Math.abs(o-i));case"random":{let o=ba(r),a=[...n];for(let l=a.length-1;l>0;l--){let c=Math.floor(o.next()*(l+1));[a[l],a[c]]=[a[c],a[l]]}let s=new Array(e);return a.forEach((l,c)=>{s[l]=c}),s}}}var Rf=(e,t)=>({start:e,end:e+Math.max(0,t)}),nw=(e,t)=>e>=t.start&&e<=t.end;function iw(e){if(e.length===0)return{start:0,end:0};let t=Number.POSITIVE_INFINITY,r=Number.NEGATIVE_INFINITY;for(let n of e)t=Math.min(t,n.start),r=Math.max(r,n.end);return{start:t,end:r}}function ow(e,t=0,r=0){let n=[],i=t;for(let o of e)n.push(Rf(i,o)),i+=o+r;return n}function ya(e){if(!(e>0)||!Number.isFinite(e))throw new Error(`fps must be a positive number, got ${e}`)}var Hr=["none","fade","rise","drop","scale","pop","slide-left","slide-right","slide-up","slide-down","tilt","mask-up","mask-down","mask-left","mask-right"];function xa(e,t,r,n=30){if(e===!1||e===void 0)return null;let i=typeof e=="string"?{preset:e}:e;if(i.preset==="none")return null;if(!Hr.includes(i.preset))throw new Error(`Unknown motion preset "${i.preset}". Use one of: ${Hr.join(", ")}.`);return{preset:i.preset,duration:Math.max(1,Math.round(i.duration??ei(r.motion.speed.base,n))),ease:i.ease??(i.preset==="pop"?r.motion.ease.snap:t==="enter"?r.motion.ease.enter:r.motion.ease.exit),distance:i.distance??(i.preset.startsWith("slide-")?120:40)*r.scale,delay:Math.max(0,Math.round(i.delay??0)),blur:Nf(i.blur??i.preset.startsWith("slide-"))}}var Nf=e=>e===!0?90:e===!1?0:Math.max(0,Math.min(360,e)),Kl=e=>e.preset.startsWith("mask-");function Ql(e,t){switch(e.preset){case"mask-up":return[0,t?.height??e.distance];case"mask-down":return[0,-(t?.height??e.distance)];case"mask-left":return[t?.width??e.distance,0];case"mask-right":return[-(t?.width??e.distance),0];case"rise":case"slide-up":return[0,e.distance];case"drop":case"slide-down":return[0,-e.distance];case"slide-left":return[e.distance,0];case"slide-right":return[-e.distance,0];default:return[0,0]}}function Jl(e,t=0,r){let n=t+e.delay,i=n+e.duration,o=Q.create();Kl(e)||o.keys("opacity",[[n,0],[i,1,e.ease]]);let[a,s]=Ql(e,r);return a!==0&&o.keys("x",[[n,a],[i,0,e.ease]]),s!==0&&o.keys("y",[[n,s],[i,0,e.ease]]),e.preset==="scale"&&o.keys("scale",[[n,.92],[i,1,e.ease]]),e.preset==="pop"&&o.keys("scale",[[n,.6],[i,1,e.ease]]),e.preset==="tilt"&&(o.keys("perspective",[[n,1200]]),o.keys("rotateX",[[n,28],[i,0,e.ease]]),o.keys("translateZ",[[n,-160],[i,0,e.ease]])),o}function ec(e,t,r){let n=t-e.delay,i=Math.max(0,n-e.duration),o=Q.create();Kl(e)||o.keys("opacity",[[i,1],[n,0,e.ease]]);let[a,s]=Ql(e,r);return a!==0&&o.keys("x",[[i,0],[n,-a,e.ease]]),s!==0&&o.keys("y",[[i,0],[n,-s,e.ease]]),e.preset==="scale"&&o.keys("scale",[[i,1],[n,.92,e.ease]]),e.preset==="pop"&&o.keys("scale",[[i,1],[n,.6,e.ease]]),e.preset==="tilt"&&(o.keys("perspective",[[i,1200]]),o.keys("rotateX",[[i,0],[n,-28,e.ease]]),o.keys("translateZ",[[i,0],[n,-160,e.ease]])),o}f();var ti={ease:{enter:"expo.out",exit:"power2.in",move:"power3.inOut",snap:"back.out(1.6)"},speed:{fast:8,base:16,slow:30},spring:{settle:{stiffness:230,damping:24},base:{stiffness:260,damping:20},pop:{stiffness:320,damping:14}}},wa={regular:400,medium:500,semibold:600,bold:700,heavy:800},ka={low:{opacity:.32,distance:3,size:10,edge:.07},mid:{opacity:.4,distance:10,size:30,edge:.08},high:{opacity:.5,distance:22,size:60,edge:.1}},tc={low:{opacity:.1,distance:2,size:8,edge:0},mid:{opacity:.14,distance:8,size:26,edge:0},high:{opacity:.2,distance:18,size:54,edge:0}},va={radius:{sm:6,md:12,lg:24,pill:999},stroke:{hair:1,base:2,bold:4}},Sa={display:"Inter",body:"Inter",mono:"JetBrains Mono"},rc={graphite:{mode:"dark",color:{bg:"#0d0e11",surface:"#16181d",raised:"#1f2229",line:"#2b2f38",ink:"#f3f4f6",muted:"#8b909c",accent:"#5b8cff",accent2:"#b07cff",positive:"#3ecf8e",negative:"#ff5c5c",highlight:"#ffd23f",shadow:"#000000"},font:Sa,weight:wa,...va,elevation:ka,motion:ti,scale:1},paper:{mode:"light",color:{bg:"#f4f1ea",surface:"#fffdf8",raised:"#ffffff",line:"#dcd6c8",ink:"#1a1814",muted:"#6b665c",accent:"#e0451f",accent2:"#1f5fe0",positive:"#1f8a4c",negative:"#c8282d",highlight:"#ffe066",shadow:"#3b2f1e"},font:Sa,weight:wa,...va,elevation:tc,motion:ti,scale:1},signal:{mode:"dark",color:{bg:"#000000",surface:"#111111",raised:"#1c1c1c",line:"#333333",ink:"#ffffff",muted:"#a3a3a3",accent:"#c6ff00",accent2:"#ff2e88",positive:"#00e676",negative:"#ff1744",highlight:"#c6ff00",shadow:"#000000"},font:Sa,weight:wa,...va,elevation:ka,motion:{...ti,ease:{...ti.ease,enter:"back.out(1.8)"},speed:{fast:6,base:12,slow:24},spring:{settle:{stiffness:300,damping:26},base:{stiffness:340,damping:22},pop:{stiffness:400,damping:14}}},scale:1}};function Yr(e={},t=rc.graphite){let r=nc(t,e);e.mode===void 0&&e.color?.bg!==void 0&&(r.mode=Zl(r.color.bg)?"light":"dark",e.elevation===void 0&&(r.elevation=r.mode==="light"?tc:ka));let n=Jn(r.color.ink,r.color.surface);if(n!==null&&n<4.5)throw new Error(`Theme contrast too low: ink ${r.color.ink} on surface ${r.color.surface} is ${n.toFixed(2)}:1 (needs 4.5:1).`);return r}function fw(e,t,r=30){return ei(e.motion.speed[t],r)}function nc(e,t){if(t===void 0)return e;if(e===null||t===null||typeof e!="object"||typeof t!="object"||Array.isArray(e)||Array.isArray(t))return t;let r={...e};for(let[n,i]of Object.entries(t))r[n]=nc(r[n],i);return r}function Ff(e,t){let r={};for(let[n,i]of Object.entries(e))r[n]=i.map(o=>{let a={...o,frame:o.frame+t};return typeof o.end=="number"&&(a.end=o.end+t),a});return r}function Ef(e,{rest:t=0,peak:r=1,attack:n=0,release:i=8,ease:o="power2.out"}={}){let a=e.map(l=>typeof l=="number"?l:l.frame).sort((l,c)=>l-c),s=new Map;for(let l of a){let c=Math.max(0,l-n);s.has(c)||s.set(c,[c,t]),s.set(l,[l,r]),s.set(l+i,[l+i,t,o])}return[...s.values()].sort((l,c)=>l[0]-c[0])}var Bf=()=>u.custom(e=>typeof e=="function",{message:"Expected a function"});function ic(){return u.union([u.enum(Hr),u.object({preset:u.enum(Hr),duration:u.number().int().positive().optional(),ease:u.string().optional(),distance:u.number().optional(),delay:u.number().int().min(0).optional(),blur:u.union([u.boolean(),u.number().min(0).max(360)]).optional()})])}var oc;function Lf(){return oc??=If(),oc}function If(){return u.object({id:u.string().min(1).optional(),at:u.number().int().min(0).optional(),duration:u.number().int().positive().optional(),hold:u.number().int().min(0).optional(),enter:u.union([ic(),u.literal(!1)]).optional(),exit:u.union([ic(),u.literal(!1)]).optional(),x:u.number().optional(),y:u.number().optional(),width:u.number().positive().optional(),height:u.number().positive().optional(),position:u.enum(["absolute","relative"]).optional(),theme:u.custom(e=>typeof e=="object"&&e!==null).optional(),seed:u.number().int().optional(),fps:u.number().positive().optional(),canvas:u.object({width:u.number().positive(),height:u.number().positive()}).strict().optional(),customize:Bf().optional()})}function vw(e){return e}function jf(e){let t=e.theme?Yr(e.theme):void 0;return r=>n=>r({...e,...n,theme:n.theme&&t?Yr(n.theme,t):n.theme??t})}function zf(e,t=0){if(!Number.isFinite(e.span.end))throw new Error("after(): this component is open-ended (it stays until its parent ends). Give it a `duration`, or use its cues.");return e.span.end+t}var _f=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function ac(e,t){let r;return n=>{r??=Lf().extend(t.props()).strict();let i=r.safeParse(n??{});if(!i.success){let o=Object.keys(r.shape),a=i.error.issues.map(l=>{let c=l.path.join(".")||"(props)",d=l.code==="unrecognized_keys"&&l.path.length===0?$f(l.keys,o):"";return` - ${c}: ${l.message}${d}`}).join(`
381
- `),s=typeof n?.id=="string"?`${t.name}#${n.id}`:t.name;throw new Error(`${s}: invalid props
382
- ${a}`)}return Vf(e,t,i.data)}}function $f(e,t){let r=e.flatMap(n=>{let i,o=3;for(let a of t){let s=Uf(n.toLowerCase(),a.toLowerCase());s<o&&([i,o]=[a,s])}return i?[`"${n}" \u2192 "${i}"`]:[]});return r.length>0?` (did you mean ${r.join(", ")}?)`:""}function Uf(e,t){let r=Array.from({length:t.length+1},(n,i)=>i);for(let n=1;n<=e.length;n++){let i=[n];for(let o=1;o<=t.length;o++)i[o]=Math.min(r[o]+1,i[o-1]+1,r[o-1]+(e[n-1]===t[o-1]?0:1));r=i}return r[t.length]}function Vf(e,t,r){let n=Yr(r.theme??{}),i=r.fps??30,o=r.seed??1,a=r.id??e.autoId(_f(t.name)),s=t.defaults??{},l=r.hold??s.hold??0,c={host:e,theme:n,fps:i,seed:o,id:a,partId:P=>`${a}-${P}`,rng:P=>Wr(o,P),requested:{width:r.width,height:r.height,duration:r.duration,at:r.at??0},hold:l,canvas:r.canvas??{width:1920*n.scale,height:1080*n.scale}},d=t.build(c,r),m=xa(r.enter===void 0?s.enter:r.enter,"enter",n,i),p=xa(r.exit===void 0?s.exit:r.exit,"exit",n,i),h=d.duration===null||d.openEnded===!0&&!p&&!d.afterHold,b=r.duration??(h||d.duration===null?null:Math.max(1,d.duration+l+(d.afterHold??0)+(p?p.duration+p.delay:0)));if(b===null&&p)throw new Error(`${t.name}: an exit needs a known end. Give \`duration\`, or drop \`exit\`.`);let g=r.width??d.width,y=r.height??d.height,k=Math.max(m?.blur??0,p?.blur??0),S=m?.preset.startsWith("mask-")||p?.preset.startsWith("mask-"),A=e.box({id:c.partId("stage"),position:"absolute",x:0,y:0,width:g,height:y,overflow:"visible",...k>0&&{motionBlurShutter:k},children:d.children}),w={width:g,height:y};m&&A.animate(Jl(m,0,w)),p&&b!==null&&A.animate(ec(p,b,w));let T=r.x===void 0&&r.y===void 0&&!r.position?d.origin:void 0,v=r.x!==void 0||r.y!==void 0||T!==void 0,E=r.x??T?.[0]??0,C=r.y??T?.[1]??0,N=e.box({id:a,...v?{position:"absolute",x:E,y:C}:r.position?{position:r.position}:{},width:g,height:y,overflow:S?"hidden":"visible",startFrame:r.at??0,...b!==null&&{durationFrames:b},children:[A]}),G={...d.parts,root:N,stage:A};r.customize?.(G),Pa(N);let _=r.at??0,I=Ff(d.cues,_);if(Object.defineProperties(N,{cues:{value:I,enumerable:!1},span:{value:{start:_,end:b===null?Number.POSITIVE_INFINITY:_+b,duration:b??Number.POSITIVE_INFINITY},enumerable:!1},part:{value:P=>G[P],enumerable:!1},partNames:{value:Object.keys(G),enumerable:!1}}),d.api){let P=d.api({x:v?E:0,y:v?C:0,width:g,height:y,absolute:v,start:_});for(let[M,H]of Object.entries(P))Object.defineProperty(N,M,{value:H,enumerable:!1})}return N}function Pa(e){let t=e;for(let r of t.animation?.tracks??[]){let n=r.keyframes?.[0];!n||n.frame<=0||r.repeat||r.keyframes?.unshift({id:`${n.id}-hold`,frame:0,value:n.value})}for(let r of t.children??[])Pa(r);t.matte?.node&&Pa(t.matte.node)}f();f();var sc=(e,t)=>Math.hypot(t[0]-e[0],t[1]-e[1]),uc=(e,t,r)=>[e[0]+(t[0]-e[0])*r,e[1]+(t[1]-e[1])*r];function lc(e,t=16){if(e.length<2)return e.map(n=>[n[0],n[1]]);let r=[[e[0][0],e[0][1]]];for(let n=0;n<e.length-1;n++){let i=e[Math.max(0,n-1)],o=e[n],a=e[n+1],s=e[Math.min(e.length-1,n+2)];for(let l=1;l<=t;l++)r.push(Gf(i,o,a,s,l/t))}return r}function Gf(e,t,r,n,i){let o=(k,S)=>Math.max(1e-6,Math.sqrt(sc(k,S))),s=0+o(e,t),l=s+o(t,r),c=l+o(r,n),d=s+(l-s)*i,m=(k,S,A,w)=>w===A?k:uc(k,S,(d-A)/(w-A)),p=m(e,t,0,s),h=m(t,r,s,l),b=m(r,n,l,c),g=m(p,h,0,l),y=m(h,b,s,c);return m(g,y,s,l)}function Pw(e){if(e.length===0)throw new Error("arcPath: no points");let t=[0];for(let i=1;i<e.length;i++)t.push(t[i-1]+sc(e[i-1],e[i]));let r=t[t.length-1],n=i=>{if(e.length===1||r===0)return[0,0];let o=Math.min(1,Math.max(0,i))*r,a=0,s=t.length-1;for(;s-a>1;){let c=a+s>>1;t[c]<=o?a=c:s=c}let l=t[s]-t[a];return[a,l>0?(o-t[a])/l:0]};return{points:e,length:r,at(i){let[o,a]=n(i);return e.length===1?[e[0][0],e[0][1]]:uc(e[o],e[Math.min(o+1,e.length-1)],a)},angleAt(i){let[o]=n(i),a=e[Math.min(o,e.length-2)]??e[0],s=e[Math.min(o+1,e.length-1)];return Math.atan2(s[1]-a[1],s[0]-a[0])}}}function at(e,t=!1){if(e.length===0)return"";let r=a=>Math.round(a*100)/100,[n,...i]=e,o=[`M${r(n[0])} ${r(n[1])}`];for(let a of i)o.push(`L${r(a[0])} ${r(a[1])}`);return t&&o.push("Z"),o.join(" ")}function Mw(e,t,r=0,n=0){let i=c=>Math.round(c*1e3)/1e3,o=e.match(/[a-zA-Z]|[-+]?(?:\d+\.?\d*|\.\d+)(?:e[-+]?\d+)?/gi)??[],a=[],s="",l=0;for(let c of o){if(/^[a-zA-Z]$/.test(c)){s=c,l=0,a.push(s);continue}let d=Number(c),m=s.toUpperCase(),p=s!==m;if(m==="A"){let h=l%7;l++,h===2||h===3||h===4?a.push(String(d)):h<2||p?a.push(String(i(d*t))):a.push(String(i(d*t+(h===5?r:n))));continue}p?a.push(String(i(d*t))):m==="H"?a.push(String(i(d*t+r))):m==="V"?a.push(String(i(d*t+n))):(a.push(String(i(d*t+(l%2===0?r:n)))),l++)}return a.join(" ").replace(/ ?([a-zA-Z]) ?/g,"$1")}function Ow(e,t,r="power2.inOut"){return[[e,0],[e+Math.max(1,t),1,r]]}function Xr(e,{wobble:t=0,seed:r=1}={},n=0){if(t<=0||e.length===0)return e.map(c=>[c[0],c[1]]);let i=Wr(r,`wobble:${n}`),o=Math.max(2,Math.min(8,Math.ceil(e.length/6))),a=Array.from({length:o},()=>i.spread(t)),s=Array.from({length:o},()=>i.spread(t)),l=(c,d)=>{let m=d*(c.length-1),p=Math.min(c.length-2,Math.floor(m)),h=m-p,b=h*h*(3-2*h);return c[p]*(1-b)+c[p+1]*b};return e.map((c,d)=>{let m=e.length===1?0:d/(e.length-1);return[c[0]+l(a,m),c[1]+l(s,m)]})}function Rw(e,{padding:t=0,wobble:r=0,seed:n=1}={},i=0){let o=e.x+e.width/2,a=e.y+e.height/2,s=e.width/2+t,l=e.height/2+t,c=Wr(n,`ellipse:${i}`),d=r>0?-Math.PI*.6+c.spread(.3):0,m=r>0?Math.PI*2*1.08:Math.PI*2,p=64,h=[];for(let b=0;b<=p;b++){let g=d+m*b/p,y=r>0?1+(b/p-.5)*.06:1;h.push([o+Math.cos(g)*s*y,a+Math.sin(g)*l*y])}return at(Xr(h,{wobble:r,seed:n},i),r<=0)}function Nw(e,{padding:t=0,wobble:r=0,seed:n=1}={},i=0){let o=e.x-t,a=e.y-t,s=e.x+e.width+t,l=e.y+e.height+t,c=[[o,a],[s,a],[s,l],[o,l],[o,a]];if(r<=0)return at(c.slice(0,4),!0);let d=s-o,m=[[o+d*.06,a]];for(let p=0;p<4;p++){let h=c[p],b=c[p+1];for(let g=1;g<=8;g++){let y=g/8;p===0&&h[0]+(b[0]-h[0])*y<o+d*.06||m.push([h[0]+(b[0]-h[0])*y,h[1]+(b[1]-h[1])*y])}}return m.push([o+d*.14,a+(l-a)*.01]),at(Xr(m,{wobble:r,seed:n},i))}function Fw(e,t,{wobble:r=0,seed:n=1}={},i=0){let o=r>0?16:1,a=[];for(let s=0;s<=o;s++){let l=s/o;a.push([e[0]+(t[0]-e[0])*l,e[1]+(t[1]-e[1])*l])}return at(Xr(a,{wobble:r,seed:n},i))}function Ew(e,t,{amplitude:r=6,waves:n,wobble:i=0,seed:o=1}={},a=0){let s=Math.hypot(t[0]-e[0],t[1]-e[1]),l=n??Math.max(2,Math.round(s/28)),c=Math.atan2(t[1]-e[1],t[0]-e[0]),d=-Math.sin(c),m=Math.cos(c),p=l*8,h=[];for(let b=0;b<=p;b++){let g=b/p,y=Math.sin(g*l*Math.PI*2)*r;h.push([e[0]+(t[0]-e[0])*g+d*y,e[1]+(t[1]-e[1])*g+m*y])}return at(Xr(h,{wobble:i,seed:o},a))}var Wf=e=>{let t=Math.min(1,Math.max(0,e));return t*t*(3-2*t)};function Hf(e,t){let r=t;for(let n=e.length-1;n>0;n--){let i=e[n],o=e[n-1],a=Math.hypot(i[0]-o[0],i[1]-o[1]);if(a>=r&&a>0){let s=r/a;return[i[0]+(o[0]-i[0])*s,i[1]+(o[1]-i[1])*s]}r-=a}return e[0]}function Bw(e,t,{curve:r="arc",headSize:n=18,wobble:i=0,seed:o=1}={},a=0){let s=t[0]-e[0],l=t[1]-e[1],c=Math.hypot(s,l)||1,d=-l/c,m=s/c,p=r==="straight"?0:r==="arc"?.18:.35,h=r==="swoop"?[e,[e[0]+s*.3+d*c*p,e[1]+l*.3+m*c*p],[e[0]+s*.75-d*c*p*.4,e[1]+l*.75-m*c*p*.4],t]:[e,[e[0]+s*.5+d*c*p,e[1]+l*.5+m*c*p],t],b=p===0?[e,t]:lc(h,12),g=Xr(b,{wobble:i,seed:o},a).map((T,v)=>{let E=b.length===1?0:v/(b.length-1),C=E<=.75?1:1-Wf((E-.75)/.25),N=b[v];return[N[0]+(T[0]-N[0])*C,N[1]+(T[1]-N[1])*C]}),y=Hf(b,n),k=Math.atan2(t[1]-y[1],t[0]-y[0]),S=T=>[t[0]-Math.cos(k+T*.5)*n,t[1]-Math.sin(k+T*.5)*n],A=S(1),w=S(-1);return{shaft:at(g),head:`${at([A,t])} ${at([t,w]).replace(/^M/,"L")}`}}function Lw(e,{start:t,end:r,every:n,variants:i=3}){let o=Array.from({length:Math.max(1,i)},(l,c)=>e(c));if(n<=0||o.length===1)return[[t,o[0]]];let a=[],s=0;for(let l=t;l<=r;l+=n)a.push([l,o[s%o.length],"hold"]),s++;return a}f();var ri={char:"textIndex",word:"wordIndex",line:"lineIndex"},Yf=e=>String(Math.round(e*1e4)/1e4),bt=e=>`[${e.map(Yf).join(",")}]`;function _w(e,t,r,n){let i=Math.max(1,Math.round(t.duration)),o=Array.from({length:i+1},(d,m)=>Zn(t.ease,m/i)),a=ri[e],s=d=>`(${d}[${a}]??${d}[${d}.length-1])`,l=r==="enter"?"1-v":"v",c=n?`(${l})*${s("F")}`:l;return["((S,L,F)=>{",`const t=frame-${s("S")};`,"const k=floor(t);",`const v=t<=0?L[0]:t>=${i}?L[${i}]:L[k]+(L[k+1]-L[k])*(t-k);`,`return ${c};`,`})(${bt(t.starts)},${bt(o)},${n?bt(n):"0"})`].join("")}function $w(e,t,r,n){let i=ri[e],o=n?`*(${bt(n)}[${i}]??0)`:"";return`((S,E)=>{const s=S[${i}];return s!==undefined&&frame>=s&&frame<E[${i}]?1${o}:0;})(${bt(t)},${bt(r)})`}function Uw(e,t){return`((S)=>frame<(S[${ri[e]}]??S[S.length-1])?1:0)(${bt(t)})`}function Vw(e,t){return t.filter((r,n)=>e[n]!==`
383
- `)}function Gw(e,t){return`(${bt(t)}[${ri[e]}]??0)`}function Ww(e,t,r){return{name:e,selectors:[{type:"expression",expression:t,mode:"add",amount:1}],props:r}}function Hw(e,t){let r={textIndex:t.textIndex??0,wordIndex:t.wordIndex??0,lineIndex:t.lineIndex??0,frame:t.frame,floor:Math.floor,clamp:(o,a,s)=>Math.max(a,Math.min(s,o)),abs:Math.abs,min:Math.min,max:Math.max},n=new Function(...Object.keys(r),`return (${e});`),i=Number(n(...Object.values(r)));return Number.isFinite(i)?Math.max(-1,Math.min(1,i)):0}f();var Xf={titles:{landscape:{x:.06,top:.08,bottom:.1},portrait:{x:.08,top:.1,bottom:.24}},captions:{landscape:{x:.1,top:.08,bottom:.1},portrait:{x:.08,top:.12,bottom:.22}}};function qw(e,t,r=Xf.titles){if(t&&typeof t=="object")return t;let{width:n,height:i}=e,a=(t?t==="portrait":i>n)?r.portrait:r.landscape;return{x:n*a.x,y:i*a.top,width:n*(1-2*a.x),height:i*(1-a.top-a.bottom)}}f();function Qw(e){if(!/^[A-Z][A-Za-z0-9]+$/.test(e.name))throw new Error(`Component name must be PascalCase: "${e.name}"`);if(e.summary.length>200)throw new Error(`${e.name}: summary must be one sentence (\u2264 200 chars).`);return e}f();var cc;function rv(){return cc??=u.custom(e=>e!=null&&(Array.isArray(e)||typeof e=="object"||typeof e=="function"),{message:"Expected a target: [x, y], a rect, { node }, { text }, { track } or (frame) => point"}),cc}f();function qf(e,t){let r=e.elevation[t],n=e.scale;return{...r.opacity>0&&{dropShadow:{color:e.color.shadow,opacity:r.opacity,angle:90,distance:r.distance*n,size:r.size*n}},...r.edge>0&&{innerShadow:{color:"#ffffff",opacity:r.edge,angle:270,distance:Math.max(1,n),size:0,blendMode:"normal"}}}}function av(e,t,r,n){if(n===!1)return t;let i=qf(r,n);return Object.keys(i).length>0?e.style(t,i):t}function sv(e,t,r=.05){if(t.mode==="light"||r<=0)return e;let n=ql(e,"#ffffff",r);return n===e?e:`linear-gradient(180deg, ${n} 0%, ${e} 100%)`}f();f();function cv(e){let t=[];for(let r of e.matchAll(/\S+/g)){let n=r.index??0;t.push({text:r[0],start:n,end:n+r[0].length,index:t.length})}return t}function dc(e,t,r=0){if(typeof t=="string"){let o=0;for(let a=0;;a++){let s=e.indexOf(t,o);if(s<0)return null;if(a===r)return[s,s+t.length];o=s+Math.max(1,t.length)}}let n=t.flags.includes("g")?t.flags:`${t.flags}g`,i=0;for(let o of e.matchAll(new RegExp(t.source,n))){if(i===r)return[o.index??0,(o.index??0)+o[0].length];i++}return null}function Zf(e,t,r){if(!r.width||!r.align||r.align==="left")return 0;let n=Number.POSITIVE_INFINITY,i=Number.NEGATIVE_INFINITY;for(let a of e.glyphs)a.line!==t||a.char.trim()===""||(n=Math.min(n,a.x),i=Math.max(i,a.x+a.width));if(!Number.isFinite(n))return 0;let o=r.width-(i-n);return(r.align==="center"?o/2:o)-n}function mc(e,t,r,n){let i=new Map;for(let o of e.glyphs){if(o.index<t||o.index>=r||o.char.trim()==="")continue;let a=i.get(o.line)??{min:Number.POSITIVE_INFINITY,max:Number.NEGATIVE_INFINITY};a.min=Math.min(a.min,o.x),a.max=Math.max(a.max,o.x+o.width-(n.letterSpacing??0)),i.set(o.line,a)}return[...i.entries()].sort(([o],[a])=>o-a).map(([o,a])=>{let s=Zf(e,o,n);return{x:a.min+s,y:o*e.lineHeight,width:a.max-a.min,height:e.lineHeight}})}var pc=e=>Array.isArray(e)&&e.length===2&&e.every(t=>typeof t=="number"),Kf=e=>typeof e=="object"&&e!==null&&["x","y","width","height"].every(t=>typeof e[t]=="number"),Ye=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0;function ni(e,t,r){if(typeof e=="function")return e(t);if(e&&typeof e.get=="function"){let n=t/r;return e.get({frame:t,fps:r,time:n,duration:0,durationMs:0,progress:0,deltaTime:1/r})}throw new Error("Tracked target values must be signals or (frame) => number.")}function fv(e,t={}){if(typeof e=="function")return{kind:"dynamic",anchor:"center",at:i=>{let o=e(i);return pc(o)?{x:o[0],y:o[1],width:0,height:0}:o}};if(pc(e))return{kind:"static",anchor:"center",rects:[{x:e[0],y:e[1],width:0,height:0}]};if(Kf(e))return{kind:"static",anchor:"center",rects:[e]};if("track"in e){let i=e.track,o=t.fps??30;return{kind:"dynamic",anchor:e.anchor??"center",at:a=>({x:ni(i.x,a,o),y:ni(i.y,a,o),width:ni(i.width,a,o),height:ni(i.height,a,o)})}}if("text"in e)return{kind:"static",anchor:e.anchor??"tip",rects:eh(e,t)};let r=e.node,n=Qf(r);if(!n)throw new Error(`Target node "${r.id??"?"}" has no absolute geometry. Give it numeric x, y, width and height, or target a rect.`);return{kind:"static",anchor:e.anchor??"center",rects:[n]}}function Qf(e){let t=Ye(e.x),r=Ye(e.y),n=Ye(e.width),i=Ye(e.height);return t===void 0||r===void 0||n===void 0||i===void 0?null:{x:t,y:r,width:n,height:i}}function Jf(e,t){let r=e.text,n=typeof r.text=="string"?r.text:typeof r.content=="string"?r.content:null;if(n===null)throw new Error("Text target node has no string content.");let i=Ye(r.x),o=Ye(r.y);if(i===void 0||o===void 0)throw new Error(`Text target "${r.id??"?"}" needs numeric x and y so its glyphs can be placed.`);if(!t.measure)throw new Error("Text targets need a measure function.");let a=r.fontFamily??t.textDefaults?.fontFamily;if(!a)throw new Error("Text target has no fontFamily.");let s={...t.textDefaults,fontFamily:a,fontSize:Ye(r.fontSize)??t.textDefaults?.fontSize,fontWeight:r.fontWeight??t.textDefaults?.fontWeight,letterSpacing:Ye(r.letterSpacing)??t.textDefaults?.letterSpacing,lineHeight:Ye(r.lineHeight)??t.textDefaults?.lineHeight,width:Ye(r.width),align:th(r.align),direction:r.direction},l=e.range??(e.match!==void 0?dc(n,e.match,e.nth??0):[0,n.length]);if(!l)throw new Error(`Text target: "${String(e.match)}" not found in "${n}".`);return{content:n,metrics:t.measure(n,s),options:s,range:[l[0],l[1]],x:i,y:o}}function eh(e,t){let r=Jf(e,t),n=mc(r.metrics,r.range[0],r.range[1],r.options);if(n.length===0)throw new Error("Text target range covers no glyphs.");return n.map(i=>({...i,x:i.x+r.x,y:i.y+r.y}))}function th(e){return e==="center"?"center":e==="end"||e==="right"?"right":"left"}function rh(e){if(e.length===0)return{x:0,y:0,width:0,height:0};let t=Number.POSITIVE_INFINITY,r=Number.POSITIVE_INFINITY,n=Number.NEGATIVE_INFINITY,i=Number.NEGATIVE_INFINITY;for(let o of e)t=Math.min(t,o.x),r=Math.min(r,o.y),n=Math.max(n,o.x+o.width),i=Math.max(i,o.y+o.height);return{x:t,y:r,width:n-t,height:i-r}}function fc(e,t="center",r=!1){let{x:n,y:i,width:o,height:a}=e;switch(t){case"tip":return r?[n,i+a/2]:[n+o/2,i+a/2];case"center":return[n+o/2,i+a/2];case"top":return[n+o/2,i];case"bottom":return[n+o/2,i+a];case"left":return[n,i+a/2];case"right":return[n+o,i+a/2];case"top-left":return[n,i];case"top-right":return[n+o,i];case"bottom-left":return[n,i+a];case"bottom-right":return[n+o,i+a]}}function hv(e,t=0,r=!1){if(e.kind==="dynamic")return fc(e.at(t),e.anchor,r);let n=e.rects[0];return fc(e.anchor==="tip"?n:rh(e.rects),e.anchor,r)}f();function yv(e,t,r,n,i=0){let o=r/t,a=[],s=i;for(let l=0;l<e.length;l++){let c=e[l-1]??"",d=l===0?0:o*(1+n.spread(.3));c===" "&&(d+=o*.6),/[.,!?;:]/.test(c)&&(d+=o*3),s+=d,a.push(Math.max(i,Math.round(s)))}for(let l=1;l<a.length;l++)a[l]=Math.max(a[l],a[l-1]+1);return a}f();f();var qr=class{textures=new Map;set(t,r){this.textures.set(t,r)}get(t){return this.textures.get(t)}has(t){return this.textures.has(t)}getOutputs(){return{canny:this.textures.get("canny"),depth:this.textures.get("depth"),normals:this.textures.get("normals"),poseSkeleton:this.textures.get("poseSkeleton"),segmentationMask:this.textures.get("segmentationMask"),faceLandmarks:this.textures.get("faceLandmarks"),motionVectors:this.textures.get("motionVectors"),deflickered:this.textures.get("deflickered")}}createBindGroupEntry(t,r){let n=this.textures.get(t);if(!n)throw new Error(`[ControlNetMultiplexer] Cannot create bind group entry: conditioning texture "${t}" is not registered in VRAM.`);return{binding:r,resource:n.createView({label:`controlnet_${t}_view`})}}exportTensorView(t){let r=this.textures.get(t);if(!r)throw new Error(`[ControlNetMultiplexer] Conditioning tensor "${t}" not found in multiplexer.`);return{texture:r,width:r.width,height:r.height,format:r.format}}async readPixelsAsync(t,r){let n=this.textures.get(r);if(!n)throw new Error(`[ControlNetMultiplexer] Cannot read pixels: conditioning texture "${r}" is missing.`);let i=n.width,o=n.height,a=n.format,s=4;a==="rgba16float"||a==="rg32float"?s=8:a==="r32float"?s=4:a==="rgba32float"&&(s=16);let l=i*s,c=Math.ceil(l/256)*256,d=c*o,m=t.createBuffer({size:d,usage:GPUBufferUsage.COPY_DST|GPUBufferUsage.MAP_READ,label:`controlnet_readback_staging_${r}`}),p=t.createCommandEncoder({label:`readback_encoder_${r}`});p.copyTextureToBuffer({texture:n},{buffer:m,bytesPerRow:c,rowsPerImage:o},[i,o,1]),t.queue.submit([p.finish()]),await m.mapAsync(GPUMapMode.READ);let h=m.getMappedRange(),b=new Uint8Array(i*o*s),g=new Uint8Array(h);if(c===l)b.set(g.subarray(0,i*o*s));else for(let y=0;y<o;y++){let k=y*c,S=y*l;b.set(g.subarray(k,k+l),S)}return m.unmap(),m.destroy(),{width:i,height:o,format:a,data:b}}destroy(){for(let t of this.textures.values())try{t.destroy()}catch{}this.textures.clear()}};f();f();f();var hc=`
384
- struct CannyParams {
385
- lowThreshold: f32,
386
- highThreshold: f32,
387
- width: u32,
388
- height: u32,
389
- };
390
-
391
- @group(0) @binding(0) var inputTex: texture_2d<f32>;
392
- @group(0) @binding(1) var magnitudeTex: texture_storage_2d<rgba16float, write>;
393
- @group(0) @binding(2) var<uniform> params: CannyParams;
394
-
395
- fn getLuma(coord: vec2<i32>, maxCoord: vec2<i32>) -> f32 {
396
- let clamped = clamp(coord, vec2<i32>(0), maxCoord);
397
- let c = textureLoad(inputTex, clamped, 0);
398
- return dot(c.rgb, vec3<f32>(0.299, 0.587, 0.114));
399
- }
400
-
401
- @compute @workgroup_size(16, 16)
402
- fn computeSobel(@builtin(global_invocation_id) id: vec3<u32>) {
403
- if (id.x >= params.width || id.y >= params.height) { return; }
404
-
405
- let x = i32(id.x);
406
- let y = i32(id.y);
407
- let maxCoord = vec2<i32>(i32(params.width) - 1, i32(params.height) - 1);
408
-
409
- let p00 = getLuma(vec2<i32>(x - 1, y - 1), maxCoord);
410
- let p10 = getLuma(vec2<i32>(x, y - 1), maxCoord);
411
- let p20 = getLuma(vec2<i32>(x + 1, y - 1), maxCoord);
412
- let p01 = getLuma(vec2<i32>(x - 1, y), maxCoord);
413
- let p21 = getLuma(vec2<i32>(x + 1, y), maxCoord);
414
- let p02 = getLuma(vec2<i32>(x - 1, y + 1), maxCoord);
415
- let p12 = getLuma(vec2<i32>(x, y + 1), maxCoord);
416
- let p22 = getLuma(vec2<i32>(x + 1, y + 1), maxCoord);
417
-
418
- let gx = (p20 + 2.0 * p21 + p22) - (p00 + 2.0 * p01 + p02);
419
- let gy = (p02 + 2.0 * p12 + p22) - (p00 + 2.0 * p10 + p20);
420
-
421
- let mag = sqrt(gx * gx + gy * gy);
422
- let angle = atan2(gy, gx);
423
-
424
- // Quantize angle into 4 sectors (0: 0 deg, 1: 45 deg, 2: 90 deg, 3: 135 deg)
425
- var sector: f32 = 0.0;
426
- let a = (angle * 180.0 / 3.14159265 + 180.0) % 180.0;
427
- if ((a >= 0.0 && a < 22.5) || (a >= 157.5 && a <= 180.0)) {
428
- sector = 0.0;
429
- } else if (a >= 22.5 && a < 67.5) {
430
- sector = 1.0;
431
- } else if (a >= 67.5 && a < 112.5) {
432
- sector = 2.0;
433
- } else {
434
- sector = 3.0;
435
- }
436
-
437
- textureStore(magnitudeTex, id.xy, vec4<f32>(mag, sector, 0.0, 1.0));
438
- }
439
- `,gc=`
440
- struct CannyParams {
441
- lowThreshold: f32,
442
- highThreshold: f32,
443
- width: u32,
444
- height: u32,
445
- };
446
-
447
- @group(0) @binding(0) var magnitudeTex: texture_2d<f32>;
448
- @group(0) @binding(1) var edgeTex: texture_storage_2d<rgba8unorm, write>;
449
- @group(0) @binding(2) var<uniform> params: CannyParams;
450
-
451
- @compute @workgroup_size(16, 16)
452
- fn computeNonMaxSuppression(@builtin(global_invocation_id) id: vec3<u32>) {
453
- if (id.x >= params.width || id.y >= params.height) { return; }
454
-
455
- let x = i32(id.x);
456
- let y = i32(id.y);
457
- let maxCoord = vec2<i32>(i32(params.width) - 1, i32(params.height) - 1);
458
-
459
- let center = textureLoad(magnitudeTex, vec2<i32>(x, y), 0);
460
- let mag = center.r;
461
- let sector = u32(round(center.g));
462
-
463
- var n1 = 0.0;
464
- var n2 = 0.0;
465
-
466
- switch (sector) {
467
- case 0u: {
468
- n1 = textureLoad(magnitudeTex, clamp(vec2<i32>(x - 1, y), vec2<i32>(0), maxCoord), 0).r;
469
- n2 = textureLoad(magnitudeTex, clamp(vec2<i32>(x + 1, y), vec2<i32>(0), maxCoord), 0).r;
470
- }
471
- case 1u: {
472
- n1 = textureLoad(magnitudeTex, clamp(vec2<i32>(x + 1, y - 1), vec2<i32>(0), maxCoord), 0).r;
473
- n2 = textureLoad(magnitudeTex, clamp(vec2<i32>(x - 1, y + 1), vec2<i32>(0), maxCoord), 0).r;
474
- }
475
- case 2u: {
476
- n1 = textureLoad(magnitudeTex, clamp(vec2<i32>(x, y - 1), vec2<i32>(0), maxCoord), 0).r;
477
- n2 = textureLoad(magnitudeTex, clamp(vec2<i32>(x, y + 1), vec2<i32>(0), maxCoord), 0).r;
478
- }
479
- default: {
480
- n1 = textureLoad(magnitudeTex, clamp(vec2<i32>(x - 1, y - 1), vec2<i32>(0), maxCoord), 0).r;
481
- n2 = textureLoad(magnitudeTex, clamp(vec2<i32>(x + 1, y + 1), vec2<i32>(0), maxCoord), 0).r;
482
- }
483
- }
484
-
485
- var edge = 0.0;
486
- // Non-maximum suppression along gradient sector with directional tie-breaking
487
- if (mag > n1 && mag >= n2 && mag > 0.0) {
488
- if (mag >= params.highThreshold) {
489
- edge = 1.0;
490
- } else if (mag >= params.lowThreshold) {
491
- edge = 0.5;
492
- }
493
- }
494
-
495
- textureStore(edgeTex, id.xy, vec4<f32>(edge, edge, edge, 1.0));
496
- }
497
- `,bc=`
498
- struct CannyParams {
499
- lowThreshold: f32,
500
- highThreshold: f32,
501
- width: u32,
502
- height: u32,
503
- };
504
-
505
- @group(0) @binding(0) var magnitudeTex: texture_2d<f32>;
506
- @group(0) @binding(1) var edgeTex: texture_storage_2d<r32float, write>;
507
- @group(0) @binding(2) var<uniform> params: CannyParams;
508
-
509
- @compute @workgroup_size(16, 16)
510
- fn computeNonMaxSuppression(@builtin(global_invocation_id) id: vec3<u32>) {
511
- if (id.x >= params.width || id.y >= params.height) { return; }
512
-
513
- let x = i32(id.x);
514
- let y = i32(id.y);
515
- let maxCoord = vec2<i32>(i32(params.width) - 1, i32(params.height) - 1);
516
-
517
- let center = textureLoad(magnitudeTex, vec2<i32>(x, y), 0);
518
- let mag = center.r;
519
- let sector = u32(round(center.g));
520
-
521
- var n1 = 0.0;
522
- var n2 = 0.0;
523
-
524
- switch (sector) {
525
- case 0u: {
526
- n1 = textureLoad(magnitudeTex, clamp(vec2<i32>(x - 1, y), vec2<i32>(0), maxCoord), 0).r;
527
- n2 = textureLoad(magnitudeTex, clamp(vec2<i32>(x + 1, y), vec2<i32>(0), maxCoord), 0).r;
528
- }
529
- case 1u: {
530
- n1 = textureLoad(magnitudeTex, clamp(vec2<i32>(x + 1, y - 1), vec2<i32>(0), maxCoord), 0).r;
531
- n2 = textureLoad(magnitudeTex, clamp(vec2<i32>(x - 1, y + 1), vec2<i32>(0), maxCoord), 0).r;
532
- }
533
- case 2u: {
534
- n1 = textureLoad(magnitudeTex, clamp(vec2<i32>(x, y - 1), vec2<i32>(0), maxCoord), 0).r;
535
- n2 = textureLoad(magnitudeTex, clamp(vec2<i32>(x, y + 1), vec2<i32>(0), maxCoord), 0).r;
536
- }
537
- default: {
538
- n1 = textureLoad(magnitudeTex, clamp(vec2<i32>(x - 1, y - 1), vec2<i32>(0), maxCoord), 0).r;
539
- n2 = textureLoad(magnitudeTex, clamp(vec2<i32>(x + 1, y + 1), vec2<i32>(0), maxCoord), 0).r;
540
- }
541
- }
542
-
543
- var edge = 0.0;
544
- // Non-maximum suppression along gradient sector with directional tie-breaking
545
- if (mag > n1 && mag >= n2 && mag > 0.0) {
546
- if (mag >= params.highThreshold) {
547
- edge = 1.0;
548
- } else if (mag >= params.lowThreshold) {
549
- edge = 0.5;
550
- }
551
- }
552
-
553
- textureStore(edgeTex, id.xy, vec4<f32>(edge, 0.0, 0.0, 1.0));
554
- }
555
- `;var Zr=class{constructor(t){this.device=t;let r=t.createShaderModule({label:"canny_sobel.wgsl",code:hc});this.sobelPipeline=t.createComputePipeline({label:"CannySobelPipeline",layout:"auto",compute:{module:r,entryPoint:"computeSobel"}});let n=t.createShaderModule({label:"canny_nms_rgba8.wgsl",code:gc});this.nmsRgba8Pipeline=t.createComputePipeline({label:"CannyNmsRgba8Pipeline",layout:"auto",compute:{module:n,entryPoint:"computeNonMaxSuppression"}});let i=t.createShaderModule({label:"canny_nms_r32f.wgsl",code:bc});this.nmsR32fPipeline=t.createComputePipeline({label:"CannyNmsR32fPipeline",layout:"auto",compute:{module:i,entryPoint:"computeNonMaxSuppression"}}),this.uniformBuffer=t.createBuffer({size:16,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST,label:"canny_uniform_buffer"})}device;sobelPipeline;nmsRgba8Pipeline;nmsR32fPipeline;uniformBuffer;cachedIntermediateTexture;cachedOutputTexture;execute(t,r={}){let n=t.width,i=t.height,o=r.low??.1,a=r.high??.3,s=r.outputFormat??"rgba8unorm",l=new ArrayBuffer(16),c=new Float32Array(l),d=new Uint32Array(l);c[0]=o,c[1]=a,d[2]=n,d[3]=i,this.device.queue.writeBuffer(this.uniformBuffer,0,l),(!this.cachedIntermediateTexture||this.cachedIntermediateTexture.width!==n||this.cachedIntermediateTexture.height!==i)&&(this.cachedIntermediateTexture?.destroy(),this.cachedIntermediateTexture=this.device.createTexture({label:"canny_magnitude_intermediate",size:[n,i],format:"rgba16float",usage:GPUTextureUsage.STORAGE_BINDING|GPUTextureUsage.TEXTURE_BINDING})),(!this.cachedOutputTexture||this.cachedOutputTexture.width!==n||this.cachedOutputTexture.height!==i||this.cachedOutputTexture.format!==s)&&(this.cachedOutputTexture?.destroy(),this.cachedOutputTexture=this.device.createTexture({label:`canny_edge_output_${s}`,size:[n,i],format:s,usage:GPUTextureUsage.STORAGE_BINDING|GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_SRC}));let m=this.device.createCommandEncoder({label:"canny_command_encoder"}),p=this.device.createBindGroup({layout:this.sobelPipeline.getBindGroupLayout(0),entries:[{binding:0,resource:t.createView()},{binding:1,resource:this.cachedIntermediateTexture.createView()},{binding:2,resource:{buffer:this.uniformBuffer}}]}),h=m.beginComputePass({label:"canny_sobel_pass"});h.setPipeline(this.sobelPipeline),h.setBindGroup(0,p),h.dispatchWorkgroups(Math.ceil(n/16),Math.ceil(i/16)),h.end();let b=s==="r32float"?this.nmsR32fPipeline:this.nmsRgba8Pipeline,g=this.device.createBindGroup({layout:b.getBindGroupLayout(0),entries:[{binding:0,resource:this.cachedIntermediateTexture.createView()},{binding:1,resource:this.cachedOutputTexture.createView()},{binding:2,resource:{buffer:this.uniformBuffer}}]}),y=m.beginComputePass({label:"canny_nms_pass"});return y.setPipeline(b),y.setBindGroup(0,g),y.dispatchWorkgroups(Math.ceil(n/16),Math.ceil(i/16)),y.end(),this.device.queue.submit([m.finish()]),this.cachedOutputTexture}destroy(){this.cachedIntermediateTexture?.destroy(),this.cachedOutputTexture?.destroy(),this.uniformBuffer.destroy()}};f();f();var yc=`
556
- struct DepthNormalParams {
557
- width: u32,
558
- height: u32,
559
- depthScale: f32,
560
- _pad: f32,
561
- };
562
-
563
- @group(0) @binding(0) var depthTex: texture_2d<f32>;
564
- @group(0) @binding(1) var normalTex: texture_storage_2d<rgba16float, write>;
565
- @group(0) @binding(2) var<uniform> params: DepthNormalParams;
566
-
567
- @compute @workgroup_size(16, 16)
568
- fn computeNormals(@builtin(global_invocation_id) id: vec3<u32>) {
569
- if (id.x >= params.width || id.y >= params.height) { return; }
570
-
571
- let c = id.xy;
572
- let maxX = params.width - 1u;
573
- let maxY = params.height - 1u;
574
-
575
- let left = textureLoad(depthTex, vec2<u32>(max(c.x - 1u, 0u), c.y), 0).r;
576
- let right = textureLoad(depthTex, vec2<u32>(min(c.x + 1u, maxX), c.y), 0).r;
577
- let up = textureLoad(depthTex, vec2<u32>(c.x, max(c.y - 1u, 0u)), 0).r;
578
- let down = textureLoad(depthTex, vec2<u32>(c.x, min(c.y + 1u, maxY)), 0).r;
579
-
580
- let dx = (right - left) * 0.5 * params.depthScale;
581
- let dy = (down - up) * 0.5 * params.depthScale;
582
-
583
- let normal = normalize(vec3<f32>(-dx, -dy, 1.0));
584
- // Pack [-1, 1] range to [0, 1]
585
- let packedColor = vec4<f32>(normal * 0.5 + 0.5, 1.0);
586
- textureStore(normalTex, id.xy, packedColor);
587
- }
588
- `,xc=`
589
- struct DepthNormalParams {
590
- width: u32,
591
- height: u32,
592
- depthScale: f32,
593
- _pad: f32,
594
- };
595
-
596
- @group(0) @binding(0) var depthTex: texture_2d<f32>;
597
- @group(0) @binding(1) var normalTex: texture_storage_2d<rgba8unorm, write>;
598
- @group(0) @binding(2) var<uniform> params: DepthNormalParams;
599
-
600
- @compute @workgroup_size(16, 16)
601
- fn computeNormals(@builtin(global_invocation_id) id: vec3<u32>) {
602
- if (id.x >= params.width || id.y >= params.height) { return; }
603
-
604
- let c = id.xy;
605
- let maxX = params.width - 1u;
606
- let maxY = params.height - 1u;
607
-
608
- let left = textureLoad(depthTex, vec2<u32>(max(c.x - 1u, 0u), c.y), 0).r;
609
- let right = textureLoad(depthTex, vec2<u32>(min(c.x + 1u, maxX), c.y), 0).r;
610
- let up = textureLoad(depthTex, vec2<u32>(c.x, max(c.y - 1u, 0u)), 0).r;
611
- let down = textureLoad(depthTex, vec2<u32>(c.x, min(c.y + 1u, maxY)), 0).r;
612
-
613
- let dx = (right - left) * 0.5 * params.depthScale;
614
- let dy = (down - up) * 0.5 * params.depthScale;
615
-
616
- let normal = normalize(vec3<f32>(-dx, -dy, 1.0));
617
- // Pack [-1, 1] range to [0, 1]
618
- let packedColor = vec4<f32>(normal * 0.5 + 0.5, 1.0);
619
- textureStore(normalTex, id.xy, packedColor);
620
- }
621
- `;var Kr=class{constructor(t){this.device=t;let r=t.createShaderModule({label:"depth_normals_rgba16f.wgsl",code:yc});this.normalRgba16fPipeline=t.createComputePipeline({label:"DepthNormalsRgba16fPipeline",layout:"auto",compute:{module:r,entryPoint:"computeNormals"}});let n=t.createShaderModule({label:"depth_normals_rgba8.wgsl",code:xc});this.normalRgba8Pipeline=t.createComputePipeline({label:"DepthNormalsRgba8Pipeline",layout:"auto",compute:{module:n,entryPoint:"computeNormals"}}),this.uniformBuffer=t.createBuffer({size:16,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST,label:"depth_normals_uniform_buffer"})}device;normalRgba16fPipeline;normalRgba8Pipeline;uniformBuffer;cachedOutputTexture;execute(t,r={}){let n=t.width,i=t.height,o=r.depthScale??1,a=r.outputFormat??"rgba16float",s=new ArrayBuffer(16),l=new Uint32Array(s),c=new Float32Array(s);l[0]=n,l[1]=i,c[2]=o,c[3]=0,this.device.queue.writeBuffer(this.uniformBuffer,0,s),(!this.cachedOutputTexture||this.cachedOutputTexture.width!==n||this.cachedOutputTexture.height!==i||this.cachedOutputTexture.format!==a)&&(this.cachedOutputTexture?.destroy(),this.cachedOutputTexture=this.device.createTexture({label:`normal_output_${a}`,size:[n,i],format:a,usage:GPUTextureUsage.STORAGE_BINDING|GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_SRC}));let d=a==="rgba8unorm"?this.normalRgba8Pipeline:this.normalRgba16fPipeline,m=this.device.createCommandEncoder({label:"depth_normals_command_encoder"}),p=this.device.createBindGroup({layout:d.getBindGroupLayout(0),entries:[{binding:0,resource:t.createView()},{binding:1,resource:this.cachedOutputTexture.createView()},{binding:2,resource:{buffer:this.uniformBuffer}}]}),h=m.beginComputePass({label:"depth_normals_compute_pass"});return h.setPipeline(d),h.setBindGroup(0,p),h.dispatchWorkgroups(Math.ceil(n/16),Math.ceil(i/16)),h.end(),this.device.queue.submit([m.finish()]),this.cachedOutputTexture}destroy(){this.cachedOutputTexture?.destroy(),this.uniformBuffer.destroy()}};f();f();var wc=`
622
- struct FaceSegment {
623
- start: vec2<f32>,
624
- end: vec2<f32>,
625
- color: vec4<f32>,
626
- radius: f32,
627
- enabled: f32,
628
- pad: vec2<f32>,
629
- };
630
-
631
- struct FaceParams {
632
- width: u32,
633
- height: u32,
634
- numSegments: u32,
635
- pad: u32,
636
- };
637
-
638
- @group(0) @binding(0) var outputTex: texture_storage_2d<rgba8unorm, write>;
639
- @group(0) @binding(1) var<uniform> params: FaceParams;
640
- @group(0) @binding(2) var<storage, read> segments: array<FaceSegment>;
641
-
642
- @compute @workgroup_size(16, 16)
643
- fn computeFaceLandmarks(@builtin(global_invocation_id) id: vec3<u32>) {
644
- if (id.x >= params.width || id.y >= params.height) {
645
- return;
646
- }
647
-
648
- let p = vec2<f32>(f32(id.x) + 0.5, f32(id.y) + 0.5);
649
- var outColor = vec4<f32>(0.0, 0.0, 0.0, 1.0); // Solid black background for SDXL ControlNet
650
-
651
- let count = params.numSegments;
652
- for (var i = 0u; i < count; i = i + 1u) {
653
- let seg = segments[i];
654
- if (seg.enabled < 0.5) {
655
- continue;
656
- }
657
-
658
- let ab = seg.end - seg.start;
659
- let ap = p - seg.start;
660
- let l2 = dot(ab, ab);
661
-
662
- var t: f32 = 0.0;
663
- if (l2 > 0.0001) {
664
- t = clamp(dot(ap, ab) / l2, 0.0, 1.0);
665
- }
666
-
667
- let closest = seg.start + t * ab;
668
- let dist = length(p - closest);
669
-
670
- if (dist <= seg.radius) {
671
- let edgeAlpha = clamp(seg.radius - dist + 0.5, 0.0, 1.0);
672
- outColor = vec4<f32>(mix(outColor.rgb, seg.color.rgb, edgeAlpha * seg.color.a), 1.0);
673
- }
674
- }
675
-
676
- textureStore(outputTex, id.xy, outColor);
677
- }
678
- `;function st(e,t){let r=[];for(let n=0;n<e.length-1;n++)r.push({from:e[n],to:e[n+1],color:t});return r}var Qr=[...st([70,63,105,66,107],[0,1,1,1]),...st([300,293,334,296,336],[0,1,1,1]),...st([33,160,158,133,153,144,33],[0,1,0,1]),...st([263,387,385,362,380,373,263],[0,1,0,1]),...st([168,6,197,195,4],[1,1,0,1]),...st([98,97,2,326,327],[1,1,0,1]),...st([61,185,40,39,37,0,267,269,270,409,291,375,321,405,314,17,84,181,91,146,61],[1,.2,.2,1]),...st([78,95,88,178,87,14,317,402,318,324,308,415,310,311,312,13,82,81,80,191,78],[1,0,.8,1]),...st([10,338,297,332,284,251,389,356,454,323,361,288,397,365,379,378,400,377,152,148,176,149,150,136,172,58,132,93,234,127,162,21,54,103,67,109,10],[.9,.9,.9,1])],ii=class{constructor(t){this.device=t;let r=t.createShaderModule({label:"face_landmarks.wgsl",code:wc});this.computePipeline=t.createComputePipeline({label:"FaceLandmarksComputePipeline",layout:"auto",compute:{module:r,entryPoint:"computeFaceLandmarks"}}),this.uniformBuffer=t.createBuffer({size:64,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST,label:"face_landmarks_uniform_buffer"});let n=Math.max(256,Qr.length*48);this.storageBuffer=t.createBuffer({size:n,usage:GPUBufferUsage.STORAGE|GPUBufferUsage.COPY_DST,label:"face_landmarks_storage_buffer"})}device;computePipeline;uniformBuffer;storageBuffer;cachedOutputTexture;execute(t,r={}){let n=r.width??1024,i=r.height??1024,o=r.lineWidth??4,a=Math.max(1,o/2),s=new Uint32Array(4);s[0]=n,s[1]=i,s[2]=Qr.length,s[3]=0,this.device.queue.writeBuffer(this.uniformBuffer,0,s);let l=new Float32Array(Qr.length*12);for(let p=0;p<Qr.length;p++){let h=Qr[p],b=t[h.from],g=t[h.to],y=p*12;if(!b||!g||(b.visibility??1)<.2||(g.visibility??1)<.2){l[y+9]=0;continue}l[y+0]=b.x*n,l[y+1]=b.y*i,l[y+2]=g.x*n,l[y+3]=g.y*i,l[y+4]=h.color[0],l[y+5]=h.color[1],l[y+6]=h.color[2],l[y+7]=h.color[3],l[y+8]=a,l[y+9]=1,l[y+10]=0,l[y+11]=0}this.device.queue.writeBuffer(this.storageBuffer,0,l),(!this.cachedOutputTexture||this.cachedOutputTexture.width!==n||this.cachedOutputTexture.height!==i)&&(this.cachedOutputTexture?.destroy(),this.cachedOutputTexture=this.device.createTexture({size:{width:n,height:i},format:"rgba8unorm",usage:GPUTextureUsage.STORAGE_BINDING|GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_SRC|GPUTextureUsage.COPY_DST,label:"face_landmarks_output_texture"}));let c=this.device.createBindGroup({label:"FaceLandmarksBindGroup",layout:this.computePipeline.getBindGroupLayout(0),entries:[{binding:0,resource:this.cachedOutputTexture.createView()},{binding:1,resource:{buffer:this.uniformBuffer}},{binding:2,resource:{buffer:this.storageBuffer}}]}),d=this.device.createCommandEncoder({label:"FaceLandmarksCommandEncoder"}),m=d.beginComputePass({label:"FaceLandmarksComputePass"});return m.setPipeline(this.computePipeline),m.setBindGroup(0,c),m.dispatchWorkgroups(Math.ceil(n/16),Math.ceil(i/16)),m.end(),this.device.queue.submit([d.finish()]),this.cachedOutputTexture}destroy(){this.uniformBuffer.destroy(),this.storageBuffer.destroy(),this.cachedOutputTexture?.destroy()}};f();f();var vc=`
679
- struct SegParams {
680
- threshold: f32,
681
- feather: f32,
682
- width: u32,
683
- height: u32,
684
- };
685
-
686
- @group(0) @binding(0) var inputTex: texture_2d<f32>;
687
- @group(0) @binding(1) var outputTex: texture_storage_2d<rgba8unorm, write>;
688
- @group(0) @binding(2) var<uniform> params: SegParams;
689
-
690
- @compute @workgroup_size(16, 16)
691
- fn computeSegmentation(@builtin(global_invocation_id) id: vec3<u32>) {
692
- if (id.x >= params.width || id.y >= params.height) {
693
- return;
694
- }
695
-
696
- let coord = vec2<i32>(i32(id.x), i32(id.y));
697
- let sample = textureLoad(inputTex, coord, 0);
698
-
699
- // Luminance or alpha channel extraction
700
- let rawAlpha = max(sample.a, dot(sample.rgb, vec3<f32>(0.299, 0.587, 0.114)));
701
-
702
- let lower = max(0.0, params.threshold - params.feather);
703
- let upper = min(1.0, params.threshold + params.feather);
704
- let alpha = smoothstep(lower, upper, rawAlpha);
705
-
706
- textureStore(outputTex, id.xy, vec4<f32>(alpha, alpha, alpha, 1.0));
707
- }
708
- `;var oi=class{constructor(t){this.device=t;let r=t.createShaderModule({label:"segmentation.wgsl",code:vc});this.computePipeline=t.createComputePipeline({label:"SegmentationComputePipeline",layout:"auto",compute:{module:r,entryPoint:"computeSegmentation"}}),this.uniformBuffer=t.createBuffer({size:16,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST,label:"segmentation_uniform_buffer"})}device;computePipeline;uniformBuffer;cachedOutputTexture;execute(t,r={}){let n=t.width,i=t.height,o=r.threshold??.5,a=r.feather??.05,s=new ArrayBuffer(16),l=new Float32Array(s),c=new Uint32Array(s);l[0]=o,l[1]=a,c[2]=n,c[3]=i,this.device.queue.writeBuffer(this.uniformBuffer,0,s),(!this.cachedOutputTexture||this.cachedOutputTexture.width!==n||this.cachedOutputTexture.height!==i)&&(this.cachedOutputTexture?.destroy(),this.cachedOutputTexture=this.device.createTexture({label:"segmentation_output_texture",size:[n,i],format:"rgba8unorm",usage:GPUTextureUsage.STORAGE_BINDING|GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_SRC}));let d=this.device.createCommandEncoder({label:"segmentation_command_encoder"}),m=this.device.createBindGroup({label:"segmentation_bind_group",layout:this.computePipeline.getBindGroupLayout(0),entries:[{binding:0,resource:t.createView({label:"segmentation_input_view"})},{binding:1,resource:this.cachedOutputTexture.createView({label:"segmentation_output_view"})},{binding:2,resource:{buffer:this.uniformBuffer}}]}),p=d.beginComputePass({label:"segmentation_compute_pass"});return p.setPipeline(this.computePipeline),p.setBindGroup(0,m),p.dispatchWorkgroups(Math.ceil(n/16),Math.ceil(i/16),1),p.end(),this.device.queue.submit([d.finish()]),this.cachedOutputTexture}destroy(){this.cachedOutputTexture?.destroy(),this.cachedOutputTexture=void 0,this.uniformBuffer.destroy()}};var ar=class e{constructor(t){this.source=t;this.id=`tensor-${Math.random().toString(36).slice(2,9)}`}source;id;cannyOptions;depthNormalsOptions;poseSkeletonOptions;faceLandmarksOptions;segmentationOptions;opticalFlowOptions;deflickerOptions;multiplexer=new qr;cannyPipeline;depthNormalsPipeline;posePipeline;facePipeline;segmentationPipeline;opticalFlowPipeline;deflickerPipeline;prevInputTexture;static from(t){return new e(t)}canny(t={}){return this.cannyOptions=t,this}depthNormals(t={}){return this.depthNormalsOptions=t,this}poseSkeleton(t={}){return this.poseSkeletonOptions=t,this}pose(t,r={}){return this.poseSkeletonOptions={...r,landmarks:t},this}faceLandmarks(t={}){return this.faceLandmarksOptions=t,this}face(t,r={}){return this.faceLandmarksOptions={...r,landmarks:t},this}segmentation(t={}){return this.segmentationOptions=t,this}opticalFlow(t={}){return this.opticalFlowOptions=t,this}deflicker(t={}){return this.deflickerOptions=t,this}getMultiplexer(){return this.multiplexer}async execute(t,r){let n=r;if(!n&&typeof this.source?.createView=="function"&&(n=this.source),!n)throw new Error("[TensorPipeline.execute] No GPUTexture available for tensor compute execution. Pass a valid GPUTexture to execute() or initialize with a GPUTexture source.");if(this.cannyOptions){this.cannyPipeline||(this.cannyPipeline=new Zr(t));let i=this.cannyPipeline.execute(n,this.cannyOptions);this.multiplexer.set("canny",i)}if(this.depthNormalsOptions){this.depthNormalsPipeline||(this.depthNormalsPipeline=new Kr(t));let i=this.depthNormalsPipeline.execute(n,this.depthNormalsOptions);this.multiplexer.set("normals",i)}if(this.poseSkeletonOptions?.landmarks){this.posePipeline||(this.posePipeline=new Ou(t));let i=this.posePipeline.execute(this.poseSkeletonOptions.landmarks,{width:this.poseSkeletonOptions.width??n.width,height:this.poseSkeletonOptions.height??n.height,lineWidth:this.poseSkeletonOptions.lineWidth});this.multiplexer.set("poseSkeleton",i)}if(this.faceLandmarksOptions?.landmarks){this.facePipeline||(this.facePipeline=new ii(t));let i=this.facePipeline.execute(this.faceLandmarksOptions.landmarks,{width:this.faceLandmarksOptions.width??n.width,height:this.faceLandmarksOptions.height??n.height,lineWidth:this.faceLandmarksOptions.lineWidth});this.multiplexer.set("faceLandmarks",i)}if(this.segmentationOptions){this.segmentationPipeline||(this.segmentationPipeline=new oi(t));let i=this.segmentationPipeline.execute(n,this.segmentationOptions);this.multiplexer.set("segmentationMask",i)}if(this.opticalFlowOptions){this.opticalFlowPipeline||(this.opticalFlowPipeline=new co(t));let i=this.prevInputTexture??n,o=this.opticalFlowPipeline.execute(i,n,this.opticalFlowOptions);this.multiplexer.set("motionVectors",o)}if(this.deflickerOptions){this.deflickerPipeline||(this.deflickerPipeline=new mo(t));let i=this.deflickerPipeline.execute(n,this.deflickerOptions);this.multiplexer.set("deflickered",i)}return this.prevInputTexture=n,this.multiplexer.getOutputs()}toConfig(){return{canny:this.cannyOptions,depthNormals:this.depthNormalsOptions,poseSkeleton:this.poseSkeletonOptions,faceLandmarks:this.faceLandmarksOptions,segmentation:this.segmentationOptions,opticalFlow:this.opticalFlowOptions,deflicker:this.deflickerOptions}}toNode(){return{id:this.id,kind:"tensor",source:this.source,config:this.toConfig()}}destroy(){this.cannyPipeline?.destroy(),this.depthNormalsPipeline?.destroy(),this.posePipeline?.destroy(),this.facePipeline?.destroy(),this.segmentationPipeline?.destroy(),this.opticalFlowPipeline?.destroy(),this.deflickerPipeline?.destroy(),this.multiplexer.destroy()}};f();var Jv=e=>{if(!e)return"srcOver";switch(e){case"source-over":return"srcOver";case"source-in":return"srcIn";case"source-out":return"srcOut";case"source-atop":return"srcATop";case"destination-over":return"dstOver";case"destination-in":return"dstIn";case"destination-out":return"dstOut";case"destination-atop":return"dstATop";case"copy":return"src";case"xor":return"xor";case"multiply":return"multiply";case"screen":return"screen";case"overlay":return"overlay";case"darken":return"darken";case"lighten":case"lighter":return"lighten";case"color-dodge":return"colorDodge";case"color-burn":return"colorBurn";case"hard-light":return"hardLight";case"soft-light":return"softLight";case"difference":return"difference";case"exclusion":return"exclusion";case"hue":return"hue";case"saturation":return"saturation";case"color":return"color";case"luminosity":return"luminosity";default:return"srcOver"}},eS=e=>e==="destination-in"||e==="source-in";f();function nS(e,t,r,n,i="outside"){if(i==="inside"){let o=n/2;return{x:o,y:o,width:Math.max(0,e-n),height:Math.max(0,t-n),radius:r===0?0:Math.max(0,r-o)}}if(i==="outside"){let o=n/2;return{x:-o,y:-o,width:e+n,height:t+n,radius:r===0?0:r+o}}return{x:0,y:0,width:e,height:t,radius:r}}f();var Sc=new Map;function X(e){let t=(Sc.get(e)??0)+1;return Sc.set(e,t),`${e}-auto-${t}`}f();f();f();f();var Ue=class extends Error{status;body;requestId;type;constructor({message:t,status:r,body:n,requestId:i,type:o}){super(t),this.name="ApiError",this.status=r,this.body=n,this.requestId=i??"",this.type=o}},Jr=class extends Ue{constructor(t){super(t),this.name="ValidationError"}get fieldErrors(){return Array.isArray(this.body?.detail)?this.body.detail:[]}getFieldErrors(t){return this.fieldErrors.filter(r=>r.loc[r.loc.length-1]===t)}};function nh(e,t){if(e?.error?.message)return e.error.message;if(typeof e?.detail=="string")return e.detail;if(Array.isArray(e?.detail)){let r=e.detail[0];if(r?.msg)return`${r.msg} (${(r.loc??[]).join(".")})`}return typeof e?.message=="string"?e.message:t}async function ai(e){let t=await e.text().catch(()=>""),r=t||void 0;try{r=t?JSON.parse(t):void 0}catch{}let n=typeof r=="object"&&r!==null?r:void 0,i={message:nh(n,`${e.status} ${e.statusText}`.trim()),status:e.status,body:r,requestId:e.headers.get("x-framefields-request-id")??void 0,type:n?.error?.type};return e.status===422&&Array.isArray(n?.detail)?new Jr(i):new Ue(i)}f();f();var Ma="https://api.framefields.dev/v1/ai/proxy",kc,Pc=e=>typeof x<"u"?x.env?.[e]:void 0;function Mc(e){kc=e}function ih(){let e=kc??Pc("FRAMEFIELDS_API_KEY");if(!e)throw new Error("framefields ai: no API key. Set FRAMEFIELDS_API_KEY or call ai.config({ apiKey }). Create a key at https://framefields.dev/dashboard/keys");return e}function oh({service:e,path:t,query:r}){let n=new URLSearchParams;for(let[o,a]of Object.entries(r??{}))a!==void 0&&n.set(o,a);let i=n.size?`?${n}`:"";return`${e}/${t.replace(/^\/+/,"")}${i}`}async function Ta(e){let t={Authorization:`Key ${ih()}`,Accept:e.accept??"application/json","x-framefields-target":oh(e)},r=e.body!==void 0;r&&(t["Content-Type"]="application/json");let n=await fetch(Pc("FRAMEFIELDS_AI_PROXY_URL")??Ma,{method:e.method??(r?"POST":"GET"),headers:t,body:r?JSON.stringify(e.body):void 0,signal:e.signal});if(!n.ok)throw await ai(n);return n}async function ut(e){let t=await Ta(e);return{data:await t.json(),requestId:t.headers.get("x-framefields-request-id")??""}}var ah=90*1024*1024,Tc=10*1024*1024,sh=3,uh={"image/jpeg":"jpg","image/png":"png","image/webp":"webp","video/mp4":"mp4","audio/mpeg":"mp3","audio/wav":"wav"};function lh(e,t){return"name"in e&&typeof e.name=="string"&&e.name?e.name:`${Date.now()}.${uh[t]??"bin"}`}function Ac(e,t){let r=e.type||"application/octet-stream";return ut({service:"storage",path:t?"upload/initiate-multipart":"upload/initiate",body:{content_type:r,file_name:lh(e,r)}}).then(n=>n.data)}async function Ca(e,t){let r=await fetch(e,t);if(!r.ok)throw await ai(r);return r}async function ch(e,t){for(let r=1;;r++)try{return await(await Ca(e,{method:"PUT",body:t})).json()}catch(n){if(r>=sh)throw n}}async function dh(e){let t=await Ac(e,!0),r=new URL(t.upload_url),n=o=>`${r.origin}${r.pathname}/${o}${r.search}`,i=[];for(let o=0;o<e.size;o+=Tc){let a=e.slice(o,Math.min(o+Tc,e.size));i.push(await ch(n(i.length+1),a))}return await Ca(n("complete"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({parts:i.map(({partNumber:o,etag:a})=>({partNumber:o,etag:a}))})}),t.file_url}async function Cc(e){if(e.size>ah)return dh(e);let t=await Ac(e,!1);return await Ca(t.upload_url,{method:"PUT",body:e,headers:{"Content-Type":e.type||"application/octet-stream"}}),t.file_url}var mh=e=>typeof e=="object"&&e!==null&&Object.getPrototypeOf(e)===Object.prototype;async function Aa(e){if(e instanceof Blob)return await Cc(e);if(Array.isArray(e))return await Promise.all(e.map(t=>Aa(t)));if(mh(e)){let t=await Promise.all(Object.entries(e).map(async([r,n])=>[r,await Aa(n)]));return Object.fromEntries(t)}return e}var Nt={upload:Cc,transformInput:Aa};var ph=new Set([429,502,503,504]),fh=4,Dc=(e,t)=>new Promise((r,n)=>{t?.throwIfAborted();let i=setTimeout(r,e);t?.addEventListener("abort",()=>{clearTimeout(i),n(t.reason)},{once:!0})});async function Oc(e,t){for(let r=1;;r++)try{return await e()}catch(n){if(!(n instanceof Ue&&ph.has(n.status))||r>=fh)throw n;await Dc(500*2**r,t)}}var Da=(e,t,r="")=>`${e}/requests/${encodeURIComponent(t)}${r}`;async function Rc(e,{input:t,abortSignal:r}){let{data:n}=await ut({service:"queue",path:e,body:await Nt.transformInput(t)??{},signal:r});return n}function Nc(e,{requestId:t,logs:r,abortSignal:n}){return Oc(async()=>{let{data:i}=await ut({service:"queue",path:Da(e,t,"/status"),query:{logs:r?"1":void 0},signal:n});return i},n)}function Fc(e,{requestId:t,abortSignal:r}){return Oc(async()=>{let{data:n}=await ut({service:"queue",path:Da(e,t),signal:r});return{data:n,requestId:t}},r)}async function hh(e,{requestId:t,abortSignal:r}){await ut({service:"queue",path:Da(e,t,"/cancel"),method:"PUT",signal:r})}async function Ec(e,t){let r=t.pollInterval??500;for(;;){let n=await Nc(e,t);if(t.onQueueUpdate?.(n),n.status==="COMPLETED")return n;await Dc(r,t.abortSignal)}}var Bc={submit:Rc,status:Nc,result:Fc,cancel:hh,subscribeToStatus:Ec};async function Lc(e,t){let{request_id:r}=await Rc(e,t);return t.onEnqueue?.(r),await Ec(e,{...t,requestId:r}),Fc(e,{requestId:r,abortSignal:t.abortSignal})}f();async function*gh(e){let t=new TextDecoder,r="";for await(let i of e){r+=t.decode(i,{stream:!0}).replace(/\r\n?/g,`
709
- `);let o=r.indexOf(`
710
-
711
- `);for(;o!==-1;){let a=r.slice(0,o);r=r.slice(o+2);let s=Ic(a);s&&(yield s),o=r.indexOf(`
712
-
713
- `)}}let n=Ic(r);n&&(yield n)}function Ic(e){let t="message",r=[];for(let n of e.split(`
714
- `))n.startsWith("data:")?r.push(n.slice(5).replace(/^ /,"")):n.startsWith("event:")&&(t=n.slice(6).trim());return r.length?{event:t,data:r.join(`
715
- `)}:null}async function*bh(e,t){for await(let{event:r,data:n}of gh(e)){let i=JSON.parse(n);if(r==="error")throw new Ue({message:"The model stream ended with an error",status:500,body:i,requestId:t});yield i}}async function jc(e,{input:t,abortSignal:r}){let n=new AbortController,i=r?AbortSignal.any([r,n.signal]):n.signal,o=await Ta({service:"run",path:`${e}/stream`,body:await Nt.transformInput(t)??{},accept:"text/event-stream",signal:i}),a=o.headers.get("x-framefields-request-id")??"";if(!o.body)throw new Ue({message:"Empty stream",status:502,requestId:a});let s=bh(o.body,a),l,c;async function*d(){for await(let h of s)l=h,yield h}let m=d(),p=async()=>{let h=await m.next();for(;!h.done;)h=await m.next();if(l===void 0)throw new Ue({message:"Stream had no output",status:502,requestId:a});return l};return{requestId:a,[Symbol.asyncIterator]:()=>m,done:()=>(c??=p(),c),abort:()=>n.abort()}}async function yh(e,{input:t,abortSignal:r}){return ut({service:"run",path:e,body:await Nt.transformInput(t)??{},signal:r})}var xh={config(e){Mc(e.apiKey)},run:yh,subscribe:Lc,stream:jc,queue:Bc,storage:Nt};f();function wh(e,...t){let r=[];for(let n=0;n<e.length;n++){let i=e[n];if(i&&r.push({text:i}),n<t.length){let o=t[n];if(o==null)continue;if(Array.isArray(o))for(let a of o)typeof a=="string"?a&&r.push({text:a}):a&&typeof a=="object"&&"text"in a&&r.push(a);else typeof o=="object"&&"text"in o?r.push(o):typeof o=="object"&&"get"in o&&typeof o.get=="function"?r.push({text:o}):r.push({text:String(o)})}}return r}function vh(e,t={}){return{text:e,...t}}function Sh(e,t={}){return{text:e,fontWeight:t.fontWeight??700,...t}}function kh(e,t={}){return{text:e,fontStyle:"italic",...t}}function Ph(e,t={}){return{text:e,fill:t.fill??"#6366f1",...t}}function Mh(e,t,r={}){return{text:e,fill:t,...r}}function Th(e,t,r={}){return{text:e,fontSize:t,...r}}function Ah(e,t={}){let{bg:r,fill:n,radius:i,paddingX:o,paddingY:a,...s}=t;return{text:e,fill:n,mark:{background:r??"#6366f133",borderRadius:i??4,paddingX:o??6,paddingY:a??2},...s}}function Ch(e,t={}){return{text:e,baselineShift:t.baselineShift??-8,...t}}function Dh(e,t={}){return{text:e,baselineShift:t.baselineShift??6,...t}}function Oh(e,t={}){return{text:e,fontFamily:t.fontFamily??"JetBrains Mono",mark:t.mark??{background:"#ffffff18",borderRadius:4,paddingX:6,paddingY:2},...t}}function si(e){if(typeof e=="string")return{text:e};if(!Array.isArray(e))return{text:String(e)};let t=[],r="";for(let n of e)if(typeof n=="string")n&&(t.push({text:n}),r+=n);else if(n&&typeof n=="object"&&"text"in n){let i=n;t.push(i);let o=typeof i.text=="string"?i.text:i.text&&typeof i.text=="object"&&"get"in i.text&&typeof i.text.get=="function"?String(i.text.get()):String(i.text??"");r+=o}return{text:r,spans:t.length>0?t:void 0}}function Rh(e){if(!e||!e.includes("<"))return[{text:e}];let t=[],r=/<(\/?[a-zA-Z0-9_-]+)([^>]*)>/g,n=0,i=[],o=()=>{let s={};for(let l of i)Object.assign(s,l.style);return s};for(;;){let s=r.exec(e);if(!s)break;let l=e.slice(n,s.index);l&&t.push({text:l,...o()}),n=s.index+s[0].length;let c=s[1].toLowerCase(),d=s[2];if(c.startsWith("/")){let m=c.slice(1);for(let p=i.length-1;p>=0;p--)if(i[p].tag===m){i.splice(p,1);break}}else{let m={},p=/([a-zA-Z0-9_-]+)=["']([^"']*)["']/g;for(;;){let b=p.exec(d);if(!b)break;m[b[1].toLowerCase()]=b[2]}let h={};if(c==="b"||c==="strong")h.fontWeight=700,(m.color||m.fill)&&(h.fill=m.color??m.fill);else if(c==="i"||c==="em")h.fontStyle="italic",(m.color||m.fill)&&(h.fill=m.color??m.fill);else if(c==="accent")h.fill="#6366f1";else if(c==="color")h.fill=m.value??m.hex??m.fill;else if(c==="size"){let b=parseFloat(m.value??m.px??m.pt??"0");b>0&&(h.fontSize=b)}else if(c==="mark")h.mark={background:m.bg??m.background??"#6366f133",borderRadius:m.radius?parseFloat(m.radius):4,paddingX:m.paddingx?parseFloat(m.paddingx):6,paddingY:m.paddingy?parseFloat(m.paddingy):2},(m.color||m.fill)&&(h.fill=m.color??m.fill);else if(c==="sup")h.baselineShift=-8;else if(c==="sub")h.baselineShift=6;else if(c==="code")h.fontFamily="JetBrains Mono",h.mark={background:m.bg??"#ffffff18",borderRadius:4,paddingX:6,paddingY:2};else if(c==="span"){if((m.color||m.fill)&&(h.fill=m.color??m.fill),m.fontfamily&&(h.fontFamily=m.fontfamily),m.fontsize&&(h.fontSize=parseFloat(m.fontsize)),m.fontweight){let b=parseInt(m.fontweight,10);h.fontWeight=Number.isNaN(b)?m.fontweight:b}(m.fontstyle==="italic"||m.fontstyle==="normal")&&(h.fontStyle=m.fontstyle),m.letterspacing&&(h.letterSpacing=parseFloat(m.letterspacing)),m.baselineshift&&(h.baselineShift=parseFloat(m.baselineshift)),m.opacity&&(h.opacity=parseFloat(m.opacity))}i.push({tag:c,style:h})}}let a=e.slice(n);return a&&t.push({text:a,...o()}),t}f();f();f();f();f();f();function zc(e){return Math.abs(e=Math.round(e))>=1e21?e.toLocaleString("en").replace(/,/g,""):e.toString(10)}function Ft(e,t){if(!isFinite(e)||e===0)return null;var r=(e=t?e.toExponential(t-1):e.toExponential()).indexOf("e"),n=e.slice(0,r);return[n.length>1?n[0]+n.slice(2):n,+e.slice(r+1)]}function Xe(e){return e=Ft(Math.abs(e)),e?e[1]:NaN}f();function _c(e,t){return function(r,n){for(var i=r.length,o=[],a=0,s=e[0],l=0;i>0&&s>0&&(l+s+1>n&&(s=Math.max(1,n-l)),o.push(r.substring(i-=s,i+s)),!((l+=s+1)>n));)s=e[a=(a+1)%e.length];return o.reverse().join(t)}}f();function $c(e){return function(t){return t.replace(/[0-9]/g,function(r){return e[+r]})}}f();var Nh=/^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;function yt(e){if(!(t=Nh.exec(e)))throw new Error("invalid format: "+e);var t;return new ui({fill:t[1],align:t[2],sign:t[3],symbol:t[4],zero:t[5],width:t[6],comma:t[7],precision:t[8]&&t[8].slice(1),trim:t[9],type:t[10]})}yt.prototype=ui.prototype;function ui(e){this.fill=e.fill===void 0?" ":e.fill+"",this.align=e.align===void 0?">":e.align+"",this.sign=e.sign===void 0?"-":e.sign+"",this.symbol=e.symbol===void 0?"":e.symbol+"",this.zero=!!e.zero,this.width=e.width===void 0?void 0:+e.width,this.comma=!!e.comma,this.precision=e.precision===void 0?void 0:+e.precision,this.trim=!!e.trim,this.type=e.type===void 0?"":e.type+""}ui.prototype.toString=function(){return this.fill+this.align+this.sign+this.symbol+(this.zero?"0":"")+(this.width===void 0?"":Math.max(1,this.width|0))+(this.comma?",":"")+(this.precision===void 0?"":"."+Math.max(0,this.precision|0))+(this.trim?"~":"")+this.type};f();function Uc(e){e:for(var t=e.length,r=1,n=-1,i;r<t;++r)switch(e[r]){case".":n=i=r;break;case"0":n===0&&(n=r),i=r;break;default:if(!+e[r])break e;n>0&&(n=0);break}return n>0?e.slice(0,n)+e.slice(i+1):e}f();f();var en;function Vc(e,t){var r=Ft(e,t);if(!r)return en=void 0,e.toPrecision(t);var n=r[0],i=r[1],o=i-(en=Math.max(-8,Math.min(8,Math.floor(i/3)))*3)+1,a=n.length;return o===a?n:o>a?n+new Array(o-a+1).join("0"):o>0?n.slice(0,o)+"."+n.slice(o):"0."+new Array(1-o).join("0")+Ft(e,Math.max(0,t+o-1))[0]}f();function Oa(e,t){var r=Ft(e,t);if(!r)return e+"";var n=r[0],i=r[1];return i<0?"0."+new Array(-i).join("0")+n:n.length>i+1?n.slice(0,i+1)+"."+n.slice(i+1):n+new Array(i-n.length+2).join("0")}var Ra={"%":(e,t)=>(e*100).toFixed(t),b:e=>Math.round(e).toString(2),c:e=>e+"",d:zc,e:(e,t)=>e.toExponential(t),f:(e,t)=>e.toFixed(t),g:(e,t)=>e.toPrecision(t),o:e=>Math.round(e).toString(8),p:(e,t)=>Oa(e*100,t),r:Oa,s:Vc,X:e=>Math.round(e).toString(16).toUpperCase(),x:e=>Math.round(e).toString(16)};f();function Na(e){return e}var Gc=Array.prototype.map,Wc=["y","z","a","f","p","n","\xB5","m","","k","M","G","T","P","E","Z","Y"];function Hc(e){var t=e.grouping===void 0||e.thousands===void 0?Na:_c(Gc.call(e.grouping,Number),e.thousands+""),r=e.currency===void 0?"":e.currency[0]+"",n=e.currency===void 0?"":e.currency[1]+"",i=e.decimal===void 0?".":e.decimal+"",o=e.numerals===void 0?Na:$c(Gc.call(e.numerals,String)),a=e.percent===void 0?"%":e.percent+"",s=e.minus===void 0?"\u2212":e.minus+"",l=e.nan===void 0?"NaN":e.nan+"";function c(m,p){m=yt(m);var h=m.fill,b=m.align,g=m.sign,y=m.symbol,k=m.zero,S=m.width,A=m.comma,w=m.precision,T=m.trim,v=m.type;v==="n"?(A=!0,v="g"):Ra[v]||(w===void 0&&(w=12),T=!0,v="g"),(k||h==="0"&&b==="=")&&(k=!0,h="0",b="=");var E=(p&&p.prefix!==void 0?p.prefix:"")+(y==="$"?r:y==="#"&&/[boxX]/.test(v)?"0"+v.toLowerCase():""),C=(y==="$"?n:/[%p]/.test(v)?a:"")+(p&&p.suffix!==void 0?p.suffix:""),N=Ra[v],G=/[defgprs%]/.test(v);w=w===void 0?6:/[gprs]/.test(v)?Math.max(1,Math.min(21,w)):Math.max(0,Math.min(20,w));function _(I){var P=E,M=C,H,q,V;if(v==="c")M=N(I)+M,I="";else{I=+I;var z=I<0||1/I<0;if(I=isNaN(I)?l:N(Math.abs(I),w),T&&(I=Uc(I)),z&&+I==0&&g!=="+"&&(z=!1),P=(z?g==="("?g:s:g==="-"||g==="("?"":g)+P,M=(v==="s"&&!isNaN(I)&&en!==void 0?Wc[8+en/3]:"")+M+(z&&g==="("?")":""),G){for(H=-1,q=I.length;++H<q;)if(V=I.charCodeAt(H),48>V||V>57){M=(V===46?i+I.slice(H+1):I.slice(H))+M,I=I.slice(0,H);break}}}A&&!k&&(I=t(I,1/0));var K=P.length+I.length+M.length,re=K<S?new Array(S-K+1).join(h):"";switch(A&&k&&(I=t(re+I,re.length?S-M.length:1/0),re=""),b){case"<":I=P+I+M+re;break;case"=":I=P+re+I+M;break;case"^":I=re.slice(0,K=re.length>>1)+P+I+M+re.slice(K);break;default:I=re+P+I+M;break}return o(I)}return _.toString=function(){return m+""},_}function d(m,p){var h=Math.max(-8,Math.min(8,Math.floor(Xe(p)/3)))*3,b=Math.pow(10,-h),g=c((m=yt(m),m.type="f",m),{suffix:Wc[8+h/3]});return function(y){return g(b*y)}}return{format:c,formatPrefix:d}}var li,sr,ci;Fa({thousands:",",grouping:[3],currency:["$",""]});function Fa(e){return li=Hc(e),sr=li.format,ci=li.formatPrefix,li}f();function Ea(e){return Math.max(0,-Xe(Math.abs(e)))}f();function Ba(e,t){return Math.max(0,Math.max(-8,Math.min(8,Math.floor(Xe(t)/3)))*3-Xe(Math.abs(e)))}f();function La(e,t){return e=Math.abs(e),t=Math.abs(t)-e,Math.max(0,Xe(t)-Xe(e))+1}f();f();f();f();f();function Et(e,t){return e==null||t==null?NaN:e<t?-1:e>t?1:e>=t?0:NaN}f();f();function Ia(e,t){return e==null||t==null?NaN:t<e?-1:t>e?1:t>=e?0:NaN}function Bt(e){let t,r,n;e.length!==2?(t=Et,r=(s,l)=>Et(e(s),l),n=(s,l)=>e(s)-l):(t=e===Et||e===Ia?e:Fh,r=e,n=e);function i(s,l,c=0,d=s.length){if(c<d){if(t(l,l)!==0)return d;do{let m=c+d>>>1;r(s[m],l)<0?c=m+1:d=m}while(c<d)}return c}function o(s,l,c=0,d=s.length){if(c<d){if(t(l,l)!==0)return d;do{let m=c+d>>>1;r(s[m],l)<=0?c=m+1:d=m}while(c<d)}return c}function a(s,l,c=0,d=s.length){let m=i(s,l,c,d-1);return m>c&&n(s[m-1],l)>-n(s[m],l)?m-1:m}return{left:i,center:a,right:o}}function Fh(){return 0}f();function ja(e){return e===null?NaN:+e}var Yc=Bt(Et),Xc=Yc.right,Eh=Yc.left,Bh=Bt(ja).center,za=Xc;f();var ur=class extends Map{constructor(t,r=jh){if(super(),Object.defineProperties(this,{_intern:{value:new Map},_key:{value:r}}),t!=null)for(let[n,i]of t)this.set(n,i)}get(t){return super.get(qc(this,t))}has(t){return super.has(qc(this,t))}set(t,r){return super.set(Lh(this,t),r)}delete(t){return super.delete(Ih(this,t))}};function qc({_intern:e,_key:t},r){let n=t(r);return e.has(n)?e.get(n):r}function Lh({_intern:e,_key:t},r){let n=t(r);return e.has(n)?e.get(n):(e.set(n,r),r)}function Ih({_intern:e,_key:t},r){let n=t(r);return e.has(n)&&(r=e.get(n),e.delete(n)),r}function jh(e){return e!==null&&typeof e=="object"?e.valueOf():e}f();var zh=Math.sqrt(50),_h=Math.sqrt(10),$h=Math.sqrt(2);function di(e,t,r){let n=(t-e)/Math.max(0,r),i=Math.floor(Math.log10(n)),o=n/Math.pow(10,i),a=o>=zh?10:o>=_h?5:o>=$h?2:1,s,l,c;return i<0?(c=Math.pow(10,-i)/a,s=Math.round(e*c),l=Math.round(t*c),s/c<e&&++s,l/c>t&&--l,c=-c):(c=Math.pow(10,i)*a,s=Math.round(e/c),l=Math.round(t/c),s*c<e&&++s,l*c>t&&--l),l<s&&.5<=r&&r<2?di(e,t,r*2):[s,l,c]}function mi(e,t,r){if(t=+t,e=+e,r=+r,!(r>0))return[];if(e===t)return[e];let n=t<e,[i,o,a]=n?di(t,e,r):di(e,t,r);if(!(o>=i))return[];let s=o-i+1,l=new Array(s);if(n)if(a<0)for(let c=0;c<s;++c)l[c]=(o-c)/-a;else for(let c=0;c<s;++c)l[c]=(o-c)*a;else if(a<0)for(let c=0;c<s;++c)l[c]=(i+c)/-a;else for(let c=0;c<s;++c)l[c]=(i+c)*a;return l}function tn(e,t,r){return t=+t,e=+e,r=+r,di(e,t,r)[2]}function lr(e,t,r){t=+t,e=+e,r=+r;let n=t<e,i=n?tn(t,e,r):tn(e,t,r);return(n?-1:1)*(i<0?1/-i:i)}f();function pi(e,t,r){e=+e,t=+t,r=(i=arguments.length)<2?(t=e,e=0,1):i<3?1:+r;for(var n=-1,i=Math.max(0,Math.ceil((t-e)/r))|0,o=new Array(i);++n<i;)o[n]=e+n*r;return o}f();function xt(e,t){switch(arguments.length){case 0:break;case 1:this.range(e);break;default:this.range(t).domain(e);break}return this}f();var Zc=Symbol("implicit");function fi(){var e=new ur,t=[],r=[],n=Zc;function i(o){let a=e.get(o);if(a===void 0){if(n!==Zc)return n;e.set(o,a=t.push(o)-1)}return r[a%r.length]}return i.domain=function(o){if(!arguments.length)return t.slice();t=[],e=new ur;for(let a of o)e.has(a)||e.set(a,t.push(a)-1);return i},i.range=function(o){return arguments.length?(r=Array.from(o),i):r.slice()},i.unknown=function(o){return arguments.length?(n=o,i):n},i.copy=function(){return fi(t,r).unknown(n)},xt.apply(i,arguments),i}function rn(){var e=fi().unknown(void 0),t=e.domain,r=e.range,n=0,i=1,o,a,s=!1,l=0,c=0,d=.5;delete e.unknown;function m(){var p=t().length,h=i<n,b=h?i:n,g=h?n:i;o=(g-b)/Math.max(1,p-l+c*2),s&&(o=Math.floor(o)),b+=(g-b-o*(p-l))*d,a=o*(1-l),s&&(b=Math.round(b),a=Math.round(a));var y=pi(p).map(function(k){return b+o*k});return r(h?y.reverse():y)}return e.domain=function(p){return arguments.length?(t(p),m()):t()},e.range=function(p){return arguments.length?([n,i]=p,n=+n,i=+i,m()):[n,i]},e.rangeRound=function(p){return[n,i]=p,n=+n,i=+i,s=!0,m()},e.bandwidth=function(){return a},e.step=function(){return o},e.round=function(p){return arguments.length?(s=!!p,m()):s},e.padding=function(p){return arguments.length?(l=Math.min(1,c=+p),m()):l},e.paddingInner=function(p){return arguments.length?(l=Math.min(1,p),m()):l},e.paddingOuter=function(p){return arguments.length?(c=+p,m()):c},e.align=function(p){return arguments.length?(d=Math.max(0,Math.min(1,p)),m()):d},e.copy=function(){return rn(t(),[n,i]).round(s).paddingInner(l).paddingOuter(c).align(d)},xt.apply(m(),arguments)}f();f();f();f();f();f();f();function hi(e,t,r){e.prototype=t.prototype=r,r.constructor=e}function _a(e,t){var r=Object.create(e.prototype);for(var n in t)r[n]=t[n];return r}function an(){}var nn=.7,yi=1/nn,cr="\\s*([+-]?\\d+)\\s*",on="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",qe="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",Uh=/^#([0-9a-f]{3,8})$/,Vh=new RegExp(`^rgb\\(${cr},${cr},${cr}\\)$`),Gh=new RegExp(`^rgb\\(${qe},${qe},${qe}\\)$`),Wh=new RegExp(`^rgba\\(${cr},${cr},${cr},${on}\\)$`),Hh=new RegExp(`^rgba\\(${qe},${qe},${qe},${on}\\)$`),Yh=new RegExp(`^hsl\\(${on},${qe},${qe}\\)$`),Xh=new RegExp(`^hsla\\(${on},${qe},${qe},${on}\\)$`),Kc={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};hi(an,wt,{copy(e){return Object.assign(new this.constructor,this,e)},displayable(){return this.rgb().displayable()},hex:Qc,formatHex:Qc,formatHex8:qh,formatHsl:Zh,formatRgb:Jc,toString:Jc});function Qc(){return this.rgb().formatHex()}function qh(){return this.rgb().formatHex8()}function Zh(){return od(this).formatHsl()}function Jc(){return this.rgb().formatRgb()}function wt(e){var t,r;return e=(e+"").trim().toLowerCase(),(t=Uh.exec(e))?(r=t[1].length,t=parseInt(t[1],16),r===6?ed(t):r===3?new Ie(t>>8&15|t>>4&240,t>>4&15|t&240,(t&15)<<4|t&15,1):r===8?gi(t>>24&255,t>>16&255,t>>8&255,(t&255)/255):r===4?gi(t>>12&15|t>>8&240,t>>8&15|t>>4&240,t>>4&15|t&240,((t&15)<<4|t&15)/255):null):(t=Vh.exec(e))?new Ie(t[1],t[2],t[3],1):(t=Gh.exec(e))?new Ie(t[1]*255/100,t[2]*255/100,t[3]*255/100,1):(t=Wh.exec(e))?gi(t[1],t[2],t[3],t[4]):(t=Hh.exec(e))?gi(t[1]*255/100,t[2]*255/100,t[3]*255/100,t[4]):(t=Yh.exec(e))?nd(t[1],t[2]/100,t[3]/100,1):(t=Xh.exec(e))?nd(t[1],t[2]/100,t[3]/100,t[4]):Kc.hasOwnProperty(e)?ed(Kc[e]):e==="transparent"?new Ie(NaN,NaN,NaN,0):null}function ed(e){return new Ie(e>>16&255,e>>8&255,e&255,1)}function gi(e,t,r,n){return n<=0&&(e=t=r=NaN),new Ie(e,t,r,n)}function Kh(e){return e instanceof an||(e=wt(e)),e?(e=e.rgb(),new Ie(e.r,e.g,e.b,e.opacity)):new Ie}function dr(e,t,r,n){return arguments.length===1?Kh(e):new Ie(e,t,r,n??1)}function Ie(e,t,r,n){this.r=+e,this.g=+t,this.b=+r,this.opacity=+n}hi(Ie,dr,_a(an,{brighter(e){return e=e==null?yi:Math.pow(yi,e),new Ie(this.r*e,this.g*e,this.b*e,this.opacity)},darker(e){return e=e==null?nn:Math.pow(nn,e),new Ie(this.r*e,this.g*e,this.b*e,this.opacity)},rgb(){return this},clamp(){return new Ie(It(this.r),It(this.g),It(this.b),xi(this.opacity))},displayable(){return-.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:td,formatHex:td,formatHex8:Qh,formatRgb:rd,toString:rd}));function td(){return`#${Lt(this.r)}${Lt(this.g)}${Lt(this.b)}`}function Qh(){return`#${Lt(this.r)}${Lt(this.g)}${Lt(this.b)}${Lt((isNaN(this.opacity)?1:this.opacity)*255)}`}function rd(){let e=xi(this.opacity);return`${e===1?"rgb(":"rgba("}${It(this.r)}, ${It(this.g)}, ${It(this.b)}${e===1?")":`, ${e})`}`}function xi(e){return isNaN(e)?1:Math.max(0,Math.min(1,e))}function It(e){return Math.max(0,Math.min(255,Math.round(e)||0))}function Lt(e){return e=It(e),(e<16?"0":"")+e.toString(16)}function nd(e,t,r,n){return n<=0?e=t=r=NaN:r<=0||r>=1?e=t=NaN:t<=0&&(e=NaN),new Ve(e,t,r,n)}function od(e){if(e instanceof Ve)return new Ve(e.h,e.s,e.l,e.opacity);if(e instanceof an||(e=wt(e)),!e)return new Ve;if(e instanceof Ve)return e;e=e.rgb();var t=e.r/255,r=e.g/255,n=e.b/255,i=Math.min(t,r,n),o=Math.max(t,r,n),a=NaN,s=o-i,l=(o+i)/2;return s?(t===o?a=(r-n)/s+(r<n)*6:r===o?a=(n-t)/s+2:a=(t-r)/s+4,s/=l<.5?o+i:2-o-i,a*=60):s=l>0&&l<1?0:a,new Ve(a,s,l,e.opacity)}function ad(e,t,r,n){return arguments.length===1?od(e):new Ve(e,t,r,n??1)}function Ve(e,t,r,n){this.h=+e,this.s=+t,this.l=+r,this.opacity=+n}hi(Ve,ad,_a(an,{brighter(e){return e=e==null?yi:Math.pow(yi,e),new Ve(this.h,this.s,this.l*e,this.opacity)},darker(e){return e=e==null?nn:Math.pow(nn,e),new Ve(this.h,this.s,this.l*e,this.opacity)},rgb(){var e=this.h%360+(this.h<0)*360,t=isNaN(e)||isNaN(this.s)?0:this.s,r=this.l,n=r+(r<.5?r:1-r)*t,i=2*r-n;return new Ie($a(e>=240?e-240:e+120,i,n),$a(e,i,n),$a(e<120?e+240:e-120,i,n),this.opacity)},clamp(){return new Ve(id(this.h),bi(this.s),bi(this.l),xi(this.opacity))},displayable(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl(){let e=xi(this.opacity);return`${e===1?"hsl(":"hsla("}${id(this.h)}, ${bi(this.s)*100}%, ${bi(this.l)*100}%${e===1?")":`, ${e})`}`}}));function id(e){return e=(e||0)%360,e<0?e+360:e}function bi(e){return Math.max(0,Math.min(1,e||0))}function $a(e,t,r){return(e<60?t+(r-t)*e/60:e<180?r:e<240?t+(r-t)*(240-e)/60:t)*255}f();f();function Ua(e,t,r,n,i){var o=e*e,a=o*e;return((1-3*e+3*o-a)*t+(4-6*o+3*a)*r+(1+3*e+3*o-3*a)*n+a*i)/6}function sd(e){var t=e.length-1;return function(r){var n=r<=0?r=0:r>=1?(r=1,t-1):Math.floor(r*t),i=e[n],o=e[n+1],a=n>0?e[n-1]:2*i-o,s=n<t-1?e[n+2]:2*o-i;return Ua((r-n/t)*t,a,i,o,s)}}f();function ud(e){var t=e.length;return function(r){var n=Math.floor(((r%=1)<0?++r:r)*t),i=e[(n+t-1)%t],o=e[n%t],a=e[(n+1)%t],s=e[(n+2)%t];return Ua((r-n/t)*t,i,o,a,s)}}f();f();var sn=e=>()=>e;function Jh(e,t){return function(r){return e+r*t}}function eg(e,t,r){return e=Math.pow(e,r),t=Math.pow(t,r)-e,r=1/r,function(n){return Math.pow(e+n*t,r)}}function ld(e){return(e=+e)==1?wi:function(t,r){return r-t?eg(t,r,e):sn(isNaN(t)?r:t)}}function wi(e,t){var r=t-e;return r?Jh(e,r):sn(isNaN(e)?t:e)}var Va=(function e(t){var r=ld(t);function n(i,o){var a=r((i=dr(i)).r,(o=dr(o)).r),s=r(i.g,o.g),l=r(i.b,o.b),c=wi(i.opacity,o.opacity);return function(d){return i.r=a(d),i.g=s(d),i.b=l(d),i.opacity=c(d),i+""}}return n.gamma=e,n})(1);function cd(e){return function(t){var r=t.length,n=new Array(r),i=new Array(r),o=new Array(r),a,s;for(a=0;a<r;++a)s=dr(t[a]),n[a]=s.r||0,i[a]=s.g||0,o[a]=s.b||0;return n=e(n),i=e(i),o=e(o),s.opacity=1,function(l){return s.r=n(l),s.g=i(l),s.b=o(l),s+""}}}var Hk=cd(sd),Yk=cd(ud);f();f();function dd(e,t){t||(t=[]);var r=e?Math.min(t.length,e.length):0,n=t.slice(),i;return function(o){for(i=0;i<r;++i)n[i]=e[i]*(1-o)+t[i]*o;return n}}function md(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}function pd(e,t){var r=t?t.length:0,n=e?Math.min(r,e.length):0,i=new Array(n),o=new Array(r),a;for(a=0;a<n;++a)i[a]=jt(e[a],t[a]);for(;a<r;++a)o[a]=t[a];return function(s){for(a=0;a<n;++a)o[a]=i[a](s);return o}}f();function fd(e,t){var r=new Date;return e=+e,t=+t,function(n){return r.setTime(e*(1-n)+t*n),r}}f();function vt(e,t){return e=+e,t=+t,function(r){return e*(1-r)+t*r}}f();function hd(e,t){var r={},n={},i;(e===null||typeof e!="object")&&(e={}),(t===null||typeof t!="object")&&(t={});for(i in t)i in e?r[i]=jt(e[i],t[i]):n[i]=t[i];return function(o){for(i in r)n[i]=r[i](o);return n}}f();var Wa=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,Ga=new RegExp(Wa.source,"g");function tg(e){return function(){return e}}function rg(e){return function(t){return e(t)+""}}function gd(e,t){var r=Wa.lastIndex=Ga.lastIndex=0,n,i,o,a=-1,s=[],l=[];for(e=e+"",t=t+"";(n=Wa.exec(e))&&(i=Ga.exec(t));)(o=i.index)>r&&(o=t.slice(r,o),s[a]?s[a]+=o:s[++a]=o),(n=n[0])===(i=i[0])?s[a]?s[a]+=i:s[++a]=i:(s[++a]=null,l.push({i:a,x:vt(n,i)})),r=Ga.lastIndex;return r<t.length&&(o=t.slice(r),s[a]?s[a]+=o:s[++a]=o),s.length<2?l[0]?rg(l[0].x):tg(t):(t=l.length,function(c){for(var d=0,m;d<t;++d)s[(m=l[d]).i]=m.x(c);return s.join("")})}function jt(e,t){var r=typeof t,n;return t==null||r==="boolean"?sn(t):(r==="number"?vt:r==="string"?(n=wt(t))?(t=n,Va):gd:t instanceof wt?Va:t instanceof Date?fd:md(t)?dd:Array.isArray(t)?pd:typeof t.valueOf!="function"&&typeof t.toString!="function"||isNaN(t)?hd:vt)(e,t)}f();function Ha(e,t){return e=+e,t=+t,function(r){return Math.round(e*(1-r)+t*r)}}f();function Ya(e){return function(){return e}}f();function Xa(e){return+e}var bd=[0,1];function mr(e){return e}function qa(e,t){return(t-=e=+e)?function(r){return(r-e)/t}:Ya(isNaN(t)?NaN:.5)}function ng(e,t){var r;return e>t&&(r=e,e=t,t=r),function(n){return Math.max(e,Math.min(t,n))}}function ig(e,t,r){var n=e[0],i=e[1],o=t[0],a=t[1];return i<n?(n=qa(i,n),o=r(a,o)):(n=qa(n,i),o=r(o,a)),function(s){return o(n(s))}}function og(e,t,r){var n=Math.min(e.length,t.length)-1,i=new Array(n),o=new Array(n),a=-1;for(e[n]<e[0]&&(e=e.slice().reverse(),t=t.slice().reverse());++a<n;)i[a]=qa(e[a],e[a+1]),o[a]=r(t[a],t[a+1]);return function(s){var l=za(e,s,1,n)-1;return o[l](i[l](s))}}function vi(e,t){return t.domain(e.domain()).range(e.range()).interpolate(e.interpolate()).clamp(e.clamp()).unknown(e.unknown())}function ag(){var e=bd,t=bd,r=jt,n,i,o,a=mr,s,l,c;function d(){var p=Math.min(e.length,t.length);return a!==mr&&(a=ng(e[0],e[p-1])),s=p>2?og:ig,l=c=null,m}function m(p){return p==null||isNaN(p=+p)?o:(l||(l=s(e.map(n),t,r)))(n(a(p)))}return m.invert=function(p){return a(i((c||(c=s(t,e.map(n),vt)))(p)))},m.domain=function(p){return arguments.length?(e=Array.from(p,Xa),d()):e.slice()},m.range=function(p){return arguments.length?(t=Array.from(p),d()):t.slice()},m.rangeRound=function(p){return t=Array.from(p),r=Ha,d()},m.clamp=function(p){return arguments.length?(a=p?!0:mr,d()):a!==mr},m.interpolate=function(p){return arguments.length?(r=p,d()):r},m.unknown=function(p){return arguments.length?(o=p,m):o},function(p,h){return n=p,i=h,d()}}function un(){return ag()(mr,mr)}f();function Za(e,t,r,n){var i=lr(e,t,r),o;switch(n=yt(n??",f"),n.type){case"s":{var a=Math.max(Math.abs(e),Math.abs(t));return n.precision==null&&!isNaN(o=Ba(i,a))&&(n.precision=o),ci(n,a)}case"":case"e":case"g":case"p":case"r":{n.precision==null&&!isNaN(o=La(i,Math.max(Math.abs(e),Math.abs(t))))&&(n.precision=o-(n.type==="e"));break}case"f":case"%":{n.precision==null&&!isNaN(o=Ea(i))&&(n.precision=o-(n.type==="%")*2);break}}return sr(n)}function sg(e){var t=e.domain;return e.ticks=function(r){var n=t();return mi(n[0],n[n.length-1],r??10)},e.tickFormat=function(r,n){var i=t();return Za(i[0],i[i.length-1],r??10,n)},e.nice=function(r){r==null&&(r=10);var n=t(),i=0,o=n.length-1,a=n[i],s=n[o],l,c,d=10;for(s<a&&(c=a,a=s,s=c,c=i,i=o,o=c);d-- >0;){if(c=tn(a,s,r),c===l)return n[i]=a,n[o]=s,t(n);if(c>0)a=Math.floor(a/c)*c,s=Math.ceil(s/c)*c;else if(c<0)a=Math.ceil(a*c)/c,s=Math.floor(s*c)/c;else break;l=c}return e},e}function pr(){var e=un();return e.copy=function(){return vi(e,pr())},xt.apply(e,arguments),sg(e)}f();function Ka(e,t){e=e.slice();var r=0,n=e.length-1,i=e[r],o=e[n],a;return o<i&&(a=r,r=n,n=a,a=i,i=o,o=a),e[r]=t.floor(i),e[n]=t.ceil(o),e}f();f();f();var Qa=new Date,Ja=new Date;function le(e,t,r,n){function i(o){return e(o=arguments.length===0?new Date:new Date(+o)),o}return i.floor=o=>(e(o=new Date(+o)),o),i.ceil=o=>(e(o=new Date(o-1)),t(o,1),e(o),o),i.round=o=>{let a=i(o),s=i.ceil(o);return o-a<s-o?a:s},i.offset=(o,a)=>(t(o=new Date(+o),a==null?1:Math.floor(a)),o),i.range=(o,a,s)=>{let l=[];if(o=i.ceil(o),s=s==null?1:Math.floor(s),!(o<a)||!(s>0))return l;let c;do l.push(c=new Date(+o)),t(o,s),e(o);while(c<o&&o<a);return l},i.filter=o=>le(a=>{if(a>=a)for(;e(a),!o(a);)a.setTime(a-1)},(a,s)=>{if(a>=a)if(s<0)for(;++s<=0;)for(;t(a,-1),!o(a););else for(;--s>=0;)for(;t(a,1),!o(a););}),r&&(i.count=(o,a)=>(Qa.setTime(+o),Ja.setTime(+a),e(Qa),e(Ja),Math.floor(r(Qa,Ja))),i.every=o=>(o=Math.floor(o),!isFinite(o)||!(o>0)?null:o>1?i.filter(n?a=>n(a)%o===0:a=>i.count(0,a)%o===0):i)),i}f();var ln=le(()=>{},(e,t)=>{e.setTime(+e+t)},(e,t)=>t-e);ln.every=e=>(e=Math.floor(e),!isFinite(e)||!(e>0)?null:e>1?le(t=>{t.setTime(Math.floor(t/e)*e)},(t,r)=>{t.setTime(+t+r*e)},(t,r)=>(r-t)/e):ln);var e2=ln.range;f();var Ze=le(e=>{e.setTime(e-e.getMilliseconds())},(e,t)=>{e.setTime(+e+t*1e3)},(e,t)=>(t-e)/1e3,e=>e.getUTCSeconds()),yd=Ze.range;f();var Si=le(e=>{e.setTime(e-e.getMilliseconds()-e.getSeconds()*1e3)},(e,t)=>{e.setTime(+e+t*6e4)},(e,t)=>(t-e)/6e4,e=>e.getMinutes()),ug=Si.range,fr=le(e=>{e.setUTCSeconds(0,0)},(e,t)=>{e.setTime(+e+t*6e4)},(e,t)=>(t-e)/6e4,e=>e.getUTCMinutes()),lg=fr.range;f();var ki=le(e=>{e.setTime(e-e.getMilliseconds()-e.getSeconds()*1e3-e.getMinutes()*6e4)},(e,t)=>{e.setTime(+e+t*36e5)},(e,t)=>(t-e)/36e5,e=>e.getHours()),cg=ki.range,hr=le(e=>{e.setUTCMinutes(0,0,0)},(e,t)=>{e.setTime(+e+t*36e5)},(e,t)=>(t-e)/36e5,e=>e.getUTCHours()),dg=hr.range;f();var $t=le(e=>e.setHours(0,0,0,0),(e,t)=>e.setDate(e.getDate()+t),(e,t)=>(t-e-(t.getTimezoneOffset()-e.getTimezoneOffset())*6e4)/864e5,e=>e.getDate()-1),mg=$t.range,Ut=le(e=>{e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCDate(e.getUTCDate()+t)},(e,t)=>(t-e)/864e5,e=>e.getUTCDate()-1),pg=Ut.range,Pi=le(e=>{e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCDate(e.getUTCDate()+t)},(e,t)=>(t-e)/864e5,e=>Math.floor(e/864e5)),fg=Pi.range;f();function Vt(e){return le(t=>{t.setDate(t.getDate()-(t.getDay()+7-e)%7),t.setHours(0,0,0,0)},(t,r)=>{t.setDate(t.getDate()+r*7)},(t,r)=>(r-t-(r.getTimezoneOffset()-t.getTimezoneOffset())*6e4)/6048e5)}var Gt=Vt(0),gr=Vt(1),wd=Vt(2),vd=Vt(3),St=Vt(4),Sd=Vt(5),kd=Vt(6),Pd=Gt.range,hg=gr.range,gg=wd.range,bg=vd.range,yg=St.range,xg=Sd.range,wg=kd.range;function Wt(e){return le(t=>{t.setUTCDate(t.getUTCDate()-(t.getUTCDay()+7-e)%7),t.setUTCHours(0,0,0,0)},(t,r)=>{t.setUTCDate(t.getUTCDate()+r*7)},(t,r)=>(r-t)/6048e5)}var lt=Wt(0),br=Wt(1),Md=Wt(2),Td=Wt(3),kt=Wt(4),Ad=Wt(5),Cd=Wt(6),Dd=lt.range,vg=br.range,Sg=Md.range,kg=Td.range,Pg=kt.range,Mg=Ad.range,Tg=Cd.range;f();var Mi=le(e=>{e.setDate(1),e.setHours(0,0,0,0)},(e,t)=>{e.setMonth(e.getMonth()+t)},(e,t)=>t.getMonth()-e.getMonth()+(t.getFullYear()-e.getFullYear())*12,e=>e.getMonth()),Ag=Mi.range,yr=le(e=>{e.setUTCDate(1),e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCMonth(e.getUTCMonth()+t)},(e,t)=>t.getUTCMonth()-e.getUTCMonth()+(t.getUTCFullYear()-e.getUTCFullYear())*12,e=>e.getUTCMonth()),Cg=yr.range;f();var Ge=le(e=>{e.setMonth(0,1),e.setHours(0,0,0,0)},(e,t)=>{e.setFullYear(e.getFullYear()+t)},(e,t)=>t.getFullYear()-e.getFullYear(),e=>e.getFullYear());Ge.every=e=>!isFinite(e=Math.floor(e))||!(e>0)?null:le(t=>{t.setFullYear(Math.floor(t.getFullYear()/e)*e),t.setMonth(0,1),t.setHours(0,0,0,0)},(t,r)=>{t.setFullYear(t.getFullYear()+r*e)});var Dg=Ge.range,ze=le(e=>{e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0)},(e,t)=>{e.setUTCFullYear(e.getUTCFullYear()+t)},(e,t)=>t.getUTCFullYear()-e.getUTCFullYear(),e=>e.getUTCFullYear());ze.every=e=>!isFinite(e=Math.floor(e))||!(e>0)?null:le(t=>{t.setUTCFullYear(Math.floor(t.getUTCFullYear()/e)*e),t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0)},(t,r)=>{t.setUTCFullYear(t.getUTCFullYear()+r*e)});var Og=ze.range;f();function Rd(e,t,r,n,i,o){let a=[[Ze,1,1e3],[Ze,5,5*1e3],[Ze,15,15*1e3],[Ze,30,30*1e3],[o,1,6e4],[o,5,5*6e4],[o,15,15*6e4],[o,30,30*6e4],[i,1,36e5],[i,3,3*36e5],[i,6,6*36e5],[i,12,12*36e5],[n,1,864e5],[n,2,2*864e5],[r,1,6048e5],[t,1,2592e6],[t,3,3*2592e6],[e,1,31536e6]];function s(c,d,m){let p=d<c;p&&([c,d]=[d,c]);let h=m&&typeof m.range=="function"?m:l(c,d,m),b=h?h.range(c,+d+1):[];return p?b.reverse():b}function l(c,d,m){let p=Math.abs(d-c)/m,h=Bt(([,,y])=>y).right(a,p);if(h===a.length)return e.every(lr(c/31536e6,d/31536e6,m));if(h===0)return ln.every(Math.max(lr(c,d,m),1));let[b,g]=a[p/a[h-1][2]<a[h][2]/p?h-1:h];return b.every(g)}return[s,l]}var[es,ts]=Rd(ze,yr,lt,Pi,hr,fr),[Ng,Fg]=Rd(Ge,Mi,Gt,$t,ki,Si);f();f();f();function rs(e){if(0<=e.y&&e.y<100){var t=new Date(-1,e.m,e.d,e.H,e.M,e.S,e.L);return t.setFullYear(e.y),t}return new Date(e.y,e.m,e.d,e.H,e.M,e.S,e.L)}function ns(e){if(0<=e.y&&e.y<100){var t=new Date(Date.UTC(-1,e.m,e.d,e.H,e.M,e.S,e.L));return t.setUTCFullYear(e.y),t}return new Date(Date.UTC(e.y,e.m,e.d,e.H,e.M,e.S,e.L))}function dn(e,t,r){return{y:e,m:t,d:r,H:0,M:0,S:0,L:0}}function is(e){var t=e.dateTime,r=e.date,n=e.time,i=e.periods,o=e.days,a=e.shortDays,s=e.months,l=e.shortMonths,c=mn(i),d=pn(i),m=mn(o),p=pn(o),h=mn(a),b=pn(a),g=mn(s),y=pn(s),k=mn(l),S=pn(l),A={a:V,A:z,b:K,B:re,c:null,d:Id,e:Id,f:rb,g:mb,G:fb,H:Jg,I:eb,j:tb,L:Ud,m:nb,M:ib,p:de,q:ae,Q:_d,s:$d,S:ob,u:ab,U:sb,V:ub,w:lb,W:cb,x:null,X:null,y:db,Y:pb,Z:hb,"%":zd},w={a:xe,A:ke,b:B,B:j,c:null,d:jd,e:jd,f:xb,g:Db,G:Rb,H:gb,I:bb,j:yb,L:Gd,m:wb,M:vb,p:Y,q:se,Q:_d,s:$d,S:Sb,u:kb,U:Pb,V:Mb,w:Tb,W:Ab,x:null,X:null,y:Cb,Y:Ob,Z:Nb,"%":zd},T={a:G,A:_,b:I,B:P,c:M,d:Bd,e:Bd,f:qg,g:Ed,G:Fd,H:Ld,I:Ld,j:Wg,L:Xg,m:Gg,M:Hg,p:N,q:Vg,Q:Kg,s:Qg,S:Yg,u:jg,U:zg,V:_g,w:Ig,W:$g,x:H,X:q,y:Ed,Y:Fd,Z:Ug,"%":Zg};A.x=v(r,A),A.X=v(n,A),A.c=v(t,A),w.x=v(r,w),w.X=v(n,w),w.c=v(t,w);function v(D,F){return function($){var R=[],we=-1,ue=0,Ce=D.length,De,tt,Cn;for($ instanceof Date||($=new Date(+$));++we<Ce;)D.charCodeAt(we)===37&&(R.push(D.slice(ue,we)),(tt=Nd[De=D.charAt(++we)])!=null?De=D.charAt(++we):tt=De==="e"?" ":"0",(Cn=F[De])&&(De=Cn($,tt)),R.push(De),ue=we+1);return R.push(D.slice(ue,we)),R.join("")}}function E(D,F){return function($){var R=dn(1900,void 0,1),we=C(R,D,$+="",0),ue,Ce;if(we!=$.length)return null;if("Q"in R)return new Date(R.Q);if("s"in R)return new Date(R.s*1e3+("L"in R?R.L:0));if(F&&!("Z"in R)&&(R.Z=0),"p"in R&&(R.H=R.H%12+R.p*12),R.m===void 0&&(R.m="q"in R?R.q:0),"V"in R){if(R.V<1||R.V>53)return null;"w"in R||(R.w=1),"Z"in R?(ue=ns(dn(R.y,0,1)),Ce=ue.getUTCDay(),ue=Ce>4||Ce===0?br.ceil(ue):br(ue),ue=Ut.offset(ue,(R.V-1)*7),R.y=ue.getUTCFullYear(),R.m=ue.getUTCMonth(),R.d=ue.getUTCDate()+(R.w+6)%7):(ue=rs(dn(R.y,0,1)),Ce=ue.getDay(),ue=Ce>4||Ce===0?gr.ceil(ue):gr(ue),ue=$t.offset(ue,(R.V-1)*7),R.y=ue.getFullYear(),R.m=ue.getMonth(),R.d=ue.getDate()+(R.w+6)%7)}else("W"in R||"U"in R)&&("w"in R||(R.w="u"in R?R.u%7:"W"in R?1:0),Ce="Z"in R?ns(dn(R.y,0,1)).getUTCDay():rs(dn(R.y,0,1)).getDay(),R.m=0,R.d="W"in R?(R.w+6)%7+R.W*7-(Ce+5)%7:R.w+R.U*7-(Ce+6)%7);return"Z"in R?(R.H+=R.Z/100|0,R.M+=R.Z%100,ns(R)):rs(R)}}function C(D,F,$,R){for(var we=0,ue=F.length,Ce=$.length,De,tt;we<ue;){if(R>=Ce)return-1;if(De=F.charCodeAt(we++),De===37){if(De=F.charAt(we++),tt=T[De in Nd?F.charAt(we++):De],!tt||(R=tt(D,$,R))<0)return-1}else if(De!=$.charCodeAt(R++))return-1}return R}function N(D,F,$){var R=c.exec(F.slice($));return R?(D.p=d.get(R[0].toLowerCase()),$+R[0].length):-1}function G(D,F,$){var R=h.exec(F.slice($));return R?(D.w=b.get(R[0].toLowerCase()),$+R[0].length):-1}function _(D,F,$){var R=m.exec(F.slice($));return R?(D.w=p.get(R[0].toLowerCase()),$+R[0].length):-1}function I(D,F,$){var R=k.exec(F.slice($));return R?(D.m=S.get(R[0].toLowerCase()),$+R[0].length):-1}function P(D,F,$){var R=g.exec(F.slice($));return R?(D.m=y.get(R[0].toLowerCase()),$+R[0].length):-1}function M(D,F,$){return C(D,t,F,$)}function H(D,F,$){return C(D,r,F,$)}function q(D,F,$){return C(D,n,F,$)}function V(D){return a[D.getDay()]}function z(D){return o[D.getDay()]}function K(D){return l[D.getMonth()]}function re(D){return s[D.getMonth()]}function de(D){return i[+(D.getHours()>=12)]}function ae(D){return 1+~~(D.getMonth()/3)}function xe(D){return a[D.getUTCDay()]}function ke(D){return o[D.getUTCDay()]}function B(D){return l[D.getUTCMonth()]}function j(D){return s[D.getUTCMonth()]}function Y(D){return i[+(D.getUTCHours()>=12)]}function se(D){return 1+~~(D.getUTCMonth()/3)}return{format:function(D){var F=v(D+="",A);return F.toString=function(){return D},F},parse:function(D){var F=E(D+="",!1);return F.toString=function(){return D},F},utcFormat:function(D){var F=v(D+="",w);return F.toString=function(){return D},F},utcParse:function(D){var F=E(D+="",!0);return F.toString=function(){return D},F}}}var Nd={"-":"",_:" ",0:"0"},Se=/^\s*\d+/,Eg=/^%/,Bg=/[\\^$*+?|[\]().{}]/g;function oe(e,t,r){var n=e<0?"-":"",i=(n?-e:e)+"",o=i.length;return n+(o<r?new Array(r-o+1).join(t)+i:i)}function Lg(e){return e.replace(Bg,"\\$&")}function mn(e){return new RegExp("^(?:"+e.map(Lg).join("|")+")","i")}function pn(e){return new Map(e.map((t,r)=>[t.toLowerCase(),r]))}function Ig(e,t,r){var n=Se.exec(t.slice(r,r+1));return n?(e.w=+n[0],r+n[0].length):-1}function jg(e,t,r){var n=Se.exec(t.slice(r,r+1));return n?(e.u=+n[0],r+n[0].length):-1}function zg(e,t,r){var n=Se.exec(t.slice(r,r+2));return n?(e.U=+n[0],r+n[0].length):-1}function _g(e,t,r){var n=Se.exec(t.slice(r,r+2));return n?(e.V=+n[0],r+n[0].length):-1}function $g(e,t,r){var n=Se.exec(t.slice(r,r+2));return n?(e.W=+n[0],r+n[0].length):-1}function Fd(e,t,r){var n=Se.exec(t.slice(r,r+4));return n?(e.y=+n[0],r+n[0].length):-1}function Ed(e,t,r){var n=Se.exec(t.slice(r,r+2));return n?(e.y=+n[0]+(+n[0]>68?1900:2e3),r+n[0].length):-1}function Ug(e,t,r){var n=/^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(t.slice(r,r+6));return n?(e.Z=n[1]?0:-(n[2]+(n[3]||"00")),r+n[0].length):-1}function Vg(e,t,r){var n=Se.exec(t.slice(r,r+1));return n?(e.q=n[0]*3-3,r+n[0].length):-1}function Gg(e,t,r){var n=Se.exec(t.slice(r,r+2));return n?(e.m=n[0]-1,r+n[0].length):-1}function Bd(e,t,r){var n=Se.exec(t.slice(r,r+2));return n?(e.d=+n[0],r+n[0].length):-1}function Wg(e,t,r){var n=Se.exec(t.slice(r,r+3));return n?(e.m=0,e.d=+n[0],r+n[0].length):-1}function Ld(e,t,r){var n=Se.exec(t.slice(r,r+2));return n?(e.H=+n[0],r+n[0].length):-1}function Hg(e,t,r){var n=Se.exec(t.slice(r,r+2));return n?(e.M=+n[0],r+n[0].length):-1}function Yg(e,t,r){var n=Se.exec(t.slice(r,r+2));return n?(e.S=+n[0],r+n[0].length):-1}function Xg(e,t,r){var n=Se.exec(t.slice(r,r+3));return n?(e.L=+n[0],r+n[0].length):-1}function qg(e,t,r){var n=Se.exec(t.slice(r,r+6));return n?(e.L=Math.floor(n[0]/1e3),r+n[0].length):-1}function Zg(e,t,r){var n=Eg.exec(t.slice(r,r+1));return n?r+n[0].length:-1}function Kg(e,t,r){var n=Se.exec(t.slice(r));return n?(e.Q=+n[0],r+n[0].length):-1}function Qg(e,t,r){var n=Se.exec(t.slice(r));return n?(e.s=+n[0],r+n[0].length):-1}function Id(e,t){return oe(e.getDate(),t,2)}function Jg(e,t){return oe(e.getHours(),t,2)}function eb(e,t){return oe(e.getHours()%12||12,t,2)}function tb(e,t){return oe(1+$t.count(Ge(e),e),t,3)}function Ud(e,t){return oe(e.getMilliseconds(),t,3)}function rb(e,t){return Ud(e,t)+"000"}function nb(e,t){return oe(e.getMonth()+1,t,2)}function ib(e,t){return oe(e.getMinutes(),t,2)}function ob(e,t){return oe(e.getSeconds(),t,2)}function ab(e){var t=e.getDay();return t===0?7:t}function sb(e,t){return oe(Gt.count(Ge(e)-1,e),t,2)}function Vd(e){var t=e.getDay();return t>=4||t===0?St(e):St.ceil(e)}function ub(e,t){return e=Vd(e),oe(St.count(Ge(e),e)+(Ge(e).getDay()===4),t,2)}function lb(e){return e.getDay()}function cb(e,t){return oe(gr.count(Ge(e)-1,e),t,2)}function db(e,t){return oe(e.getFullYear()%100,t,2)}function mb(e,t){return e=Vd(e),oe(e.getFullYear()%100,t,2)}function pb(e,t){return oe(e.getFullYear()%1e4,t,4)}function fb(e,t){var r=e.getDay();return e=r>=4||r===0?St(e):St.ceil(e),oe(e.getFullYear()%1e4,t,4)}function hb(e){var t=e.getTimezoneOffset();return(t>0?"-":(t*=-1,"+"))+oe(t/60|0,"0",2)+oe(t%60,"0",2)}function jd(e,t){return oe(e.getUTCDate(),t,2)}function gb(e,t){return oe(e.getUTCHours(),t,2)}function bb(e,t){return oe(e.getUTCHours()%12||12,t,2)}function yb(e,t){return oe(1+Ut.count(ze(e),e),t,3)}function Gd(e,t){return oe(e.getUTCMilliseconds(),t,3)}function xb(e,t){return Gd(e,t)+"000"}function wb(e,t){return oe(e.getUTCMonth()+1,t,2)}function vb(e,t){return oe(e.getUTCMinutes(),t,2)}function Sb(e,t){return oe(e.getUTCSeconds(),t,2)}function kb(e){var t=e.getUTCDay();return t===0?7:t}function Pb(e,t){return oe(lt.count(ze(e)-1,e),t,2)}function Wd(e){var t=e.getUTCDay();return t>=4||t===0?kt(e):kt.ceil(e)}function Mb(e,t){return e=Wd(e),oe(kt.count(ze(e),e)+(ze(e).getUTCDay()===4),t,2)}function Tb(e){return e.getUTCDay()}function Ab(e,t){return oe(br.count(ze(e)-1,e),t,2)}function Cb(e,t){return oe(e.getUTCFullYear()%100,t,2)}function Db(e,t){return e=Wd(e),oe(e.getUTCFullYear()%100,t,2)}function Ob(e,t){return oe(e.getUTCFullYear()%1e4,t,4)}function Rb(e,t){var r=e.getUTCDay();return e=r>=4||r===0?kt(e):kt.ceil(e),oe(e.getUTCFullYear()%1e4,t,4)}function Nb(){return"+0000"}function zd(){return"%"}function _d(e){return+e}function $d(e){return Math.floor(+e/1e3)}var xr,Hd,Yd,Ti,Xd;os({dateTime:"%x, %X",date:"%-m/%-d/%Y",time:"%-I:%M:%S %p",periods:["AM","PM"],days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]});function os(e){return xr=is(e),Hd=xr.format,Yd=xr.parse,Ti=xr.utcFormat,Xd=xr.utcParse,xr}function Fb(e){return new Date(e)}function Eb(e){return e instanceof Date?+e:+new Date(+e)}function as(e,t,r,n,i,o,a,s,l,c){var d=un(),m=d.invert,p=d.domain,h=c(".%L"),b=c(":%S"),g=c("%I:%M"),y=c("%I %p"),k=c("%a %d"),S=c("%b %d"),A=c("%B"),w=c("%Y");function T(v){return(l(v)<v?h:s(v)<v?b:a(v)<v?g:o(v)<v?y:n(v)<v?i(v)<v?k:S:r(v)<v?A:w)(v)}return d.invert=function(v){return new Date(m(v))},d.domain=function(v){return arguments.length?p(Array.from(v,Eb)):p().map(Fb)},d.ticks=function(v){var E=p();return e(E[0],E[E.length-1],v??10)},d.tickFormat=function(v,E){return E==null?T:c(E)},d.nice=function(v){var E=p();return(!v||typeof v.range!="function")&&(v=t(E[0],E[E.length-1],v??10)),v?p(Ka(E,v)):d},d.copy=function(){return vi(d,as(e,t,r,n,i,o,a,s,l,c))},d}f();function Ai(){return xt.apply(as(es,ts,ze,yr,lt,Ut,hr,fr,Ze,Ti).domain([Date.UTC(2e3,0,1),Date.UTC(2e3,0,2)]),arguments)}f();f();f();function Z(e){return function(){return e}}f();var ss=Math.abs,Te=Math.atan2,Pt=Math.cos,qd=Math.max,Ci=Math.min,We=Math.sin,Ht=Math.sqrt,Be=1e-12,wr=Math.PI,fn=wr/2,vr=2*wr;function Zd(e){return e>1?0:e<-1?wr:Math.acos(e)}function us(e){return e>=1?fn:e<=-1?-fn:Math.asin(e)}f();f();f();var ls=Math.PI,cs=2*ls,Yt=1e-6,Bb=cs-Yt;function Kd(e){this._+=e[0];for(let t=1,r=e.length;t<r;++t)this._+=arguments[t]+e[t]}function Lb(e){let t=Math.floor(e);if(!(t>=0))throw new Error(`invalid digits: ${e}`);if(t>15)return Kd;let r=10**t;return function(n){this._+=n[0];for(let i=1,o=n.length;i<o;++i)this._+=Math.round(arguments[i]*r)/r+n[i]}}var Xt=class{constructor(t){this._x0=this._y0=this._x1=this._y1=null,this._="",this._append=t==null?Kd:Lb(t)}moveTo(t,r){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+r}`}closePath(){this._x1!==null&&(this._x1=this._x0,this._y1=this._y0,this._append`Z`)}lineTo(t,r){this._append`L${this._x1=+t},${this._y1=+r}`}quadraticCurveTo(t,r,n,i){this._append`Q${+t},${+r},${this._x1=+n},${this._y1=+i}`}bezierCurveTo(t,r,n,i,o,a){this._append`C${+t},${+r},${+n},${+i},${this._x1=+o},${this._y1=+a}`}arcTo(t,r,n,i,o){if(t=+t,r=+r,n=+n,i=+i,o=+o,o<0)throw new Error(`negative radius: ${o}`);let a=this._x1,s=this._y1,l=n-t,c=i-r,d=a-t,m=s-r,p=d*d+m*m;if(this._x1===null)this._append`M${this._x1=t},${this._y1=r}`;else if(p>Yt)if(!(Math.abs(m*l-c*d)>Yt)||!o)this._append`L${this._x1=t},${this._y1=r}`;else{let h=n-a,b=i-s,g=l*l+c*c,y=h*h+b*b,k=Math.sqrt(g),S=Math.sqrt(p),A=o*Math.tan((ls-Math.acos((g+p-y)/(2*k*S)))/2),w=A/S,T=A/k;Math.abs(w-1)>Yt&&this._append`L${t+w*d},${r+w*m}`,this._append`A${o},${o},0,0,${+(m*h>d*b)},${this._x1=t+T*l},${this._y1=r+T*c}`}}arc(t,r,n,i,o,a){if(t=+t,r=+r,n=+n,a=!!a,n<0)throw new Error(`negative radius: ${n}`);let s=n*Math.cos(i),l=n*Math.sin(i),c=t+s,d=r+l,m=1^a,p=a?i-o:o-i;this._x1===null?this._append`M${c},${d}`:(Math.abs(this._x1-c)>Yt||Math.abs(this._y1-d)>Yt)&&this._append`L${c},${d}`,n&&(p<0&&(p=p%cs+cs),p>Bb?this._append`A${n},${n},0,1,${m},${t-s},${r-l}A${n},${n},0,1,${m},${this._x1=c},${this._y1=d}`:p>Yt&&this._append`A${n},${n},0,${+(p>=ls)},${m},${this._x1=t+n*Math.cos(o)},${this._y1=r+n*Math.sin(o)}`)}rect(t,r,n,i){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+r}h${n=+n}v${+i}h${-n}Z`}toString(){return this._}};function Qd(){return new Xt}Qd.prototype=Xt.prototype;function Sr(e){let t=3;return e.digits=function(r){if(!arguments.length)return t;if(r==null)t=null;else{let n=Math.floor(r);if(!(n>=0))throw new RangeError(`invalid digits: ${r}`);t=n}return e},()=>new Xt(t)}function Ib(e){return e.innerRadius}function jb(e){return e.outerRadius}function zb(e){return e.startAngle}function _b(e){return e.endAngle}function $b(e){return e&&e.padAngle}function Ub(e,t,r,n,i,o,a,s){var l=r-e,c=n-t,d=a-i,m=s-o,p=m*l-d*c;if(!(p*p<Be))return p=(d*(t-o)-m*(e-i))/p,[e+p*l,t+p*c]}function Di(e,t,r,n,i,o,a){var s=e-r,l=t-n,c=(a?o:-o)/Ht(s*s+l*l),d=c*l,m=-c*s,p=e+d,h=t+m,b=r+d,g=n+m,y=(p+b)/2,k=(h+g)/2,S=b-p,A=g-h,w=S*S+A*A,T=i-o,v=p*g-b*h,E=(A<0?-1:1)*Ht(qd(0,T*T*w-v*v)),C=(v*A-S*E)/w,N=(-v*S-A*E)/w,G=(v*A+S*E)/w,_=(-v*S+A*E)/w,I=C-y,P=N-k,M=G-y,H=_-k;return I*I+P*P>M*M+H*H&&(C=G,N=_),{cx:C,cy:N,x01:-d,y01:-m,x11:C*(i/T-1),y11:N*(i/T-1)}}function Oi(){var e=Ib,t=jb,r=Z(0),n=null,i=zb,o=_b,a=$b,s=null,l=Sr(c);function c(){var d,m,p=+e.apply(this,arguments),h=+t.apply(this,arguments),b=i.apply(this,arguments)-fn,g=o.apply(this,arguments)-fn,y=ss(g-b),k=g>b;if(s||(s=d=l()),h<p&&(m=h,h=p,p=m),!(h>Be))s.moveTo(0,0);else if(y>vr-Be)s.moveTo(h*Pt(b),h*We(b)),s.arc(0,0,h,b,g,!k),p>Be&&(s.moveTo(p*Pt(g),p*We(g)),s.arc(0,0,p,g,b,k));else{var S=b,A=g,w=b,T=g,v=y,E=y,C=a.apply(this,arguments)/2,N=C>Be&&(n?+n.apply(this,arguments):Ht(p*p+h*h)),G=Ci(ss(h-p)/2,+r.apply(this,arguments)),_=G,I=G,P,M;if(N>Be){var H=us(N/p*We(C)),q=us(N/h*We(C));(v-=H*2)>Be?(H*=k?1:-1,w+=H,T-=H):(v=0,w=T=(b+g)/2),(E-=q*2)>Be?(q*=k?1:-1,S+=q,A-=q):(E=0,S=A=(b+g)/2)}var V=h*Pt(S),z=h*We(S),K=p*Pt(T),re=p*We(T);if(G>Be){var de=h*Pt(A),ae=h*We(A),xe=p*Pt(w),ke=p*We(w),B;if(y<wr)if(B=Ub(V,z,xe,ke,de,ae,K,re)){var j=V-B[0],Y=z-B[1],se=de-B[0],D=ae-B[1],F=1/We(Zd((j*se+Y*D)/(Ht(j*j+Y*Y)*Ht(se*se+D*D)))/2),$=Ht(B[0]*B[0]+B[1]*B[1]);_=Ci(G,(p-$)/(F-1)),I=Ci(G,(h-$)/(F+1))}else _=I=0}E>Be?I>Be?(P=Di(xe,ke,V,z,h,I,k),M=Di(de,ae,K,re,h,I,k),s.moveTo(P.cx+P.x01,P.cy+P.y01),I<G?s.arc(P.cx,P.cy,I,Te(P.y01,P.x01),Te(M.y01,M.x01),!k):(s.arc(P.cx,P.cy,I,Te(P.y01,P.x01),Te(P.y11,P.x11),!k),s.arc(0,0,h,Te(P.cy+P.y11,P.cx+P.x11),Te(M.cy+M.y11,M.cx+M.x11),!k),s.arc(M.cx,M.cy,I,Te(M.y11,M.x11),Te(M.y01,M.x01),!k))):(s.moveTo(V,z),s.arc(0,0,h,S,A,!k)):s.moveTo(V,z),!(p>Be)||!(v>Be)?s.lineTo(K,re):_>Be?(P=Di(K,re,de,ae,p,-_,k),M=Di(V,z,xe,ke,p,-_,k),s.lineTo(P.cx+P.x01,P.cy+P.y01),_<G?s.arc(P.cx,P.cy,_,Te(P.y01,P.x01),Te(M.y01,M.x01),!k):(s.arc(P.cx,P.cy,_,Te(P.y01,P.x01),Te(P.y11,P.x11),!k),s.arc(0,0,p,Te(P.cy+P.y11,P.cx+P.x11),Te(M.cy+M.y11,M.cx+M.x11),k),s.arc(M.cx,M.cy,_,Te(M.y11,M.x11),Te(M.y01,M.x01),!k))):s.arc(0,0,p,T,w,k)}if(s.closePath(),d)return s=null,d+""||null}return c.centroid=function(){var d=(+e.apply(this,arguments)+ +t.apply(this,arguments))/2,m=(+i.apply(this,arguments)+ +o.apply(this,arguments))/2-wr/2;return[Pt(m)*d,We(m)*d]},c.innerRadius=function(d){return arguments.length?(e=typeof d=="function"?d:Z(+d),c):e},c.outerRadius=function(d){return arguments.length?(t=typeof d=="function"?d:Z(+d),c):t},c.cornerRadius=function(d){return arguments.length?(r=typeof d=="function"?d:Z(+d),c):r},c.padRadius=function(d){return arguments.length?(n=d==null?null:typeof d=="function"?d:Z(+d),c):n},c.startAngle=function(d){return arguments.length?(i=typeof d=="function"?d:Z(+d),c):i},c.endAngle=function(d){return arguments.length?(o=typeof d=="function"?d:Z(+d),c):o},c.padAngle=function(d){return arguments.length?(a=typeof d=="function"?d:Z(+d),c):a},c.context=function(d){return arguments.length?(s=d??null,c):s},c}f();f();var EM=Array.prototype.slice;function Mt(e){return typeof e=="object"&&"length"in e?e:Array.from(e)}f();function Jd(e){this._context=e}Jd.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;default:this._context.lineTo(e,t);break}}};function qt(e){return new Jd(e)}f();f();function Ri(e){return e[0]}function Ni(e){return e[1]}function hn(e,t){var r=Z(!0),n=null,i=qt,o=null,a=Sr(s);e=typeof e=="function"?e:e===void 0?Ri:Z(e),t=typeof t=="function"?t:t===void 0?Ni:Z(t);function s(l){var c,d=(l=Mt(l)).length,m,p=!1,h;for(n==null&&(o=i(h=a())),c=0;c<=d;++c)!(c<d&&r(m=l[c],c,l))===p&&((p=!p)?o.lineStart():o.lineEnd()),p&&o.point(+e(m,c,l),+t(m,c,l));if(h)return o=null,h+""||null}return s.x=function(l){return arguments.length?(e=typeof l=="function"?l:Z(+l),s):e},s.y=function(l){return arguments.length?(t=typeof l=="function"?l:Z(+l),s):t},s.defined=function(l){return arguments.length?(r=typeof l=="function"?l:Z(!!l),s):r},s.curve=function(l){return arguments.length?(i=l,n!=null&&(o=i(n)),s):i},s.context=function(l){return arguments.length?(l==null?n=o=null:o=i(n=l),s):n},s}function ds(e,t,r){var n=null,i=Z(!0),o=null,a=qt,s=null,l=Sr(c);e=typeof e=="function"?e:e===void 0?Ri:Z(+e),t=typeof t=="function"?t:t===void 0?Z(0):Z(+t),r=typeof r=="function"?r:r===void 0?Ni:Z(+r);function c(m){var p,h,b,g=(m=Mt(m)).length,y,k=!1,S,A=new Array(g),w=new Array(g);for(o==null&&(s=a(S=l())),p=0;p<=g;++p){if(!(p<g&&i(y=m[p],p,m))===k)if(k=!k)h=p,s.areaStart(),s.lineStart();else{for(s.lineEnd(),s.lineStart(),b=p-1;b>=h;--b)s.point(A[b],w[b]);s.lineEnd(),s.areaEnd()}k&&(A[p]=+e(y,p,m),w[p]=+t(y,p,m),s.point(n?+n(y,p,m):A[p],r?+r(y,p,m):w[p]))}if(S)return s=null,S+""||null}function d(){return hn().defined(i).curve(a).context(o)}return c.x=function(m){return arguments.length?(e=typeof m=="function"?m:Z(+m),n=null,c):e},c.x0=function(m){return arguments.length?(e=typeof m=="function"?m:Z(+m),c):e},c.x1=function(m){return arguments.length?(n=m==null?null:typeof m=="function"?m:Z(+m),c):n},c.y=function(m){return arguments.length?(t=typeof m=="function"?m:Z(+m),r=null,c):t},c.y0=function(m){return arguments.length?(t=typeof m=="function"?m:Z(+m),c):t},c.y1=function(m){return arguments.length?(r=m==null?null:typeof m=="function"?m:Z(+m),c):r},c.lineX0=c.lineY0=function(){return d().x(e).y(t)},c.lineY1=function(){return d().x(e).y(r)},c.lineX1=function(){return d().x(n).y(t)},c.defined=function(m){return arguments.length?(i=typeof m=="function"?m:Z(!!m),c):i},c.curve=function(m){return arguments.length?(a=m,o!=null&&(s=a(o)),c):a},c.context=function(m){return arguments.length?(m==null?o=s=null:s=a(o=m),c):o},c}f();f();function em(e,t){return t<e?-1:t>e?1:t>=e?0:NaN}f();function tm(e){return e}function ms(){var e=tm,t=em,r=null,n=Z(0),i=Z(vr),o=Z(0);function a(s){var l,c=(s=Mt(s)).length,d,m,p=0,h=new Array(c),b=new Array(c),g=+n.apply(this,arguments),y=Math.min(vr,Math.max(-vr,i.apply(this,arguments)-g)),k,S=Math.min(Math.abs(y)/c,o.apply(this,arguments)),A=S*(y<0?-1:1),w;for(l=0;l<c;++l)(w=b[h[l]=l]=+e(s[l],l,s))>0&&(p+=w);for(t!=null?h.sort(function(T,v){return t(b[T],b[v])}):r!=null&&h.sort(function(T,v){return r(s[T],s[v])}),l=0,m=p?(y-c*A)/p:0;l<c;++l,g=k)d=h[l],w=b[d],k=g+(w>0?w*m:0)+A,b[d]={data:s[d],index:l,value:w,startAngle:g,endAngle:k,padAngle:S};return b}return a.value=function(s){return arguments.length?(e=typeof s=="function"?s:Z(+s),a):e},a.sortValues=function(s){return arguments.length?(t=s,r=null,a):t},a.sort=function(s){return arguments.length?(r=s,t=null,a):r},a.startAngle=function(s){return arguments.length?(n=typeof s=="function"?s:Z(+s),a):n},a.endAngle=function(s){return arguments.length?(i=typeof s=="function"?s:Z(+s),a):i},a.padAngle=function(s){return arguments.length?(o=typeof s=="function"?s:Z(+s),a):o},a}f();function rm(e){return e<0?-1:1}function nm(e,t,r){var n=e._x1-e._x0,i=t-e._x1,o=(e._y1-e._y0)/(n||i<0&&-0),a=(r-e._y1)/(i||n<0&&-0),s=(o*i+a*n)/(n+i);return(rm(o)+rm(a))*Math.min(Math.abs(o),Math.abs(a),.5*Math.abs(s))||0}function im(e,t){var r=e._x1-e._x0;return r?(3*(e._y1-e._y0)/r-t)/2:t}function ps(e,t,r){var n=e._x0,i=e._y0,o=e._x1,a=e._y1,s=(o-n)/3;e._context.bezierCurveTo(n+s,i+s*t,o-s,a-s*r,o,a)}function Fi(e){this._context=e}Fi.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._y0=this._y1=this._t0=NaN,this._point=0},lineEnd:function(){switch(this._point){case 2:this._context.lineTo(this._x1,this._y1);break;case 3:ps(this,this._t0,im(this,this._t0));break}(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){var r=NaN;if(e=+e,t=+t,!(e===this._x1&&t===this._y1)){switch(this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;break;case 2:this._point=3,ps(this,im(this,r=nm(this,e,t)),r);break;default:ps(this,this._t0,r=nm(this,e,t));break}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t,this._t0=r}}};function Vb(e){this._context=new om(e)}(Vb.prototype=Object.create(Fi.prototype)).point=function(e,t){Fi.prototype.point.call(this,t,e)};function om(e){this._context=e}om.prototype={moveTo:function(e,t){this._context.moveTo(t,e)},closePath:function(){this._context.closePath()},lineTo:function(e,t){this._context.lineTo(t,e)},bezierCurveTo:function(e,t,r,n,i,o){this._context.bezierCurveTo(t,e,n,r,o,i)}};function fs(e){return new Fi(e)}f();function am(e,t){this._context=e,this._t=t}am.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x=this._y=NaN,this._point=0},lineEnd:function(){0<this._t&&this._t<1&&this._point===2&&this._context.lineTo(this._x,this._y),(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line>=0&&(this._t=1-this._t,this._line=1-this._line)},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;default:{if(this._t<=0)this._context.lineTo(this._x,t),this._context.lineTo(e,t);else{var r=this._x*(1-this._t)+e*this._t;this._context.lineTo(r,this._y),this._context.lineTo(r,t)}break}}this._x=e,this._y=t}};function hs(e){return new am(e,1)}f();f();function gs(e,t){if((a=e.length)>1)for(var r=1,n,i,o=e[t[0]],a,s=o.length;r<a;++r)for(i=o,o=e[t[r]],n=0;n<s;++n)o[n][1]+=o[n][0]=isNaN(i[n][1])?i[n][0]:i[n][1]}f();function bs(e){for(var t=e.length,r=new Array(t);--t>=0;)r[t]=t;return r}function Gb(e,t){return e[t]}function Wb(e){let t=[];return t.key=e,t}function ys(){var e=Z([]),t=bs,r=gs,n=Gb;function i(o){var a=Array.from(e.apply(this,arguments),Wb),s,l=a.length,c=-1,d;for(let m of o)for(s=0,++c;s<l;++s)(a[s][c]=[0,+n(m,a[s].key,c,o)]).data=m;for(s=0,d=Mt(t(a));s<l;++s)a[d[s]].index=s;return r(a,d),a}return i.keys=function(o){return arguments.length?(e=typeof o=="function"?o:Z(Array.from(o)),i):e},i.value=function(o){return arguments.length?(n=typeof o=="function"?o:Z(+o),i):n},i.order=function(o){return arguments.length?(t=o==null?bs:typeof o=="function"?o:Z(Array.from(o)),i):t},i.offset=function(o){return arguments.length?(r=o??gs,i):r},i}f();function xs(e,t){if((l=e.length)>0)for(var r,n=0,i,o,a,s,l,c=e[t[0]].length;n<c;++n)for(a=s=0,r=0;r<l;++r)(o=(i=e[t[r]][n])[1]-i[0])>0?(i[0]=a,i[1]=a+=o):o<0?(i[1]=s,i[0]=s+=o):(i[0]=0,i[1]=o)}var cm=["#6366f1","#22d3ee","#f59e0b","#ec4899","#10b981","#8b5cf6","#f97316","#3b82f6"],Hb=e=>typeof e=="object"&&e!==null&&"open"in e&&"close"in e,Yb=e=>typeof e=="object"&&e!==null&&"label"in e&&"value"in e;function Xb(e){return e==="linear"?qt:e==="step"?hs:fs}function ws(e,t){let r=/^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(e.trim());if(!r)return e;let n=r[1];n.length===3&&(n=[...n].map(o=>o+o).join(""));let i=parseInt(n,16);return`rgba(${i>>16&255}, ${i>>8&255}, ${i&255}, ${t})`}function sm(e){if(!e?.format)return null;if(typeof e.format=="function")return e.format;let t=sr(e.format);return r=>typeof r=="number"?t(r):String(r)}function J(e){return Math.round(e*100)/100}function kr(e,t=0,r=e.duration){return Q.create().fromTo("opacity",0,1,{start:e.start+t,end:e.start+t+Math.max(1,r),ease:"power2.out"})}function dm(e,t,r){let n=t.id??X("chart"),i=e.width??(typeof t.width=="number"?t.width:960),o=e.height??(typeof t.height=="number"?t.height:540),a=e.type??"line",s=e.fontSize??18,l=e.fontFamily??r,c=e.textColor??"#94a3b8",d=e.textColor??"#e2e8f0",m=e.gridColor??"rgba(148, 163, 184, 0.18)",p=e.colors?.length?e.colors:cm,h=e.cornerRadius??4,b=e.animate===!1?void 0:e.animate??{},g={enabled:b!==void 0,start:b?.start??0,duration:b?.duration??30,stagger:b?.stagger??-1,ease:b?.ease??"power3.out"},y=[],k=(P,M,H,q={},V="")=>{let z=L.text(P,{id:`${n}-label-${V||y.length}`,position:"absolute",x:J(M.x),y:J(M.y),width:J(M.width),height:J(M.height),fontFamily:l,fontSize:s,fontWeight:q.weight??500,fill:q.color??c,align:H,verticalAlign:"middle"});g.enabled&&z.animate(kr(g,q.delay??0)),y.push(z)},S=Math.ceil(s*1.4);a==="pie"||a==="donut"?A():T();for(let P of y)mm(P);return L.box({background:e.background??"transparent",...t,id:n,width:i,height:o,children:y});function A(){let P=w(),M=P.reduce((j,Y)=>j+Math.max(0,Y.value),0),H=e.legend??!0,q=E({top:16,right:H?N(P.map(j=>j.label)):16,bottom:16,left:16}),V=C(q),z=Math.max(1,Math.min(V.width,V.height)/2),K=z*(e.innerRadius??(a==="donut"?.6:0)),re=V.x+V.width/2,de=V.y+V.height/2,ae=4,xe=ms().sort(null).value(j=>Math.max(0,j.value)).padAngle(P.length>1?.012:0)(P),ke=Oi().innerRadius(K).outerRadius(z).cornerRadius(Math.min(h,(z-K)/2)),B=v(xe.length);xe.forEach((j,Y)=>{let se=ke(j);if(!se)return;let D=P[Y].color??p[Y%p.length],F=L.shape("path",{id:`${n}-slice-${Y}`,position:"absolute",x:J(re-z-ae),y:J(de-z-ae),width:J(2*(z+ae)),height:J(2*(z+ae)),d:qb(se,z+ae,z+ae),fillColor:D,anchorX:.5,anchorY:.5});if(g.enabled){let $=g.start+Y*B;F.animate(Q.create().fromTo("opacity",0,1,{start:$,end:$+g.duration*.5}).fromTo("scale",.85,1,{start:$,end:$+g.duration,ease:g.ease}))}if(y.push(F),e.valueLabels&&M>0&&j.value>0){let[$,R]=Oi().innerRadius(K||z*.55).outerRadius(z).centroid(j),we=`${Math.round(j.value/M*100)}%`;k(we,{x:re+$-60,y:de+R-S/2,width:120,height:S},"center",{delay:Y*B+g.duration*.5,color:"#ffffff",weight:700},`value-${Y}`)}}),H&&G(P.map((j,Y)=>({name:j.label,color:j.color??p[Y%p.length]})),{x:V.x+V.width+24,y:V.y,height:V.height})}function w(){return(e.data??e.series?.[0]?.data??[]).map((M,H)=>{if(Yb(M))return M;let q=typeof M=="number"?M:Array.isArray(M)?Number(M[1]):Number(M.y);return{label:e.categories?.[H]??(Array.isArray(M)?String(M[0]):typeof M=="object"&&M?String(M.x):`${H+1}`),value:q}})}function T(){let P=e.series?.length?[...e.series]:e.data?[{data:e.data}]:[];if(P.length===0)return;let M=O=>O.type??a??"line",H=(O,U)=>O.color??p[U%p.length],q=P.map(O=>O.data.map((U,te)=>Hb(U)?{x:U.x,y:U.close}:typeof U=="number"?{x:e.categories?.[te]??te,y:U}:Array.isArray(U)?{x:U[0],y:Number(U[1])}:{x:U.x,y:Number(U.y)})),V=P.some(O=>M(O)==="bar"||M(O)==="candlestick"),z=q.flat().map(O=>O.x),K=V||z.some(O=>typeof O=="string")?"band":z.some(O=>O instanceof Date)?"time":"linear",re=O=>M(O)==="bar"||M(O)==="area",de=!!e.stacked,ae=K==="band"?[...new Set(z.map(String))]:[],xe=new Map;if(de){let O=P.map((me,Pe)=>Pe).filter(me=>re(P[me])),U=ae.length?ae:[...new Set(z.map(me=>+me))].sort((me,Pe)=>me-Pe).map(String),te=U.map(me=>{let Pe={};for(let Oe of O){let Re=q[Oe].find(ve=>String(K==="band"?ve.x:+ve.x)===me);Pe[Oe]=Re?.y??0}return Pe});ys().keys(O.map(String)).offset(xs)(te).forEach(me=>{let Pe=Number(me.key);xe.set(Pe,q[Pe].map(Oe=>{let Re=U.indexOf(String(K==="band"?Oe.x:+Oe.x));return[me[Re][0],me[Re][1]]}))})}let ke=[0];P.forEach((O,U)=>{let te=xe.get(U);if(M(O)==="candlestick")for(let ce of O.data)ke.push(ce.high,ce.low);else if(te)for(let[ce,me]of te)ke.push(ce,me);else for(let ce of q[U])ke.push(ce.y)}),P.every(O=>M(O)==="candlestick"||M(O)==="scatter"||M(O)==="line")&&ke.shift();let B=e.yAxis??{},j=e.xAxis??{},Y=B.ticks??5,se=B.min??Math.min(...ke),D=B.max??Math.max(...ke);(!Number.isFinite(se)||!Number.isFinite(D))&&([se,D]=[0,1]),se===D&&([se,D]=[se-1,D+1]);let F=pr().domain([se,D]);(B.min===void 0||B.max===void 0)&&F.nice(Y);let $=sm(B)??(O=>F.tickFormat(Y)(O)),R=F.ticks(Y),we=P.map((O,U)=>({name:O.name??`Series ${U+1}`,color:H(O,U)})),ue=e.legend??P.length>1,Ce=B.show!==!1,De=j.show!==!1,tt=Ce?Math.max(...R.map(O=>$(O).length))*s*.7+20:0,Cn=E({top:(ue?S+20:0)+Math.ceil(S/2),right:20,bottom:De?S+14:12,left:Math.max(16,Math.ceil(tt))}),ne=C(Cn),qs=S+6,Zs=e.valueLabels?P.flatMap((O,U)=>M(O)==="bar"?q[U].map(te=>te.y):[]):[],Tp=Zs.some(O=>O>0)?qs:0,Ap=Zs.some(O=>O<0)?qs:0;F.range([ne.height-Ap,Tp]);let rt;if(K==="band")rt=rn().domain(ae).range([0,ne.width]).paddingInner(V?.28:0).paddingOuter(V?.14:.5);else if(K==="time"){let O=z.map(U=>+new Date(U));rt=Ai().domain([Math.min(...O),Math.max(...O)]).range([0,ne.width])}else{let O=z.map(Number);rt=pr().domain([j.min??Math.min(...O),j.max??Math.max(...O)]).range([0,ne.width])}let Ks=O=>{if(K==="band"){let U=rt;return(U(String(O))??0)+U.bandwidth()/2}return rt(K==="time"?new Date(O):Number(O))},Qs=0;B.grid!==!1&&R.forEach((O,U)=>{let te=L.box({id:`${n}-ygrid-${U}`,position:"absolute",x:ne.x,y:J(ne.y+F(O)-.5),width:ne.width,height:1,background:m});g.enabled&&te.animate(kr(g,Qs,g.duration/2)),y.push(te)}),Ce&&R.forEach((O,U)=>{k($(O),{x:0,y:ne.y+F(O)-S/2,width:ne.x-12,height:S},"end",{},`y-${U}`)});let Dr=[],Dn=sm(j);if(K==="band"){let O=rt,U=Math.max(1,Math.ceil(ae.length/Math.max(1,Math.floor(ne.width/(s*4)))));ae.forEach((te,ce)=>{ce%U===0&&Dr.push({pos:(O(te)??0)+O.bandwidth()/2,text:Dn?Dn(te):te})})}else{let O=rt,U=j.ticks??Math.max(2,Math.floor(ne.width/(s*6))),te=O.tickFormat(U);for(let ce of O.ticks(U))Dr.push({pos:O(ce),text:Dn?Dn(K==="time"?new Date(ce):ce):te(ce)})}if(j.grid&&Dr.forEach((O,U)=>{let te=L.box({id:`${n}-xgrid-${U}`,position:"absolute",x:J(ne.x+O.pos-.5),y:ne.y,width:1,height:ne.height,background:m});g.enabled&&te.animate(kr(g,Qs,g.duration/2)),y.push(te)}),De){let O=Math.max(s*3,ne.width/Math.max(1,Dr.length));Dr.forEach((U,te)=>{k(U.text,{x:ne.x+U.pos-O/2,y:ne.y+ne.height+10,width:O,height:S},"center",{},`x-${te}`)})}let[Cp,Dp]=F.domain();if(Cp<=0&&Dp>=0&&V){let O=L.box({id:`${n}-zero`,position:"absolute",x:ne.x,y:J(ne.y+F(0)-1),width:ne.width,height:2,background:ws("#94a3b8",.45)});g.enabled&&O.animate(kr(g,0,g.duration/2)),y.push(O)}let On=P.map((O,U)=>U).filter(O=>M(P[O])==="bar"),Op=[...On,...P.map((O,U)=>U).filter(O=>M(P[O])==="candlestick"),...P.map((O,U)=>U).filter(O=>M(P[O])==="area"),...P.map((O,U)=>U).filter(O=>M(P[O])==="line"),...P.map((O,U)=>U).filter(O=>M(P[O])==="scatter")],pt=K==="band"?rt:null,Js=pt?v(ae.length):0,eu=O=>pt?ae.indexOf(String(O)):0;Op.forEach((O,U)=>{let te=P[O],ce=H(te,O),me=M(te),Pe=q[O],Oe=xe.get(O);if(me==="bar"&&pt){let Re=de?1:On.length,ve=de?0:On.indexOf(O),Ne=pt.bandwidth()/Re,fe=Re>1?Math.min(4,Ne*.12):0;Pe.forEach((Fe,He)=>{let[ft,Me]=Oe?Oe[He]:[0,Fe.y],be=ne.y+F(Math.max(ft,Me)),Rn=ne.y+F(Math.min(ft,Me)),Ee=Math.max(0,Rn-be),Or=ne.x+(pt(String(Fe.x))??0)+ve*Ne+fe/2,At=Fe.y>=0?"up":"down",Nn=L.box({id:`${n}-bar-${O}-${He}`,position:"absolute",x:J(Or),y:J(be),width:J(Math.max(1,Ne-fe)),height:J(Ee),background:ce,borderRadius:Math.min(h,(Ne-fe)/2,Ee/2)}),ru=eu(Fe.x)*Js+(de?On.indexOf(O)*g.duration*.6:0);if(g.enabled){let Rr=g.start+ru,Fn=Rr+g.duration,nu=Q.create().fromTo("height",0,J(Ee),{start:Rr,end:Fn,ease:g.ease});At==="up"&&nu.fromTo("y",J(be+Ee),J(be),{start:Rr,end:Fn,ease:g.ease}),Nn.animate(nu)}if(y.push(Nn),e.valueLabels){let Rr=$(Fe.y),Fn=At==="up"?be-S-4:be+Ee+4;k(Rr,{x:Or-30,y:Fn,width:Ne-fe+60,height:S},"center",{delay:ru+g.duration*.6,color:d,weight:600},`value-${O}-${He}`)}});return}if(me==="candlestick"&&pt){let Re=e.upColor??"#22c55e",ve=e.downColor??"#ef4444",Ne=pt.bandwidth();te.data.forEach((fe,Fe)=>{let He=fe.close>=fe.open?Re:ve,ft=ne.x+(pt(String(fe.x))??0)+Ne/2,Me=eu(fe.x)*Js,be=[["wick",{x:ft-Math.max(1,Ne*.06),y:ne.y+F(fe.high),width:Math.max(2,Ne*.12),height:Math.max(1,F(fe.low)-F(fe.high))}],["body",{x:ft-Ne/2,y:ne.y+F(Math.max(fe.open,fe.close)),width:Ne,height:Math.max(2,Math.abs(F(fe.open)-F(fe.close)))}]];for(let[Rn,Ee]of be){let Or=L.box({id:`${n}-candle-${O}-${Fe}-${Rn}`,position:"absolute",x:J(Ee.x),y:J(Ee.y),width:J(Ee.width),height:J(Ee.height),background:He,borderRadius:Rn==="body"?Math.min(h/2,Ee.width/2):0});if(g.enabled){let At=g.start+Me,Nn=Ee.y+Ee.height/2;Or.animate(Q.create().fromTo("height",0,J(Ee.height),{start:At,end:At+g.duration,ease:g.ease}).fromTo("y",J(Nn),J(Ee.y),{start:At,end:At+g.duration,ease:g.ease}))}y.push(Or)}});return}if(me==="line"||me==="area"){let Re=te.strokeWidth??3,ve=Math.ceil(Re*2+(te.pointRadius??0)+2),Ne=Pe.map((Me,be)=>({x:Ks(Me.x)+ve,top:F(Oe?Oe[be][1]:Me.y)+ve,base:F(Oe?Oe[be][0]:Math.max(F.domain()[0],Math.min(0,F.domain()[1])))+ve})),fe=Xb(te.curve),Fe={x:ne.x-ve,y:ne.y-ve,width:ne.width+2*ve,height:ne.height+2*ve},He=U*(g.duration/3);if(me==="area"){let Me=ds().x(be=>be.x).y0(be=>be.base).y1(be=>be.top).curve(fe)(Ne);if(Me){let be=L.shape("path",{id:`${n}-area-${O}`,position:"absolute",...um(Fe),d:lm(Me),fillType:"linear",fillColor:ws(ce,.45),gradientEndColor:ws(ce,.02),gradientAngle:90});g.enabled&&be.animate(kr(g,He+g.duration*.4,g.duration)),y.push(be)}}let ft=hn().x(Me=>Me.x).y(Me=>Me.top).curve(fe)(Ne);if(ft&&Re>0){let Me=L.shape("path",{id:`${n}-line-${O}`,position:"absolute",...um(Fe),d:lm(ft),fillType:"none",strokeColor:ce,strokeWidth:Re,strokeLineCap:"round",strokeLineJoin:"round"});g.enabled&&Me.animate(Q.create().fromTo("trimEnd",0,1,{start:g.start+He,end:g.start+He+g.duration*1.5,ease:"power2.inOut"})),y.push(Me)}(te.pointRadius??0)>0&&tu(O,Pe,ce,te.pointRadius??0,He+g.duration*.5,Oe);return}me==="scatter"&&tu(O,Pe,ce,te.pointRadius??6,U*(g.duration/3),Oe)}),ue&&_(we);function tu(O,U,te,ce,me,Pe){let Oe=v(U.length);U.forEach((Re,ve)=>{let Ne=F(Pe?Pe[ve][1]:Re.y),fe=L.shape("circle",{id:`${n}-point-${O}-${ve}`,position:"absolute",x:J(ne.x+Ks(Re.x)-ce),y:J(ne.y+Ne-ce),width:J(ce*2),height:J(ce*2),fillColor:te,anchorX:.5,anchorY:.5});if(g.enabled){let Fe=g.start+me+ve*Oe;fe.animate(Q.create().fromTo("scale",0,1,{start:Fe,end:Fe+g.duration*.6,ease:"back.out(2)"}).fromTo("opacity",0,1,{start:Fe,end:Fe+6}))}y.push(fe)})}}function v(P){return!g.enabled||P<=1?0:g.stagger>=0?g.stagger:Math.min(4,g.duration/P)}function E(P){let M=e.padding;return typeof M=="number"?{top:M,right:M,bottom:M,left:M}:{top:M?.top??P.top,right:M?.right??P.right,bottom:M?.bottom??P.bottom,left:M?.left??P.left}}function C(P){return{x:P.left,y:P.top,width:Math.max(1,i-P.left-P.right),height:Math.max(1,o-P.top-P.bottom)}}function N(P){let M=Math.max(0,...P.map(H=>H.length));return Math.min(i*.4,M*s*.6+s+48)}function G(P,M){let H=S+8,q=M.y+Math.max(0,(M.height-P.length*H)/2);P.forEach((V,z)=>{I(V,M.x,q+z*H,z)})}function _(P){let M=P.map(V=>V.name.length*s*.6+s+28),H=M.reduce((V,z)=>V+z,0),q=Math.max(0,i-H-20);P.forEach((V,z)=>{I(V,q,4,z),q+=M[z]})}function I(P,M,H,q){let V=Math.round(s*.7),z=L.box({id:`${n}-legend-swatch-${q}`,position:"absolute",x:J(M),y:J(H+(S-V)/2),width:V,height:V,borderRadius:Math.round(V/4),background:P.color});g.enabled&&z.animate(kr(g,0,g.duration/2)),y.push(z),k(P.name,{x:M+V+8,y:H,width:P.name.length*s*.6+12,height:S},"start",{color:e.textColor??"#cbd5e1"},`legend-${q}`)}}function mm(e){for(let t of e.animation?.tracks??[])for(let r of t.keyframes??[])r.frame=Math.round(r.frame);for(let t of e.children??[])mm(t)}function um(e){return{x:J(e.x),y:J(e.y),width:J(e.width),height:J(e.height)}}function lm(e){return e.replace(/-?\d*\.\d{3,}(?:e-?\d+)?/gi,t=>String(J(Number(t))))}function qb(e,t,r){let n=[],i=/([MLAZ])([^MLAZ]*)/gi;for(let[,o,a]of e.matchAll(i)){let s=(a.match(/-?\d*\.?\d+(?:e-?\d+)?/gi)??[]).map(Number);if(o.toUpperCase()==="A")for(let l=0;l+6<s.length;l+=7)s[l+5]+=t,s[l+6]+=r;else if(o.toUpperCase()!=="Z")for(let l=0;l+1<s.length;l+=2)s[l]+=t,s[l+1]+=r;n.push(o+s.map(J).join(","))}return n.join("")}f();var pm=24,Zb=1,Kb=1,Qb="depth-anything-v2-s",Jb=48,fm,ey=0;function ty(){return fm??=import("./src-YXNX4MLK.mjs"),fm}var gn=class{source;fps;compositionFps;startFrame;trimStartSec;smoothing;options;results=new Map;sourceWidth=0;sourceHeight=0;cellW=0;cellH=0;cell;queue=Promise.resolve();runner;sam2Tracker;sam2Frame=-1;sam3Tracker;sam3Frame=-1;sam;decoderId=`clip-vision#${++ey}#`;signalBundle;publishedSignals=new Set;signalMaskFrame=-1;signalMasks=new Map;trackCounts=new Map;cacheLoaded;unsaved=0;unsavedSubjects=0;blurred=new Map;smoothed=new Map;personView;subjects=new Map;wantSubjects=!1;subjectsLoaded;depths=new Map;depthsOnDisk=new Set;depthDir;depthDisk;constructor(t,r,n={}){if(this.source=t,n.sam2&&n.sam3)throw new Error("Choose one prompted backend: sam2 or sam3.");this.options=n.sam2?{...n,sam2:{...n.sam2,prompts:n.sam2.prompts.map(i=>({...i,points:i.points.map(o=>({...o}))}))}}:n.sam3?{...n,sam3:{...n.sam3,prompts:(n.sam3.prompts??(n.sam3.text?[{frame:0,text:n.sam3.text}]:[])).map(i=>({...i,...i.points?{points:i.points.map(o=>({...o}))}:{}}))}}:n,this.compositionFps=r,this.fps=n.fps??r,this.startFrame=Math.round(n.startFrame??0),this.trimStartSec=n.trimStartSec??0,this.smoothing=Math.max(0,Math.round(n.smoothing??(n.sam2||n.sam3?0:2))),this.cell=Math.max(1,Math.round(n.maskCell??8)),(n.sam2||n.sam3)&&(this.wantSubjects=!0)}get exact(){return this.options.sam2!==void 0||this.options.sam3!==void 0}get signals(){return this.keepSubjects(),this.signalBundle??=new Br({fps:this.compositionFps,totalFrames:Number.MAX_SAFE_INTEGER,maskSource:t=>this.trackIds(t).flatMap(r=>{let n=this.maskAt(t,r);return n&&n.area>0?[n]:[]}),matteSource:t=>{let r=this.maskAt(t);return r?{mask:r.mask,width:r.width,height:r.height,coverage:r.coverage}:void 0}}),this.signalBundle}decoder(){return Er.getVideo(this.source,!0,this.decoderId)}release(){Er.clearNode(this.decoderId),this.sam2Tracker?.release(),this.sam2Tracker=void 0,this.sam2Frame=-1,this.sam3Tracker?.release(),this.sam3Tracker=void 0,this.sam3Frame=-1,this.runner?.close(),this.runner=void 0,this.signalMaskFrame=-1,this.signalMasks.clear(),this.publishedSignals.clear()}get person(){return this.personView??=new Bi(this),this.personView}ready(t,r=t){let[n,i]=this.window(t,r),o=this.queue.then(async()=>{try{await this.compute(n,i)}catch(a){throw this.release(),a}this.signalBundle&&this.publishSignals(Math.min(t,r),Math.max(t,r))});return this.queue=o.catch(()=>{}),o}isReady(t){let[r,n]=this.window(t,t);for(let i=r;i<=n;i++)if(!this.analysed(i))return!1;return!0}keepSubjects(){this.wantSubjects=!0}subject(t,r){let n=this.sourceFrame(t,r);if(n===void 0)return;let i=this.subjects.get(n);if(i===void 0)return i;if(i===null||!this.sourceWidth)return null;let o=this.sourceWidth,a=this.sourceHeight;return{category:i.category,mask:bm(i,o*a),width:o,height:a,area:i.area,coverage:i.area/(o*a),detectionIndex:-1}}pose(t,r){let n=this.sourceFrame(t,r);if(n===void 0||!this.tracksPose||!this.sourceWidth)return;for(let a=n-this.smoothing;a<=n+this.smoothing;a++)if(!this.results.has(Math.max(0,a)))return;if(!this.results.get(n)?.kp)return null;let i=this.sourceWidth,o=this.sourceHeight;return{width:i,height:o,keypoints:Array.from({length:17},(a,s)=>{let[l,c,d]=this.keypoint(s,n);return{x:l/i,y:c/o,visibility:d}})}}get tracksPose(){return this.exact?this.options.pose===!0:this.options.pose??!this.tracksDepth}get tracksMask(){return this.options.mask??!this.tracksDepth}get tracksDepth(){return this.options.depth===!0}depthMap(t){return this.depth(t,this.compositionFps)??void 0}depth(t,r){let n=this.sourceFrame(t,r);if(n===void 0||!this.tracksDepth)return;let i=this.storedDepth(n);if(!i)return i;let o=new Float32Array(i.data.length);for(let a=0;a<o.length;a++)o[a]=i.data[a]/65535;return{data:o,width:i.width,height:i.height}}sourceFrame(t,r){let n=t*this.fps/r;if(!(!this.exact&&!this.options.timeRemap&&Math.abs(n-Math.round(n))>1e-6))return this.options.timeRemap||this.exact?Math.floor(n+1e-6):Math.round(n)}clipFrame(t){return this.options.timeRemap?lu(this.options.timeRemap,this.localFrame(t),this.compositionFps)*this.fps:((t-this.startFrame)/this.compositionFps+this.trimStartSec)*this.fps}localFrame(t){let r=Math.max(0,t-this.startFrame);return this.options.durationFrames===void 0?r:Math.min(r,Math.max(0,this.options.durationFrames-1))}window(t,r){let n=this.options.timeRemap?cu(this.options.timeRemap,this.localFrame(Math.min(t,r)),this.localFrame(Math.max(t,r)),this.compositionFps):void 0,i=Math.floor(n?n.min*this.fps:this.clipFrame(Math.min(t,r))),o=Math.ceil(n?n.max*this.fps:this.clipFrame(Math.max(t,r)));return[Math.max(0,i-pm-this.smoothing),Math.max(0,o+this.smoothing)]}analysed(t){return this.analysedSubject(t)&&(!this.tracksDepth||this.hasDepth(t))}analysedSubject(t){return this.results.has(t)&&(!this.wantSubjects||this.subjects.has(t))}prompted(){return this.sam??=ty().then(t=>(this.options.sam2&&t.validateSam2Prompts(this.options.sam2.prompts),this.options.sam3&&t.validateSam3Prompts(this.options.sam3),t)),this.sam}async compute(t,r){this.exact&&await this.prompted(),this.cacheLoaded??=this.loadCache(),await this.cacheLoaded,this.wantSubjects&&(this.subjectsLoaded??=this.loadSubjects(),await this.subjectsLoaded),this.tracksDepth&&await this.computeDepth(t,r);let n=!1;for(let l=t;l<=r;l++)this.analysedSubject(l)||(n=!0);if(!n)return;if(this.options.sam2){await this.computeSam2(r);return}if(this.options.sam3){await this.computeSam3(r);return}let i=this.tracksPose,o=this.tracksMask,a=this.visionRunner(),s=this.decoder();for(let l=t;l<=r;l++){if(this.analysedSubject(l))continue;let c=await Ei(await s.getFrame(l/this.fps));if(!c){this.results.set(l,{kp:null,mask:null}),this.wantSubjects&&this.subjects.set(l,null);continue}this.sourceWidth||this.setSize(c.width,c.height);let d=this.results.get(l),m=d?.kp??null,p=d?.mask??null;if(i&&!d){let b=(await a.pose(c)).people[0];if(b){m=new Float32Array(51);for(let[g,y]of b.keypoints.entries())m.set([y.x,y.y,y.visibility],g*3)}}let h=o&&!d||this.wantSubjects?await a.segment(c):void 0;if(h&&this.wantSubjects){let b=go(h.masks);this.subjects.set(l,b?{category:b.category,area:b.area,...gm(b.mask)}:null),this.unsavedSubjects++}if(h&&o&&!d){let b=ny(h);b&&(p=new Uint8Array(this.cellW*this.cellH),hm(b,c.width,c.height,this.cell,p,this.cellW,this.cellH))}this.results.set(l,{kp:m,mask:p}),d||this.unsaved++,this.unsaved>=24&&await this.saveCache(),this.unsavedSubjects>=24&&await this.saveSubjects()}this.unsaved>0&&await this.saveCache(),this.unsavedSubjects>0&&await this.saveSubjects()}visionRunner(){return this.runner??=tr.create({modelsDir:this.options.modelsDir,baseUrl:this.options.baseUrl,...this.options.confidence!==void 0&&{confidence:this.options.confidence},...this.options.variant!==void 0&&{variant:this.options.variant}}),this.runner}async computeDepth(t,r){let n=await this.depthCacheDir(),i;for(let o=t;o<=r;o++){if(this.hasDepth(o))continue;i??=this.decoder();let a=await Ei(await i.getFrame(o/this.fps));if(!a){this.depths.set(o,null);continue}this.sourceWidth||this.setSize(a.width,a.height);let s=await this.visionRunner().depth(a),l={width:s.width,height:s.height,data:Uint16Array.from(s.data,c=>Math.round(c*65535))};this.keepDepth(o,l),n&&await this.saveDepth(n,o,l)}}hasDepth(t){return this.depths.has(t)||this.depthsOnDisk.has(t)}keepDepth(t,r){if(this.depths.delete(t),this.depths.set(t,r),this.depthsOnDisk.size!==0)for(let n of this.depths.keys()){if(this.depths.size<=Jb)break;this.depthsOnDisk.has(n)&&this.depths.delete(n)}}storedDepth(t){let r=this.depths.get(t);if(r!==void 0||!this.depthsOnDisk.has(t))return r;let n=this.depthDisk;if(!n)return;let i=uy(n.fs,n.path.join(n.dir,`${t}.bin`));return i&&this.keepDepth(t,i),i??void 0}depthCacheDir(){return this.depthDir??=(async()=>{let t=await xm();if(!t||this.options.cacheDir===!1)return null;let{fs:r,path:n,os:i,crypto:o}=t;try{let a=r.statSync(this.source),s=this.options.cacheDir??x.env.FRAMEFIELDS_VISION_CACHE_DIR??n.join(i.homedir(),".cache","framefields","vision"),l=JSON.stringify([Kb,n.resolve(this.source),a.size,a.mtimeMs,this.fps,Qb]),c=o.createHash("sha256").update(l).digest("hex").slice(0,24),d=n.join(s,`${n.basename(this.source)}.${c}.depth`);r.mkdirSync(d,{recursive:!0});for(let m of r.readdirSync(d)){let p=/^(\d+)\.bin$/.exec(m);p&&this.depthsOnDisk.add(Number(p[1]))}return this.depthDisk={dir:d,fs:r,path:n},d}catch{return null}})(),this.depthDir}async saveDepth(t,r,n){let i=await xm();if(!i)return;let o=new Uint32Array([n.width,n.height]),a=i.path.join(t,`${r}.bin`),s=`${a}.${x.pid}.tmp`;i.fs.writeFileSync(s,Buffer.concat([Buffer.from(o.buffer),Buffer.from(n.data.buffer,n.data.byteOffset,n.data.byteLength)])),i.fs.renameSync(s,a),this.depthsOnDisk.add(r),this.keepDepth(r,n)}async computeSam2(t){let r=this.options.sam2;if(!r)return;let n=r.prompts[0]?.frame??0;for(let o=0;o<Math.min(n,t+1);o++)this.results.set(o,{kp:null,mask:null,score:0}),this.subjects.set(o,null);if(t<n)return;let i=this.decoder();if(!this.sam2Tracker){let o=Math.max(1,Math.ceil(await i.durationSec()*this.fps-1e-6));if(r.prompts.some(s=>s.frame>=o))throw new Error("SAM 2 prompt frames must be inside the source video.");let{Sam2Tracker:a}=await this.prompted();this.sam2Tracker=await a.create({modelsDir:this.options.modelsDir,baseUrl:this.options.baseUrl,frameCount:o,model:r.model}),this.sam2Frame=n-1}for(let o=this.sam2Frame+1;o<=t;o++){let a=await Ei(await i.getFrame(o/this.fps));if(!a)throw new Error(`Cannot decode SAM 2 source frame ${o}.`);this.sourceWidth||this.setSize(a.width,a.height);let s=r.prompts.find(d=>d.frame===o),l=await this.sam2Tracker.process(a,o,s?.points),c=this.tracksPose?await this.matchedPose(a,l.mask):null;this.storeSamFrame(o,l.width,l.height,[l],c),this.unsaved>=24&&(await this.saveCache(),await this.saveSubjects())}await this.saveCache(),await this.saveSubjects()}async computeSam3(t){let r=this.options.sam3;if(!r)return;let n=r.prompts[0]?.frame??0;for(let o=0;o<Math.min(n,t+1);o++)this.results.set(o,{kp:null,mask:null,score:0}),this.subjects.set(o,null);if(t<n)return;let i=this.decoder();if(!this.sam3Tracker){let o=Math.max(1,Math.ceil(await i.durationSec()*this.fps-1e-6));if(r.prompts.some(s=>s.frame>=o))throw new Error("SAM 3 prompt frames must be inside the source video.");let{Sam3Tracker:a}=await this.prompted();this.sam3Tracker=await a.create({modelsDir:this.options.modelsDir,baseUrl:this.options.baseUrl,frameCount:o,textThreshold:r.textThreshold,maxObjects:r.maxObjects,merge:r.merge,redetect:r.redetect,precision:r.precision,acceptLicense:this.options.acceptSamLicense??this.options.sam3?.acceptLicense}),this.sam3Frame=n-1}for(let o=this.sam3Frame+1;o<=t;o++){let a=await Ei(await i.getFrame(o/this.fps));if(!a)throw new Error(`Cannot decode SAM 3 source frame ${o}.`);this.sourceWidth||this.setSize(a.width,a.height);let s=r.prompts.find(d=>d.frame===o),l=await this.sam3Tracker.process(a,o,s),c=this.tracksPose?await this.matchedPose(a,sy(l.objects,a)):null;this.storeSamFrame(o,l.width,l.height,l.objects,c),this.unsaved>=24&&(await this.saveCache(),await this.saveSubjects())}await this.saveCache(),await this.saveSubjects()}storeSamFrame(t,r,n,i,o){let a=new Uint8Array(r*n),s=[...i.keys()].sort((p,h)=>(i[p]?.score??0)-(i[h]?.score??0));for(let p of s){let h=i[p]?.mask;if(h)for(let b=0;b<h.length;b++)(h[b]??0)>=128&&(a[b]=p+1)}let l=Uint8Array.from(a,p=>p?255:0),c=new Uint8Array(this.cellW*this.cellH);hm(l,r,n,this.cell,c,this.cellW,this.cellH);let d=0;for(let p of a)p&&d++;let m=i.map(p=>1/(1+Math.exp(-p.score)));this.results.set(t,{kp:o,mask:c,score:Math.max(0,...m)}),this.subjects.set(t,d>0?{category:this.samCategory(),area:d,scores:m,...gm(a)}:null),this.trackCounts.set(t,i.length),this.blurred.delete(t),this.options.sam3?this.sam3Frame=t:this.sam2Frame=t,this.unsaved++,this.unsavedSubjects++}samCategory(){return this.options.sam2?.category??this.options.sam3?.category??"object"}async matchedPose(t,r){this.runner??=tr.create({modelsDir:this.options.modelsDir,baseUrl:this.options.baseUrl,variant:this.options.variant});let{people:n}=await this.runner.pose(t),o=n.map(a=>({person:a,overlap:a.keypoints.reduce((s,l)=>{let c=Math.max(0,Math.min(t.width-1,Math.round(l.x))),d=Math.max(0,Math.min(t.height-1,Math.round(l.y)));return s+(r[d*t.width+c]??0)/255*l.visibility},0)})).sort((a,s)=>s.overlap-a.overlap)[0];return!o||o.overlap<2?null:Float32Array.from(o.person.keypoints.flatMap(a=>[a.x,a.y,a.visibility]))}trackIds(t){let r=Math.max(0,Math.floor(this.clipFrame(t))),n=this.subjects.get(r)?.scores?.length??this.trackCounts.get(r)??1;return Array.from({length:n},(i,o)=>o+1)}maskAt(t,r){let n=Math.max(0,Math.floor(this.clipFrame(t)));this.signalMaskFrame!==n&&(this.signalMaskFrame=n,this.signalMasks.clear());let i=this.signalMasks.get(r??0);if(i)return i;if(!this.results.has(n)||!this.sourceWidth)return;let o=this.subjects.get(n),a=this.sourceWidth*this.sourceHeight,s=o?bm(o,a,r):new Uint8Array(a),l=o?.area??0;if(r!==void 0&&o?.scores){l=0;for(let d of s)d&&l++}let c={category:o?.category??this.samCategory(),mask:s,width:this.sourceWidth,height:this.sourceHeight,area:l,coverage:l/a,detectionIndex:(r??1)-1,trackId:r??1};return this.signalMasks.set(r??0,c),c}publishSignals(t,r){let n=this.signalBundle;if(!(!n||!this.sourceWidth)){n.setFrameSize(this.sourceWidth,this.sourceHeight);for(let i=t;i<=r;i++){if(this.publishedSignals.has(i))continue;this.publishedSignals.add(i);let o=Math.max(0,Math.floor(this.clipFrame(i))),a=this.maskAt(i);if(!a)continue;let s=n.getObjectResult(i-1).objects,l=this.subjects.get(o)?.scores,c=this.trackIds(i).flatMap(p=>{let h=this.maskAt(i,p);return h?[bo(h,i,this.compositionFps,l?.[p-1]??this.results.get(o)?.score??1,s.find(b=>b.trackId===p))]:[]});n.setObjectResult(i,c);let d=c[0]??bo(a,i,this.compositionFps,0),m=this.results.get(o)?.kp;n.setPoseResult(i,{people:m?[{score:d.score,boundingBox:d.boundingBox,trackId:1,keypoints:Array.from({length:17},(p,h)=>({x:(m[h*3]??0)/a.width,y:(m[h*3+1]??0)/a.height,visibility:m[h*3+2]??0}))}]:[]})}}}setSize(t,r){this.sourceWidth=t,this.sourceHeight=r,this.cellW=Math.ceil(t/this.cell),this.cellH=Math.ceil(r/this.cell)}size(){return{width:this.sourceWidth,height:this.sourceHeight}}result(t){return this.results.get(Math.max(0,t))}keypoint(t,r){r=Math.max(0,r);let n=`${t}:${r}`,i=this.smoothed.get(n);if(i)return i;let o=s=>{let l=0,c=0,d=0,m=0;for(let p=s-this.smoothing;p<=s+this.smoothing;p++){let h=this.mustHave(p<0?0:p);if(!h.kp)continue;let b=h.kp[t*3+2],g=(this.smoothing+1-Math.abs(p-s))*b*b;l+=h.kp[t*3]*g,c+=h.kp[t*3+1]*g,d+=b*g,m+=g}return m>1e-6?[l/m,c/m,d/m]:null},a=null;for(let s=0;s<=pm&&!a;s++)r-s>=0&&(a=o(r-s));return a??=[this.sourceWidth/2,this.sourceHeight/2,0],this.smoothed.set(n,a),a}blurredMask(t){if(t=Math.max(0,t),this.blurred.has(t))return this.blurred.get(t)??null;this.mustHave(t);let r=this.exact?this.results.get(t)?.mask??null:iy(this.results,t,this.smoothing),n=r?ay(r,this.cellW,this.cellH,2):null;return this.blurred.set(t,n),n}grid(){return{cell:this.cell,width:this.cellW,height:this.cellH}}mustHave(t){let r=this.results.get(t);if(r)return r;throw new Error(`ClipVision "${this.source}": frame ${t} is not analysed yet. Read it while rendering (the composition prepares each frame), in a live physics world, or after \`await clip.ready(frame)\`.`)}cacheFile;async cachePath(){if(this.cacheFile!==void 0)return this.cacheFile;if(this.cacheFile=null,this.options.cacheDir===!1||typeof x>"u"||!x.versions?.node)return null;try{let[t,r,n,i]=await Promise.all([import("./shims/fs.mjs"),import("./shims/path.mjs"),import("./shims/os.mjs"),import("./crypto-TRDUAUC5.mjs")]),o=t.statSync(this.source),a=this.options.cacheDir??x.env.FRAMEFIELDS_VISION_CACHE_DIR??r.join(n.homedir(),".cache","framefields","vision"),s=this.options,l=this.exact?await this.prompted():void 0,c=JSON.stringify([Zb,r.resolve(this.source),o.size,o.mtimeMs,this.fps,this.tracksPose,this.tracksMask,this.cell,s.variant??"s",s.confidence??null,...s.sam2?[[l?.sam2Revision(s.sam2.model),s.sam2,3]]:[],...s.sam3&&l?[[l.sam3Revision(await l.sam3Precision(void 0,s.sam3.precision)),s.sam3,3]]:[]]),d=i.createHash("sha256").update(c).digest("hex").slice(0,24);t.mkdirSync(a,{recursive:!0}),this.cacheFile=r.join(a,`${r.basename(this.source)}.${d}.json`)}catch{this.cacheFile=null}return this.cacheFile}async loadCache(){let t=await this.cachePath();if(t)try{let r=await import("./shims/fs.mjs");if(!r.existsSync(t))return;let n=JSON.parse(r.readFileSync(t,"utf8"));if(n.cell!==this.cell)return;this.setSize(n.width,n.height);for(let[i,o]of Object.entries(n.frames))this.results.set(Number(i),{kp:o.kp?Float32Array.from(o.kp):null,score:o.score,mask:o.mask?new Uint8Array(Buffer.from(o.mask,"base64")):null})}catch{}}async saveCache(){this.unsaved=0;let t=await this.cachePath();if(!t||!this.sourceWidth)return;let r={};for(let[o,a]of this.results)r[o]={kp:a.kp?Array.from(a.kp,s=>Math.round(s*100)/100):null,mask:a.mask?Buffer.from(a.mask).toString("base64"):null,score:a.score};let n=await import("./shims/fs.mjs"),i=`${t}.${x.pid}.tmp`;n.writeFileSync(i,JSON.stringify({width:this.sourceWidth,height:this.sourceHeight,cell:this.cell,frames:r})),n.renameSync(i,t)}async subjectsPath(){let t=await this.cachePath();return t?t.replace(/\.json$/,".subjects.json"):null}async loadSubjects(){let t=await this.subjectsPath();if(t)try{let r=await import("./shims/fs.mjs");if(!r.existsSync(t))return;let n=JSON.parse(r.readFileSync(t,"utf8"));if(this.sourceWidth&&n.width!==this.sourceWidth)return;this.sourceWidth||this.setSize(n.width,n.height);for(let[i,o]of Object.entries(n.frames)){let a=Buffer.from(o?.lengths??"","base64");this.subjects.set(Number(i),o&&{category:o.category,area:o.area,...o.scores&&{scores:o.scores},values:new Uint8Array(Buffer.from(o.values,"base64")),lengths:new Uint32Array(a.buffer.slice(a.byteOffset,a.byteOffset+a.byteLength))})}}catch{}}async saveSubjects(){this.unsavedSubjects=0;let t=await this.subjectsPath();if(!t||!this.sourceWidth)return;let r={};for(let[o,a]of this.subjects)r[o]=a&&{category:a.category,area:a.area,...a.scores&&{scores:a.scores},values:Buffer.from(a.values).toString("base64"),lengths:Buffer.from(a.lengths.buffer,a.lengths.byteOffset,a.lengths.byteLength).toString("base64")};let n=await import("./shims/fs.mjs"),i=`${t}.${x.pid}.tmp`;n.writeFileSync(i,JSON.stringify({width:this.sourceWidth,height:this.sourceHeight,frames:r})),n.renameSync(i,t)}},Bi=class e{constructor(t,r,n){this.clip=t;this.t=r;this.placement=n}clip;t;placement;place(t){return new e(this.clip,void 0,t)}transform(){if(this.t)return this.t;let t=this.placement,{width:r,height:n}=this.clip.size();if(!t||!r)return{sx:1,sy:1,ox:0,oy:0};let i=t.width/r,o=t.height/n;if(t.fit!=="fill"){let a=t.fit==="contain"?Math.min(i,o):Math.max(i,o);i=a,o=a}return{sx:i,sy:o,ox:(t.x??0)+(t.width-r*i)/2,oy:(t.y??0)+(t.height-n*o)/2}}point(t,r){let n=ry(t),i=this.clip.clipFrame(r),o=Math.floor(i),a=i-o,s=this.clip.keypoint(n,o),l=a>0?this.clip.keypoint(n,o+1):s,c=this.transform();return{x:(s[0]+(l[0]-s[0])*a)*c.sx+c.ox,y:(s[1]+(l[1]-s[1])*a)*c.sy+c.oy,visibility:s[2]+(l[2]-s[2])*a}}signals(t){let r=n=>Nr.builder({type:"custom",fn:i=>this.point(t,i.frame)[n]});return{x:r("x"),y:r("y"),visibility:r("visibility")}}silhouetteGrid(t){let r=this.clip.blurredMask(Math.round(this.clip.clipFrame(t)));if(!r)return null;let{cell:n,width:i,height:o}=this.clip.grid(),a=this.transform();return{data:r,width:i,height:o,originX:a.ox,originY:a.oy,scaleX:n*a.sx,scaleY:n*a.sy}}sample(t,r,n){let i=this.clip.blurredMask(Math.round(this.clip.clipFrame(t)));if(!i)return{alpha:0,gx:0,gy:0};let{cell:o,width:a,height:s}=this.clip.grid(),l=this.transform(),c=(r-l.ox)/l.sx/o-.5,d=(n-l.oy)/l.sy/o-.5,m=(h,b)=>h<0||b<0||h>=a||b>=s?0:i[b*a+h],p=(h,b)=>{let g=Math.floor(h),y=Math.floor(b),k=h-g,S=b-y,A=m(g,y)+(m(g+1,y)-m(g,y))*k,w=m(g,y+1)+(m(g+1,y+1)-m(g,y+1))*k;return A+(w-A)*S};return{alpha:p(c,d),gx:(p(c+1,d)-p(c-1,d))/(2*o*l.sx),gy:(p(c,d+1)-p(c,d-1))/(2*o*l.sy)}}};function ry(e){let t=$n.indexOf(e);if(t<0)throw new Error(`Unknown keypoint "${e}". Use one of ${$n.join(", ")}.`);return t}async function Ei(e){if(!e||e.width<=0)return null;if(e.buffer)return{data:e.buffer,width:e.width,height:e.height};let r=e.canvas?.getContext("2d");return r?{data:r.getImageData(0,0,e.width,e.height).data,width:e.width,height:e.height}:null}function ny(e){return go(e.masks,{classes:["person"],overlap:.2,maxGrowth:3.5})?.mask}function vs(e){if(!e)return 0;let t=0;for(let r=0;r<e.length;r++)t+=e[r];return t}function iy(e,t,r){let n=e.get(t)?.mask??null;if(r<=0)return n;let i=vs(n),o=-1,a=null,s=-1,l=null,c=Math.max(1e3,i*1.35);for(let p=1;p<=r+1;p++){if(o<0&&t-p>=0){let h=e.get(t-p)?.mask??null;vs(h)>c&&(o=t-p,a=h)}if(s<0){let h=e.get(t+p)?.mask??null;vs(h)>c&&(s=t+p,l=h)}}if(!a&&!l)return n;let d=a??l;if(!d)return n;let m=n?new Uint8Array(n):new Uint8Array(d.length);if(a&&l&&s>o){let p=(t-o)/(s-o);for(let h=0;h<m.length;h++){let b=Math.round(a[h]+(l[h]-a[h])*p);b>m[h]&&(m[h]=b)}}else for(let p=0;p<m.length;p++)d[p]>m[p]&&(m[p]=d[p]);return m}function hm(e,t,r,n,i,o,a){for(let s=0;s<a;s++)for(let l=0;l<o;l++){let c=0,d=0;for(let m=s*n;m<Math.min(r,(s+1)*n);m++)for(let p=l*n;p<Math.min(t,(l+1)*n);p++)c+=e[m*t+p],d++;i[s*o+l]=d?Math.round(c/d):0}}function gm(e){let t=0;for(let a=1;a<=e.length;a++)(a===e.length||e[a]!==e[a-1])&&t++;let r=new Uint8Array(t),n=new Uint32Array(t),i=0,o=0;for(let a=1;a<=e.length;a++)(a===e.length||e[a]!==e[o])&&(r[i]=e[o],n[i++]=a-o,o=a);return{values:r,lengths:n}}function oy(e,t){let r=new Uint8Array(t),n=0;for(let i=0;i<e.values.length;i++){let o=Math.min(t,n+e.lengths[i]);e.values[i]!==0&&r.fill(e.values[i],n,o),n=o}return r}function ay(e,t,r,n){let i=new Float32Array(t*r),o=new Float32Array(t*r);for(let a=0;a<r;a++)for(let s=0;s<t;s++){let l=0,c=0;for(let d=-n;d<=n;d++){let m=s+d;m>=0&&m<t&&(l+=e[a*t+m],c++)}i[a*t+s]=l/c/255}for(let a=0;a<r;a++)for(let s=0;s<t;s++){let l=0,c=0;for(let d=-n;d<=n;d++){let m=a+d;m>=0&&m<r&&(l+=i[m*t+s],c++)}o[a*t+s]=l/c}return o}function bm(e,t,r){let n=oy(e,t);return e.scores?n.map(i=>(r===void 0?i>0:i===r)?255:0):n}function sy(e,t){let r=new Uint8Array(t.width*t.height);for(let{mask:n}of e)for(let i=0;i<r.length;i++)r[i]=Math.max(r[i]??0,n[i]??0);return r}var ym;function xm(){return ym??=typeof x>"u"||!x.versions?.node?Promise.resolve(null):Promise.all([import("./shims/fs.mjs"),import("./shims/path.mjs"),import("./shims/os.mjs"),import("./crypto-TRDUAUC5.mjs")]).then(([e,t,r,n])=>({fs:e,path:t,os:r,crypto:n})),ym}function uy(e,t){try{let r=e.readFileSync(t);if(r.byteLength<8)return null;let n=r.readUInt32LE(0),i=r.readUInt32LE(4);if(r.byteLength!==8+n*i*2)return null;let o=new Uint16Array(n*i);return Buffer.from(o.buffer).set(r.subarray(8)),{width:n,height:i,data:o}}catch{return null}}f();var Li=class{constructor(t){this.fps=t}fps;entries=new Map;reached=-1;resolver(t){let{live:r,compositionDurationFrames:n}=t,i={fps:this.fps,compositionDurationFrames:n,signals:t.signals};return(o,a)=>{let s=`${a.id}\0${a.startFrame}\0${a.durationFrames}`,l=this.entries.get(s);if(l&&l.live===r&&l.compositionFrames===n&&ly(l.binding,o))return l.resolved;let c=r?{kind:"recorded",recorder:new au({mode:o.mode,fps:this.fps,startFrame:a.startFrame,durationFrames:a.durationFrames,sourceStartSec:o.sourceStartSec,sample:Cu(o,i)})}:Du(o,a,i);return this.entries.set(s,{binding:o,live:r,compositionFrames:n,resolved:c}),c}}framesBefore(t){if(!this.recorders().some(i=>!i.complete&&i.nextFrame<t))return[];let n=[];for(let i=this.reached+1;i<t;i++)n.push(i);return n}advance(t){for(let r of this.recorders())r.advance(t)}reach(t){t>this.reached&&(this.reached=t);for(let[,r]of this.entries){if(r.resolved.kind!=="recorded")continue;let n=r.resolved.recorder;n.ensure(t),t>=r.compositionFrames-1&&!n.complete&&n.nextFrame>n.startFrame&&n.close()}}get pending(){return this.recorders().some(t=>!t.complete)}recorders(){let t=[];for(let{resolved:r}of this.entries.values())r.kind==="recorded"&&t.push(r.recorder);return t}};function ly(e,t){return e.signal===t.signal&&e.mode===t.mode&&e.sourceStartSec===t.sourceStartSec}function Ss(e,t){let r=e.fps>0?t/e.fps:0;return{...e,frame:t,time:r,progress:e.duration>0?Math.max(0,Math.min(1,r/e.duration)):0}}var wm=new WeakMap,cy=0;function Pr(e){if(!e)return"";if(e.kind==="rate"||e.kind==="keyframes")return JSON.stringify(e);let t=e.kind==="sampled"?e.history:e.recorder,r=wm.get(t);return r===void 0&&(r=++cy,wm.set(t,r)),`${e.kind}:${r}`}f();f();var dy={rotation:.2,rotateX:.2,rotateY:.2,rotateZ:.2};function _e(e,t,r){if(typeof e=="number")return e;if(typeof e=="function")return e(t);let n=t/r;return e.get({frame:t,fps:r,time:n,duration:0,durationMs:0,progress:0,deltaTime:1/r})}function Zt(e,t){let r=t-e;return r-=Math.round(r/360)*360,e+r}function my(e,t){let r=e.length;if(r===0)return[];let n=new Uint8Array(r);n[0]=1,n[r-1]=1;let i=[[0,r-1]];for(;i.length>0;){let[a,s]=i.pop(),l=-1,c=t;for(let d=a+1;d<s;d++){let m=(d-a)/(s-a),p=e[a]+(e[s]-e[a])*m,h=Math.abs(e[d]-p);h>c&&(c=h,l=d)}l>=0&&(n[l]=1,i.push([a,l],[l,s]))}let o=[];for(let a=0;a<r;a++)n[a]&&o.push([a,py(e[a]),"none"]);return o.length===2&&o[0][1]===o[1][1]&&o.pop(),o}function py(e){return Math.round(e*1e4)/1e4}var ks=class{constructor(t,r,n){this.length=t;this.fps=r;this.ensure=n}length;fps;ensure;channels=new Map;signals=new Map;channel(t){let r=this.channels.get(t);return r||(r=new Float32Array(this.length),this.channels.set(t,r)),r}signal(t){let r=this.signals.get(t);if(!r){let n=this.channel(t),i=this.fps;r=Nr.builder({type:"custom",fn:o=>{this.ensure();let a=o.fps&&o.fps!==i?o.frame/o.fps*i:o.frame,s=Math.max(0,Math.min(n.length-1,Math.round(a)));return n[s]}}),this.signals.set(t,r)}return r}},Mr=class{constructor(t,r,n){this.sim=t;this.gravity=r;if(!(n.fps>0))throw new Error("Physics: `fps` must be > 0.");if(!(n.frames>=1)||!Number.isInteger(n.frames))throw new Error("Physics: `frames` must be a positive integer.");this.fps=n.fps,this.frames=n.frames,this.startFrame=Math.max(0,Math.round(n.startFrame??0)),this.pixelsPerMeter=n.pixelsPerMeter??100,this.substeps=Math.max(1,Math.round(n.substeps??4)),this.impactDecay=Math.max(.5,n.impactDecay??8),this.impactReference=n.impactReference??1500,this.worldRecording=this.newRecording()}sim;gravity;fps;frames;startFrame;pixelsPerMeter;substeps;impactDecay;impactReference;bodies=[];forces=[];impulses=[];fields=[];worldRecording;allCollisions=[];locked=!1;liveMode=!1;stepper;chain=Promise.resolve();get collisions(){return this.ensureSimulated(),this.allCollisions}get impact(){return this.worldRecording.signal("impact")}simulate(){if(this.liveMode)throw new Error("Physics: this world is live; it steps as frames render.");return this.ensureSimulated(),this}bakeKeyframes(t={}){if(this.locked)throw new Error("Physics: bakeKeyframes() must come before simulate(), live() or reading any body signal.");return this.bakeDefault=t,this.ensureSimulated(),this}live(t,r={}){if(this.locked)throw new Error("Physics: live() must come before simulate() or reading any body signal.");this.locked=!0,this.liveMode=!0;let n=async i=>{await t.prepareVision?.(i);for(let o of r.inputs??[])await o.ready(i)};this.prepareInputs=n;for(let i of this.bodies)this.bind(i);return t.onPrepareFrame(i=>this.advanceTo(i.frame)),this}advanceTo(t){return this.chain=this.chain.then(async()=>{let r=Math.min(this.frames-1,Math.round(t)-this.startFrame);this.stepper||(await this.prepareInputs?.(this.startFrame),this.stepper=this.begin());let n=this.stepper;for(;n.current<r;){let i=n.current+1;await this.prepareInputs?.(this.startFrame+i),this.stepFrame(n,i)}n.current===this.frames-1&&!n.freed&&(n.freed=!0,this.sim.free())}),this.chain}prepareInputs;bakeDefault;newRecording(){return new ks(this.startFrame+this.frames,this.fps,()=>this.ensureSimulated())}assertOpen(){if(this.locked)throw new Error("Physics: the world has already started; add every body, joint and force before simulate(), live() or reading signals.")}addBody(t){return this.assertOpen(),this.bodies.push(t),t}addForce(t,r){this.assertOpen(),this.forces.push({body:t,accel:r})}addField(t,r){this.assertOpen(),this.fields.push({accel:t,...r&&{targets:new Set(r)}})}addImpulse(t,r,n){this.assertOpen(),this.impulses.push({body:t,frame:Math.round(r),dv:n})}ensureSimulated(){if(this.locked)return;this.locked=!0;let t=this.begin();for(let r=1;r<this.frames;r++)this.stepFrame(t,r);t.freed=!0,this.sim.free();for(let r of this.bodies)this.bind(r)}begin(){let{startFrame:t}=this,r=this.bodies,n=new Map;for(let o of r)n.set(o.sim,o);for(let o of r)o.startFrame>0&&o.sim.setEnabled(!1);let i=new Map;for(let o of r){o.record(t,-1),o.recording.channel("impact");let a=o.kinematicTarget?.(t);a&&i.set(o,a)}this.worldRecording.channel("impact");for(let o of[...r.map(a=>a.recording),this.worldRecording])for(let a of o.channels.values())a.fill(a[t]);return{current:0,freed:!1,bySim:n,kinematicFrom:i,level:new Map(r.map(o=>[o,0]))}}stepFrame(t,r){let{fps:n,startFrame:i,substeps:o}=this,a=1/(n*o),s=this.bodies,l=i+r,c=this.gravity.length,d=new Map;for(let w of s)w.startFrame>0&&r===w.startFrame+1&&w.sim.setEnabled(!0),d.set(w,w.sim.velocity());let m=w=>w.type==="dynamic"&&r>w.startFrame,p=new Map;for(let w of s)p.set(w,this.gravity.map(T=>m(w)?T*w.gravityScale/n:0));for(let w of this.impulses){if(w.frame!==r)continue;let T=w.body;if(!m(T))continue;let v=T.sim.mass();T.sim.applyImpulse(w.dv.map(C=>C*v));let E=p.get(T);for(let C=0;C<c;C++)E[C]+=w.dv[C]}let h=this.forces.filter(w=>m(w.body)).map(w=>{let T=w.body,v=w.accel(l),E=p.get(T);for(let C=0;C<c;C++)E[C]+=v[C]/n;return{body:T,a:v}}),b=new Map;for(let w of s){let T=w.kinematicTarget?.(l);T&&b.set(w,T)}let g=new Set,y=[];for(let w=1;w<=o;w++){for(let{body:T,a:v}of h){let E=T.sim.mass();T.sim.applyImpulse(v.map(C=>C*E*a))}for(let T of this.fields)for(let v of s){if(!m(v)||T.targets&&!T.targets.has(v))continue;let E=T.accel(v,l);if(!E)continue;let C=v.sim.mass();v.sim.applyImpulse(E.map(G=>G*C*a));let N=p.get(v);for(let G=0;G<c;G++)N[G]+=E[G]*a}for(let[T,v]of b){let E=t.kinematicFrom.get(T)??v,C=w/o;T.sim.setKinematicTarget(fy(E.position,v.position,C),this.lerpRotation(E.rotation,v.rotation,C))}this.sim.step(a);for(let[T,v]of this.sim.drainCollisionStarts()){let E=t.bySim.get(T),C=t.bySim.get(v);if(!E||!C)continue;let N=`${s.indexOf(E)}:${s.indexOf(C)}`;g.has(N)||(g.add(N),y.push([E,C]))}}t.kinematicFrom=b;for(let w of s)w.record(l,l-1);let k=new Map;if(y.length>0){let w=this.pixelsPerMeter,T=v=>{if(v.type!=="dynamic")return 0;let E=v.sim.velocity(),C=d.get(v),N=p.get(v),G=0;for(let _=0;_<c;_++){let I=E[_]-(C[_]+N[_]);G+=I*I}return Math.sqrt(G)*w};for(let[v,E]of y){let C=Math.max(T(v),T(E));for(let[N,G]of[[v,E],[E,v]]){k.set(N,Math.max(k.get(N)??0,C));let _={frame:l,with:G,speed:C};N.collisions.push(_),N===v&&this.allCollisions.push({..._,body:v})}}}let S=Math.exp(-1/this.impactDecay),A=0;for(let w of s){let T=Math.max((k.get(w)??0)/this.impactReference,(t.level.get(w)??0)*S);t.level.set(w,T),w.recording.channel("impact")[l]=T,T>A&&(A=T)}this.worldRecording.channel("impact")[l]=A,t.current=r}bind(t){let r=t.layer,n=t.output??(this.bakeDefault?"keyframes":"signals");if(typeof r?.animate!="function"||n==="none"||t.type==="fixed")return;let i=t.boundChannels();if(n==="keyframes"&&this.liveMode)throw new Error('Physics: live worlds bind signals; drop `output: "keyframes"` or use simulate().');if(n==="signals"){let s=Q.create();for(let[l,c]of i)s.signal(l,t.recording.signal(c));r.animate(s);return}let o=this.bakeDefault?.tolerance??.25,a=Q.create();for(let[s,l]of i){let d=t.recording.channel(l).subarray(this.startFrame),m=dy[s]??1;a.keys(s,my(d,o*m))}r.animate(a)}};function fy(e,t,r){return e.map((n,i)=>n+(t[i]-n)*r)}var Ps=(e,t)=>e===void 0?t:typeof e=="number"?[e,e]:e,bn=class extends Qt{op="Particles";particleStatic;particleState;options;constructor(t){super({}),this.options=t;let r=t.emitter??{},n=s=>typeof s=="number"?s:void 0,i=t.width,o=t.height,a=(Array.isArray(t.color)?t.color:[t.color??"#ffffff"]).map(s=>{let l=hu(s);return[l.r,l.g,l.b,l.a]});this.particleStatic={max:Math.max(1,Math.round(t.max??2e4)),seed:Math.round(t.seed??1)>>>0,layer:{x:t.x??0,y:t.y??0,width:i,height:o},emitter:{shape:r.shape??"rect",x:n(r.x)??(r.shape==="circle"||r.shape==="ring"||r.shape==="point"?i/2:0),y:n(r.y)??(r.shape==="circle"||r.shape==="ring"||r.shape==="point"?o/2:0),width:r.width??i,height:r.height??(r.shape==="line"?0:o),radius:r.radius??Math.min(i,o)/4,radial:r.radial??!1},lifetime:Ps(t.lifetime,[2,4]),speed:Ps(t.speed,[40,160]),direction:t.direction??-90,spread:t.spread??360,bounds:t.bounds??"none",floor:t.floor??null,bounce:t.bounce??.3,size:Ps(t.size,[6,0]),sizeJitter:t.sizeJitter??.5,fade:t.fade??[.1,.3],shape:t.shape??"circle",stretch:t.stretch??.04,blend:t.blend??"normal",colors:a.slice(0,8),colorBySpeed:t.colorBySpeed??null,opacity:t.opacity??1,substeps:t.substeps??2,prewarm:t.prewarm??0}}particleFrame(t,r){let n=this.options,i=(g,y)=>g===void 0?y:_e(g,t,r),o=t-(n.startFrame??0),a=(n.emitter?.bursts??[]).filter(g=>Math.round(g.frame)===o).reduce((g,y)=>g+y.count,0),s=n.gravity,l=Array.isArray(s)?[i(s[0],0),i(s[1],0)]:[0,i(s,0)],c=null;n.push&&(c={strength:i(n.push.strength,6e3),sweep:i(n.push.sweep,6e4),mask:n.push.person.silhouetteGrid(t),previous:n.push.person.silhouetteGrid(Math.max(0,t-1))});let d=n.emitter?.x,m=n.emitter?.y,p=d!==void 0&&typeof d!="number"||m!==void 0&&typeof m!="number",h=g=>({x:d===void 0?this.particleStatic.emitter.x:_e(d,g,r),y:m===void 0?this.particleStatic.emitter.y:_e(m,g,r)}),b;if(p){let g=h(t),y=h(Math.max(0,t-1));b={x:g.x,y:g.y,previousX:y.x,previousY:y.y}}return{...b&&{emitter:b},rate:i(n.emitter?.rate,1e3),burst:a,gravity:l,drag:i(n.drag,.4),noise:{strength:i(n.noise?.strength,0),scale:n.noise?.scale??300,speed:n.noise?.speed??.3},attractors:(n.attractors??[]).map(g=>({x:i(g.x,0),y:i(g.y,0),strength:i(g.strength,0),radius:g.radius??200})),push:c}}};f();var pe=nt(Sm(),1);f();var ji=nt(Rp(),1);function hy(e=64){if(!Number.isSafeInteger(e)||e<1)throw new Error("[FrameGrid] maxFrames must be a positive safe integer.");return Math.min(e,120)}function Ms(e,t){if(e>t)throw new Error(`[FrameGrid] Requested frames exceeds the safety threshold of ${t}. Increase stepFrames/stepMs or narrow the start/end range.`)}function km(e,t,r,n,i){if(!Number.isFinite(e)||!Number.isFinite(t)||e<0||t<e)throw new Error(`[FrameGrid] Invalid ${i} range: start${i==="frame"?"Frame":"Ms"} must be <= end${i==="frame"?"Frame":"Ms"}; bounds must be finite and nonnegative.`);if(!Number.isFinite(r)||r<=0)throw new Error(`[FrameGrid] Invalid ${i==="frame"?"stepFrames":"stepMs"}: ${r}. Must be > 0 and finite.`);if(i==="frame"&&![e,t,r].every(Number.isSafeInteger))throw new Error("[FrameGrid] Frame bounds and stepFrames must be safe integers.");let o=[];for(let a=0;;a++){let s=e+a*r;if(!Number.isFinite(s))throw new Error("[FrameGrid] Range arithmetic overflow.");if(a>0&&s<=o[a-1])throw new Error("[FrameGrid] Step does not advance the sampling range.");if(s>t)break;Ms(a+1,n),o.push(s)}return o}function Ts(e,t=24,r){let n=e.fps??t;Bn(n);let i=hy(e.maxFrames),o;if(e.frames?.length?(Ms(e.frames.length,i),o=e.frames.map(a=>Ct({frame:a},n))):e.timesMs?.length?(Ms(e.timesMs.length,i),o=e.timesMs.map(a=>Ct({atMs:a},n))):o=gy(e,n,r,i),!o.length)throw new Error("[FrameGrid] Zero frames were resolved for sampling.");return{samples:o,fps:n}}function gy(e,t,r,n){let i=r===void 0?void 0:ou(r,t)-1;if(e.startMs!==void 0||e.endMs!==void 0||e.stepMs!==void 0){let s=e.startMs??0,l=e.endMs??(i===void 0?s+1e3:i/t*1e3);return km(s,l,e.stepMs??5e3/t,n,"millisecond").map(c=>Ct({atMs:c},t))}let o=e.startFrame??0,a=e.endFrame??Math.min(o+30,i??o+30);return km(o,a,e.stepFrames??5,n,"frame").map(s=>Ct({frame:s},t))}function As(e,t,r){let n=r.gap??12,i=r.padding??16,a=r.showHeader??!0?54:0,s=r.maxGridWidth??4096,l=r.maxGridHeight??4096,c=r.columns;(!c||c<=0)&&(e<=4?c=e:e<=9?c=3:e<=16?c=4:e<=25?c=5:c=6),c=Math.min(c,e);let d=Math.ceil(e/c),m=Math.max(120,Math.min(r.cellWidth??320,960)),p=r.cellHeight??Math.round(m/(t>0?t:16/9)),h=c*m+(c-1)*n+i*2,b=d*p+(d-1)*n+i*2+a;if(h>s||b>l){let g=Math.min((s-(c-1)*n-i*2)/(c*m),(l-(d-1)*n-i*2-a)/(d*p));if(g<.25)throw new Error(`[FrameGrid] Cannot fit ${e} cells (${c}x${d}) into max dimensions [${s}x${l}]. Reduce cell count or decrease cellWidth.`);m=Math.max(100,Math.floor(m*g)),p=Math.round(m/(t>0?t:16/9)),h=c*m+(c-1)*n+i*2,b=d*p+(d-1)*n+i*2+a}return{columns:c,rows:d,cellWidth:m,cellHeight:p,totalWidth:h,totalHeight:b,headerHeight:a,gap:n,padding:i}}async function yn(e,t={}){let r=e.fps??24,n=e.durationMs,{samples:i,fps:o}=Ts(t,r,n),a=e.width??1920,s=e.height??1080,l=a>0&&s>0?a/s:16/9,c=As(i.length,l,t),d=t.renderer??new pe.HeadlessMediaRenderer,m=[];for(let y of i){let k=await e.renderFrame({frame:y.frame,fps:o,renderer:d});m.push(k)}let p=new ji.Canvas(c.totalWidth,c.totalHeight),h=p.getContext("2d");if(h.fillStyle=t.backgroundColor??"#090a0f",h.fillRect(0,0,c.totalWidth,c.totalHeight),t.showHeader!==!1&&c.headerHeight>0){let y=t.headerText??`FrameGrid Conformance Review | Frames ${i[0].frame}\u2013${i[i.length-1].frame} (Count: ${i.length})`,k=`${a}\xD7${s} @ ${o} FPS | Cell: ${c.cellWidth}\xD7${c.cellHeight}px | Step: ${t.stepFrames?`${t.stepFrames}f`:t.stepMs?`${t.stepMs}ms`:"Custom"}`;h.fillStyle="#f8fafc",h.font="bold 15px sans-serif",h.fillText(y,c.padding,c.padding+18),h.fillStyle="#94a3b8",h.font="12px sans-serif",h.fillText(k,c.padding,c.padding+36),h.strokeStyle="#1e2433",h.lineWidth=1,h.beginPath(),h.moveTo(c.padding,c.padding+46),h.lineTo(c.totalWidth-c.padding,c.padding+46),h.stroke()}let b=t.showLabels??!0;for(let y=0;y<i.length;y++){let k=i[y],S=y%c.columns,A=Math.floor(y/c.columns),w=c.padding+S*(c.cellWidth+c.gap),T=c.padding+c.headerHeight+A*(c.cellHeight+c.gap),v=await(0,ji.loadImage)(m[y]);if(h.drawImage(v,w,T,c.cellWidth,c.cellHeight),h.strokeStyle="#262b3d",h.lineWidth=1,h.strokeRect(w,T,c.cellWidth,c.cellHeight),b){let E=`F:${k.frame} \u2022 ${Math.round(k.timeMs)}ms`;h.font="bold 11px sans-serif";let N=h.measureText(E).width+14,G=20,_=w+6,I=T+6;h.fillStyle="#090a0fee",h.beginPath(),h.roundRect(_,I,N,G,4),h.fill(),h.strokeStyle="#6366f155",h.lineWidth=1,h.stroke(),h.fillStyle="#e2e8f0",h.fillText(E,_+7,I+14)}}let g=await p.toBuffer("png");return t.outputPath&&await Fr.writeFile(t.outputPath,g),g}f();f();function Pm(e){let t;if(Array.isArray(e.mesh))t=e.mesh;else if(e.mesh&&typeof e.mesh=="object"&&"kind"in e.mesh)t=[e.mesh];else if(e.mesh&&typeof e.mesh=="object"&&e.mesh.type==="shard"){let i=Math.max(1,e.mesh.variants??8);t=[];for(let o=0;o<i;o++)t.push(Ae.shard({radius:20,facets:e.mesh.facets??12+o%6,seed:(e.seed??1)*31+o*17,irregularity:e.mesh.irregularity??.35}))}else if(e.mesh==="sphere")t=[Ae.sphere({radius:20})];else if(e.mesh==="roundedBox")t=[Ae.roundedBox({size:[30,30,30]})];else if(e.mesh==="cylinder")t=[Ae.cylinder({radius:15,height:35})];else{t=[];for(let o=0;o<8;o++)t.push(Ae.shard({radius:20,facets:10+o%8*2,seed:(e.seed??42)+o*13,irregularity:.35+o%3*.1}))}let r={id:e.id??X("swarm3d"),kind:"model3d",x:0,y:0,z:0,opacity:1,twoSided:!0,material:e.material??"lit",roughness:e.roughness??.35,metallic:e.metallic??.7,specularIntensity:e.specularIntensity??.5,ambientIntensity:e.ambientIntensity??1,startFrame:e.startFrame,durationFrames:e.durationFrames,swarm3d:{...e,meshVariants:t}},n=t[0];return n&&(n.modelData&&(r.modelData=n.modelData),n.primitive3d&&(r.primitive3d=n.primitive3d)),L.model(r)}var yy=["toon","outline","material","shininess","roughness","specularIntensity","metallic","ambientIntensity","ior","transmission","dispersion","fresnelPower","envIntensity","emissive","emissiveIntensity","castShadow"];function Qe(e){let t=e,r={};for(let n of yy)t[n]!==void 0&&(r[n]=t[n]);return r}function xy(e){return e==="lit"||e==="unlit"||e==="toon"?e:void 0}function Cs(e){return e instanceof oo?e.getPoints(96):e}function Le(e,t,r){let n=Object.fromEntries(Object.entries({...t,color:r.color,material:xy(r.material),shininess:r.shininess,roughness:r.roughness,metallic:r.metallic}).filter(([,i])=>i!==void 0));return L.model({id:r.id??X(e),modelData:Mu(n),primitive3d:n,is3D:!0,x:r.x??0,y:r.y??0,z:r.z??0,rotateX:r.rotateX??0,rotateY:r.rotateY??0,rotateZ:r.rotateZ??0,scale:r.scale??1,scaleX:r.scaleX??1,scaleY:r.scaleY??1,scaleZ:r.scaleZ??1,opacity:r.opacity??1,color:r.tint,material:r.material,shininess:r.shininess??32,roughness:r.roughness,specularIntensity:r.specularIntensity??.5,ambientIntensity:r.ambientIntensity??1,metallic:r.metallic,...Qe(r),twoSided:r.twoSided??!1,wireframe:r.wireframe,startFrame:r.startFrame,durationFrames:r.durationFrames})}function xn(e,t){let r=t.faces??t.items??[];for(let[n,i]of Object.entries(t))Object.defineProperty(e,n,{value:i,enumerable:!1,configurable:!0});return Object.defineProperty(e,Symbol.iterator,{value:function*(){yield*r},enumerable:!1,configurable:!0}),e}function wy(e){let t=e.scale??1,r=Math.max(Math.abs(t*(e.scaleX??1)),Math.abs(t*(e.scaleY??1)));return r>0?r:1}var Ae={cube(e){let t=e.size,[r,n,i]=typeof t=="number"?[t,t,t]:t,o=e.twoSided??!0,a={front:"#3b82f6",back:"#1d4ed8",left:"#2563eb",right:"#1e40af",top:"#60a5fa",bottom:"#172554"},s=(h,b,g,y,k,S)=>{if(b&&typeof b=="object"&&"kind"in b){let w=b;return w.position="absolute",w.is3D=!0,w.twoSided=o,w.material=w.material??e.material??"lit",w.shininess=w.shininess??e.shininess??32,w.specularIntensity=w.specularIntensity??e.specularIntensity??.5,e.roughness!==void 0&&w.roughness===void 0&&(w.roughness=e.roughness),e.metallic!==void 0&&w.metallic===void 0&&(w.metallic=e.metallic),e.ambientIntensity!==void 0&&w.ambientIntensity===void 0&&(w.ambientIntensity=e.ambientIntensity),Object.assign(w,{...Qe(e),...Qe(w)},S),w}let A=typeof b=="string"?{background:b}:b??{background:g};return L.box({id:`${e.id??"cube"}-${h}`,position:"absolute",width:y,height:k,is3D:!0,twoSided:o,material:A.material??e.material??"lit",shininess:A.shininess??e.shininess??32,specularIntensity:A.specularIntensity??e.specularIntensity??.5,roughness:A.roughness??e.roughness,metallic:A.metallic??e.metallic,ambientIntensity:A.ambientIntensity??e.ambientIntensity??1,...Qe({...e,...A}),background:A.background??g,borderRadius:A.borderRadius??0,borderWidth:A.borderWidth,borderColor:A.borderColor,opacity:A.opacity??1,children:A.children??[],...S})},l=r/2,c=n/2,d=i/2,m=[s("front",e.faces?.front,a.front,r,n,{x:0,y:0,z:-d,rotateX:0,rotateY:0,rotateZ:0}),s("back",e.faces?.back,a.back,r,n,{x:0,y:0,z:d,rotateX:0,rotateY:180,rotateZ:0}),s("left",e.faces?.left,a.left,i,n,{x:-l,y:0,z:0,rotateX:0,rotateY:90,rotateZ:0}),s("right",e.faces?.right,a.right,i,n,{x:l,y:0,z:0,rotateX:0,rotateY:-90,rotateZ:0}),s("top",e.faces?.top,a.top,r,i,{x:0,y:-c,z:0,rotateX:-90,rotateY:0,rotateZ:0}),s("bottom",e.faces?.bottom,a.bottom,r,i,{x:0,y:c,z:0,rotateX:90,rotateY:0,rotateZ:0})],p=L.box({id:e.id??X("cube"),position:"absolute",x:e.x??0,y:e.y??0,z:e.z??0,width:r,height:n,is3D:!0,transformStyle:"preserve-3d",rotateX:e.rotateX??0,rotateY:e.rotateY??0,rotateZ:e.rotateZ??0,opacity:e.opacity??1,background:"transparent",children:m});return xn(p,{faces:m})},carousel(e){let{items:t,radius:r,faceInward:n=!1,twoSided:i=!0}=e,o=t.length,a=o>0?360/o:0,s=t.map((c,d)=>{let m=d*a,p=m*Math.PI/180,h=r*Math.sin(p),b=-r*Math.cos(p),g=n?180-m:-m,y=c;return y.position="absolute",y.is3D=!0,y.twoSided=i,y.x=h,y.y=0,y.z=b,y.rotateY=g,y}),l=L.box({id:e.id??X("carousel"),position:"absolute",x:e.x??0,y:e.y??0,z:e.z??0,width:e.itemWidth??200,height:e.itemHeight??200,is3D:!0,transformStyle:"preserve-3d",rotateX:e.rotateX??0,rotateY:e.rotateY??0,rotateZ:e.rotateZ??0,opacity:e.opacity??1,background:"transparent",children:s});return xn(l,{items:s})},prism(e){let t=Math.max(3,Math.round(e.sides));if(e.sideConfigs&&e.sideConfigs.length>0){let{radius:n,height:i,twoSided:o=!0}=e,a=2*n*Math.tan(Math.PI/t),s=360/t,l=[];for(let d=0;d<t;d++){let m=d*s,p=m*Math.PI/180,h=n*Math.sin(p),b=-n*Math.cos(p),g=e.sideConfigs[d],y=e.color??`hsl(${d*360/t}, 70%, 50%)`;if(g&&typeof g=="object"&&"kind"in g){let S=g;S.position="absolute",S.is3D=!0,S.twoSided=o,S.x=h,S.y=0,S.z=b,S.rotateY=-m,Object.assign(S,Qe(e)),l.push(S);continue}let k=typeof g=="string"?{background:g}:g??{background:y};l.push(L.box({id:`${e.id??"prism"}-panel-${d}`,position:"absolute",width:a,height:i,is3D:!0,twoSided:o,x:h,y:0,z:b,rotateY:-m,background:k.background??y,borderRadius:k.borderRadius??0,borderWidth:k.borderWidth,borderColor:k.borderColor,opacity:k.opacity??e.opacity??1,material:k.material??e.material??"lit",shininess:k.shininess??e.shininess??32,specularIntensity:k.specularIntensity??e.specularIntensity??.5,ambientIntensity:k.ambientIntensity??e.ambientIntensity??1,...Qe({...e,...k}),children:k.children??[]}))}let c=L.box({id:e.id??X("prism"),position:"absolute",x:e.x??0,y:e.y??0,z:e.z??0,width:a,height:i,is3D:!0,transformStyle:"preserve-3d",rotateX:e.rotateX??0,rotateY:e.rotateY??0,rotateZ:e.rotateZ??0,opacity:e.opacity??1,background:"transparent",children:l});return xn(c,{faces:l})}let r=Le("prism",{type:"cylinder",radius:e.radius,radiusTop:e.radiusTop??e.radius,radiusBottom:e.radiusBottom??e.radius,height:e.height,segments:t,openEnded:e.openEnded??!1,flatShaded:e.flatShaded??!0},{...e,color:e.color??"#3b82f6",twoSided:e.twoSided??!!e.openEnded});return xn(r,{faces:[r],items:[r]})},pyramid(e){let t=Math.max(3,Math.round(e.sides??4));return Le("pyramid",{type:"cylinder",radius:e.radius??60,radiusTop:e.radiusTop??0,radiusBottom:e.radius??60,height:e.height,segments:t,openEnded:e.openEnded??!1,flatShaded:e.flatShaded??!0},{...e,color:e.color??"#f59e0b",twoSided:e.twoSided??!!e.openEnded})},plane(e){return L.box({id:e.id??X("plane"),position:"absolute",width:e.width,height:e.height,x:e.x??0,y:e.y??0,z:e.z??0,is3D:!0,twoSided:e.twoSided??!0,rotateX:e.rotateX??0,rotateY:e.rotateY??0,rotateZ:e.rotateZ??0,background:e.background??"#3b82f6",borderRadius:e.borderRadius??0,opacity:e.opacity??1,...Qe(e),children:e.children??[]})},grid(e){let{width:t,height:r}=e,n=e.id??X("grid"),i=Math.max(1,Math.round(e.divisions??10)),o=e.lineWidth??2,a=e.color??"rgba(59, 130, 246, 0.5)",s=(p,h,b,g,y)=>L.box({id:`${n}-${p}`,position:"absolute",x:h,y:b,z:0,width:g,height:y,is3D:!0,twoSided:!0,material:"unlit",background:a}),l=4096,c=[],d=Math.ceil(r/l),m=Math.ceil(t/l);for(let p=0;p<=i;p++){let h=p/i-.5;for(let b=0;b<d;b++){let g=r/d,y=-r/2+g*(b+.5);c.push(s(`v${p}-${b}`,h*t,y,o,g))}for(let b=0;b<m;b++){let g=t/m,y=-t/2+g*(b+.5);c.push(s(`h${p}-${b}`,y,h*r,g,o))}}return L.box({id:n,position:"absolute",width:t,height:r,x:e.x??0,y:e.y??0,z:e.z??0,is3D:!0,transformStyle:"preserve-3d",rotateX:e.rotateX??90,rotateY:e.rotateY??0,rotateZ:e.rotateZ??0,background:"transparent",opacity:e.opacity??1,children:c})},text(e){return e.extrusionDepth&&e.extrusionDepth>0?Ae.extrudedText({...e,depth:e.extrusionDepth}):L.text(e.text,{id:e.id??X("text3d"),position:"absolute",x:e.x??0,y:e.y??0,z:e.z??0,is3D:!0,twoSided:e.twoSided??!0,rotateX:e.rotateX??0,rotateY:e.rotateY??0,rotateZ:e.rotateZ??0,fontSize:e.fontSize??48,fontFamily:e.fontFamily,fontWeight:e.fontWeight??"bold",fontStyle:e.fontStyle,fill:e.fill??"#ffffff",align:e.align??"center",direction:e.direction,verticalAlign:e.verticalAlign??"middle",letterSpacing:e.letterSpacing,lineHeight:e.lineHeight,material:e.material??"lit",shininess:e.shininess??64,roughness:e.roughness,specularIntensity:e.specularIntensity??.8,ambientIntensity:e.ambientIntensity??1,metallic:e.metallic,...Qe(e),opacity:e.opacity??1,background:e.background,borderRadius:e.borderRadius,padding:e.padding,stroke:e.stroke,strokeWidth:e.strokeWidth})},extrudedText(e){let{depth:t,text:r,fill:n="#ffffff",bevelColor:i}=e,o,a=(e.curveTolerance??.1)/wy(e),s=(e.fontFamily?er.getParsed(e.fontFamily):null)??er.getParsed("Inter")??er.getParsed("Unbounded")??er.getFirstParsed();s&&(o=Pu({text:r,font:s,fontSize:e.fontSize??48,depth:t,fill:n,bevelColor:i,curveSegments:e.curveSegments,curveTolerance:a,align:e.align,direction:e.direction,verticalAlign:e.verticalAlign,letterSpacing:e.letterSpacing,material:e.material==="lit"||e.material==="unlit"||e.material==="toon"?e.material:void 0,shininess:e.shininess,roughness:e.roughness,metallic:e.metallic}).modelData);let l=L.model({id:e.id??X("extruded-text"),modelData:o,is3D:!0,x:e.x??0,y:e.y??0,z:e.z??0,rotateX:e.rotateX??0,rotateY:e.rotateY??0,rotateZ:e.rotateZ??0,scale:e.scale??1,scaleX:e.scaleX??1,scaleY:e.scaleY??1,scaleZ:e.scaleZ??1,opacity:e.opacity??1,material:e.material,shininess:e.shininess??32,roughness:e.roughness,specularIntensity:e.specularIntensity??.8,ambientIntensity:e.ambientIntensity??1,metallic:e.metallic,...Qe(e),twoSided:e.twoSided??!0,text3dOptions:{...e,curveTolerance:a}});return xn(l,{faces:[l],items:[l]})},roundedBox(e){return Le("rounded-box",{type:"roundedBox",width:e.width,height:e.height,depth:e.depth,radius:e.radius,segments:e.segments,taper:e.taper},e)},sphere(e){return Le("sphere",{type:"sphere",radius:e.radius,segments:e.segments},e)},cylinder(e){return Le("cylinder",{type:"cylinder",radius:e.radius,radiusTop:e.radiusTop,radiusBottom:e.radiusBottom,height:e.height,segments:e.segments,openEnded:e.openEnded,flatShaded:e.flatShaded},{...e,twoSided:e.twoSided??!!e.openEnded})},torus(e={}){return Le("torus",{type:"torus",radius:e.radius,tube:e.tube,radialSegments:e.radialSegments,tubularSegments:e.tubularSegments,arc:e.arc},e)},capsule(e={}){return Le("capsule",{type:"capsule",radius:e.radius,length:e.length,capSegments:e.capSegments,radialSegments:e.radialSegments},e)},ring(e={}){return Le("ring",{type:"ring",innerRadius:e.innerRadius,outerRadius:e.outerRadius,depth:e.depth,thetaSegments:e.thetaSegments,phiSegments:e.phiSegments,thetaStart:e.thetaStart,thetaLength:e.thetaLength},e)},polyhedron(e={}){let t=e.shape??e.type??"icosahedron";return Le(t,{type:"polyhedron",shape:t,radius:e.radius,detail:e.detail,flatShaded:e.flatShaded},e)},icosahedron(e={}){return Ae.polyhedron({...e,shape:"icosahedron"})},icosphere(e={}){return Ae.polyhedron({...e,shape:"icosphere",detail:e.detail??2,flatShaded:e.flatShaded??!1})},extrude(e){return Le("extrude",{type:"extrude",shape:e.shape,d:e.d,contour:e.contour,holes:e.holes,depth:e.depth,bevelThickness:e.bevelThickness,bevelSize:e.bevelSize,bevelSegments:e.bevelSegments,bevelColor:e.bevelColor,curveSegments:e.curveSegments,curveTolerance:e.curveTolerance,center:e.center},e)},lathe(e){let t=e.capped??e.closed;return Le("lathe",{type:"lathe",points:e.points,segments:e.segments,phiStart:e.phiStart,phiLength:e.phiLength,capped:t,closed:e.closed,flatShaded:e.flatShaded},{...e,twoSided:e.twoSided??!(t??!1)})},tube(e){let t=e.path??e.points;if(!t)throw new Error("Layer3D.tube requires `path` or `points`");return Le("tube",{type:"tube",path:Cs(t),radius:e.radius,innerRadius:e.innerRadius,radiusTaper:e.radiusTaper,tubularSegments:e.tubularSegments,radialSegments:e.radialSegments,closed:e.closed,capped:e.capped},{...e,twoSided:e.twoSided??e.capped===!1})},line(e){let t=e.points??e.path;if(!t)throw new Error("Layer3D.line requires `points` or `path`");return Le("line3d",{type:"line3d",points:Cs(t),colors:e.colors,mode:e.mode,closed:e.closed,dashSize:e.dashSize,gapSize:e.gapSize},{...e,material:e.material??"unlit",castShadow:e.castShadow??!1})},points(e){let t=(e.pointSize??0)<=0;return Le("points3d",{type:"points3d",points:Cs(e.points),colors:e.colors,pointSize:e.pointSize},{...e,material:e.material??(t?"unlit":"lit"),castShadow:e.castShadow??!t})},shard(e={}){return Le("shard",{type:"shard",radius:e.radius,size:e.size,facets:e.facets,seed:e.seed,irregularity:e.irregularity},e)},instances(e){let t=Array.isArray(e.mesh)?e.mesh[0]:e.mesh,r={id:e.id??X("instances3d"),kind:"model3d",x:e.x??0,y:e.y??0,z:e.z??0,rotateX:e.rotateX??0,rotateY:e.rotateY??0,rotateZ:e.rotateZ??0,scale:e.scale??1,color:e.color,colorTint:e.colorTint,opacity:e.opacity??1,twoSided:e.twoSided??!0,wireframe:e.wireframe??!1,material:e.material??"lit",roughness:e.roughness,metallic:e.metallic,specularIntensity:e.specularIntensity,ambientIntensity:e.ambientIntensity,startFrame:e.startFrame,durationFrames:e.durationFrames,instances3d:{...e},...Qe(e)};if(t){let n=t;n.modelData&&(r.modelData=n.modelData),n.primitive3d&&(r.primitive3d=n.primitive3d),n.src&&(r.src=n.src)}return L.model(r)},swarm(e={}){return Pm(e)},model(e={}){return L.model(e)},obj(e,t={}){return L.obj(e,t)},fbx(e,t={}){return L.fbx(e,t)},gltf(e,t={}){return L.gltf(e,t)},glb(e,t={}){return L.glb(e,t)},stl(e,t={}){return L.stl(e,t)},ply(e,t={}){return L.ply(e,t)},vox(e,t={}){return L.vox(e,t)},threeDS(e,t={}){return L.threeDS(e,t)},off(e,t={}){return L.off(e,t)}};f();var Ds=(e,t,r)=>{switch(e){case"left":return{dx:-t,dy:0};case"right":return{dx:t,dy:0};case"up":return{dx:0,dy:-r};default:return{dx:0,dy:r}}};function ct(e,t,r){return{kind:e,frames:Math.max(0,Math.round(t)),build:r}}var Mm={cut:()=>ct("cut",0,()=>({})),crossfade:(e=15,t="sine.inOut")=>ct("crossfade",e,r=>({incoming:Q.keys("opacity",[[0,0],[r.frames,1,t]])})),fadeThrough:(e=20,t="sine.inOut")=>ct("fadeThrough",e,r=>{let n=Math.max(1,Math.floor(r.frames/2));return{outgoing:Q.keys("opacity",[[r.outStart,1],[r.outStart+n,0,t]]),incoming:Q.keys("opacity",[[0,0],[n,0],[r.frames,1,t]])}}),push:(e="left",t=18,r="power3.inOut")=>ct("push",t,n=>{let{dx:i,dy:o}=Ds(e,n.width,n.height),a=Q.create(),s=Q.create();return i!==0?(a.keys("x",[[n.outStart,n.outRest.x],[n.outStart+n.frames,n.outRest.x+i,r]]),s.keys("x",[[0,n.inRest.x-i],[n.frames,n.inRest.x,r]])):(a.keys("y",[[n.outStart,n.outRest.y],[n.outStart+n.frames,n.outRest.y+o,r]]),s.keys("y",[[0,n.inRest.y-o],[n.frames,n.inRest.y,r]])),{outgoing:a,incoming:s}}),slide:(e="left",t=18,r="power3.out")=>ct("slide",t,n=>{let{dx:i,dy:o}=Ds(e,n.width,n.height),a=i!==0?"x":"y",s=i!==0?n.inRest.x:n.inRest.y;return{outgoing:Q.keys("opacity",[[n.outStart,1],[n.outStart+n.frames,.6,r]]),incoming:Q.keys(a,[[0,s-(i||o)],[n.frames,s,r]])}}),zoom:(e=18,t="power2.inOut")=>ct("zoom",e,r=>({outgoing:Q.create().keys("scale",[[r.outStart,1],[r.outStart+r.frames,1.25,t]]).keys("opacity",[[r.outStart,1],[r.outStart+r.frames,0,t]]),incoming:Q.create().keys("scale",[[0,.85],[r.frames,1,t]]).keys("opacity",[[0,0],[r.frames,1,t]])})),whip:(e="left",t=10)=>{let r=Mm.push(e,t,"expo.inOut");return ct("whip",t,n=>({...r.build(n),sceneProps:{motionBlurShutter:360}}))},wipe:(e="left",t=18,r="power2.inOut")=>ct("wipe",t,n=>{let{dx:i,dy:o}=Ds(e,n.width,n.height),a=i!==0?"x":"y",s=i!==0?n.inRest.x:n.inRest.y;return{incomingMatte:L.box({id:X("wipe-matte"),position:"absolute",x:n.inRest.x,y:n.inRest.y,width:n.width,height:n.height,background:"#ffffff"}).animate(Q.keys(a,[[0,s-(i||o)],[n.frames,s,r]]))}}),iris:(e=20,t={})=>ct("iris",e,r=>{let[n,i]=t.at??[.5,.5],o=r.inRest.x+n*r.width,a=r.inRest.y+i*r.height,s=Math.hypot(Math.max(n,1-n)*r.width,Math.max(i,1-i)*r.height);return{incomingMatte:L.shape("circle",{id:X("iris-matte"),position:"absolute",x:o-s,y:a-s,width:s*2,height:s*2,fillColor:"#ffffff"}).animate(Q.keys("scale",[[0,0],[r.frames,1,t.ease??"power2.inOut"]]))}})};function zi(e,t,r){let n=e[t];return typeof n=="number"?n:r}function Tm(e,t={}){let r=[],n=[],i=0;e.forEach((a,s)=>{let l=s===0?void 0:a.transition,c=Math.min(l?.frames??0,e[s-1]?.duration??0),d=Math.max(0,i-c),m=Math.max(1,Math.round(a.duration));n.push(d);let p=a.scene;(p.position===void 0||p.position==="relative")&&(p.position="absolute",p.x??=0,p.y??=0),p.startFrame=d,p.durationFrames=m,r.push(p),i=d+m}),e.forEach((a,s)=>{if(s===0||!a.transition||a.transition.frames===0)return;let l=r[s-1],c=r[s],d=Math.min(a.transition.frames,e[s-1].duration),m=t.width??zi(c,"width",1920),p=t.height??zi(c,"height",1080),h=a.transition.build({width:m,height:p,frames:d,outStart:e[s-1].duration-d,outRest:{x:typeof l.x=="number"?l.x:0,y:typeof l.y=="number"?l.y:0},inRest:{x:typeof c.x=="number"?c.x:0,y:typeof c.y=="number"?c.y:0}}),b=(g,y)=>{if(!y)return;let k=g.animation?.tracks??[];g.animation=Q.merge({tracks:k},y).toSpec()};b(l,h.outgoing),b(c,h.incoming),h.sceneProps&&(Object.assign(l,h.sceneProps),Object.assign(c,h.sceneProps)),h.incomingMatte&&(c.matte={node:h.incomingMatte,mode:"alpha"})});let o=L.box({id:t.id??X("sequence"),position:"absolute",x:0,y:0,width:t.width??zi(r[0]??{},"width",1920),height:t.height??zi(r[0]??{},"height",1080),startFrame:t.startFrame??0,durationFrames:Math.max(1,i),children:r});return Object.defineProperty(o,"totalFrames",{value:i,enumerable:!1}),Object.defineProperty(o,"sceneStarts",{value:n,enumerable:!1}),o}f();var vy={studio:{environment:"studio",envIntensity:1,key:{dir:[-.55,-1,-.7],color:"#fff6ec",intensity:1.1},rim:{dir:[.9,-.5,.9],color:"#dbe8ff",intensity:.9}},soft:{environment:"soft",envIntensity:1,key:{dir:[-.4,-1,-.8],color:"#ffffff",intensity:1}},sunset:{environment:"sunset",envIntensity:.9,key:{dir:[-1,-.35,-.3],color:"#ffb27a",intensity:2.2},fill:{dir:[.8,-.6,-.4],color:"#7f9cff",intensity:.35}},dramatic:{environment:"night",envIntensity:.8,key:{dir:[-.8,-1,-.35],color:"#ffffff",intensity:2.4},rim:{dir:[.7,-.4,1],color:"#8fb4ff",intensity:1.8}}};function Sy([e,t,r],n){let i=n*Math.PI/180,o=Math.cos(i),a=Math.sin(i);return[o*e+a*r,t,-a*e+o*r]}function Am(e,t,r,n){let[i,o,a]=Sy(e,n),s=Math.hypot(i,o,a)||1;return{x:t[0]+i/s*r,y:t[1]+o/s*r,z:t[2]+a/s*r,targetX:t[0],targetY:t[1],targetZ:t[2]}}function _i(e,t){let r=vy[e],n=t.target??[960,540,0],i=t.distance??1600,o=t.rotation??0,a=t.intensity??1,s=t.id??X(`lighting-${e}`),l=[dt.environment(r.environment,{id:`${s}-environment`,intensity:r.envIntensity*a,rotation:o,exposure:t.exposure,toneMapping:t.toneMapping,fog:t.fog,bloom:t.bloom}),dt.directional({id:`${s}-key`,color:r.key.color,intensity:r.key.intensity*a,...Am(r.key.dir,n,i,o),castShadow:t.shadows??!0,shadowSoftness:t.shadowSoftness??3})];for(let[c,d]of[["rim",r.rim],["fill",r.fill]])d&&l.push(dt.directional({id:`${s}-${c}`,color:d.color,intensity:d.intensity*a,...Am(d.dir,n,i,o)}));return l}var ky={studio:(e={})=>_i("studio",e),soft:(e={})=>_i("soft",e),sunset:(e={})=>_i("sunset",e),dramatic:(e={})=>_i("dramatic",e)};f();f();var Py="@dimforge/rapier2d-deterministic-compat",My="@dimforge/rapier3d-deterministic-compat";async function Cm(e,t){let r;try{r=await t()}catch(i){throw new Error(`Physics needs the optional dependency "${e}". Install it with \`npm i ${e}\`.`,{cause:i})}let n=r.default??r;return await n.init(),n}var Dm,Om;async function Ns(e){if(e===2){Dm??=Cm(Py,()=>import("./rapier-ZL2QGRPX.mjs"));let r=await Dm;return{createWorld2D:n=>new Os(r,n),createWorld3D:()=>{throw new Error("This backend was loaded for 2D.")}}}Om??=Cm(My,()=>import("./rapier-EQTGTIYW.mjs"));let t=await Om;return{createWorld2D:()=>{throw new Error("This backend was loaded for 3D.")},createWorld3D:r=>new Rs(t,r)}}var Os=class{constructor(t,r){this.R=t;this.world=new t.World({x:r[0],y:r[1]}),this.events=new t.EventQueue(!0)}R;world;events;byCollider=new Map;started=[];addBody(t){let r=this.R,n=Rm(r,t.type).setTranslation(t.position[0],t.position[1]).setRotation(t.angle).setLinvel(t.velocity[0],t.velocity[1]).setAngvel(t.angularVelocity).setLinearDamping(t.linearDamping).setAngularDamping(t.angularDamping).setGravityScale(t.gravityScale).setCcdEnabled(t.ccd).setEnabled(t.enabled);t.lockRotation&&n.lockRotations();let i=this.world.createRigidBody(n),o=this.world.createCollider(Ty(r,t.shape).setDensity(t.density).setFriction(t.friction).setRestitution(t.restitution).setActiveEvents(r.ActiveEvents.COLLISION_EVENTS).setSensor(t.sensor??!1),i),a={raw:i,position:()=>{let s=i.translation();return[s.x,s.y]},rotation:()=>i.rotation(),velocity:()=>{let s=i.linvel();return[s.x,s.y]},angularVelocity:()=>i.angvel(),sleeping:()=>i.isSleeping(),mass:()=>i.mass(),setEnabled:s=>i.setEnabled(s),applyImpulse:([s,l])=>i.applyImpulse({x:s,y:l},!0),setKinematicTarget:([s,l],c)=>{i.setNextKinematicTranslation({x:s,y:l}),i.setNextKinematicRotation(c)}};return this.byCollider.set(o.handle,a),a}addJoint(t,r,n){let i=this.R,o={x:n.anchorA[0],y:n.anchorA[1]},a={x:n.anchorB[0],y:n.anchorB[1]},s;switch(n.type){case"revolute":case"spherical":s=i.JointData.revolute(o,a);break;case"fixed":s=i.JointData.fixed(o,0,a,0);break;case"rope":s=i.JointData.rope(n.length,o,a);break;case"spring":s=i.JointData.spring(n.restLength,n.stiffness,n.damping,o,a);break}this.world.createImpulseJoint(s,$i(t),$i(r),!0).setContactsEnabled(!1)}step(t){this.world.timestep=t,this.world.step(this.events),this.events.drainCollisionEvents((r,n,i)=>{if(!i)return;let o=this.byCollider.get(r),a=this.byCollider.get(n);o&&a&&this.started.push([o,a])})}drainCollisionStarts(){return this.started.splice(0)}free(){this.events.free(),this.world.free()}},Rs=class{constructor(t,r){this.R=t;this.world=new t.World({x:r[0],y:r[1],z:r[2]}),this.events=new t.EventQueue(!0)}R;world;events;byCollider=new Map;started=[];addBody(t){let r=this.R,[n,i,o,a]=t.rotation,s=Rm(r,t.type).setTranslation(t.position[0],t.position[1],t.position[2]).setRotation({x:n,y:i,z:o,w:a}).setLinvel(t.velocity[0],t.velocity[1],t.velocity[2]).setAngvel(Tr(t.lockRotation?[0,0,0]:t.angularVelocity.map((p,h)=>t.enabledRotations&&!t.enabledRotations[h]?0:p))).setLinearDamping(t.linearDamping).setAngularDamping(t.angularDamping).setGravityScale(t.gravityScale).setCcdEnabled(t.ccd).setEnabled(t.enabled);t.lockRotation?s.lockRotations():t.enabledRotations&&s.enabledRotations(...t.enabledRotations);let l=this.world.createRigidBody(s),c=Ay(r,t.shape),d=this.world.createCollider(c.setDensity(t.density).setFriction(t.friction).setRestitution(t.restitution).setActiveEvents(r.ActiveEvents.COLLISION_EVENTS).setSensor(t.sensor??!1),l),m={raw:l,position:()=>{let p=l.translation();return[p.x,p.y,p.z]},rotation:()=>{let p=l.rotation();return[p.x,p.y,p.z,p.w]},velocity:()=>{let p=l.linvel();return[p.x,p.y,p.z]},angularVelocity:()=>{let p=l.angvel();return[p.x,p.y,p.z]},sleeping:()=>l.isSleeping(),mass:()=>l.mass(),setEnabled:p=>l.setEnabled(p),applyImpulse:p=>l.applyImpulse(Tr(p),!0),setKinematicTarget:(p,[h,b,g,y])=>{l.setNextKinematicTranslation(Tr(p)),l.setNextKinematicRotation({x:h,y:b,z:g,w:y})}};return this.byCollider.set(d.handle,m),m}addJoint(t,r,n){let i=this.R,o=Tr(n.anchorA),a=Tr(n.anchorB),s;switch(n.type){case"revolute":s=i.JointData.revolute(o,a,Tr(n.axis??[0,0,1]));break;case"spherical":s=i.JointData.spherical(o,a);break;case"fixed":{let l={x:0,y:0,z:0,w:1};s=i.JointData.fixed(o,l,a,l);break}case"rope":s=i.JointData.rope(n.length,o,a);break;case"spring":s=i.JointData.spring(n.restLength,n.stiffness,n.damping,o,a);break}this.world.createImpulseJoint(s,$i(t),$i(r),!0).setContactsEnabled(!1)}step(t){this.world.timestep=t,this.world.step(this.events),this.events.drainCollisionEvents((r,n,i)=>{if(!i)return;let o=this.byCollider.get(r),a=this.byCollider.get(n);o&&a&&this.started.push([o,a])})}drainCollisionStarts(){return this.started.splice(0)}free(){this.events.free(),this.world.free()}};function Tr([e,t,r]){return{x:e,y:t,z:r}}function $i(e){return e.raw}function Rm(e,t){let r=e.RigidBodyDesc;return t==="fixed"?r.fixed():t==="kinematic"?r.kinematicPositionBased():r.dynamic()}function Ty(e,t){switch(t.kind){case"ball":return e.ColliderDesc.ball(t.radius);case"box":{let r=Math.min(t.radius??0,t.hx/2,t.hy/2);return r>0?e.ColliderDesc.roundCuboid(t.hx-r,t.hy-r,r):e.ColliderDesc.cuboid(t.hx,t.hy)}case"hull":{let r=e.ColliderDesc.convexHull(new Float32Array(t.points));if(!r)throw new Error("Physics: could not build a convex hull for this shape.");return r}}}function Ay(e,t){switch(t.kind){case"ball":return e.ColliderDesc.ball(t.radius);case"box":{let r=Math.min(t.radius??0,t.hx/2,t.hy/2,t.hz/2);return r>0?e.ColliderDesc.roundCuboid(t.hx-r,t.hy-r,t.hz-r,r):e.ColliderDesc.cuboid(t.hx,t.hy,t.hz)}case"cylinder":return e.ColliderDesc.cylinder(t.halfHeight,t.radius);case"hull":{let r=e.ColliderDesc.convexHull(new Float32Array(t.points));if(!r)throw new Error("Physics: could not build a convex hull for this shape.");return r}}}f();var wn=class{constructor(t,r,n,i,o,a,s){this.world=t;this.type=n;this.layer=i;this.frame=o;this.options=a;this.sim=r,this.recording=s}world;type;layer;frame;options;collisions=[];recording;sim;get startFrame(){return Math.max(0,Math.round(this.options.startFrame??0))}get gravityScale(){return this.options.gravityScale??1}get output(){return this.options.output}get x(){return this.recording.signal("x")}get y(){return this.recording.signal("y")}get rotation(){return this.recording.signal("rotation")}get centerX(){return this.recording.signal("centerX")}get centerY(){return this.recording.signal("centerY")}get vx(){return this.recording.signal("vx")}get vy(){return this.recording.signal("vy")}get speed(){return this.recording.signal("speed")}get angularVelocity(){return this.recording.signal("angularVelocity")}get impact(){return this.recording.signal("impact")}get sleeping(){return this.recording.signal("sleeping")}kinematicTarget(t){let r=this.options.follow;if(this.type!=="kinematic"||!r)return;let n=this.frame,i=this.world.fps,o=r.x===void 0?void 0:_e(r.x,t,i),a=r.y===void 0?void 0:_e(r.y,t,i),s=r.rotation===void 0?n.rotation:_e(r.rotation,t,i),l=this.initialLayerXY(),c=Em(o??l[0],a??l[1],s,n),d=this.world.pixelsPerMeter;return{position:[c[0]/d,c[1]/d],rotation:s*Math.PI/180}}initialLayerXY(){let t=this.layer;return[Number(t?.x??0),Number(t?.y??0)]}record(t,r){let n=this.world.pixelsPerMeter,[i,o]=this.sim.position(),a=i*n,s=o*n,l=this.recording,c=l.channel("rotation"),d=this.sim.rotation()*180/Math.PI;c[t]=r<0?Zt(this.frame.rotation,d):Zt(c[r],d);let[m,p]=Ny(a,s,c[t],this.frame);l.channel("x")[t]=m,l.channel("y")[t]=p,l.channel("centerX")[t]=a,l.channel("centerY")[t]=s;let[h,b]=this.sim.velocity();l.channel("vx")[t]=h*n,l.channel("vy")[t]=b*n,l.channel("speed")[t]=Math.hypot(h,b)*n,l.channel("angularVelocity")[t]=this.sim.angularVelocity()*180/Math.PI,l.channel("sleeping")[t]=this.sim.sleeping()?1:0}boundChannels(){let t=[["x","x"],["y","y"]];return this.options.lockRotation||t.push(["rotation","rotation"]),t}localAnchor(t){if(!t)return[0,0];let r=this.world.pixelsPerMeter,[n,i]=this.sim.position(),o=-this.sim.rotation(),a=t[0]/r-n,s=t[1]/r-i;return[a*Math.cos(o)-s*Math.sin(o),a*Math.sin(o)+s*Math.cos(o)]}center(){let t=this.world.pixelsPerMeter,[r,n]=this.sim.position();return[r*t,n*t]}},Ar=class extends Mr{constructor(t,r){let n=r.pixelsPerMeter??100,i=r.gravity??2400,o=typeof i=="number"?[0,i/n]:[i[0]/n,i[1]/n],a=t.createWorld2D(o);super(a,o,r)}body(t,r={}){this.assertOpen();let i=typeof t.kind=="string"?t:void 0,o=Dy(t,r),a=this.pixelsPerMeter,s=r.type??"dynamic",[l,c]=Em(o.x,o.y,o.rotation,o),d=r.velocity??[0,0],m={type:s,position:[l/a,c/a],angle:o.rotation*Math.PI/180,velocity:[d[0]/a,d[1]/a],angularVelocity:(r.angularVelocity??0)*Math.PI/180,linearDamping:r.linearDamping??0,angularDamping:r.angularDamping??0,gravityScale:r.gravityScale??1,lockRotation:r.lockRotation??!1,ccd:r.ccd??!1,enabled:!0,sensor:r.sensor??!1,density:r.density??1,friction:r.friction??.6,restitution:r.restitution??.3,shape:Nm(o.shape,1/a)},p=this.sim.addBody(m),h=new wn(this,p,s,i,o,r,this.newRecording());return this.addBody(h)}ground(t){return this.body({x:-1e6/2,y:t.y,width:1e6,height:2e3},{type:"fixed",friction:t.friction,restitution:t.restitution??.2})}walls(t){let{width:r,height:n}=t,i=t.x??0,o=t.y??0,a=t.thickness??400,s={type:"fixed",friction:t.friction,restitution:t.restitution??.2},l=n*4+a,c={floor:this.body({x:i-a,y:o+n,width:r+2*a,height:a},s),left:this.body({x:i-a,y:o+n-l,width:a,height:l},s),right:this.body({x:i+r,y:o+n-l,width:a,height:l},s),ceiling:void 0};return t.ceiling&&(c.ceiling=this.body({x:i-a,y:o-a,width:r+2*a,height:a},s)),c}pin(t,r){let n=r??t.center(),i=this.anchorBody(n);return this.joint(t,i,{type:"revolute",anchorA:t.localAnchor(n),anchorB:[0,0]}),this}hinge(t,r,n){return this.joint(t,r,{type:"revolute",anchorA:t.localAnchor(n),anchorB:r.localAnchor(n)}),this}weld(t,r){let n=t.center();return this.joint(t,r,{type:"fixed",anchorA:[0,0],anchorB:r.localAnchor(n)}),this}spring(t,r,n={}){let{other:i,pa:o,pb:a}=this.endpoints(t,r,n.anchorA,n.anchorB),s=this.pixelsPerMeter,l=(n.length??Math.hypot(a[0]-o[0],a[1]-o[1]))/s,c=Cy(t,i),d=2*Math.PI*(n.frequency??2);return this.joint(t,i,{type:"spring",anchorA:t.localAnchor(o),anchorB:i.localAnchor(a),restLength:l,stiffness:c*d*d,damping:2*(n.dampingRatio??.2)*c*d}),this}rope(t,r,n={}){let{other:i,pa:o,pb:a}=this.endpoints(t,r,n.anchorA,n.anchorB),s=n.length??Math.hypot(a[0]-o[0],a[1]-o[1]);return this.joint(t,i,{type:"rope",anchorA:t.localAnchor(o),anchorB:i.localAnchor(a),length:s/this.pixelsPerMeter}),this}force(t,r){let n=this.pixelsPerMeter;return this.addForce(t,i=>[r.x===void 0?0:_e(r.x,i,this.fps)/n,r.y===void 0?0:_e(r.y,i,this.fps)/n]),this}field(t,r={}){let n=this.pixelsPerMeter;return this.addField((i,o)=>{let[a,s]=i.sim.position(),[l,c]=i.sim.velocity(),d=t({x:a*n,y:s*n,vx:l*n,vy:c*n,frame:o,body:i});return d?[d[0]/n,d[1]/n]:null},r.bodies),this}impulse(t,r,n){let i=this.pixelsPerMeter;return this.addImpulse(t,r,[n[0]/i,n[1]/i]),this}lerpRotation(t,r,n){return t+(r-t)*n}joint(t,r,n){this.assertOpen(),this.sim.addJoint(t.sim,r.sim,n)}anchorBody(t){return this.body({x:t[0]-.5,y:t[1]-.5,width:1,height:1},{type:"fixed",output:"none",sensor:!0})}endpoints(t,r,n,i){let o=n??t.center();if(Array.isArray(r)){let a=i??r;return{other:this.anchorBody(a),pa:o,pb:a}}return{other:r,pa:o,pb:i??r.center()}}};function Cy(e,t){let r=e.type==="dynamic"?e.sim.mass():0,n=t.type==="dynamic"?t.sim.mass():0;return r>0&&n>0?r*n/(r+n):Math.max(r,n,.001)}function Je(e,t){return typeof e=="number"&&Number.isFinite(e)?e:t}function Dy(e,t){let r=typeof e.id=="string"?` "${e.id}"`:"";if(typeof e.x!="number"||typeof e.y!="number")throw new Error(`Physics: layer${r} needs numeric \`x\` and \`y\` (absolute position) to become a body.`);let n=t.size?.[0]??(typeof e.width=="number"?e.width:void 0),i=t.size?.[1]??(typeof e.height=="number"?e.height:void 0);if((n===void 0||i===void 0)&&e.kind==="text"){let s=je.measure(String(e.text??""),{fontFamily:String(e.fontFamily??"Inter"),fontSize:Je(e.fontSize,48),fontWeight:e.fontWeight,letterSpacing:Je(e.letterSpacing,0),lineHeight:typeof e.lineHeight=="number"?e.lineHeight:void 0});n??=s.width,i??=s.height}if(n===void 0||i===void 0||n<=0||i<=0)throw new Error(`Physics: layer${r} needs a numeric \`width\` and \`height\` (or the \`size\` option) to become a body.`);let o=Je(e.scale,1);return{...{x:e.x,y:e.y,width:n,height:i,scale:o,anchorX:Je(e.anchorX,.5),anchorY:Je(e.anchorY,.5),rotation:Je(e.rotation,0)},shape:Nm(Oy(e,n,i,t.shape??"auto"),o)}}function Oy(e,t,r,n){let o=e.kind==="shape"?String(e.shapeType??"rect"):"rect",a=Je(e.borderRadius,Je(e.cornerRadius,0)),s={kind:"box",hx:t/2,hy:r/2,radius:a};if(n==="box")return s;if(n==="circle"||n==="auto"&&o==="circle")return{kind:"ball",radius:Math.min(t,r)/2};if(n==="auto"&&o==="rect")return s;if(n==="hull"||n==="auto"){let l=Ry(e,o,t,r);return l.length>=6?{kind:"hull",points:l}:s}return s}function Ry(e,t,r,n){let i=t==="path"?String(e.d??""):vu({shapeType:t,width:r,height:n,cornerRadius:Je(e.cornerRadius,Je(e.borderRadius,0)),polygonSides:e.polygonSides,starPoints:e.starPoints,starInnerRadiusRatio:e.starInnerRadiusRatio,arrowHeadWidth:e.arrowHeadWidth,arrowHeadLength:e.arrowHeadLength,arrowShaftWidth:e.arrowShaftWidth}),o=[];for(let a of wu(i))o.push(a.p0.x-r/2,a.p0.y-n/2,a.p1.x-r/2,a.p1.y-n/2);return o}function Nm(e,t){switch(e.kind){case"ball":return{kind:"ball",radius:e.radius*t};case"box":return{kind:"box",hx:e.hx*t,hy:e.hy*t,radius:(e.radius??0)*t};case"hull":return{kind:"hull",points:e.points.map(r=>r*t)}}}function Fm(e,t){let r=e*Math.PI/180,n=(.5-t.anchorX)*t.width*t.scale,i=(.5-t.anchorY)*t.height*t.scale;return[n*Math.cos(r)-i*Math.sin(r),n*Math.sin(r)+i*Math.cos(r)]}function Em(e,t,r,n){let[i,o]=Fm(r,n);return[e+n.anchorX*n.width+i,t+n.anchorY*n.height+o]}function Ny(e,t,r,n){let[i,o]=Fm(r,n);return[e-i-n.anchorX*n.width,t-o-n.anchorY*n.height]}f();var Tt=Math.PI/180;function Lm(e,t,r){let n=s=>s*Tt/2,i=[Math.sin(n(e)),0,0,Math.cos(n(e))],o=[0,Math.sin(n(t)),0,Math.cos(n(t))],a=[0,0,Math.sin(n(r)),Math.cos(n(r))];return Ui(Ui(a,o),i)}function Ui(e,t){let[r,n,i,o]=e,[a,s,l,c]=t;return[o*a+r*c+n*l-i*s,o*s-r*l+n*c+i*a,o*l+r*s-n*a+i*c,o*c-r*a-n*s-i*l]}function Fy(e,t){let[r,n,i,o]=e,a=1-2*(n*n+i*i),s=2*(r*n+o*i),l=2*(r*i-o*n),c=2*(n*i+o*r),d=1-2*(r*r+n*n),m=2*(r*n-o*i),p=1-2*(r*r+i*i),h=Math.max(-1,Math.min(1,-l)),b;if(Math.abs(h)>.999999){let T=Math.asin(h),v=t?t[0]*Tt:0,E=Math.atan2(-m,p)+(h>0?v:-v);b=[v,T,E]}else b=[Math.atan2(c,d),Math.asin(h),Math.atan2(s,a)];let g=[b[0]/Tt,b[1]/Tt,b[2]/Tt];if(!t)return g;let y=[g[0]+180,180-g[1],g[2]+180],k=T=>[Zt(t[0],T[0]),Zt(t[1],T[1]),Zt(t[2],T[2])],S=k(g),A=k(y),w=T=>Math.abs(T[0]-t[0])+Math.abs(T[1]-t[1])+Math.abs(T[2]-t[2]);return w(S)<=w(A)?S:A}var vn=class{constructor(t,r,n,i,o,a,s){this.world=t;this.type=n;this.layer=i;this.start=o;this.options=a;this.sim=r,this.recording=s}world;type;layer;start;options;collisions=[];recording;sim;get startFrame(){return Math.max(0,Math.round(this.options.startFrame??0))}get gravityScale(){return this.options.gravityScale??1}get output(){return this.options.output}get x(){return this.recording.signal("x")}get y(){return this.recording.signal("y")}get z(){return this.recording.signal("z")}get rotateX(){return this.recording.signal("rotateX")}get rotateY(){return this.recording.signal("rotateY")}get rotateZ(){return this.recording.signal("rotateZ")}get vx(){return this.recording.signal("vx")}get vy(){return this.recording.signal("vy")}get vz(){return this.recording.signal("vz")}get speed(){return this.recording.signal("speed")}get impact(){return this.recording.signal("impact")}get sleeping(){return this.recording.signal("sleeping")}kinematicTarget(t){let r=this.options.follow;if(this.type!=="kinematic"||!r)return;let n=this.world.fps,i=(l,c)=>l===void 0?c:_e(l,t,n),o=this.start.position,a=this.start.rotation,s=this.world.pixelsPerMeter;return{position:[i(r.x,o[0])/s,i(r.y,o[1])/s,i(r.z,o[2])/s],rotation:Lm(i(r.rotateX,a[0]),i(r.rotateY,a[1]),i(r.rotateZ,a[2]))}}record(t,r){let n=this.world.pixelsPerMeter,i=this.recording,[o,a,s]=this.sim.position();i.channel("x")[t]=o*n,i.channel("y")[t]=a*n,i.channel("z")[t]=s*n;let l=i.channel("rotateX"),c=i.channel("rotateY"),d=i.channel("rotateZ"),m=r<0?this.start.rotation:[l[r],c[r],d[r]],p=Fy(this.sim.rotation(),m);l[t]=p[0],c[t]=p[1],d[t]=p[2];let[h,b,g]=this.sim.velocity();i.channel("vx")[t]=h*n,i.channel("vy")[t]=b*n,i.channel("vz")[t]=g*n,i.channel("speed")[t]=Math.hypot(h,b,g)*n,i.channel("sleeping")[t]=this.sim.sleeping()?1:0}boundChannels(){let t=[["x","x"],["y","y"],["z","z"]];return this.options.lockRotation!==!0&&t.push(["rotateX","rotateX"],["rotateY","rotateY"],["rotateZ","rotateZ"]),t}localAnchor(t){if(!t)return[0,0,0];let r=this.world.pixelsPerMeter,n=this.sim.position(),[i,o,a,s]=this.sim.rotation(),l=[t[0]/r-n[0],t[1]/r-n[1],t[2]/r-n[2]];return Ey(l,[-i,-o,-a,s])}center(){let t=this.world.pixelsPerMeter,[r,n,i]=this.sim.position();return[r*t,n*t,i*t]}};function Ey(e,t){let r=Ui(Ui(t,[e[0],e[1],e[2],0]),[-t[0],-t[1],-t[2],t[3]]);return[r[0],r[1],r[2]]}var Cr=class extends Mr{constructor(t,r){let n=r.pixelsPerMeter??100,i=r.gravity??2400,o=typeof i=="number"?[0,i/n,0]:[i[0]/n,i[1]/n,i[2]/n];super(t.createWorld3D(o),o,r)}body(t,r={}){this.assertOpen();let i=typeof t.kind=="string"?t:void 0,o=t,a=[ee(r.x??o.x,0),ee(r.y??o.y,0),ee(r.z??o.z,0)],s=[ee(r.rotateX??o.rotateX,0),ee(r.rotateY??o.rotateY,0),ee(r.rotateZ??o.rotateZ,0)],l=this.pixelsPerMeter,c=r.type??"dynamic",d=r.velocity??[0,0,0],m=r.angularVelocity??[0,0,0],p={type:c,position:[a[0]/l,a[1]/l,a[2]/l],rotation:Lm(s[0],s[1],s[2]),velocity:[d[0]/l,d[1]/l,d[2]/l],angularVelocity:[m[0]*Tt,m[1]*Tt,m[2]*Tt],linearDamping:r.linearDamping??0,angularDamping:r.angularDamping??0,gravityScale:r.gravityScale??1,lockRotation:r.lockRotation===!0,...typeof r.lockRotation=="object"&&{enabledRotations:[!r.lockRotation.x,!r.lockRotation.y,!r.lockRotation.z]},ccd:r.ccd??!1,enabled:!0,sensor:r.sensor??!1,density:r.density??1,friction:r.friction??.6,restitution:r.restitution??.3,shape:Iy(By(o,r),1/l)},h=this.sim.addBody(p),b=new vn(this,h,c,i,{position:a,rotation:s},r,this.newRecording());return this.addBody(b)}ground(t){return this.body({x:0,y:t.y+2e3/2,z:0,width:1e6,height:2e3,depth:1e6},{type:"fixed",friction:t.friction,restitution:t.restitution??.2})}walls(t){let{width:r,height:n,depth:i}=t,[o,a,s]=[t.x??0,t.y??0,t.z??0],l=t.thickness??400,c={type:"fixed",friction:t.friction,restitution:t.restitution??.2},d=n*4,m=a+n/2-d/2;return[this.body({x:o,y:a+n/2+l/2,z:s,width:r+2*l,height:l,depth:i+2*l},c),this.body({x:o-r/2-l/2,y:m,z:s,width:l,height:d,depth:i+2*l},c),this.body({x:o+r/2+l/2,y:m,z:s,width:l,height:d,depth:i+2*l},c),this.body({x:o,y:m,z:s-i/2-l/2,width:r,height:d,depth:l},c),this.body({x:o,y:m,z:s+i/2+l/2,width:r,height:d,depth:l},c)]}pin(t,r){let n=r??t.center(),i=this.anchorBody(n);return this.joint(t,i,{type:"spherical",anchorA:t.localAnchor(n),anchorB:[0,0,0]}),this}hinge(t,r,n,i=[0,0,1]){return this.joint(t,r,{type:"revolute",anchorA:t.localAnchor(n),anchorB:r.localAnchor(n),axis:i}),this}weld(t,r){return this.joint(t,r,{type:"fixed",anchorA:[0,0,0],anchorB:r.localAnchor(t.center())}),this}spring(t,r,n={}){let{other:i,pa:o,pb:a}=this.endpoints(t,r,n.anchorA,n.anchorB),s=this.pixelsPerMeter,l=(n.length??Bm(o,a))/s,c=t.type==="dynamic"?t.sim.mass():0,d=i.type==="dynamic"?i.sim.mass():0,m=c>0&&d>0?c*d/(c+d):Math.max(c,d,.001),p=2*Math.PI*(n.frequency??2);return this.joint(t,i,{type:"spring",anchorA:t.localAnchor(o),anchorB:i.localAnchor(a),restLength:l,stiffness:m*p*p,damping:2*(n.dampingRatio??.2)*m*p}),this}rope(t,r,n={}){let{other:i,pa:o,pb:a}=this.endpoints(t,r,n.anchorA,n.anchorB);return this.joint(t,i,{type:"rope",anchorA:t.localAnchor(o),anchorB:i.localAnchor(a),length:(n.length??Bm(o,a))/this.pixelsPerMeter}),this}force(t,r){let n=this.pixelsPerMeter,i=(o,a)=>o===void 0?0:_e(o,a,this.fps)/n;return this.addForce(t,o=>[i(r.x,o),i(r.y,o),i(r.z,o)]),this}field(t,r={}){let n=this.pixelsPerMeter;return this.addField((i,o)=>{let[a,s,l]=i.sim.position(),[c,d,m]=i.sim.velocity(),p=t({x:a*n,y:s*n,z:l*n,vx:c*n,vy:d*n,vz:m*n,frame:o,body:i});return p?[p[0]/n,p[1]/n,p[2]/n]:null},r.bodies),this}impulse(t,r,n){let i=this.pixelsPerMeter;return this.addImpulse(t,r,[n[0]/i,n[1]/i,n[2]/i]),this}lerpRotation(t,r,n){let i=t[0]*r[0]+t[1]*r[1]+t[2]*r[2]+t[3]*r[3]<0?-1:1,o=t.map((s,l)=>s+(r[l]*i-s)*n),a=Math.hypot(...o)||1;return o.map(s=>s/a)}joint(t,r,n){this.assertOpen(),this.sim.addJoint(t.sim,r.sim,n)}anchorBody(t){return this.body({x:t[0],y:t[1],z:t[2],width:1,height:1,depth:1},{type:"fixed",output:"none",sensor:!0})}endpoints(t,r,n,i){let o=n??t.center();if(Array.isArray(r)){let a=i??r;return{other:this.anchorBody(a),pa:o,pb:a}}return{other:r,pa:o,pb:i??r.center()}}};function Bm(e,t){return Math.hypot(t[0]-e[0],t[1]-e[1],t[2]-e[2])}function ee(e,t){return typeof e=="number"&&Number.isFinite(e)?e:t}function By(e,t){let r=typeof e.id=="string"?` "${e.id}"`:"",n=ee(e.scale,1),i=[n*ee(e.scaleX,1),n*ee(e.scaleY,1),n*ee(e.scaleZ,1)],o=i[0]===i[1]&&i[1]===i[2],a=e.primitive3d??{},s=t.shape??"auto",l=()=>{let g=Ly(e.modelData);if(g)return{kind:"hull",points:g.map((y,k)=>y*i[k%3])}};if(t.size||s==="box"){let[g,y,k]=t.size??Fs(e,a)??[0,0,0];if(g>0&&y>0&&k>0)return{kind:"box",hx:g*i[0]/2,hy:y*i[1]/2,hz:k*i[2]/2,radius:a.type==="roundedBox"?ee(a.radius,0)*Math.min(...i):0}}if(s==="hull"){let g=l();if(g)return g}if((s==="sphere"||s==="auto"&&(a.type==="sphere"||a.type==="polyhedron"&&a.shape==="icosphere"))&&(o||s==="sphere")){let g=ee(a.radius,0)||Math.max(...Fs(e,a)??[0])/2;if(g>0)return{kind:"ball",radius:g*Math.max(...i)}}let d=ee(a.radiusTop,ee(a.radius,0)),m=ee(a.radiusBottom,ee(a.radius,0));if((s==="cylinder"||s==="auto"&&a.type==="cylinder")&&d===m&&d>0&&i[0]===i[2])return{kind:"cylinder",halfHeight:ee(a.height,0)*i[1]/2,radius:d*i[0]};if(s==="auto"&&a.type==="roundedBox"&&(a.taper??1)===1){let[g,y,k]=[ee(a.width,0),ee(a.height,0),ee(a.depth,0)];return{kind:"box",hx:g*i[0]/2,hy:y*i[1]/2,hz:k*i[2]/2,radius:ee(a.radius,0)*Math.min(...i)}}let h=l();if(h)return h;let b=Fs(e,a);if(b)return{kind:"box",hx:b[0]*i[0]/2,hy:b[1]*i[1]/2,hz:b[2]*i[2]/2};throw new Error(`Physics: layer${r} has no mesh or size to build a 3D collider from; pass \`size: [w, h, d]\`.`)}function Fs(e,t){if(t.type==="roundedBox")return[ee(t.width,0),ee(t.height,0),ee(t.depth,0)];if(t.type==="sphere"||t.type==="polyhedron"){let r=ee(t.radius,50)*2;return[r,r,r]}if(t.type==="capsule"){let r=ee(t.radius,30),n=ee(t.length,60);return[r*2,n+r*2,r*2]}if(t.type==="torus"){let r=ee(t.radius,60),n=ee(t.tube,20);return[(r+n)*2,(r+n)*2,n*2]}if(t.type==="ring"){let r=ee(t.outerRadius,60),n=Math.max(2,ee(t.depth,0));return[r*2,r*2,n]}if(t.type==="cylinder"){let r=Math.max(ee(t.radiusTop,ee(t.radius,0)),ee(t.radiusBottom,ee(t.radius,0)))*2;return[r,ee(t.height,0),r]}if(typeof e.width=="number"&&typeof e.height=="number"&&typeof e.depth=="number")return[e.width,e.height,e.depth]}function Ly(e){let t=e?.meshes;if(!t?.length)return;let r=0;for(let a of t)r+=(a.positions?.length??0)/3;if(r<4)return;let n=Math.max(1,Math.floor(r/4096)),i=[],o=0;for(let a of t){let s=a.positions;if(s)for(let l=0;l<s.length;l+=3,o++)o%n===0&&i.push(s[l],s[l+1],s[l+2])}return i}function Iy(e,t){switch(e.kind){case"ball":return{kind:"ball",radius:e.radius*t};case"box":return{kind:"box",hx:e.hx*t,hy:e.hy*t,hz:e.hz*t,radius:(e.radius??0)*t};case"cylinder":return{kind:"cylinder",halfHeight:e.halfHeight*t,radius:e.radius*t};case"hull":return{kind:"hull",points:e.points.map(r=>r*t)}}}var jy={async world2d(e){return new Ar(await Ns(2),e)},async world3d(e){return new Cr(await Ns(3),e)}};f();var ge=(...e)=>e,zy={pixelArt:(e={})=>ge(new rr({palette:e.palette??"pico8",pixelSize:e.pixelSize??6,dither:.4})),gameBoy:(e={})=>ge(new rr({palette:"gameboy",pixelSize:e.pixelSize??4,dither:.6})),teletext:(e={})=>ge(new rr({palette:"teletext",pixelSize:e.pixelSize??10})),ledWall:(e={})=>ge(new Oo({size:e.size??14,shape:"circle",gap:.18})),ascii:(e={})=>ge(new vo({cellSize:e.cellSize??10,colorMode:e.matrix?"green":"source",bg:e.matrix?"#020a04":"#0b0b0b"})),oneBit:(e={})=>ge(new Mo({mode:"bayer",scale:e.scale??2,dark:e.dark??"#111111",light:e.light??"#f2efe6"})),risograph:(e={})=>{let t=e.inkA??"#1d3fbb",r=e.inkB??"#ff5fa2",n=e.paper??"#f4efe4";return ge(new Ot({stops:[{position:0,color:t},{position:.55,color:r},{position:1,color:n}]}),new rr({palette:"custom",colors:[t,r,n],dither:.8,pixelSize:2}),new it({strength:.2}))},cartoon:(e={})=>ge(new Gn({levels:e.levels??4,edgeColor:e.ink??"#111111",saturation:1.3})),comic:(e={})=>ge(new Gn({levels:4,edgeWidth:1.5,saturation:1.4}),new jr({frequency:e.dotFrequency??70,opacity:.35})),thermal:()=>ge(new Ot({stops:[{position:0,color:"#000010"},{position:.25,color:"#3b0a7a"},{position:.5,color:"#c4205f"},{position:.75,color:"#ff9a1f"},{position:1,color:"#fffbe0"}]})),vhs:(e={})=>ge(new Ir({tracking:e.tracking??.5,chroma:4,curvature:.04,scanlines:.25,mask:.05,noise:.15}),new Vn({amount:3})),crt:(e={})=>ge(new Ir({curvature:e.curvature??.15,scanlines:.5,mask:.35})),glitch:(e={})=>ge(new Vn({amount:e.amount??18}),new Ir({tracking:1,chroma:6,curvature:0,scanlines:.1,mask:0,vignette:0})),oilPainting:(e={})=>ge(new Un({style:"oil",radius:e.brush??5})),watercolor:(e={})=>ge(new Un({style:"watercolor",radius:e.brush??6,paper:.5})),topographic:(e={})=>ge(new Po({levels:e.levels??16,fill:"flat",lineColor:e.ink??"#5a3a1a",fillColor:e.paper??"#f3ead8"})),kaleidoscope:(e={})=>ge(new Ao({segments:e.segments??8,rotation:e.rotation??0})),opArt:(e={})=>ge(new Do({pattern:e.pattern??"stripes",frequency:e.frequency??60})),holographic:(e={})=>ge(new To({strength:e.strength??.7,shift:e.shift??0})),noir:()=>ge(new Ot({stops:[{position:0,color:"#000000"},{position:.55,color:"#8a8a8a"},{position:1,color:"#ffffff"}]}),new it({strength:.35}),new nr({strength:.6})),film:()=>ge(new it({strength:.25}),new nr({strength:.35}))};f();var xp=nt(Np(),1),Ki=nt(fo(),1);Ln();var Ys=nt(jm(),1);f();f();var Jm=nt(fo(),1);f();var Bs=new TextEncoder,_y={appstream2:"appstream",cloudhsmv2:"cloudhsm",email:"ses",marketplace:"aws-marketplace",mobile:"AWSMobileHubService",pinpoint:"mobiletargeting",queue:"sqs","git-codecommit":"codecommit","mturk-requester-sandbox":"mturk-requester","personalize-runtime":"personalize"},$y=new Set(["authorization","content-type","content-length","user-agent","presigned-expires","expect","x-amzn-trace-id","range","connection"]),Gi=class{constructor({accessKeyId:t,secretAccessKey:r,sessionToken:n,service:i,region:o,cache:a,retries:s,initRetryMs:l}){if(t==null)throw new TypeError("accessKeyId is a required option");if(r==null)throw new TypeError("secretAccessKey is a required option");this.accessKeyId=t,this.secretAccessKey=r,this.sessionToken=n,this.service=i,this.region=o,this.cache=a||new Map,this.retries=s??10,this.initRetryMs=l||50}async sign(t,r){if(t instanceof Request){let{method:o,url:a,headers:s,body:l}=t;r=Object.assign({method:o,url:a,headers:s},r),r.body==null&&s.has("Content-Type")&&(r.body=l!=null&&s.has("X-Amz-Content-Sha256")?l:await t.clone().arrayBuffer()),t=a}let n=new Ls(Object.assign({url:t.toString()},r,this,r&&r.aws)),i=Object.assign({},r,await n.sign());delete i.aws;try{return new Request(i.url.toString(),i)}catch(o){if(o instanceof TypeError)return new Request(i.url.toString(),Object.assign({duplex:"half"},i));throw o}}async fetch(t,r){for(let n=0;n<=this.retries;n++){let i=fetch(await this.sign(t,r));if(n===this.retries)return i;let o=await i;if(o.status<500&&o.status!==429)return o;await new Promise(a=>setTimeout(a,Math.random()*this.initRetryMs*Math.pow(2,n)))}throw new Error("An unknown error occurred, ensure retries is not negative")}},Ls=class{constructor({method:t,url:r,headers:n,body:i,accessKeyId:o,secretAccessKey:a,sessionToken:s,service:l,region:c,cache:d,datetime:m,signQuery:p,appendSessionToken:h,allHeaders:b,singleEncode:g}){if(r==null)throw new TypeError("url is a required option");if(o==null)throw new TypeError("accessKeyId is a required option");if(a==null)throw new TypeError("secretAccessKey is a required option");this.method=t||(i?"POST":"GET"),this.url=new URL(r),this.headers=new Headers(n||{}),this.body=i,this.accessKeyId=o,this.secretAccessKey=a,this.sessionToken=s;let y,k;(!l||!c)&&([y,k]=Uy(this.url,this.headers)),this.service=l||y||"",this.region=c||k||"us-east-1",this.cache=d||new Map,this.datetime=m||new Date().toISOString().replace(/[:-]|\.\d{3}/g,""),this.signQuery=p,this.appendSessionToken=h||this.service==="iotdevicegateway",this.headers.delete("Host"),this.service==="s3"&&!this.signQuery&&!this.headers.has("X-Amz-Content-Sha256")&&this.headers.set("X-Amz-Content-Sha256","UNSIGNED-PAYLOAD");let S=this.signQuery?this.url.searchParams:this.headers;if(S.set("X-Amz-Date",this.datetime),this.sessionToken&&!this.appendSessionToken&&S.set("X-Amz-Security-Token",this.sessionToken),this.signableHeaders=["host",...this.headers.keys()].filter(w=>b||!$y.has(w)).sort(),this.signedHeaders=this.signableHeaders.join(";"),this.canonicalHeaders=this.signableHeaders.map(w=>w+":"+(w==="host"?this.url.host:(this.headers.get(w)||"").replace(/\s+/g," "))).join(`
716
- `),this.credentialString=[this.datetime.slice(0,8),this.region,this.service,"aws4_request"].join("/"),this.signQuery&&(this.service==="s3"&&!S.has("X-Amz-Expires")&&S.set("X-Amz-Expires","86400"),S.set("X-Amz-Algorithm","AWS4-HMAC-SHA256"),S.set("X-Amz-Credential",this.accessKeyId+"/"+this.credentialString),S.set("X-Amz-SignedHeaders",this.signedHeaders)),this.service==="s3")try{this.encodedPath=decodeURIComponent(this.url.pathname.replace(/\+/g," "))}catch{this.encodedPath=this.url.pathname}else this.encodedPath=this.url.pathname.replace(/\/+/g,"/");g||(this.encodedPath=encodeURIComponent(this.encodedPath).replace(/%2F/g,"/")),this.encodedPath=$m(this.encodedPath);let A=new Set;this.encodedSearch=[...this.url.searchParams].filter(([w])=>{if(!w)return!1;if(this.service==="s3"){if(A.has(w))return!1;A.add(w)}return!0}).map(w=>w.map(T=>$m(encodeURIComponent(T)))).sort(([w,T],[v,E])=>w<v?-1:w>v?1:T<E?-1:T>E?1:0).map(w=>w.join("=")).join("&")}async sign(){return this.signQuery?(this.url.searchParams.set("X-Amz-Signature",await this.signature()),this.sessionToken&&this.appendSessionToken&&this.url.searchParams.set("X-Amz-Security-Token",this.sessionToken)):this.headers.set("Authorization",await this.authHeader()),{method:this.method,url:this.url,headers:this.headers,body:this.body}}async authHeader(){return["AWS4-HMAC-SHA256 Credential="+this.accessKeyId+"/"+this.credentialString,"SignedHeaders="+this.signedHeaders,"Signature="+await this.signature()].join(", ")}async signature(){let t=this.datetime.slice(0,8),r=[this.secretAccessKey,t,this.region,this.service].join(),n=this.cache.get(r);if(!n){let i=await Sn("AWS4"+this.secretAccessKey,t),o=await Sn(i,this.region),a=await Sn(o,this.service);n=await Sn(a,"aws4_request"),this.cache.set(r,n)}return Es(await Sn(n,await this.stringToSign()))}async stringToSign(){return["AWS4-HMAC-SHA256",this.datetime,this.credentialString,Es(await zm(await this.canonicalString()))].join(`
717
- `)}async canonicalString(){return[this.method.toUpperCase(),this.encodedPath,this.encodedSearch,this.canonicalHeaders+`
718
- `,this.signedHeaders,await this.hexBodyHash()].join(`
719
- `)}async hexBodyHash(){let t=this.headers.get("X-Amz-Content-Sha256")||(this.service==="s3"&&this.signQuery?"UNSIGNED-PAYLOAD":null);if(t==null){if(this.body&&typeof this.body!="string"&&!("byteLength"in this.body))throw new Error("body must be a string, ArrayBuffer or ArrayBufferView, unless you include the X-Amz-Content-Sha256 header");t=Es(await zm(this.body||""))}return t}};async function Sn(e,t){let r=await crypto.subtle.importKey("raw",typeof e=="string"?Bs.encode(e):e,{name:"HMAC",hash:{name:"SHA-256"}},!1,["sign"]);return crypto.subtle.sign("HMAC",r,Bs.encode(t))}async function zm(e){return crypto.subtle.digest("SHA-256",typeof e=="string"?Bs.encode(e):e)}var _m=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];function Es(e){let t=new Uint8Array(e),r="";for(let n=0;n<t.length;n++){let i=t[n];r+=_m[i>>>4&15],r+=_m[i&15]}return r}function $m(e){return e.replace(/[!'()*]/g,t=>"%"+t.charCodeAt(0).toString(16).toUpperCase())}function Uy(e,t){let{hostname:r,pathname:n}=e;if(r.endsWith(".on.aws")){let s=r.match(/^[^.]{1,63}\.lambda-url\.([^.]{1,63})\.on\.aws$/);return s!=null?["lambda",s[1]||""]:["",""]}if(r.endsWith(".r2.cloudflarestorage.com"))return["s3","auto"];if(r.endsWith(".backblazeb2.com")){let s=r.match(/^(?:[^.]{1,63}\.)?s3\.([^.]{1,63})\.backblazeb2\.com$/);return s!=null?["s3",s[1]||""]:["",""]}let i=r.replace("dualstack.","").match(/([^.]{1,63})\.(?:([^.]{0,63})\.)?amazonaws\.com(?:\.cn)?$/),o=i&&i[1]||"",a=i&&i[2];if(a==="us-gov")a="us-gov-west-1";else if(a==="s3"||a==="s3-accelerate")a="us-east-1",o="s3";else if(o==="iot")r.startsWith("iot.")?o="execute-api":r.startsWith("data.jobs.iot.")?o="iot-jobs-data":o=n==="/mqtt"?"iotdevicegateway":"iotdata";else if(o==="autoscaling"){let s=(t.get("X-Amz-Target")||"").split(".")[0];s==="AnyScaleFrontendService"?o="application-autoscaling":s==="AnyScaleScalingPlannerFrontendService"&&(o="autoscaling-plans")}else a==null&&o.startsWith("s3-")?(a=o.slice(3).replace(/^fips-|^external-1/,""),o="s3"):o.endsWith("-fips")?o=o.slice(0,-5):a&&/-\d$/.test(o)&&!/-\d$/.test(a)&&([o,a]=[a,o]);return[_y[o]||o,a||""]}f();var Hm=nt(fo(),1);var Ym=nt(Vm(),1),Vy=nt(Wm(),1);var Gy={mp4:"video/mp4",m4v:"video/mp4",mov:"video/quicktime",webm:"video/webm",mkv:"video/x-matroska",mp3:"audio/mpeg",m4a:"audio/mp4",aac:"audio/aac",wav:"audio/wav",flac:"audio/flac",ogg:"audio/ogg",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",webp:"image/webp",avif:"image/avif",gif:"image/gif",svg:"image/svg+xml",json:"application/json",lottie:"application/zip",glb:"model/gltf-binary",gltf:"model/gltf+json",ttf:"font/ttf",otf:"font/otf",woff2:"font/woff2",cube:"text/plain",srt:"text/plain",vtt:"text/vtt"};function Xm(e){let t=e.slice(e.lastIndexOf(".")+1).toLowerCase();return Gy[t]??"application/octet-stream"}f();var Wy=/^[A-Za-z0-9][\w-]{0,63}$/,Hy=/^[0-9a-f]{64}$/,mt="framefields.json",$e=class extends Error{name="ManifestError"};function qm(e){if(!kn(e)||!kn(e.remotes))throw new $e(`${mt}: "storage" needs "remotes", e.g. { "remotes": { "media": { "endpoint": "https://<account>.r2.cloudflarestorage.com", "bucket": "films" } } }`);let t={};for(let[n,i]of Object.entries(e.remotes))t[n]=Yy(n,i);let r=Object.keys(t);if(r.length===0)throw new $e(`${mt}: "storage.remotes" is empty`);if(e.default!==void 0&&!r.includes(e.default))throw new $e(`${mt}: "storage.default" must name a remote (${r.join(", ")})`);return{...typeof e.default=="string"&&{default:e.default},remotes:t}}function Yy(e,t){let r=i=>{throw new $e(`${mt}: storage.remotes.${e} ${i}`)};Wy.test(e)||r("has an invalid name: use letters, digits, - and _ (at most 64)"),kn(t)||r("must be an object with an endpoint and a bucket");let n=t;return Is(n.endpoint)||r('needs "endpoint": the S3 API URL, e.g. "https://<account>.r2.cloudflarestorage.com"'),(typeof n.bucket!="string"||!/^[a-z0-9][a-z0-9.-]{1,62}$/.test(n.bucket))&&r('needs "bucket": the bucket name'),n.region!==void 0&&typeof n.region!="string"&&r('"region" must be a string'),n.prefix!==void 0&&(typeof n.prefix!="string"||n.prefix.startsWith("/")||n.prefix.split("/").includes(".."))&&r('"prefix" must be a key prefix such as "films/launch/"'),n.publicUrl!==void 0&&!Is(n.publicUrl)&&r('"publicUrl" must be an http(s) URL, e.g. "https://media.example.com"'),{endpoint:n.endpoint,bucket:n.bucket,...n.region!==void 0&&{region:n.region},...typeof n.prefix=="string"&&n.prefix&&{prefix:Zy(n.prefix)},...n.publicUrl!==void 0&&{publicUrl:n.publicUrl}}}function Zm(e,t){if(!kn(e))throw new $e(`${mt}: "assets" must map project paths to { "sha256", "size" }`);let r={};for(let[n,i]of Object.entries(e)){let o=s=>{throw new $e(`${mt}: assets["${n}"] ${s}`)};qy(n)||o("must be a path inside the project, e.g. assets/footage/intro.mp4"),kn(i)||o('must be { "sha256", "size" }');let a=i;(typeof a.sha256!="string"||!Hy.test(a.sha256))&&o('needs "sha256": 64 lowercase hex digits'),(typeof a.size!="number"||!Number.isSafeInteger(a.size)||a.size<0)&&o('needs "size" in bytes'),a.url!==void 0&&!Is(a.url)&&o('"url" must be an http(s) URL'),a.remote!==void 0?(typeof a.remote!="string"||!t?.remotes[a.remote])&&o('"remote" must name a remote in "storage.remotes"'):a.url===void 0&&!t&&o('needs a "url", or a "storage" section with a remote to hold it'),r[n]={sha256:a.sha256,size:a.size,...a.remote!==void 0&&{remote:a.remote},...a.url!==void 0&&{url:a.url}}}return r}function js(e,t){let r=Object.keys(e?.remotes??{}),n=t??e?.default??(r.length===1?r[0]:void 0);if(!e||r.length===0)throw new $e(`${mt} has no "storage" remotes: add one (an R2 or S3 bucket) first`);if(!n)throw new $e(`${mt}: name the remote (${r.join(", ")}), or set "storage.default"`);let i=e.remotes[n];if(!i)throw new $e(`${mt}: no remote named "${n}" (${r.join(", ")})`);return{name:n,remote:i}}function zs(e,t=""){return`${t}sha256/${e.slice(0,2)}/${e}`}function Xy(e,t){if(e.publicUrl)return`${e.publicUrl.replace(/\/+$/,"")}/${zs(t,e.prefix)}`}function Km(e,t,r){let n=r?.[e.sha256];if(n)return n;if(e.url)return e.url;if(t)return Xy(js(t,e.remote).remote,e.sha256)}function qy(e){return e.length>0&&e.length<=1024&&!e.startsWith("/")&&!e.includes("\\")&&!e.split("/").some(t=>t===""||t==="."||t==="..")}function Zy(e){return e.endsWith("/")?e:`${e}/`}function Is(e){if(typeof e!="string")return!1;try{let{protocol:t}=new URL(e);return t==="https:"||t==="http:"}catch{return!1}}function kn(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function ep(e,t=x.env){let r=`FRAMEFIELDS_STORAGE_${e.toUpperCase().replace(/-/g,"_")}`,n=t[`${r}_ACCESS_KEY_ID`],i=t[`${r}_SECRET_ACCESS_KEY`];if(n&&i)return{accessKeyId:n,secretAccessKey:i};let o=t.AWS_ACCESS_KEY_ID,a=t.AWS_SECRET_ACCESS_KEY;if(!(!o||!a))return{accessKeyId:o,secretAccessKey:a,...t.AWS_SESSION_TOKEN&&{sessionToken:t.AWS_SESSION_TOKEN}}}var Pn=class extends Error{constructor(r,n){super(r);this.status=n}status;name="StorageError"},_s=1024*1024,Ky="public, max-age=31536000, immutable",Yi=class{constructor(t,r,n={}){this.remote=t;this.options=n;this.aws=new Gi({...r,service:"s3",region:t.region??"auto",retries:3}),this.fetch=n.fetch??fetch}remote;options;aws;fetch;keyFor(t){return zs(t,this.remote.prefix)}async has(t,r){let n=await this.send(this.keyFor(t),{method:"HEAD"});if(n.status===404)return!1;if(!n.ok)throw await this.failure("HEAD",n);return Number(n.headers.get("content-length"))===r}async upload(t,r,n){let i=this.keyFor(r.sha256),o={"content-type":Xm(t),"cache-control":Ky},a=this.options.multipartThreshold??64*_s;if(r.size<=a){let s=await to(t);try{let l=await s.readFile();await this.put(i,l,r.sha256,o)}finally{await s.close()}n?.({sent:r.size,total:r.size});return}await this.uploadParts(t,i,r.size,o,n)}async presign(t,r=86400){let n=new URL(this.url(this.keyFor(t)));return n.searchParams.set("X-Amz-Expires",String(Math.min(r,604800))),(await this.aws.sign(n,{method:"GET",aws:{signQuery:!0}})).url}async put(t,r,n,i,o=""){let a=await this.send(t,{method:"PUT",body:r,headers:{...i,"x-amz-content-sha256":n},query:o});if(!a.ok)throw await this.failure("PUT",a);return a}async uploadParts(t,r,n,i,o){let a=Math.max(this.options.partSize??16*_s,Math.ceil(n/1e4),5*_s),s=await this.send(r,{method:"POST",query:"uploads=",headers:i});if(!s.ok)throw await this.failure("CreateMultipartUpload",s);let l=/<UploadId>([^<]+)<\/UploadId>/.exec(await s.text())?.[1];if(!l)throw new Pn("CreateMultipartUpload returned no UploadId");let c=encodeURIComponent(l),d=Math.ceil(n/a),m=new Array(d),p=await to(t),h=0,b=0,g=async()=>{for(;h<d;){let y=h++,k=Math.min(a,n-y*a),S=Buffer.alloc(k);await p.read(S,0,k,y*a);let A=(0,Jm.createHash)("sha256").update(S).digest("hex"),w=await this.put(r,S,A,{},`partNumber=${y+1}&uploadId=${c}`);m[y]=w.headers.get("etag")??"",b+=k,o?.({sent:b,total:n})}};try{await Promise.all(Array.from({length:Math.min(this.options.concurrency??4,d)},g));let y=`<CompleteMultipartUpload>${m.map((A,w)=>`<Part><PartNumber>${w+1}</PartNumber><ETag>${Qy(A)}</ETag></Part>`).join("")}</CompleteMultipartUpload>`,k=await this.send(r,{method:"POST",query:`uploadId=${c}`,body:y,headers:{"content-type":"application/xml"}}),S=await k.text();if(!k.ok||S.includes("<Error>"))throw new Pn(`CompleteMultipartUpload failed (${k.status}): ${Qm(S)}`,k.status)}catch(y){throw await this.send(r,{method:"DELETE",query:`uploadId=${c}`}).catch(()=>{}),y}finally{await p.close()}}url(t,r=""){let n=this.remote.endpoint.replace(/\/+$/,""),i=t.split("/").map(encodeURIComponent).join("/");return`${n}/${this.remote.bucket}/${i}${r?`?${r}`:""}`}async send(t,r){let n=await this.aws.sign(this.url(t,r.query),{method:r.method,headers:r.headers,body:r.body});return this.fetch(n)}async failure(t,r){let n=await r.text().catch(()=>""),i=r.status===403?": check the remote's keys and that they may write to the bucket":r.status===404?": check the remote's endpoint and bucket":"";return new Pn(`${t} ${this.remote.bucket} failed (${r.status} ${Qm(n)})${i}`,r.status)}};function Qm(e){return/<Code>([^<]+)<\/Code>/.exec(e)?.[1]??"no error code"}function Qy(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/"/g,"&quot;")}f();Ln();var $s="framefields.json";function tp(e){for(let t=e;;t=no(t)){if(eo(ro(t,$s)))return t;if(no(t)===t)return}}async function rp(e){let t=ro(e,$s);if(!eo(t))return;let r;try{r=JSON.parse(await gu(t,"utf8"))}catch(i){throw new $e(`${$s} is not valid JSON: ${i.message}`)}if(r.assets===void 0)return;let n=r.storage===void 0?void 0:qm(r.storage);return{storage:n,assets:Zm(r.assets,n)}}var Jy=6*3600,e0=5*3600*1e3;async function Us(e,t={}){let r=tp(e),n=r&&await rp(r);if(!r||!n)return;let i=new Map,o=a=>{let s=yu(r,a).split("/").join("/");return s.startsWith("../")?void 0:n.assets[s]};return{root:r,entry:o,async url(a){let s=o(a);if(!s)return;let l=Km(s,n.storage);if(l)return l;let c=i.get(s.sha256);if(c&&Date.now()-c.at<e0)return c.url;let{name:d,remote:m}=js(n.storage,s.remote),p=ep(d,t.env);if(!p)return;let h=await new Yi(m,p,{fetch:t.fetch}).presign(s.sha256,Jy);return i.set(s.sha256,{url:h,at:Date.now()}),h}}}f();Ln();var Mn=W.dirname(In(import.meta.url)),np=["import","meta","url"].join("."),t0=ao(import.meta.url),Tn="/@framefields/engine",op={framefields:"index.ts","framefields/effects":"effects/index.ts","framefields/audio":"audio/index.ts","framefields/signals":"signals/index.ts","framefields/fonts":"fonts/index.ts","framefields/components":"components/index.ts"},Vs={path:"path","path/posix":"path",url:"url",os:"os",fs:"fs","fs/promises":"fs-promises",module:"module"},ip=new Set(["sharp","skia-canvas","node-av","onnxruntime-node","@resvg/resvg-js","@napi-rs/webcodecs","@mediabunny/server","@mediabunny/mp3-encoder","webgpu","pino","pino-pretty","dotenv","esbuild","@framefields/renderer","framefields/renderer","framefields/preview"]),r0=`
720
- const stub = () => new Proxy(function () {}, {
721
- get: (_t, k) => (k === "__esModule" ? true : k === Symbol.toPrimitive ? () => "" : stub()),
722
- apply: () => stub(),
723
- construct: () => stub(),
724
- });
725
- module.exports = stub();
726
- `;async function n0(e){let{build:t}=await import("./esbuild-DZUM7TEX.mjs"),r=W.resolve(Mn,".."),n=W.join(Mn,"shims"),i={player:W.join(Mn,"player.ts")};for(let[o,a]of Object.entries(op))i[dp(o)]=W.join(r,a);for(let o of new Set(Object.values(Vs)))i[`shims/${o}`]=W.join(n,`${o}.ts`);await he.promises.rm(e,{recursive:!0,force:!0}),await t({...cp,entryPoints:i,outdir:e,outExtension:{".js":".mjs"},splitting:!0,minify:!0,conditions:["development","browser","import"],define:{"process.env.NODE_ENV":'"production"',global:"globalThis"},inject:[W.join(n,"process.ts")],plugins:[{name:"framefields-engine",setup(o){o.onResolve({filter:/^framefields-preview:renderers$/},()=>({path:s0()})),mp(o,a=>({path:W.join(n,`${a}.ts`)}))}}]})}async function ap(e){let{build:t}=await import("./esbuild-DZUM7TEX.mjs"),r=W.resolve(e.entry),n=s=>({path:`${Tn}/${s}.mjs`,external:!0}),i={modelsDir:e.modelsDir,ortBase:e.ortBase},o=await t({...cp,entryPoints:["framefields-preview:entry"],write:!1,metafile:!0,sourcemap:"inline",plugins:[{name:"framefields-project",setup(s){s.onResolve({filter:/^framefields-preview:entry$/},()=>({path:"entry",namespace:"framefields-preview"})),s.onLoad({filter:/.*/,namespace:"framefields-preview"},()=>({contents:[`import { startAudioMixer, startPlayer } from ${JSON.stringify(`${Tn}/player.mjs`)};`,`import * as mod from ${JSON.stringify(r)};`,`if (typeof document === "undefined") startAudioMixer(mod, ${JSON.stringify(e.exportName)});`,`else startPlayer(mod, ${JSON.stringify(e.exportName)}, ${JSON.stringify(i)});`].join(`
727
- `),resolveDir:W.dirname(r),loader:"js"})),s.onResolve({filter:/^\/@framefields\/engine\//},l=>({path:l.path,external:!0})),s.onResolve({filter:/^framefields(\/|$)/},l=>op[l.path]?n(dp(l.path)):void 0),mp(s,l=>n(`shims/${l}`)),a0(s)}}]}),a=Object.keys(o.metafile?.inputs??{}).filter(s=>!s.includes(":")&&!s.includes("node_modules")).map(s=>W.resolve(s));return{code:o.outputFiles[0].text,inputs:a}}var Xi;function i0(e){return[e,W.join(e,"..")].map(t=>W.join(t,"preview-engine")).find(t=>he.existsSync(W.join(t,"player.mjs")))}function sp(){let e=i0(Mn);return e?Promise.resolve(e):(Xi??=(async()=>{let t=W.join(io.tmpdir(),`framefields-preview-engine-${x.pid}`);return await n0(t),t})(),Xi.catch(()=>{Xi=void 0}),Xi)}function up(){return x.env.FRAMEFIELDS_MODELS_DIR?W.resolve(x.env.FRAMEFIELDS_MODELS_DIR):W.join(io.homedir(),".cache","framefields","models")}var o0="1.30.0";function lp(e){for(let t of[e,Mn])try{let r=ao(W.join(t,"noop.js")).resolve("onnxruntime-web"),n=W.dirname(r);return{base:`/@fs${n}/`,dir:n}}catch{}return{base:`https://cdn.jsdelivr.net/npm/onnxruntime-web@${o0}/dist/`}}var cp={bundle:!0,format:"esm",platform:"browser",target:"es2022",mainFields:["browser","module","main"],logLevel:"silent"};function dp(e){return e==="framefields"?"framefields":e.slice(12)}function mp(e,t){e.onResolve({filter:/^(node:)?[a-z_/]+$/},r=>{let n=r.path.replace(/^node:/,"");if(Vs[n])return t(Vs[n]);if(r.path.startsWith("node:")||xu(n))return{path:n,namespace:"framefields-stub"}}),e.onResolve({filter:/.*/},r=>{let n=u0(r.path);if(n&&(ip.has(n)||ip.has(r.path)))return{path:r.path,namespace:"framefields-stub"}}),e.onLoad({filter:/.*/,namespace:"framefields-stub"},()=>({contents:r0,loader:"js"}))}function a0(e){e.onLoad({filter:/\.[cm]?[jt]sx?$/},async t=>{if(t.path.includes(`${W.sep}node_modules${W.sep}`))return;let r=await he.promises.readFile(t.path,"utf8");if(r.includes(np))return{contents:`const __framefieldsFileUrl = ${JSON.stringify(jn(t.path).href)};
728
- ${r.replaceAll(np,"__framefieldsFileUrl")}`,loader:l0(t.path)}})}function s0(){let e=t0.resolve("@framefields/renderer"),t=W.join(W.dirname(e),"..","src","generated","node-renderers.ts");if(!he.existsSync(t))throw new Error(`[framefields] node renderer list not found at ${t}`);return t}function u0(e){if(e.startsWith(".")||e.startsWith("/"))return;let t=e.split("/");return e.startsWith("@")?t.slice(0,2).join("/"):t[0]}function l0(e){return e.endsWith(".tsx")?"tsx":e.endsWith(".jsx")?"jsx":/\.[cm]?ts$/.test(e)?"ts":"js"}f();Ln();var Zi=class{constructor(t){this.dir=t;this.file=W.join(t,"notes.json")}dir;file;async list(){try{let t=JSON.parse(await he.promises.readFile(this.file,"utf8"));return Array.isArray(t)?t:[]}catch{return[]}}async add(t){let r=await this.list(),n=r.reduce((a,s)=>Math.max(a,s.id),0)+1,i={id:n,frame:Math.max(0,Math.round(Number(t.frame)||0)),time:An(Number(t.time)||0,3),x:An(qi(t.x),4),y:An(qi(t.y),4),...t.w!==void 0&&t.h!==void 0&&{w:An(qi(t.w),4),h:An(qi(t.h),4)},text:String(t.text??"").trim(),done:!1,created:new Date().toISOString()};await this.ensureDir();let o=/^data:image\/jpeg;base64,(.+)$/.exec(t.image??"");return o&&(i.image=W.join(this.dir,`note-${n}.jpg`),await he.promises.writeFile(i.image,Buffer.from(o[1],"base64"))),await this.save([...r,i]),i}async update(t,r){let n=await this.list(),i=n.find(o=>o.id===t);if(i)return typeof r.done=="boolean"&&(i.done=r.done),typeof r.text=="string"&&r.text.trim()&&(i.text=r.text.trim()),await this.save(n),i}async remove(t){let r=await this.list(),n=r.find(i=>i.id===t);if(n)return n.image&&await he.promises.rm(n.image,{force:!0}),await this.save(r.filter(i=>i!==n)),n}async save(t){await this.ensureDir();let r=`${this.file}.${x.pid}.tmp`;await he.promises.writeFile(r,`${JSON.stringify(t,null," ")}
729
- `),await he.promises.rename(r,this.file)}async ensureDir(){await he.promises.mkdir(this.dir,{recursive:!0});let t=W.join(W.dirname(this.dir),".gitignore");he.existsSync(t)||await he.promises.writeFile(t,`*
730
- `)}};function pp(e,t){let r=i=>`${Math.round(i*100)}%`,n=e.w!==void 0&&e.h!==void 0?`area ${r(e.x)},${r(e.y)} to ${r(e.x+e.w)},${r(e.y+e.h)}`:`spot ${r(e.x)},${r(e.y)}`;return`note ${e.id} at ${c0(e.frame,t)} (frame ${e.frame}), ${n}: ${e.text}`}function c0(e,t){let r=e/t,n=Math.floor(r/60);return`${n}:${(r-n*60).toFixed(2).padStart(5,"0")}`}function qi(e){let t=Number(e);return Number.isFinite(t)?Math.min(1,Math.max(0,t)):0}function An(e,t){return Number(e.toFixed(t))}f();var fp=`<!doctype html>
731
- <html lang="en">
732
- <head>
733
- <meta charset="utf-8">
734
- <meta name="viewport" content="width=device-width, initial-scale=1">
735
- <title>framefields preview</title>
736
- <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3Cg fill=%22none%22 stroke=%22%233B82F6%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M184 56H86q-30 0-30 30v98M328 56h98q30 0 30 30v98M184 456H86q-30 0-30-30v-98M328 456h98q30 0 30-30v-98%22 stroke-width=%2234%22/%3E%3Cpath d=%22M176 182v148m0-148c0 74 60 74 100 74%22 stroke-width=%2228%22/%3E%3C/g%3E%3Cg fill=%22%233B82F6%22%3E%3Ccircle cx=%22176%22 cy=%22172%22 r=%2232%22/%3E%3Ccircle cx=%22176%22 cy=%22340%22 r=%2232%22/%3E%3Cpath d=%22M284 200l78 56-78 56z%22 stroke=%22%233B82F6%22 stroke-width=%2234%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/svg%3E">
737
- <link rel="preconnect" href="https://fonts.googleapis.com">
738
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
739
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
740
- <style>
741
- :root {
742
- --bg: #0e0f11; --surface: #16171a; --surface-2: #1d1e22; --surface-3: #26282d;
743
- --line: #2a2c31; --line-2: #3a3c43;
744
- --ink: #ededf0; --ink-2: #a6a8b0; --ink-3: #74777f;
745
- --stage: #060607;
746
- --primary-bg: #ededf0; --primary-ink: #0e0f11;
747
- --brand: #3b82f6; --focus: #5eaefc; --ok: #4fbf7a; --bad: #f27d8d;
748
- --wave: #4b4e57;
749
- --radius: 10px;
750
- --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
751
- color-scheme: dark;
752
- }
753
- @media (prefers-color-scheme: light) {
754
- :root {
755
- --bg: #f5f5f6; --surface: #ffffff; --surface-2: #f0f0f2; --surface-3: #e6e6e9;
756
- --line: #e2e2e6; --line-2: #cfcfd5;
757
- --ink: #15161a; --ink-2: #53555d; --ink-3: #85878f;
758
- --stage: #0b0b0c;
759
- --primary-bg: #15161a; --primary-ink: #ffffff;
760
- --brand: #2563eb; --focus: #1c74cc; --ok: #23874a; --bad: #cf4057;
761
- --wave: #c2c3ca;
762
- color-scheme: light;
763
- }
764
- }
765
- * { box-sizing: border-box; }
766
- html, body { height: 100%; margin: 0; overflow: hidden; background: var(--bg); color: var(--ink); }
767
- body {
768
- display: flex; flex-direction: column; height: 100dvh;
769
- font: 13.5px/1.45 var(--font); -webkit-font-smoothing: antialiased;
770
- font-feature-settings: "cv11", "ss03";
771
- }
772
- button, input { font: inherit; color: inherit; }
773
- button { cursor: pointer; }
774
- button:focus-visible, input:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
775
- .tnum { font-variant-numeric: tabular-nums; }
776
- .grow { flex: 1; }
777
- .spinner {
778
- width: 12px; height: 12px; border-radius: 50%; flex: none;
779
- border: 1.5px solid var(--line-2); border-top-color: var(--ink); animation: spin .8s linear infinite;
780
- }
781
- @keyframes spin { to { transform: rotate(360deg); } }
782
- .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
783
-
784
- /* \u2500\u2500 Top bar \u2500\u2500 */
785
- .top { flex: none; display: flex; align-items: center; gap: 10px; padding: 0 20px; height: 50px; border-bottom: 1px solid var(--line); min-width: 0; }
786
- .logo { width: 22px; height: 22px; flex: none; color: var(--brand); }
787
- .sep { width: 1px; height: 18px; background: var(--line-2); flex: none; margin: 0 2px; }
788
- .top h1 { font-size: 14px; font-weight: 600; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
789
- .spec { color: var(--ink-3); font-size: 12px; white-space: nowrap; }
790
- @media (max-width: 640px) { .spec { display: none; } }
791
- .chip {
792
- display: inline-flex; align-items: center; gap: 8px; height: 26px; padding: 0 10px; white-space: nowrap;
793
- border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); font-size: 12px; background: var(--surface);
794
- }
795
- .chip[data-state="ready"] .dot { color: var(--ok); }
796
- .chip[data-state="none"] .dot, .chip[data-state="offline"] .dot { color: var(--ink-3); }
797
- .chip[data-state="error"] { color: var(--bad); }
798
-
799
- /* \u2500\u2500 Player: one screen, no page scroll; the picture takes the space left \u2500\u2500 */
800
- .player {
801
- flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 10px;
802
- width: 100%; max-width: 1600px; margin: 0 auto; padding: 16px 20px 20px;
803
- }
804
- @media (max-width: 640px) { .player { padding: 12px; } }
805
- .stage-wrap { flex: 1 1 0; min-height: 96px; container-type: size; display: grid; place-items: center; }
806
- .stage {
807
- position: relative; background: var(--stage); border-radius: var(--radius); overflow: hidden;
808
- box-shadow: 0 0 0 1px var(--line); user-select: none; -webkit-user-select: none;
809
- aspect-ratio: var(--ar, 16 / 9); width: min(100cqw, calc(100cqh * var(--ar-n, 1.7778)));
810
- }
811
- .stage canvas { display: block; width: 100%; height: 100%; }
812
- .stage-msg {
813
- position: absolute; inset: 0; display: none; place-items: center; padding: 24px; text-align: center;
814
- color: #fff; background: rgb(0 0 0 / .72); font-size: 13px; line-height: 1.5; white-space: pre-wrap; overflow: auto;
815
- }
816
- .stage-msg.on { display: grid; }
817
- /* Buffering: a centred spinning arc over the picture, like YouTube's. It
818
- fades in after a beat so brief waits don't flash it. */
819
- .buffering {
820
- position: absolute; left: 50%; top: 50%; width: clamp(36px, 9cqmin, 64px); aspect-ratio: 1;
821
- transform: translate(-50%, -50%); pointer-events: none; opacity: 0; visibility: hidden;
822
- transition: opacity .15s, visibility 0s .15s; filter: drop-shadow(0 0 3px rgb(0 0 0 / .45));
823
- }
824
- .buffering.on { opacity: 1; visibility: visible; transition: opacity .2s .25s, visibility 0s .25s; }
825
- .buffering svg { width: 100%; height: 100%; animation: yt-rotate 1.4s linear infinite; }
826
- .buffering circle {
827
- fill: none; stroke: #fff; stroke-width: 3.6; stroke-linecap: round;
828
- stroke-dasharray: 1 150; stroke-dashoffset: 0; animation: yt-dash 1.4s ease-in-out infinite;
829
- }
830
- @keyframes yt-rotate { to { transform: rotate(360deg); } }
831
- @keyframes yt-dash {
832
- 0% { stroke-dasharray: 1 150; stroke-dashoffset: 0; }
833
- 50% { stroke-dasharray: 90 150; stroke-dashoffset: -35; }
834
- 100% { stroke-dasharray: 90 150; stroke-dashoffset: -124; }
835
- }
836
- @media (prefers-reduced-motion: reduce) { .buffering circle, .play-btn .spin circle { animation: none; stroke-dasharray: 70 150; } }
837
-
838
- /* \u2500\u2500 Transport \u2500\u2500 */
839
- .transport { flex: none; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; row-gap: 6px; }
840
- .icon-btn {
841
- width: 32px; height: 32px; display: inline-grid; place-items: center; border-radius: 8px;
842
- border: 0; background: transparent; color: var(--ink-2); flex: none;
843
- }
844
- .icon-btn:hover:not(:disabled) { background: var(--surface-2); color: var(--ink); }
845
- .icon-btn:disabled { opacity: .35; cursor: default; }
846
- .icon-btn svg { width: 16px; height: 16px; }
847
- .play-btn {
848
- width: 36px; height: 36px; border-radius: 50%; border: 0; display: inline-grid; place-items: center; flex: none;
849
- background: var(--primary-bg); color: var(--primary-ink); margin: 0 2px;
850
- }
851
- .play-btn:hover:not(:disabled) { filter: brightness(.9); }
852
- .play-btn:disabled { opacity: .4; cursor: default; }
853
- .play-btn svg { width: 14px; height: 14px; }
854
- .play-btn .spin { display: none; width: 20px; height: 20px; animation: yt-rotate 1.4s linear infinite; }
855
- .play-btn .spin circle {
856
- fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round;
857
- stroke-dasharray: 1 150; animation: yt-dash 1.4s ease-in-out infinite;
858
- }
859
- .play-btn.loading .spin { display: block; }
860
- .play-btn.loading svg:not(.spin) { display: none !important; }
861
- .timecode { display: flex; align-items: baseline; gap: 5px; margin-left: 8px; font-size: 13px; white-space: nowrap; }
862
- .timecode .dim { color: var(--ink-3); }
863
- .timecode .frame { color: var(--ink-3); font-size: 11.5px; margin-left: 6px; }
864
- .fps { margin-left: 10px; color: var(--ink-3); font-size: 11.5px; white-space: nowrap; }
865
- input[type="range"].slider { -webkit-appearance: none; appearance: none; width: 72px; height: 4px; border-radius: 2px; background: var(--line-2); margin: 0 8px 0 0; }
866
- input[type="range"].slider::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%; background: var(--ink); border: 0; }
867
- input[type="range"].slider::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: var(--ink); border: 0; }
868
- input[type="range"].slider:disabled { opacity: .35; }
869
-
870
- /* \u2500\u2500 Timeline \u2500\u2500 */
871
- .timeline {
872
- flex: none; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface);
873
- padding: 0 14px; user-select: none; -webkit-user-select: none; touch-action: none; cursor: pointer;
874
- }
875
- .tl-inner { position: relative; }
876
- .ruler { position: relative; height: 22px; border-bottom: 1px solid var(--line); }
877
- .tick { position: absolute; bottom: 0; width: 1px; height: 4px; background: var(--line-2); }
878
- .tick.major { height: 8px; background: var(--ink-3); }
879
- .tick span { position: absolute; bottom: 9px; left: 4px; font-size: 10.5px; line-height: 1; color: var(--ink-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
880
- .wave-lane { position: relative; height: 48px; }
881
- @media (max-height: 600px) { .wave-lane { height: 30px; } }
882
- .wave-lane canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
883
- .wave-state { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--ink-3); font-size: 12px; }
884
- .wave-state.shimmer {
885
- background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--ink) 6%, transparent) 50%, transparent 100%);
886
- background-size: 200% 100%; animation: shimmer 1.4s linear infinite;
887
- }
888
- @keyframes shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }
889
- .playhead { position: absolute; top: 0; bottom: 0; width: 0; pointer-events: none; z-index: 3; }
890
- .playhead::before { content: ""; position: absolute; top: 0; bottom: 0; left: -0.5px; width: 1px; background: var(--ink); }
891
- .playhead::after { content: ""; position: absolute; top: 0; left: -5px; width: 10px; height: 11px; background: var(--ink); clip-path: polygon(0 0, 100% 0, 100% 55%, 50% 100%, 0 55%); }
892
- .hover-line { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--line-2); display: none; pointer-events: none; }
893
- .hover-time {
894
- position: absolute; top: -28px; transform: translateX(-50%); display: none; pointer-events: none;
895
- font-size: 11px; line-height: 1; background: var(--surface-3); color: var(--ink); padding: 5px 7px; border-radius: 5px;
896
- white-space: nowrap; z-index: 4; font-variant-numeric: tabular-nums;
897
- }
898
- /* \u2500\u2500 Notes: pinned to a spot (or an area) and a moment \u2500\u2500 */
899
- .stage.can-note { cursor: crosshair; }
900
- .overlay { position: absolute; inset: 0; pointer-events: none; }
901
- .pin {
902
- position: absolute; width: 22px; height: 22px; margin: -11px 0 0 -11px; padding: 0; border-radius: 50%;
903
- display: grid; place-items: center; pointer-events: auto; cursor: pointer;
904
- background: var(--brand); color: #fff; font-size: 11px; font-weight: 600; line-height: 1;
905
- border: 2px solid #fff; box-shadow: 0 1px 5px rgb(0 0 0 / .55); transition: transform .12s;
906
- }
907
- .pin:hover, .pin.active { transform: scale(1.18); }
908
- .pin.done { background: #6b6e76; }
909
- .pin.draft { animation: pin-pulse 1.5s ease-out infinite; }
910
- .pin svg { width: 11px; height: 11px; }
911
- @keyframes pin-pulse {
912
- from { box-shadow: 0 0 0 0 rgb(59 130 246 / .6), 0 1px 5px rgb(0 0 0 / .55); }
913
- to { box-shadow: 0 0 0 14px rgb(59 130 246 / 0), 0 1px 5px rgb(0 0 0 / .55); }
914
- }
915
- .area {
916
- position: absolute; border: 1.5px solid var(--brand); border-radius: 3px;
917
- background: rgb(59 130 246 / .12); box-shadow: 0 0 0 1px rgb(0 0 0 / .35);
918
- }
919
- .area.done { border-color: #9a9da5; background: rgb(255 255 255 / .05); }
920
- .marquee { position: absolute; display: none; border: 1.5px dashed #fff; background: rgb(59 130 246 / .16); border-radius: 3px; pointer-events: none; }
921
- .stage-hint, .toast {
922
- position: absolute; left: 50%; transform: translateX(-50%); pointer-events: none; white-space: nowrap;
923
- padding: 6px 11px; border-radius: 999px; font-size: 12px; color: #fff; background: rgb(0 0 0 / .62);
924
- backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity: 0; transition: opacity .15s;
925
- }
926
- .stage-hint { top: 12px; }
927
- .stage.can-note.hint:hover .stage-hint { opacity: 1; }
928
- .toast { bottom: 14px; }
929
- .toast.on { opacity: 1; }
930
-
931
- .pop {
932
- position: fixed; z-index: 20; width: 280px; display: none; padding: 10px 10px 8px;
933
- background: var(--surface); border: 1px solid var(--line-2); border-radius: 12px;
934
- box-shadow: 0 12px 32px rgb(0 0 0 / .35);
935
- }
936
- .pop.on { display: block; }
937
- .pop-head { display: flex; align-items: center; gap: 8px; font-size: 11.5px; color: var(--ink-3); margin-bottom: 6px; }
938
- .badge {
939
- min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; display: inline-grid; place-items: center; flex: none;
940
- background: var(--brand); color: #fff; font-size: 10.5px; font-weight: 600;
941
- }
942
- .badge.done { background: var(--ink-3); }
943
- .pop textarea {
944
- display: block; width: 100%; min-height: 54px; max-height: 180px; resize: none; padding: 2px 2px 0;
945
- border: 0; outline: none; background: transparent; color: var(--ink); font: inherit; line-height: 1.45;
946
- }
947
- .pop textarea::placeholder { color: var(--ink-3); }
948
- .pop-text { white-space: pre-wrap; overflow-wrap: anywhere; padding: 0 2px; max-height: 200px; overflow: auto; }
949
- .pop-foot { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 11.5px; color: var(--ink-3); }
950
- .pop-foot .err { color: var(--bad); }
951
- .btn {
952
- height: 26px; padding: 0 10px; border-radius: 7px; border: 0; font-size: 12px; font-weight: 500;
953
- display: inline-flex; align-items: center; gap: 6px; background: transparent; color: var(--ink-2); white-space: nowrap;
954
- }
955
- .btn:hover:not(:disabled) { background: var(--surface-2); color: var(--ink); }
956
- .btn.primary { background: var(--primary-bg); color: var(--primary-ink); }
957
- .btn.primary:hover:not(:disabled) { background: var(--primary-bg); filter: brightness(.9); }
958
- .btn.danger:hover:not(:disabled) { color: var(--bad); }
959
- .btn:disabled { opacity: .4; cursor: default; }
960
- .btn svg { width: 13px; height: 13px; }
961
- .x-btn { width: 22px; height: 22px; padding: 0; justify-content: center; margin-right: -4px; }
962
-
963
- .transport { position: relative; }
964
- .notes-btn { height: 32px; padding: 0 9px 0 8px; margin-right: 6px; font-size: 12.5px; }
965
- .notes-btn svg { width: 15px; height: 15px; }
966
- .notes-btn .badge { background: var(--surface-3); color: var(--ink-2); }
967
- .notes-btn .badge.open { background: var(--brand); color: #fff; }
968
- .notes-panel {
969
- position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 15; width: min(360px, calc(100vw - 24px));
970
- max-height: min(440px, 62vh); display: none; flex-direction: column; overflow: hidden;
971
- background: var(--surface); border: 1px solid var(--line-2); border-radius: 12px; box-shadow: 0 12px 32px rgb(0 0 0 / .35);
972
- }
973
- .notes-panel.on { display: flex; }
974
- .np-head { flex: none; display: flex; align-items: center; gap: 8px; padding: 8px 8px 8px 14px; border-bottom: 1px solid var(--line); }
975
- .np-head h2 { margin: 0; font-size: 13px; font-weight: 600; }
976
- .np-list { overflow: auto; padding: 4px; }
977
- .np-empty { padding: 22px 18px; text-align: center; color: var(--ink-3); font-size: 12.5px; }
978
- .np-foot { flex: none; padding: 8px 14px; border-top: 1px solid var(--line); color: var(--ink-3); font-size: 11.5px; overflow-wrap: anywhere; }
979
- .note-row {
980
- display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: start; padding: 8px 8px 8px 10px;
981
- border-radius: 8px; cursor: pointer;
982
- }
983
- .note-row:hover { background: var(--surface-2); }
984
- .note-row .badge { margin-top: 1px; }
985
- .note-row .when { font-size: 11.5px; color: var(--ink-3); }
986
- .note-row .text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
987
- .note-row.done .text { color: var(--ink-3); text-decoration: line-through; }
988
- .check {
989
- width: 20px; height: 20px; border-radius: 50%; padding: 0; display: grid; place-items: center; margin-top: 1px;
990
- border: 1.5px solid var(--line-2); background: transparent; color: transparent;
991
- }
992
- .check:hover { border-color: var(--ok); color: var(--ok); }
993
- .check.on { background: var(--ok); border-color: var(--ok); color: #fff; }
994
- .check svg { width: 11px; height: 11px; }
995
-
996
- .note-marks { position: absolute; left: 0; right: 0; top: 22px; bottom: 0; pointer-events: none; z-index: 2; }
997
- .note-mark {
998
- position: absolute; top: 5px; width: 14px; height: 14px; margin-left: -7px; padding: 0; border: 0; border-radius: 50%;
999
- display: grid; place-items: center; pointer-events: auto; cursor: pointer;
1000
- background: var(--brand); color: #fff; font-size: 8.5px; font-weight: 700; box-shadow: 0 0 0 2px var(--surface);
1001
- }
1002
- .note-mark::after { content: ""; position: absolute; top: 14px; left: 6.5px; width: 1px; height: 30px; background: var(--brand); opacity: .45; }
1003
- .note-mark.done { background: var(--ink-3); }
1004
- .note-mark.stacked::after { display: none; }
1005
- .note-mark.done::after { background: var(--ink-3); }
1006
- .note-mark:hover { transform: scale(1.2); }
1007
- </style>
1008
- </head>
1009
- <body>
1010
- <header class="top">
1011
- <svg class="logo" viewBox="0 0 512 512" aria-label="framefields" role="img"><g fill="none" stroke="currentColor" stroke-linecap="round"><path d="M184 56H86q-30 0-30 30v98M328 56h98q30 0 30 30v98M184 456H86q-30 0-30-30v-98M328 456h98q30 0 30-30v-98" stroke-width="34" stroke-linejoin="round"/><path d="M176 182v148m0-148c0 74 60 74 100 74" stroke-width="28"/></g><g fill="currentColor"><circle cx="176" cy="172" r="32"/><circle cx="176" cy="340" r="32"/><path d="M284 200l78 56-78 56z" stroke="currentColor" stroke-width="34" stroke-linejoin="round"/></g></svg>
1012
- <span class="sep" aria-hidden="true"></span>
1013
- <h1 id="title">framefields preview</h1>
1014
- <span class="grow"></span>
1015
- <span class="spec tnum" id="spec"></span>
1016
- <span class="chip" id="chip" data-state="mixing" role="status" aria-live="polite"><span class="spinner"></span><span>Mixing audio</span></span>
1017
- </header>
1018
-
1019
- <main class="player" aria-label="Player">
1020
- <div class="stage-wrap">
1021
- <div class="stage" id="stage">
1022
- <canvas id="canvas" aria-label="Rendered frame"></canvas>
1023
- <div class="stage-msg" id="stageMsg" role="alert"></div>
1024
- <div class="overlay" id="pins"></div>
1025
- <div class="marquee" id="marquee"></div>
1026
- <div class="stage-hint" id="stageHint">Click to pin a note \xB7 drag to mark an area</div>
1027
- <div class="toast" id="toast" role="status" aria-live="polite"></div>
1028
- <div class="buffering" id="buffering" role="status" aria-label="Loading"><svg viewBox="0 0 50 50"><circle cx="25" cy="25" r="20"/></svg></div>
1029
- </div>
1030
- </div>
1031
-
1032
- <div class="transport">
1033
- <button class="icon-btn" id="prev" title="Previous frame" aria-label="Previous frame">
1034
- <svg viewBox="0 0 16 16" fill="currentColor"><path d="M3 3h1.6v10H3zM13 3.6v8.8a.6.6 0 0 1-.92.5L5.8 8.5a.6.6 0 0 1 0-1l6.28-4.4a.6.6 0 0 1 .92.5z"/></svg>
1035
- </button>
1036
- <button class="play-btn" id="play" title="Play" aria-label="Play" disabled>
1037
- <svg id="playIcon" viewBox="0 0 16 16" fill="currentColor"><path d="M4.5 2.9v10.2a.7.7 0 0 0 1.06.6l8.1-5.1a.7.7 0 0 0 0-1.2l-8.1-5.1a.7.7 0 0 0-1.06.6z"/></svg>
1038
- <svg class="spin" viewBox="0 0 50 50" aria-hidden="true"><circle cx="25" cy="25" r="18"/></svg>
1039
- <svg id="pauseIcon" viewBox="0 0 16 16" fill="currentColor" style="display:none"><rect x="3.5" y="2.5" width="3.2" height="11" rx=".8"/><rect x="9.3" y="2.5" width="3.2" height="11" rx=".8"/></svg>
1040
- </button>
1041
- <button class="icon-btn" id="next" title="Next frame" aria-label="Next frame">
1042
- <svg viewBox="0 0 16 16" fill="currentColor"><path d="M11.4 3H13v10h-1.6zM3 3.6v8.8a.6.6 0 0 0 .92.5l6.28-4.4a.6.6 0 0 0 0-1L3.92 3.1A.6.6 0 0 0 3 3.6z"/></svg>
1043
- </button>
1044
- <div class="timecode tnum">
1045
- <span id="tcNow">0:00.00</span><span class="dim">/</span><span class="dim" id="tcDur">0:00.00</span>
1046
- <span class="frame" id="tcFrame">frame 0</span>
1047
- </div>
1048
- <span class="fps tnum" id="fps" role="status" hidden></span>
1049
- <span class="grow"></span>
1050
- <button class="btn notes-btn" id="notesBtn" title="Notes" aria-haspopup="dialog" aria-expanded="false" hidden>
1051
- <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"><path d="M3 2.75h10a1.25 1.25 0 0 1 1.25 1.25v6.5A1.25 1.25 0 0 1 13 11.75H7.5L4.5 14v-2.25H3A1.25 1.25 0 0 1 1.75 10.5V4A1.25 1.25 0 0 1 3 2.75z"/></svg>
1052
- Notes <span class="badge" id="notesCount">0</span>
1053
- </button>
1054
- <div class="notes-panel" id="notesPanel" role="dialog" aria-label="Notes">
1055
- <div class="np-head">
1056
- <h2>Notes</h2><span class="grow"></span>
1057
- <button class="btn" id="notesCopy" title="Copy the open notes, to paste into a chat">
1058
- <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4"><rect x="5.25" y="5.25" width="8" height="8" rx="1.5"/><path d="M10.75 3.5V3.25a1.5 1.5 0 0 0-1.5-1.5h-5.5a1.5 1.5 0 0 0-1.5 1.5v5.5a1.5 1.5 0 0 0 1.5 1.5H4"/></svg>
1059
- <span id="notesCopyLabel">Copy</span>
1060
- </button>
1061
- <button class="btn x-btn" id="notesClose" title="Close" aria-label="Close"><svg viewBox="0 0 16 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M4 4l8 8M12 4l-8 8"/></svg></button>
1062
- </div>
1063
- <div class="np-list" id="notesList"></div>
1064
- <div class="np-foot" id="notesFoot"></div>
1065
- </div>
1066
- <button class="icon-btn" id="mute" title="Mute" aria-label="Mute" disabled>
1067
- <svg id="volIcon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 6h2.2L8 3.2v9.6L4.7 10H2.5z" fill="currentColor" stroke="none"/><path d="M10.6 5.6a3.4 3.4 0 0 1 0 4.8M12.4 3.9a5.8 5.8 0 0 1 0 8.2"/></svg>
1068
- <svg id="muteIcon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" style="display:none"><path d="M2.5 6h2.2L8 3.2v9.6L4.7 10H2.5z" fill="currentColor" stroke="none"/><path d="M10.5 6l3.5 4M14 6l-3.5 4"/></svg>
1069
- </button>
1070
- <input class="slider" type="range" id="volume" min="0" max="1" step="0.01" value="0.9" aria-label="Volume" disabled>
1071
- </div>
1072
-
1073
- <div class="timeline" id="timeline" aria-label="Timeline">
1074
- <div class="tl-inner" id="tlInner">
1075
- <div class="ruler" id="ruler"></div>
1076
- <div class="note-marks" id="noteMarks"></div>
1077
- <div class="wave-lane">
1078
- <canvas id="wave"></canvas>
1079
- <div class="wave-state shimmer" id="waveState"><span class="spinner"></span>Mixing audio</div>
1080
- </div>
1081
- <div class="hover-line" id="hoverLine"></div>
1082
- <div class="hover-time" id="hoverTime"></div>
1083
- <div class="playhead" id="playhead"></div>
1084
- </div>
1085
- </div>
1086
- </main>
1087
-
1088
- <div class="pop" id="pop" role="dialog" aria-label="Note"></div>
1089
-
1090
- <script>
1091
- (function () {
1092
- var $ = function (id) { return document.getElementById(id); };
1093
- var stage = $("stage"), timeline = $("timeline"), tlInner = $("tlInner");
1094
-
1095
- var meta = null, session = null, frame = 0, shown = -1, playing = false, playToken = 0;
1096
- var player = null;
1097
-
1098
- // \u2500\u2500 Helpers \u2500\u2500
1099
- function fmt(f) {
1100
- var s = f / meta.fps, m = Math.floor(s / 60);
1101
- return m + ":" + (s - m * 60).toFixed(2).padStart(5, "0");
1102
- }
1103
- function last() { return meta.frameCount - 1; }
1104
- function clampFrame(f) { return Math.max(0, Math.min(last(), Math.round(f))); }
1105
- function pct(f) { return meta.frameCount > 1 ? (f / last()) * 100 : 0; }
1106
- function el(tag, cls, text) {
1107
- var e = document.createElement(tag);
1108
- if (cls) e.className = cls;
1109
- if (text != null) e.textContent = text;
1110
- return e;
1111
- }
1112
- function sleep(ms) { return new Promise(function (r) { setTimeout(r, ms); }); }
1113
-
1114
- // \u2500\u2500 Reporting: errors and the engine's warnings go to the preview's
1115
- // terminal too, so whoever runs it sees them without opening this tab.
1116
- // Once each; frame numbers aside, playback repeats the same one per frame \u2500\u2500
1117
- var reportedKeys = new Set();
1118
- function errText(x) {
1119
- if (x && x.message) return x.stack && x.stack.indexOf(x.message) >= 0 ? x.stack.split("\\n").slice(0, 4).join("\\n") : x.message;
1120
- return typeof x === "string" ? x : String(x);
1121
- }
1122
- function report(level, parts) {
1123
- var text = parts.map(errText).join(" ").trim(), key = level + text.replace(/\\d+/g, "#");
1124
- if (!text || reportedKeys.has(key) || reportedKeys.size > 100) return;
1125
- reportedKeys.add(key);
1126
- fetch("/@framefields/log", {
1127
- method: "POST",
1128
- headers: { "content-type": "application/json" },
1129
- body: JSON.stringify({ level: level, message: text.slice(0, 4000) }),
1130
- keepalive: true
1131
- }).catch(function () {});
1132
- }
1133
- ["error", "warn"].forEach(function (name) {
1134
- var original = console[name].bind(console);
1135
- console[name] = function () {
1136
- original.apply(null, arguments);
1137
- var args = Array.prototype.slice.call(arguments);
1138
- // Errors from anywhere; warnings only from the engine (fonts, renderers).
1139
- if (name === "error" || (typeof args[0] === "string" && args[0].indexOf("[framefields]") === 0)) {
1140
- report(name === "error" ? "error" : "warning", args);
1141
- }
1142
- };
1143
- });
1144
-
1145
- // \u2500\u2500 Frames: drawn in this tab by the composition's own code \u2500\u2500
1146
- function setTime(f) {
1147
- frame = f;
1148
- $("tcNow").textContent = fmt(f);
1149
- $("tcFrame").textContent = "frame " + f;
1150
- $("playhead").style.left = pct(f) + "%";
1151
- if (!playing && notesOn) renderPins();
1152
- }
1153
- function show(f) {
1154
- setTime(f);
1155
- if (!player) return Promise.resolve();
1156
- $("buffering").classList.add("on");
1157
- // Calls made while a frame draws collapse to the latest.
1158
- return player.render(f).then(function (drawn) {
1159
- shown = drawn;
1160
- if (!stalled) $("buffering").classList.remove("on");
1161
- });
1162
- }
1163
- function seek(f) {
1164
- stop();
1165
- var done = show(clampFrame(f));
1166
- keepPosition();
1167
- scheduleWarm();
1168
- return done;
1169
- }
1170
-
1171
- // \u2500\u2500 Position in the address: #t=12.5 opens there, and a reload (the next
1172
- // preview taking over) comes back to the same moment \u2500\u2500
1173
- function startFrame() {
1174
- var m = /[#&]t=([\\d.]+)/.exec(location.hash), n = /[#&]frame=(\\d+)/.exec(location.hash);
1175
- if (m) return clampFrame(Number(m[1]) * meta.fps);
1176
- if (n) return clampFrame(Number(n[1]));
1177
- return 0;
1178
- }
1179
- function keepPosition() {
1180
- var at = frame > 0 ? "#t=" + Number((frame / meta.fps).toFixed(3)) : location.pathname;
1181
- try { history.replaceState(null, "", at); } catch (e) {}
1182
- }
1183
-
1184
- // \u2500\u2500 Analysing ahead: while paused, frames after the playhead are drawn
1185
- // off-screen so vision results are cached before they play \u2500\u2500
1186
- var warmTimer = null, warmToken = 0, warmed = new Set();
1187
- function scheduleWarm() {
1188
- clearTimeout(warmTimer);
1189
- warmToken++;
1190
- if (!player || !player.hasVision || playing) return;
1191
- warmTimer = setTimeout(warmAhead, 1000);
1192
- }
1193
- async function warmAhead() {
1194
- var token = ++warmToken;
1195
- var end = Math.min(last(), frame + Math.round(meta.fps * 20));
1196
- for (var f = frame + 1; f <= end && token === warmToken && !playing; f++) {
1197
- if (warmed.has(f)) continue;
1198
- if (!(await player.warm(f))) { scheduleWarm(); return; }
1199
- warmed.add(f);
1200
- await sleep(0);
1201
- }
1202
- }
1203
- function showError(err) {
1204
- report("error", [err]);
1205
- pageState = "error";
1206
- $("buffering").classList.remove("on");
1207
- $("stageMsg").textContent = String((err && err.message) || err);
1208
- $("stageMsg").classList.add("on");
1209
- }
1210
-
1211
- // \u2500\u2500 Audio \u2500\u2500
1212
- var audio = { mode: "browser", state: "mixing", error: "", buffer: null, peaks: null, ctx: null, gain: null, src: null, muted: false, volume: 0.9 };
1213
- var AUDIO_LABEL = { mixing: "Mixing audio", loading: "Loading audio", ready: "Audio ready", none: "No audio", error: "Audio failed" };
1214
- var offline = false;
1215
-
1216
- function renderChip() {
1217
- var chip = $("chip"), state, label, busy;
1218
- if (offline) { state = "offline"; label = "Preview stopped"; busy = false; }
1219
- else { state = audio.state; label = AUDIO_LABEL[audio.state]; busy = state === "mixing" || state === "loading"; }
1220
- chip.dataset.state = state;
1221
- chip.title = offline ? "The preview command isn't running. This tab reconnects when it starts again." : audio.error || "";
1222
- chip.replaceChildren(el("span", busy ? "spinner" : "dot"), el("span", null, label));
1223
- }
1224
- function setAudioStatus(state, error) {
1225
- audio.state = state;
1226
- audio.error = error || "";
1227
- var busy = state === "mixing" || state === "loading", ws = $("waveState");
1228
- ws.classList.toggle("shimmer", busy);
1229
- ws.style.display = state === "ready" ? "none" : "flex";
1230
- ws.replaceChildren();
1231
- if (busy) ws.append(el("span", "spinner"));
1232
- ws.append(document.createTextNode(state === "none" ? "No audio in this composition" : state === "error" ? "Audio could not be mixed" : AUDIO_LABEL[state]));
1233
- var usable = state === "ready" && (!!audio.buffer || !!stream);
1234
- $("mute").disabled = !usable;
1235
- $("volume").disabled = !usable;
1236
- renderChip();
1237
- drawWave();
1238
- }
1239
- function ensureAudioContext() {
1240
- if (audio.ctx) return;
1241
- var Ctx = window.AudioContext || window.webkitAudioContext;
1242
- audio.ctx = new Ctx();
1243
- audio.gain = audio.ctx.createGain();
1244
- audio.gain.connect(audio.ctx.destination);
1245
- applyVolume();
1246
- }
1247
- // \u2500\u2500 Soundtrack, streamed. The page mixes it with the export's mixer in
1248
- // BLOCK_SEC blocks: the ones at the playhead first, as it plays, the rest
1249
- // in the background (which draws the waveform and finds the film's loudest
1250
- // sample for the master gain). Blocks play back to back on the
1251
- // AudioContext clock. Sources stream straight from where they live, pinned
1252
- // assets from their bucket. The mixing runs in a worker with its own GPU
1253
- // device, so it never holds up drawing; if the worker can't, the page mixes,
1254
- // and if that fails too, the server does. \u2500\u2500
1255
- var BLOCK_SEC = 2, AHEAD_SEC = 4, KEEP_BLOCKS = 64, PEAK_BINS = 1200, SILENT = 0.001;
1256
- var stream = null, playback = null;
1257
- function filmSec() { return meta.frameCount / meta.fps; }
1258
- // The project's bundle, loaded as a worker, runs the mixer instead of a player.
1259
- function mixerWorker() {
1260
- var worker;
1261
- try { worker = new Worker("/@framefields/player.js", { type: "module" }); } catch (e) { return null; }
1262
- var calls = new Map(), next = 0, failed = null;
1263
- var fail = function (err) {
1264
- failed = failed || err;
1265
- calls.forEach(function (c) { c.reject(failed); });
1266
- calls.clear();
1267
- };
1268
- var ready = new Promise(function (resolve, reject) {
1269
- worker.onmessage = function (e) {
1270
- var d = e.data;
1271
- if ("ready" in d) { if (d.ready) resolve(); else { reject(new Error(d.error)); fail(new Error(d.error)); } return; }
1272
- var call = calls.get(d.id);
1273
- if (!call) return;
1274
- calls.delete(d.id);
1275
- if (d.error) call.reject(new Error(d.error)); else call.resolve(d.mix);
1276
- };
1277
- worker.onerror = function (e) {
1278
- var err = new Error(e.message || "the mixing worker failed");
1279
- reject(err);
1280
- fail(err);
1281
- };
1282
- });
1283
- return {
1284
- mix: function (range, chain) {
1285
- return ready.then(function () {
1286
- if (failed) throw failed;
1287
- return new Promise(function (resolve, reject) {
1288
- var id = ++next;
1289
- calls.set(id, { resolve: resolve, reject: reject });
1290
- worker.postMessage({ id: id, range: range, chain: chain });
1291
- });
1292
- });
1293
- },
1294
- stop: function () { worker.terminate(); fail(new Error("stopped")); }
1295
- };
1296
- }
1297
- function beginStream(p) {
1298
- if (stream && stream.worker) stream.worker.stop();
1299
- stopClock();
1300
- audio.buffer = null;
1301
- audio.peaks = new Array(PEAK_BINS).fill(0);
1302
- stream = { player: p, worker: mixerWorker(), blocks: new Map(), order: [], pending: new Map(), queue: [], busy: false,
1303
- seen: new Set(), peak: 0, gain: 1, fill: 0, filling: false, total: Math.max(1, Math.ceil(filmSec() / BLOCK_SEC)) };
1304
- ensureAudioContext();
1305
- setAudioStatus("mixing");
1306
- var s = stream;
1307
- streamBlock(s, Math.floor(frame / meta.fps / BLOCK_SEC), true).then(function () {
1308
- if (stream === s && audio.state === "mixing") setAudioStatus("ready");
1309
- }, function () {});
1310
- }
1311
- // Blocks mix on two chains, each continuing its own effect state from the
1312
- // block before: "fill" runs through the film from its start, so its blocks
1313
- // are exactly the export's; "play" starts at a seek with a lead-in and
1314
- // carries on from there. An exact block is never replaced by a lead-in one.
1315
- function streamBlock(s, i, urgent) {
1316
- var have = s.blocks.get(i);
1317
- if (have) return Promise.resolve(have);
1318
- var waiting = s.pending.get(i);
1319
- if (waiting) {
1320
- if (urgent) promote(s, i);
1321
- return waiting;
1322
- }
1323
- waiting = enqueue(s, i, i === s.fill ? "fill" : "play", urgent, true);
1324
- pumpStream(s);
1325
- return waiting;
1326
- }
1327
- function enqueue(s, i, chain, urgent, own) {
1328
- if (chain === "fill") s.filling = true;
1329
- var waiting = new Promise(function (resolve, reject) {
1330
- var job = { i: i, chain: chain, own: own, resolve: resolve, reject: reject };
1331
- if (urgent) s.queue.unshift(job); else s.queue.push(job);
1332
- });
1333
- if (own) s.pending.set(i, waiting);
1334
- else waiting.catch(function () {});
1335
- return waiting;
1336
- }
1337
- function promote(s, i) {
1338
- var at = s.queue.findIndex(function (j) { return j.i === i; });
1339
- if (at > 0) s.queue.unshift(s.queue.splice(at, 1)[0]);
1340
- }
1341
- function pumpStream(s) {
1342
- if (s.busy || stream !== s) return;
1343
- if (!s.queue.length) { fillStream(s); if (!s.queue.length) return; }
1344
- s.busy = true;
1345
- var job = s.queue.shift();
1346
- var range = { startSec: job.i * BLOCK_SEC, endSec: Math.min(filmSec(), (job.i + 1) * BLOCK_SEC) };
1347
- mixBlock(s, range, job.chain).then(function (mix) {
1348
- if (stream === s) keepBlock(s, job.i, { left: mix.left, right: mix.right, sampleRate: mix.sampleRate, exact: mix.exact }, mix.peak);
1349
- if (job.chain === "fill") { s.fill = job.i + 1; s.filling = false; }
1350
- job.resolve(s.blocks.get(job.i));
1351
- }, function (err) {
1352
- if (job.chain === "fill") s.filling = false;
1353
- job.reject(err);
1354
- streamFailed(s, err);
1355
- }).then(function () {
1356
- if (job.own) s.pending.delete(job.i);
1357
- s.busy = false;
1358
- pumpStream(s);
1359
- });
1360
- }
1361
- // In the worker; on the page itself once the worker has failed.
1362
- function mixBlock(s, range, chain) {
1363
- if (!s.worker) return s.player.mixAudio(range, chain);
1364
- return s.worker.mix(range, chain).catch(function (err) {
1365
- if (s.worker) {
1366
- console.warn("The soundtrack's mixing worker failed, so the page mixes it:", err);
1367
- s.worker.stop();
1368
- s.worker = null;
1369
- }
1370
- return s.player.mixAudio(range, chain);
1371
- });
1372
- }
1373
- // Idle: the fill chain mixes its next block, every block in order, so
1374
- // its effect state runs on unbroken from the film's start.
1375
- function fillStream(s) {
1376
- if (s.filling || s.fill >= s.total) return;
1377
- enqueue(s, s.fill, "fill", false, !s.pending.has(s.fill));
1378
- }
1379
- function keepBlock(s, i, block, peak) {
1380
- var had = s.blocks.get(i);
1381
- if (!had || !had.exact || block.exact) {
1382
- s.blocks.set(i, block);
1383
- s.order.push(i);
1384
- while (s.order.length > KEEP_BLOCKS) s.blocks.delete(s.order.shift());
1385
- }
1386
- if (s.seen.has(i)) return;
1387
- s.seen.add(i);
1388
- s.peak = Math.max(s.peak, peak);
1389
- var dur = filmSec(), from = Math.floor((i * BLOCK_SEC / dur) * PEAK_BINS);
1390
- var to = Math.min(PEAK_BINS, Math.ceil((Math.min(dur, (i + 1) * BLOCK_SEC) / dur) * PEAK_BINS));
1391
- var perBin = (dur / PEAK_BINS) * block.sampleRate, origin = i * BLOCK_SEC * block.sampleRate;
1392
- for (var b = from; b < to; b++) {
1393
- var lo = Math.max(0, Math.floor(b * perBin - origin)), hi = Math.min(block.left.length, Math.floor((b + 1) * perBin - origin));
1394
- var m = audio.peaks[b];
1395
- for (var k = lo; k < hi; k++) m = Math.max(m, Math.abs(block.left[k]), Math.abs(block.right[k]));
1396
- audio.peaks[b] = Math.min(1, m);
1397
- }
1398
- drawWave();
1399
- if (s.seen.size < s.total) return;
1400
- // The whole film is mixed: master as the export does, or say it's silent.
1401
- s.gain = s.peak > 0.95 ? 0.92 / s.peak : 1;
1402
- if (s.peak < SILENT) setAudioStatus("none");
1403
- }
1404
- function streamFailed(s, err) {
1405
- if (stream !== s) return;
1406
- if (s.worker) s.worker.stop();
1407
- stream = null;
1408
- stopClock();
1409
- console.warn("Mixing the soundtrack in the browser failed, so the preview server mixes it:", err);
1410
- audio.mode = "server";
1411
- setAudioStatus("mixing");
1412
- fetch("/audio/mix", { method: "POST" }).catch(function () {});
1413
- }
1414
- // The master stage on a block: the film's gain, then the export's soft limiter.
1415
- function mastered(channel, gain) {
1416
- var out = new Float32Array(channel.length);
1417
- for (var k = 0; k < channel.length; k++) {
1418
- var v = Math.tanh(channel[k] * gain);
1419
- out[k] = v === v ? v : 0;
1420
- }
1421
- return out;
1422
- }
1423
- function startStream(f0) {
1424
- var s = stream, ctx = audio.ctx;
1425
- ctx.resume();
1426
- var pb = { t0: f0 / meta.fps, startAt: ctx.currentTime + 0.08, next: Math.floor(f0 / meta.fps / BLOCK_SEC), sources: [], timer: 0 };
1427
- playback = pb;
1428
- function tick() {
1429
- if (playback !== pb || stream !== s) return;
1430
- var now = ctx.currentTime - pb.startAt + pb.t0;
1431
- while (pb.next < s.total && pb.next * BLOCK_SEC < now + AHEAD_SEC) {
1432
- var have = s.blocks.get(pb.next);
1433
- if (!have) { streamBlock(s, pb.next, true).then(tick, function () {}); return; }
1434
- scheduleBlock(pb, pb.next, have, s.gain);
1435
- pb.next++;
1436
- }
1437
- }
1438
- pb.timer = setInterval(tick, 250);
1439
- tick();
1440
- return function () { return Math.max(0, ctx.currentTime - pb.startAt); };
1441
- }
1442
- // Block i starts at film second i * BLOCK_SEC: on the clock, that is
1443
- // startAt + (i * BLOCK_SEC - t0). A block that comes late starts part way
1444
- // in, so sound and picture stay on the same clock.
1445
- function scheduleBlock(pb, i, block, gain) {
1446
- var ctx = audio.ctx, buf = ctx.createBuffer(2, block.left.length, block.sampleRate);
1447
- buf.copyToChannel(mastered(block.left, gain), 0);
1448
- buf.copyToChannel(mastered(block.right, gain), 1);
1449
- var src = ctx.createBufferSource();
1450
- src.buffer = buf;
1451
- src.connect(audio.gain);
1452
- var when = pb.startAt + (i * BLOCK_SEC - pb.t0), at = Math.max(when, ctx.currentTime + 0.02), offset = at - when;
1453
- if (offset >= buf.duration) return;
1454
- src.start(at, offset);
1455
- pb.sources.push(src);
1456
- src.onended = function () { pb.sources = pb.sources.filter(function (x) { return x !== src; }); };
1457
- }
1458
- function stopStream() {
1459
- var pb = playback;
1460
- playback = null;
1461
- if (!pb) return;
1462
- clearInterval(pb.timer);
1463
- pb.sources.forEach(function (src) { try { src.stop(); } catch (e) {} src.disconnect(); });
1464
- }
1465
- function loadAudio(status) {
1466
- if (status && status.state === "browser") {
1467
- audio.mode = "browser";
1468
- setAudioStatus("mixing");
1469
- if (player) beginStream(player);
1470
- return;
1471
- }
1472
- stopClock();
1473
- audio.buffer = null;
1474
- audio.peaks = null;
1475
- if (!status || status.state !== "ready") { setAudioStatus(status ? status.state : "none", status && status.error); return; }
1476
- audio.peaks = status.peaks;
1477
- setAudioStatus("loading");
1478
- ensureAudioContext();
1479
- fetch("/audio")
1480
- .then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.arrayBuffer(); })
1481
- .then(function (data) { return audio.ctx.decodeAudioData(data); })
1482
- .then(function (buf) { audio.buffer = buf; setAudioStatus("ready"); })
1483
- .catch(function (err) { setAudioStatus("error", String((err && err.message) || err)); });
1484
- }
1485
- function applyVolume() {
1486
- if (audio.gain) audio.gain.gain.value = audio.muted ? 0 : audio.volume;
1487
- $("volIcon").style.display = audio.muted ? "none" : "";
1488
- $("muteIcon").style.display = audio.muted ? "" : "none";
1489
- $("mute").title = audio.muted ? "Unmute" : "Mute";
1490
- $("mute").setAttribute("aria-label", audio.muted ? "Unmute" : "Mute");
1491
- }
1492
- // The clock for real-time playback: the soundtrack when there is one,
1493
- // otherwise the wall clock. Audio as master keeps picture and sound in sync.
1494
- function startClock(f0) {
1495
- if (stream && audio.ctx && audio.state === "ready") return startStream(f0);
1496
- if (audio.buffer && audio.ctx) {
1497
- audio.ctx.resume();
1498
- var src = audio.ctx.createBufferSource();
1499
- src.buffer = audio.buffer;
1500
- src.connect(audio.gain);
1501
- var startAt = audio.ctx.currentTime + 0.06, offset = f0 / meta.fps;
1502
- if (offset < audio.buffer.duration) src.start(startAt, offset);
1503
- audio.src = src;
1504
- return function () { return Math.max(0, audio.ctx.currentTime - startAt); };
1505
- }
1506
- var t0 = performance.now();
1507
- return function () { return (performance.now() - t0) / 1000; };
1508
- }
1509
- function stopClock() {
1510
- stopStream();
1511
- if (!audio.src) return;
1512
- try { audio.src.stop(); } catch (e) {}
1513
- audio.src.disconnect();
1514
- audio.src = null;
1515
- }
1516
-
1517
- // \u2500\u2500 Playback \u2500\u2500
1518
- var stalled = false;
1519
- // Waiting on frames mid-playback: the play button and the picture both spin.
1520
- function setStalled(on) {
1521
- stalled = on;
1522
- $("play").classList.toggle("loading", on);
1523
- $("buffering").classList.toggle("on", on);
1524
- }
1525
- function setPlayingUi(on) {
1526
- $("playIcon").style.display = on ? "none" : "";
1527
- $("pauseIcon").style.display = on ? "" : "none";
1528
- $("play").title = on ? "Pause" : "Play";
1529
- $("play").setAttribute("aria-label", on ? "Pause" : "Play");
1530
- }
1531
- function play() {
1532
- if (playing || !player) return;
1533
- playing = true;
1534
- clearTimeout(warmTimer);
1535
- warmToken++;
1536
- var token = ++playToken;
1537
- var alive = function () { return playing && token === playToken; };
1538
- setPlayingUi(true);
1539
- if (openId != null) closePop();
1540
- if (draft && !draft.text.trim()) cancelDraft();
1541
- if (notesOn) renderPins();
1542
- if (frame >= last()) frame = 0;
1543
- playFrames(alive).finally(function () { if (token === playToken && playing) pause(); });
1544
- }
1545
- function stop() {
1546
- playing = false;
1547
- stopClock();
1548
- setStalled(false);
1549
- setPlayingUi(false);
1550
- meter.stop();
1551
- renderFps();
1552
- }
1553
-
1554
- // \u2500\u2500 Frame rate reached: distinct frames shown per second while playing,
1555
- // over the last 2 s, stalls included. The film's own rate is in meta \u2500\u2500
1556
- var meter = (function () {
1557
- var started = null, lastFrame = null, samples = [], lastFps = null;
1558
- function read() {
1559
- if (started === null) return { state: "paused", fps: lastFps };
1560
- var now = performance.now(), elapsed = Math.min(2000, now - started);
1561
- samples = samples.filter(function (t) { return t > now - 2000; });
1562
- if (elapsed < 1000) return { state: "measuring", fps: null };
1563
- // Counting whole frames in the window can overshoot the film's rate.
1564
- return { state: "playing", fps: Math.min(meta ? meta.fps : Infinity, (samples.length * 1000) / elapsed) };
1565
- }
1566
- return {
1567
- read: read,
1568
- start: function () { started = performance.now(); lastFrame = null; samples = []; },
1569
- stop: function () {
1570
- if (started === null) return;
1571
- // A playback too short to measure leaves no rate, not an older one.
1572
- var r = read();
1573
- lastFps = r.state === "playing" ? r.fps : null;
1574
- started = null;
1575
- samples = [];
1576
- },
1577
- record: function (f) {
1578
- if (started === null || f === lastFrame) return;
1579
- lastFrame = f;
1580
- samples.push(performance.now());
1581
- }
1582
- };
1583
- })();
1584
- function renderFps() {
1585
- var r = meter.read(), out = $("fps");
1586
- out.hidden = r.state === "paused" && r.fps === null;
1587
- if (out.hidden) return;
1588
- out.textContent = r.state === "measuring" ? "\u2026 fps" : r.fps.toFixed(1) + " fps";
1589
- out.title = (r.state === "paused" ? "Frame rate the last playback reached" : "Frame rate playback reaches") + (meta ? "; the film runs at " + meta.fps + " fps" : "");
1590
- }
1591
- setInterval(function () { if (playing) renderFps(); }, 500);
1592
- // Pausing settles on exactly the frame the timecode shows.
1593
- function pause() { stop(); keepPosition(); show(frame).then(scheduleWarm); }
1594
- function togglePlay() { playing ? pause() : play(); }
1595
-
1596
- // Real time: nothing is rendered ahead. Each turn draws the frame due on
1597
- // the clock straight to the screen, and frames that drawing missed are
1598
- // skipped. Playback starts at once and the sound keeps its speed; a device
1599
- // that can't keep up shows fewer frames, and the frame rate says how many.
1600
- async function playFrames(alive) {
1601
- meter.start();
1602
- renderFps();
1603
- // Sound starts with picture: wait for the block at the playhead.
1604
- if (stream && audio.state !== "none") {
1605
- setStalled(true);
1606
- await streamBlock(stream, Math.floor(frame / meta.fps / BLOCK_SEC), true).catch(function () {});
1607
- if (!alive()) return;
1608
- setStalled(false);
1609
- if (stream && audio.state === "mixing") setAudioStatus("ready");
1610
- }
1611
- // A soundtrack still downloading would start late: wait for it.
1612
- if (audio.state === "loading") {
1613
- setStalled(true);
1614
- while (alive() && audio.state === "loading") await sleep(50);
1615
- // A newer playback may be waiting too: only this one's own stall ends here.
1616
- if (!alive()) return;
1617
- setStalled(false);
1618
- }
1619
- var f0 = frame, clock = startClock(f0), presented = -1;
1620
- while (alive()) {
1621
- var due = Math.min(last(), f0 + Math.floor(clock() * meta.fps));
1622
- if (due === presented) { await sleep(4); continue; }
1623
- setTime(due);
1624
- // Each frame is drawn once; caching it would cost a texture and a copy per frame.
1625
- var drawn = await player.render(due, { cache: false });
1626
- if (!alive()) return;
1627
- presented = shown = drawn;
1628
- meter.record(drawn);
1629
- if (drawn >= last()) return;
1630
- }
1631
- }
1632
-
1633
- // \u2500\u2500 Timeline \u2500\u2500
1634
- function frameAtX(clientX) {
1635
- var r = tlInner.getBoundingClientRect();
1636
- return clampFrame(Math.min(1, Math.max(0, (clientX - r.left) / r.width)) * last());
1637
- }
1638
- function renderRuler() {
1639
- var ruler = $("ruler"), width = tlInner.clientWidth || 800, dur = last() / meta.fps;
1640
- ruler.replaceChildren();
1641
- if (dur <= 0) return;
1642
- var steps = [0.5, 1, 2, 5, 10, 15, 30, 60, 120, 300, 600];
1643
- var major = steps.find(function (s) { return (s / dur) * width >= 80; }) || 1200, minor = major / 5;
1644
- for (var i = 0; i * minor <= dur + 1e-6; i++) {
1645
- var t = i * minor, isMajor = i % 5 === 0, x = (t / dur) * width;
1646
- var tick = el("div", "tick" + (isMajor ? " major" : ""));
1647
- tick.style.left = (t / dur) * 100 + "%";
1648
- if (isMajor && x < width - 34) {
1649
- var m = Math.floor(t / 60), s = Math.round((t - m * 60) * 10) / 10;
1650
- tick.append(el("span", null, m + ":" + (s < 10 ? "0" : "") + s));
1651
- }
1652
- ruler.append(tick);
1653
- }
1654
- }
1655
- function drawWave() {
1656
- var canvas = $("wave"), dpr = window.devicePixelRatio || 1;
1657
- var w = canvas.clientWidth, h = canvas.clientHeight;
1658
- canvas.width = Math.round(w * dpr);
1659
- canvas.height = Math.round(h * dpr);
1660
- var ctx = canvas.getContext("2d");
1661
- ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
1662
- ctx.clearRect(0, 0, w, h);
1663
- var peaks = audio.peaks;
1664
- if (!peaks || !peaks.length || !meta) return;
1665
- var videoSec = Math.max(1e-6, last() / meta.fps);
1666
- var audioSec = audio.buffer ? audio.buffer.duration : videoSec;
1667
- var spanPx = Math.min(1, audioSec / videoSec) * w, mid = h / 2;
1668
- ctx.fillStyle = getComputedStyle(document.documentElement).getPropertyValue("--wave").trim();
1669
- for (var x = 0; x < spanPx; x += 3) {
1670
- var v = Math.max(peaks[Math.floor((x / spanPx) * peaks.length)] || 0, 0.015);
1671
- var bh = Math.max(1, Math.sqrt(v) * (h - 8));
1672
- ctx.fillRect(x, mid - bh / 2, 2, bh);
1673
- }
1674
- }
1675
-
1676
- var dragging = false;
1677
- timeline.addEventListener("pointerdown", function (e) {
1678
- if (!meta || e.button !== 0) return;
1679
- timeline.setPointerCapture(e.pointerId);
1680
- dragging = true;
1681
- seek(frameAtX(e.clientX));
1682
- });
1683
- timeline.addEventListener("pointermove", function (e) {
1684
- if (!meta) return;
1685
- var f = frameAtX(e.clientX), r = tlInner.getBoundingClientRect();
1686
- var x = Math.min(r.width, Math.max(0, e.clientX - r.left));
1687
- $("hoverLine").style.display = "block";
1688
- $("hoverLine").style.left = x + "px";
1689
- $("hoverTime").style.display = "block";
1690
- $("hoverTime").style.left = x + "px";
1691
- $("hoverTime").textContent = fmt(f);
1692
- if (dragging && f !== frame) seek(f);
1693
- });
1694
- timeline.addEventListener("pointerleave", function () {
1695
- $("hoverLine").style.display = "none";
1696
- $("hoverTime").style.display = "none";
1697
- });
1698
- timeline.addEventListener("pointerup", function () { dragging = false; });
1699
- timeline.addEventListener("pointercancel", function () { dragging = false; });
1700
-
1701
- // \u2500\u2500 Notes: pause, click the picture (or drag an area) and say what should
1702
- // change. Each is saved with its moment, its spot and a picture of the
1703
- // frame with the spot marked, for whoever edits the film \u2500\u2500
1704
- var notes = [], notesOn = false, draft = null, openId = null, saving = false, press = null;
1705
- var pop = $("pop"), pins = $("pins"), NL = String.fromCharCode(10);
1706
- var ICON_CHECK = '<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 8.5l3 3 6-7"/></svg>';
1707
- var ICON_X = '<svg viewBox="0 0 16 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M4 4l8 8M12 4l-8 8"/></svg>';
1708
-
1709
- function pct1(v) { return Math.round(v * 100) + "%"; }
1710
- function whereText(n) {
1711
- return n.w != null ? "area " + pct1(n.x) + "," + pct1(n.y) + " to " + pct1(n.x + n.w) + "," + pct1(n.y + n.h) : "spot " + pct1(n.x) + "," + pct1(n.y);
1712
- }
1713
- function noteById(id) { return notes.find(function (n) { return n.id === id; }); }
1714
- function openCount() { return notes.filter(function (n) { return !n.done; }).length; }
1715
-
1716
- function renderNotes() {
1717
- renderPins();
1718
- renderMarks();
1719
- renderList();
1720
- var open = openCount(), count = $("notesCount");
1721
- count.textContent = String(open || notes.length);
1722
- count.classList.toggle("open", open > 0);
1723
- $("notesBtn").title = open + " open of " + notes.length;
1724
- }
1725
- function renderPins() {
1726
- if (!meta) return;
1727
- stage.classList.toggle("can-note", notesOn && !!player && !playing);
1728
- stage.classList.toggle("hint", notes.length === 0 && !draft);
1729
- pins.replaceChildren();
1730
- if (playing) return;
1731
- var here = notes.filter(function (n) { return n.frame === frame; });
1732
- if (draft && draft.frame === frame) here.push(draft);
1733
- here.forEach(function (n) {
1734
- if (n.w != null) {
1735
- var a = el("div", "area" + (n.done ? " done" : ""));
1736
- a.style.left = n.x * 100 + "%"; a.style.top = n.y * 100 + "%";
1737
- a.style.width = n.w * 100 + "%"; a.style.height = n.h * 100 + "%";
1738
- pins.append(a);
1739
- }
1740
- var pin = el("button", "pin" + (n.done ? " done" : "") + (n === draft ? " draft" : "") + (n.id === openId ? " active" : ""));
1741
- pin.style.left = n.x * 100 + "%"; pin.style.top = n.y * 100 + "%";
1742
- if (n === draft) { pin.setAttribute("aria-label", "New note"); }
1743
- else {
1744
- if (n.done) pin.innerHTML = ICON_CHECK; else pin.textContent = String(n.id);
1745
- pin.title = n.text;
1746
- pin.setAttribute("aria-label", "Note " + n.id);
1747
- pin.addEventListener("click", function (e) { e.stopPropagation(); openCard(n.id); });
1748
- }
1749
- pins.append(pin);
1750
- });
1751
- }
1752
- function renderMarks() {
1753
- var marks = $("noteMarks");
1754
- marks.replaceChildren();
1755
- if (!meta) return;
1756
- // Notes close together stack, up to three high.
1757
- var width = tlInner.clientWidth || 800, lanes = [];
1758
- notes.slice().sort(function (a, b) { return a.frame - b.frame || a.id - b.id; }).forEach(function (n) {
1759
- var x = (pct(n.frame) / 100) * width, lane = lanes.findIndex(function (end) { return x - end >= 16; });
1760
- if (lane < 0) lane = lanes.length < 3 ? lanes.length : 2;
1761
- lanes[lane] = x;
1762
- var m = el("button", "note-mark" + (n.done ? " done" : "") + (lane ? " stacked" : ""), String(n.id));
1763
- m.style.left = pct(n.frame) + "%";
1764
- m.style.top = 4 + lane * 15 + "px";
1765
- m.title = n.id + " \xB7 " + fmt(n.frame) + " \xB7 " + n.text;
1766
- m.addEventListener("pointerdown", function (e) { e.stopPropagation(); });
1767
- m.addEventListener("click", function (e) { e.stopPropagation(); goToNote(n.id); });
1768
- marks.append(m);
1769
- });
1770
- }
1771
- function renderList() {
1772
- var list = $("notesList");
1773
- list.replaceChildren();
1774
- $("notesCopy").disabled = openCount() === 0;
1775
- if (!notes.length) {
1776
- list.append(el("div", "np-empty", "Pause and click the picture to pin a note to that spot and moment. Drag to mark an area."));
1777
- }
1778
- notes.slice().sort(function (a, b) { return a.frame - b.frame || a.id - b.id; }).forEach(function (n) {
1779
- var row = el("div", "note-row" + (n.done ? " done" : ""));
1780
- var body = el("div");
1781
- body.append(el("div", "when tnum", fmt(n.frame) + " \xB7 frame " + n.frame), el("div", "text", n.text));
1782
- var check = el("button", "check" + (n.done ? " on" : ""));
1783
- check.innerHTML = ICON_CHECK;
1784
- check.title = n.done ? "Reopen" : "Mark done";
1785
- check.setAttribute("aria-label", check.title);
1786
- check.addEventListener("click", function (e) { e.stopPropagation(); setDone(n.id, !n.done); });
1787
- row.append(el("span", "badge" + (n.done ? " done" : ""), String(n.id)), body, check);
1788
- row.addEventListener("click", function () { goToNote(n.id); });
1789
- list.append(row);
1790
- });
1791
- var dir = meta && meta.notesDir ? meta.notesDir.split("/").slice(-2).join("/") : "";
1792
- $("notesFoot").textContent = "Saved in " + dir + " with a picture of each spot. Ask your agent to go through them.";
1793
- }
1794
-
1795
- function notesRequest(body) {
1796
- return fetch("/@framefields/notes", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(body) })
1797
- .then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.json(); });
1798
- }
1799
- function upsert(note) {
1800
- var i = notes.findIndex(function (n) { return n.id === note.id; });
1801
- if (i >= 0) notes[i] = note; else notes.push(note);
1802
- renderNotes();
1803
- }
1804
- function setDone(id, done) {
1805
- notesRequest({ op: "update", id: id, done: done }).then(function (n) {
1806
- upsert(n);
1807
- if (openId === id) openCard(id);
1808
- }, function () { toast("Couldn't save. Is the preview running?"); });
1809
- }
1810
- function removeNote(id) {
1811
- notesRequest({ op: "remove", id: id }).then(function () {
1812
- notes = notes.filter(function (n) { return n.id !== id; });
1813
- closePop();
1814
- renderNotes();
1815
- }, function () { toast("Couldn't delete. Is the preview running?"); });
1816
- }
1817
- function goToNote(id) {
1818
- var n = noteById(id);
1819
- if (!n) return;
1820
- $("notesPanel").classList.remove("on");
1821
- $("notesBtn").setAttribute("aria-expanded", "false");
1822
- seek(n.frame).then(function () { openCard(id); });
1823
- }
1824
-
1825
- var toastTimer = null;
1826
- function toast(text) {
1827
- var t = $("toast");
1828
- t.textContent = text;
1829
- t.classList.add("on");
1830
- clearTimeout(toastTimer);
1831
- toastTimer = setTimeout(function () { t.classList.remove("on"); }, 2200);
1832
- }
1833
-
1834
- // \u2500\u2500 Placing a note on the picture \u2500\u2500
1835
- function fracAt(e) {
1836
- var r = stage.getBoundingClientRect();
1837
- return { x: Math.min(1, Math.max(0, (e.clientX - r.left) / r.width)), y: Math.min(1, Math.max(0, (e.clientY - r.top) / r.height)), r: r };
1838
- }
1839
- stage.addEventListener("pointerdown", function (e) {
1840
- if (e.button !== 0 || !player || e.target.closest(".pin")) return;
1841
- if (playing) { pause(); return; }
1842
- if (!notesOn) return;
1843
- if (draft && pop.querySelector("textarea") && pop.querySelector("textarea").value.trim()) {
1844
- pop.querySelector("textarea").focus();
1845
- return;
1846
- }
1847
- cancelDraft();
1848
- var p = fracAt(e);
1849
- press = { x: p.x, y: p.y, cx: e.clientX, cy: e.clientY, area: null };
1850
- stage.setPointerCapture(e.pointerId);
1851
- e.preventDefault();
1852
- });
1853
- stage.addEventListener("pointermove", function (e) {
1854
- if (!press) return;
1855
- var p = fracAt(e);
1856
- if (!press.area && Math.hypot(e.clientX - press.cx, e.clientY - press.cy) < 6) return;
1857
- press.area = { x: Math.min(press.x, p.x), y: Math.min(press.y, p.y), w: Math.abs(p.x - press.x), h: Math.abs(p.y - press.y) };
1858
- var m = $("marquee");
1859
- m.style.display = "block";
1860
- m.style.left = press.area.x * 100 + "%"; m.style.top = press.area.y * 100 + "%";
1861
- m.style.width = press.area.w * 100 + "%"; m.style.height = press.area.h * 100 + "%";
1862
- });
1863
- function endPress() {
1864
- if (!press) return;
1865
- var a = press.area;
1866
- $("marquee").style.display = "none";
1867
- draft = a && a.w > 0.01 && a.h > 0.01
1868
- ? { frame: frame, x: a.x, y: a.y, w: a.w, h: a.h, text: "" }
1869
- : { frame: frame, x: press.x, y: press.y, text: "" };
1870
- press = null;
1871
- openComposer();
1872
- }
1873
- stage.addEventListener("pointerup", endPress);
1874
- stage.addEventListener("pointercancel", function () { press = null; $("marquee").style.display = "none"; });
1875
-
1876
- // \u2500\u2500 The popover: writing a note, or reading one \u2500\u2500
1877
- var popAnchor = null;
1878
- function placePop() {
1879
- if (!popAnchor || !pop.classList.contains("on")) return;
1880
- var r = stage.getBoundingClientRect(), n = popAnchor;
1881
- var ax = r.left + (n.x + (n.w || 0)) * r.width, ay = r.top + (n.y + (n.h || 0)) * r.height;
1882
- var w = pop.offsetWidth, h = pop.offsetHeight, gap = 16;
1883
- var left = ax + gap + w <= innerWidth - 8 ? ax + gap : ax - gap - w - (n.w || 0) * r.width;
1884
- var top = ay + gap + h <= innerHeight - 8 ? ay + gap / 2 : ay - h - gap / 2 - (n.h || 0) * r.height;
1885
- pop.style.left = Math.max(8, Math.min(innerWidth - w - 8, left)) + "px";
1886
- pop.style.top = Math.max(8, Math.min(innerHeight - h - 8, top)) + "px";
1887
- }
1888
- function showPop(anchor) {
1889
- popAnchor = anchor;
1890
- pop.classList.add("on");
1891
- placePop();
1892
- }
1893
- function closePop() {
1894
- pop.classList.remove("on");
1895
- pop.replaceChildren();
1896
- popAnchor = null;
1897
- openId = null;
1898
- renderPins();
1899
- }
1900
- function cancelDraft() {
1901
- if (!draft) return;
1902
- draft = null;
1903
- closePop();
1904
- }
1905
- function openComposer() {
1906
- openId = null;
1907
- var head = el("div", "pop-head");
1908
- head.append(el("span", "badge", "+"), el("span", "tnum", fmt(draft.frame) + " \xB7 " + (draft.w != null ? "area" : "spot")));
1909
- var ta = document.createElement("textarea");
1910
- ta.placeholder = "What should change here?";
1911
- ta.rows = 2;
1912
- ta.setAttribute("aria-label", "Note");
1913
- var foot = el("div", "pop-foot"), status = el("span", "grow", "Enter to add");
1914
- var cancel = el("button", "btn", "Cancel"), add = el("button", "btn primary", "Add note");
1915
- add.disabled = true;
1916
- foot.append(status, cancel, add);
1917
- pop.replaceChildren(head, ta, foot);
1918
- ta.addEventListener("input", function () {
1919
- draft.text = ta.value;
1920
- add.disabled = !ta.value.trim() || saving;
1921
- ta.style.height = "auto";
1922
- ta.style.height = Math.min(180, ta.scrollHeight) + "px";
1923
- placePop();
1924
- });
1925
- ta.addEventListener("keydown", function (e) {
1926
- if (e.key === "Enter" && !e.shiftKey && !e.isComposing) { e.preventDefault(); saveDraft(ta, add, status); }
1927
- if (e.key === "Escape") { e.preventDefault(); cancelDraft(); }
1928
- });
1929
- cancel.addEventListener("click", cancelDraft);
1930
- add.addEventListener("click", function () { saveDraft(ta, add, status); });
1931
- renderPins();
1932
- showPop(draft);
1933
- ta.focus();
1934
- }
1935
- async function saveDraft(ta, add, status) {
1936
- var d = draft, text = ta.value.trim();
1937
- if (!d || !text || saving) return;
1938
- saving = true;
1939
- ta.readOnly = true;
1940
- add.disabled = true;
1941
- status.className = "grow";
1942
- status.textContent = "Saving\u2026";
1943
- try {
1944
- var image = null;
1945
- try { image = await capture(d); } catch (err) { report("warning", ["[framefields] no picture for the note:", err]); }
1946
- var note = await notesRequest({ op: "add", note: { frame: d.frame, time: d.frame / meta.fps, x: d.x, y: d.y, w: d.w, h: d.h, text: text, image: image } });
1947
- if (draft === d) draft = null;
1948
- closePop();
1949
- upsert(note);
1950
- toast("Note " + note.id + " saved");
1951
- } catch (err) {
1952
- status.className = "grow err";
1953
- status.textContent = "Couldn't save. Is the preview running?";
1954
- ta.readOnly = false;
1955
- add.disabled = false;
1956
- } finally {
1957
- saving = false;
1958
- }
1959
- }
1960
- // The frame with the spot marked, small enough to read at a glance.
1961
- async function capture(d) {
1962
- var bmp = await player.snapshot(d.frame);
1963
- var scale = Math.min(1, 1600 / bmp.width), w = Math.round(bmp.width * scale), h = Math.round(bmp.height * scale);
1964
- var c = document.createElement("canvas");
1965
- c.width = w; c.height = h;
1966
- var g = c.getContext("2d");
1967
- g.drawImage(bmp, 0, 0, w, h);
1968
- bmp.close();
1969
- var lw = Math.max(3, w / 400);
1970
- function mark(draw) {
1971
- // Dark, white, then blue: it reads on any picture.
1972
- g.lineWidth = lw + 5; g.strokeStyle = "rgba(0,0,0,0.5)"; draw();
1973
- g.lineWidth = lw + 2.5; g.strokeStyle = "#fff"; draw();
1974
- g.lineWidth = lw; g.strokeStyle = "#3b82f6"; draw();
1975
- }
1976
- if (d.w != null) {
1977
- mark(function () { g.strokeRect(d.x * w, d.y * h, d.w * w, d.h * h); });
1978
- } else {
1979
- var rad = Math.max(16, w / 40);
1980
- mark(function () { g.beginPath(); g.arc(d.x * w, d.y * h, rad, 0, Math.PI * 2); g.stroke(); });
1981
- g.fillStyle = "#3b82f6";
1982
- g.beginPath(); g.arc(d.x * w, d.y * h, lw, 0, Math.PI * 2); g.fill();
1983
- }
1984
- return c.toDataURL("image/jpeg", 0.88);
1985
- }
1986
- function openCard(id) {
1987
- var n = noteById(id);
1988
- if (!n) return;
1989
- if (draft) cancelDraft();
1990
- openId = id;
1991
- var head = el("div", "pop-head");
1992
- var close = el("button", "btn x-btn");
1993
- close.innerHTML = ICON_X;
1994
- close.title = "Close";
1995
- close.setAttribute("aria-label", "Close");
1996
- close.addEventListener("click", closePop);
1997
- head.append(el("span", "badge" + (n.done ? " done" : ""), String(n.id)), el("span", "tnum grow", fmt(n.frame) + " \xB7 frame " + n.frame), close);
1998
- var foot = el("div", "pop-foot");
1999
- var done = el("button", "btn");
2000
- done.innerHTML = ICON_CHECK;
2001
- done.append(document.createTextNode(n.done ? "Reopen" : "Mark done"));
2002
- done.addEventListener("click", function () { setDone(n.id, !n.done); });
2003
- var del = el("button", "btn danger", "Delete");
2004
- del.addEventListener("click", function () { removeNote(n.id); });
2005
- foot.append(done, el("span", "grow"), del);
2006
- pop.replaceChildren(head, el("div", "pop-text", n.text), foot);
2007
- renderPins();
2008
- showPop(n);
2009
- }
2010
-
2011
- document.addEventListener("pointerdown", function (e) {
2012
- if (pop.classList.contains("on") && !pop.contains(e.target) && !stage.contains(e.target) && !e.target.closest(".note-mark, .note-row")) {
2013
- if (openId != null) closePop();
2014
- else if (draft && !draft.text.trim()) cancelDraft();
2015
- }
2016
- var panel = $("notesPanel");
2017
- if (panel.classList.contains("on") && !panel.contains(e.target) && !$("notesBtn").contains(e.target)) {
2018
- panel.classList.remove("on");
2019
- $("notesBtn").setAttribute("aria-expanded", "false");
2020
- }
2021
- });
2022
- document.addEventListener("keydown", function (e) {
2023
- if (e.key !== "Escape") return;
2024
- if (openId != null) closePop();
2025
- $("notesPanel").classList.remove("on");
2026
- $("notesBtn").setAttribute("aria-expanded", "false");
2027
- });
2028
- window.addEventListener("resize", placePop);
2029
- new ResizeObserver(placePop).observe(stage);
2030
-
2031
- $("notesBtn").addEventListener("click", function () {
2032
- var on = $("notesPanel").classList.toggle("on");
2033
- $("notesBtn").setAttribute("aria-expanded", String(on));
2034
- });
2035
- $("notesClose").addEventListener("click", function () {
2036
- $("notesPanel").classList.remove("on");
2037
- $("notesBtn").setAttribute("aria-expanded", "false");
2038
- });
2039
- // The open notes as text, for a chat that can't read the notes folder.
2040
- $("notesCopy").addEventListener("click", function () {
2041
- var lines = ["Notes on the preview of " + JSON.stringify(meta.title) + ":"];
2042
- notes.filter(function (n) { return !n.done; }).sort(function (a, b) { return a.frame - b.frame; }).forEach(function (n) {
2043
- lines.push("- Note " + n.id + " at " + fmt(n.frame) + " (frame " + n.frame + "), " + whereText(n) + ": " + n.text + (n.image ? " [picture: " + n.image + "]" : ""));
2044
- });
2045
- var text = lines.join(NL), label = $("notesCopyLabel");
2046
- var done = function () { label.textContent = "Copied"; setTimeout(function () { label.textContent = "Copy"; }, 1600); };
2047
- (navigator.clipboard ? navigator.clipboard.writeText(text) : Promise.reject()).then(done, function () {
2048
- var t = document.createElement("textarea");
2049
- t.value = text;
2050
- document.body.append(t);
2051
- t.select();
2052
- try { document.execCommand("copy"); done(); } catch (e) {}
2053
- t.remove();
2054
- });
2055
- });
2056
-
2057
- function loadNotes() {
2058
- if (!notesOn) return;
2059
- fetch("/@framefields/notes").then(function (r) { return r.json(); }).then(function (list) {
2060
- notes = Array.isArray(list) ? list : [];
2061
- renderNotes();
2062
- }, function () {});
2063
- }
2064
-
2065
- // \u2500\u2500 Wiring \u2500\u2500
2066
- $("play").addEventListener("click", togglePlay);
2067
- $("prev").addEventListener("click", function () { seek(frame - 1); });
2068
- $("next").addEventListener("click", function () { seek(frame + 1); });
2069
- $("mute").addEventListener("click", function () { audio.muted = !audio.muted; applyVolume(); });
2070
- $("volume").addEventListener("input", function (e) { audio.volume = Number(e.target.value); audio.muted = audio.volume === 0; applyVolume(); });
2071
-
2072
- // A hidden tab's timers are throttled, so playback would stutter: pause.
2073
- document.addEventListener("visibilitychange", function () {
2074
- if (document.hidden && playing) pause();
2075
- });
2076
-
2077
- // \u2500\u2500 For scripts and agents driving the page: seek, play, and read the
2078
- // state instead of clicking at coordinates \u2500\u2500
2079
- var pageState = "loading";
2080
- window.framefieldsPreview = {
2081
- /** Shows the frame at a time in seconds; resolves once it is drawn. */
2082
- seek: function (sec) { return ready().then(function () { return seek(Number(sec) * meta.fps); }); },
2083
- /** Shows a frame by number; resolves once it is drawn. */
2084
- seekFrame: function (f) { return ready().then(function () { return seek(f); }); },
2085
- play: function () { return ready().then(play); },
2086
- /** Notes pinned on the page, as saved in notes.json. */
2087
- notes: function () { return notes.slice(); },
2088
- pause: function () { if (playing) pause(); },
2089
- /** Where the preview is: loading, ready or error, and what it shows. */
2090
- state: function () {
2091
- var rate = meter.read().fps;
2092
- return {
2093
- state: pageState,
2094
- error: pageState === "error" ? $("stageMsg").textContent : null,
2095
- frame: frame,
2096
- time: meta ? Number((frame / meta.fps).toFixed(3)) : 0,
2097
- playing: playing,
2098
- buffering: stalled,
2099
- audio: audio.state,
2100
- // Soundtrack blocks mixed in this page so far, of the film's.
2101
- audioMixed: stream ? { blocks: stream.seen.size, of: stream.total, exact: Array.from(stream.blocks.values()).filter(function (b) { return b.exact; }).length } : null,
2102
- // Where the soundtrack mixes: "worker" (off the page's thread), "page", or "server".
2103
- audioMixer: stream ? (stream.worker ? "worker" : "page") : audio.mode === "server" ? "server" : null,
2104
- connected: !offline,
2105
- // Frames shown per second over the last 2 s of playback (the last
2106
- // playback's while paused), and how long the last frame took to draw.
2107
- playbackFps: rate == null ? null : Number(rate.toFixed(1)),
2108
- renderMs: player ? Math.round(player.lastRenderMs) : null,
2109
- meta: meta && { title: meta.title, width: meta.width, height: meta.height, fps: meta.fps, frameCount: meta.frameCount, duration: Number((last() / meta.fps).toFixed(3)) }
2110
- };
2111
- }
2112
- };
2113
- var readyWaiters = [];
2114
- function ready() {
2115
- if (player) return Promise.resolve();
2116
- if (pageState === "error") return Promise.reject(new Error($("stageMsg").textContent));
2117
- return new Promise(function (resolve, reject) { readyWaiters.push([resolve, reject]); });
2118
- }
2119
- function settleReady(err) {
2120
- readyWaiters.splice(0).forEach(function (w) { err ? w[1](err) : w[0](); });
2121
- }
2122
-
2123
- function applyMeta(m) {
2124
- meta = m;
2125
- document.title = m.title + " \xB7 preview";
2126
- $("title").textContent = m.title;
2127
- $("spec").textContent = m.width + "\xD7" + m.height + " \xB7 " + m.fps + " fps \xB7 " + fmt(last());
2128
- $("tcDur").textContent = fmt(last());
2129
- stage.style.setProperty("--ar", m.width + " / " + m.height);
2130
- stage.style.setProperty("--ar-n", String(m.width / m.height));
2131
- renderRuler();
2132
- }
2133
-
2134
- new ResizeObserver(function () {
2135
- if (!meta) return;
2136
- renderRuler();
2137
- drawWave();
2138
- renderMarks();
2139
- }).observe(tlInner);
2140
-
2141
- // When the preview command ends the event stream drops and the browser keeps
2142
- // retrying. The next preview of this project (same port) says hello with a
2143
- // new session, and this tab reloads into it.
2144
- var events = new EventSource("/events");
2145
- events.addEventListener("hello", function (e) {
2146
- var s = JSON.parse(e.data).session;
2147
- if (session && s !== session) { location.reload(); return; }
2148
- offline = false;
2149
- renderChip();
2150
- });
2151
- events.addEventListener("error", function () {
2152
- if (!meta) return;
2153
- if (playing) { stop(); keepPosition(); }
2154
- offline = true;
2155
- renderChip();
2156
- });
2157
- events.addEventListener("notes", function (e) {
2158
- notes = JSON.parse(e.data);
2159
- if (openId != null && !noteById(openId)) closePop();
2160
- renderNotes();
2161
- });
2162
- events.addEventListener("audio", function (e) {
2163
- if (meta) loadAudio(JSON.parse(e.data));
2164
- });
2165
-
2166
- fetch("/meta").then(function (r) { return r.json(); }).then(function (m) {
2167
- session = m.session;
2168
- applyMeta(m);
2169
- notesOn = !!m.notesDir;
2170
- $("notesBtn").hidden = !notesOn;
2171
- loadNotes();
2172
- loadAudio(m.audio);
2173
- setTime(startFrame());
2174
- $("buffering").classList.add("on");
2175
- whenPlayer();
2176
- });
2177
-
2178
- // The composition's bundle (loaded below) announces its player.
2179
- function whenPlayer() {
2180
- if (!window.framefieldsPlayer) return;
2181
- window.framefieldsPlayer.then(function (p) {
2182
- player = p;
2183
- if (audio.mode === "browser") beginStream(p);
2184
- $("play").disabled = false;
2185
- show(frame).then(function () {
2186
- pageState = "ready";
2187
- renderPins();
2188
- document.documentElement.dataset.preview = "ready";
2189
- settleReady();
2190
- scheduleWarm();
2191
- });
2192
- }, function (err) {
2193
- showError(err);
2194
- document.documentElement.dataset.preview = "error";
2195
- settleReady(err instanceof Error ? err : new Error(String(err)));
2196
- });
2197
- }
2198
- window.addEventListener("framefields:player", function () { if (meta) whenPlayer(); });
2199
- window.addEventListener("error", function (e) {
2200
- if (!player) showError(e.error || e.message);
2201
- else report("error", [e.error || e.message]);
2202
- });
2203
- window.addEventListener("unhandledrejection", function (e) { report("error", [e.reason]); });
2204
- })();
2205
- <\/script>
2206
- <script type="module" src="/@framefields/player.js"><\/script>
2207
- </body>
2208
- </html>
2209
- `;f();function hp(e,t,r){let n=new Array(r).fill(0);if(e.length===0)return n;let i=e.length/r;for(let o=0;o<r;o++){let a=Math.floor(o*i),s=Math.min(e.length,Math.floor((o+1)*i)),l=0;for(let c=a;c<s;c++){let d=Math.max(Math.abs(e[c]??0),Math.abs(t[c]??0));d>l&&(l=d)}n[o]=Math.min(1,l)}return n}var gp=1200,bp=.001;var wp="x-framefields-preview",d0="/@framefields/player.js";async function m0(e,t={}){let r=e.entry instanceof URL||String(e.entry).startsWith("file:")?In(e.entry):W.resolve(String(e.entry)),n=e.export??"default",i=up(),o=lp(W.dirname(r)),a=[...t.root===void 0?[f0(W.dirname(r))]:Array.isArray(t.root)?t.root:[t.root],i,o.dir].filter(B=>!!B).map(B=>W.resolve(B)),s=new Set,l=t.idleCloseMs??5e3,c,d=t.title??"framefields preview",m=(0,Ki.randomUUID)(),p=t.log===!1?()=>{}:t.log??(B=>console.error(B)),h=B=>p(`[framefields preview] ${B}`),b=new Set,g=!1,y=t.notesDir===!1?void 0:new Zi(W.resolve(t.notesDir??W.join(x.cwd(),".framefields","preview-notes"))),k=Promise.resolve(),S=await Us(W.dirname(r)).catch(B=>{h(`pinned assets are off: ${B.message}`)});S&&Jt.setMissingMediaResolver(B=>S.url(B));let A=new Set,w=await p0(r,n),T=await x0(w,d,m,y?.dir??null),v,E=()=>{if(!v){let B=ap({entry:r,exportName:n,modelsDir:i,ortBase:o.base}).then(j=>j.code);v=B,B.catch(j=>{h(`could not build ${W.relative(x.cwd(),r)}:
2210
- ${g0(j)}`),v===B&&(v=void 0)})}return v},C=sp();C.catch(()=>{});let N={state:t.audio===!1?"none":"browser"},G;function _(B,j){for(let Y of s)Y.write(`event: ${B}
2211
- data: ${JSON.stringify(j)}
2212
-
2213
- `)}function I(B){N=B,_("audio",N)}function P(){if(N.state!=="mixing")return;if(!w.toVirtualMediaAsync&&!w.toVirtualMedia){I({state:"none"});return}let B=t.renderer??new pe.HeadlessMediaRenderer;(async()=>{let j=w.toVirtualMediaAsync?await w.toVirtualMediaAsync():w.toVirtualMedia();return await w.prepareMediaTime?.(),B.renderAudio(j,{fps:T.fps})})().then(({channels:j,sampleRate:Y})=>{let se=j[0]??new Float32Array(0),D=j[1]??se,F=hp(se,D,gp);if(se.length===0||Math.max(...F)<bp){I({state:"none"});return}G=wo([se,D],{sampleRate:Y}),I({state:"ready",durationSec:se.length/Y,peaks:F.map($=>Math.round($*1e3)/1e3)})},j=>{I({state:"error",error:j instanceof Error?j.message:String(j)})})}let M,H=new Promise(B=>{M=B}),q;function V(B="closed"){return q??=new Promise(j=>{clearTimeout(c),B==="idle"&&h("stopped: its tab was closed"),B==="replaced"&&h("stopped: a newer preview took over");for(let Y of s)Y.end();s.clear(),S&&Jt.setMissingMediaResolver(),z.close(()=>{j(),M(B)}),z.closeAllConnections()}),q}let z=Ys.default.createServer(async(B,j)=>{let Y=new URL(B.url??"/","http://localhost");j.setHeader("cross-origin-opener-policy","same-origin"),j.setHeader("cross-origin-embedder-policy","credentialless");try{if(B.method==="GET"&&Y.pathname==="/"){j.writeHead(200,{"content-type":"text/html; charset=utf-8","cache-control":"no-store"}),j.end(fp);return}if(B.method==="GET"&&Y.pathname==="/meta"){et(j,200,{...T,audio:N});return}if(B.method==="GET"&&Y.pathname.startsWith(`${Tn}/`)){let D=await C,F=W.resolve(D,`.${Y.pathname.slice(Tn.length)}`);if(Gs(D,F)&&await Ws(F)){await Hs(B,j,F);return}et(j,404,{error:"not found"});return}if(B.method==="GET"&&Y.pathname===d0){let D;try{await C,D=await E()}catch(F){let $=F instanceof Error?F.message:String(F);D=`throw new Error(${JSON.stringify(`Could not build the preview:
2214
- ${$}`)});`}j.writeHead(200,{"content-type":"text/javascript; charset=utf-8","cache-control":"no-store"}),j.end(D);return}if(B.method==="GET"&&Y.pathname==="/@framefields/stat"){let D=W.resolve(Y.searchParams.get("path")??""),F=-1;a.some($=>Gs($,D))&&(F=await he.promises.stat(D).then($=>$.isFile()?$.size:-1,()=>S?.entry(D)?.size??-1)),et(j,200,{exists:F>=0,size:Math.max(0,F)});return}if(B.method==="GET"&&Y.pathname==="/events"){j.writeHead(200,{"content-type":"text/event-stream","cache-control":"no-store",connection:"keep-alive"}),j.write(`retry: 1000
2215
- `),j.write(`event: hello
2216
- data: ${JSON.stringify({session:T.session})}
2217
-
2218
- `),s.add(j),clearTimeout(c),g||(g=!0,h(l===!1?"page opened":`page opened; the server stops ${Number((l/1e3).toFixed(1))} s after its last tab closes`)),K?.(),B.on("close",()=>{s.delete(j),s.size===0&&l!==!1&&!q&&(c=setTimeout(()=>{s.size===0&&V("idle")},l))});return}if(B.method==="POST"&&Y.pathname==="/takeover"&&B.headers[wp]==="1"){et(j,200,{ok:!0}),setImmediate(()=>{V("replaced")});return}if(B.method==="POST"&&Y.pathname==="/@framefields/log"&&B.headers["content-type"]==="application/json"){let D=await yp(B,16384),{message:F,level:$}=JSON.parse(D),R=String(F??"").trim();R&&!b.has(R)&&b.size<200&&(b.add(R),h(`${$==="warning"?"warning":"error"} in the page: ${R}`)),j.writeHead(204).end();return}if(y&&Y.pathname==="/@framefields/notes"){if(B.method==="GET"){et(j,200,await y.list());return}if(B.method==="POST"&&B.headers["content-type"]==="application/json"){let D=JSON.parse(await yp(B,16777216)),F=k.then(()=>h0(y,D,T.fps,h));k=F.catch(()=>{});let $=await F;_("notes",await y.list()),et(j,$?200:404,$??{error:"no such note"});return}}if(B.method==="POST"&&Y.pathname==="/audio/mix"){(N.state==="browser"||N.state==="error")&&(N={state:"mixing"},P()),et(j,202,N);return}if(B.method==="GET"&&Y.pathname==="/audio"){if(N.state!=="ready"||!G){et(j,404,{error:`audio is ${N.state}`});return}j.writeHead(200,{"content-type":"audio/wav","content-length":G.length,"cache-control":"no-store"}),j.end(G);return}let se=/^\/assets\/fonts\/([^/]+)$/.exec(Y.pathname);if(se&&(B.method==="GET"||B.method==="HEAD")){let D=W.join(x.cwd(),"assets","fonts",decodeURIComponent(se[1]));if(await Ws(D)){await Hs(B,j,D);return}}if(B.method==="GET"||B.method==="HEAD"){let D=W.resolve(decodeURIComponent(Y.pathname.replace(/^\/@fs(?=\/)/,"")));if(a.some(F=>Gs(F,D))&&await Ws(D)){await Hs(B,j,D);return}if(S&&await y0(j,S,D,A,h))return}et(j,404,{error:"not found"})}catch(se){j.headersSent?j.end():et(j,500,{error:se instanceof Error?se.message:String(se)})}}),K,re=t.host??"127.0.0.1",de=t.port??w0(),ae=B=>new Promise((j,Y)=>{let se=F=>{z.off("listening",D),Y(F)},D=()=>{z.off("error",se),j()};z.once("error",se),z.once("listening",D),z.listen(B,re)});try{await ae(de)}catch(B){if(B.code!=="EADDRINUSE")throw B;if(await v0(re,de))await ae(de).catch(()=>ae(0));else if(t.port===void 0)await ae(0);else throw B}let{port:xe}=z.address(),ke=`http://${re.includes(":")?`[${re}]`:re}:${xe}/`;if(E().catch(()=>{}),t.open===!0){let B=await new Promise(j=>{let Y=setTimeout(()=>j(!1),2e3);K=()=>{clearTimeout(Y),j(!0)},s.size>0&&K()});K=void 0,B||S0(ke)}return{url:ke,closed:H,close:()=>V()}}async function p0(e,t){let n=(await import(jn(e).href))[t];if(n===void 0)throw new Error(`[framefields] ${e} has no export named "${t}" to preview.`);return typeof n=="function"?await n():n}function f0(e){let t;for(let r=e;;r=W.dirname(r)){if(he.existsSync(W.join(r,".git")))return r;if(!t&&he.existsSync(W.join(r,"package.json"))&&(t=r),W.dirname(r)===r)return t??e}}async function h0(e,t,r,n){if(t.op==="add"&&t.note&&String(t.note.text).trim()){let o=await e.add(t.note),a=[o.image&&`frame with the spot marked: ${o.image}`,`all notes: ${e.file}`];return n(`${pp(o,r)}
2219
- ${a.filter(Boolean).join(" \xB7 ")}`),o}let i=Number(t.id);if(t.op==="update"){let o=await e.update(i,t);return o&&typeof t.done=="boolean"&&n(`note ${i} marked ${o.done?"done":"open"}`),o}if(t.op==="remove"){let o=await e.remove(i);return o&&n(`note ${i} deleted`),o}}function g0(e){return e instanceof Error?e.message:String(e)}function yp(e,t){return new Promise((r,n)=>{let i="";e.setEncoding("utf8"),e.on("data",o=>{i+=o,i.length>t&&(n(new Error("request body too large")),e.destroy())}),e.on("end",()=>r(i)),e.on("error",n)})}function Gs(e,t){let r=W.relative(e,t);return!!r&&!r.startsWith("..")&&!W.isAbsolute(r)}async function Ws(e){try{return(await he.promises.stat(e)).isFile()}catch{return!1}}var b0={".png":"image/png",".jpg":"image/jpeg",".jpeg":"image/jpeg",".webp":"image/webp",".gif":"image/gif",".svg":"image/svg+xml",".mp4":"video/mp4",".mov":"video/quicktime",".webm":"video/webm",".mp3":"audio/mpeg",".wav":"audio/wav",".m4a":"audio/mp4",".ogg":"audio/ogg",".ttf":"font/ttf",".otf":"font/otf",".woff":"font/woff",".woff2":"font/woff2",".json":"application/json",".js":"text/javascript; charset=utf-8",".mjs":"text/javascript; charset=utf-8",".wasm":"application/wasm",".onnx":"application/octet-stream",".srt":"text/plain; charset=utf-8",".txt":"text/plain; charset=utf-8"};async function y0(e,t,r,n,i){if(!t.entry(r))return!1;let o=await t.url(r);if(o)return e.writeHead(302,{location:o,"cache-control":"no-store"}),e.end(),!0;let a=W.relative(t.root,r);return n.has(a)||(n.add(a),i(`${a} is pinned on a private remote and there are no keys here: set its FRAMEFIELDS_STORAGE_* keys, give the remote a publicUrl, or \`npx framefields assets pull\``)),!1}async function Hs(e,t,r){let{size:n}=await he.promises.stat(r),i=b0[W.extname(r).toLowerCase()]??"application/octet-stream",o=/^bytes=(\d*)-(\d*)$/.exec(e.headers.range??""),a=0,s=n-1;if(o&&(o[1]||o[2])&&(o[1]?(a=Number(o[1]),o[2]&&(s=Math.min(s,Number(o[2])))):a=Math.max(0,n-Number(o[2])),a>s||a>=n)){t.writeHead(416,{"content-range":`bytes */${n}`}),t.end();return}if(t.writeHead(o?206:200,{"content-type":i,"content-length":s-a+1,"accept-ranges":"bytes","cache-control":"no-cache",...o&&{"content-range":`bytes ${a}-${s}/${n}`}}),e.method==="HEAD"){t.end();return}he.createReadStream(r,{start:a,end:s}).pipe(t)}async function x0(e,t,r,n){let i=e.fps??24,o=e.durationMs??await e.computeDuration?.()??5e3;return{session:r,notesDir:n,title:t,fps:i,frameCount:Math.max(1,Math.round(o/1e3*i)),width:e.width??1920,height:e.height??1080}}function w0(){return 41e3+(0,Ki.createHash)("sha1").update(x.cwd()).digest().readUInt16BE(0)%900}async function v0(e,t){let r=await new Promise(n=>{let i=Ys.default.request({host:e,port:t,method:"POST",path:"/takeover",agent:!1,headers:{[wp]:"1"},timeout:1500},o=>{o.resume(),n(o.statusCode===200)});i.on("timeout",()=>i.destroy()),i.on("error",()=>n(!1)),i.end()});return r&&await new Promise(n=>setTimeout(n,150)),r}function et(e,t,r){e.writeHead(t,{"content-type":"application/json","cache-control":"no-store"}),e.end(JSON.stringify(r))}function S0(e){let[t,r]=x.platform==="darwin"?["open",[e]]:x.platform==="win32"?["cmd",["/c","start","",e]]:["xdg-open",[e]];try{(0,xp.spawn)(t,r,{stdio:"ignore",detached:!0}).on("error",()=>{}).unref()}catch{}}function Xs(e,t){return e&&(t&&!e.source&&Object.defineProperty(e,"source",{value:t,enumerable:!0,writable:!0,configurable:!0}),typeof e.section!="function"&&Object.defineProperty(e,"section",{value:(r,n)=>{if(typeof r=="object"&&r!==null&&!("kind"in r)&&!("inputHandleId"in r)&&!("src"in r)){let o=r.source??e.source??t;return L.section(o,e,r)}let i=r??e.source??t;return L.section(i,e,n)},enumerable:!1,writable:!0,configurable:!0}),typeof e.blurEffect!="function"&&Object.defineProperty(e,"blurEffect",{value:r=>new Dt({track:e,...r}),enumerable:!1,writable:!0,configurable:!0}),typeof e.isolate!="function"&&Object.defineProperty(e,"isolate",{value:(r,n)=>L.section(r,e,n),enumerable:!1,writable:!0,configurable:!0}),e)}var P0=Lr.attach;Lr.attach=function(e,t,r){let n=P0.call(this,e,t,r);if(n?.objects){let i=e,o=n.objects.get.bind(n.objects);n.objects.get=s=>Xs(o(s),i);let a=n.objects.byCategory.bind(n.objects);n.objects.byCategory=(s,l)=>Xs(a(s,l),i),n.objects.primary&&Xs(n.objects.primary,i)}return n};var vp=class e{virtualMedia;constructor(t,r="Video"){this.virtualMedia=du(t,r)}static video(t,r){let n=new e(t,"Video");return r&&Object.assign(n.virtualMedia.metadata,r),n}static image(t,r){let n=new e(t,"Image");return r&&Object.assign(n.virtualMedia.metadata,r),n}static lottie(t,r){let n=new e(t,"Lottie");return r&&Object.assign(n.virtualMedia.metadata,r),n}static audio(t,r){let n=new e(t,"Audio");return r&&Object.assign(n.virtualMedia.metadata,r),n}apply(t,r={}){let n;t instanceof M0||typeof t=="object"&&t!==null&&"op"in t?n=t.toOperation():n={op:t,...r};let i=mu(this.virtualMedia,{...n,dataType:this.virtualMedia.operation.dataType});return new e(i)}toVirtualMedia(){return this.virtualMedia}async renderFrame(t={}){return(t.renderer??new pe.HeadlessMediaRenderer).renderFrame(this.virtualMedia,t)}get fps(){return this.virtualMedia.metadata?.fps??void 0}get durationMs(){return this.virtualMedia.metadata?.durationMs??void 0}get width(){return this.virtualMedia.metadata?.width??void 0}get height(){return this.virtualMedia.metadata?.height??void 0}async renderFrameGrid(t={}){return yn(this,t)}async renderVideo(t={},r={}){let n=typeof t=="string"?{...r,outputPath:t}:t,o=await(n.renderer??new pe.HeadlessMediaRenderer).renderVideo(this.virtualMedia,n);return Pp(o,n.outputPath)}};async function Pp(e,t){if(!t)return e;let r=W.resolve(t);return await Fr.mkdir(W.dirname(r),{recursive:!0}),await Fr.copyFile(e.filePath,r),await e.cleanup(),{...e,filePath:r,cleanup:async()=>{}}}var Sp=class e{width;height;fps;durationMs;backgroundColor;antialias3d;fonts;children=[];audioTracks=[];signals={};_frameHooks=[];_prepareHooks=[];_clipVision=new Map;_linking=!1;_mediaSignals;_visionConfig;_visionBundle;_effects=[];apply(t){return t instanceof gt?(this.withVision(t),this):(this._effects.push(t),this)}withVision(t={}){this._visionBundle??=new Br({width:this.width,height:this.height,fps:this.fps});let r=t instanceof gt?t.config:t;return this._visionConfig={...r,visionBundle:this._visionBundle},this._visionBundle}vision(t,r={}){let n=typeof t=="string"?t:t.src??t.inputHandleId;if(typeof t!="string"){let a=this.toVirtualMedia({resolveMediaSignal:this.mediaSignalResolver(!0)}),s=_n(a.children).find(l=>l.operation.id===t.id);if(!s)throw new Error("Add the media layer to the composition before calling comp.vision(layer)");r={startFrame:s.operation.startFrame??t.startFrame,trimStartSec:t.trimStartSec,timeRemap:s.operation.timeRemap,durationFrames:t.durationFrames,...r}}let i=`${n}\0${JSON.stringify({...r,timeRemap:Pr(r.timeRemap)})}`,o=this._clipVision.get(i);return o||(o=new gn(n,this.fps,r),this._clipVision.set(i,o)),o}async prepareVision(t){this.linkClipLayers(),await Promise.all([...this._clipVision.values()].map(r=>r.ready(0,t)))}linkClipLayers(){let t,r=n=>{if(!n||typeof n!="object")return;let i=n;if(i.kind==="media"&&i.dataType==="Video"&&typeof i.inputHandleId=="string"&&i.vision instanceof gt&&!(ho in i.vision)){t??=new Map(_n(this.toVirtualMedia().children).map(s=>{let l=s.operation;return[l.id,l]}));let o=t.get(i.id),a=this.clipForLayer(i.src??i.inputHandleId,i.vision,{trimStartSec:i.trimStartSec,startFrame:o?.startFrame??i.startFrame,timeRemap:o?.timeRemap});a&&(i.vision.mode!=="skeleton"&&i.vision.mode!=="depth"&&a.keepSubjects(),Object.defineProperty(i.vision,ho,{value:a,enumerable:!1,configurable:!0}))}if(Array.isArray(i.children))for(let o of i.children)r(o);r(i.matte?.node),r(i.relief?.node)};for(let n of this.children)r(n)}clipForLayer(t,r,n){let i=r.mode??"passthrough";if(i==="depth")return this.depthClip(t,n);let o=i==="skeleton";if(!(i!=="matte"&&i!=="mask"&&i!=="crop"&&!o)&&!(r.classes!==void 0||r.enableMatte===!0||r.visionBundle!==void 0||!o&&(r.matteSource==="selfie"||r.keyBackground===!0||r.enablePose===!0||(r.maskThreshold??.5)!==.5||r.featherRadius!==void 0)))for(let a of this._clipVision.values()){let s=a.options;if(a.source===t&&a.startFrame===(n.startFrame??0)&&a.trimStartSec===(n.trimStartSec??0)&&Pr(s.timeRemap)===Pr(n.timeRemap)&&(s.variant??"s")===(r.variant??"s")&&(s.confidence??.3)===(r.confidence??.3)){if(o&&!a.tracksPose){if(a.exact)throw new Error("A skeleton layer of a prompted comp.vision clip needs `pose: true` on that clip.");continue}return a}}}depthClip(t,r){for(let n of this._clipVision.values())if(n.tracksDepth&&n.source===t&&n.startFrame===(r.startFrame??0)&&n.trimStartSec===(r.trimStartSec??0)&&Pr(n.options.timeRemap)===Pr(r.timeRemap))return n;return this.vision(t,{depth:!0,...r.startFrame!==void 0&&{startFrame:r.startFrame},...r.trimStartSec!==void 0&&{trimStartSec:r.trimStartSec},...r.timeRemap!==void 0&&{timeRemap:r.timeRemap}})}async analyzeVisionSequence(t,r={}){let n=r.fps??this.fps,i=this.durationMs??await this.computeDuration(),o=r.totalFrames??Math.max(1,Math.round(i/1e3*n)),a=tr.create({modelsDir:r.modelsDir,baseUrl:r.baseUrl,...r.confidence!==void 0?{confidence:r.confidence}:{},...r.variant!==void 0?{variant:r.variant}:{}}),s=Er.getVideo(t,!0);async function*l(){for(let c=0;c<o;c++){let d=await s.getFrame(c/n);d?.buffer&&d.width>0&&d.height>0&&(yield{data:d.buffer,width:d.width,height:d.height})}}try{return await po(l(),{runner:a,source:t,fps:n,...r.tasks!==void 0?{tasks:r.tasks}:{},...r.categories!==void 0?{categories:r.categories}:{},...r.pathStride!==void 0?{pathStride:r.pathStride}:{},...r.includeMasks!==void 0?{includeMasks:r.includeMasks}:{},...r.iouThreshold!==void 0?{iouThreshold:r.iouThreshold}:{}})}finally{a.close(),s.destroy()}}onRequestFrame(t){return this._frameHooks.push(t),this}onPrepareFrame(t){return this._prepareHooks.push(t),this}notifyFrame(t){let r=this._mediaSignals?.framesBefore(t.frame)??[];return r.length===0?this.runFrame(t):(async()=>{for(let n of r)await this.runFrame(Ss(t,n));await this.runFrame(t)})()}runFrame(t){for(let n of this._frameHooks)n(t);let r=this._mediaSignals;if(r?.advance(t.frame),this.linkClipLayers(),this._clipVision.size===0&&this._prepareHooks.length===0){r?.reach(t.frame);return}return(async()=>{await this.prepareVision(t.frame);for(let n of this._prepareHooks)await n(t);r?.reach(t.frame)})()}async prepareMediaTime(){let t=this.durationMs??await this.computeDuration(),r=Math.round(t/1e3*this.fps)-1;!this._mediaSignals?.pending||r<0||await this.notifyFrame(Ss({frame:0,fps:this.fps,time:0,duration:t/1e3,durationMs:t,progress:0,deltaTime:1/this.fps},r))}mediaSignalResolver(t=this.hasFrameHooks(),r=this.durationMs,n=this.signals){return this._mediaSignals??=new Li(this.fps),this._mediaSignals.resolver({live:t,compositionDurationFrames:Math.round((r??0)/1e3*this.fps),signals:n})}hasFrameHooks(){return this._frameHooks.length>0||this._prepareHooks.length>0||this._clipVision.size>0}constructor(t){this.width=t.width,this.height=t.height,this.fps=t.fps??60,this.durationMs=t.durationMs??(t.durationFrames!==void 0?t.durationFrames/this.fps*1e3:void 0),this.backgroundColor=t.backgroundColor??"#000000",this.antialias3d=t.antialias3d,this.fonts=t.fonts??[],this.signals=t.signals??{}}static create(t){return new e(t)}addSignal(t,r){return this.signals[t]=r,this}add(t,...r){if(t instanceof ar)this.children.push(t.toNode());else if(t instanceof Lr)this.children.push(t.toNode());else{if(t&&typeof t=="object"&&"node"in t)return this.add(t.node,...r),this;if(Array.isArray(t))for(let n of t)this.add(n);else{let n=t,i=r[0];if(i&&!(i instanceof ar)&&!Array.isArray(i)&&(i instanceof Q||"tracks"in i))return n.animation=i instanceof Q?i.toSpec():i,this.children.push(n),this;this.children.push(n)}}for(let n of r)n&&!(n instanceof Q)&&!("tracks"in n)&&this.add(n);return this}addAudio(t){return this.audioTracks.push(t),this}addSubjectSandwich(t){let r=typeof t.source=="string"?t.source:t.source.inputHandleId??"",n=t.fit??"cover",i=t.feather??4,o=i>1?i/100:i,a=t.variant??"s",s=L.video(r,{width:this.width,height:this.height,position:"absolute",x:0,y:0,fit:n,muted:t.muted??!1,volume:t.muted?0:t.volume??1});this.add(s);for(let c of t.behind)this.add(c);let l=L.video(r,{width:this.width,height:this.height,position:"absolute",x:0,y:0,fit:n,muted:!0,volume:0}).withVision({mode:"matte",enableSegmentation:!0,variant:a,confidence:t.confidence??.25,featherRadius:o,keyBackground:t.keyBackground??!0,backgroundKeyThreshold:t.backgroundKeyThreshold});return this.add(l),this}addSmartFraming(t){let r=typeof t.source=="string"?t.source:t.source.inputHandleId??"",n=Math.max(0,Math.min(.99,t.damping??.8)),i=t.leadHeadroom??.18,o=this.width,a=this.height,s=t.sourceAspect??16/9,l=o/a,c=l<s?Math.round(a*s):o,d=l<s?a:Math.round(o/s),m=o-c,p=a-d,h=t.target,b=new Kt(w=>{if(m>=0)return 0;let T=h.center?.x?h.center.x.get(w):h.bounds?.centerX?h.bounds.centerX.get(w)/o:h.center?.screenX?h.center.screenX.get(w)/o:.5,E=Math.max(0,Math.min(1,T))*c,C=o/2-E;return Math.max(m,Math.min(0,C))},{fps:this.fps,label:"smart_framing_pan_x"}),g=new Kt(w=>{if(p>=0)return 0;let T=h.center?.y?h.center.y.get(w):h.bounds?.centerY?h.bounds.centerY.get(w)/a:h.center?.screenY?h.center.screenY.get(w)/a:.5,E=Math.max(0,Math.min(1,T))*d,C=a*i-E;return Math.max(p,Math.min(0,C))},{fps:this.fps,label:"smart_framing_pan_y"}),y=new Kt(w=>{let T=w.frame;if(T<=0)return b.get(w);let v=b.get({...w,frame:0,time:0}),E=1-n;for(let C=1;C<=T;C++){let N=b.get({...w,frame:C,time:C/w.fps});v=v+E*(N-v)}return v},{fps:this.fps,label:"smart_framing_smooth_x"}),k=new Kt(w=>{let T=w.frame;if(T<=0)return g.get(w);let v=g.get({...w,frame:0,time:0}),E=1-n;for(let C=1;C<=T;C++){let N=g.get({...w,frame:C,time:C/w.fps});v=v+E*(N-v)}return v},{fps:this.fps,label:"smart_framing_smooth_y"}),S=L.box({width:o,height:a,overflow:"hidden",position:"relative"}),A=L.video(r,{width:c,height:d,position:"absolute",x:y,y:k,fit:t.fit??"cover",muted:t.muted??!1,volume:t.muted?0:t.volume??1});return S.children||(S.children=[]),S.children.push(A),this.add(S),this}addSubjectOutline(t,r={}){let n=r.blur??12,i=this.width,o=this.height,a=r.pulseSignal,s=a?new Kt(d=>Math.max(0,Math.min(1,Number(a.get(d))||0)),{fps:this.fps,label:"outline_pulse"}):1,l=typeof r.source=="string"?r.source:r.source?.inputHandleId??"",c=L.box({width:i,height:o,position:"absolute",x:0,y:0,opacity:s});if(l){let d=L.video(l,{width:i,height:o,position:"absolute",x:0,y:0,fit:"cover",muted:!0,volume:0}).withVision({mode:"mask",enableSegmentation:!0});c.children||(c.children=[]),c.children.push(d)}return c.apply(new Dt({strength:n,blurType:"Gaussian"})),this.add(c),this}section(t,r,n){let i,o,a={},s=t!==null&&typeof t=="object"&&"bounds"in t,l=typeof t=="string"||t!==null&&typeof t=="object"&&("kind"in t||"src"in t||"inputHandleId"in t);if(l&&r&&typeof r=="object"&&"bounds"in r?(i=t,o=r,a=n??{}):l&&r?(i=t,a=r):s?(o=t,a=r??{},i=a.source??o.source):t&&typeof t=="object"&&(a=t,i=a.source),!i){let c=this.children.find(d=>d.kind==="media"&&(d.dataType==="Video"||d.dataType==="Image"));c&&(i=c)}return L.section(i??"",o??a,{compositionWidth:this.width,compositionHeight:this.height,...a})}addSection(t,r,n){let i=this.section(t,r,n);return this.add(i),i}async computeDuration(){if(this.durationMs!==void 0)return this.durationMs;let t=0,r=[];for(let n of[...this.children,...this.audioTracks]){if(n.kind==="media"){let i=n.inputHandleId;typeof i=="string"&&(n.dataType==="Video"||n.dataType==="Audio")&&r.push(i)}if(typeof n.durationFrames=="number"){let o=((typeof n.startFrame=="number"?n.startFrame:0)+n.durationFrames)/this.fps*1e3;o>t&&(t=o)}}for(let n of r)try{let o=await(await Jt.acquire(n)).computeDuration();if(Number.isFinite(o)&&o>0){let a=Math.round(o*1e3);a>t&&(t=a)}}catch{}return t>0?t:5e3}async registerFont(t,r){let n=await je.register(t,r);return n.filePath&&!this.fonts.includes(n.filePath)&&this.fonts.push(n.filePath),this}async registerEmojiFont(t){return await je.registerEmojiFont(t),this}toSpec(){let t=[...this.children,...this.audioTracks],r=je.getRegisteredFontPaths(),n=Array.from(new Set([...this.fonts,...r]));return{width:this.width,height:this.height,fps:this.fps,mode:"Video",backgroundColor:this.backgroundColor,...this.antialias3d!==void 0&&{antialias3d:this.antialias3d},layout:t,fonts:n,signals:this.signals,...this._effects.length>0&&{effects:this._effects},...this._visionConfig&&{vision:this._visionConfig},...this.hasFrameHooks()&&{onRequestFrame:i=>this.notifyFrame(i)}}}toVirtualMedia(t={}){if(!this._linking){this._linking=!0;try{this.linkClipLayers()}finally{this._linking=!1}}let r=t.durationMs??this.durationMs,n=t.signals??this.signals;return zn(this.toSpec(),{isVideoMode:!0,fps:this.fps,durationMs:r,signals:n,resolveMediaSignal:this.mediaSignalResolver(void 0,r,n),...this._effects.length>0&&{effects:this._effects},...this._visionConfig&&{vision:this._visionConfig},...t})}async toVirtualMediaAsync(t={}){let r=t.durationMs??this.durationMs??await this.computeDuration();this.durationMs=r;let n=t.signals??this.signals,i=zn(this.toSpec(),{isVideoMode:!0,fps:this.fps,durationMs:r,signals:n,resolveMediaSignal:this.mediaSignalResolver(void 0,r,n),...this._effects.length>0&&{effects:this._effects},...this._visionConfig&&{vision:this._visionConfig},...t});return await Au(i,this.fps),i}async renderFrame(t={}){let{frame:r}=Ct(t,this.fps);if(t.fps!==void 0&&t.fps!==this.fps)throw new Error(`Composition fps is ${this.fps}; cannot render at fps ${t.fps}.`);let n=this.toVirtualMedia();if(this.hasFrameHooks()){let o=r;await this.notifyFrame({frame:o,fps:this.fps,time:this.fps>0?o/this.fps:0,duration:(this.durationMs??0)/1e3,durationMs:this.durationMs??0,progress:this.durationMs&&this.durationMs>0?Math.max(0,Math.min(1,o/this.fps*1e3/this.durationMs)):0,deltaTime:this.fps>0?1/this.fps:0})}return(t.renderer??new pe.HeadlessMediaRenderer).renderFrame(n,{fps:this.fps,frame:r})}async renderFrameGrid(t={}){return yn(this,t)}async renderVideo(t={},r={}){let n=typeof t=="string"?{...r,outputPath:t}:t,o=await(n.renderer??new pe.HeadlessMediaRenderer).renderVideo(this.toVirtualMedia(),n);if(o.qa){let a=this.lint(),s=[...o.qa.issues,...a.map(l=>({severity:l.severity,code:l.code,message:l.message,...l.layerId!==void 0&&{layerId:l.layerId}}))];o.qa={...o.qa,issues:s,passed:o.qa.passed&&!a.some(l=>l.severity==="error")}}return Pp(o,n.outputPath)}lint(){return ua(this.toSpec(),{emojiFont:je.hasEmojiFont()})}};function ye(e){let t=e;t.animation instanceof Q&&(t.animation=t.animation.toSpec()),Object.defineProperty(t,"animate",{value:(...n)=>{let i=n.flat().flatMap(l=>l instanceof Q?l.tracks:l.tracks??[]),o=t.animation,a=o?.tracks??[],s=n.flat().map(l=>l.frameStep).filter(l=>l!==void 0).at(-1)??o?.frameStep;return t.animation={tracks:_r([...a,...i]),...s!==void 0&&s>1&&{frameStep:s}},t},enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"pinToLandmark",{value:(n,i)=>(yo(t,n,i),t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"pinToObject",{value:(n,i)=>(xo(t,n,i),t),enumerable:!1,writable:!0,configurable:!0});let r=(n,i)=>(t.matte={node:n,...i&&{mode:i}},t);for(let n of["withMatte","withMask"])Object.defineProperty(t,n,{value:r,enumerable:!1,writable:!0,configurable:!0});return Object.defineProperty(t,"withRelief",{value:(n,i={})=>(t.relief={node:n,...i},t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"withPbrGlass",{value:n=>(t.glass=n??{},t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"deformWithAudio",{value:n=>(t.audioDeform=n??{},t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"withCrop",{value:n=>(t.crop=n instanceof zr?n:new zr(n),t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"withVision",{value:n=>(t.vision=n instanceof gt?n:new gt(n),t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"withRelighting",{value:n=>(t.relighting=n??{},t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"relight",{value:n=>(t.relighting=n??{},t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"withDeflicker",{value:n=>(t.deflicker=n??{},t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"apply",{value:n=>(t.effects||(t.effects=[]),t.effects.push(n),t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"withEffect",{value:n=>(t.effects||(t.effects=[]),t.effects.push(n),t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"withEffects",{value:n=>(t.effects||(t.effects=[]),t.effects.push(...n),t),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"section",{value:(n={},i)=>n!==null&&typeof n=="object"&&"bounds"in n?L.section(t,n,i):L.section(t,n),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"blurRegion",{value:(n,i)=>{let o=new Dt({track:n,strength:i?.strength??25,shape:i?.shape??"ellipse",...i});return t.effects||(t.effects=[]),t.effects.push(o),t},enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(t,"withBlurRegion",{value:(n,i)=>t.blurRegion(n,i),enumerable:!1,writable:!0,configurable:!0}),t}var L={video:(e,t={})=>ye({id:t.id??X("video"),kind:"media",inputHandleId:e,dataType:"Video",fit:t.fit??"cover",...t}),image:(e,t={})=>(typeof e=="string"&&(/\.(json|lottie)(\?.*)?$/i.test(e)||e.startsWith("data:application/json")?console.warn(`[Layer.image] '${e}' is a Lottie vector animation, not a static image. Use Layer.lottie('${e}', options) instead.`):/\.(mp4|mov|webm|mkv)(\?.*)?$/i.test(e)?console.warn(`[Layer.image] '${e}' is a video file, not a static image. Use Layer.video('${e}', options) instead.`):/\.(mp3|wav|ogg|m4a|aac)(\?.*)?$/i.test(e)&&console.warn(`[Layer.image] '${e}' is an audio file, not a static image. Use Layer.audio('${e}', options) instead.`)),ye({id:t.id??X("img"),kind:"media",inputHandleId:e,dataType:"Image",fit:t.fit??"cover",...t})),svg:(e,t={})=>ye({id:t.id??X("svg"),kind:"media",inputHandleId:e,dataType:"SVG",fit:t.fit??"contain",...t}),lottie:(e,t={})=>ye({id:t.id??X("lottie"),kind:"media",inputHandleId:e,dataType:"Lottie",fit:t.fit??"contain",...t}),audio:(e,t={})=>ye({id:t.id??X("audio"),kind:"media",inputHandleId:e,dataType:"Audio",volume:t.volume??1,...t}),text:(e,t={})=>{let r=Array.isArray(e),n=!r&&typeof e=="object"&&e!==null,i=n?e:t,o="",a=i.spans;if(r){let s=si(e);o=s.text,a=s.spans}else n?i.spans&&!i.text?o=si(i.spans).text:o=i.text??"":o=typeof e=="string"?e:String(e??"");return ye({id:i.id??X("text"),kind:"text",fontFamily:i.fontFamily??je.getAll()[0]?.family??"Inter",fontSize:i.fontSize??48,fill:i.fill??"#ffffff",...i,text:i.text??o,spans:i.spans??a})},caption:(e,t={})=>ye({id:t.id??X("caption"),kind:"media",inputHandleId:e,dataType:t.dataType??"Caption",fontFamily:t.fontFamily??je.getAll()[0]?.family??"Inter",fontSize:t.fontSize??48,fill:t.fill??"#ffffff",...t}),shape:(e="rect",t={})=>{let{fill:r,...n}=t;return ye({id:n.id??X("shape"),kind:"shape",shapeType:n.shapeType??e,...n,fillColor:n.fillColor??r??"#3b82f6"})},flex:(e={})=>ye({id:e.id??X("flex"),kind:"flex",dir:e.dir??"column",children:e.children??[],...e}),box:(e={})=>ye({id:e.id??X("box"),kind:"box",background:e.background??"transparent",children:e.children??[],...e}),particles:e=>{let t=new bn(e),r={metadata:{width:e.width,height:e.height},operation:{...t.toOperation(),effect:t,dataType:"Video"},children:[]};return ye({id:e.id??X("particles"),kind:"media",dataType:"Video",src:r,position:"absolute",x:e.x??0,y:e.y??0,width:e.width,height:e.height,...e.startFrame!==void 0&&{startFrame:e.startFrame},...e.durationFrames!==void 0&&{durationFrames:e.durationFrames},...e.zIndex!==void 0&&{zIndex:e.zIndex}})},vfx:e=>{let{x:t,y:r,id:n,startFrame:i,durationFrames:o,zIndex:a,...s}=e,l=new Ro({outputType:"Video",...s}),c={metadata:{width:e.width,height:e.height},operation:{...l.toOperation(),effect:l,dataType:"Video"},children:[]};return ye({id:n??X("vfx"),kind:"media",dataType:"Video",src:c,position:"absolute",x:t??0,y:r??0,width:e.width,height:e.height,...i!==void 0&&{startFrame:i},...o!==void 0&&{durationFrames:o},...a!==void 0&&{zIndex:a}})},section:(e,t={},r={})=>{let n=e;if(e&&typeof e=="object"&&"toSpec"in e&&"children"in e){let v=(e.children||[]).find(E=>E.kind==="media"&&(E.dataType==="Video"||E.dataType==="Image"));v&&(n=v)}let i=t!==null&&typeof t=="object"&&"bounds"in t,o=i?r:t,a=i?t:void 0,s=o.padding??0,l=typeof n=="string"?n:n?.inputHandleId??n?.src??"",c=typeof n=="object"&&n?.dataType?n.dataType:"Video",d=o.compositionWidth??o.compWidth??(i?o.width:void 0)??1920,m=o.compositionHeight??o.compHeight??(i?o.height:void 0)??1080,p=Array.isArray(o.effects)?[...o.effects]:o.effects?[o.effects]:[],h=a?a.bounds.screenX.multiply(-1).add(s):typeof o.x=="number"?-o.x:o.x&&typeof o.x.multiply=="function"?o.x.multiply(-1):0,b=a?a.bounds.screenY.multiply(-1).add(s):typeof o.y=="number"?-o.y:o.y&&typeof o.y.multiply=="function"?o.y.multiply(-1):0,g=(c==="Image"?L.image(l,{position:"absolute",width:d,height:m,fit:o.fit??"cover",x:h,y:b}):L.video(l,{position:"absolute",width:d,height:m,fit:o.fit??"cover",x:h,y:b})).withEffects(p),y=a?a.bounds.screenWidth.add(s*2):o.width!==void 0?o.width:d,k=a?a.bounds.screenHeight.add(s*2):o.height!==void 0?o.height:m,S=[g,...o.children??[]],A=o.id??(a?X(`section-track-${a.trackId}`):X("section")),w=L.box({id:A,position:o.position??"absolute",width:y,height:k,x:a?void 0:o.x,y:a?void 0:o.y,borderRadius:o.borderRadius??0,borderColor:o.borderColor,borderWidth:o.borderWidth,opacity:o.opacity??1,overflow:"hidden",children:S});a&&(w=w.pinToObject(a,{anchor:"topLeft",offsetX:-s,offsetY:-s,hideWhenLost:o.hideWhenLost??!0,smoothFrames:o.smoothFrames}));let T=w;return Object.defineProperty(T,"innerMedia",{value:g,enumerable:!0,writable:!1}),Object.defineProperty(T,"effects",{get:()=>p,enumerable:!0}),Object.defineProperty(T,"addEffect",{value:v=>(p.push(v),g.effects=p,T),enumerable:!0,writable:!1}),Object.defineProperty(T,"withEffect",{value:v=>T.addEffect(v),enumerable:!0,writable:!1}),Object.defineProperty(T,"withEffects",{value:v=>{for(let E of v)T.addEffect(E);return T},enumerable:!0,writable:!1}),T},trackedRegion:(e,t,r={})=>L.section(e,t,r),blurTrackedRegion:(e,t,r={})=>{let{padding:n,borderRadius:i,borderColor:o,borderWidth:a,...s}=r;return L.section(e,t,{padding:n??8,borderRadius:i??12,borderColor:o,borderWidth:a,effects:[new Dt({strength:s.strength??25,blurType:s.blurType??"Gaussian",...s})]})},chart:(e,t={})=>dm(e,t,je.getAll()[0]?.family??"Inter"),camera:(e={})=>ye({id:e.id??X("camera"),kind:"camera",mode:e.mode??"lookAt",pitch:e.pitch??0,yaw:e.yaw??0,roll:e.roll??0,...e}),light:(e={})=>ye({id:e.id??X("light"),kind:"light",lightType:e.lightType??"point",color:e.color??"#ffffff",intensity:e.intensity??1,...e}),ambientLight:(e="#ffffff",t=.5,r={})=>dt.ambient(e,t,r),sequence:(e,t)=>Tm(e,t),environment:(e="studio",t={})=>dt.environment(e,t),directionalLight:(e={})=>dt.directional(e),pointLight:(e={})=>dt.point(e),spotLight:(e={})=>dt.spot(e),cube:e=>Ae.cube(e),carousel3d:e=>Ae.carousel(e),plane3d:e=>Ae.plane(e),prism3d:(e={})=>Ae.prism(e),model:(e={})=>ye({id:e.id??X("model3d"),kind:"model3d",is3D:e.is3D??!0,modelFormat:e.modelFormat??"auto",loop:e.loop??!0,scale:e.scale??1,scaleX:e.scaleX??1,scaleY:e.scaleY??1,scaleZ:e.scaleZ??1,opacity:e.opacity??1,...e}),obj:(e,t={})=>L.model({src:e,modelFormat:"obj",...t}),fbx:(e,t={})=>L.model({src:e,modelFormat:"fbx",...t}),gltf:(e,t={})=>L.model({src:e,modelFormat:"gltf",...t}),glb:(e,t={})=>L.model({src:e,modelFormat:"glb",...t}),stl:(e,t={})=>L.model({src:e,modelFormat:"stl",...t}),ply:(e,t={})=>L.model({src:e,modelFormat:"ply",...t}),vox:(e,t={})=>L.model({src:e,modelFormat:"vox",...t}),threeDS:(e,t={})=>L.model({src:e,modelFormat:"3ds",...t}),off:(e,t={})=>L.model({src:e,modelFormat:"off",...t})},dt={environment:(e="studio",t={})=>{let r=typeof e=="string"?{preset:e,...t}:{...e,...t};return ye({kind:"light",lightType:"environment",preset:"studio",intensity:1,...r,id:r.id??X("environment")})},ambient:(e="#ffffff",t=.5,r={})=>ye({id:r.id??X("light-ambient"),kind:"light",lightType:"ambient",color:typeof e=="string"?e:e.color??"#ffffff",intensity:t,...typeof e=="object"&&e,...r}),directional:(e={})=>ye({id:e.id??X("light-directional"),kind:"light",lightType:"directional",color:e.color??"#ffffff",intensity:e.intensity??1,x:e.x??0,y:e.y??-1e3,z:e.z??-1e3,targetX:e.targetX??0,targetY:e.targetY??0,targetZ:e.targetZ??0,...e}),point:(e={})=>ye({id:e.id??X("light-point"),kind:"light",lightType:"point",color:e.color??"#ffffff",intensity:e.intensity??1,x:e.x??0,y:e.y??0,z:e.z??-500,radius:e.radius??1e3,decay:e.decay??1,...e}),spot:(e={})=>ye({id:e.id??X("light-spot"),kind:"light",lightType:"spot",color:e.color??"#ffffff",intensity:e.intensity??1,x:e.x??0,y:e.y??-500,z:e.z??-1e3,targetX:e.targetX??0,targetY:e.targetY??0,targetZ:e.targetZ??0,angle:e.angle??45,penumbra:e.penumbra??.2,radius:e.radius??2e3,decay:e.decay??1,...e})};function TO(e,t={},r={}){return L.section(e,t,r)}function AO(e,t,r={}){return typeof e=="object"&&"blurRegion"in e?e.blurRegion(t,r):L.blurTrackedRegion(e,t,r)}function CO(e,t,r={}){return L.section(e,t,r)}var M0=Object.assign(Qt,No,{blur:e=>new Dt(e),vignette:e=>new nr(e),colorBalance:e=>new So(e),colorKey:e=>new ko(e),levels:e=>new Fo(e),filmGrain:e=>new it(e),curves:e=>new Bo(e),selectiveColor:e=>new Lo(e),gradientMap:e=>new Ot(e),shadowsHighlights:e=>new Io(e),applyLut:e=>new jo(e),unsharpMask:e=>new zo(e),highPass:e=>new _o(e),halftoneScreen:e=>new jr(e),tileOffset:e=>new $o(e),motionBlur:e=>new Uo(e),ssao:e=>new Vo(e),pbrGlass:e=>new Go(e),depthOfField:e=>new Wo(e),crop:e=>new zr(e),vision:e=>new gt(e),relight3d:e=>new Ho(e),modulate:e=>new Xo(e),deflicker:e=>new Yo(e),custom:(e,t={})=>new Eo(e,t)});var T0=/\.(png|jpe?g|webp|gif|avif|tiff?|bmp)(\?.*)?$/i,A0=/\.svg(\?.*)?$/i;function C0(e){let t=r=>r?{...r,enabled:!0}:void 0;return new Co({...e.dropShadow&&{dropShadow:t(e.dropShadow)},...e.outerGlow&&{outerGlow:t(e.outerGlow)},...e.innerShadow&&{innerShadow:t(e.innerShadow)},...e.stroke&&{stroke:t(e.stroke)}})}function D0(e,t){let r=Math.max(16,Math.round(e)),n=Math.max(16,Math.round(t));return`data:image/svg+xml;utf8,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${n}"><rect width="${r}" height="${n}" fill="#808080"/></svg>`)}`}var Mp={box:e=>L.box(e),flex:e=>L.flex(e),text:(e,t)=>L.text(e,t),shape:(e,t)=>L.shape(e,t),measure:(e,t)=>je.measure(e,t),fonts:()=>je.getAll().map(e=>e.family),autoId:X,media:(e,t)=>A0.test(e)?L.svg(e,t):T0.test(e)?L.image(e,t):L.video(e,{muted:!0,...t}),style:(e,t)=>(e.withEffect(C0(t)),e),cutout:(e,{mode:t="person",...r})=>L.video(e,{muted:!0,volume:0,fit:"cover",...r}).withVision({mode:"matte",enableSegmentation:!0,variant:t==="subject"?"m":"s",confidence:.25,featherRadius:.04,keyBackground:!0}),particles:e=>L.particles(e),signal:(e,t)=>iu([...e],t),grain:({id:e,x:t,y:r,width:n,height:i,strength:o,size:a})=>L.svg(D0(n,i),{id:e,position:"absolute",x:t,y:r,width:n,height:i,fit:"fill",blendMode:"soft-light"}).withEffect(new it({strength:o,...a!==void 0&&{size:a},shadows:1,midtones:1,highlights:1})),extrudedText:({fontWeight:e,...t})=>Ae.extrudedText({...t,...e!==void 0&&{fontWeight:String(e)},align:"center",verticalAlign:"middle"}),matte:(e,t,r="alpha")=>(e.withMatte(t,r),e)};f();async function kp(e,t={}){let r=await Tu(e);if(!r||r.channels.length===0)throw new Error(`analyzeAudio: could not decode audio from ${e}`);return Yl(r.channels,r.sampleRate,t)}function k0(e){return ac(Mp,e)}export{Ko as a,Nu as b,Fu as c,Eu as d,Ep as e,Bp as f,Bu as g,Qo as h,Lp as i,Lu as j,Ip as k,Iu as l,Jo as m,ju as n,zu as o,_u as p,$u as q,Uu as r,Vu as s,ea as t,$r as u,Gu as v,Wu as w,ir as x,Hu as y,Yu as z,Xu as A,qu as B,Wn as C,Hn as D,Zu as E,Ku as F,Yn as G,Qu as H,Ju as I,el as J,tl as K,rl as L,nl as M,il as N,or as O,jp as P,ta as Q,ra as R,na as S,ia as T,oa as U,aa as V,Jv as W,eS as X,nS as Y,_r as Z,Q as _,Zo as $,ua as aa,la as ba,gl as ca,bl as da,yl as ea,wl as fa,nf as ga,vl as ha,Sl as ia,kl as ja,Pl as ka,Ml as la,Tl as ma,Al as na,Cl as oa,Dl as pa,Ol as qa,Rl as ra,Nl as sa,Fl as ta,El as ua,Bl as va,df as wa,Ll as xa,ma as ya,mf as za,Il as Aa,jl as Ba,zl as Ca,pf as Da,_l as Ea,Ur as Fa,pa as Ga,qr as Ha,Zr as Ia,Kr as Ja,ar as Ka,Ue as La,Jr as Ma,Ma as Na,xh as Oa,wh as Pa,vh as Qa,Sh as Ra,kh as Sa,Ph as Ta,Mh as Ua,Th as Va,Ah as Wa,Ch as Xa,Dh as Ya,Oh as Za,si as _a,Rh as $a,cm as ab,gn as bb,Bi as cb,bn as db,Ts as eb,As as fb,yn as gb,pe as hb,Ae as ib,Mm as jb,ky as kb,wn as lb,Ar as mb,vn as nb,Cr as ob,jy as pb,zy as qb,m0 as rb,yf as sb,Zn as tb,Vr as ub,fa as vb,xf as wb,wf as xb,Dx as yb,Ul as zb,Vl as Ab,Mf as Bb,Yl as Cb,Ex as Db,Bx as Eb,Lx as Fb,Xl as Gb,zx as Hb,Qn as Ib,Af as Jb,_x as Kb,$x as Lb,Gr as Mb,Gx as Nb,Wx as Ob,ql as Pb,ha as Qb,Jn as Rb,Zl as Sb,Hx as Tb,ba as Ub,Df as Vb,Wr as Wb,Qx as Xb,Jx as Yb,ew as Zb,tw as _b,ei as $b,rw as ac,Of as bc,Rf as cc,nw as dc,iw as ec,ow as fc,Hr as gc,xa as hc,Jl as ic,ec as jc,rc as kc,Yr as lc,fw as mc,Ff as nc,Ef as oc,Lf as pc,vw as qc,jf as rc,zf as sc,ac as tc,Pa as uc,sc as vc,uc as wc,lc as xc,Pw as yc,at as zc,Mw as Ac,Ow as Bc,Xr as Cc,Rw as Dc,Nw as Ec,Fw as Fc,Ew as Gc,Bw as Hc,Lw as Ic,ri as Jc,_w as Kc,$w as Lc,Uw as Mc,Vw as Nc,Gw as Oc,Ww as Pc,Hw as Qc,Xf as Rc,qw as Sc,Qw as Tc,rv as Uc,qf as Vc,av as Wc,sv as Xc,cv as Yc,dc as Zc,Zf as _c,mc as $c,fv as ad,Jf as bd,rh as cd,fc as dd,hv as ed,yv as fd,kp as gd,k0 as hd,vp as id,Sp as jd,L as kd,dt as ld,TO as md,AO as nd,CO as od,M0 as pd};
2220
- /*! Bundled license information:
2221
-
2222
- aws4fetch/dist/aws4fetch.esm.mjs:
2223
- (**
2224
- * @license MIT <https://opensource.org/licenses/MIT>
2225
- * @copyright Michael Hart 2024
2226
- *)
2227
- */