framefields 2.5.5 → 2.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (296) hide show
  1. package/README.md +11 -0
  2. package/dist/audio/index.mjs +10 -10
  3. package/dist/{audio-C9euVW4K.mjs → audio-CYrO9q9P.mjs} +3 -3
  4. package/dist/{audio-C9euVW4K.mjs.map → audio-CYrO9q9P.mjs.map} +1 -1
  5. package/dist/cli.mjs +866 -16
  6. package/dist/cli.mjs.map +1 -1
  7. package/dist/components/index.d.mts +2 -2
  8. package/dist/components/index.mjs +43 -43
  9. package/dist/{dist-DBdxM6xv.mjs → dist-DSKhnhDk.mjs} +3 -3
  10. package/dist/dist-DSKhnhDk.mjs.map +1 -0
  11. package/dist/{dist-BuirkW-f.mjs → dist-cC6nOaMR.mjs} +11 -3
  12. package/dist/dist-cC6nOaMR.mjs.map +1 -0
  13. package/dist/effects/index.mjs +34 -34
  14. package/dist/{effects-B263lgUi.mjs → effects-Dvdwndk0.mjs} +2 -2
  15. package/dist/{effects-B263lgUi.mjs.map → effects-Dvdwndk0.mjs.map} +1 -1
  16. package/dist/fonts/index.d.mts +1 -1
  17. package/dist/fonts/index.mjs +2 -2
  18. package/dist/{fonts-DNx6ps2p.mjs → fonts-B6a4CyoM.mjs} +7 -3
  19. package/dist/fonts-B6a4CyoM.mjs.map +1 -0
  20. package/dist/{gpu-BRBIoxMC.mjs → gpu-CrQADlcf.mjs} +2 -2
  21. package/dist/{gpu-BRBIoxMC.mjs.map → gpu-CrQADlcf.mjs.map} +1 -1
  22. package/dist/index-3Vdef2KE.d.mts.map +1 -1
  23. package/dist/{index-N1tMc5Z9.d.mts → index-CWG19cm-.d.mts} +821 -393
  24. package/dist/index-CWG19cm-.d.mts.map +1 -0
  25. package/dist/index-D-Gnyffj.d.mts.map +1 -1
  26. package/dist/{index-CalU-mpZ.d.mts → index-j5LGVVbm.d.mts} +3 -1
  27. package/dist/index-j5LGVVbm.d.mts.map +1 -0
  28. package/dist/index.d.mts +3 -3
  29. package/dist/index.mjs +50 -50
  30. package/dist/preview/index.mjs +10 -10
  31. package/dist/{preview-ChR8Z8Fm.mjs → preview-OTsGYyOU.mjs} +2 -2
  32. package/dist/{preview-ChR8Z8Fm.mjs.map → preview-OTsGYyOU.mjs.map} +1 -1
  33. package/dist/preview-engine/{chunk-BBHRXV75.mjs → chunk-4C26NVQY.mjs} +1 -1
  34. package/dist/preview-engine/chunk-5NLDETDV.mjs +1974 -0
  35. package/dist/preview-engine/{chunk-VY6ST4QX.mjs → chunk-AGLAJGQJ.mjs} +1 -1
  36. package/dist/preview-engine/{chunk-ZJLNXN7W.mjs → chunk-K3IMPV6T.mjs} +6 -6
  37. package/dist/preview-engine/chunk-LHCEQ77S.mjs +5 -0
  38. package/dist/preview-engine/{chunk-2LQCQ3OT.mjs → chunk-Q6CRERSJ.mjs} +5 -5
  39. package/dist/preview-engine/chunk-ZGMA27IG.mjs +3 -0
  40. package/dist/preview-engine/components.mjs +1 -1
  41. package/dist/preview-engine/fonts.mjs +1 -1
  42. package/dist/preview-engine/framefields.mjs +1 -1
  43. package/dist/preview-engine/player.mjs +1 -1
  44. package/dist/preview-engine/{renderers-WZEV464O.mjs → renderers-IT5ISWSA.mjs} +1 -1
  45. package/dist/{program-O2bWX0cs.mjs → program-W4CWO2bp.mjs} +19 -3
  46. package/dist/program-W4CWO2bp.mjs.map +1 -0
  47. package/dist/registry/annotate.json +1 -1
  48. package/dist/registry/app-frame.json +1 -1
  49. package/dist/registry/backdrop.json +3 -3
  50. package/dist/registry/before-after.json +1 -1
  51. package/dist/registry/callout.json +1 -1
  52. package/dist/registry/captions.json +7 -1
  53. package/dist/registry/card-stack.json +3 -3
  54. package/dist/registry/chat-thread.json +7 -1
  55. package/dist/registry/code-block.json +8 -2
  56. package/dist/registry/confetti.json +1 -1
  57. package/dist/registry/device-frame.json +2 -1
  58. package/dist/registry/focus-zoom.json +1 -1
  59. package/dist/registry/logo-reveal.json +1 -1
  60. package/dist/registry/lower-third.json +1 -1
  61. package/dist/registry/meter.json +1 -1
  62. package/dist/registry/mouse-pointer.json +1 -1
  63. package/dist/registry/selection.json +3 -3
  64. package/dist/registry/spotlight.json +1 -1
  65. package/dist/registry/terminal.json +7 -1
  66. package/dist/registry/text-reveal.json +2 -1
  67. package/dist/registry/title-card.json +1 -1
  68. package/dist/registry/toasts.json +1 -1
  69. package/dist/registry/touch-point.json +4 -4
  70. package/dist/registry/waveform.json +3 -3
  71. package/dist/registry/word-cycle.json +2 -2
  72. package/dist/renderer/index.mjs +2 -2
  73. package/dist/{renderer-DkM6Ikdf.mjs → renderer-0W-Ty55h.mjs} +3 -3
  74. package/dist/{renderer-DkM6Ikdf.mjs.map → renderer-0W-Ty55h.mjs.map} +1 -1
  75. package/dist/{renderer-CrKYlipx.mjs → renderer-0n4A8P2_.mjs} +2 -2
  76. package/dist/{renderer-CrKYlipx.mjs.map → renderer-0n4A8P2_.mjs.map} +1 -1
  77. package/dist/{renderer-D3FJcRA3.mjs → renderer-158rymL0.mjs} +2 -2
  78. package/dist/{renderer-D3FJcRA3.mjs.map → renderer-158rymL0.mjs.map} +1 -1
  79. package/dist/{renderer-Dwh0jaor.mjs → renderer-1KfQICGK.mjs} +3 -3
  80. package/dist/{renderer-Dwh0jaor.mjs.map → renderer-1KfQICGK.mjs.map} +1 -1
  81. package/dist/renderer-8HnHWqYj.mjs +5 -0
  82. package/dist/renderer-8itujues.mjs +5 -0
  83. package/dist/{renderer-DWG6EXGj.mjs → renderer-B3gQT1uq.mjs} +3 -3
  84. package/dist/{renderer-DWG6EXGj.mjs.map → renderer-B3gQT1uq.mjs.map} +1 -1
  85. package/dist/{renderer-Bs6BaMLf.mjs → renderer-BE6K88VR.mjs} +3 -3
  86. package/dist/{renderer-Bs6BaMLf.mjs.map → renderer-BE6K88VR.mjs.map} +1 -1
  87. package/dist/{renderer-CqJou_2L.mjs → renderer-BEpA2g1_.mjs} +2 -2
  88. package/dist/{renderer-CqJou_2L.mjs.map → renderer-BEpA2g1_.mjs.map} +1 -1
  89. package/dist/renderer-BFods-7v.mjs +5 -0
  90. package/dist/{renderer-RbMM6Njv.mjs → renderer-BGDKxfsM.mjs} +3 -3
  91. package/dist/{renderer-RbMM6Njv.mjs.map → renderer-BGDKxfsM.mjs.map} +1 -1
  92. package/dist/{renderer-DGOY-LBR.mjs → renderer-BGnMRdUK.mjs} +2 -2
  93. package/dist/{renderer-DGOY-LBR.mjs.map → renderer-BGnMRdUK.mjs.map} +1 -1
  94. package/dist/{renderer-CpDaUeCN.mjs → renderer-BIMm7lYG.mjs} +3 -3
  95. package/dist/{renderer-CpDaUeCN.mjs.map → renderer-BIMm7lYG.mjs.map} +1 -1
  96. package/dist/{renderer-Dw3K8KT9.mjs → renderer-BKL3UEzN.mjs} +2 -2
  97. package/dist/{renderer-Dw3K8KT9.mjs.map → renderer-BKL3UEzN.mjs.map} +1 -1
  98. package/dist/{renderer-DtqiWq1m.mjs → renderer-BKhdqykZ.mjs} +3 -3
  99. package/dist/{renderer-DtqiWq1m.mjs.map → renderer-BKhdqykZ.mjs.map} +1 -1
  100. package/dist/{renderer-CnclEQdA.mjs → renderer-BO5u8eFS.mjs} +2 -2
  101. package/dist/{renderer-CnclEQdA.mjs.map → renderer-BO5u8eFS.mjs.map} +1 -1
  102. package/dist/{renderer-DTPmvL1i.mjs → renderer-BQ-pHSPI.mjs} +3 -3
  103. package/dist/{renderer-DTPmvL1i.mjs.map → renderer-BQ-pHSPI.mjs.map} +1 -1
  104. package/dist/{renderer-BStETpqC.mjs → renderer-BXGr426R.mjs} +2 -2
  105. package/dist/{renderer-BStETpqC.mjs.map → renderer-BXGr426R.mjs.map} +1 -1
  106. package/dist/{renderer-Dk0okoS3.mjs → renderer-B_Oz9L3g.mjs} +2 -2
  107. package/dist/{renderer-Dk0okoS3.mjs.map → renderer-B_Oz9L3g.mjs.map} +1 -1
  108. package/dist/renderer-BbQygRwc.mjs +5 -0
  109. package/dist/{renderer-PhjHSS97.mjs → renderer-BcaT2j3R.mjs} +2 -2
  110. package/dist/{renderer-PhjHSS97.mjs.map → renderer-BcaT2j3R.mjs.map} +1 -1
  111. package/dist/{renderer-C6n8y6Pw.mjs → renderer-Bh7d3RSt.mjs} +3 -3
  112. package/dist/{renderer-C6n8y6Pw.mjs.map → renderer-Bh7d3RSt.mjs.map} +1 -1
  113. package/dist/{renderer-QQDU1b0Z.mjs → renderer-BiH29MS6.mjs} +3 -3
  114. package/dist/{renderer-QQDU1b0Z.mjs.map → renderer-BiH29MS6.mjs.map} +1 -1
  115. package/dist/{renderer-DdkPY4hO.mjs → renderer-BnpMAub0.mjs} +2 -2
  116. package/dist/{renderer-DdkPY4hO.mjs.map → renderer-BnpMAub0.mjs.map} +1 -1
  117. package/dist/renderer-Bq_sPaCg.mjs +5 -0
  118. package/dist/renderer-BrkDrvqS.mjs +5 -0
  119. package/dist/{renderer-DVGVcDvB.mjs → renderer-Bt3F1tmP.mjs} +3 -3
  120. package/dist/{renderer-DVGVcDvB.mjs.map → renderer-Bt3F1tmP.mjs.map} +1 -1
  121. package/dist/{renderer-DsnV8tpW.mjs → renderer-BwnQRuce.mjs} +3 -3
  122. package/dist/{renderer-DsnV8tpW.mjs.map → renderer-BwnQRuce.mjs.map} +1 -1
  123. package/dist/renderer-C1diVT5Q.mjs +5 -0
  124. package/dist/{renderer-CTy0bSsl.mjs → renderer-C2O4nK9x.mjs} +3 -3
  125. package/dist/{renderer-CTy0bSsl.mjs.map → renderer-C2O4nK9x.mjs.map} +1 -1
  126. package/dist/{renderer-Cg2xS8h8.mjs → renderer-C4Jfgjm5.mjs} +2 -2
  127. package/dist/{renderer-Cg2xS8h8.mjs.map → renderer-C4Jfgjm5.mjs.map} +1 -1
  128. package/dist/renderer-C8E7ajTR.mjs +5 -0
  129. package/dist/renderer-CAz8JW5c.mjs +5 -0
  130. package/dist/{renderer-1NoJLLDa.mjs → renderer-CEvj79Wg.mjs} +3 -3
  131. package/dist/{renderer-1NoJLLDa.mjs.map → renderer-CEvj79Wg.mjs.map} +1 -1
  132. package/dist/{renderer-Bag1LFos.mjs → renderer-CFSh2eG-.mjs} +3 -3
  133. package/dist/{renderer-Bag1LFos.mjs.map → renderer-CFSh2eG-.mjs.map} +1 -1
  134. package/dist/{renderer-Daqvhwjp.mjs → renderer-CHvEgLHy.mjs} +3 -3
  135. package/dist/{renderer-Daqvhwjp.mjs.map → renderer-CHvEgLHy.mjs.map} +1 -1
  136. package/dist/renderer-CKfrUdGw.mjs +5 -0
  137. package/dist/renderer-CL0rqBA4.mjs +5 -0
  138. package/dist/{renderer-R5Lg65F8.mjs → renderer-CLP6Lm7y.mjs} +2 -2
  139. package/dist/{renderer-B0IJirDs.mjs → renderer-COcFh5bK.mjs} +3 -3
  140. package/dist/{renderer-B0IJirDs.mjs.map → renderer-COcFh5bK.mjs.map} +1 -1
  141. package/dist/renderer-COyavIEv.mjs +5 -0
  142. package/dist/{renderer-DcApNxER.mjs → renderer-CPtyQrJI.mjs} +2 -2
  143. package/dist/{renderer-DcApNxER.mjs.map → renderer-CPtyQrJI.mjs.map} +1 -1
  144. package/dist/renderer-CUrShvUZ.mjs +5 -0
  145. package/dist/renderer-CWvJ_GaL.mjs +5 -0
  146. package/dist/{renderer-B2no_9zi.mjs → renderer-CX4rvqm9.mjs} +3 -3
  147. package/dist/{renderer-B2no_9zi.mjs.map → renderer-CX4rvqm9.mjs.map} +1 -1
  148. package/dist/{renderer-C3tdjg8B.mjs → renderer-CZGpETnc.mjs} +3 -3
  149. package/dist/{renderer-C3tdjg8B.mjs.map → renderer-CZGpETnc.mjs.map} +1 -1
  150. package/dist/{renderer-DmTxEeMh.mjs → renderer-C_-hWBF1.mjs} +3 -3
  151. package/dist/{renderer-DmTxEeMh.mjs.map → renderer-C_-hWBF1.mjs.map} +1 -1
  152. package/dist/{renderer-H4-8sBjl.mjs → renderer-Cb74SQHm.mjs} +2 -2
  153. package/dist/{renderer-H4-8sBjl.mjs.map → renderer-Cb74SQHm.mjs.map} +1 -1
  154. package/dist/{renderer-DO1TeUqV.mjs → renderer-Cba208C9.mjs} +3 -3
  155. package/dist/{renderer-DO1TeUqV.mjs.map → renderer-Cba208C9.mjs.map} +1 -1
  156. package/dist/{renderer-CA_CwisV.mjs → renderer-CdJoOfQw.mjs} +2 -2
  157. package/dist/{renderer-CA_CwisV.mjs.map → renderer-CdJoOfQw.mjs.map} +1 -1
  158. package/dist/renderer-Ck0mGIo9.mjs +5 -0
  159. package/dist/{renderer-YBwN9uyj.mjs → renderer-CoaDDIS6.mjs} +5 -5
  160. package/dist/{renderer-YBwN9uyj.mjs.map → renderer-CoaDDIS6.mjs.map} +1 -1
  161. package/dist/renderer-CqIXqdf0.mjs +5 -0
  162. package/dist/renderer-Csod6biL.mjs +5 -0
  163. package/dist/{renderer-BMiZIGkZ.mjs → renderer-CsxO_wBG.mjs} +2 -2
  164. package/dist/renderer-CueO924-.mjs +5 -0
  165. package/dist/{renderer-x1xlZaH_.mjs → renderer-Cv6od7Be.mjs} +3 -3
  166. package/dist/{renderer-x1xlZaH_.mjs.map → renderer-Cv6od7Be.mjs.map} +1 -1
  167. package/dist/{renderer-B5ZdkcMi.mjs → renderer-Cw7R1U43.mjs} +2 -2
  168. package/dist/{renderer-B5ZdkcMi.mjs.map → renderer-Cw7R1U43.mjs.map} +1 -1
  169. package/dist/renderer-D1vM4obC.mjs +5 -0
  170. package/dist/{renderer-CEAmByVW.mjs → renderer-D36Pjp0B.mjs} +2 -2
  171. package/dist/{renderer-CEAmByVW.mjs.map → renderer-D36Pjp0B.mjs.map} +1 -1
  172. package/dist/{renderer-CFCR_7bq.mjs → renderer-D52KWsb8.mjs} +3 -3
  173. package/dist/{renderer-CFCR_7bq.mjs.map → renderer-D52KWsb8.mjs.map} +1 -1
  174. package/dist/renderer-DB7QUt90.mjs +5 -0
  175. package/dist/{renderer-BfQdc3RM.mjs → renderer-DGsWlXjl.mjs} +69 -69
  176. package/dist/{renderer-BfQdc3RM.mjs.map → renderer-DGsWlXjl.mjs.map} +1 -1
  177. package/dist/renderer-DLMDnKlA.mjs +6 -0
  178. package/dist/renderer-DNs7yWMr.mjs +5 -0
  179. package/dist/{renderer-C8pJFxcL.mjs → renderer-DORydJHm.mjs} +2 -2
  180. package/dist/{renderer-C8pJFxcL.mjs.map → renderer-DORydJHm.mjs.map} +1 -1
  181. package/dist/renderer-DOrtuoa9.mjs +5 -0
  182. package/dist/{renderer-Dz4muMyE.mjs → renderer-DTKtkgTO.mjs} +2 -2
  183. package/dist/{renderer-Dz4muMyE.mjs.map → renderer-DTKtkgTO.mjs.map} +1 -1
  184. package/dist/{renderer-YFHESw3v.mjs → renderer-DVdRzDwX.mjs} +3 -3
  185. package/dist/{renderer-YFHESw3v.mjs.map → renderer-DVdRzDwX.mjs.map} +1 -1
  186. package/dist/renderer-D_JgOawb.mjs +5 -0
  187. package/dist/renderer-DdLo1uoa.mjs +5 -0
  188. package/dist/renderer-DeX3JEZV.mjs +5 -0
  189. package/dist/{renderer-C2MaJKfY.mjs → renderer-Df-rf7RC.mjs} +3 -3
  190. package/dist/{renderer-C2MaJKfY.mjs.map → renderer-Df-rf7RC.mjs.map} +1 -1
  191. package/dist/renderer-DfgZVACG.mjs +5 -0
  192. package/dist/{renderer-CFRTJ7cT.mjs → renderer-DmrP4dsn.mjs} +2 -2
  193. package/dist/{renderer-CFRTJ7cT.mjs.map → renderer-DmrP4dsn.mjs.map} +1 -1
  194. package/dist/renderer-DoYG7Pn6.mjs +5 -0
  195. package/dist/{renderer-Bvizxddu.mjs → renderer-DqIrYB0P.mjs} +2 -2
  196. package/dist/{renderer-Bvizxddu.mjs.map → renderer-DqIrYB0P.mjs.map} +1 -1
  197. package/dist/{renderer-BrKgtYq4.mjs → renderer-DrrWvz8l.mjs} +3 -3
  198. package/dist/{renderer-BrKgtYq4.mjs.map → renderer-DrrWvz8l.mjs.map} +1 -1
  199. package/dist/{renderer-Bwxm-kWL.mjs → renderer-DuFwDHHF.mjs} +2 -2
  200. package/dist/{renderer-CVbNiH03.mjs → renderer-DxOJv_G7.mjs} +3 -3
  201. package/dist/{renderer-CVbNiH03.mjs.map → renderer-DxOJv_G7.mjs.map} +1 -1
  202. package/dist/{renderer-CbxfSmYE.mjs → renderer-E54Vv1_W.mjs} +3 -3
  203. package/dist/{renderer-CbxfSmYE.mjs.map → renderer-E54Vv1_W.mjs.map} +1 -1
  204. package/dist/{renderer-B7vXnBUo.mjs → renderer-FPYVmSf6.mjs} +3 -3
  205. package/dist/{renderer-B7vXnBUo.mjs.map → renderer-FPYVmSf6.mjs.map} +1 -1
  206. package/dist/{renderer-BlU3Sh_0.mjs → renderer-FgP_1OgD.mjs} +3 -3
  207. package/dist/{renderer-BlU3Sh_0.mjs.map → renderer-FgP_1OgD.mjs.map} +1 -1
  208. package/dist/{renderer-DW21AyEv.mjs → renderer-H-Adf8Za.mjs} +3 -3
  209. package/dist/{renderer-DW21AyEv.mjs.map → renderer-H-Adf8Za.mjs.map} +1 -1
  210. package/dist/{renderer-CPSg6eEQ.mjs → renderer-HPBahXjt.mjs} +2 -2
  211. package/dist/{renderer-CPSg6eEQ.mjs.map → renderer-HPBahXjt.mjs.map} +1 -1
  212. package/dist/renderer-Jwqa-BUN.mjs +5 -0
  213. package/dist/{renderer-BNs31kME.mjs → renderer-KkDYCAkn.mjs} +3 -3
  214. package/dist/{renderer-BNs31kME.mjs.map → renderer-KkDYCAkn.mjs.map} +1 -1
  215. package/dist/{renderer-BvA4sQz5.mjs → renderer-PDAlUGKG.mjs} +3 -3
  216. package/dist/{renderer-BvA4sQz5.mjs.map → renderer-PDAlUGKG.mjs.map} +1 -1
  217. package/dist/{renderer-C5QYI1Wu.mjs → renderer-PDs21Gsq.mjs} +2 -2
  218. package/dist/{renderer-C5QYI1Wu.mjs.map → renderer-PDs21Gsq.mjs.map} +1 -1
  219. package/dist/{renderer-DADTT3ym.mjs → renderer-Sdsy27LH.mjs} +2 -2
  220. package/dist/{renderer-DHdFVpdH.mjs → renderer-YEDoDnsE.mjs} +2 -2
  221. package/dist/{renderer-DHdFVpdH.mjs.map → renderer-YEDoDnsE.mjs.map} +1 -1
  222. package/dist/renderer-Z2Vs-IqP.mjs +5 -0
  223. package/dist/{renderer-BWNQQZ12.mjs → renderer-ZM2jwJbX.mjs} +3 -3
  224. package/dist/{renderer-BWNQQZ12.mjs.map → renderer-ZM2jwJbX.mjs.map} +1 -1
  225. package/dist/{renderer-BKJ8cywK.mjs → renderer-ZarULMvJ.mjs} +2 -2
  226. package/dist/{renderer-BKJ8cywK.mjs.map → renderer-ZarULMvJ.mjs.map} +1 -1
  227. package/dist/renderer-ZnyCpdWE.mjs +5 -0
  228. package/dist/{renderer-8_d6YNnE.mjs → renderer-aT6MUYPr.mjs} +2 -2
  229. package/dist/{renderer-8_d6YNnE.mjs.map → renderer-aT6MUYPr.mjs.map} +1 -1
  230. package/dist/{renderer-DkOxEQsg.mjs → renderer-dX7Fy1NR.mjs} +3 -3
  231. package/dist/{renderer-DkOxEQsg.mjs.map → renderer-dX7Fy1NR.mjs.map} +1 -1
  232. package/dist/{renderer-tcS585Iy.mjs → renderer-eQP0fvgc.mjs} +2 -2
  233. package/dist/{renderer-tcS585Iy.mjs.map → renderer-eQP0fvgc.mjs.map} +1 -1
  234. package/dist/renderer-emCnsnTH.mjs +5 -0
  235. package/dist/renderer-ioxa4-Dy.mjs +5 -0
  236. package/dist/renderer-iyIwrDWO.mjs +5 -0
  237. package/dist/{renderer-BZ5uOfoX.mjs → renderer-lP23pU1s.mjs} +2 -2
  238. package/dist/{renderer-BZ5uOfoX.mjs.map → renderer-lP23pU1s.mjs.map} +1 -1
  239. package/dist/{renderer-oR1LvHeO.mjs → renderer-tYmQUp4d.mjs} +2 -2
  240. package/dist/{renderer-oR1LvHeO.mjs.map → renderer-tYmQUp4d.mjs.map} +1 -1
  241. package/dist/renderer-tuudA_RZ.mjs +5 -0
  242. package/dist/{renderer-D8m3fuRp.mjs → renderer-wrXFfvpJ.mjs} +2 -2
  243. package/dist/{renderer-D8m3fuRp.mjs.map → renderer-wrXFfvpJ.mjs.map} +1 -1
  244. package/dist/renderer-yyn8S821.mjs +5 -0
  245. package/dist/{renderers-CP8CFWDs-EZZPEbhW.mjs → renderers-CP8CFWDs-CZJ7NRsl.mjs} +2 -2
  246. package/dist/{renderers-CP8CFWDs-EZZPEbhW.mjs.map → renderers-CP8CFWDs-CZJ7NRsl.mjs.map} +1 -1
  247. package/dist/signals/index.mjs +4 -4
  248. package/dist/{src-r7Suenhp.mjs → src-_l81YkMD.mjs} +612 -117
  249. package/dist/src-_l81YkMD.mjs.map +1 -0
  250. package/package.json +59 -58
  251. package/dist/dist-BuirkW-f.mjs.map +0 -1
  252. package/dist/dist-DBdxM6xv.mjs.map +0 -1
  253. package/dist/fonts-DNx6ps2p.mjs.map +0 -1
  254. package/dist/index-CalU-mpZ.d.mts.map +0 -1
  255. package/dist/index-N1tMc5Z9.d.mts.map +0 -1
  256. package/dist/preview-engine/chunk-2TCJSHFA.mjs +0 -1974
  257. package/dist/preview-engine/chunk-Q7XC3FI7.mjs +0 -3
  258. package/dist/preview-engine/chunk-ZZAZF6VC.mjs +0 -5
  259. package/dist/program-O2bWX0cs.mjs.map +0 -1
  260. package/dist/renderer-0441BN0U.mjs +0 -5
  261. package/dist/renderer-3qDgFc-W.mjs +0 -5
  262. package/dist/renderer-6AIqTN5Z.mjs +0 -5
  263. package/dist/renderer-B7MZ5R7u.mjs +0 -5
  264. package/dist/renderer-BE2rIA4B.mjs +0 -5
  265. package/dist/renderer-BIQ81ln4.mjs +0 -5
  266. package/dist/renderer-BKm3_Ob3.mjs +0 -5
  267. package/dist/renderer-BNdT1Wwf.mjs +0 -5
  268. package/dist/renderer-BQycs1q_.mjs +0 -5
  269. package/dist/renderer-Bj7MxXfk.mjs +0 -5
  270. package/dist/renderer-BjRAGYYC.mjs +0 -5
  271. package/dist/renderer-BqE2BQ_X.mjs +0 -5
  272. package/dist/renderer-Bz5BMkOE.mjs +0 -5
  273. package/dist/renderer-CDOSfB9H.mjs +0 -5
  274. package/dist/renderer-CT26yQT-.mjs +0 -5
  275. package/dist/renderer-CZeAbz48.mjs +0 -5
  276. package/dist/renderer-D50b7kip.mjs +0 -5
  277. package/dist/renderer-D5LmrO96.mjs +0 -5
  278. package/dist/renderer-DCvqZ5o_.mjs +0 -5
  279. package/dist/renderer-DJGJeGEn.mjs +0 -5
  280. package/dist/renderer-DONvNNXi.mjs +0 -5
  281. package/dist/renderer-DPaSo--Y.mjs +0 -6
  282. package/dist/renderer-DfYYokhr.mjs +0 -5
  283. package/dist/renderer-DlIJhdEM.mjs +0 -5
  284. package/dist/renderer-DqD3nMtv.mjs +0 -5
  285. package/dist/renderer-DrIl-uGt.mjs +0 -5
  286. package/dist/renderer-DyCB3Q1d.mjs +0 -5
  287. package/dist/renderer-DyJ-iSv6.mjs +0 -5
  288. package/dist/renderer-Dzs0jV0G.mjs +0 -5
  289. package/dist/renderer-HIKXw5-Y.mjs +0 -5
  290. package/dist/renderer-Jgt2g8Wp.mjs +0 -5
  291. package/dist/renderer-KnZWmT-M.mjs +0 -5
  292. package/dist/renderer-OMSXddG9.mjs +0 -5
  293. package/dist/renderer-P78xh6OV.mjs +0 -5
  294. package/dist/renderer-gaFP1Kak.mjs +0 -5
  295. package/dist/renderer-lQ8gH7Zd.mjs +0 -5
  296. package/dist/src-r7Suenhp.mjs.map +0 -1
@@ -1,1974 +0,0 @@
1
- import{a as Yd}from"./chunk-PIAJWALT.mjs";import{K as Bi,L as Li,S as kn,c as Z,d as dt,t as ks,u as Hd,v as Ps,w as Ms}from"./chunk-VY6ST4QX.mjs";import{a as wn,b as vn}from"./chunk-ZEYUXJIV.mjs";import{a as Ri,b as xs}from"./chunk-PJ3DVG45.mjs";import{a as Sn,c as ws,d as vs}from"./chunk-ZJLNXN7W.mjs";import{o as Ss}from"./chunk-BBHRXV75.mjs";import{$ as oo,E as Qi,G as Mn,I as Ji,J as qt,K as eo,O as Tn,R as Cn,T as Zt,U as Pt,V as to,W as ro,X as Je,Y as no,_ as io,aa as Mt,b as Gi,ba as ao,ca as so,da as uo,ea as lo,fa as Nr,ga as co,ha as mo,ia as po,ja as fo,ka as ho,l as Wi,la as Or,m as Hi,ma as mt,n as Yi,na as go,oa as bo,p as Dr,pa as yo,s as Xi,w as qi,x as Zi,z as Ki}from"./chunk-NQZRPPUU.mjs";import{P as Cs,S as Vi,U as Pn,Y as Cr,Z as zi,_ as As,a as Yt,aa as ji,ba as _i,ca as Ui,da as Ar}from"./chunk-AKT4YQWL.mjs";import{a as Xd}from"./chunk-YQRKT47I.mjs";import{a as Ii}from"./chunk-2JKXYG6J.mjs";import{a as Ei}from"./chunk-7I7PKKDL.mjs";import{i as Ni}from"./chunk-XKO4RYKN.mjs";import{c as bs}from"./chunk-SYP4AJMF.mjs";import{d as $i}from"./chunk-CURR5X7D.mjs";import{a as de}from"./chunk-NKGXINCU.mjs";import{a as u}from"./chunk-V3FODTPI.mjs";import{a as Ts}from"./chunk-PJMX2GFY.mjs";import{h as hs,j as gs}from"./chunk-24P6DAB3.mjs";import{e as Oi}from"./chunk-KJGNTREI.mjs";import{a as Ht,l as fs,t as Mr}from"./chunk-ALSOO22Q.mjs";import{a as ze}from"./chunk-Q7XC3FI7.mjs";import{j as Xt,y as Fi}from"./chunk-2LQCQ3OT.mjs";import{m as Tr}from"./chunk-4GEWSUX5.mjs";import{r as be}from"./chunk-MTJHQATU.mjs";import{a as ys}from"./chunk-IQC2I5A5.mjs";import{c as Ai,h as Di}from"./chunk-IQKIHFNZ.mjs";import{o as $}from"./chunk-YAQFFQPG.mjs";import{a as ps,c as Pr,d as x,e as h}from"./chunk-BVF64D6H.mjs";var ad=ps((kP,od)=>{h();var gi=()=>new Proxy(function(){},{get:(t,e)=>e==="__esModule"?!0:e===Symbol.toPrimitive?()=>"":gi(),apply:()=>gi(),construct:()=>gi()});od.exports=gi()});var wd=ps((fM,xd)=>{h();var ki=()=>new Proxy(function(){},{get:(t,e)=>e==="__esModule"?!0:e===Symbol.toPrimitive?()=>"":ki(),apply:()=>ki(),construct:()=>ki()});xd.exports=ki()});h();h();var et=2048,qd=42,Zd=30,Kd=48,Ds=-60;function Qd(t,e){let r=t.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&&([t[n],t[i]]=[t[i],t[n]],[e[n],e[i]]=[e[i],e[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,f=t[p]*l-e[p]*c,b=t[p]*c+e[p]*l;t[p]=t[m]-f,e[p]=e[m]-b,t[m]=t[m]+f,e[m]=e[m]+b;let g=l*o-c*a;c=l*a+c*o,l=g}}}}function Ns(t,e){if(t.length===0)return 0;let r=[...t].sort((n,i)=>n-i);return r[Math.min(r.length-1,Math.floor(e*r.length))]}var An=t=>20*Math.log10(t+1e-9),Os=t=>t<0?0:t>1?1:t,Dn=t=>Math.round(t*1e3)/1e3;function Jd(t,e,r){return Array.from({length:t+1},(n,i)=>e*(r/e)**(i/t))}function Rs(t,e,r={}){let n=r.fps??30,i=r.bands??32,o=r.minHz??50,a=Math.min(r.maxHz??12e3,e/2),s=Math.max(0,...t.map(I=>I.length)),l=new Float32Array(s);for(let I of t)for(let F=0;F<I.length;F++)l[F]=l[F]+I[F]/t.length;let c=Math.ceil(s/e*n),d=e/n,m=Float64Array.from({length:et},(I,F)=>.5-.5*Math.cos(2*Math.PI*F/(et-1))),p=Jd(i,o,a),f=e/et,b=p.slice(0,-1).map((I,F)=>{let k=Math.max(1,Math.floor(I/f)),P=Math.max(k+1,Math.ceil(p[F+1]/f));return[k,Math.min(et/2,P)]}),g=p.filter(I=>I<150).length,y=Array.from({length:i},()=>new Array(c)),S=new Array(c),A=new Array(c).fill(0),M=null,v=new Float64Array(et),C=new Float64Array(et);for(let I=0;I<c;I++){let k=Math.round((I+.5)*d)-et/2;for(let V=0;V<et;V++){let ee=l[k+V];v[V]=(ee??0)*m[V],C[V]=0}Qd(v,C);let P=[];b.forEach(([V,ee],oe)=>{let ge=0;for(let L=V;L<ee;L++)ge+=Math.hypot(v[L],C[L]);let le=ge/(ee-V)*(4/et);y[oe][I]=le,oe<Math.max(1,g)&&P.push(le)}),M&&(A[I]=P.reduce((V,ee,oe)=>V+Math.max(0,ee-(M[oe]??0)),0)),M=P;let H=Math.round(I*d),Y=Math.min(s,Math.round((I+1)*d)),_=0;for(let V=H;V<Y;V++)_+=l[V]**2;S[I]=Math.sqrt(_/Math.max(1,Y-H))}let w=y.map(I=>Ns(I.map(An),.98)),T=Math.max(...w),O=y.map((I,F)=>{let k=Math.max(w[F],T-Zd,Ds-20);return I.map(P=>Dn(Os(1-(k-An(P))/qd)))}),j=Math.max(Ds,Ns(S.map(An),.98)),G=S.map(I=>Dn(Os(1-(j-An(I))/Kd)));return{fps:n,frames:c,bands:O,level:G,beats:em(A,n)}}function em(t,e){let r=Math.max(2,Math.round(e*.5)),n=Math.max(1,Math.round(e*.15)),i=Math.max(0,...t),o=[];for(let a=1;a<t.length;a++){let s=t[a];if(s<=i*.08||s<t[a-1]||s<(t[a+1]??0))continue;let l=t.slice(Math.max(0,a-r),a+r+1),c=l.reduce((p,f)=>p+f,0)/l.length,d=Math.sqrt(l.reduce((p,f)=>p+(f-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 ub(t,e){let r=t.length;if(r===0)return[];let n=t[0]?.length??0;return Array.from({length:e},(i,o)=>{let a=Math.floor(o*r/e),s=Math.max(a+1,Math.floor((o+1)*r/e));return Array.from({length:n},(l,c)=>{let d=0;for(let m=a;m<s;m++)d+=t[m][c]??0;return Dn(d/(s-a))})})}function lb(t,e){if(e<=0)return[...t];let r=1/(e+1),n=0;return t.map(i=>(n=i>=n?i:n+(i-n)*r,Dn(n)))}function cb(){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())})}h();function Fs(t,e=0,r={}){let n=r.tolerance??.25;if(t.length===0)return[];if(t.length===1)return[[e,t[0]]];let i=new Uint8Array(t.length);i[0]=1,i[t.length-1]=1;let o=[[0,t.length-1]];for(;o.length>0;){let[s,l]=o.pop(),c=t[s],d=t[l],m=-1,p=n;for(let f=s+1;f<l;f++){let b=(f-s)/(l-s),g=Math.abs(t[f]-(c+(d-c)*b));g>p&&(p=g,m=f)}m!==-1&&(i[m]=1,o.push([s,m],[m,l]))}let a=[];for(let s=0;s<t.length;s++)i[s]&&a.push([e+s,t[s]]);return a}function pb(t,e,r,n){let i=[];for(let o=e;o<=r;o++)i.push(t(o));return Fs(i,e,n)}function Bs(t,{stiffness:e=170,damping:r=26,mass:n=1}={}){if(t<=0)return 0;let i=Math.sqrt(e/n),o=r/(2*Math.sqrt(e*n));if(o<1){let d=i*Math.sqrt(1-o*o);return 1-Math.exp(-o*i*t)*(Math.cos(d*t)+o*i/d*Math.sin(d*t))}if(o===1)return 1-Math.exp(-i*t)*(1+i*t);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*t)+l*Math.exp(s*t))}function tm(t,e,r=.001,n=600){let i=0;for(let o=0;o<=n;o++)Math.abs(1-Bs(o/t,e))>r&&(i=o);return Math.min(n,i+1)}function fb(t,e,r,n,i,o=Math.max(1e-4,Math.abs(r-e)*.002)){let a=tm(n,i),s=Array.from({length:a+1},(l,c)=>c===a?r:e+(r-e)*Bs(c/n,i));return Fs(s,t,{tolerance:o})}h();h();h();var rm=t=>!t.source||t.source.type==="keyframe";function Rr(t){let e=[],r=new Map;for(let n of t){if(!rm(n)){e.push(n);continue}let i=r.get(n.prop);if(!i){let a={...n,keyframes:[...n.keyframes??[]]};r.set(n.prop,a),e.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 e}function Ls(t,e){if(!t)return e;let r=xo(t);if(!r||r.name==="none")return e;let{name:n,dir:i,params:o}=r,a=Math.max(0,Math.min(1,e)),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 f=c-.5454545454545454;return 7.5625*f*f+.75}if(c<.9090909090909091){let f=c-.8181818181818182;return 7.5625*f*f+.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 xo(t){if(t){if(typeof t=="object"&&"name"in t&&"dir"in t)return t;if(typeof t=="string"){let e=t.trim(),r=e.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(f=>Number.parseFloat(f.trim())).filter(f=>!Number.isNaN(f))),{name:c,dir:m,...p&&p.length>0?{params:p}:{}}}let n=e.indexOf(".");if(n===-1){let l=e.toLowerCase();return{name:l==="linear"?"none":l,dir:"out"}}let i=e.slice(0,n).toLowerCase(),o=i==="linear"?"none":i,a=e.slice(n+1).toLowerCase(),s="out";return a==="in"?s="in":a==="out"?s="out":a==="inout"&&(s="inOut"),{name:o,dir:s}}}}var ie=class t{tracks=[];frameStep;defaultRepeat;defaultYoyo;constructor(e=[]){this.tracks=[...e]}static create(){return new t}static stepped(e=2){return new t().stepped(e)}stepped(e=2){return this.frameStep=Math.max(1,Math.min(24,Math.round(e))),this}static fromTo(e,r,n,i={}){return new t().fromTo(e,r,n,i)}static keys(e,r,n){return new t().keys(e,r,n)}static signal(e,r,n={}){return new t().signal(e,r,n)}static colorSignal(e,r,n){return new t().colorSignal(e,r,n)}static kineticSweep(e=-1,r=1,n=0,i=24,o="power2.out"){return new t().kineticSweep(e,r,n,i,o)}static typewriter(e=0,r=30,n="linear"){return new t().typewriter(e,r,n)}static letterSpacing(e,r,n=0,i=24,o="power2.out"){return new t().letterSpacing(e,r,n,i,o)}static wiggle(e,r={}){return new t().wiggle(e,r)}static spring(e,r={}){return new t().spring(e,r)}static firstMargin(e,r,n={}){return new t().firstMargin(e,r,n)}static strokeWidth(e,r,n={}){return new t().fromTo("strokeWidth",e,r,n)}static rotateX(e,r,n={}){return new t().fromTo("rotateX",e,r,n)}static rotateY(e,r,n={}){return new t().fromTo("rotateY",e,r,n)}static rotateZ(e,r,n={}){return new t().fromTo("rotateZ",e,r,n)}static rotation(e,r,n={}){return new t().fromTo("rotation",e,r,n)}static scale(e,r,n={}){return new t().fromTo("scale",e,r,n)}static scaleX(e,r,n={}){return new t().fromTo("scaleX",e,r,n)}static scaleY(e,r,n={}){return new t().fromTo("scaleY",e,r,n)}addTrack(e){return this.tracks.push(e),this}repeat(e=-1,r){this.defaultRepeat=e;for(let n of this.tracks)(!r||n.prop===r)&&(n.repeat=e);return this}yoyo(e=!0,r){this.defaultYoyo=e;for(let n of this.tracks)(!r||n.prop===r)&&(n.yoyo=e);return this}loop(e={},r){return this.repeat(-1,r),e.yoyo&&this.yoyo(!0,r),this}fromTo(e,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=xo(i.ease),l=this.tracks.find(d=>d.prop===e&&(!d.source||d.source.type==="keyframe"));if(!l){let d={id:`${e}_fromTo_${this.tracks.length}`,prop:e,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(e,r,n,i){let o=this.tracks.find(c=>c.prop===e&&(!c.source||c.source.type==="keyframe"));if(!o){let c={id:`${e}_track_${this.tracks.length}`,prop:e,keyframes:[],...this.defaultRepeat!==void 0&&{repeat:this.defaultRepeat},...this.defaultYoyo!==void 0&&{yoyo:this.defaultYoyo}};this.tracks.push(c),o=c}let a=xo(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(e,r,n){for(let[i,o,a]of r)this.keyframe(e,Math.round(i),o,a);if(n){let i=this.tracks.find(o=>o.prop===e&&(!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(e=0,r=20,n="power2.out"){return this.fromTo("opacity",0,1,{from:e,to:r,ease:n})}fadeOut(e,r,n="power2.in"){return this.fromTo("opacity",1,0,{from:e,to:r,ease:n})}slideInY(e,r,n=0,i=24,o="power2.out"){return this.fromTo("y",e,r,{from:n,to:i,ease:o})}slideInX(e,r,n=0,i=24,o="power2.out"){return this.fromTo("x",e,r,{from:n,to:i,ease:o})}kineticSweep(e=-1,r=1,n=0,i=24,o="power2.out"){return this.fromTo("offset",e,r,{from:n,to:i,ease:o})}typewriter(e=0,r=30,n="linear"){return this.fromTo("text",0,1,{from:e,to:r,ease:n})}letterSpacing(e,r,n=0,i=24,o="power2.out"){return this.fromTo("letterSpacing",e,r,{from:n,to:i,ease:o})}firstMargin(e,r,n={}){return this.fromTo("firstMargin",e,r,n)}lastMargin(e,r,n={}){return this.fromTo("lastMargin",e,r,n)}baselineShift(e,r,n={}){return this.fromTo("baselineShift",e,r,n)}rotateX(e,r,n={}){return this.fromTo("rotateX",e,r,n)}rotateY(e,r,n={}){return this.fromTo("rotateY",e,r,n)}rotateZ(e,r,n={}){return this.fromTo("rotateZ",e,r,n)}scaleX(e,r,n={}){return this.fromTo("scaleX",e,r,n)}scaleY(e,r,n={}){return this.fromTo("scaleY",e,r,n)}scale(e,r,n={}){return this.fromTo("scale",e,r,n)}perspective(e,r,n={}){return this.fromTo("perspective",e,r,n)}translateZ(e,r,n={}){return this.fromTo("translateZ",e,r,n)}tilt3D(e){let r=e.start??e.fromFrame,n=e.end??e.toFrame,i=e.ease,o=e.from??{},a=e.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(e,r,n={}){let{handleId:i,inline:o}=Bi(r),a=`${e}_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"};return o&&Li(s,o),this.tracks.push({id:a,prop:e,source:s,keyframes:[]}),this}colorSignal(e,r,n){let{handleId:i,inline:o}=Bi(r),a=`${e}_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&&Li(s,o),this.tracks.push({id:a,prop:e,source:s,keyframes:[]}),this}wiggle(e,r={}){let n=`${e}_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:e,source:i,keyframes:[]}),this}spring(e,r={}){let n=`${e}_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:e,source:i,keyframes:[]}),this}followPath(e,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=e.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,f=r.yawOffset??0,b=r.rollOffset??0,g=!1,y=!1,S=!1,A=[];for(let M=0;M<=a;M++){let v=M/a,C=Ls(r.ease,v),w=l+C*(c-l),T=Math.round(n+v*o),O=[0,0,0],j=[1,0,0],G=[0,0,0];if(typeof e.getFrameAt=="function"){let P=e.getFrameAt(w);O=P.position,j=P.tangent,G=P.rotation??[0,0,0]}else{let P=e.getPointAt(w);O=P.position,P.tangent&&(j=P.tangent);let H=Math.asin(Math.max(-1,Math.min(1,-j[1])))*(180/Math.PI),Y=Math.atan2(j[0],j[2])*(180/Math.PI),_=Math.atan2(j[1],j[0])*(180/Math.PI);G=[H,Y,_]}let I=G[0]+p,F=G[1]+f,k=(Math.abs(j[2])<1e-4?Math.atan2(j[1],j[0])*(180/Math.PI):G[2])+b;if(m!==0){let P=Math.min(1,w+.02),H=Math.max(0,w-.02),Y=e.getPointAt(P),_=e.getPointAt(H),V=Y.tangent??[1,0,0],ee=_.tangent??[1,0,0],oe=Math.atan2(V[0],V[2]),ge=Math.atan2(ee[0],ee[2]),le=oe-ge;k-=le*m*57.2958}Math.abs(O[2])>1e-4&&(g=!0),Math.abs(I)>1e-4&&(y=!0),Math.abs(F)>1e-4&&(S=!0),A.push({f:T,x:O[0],y:O[1],z:O[2],rx:I,ry:F,rz:k})}for(let M of A)this.keyframe("x",M.f,M.x),this.keyframe("y",M.f,M.y),g&&this.keyframe("z",M.f,M.z),d&&(this.keyframe("rotateZ",M.f,M.rz),y&&this.keyframe("rotateX",M.f,M.rx),S&&this.keyframe("rotateY",M.f,M.ry));return this}applyTo(e){return e.animation=this.toSpec(),e}merge(...e){return this.tracks=Rr([...this.tracks,...e.flatMap(r=>r.tracks)]),this}static merge(...e){let r=new t;return r.tracks=Rr(e.flatMap(n=>n.tracks)),r}toSpec(){return{tracks:this.tracks,...this.frameStep!==void 0&&{frameStep:this.frameStep}}}toJSON(){return this.toSpec()}},wo=class t extends ie{static camera(){return new t}dolly(e,r,n={}){if(typeof e=="object"){let i=e,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",e,r??e,n)}orbit(e){let r=e.start??e.fromFrame??0,n=e.end??e.toFrame??0;return e.azimuth&&this.fromTo("orbitAzimuth",e.azimuth.from??0,e.azimuth.to,{from:r,to:n,ease:e.ease}),e.elevation&&this.fromTo("orbitElevation",e.elevation.from??0,e.elevation.to,{from:r,to:n,ease:e.ease}),e.radius&&this.fromTo("orbitRadius",e.radius.from??1500,e.radius.to,{from:r,to:n,ease:e.ease}),this}truck(e,r,n={}){return this.fromTo("cameraX",e,r,n)}pedestal(e,r,n={}){return this.fromTo("cameraY",e,r,n)}pan(e,r,n={}){return this.fromTo("cameraYaw",e,r,n)}tilt(e,r,n={}){return this.fromTo("cameraPitch",e,r,n)}roll(e,r,n={}){return this.fromTo("cameraRoll",e,r,n)}rackFocus(e){let r=e.start??e.fromFrame??0,n=e.end??e.toFrame??0;return this.fromTo("focusDistance",e.fromDistance,e.toDistance,{from:r,to:n,ease:e.ease??"power2.inOut"}),e.toFStop!==void 0&&this.fromTo("fStop",e.fromFStop??2.8,e.toFStop,{from:r,to:n,ease:e.ease??"power2.inOut"}),this}handheld(e){let r=e.start??e.fromFrame??0,n=e.end??e.toFrame??0;return this.fromTo("shakeTranslation",0,e.translationAmplitude,{from:r,to:n}),this.fromTo("shakeRotation",0,e.rotationAmplitude,{from:r,to:n}),this}followPath3D(e,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,f=Ls(r.ease,p),b=l+f*(c-l),g=Math.round(n+p*o),y=[0,0,0],S=[0,0,0];if(typeof e.getFrameAt=="function"){let A=e.getFrameAt(b);y=A.position,S=A.rotation??[0,0,0]}else y=e.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 A=r.target??[y[0],y[1],0];this.keyframe("targetX",g,A[0]),this.keyframe("targetY",g,A[1]),this.keyframe("targetZ",g,A[2])}else if(s==="leadTarget"){let A=Math.min(1,b+d),M=e.getPointAt(A);this.keyframe("targetX",g,M.position[0]),this.keyframe("targetY",g,M.position[1]),this.keyframe("targetZ",g,M.position[2])}else s==="orientAlongPath"&&(this.keyframe("cameraPitch",g,S[0]),this.keyframe("cameraYaw",g,S[1]),this.keyframe("cameraRoll",g,S[2]))}return this}};h();var vo=class t{samples=[];frames=[];totalLength=0;constructor(e){if(e.length<2)throw new Error("Path3D requires at least 2 coordinate samples");this.samples=e,this.totalLength=e[e.length-1].distance,this.computeRotationMinimizingFrames()}computeRotationMinimizingFrames(){let e=this.samples.length;this.frames=new Array(e);let r=this.samples[0].tangent,n=[0,-1,0];Math.abs(Z.dot(r,n))>.95&&(n=[0,0,1]);let i=Z.normalize(Z.subtract(n,Z.multiplyScalar(r,Z.dot(n,r))));Z.lengthSq(i)<1e-4&&(i=[1,0,0]);let o=Z.normalize(Z.cross(r,i));this.frames[0]={normal:i,binormal:o,rotation:this.eulerFromFrame(r,i,o)};for(let a=0;a<e-1;a++){let s=this.samples[a].position,l=this.samples[a+1].position,c=this.samples[a].tangent,d=this.samples[a+1].tangent,m=this.frames[a].normal,p=Z.subtract(l,s),f=Z.dot(p,p),b;if(f>1e-8){let y=Z.subtract(c,Z.multiplyScalar(p,2*Z.dot(p,c)/f)),S=Z.subtract(m,Z.multiplyScalar(p,2*Z.dot(p,m)/f)),A=Z.subtract(d,y),M=Z.dot(A,A);M>1e-8?b=Z.subtract(S,Z.multiplyScalar(A,2*Z.dot(A,S)/M)):b=S}else b=m;b=Z.normalize(Z.subtract(b,Z.multiplyScalar(d,Z.dot(d,b))));let g=Z.normalize(Z.cross(d,b));this.frames[a+1]={normal:b,binormal:g,rotation:this.eulerFromFrame(d,b,g)}}}eulerFromFrame(e,r,n){let i=Math.asin(Math.max(-1,Math.min(1,-e[1])))*(180/Math.PI),o=Math.atan2(e[0],e[2])*(180/Math.PI),a=Math.atan2(r[0],r[1])*(180/Math.PI);return[i,o,a]}getPointAt(e){let n=Math.max(0,Math.min(1,e))*this.totalLength;return this.getPointAtDistance(n)}getPointAtDistance(e){let r=Math.max(0,Math.min(this.totalLength,e)),n=this.samples.length,i=0,o=n-1;for(;i<o;){let M=i+o>>1;this.samples[M].distance<r?i=M+1:o=M}let a=Math.max(1,i),s=a-1,l=this.samples[s],c=this.samples[a],d=c.distance-l.distance,m=d>1e-6?(r-l.distance)/d:0,p=Z.lerp(l.position,c.position,m),f=Z.normalize(Z.lerp(l.tangent,c.tangent,m)),b=this.frames[s],g=this.frames[a],y=Z.normalize(Z.lerp(b.normal,g.normal,m)),S=Z.normalize(Z.cross(f,y)),A=[b.rotation[0]+(g.rotation[0]-b.rotation[0])*m,b.rotation[1]+(g.rotation[1]-b.rotation[1])*m,b.rotation[2]+(g.rotation[2]-b.rotation[2])*m];return{position:p,tangent:f,normal:y,binormal:S,distance:r,t:this.totalLength>0?r/this.totalLength:0,rotation:A}}static catmullRom(e,r={}){if(e.length<2)throw new Error("Catmull-Rom spline requires at least 2 waypoints");let n=!!r.closed,i=r.samplesPerSegment??40,o=[];if(n)o.push(e[e.length-1]),o.push(...e),o.push(e[0]),o.push(e[1]);else{let l=e[0],c=e[1],d=e[e.length-1],m=e[e.length-2];o.push(Z.subtract(l,Z.subtract(c,l))),o.push(...e),o.push(Z.add(d,Z.subtract(d,m)))}let a=n?e.length:e.length-1,s=[];for(let l=0;l<a;l++){let c=o[l],d=o[l+1],m=o[l+2],p=o[l+3],f=l===a-1?i:i-1;for(let b=0;b<=f;b++){let g=b/i,y=g*g,S=y*g,A=-.5*S+y-.5*g,M=1.5*S-2.5*y+1,v=-1.5*S+2*y+.5*g,C=.5*S-.5*y,w=[A*c[0]+M*d[0]+v*m[0]+C*p[0],A*c[1]+M*d[1]+v*m[1]+C*p[1],A*c[2]+M*d[2]+v*m[2]+C*p[2]],T=-1.5*y+2*g-.5,O=4.5*y-5*g,j=-4.5*y+4*g+.5,G=1.5*y-1*g,I=[T*c[0]+O*d[0]+j*m[0]+G*p[0],T*c[1]+O*d[1]+j*m[1]+G*p[1],T*c[2]+O*d[2]+j*m[2]+G*p[2]],F=Z.normalize(I);s.push({position:w,tangent:F})}}return t.fromRawSamples(s)}static fromRawSamples(e){let r=0,n=e.map((i,o)=>(o>0&&(r+=Z.distance(i.position,e[o-1].position)),{position:i.position,tangent:i.tangent,distance:r}));if(n.length===0)throw new TypeError("Path3D needs samples");return new t(n)}static bezier(e,r=50){if(e.length===0)throw new Error("Bezier path requires at least 1 segment");let n=[];for(let i=0;i<e.length;i++){let o=e[i],a=i===e.length-1?r:r-1;for(let s=0;s<=a;s++){let l=s/r,c=1-l,d=c*c,m=d*c,p=l*l,f=p*l,b=[m*o.p0[0]+3*d*l*o.p1[0]+3*c*p*o.p2[0]+f*o.p3[0],m*o.p0[1]+3*d*l*o.p1[1]+3*c*p*o.p2[1]+f*o.p3[1],m*o.p0[2]+3*d*l*o.p1[2]+3*c*p*o.p2[2]+f*o.p3[2]],g=[3*d*(o.p1[0]-o.p0[0])+6*c*l*(o.p2[0]-o.p1[0])+3*p*(o.p3[0]-o.p2[0]),3*d*(o.p1[1]-o.p0[1])+6*c*l*(o.p2[1]-o.p1[1])+3*p*(o.p3[1]-o.p2[1]),3*d*(o.p1[2]-o.p0[2])+6*c*l*(o.p2[2]-o.p1[2])+3*p*(o.p3[2]-o.p2[2])],y=Z.normalize(g);n.push({position:b,tangent:y})}}return t.fromRawSamples(n)}static helix(e){let{center:r,radius:n,pitch:i,turns:o,axis:a="z",samplesPerTurn:s=60}=e,l=Math.max(10,Math.round(o*s)),c=[];for(let d=0;d<=l;d++){let m=d/l,p=m*o*Math.PI*2,f=(m-.5)*i*o,b=Math.cos(p),g=Math.sin(p),y,S;a==="z"?(y=[r[0]+n*b,r[1]+n*g,r[2]+f],S=[-n*g,n*b,i*o/(o*Math.PI*2)]):a==="y"?(y=[r[0]+n*b,r[1]+f,r[2]+n*g],S=[-n*g,i*o/(o*Math.PI*2),n*b]):(y=[r[0]+f,r[1]+n*b,r[2]+n*g],S=[i*o/(o*Math.PI*2),-n*g,n*b]),c.push({position:y,tangent:Z.normalize(S)})}return t.fromRawSamples(c)}static circle(e){let{center:r,radius:n,startAngleDeg:i=0,endAngleDeg:o=360,samples:a=128}=e,s=i*Math.PI/180,l=o*Math.PI/180,c=[];for(let d=0;d<=a;d++){let m=s+(l-s)*(d/a),p=Math.cos(m),f=Math.sin(m),b=[r[0]+n*p,r[1],r[2]+n*f],g=[-n*f,0,n*p];c.push({position:b,tangent:Z.normalize(g)})}return t.fromRawSamples(c)}};h();var So=class t{name;props={};selectors=[];constructor(e){this.name=e}static create(e){return new t(e)}skew(e,r=0){return this.props.skew=e,this.props.skewAxis=r,this}anchor(e,r="character",n=0,i=0){return this.props.anchor={grouping:r,preset:e,anchorX:.5,anchorY:.5,offsetX:n,offsetY:i},this}anchorNormalized(e,r,n="character"){return this.props.anchor={grouping:n,preset:"custom",anchorX:e,anchorY:r,offsetX:0,offsetY:0},this}translateZ(e){return this.props.translateZ=e,this}tilt3D(e=0,r=0,n=0){return this.props.rotationX=e,this.props.rotationY=r,this.props.rotationZ=n,this}rotationX(e){return this.props.rotationX=e,this}rotationY(e){return this.props.rotationY=e,this}rotationZ(e){return this.props.rotationZ=e,this}volumetricFormation(e="cylinder",r=300,n=120,i=360,o=1200,a="y"){return this.props.formation={mode:e,radius:r,pitch:n,totalAngle:i,perspective:o,axis:a},this}lineSpacing(e,r=0){return this.props.lineSpacing=e,this.props.lineAnchor=r,this}lineAnchor(e){return this.props.lineAnchor=e,this}spring(e=180,r=12,n=1,i=0){return this.props.spring={stiffness:e,damping:r,mass:n,initialVelocity:i,overshootMultiplier:1},this}stroke(e,r="#ffffff",n=1){return this.props.stroke={strokeWidth:e,strokeColor:r,strokeAlign:"center",fillOpacity:n,dashOffset:0},this}variableFont(e){return this.props.variableAxes=e,this}chromaticGlitch(e,r=0,n=-e,i=0){return this.props.chromaticGlitch={redShiftX:e,redShiftY:r,blueShiftX:n,blueShiftY:i,sliceProbability:0,sliceAmplitude:0},this}audioSpectrum(e,r=60,n=16e3,i=2.5){return this.props.audioSpectrum={signalChannel:e,minFreqHz:r,maxFreqHz:n,scaleAxis:"scaleY",minScale:.2,maxScale:i,peakDecay:.8},this}longShadow(e=45,r=40,n="#000000",i=.8,o=0,a=16){return this.props.longShadow={angle:e,length:r,color:n,startOpacity:i,endOpacity:o,steps:a},this}particleDissolve(e=0,r=90,n=120){return this.props.particleDissolve={progress:e,dispersalAngle:r,maxDisplacement:n,turbulence:.5,particleSize:2},this}addExpressionSelector(e,r="add"){return this.selectors.push({type:"expression",expression:e,mode:r,amount:1}),this}expressionSelector(e,r="add"){return this.addExpressionSelector(e,r)}x(e){return this.props.x=e,this}y(e){return this.props.y=e,this}scale(e){return this.props.scale=e,this}scaleX(e){return this.props.scaleX=e,this}scaleY(e){return this.props.scaleY=e,this}rotation(e){return this.props.rotation=e,this}opacity(e){return this.props.opacity=e,this}blur(e){return this.props.blur=e,this}fillColor(e){return this.props.fillColor=e,this}build(){return{name:this.name,selectors:this.selectors,props:this.props}}};h();var Es=u.enum(["character","word","line","all"]),Is=u.enum(["center","baseline","bottom_left","bottom_center","bottom_right","top_left","top_center","top_right","custom"]),Vs=u.object({grouping:Es.default("character"),preset:Is.default("center"),anchorX:u.number().default(.5),anchorY:u.number().default(.5),offsetX:u.number().default(0),offsetY:u.number().default(0)}),nm=u.object({skew:u.number().min(-90).max(90),skewAxis:u.number().default(0)}),im=u.object({lineSpacing:u.number(),lineAnchor:u.number().min(0).max(1).default(0)}),zs=u.enum(["planar","vortex","cylinder","helix"]),ko=u.object({mode:zs.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)}),om=u.object({translateZ:u.number().optional(),rotationX:u.number().optional(),rotationY:u.number().optional(),rotationZ:u.number().optional(),formation:ko.optional()}),js=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)}),am=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)}),_s=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)}),Po=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()}),Us=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()}),$s=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)}),Gs=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)}),Ws=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)}),Hs=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)}),Ys=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:ko.optional(),skew:u.number().optional(),skewAxis:u.number().optional(),tracking:u.number().optional(),lineSpacing:u.number().optional(),lineAnchor:u.number().optional(),anchor:Vs.optional(),opacity:u.number().optional(),blur:u.number().optional(),fillColor:u.string().optional(),stroke:_s.optional(),variableAxes:Us.optional(),chromaticGlitch:$s.optional(),longShadow:Ws.optional(),particleDissolve:Hs.optional(),audioSpectrum:Gs.optional(),spring:js.optional()}),Mo=u.object({name:u.string().default("AdvancedAnimator"),selectors:u.array(u.record(u.string(),u.unknown())).default([]),props:Ys});h();h();var Fr=u.object({x:u.number(),y:u.number()}),Xs=u.object({p0:Fr,p1:Fr,p2:Fr,p3:Fr}),qs=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(Xs).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)})]),Kt=u.object({path:qs,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)}),Zs=u.enum(["bar","underscore","block","custom"]),Ks=u.object({enabled:u.boolean().default(!0),style:Zs.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)}),Qs=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)})]),Js=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()}),Nn=u.object({granularity:u.enum(["character","word","line"]).default("character"),cursor:Ks.default({enabled:!0,style:"bar",customChar:"|",blinkFrequency:2,hideOnComplete:!1,width:2.5,spacing:3}),cadence:Qs.default({mode:"human",jitter:.35,commaPauseMultiplier:3,sentencePauseMultiplier:5.5,paragraphPauseMultiplier:7}),scramble:Js.default({enabled:!1,charset:"alphanumeric",scrambleFramesPerChar:8,highlightProbability:.25}),soundSync:u.boolean().default(!1)}),On=u.enum(["characters","characters_excluding_spaces","words","lines"]),eu=u.enum(["percentage","index"]),tu=u.enum(["square","ramp_up","ramp_down","triangle","round","smooth"]),Rn=u.enum(["add","subtract","intersect","min","max","difference"]),ru=u.object({type:u.literal("range"),start:u.number().default(0),end:u.number().default(1),offset:u.number().default(0),units:eu.default("percentage"),basedOn:On.default("characters"),shape:tu.default("square"),mode:Rn.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)}),nu=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:On.default("characters"),mode:Rn.default("intersect")}),iu=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:On.default("characters"),mode:Rn.default("add")}),ou=u.discriminatedUnion("type",[ru,nu,iu]),au=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()}),su=u.enum(["character","word","line","all"]),uu=u.object({grouping:su.default("character"),anchorX:u.number().default(.5),anchorY:u.number().default(.8)}),Qt=u.object({name:u.string().default("Animator"),selectors:u.array(ou).min(1),props:au,anchor:uu.default({grouping:"character",anchorX:.5,anchorY:.8})}),sm=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:Kt.optional(),typewriter:Nn.optional(),animators:u.array(Qt).default([])});var To=class t{options={firstMargin:0,lastMargin:0,reversePath:!1,perpendicularToPath:!0,forceAlignment:!1,loop:!1,baselineOffset:"baseline",baselineShift:0};static fromSvg(e){let r=new t;return r.options.path={type:"svg",d:e},r}static fromBezier(e){let r=new t;return r.options.path={type:"bezier",segments:e},r}static fromCurve(e){return t.fromBezier([e])}static circularBadge(e,r,n){let i=new t;return i.options.path={type:"ellipse",cx:e,cy:r,rx:n,ry:n,startAngleDeg:0,endAngleDeg:360},i.options.loop=!0,i}static ellipse(e,r,n,i,o=0,a=360){let s=new t;return s.options.path={type:"ellipse",cx:e,cy:r,rx:n,ry:i,startAngleDeg:o,endAngleDeg:a},s.options.loop=Math.abs(a-o)>=360,s}static wave(e,r,n,i,o,a=0){let s=new t;return s.options.path={type:"wave",startX:e,startY:r,length:n,amplitude:i,frequency:o,phaseDeg:a},s}firstMargin(e){return this.options.firstMargin=e,this}lastMargin(e){return this.options.lastMargin=e,this}reversePath(e){return this.options.reversePath=e,this}perpendicularToPath(e){return this.options.perpendicularToPath=e,this}forceAlignment(e){return this.options.forceAlignment=e,this}loop(e){return this.options.loop=e,this}baselineOffset(e){return this.options.baselineOffset=e,this}baselineShift(e){return this.options.baselineShift=e,this}build(){return Kt.parse(this.options)}},Co=class t{name="Animator";selectors=[];props={};anchor={grouping:"character",anchorX:.5,anchorY:.8};static create(e){let r=new t;return r.name=e,r}addRangeSelector(e){let r=e.easeHigh??0,n=Math.abs(r)>1?r/100:r,i=e.easeLow??0,o=Math.abs(i)>1?i/100:i;return this.selectors.push({type:"range",start:e.start??0,end:e.end??1,offset:e.offset??0,units:"percentage",basedOn:e.basedOn??"characters",shape:e.shape??"smooth",mode:e.mode??"add",amount:1,easeHigh:Math.max(-1,Math.min(1,n)),easeLow:Math.max(-1,Math.min(1,o)),randomizeOrder:e.randomizeOrder??!1,randomSeed:e.randomSeed??12345}),this}addWigglySelector(e){return this.selectors.push({type:"wiggly",wigglesPerSecond:e.wigglesPerSecond??2,correlation:e.correlation??.5,temporalPhaseDeg:0,spatialPhaseDeg:0,minAmount:e.minAmount??-1,maxAmount:e.maxAmount??1,randomSeed:e.randomSeed??42,basedOn:"characters",mode:e.mode??"intersect"}),this}addSignalSelector(e,r=1,n=0,i=0,o="add"){return this.selectors.push({type:"signal",signalId:e,multiplier:r,offset:i,phaseSpread:n,basedOn:"characters",mode:o}),this}x(e){return this.props.x=e,this}y(e){return this.props.y=e,this}z(e){return this.props.z=e,this}scale(e){return this.props.scale=e,this}scaleX(e){return this.props.scaleX=e,this}scaleY(e){return this.props.scaleY=e,this}rotation(e){return this.props.rotation=e,this}rotationX(e){return this.props.rotationX=e,this}rotationY(e){return this.props.rotationY=e,this}skew(e){return this.props.skew=e,this}skewAxis(e){return this.props.skewAxis=e,this}opacity(e){return this.props.opacity=e,this}blur(e){return this.props.blur=e,this}fill(e){return this.fillColor(e)}fillColor(e){return this.props.fillColor=e,this}strokeColor(e){return this.props.strokeColor=e,this}strokeWidth(e){return this.props.strokeWidth=e,this}tracking(e){return this.props.tracking=e,this}lineSpacing(e){return this.props.lineSpacing=e,this}characterOffset(e){return this.props.characterOffset=e,this}anchorGrouping(e,r=.5,n=.8){return this.anchor={grouping:e,anchorX:r,anchorY:n},this}build(){return Qt.parse({name:this.name,selectors:this.selectors,props:this.props,anchor:this.anchor})}};h();h();var lu=`
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 Ao=class{device;pipeline;cameraLayout;modelLayout;glassLayout;backdropLayout;modelPool;glassPool;vertexBuffer;indexBuffer;modelData=new Float32Array(40);glassData=new Float32Array(16);constructor(e,r,n="depth24plus",i){this.device=e,this.modelPool=new Fi(160,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.glassPool=new Fi(64,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST);let o=e.createShaderModule({label:"pbr-glass.wgsl",code:lu});this.cameraLayout=i??e.createBindGroupLayout({label:"GlassCameraLayout",entries:[{binding:0,visibility:GPUShaderStage.VERTEX|GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.modelLayout=e.createBindGroupLayout({label:"GlassModelLayout",entries:[{binding:0,visibility:GPUShaderStage.VERTEX|GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.glassLayout=e.createBindGroupLayout({label:"GlassUniformLayout",entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.backdropLayout=e.createBindGroupLayout({label:"GlassBackdropLayout",entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}}]});let a=e.createPipelineLayout({bindGroupLayouts:[this.cameraLayout,this.modelLayout,this.glassLayout,this.backdropLayout]});this.pipeline=e.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:Ss}]},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=e.createBuffer({size:s.byteLength,usage:GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST,mappedAtCreation:!0}),new Float32Array(this.vertexBuffer.getMappedRange()).set(s),this.vertexBuffer.unmap(),this.indexBuffer=e.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(e,r,n,i,o){ks(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()}]});e.setPipeline(this.pipeline),e.setBindGroup(0,r),e.setBindGroup(1,c),e.setBindGroup(2,d),e.setBindGroup(3,m),e.setVertexBuffer(0,this.vertexBuffer),e.setIndexBuffer(this.indexBuffer,"uint16"),e.drawIndexed(6)}destroy(){this.modelPool.destroy(),this.glassPool.destroy(),this.vertexBuffer.destroy(),this.indexBuffer.destroy()}};h();h();var cu=`
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 Do=class{device;pipeline;bindGroupLayout;uniformBuffer;sampler;constructor(e){this.device=e;let r=e.createShaderModule({label:"motion-blur-shader",code:cu});this.bindGroupLayout=e.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=e.createPipelineLayout({label:"motion-blur-layout",bindGroupLayouts:[this.bindGroupLayout]});this.pipeline=e.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=e.createBuffer({label:"motion-blur-uniforms",size:32,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST}),this.sampler=e.createSampler({label:"motion-blur-sampler",magFilter:"linear",minFilter:"linear"})}render(e,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),f=new Float32Array(p),b=new Uint32Array(p);f[0]=s,b[1]=l,f[2]=c,b[3]=16,f[4]=a.width,f[5]=a.height,f[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=e.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()}};h();var No=class{shadowDepthTexture;shadowDepthView;shadowComparisonSampler;lightViewProjMatrix;constructor(e,r=2048){this.lightViewProjMatrix=dt.identity(),this.shadowDepthTexture=e.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=e.createSampler({label:"shadow-pcf-sampler",compare:"less-equal",magFilter:"linear",minFilter:"linear"})}computeDirectionalLightMatrix(e,r,n=2e3,i=10,o=4e3){let a=dt.lookAt(e,r,[0,1,0]),s=n*.5,l=dt.orthographic(-s,s,-s,s,i,o);return this.lightViewProjMatrix=dt.multiply(l,a),this.lightViewProjMatrix}destroy(){this.shadowDepthTexture.destroy()}};h();h();var du=`
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
- `,mu=`
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 Oo=class{device;ssaoPipeline;blurPipeline;ssaoBindGroupLayout;blurBindGroupLayout;ssaoUniformBuffer;blurUniformBuffer;kernelBuffer;noiseTexture;sampler;constructor(e){this.device=e,this.noiseTexture=e.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;e.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=e.createBuffer({label:"ssao-kernel-buffer",size:n.byteLength,usage:GPUBufferUsage.STORAGE|GPUBufferUsage.COPY_DST}),e.queue.writeBuffer(this.kernelBuffer,0,n);let i=e.createShaderModule({label:"ssao-shader",code:du});this.ssaoBindGroupLayout=e.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=e.createRenderPipeline({label:"ssao-eval-pipeline",layout:e.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=e.createBuffer({label:"ssao-uniforms",size:256,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST});let o=e.createShaderModule({label:"ssao-blur-shader",code:mu});this.blurBindGroupLayout=e.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=e.createRenderPipeline({label:"ssao-blur-pipeline",layout:e.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=e.createBuffer({label:"ssao-blur-uniforms",size:32,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST}),this.sampler=e.createSampler({label:"ssao-sampler",magFilter:"linear",minFilter:"linear",addressModeU:"repeat",addressModeV:"repeat"})}render(e,r,n,i,o,a){let s=a.invProjMatrix??dt.invert(a.projMatrix)??dt.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=e.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),f=new Int32Array(m);p[0]=a.width,p[1]=a.height,f[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=e.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()}};h();var um=["background","fill","fillColor","strokeColor","borderColor","gradientEndColor","emissive","color"],pu=2e3,fu=3;function Ro(t){return t.animation?.tracks??[]}var hu=(t,e)=>Ro(t).some(r=>e.includes(r.prop)),lm=new Set(["box","flex","block","group"]);function gu(t){if(t.kind==="text"||t.kind==="light"||t.kind==="camera")return!1;if(!lm.has(String(t.kind)))return!0;let e=t.background;return typeof e=="string"&&e!==""&&e!=="transparent"?!0:(t.children??[]).some(gu)}var cm=t=>[...t].sort((e,r)=>(Number(e.zIndex)||0)-(Number(r.zIndex)||0));function Fn(t){if(typeof t!="string"||t.includes("gradient("))return null;let e=Ai(t);return e&&e[3]>.99?t:null}function Fo(t){let e=[],r=(f,b,g,y)=>e.push({severity:f,code:b,message:g,...y&&{layerId:y}}),n=t.width,i=t.height,o=!1,a=[],s=!1,l=[],c=[],d=(f,b,g)=>{let y=String(f.id??"?");for(let w of um){let T=f[w];typeof T!="string"||T===""||T==="transparent"||(T.includes("gradient(")?bs(T)||r("error","invalid_gradient",`\`${w}\` on '${y}' is not a gradient this renderer reads: ${T}. It draws nothing.`,y):Ai(T)||r("warning","unknown_color",`\`${w}: "${T}"\` on '${y}' is not a color (hex, rgb(), hsl(), oklch() or a CSS name). It draws transparent.`,y))}if(f.kind==="light"){let w=f.lightType??"directional";w==="environment"&&(o=!0),w==="ambient"&&a.push(y),f.castShadow&&(w==="directional"||w==="spot"?c.push(y):r("warning","shadow_unsupported_light",`'${y}' is a ${String(w)} light: only directional and spot lights cast shadows.`,y));return}if(f.kind==="camera")return;if(f.kind==="media"){let w=f.inputHandleId;typeof w=="string"&&(f.dataType??"Video")==="Image"&&(/\.(json|lottie)(\?.*)?$/i.test(w)?r("error","unsupported_image_format",`'${y}' is an image layer with source '${w}', which is a Lottie vector animation. Use Layer.lottie() instead.`,y):/\.(mp4|mov|webm|mkv)(\?.*)?$/i.test(w)?r("error","unsupported_image_format",`'${y}' is an image layer with video source '${w}'. Use Layer.video() instead.`,y):/\.(mp3|wav|ogg|m4a|aac)(\?.*)?$/i.test(w)&&r("error","unsupported_image_format",`'${y}' is an image layer with audio source '${w}'. Use Layer.audio() instead.`,y))}let S=!!f.is3D||typeof f.z=="number"&&f.z!==0;if((S||f.kind==="model3d")&&(s=!0),(f.roughness!==void 0||f.metallic!==void 0)&&l.push(y),f.kind==="text"&&b&&!hu(f,["fill","color"])){let w=Fn(f.fill??f.color),T=Fn(f.background)??b;if(w){let O=Di.contrast(w,T);O<fu&&r("warning","low_contrast_text",`Text '${y}' (${w}) on ${T} has contrast ${O.toFixed(2)}:1 (aim for \u2265 ${fu}; ${Di.readableOn(T)} reads well).`,y)}}if(g&&!S&&f.position==="absolute"&&typeof f.x=="number"&&typeof f.y=="number"&&typeof f.width=="number"&&typeof f.height=="number"&&!hu(f,["x","y","translateX","translateY","scale","scaleX","scaleY","rotation"])){let{x:w,y:T,width:O,height:j}=f;(w+O<=0||T+j<=0||w>=n||T>=i)&&r("warning","offscreen_layer",`'${y}' sits entirely outside the ${n}\xD7${i} canvas (x ${w}, y ${T}) and never moves in.`,y)}let A=Ro(f).reduce((w,T)=>w+(T.keyframes?.length??0),0);A>pu&&r("warning","large_animation",`'${y}' has ${A} keyframes across its tracks (over ${pu}). Keying every frame is rarely needed: key the turning points and let eases fill in, or drive the prop from a signal.`,y);for(let w of Ro(f)){let T=w.keyframes??[];(!w.source||w.source.type==="keyframe")&&T.length>=2&&T.every(O=>JSON.stringify(O.value)===JSON.stringify(T[0].value))&&r("info","static_track",`'${y}' animates \`${w.prop}\` but every keyframe holds ${JSON.stringify(T[0].value)}.`,y)}let M=Fn(f.background)??b,v=f.children,C=f.x===0&&f.y===0&&f.width===n&&f.height===i;m(v??[],M,g&&C)},m=(f,b,g)=>{let y=b;for(let S of cm(f))d(S,y,g),gu(S)&&(y=null)},p=Fn(t.backgroundColor)??null;return m(t.layout,p,!0),o&&a.length>0&&r("info","ambient_with_environment",`The environment already fills shadows with light; ambient light ${a.join(", ")} adds flat light on top (remove it, or lower it, if the scene looks washed out).`),c.length>1&&r("info","multiple_shadow_lights",`${c.length} lights cast shadows (${c.join(", ")}); only the first one does.`),s&&l.length>0&&!o&&r("info","pbr_without_environment",`roughness / metallic are set (${l.slice(0,3).join(", ")}${l.length>3?", \u2026":""}) but the scene has no Layer.environment(): add one for physically based shading, reflections and tone mapping.`),e}h();var bu=u.union([u.number().min(0),u.enum(["auto","fit","fill"]),u.custom()]),dm=u.enum(["rect","circle","ellipse","polygon","star","arrow","path"]),yu=u.union([u.instanceof(Yt),u.object({op:u.string().min(1)}).passthrough(),u.custom(t=>!!(t&&typeof t=="object"&&"op"in t&&typeof t.op=="string"))]),mm=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"]),Bo=u.enum(["alpha","alpha-inverted","luma","luma-inverted"]),xu=u.enum(["lit","unlit","toon","glass","acrylic","frosted","metallic"]);var pm=u.enum(["interpolate","hueRotate","threshold"]),fm=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((t,e)=>{if(t.name==="spring"&&t.params){let[r,n,i]=t.params;r!==void 0&&r<=0&&e.addIssue({code:u.ZodIssueCode.custom,message:"Spring damping must be greater than 0.",path:["params",0]}),n!==void 0&&n<=0&&e.addIssue({code:u.ZodIssueCode.custom,message:"Spring stiffness must be greater than 0.",path:["params",1]}),i!==void 0&&i<=0&&e.addIssue({code:u.ZodIssueCode.custom,message:"Spring mass must be greater than 0.",path:["params",2]})}}),hm=u.object({id:u.string().min(1),frame:u.number().int().min(0),value:u.union([u.number(),u.boolean(),u.string()]),ease:fm.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(),gm=u.enum(["continuous","accumulate"]),bm=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:pm.optional(),colorA:u.string().optional(),colorB:u.string().optional(),colorThreshold:u.number().optional(),signalMode:gm.optional(),threshold:u.number().optional(),accumulateThreshold:u.number().optional(),debounceFrames:u.number().int().min(0).optional(),channel:u.string().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)})]),ym=u.preprocess(t=>{if(!t||typeof t!="object")return t;let e=t;if(e.type==="signal"){let r=typeof e.threshold=="number"?e.threshold:typeof e.accumulateThreshold=="number"?e.accumulateThreshold:.15;return{type:"signal",inputHandleId:e.inputHandleId??e.handleId,multiplier:e.multiplier??e.amplitude??1,offset:e.offset??0,smoothingWindowFrames:e.smoothingWindowFrames??e.smoothing??0,colorMode:e.colorMode,colorA:e.colorA,colorB:e.colorB,colorThreshold:e.colorThreshold,signalMode:e.signalMode??"continuous",threshold:r,accumulateThreshold:r,debounceFrames:e.debounceFrames??2,channel:typeof e.channel=="string"?e.channel:"primary"}}return t},bm),xm=(t,e)=>{if(t?.tracks)for(let r=0;r<t.tracks.length;r++){let n=t.tracks[r],i=n.keyframes??[];(!n.source||n.source.type==="keyframe")&&i.length<1&&e.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";for(let l=0;l<i.length;l++){let c=i[l];if(l>0){let m=i[l-1];c.frame<m.frame?e.addIssue({code:u.ZodIssueCode.custom,message:"Keyframes must be sorted in ascending order of frame.",path:["tracks",r,"keyframes",l]}):c.frame===m.frame&&e.addIssue({code:u.ZodIssueCode.custom,message:"Duplicate keyframes at the same frame are not allowed.",path:["tracks",r,"keyframes",l]})}let d=typeof c.value;a?d!=="boolean"&&e.addIssue({code:u.ZodIssueCode.custom,message:`Keyframe value for discrete property '${n.prop}' must be a boolean.`,path:["tracks",r,"keyframes",l,"value"]}):s?d!=="string"&&e.addIssue({code:u.ZodIssueCode.custom,message:`Keyframe value for color property '${n.prop}' must be a string.`,path:["tracks",r,"keyframes",l,"value"]}):d!=="number"||Number.isNaN(c.value)||!Number.isFinite(c.value)?e.addIssue({code:u.ZodIssueCode.custom,message:`Keyframe value for numeric property '${n.prop}' must be a finite number.`,path:["tracks",r,"keyframes",l,"value"]}):(n.prop==="volume"||n.prop==="trimStart"||n.prop==="trimEnd")&&(c.value<0||c.value>1)&&e.addIssue({code:u.ZodIssueCode.custom,message:`Keyframe value for property '${n.prop}' must be between 0 and 1.`,path:["tracks",r,"keyframes",l,"value"]})}}},wm=u.object({id:u.string().min(1),prop:mm,source:ym.optional(),keyframes:u.array(hm).default([]),repeat:u.number().int().optional(),yoyo:u.boolean().optional(),durationFrames:u.number().int().min(1).optional()}).strict(),Lo=u.object({tracks:u.array(wm).max(24),frameStep:u.number().int().min(1).max(24).optional()}).strict().superRefine(xm),Tt={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:bu.optional(),height:bu.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(yu).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:xu.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:de.optional(),emissiveIntensity:u.number().min(0).optional(),castShadow:u.boolean().optional(),matte:u.object({node:u.custom(t=>typeof t=="object"&&t!==null),mode:Bo.optional()}).optional(),matteId:u.string().optional(),matteOf:u.string().optional(),matteMode:Bo.optional(),animation:Lo.default({tracks:[]}),vision:u.unknown().optional(),relighting:u.unknown().optional()},wu=u.object({color:de,offset:u.object({x:u.number(),y:u.number()}).optional(),blurRadius:u.number().min(0).optional()}).strict(),vm=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(),vu=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:vm.optional()}),Sm={waveRise(t={}){return{id:t.id??"wave-rise",unit:t.unit??"character",rangeStart:t.rangeStart??0,rangeEnd:t.rangeEnd??1,offset:t.offset??-1,easing:t.easing??"power2.out",transform:{y:t.y??40,rotationX:t.rotationX??45,opacity:t.opacity??0,blur:t.blur??0}}},wordPop(t={}){return{id:t.id??"word-pop",unit:"word",rangeStart:0,rangeEnd:1,offset:-1,easing:t.easing??"back.out(1.6)",transform:{scale:t.scale??0,y:t.y??20,opacity:0}}},blurIn(t={}){return{id:t.id??"blur-in",unit:t.unit??"character",rangeStart:0,rangeEnd:1,offset:-1,easing:t.easing??"power3.out",transform:{blur:t.blur??16,y:t.y??20,opacity:t.opacity??0}}},flip3D(t={}){return{id:t.id??"flip-3d",unit:t.unit??"character",rangeStart:0,rangeEnd:1,offset:-1,easing:t.easing??"back.out(1.4)",transform:{rotationX:t.rotationX??90,opacity:0}}},colorSweep(t){return{id:t.id??"color-sweep",unit:t.unit??"character",rangeStart:0,rangeEnd:.5,offset:-.5,easing:t.easing??"power2.inOut",transform:{color:t.color}}}},km=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(),Pm=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(),Mm=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(),Su=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:km.optional(),dof:Pm.optional(),shake:Mm.optional(),startFrame:u.number().int().min(0).default(0),durationFrames:u.number().int().min(1).optional(),animation:Lo.default({tracks:[]})}).strict(),ku=u.enum(["ambient","directional","point","spot","environment"]),Pu=u.enum(["studio","soft","sunset","night","neutral"]),Mu=u.enum(["neutral","agx","aces","none"]),Tu=u.object({color:de,start:u.number().min(0),end:u.number().min(0),opacity:u.number().min(0).max(1).optional()}).strict(),Cu=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(),Au=u.object({id:u.string().min(1),kind:u.literal("light"),lightType:ku.default("directional"),color:de.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:Pu.optional(),top:de.optional(),horizon:de.optional(),bottom:de.optional(),softboxes:u.number().min(0).optional(),rotation:u.number().optional(),exposure:u.number().min(-16).max(16).optional(),toneMapping:Mu.optional(),fog:Tu.optional(),bloom:u.union([u.boolean(),Cu]).optional(),startFrame:u.number().int().min(0).default(0),durationFrames:u.number().int().min(1).optional(),animation:Lo.default({tracks:[]})}).strict(),Eo=()=>u.array(u.lazy(()=>Io)),Du=u.object({...Tt,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("hidden"),background:de.optional(),borderRadius:u.number().min(0).optional(),borderColor:de.optional(),borderWidth:u.number().min(0).optional(),strokeAlign:u.enum(["inside","center","outside"]).optional(),strokeRadius:u.number().min(0).optional(),children:Eo().optional()}).strict(),Tm=u.object({...Tt,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("hidden"),background:de.optional(),borderRadius:u.number().min(0).optional(),borderColor:de.optional(),borderWidth:u.number().min(0).optional(),strokeAlign:u.enum(["inside","center","outside"]).optional(),strokeRadius:u.number().min(0).optional(),children:Eo().optional()}).strict(),Nu=u.object({...Tt,kind:u.literal("box"),background:de,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("hidden"),borderColor:de.optional(),borderWidth:u.number().min(0).optional(),strokeAlign:u.enum(["inside","center","outside"]).optional(),strokeRadius:u.number().min(0).optional(),children:Eo().optional()}).strict(),Ou=u.object({background:de,borderRadius:u.number().min(0).optional(),paddingX:u.number().min(0).optional(),paddingY:u.number().min(0).optional()}).strict(),Ru=u.object({text:u.union([u.string(),u.custom(t=>!!(t&&typeof t=="object"&&"get"in t))]),fontFamily:u.string().optional(),fontSize:u.union([u.number().positive(),u.custom(t=>!!(t&&typeof t=="object"&&"get"in t))]).optional(),fontWeight:u.union([u.number().int(),u.string()]).optional(),fontStyle:u.enum(["normal","italic"]).optional(),fill:u.union([de,u.custom(t=>!!(t&&typeof t=="object"&&"get"in t))]).optional(),letterSpacing:u.number().optional(),baselineShift:u.number().optional(),opacity:u.union([u.number().min(0).max(1),u.custom(t=>!!(t&&typeof t=="object"&&"get"in t))]).optional(),mark:Ou.optional()}).strict(),Cm={text:u.string().default(""),spans:u.array(Ru).optional(),fontFamily:u.string().optional(),fontSize:u.number().positive().optional(),fontWeight:u.union([u.number().int(),u.string()]).optional(),fontStyle:u.string().optional(),fill:de,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:de,borderRadius:u.number().min(0).optional(),padding:u.number().min(0).optional(),stroke:de,strokeWidth:u.number().min(0).optional(),strokeAlign:u.enum(["inside","center","outside"]).optional(),textShadow:u.string().optional(),shadows:u.array(wu).optional(),pathOptions:Kt.optional(),typewriter:Nn.optional(),marquee:Po.optional(),animators:u.array(u.union([vu,Qt,Mo])).optional()},Fu=u.object({...Tt,...Cm,kind:u.literal("text")}).strict(),Bu=u.object({...Tt,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:de.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(),fontFamily:u.string().optional(),fontSize:u.number().positive().optional(),fontWeight:u.union([u.number().int(),u.string()]).optional(),fontStyle:u.string().optional(),fill:de,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:de,padding:u.number().min(0).optional(),stroke:de,strokeWidth:u.number().min(0).optional(),textShadow:u.string().optional(),shadows:u.array(wu).optional(),maxWidth:u.number().optional()}).strict(),Am={shapeType:dm.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:de.default("#3b82f6"),gradientEndColor:de.optional(),gradientAngle:u.number().default(0),strokeColor:de.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)},Lu=u.object({...Tt,...Am,kind:u.literal("shape")}).strict(),Dm=u.object({offset:u.number().min(0).max(1),color:u.string()}),Eu=u.object({...Tt,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:de.optional(),colorTint:de.optional(),text3dOptions:u.unknown().optional(),primitive3d:u.unknown().optional()}).strict(),Io=u.lazy(()=>u.discriminatedUnion("kind",[Du,Tm,Nu,Fu,Bu,Lu,Su,Au,Eu])),Nm=u.object({width:u.number().int().min(1).max(4096),height:u.number().int().min(1).max(4096),backgroundColor:de,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(Io).default([]),fonts:u.array(u.string()).optional(),signals:u.record(u.string(),u.unknown()).optional(),effects:u.array(yu).optional(),vision:u.unknown().optional(),onRequestFrame:u.custom().optional()}).strict();h();var Iu=u.enum(["cut","carrierMatchCut","cameraWhip","focusPullDissolve","irisAperture","pushDirectional"]),Vu=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(),Om=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:Iu.default("cut"),durationFrames:u.number().int().min(0).default(0),carrier:Vu.optional(),whipDirection:u.enum(["left","right","up","down"]).default("left")}).default({type:"cut",durationFrames:0,whipDirection:"left"})}).passthrough();function Rm(t,e){return{x:t.x,y:t.y,scale:t.scale,vx:t.vx,vy:t.vy,...e}}function zu(t,e=60){let r=0,n=[];for(let a of t){let s=r,l=a.durationFrames??(a.durationMs?Math.round(a.durationMs/1e3*e):60);n.push({sceneId:a.id,startFrame:s,durationFrames:l});let c=a.transitionOverlap??a.transitionOut?.durationFrames??0;r+=Math.max(1,l-c)}let i=r,o=Math.round(i/e*1e3);return{totalFrames:i,totalDurationMs:o,sceneOffsets:n}}var Br=class t{id;chapter;durationMs;durationFrames;transitionOut;layout;constructor(e){this.id=e.id,this.chapter=e.chapter??"custom",this.durationMs=e.durationMs,this.durationFrames=e.durationFrames,this.transitionOut={type:e.transitionOut?.type??"cut",durationFrames:e.transitionOut?.durationFrames??0,carrier:e.transitionOut?.carrier,whipDirection:e.transitionOut?.whipDirection??"left"},this.layout=e.layout??[]}static create(e){return new t(e)}},Vo=class t{fps;width;height;backgroundColor;fonts;signals;scenes=[];constructor(e={}){if(this.fps=e.fps??60,this.width=e.width??1920,this.height=e.height??1080,this.backgroundColor=e.backgroundColor??"#ffffff",this.fonts=e.fonts,this.signals=e.signals,e.scenes)for(let r of e.scenes)this.addScene(r)}static create(e={}){return new t(e)}addScene(e){let r=e instanceof Br?e:new Br(e);return this.scenes.push(r),this}getScenes(){return this.scenes}calculateTimeline(){return zu(this.scenes,this.fps)}toProgram(){let e=this.calculateTimeline(),r=[];for(let n=0;n<this.scenes.length;n++){let i=this.scenes[n],o=e.sceneOffsets[n];if(o)for(let a of i.layout){let s={...a};s.startFrame=(s.startFrame??0)+o.startFrame,s.durationFrames===void 0&&(s.durationFrames=o.durationFrames),r.push(s)}}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}}};h();h();function zo(t){let e=t>>>0,r=()=>{e=e+2654435769>>>0;let n=e;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 Fm(t){let e=2166136261;for(let r=0;r<t.length;r++)e^=t.charCodeAt(r),e=Math.imul(e,16777619)>>>0;return e>>>0}function Lr(t,e){return zo((Math.imul(t>>>0,2654435761)^Fm(String(e)))>>>0)}function by(t,e){return jo(e),Math.round(t*e)}function yy(t,e){return jo(e),t/e}function xy(t,e){return Math.round(t*e)}function wy(t,e){return!e||e<=0?Math.round(t):Math.round(Math.round(t/e)*e)}function Bn(t,e){return jo(e),Math.max(1,Math.round(t*e/30))}function vy(t,e,r="forward",n=1){return t<=0?[]:Bm(t,r,n).map(o=>Math.round(o*e))}function Bm(t,e,r=1){let n=Array.from({length:t},(o,a)=>a),i=(t-1)/2;switch(e){case"forward":return n;case"reverse":return n.map(o=>t-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=zo(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(t);return a.forEach((l,c)=>{s[l]=c}),s}}}var Lm=(t,e)=>({start:t,end:t+Math.max(0,e)}),Sy=(t,e)=>t>=e.start&&t<=e.end;function ky(t){if(t.length===0)return{start:0,end:0};let e=Number.POSITIVE_INFINITY,r=Number.NEGATIVE_INFINITY;for(let n of t)e=Math.min(e,n.start),r=Math.max(r,n.end);return{start:e,end:r}}function Py(t,e=0,r=0){let n=[],i=e;for(let o of t)n.push(Lm(i,o)),i+=o+r;return n}function jo(t){if(!(t>0)||!Number.isFinite(t))throw new Error(`fps must be a positive number, got ${t}`)}var Er=["none","fade","rise","drop","scale","pop","slide-left","slide-right","slide-up","slide-down","tilt","mask-up","mask-down","mask-left","mask-right"];function _o(t,e,r,n=30){if(t===!1||t===void 0)return null;let i=typeof t=="string"?{preset:t}:t;if(i.preset==="none")return null;if(!Er.includes(i.preset))throw new Error(`Unknown motion preset "${i.preset}". Use one of: ${Er.join(", ")}.`);return{preset:i.preset,duration:Math.max(1,Math.round(i.duration??Bn(r.motion.speed.base,n))),ease:i.ease??(i.preset==="pop"?r.motion.ease.snap:e==="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))}}var ju=t=>t.preset.startsWith("mask-");function _u(t,e){switch(t.preset){case"mask-up":return[0,e?.height??t.distance];case"mask-down":return[0,-(e?.height??t.distance)];case"mask-left":return[e?.width??t.distance,0];case"mask-right":return[-(e?.width??t.distance),0];case"rise":case"slide-up":return[0,t.distance];case"drop":case"slide-down":return[0,-t.distance];case"slide-left":return[t.distance,0];case"slide-right":return[-t.distance,0];default:return[0,0]}}function Uu(t,e=0,r){let n=e+t.delay,i=n+t.duration,o=ie.create();ju(t)||o.keys("opacity",[[n,0],[i,1,t.ease]]);let[a,s]=_u(t,r);return a!==0&&o.keys("x",[[n,a],[i,0,t.ease]]),s!==0&&o.keys("y",[[n,s],[i,0,t.ease]]),t.preset==="scale"&&o.keys("scale",[[n,.92],[i,1,t.ease]]),t.preset==="pop"&&o.keys("scale",[[n,.6],[i,1,t.ease]]),t.preset==="tilt"&&(o.keys("perspective",[[n,1200]]),o.keys("rotateX",[[n,28],[i,0,t.ease]]),o.keys("translateZ",[[n,-160],[i,0,t.ease]])),o}function $u(t,e,r){let n=e-t.delay,i=Math.max(0,n-t.duration),o=ie.create();ju(t)||o.keys("opacity",[[i,1],[n,0,t.ease]]);let[a,s]=_u(t,r);return a!==0&&o.keys("x",[[i,0],[n,-a,t.ease]]),s!==0&&o.keys("y",[[i,0],[n,-s,t.ease]]),t.preset==="scale"&&o.keys("scale",[[i,1],[n,.92,t.ease]]),t.preset==="pop"&&o.keys("scale",[[i,1],[n,.6,t.ease]]),t.preset==="tilt"&&(o.keys("perspective",[[i,1200]]),o.keys("rotateX",[[i,0],[n,-28,t.ease]]),o.keys("translateZ",[[i,0],[n,-160,t.ease]])),o}h();var Ln={ease:{enter:"expo.out",exit:"power2.in",move:"power3.inOut",snap:"back.out(1.6)"},speed:{fast:8,base:16,slow:30}},Uo={radius:{sm:6,md:12,lg:24,pill:999},stroke:{hair:1,base:2,bold:4}},$o={display:"Inter",body:"Inter",mono:"JetBrains Mono"},Wu={graphite:{color:{bg:"#0d0e11",surface:"#16181d",raised:"#1f2229",line:"#2b2f38",ink:"#f3f4f6",muted:"#8b909c",accent:"#5b8cff",accent2:"#b07cff",positive:"#3ecf8e",negative:"#ff5c5c",highlight:"#ffd23f"},font:$o,...Uo,motion:Ln,scale:1},paper:{color:{bg:"#f4f1ea",surface:"#fffdf8",raised:"#ffffff",line:"#dcd6c8",ink:"#1a1814",muted:"#6b665c",accent:"#e0451f",accent2:"#1f5fe0",positive:"#1f8a4c",negative:"#c8282d",highlight:"#ffe066"},font:$o,...Uo,motion:Ln,scale:1},signal:{color:{bg:"#000000",surface:"#111111",raised:"#1c1c1c",line:"#333333",ink:"#ffffff",muted:"#a3a3a3",accent:"#c6ff00",accent2:"#ff2e88",positive:"#00e676",negative:"#ff1744",highlight:"#c6ff00"},font:$o,...Uo,motion:{...Ln,ease:{...Ln.ease,enter:"back.out(1.8)"},speed:{fast:6,base:12,slow:24}},scale:1}};function Go(t={},e=Wu.graphite){let r=Hu(e,t),n=Em(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 Ry(t,e,r=30){return Bn(t.motion.speed[e],r)}function Hu(t,e){if(e===void 0)return t;if(t===null||e===null||typeof t!="object"||typeof e!="object"||Array.isArray(t)||Array.isArray(e))return e;let r={...t};for(let[n,i]of Object.entries(e))r[n]=Hu(r[n],i);return r}function Em(t,e){let r=Gu(t),n=Gu(e);if(r===null||n===null)return null;let[i,o]=r>n?[r,n]:[n,r];return(i+.05)/(o+.05)}function Gu(t){let e=t.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);if(!e?.[1])return null;let r=e[1].length===3?e[1].split("").map(i=>i+i).join(""):e[1],n=i=>{let o=Number.parseInt(r.slice(i,i+2),16)/255;return o<=.03928?o/12.92:((o+.055)/1.055)**2.4};return .2126*n(0)+.7152*n(2)+.0722*n(4)}function Im(t,e){let r={};for(let[n,i]of Object.entries(t))r[n]=i.map(o=>{let a={...o,frame:o.frame+e};return typeof o.end=="number"&&(a.end=o.end+e),a});return r}function Vm(t,{rest:e=0,peak:r=1,attack:n=0,release:i=8,ease:o="power2.out"}={}){let a=t.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,e]),s.set(l,[l,r]),s.set(l+i,[l+i,e,o])}return[...s.values()].sort((l,c)=>l[0]-c[0])}var zm=()=>u.custom(t=>typeof t=="function",{message:"Expected a function"});function Yu(){return u.union([u.enum(Er),u.object({preset:u.enum(Er),duration:u.number().int().positive().optional(),ease:u.string().optional(),distance:u.number().optional(),delay:u.number().int().min(0).optional()})])}var Xu;function jm(){return Xu??=_m(),Xu}function _m(){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([Yu(),u.literal(!1)]).optional(),exit:u.union([Yu(),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(t=>typeof t=="object"&&t!==null).optional(),seed:u.number().int().optional(),fps:u.number().positive().optional(),customize:zm().optional()})}function zy(t){return t}var Um=t=>t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();function qu(t,e){let r;return n=>{r??=jm().extend(e.props()).strict();let i=r.safeParse(n??{});if(!i.success){let o=i.error.issues.map(a=>` - ${a.path.join(".")||"(props)"}: ${a.message}`).join(`
381
- `);throw new Error(`${e.name}: invalid props
382
- ${o}`)}return $m(t,e,i.data)}}function $m(t,e,r){let n=Go(r.theme??{}),i=r.fps??30,o=r.seed??1,a=r.id??t.autoId(Um(e.name)),s=e.defaults??{},l=r.hold??s.hold??0,c={host:t,theme:n,fps:i,seed:o,id:a,partId:I=>`${a}-${I}`,rng:I=>Lr(o,I),requested:{width:r.width,height:r.height,duration:r.duration,at:r.at??0},hold:l},d=e.build(c,r),m=_o(r.enter===void 0?s.enter:r.enter,"enter",n,i),p=_o(r.exit===void 0?s.exit:r.exit,"exit",n,i),f=d.duration===null||d.openEnded===!0&&!p&&!d.afterHold,b=r.duration??(f||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(`${e.name}: an exit needs a known end. Give \`duration\`, or drop \`exit\`.`);let g=r.width??d.width,y=r.height??d.height,S=t.box({id:c.partId("stage"),position:"absolute",x:0,y:0,width:g,height:y,children:d.children}),A={width:g,height:y};m&&S.animate(Uu(m,0,A)),p&&b!==null&&S.animate($u(p,b,A));let M=r.x===void 0&&r.y===void 0&&!r.position?d.origin:void 0,v=r.x!==void 0||r.y!==void 0||M!==void 0,C=r.x??M?.[0]??0,w=r.y??M?.[1]??0,T=t.box({id:a,...v?{position:"absolute",x:C,y:w}:r.position?{position:r.position}:{},width:g,height:y,...(m?.preset.startsWith("mask-")||p?.preset.startsWith("mask-"))&&{overflow:"hidden"},startFrame:r.at??0,...b!==null&&{durationFrames:b},children:[S]}),O={...d.parts,root:T,stage:S};r.customize?.(O),Wo(T);let j=r.at??0,G=Im(d.cues,j);if(Object.defineProperties(T,{cues:{value:G,enumerable:!1},span:{value:{start:j,end:b===null?Number.POSITIVE_INFINITY:j+b,duration:b??Number.POSITIVE_INFINITY},enumerable:!1},part:{value:I=>O[I],enumerable:!1}}),d.api){let I=d.api({x:v?C:0,y:v?w:0,width:g,height:y,absolute:v,start:j});for(let[F,k]of Object.entries(I))Object.defineProperty(T,F,{value:k,enumerable:!1})}return T}function Wo(t){let e=t;for(let r of e.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 e.children??[])Wo(r);e.matte?.node&&Wo(e.matte.node)}h();h();var Zu=(t,e)=>Math.hypot(e[0]-t[0],e[1]-t[1]),Ku=(t,e,r)=>[t[0]+(e[0]-t[0])*r,t[1]+(e[1]-t[1])*r];function Qu(t,e=16){if(t.length<2)return t.map(n=>[n[0],n[1]]);let r=[[t[0][0],t[0][1]]];for(let n=0;n<t.length-1;n++){let i=t[Math.max(0,n-1)],o=t[n],a=t[n+1],s=t[Math.min(t.length-1,n+2)];for(let l=1;l<=e;l++)r.push(Gm(i,o,a,s,l/e))}return r}function Gm(t,e,r,n,i){let o=(S,A)=>Math.max(1e-6,Math.sqrt(Zu(S,A))),s=0+o(t,e),l=s+o(e,r),c=l+o(r,n),d=s+(l-s)*i,m=(S,A,M,v)=>v===M?S:Ku(S,A,(d-M)/(v-M)),p=m(t,e,0,s),f=m(e,r,s,l),b=m(r,n,l,c),g=m(p,f,0,l),y=m(f,b,s,c);return m(g,y,s,l)}function Uy(t){if(t.length===0)throw new Error("arcPath: no points");let e=[0];for(let i=1;i<t.length;i++)e.push(e[i-1]+Zu(t[i-1],t[i]));let r=e[e.length-1],n=i=>{if(t.length===1||r===0)return[0,0];let o=Math.min(1,Math.max(0,i))*r,a=0,s=e.length-1;for(;s-a>1;){let c=a+s>>1;e[c]<=o?a=c:s=c}let l=e[s]-e[a];return[a,l>0?(o-e[a])/l:0]};return{points:t,length:r,at(i){let[o,a]=n(i);return t.length===1?[t[0][0],t[0][1]]:Ku(t[o],t[Math.min(o+1,t.length-1)],a)},angleAt(i){let[o]=n(i),a=t[Math.min(o,t.length-2)]??t[0],s=t[Math.min(o+1,t.length-1)];return Math.atan2(s[1]-a[1],s[0]-a[0])}}}function tt(t,e=!1){if(t.length===0)return"";let r=a=>Math.round(a*100)/100,[n,...i]=t,o=[`M${r(n[0])} ${r(n[1])}`];for(let a of i)o.push(`L${r(a[0])} ${r(a[1])}`);return e&&o.push("Z"),o.join(" ")}function $y(t,e,r=0,n=0){let i=c=>Math.round(c*1e3)/1e3,o=t.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 f=l%7;l++,f===2||f===3||f===4?a.push(String(d)):f<2||p?a.push(String(i(d*e))):a.push(String(i(d*e+(f===5?r:n))));continue}p?a.push(String(i(d*e))):m==="H"?a.push(String(i(d*e+r))):m==="V"?a.push(String(i(d*e+n))):(a.push(String(i(d*e+(l%2===0?r:n)))),l++)}return a.join(" ").replace(/ ?([a-zA-Z]) ?/g,"$1")}function Xy(t,e,r="power2.inOut"){return[[t,0],[t+Math.max(1,e),1,r]]}function Ir(t,{wobble:e=0,seed:r=1}={},n=0){if(e<=0||t.length===0)return t.map(c=>[c[0],c[1]]);let i=Lr(r,`wobble:${n}`),o=Math.max(2,Math.min(8,Math.ceil(t.length/6))),a=Array.from({length:o},()=>i.spread(e)),s=Array.from({length:o},()=>i.spread(e)),l=(c,d)=>{let m=d*(c.length-1),p=Math.min(c.length-2,Math.floor(m)),f=m-p,b=f*f*(3-2*f);return c[p]*(1-b)+c[p+1]*b};return t.map((c,d)=>{let m=t.length===1?0:d/(t.length-1);return[c[0]+l(a,m),c[1]+l(s,m)]})}function qy(t,{padding:e=0,wobble:r=0,seed:n=1}={},i=0){let o=t.x+t.width/2,a=t.y+t.height/2,s=t.width/2+e,l=t.height/2+e,c=Lr(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,f=[];for(let b=0;b<=p;b++){let g=d+m*b/p,y=r>0?1+(b/p-.5)*.06:1;f.push([o+Math.cos(g)*s*y,a+Math.sin(g)*l*y])}return tt(Ir(f,{wobble:r,seed:n},i),r<=0)}function Zy(t,{padding:e=0,wobble:r=0,seed:n=1}={},i=0){let o=t.x-e,a=t.y-e,s=t.x+t.width+e,l=t.y+t.height+e,c=[[o,a],[s,a],[s,l],[o,l],[o,a]];if(r<=0)return tt(c.slice(0,4),!0);let d=s-o,m=[[o+d*.06,a]];for(let p=0;p<4;p++){let f=c[p],b=c[p+1];for(let g=1;g<=8;g++){let y=g/8;p===0&&f[0]+(b[0]-f[0])*y<o+d*.06||m.push([f[0]+(b[0]-f[0])*y,f[1]+(b[1]-f[1])*y])}}return m.push([o+d*.14,a+(l-a)*.01]),tt(Ir(m,{wobble:r,seed:n},i))}function Ky(t,e,{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([t[0]+(e[0]-t[0])*l,t[1]+(e[1]-t[1])*l])}return tt(Ir(a,{wobble:r,seed:n},i))}function Qy(t,e,{amplitude:r=6,waves:n,wobble:i=0,seed:o=1}={},a=0){let s=Math.hypot(e[0]-t[0],e[1]-t[1]),l=n??Math.max(2,Math.round(s/28)),c=Math.atan2(e[1]-t[1],e[0]-t[0]),d=-Math.sin(c),m=Math.cos(c),p=l*8,f=[];for(let b=0;b<=p;b++){let g=b/p,y=Math.sin(g*l*Math.PI*2)*r;f.push([t[0]+(e[0]-t[0])*g+d*y,t[1]+(e[1]-t[1])*g+m*y])}return tt(Ir(f,{wobble:i,seed:o},a))}function Jy(t,e,{curve:r="arc",headSize:n=18,wobble:i=0,seed:o=1}={},a=0){let s=e[0]-t[0],l=e[1]-t[1],c=Math.hypot(s,l)||1,d=-l/c,m=s/c,p=r==="straight"?0:r==="arc"?.18:.35,f=r==="swoop"?[t,[t[0]+s*.3+d*c*p,t[1]+l*.3+m*c*p],[t[0]+s*.75-d*c*p*.4,t[1]+l*.75-m*c*p*.4],e]:[t,[t[0]+s*.5+d*c*p,t[1]+l*.5+m*c*p],e],b=p===0?[t,e]:Qu(f,12),g=Ir(b,{wobble:i,seed:o},a),y=g[g.length-2]??t,S=Math.atan2(e[1]-y[1],e[0]-y[0]),A=C=>[e[0]-Math.cos(S+C*.5)*n,e[1]-Math.sin(S+C*.5)*n],M=A(1),v=A(-1);return{shaft:tt(g),head:`${tt([M,e])} ${tt([e,v]).replace(/^M/,"L")}`}}function e0(t,{start:e,end:r,every:n,variants:i=3}){let o=Array.from({length:Math.max(1,i)},(l,c)=>t(c));if(n<=0||o.length===1)return[[e,o[0]]];let a=[],s=0;for(let l=e;l<=r;l+=n)a.push([l,o[s%o.length],"hold"]),s++;return a}h();var En=t=>t<0?0:t>1?1:t,Wm={none:()=>t=>t,linear:()=>t=>t,power1:()=>t=>t*t,power2:()=>t=>t*t*t,cubic:()=>t=>t*t*t,power3:()=>t=>t**4,sine:()=>t=>1-Math.cos(t*Math.PI/2),circ:()=>t=>1-Math.sqrt(Math.max(0,1-t*t)),expo:()=>t=>t===0?0:2**(10*(t-1)),back:([t=1.70158])=>e=>(t+1)*e*e*e-t*e*e,elastic:([t=1,e=.3])=>{let r=Math.max(1,t),n=e/(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)/e))},bounce:()=>t=>1-Hm(1-t)};function Hm(t){return t<1/2.75?7.5625*t*t:t<2/2.75?7.5625*(t-1.5/2.75)**2+.75:t<2.5/2.75?7.5625*(t-2.25/2.75)**2+.9375:7.5625*(t-2.625/2.75)**2+.984375}var Ju=new Map;function Ym(t){if(!t)return s=>En(s);let e=Ju.get(t);if(e)return e;let r=t.trim().match(/^([a-zA-Z0-9]+)(?:\.([a-zA-Z]+))?(?:\(([^)]*)\))?$/);if(!r)throw new Error(`Unknown ease "${t}"`);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=Wm[n];if(!s)throw new Error(`Unknown ease "${t}"`);let l=s(o);if(i==="in")a=c=>l(En(c));else if(i==="inout")a=c=>{let d=En(c);return d<.5?l(d*2)/2:1-l((1-d)*2)/2};else if(i==="out")a=c=>1-l(1-En(c));else throw new Error(`Unknown ease direction in "${t}"`)}return Ju.set(t,a),a}function el(t,e){return Ym(t)(e)}h();var In={char:"textIndex",word:"wordIndex",line:"lineIndex"},Xm=t=>String(Math.round(t*1e4)/1e4),pt=t=>`[${t.map(Xm).join(",")}]`;function a0(t,e,r,n){let i=Math.max(1,Math.round(e.duration)),o=Array.from({length:i+1},(d,m)=>el(e.ease,m/i)),a=In[t],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};`,`})(${pt(e.starts)},${pt(o)},${n?pt(n):"0"})`].join("")}function s0(t,e,r,n){let i=In[t],o=n?`*(${pt(n)}[${i}]??0)`:"";return`((S,E)=>{const s=S[${i}];return s!==undefined&&frame>=s&&frame<E[${i}]?1${o}:0;})(${pt(e)},${pt(r)})`}function u0(t,e){return`((S)=>frame<(S[${In[t]}]??S[S.length-1])?1:0)(${pt(e)})`}function l0(t,e){return e.filter((r,n)=>t[n]!==`
383
- `)}function c0(t,e){return`(${pt(e)}[${In[t]}]??0)`}function d0(t,e,r){return{name:t,selectors:[{type:"expression",expression:e,mode:"add",amount:1}],props:r}}function m0(t,e){let r={textIndex:e.textIndex??0,wordIndex:e.wordIndex??0,lineIndex:e.lineIndex??0,frame:e.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 (${t});`),i=Number(n(...Object.values(r)));return Number.isFinite(i)?Math.max(-1,Math.min(1,i)):0}h();function h0(t){if(!/^[A-Z][A-Za-z0-9]+$/.test(t.name))throw new Error(`Component name must be PascalCase: "${t.name}"`);if(t.summary.length>200)throw new Error(`${t.name}: summary must be one sentence (\u2264 200 chars).`);return t}h();var tl;function x0(){return tl??=u.custom(t=>t!=null&&(Array.isArray(t)||typeof t=="object"||typeof t=="function"),{message:"Expected a target: [x, y], a rect, { node }, { text }, { track } or (frame) => point"}),tl}h();h();function S0(t){let e=[];for(let r of t.matchAll(/\S+/g)){let n=r.index??0;e.push({text:r[0],start:n,end:n+r[0].length,index:e.length})}return e}function rl(t,e,r=0){if(typeof e=="string"){let o=0;for(let a=0;;a++){let s=t.indexOf(e,o);if(s<0)return null;if(a===r)return[s,s+e.length];o=s+Math.max(1,e.length)}}let n=e.flags.includes("g")?e.flags:`${e.flags}g`,i=0;for(let o of t.matchAll(new RegExp(e.source,n))){if(i===r)return[o.index??0,(o.index??0)+o[0].length];i++}return null}function qm(t,e,r){if(!r.width||!r.align||r.align==="left")return 0;let n=Number.POSITIVE_INFINITY,i=Number.NEGATIVE_INFINITY;for(let a of t.glyphs)a.line!==e||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 nl(t,e,r,n){let i=new Map;for(let o of t.glyphs){if(o.index<e||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=qm(t,o,n);return{x:a.min+s,y:o*t.lineHeight,width:a.max-a.min,height:t.lineHeight}})}var il=t=>Array.isArray(t)&&t.length===2&&t.every(e=>typeof e=="number"),Zm=t=>typeof t=="object"&&t!==null&&["x","y","width","height"].every(e=>typeof t[e]=="number"),We=t=>typeof t=="number"&&Number.isFinite(t)?t:void 0;function Vn(t,e,r){if(typeof t=="function")return t(e);if(t&&typeof t.get=="function"){let n=e/r;return t.get({frame:e,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 T0(t,e={}){if(typeof t=="function")return{kind:"dynamic",anchor:"center",at:i=>{let o=t(i);return il(o)?{x:o[0],y:o[1],width:0,height:0}:o}};if(il(t))return{kind:"static",anchor:"center",rects:[{x:t[0],y:t[1],width:0,height:0}]};if(Zm(t))return{kind:"static",anchor:"center",rects:[t]};if("track"in t){let i=t.track,o=e.fps??30;return{kind:"dynamic",anchor:t.anchor??"center",at:a=>({x:Vn(i.x,a,o),y:Vn(i.y,a,o),width:Vn(i.width,a,o),height:Vn(i.height,a,o)})}}if("text"in t)return{kind:"static",anchor:t.anchor??"tip",rects:Jm(t,e)};let r=t.node,n=Km(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:t.anchor??"center",rects:[n]}}function Km(t){let e=We(t.x),r=We(t.y),n=We(t.width),i=We(t.height);return e===void 0||r===void 0||n===void 0||i===void 0?null:{x:e,y:r,width:n,height:i}}function Qm(t,e){let r=t.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=We(r.x),o=We(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(!e.measure)throw new Error("Text targets need a measure function.");let a=r.fontFamily??e.textDefaults?.fontFamily;if(!a)throw new Error("Text target has no fontFamily.");let s={...e.textDefaults,fontFamily:a,fontSize:We(r.fontSize)??e.textDefaults?.fontSize,fontWeight:r.fontWeight??e.textDefaults?.fontWeight,letterSpacing:We(r.letterSpacing)??e.textDefaults?.letterSpacing,lineHeight:We(r.lineHeight)??e.textDefaults?.lineHeight,width:We(r.width),align:ep(r.align),direction:r.direction},l=t.range??(t.match!==void 0?rl(n,t.match,t.nth??0):[0,n.length]);if(!l)throw new Error(`Text target: "${String(t.match)}" not found in "${n}".`);return{content:n,metrics:e.measure(n,s),options:s,range:[l[0],l[1]],x:i,y:o}}function Jm(t,e){let r=Qm(t,e),n=nl(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 ep(t){return t==="center"?"center":t==="end"||t==="right"?"right":"left"}function tp(t){if(t.length===0)return{x:0,y:0,width:0,height:0};let e=Number.POSITIVE_INFINITY,r=Number.POSITIVE_INFINITY,n=Number.NEGATIVE_INFINITY,i=Number.NEGATIVE_INFINITY;for(let o of t)e=Math.min(e,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:e,y:r,width:n-e,height:i-r}}function ol(t,e="center",r=!1){let{x:n,y:i,width:o,height:a}=t;switch(e){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 C0(t,e=0,r=!1){if(t.kind==="dynamic")return ol(t.at(e),t.anchor,r);let n=t.rects[0];return ol(t.anchor==="tip"?n:tp(t.rects),t.anchor,r)}h();function N0(t,e,r,n,i=0){let o=r/e,a=[],s=i;for(let l=0;l<t.length;l++){let c=t[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}h();h();var Vr=class{textures=new Map;set(e,r){this.textures.set(e,r)}get(e){return this.textures.get(e)}has(e){return this.textures.has(e)}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(e,r){let n=this.textures.get(e);if(!n)throw new Error(`[ControlNetMultiplexer] Cannot create bind group entry: conditioning texture "${e}" is not registered in VRAM.`);return{binding:r,resource:n.createView({label:`controlnet_${e}_view`})}}exportTensorView(e){let r=this.textures.get(e);if(!r)throw new Error(`[ControlNetMultiplexer] Conditioning tensor "${e}" not found in multiplexer.`);return{texture:r,width:r.width,height:r.height,format:r.format}}async readPixelsAsync(e,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=e.createBuffer({size:d,usage:GPUBufferUsage.COPY_DST|GPUBufferUsage.MAP_READ,label:`controlnet_readback_staging_${r}`}),p=e.createCommandEncoder({label:`readback_encoder_${r}`});p.copyTextureToBuffer({texture:n},{buffer:m,bytesPerRow:c,rowsPerImage:o},[i,o,1]),e.queue.submit([p.finish()]),await m.mapAsync(GPUMapMode.READ);let f=m.getMappedRange(),b=new Uint8Array(i*o*s),g=new Uint8Array(f);if(c===l)b.set(g.subarray(0,i*o*s));else for(let y=0;y<o;y++){let S=y*c,A=y*l;b.set(g.subarray(S,S+l),A)}return m.unmap(),m.destroy(),{width:i,height:o,format:a,data:b}}destroy(){for(let e of this.textures.values())try{e.destroy()}catch{}this.textures.clear()}};h();h();h();var al=`
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
- `,sl=`
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
- `,ul=`
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(e){this.device=e;let r=e.createShaderModule({label:"canny_sobel.wgsl",code:al});this.sobelPipeline=e.createComputePipeline({label:"CannySobelPipeline",layout:"auto",compute:{module:r,entryPoint:"computeSobel"}});let n=e.createShaderModule({label:"canny_nms_rgba8.wgsl",code:sl});this.nmsRgba8Pipeline=e.createComputePipeline({label:"CannyNmsRgba8Pipeline",layout:"auto",compute:{module:n,entryPoint:"computeNonMaxSuppression"}});let i=e.createShaderModule({label:"canny_nms_r32f.wgsl",code:ul});this.nmsR32fPipeline=e.createComputePipeline({label:"CannyNmsR32fPipeline",layout:"auto",compute:{module:i,entryPoint:"computeNonMaxSuppression"}}),this.uniformBuffer=e.createBuffer({size:16,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST,label:"canny_uniform_buffer"})}device;sobelPipeline;nmsRgba8Pipeline;nmsR32fPipeline;uniformBuffer;cachedIntermediateTexture;cachedOutputTexture;execute(e,r={}){let n=e.width,i=e.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:e.createView()},{binding:1,resource:this.cachedIntermediateTexture.createView()},{binding:2,resource:{buffer:this.uniformBuffer}}]}),f=m.beginComputePass({label:"canny_sobel_pass"});f.setPipeline(this.sobelPipeline),f.setBindGroup(0,p),f.dispatchWorkgroups(Math.ceil(n/16),Math.ceil(i/16)),f.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()}};h();h();var ll=`
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
- `,cl=`
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 jr=class{constructor(e){this.device=e;let r=e.createShaderModule({label:"depth_normals_rgba16f.wgsl",code:ll});this.normalRgba16fPipeline=e.createComputePipeline({label:"DepthNormalsRgba16fPipeline",layout:"auto",compute:{module:r,entryPoint:"computeNormals"}});let n=e.createShaderModule({label:"depth_normals_rgba8.wgsl",code:cl});this.normalRgba8Pipeline=e.createComputePipeline({label:"DepthNormalsRgba8Pipeline",layout:"auto",compute:{module:n,entryPoint:"computeNormals"}}),this.uniformBuffer=e.createBuffer({size:16,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST,label:"depth_normals_uniform_buffer"})}device;normalRgba16fPipeline;normalRgba8Pipeline;uniformBuffer;cachedOutputTexture;execute(e,r={}){let n=e.width,i=e.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:e.createView()},{binding:1,resource:this.cachedOutputTexture.createView()},{binding:2,resource:{buffer:this.uniformBuffer}}]}),f=m.beginComputePass({label:"depth_normals_compute_pass"});return f.setPipeline(d),f.setBindGroup(0,p),f.dispatchWorkgroups(Math.ceil(n/16),Math.ceil(i/16)),f.end(),this.device.queue.submit([m.finish()]),this.cachedOutputTexture}destroy(){this.cachedOutputTexture?.destroy(),this.uniformBuffer.destroy()}};h();h();var dl=`
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 rt(t,e){let r=[];for(let n=0;n<t.length-1;n++)r.push({from:t[n],to:t[n+1],color:e});return r}var _r=[...rt([70,63,105,66,107],[0,1,1,1]),...rt([300,293,334,296,336],[0,1,1,1]),...rt([33,160,158,133,153,144,33],[0,1,0,1]),...rt([263,387,385,362,380,373,263],[0,1,0,1]),...rt([168,6,197,195,4],[1,1,0,1]),...rt([98,97,2,326,327],[1,1,0,1]),...rt([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]),...rt([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]),...rt([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])],zn=class{constructor(e){this.device=e;let r=e.createShaderModule({label:"face_landmarks.wgsl",code:dl});this.computePipeline=e.createComputePipeline({label:"FaceLandmarksComputePipeline",layout:"auto",compute:{module:r,entryPoint:"computeFaceLandmarks"}}),this.uniformBuffer=e.createBuffer({size:64,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST,label:"face_landmarks_uniform_buffer"});let n=Math.max(256,_r.length*48);this.storageBuffer=e.createBuffer({size:n,usage:GPUBufferUsage.STORAGE|GPUBufferUsage.COPY_DST,label:"face_landmarks_storage_buffer"})}device;computePipeline;uniformBuffer;storageBuffer;cachedOutputTexture;execute(e,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]=_r.length,s[3]=0,this.device.queue.writeBuffer(this.uniformBuffer,0,s);let l=new Float32Array(_r.length*12);for(let p=0;p<_r.length;p++){let f=_r[p],b=e[f.from],g=e[f.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]=f.color[0],l[y+5]=f.color[1],l[y+6]=f.color[2],l[y+7]=f.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()}};h();h();var ml=`
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 jn=class{constructor(e){this.device=e;let r=e.createShaderModule({label:"segmentation.wgsl",code:ml});this.computePipeline=e.createComputePipeline({label:"SegmentationComputePipeline",layout:"auto",compute:{module:r,entryPoint:"computeSegmentation"}}),this.uniformBuffer=e.createBuffer({size:16,usage:GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST,label:"segmentation_uniform_buffer"})}device;computePipeline;uniformBuffer;cachedOutputTexture;execute(e,r={}){let n=e.width,i=e.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:e.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 Jt=class t{constructor(e){this.source=e;this.id=`tensor-${Math.random().toString(36).slice(2,9)}`}source;id;cannyOptions;depthNormalsOptions;poseSkeletonOptions;faceLandmarksOptions;segmentationOptions;opticalFlowOptions;deflickerOptions;multiplexer=new Vr;cannyPipeline;depthNormalsPipeline;posePipeline;facePipeline;segmentationPipeline;opticalFlowPipeline;deflickerPipeline;prevInputTexture;static from(e){return new t(e)}canny(e={}){return this.cannyOptions=e,this}depthNormals(e={}){return this.depthNormalsOptions=e,this}poseSkeleton(e={}){return this.poseSkeletonOptions=e,this}pose(e,r={}){return this.poseSkeletonOptions={...r,landmarks:e},this}faceLandmarks(e={}){return this.faceLandmarksOptions=e,this}face(e,r={}){return this.faceLandmarksOptions={...r,landmarks:e},this}segmentation(e={}){return this.segmentationOptions=e,this}opticalFlow(e={}){return this.opticalFlowOptions=e,this}deflicker(e={}){return this.deflickerOptions=e,this}getMultiplexer(){return this.multiplexer}async execute(e,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(e));let i=this.cannyPipeline.execute(n,this.cannyOptions);this.multiplexer.set("canny",i)}if(this.depthNormalsOptions){this.depthNormalsPipeline||(this.depthNormalsPipeline=new jr(e));let i=this.depthNormalsPipeline.execute(n,this.depthNormalsOptions);this.multiplexer.set("normals",i)}if(this.poseSkeletonOptions?.landmarks){this.posePipeline||(this.posePipeline=new Cs(e));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 zn(e));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 jn(e));let i=this.segmentationPipeline.execute(n,this.segmentationOptions);this.multiplexer.set("segmentationMask",i)}if(this.opticalFlowOptions){this.opticalFlowPipeline||(this.opticalFlowPipeline=new Ei(e));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 Ii(e));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()}};h();var dx=t=>{if(!t)return"srcOver";switch(t){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"}},mx=t=>t==="destination-in"||t==="source-in";h();function hx(t,e,r,n,i="outside"){if(i==="inside"){let o=n/2;return{x:o,y:o,width:Math.max(0,t-n),height:Math.max(0,e-n),radius:r===0?0:Math.max(0,r-o)}}if(i==="outside"){let o=n/2;return{x:-o,y:-o,width:t+n,height:e+n,radius:r===0?0:r+o}}return{x:0,y:0,width:t,height:e,radius:r}}h();var pl=new Map;function Q(t){let e=(pl.get(t)??0)+1;return pl.set(t,e),`${t}-auto-${e}`}h();h();h();h();var je=class extends Error{status;body;requestId;type;constructor({message:e,status:r,body:n,requestId:i,type:o}){super(e),this.name="ApiError",this.status=r,this.body=n,this.requestId=i??"",this.type=o}},Ur=class extends je{constructor(e){super(e),this.name="ValidationError"}get fieldErrors(){return Array.isArray(this.body?.detail)?this.body.detail:[]}getFieldErrors(e){return this.fieldErrors.filter(r=>r.loc[r.loc.length-1]===e)}};function rp(t,e){if(t?.error?.message)return t.error.message;if(typeof t?.detail=="string")return t.detail;if(Array.isArray(t?.detail)){let r=t.detail[0];if(r?.msg)return`${r.msg} (${(r.loc??[]).join(".")})`}return typeof t?.message=="string"?t.message:e}async function _n(t){let e=await t.text().catch(()=>""),r=e||void 0;try{r=e?JSON.parse(e):void 0}catch{}let n=typeof r=="object"&&r!==null?r:void 0,i={message:rp(n,`${t.status} ${t.statusText}`.trim()),status:t.status,body:r,requestId:t.headers.get("x-framefields-request-id")??void 0,type:n?.error?.type};return t.status===422&&Array.isArray(n?.detail)?new Ur(i):new je(i)}h();h();var Ho="https://api.framefields.dev/v1/ai/proxy",fl,hl=t=>typeof x<"u"?x.env?.[t]:void 0;function gl(t){fl=t}function np(){let t=fl??hl("FRAMEFIELDS_API_KEY");if(!t)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 t}function ip({service:t,path:e,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`${t}/${e.replace(/^\/+/,"")}${i}`}async function Yo(t){let e={Authorization:`Key ${np()}`,Accept:t.accept??"application/json","x-framefields-target":ip(t)},r=t.body!==void 0;r&&(e["Content-Type"]="application/json");let n=await fetch(hl("FRAMEFIELDS_AI_PROXY_URL")??Ho,{method:t.method??(r?"POST":"GET"),headers:e,body:r?JSON.stringify(t.body):void 0,signal:t.signal});if(!n.ok)throw await _n(n);return n}async function nt(t){let e=await Yo(t);return{data:await e.json(),requestId:e.headers.get("x-framefields-request-id")??""}}var op=90*1024*1024,bl=10*1024*1024,ap=3,sp={"image/jpeg":"jpg","image/png":"png","image/webp":"webp","video/mp4":"mp4","audio/mpeg":"mp3","audio/wav":"wav"};function up(t,e){return"name"in t&&typeof t.name=="string"&&t.name?t.name:`${Date.now()}.${sp[e]??"bin"}`}function yl(t,e){let r=t.type||"application/octet-stream";return nt({service:"storage",path:e?"upload/initiate-multipart":"upload/initiate",body:{content_type:r,file_name:up(t,r)}}).then(n=>n.data)}async function qo(t,e){let r=await fetch(t,e);if(!r.ok)throw await _n(r);return r}async function lp(t,e){for(let r=1;;r++)try{return await(await qo(t,{method:"PUT",body:e})).json()}catch(n){if(r>=ap)throw n}}async function cp(t){let e=await yl(t,!0),r=new URL(e.upload_url),n=o=>`${r.origin}${r.pathname}/${o}${r.search}`,i=[];for(let o=0;o<t.size;o+=bl){let a=t.slice(o,Math.min(o+bl,t.size));i.push(await lp(n(i.length+1),a))}return await qo(n("complete"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({parts:i.map(({partNumber:o,etag:a})=>({partNumber:o,etag:a}))})}),e.file_url}async function xl(t){if(t.size>op)return cp(t);let e=await yl(t,!1);return await qo(e.upload_url,{method:"PUT",body:t,headers:{"Content-Type":t.type||"application/octet-stream"}}),e.file_url}var dp=t=>typeof t=="object"&&t!==null&&Object.getPrototypeOf(t)===Object.prototype;async function Xo(t){if(t instanceof Blob)return await xl(t);if(Array.isArray(t))return await Promise.all(t.map(e=>Xo(e)));if(dp(t)){let e=await Promise.all(Object.entries(t).map(async([r,n])=>[r,await Xo(n)]));return Object.fromEntries(e)}return t}var Ct={upload:xl,transformInput:Xo};var mp=new Set([429,502,503,504]),pp=4,wl=(t,e)=>new Promise((r,n)=>{e?.throwIfAborted();let i=setTimeout(r,t);e?.addEventListener("abort",()=>{clearTimeout(i),n(e.reason)},{once:!0})});async function vl(t,e){for(let r=1;;r++)try{return await t()}catch(n){if(!(n instanceof je&&mp.has(n.status))||r>=pp)throw n;await wl(500*2**r,e)}}var Zo=(t,e,r="")=>`${t}/requests/${encodeURIComponent(e)}${r}`;async function Sl(t,{input:e,abortSignal:r}){let{data:n}=await nt({service:"queue",path:t,body:await Ct.transformInput(e)??{},signal:r});return n}function kl(t,{requestId:e,logs:r,abortSignal:n}){return vl(async()=>{let{data:i}=await nt({service:"queue",path:Zo(t,e,"/status"),query:{logs:r?"1":void 0},signal:n});return i},n)}function Pl(t,{requestId:e,abortSignal:r}){return vl(async()=>{let{data:n}=await nt({service:"queue",path:Zo(t,e),signal:r});return{data:n,requestId:e}},r)}async function fp(t,{requestId:e,abortSignal:r}){await nt({service:"queue",path:Zo(t,e,"/cancel"),method:"PUT",signal:r})}async function Ml(t,e){let r=e.pollInterval??500;for(;;){let n=await kl(t,e);if(e.onQueueUpdate?.(n),n.status==="COMPLETED")return n;await wl(r,e.abortSignal)}}var Tl={submit:Sl,status:kl,result:Pl,cancel:fp,subscribeToStatus:Ml};async function Cl(t,e){let{request_id:r}=await Sl(t,e);return e.onEnqueue?.(r),await Ml(t,{...e,requestId:r}),Pl(t,{requestId:r,abortSignal:e.abortSignal})}h();async function*hp(t){let e=new TextDecoder,r="";for await(let i of t){r+=e.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=Al(a);s&&(yield s),o=r.indexOf(`
712
-
713
- `)}}let n=Al(r);n&&(yield n)}function Al(t){let e="message",r=[];for(let n of t.split(`
714
- `))n.startsWith("data:")?r.push(n.slice(5).replace(/^ /,"")):n.startsWith("event:")&&(e=n.slice(6).trim());return r.length?{event:e,data:r.join(`
715
- `)}:null}async function*gp(t,e){for await(let{event:r,data:n}of hp(t)){let i=JSON.parse(n);if(r==="error")throw new je({message:"The model stream ended with an error",status:500,body:i,requestId:e});yield i}}async function Dl(t,{input:e,abortSignal:r}){let n=new AbortController,i=r?AbortSignal.any([r,n.signal]):n.signal,o=await Yo({service:"run",path:`${t}/stream`,body:await Ct.transformInput(e)??{},accept:"text/event-stream",signal:i}),a=o.headers.get("x-framefields-request-id")??"";if(!o.body)throw new je({message:"Empty stream",status:502,requestId:a});let s=gp(o.body,a),l,c;async function*d(){for await(let f of s)l=f,yield f}let m=d(),p=async()=>{let f=await m.next();for(;!f.done;)f=await m.next();if(l===void 0)throw new je({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 bp(t,{input:e,abortSignal:r}){return nt({service:"run",path:t,body:await Ct.transformInput(e)??{},signal:r})}var yp={config(t){gl(t.apiKey)},run:bp,subscribe:Cl,stream:Dl,queue:Tl,storage:Ct};h();function xp(t,...e){let r=[];for(let n=0;n<t.length;n++){let i=t[n];if(i&&r.push({text:i}),n<e.length){let o=e[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 wp(t,e={}){return{text:t,...e}}function vp(t,e={}){return{text:t,fontWeight:e.fontWeight??700,...e}}function Sp(t,e={}){return{text:t,fontStyle:"italic",...e}}function kp(t,e={}){return{text:t,fill:e.fill??"#6366f1",...e}}function Pp(t,e,r={}){return{text:t,fill:e,...r}}function Mp(t,e,r={}){return{text:t,fontSize:e,...r}}function Tp(t,e={}){let{bg:r,fill:n,radius:i,paddingX:o,paddingY:a,...s}=e;return{text:t,fill:n,mark:{background:r??"#6366f133",borderRadius:i??4,paddingX:o??6,paddingY:a??2},...s}}function Cp(t,e={}){return{text:t,baselineShift:e.baselineShift??-8,...e}}function Ap(t,e={}){return{text:t,baselineShift:e.baselineShift??6,...e}}function Dp(t,e={}){return{text:t,fontFamily:e.fontFamily??"JetBrains Mono",mark:e.mark??{background:"#ffffff18",borderRadius:4,paddingX:6,paddingY:2},...e}}function Un(t){if(typeof t=="string")return{text:t};if(!Array.isArray(t))return{text:String(t)};let e=[],r="";for(let n of t)if(typeof n=="string")n&&(e.push({text:n}),r+=n);else if(n&&typeof n=="object"&&"text"in n){let i=n;e.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:e.length>0?e:void 0}}function Np(t){if(!t||!t.includes("<"))return[{text:t}];let e=[],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(t);if(!s)break;let l=t.slice(n,s.index);l&&e.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 f={};if(c==="b"||c==="strong")f.fontWeight=700,(m.color||m.fill)&&(f.fill=m.color??m.fill);else if(c==="i"||c==="em")f.fontStyle="italic",(m.color||m.fill)&&(f.fill=m.color??m.fill);else if(c==="accent")f.fill="#6366f1";else if(c==="color")f.fill=m.value??m.hex??m.fill;else if(c==="size"){let b=parseFloat(m.value??m.px??m.pt??"0");b>0&&(f.fontSize=b)}else if(c==="mark")f.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)&&(f.fill=m.color??m.fill);else if(c==="sup")f.baselineShift=-8;else if(c==="sub")f.baselineShift=6;else if(c==="code")f.fontFamily="JetBrains Mono",f.mark={background:m.bg??"#ffffff18",borderRadius:4,paddingX:6,paddingY:2};else if(c==="span"){if((m.color||m.fill)&&(f.fill=m.color??m.fill),m.fontfamily&&(f.fontFamily=m.fontfamily),m.fontsize&&(f.fontSize=parseFloat(m.fontsize)),m.fontweight){let b=parseInt(m.fontweight,10);f.fontWeight=Number.isNaN(b)?m.fontweight:b}(m.fontstyle==="italic"||m.fontstyle==="normal")&&(f.fontStyle=m.fontstyle),m.letterspacing&&(f.letterSpacing=parseFloat(m.letterspacing)),m.baselineshift&&(f.baselineShift=parseFloat(m.baselineshift)),m.opacity&&(f.opacity=parseFloat(m.opacity))}i.push({tag:c,style:f})}}let a=t.slice(n);return a&&e.push({text:a,...o()}),e}h();h();h();h();h();h();function Nl(t){return Math.abs(t=Math.round(t))>=1e21?t.toLocaleString("en").replace(/,/g,""):t.toString(10)}function At(t,e){if(!isFinite(t)||t===0)return null;var r=(t=e?t.toExponential(e-1):t.toExponential()).indexOf("e"),n=t.slice(0,r);return[n.length>1?n[0]+n.slice(2):n,+t.slice(r+1)]}function He(t){return t=At(Math.abs(t)),t?t[1]:NaN}h();function Ol(t,e){return function(r,n){for(var i=r.length,o=[],a=0,s=t[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=t[a=(a+1)%t.length];return o.reverse().join(e)}}h();function Rl(t){return function(e){return e.replace(/[0-9]/g,function(r){return t[+r]})}}h();var Op=/^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;function ft(t){if(!(e=Op.exec(t)))throw new Error("invalid format: "+t);var e;return new $n({fill:e[1],align:e[2],sign:e[3],symbol:e[4],zero:e[5],width:e[6],comma:e[7],precision:e[8]&&e[8].slice(1),trim:e[9],type:e[10]})}ft.prototype=$n.prototype;function $n(t){this.fill=t.fill===void 0?" ":t.fill+"",this.align=t.align===void 0?">":t.align+"",this.sign=t.sign===void 0?"-":t.sign+"",this.symbol=t.symbol===void 0?"":t.symbol+"",this.zero=!!t.zero,this.width=t.width===void 0?void 0:+t.width,this.comma=!!t.comma,this.precision=t.precision===void 0?void 0:+t.precision,this.trim=!!t.trim,this.type=t.type===void 0?"":t.type+""}$n.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};h();function Fl(t){e:for(var e=t.length,r=1,n=-1,i;r<e;++r)switch(t[r]){case".":n=i=r;break;case"0":n===0&&(n=r),i=r;break;default:if(!+t[r])break e;n>0&&(n=0);break}return n>0?t.slice(0,n)+t.slice(i+1):t}h();h();var $r;function Bl(t,e){var r=At(t,e);if(!r)return $r=void 0,t.toPrecision(e);var n=r[0],i=r[1],o=i-($r=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")+At(t,Math.max(0,e+o-1))[0]}h();function Ko(t,e){var r=At(t,e);if(!r)return t+"";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 Qo={"%":(t,e)=>(t*100).toFixed(e),b:t=>Math.round(t).toString(2),c:t=>t+"",d:Nl,e:(t,e)=>t.toExponential(e),f:(t,e)=>t.toFixed(e),g:(t,e)=>t.toPrecision(e),o:t=>Math.round(t).toString(8),p:(t,e)=>Ko(t*100,e),r:Ko,s:Bl,X:t=>Math.round(t).toString(16).toUpperCase(),x:t=>Math.round(t).toString(16)};h();function Jo(t){return t}var Ll=Array.prototype.map,El=["y","z","a","f","p","n","\xB5","m","","k","M","G","T","P","E","Z","Y"];function Il(t){var e=t.grouping===void 0||t.thousands===void 0?Jo:Ol(Ll.call(t.grouping,Number),t.thousands+""),r=t.currency===void 0?"":t.currency[0]+"",n=t.currency===void 0?"":t.currency[1]+"",i=t.decimal===void 0?".":t.decimal+"",o=t.numerals===void 0?Jo:Rl(Ll.call(t.numerals,String)),a=t.percent===void 0?"%":t.percent+"",s=t.minus===void 0?"\u2212":t.minus+"",l=t.nan===void 0?"NaN":t.nan+"";function c(m,p){m=ft(m);var f=m.fill,b=m.align,g=m.sign,y=m.symbol,S=m.zero,A=m.width,M=m.comma,v=m.precision,C=m.trim,w=m.type;w==="n"?(M=!0,w="g"):Qo[w]||(v===void 0&&(v=12),C=!0,w="g"),(S||f==="0"&&b==="=")&&(S=!0,f="0",b="=");var T=(p&&p.prefix!==void 0?p.prefix:"")+(y==="$"?r:y==="#"&&/[boxX]/.test(w)?"0"+w.toLowerCase():""),O=(y==="$"?n:/[%p]/.test(w)?a:"")+(p&&p.suffix!==void 0?p.suffix:""),j=Qo[w],G=/[defgprs%]/.test(w);v=v===void 0?6:/[gprs]/.test(w)?Math.max(1,Math.min(21,v)):Math.max(0,Math.min(20,v));function I(F){var k=T,P=O,H,Y,_;if(w==="c")P=j(F)+P,F="";else{F=+F;var V=F<0||1/F<0;if(F=isNaN(F)?l:j(Math.abs(F),v),C&&(F=Fl(F)),V&&+F==0&&g!=="+"&&(V=!1),k=(V?g==="("?g:s:g==="-"||g==="("?"":g)+k,P=(w==="s"&&!isNaN(F)&&$r!==void 0?El[8+$r/3]:"")+P+(V&&g==="("?")":""),G){for(H=-1,Y=F.length;++H<Y;)if(_=F.charCodeAt(H),48>_||_>57){P=(_===46?i+F.slice(H+1):F.slice(H))+P,F=F.slice(0,H);break}}}M&&!S&&(F=e(F,1/0));var ee=k.length+F.length+P.length,oe=ee<A?new Array(A-ee+1).join(f):"";switch(M&&S&&(F=e(oe+F,oe.length?A-P.length:1/0),oe=""),b){case"<":F=k+F+P+oe;break;case"=":F=k+oe+F+P;break;case"^":F=oe.slice(0,ee=oe.length>>1)+k+F+P+oe.slice(ee);break;default:F=oe+k+F+P;break}return o(F)}return I.toString=function(){return m+""},I}function d(m,p){var f=Math.max(-8,Math.min(8,Math.floor(He(p)/3)))*3,b=Math.pow(10,-f),g=c((m=ft(m),m.type="f",m),{suffix:El[8+f/3]});return function(y){return g(b*y)}}return{format:c,formatPrefix:d}}var Gn,er,Wn;ea({thousands:",",grouping:[3],currency:["$",""]});function ea(t){return Gn=Il(t),er=Gn.format,Wn=Gn.formatPrefix,Gn}h();function ta(t){return Math.max(0,-He(Math.abs(t)))}h();function ra(t,e){return Math.max(0,Math.max(-8,Math.min(8,Math.floor(He(e)/3)))*3-He(Math.abs(t)))}h();function na(t,e){return t=Math.abs(t),e=Math.abs(e)-t,Math.max(0,He(e)-He(t))+1}h();h();h();h();h();function Dt(t,e){return t==null||e==null?NaN:t<e?-1:t>e?1:t>=e?0:NaN}h();h();function ia(t,e){return t==null||e==null?NaN:e<t?-1:e>t?1:e>=t?0:NaN}function Nt(t){let e,r,n;t.length!==2?(e=Dt,r=(s,l)=>Dt(t(s),l),n=(s,l)=>t(s)-l):(e=t===Dt||t===ia?t:Rp,r=t,n=t);function i(s,l,c=0,d=s.length){if(c<d){if(e(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(e(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 Rp(){return 0}h();function oa(t){return t===null?NaN:+t}var Vl=Nt(Dt),zl=Vl.right,Fp=Vl.left,Bp=Nt(oa).center,aa=zl;h();var tr=class extends Map{constructor(e,r=Ip){if(super(),Object.defineProperties(this,{_intern:{value:new Map},_key:{value:r}}),e!=null)for(let[n,i]of e)this.set(n,i)}get(e){return super.get(jl(this,e))}has(e){return super.has(jl(this,e))}set(e,r){return super.set(Lp(this,e),r)}delete(e){return super.delete(Ep(this,e))}};function jl({_intern:t,_key:e},r){let n=e(r);return t.has(n)?t.get(n):r}function Lp({_intern:t,_key:e},r){let n=e(r);return t.has(n)?t.get(n):(t.set(n,r),r)}function Ep({_intern:t,_key:e},r){let n=e(r);return t.has(n)&&(r=t.get(n),t.delete(n)),r}function Ip(t){return t!==null&&typeof t=="object"?t.valueOf():t}h();var Vp=Math.sqrt(50),zp=Math.sqrt(10),jp=Math.sqrt(2);function Hn(t,e,r){let n=(e-t)/Math.max(0,r),i=Math.floor(Math.log10(n)),o=n/Math.pow(10,i),a=o>=Vp?10:o>=zp?5:o>=jp?2:1,s,l,c;return i<0?(c=Math.pow(10,-i)/a,s=Math.round(t*c),l=Math.round(e*c),s/c<t&&++s,l/c>e&&--l,c=-c):(c=Math.pow(10,i)*a,s=Math.round(t/c),l=Math.round(e/c),s*c<t&&++s,l*c>e&&--l),l<s&&.5<=r&&r<2?Hn(t,e,r*2):[s,l,c]}function Yn(t,e,r){if(e=+e,t=+t,r=+r,!(r>0))return[];if(t===e)return[t];let n=e<t,[i,o,a]=n?Hn(e,t,r):Hn(t,e,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 Gr(t,e,r){return e=+e,t=+t,r=+r,Hn(t,e,r)[2]}function rr(t,e,r){e=+e,t=+t,r=+r;let n=e<t,i=n?Gr(e,t,r):Gr(t,e,r);return(n?-1:1)*(i<0?1/-i:i)}h();function Xn(t,e,r){t=+t,e=+e,r=(i=arguments.length)<2?(e=t,t=0,1):i<3?1:+r;for(var n=-1,i=Math.max(0,Math.ceil((e-t)/r))|0,o=new Array(i);++n<i;)o[n]=t+n*r;return o}h();function ht(t,e){switch(arguments.length){case 0:break;case 1:this.range(t);break;default:this.range(e).domain(t);break}return this}h();var _l=Symbol("implicit");function qn(){var t=new tr,e=[],r=[],n=_l;function i(o){let a=t.get(o);if(a===void 0){if(n!==_l)return n;t.set(o,a=e.push(o)-1)}return r[a%r.length]}return i.domain=function(o){if(!arguments.length)return e.slice();e=[],t=new tr;for(let a of o)t.has(a)||t.set(a,e.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 qn(e,r).unknown(n)},ht.apply(i,arguments),i}function Wr(){var t=qn().unknown(void 0),e=t.domain,r=t.range,n=0,i=1,o,a,s=!1,l=0,c=0,d=.5;delete t.unknown;function m(){var p=e().length,f=i<n,b=f?i:n,g=f?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=Xn(p).map(function(S){return b+o*S});return r(f?y.reverse():y)}return t.domain=function(p){return arguments.length?(e(p),m()):e()},t.range=function(p){return arguments.length?([n,i]=p,n=+n,i=+i,m()):[n,i]},t.rangeRound=function(p){return[n,i]=p,n=+n,i=+i,s=!0,m()},t.bandwidth=function(){return a},t.step=function(){return o},t.round=function(p){return arguments.length?(s=!!p,m()):s},t.padding=function(p){return arguments.length?(l=Math.min(1,c=+p),m()):l},t.paddingInner=function(p){return arguments.length?(l=Math.min(1,p),m()):l},t.paddingOuter=function(p){return arguments.length?(c=+p,m()):c},t.align=function(p){return arguments.length?(d=Math.max(0,Math.min(1,p)),m()):d},t.copy=function(){return Wr(e(),[n,i]).round(s).paddingInner(l).paddingOuter(c).align(d)},ht.apply(m(),arguments)}h();h();h();h();h();h();h();function Zn(t,e,r){t.prototype=e.prototype=r,r.constructor=t}function sa(t,e){var r=Object.create(t.prototype);for(var n in e)r[n]=e[n];return r}function Xr(){}var Hr=.7,Jn=1/Hr,nr="\\s*([+-]?\\d+)\\s*",Yr="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",Ye="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",_p=/^#([0-9a-f]{3,8})$/,Up=new RegExp(`^rgb\\(${nr},${nr},${nr}\\)$`),$p=new RegExp(`^rgb\\(${Ye},${Ye},${Ye}\\)$`),Gp=new RegExp(`^rgba\\(${nr},${nr},${nr},${Yr}\\)$`),Wp=new RegExp(`^rgba\\(${Ye},${Ye},${Ye},${Yr}\\)$`),Hp=new RegExp(`^hsl\\(${Yr},${Ye},${Ye}\\)$`),Yp=new RegExp(`^hsla\\(${Yr},${Ye},${Ye},${Yr}\\)$`),Ul={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};Zn(Xr,gt,{copy(t){return Object.assign(new this.constructor,this,t)},displayable(){return this.rgb().displayable()},hex:$l,formatHex:$l,formatHex8:Xp,formatHsl:qp,formatRgb:Gl,toString:Gl});function $l(){return this.rgb().formatHex()}function Xp(){return this.rgb().formatHex8()}function qp(){return Zl(this).formatHsl()}function Gl(){return this.rgb().formatRgb()}function gt(t){var e,r;return t=(t+"").trim().toLowerCase(),(e=_p.exec(t))?(r=e[1].length,e=parseInt(e[1],16),r===6?Wl(e):r===3?new Ee(e>>8&15|e>>4&240,e>>4&15|e&240,(e&15)<<4|e&15,1):r===8?Kn(e>>24&255,e>>16&255,e>>8&255,(e&255)/255):r===4?Kn(e>>12&15|e>>8&240,e>>8&15|e>>4&240,e>>4&15|e&240,((e&15)<<4|e&15)/255):null):(e=Up.exec(t))?new Ee(e[1],e[2],e[3],1):(e=$p.exec(t))?new Ee(e[1]*255/100,e[2]*255/100,e[3]*255/100,1):(e=Gp.exec(t))?Kn(e[1],e[2],e[3],e[4]):(e=Wp.exec(t))?Kn(e[1]*255/100,e[2]*255/100,e[3]*255/100,e[4]):(e=Hp.exec(t))?Xl(e[1],e[2]/100,e[3]/100,1):(e=Yp.exec(t))?Xl(e[1],e[2]/100,e[3]/100,e[4]):Ul.hasOwnProperty(t)?Wl(Ul[t]):t==="transparent"?new Ee(NaN,NaN,NaN,0):null}function Wl(t){return new Ee(t>>16&255,t>>8&255,t&255,1)}function Kn(t,e,r,n){return n<=0&&(t=e=r=NaN),new Ee(t,e,r,n)}function Zp(t){return t instanceof Xr||(t=gt(t)),t?(t=t.rgb(),new Ee(t.r,t.g,t.b,t.opacity)):new Ee}function ir(t,e,r,n){return arguments.length===1?Zp(t):new Ee(t,e,r,n??1)}function Ee(t,e,r,n){this.r=+t,this.g=+e,this.b=+r,this.opacity=+n}Zn(Ee,ir,sa(Xr,{brighter(t){return t=t==null?Jn:Math.pow(Jn,t),new Ee(this.r*t,this.g*t,this.b*t,this.opacity)},darker(t){return t=t==null?Hr:Math.pow(Hr,t),new Ee(this.r*t,this.g*t,this.b*t,this.opacity)},rgb(){return this},clamp(){return new Ee(Rt(this.r),Rt(this.g),Rt(this.b),ei(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:Hl,formatHex:Hl,formatHex8:Kp,formatRgb:Yl,toString:Yl}));function Hl(){return`#${Ot(this.r)}${Ot(this.g)}${Ot(this.b)}`}function Kp(){return`#${Ot(this.r)}${Ot(this.g)}${Ot(this.b)}${Ot((isNaN(this.opacity)?1:this.opacity)*255)}`}function Yl(){let t=ei(this.opacity);return`${t===1?"rgb(":"rgba("}${Rt(this.r)}, ${Rt(this.g)}, ${Rt(this.b)}${t===1?")":`, ${t})`}`}function ei(t){return isNaN(t)?1:Math.max(0,Math.min(1,t))}function Rt(t){return Math.max(0,Math.min(255,Math.round(t)||0))}function Ot(t){return t=Rt(t),(t<16?"0":"")+t.toString(16)}function Xl(t,e,r,n){return n<=0?t=e=r=NaN:r<=0||r>=1?t=e=NaN:e<=0&&(t=NaN),new _e(t,e,r,n)}function Zl(t){if(t instanceof _e)return new _e(t.h,t.s,t.l,t.opacity);if(t instanceof Xr||(t=gt(t)),!t)return new _e;if(t instanceof _e)return t;t=t.rgb();var e=t.r/255,r=t.g/255,n=t.b/255,i=Math.min(e,r,n),o=Math.max(e,r,n),a=NaN,s=o-i,l=(o+i)/2;return s?(e===o?a=(r-n)/s+(r<n)*6:r===o?a=(n-e)/s+2:a=(e-r)/s+4,s/=l<.5?o+i:2-o-i,a*=60):s=l>0&&l<1?0:a,new _e(a,s,l,t.opacity)}function Kl(t,e,r,n){return arguments.length===1?Zl(t):new _e(t,e,r,n??1)}function _e(t,e,r,n){this.h=+t,this.s=+e,this.l=+r,this.opacity=+n}Zn(_e,Kl,sa(Xr,{brighter(t){return t=t==null?Jn:Math.pow(Jn,t),new _e(this.h,this.s,this.l*t,this.opacity)},darker(t){return t=t==null?Hr:Math.pow(Hr,t),new _e(this.h,this.s,this.l*t,this.opacity)},rgb(){var t=this.h%360+(this.h<0)*360,e=isNaN(t)||isNaN(this.s)?0:this.s,r=this.l,n=r+(r<.5?r:1-r)*e,i=2*r-n;return new Ee(ua(t>=240?t-240:t+120,i,n),ua(t,i,n),ua(t<120?t+240:t-120,i,n),this.opacity)},clamp(){return new _e(ql(this.h),Qn(this.s),Qn(this.l),ei(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 t=ei(this.opacity);return`${t===1?"hsl(":"hsla("}${ql(this.h)}, ${Qn(this.s)*100}%, ${Qn(this.l)*100}%${t===1?")":`, ${t})`}`}}));function ql(t){return t=(t||0)%360,t<0?t+360:t}function Qn(t){return Math.max(0,Math.min(1,t||0))}function ua(t,e,r){return(t<60?e+(r-e)*t/60:t<180?r:t<240?e+(r-e)*(240-t)/60:e)*255}h();h();function la(t,e,r,n,i){var o=t*t,a=o*t;return((1-3*t+3*o-a)*e+(4-6*o+3*a)*r+(1+3*t+3*o-3*a)*n+a*i)/6}function Ql(t){var e=t.length-1;return function(r){var n=r<=0?r=0:r>=1?(r=1,e-1):Math.floor(r*e),i=t[n],o=t[n+1],a=n>0?t[n-1]:2*i-o,s=n<e-1?t[n+2]:2*o-i;return la((r-n/e)*e,a,i,o,s)}}h();function Jl(t){var e=t.length;return function(r){var n=Math.floor(((r%=1)<0?++r:r)*e),i=t[(n+e-1)%e],o=t[n%e],a=t[(n+1)%e],s=t[(n+2)%e];return la((r-n/e)*e,i,o,a,s)}}h();h();var qr=t=>()=>t;function Qp(t,e){return function(r){return t+r*e}}function Jp(t,e,r){return t=Math.pow(t,r),e=Math.pow(e,r)-t,r=1/r,function(n){return Math.pow(t+n*e,r)}}function ec(t){return(t=+t)==1?ti:function(e,r){return r-e?Jp(e,r,t):qr(isNaN(e)?r:e)}}function ti(t,e){var r=e-t;return r?Qp(t,r):qr(isNaN(t)?e:t)}var ca=(function t(e){var r=ec(e);function n(i,o){var a=r((i=ir(i)).r,(o=ir(o)).r),s=r(i.g,o.g),l=r(i.b,o.b),c=ti(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=t,n})(1);function tc(t){return function(e){var r=e.length,n=new Array(r),i=new Array(r),o=new Array(r),a,s;for(a=0;a<r;++a)s=ir(e[a]),n[a]=s.r||0,i[a]=s.g||0,o[a]=s.b||0;return n=t(n),i=t(i),o=t(o),s.opacity=1,function(l){return s.r=n(l),s.g=i(l),s.b=o(l),s+""}}}var i1=tc(Ql),o1=tc(Jl);h();h();function rc(t,e){e||(e=[]);var r=t?Math.min(e.length,t.length):0,n=e.slice(),i;return function(o){for(i=0;i<r;++i)n[i]=t[i]*(1-o)+e[i]*o;return n}}function nc(t){return ArrayBuffer.isView(t)&&!(t instanceof DataView)}function ic(t,e){var r=e?e.length:0,n=t?Math.min(r,t.length):0,i=new Array(n),o=new Array(r),a;for(a=0;a<n;++a)i[a]=Ft(t[a],e[a]);for(;a<r;++a)o[a]=e[a];return function(s){for(a=0;a<n;++a)o[a]=i[a](s);return o}}h();function oc(t,e){var r=new Date;return t=+t,e=+e,function(n){return r.setTime(t*(1-n)+e*n),r}}h();function bt(t,e){return t=+t,e=+e,function(r){return t*(1-r)+e*r}}h();function ac(t,e){var r={},n={},i;(t===null||typeof t!="object")&&(t={}),(e===null||typeof e!="object")&&(e={});for(i in e)i in t?r[i]=Ft(t[i],e[i]):n[i]=e[i];return function(o){for(i in r)n[i]=r[i](o);return n}}h();var ma=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,da=new RegExp(ma.source,"g");function ef(t){return function(){return t}}function tf(t){return function(e){return t(e)+""}}function sc(t,e){var r=ma.lastIndex=da.lastIndex=0,n,i,o,a=-1,s=[],l=[];for(t=t+"",e=e+"";(n=ma.exec(t))&&(i=da.exec(e));)(o=i.index)>r&&(o=e.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:bt(n,i)})),r=da.lastIndex;return r<e.length&&(o=e.slice(r),s[a]?s[a]+=o:s[++a]=o),s.length<2?l[0]?tf(l[0].x):ef(e):(e=l.length,function(c){for(var d=0,m;d<e;++d)s[(m=l[d]).i]=m.x(c);return s.join("")})}function Ft(t,e){var r=typeof e,n;return e==null||r==="boolean"?qr(e):(r==="number"?bt:r==="string"?(n=gt(e))?(e=n,ca):sc:e instanceof gt?ca:e instanceof Date?oc:nc(e)?rc:Array.isArray(e)?ic:typeof e.valueOf!="function"&&typeof e.toString!="function"||isNaN(e)?ac:bt)(t,e)}h();function pa(t,e){return t=+t,e=+e,function(r){return Math.round(t*(1-r)+e*r)}}h();function fa(t){return function(){return t}}h();function ha(t){return+t}var uc=[0,1];function or(t){return t}function ga(t,e){return(e-=t=+t)?function(r){return(r-t)/e}:fa(isNaN(e)?NaN:.5)}function rf(t,e){var r;return t>e&&(r=t,t=e,e=r),function(n){return Math.max(t,Math.min(e,n))}}function nf(t,e,r){var n=t[0],i=t[1],o=e[0],a=e[1];return i<n?(n=ga(i,n),o=r(a,o)):(n=ga(n,i),o=r(o,a)),function(s){return o(n(s))}}function of(t,e,r){var n=Math.min(t.length,e.length)-1,i=new Array(n),o=new Array(n),a=-1;for(t[n]<t[0]&&(t=t.slice().reverse(),e=e.slice().reverse());++a<n;)i[a]=ga(t[a],t[a+1]),o[a]=r(e[a],e[a+1]);return function(s){var l=aa(t,s,1,n)-1;return o[l](i[l](s))}}function ri(t,e){return e.domain(t.domain()).range(t.range()).interpolate(t.interpolate()).clamp(t.clamp()).unknown(t.unknown())}function af(){var t=uc,e=uc,r=Ft,n,i,o,a=or,s,l,c;function d(){var p=Math.min(t.length,e.length);return a!==or&&(a=rf(t[0],t[p-1])),s=p>2?of:nf,l=c=null,m}function m(p){return p==null||isNaN(p=+p)?o:(l||(l=s(t.map(n),e,r)))(n(a(p)))}return m.invert=function(p){return a(i((c||(c=s(e,t.map(n),bt)))(p)))},m.domain=function(p){return arguments.length?(t=Array.from(p,ha),d()):t.slice()},m.range=function(p){return arguments.length?(e=Array.from(p),d()):e.slice()},m.rangeRound=function(p){return e=Array.from(p),r=pa,d()},m.clamp=function(p){return arguments.length?(a=p?!0:or,d()):a!==or},m.interpolate=function(p){return arguments.length?(r=p,d()):r},m.unknown=function(p){return arguments.length?(o=p,m):o},function(p,f){return n=p,i=f,d()}}function Zr(){return af()(or,or)}h();function ba(t,e,r,n){var i=rr(t,e,r),o;switch(n=ft(n??",f"),n.type){case"s":{var a=Math.max(Math.abs(t),Math.abs(e));return n.precision==null&&!isNaN(o=ra(i,a))&&(n.precision=o),Wn(n,a)}case"":case"e":case"g":case"p":case"r":{n.precision==null&&!isNaN(o=na(i,Math.max(Math.abs(t),Math.abs(e))))&&(n.precision=o-(n.type==="e"));break}case"f":case"%":{n.precision==null&&!isNaN(o=ta(i))&&(n.precision=o-(n.type==="%")*2);break}}return er(n)}function sf(t){var e=t.domain;return t.ticks=function(r){var n=e();return Yn(n[0],n[n.length-1],r??10)},t.tickFormat=function(r,n){var i=e();return ba(i[0],i[i.length-1],r??10,n)},t.nice=function(r){r==null&&(r=10);var n=e(),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=Gr(a,s,r),c===l)return n[i]=a,n[o]=s,e(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 t},t}function ar(){var t=Zr();return t.copy=function(){return ri(t,ar())},ht.apply(t,arguments),sf(t)}h();function ya(t,e){t=t.slice();var r=0,n=t.length-1,i=t[r],o=t[n],a;return o<i&&(a=r,r=n,n=a,a=i,i=o,o=a),t[r]=e.floor(i),t[n]=e.ceil(o),t}h();h();h();var xa=new Date,wa=new Date;function me(t,e,r,n){function i(o){return t(o=arguments.length===0?new Date:new Date(+o)),o}return i.floor=o=>(t(o=new Date(+o)),o),i.ceil=o=>(t(o=new Date(o-1)),e(o,1),t(o),o),i.round=o=>{let a=i(o),s=i.ceil(o);return o-a<s-o?a:s},i.offset=(o,a)=>(e(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)),e(o,s),t(o);while(c<o&&o<a);return l},i.filter=o=>me(a=>{if(a>=a)for(;t(a),!o(a);)a.setTime(a-1)},(a,s)=>{if(a>=a)if(s<0)for(;++s<=0;)for(;e(a,-1),!o(a););else for(;--s>=0;)for(;e(a,1),!o(a););}),r&&(i.count=(o,a)=>(xa.setTime(+o),wa.setTime(+a),t(xa),t(wa),Math.floor(r(xa,wa))),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}h();var Kr=me(()=>{},(t,e)=>{t.setTime(+t+e)},(t,e)=>e-t);Kr.every=t=>(t=Math.floor(t),!isFinite(t)||!(t>0)?null:t>1?me(e=>{e.setTime(Math.floor(e/t)*t)},(e,r)=>{e.setTime(+e+r*t)},(e,r)=>(r-e)/t):Kr);var mS=Kr.range;h();var Xe=me(t=>{t.setTime(t-t.getMilliseconds())},(t,e)=>{t.setTime(+t+e*1e3)},(t,e)=>(e-t)/1e3,t=>t.getUTCSeconds()),lc=Xe.range;h();var ni=me(t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*1e3)},(t,e)=>{t.setTime(+t+e*6e4)},(t,e)=>(e-t)/6e4,t=>t.getMinutes()),uf=ni.range,sr=me(t=>{t.setUTCSeconds(0,0)},(t,e)=>{t.setTime(+t+e*6e4)},(t,e)=>(e-t)/6e4,t=>t.getUTCMinutes()),lf=sr.range;h();var ii=me(t=>{t.setTime(t-t.getMilliseconds()-t.getSeconds()*1e3-t.getMinutes()*6e4)},(t,e)=>{t.setTime(+t+e*36e5)},(t,e)=>(e-t)/36e5,t=>t.getHours()),cf=ii.range,ur=me(t=>{t.setUTCMinutes(0,0,0)},(t,e)=>{t.setTime(+t+e*36e5)},(t,e)=>(e-t)/36e5,t=>t.getUTCHours()),df=ur.range;h();var Et=me(t=>t.setHours(0,0,0,0),(t,e)=>t.setDate(t.getDate()+e),(t,e)=>(e-t-(e.getTimezoneOffset()-t.getTimezoneOffset())*6e4)/864e5,t=>t.getDate()-1),mf=Et.range,It=me(t=>{t.setUTCHours(0,0,0,0)},(t,e)=>{t.setUTCDate(t.getUTCDate()+e)},(t,e)=>(e-t)/864e5,t=>t.getUTCDate()-1),pf=It.range,oi=me(t=>{t.setUTCHours(0,0,0,0)},(t,e)=>{t.setUTCDate(t.getUTCDate()+e)},(t,e)=>(e-t)/864e5,t=>Math.floor(t/864e5)),ff=oi.range;h();function Vt(t){return me(e=>{e.setDate(e.getDate()-(e.getDay()+7-t)%7),e.setHours(0,0,0,0)},(e,r)=>{e.setDate(e.getDate()+r*7)},(e,r)=>(r-e-(r.getTimezoneOffset()-e.getTimezoneOffset())*6e4)/6048e5)}var zt=Vt(0),lr=Vt(1),dc=Vt(2),mc=Vt(3),yt=Vt(4),pc=Vt(5),fc=Vt(6),hc=zt.range,hf=lr.range,gf=dc.range,bf=mc.range,yf=yt.range,xf=pc.range,wf=fc.range;function jt(t){return me(e=>{e.setUTCDate(e.getUTCDate()-(e.getUTCDay()+7-t)%7),e.setUTCHours(0,0,0,0)},(e,r)=>{e.setUTCDate(e.getUTCDate()+r*7)},(e,r)=>(r-e)/6048e5)}var it=jt(0),cr=jt(1),gc=jt(2),bc=jt(3),xt=jt(4),yc=jt(5),xc=jt(6),wc=it.range,vf=cr.range,Sf=gc.range,kf=bc.range,Pf=xt.range,Mf=yc.range,Tf=xc.range;h();var ai=me(t=>{t.setDate(1),t.setHours(0,0,0,0)},(t,e)=>{t.setMonth(t.getMonth()+e)},(t,e)=>e.getMonth()-t.getMonth()+(e.getFullYear()-t.getFullYear())*12,t=>t.getMonth()),Cf=ai.range,dr=me(t=>{t.setUTCDate(1),t.setUTCHours(0,0,0,0)},(t,e)=>{t.setUTCMonth(t.getUTCMonth()+e)},(t,e)=>e.getUTCMonth()-t.getUTCMonth()+(e.getUTCFullYear()-t.getUTCFullYear())*12,t=>t.getUTCMonth()),Af=dr.range;h();var Ue=me(t=>{t.setMonth(0,1),t.setHours(0,0,0,0)},(t,e)=>{t.setFullYear(t.getFullYear()+e)},(t,e)=>e.getFullYear()-t.getFullYear(),t=>t.getFullYear());Ue.every=t=>!isFinite(t=Math.floor(t))||!(t>0)?null:me(e=>{e.setFullYear(Math.floor(e.getFullYear()/t)*t),e.setMonth(0,1),e.setHours(0,0,0,0)},(e,r)=>{e.setFullYear(e.getFullYear()+r*t)});var Df=Ue.range,Ie=me(t=>{t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0)},(t,e)=>{t.setUTCFullYear(t.getUTCFullYear()+e)},(t,e)=>e.getUTCFullYear()-t.getUTCFullYear(),t=>t.getUTCFullYear());Ie.every=t=>!isFinite(t=Math.floor(t))||!(t>0)?null:me(e=>{e.setUTCFullYear(Math.floor(e.getUTCFullYear()/t)*t),e.setUTCMonth(0,1),e.setUTCHours(0,0,0,0)},(e,r)=>{e.setUTCFullYear(e.getUTCFullYear()+r*t)});var Nf=Ie.range;h();function Sc(t,e,r,n,i,o){let a=[[Xe,1,1e3],[Xe,5,5*1e3],[Xe,15,15*1e3],[Xe,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],[e,1,2592e6],[e,3,3*2592e6],[t,1,31536e6]];function s(c,d,m){let p=d<c;p&&([c,d]=[d,c]);let f=m&&typeof m.range=="function"?m:l(c,d,m),b=f?f.range(c,+d+1):[];return p?b.reverse():b}function l(c,d,m){let p=Math.abs(d-c)/m,f=Nt(([,,y])=>y).right(a,p);if(f===a.length)return t.every(rr(c/31536e6,d/31536e6,m));if(f===0)return Kr.every(Math.max(rr(c,d,m),1));let[b,g]=a[p/a[f-1][2]<a[f][2]/p?f-1:f];return b.every(g)}return[s,l]}var[va,Sa]=Sc(Ie,dr,it,oi,ur,sr),[Rf,Ff]=Sc(Ue,ai,zt,Et,ii,ni);h();h();h();function ka(t){if(0<=t.y&&t.y<100){var e=new Date(-1,t.m,t.d,t.H,t.M,t.S,t.L);return e.setFullYear(t.y),e}return new Date(t.y,t.m,t.d,t.H,t.M,t.S,t.L)}function Pa(t){if(0<=t.y&&t.y<100){var e=new Date(Date.UTC(-1,t.m,t.d,t.H,t.M,t.S,t.L));return e.setUTCFullYear(t.y),e}return new Date(Date.UTC(t.y,t.m,t.d,t.H,t.M,t.S,t.L))}function Jr(t,e,r){return{y:t,m:e,d:r,H:0,M:0,S:0,L:0}}function Ma(t){var e=t.dateTime,r=t.date,n=t.time,i=t.periods,o=t.days,a=t.shortDays,s=t.months,l=t.shortMonths,c=en(i),d=tn(i),m=en(o),p=tn(o),f=en(a),b=tn(a),g=en(s),y=tn(s),S=en(l),A=tn(l),M={a:_,A:V,b:ee,B:oe,c:null,d:Ac,e:Ac,f:rh,g:mh,G:fh,H:Jf,I:eh,j:th,L:Fc,m:nh,M:ih,p:ge,q:le,Q:Oc,s:Rc,S:oh,u:ah,U:sh,V:uh,w:lh,W:ch,x:null,X:null,y:dh,Y:ph,Z:hh,"%":Nc},v={a:L,A:z,b:W,B:K,c:null,d:Dc,e:Dc,f:xh,g:Dh,G:Oh,H:gh,I:bh,j:yh,L:Lc,m:wh,M:vh,p:X,q:te,Q:Oc,s:Rc,S:Sh,u:kh,U:Ph,V:Mh,w:Th,W:Ch,x:null,X:null,y:Ah,Y:Nh,Z:Rh,"%":Nc},C={a:G,A:I,b:F,B:k,c:P,d:Tc,e:Tc,f:qf,g:Mc,G:Pc,H:Cc,I:Cc,j:Wf,L:Xf,m:Gf,M:Hf,p:j,q:$f,Q:Kf,s:Qf,S:Yf,u:Vf,U:zf,V:jf,w:If,W:_f,x:H,X:Y,y:Mc,Y:Pc,Z:Uf,"%":Zf};M.x=w(r,M),M.X=w(n,M),M.c=w(e,M),v.x=w(r,v),v.X=w(n,v),v.c=w(e,v);function w(R,E){return function(q){var N=[],Se=-1,ce=0,Ae=R.length,De,Ke,fn;for(q instanceof Date||(q=new Date(+q));++Se<Ae;)R.charCodeAt(Se)===37&&(N.push(R.slice(ce,Se)),(Ke=kc[De=R.charAt(++Se)])!=null?De=R.charAt(++Se):Ke=De==="e"?" ":"0",(fn=E[De])&&(De=fn(q,Ke)),N.push(De),ce=Se+1);return N.push(R.slice(ce,Se)),N.join("")}}function T(R,E){return function(q){var N=Jr(1900,void 0,1),Se=O(N,R,q+="",0),ce,Ae;if(Se!=q.length)return null;if("Q"in N)return new Date(N.Q);if("s"in N)return new Date(N.s*1e3+("L"in N?N.L:0));if(E&&!("Z"in N)&&(N.Z=0),"p"in N&&(N.H=N.H%12+N.p*12),N.m===void 0&&(N.m="q"in N?N.q:0),"V"in N){if(N.V<1||N.V>53)return null;"w"in N||(N.w=1),"Z"in N?(ce=Pa(Jr(N.y,0,1)),Ae=ce.getUTCDay(),ce=Ae>4||Ae===0?cr.ceil(ce):cr(ce),ce=It.offset(ce,(N.V-1)*7),N.y=ce.getUTCFullYear(),N.m=ce.getUTCMonth(),N.d=ce.getUTCDate()+(N.w+6)%7):(ce=ka(Jr(N.y,0,1)),Ae=ce.getDay(),ce=Ae>4||Ae===0?lr.ceil(ce):lr(ce),ce=Et.offset(ce,(N.V-1)*7),N.y=ce.getFullYear(),N.m=ce.getMonth(),N.d=ce.getDate()+(N.w+6)%7)}else("W"in N||"U"in N)&&("w"in N||(N.w="u"in N?N.u%7:"W"in N?1:0),Ae="Z"in N?Pa(Jr(N.y,0,1)).getUTCDay():ka(Jr(N.y,0,1)).getDay(),N.m=0,N.d="W"in N?(N.w+6)%7+N.W*7-(Ae+5)%7:N.w+N.U*7-(Ae+6)%7);return"Z"in N?(N.H+=N.Z/100|0,N.M+=N.Z%100,Pa(N)):ka(N)}}function O(R,E,q,N){for(var Se=0,ce=E.length,Ae=q.length,De,Ke;Se<ce;){if(N>=Ae)return-1;if(De=E.charCodeAt(Se++),De===37){if(De=E.charAt(Se++),Ke=C[De in kc?E.charAt(Se++):De],!Ke||(N=Ke(R,q,N))<0)return-1}else if(De!=q.charCodeAt(N++))return-1}return N}function j(R,E,q){var N=c.exec(E.slice(q));return N?(R.p=d.get(N[0].toLowerCase()),q+N[0].length):-1}function G(R,E,q){var N=f.exec(E.slice(q));return N?(R.w=b.get(N[0].toLowerCase()),q+N[0].length):-1}function I(R,E,q){var N=m.exec(E.slice(q));return N?(R.w=p.get(N[0].toLowerCase()),q+N[0].length):-1}function F(R,E,q){var N=S.exec(E.slice(q));return N?(R.m=A.get(N[0].toLowerCase()),q+N[0].length):-1}function k(R,E,q){var N=g.exec(E.slice(q));return N?(R.m=y.get(N[0].toLowerCase()),q+N[0].length):-1}function P(R,E,q){return O(R,e,E,q)}function H(R,E,q){return O(R,r,E,q)}function Y(R,E,q){return O(R,n,E,q)}function _(R){return a[R.getDay()]}function V(R){return o[R.getDay()]}function ee(R){return l[R.getMonth()]}function oe(R){return s[R.getMonth()]}function ge(R){return i[+(R.getHours()>=12)]}function le(R){return 1+~~(R.getMonth()/3)}function L(R){return a[R.getUTCDay()]}function z(R){return o[R.getUTCDay()]}function W(R){return l[R.getUTCMonth()]}function K(R){return s[R.getUTCMonth()]}function X(R){return i[+(R.getUTCHours()>=12)]}function te(R){return 1+~~(R.getUTCMonth()/3)}return{format:function(R){var E=w(R+="",M);return E.toString=function(){return R},E},parse:function(R){var E=T(R+="",!1);return E.toString=function(){return R},E},utcFormat:function(R){var E=w(R+="",v);return E.toString=function(){return R},E},utcParse:function(R){var E=T(R+="",!0);return E.toString=function(){return R},E}}}var kc={"-":"",_:" ",0:"0"},Pe=/^\s*\d+/,Bf=/^%/,Lf=/[\\^$*+?|[\]().{}]/g;function se(t,e,r){var n=t<0?"-":"",i=(n?-t:t)+"",o=i.length;return n+(o<r?new Array(r-o+1).join(e)+i:i)}function Ef(t){return t.replace(Lf,"\\$&")}function en(t){return new RegExp("^(?:"+t.map(Ef).join("|")+")","i")}function tn(t){return new Map(t.map((e,r)=>[e.toLowerCase(),r]))}function If(t,e,r){var n=Pe.exec(e.slice(r,r+1));return n?(t.w=+n[0],r+n[0].length):-1}function Vf(t,e,r){var n=Pe.exec(e.slice(r,r+1));return n?(t.u=+n[0],r+n[0].length):-1}function zf(t,e,r){var n=Pe.exec(e.slice(r,r+2));return n?(t.U=+n[0],r+n[0].length):-1}function jf(t,e,r){var n=Pe.exec(e.slice(r,r+2));return n?(t.V=+n[0],r+n[0].length):-1}function _f(t,e,r){var n=Pe.exec(e.slice(r,r+2));return n?(t.W=+n[0],r+n[0].length):-1}function Pc(t,e,r){var n=Pe.exec(e.slice(r,r+4));return n?(t.y=+n[0],r+n[0].length):-1}function Mc(t,e,r){var n=Pe.exec(e.slice(r,r+2));return n?(t.y=+n[0]+(+n[0]>68?1900:2e3),r+n[0].length):-1}function Uf(t,e,r){var n=/^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(e.slice(r,r+6));return n?(t.Z=n[1]?0:-(n[2]+(n[3]||"00")),r+n[0].length):-1}function $f(t,e,r){var n=Pe.exec(e.slice(r,r+1));return n?(t.q=n[0]*3-3,r+n[0].length):-1}function Gf(t,e,r){var n=Pe.exec(e.slice(r,r+2));return n?(t.m=n[0]-1,r+n[0].length):-1}function Tc(t,e,r){var n=Pe.exec(e.slice(r,r+2));return n?(t.d=+n[0],r+n[0].length):-1}function Wf(t,e,r){var n=Pe.exec(e.slice(r,r+3));return n?(t.m=0,t.d=+n[0],r+n[0].length):-1}function Cc(t,e,r){var n=Pe.exec(e.slice(r,r+2));return n?(t.H=+n[0],r+n[0].length):-1}function Hf(t,e,r){var n=Pe.exec(e.slice(r,r+2));return n?(t.M=+n[0],r+n[0].length):-1}function Yf(t,e,r){var n=Pe.exec(e.slice(r,r+2));return n?(t.S=+n[0],r+n[0].length):-1}function Xf(t,e,r){var n=Pe.exec(e.slice(r,r+3));return n?(t.L=+n[0],r+n[0].length):-1}function qf(t,e,r){var n=Pe.exec(e.slice(r,r+6));return n?(t.L=Math.floor(n[0]/1e3),r+n[0].length):-1}function Zf(t,e,r){var n=Bf.exec(e.slice(r,r+1));return n?r+n[0].length:-1}function Kf(t,e,r){var n=Pe.exec(e.slice(r));return n?(t.Q=+n[0],r+n[0].length):-1}function Qf(t,e,r){var n=Pe.exec(e.slice(r));return n?(t.s=+n[0],r+n[0].length):-1}function Ac(t,e){return se(t.getDate(),e,2)}function Jf(t,e){return se(t.getHours(),e,2)}function eh(t,e){return se(t.getHours()%12||12,e,2)}function th(t,e){return se(1+Et.count(Ue(t),t),e,3)}function Fc(t,e){return se(t.getMilliseconds(),e,3)}function rh(t,e){return Fc(t,e)+"000"}function nh(t,e){return se(t.getMonth()+1,e,2)}function ih(t,e){return se(t.getMinutes(),e,2)}function oh(t,e){return se(t.getSeconds(),e,2)}function ah(t){var e=t.getDay();return e===0?7:e}function sh(t,e){return se(zt.count(Ue(t)-1,t),e,2)}function Bc(t){var e=t.getDay();return e>=4||e===0?yt(t):yt.ceil(t)}function uh(t,e){return t=Bc(t),se(yt.count(Ue(t),t)+(Ue(t).getDay()===4),e,2)}function lh(t){return t.getDay()}function ch(t,e){return se(lr.count(Ue(t)-1,t),e,2)}function dh(t,e){return se(t.getFullYear()%100,e,2)}function mh(t,e){return t=Bc(t),se(t.getFullYear()%100,e,2)}function ph(t,e){return se(t.getFullYear()%1e4,e,4)}function fh(t,e){var r=t.getDay();return t=r>=4||r===0?yt(t):yt.ceil(t),se(t.getFullYear()%1e4,e,4)}function hh(t){var e=t.getTimezoneOffset();return(e>0?"-":(e*=-1,"+"))+se(e/60|0,"0",2)+se(e%60,"0",2)}function Dc(t,e){return se(t.getUTCDate(),e,2)}function gh(t,e){return se(t.getUTCHours(),e,2)}function bh(t,e){return se(t.getUTCHours()%12||12,e,2)}function yh(t,e){return se(1+It.count(Ie(t),t),e,3)}function Lc(t,e){return se(t.getUTCMilliseconds(),e,3)}function xh(t,e){return Lc(t,e)+"000"}function wh(t,e){return se(t.getUTCMonth()+1,e,2)}function vh(t,e){return se(t.getUTCMinutes(),e,2)}function Sh(t,e){return se(t.getUTCSeconds(),e,2)}function kh(t){var e=t.getUTCDay();return e===0?7:e}function Ph(t,e){return se(it.count(Ie(t)-1,t),e,2)}function Ec(t){var e=t.getUTCDay();return e>=4||e===0?xt(t):xt.ceil(t)}function Mh(t,e){return t=Ec(t),se(xt.count(Ie(t),t)+(Ie(t).getUTCDay()===4),e,2)}function Th(t){return t.getUTCDay()}function Ch(t,e){return se(cr.count(Ie(t)-1,t),e,2)}function Ah(t,e){return se(t.getUTCFullYear()%100,e,2)}function Dh(t,e){return t=Ec(t),se(t.getUTCFullYear()%100,e,2)}function Nh(t,e){return se(t.getUTCFullYear()%1e4,e,4)}function Oh(t,e){var r=t.getUTCDay();return t=r>=4||r===0?xt(t):xt.ceil(t),se(t.getUTCFullYear()%1e4,e,4)}function Rh(){return"+0000"}function Nc(){return"%"}function Oc(t){return+t}function Rc(t){return Math.floor(+t/1e3)}var mr,Ic,Vc,si,zc;Ta({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 Ta(t){return mr=Ma(t),Ic=mr.format,Vc=mr.parse,si=mr.utcFormat,zc=mr.utcParse,mr}function Fh(t){return new Date(t)}function Bh(t){return t instanceof Date?+t:+new Date(+t)}function Ca(t,e,r,n,i,o,a,s,l,c){var d=Zr(),m=d.invert,p=d.domain,f=c(".%L"),b=c(":%S"),g=c("%I:%M"),y=c("%I %p"),S=c("%a %d"),A=c("%b %d"),M=c("%B"),v=c("%Y");function C(w){return(l(w)<w?f:s(w)<w?b:a(w)<w?g:o(w)<w?y:n(w)<w?i(w)<w?S:A:r(w)<w?M:v)(w)}return d.invert=function(w){return new Date(m(w))},d.domain=function(w){return arguments.length?p(Array.from(w,Bh)):p().map(Fh)},d.ticks=function(w){var T=p();return t(T[0],T[T.length-1],w??10)},d.tickFormat=function(w,T){return T==null?C:c(T)},d.nice=function(w){var T=p();return(!w||typeof w.range!="function")&&(w=e(T[0],T[T.length-1],w??10)),w?p(ya(T,w)):d},d.copy=function(){return ri(d,Ca(t,e,r,n,i,o,a,s,l,c))},d}h();function ui(){return ht.apply(Ca(va,Sa,Ie,dr,it,It,ur,sr,Xe,si).domain([Date.UTC(2e3,0,1),Date.UTC(2e3,0,2)]),arguments)}h();h();h();function J(t){return function(){return t}}h();var Aa=Math.abs,Ce=Math.atan2,wt=Math.cos,jc=Math.max,li=Math.min,$e=Math.sin,_t=Math.sqrt,Le=1e-12,pr=Math.PI,rn=pr/2,fr=2*pr;function _c(t){return t>1?0:t<-1?pr:Math.acos(t)}function Da(t){return t>=1?rn:t<=-1?-rn:Math.asin(t)}h();h();h();var Na=Math.PI,Oa=2*Na,Ut=1e-6,Lh=Oa-Ut;function Uc(t){this._+=t[0];for(let e=1,r=t.length;e<r;++e)this._+=arguments[e]+t[e]}function Eh(t){let e=Math.floor(t);if(!(e>=0))throw new Error(`invalid digits: ${t}`);if(e>15)return Uc;let r=10**e;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 $t=class{constructor(e){this._x0=this._y0=this._x1=this._y1=null,this._="",this._append=e==null?Uc:Eh(e)}moveTo(e,r){this._append`M${this._x0=this._x1=+e},${this._y0=this._y1=+r}`}closePath(){this._x1!==null&&(this._x1=this._x0,this._y1=this._y0,this._append`Z`)}lineTo(e,r){this._append`L${this._x1=+e},${this._y1=+r}`}quadraticCurveTo(e,r,n,i){this._append`Q${+e},${+r},${this._x1=+n},${this._y1=+i}`}bezierCurveTo(e,r,n,i,o,a){this._append`C${+e},${+r},${+n},${+i},${this._x1=+o},${this._y1=+a}`}arcTo(e,r,n,i,o){if(e=+e,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-e,c=i-r,d=a-e,m=s-r,p=d*d+m*m;if(this._x1===null)this._append`M${this._x1=e},${this._y1=r}`;else if(p>Ut)if(!(Math.abs(m*l-c*d)>Ut)||!o)this._append`L${this._x1=e},${this._y1=r}`;else{let f=n-a,b=i-s,g=l*l+c*c,y=f*f+b*b,S=Math.sqrt(g),A=Math.sqrt(p),M=o*Math.tan((Na-Math.acos((g+p-y)/(2*S*A)))/2),v=M/A,C=M/S;Math.abs(v-1)>Ut&&this._append`L${e+v*d},${r+v*m}`,this._append`A${o},${o},0,0,${+(m*f>d*b)},${this._x1=e+C*l},${this._y1=r+C*c}`}}arc(e,r,n,i,o,a){if(e=+e,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=e+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)>Ut||Math.abs(this._y1-d)>Ut)&&this._append`L${c},${d}`,n&&(p<0&&(p=p%Oa+Oa),p>Lh?this._append`A${n},${n},0,1,${m},${e-s},${r-l}A${n},${n},0,1,${m},${this._x1=c},${this._y1=d}`:p>Ut&&this._append`A${n},${n},0,${+(p>=Na)},${m},${this._x1=e+n*Math.cos(o)},${this._y1=r+n*Math.sin(o)}`)}rect(e,r,n,i){this._append`M${this._x0=this._x1=+e},${this._y0=this._y1=+r}h${n=+n}v${+i}h${-n}Z`}toString(){return this._}};function $c(){return new $t}$c.prototype=$t.prototype;function hr(t){let e=3;return t.digits=function(r){if(!arguments.length)return e;if(r==null)e=null;else{let n=Math.floor(r);if(!(n>=0))throw new RangeError(`invalid digits: ${r}`);e=n}return t},()=>new $t(e)}function Ih(t){return t.innerRadius}function Vh(t){return t.outerRadius}function zh(t){return t.startAngle}function jh(t){return t.endAngle}function _h(t){return t&&t.padAngle}function Uh(t,e,r,n,i,o,a,s){var l=r-t,c=n-e,d=a-i,m=s-o,p=m*l-d*c;if(!(p*p<Le))return p=(d*(e-o)-m*(t-i))/p,[t+p*l,e+p*c]}function ci(t,e,r,n,i,o,a){var s=t-r,l=e-n,c=(a?o:-o)/_t(s*s+l*l),d=c*l,m=-c*s,p=t+d,f=e+m,b=r+d,g=n+m,y=(p+b)/2,S=(f+g)/2,A=b-p,M=g-f,v=A*A+M*M,C=i-o,w=p*g-b*f,T=(M<0?-1:1)*_t(jc(0,C*C*v-w*w)),O=(w*M-A*T)/v,j=(-w*A-M*T)/v,G=(w*M+A*T)/v,I=(-w*A+M*T)/v,F=O-y,k=j-S,P=G-y,H=I-S;return F*F+k*k>P*P+H*H&&(O=G,j=I),{cx:O,cy:j,x01:-d,y01:-m,x11:O*(i/C-1),y11:j*(i/C-1)}}function di(){var t=Ih,e=Vh,r=J(0),n=null,i=zh,o=jh,a=_h,s=null,l=hr(c);function c(){var d,m,p=+t.apply(this,arguments),f=+e.apply(this,arguments),b=i.apply(this,arguments)-rn,g=o.apply(this,arguments)-rn,y=Aa(g-b),S=g>b;if(s||(s=d=l()),f<p&&(m=f,f=p,p=m),!(f>Le))s.moveTo(0,0);else if(y>fr-Le)s.moveTo(f*wt(b),f*$e(b)),s.arc(0,0,f,b,g,!S),p>Le&&(s.moveTo(p*wt(g),p*$e(g)),s.arc(0,0,p,g,b,S));else{var A=b,M=g,v=b,C=g,w=y,T=y,O=a.apply(this,arguments)/2,j=O>Le&&(n?+n.apply(this,arguments):_t(p*p+f*f)),G=li(Aa(f-p)/2,+r.apply(this,arguments)),I=G,F=G,k,P;if(j>Le){var H=Da(j/p*$e(O)),Y=Da(j/f*$e(O));(w-=H*2)>Le?(H*=S?1:-1,v+=H,C-=H):(w=0,v=C=(b+g)/2),(T-=Y*2)>Le?(Y*=S?1:-1,A+=Y,M-=Y):(T=0,A=M=(b+g)/2)}var _=f*wt(A),V=f*$e(A),ee=p*wt(C),oe=p*$e(C);if(G>Le){var ge=f*wt(M),le=f*$e(M),L=p*wt(v),z=p*$e(v),W;if(y<pr)if(W=Uh(_,V,L,z,ge,le,ee,oe)){var K=_-W[0],X=V-W[1],te=ge-W[0],R=le-W[1],E=1/$e(_c((K*te+X*R)/(_t(K*K+X*X)*_t(te*te+R*R)))/2),q=_t(W[0]*W[0]+W[1]*W[1]);I=li(G,(p-q)/(E-1)),F=li(G,(f-q)/(E+1))}else I=F=0}T>Le?F>Le?(k=ci(L,z,_,V,f,F,S),P=ci(ge,le,ee,oe,f,F,S),s.moveTo(k.cx+k.x01,k.cy+k.y01),F<G?s.arc(k.cx,k.cy,F,Ce(k.y01,k.x01),Ce(P.y01,P.x01),!S):(s.arc(k.cx,k.cy,F,Ce(k.y01,k.x01),Ce(k.y11,k.x11),!S),s.arc(0,0,f,Ce(k.cy+k.y11,k.cx+k.x11),Ce(P.cy+P.y11,P.cx+P.x11),!S),s.arc(P.cx,P.cy,F,Ce(P.y11,P.x11),Ce(P.y01,P.x01),!S))):(s.moveTo(_,V),s.arc(0,0,f,A,M,!S)):s.moveTo(_,V),!(p>Le)||!(w>Le)?s.lineTo(ee,oe):I>Le?(k=ci(ee,oe,ge,le,p,-I,S),P=ci(_,V,L,z,p,-I,S),s.lineTo(k.cx+k.x01,k.cy+k.y01),I<G?s.arc(k.cx,k.cy,I,Ce(k.y01,k.x01),Ce(P.y01,P.x01),!S):(s.arc(k.cx,k.cy,I,Ce(k.y01,k.x01),Ce(k.y11,k.x11),!S),s.arc(0,0,p,Ce(k.cy+k.y11,k.cx+k.x11),Ce(P.cy+P.y11,P.cx+P.x11),S),s.arc(P.cx,P.cy,I,Ce(P.y11,P.x11),Ce(P.y01,P.x01),!S))):s.arc(0,0,p,C,v,S)}if(s.closePath(),d)return s=null,d+""||null}return c.centroid=function(){var d=(+t.apply(this,arguments)+ +e.apply(this,arguments))/2,m=(+i.apply(this,arguments)+ +o.apply(this,arguments))/2-pr/2;return[wt(m)*d,$e(m)*d]},c.innerRadius=function(d){return arguments.length?(t=typeof d=="function"?d:J(+d),c):t},c.outerRadius=function(d){return arguments.length?(e=typeof d=="function"?d:J(+d),c):e},c.cornerRadius=function(d){return arguments.length?(r=typeof d=="function"?d:J(+d),c):r},c.padRadius=function(d){return arguments.length?(n=d==null?null:typeof d=="function"?d:J(+d),c):n},c.startAngle=function(d){return arguments.length?(i=typeof d=="function"?d:J(+d),c):i},c.endAngle=function(d){return arguments.length?(o=typeof d=="function"?d:J(+d),c):o},c.padAngle=function(d){return arguments.length?(a=typeof d=="function"?d:J(+d),c):a},c.context=function(d){return arguments.length?(s=d??null,c):s},c}h();h();var Hk=Array.prototype.slice;function vt(t){return typeof t=="object"&&"length"in t?t:Array.from(t)}h();function Gc(t){this._context=t}Gc.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(t,e){switch(t=+t,e=+e,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,e):this._context.moveTo(t,e);break;case 1:this._point=2;default:this._context.lineTo(t,e);break}}};function Gt(t){return new Gc(t)}h();h();function mi(t){return t[0]}function pi(t){return t[1]}function nn(t,e){var r=J(!0),n=null,i=Gt,o=null,a=hr(s);t=typeof t=="function"?t:t===void 0?mi:J(t),e=typeof e=="function"?e:e===void 0?pi:J(e);function s(l){var c,d=(l=vt(l)).length,m,p=!1,f;for(n==null&&(o=i(f=a())),c=0;c<=d;++c)!(c<d&&r(m=l[c],c,l))===p&&((p=!p)?o.lineStart():o.lineEnd()),p&&o.point(+t(m,c,l),+e(m,c,l));if(f)return o=null,f+""||null}return s.x=function(l){return arguments.length?(t=typeof l=="function"?l:J(+l),s):t},s.y=function(l){return arguments.length?(e=typeof l=="function"?l:J(+l),s):e},s.defined=function(l){return arguments.length?(r=typeof l=="function"?l:J(!!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 Ra(t,e,r){var n=null,i=J(!0),o=null,a=Gt,s=null,l=hr(c);t=typeof t=="function"?t:t===void 0?mi:J(+t),e=typeof e=="function"?e:e===void 0?J(0):J(+e),r=typeof r=="function"?r:r===void 0?pi:J(+r);function c(m){var p,f,b,g=(m=vt(m)).length,y,S=!1,A,M=new Array(g),v=new Array(g);for(o==null&&(s=a(A=l())),p=0;p<=g;++p){if(!(p<g&&i(y=m[p],p,m))===S)if(S=!S)f=p,s.areaStart(),s.lineStart();else{for(s.lineEnd(),s.lineStart(),b=p-1;b>=f;--b)s.point(M[b],v[b]);s.lineEnd(),s.areaEnd()}S&&(M[p]=+t(y,p,m),v[p]=+e(y,p,m),s.point(n?+n(y,p,m):M[p],r?+r(y,p,m):v[p]))}if(A)return s=null,A+""||null}function d(){return nn().defined(i).curve(a).context(o)}return c.x=function(m){return arguments.length?(t=typeof m=="function"?m:J(+m),n=null,c):t},c.x0=function(m){return arguments.length?(t=typeof m=="function"?m:J(+m),c):t},c.x1=function(m){return arguments.length?(n=m==null?null:typeof m=="function"?m:J(+m),c):n},c.y=function(m){return arguments.length?(e=typeof m=="function"?m:J(+m),r=null,c):e},c.y0=function(m){return arguments.length?(e=typeof m=="function"?m:J(+m),c):e},c.y1=function(m){return arguments.length?(r=m==null?null:typeof m=="function"?m:J(+m),c):r},c.lineX0=c.lineY0=function(){return d().x(t).y(e)},c.lineY1=function(){return d().x(t).y(r)},c.lineX1=function(){return d().x(n).y(e)},c.defined=function(m){return arguments.length?(i=typeof m=="function"?m:J(!!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}h();h();function Wc(t,e){return e<t?-1:e>t?1:e>=t?0:NaN}h();function Hc(t){return t}function Fa(){var t=Hc,e=Wc,r=null,n=J(0),i=J(fr),o=J(0);function a(s){var l,c=(s=vt(s)).length,d,m,p=0,f=new Array(c),b=new Array(c),g=+n.apply(this,arguments),y=Math.min(fr,Math.max(-fr,i.apply(this,arguments)-g)),S,A=Math.min(Math.abs(y)/c,o.apply(this,arguments)),M=A*(y<0?-1:1),v;for(l=0;l<c;++l)(v=b[f[l]=l]=+t(s[l],l,s))>0&&(p+=v);for(e!=null?f.sort(function(C,w){return e(b[C],b[w])}):r!=null&&f.sort(function(C,w){return r(s[C],s[w])}),l=0,m=p?(y-c*M)/p:0;l<c;++l,g=S)d=f[l],v=b[d],S=g+(v>0?v*m:0)+M,b[d]={data:s[d],index:l,value:v,startAngle:g,endAngle:S,padAngle:A};return b}return a.value=function(s){return arguments.length?(t=typeof s=="function"?s:J(+s),a):t},a.sortValues=function(s){return arguments.length?(e=s,r=null,a):e},a.sort=function(s){return arguments.length?(r=s,e=null,a):r},a.startAngle=function(s){return arguments.length?(n=typeof s=="function"?s:J(+s),a):n},a.endAngle=function(s){return arguments.length?(i=typeof s=="function"?s:J(+s),a):i},a.padAngle=function(s){return arguments.length?(o=typeof s=="function"?s:J(+s),a):o},a}h();function Yc(t){return t<0?-1:1}function Xc(t,e,r){var n=t._x1-t._x0,i=e-t._x1,o=(t._y1-t._y0)/(n||i<0&&-0),a=(r-t._y1)/(i||n<0&&-0),s=(o*i+a*n)/(n+i);return(Yc(o)+Yc(a))*Math.min(Math.abs(o),Math.abs(a),.5*Math.abs(s))||0}function qc(t,e){var r=t._x1-t._x0;return r?(3*(t._y1-t._y0)/r-e)/2:e}function Ba(t,e,r){var n=t._x0,i=t._y0,o=t._x1,a=t._y1,s=(o-n)/3;t._context.bezierCurveTo(n+s,i+s*e,o-s,a-s*r,o,a)}function fi(t){this._context=t}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:Ba(this,this._t0,qc(this,this._t0));break}(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line=1-this._line},point:function(t,e){var r=NaN;if(t=+t,e=+e,!(t===this._x1&&e===this._y1)){switch(this._point){case 0:this._point=1,this._line?this._context.lineTo(t,e):this._context.moveTo(t,e);break;case 1:this._point=2;break;case 2:this._point=3,Ba(this,qc(this,r=Xc(this,t,e)),r);break;default:Ba(this,this._t0,r=Xc(this,t,e));break}this._x0=this._x1,this._x1=t,this._y0=this._y1,this._y1=e,this._t0=r}}};function $h(t){this._context=new Zc(t)}($h.prototype=Object.create(fi.prototype)).point=function(t,e){fi.prototype.point.call(this,e,t)};function Zc(t){this._context=t}Zc.prototype={moveTo:function(t,e){this._context.moveTo(e,t)},closePath:function(){this._context.closePath()},lineTo:function(t,e){this._context.lineTo(e,t)},bezierCurveTo:function(t,e,r,n,i,o){this._context.bezierCurveTo(e,t,n,r,o,i)}};function La(t){return new fi(t)}h();function Kc(t,e){this._context=t,this._t=e}Kc.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(t,e){switch(t=+t,e=+e,this._point){case 0:this._point=1,this._line?this._context.lineTo(t,e):this._context.moveTo(t,e);break;case 1:this._point=2;default:{if(this._t<=0)this._context.lineTo(this._x,e),this._context.lineTo(t,e);else{var r=this._x*(1-this._t)+t*this._t;this._context.lineTo(r,this._y),this._context.lineTo(r,e)}break}}this._x=t,this._y=e}};function Ea(t){return new Kc(t,1)}h();h();function Ia(t,e){if((a=t.length)>1)for(var r=1,n,i,o=t[e[0]],a,s=o.length;r<a;++r)for(i=o,o=t[e[r]],n=0;n<s;++n)o[n][1]+=o[n][0]=isNaN(i[n][1])?i[n][0]:i[n][1]}h();function Va(t){for(var e=t.length,r=new Array(e);--e>=0;)r[e]=e;return r}function Gh(t,e){return t[e]}function Wh(t){let e=[];return e.key=t,e}function za(){var t=J([]),e=Va,r=Ia,n=Gh;function i(o){var a=Array.from(t.apply(this,arguments),Wh),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=vt(e(a));s<l;++s)a[d[s]].index=s;return r(a,d),a}return i.keys=function(o){return arguments.length?(t=typeof o=="function"?o:J(Array.from(o)),i):t},i.value=function(o){return arguments.length?(n=typeof o=="function"?o:J(+o),i):n},i.order=function(o){return arguments.length?(e=o==null?Va:typeof o=="function"?o:J(Array.from(o)),i):e},i.offset=function(o){return arguments.length?(r=o??Ia,i):r},i}h();function ja(t,e){if((l=t.length)>0)for(var r,n=0,i,o,a,s,l,c=t[e[0]].length;n<c;++n)for(a=s=0,r=0;r<l;++r)(o=(i=t[e[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 td=["#6366f1","#22d3ee","#f59e0b","#ec4899","#10b981","#8b5cf6","#f97316","#3b82f6"],Hh=t=>typeof t=="object"&&t!==null&&"open"in t&&"close"in t,Yh=t=>typeof t=="object"&&t!==null&&"label"in t&&"value"in t;function Xh(t){return t==="linear"?Gt:t==="step"?Ea:La}function _a(t,e){let r=/^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(t.trim());if(!r)return t;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}, ${e})`}function Qc(t){if(!t?.format)return null;if(typeof t.format=="function")return t.format;let e=er(t.format);return r=>typeof r=="number"?e(r):String(r)}function re(t){return Math.round(t*100)/100}function gr(t,e=0,r=t.duration){return ie.create().fromTo("opacity",0,1,{start:t.start+e,end:t.start+e+Math.max(1,r),ease:"power2.out"})}function rd(t,e,r){let n=e.id??Q("chart"),i=t.width??(typeof e.width=="number"?e.width:960),o=t.height??(typeof e.height=="number"?e.height:540),a=t.type??"line",s=t.fontSize??18,l=t.fontFamily??r,c=t.textColor??"#94a3b8",d=t.textColor??"#e2e8f0",m=t.gridColor??"rgba(148, 163, 184, 0.18)",p=t.colors?.length?t.colors:td,f=t.cornerRadius??4,b=t.animate===!1?void 0:t.animate??{},g={enabled:b!==void 0,start:b?.start??0,duration:b?.duration??30,stagger:b?.stagger??-1,ease:b?.ease??"power3.out"},y=[],S=(k,P,H,Y={},_="")=>{let V=B.text(k,{id:`${n}-label-${_||y.length}`,position:"absolute",x:re(P.x),y:re(P.y),width:re(P.width),height:re(P.height),fontFamily:l,fontSize:s,fontWeight:Y.weight??500,fill:Y.color??c,align:H,verticalAlign:"middle"});g.enabled&&V.animate(gr(g,Y.delay??0)),y.push(V)},A=Math.ceil(s*1.4);a==="pie"||a==="donut"?M():C();for(let k of y)nd(k);return B.box({background:t.background??"transparent",...e,id:n,width:i,height:o,children:y});function M(){let k=v(),P=k.reduce((K,X)=>K+Math.max(0,X.value),0),H=t.legend??!0,Y=T({top:16,right:H?j(k.map(K=>K.label)):16,bottom:16,left:16}),_=O(Y),V=Math.max(1,Math.min(_.width,_.height)/2),ee=V*(t.innerRadius??(a==="donut"?.6:0)),oe=_.x+_.width/2,ge=_.y+_.height/2,le=4,L=Fa().sort(null).value(K=>Math.max(0,K.value)).padAngle(k.length>1?.012:0)(k),z=di().innerRadius(ee).outerRadius(V).cornerRadius(Math.min(f,(V-ee)/2)),W=w(L.length);L.forEach((K,X)=>{let te=z(K);if(!te)return;let R=k[X].color??p[X%p.length],E=B.shape("path",{id:`${n}-slice-${X}`,position:"absolute",x:re(oe-V-le),y:re(ge-V-le),width:re(2*(V+le)),height:re(2*(V+le)),d:qh(te,V+le,V+le),fillColor:R,anchorX:.5,anchorY:.5});if(g.enabled){let q=g.start+X*W;E.animate(ie.create().fromTo("opacity",0,1,{start:q,end:q+g.duration*.5}).fromTo("scale",.85,1,{start:q,end:q+g.duration,ease:g.ease}))}if(y.push(E),t.valueLabels&&P>0&&K.value>0){let[q,N]=di().innerRadius(ee||V*.55).outerRadius(V).centroid(K),Se=`${Math.round(K.value/P*100)}%`;S(Se,{x:oe+q-60,y:ge+N-A/2,width:120,height:A},"center",{delay:X*W+g.duration*.5,color:"#ffffff",weight:700},`value-${X}`)}}),H&&G(k.map((K,X)=>({name:K.label,color:K.color??p[X%p.length]})),{x:_.x+_.width+24,y:_.y,height:_.height})}function v(){return(t.data??t.series?.[0]?.data??[]).map((P,H)=>{if(Yh(P))return P;let Y=typeof P=="number"?P:Array.isArray(P)?Number(P[1]):Number(P.y);return{label:t.categories?.[H]??(Array.isArray(P)?String(P[0]):typeof P=="object"&&P?String(P.x):`${H+1}`),value:Y}})}function C(){let k=t.series?.length?[...t.series]:t.data?[{data:t.data}]:[];if(k.length===0)return;let P=D=>D.type??a??"line",H=(D,U)=>D.color??p[U%p.length],Y=k.map(D=>D.data.map((U,ne)=>Hh(U)?{x:U.x,y:U.close}:typeof U=="number"?{x:t.categories?.[ne]??ne,y:U}:Array.isArray(U)?{x:U[0],y:Number(U[1])}:{x:U.x,y:Number(U.y)})),_=k.some(D=>P(D)==="bar"||P(D)==="candlestick"),V=Y.flat().map(D=>D.x),ee=_||V.some(D=>typeof D=="string")?"band":V.some(D=>D instanceof Date)?"time":"linear",oe=D=>P(D)==="bar"||P(D)==="area",ge=!!t.stacked,le=ee==="band"?[...new Set(V.map(String))]:[],L=new Map;if(ge){let D=k.map((fe,Me)=>Me).filter(fe=>oe(k[fe])),U=le.length?le:[...new Set(V.map(fe=>+fe))].sort((fe,Me)=>fe-Me).map(String),ne=U.map(fe=>{let Me={};for(let Ne of D){let Oe=Y[Ne].find(ke=>String(ee==="band"?ke.x:+ke.x)===fe);Me[Ne]=Oe?.y??0}return Me});za().keys(D.map(String)).offset(ja)(ne).forEach(fe=>{let Me=Number(fe.key);L.set(Me,Y[Me].map(Ne=>{let Oe=U.indexOf(String(ee==="band"?Ne.x:+Ne.x));return[fe[Oe][0],fe[Oe][1]]}))})}let z=[0];k.forEach((D,U)=>{let ne=L.get(U);if(P(D)==="candlestick")for(let pe of D.data)z.push(pe.high,pe.low);else if(ne)for(let[pe,fe]of ne)z.push(pe,fe);else for(let pe of Y[U])z.push(pe.y)}),k.every(D=>P(D)==="candlestick"||P(D)==="scatter"||P(D)==="line")&&z.shift();let W=t.yAxis??{},K=t.xAxis??{},X=W.ticks??5,te=W.min??Math.min(...z),R=W.max??Math.max(...z);(!Number.isFinite(te)||!Number.isFinite(R))&&([te,R]=[0,1]),te===R&&([te,R]=[te-1,R+1]);let E=ar().domain([te,R]);(W.min===void 0||W.max===void 0)&&E.nice(X);let q=Qc(W)??(D=>E.tickFormat(X)(D)),N=E.ticks(X),Se=k.map((D,U)=>({name:D.name??`Series ${U+1}`,color:H(D,U)})),ce=t.legend??k.length>1,Ae=W.show!==!1,De=K.show!==!1,Ke=Ae?Math.max(...N.map(D=>q(D).length))*s*.7+20:0,fn=T({top:(ce?A+20:0)+Math.ceil(A/2),right:20,bottom:De?A+14:12,left:Math.max(16,Math.ceil(Ke))}),ae=O(fn),is=A+6,os=t.valueLabels?k.flatMap((D,U)=>P(D)==="bar"?Y[U].map(ne=>ne.y):[]):[],_d=os.some(D=>D>0)?is:0,Ud=os.some(D=>D<0)?is:0;E.range([ae.height-Ud,_d]);let Qe;if(ee==="band")Qe=Wr().domain(le).range([0,ae.width]).paddingInner(_?.28:0).paddingOuter(_?.14:.5);else if(ee==="time"){let D=V.map(U=>+new Date(U));Qe=ui().domain([Math.min(...D),Math.max(...D)]).range([0,ae.width])}else{let D=V.map(Number);Qe=ar().domain([K.min??Math.min(...D),K.max??Math.max(...D)]).range([0,ae.width])}let as=D=>{if(ee==="band"){let U=Qe;return(U(String(D))??0)+U.bandwidth()/2}return Qe(ee==="time"?new Date(D):Number(D))},ss=0;W.grid!==!1&&N.forEach((D,U)=>{let ne=B.box({id:`${n}-ygrid-${U}`,position:"absolute",x:ae.x,y:re(ae.y+E(D)-.5),width:ae.width,height:1,background:m});g.enabled&&ne.animate(gr(g,ss,g.duration/2)),y.push(ne)}),Ae&&N.forEach((D,U)=>{S(q(D),{x:0,y:ae.y+E(D)-A/2,width:ae.x-12,height:A},"end",{},`y-${U}`)});let vr=[],hn=Qc(K);if(ee==="band"){let D=Qe,U=Math.max(1,Math.ceil(le.length/Math.max(1,Math.floor(ae.width/(s*4)))));le.forEach((ne,pe)=>{pe%U===0&&vr.push({pos:(D(ne)??0)+D.bandwidth()/2,text:hn?hn(ne):ne})})}else{let D=Qe,U=K.ticks??Math.max(2,Math.floor(ae.width/(s*6))),ne=D.tickFormat(U);for(let pe of D.ticks(U))vr.push({pos:D(pe),text:hn?hn(ee==="time"?new Date(pe):pe):ne(pe)})}if(K.grid&&vr.forEach((D,U)=>{let ne=B.box({id:`${n}-xgrid-${U}`,position:"absolute",x:re(ae.x+D.pos-.5),y:ae.y,width:1,height:ae.height,background:m});g.enabled&&ne.animate(gr(g,ss,g.duration/2)),y.push(ne)}),De){let D=Math.max(s*3,ae.width/Math.max(1,vr.length));vr.forEach((U,ne)=>{S(U.text,{x:ae.x+U.pos-D/2,y:ae.y+ae.height+10,width:D,height:A},"center",{},`x-${ne}`)})}let[$d,Gd]=E.domain();if($d<=0&&Gd>=0&&_){let D=B.box({id:`${n}-zero`,position:"absolute",x:ae.x,y:re(ae.y+E(0)-1),width:ae.width,height:2,background:_a("#94a3b8",.45)});g.enabled&&D.animate(gr(g,0,g.duration/2)),y.push(D)}let gn=k.map((D,U)=>U).filter(D=>P(k[D])==="bar"),Wd=[...gn,...k.map((D,U)=>U).filter(D=>P(k[D])==="candlestick"),...k.map((D,U)=>U).filter(D=>P(k[D])==="area"),...k.map((D,U)=>U).filter(D=>P(k[D])==="line"),...k.map((D,U)=>U).filter(D=>P(k[D])==="scatter")],lt=ee==="band"?Qe:null,us=lt?w(le.length):0,ls=D=>lt?le.indexOf(String(D)):0;Wd.forEach((D,U)=>{let ne=k[D],pe=H(ne,D),fe=P(ne),Me=Y[D],Ne=L.get(D);if(fe==="bar"&&lt){let Oe=ge?1:gn.length,ke=ge?0:gn.indexOf(D),Re=lt.bandwidth()/Oe,he=Oe>1?Math.min(4,Re*.12):0;Me.forEach((Fe,Ge)=>{let[ct,Te]=Ne?Ne[Ge]:[0,Fe.y],xe=ae.y+E(Math.max(ct,Te)),bn=ae.y+E(Math.min(ct,Te)),Be=Math.max(0,bn-xe),Sr=ae.x+(lt(String(Fe.x))??0)+ke*Re+he/2,kt=Fe.y>=0?"up":"down",yn=B.box({id:`${n}-bar-${D}-${Ge}`,position:"absolute",x:re(Sr),y:re(xe),width:re(Math.max(1,Re-he)),height:re(Be),background:pe,borderRadius:Math.min(f,(Re-he)/2,Be/2)}),ds=ls(Fe.x)*us+(ge?gn.indexOf(D)*g.duration*.6:0);if(g.enabled){let kr=g.start+ds,xn=kr+g.duration,ms=ie.create().fromTo("height",0,re(Be),{start:kr,end:xn,ease:g.ease});kt==="up"&&ms.fromTo("y",re(xe+Be),re(xe),{start:kr,end:xn,ease:g.ease}),yn.animate(ms)}if(y.push(yn),t.valueLabels){let kr=q(Fe.y),xn=kt==="up"?xe-A-4:xe+Be+4;S(kr,{x:Sr-30,y:xn,width:Re-he+60,height:A},"center",{delay:ds+g.duration*.6,color:d,weight:600},`value-${D}-${Ge}`)}});return}if(fe==="candlestick"&&lt){let Oe=t.upColor??"#22c55e",ke=t.downColor??"#ef4444",Re=lt.bandwidth();ne.data.forEach((he,Fe)=>{let Ge=he.close>=he.open?Oe:ke,ct=ae.x+(lt(String(he.x))??0)+Re/2,Te=ls(he.x)*us,xe=[["wick",{x:ct-Math.max(1,Re*.06),y:ae.y+E(he.high),width:Math.max(2,Re*.12),height:Math.max(1,E(he.low)-E(he.high))}],["body",{x:ct-Re/2,y:ae.y+E(Math.max(he.open,he.close)),width:Re,height:Math.max(2,Math.abs(E(he.open)-E(he.close)))}]];for(let[bn,Be]of xe){let Sr=B.box({id:`${n}-candle-${D}-${Fe}-${bn}`,position:"absolute",x:re(Be.x),y:re(Be.y),width:re(Be.width),height:re(Be.height),background:Ge,borderRadius:bn==="body"?Math.min(f/2,Be.width/2):0});if(g.enabled){let kt=g.start+Te,yn=Be.y+Be.height/2;Sr.animate(ie.create().fromTo("height",0,re(Be.height),{start:kt,end:kt+g.duration,ease:g.ease}).fromTo("y",re(yn),re(Be.y),{start:kt,end:kt+g.duration,ease:g.ease}))}y.push(Sr)}});return}if(fe==="line"||fe==="area"){let Oe=ne.strokeWidth??3,ke=Math.ceil(Oe*2+(ne.pointRadius??0)+2),Re=Me.map((Te,xe)=>({x:as(Te.x)+ke,top:E(Ne?Ne[xe][1]:Te.y)+ke,base:E(Ne?Ne[xe][0]:Math.max(E.domain()[0],Math.min(0,E.domain()[1])))+ke})),he=Xh(ne.curve),Fe={x:ae.x-ke,y:ae.y-ke,width:ae.width+2*ke,height:ae.height+2*ke},Ge=U*(g.duration/3);if(fe==="area"){let Te=Ra().x(xe=>xe.x).y0(xe=>xe.base).y1(xe=>xe.top).curve(he)(Re);if(Te){let xe=B.shape("path",{id:`${n}-area-${D}`,position:"absolute",...Jc(Fe),d:ed(Te),fillType:"linear",fillColor:_a(pe,.45),gradientEndColor:_a(pe,.02),gradientAngle:90});g.enabled&&xe.animate(gr(g,Ge+g.duration*.4,g.duration)),y.push(xe)}}let ct=nn().x(Te=>Te.x).y(Te=>Te.top).curve(he)(Re);if(ct&&Oe>0){let Te=B.shape("path",{id:`${n}-line-${D}`,position:"absolute",...Jc(Fe),d:ed(ct),fillType:"none",strokeColor:pe,strokeWidth:Oe,strokeLineCap:"round",strokeLineJoin:"round"});g.enabled&&Te.animate(ie.create().fromTo("trimEnd",0,1,{start:g.start+Ge,end:g.start+Ge+g.duration*1.5,ease:"power2.inOut"})),y.push(Te)}(ne.pointRadius??0)>0&&cs(D,Me,pe,ne.pointRadius??0,Ge+g.duration*.5,Ne);return}fe==="scatter"&&cs(D,Me,pe,ne.pointRadius??6,U*(g.duration/3),Ne)}),ce&&I(Se);function cs(D,U,ne,pe,fe,Me){let Ne=w(U.length);U.forEach((Oe,ke)=>{let Re=E(Me?Me[ke][1]:Oe.y),he=B.shape("circle",{id:`${n}-point-${D}-${ke}`,position:"absolute",x:re(ae.x+as(Oe.x)-pe),y:re(ae.y+Re-pe),width:re(pe*2),height:re(pe*2),fillColor:ne,anchorX:.5,anchorY:.5});if(g.enabled){let Fe=g.start+fe+ke*Ne;he.animate(ie.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(he)})}}function w(k){return!g.enabled||k<=1?0:g.stagger>=0?g.stagger:Math.min(4,g.duration/k)}function T(k){let P=t.padding;return typeof P=="number"?{top:P,right:P,bottom:P,left:P}:{top:P?.top??k.top,right:P?.right??k.right,bottom:P?.bottom??k.bottom,left:P?.left??k.left}}function O(k){return{x:k.left,y:k.top,width:Math.max(1,i-k.left-k.right),height:Math.max(1,o-k.top-k.bottom)}}function j(k){let P=Math.max(0,...k.map(H=>H.length));return Math.min(i*.4,P*s*.6+s+48)}function G(k,P){let H=A+8,Y=P.y+Math.max(0,(P.height-k.length*H)/2);k.forEach((_,V)=>{F(_,P.x,Y+V*H,V)})}function I(k){let P=k.map(_=>_.name.length*s*.6+s+28),H=P.reduce((_,V)=>_+V,0),Y=Math.max(0,i-H-20);k.forEach((_,V)=>{F(_,Y,4,V),Y+=P[V]})}function F(k,P,H,Y){let _=Math.round(s*.7),V=B.box({id:`${n}-legend-swatch-${Y}`,position:"absolute",x:re(P),y:re(H+(A-_)/2),width:_,height:_,borderRadius:Math.round(_/4),background:k.color});g.enabled&&V.animate(gr(g,0,g.duration/2)),y.push(V),S(k.name,{x:P+_+8,y:H,width:k.name.length*s*.6+12,height:A},"start",{color:t.textColor??"#cbd5e1"},`legend-${Y}`)}}function nd(t){for(let e of t.animation?.tracks??[])for(let r of e.keyframes??[])r.frame=Math.round(r.frame);for(let e of t.children??[])nd(e)}function Jc(t){return{x:re(t.x),y:re(t.y),width:re(t.width),height:re(t.height)}}function ed(t){return t.replace(/-?\d*\.\d{3,}(?:e-?\d+)?/gi,e=>String(re(Number(e))))}function qh(t,e,r){let n=[],i=/([MLAZ])([^MLAZ]*)/gi;for(let[,o,a]of t.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]+=e,s[l+6]+=r;else if(o.toUpperCase()!=="Z")for(let l=0;l+1<s.length;l+=2)s[l]+=e,s[l+1]+=r;n.push(o+s.map(re).join(","))}return n.join("")}h();var id=24,Zh=1,on=class{source;fps;startFrame;trimStartSec;smoothing;options;results=new Map;sourceWidth=0;sourceHeight=0;cellW=0;cellH=0;cell;queue=Promise.resolve();runner;cacheLoaded;unsaved=0;unsavedSubjects=0;blurred=new Map;smoothed=new Map;personView;subjects=new Map;wantSubjects=!1;subjectsLoaded;constructor(e,r,n={}){this.source=e,this.options=n,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??2)),this.cell=Math.max(1,Math.round(n.maskCell??8))}get person(){return this.personView??=new hi(this),this.personView}ready(e,r=e){let[n,i]=this.window(e,r);return this.queue=this.queue.then(()=>this.compute(n,i)),this.queue}isReady(e){let[r,n]=this.window(e,e);for(let i=r;i<=n;i++)if(!this.results.has(i))return!1;return!0}keepSubjects(){this.wantSubjects=!0}subject(e,r){let n=e*this.fps/r;if(Math.abs(n-Math.round(n))>1e-6)return;let i=this.subjects.get(Math.round(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:rg(i,o*a),width:o,height:a,area:i.area,coverage:i.area/(o*a),detectionIndex:-1}}clipFrame(e){return e-this.startFrame+this.trimStartSec*this.fps}window(e,r){let n=Math.floor(this.clipFrame(Math.min(e,r))),i=Math.ceil(this.clipFrame(Math.max(e,r)));return[Math.max(0,n-id-this.smoothing),Math.max(0,i+this.smoothing)]}analysed(e){return this.results.has(e)&&(!this.wantSubjects||this.subjects.has(e))}async compute(e,r){this.cacheLoaded??=this.loadCache(),await this.cacheLoaded,this.wantSubjects&&(this.subjectsLoaded??=this.loadSubjects(),await this.subjectsLoaded);let n=!1;for(let s=e;s<=r;s++)this.analysed(s)||(n=!0);if(!n)return;let i=this.options.pose??!0,o=this.options.mask??!0;this.runner??=Cr.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}});let a=Sn.getVideo(this.source,!0,"clip-vision");for(let s=e;s<=r;s++){if(this.analysed(s))continue;let l=await Qh(await a.getFrame(s/this.fps));if(!l){this.results.set(s,{kp:null,mask:null}),this.wantSubjects&&this.subjects.set(s,null);continue}this.sourceWidth||this.setSize(l.width,l.height);let c=this.results.get(s),d=c?.kp??null,m=c?.mask??null;if(i&&!c){let f=(await this.runner.pose(l)).people[0];if(f){d=new Float32Array(51);for(let[b,g]of f.keypoints.entries())d.set([g.x,g.y,g.visibility],b*3)}}let p=o&&!c||this.wantSubjects?await this.runner.segment(l):void 0;if(p&&this.wantSubjects){let f=As(p.masks);this.subjects.set(s,f?{category:f.category,area:f.area,...tg(f.mask)}:null),this.unsavedSubjects++}if(p&&o&&!c){let f=Jh(p);f&&(m=new Uint8Array(this.cellW*this.cellH),eg(f,l.width,l.height,this.cell,m,this.cellW,this.cellH))}this.results.set(s,{kp:d,mask:m}),c||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()}setSize(e,r){this.sourceWidth=e,this.sourceHeight=r,this.cellW=Math.ceil(e/this.cell),this.cellH=Math.ceil(r/this.cell)}size(){return{width:this.sourceWidth,height:this.sourceHeight}}result(e){return this.results.get(Math.max(0,e))}keypoint(e,r){r=Math.max(0,r);let n=`${e}:${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 f=this.mustHave(p<0?0:p);if(!f.kp)continue;let b=f.kp[e*3+2],g=(this.smoothing+1-Math.abs(p-s))*b*b;l+=f.kp[e*3]*g,c+=f.kp[e*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<=id&&!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(e){if(e=Math.max(0,e),this.blurred.has(e))return this.blurred.get(e)??null;let r=this.mustHave(e),n=r.mask?ng(r.mask,this.cellW,this.cellH,2):null;return this.blurred.set(e,n),n}grid(){return{cell:this.cell,width:this.cellW,height:this.cellH}}mustHave(e){let r=this.results.get(e);if(r)return r;throw new Error(`ClipVision "${this.source}": frame ${e} 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[e,r,n,i]=await Promise.all([import("./shims/fs.mjs"),import("./shims/path.mjs"),import("./shims/os.mjs"),import("./crypto-W5UAWSNT.mjs")]),o=e.statSync(this.source),a=this.options.cacheDir??x.env.FRAMEFIELDS_VISION_CACHE_DIR??r.join(n.homedir(),".cache","framefields","vision"),s=this.options,l=JSON.stringify([Zh,r.resolve(this.source),o.size,o.mtimeMs,this.fps,s.pose??!0,s.mask??!0,this.cell,s.variant??"s",s.confidence??null]),c=i.createHash("sha256").update(l).digest("hex").slice(0,24);e.mkdirSync(a,{recursive:!0}),this.cacheFile=r.join(a,`${r.basename(this.source)}.${c}.json`)}catch{this.cacheFile=null}return this.cacheFile}async loadCache(){let e=await this.cachePath();if(e)try{let r=await import("./shims/fs.mjs");if(!r.existsSync(e))return;let n=JSON.parse(r.readFileSync(e,"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,mask:o.mask?new Uint8Array(Buffer.from(o.mask,"base64")):null})}catch{}}async saveCache(){this.unsaved=0;let e=await this.cachePath();if(!e||!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};let n=await import("./shims/fs.mjs"),i=`${e}.${x.pid}.tmp`;n.writeFileSync(i,JSON.stringify({width:this.sourceWidth,height:this.sourceHeight,cell:this.cell,frames:r})),n.renameSync(i,e)}async subjectsPath(){let e=await this.cachePath();return e?e.replace(/\.json$/,".subjects.json"):null}async loadSubjects(){let e=await this.subjectsPath();if(e)try{let r=await import("./shims/fs.mjs");if(!r.existsSync(e))return;let n=JSON.parse(r.readFileSync(e,"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,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 e=await this.subjectsPath();if(!e||!this.sourceWidth)return;let r={};for(let[o,a]of this.subjects)r[o]=a&&{category:a.category,area:a.area,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=`${e}.${x.pid}.tmp`;n.writeFileSync(i,JSON.stringify({width:this.sourceWidth,height:this.sourceHeight,frames:r})),n.renameSync(i,e)}},hi=class t{constructor(e,r,n){this.clip=e;this.t=r;this.placement=n}clip;t;placement;place(e){return new t(this.clip,void 0,e)}transform(){if(this.t)return this.t;let e=this.placement,{width:r,height:n}=this.clip.size();if(!e||!r)return{sx:1,sy:1,ox:0,oy:0};let i=e.width/r,o=e.height/n;if(e.fit!=="fill"){let a=e.fit==="contain"?Math.min(i,o):Math.max(i,o);i=a,o=a}return{sx:i,sy:o,ox:(e.x??0)+(e.width-r*i)/2,oy:(e.y??0)+(e.height-n*o)/2}}point(e,r){let n=Kh(e),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(e){let r=n=>Mr.builder({type:"custom",fn:i=>this.point(e,i.frame)[n]});return{x:r("x"),y:r("y"),visibility:r("visibility")}}silhouetteGrid(e){let r=this.clip.blurredMask(Math.round(this.clip.clipFrame(e)));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(e,r,n){let i=this.clip.blurredMask(Math.round(this.clip.clipFrame(e)));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=(f,b)=>f<0||b<0||f>=a||b>=s?0:i[b*a+f],p=(f,b)=>{let g=Math.floor(f),y=Math.floor(b),S=f-g,A=b-y,M=m(g,y)+(m(g+1,y)-m(g,y))*S,v=m(g,y+1)+(m(g+1,y+1)-m(g,y+1))*S;return M+(v-M)*A};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 Kh(t){let e=Pn.indexOf(t);if(e<0)throw new Error(`Unknown keypoint "${t}". Use one of ${Pn.join(", ")}.`);return e}async function Qh(t){if(!t||t.width<=0)return null;if(t.buffer)return{data:t.buffer,width:t.width,height:t.height};let r=t.canvas?.getContext("2d");return r?{data:r.getImageData(0,0,t.width,t.height).data,width:t.width,height:t.height}:null}function Jh(t){let e=t.masks.filter(o=>o.category==="person");if(e.length===0)return;let r=e.reduce((o,a)=>a.area>o.area?a:o),n=t.detections[r.detectionIndex]?.boundingBox,i=new Uint8Array(r.mask);if(!n)return i;for(let o of t.masks){if(o===r||o.area>r.area*2)continue;let a=t.detections[o.detectionIndex]?.boundingBox;if(!a)continue;let s=Math.max(0,Math.min(n.originX+n.width,a.originX+a.width)-Math.max(n.originX,a.originX)),l=Math.max(0,Math.min(n.originY+n.height,a.originY+a.height)-Math.max(n.originY,a.originY));if(!(s*l<.3*a.width*a.height))for(let c=0;c<i.length;c++)o.mask[c]>i[c]&&(i[c]=o.mask[c])}return i}function eg(t,e,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(e,(l+1)*n);p++)c+=t[m*e+p],d++;i[s*o+l]=d?Math.round(c/d):0}}function tg(t){let e=0;for(let a=1;a<=t.length;a++)(a===t.length||t[a]!==t[a-1])&&e++;let r=new Uint8Array(e),n=new Uint32Array(e),i=0,o=0;for(let a=1;a<=t.length;a++)(a===t.length||t[a]!==t[o])&&(r[i]=t[o],n[i++]=a-o,o=a);return{values:r,lengths:n}}function rg(t,e){let r=new Uint8Array(e),n=0;for(let i=0;i<t.values.length;i++){let o=Math.min(e,n+t.lengths[i]);t.values[i]!==0&&r.fill(t.values[i],n,o),n=o}return r}function ng(t,e,r,n){let i=new Float32Array(e*r),o=new Float32Array(e*r);for(let a=0;a<r;a++)for(let s=0;s<e;s++){let l=0,c=0;for(let d=-n;d<=n;d++){let m=s+d;m>=0&&m<e&&(l+=t[a*e+m],c++)}i[a*e+s]=l/c/255}for(let a=0;a<r;a++)for(let s=0;s<e;s++){let l=0,c=0;for(let d=-n;d<=n;d++){let m=a+d;m>=0&&m<r&&(l+=i[m*e+s],c++)}o[a*e+s]=l/c}return o}h();h();var ig={rotation:.2,rotateX:.2,rotateY:.2,rotateZ:.2};function Ve(t,e,r){if(typeof t=="number")return t;if(typeof t=="function")return t(e);let n=e/r;return t.get({frame:e,fps:r,time:n,duration:0,durationMs:0,progress:0,deltaTime:1/r})}function Wt(t,e){let r=e-t;return r-=Math.round(r/360)*360,t+r}function og(t,e){let r=t.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=e;for(let d=a+1;d<s;d++){let m=(d-a)/(s-a),p=t[a]+(t[s]-t[a])*m,f=Math.abs(t[d]-p);f>c&&(c=f,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,ag(t[a]),"none"]);return o.length===2&&o[0][1]===o[1][1]&&o.pop(),o}function ag(t){return Math.round(t*1e4)/1e4}var Ua=class{constructor(e,r,n){this.length=e;this.fps=r;this.ensure=n}length;fps;ensure;channels=new Map;signals=new Map;channel(e){let r=this.channels.get(e);return r||(r=new Float32Array(this.length),this.channels.set(e,r)),r}signal(e){let r=this.signals.get(e);if(!r){let n=this.channel(e),i=this.fps;r=Mr.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(e,r)}return r}},br=class{constructor(e,r,n){this.sim=e;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(e={}){if(this.locked)throw new Error("Physics: bakeKeyframes() must come before simulate(), live() or reading any body signal.");return this.bakeDefault=e,this.ensureSimulated(),this}live(e,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 e.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 e.onPrepareFrame(i=>this.advanceTo(i.frame)),this}advanceTo(e){return this.chain=this.chain.then(async()=>{let r=Math.min(this.frames-1,Math.round(e)-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 Ua(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(e){return this.assertOpen(),this.bodies.push(e),e}addForce(e,r){this.assertOpen(),this.forces.push({body:e,accel:r})}addField(e,r){this.assertOpen(),this.fields.push({accel:e,...r&&{targets:new Set(r)}})}addImpulse(e,r,n){this.assertOpen(),this.impulses.push({body:e,frame:Math.round(r),dv:n})}ensureSimulated(){if(this.locked)return;this.locked=!0;let e=this.begin();for(let r=1;r<this.frames;r++)this.stepFrame(e,r);e.freed=!0,this.sim.free();for(let r of this.bodies)this.bind(r)}begin(){let{startFrame:e}=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(e,-1),o.recording.channel("impact");let a=o.kinematicTarget?.(e);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[e]);return{current:0,freed:!1,bySim:n,kinematicFrom:i,level:new Map(r.map(o=>[o,0]))}}stepFrame(e,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 v of s)v.startFrame>0&&r===v.startFrame+1&&v.sim.setEnabled(!0),d.set(v,v.sim.velocity());let m=v=>v.type==="dynamic"&&r>v.startFrame,p=new Map;for(let v of s)p.set(v,this.gravity.map(C=>m(v)?C*v.gravityScale/n:0));for(let v of this.impulses){if(v.frame!==r)continue;let C=v.body;if(!m(C))continue;let w=C.sim.mass();C.sim.applyImpulse(v.dv.map(O=>O*w));let T=p.get(C);for(let O=0;O<c;O++)T[O]+=v.dv[O]}let f=this.forces.filter(v=>m(v.body)).map(v=>{let C=v.body,w=v.accel(l),T=p.get(C);for(let O=0;O<c;O++)T[O]+=w[O]/n;return{body:C,a:w}}),b=new Map;for(let v of s){let C=v.kinematicTarget?.(l);C&&b.set(v,C)}let g=new Set,y=[];for(let v=1;v<=o;v++){for(let{body:C,a:w}of f){let T=C.sim.mass();C.sim.applyImpulse(w.map(O=>O*T*a))}for(let C of this.fields)for(let w of s){if(!m(w)||C.targets&&!C.targets.has(w))continue;let T=C.accel(w,l);if(!T)continue;let O=w.sim.mass();w.sim.applyImpulse(T.map(G=>G*O*a));let j=p.get(w);for(let G=0;G<c;G++)j[G]+=T[G]*a}for(let[C,w]of b){let T=e.kinematicFrom.get(C)??w,O=v/o;C.sim.setKinematicTarget(sg(T.position,w.position,O),this.lerpRotation(T.rotation,w.rotation,O))}this.sim.step(a);for(let[C,w]of this.sim.drainCollisionStarts()){let T=e.bySim.get(C),O=e.bySim.get(w);if(!T||!O)continue;let j=`${s.indexOf(T)}:${s.indexOf(O)}`;g.has(j)||(g.add(j),y.push([T,O]))}}e.kinematicFrom=b;for(let v of s)v.record(l,l-1);let S=new Map;if(y.length>0){let v=this.pixelsPerMeter,C=w=>{if(w.type!=="dynamic")return 0;let T=w.sim.velocity(),O=d.get(w),j=p.get(w),G=0;for(let I=0;I<c;I++){let F=T[I]-(O[I]+j[I]);G+=F*F}return Math.sqrt(G)*v};for(let[w,T]of y){let O=Math.max(C(w),C(T));for(let[j,G]of[[w,T],[T,w]]){S.set(j,Math.max(S.get(j)??0,O));let I={frame:l,with:G,speed:O};j.collisions.push(I),j===w&&this.allCollisions.push({...I,body:w})}}}let A=Math.exp(-1/this.impactDecay),M=0;for(let v of s){let C=Math.max((S.get(v)??0)/this.impactReference,(e.level.get(v)??0)*A);e.level.set(v,C),v.recording.channel("impact")[l]=C,C>M&&(M=C)}this.worldRecording.channel("impact")[l]=M,e.current=r}bind(e){let r=e.layer,n=e.output??(this.bakeDefault?"keyframes":"signals");if(typeof r?.animate!="function"||n==="none"||e.type==="fixed")return;let i=e.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=ie.create();for(let[l,c]of i)s.signal(l,e.recording.signal(c));r.animate(s);return}let o=this.bakeDefault?.tolerance??.25,a=ie.create();for(let[s,l]of i){let d=e.recording.channel(l).subarray(this.startFrame),m=ig[s]??1;a.keys(s,og(d,o*m))}r.animate(a)}};function sg(t,e,r){return t.map((n,i)=>n+(e[i]-n)*r)}var $a=(t,e)=>t===void 0?e:typeof t=="number"?[t,t]:t,an=class extends Yt{op="Particles";particleStatic;particleState;options;constructor(e){super({}),this.options=e;let r=e.emitter??{},n=s=>typeof s=="number"?s:void 0,i=e.width,o=e.height,a=(Array.isArray(e.color)?e.color:[e.color??"#ffffff"]).map(s=>{let l=ys(s);return[l.r,l.g,l.b,l.a]});this.particleStatic={max:Math.max(1,Math.round(e.max??2e4)),seed:Math.round(e.seed??1)>>>0,layer:{x:e.x??0,y:e.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:$a(e.lifetime,[2,4]),speed:$a(e.speed,[40,160]),direction:e.direction??-90,spread:e.spread??360,bounds:e.bounds??"none",floor:e.floor??null,bounce:e.bounce??.3,size:$a(e.size,[6,0]),sizeJitter:e.sizeJitter??.5,fade:e.fade??[.1,.3],shape:e.shape??"circle",stretch:e.stretch??.04,blend:e.blend??"normal",colors:a.slice(0,8),colorBySpeed:e.colorBySpeed??null,opacity:e.opacity??1,substeps:e.substeps??2,prewarm:e.prewarm??0}}particleFrame(e,r){let n=this.options,i=(g,y)=>g===void 0?y:Ve(g,e,r),o=e-(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(e),previous:n.push.person.silhouetteGrid(Math.max(0,e-1))});let d=n.emitter?.x,m=n.emitter?.y,p=d!==void 0&&typeof d!="number"||m!==void 0&&typeof m!="number",f=g=>({x:d===void 0?this.particleStatic.emitter.x:Ve(d,g,r),y:m===void 0?this.particleStatic.emitter.y:Ve(m,g,r)}),b;if(p){let g=f(e),y=f(Math.max(0,e-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}}};h();var ve=Pr(ad(),1);h();var bi=Pr(Hd(),1);function Ga(t,e=24,r){let n=t.fps??e;if(n<=0)throw new Error(`[FrameGrid] Invalid fps: ${n}. Must be > 0.`);let i=[];if(Array.isArray(t.frames)&&t.frames.length>0)for(let a of t.frames){if(typeof a!="number"||a<0||!Number.isFinite(a))throw new Error(`[FrameGrid] Invalid frame index in frames list: ${a}`);i.push({frame:Math.round(a),timeMs:Math.round(a/n*1e3)})}else if(Array.isArray(t.timesMs)&&t.timesMs.length>0)for(let a of t.timesMs){if(typeof a!="number"||a<0||!Number.isFinite(a))throw new Error(`[FrameGrid] Invalid timestamp in timesMs list: ${a}`);i.push({frame:Math.round(a/1e3*n),timeMs:Math.round(a)})}else if(t.startMs!==void 0||t.endMs!==void 0||t.stepMs!==void 0){let a=t.startMs??0,s=t.endMs??r??a+1e3,l=t.stepMs??Math.round(5/n*1e3);if(a<0||s<a)throw new Error(`[FrameGrid] Invalid millisecond range: startMs=${a}, endMs=${s}. startMs must be <= endMs.`);if(l<=0)throw new Error(`[FrameGrid] Invalid stepMs: ${l}. Must be > 0.`);for(let c=a;c<=s;c+=l)i.push({frame:Math.round(c/1e3*n),timeMs:Math.round(c)})}else{let a=t.startFrame??0,s=t.endFrame??(r?Math.min(a+30,Math.floor(r/1e3*n)):a+30),l=t.stepFrames??5;if(a<0||s<a)throw new Error(`[FrameGrid] Invalid frame range: startFrame=${a}, endFrame=${s}. startFrame must be <= endFrame.`);if(l<=0)throw new Error(`[FrameGrid] Invalid stepFrames: ${l}. Must be > 0.`);for(let c=a;c<=s;c+=l)i.push({frame:Math.round(c),timeMs:Math.round(c/n*1e3)})}let o=Math.min(t.maxFrames??64,120);if(i.length>o)throw new Error(`[FrameGrid] Requested ${i.length} frames exceeds the safety threshold of ${o}. Increase stepFrames/stepMs or narrow the start/end range to prevent oversized images.`);if(i.length===0)throw new Error("[FrameGrid] Zero frames were resolved for sampling.");return{samples:i,fps:n}}function Wa(t,e,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)&&(t<=4?c=t:t<=9?c=3:t<=16?c=4:t<=25?c=5:c=6),c=Math.min(c,t);let d=Math.ceil(t/c),m=Math.max(120,Math.min(r.cellWidth??320,960)),p=r.cellHeight??Math.round(m/(e>0?e:16/9)),f=c*m+(c-1)*n+i*2,b=d*p+(d-1)*n+i*2+a;if(f>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 ${t} 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/(e>0?e:16/9)),f=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:f,totalHeight:b,headerHeight:a,gap:n,padding:i}}async function sn(t,e={}){let r=t.fps??24,n=t.durationMs,{samples:i,fps:o}=Ga(e,r,n),a=t.width??1920,s=t.height??1080,l=a>0&&s>0?a/s:16/9,c=Wa(i.length,l,e),d=e.renderer??new ve.HeadlessMediaRenderer,m=[];for(let y of i){let S=await t.renderFrame({frame:y.frame,atMs:y.timeMs,fps:o,renderer:d});m.push(S)}let p=new bi.Canvas(c.totalWidth,c.totalHeight),f=p.getContext("2d");if(f.fillStyle=e.backgroundColor??"#090a0f",f.fillRect(0,0,c.totalWidth,c.totalHeight),e.showHeader!==!1&&c.headerHeight>0){let y=e.headerText??`FrameGrid Conformance Review | Frames ${i[0].frame}\u2013${i[i.length-1].frame} (Count: ${i.length})`,S=`${a}\xD7${s} @ ${o} FPS | Cell: ${c.cellWidth}\xD7${c.cellHeight}px | Step: ${e.stepFrames?`${e.stepFrames}f`:e.stepMs?`${e.stepMs}ms`:"Custom"}`;f.fillStyle="#f8fafc",f.font="bold 15px sans-serif",f.fillText(y,c.padding,c.padding+18),f.fillStyle="#94a3b8",f.font="12px sans-serif",f.fillText(S,c.padding,c.padding+36),f.strokeStyle="#1e2433",f.lineWidth=1,f.beginPath(),f.moveTo(c.padding,c.padding+46),f.lineTo(c.totalWidth-c.padding,c.padding+46),f.stroke()}let b=e.showLabels??!0;for(let y=0;y<i.length;y++){let S=i[y],A=y%c.columns,M=Math.floor(y/c.columns),v=c.padding+A*(c.cellWidth+c.gap),C=c.padding+c.headerHeight+M*(c.cellHeight+c.gap),w=await(0,bi.loadImage)(m[y]);if(f.drawImage(w,v,C,c.cellWidth,c.cellHeight),f.strokeStyle="#262b3d",f.lineWidth=1,f.strokeRect(v,C,c.cellWidth,c.cellHeight),b){let T=`F:${S.frame} \u2022 ${S.timeMs}ms`;f.font="bold 11px sans-serif";let j=f.measureText(T).width+14,G=20,I=v+6,F=C+6;f.fillStyle="#090a0fee",f.beginPath(),f.roundRect(I,F,j,G,4),f.fill(),f.strokeStyle="#6366f155",f.lineWidth=1,f.stroke(),f.fillStyle="#e2e8f0",f.fillText(T,I+7,F+14)}}let g=await p.toBuffer("png");return e.outputPath&&await Tr.writeFile(e.outputPath,g),g}h();var lg=["material","shininess","roughness","specularIntensity","metallic","ambientIntensity","ior","transmission","dispersion","fresnelPower","envIntensity","emissive","emissiveIntensity","castShadow"];function un(t){let e=t,r={};for(let n of lg)e[n]!==void 0&&(r[n]=e[n]);return r}function cg(t){return t==="lit"||t==="unlit"||t==="toon"?t:void 0}function Ha(t,e,r){let n=Object.fromEntries(Object.entries({...e,color:r.color,material:cg(r.material),shininess:r.shininess,roughness:r.roughness,metallic:r.metallic}).filter(([,i])=>i!==void 0));return B.model({id:r.id??Q(t),modelData:Ms(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,...un({emissive:r.emissive,emissiveIntensity:r.emissiveIntensity,castShadow:r.castShadow}),twoSided:!1,startFrame:r.startFrame,durationFrames:r.durationFrames})}function yi(t,e){let r=e.faces??e.items??[];for(let[n,i]of Object.entries(e))Object.defineProperty(t,n,{value:i,enumerable:!1,configurable:!0});return Object.defineProperty(t,Symbol.iterator,{value:function*(){yield*r},enumerable:!1,configurable:!0}),t}function dg(t){let e=t.scale??1,r=Math.max(Math.abs(e*(t.scaleX??1)),Math.abs(e*(t.scaleY??1)));return r>0?r:1}var ot={cube(t){let e=t.size,[r,n,i]=typeof e=="number"?[e,e,e]:e,o=t.twoSided??!0,a={front:"#3b82f6",back:"#1d4ed8",left:"#2563eb",right:"#1e40af",top:"#60a5fa",bottom:"#172554"},s=(f,b,g,y,S,A)=>{if(b&&typeof b=="object"&&"kind"in b){let v=b;return v.position="absolute",v.is3D=!0,v.twoSided=o,v.material=v.material??t.material??"lit",v.shininess=v.shininess??t.shininess??32,v.specularIntensity=v.specularIntensity??t.specularIntensity??.5,t.roughness!==void 0&&v.roughness===void 0&&(v.roughness=t.roughness),t.metallic!==void 0&&v.metallic===void 0&&(v.metallic=t.metallic),t.ambientIntensity!==void 0&&v.ambientIntensity===void 0&&(v.ambientIntensity=t.ambientIntensity),Object.assign(v,A),v}let M=typeof b=="string"?{background:b}:b??{background:g};return B.box({id:`${t.id??"cube"}-${f}`,position:"absolute",width:y,height:S,is3D:!0,twoSided:o,material:M.material??t.material??"lit",shininess:M.shininess??t.shininess??32,specularIntensity:M.specularIntensity??t.specularIntensity??.5,roughness:M.roughness??t.roughness,metallic:M.metallic??t.metallic,ambientIntensity:M.ambientIntensity??t.ambientIntensity??1,...un({emissive:M.emissive??t.emissive,emissiveIntensity:M.emissiveIntensity??t.emissiveIntensity,castShadow:M.castShadow??t.castShadow}),background:M.background??g,borderRadius:M.borderRadius??0,borderWidth:M.borderWidth,borderColor:M.borderColor,opacity:M.opacity??1,children:M.children??[],...A})},l=r/2,c=n/2,d=i/2,m=[s("front",t.faces?.front,a.front,r,n,{x:0,y:0,z:-d,rotateX:0,rotateY:0,rotateZ:0}),s("back",t.faces?.back,a.back,r,n,{x:0,y:0,z:d,rotateX:0,rotateY:180,rotateZ:0}),s("left",t.faces?.left,a.left,i,n,{x:-l,y:0,z:0,rotateX:0,rotateY:90,rotateZ:0}),s("right",t.faces?.right,a.right,i,n,{x:l,y:0,z:0,rotateX:0,rotateY:-90,rotateZ:0}),s("top",t.faces?.top,a.top,r,i,{x:0,y:-c,z:0,rotateX:-90,rotateY:0,rotateZ:0}),s("bottom",t.faces?.bottom,a.bottom,r,i,{x:0,y:c,z:0,rotateX:90,rotateY:0,rotateZ:0})],p=B.box({id:t.id??Q("cube"),position:"absolute",x:t.x??0,y:t.y??0,z:t.z??0,width:r,height:n,is3D:!0,transformStyle:"preserve-3d",rotateX:t.rotateX??0,rotateY:t.rotateY??0,rotateZ:t.rotateZ??0,opacity:t.opacity??1,background:"transparent",children:m});return yi(p,{faces:m})},carousel(t){let{items:e,radius:r,faceInward:n=!1,twoSided:i=!0}=t,o=e.length,a=o>0?360/o:0,s=e.map((c,d)=>{let m=d*a,p=m*Math.PI/180,f=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=f,y.y=0,y.z=b,y.rotateY=g,y}),l=B.box({id:t.id??Q("carousel"),position:"absolute",x:t.x??0,y:t.y??0,z:t.z??0,width:t.itemWidth??200,height:t.itemHeight??200,is3D:!0,transformStyle:"preserve-3d",rotateX:t.rotateX??0,rotateY:t.rotateY??0,rotateZ:t.rotateZ??0,opacity:t.opacity??1,background:"transparent",children:s});return yi(l,{items:s})},prism(t){let{sides:e,radius:r,height:n,twoSided:i=!0}=t,o=Math.max(3,e),a=2*r*Math.tan(Math.PI/o),s=360/o,l=[];for(let d=0;d<o;d++){let m=d*s,p=m*Math.PI/180,f=r*Math.sin(p),b=r*Math.cos(p),g=t.sideConfigs?.[d],y=typeof g=="string"?g:g?.background??`hsl(${d*360/o}, 70%, 50%)`;l.push(B.box({id:`${t.id??"prism"}-panel-${d}`,position:"absolute",width:a,height:n,is3D:!0,twoSided:i,x:f,y:0,z:b,rotateY:m,background:y}))}let c=B.box({id:t.id??Q("prism"),position:"absolute",x:t.x??0,y:t.y??0,z:t.z??0,width:a,height:n,is3D:!0,transformStyle:"preserve-3d",rotateX:t.rotateX??0,rotateY:t.rotateY??0,rotateZ:t.rotateZ??0,opacity:t.opacity??1,background:"transparent",children:l});return yi(c,{faces:l})},plane(t){return B.box({id:t.id??Q("plane"),position:"absolute",width:t.width,height:t.height,x:t.x??0,y:t.y??0,z:t.z??0,is3D:!0,twoSided:t.twoSided??!0,rotateX:t.rotateX??0,rotateY:t.rotateY??0,rotateZ:t.rotateZ??0,background:t.background??"#3b82f6",borderRadius:t.borderRadius??0,opacity:t.opacity??1,...un(t),children:t.children??[]})},grid(t){let{width:e,height:r}=t,n=t.id??Q("grid"),i=Math.max(1,Math.round(t.divisions??10)),o=t.lineWidth??2,a=t.color??"rgba(59, 130, 246, 0.5)",s=(p,f,b,g,y)=>B.box({id:`${n}-${p}`,position:"absolute",x:f,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(e/l);for(let p=0;p<=i;p++){let f=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}`,f*e,y,o,g))}for(let b=0;b<m;b++){let g=e/m,y=-e/2+g*(b+.5);c.push(s(`h${p}-${b}`,y,f*r,g,o))}}return B.box({id:n,position:"absolute",width:e,height:r,x:t.x??0,y:t.y??0,z:t.z??0,is3D:!0,transformStyle:"preserve-3d",rotateX:t.rotateX??90,rotateY:t.rotateY??0,rotateZ:t.rotateZ??0,background:"transparent",opacity:t.opacity??1,children:c})},text(t){return t.extrusionDepth&&t.extrusionDepth>0?ot.extrudedText({...t,depth:t.extrusionDepth}):B.text(t.text,{id:t.id??Q("text3d"),position:"absolute",x:t.x??0,y:t.y??0,z:t.z??0,is3D:!0,twoSided:t.twoSided??!0,rotateX:t.rotateX??0,rotateY:t.rotateY??0,rotateZ:t.rotateZ??0,fontSize:t.fontSize??48,fontFamily:t.fontFamily,fontWeight:t.fontWeight??"bold",fontStyle:t.fontStyle,fill:t.fill??"#ffffff",align:t.align??"center",direction:t.direction,verticalAlign:t.verticalAlign??"middle",letterSpacing:t.letterSpacing,lineHeight:t.lineHeight,material:t.material??"lit",shininess:t.shininess??64,roughness:t.roughness,specularIntensity:t.specularIntensity??.8,ambientIntensity:t.ambientIntensity??1,metallic:t.metallic,...un(t),opacity:t.opacity??1,background:t.background,borderRadius:t.borderRadius,padding:t.padding,stroke:t.stroke,strokeWidth:t.strokeWidth})},extrudedText(t){let{depth:e,text:r,fill:n="#ffffff",bevelColor:i}=t,o,a=(t.curveTolerance??.1)/dg(t),s=(t.fontFamily?Xt.getParsed(t.fontFamily):null)??Xt.getParsed("Inter")??Xt.getParsed("Unbounded")??Xt.getFirstParsed();s&&(o=Ps({text:r,font:s,fontSize:t.fontSize??48,depth:e,fill:n,bevelColor:i,curveSegments:t.curveSegments,curveTolerance:a,align:t.align,direction:t.direction,verticalAlign:t.verticalAlign,letterSpacing:t.letterSpacing,material:t.material==="lit"||t.material==="unlit"||t.material==="toon"?t.material:void 0,shininess:t.shininess,roughness:t.roughness,metallic:t.metallic}).modelData);let l=B.model({id:t.id??Q("extruded-text"),modelData:o,is3D:!0,x:t.x??0,y:t.y??0,z:t.z??0,rotateX:t.rotateX??0,rotateY:t.rotateY??0,rotateZ:t.rotateZ??0,scale:t.scale??1,scaleX:t.scaleX??1,scaleY:t.scaleY??1,scaleZ:t.scaleZ??1,opacity:t.opacity??1,material:t.material,shininess:t.shininess??32,roughness:t.roughness,specularIntensity:t.specularIntensity??.8,ambientIntensity:t.ambientIntensity??1,metallic:t.metallic,...un(t),twoSided:t.twoSided??!0,text3dOptions:{...t,curveTolerance:a}});return yi(l,{faces:[l],items:[l]})},roundedBox(t){return Ha("rounded-box",{type:"roundedBox",width:t.width,height:t.height,depth:t.depth,radius:t.radius,segments:t.segments,taper:t.taper},t)},sphere(t){return Ha("sphere",{type:"sphere",radius:t.radius,segments:t.segments},t)},cylinder(t){return Ha("cylinder",{type:"cylinder",radius:t.radius,radiusTop:t.radiusTop,radiusBottom:t.radiusBottom,height:t.height,segments:t.segments,openEnded:t.openEnded},t)},model(t={}){return B.model(t)},obj(t,e={}){return B.obj(t,e)},fbx(t,e={}){return B.fbx(t,e)},gltf(t,e={}){return B.gltf(t,e)},glb(t,e={}){return B.glb(t,e)},stl(t,e={}){return B.stl(t,e)},ply(t,e={}){return B.ply(t,e)},vox(t,e={}){return B.vox(t,e)},threeDS(t,e={}){return B.threeDS(t,e)},off(t,e={}){return B.off(t,e)}};h();var Ya=(t,e,r)=>{switch(t){case"left":return{dx:-e,dy:0};case"right":return{dx:e,dy:0};case"up":return{dx:0,dy:-r};default:return{dx:0,dy:r}}};function at(t,e,r){return{kind:t,frames:Math.max(0,Math.round(e)),build:r}}var sd={cut:()=>at("cut",0,()=>({})),crossfade:(t=15,e="sine.inOut")=>at("crossfade",t,r=>({incoming:ie.keys("opacity",[[0,0],[r.frames,1,e]])})),fadeThrough:(t=20,e="sine.inOut")=>at("fadeThrough",t,r=>{let n=Math.max(1,Math.floor(r.frames/2));return{outgoing:ie.keys("opacity",[[r.outStart,1],[r.outStart+n,0,e]]),incoming:ie.keys("opacity",[[0,0],[n,0],[r.frames,1,e]])}}),push:(t="left",e=18,r="power3.inOut")=>at("push",e,n=>{let{dx:i,dy:o}=Ya(t,n.width,n.height),a=ie.create(),s=ie.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:(t="left",e=18,r="power3.out")=>at("slide",e,n=>{let{dx:i,dy:o}=Ya(t,n.width,n.height),a=i!==0?"x":"y",s=i!==0?n.inRest.x:n.inRest.y;return{outgoing:ie.keys("opacity",[[n.outStart,1],[n.outStart+n.frames,.6,r]]),incoming:ie.keys(a,[[0,s-(i||o)],[n.frames,s,r]])}}),zoom:(t=18,e="power2.inOut")=>at("zoom",t,r=>({outgoing:ie.create().keys("scale",[[r.outStart,1],[r.outStart+r.frames,1.25,e]]).keys("opacity",[[r.outStart,1],[r.outStart+r.frames,0,e]]),incoming:ie.create().keys("scale",[[0,.85],[r.frames,1,e]]).keys("opacity",[[0,0],[r.frames,1,e]])})),whip:(t="left",e=10)=>{let r=sd.push(t,e,"expo.inOut");return at("whip",e,n=>({...r.build(n),sceneProps:{motionBlurShutter:360}}))},wipe:(t="left",e=18,r="power2.inOut")=>at("wipe",e,n=>{let{dx:i,dy:o}=Ya(t,n.width,n.height),a=i!==0?"x":"y",s=i!==0?n.inRest.x:n.inRest.y;return{incomingMatte:B.box({id:Q("wipe-matte"),position:"absolute",x:n.inRest.x,y:n.inRest.y,width:n.width,height:n.height,background:"#ffffff"}).animate(ie.keys(a,[[0,s-(i||o)],[n.frames,s,r]]))}}),iris:(t=20,e={})=>at("iris",t,r=>{let[n,i]=e.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:B.shape("circle",{id:Q("iris-matte"),position:"absolute",x:o-s,y:a-s,width:s*2,height:s*2,fillColor:"#ffffff"}).animate(ie.keys("scale",[[0,0],[r.frames,1,e.ease??"power2.inOut"]]))}})};function xi(t,e,r){let n=t[e];return typeof n=="number"?n:r}function ud(t,e={}){let r=[],n=[],i=0;t.forEach((a,s)=>{let l=s===0?void 0:a.transition,c=Math.min(l?.frames??0,t[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}),t.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,t[s-1].duration),m=e.width??xi(c,"width",1920),p=e.height??xi(c,"height",1080),f=a.transition.build({width:m,height:p,frames:d,outStart:t[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 S=g.animation?.tracks??[];g.animation=ie.merge({tracks:S},y).toSpec()};b(l,f.outgoing),b(c,f.incoming),f.sceneProps&&(Object.assign(l,f.sceneProps),Object.assign(c,f.sceneProps)),f.incomingMatte&&(c.matte={node:f.incomingMatte,mode:"alpha"})});let o=B.box({id:e.id??Q("sequence"),position:"absolute",x:0,y:0,width:e.width??xi(r[0]??{},"width",1920),height:e.height??xi(r[0]??{},"height",1080),startFrame:e.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}h();var mg={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 pg([t,e,r],n){let i=n*Math.PI/180,o=Math.cos(i),a=Math.sin(i);return[o*t+a*r,e,-a*t+o*r]}function ld(t,e,r,n){let[i,o,a]=pg(t,n),s=Math.hypot(i,o,a)||1;return{x:e[0]+i/s*r,y:e[1]+o/s*r,z:e[2]+a/s*r,targetX:e[0],targetY:e[1],targetZ:e[2]}}function wi(t,e){let r=mg[t],n=e.target??[960,540,0],i=e.distance??1600,o=e.rotation??0,a=e.intensity??1,s=e.id??Q(`lighting-${t}`),l=[st.environment(r.environment,{id:`${s}-environment`,intensity:r.envIntensity*a,rotation:o,exposure:e.exposure,toneMapping:e.toneMapping,fog:e.fog,bloom:e.bloom}),st.directional({id:`${s}-key`,color:r.key.color,intensity:r.key.intensity*a,...ld(r.key.dir,n,i,o),castShadow:e.shadows??!0,shadowSoftness:e.shadowSoftness??3})];for(let[c,d]of[["rim",r.rim],["fill",r.fill]])d&&l.push(st.directional({id:`${s}-${c}`,color:d.color,intensity:d.intensity*a,...ld(d.dir,n,i,o)}));return l}var fg={studio:(t={})=>wi("studio",t),soft:(t={})=>wi("soft",t),sunset:(t={})=>wi("sunset",t),dramatic:(t={})=>wi("dramatic",t)};h();h();var hg="@dimforge/rapier2d-deterministic-compat",gg="@dimforge/rapier3d-deterministic-compat";async function cd(t,e){let r;try{r=await e()}catch(i){throw new Error(`Physics needs the optional dependency "${t}". Install it with \`npm i ${t}\`.`,{cause:i})}let n=r.default??r;return await n.init(),n}var dd,md;async function Za(t){if(t===2){dd??=cd(hg,()=>import("./rapier-JD7KNQRV.mjs"));let r=await dd;return{createWorld2D:n=>new Xa(r,n),createWorld3D:()=>{throw new Error("This backend was loaded for 2D.")}}}md??=cd(gg,()=>import("./rapier-AHBIGHEL.mjs"));let e=await md;return{createWorld2D:()=>{throw new Error("This backend was loaded for 3D.")},createWorld3D:r=>new qa(e,r)}}var Xa=class{constructor(e,r){this.R=e;this.world=new e.World({x:r[0],y:r[1]}),this.events=new e.EventQueue(!0)}R;world;events;byCollider=new Map;started=[];addBody(e){let r=this.R,n=pd(r,e.type).setTranslation(e.position[0],e.position[1]).setRotation(e.angle).setLinvel(e.velocity[0],e.velocity[1]).setAngvel(e.angularVelocity).setLinearDamping(e.linearDamping).setAngularDamping(e.angularDamping).setGravityScale(e.gravityScale).setCcdEnabled(e.ccd).setEnabled(e.enabled);e.lockRotation&&n.lockRotations();let i=this.world.createRigidBody(n),o=this.world.createCollider(bg(r,e.shape).setDensity(e.density).setFriction(e.friction).setRestitution(e.restitution).setActiveEvents(r.ActiveEvents.COLLISION_EVENTS).setSensor(e.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(e,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,vi(e),vi(r),!0).setContactsEnabled(!1)}step(e){this.world.timestep=e,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()}},qa=class{constructor(e,r){this.R=e;this.world=new e.World({x:r[0],y:r[1],z:r[2]}),this.events=new e.EventQueue(!0)}R;world;events;byCollider=new Map;started=[];addBody(e){let r=this.R,[n,i,o,a]=e.rotation,s=pd(r,e.type).setTranslation(e.position[0],e.position[1],e.position[2]).setRotation({x:n,y:i,z:o,w:a}).setLinvel(e.velocity[0],e.velocity[1],e.velocity[2]).setAngvel(yr(e.lockRotation?[0,0,0]:e.angularVelocity.map((p,f)=>e.enabledRotations&&!e.enabledRotations[f]?0:p))).setLinearDamping(e.linearDamping).setAngularDamping(e.angularDamping).setGravityScale(e.gravityScale).setCcdEnabled(e.ccd).setEnabled(e.enabled);e.lockRotation?s.lockRotations():e.enabledRotations&&s.enabledRotations(...e.enabledRotations);let l=this.world.createRigidBody(s),c=yg(r,e.shape),d=this.world.createCollider(c.setDensity(e.density).setFriction(e.friction).setRestitution(e.restitution).setActiveEvents(r.ActiveEvents.COLLISION_EVENTS).setSensor(e.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(yr(p),!0),setKinematicTarget:(p,[f,b,g,y])=>{l.setNextKinematicTranslation(yr(p)),l.setNextKinematicRotation({x:f,y:b,z:g,w:y})}};return this.byCollider.set(d.handle,m),m}addJoint(e,r,n){let i=this.R,o=yr(n.anchorA),a=yr(n.anchorB),s;switch(n.type){case"revolute":s=i.JointData.revolute(o,a,yr(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,vi(e),vi(r),!0).setContactsEnabled(!1)}step(e){this.world.timestep=e,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 yr([t,e,r]){return{x:t,y:e,z:r}}function vi(t){return t.raw}function pd(t,e){let r=t.RigidBodyDesc;return e==="fixed"?r.fixed():e==="kinematic"?r.kinematicPositionBased():r.dynamic()}function bg(t,e){switch(e.kind){case"ball":return t.ColliderDesc.ball(e.radius);case"box":{let r=Math.min(e.radius??0,e.hx/2,e.hy/2);return r>0?t.ColliderDesc.roundCuboid(e.hx-r,e.hy-r,r):t.ColliderDesc.cuboid(e.hx,e.hy)}case"hull":{let r=t.ColliderDesc.convexHull(new Float32Array(e.points));if(!r)throw new Error("Physics: could not build a convex hull for this shape.");return r}}}function yg(t,e){switch(e.kind){case"ball":return t.ColliderDesc.ball(e.radius);case"box":{let r=Math.min(e.radius??0,e.hx/2,e.hy/2,e.hz/2);return r>0?t.ColliderDesc.roundCuboid(e.hx-r,e.hy-r,e.hz-r,r):t.ColliderDesc.cuboid(e.hx,e.hy,e.hz)}case"cylinder":return t.ColliderDesc.cylinder(e.halfHeight,e.radius);case"hull":{let r=t.ColliderDesc.convexHull(new Float32Array(e.points));if(!r)throw new Error("Physics: could not build a convex hull for this shape.");return r}}}h();var ln=class{constructor(e,r,n,i,o,a,s){this.world=e;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(e){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:Ve(r.x,e,i),a=r.y===void 0?void 0:Ve(r.y,e,i),s=r.rotation===void 0?n.rotation:Ve(r.rotation,e,i),l=this.initialLayerXY(),c=gd(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 e=this.layer;return[Number(e?.x??0),Number(e?.y??0)]}record(e,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[e]=r<0?Wt(this.frame.rotation,d):Wt(c[r],d);let[m,p]=kg(a,s,c[e],this.frame);l.channel("x")[e]=m,l.channel("y")[e]=p,l.channel("centerX")[e]=a,l.channel("centerY")[e]=s;let[f,b]=this.sim.velocity();l.channel("vx")[e]=f*n,l.channel("vy")[e]=b*n,l.channel("speed")[e]=Math.hypot(f,b)*n,l.channel("angularVelocity")[e]=this.sim.angularVelocity()*180/Math.PI,l.channel("sleeping")[e]=this.sim.sleeping()?1:0}boundChannels(){let e=[["x","x"],["y","y"]];return this.options.lockRotation||e.push(["rotation","rotation"]),e}localAnchor(e){if(!e)return[0,0];let r=this.world.pixelsPerMeter,[n,i]=this.sim.position(),o=-this.sim.rotation(),a=e[0]/r-n,s=e[1]/r-i;return[a*Math.cos(o)-s*Math.sin(o),a*Math.sin(o)+s*Math.cos(o)]}center(){let e=this.world.pixelsPerMeter,[r,n]=this.sim.position();return[r*e,n*e]}},xr=class extends br{constructor(e,r){let n=r.pixelsPerMeter??100,i=r.gravity??2400,o=typeof i=="number"?[0,i/n]:[i[0]/n,i[1]/n],a=e.createWorld2D(o);super(a,o,r)}body(e,r={}){this.assertOpen();let i=typeof e.kind=="string"?e:void 0,o=wg(e,r),a=this.pixelsPerMeter,s=r.type??"dynamic",[l,c]=gd(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:fd(o.shape,1/a)},p=this.sim.addBody(m),f=new ln(this,p,s,i,o,r,this.newRecording());return this.addBody(f)}ground(e){return this.body({x:-1e6/2,y:e.y,width:1e6,height:2e3},{type:"fixed",friction:e.friction,restitution:e.restitution??.2})}walls(e){let{width:r,height:n}=e,i=e.x??0,o=e.y??0,a=e.thickness??400,s={type:"fixed",friction:e.friction,restitution:e.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 e.ceiling&&(c.ceiling=this.body({x:i-a,y:o-a,width:r+2*a,height:a},s)),c}pin(e,r){let n=r??e.center(),i=this.anchorBody(n);return this.joint(e,i,{type:"revolute",anchorA:e.localAnchor(n),anchorB:[0,0]}),this}hinge(e,r,n){return this.joint(e,r,{type:"revolute",anchorA:e.localAnchor(n),anchorB:r.localAnchor(n)}),this}weld(e,r){let n=e.center();return this.joint(e,r,{type:"fixed",anchorA:[0,0],anchorB:r.localAnchor(n)}),this}spring(e,r,n={}){let{other:i,pa:o,pb:a}=this.endpoints(e,r,n.anchorA,n.anchorB),s=this.pixelsPerMeter,l=(n.length??Math.hypot(a[0]-o[0],a[1]-o[1]))/s,c=xg(e,i),d=2*Math.PI*(n.frequency??2);return this.joint(e,i,{type:"spring",anchorA:e.localAnchor(o),anchorB:i.localAnchor(a),restLength:l,stiffness:c*d*d,damping:2*(n.dampingRatio??.2)*c*d}),this}rope(e,r,n={}){let{other:i,pa:o,pb:a}=this.endpoints(e,r,n.anchorA,n.anchorB),s=n.length??Math.hypot(a[0]-o[0],a[1]-o[1]);return this.joint(e,i,{type:"rope",anchorA:e.localAnchor(o),anchorB:i.localAnchor(a),length:s/this.pixelsPerMeter}),this}force(e,r){let n=this.pixelsPerMeter;return this.addForce(e,i=>[r.x===void 0?0:Ve(r.x,i,this.fps)/n,r.y===void 0?0:Ve(r.y,i,this.fps)/n]),this}field(e,r={}){let n=this.pixelsPerMeter;return this.addField((i,o)=>{let[a,s]=i.sim.position(),[l,c]=i.sim.velocity(),d=e({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(e,r,n){let i=this.pixelsPerMeter;return this.addImpulse(e,r,[n[0]/i,n[1]/i]),this}lerpRotation(e,r,n){return e+(r-e)*n}joint(e,r,n){this.assertOpen(),this.sim.addJoint(e.sim,r.sim,n)}anchorBody(e){return this.body({x:e[0]-.5,y:e[1]-.5,width:1,height:1},{type:"fixed",output:"none",sensor:!0})}endpoints(e,r,n,i){let o=n??e.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 xg(t,e){let r=t.type==="dynamic"?t.sim.mass():0,n=e.type==="dynamic"?e.sim.mass():0;return r>0&&n>0?r*n/(r+n):Math.max(r,n,.001)}function Ze(t,e){return typeof t=="number"&&Number.isFinite(t)?t:e}function wg(t,e){let r=typeof t.id=="string"?` "${t.id}"`:"";if(typeof t.x!="number"||typeof t.y!="number")throw new Error(`Physics: layer${r} needs numeric \`x\` and \`y\` (absolute position) to become a body.`);let n=e.size?.[0]??(typeof t.width=="number"?t.width:void 0),i=e.size?.[1]??(typeof t.height=="number"?t.height:void 0);if((n===void 0||i===void 0)&&t.kind==="text"){let s=ze.measure(String(t.text??""),{fontFamily:String(t.fontFamily??"Inter"),fontSize:Ze(t.fontSize,48),fontWeight:t.fontWeight,letterSpacing:Ze(t.letterSpacing,0),lineHeight:typeof t.lineHeight=="number"?t.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=Ze(t.scale,1);return{...{x:t.x,y:t.y,width:n,height:i,scale:o,anchorX:Ze(t.anchorX,.5),anchorY:Ze(t.anchorY,.5),rotation:Ze(t.rotation,0)},shape:fd(vg(t,n,i,e.shape??"auto"),o)}}function vg(t,e,r,n){let o=t.kind==="shape"?String(t.shapeType??"rect"):"rect",a=Ze(t.borderRadius,Ze(t.cornerRadius,0)),s={kind:"box",hx:e/2,hy:r/2,radius:a};if(n==="box")return s;if(n==="circle"||n==="auto"&&o==="circle")return{kind:"ball",radius:Math.min(e,r)/2};if(n==="auto"&&o==="rect")return s;if(n==="hull"||n==="auto"){let l=Sg(t,o,e,r);return l.length>=6?{kind:"hull",points:l}:s}return s}function Sg(t,e,r,n){let i=e==="path"?String(t.d??""):vs({shapeType:e,width:r,height:n,cornerRadius:Ze(t.cornerRadius,Ze(t.borderRadius,0)),polygonSides:t.polygonSides,starPoints:t.starPoints,starInnerRadiusRatio:t.starInnerRadiusRatio,arrowHeadWidth:t.arrowHeadWidth,arrowHeadLength:t.arrowHeadLength,arrowShaftWidth:t.arrowShaftWidth}),o=[];for(let a of ws(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 fd(t,e){switch(t.kind){case"ball":return{kind:"ball",radius:t.radius*e};case"box":return{kind:"box",hx:t.hx*e,hy:t.hy*e,radius:(t.radius??0)*e};case"hull":return{kind:"hull",points:t.points.map(r=>r*e)}}}function hd(t,e){let r=t*Math.PI/180,n=(.5-e.anchorX)*e.width*e.scale,i=(.5-e.anchorY)*e.height*e.scale;return[n*Math.cos(r)-i*Math.sin(r),n*Math.sin(r)+i*Math.cos(r)]}function gd(t,e,r,n){let[i,o]=hd(r,n);return[t+n.anchorX*n.width+i,e+n.anchorY*n.height+o]}function kg(t,e,r,n){let[i,o]=hd(r,n);return[t-i-n.anchorX*n.width,e-o-n.anchorY*n.height]}h();var St=Math.PI/180;function yd(t,e,r){let n=s=>s*St/2,i=[Math.sin(n(t)),0,0,Math.cos(n(t))],o=[0,Math.sin(n(e)),0,Math.cos(n(e))],a=[0,0,Math.sin(n(r)),Math.cos(n(r))];return Si(Si(a,o),i)}function Si(t,e){let[r,n,i,o]=t,[a,s,l,c]=e;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 Pg(t,e){let[r,n,i,o]=t,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),f=Math.max(-1,Math.min(1,-l)),b;if(Math.abs(f)>.999999){let C=Math.asin(f),w=e?e[0]*St:0,T=Math.atan2(-m,p)+(f>0?w:-w);b=[w,C,T]}else b=[Math.atan2(c,d),Math.asin(f),Math.atan2(s,a)];let g=[b[0]/St,b[1]/St,b[2]/St];if(!e)return g;let y=[g[0]+180,180-g[1],g[2]+180],S=C=>[Wt(e[0],C[0]),Wt(e[1],C[1]),Wt(e[2],C[2])],A=S(g),M=S(y),v=C=>Math.abs(C[0]-e[0])+Math.abs(C[1]-e[1])+Math.abs(C[2]-e[2]);return v(A)<=v(M)?A:M}var cn=class{constructor(e,r,n,i,o,a,s){this.world=e;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(e){let r=this.options.follow;if(this.type!=="kinematic"||!r)return;let n=this.world.fps,i=(l,c)=>l===void 0?c:Ve(l,e,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:yd(i(r.rotateX,a[0]),i(r.rotateY,a[1]),i(r.rotateZ,a[2]))}}record(e,r){let n=this.world.pixelsPerMeter,i=this.recording,[o,a,s]=this.sim.position();i.channel("x")[e]=o*n,i.channel("y")[e]=a*n,i.channel("z")[e]=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=Pg(this.sim.rotation(),m);l[e]=p[0],c[e]=p[1],d[e]=p[2];let[f,b,g]=this.sim.velocity();i.channel("vx")[e]=f*n,i.channel("vy")[e]=b*n,i.channel("vz")[e]=g*n,i.channel("speed")[e]=Math.hypot(f,b,g)*n,i.channel("sleeping")[e]=this.sim.sleeping()?1:0}boundChannels(){let e=[["x","x"],["y","y"],["z","z"]];return this.options.lockRotation!==!0&&e.push(["rotateX","rotateX"],["rotateY","rotateY"],["rotateZ","rotateZ"]),e}localAnchor(e){if(!e)return[0,0,0];let r=this.world.pixelsPerMeter,n=this.sim.position(),[i,o,a,s]=this.sim.rotation(),l=[e[0]/r-n[0],e[1]/r-n[1],e[2]/r-n[2]];return Mg(l,[-i,-o,-a,s])}center(){let e=this.world.pixelsPerMeter,[r,n,i]=this.sim.position();return[r*e,n*e,i*e]}};function Mg(t,e){let r=Si(Si(e,[t[0],t[1],t[2],0]),[-e[0],-e[1],-e[2],e[3]]);return[r[0],r[1],r[2]]}var wr=class extends br{constructor(e,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(e.createWorld3D(o),o,r)}body(e,r={}){this.assertOpen();let i=typeof e.kind=="string"?e:void 0,o=e,a=[ue(o.x,0),ue(o.y,0),ue(o.z,0)],s=[ue(o.rotateX,0),ue(o.rotateY,0),ue(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:yd(s[0],s[1],s[2]),velocity:[d[0]/l,d[1]/l,d[2]/l],angularVelocity:[m[0]*St,m[1]*St,m[2]*St],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:Ag(Tg(o,r),1/l)},f=this.sim.addBody(p),b=new cn(this,f,c,i,{position:a,rotation:s},r,this.newRecording());return this.addBody(b)}ground(e){return this.body({x:0,y:e.y+2e3/2,z:0,width:1e6,height:2e3,depth:1e6},{type:"fixed",friction:e.friction,restitution:e.restitution??.2})}walls(e){let{width:r,height:n,depth:i}=e,[o,a,s]=[e.x??0,e.y??0,e.z??0],l=e.thickness??400,c={type:"fixed",friction:e.friction,restitution:e.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(e,r){let n=r??e.center(),i=this.anchorBody(n);return this.joint(e,i,{type:"spherical",anchorA:e.localAnchor(n),anchorB:[0,0,0]}),this}hinge(e,r,n,i=[0,0,1]){return this.joint(e,r,{type:"revolute",anchorA:e.localAnchor(n),anchorB:r.localAnchor(n),axis:i}),this}weld(e,r){return this.joint(e,r,{type:"fixed",anchorA:[0,0,0],anchorB:r.localAnchor(e.center())}),this}spring(e,r,n={}){let{other:i,pa:o,pb:a}=this.endpoints(e,r,n.anchorA,n.anchorB),s=this.pixelsPerMeter,l=(n.length??bd(o,a))/s,c=e.type==="dynamic"?e.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(e,i,{type:"spring",anchorA:e.localAnchor(o),anchorB:i.localAnchor(a),restLength:l,stiffness:m*p*p,damping:2*(n.dampingRatio??.2)*m*p}),this}rope(e,r,n={}){let{other:i,pa:o,pb:a}=this.endpoints(e,r,n.anchorA,n.anchorB);return this.joint(e,i,{type:"rope",anchorA:e.localAnchor(o),anchorB:i.localAnchor(a),length:(n.length??bd(o,a))/this.pixelsPerMeter}),this}force(e,r){let n=this.pixelsPerMeter,i=(o,a)=>o===void 0?0:Ve(o,a,this.fps)/n;return this.addForce(e,o=>[i(r.x,o),i(r.y,o),i(r.z,o)]),this}field(e,r={}){let n=this.pixelsPerMeter;return this.addField((i,o)=>{let[a,s,l]=i.sim.position(),[c,d,m]=i.sim.velocity(),p=e({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(e,r,n){let i=this.pixelsPerMeter;return this.addImpulse(e,r,[n[0]/i,n[1]/i,n[2]/i]),this}lerpRotation(e,r,n){let i=e[0]*r[0]+e[1]*r[1]+e[2]*r[2]+e[3]*r[3]<0?-1:1,o=e.map((s,l)=>s+(r[l]*i-s)*n),a=Math.hypot(...o)||1;return o.map(s=>s/a)}joint(e,r,n){this.assertOpen(),this.sim.addJoint(e.sim,r.sim,n)}anchorBody(e){return this.body({x:e[0],y:e[1],z:e[2],width:1,height:1,depth:1},{type:"fixed",output:"none",sensor:!0})}endpoints(e,r,n,i){let o=n??e.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 bd(t,e){return Math.hypot(e[0]-t[0],e[1]-t[1],e[2]-t[2])}function ue(t,e){return typeof t=="number"&&Number.isFinite(t)?t:e}function Tg(t,e){let r=typeof t.id=="string"?` "${t.id}"`:"",n=ue(t.scale,1),i=[n*ue(t.scaleX,1),n*ue(t.scaleY,1),n*ue(t.scaleZ,1)],o=i[0]===i[1]&&i[1]===i[2],a=t.primitive3d??{},s=e.shape??"auto",l=()=>{let g=Cg(t.modelData);if(g)return{kind:"hull",points:g.map((y,S)=>y*i[S%3])}};if(e.size||s==="box"){let[g,y,S]=e.size??Ka(t,a)??[0,0,0];if(g>0&&y>0&&S>0)return{kind:"box",hx:g*i[0]/2,hy:y*i[1]/2,hz:S*i[2]/2,radius:a.type==="roundedBox"?ue(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")&&(o||s==="sphere")){let g=ue(a.radius,0)||Math.max(...Ka(t,a)??[0])/2;if(g>0)return{kind:"ball",radius:g*Math.max(...i)}}let d=ue(a.radiusTop,ue(a.radius,0)),m=ue(a.radiusBottom,ue(a.radius,0));if((s==="cylinder"||s==="auto"&&a.type==="cylinder")&&d===m&&d>0&&i[0]===i[2])return{kind:"cylinder",halfHeight:ue(a.height,0)*i[1]/2,radius:d*i[0]};if(s==="auto"&&a.type==="roundedBox"&&(a.taper??1)===1){let[g,y,S]=[ue(a.width,0),ue(a.height,0),ue(a.depth,0)];return{kind:"box",hx:g*i[0]/2,hy:y*i[1]/2,hz:S*i[2]/2,radius:ue(a.radius,0)*Math.min(...i)}}let f=l();if(f)return f;let b=Ka(t,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 Ka(t,e){if(e.type==="roundedBox")return[ue(e.width,0),ue(e.height,0),ue(e.depth,0)];if(e.type==="sphere"){let r=ue(e.radius,0)*2;return[r,r,r]}if(e.type==="cylinder"){let r=Math.max(ue(e.radiusTop,ue(e.radius,0)),ue(e.radiusBottom,ue(e.radius,0)))*2;return[r,ue(e.height,0),r]}if(typeof t.width=="number"&&typeof t.height=="number"&&typeof t.depth=="number")return[t.width,t.height,t.depth]}function Cg(t){let e=t?.meshes;if(!e?.length)return;let r=0;for(let a of e)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 e){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 Ag(t,e){switch(t.kind){case"ball":return{kind:"ball",radius:t.radius*e};case"box":return{kind:"box",hx:t.hx*e,hy:t.hy*e,hz:t.hz*e,radius:(t.radius??0)*e};case"cylinder":return{kind:"cylinder",halfHeight:t.halfHeight*e,radius:t.radius*e};case"hull":return{kind:"hull",points:t.points.map(r=>r*e)}}}var Dg={async world2d(t){return new xr(await Za(2),t)},async world3d(t){return new wr(await Za(3),t)}};h();var ye=(...t)=>t,Ng={pixelArt:(t={})=>ye(new qt({palette:t.palette??"pico8",pixelSize:t.pixelSize??6,dither:.4})),gameBoy:(t={})=>ye(new qt({palette:"gameboy",pixelSize:t.pixelSize??4,dither:.6})),teletext:(t={})=>ye(new qt({palette:"teletext",pixelSize:t.pixelSize??10})),ledWall:(t={})=>ye(new Ji({size:t.size??14,shape:"circle",gap:.18})),ascii:(t={})=>ye(new Gi({cellSize:t.cellSize??10,colorMode:t.matrix?"green":"source",bg:t.matrix?"#020a04":"#0b0b0b"})),oneBit:(t={})=>ye(new Xi({mode:"bayer",scale:t.scale??2,dark:t.dark??"#111111",light:t.light??"#f2efe6"})),risograph:(t={})=>{let e=t.inkA??"#1d3fbb",r=t.inkB??"#ff5fa2",n=t.paper??"#f4efe4";return ye(new Mt({stops:[{position:0,color:e},{position:.55,color:r},{position:1,color:n}]}),new qt({palette:"custom",colors:[e,r,n],dither:.8,pixelSize:2}),new Je({strength:.2}))},cartoon:(t={})=>ye(new Cn({levels:t.levels??4,edgeColor:t.ink??"#111111",saturation:1.3})),comic:(t={})=>ye(new Cn({levels:4,edgeWidth:1.5,saturation:1.4}),new Nr({frequency:t.dotFrequency??70,opacity:.35})),thermal:()=>ye(new Mt({stops:[{position:0,color:"#000010"},{position:.25,color:"#3b0a7a"},{position:.5,color:"#c4205f"},{position:.75,color:"#ff9a1f"},{position:1,color:"#fffbe0"}]})),vhs:(t={})=>ye(new Dr({tracking:t.tracking??.5,chroma:4,curvature:.04,scanlines:.25,mask:.05,noise:.15}),new Tn({amount:3})),crt:(t={})=>ye(new Dr({curvature:t.curvature??.15,scanlines:.5,mask:.35})),glitch:(t={})=>ye(new Tn({amount:t.amount??18}),new Dr({tracking:1,chroma:6,curvature:0,scanlines:.1,mask:0,vignette:0})),oilPainting:(t={})=>ye(new Mn({style:"oil",radius:t.brush??5})),watercolor:(t={})=>ye(new Mn({style:"watercolor",radius:t.brush??6,paper:.5})),topographic:(t={})=>ye(new Yi({levels:t.levels??16,fill:"flat",lineColor:t.ink??"#5a3a1a",fillColor:t.paper??"#f3ead8"})),kaleidoscope:(t={})=>ye(new Zi({segments:t.segments??8,rotation:t.rotation??0})),opArt:(t={})=>ye(new Qi({pattern:t.pattern??"stripes",frequency:t.frequency??60})),holographic:(t={})=>ye(new qi({strength:t.strength??.7,shift:t.shift??0})),noir:()=>ye(new Mt({stops:[{position:0,color:"#000000"},{position:.55,color:"#8a8a8a"},{position:1,color:"#ffffff"}]}),new Je({strength:.35}),new Zt({strength:.6})),film:()=>ye(new Je({strength:.25}),new Zt({strength:.35}))};h();var Bd=Pr(Yd(),1),Ci=Pr(Xd(),1);var rs=Pr(wd(),1);h();var dn=$.dirname(wn(import.meta.url)),vd=["import","meta","url"].join("."),Og=Ri(import.meta.url),mn="/@framefields/engine",kd={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"},Qa={path:"path","path/posix":"path",url:"url",os:"os",fs:"fs","fs/promises":"fs-promises",module:"module"},Sd=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"]),Rg=`
716
- const stub = () => new Proxy(function () {}, {
717
- get: (_t, k) => (k === "__esModule" ? true : k === Symbol.toPrimitive ? () => "" : stub()),
718
- apply: () => stub(),
719
- construct: () => stub(),
720
- });
721
- module.exports = stub();
722
- `;async function Fg(t){let{build:e}=await import("./esbuild-GWV7CM7D.mjs"),r=$.resolve(dn,".."),n=$.join(dn,"shims"),i={player:$.join(dn,"player.ts")};for(let[o,a]of Object.entries(kd))i[Dd(o)]=$.join(r,a);for(let o of new Set(Object.values(Qa)))i[`shims/${o}`]=$.join(n,`${o}.ts`);await be.promises.rm(t,{recursive:!0,force:!0}),await e({...Ad,entryPoints:i,outdir:t,outExtension:{".js":".mjs"},splitting:!0,minify:!0,conditions:["development","browser","import"],define:{"process.env.NODE_ENV":'"production"',global:"globalThis"},inject:[$.join(n,"process.ts")],plugins:[{name:"framefields-engine",setup(o){o.onResolve({filter:/^framefields-preview:renderers$/},()=>({path:Ig()})),Nd(o,a=>({path:$.join(n,`${a}.ts`)}))}}]})}async function Pd(t){let{build:e}=await import("./esbuild-GWV7CM7D.mjs"),r=$.resolve(t.entry),n=s=>({path:`${mn}/${s}.mjs`,external:!0}),i={modelsDir:t.modelsDir,ortBase:t.ortBase},o=await e({...Ad,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 { startPlayer } from ${JSON.stringify(`${mn}/player.mjs`)};`,`import * as mod from ${JSON.stringify(r)};`,`startPlayer(mod, ${JSON.stringify(t.exportName)}, ${JSON.stringify(i)});`].join(`
723
- `),resolveDir:$.dirname(r),loader:"js"})),s.onResolve({filter:/^\/@framefields\/engine\//},l=>({path:l.path,external:!0})),s.onResolve({filter:/^framefields(\/|$)/},l=>kd[l.path]?n(Dd(l.path)):void 0),Nd(s,l=>n(`shims/${l}`)),Eg(s)}}]}),a=Object.keys(o.metafile?.inputs??{}).filter(s=>!s.includes(":")&&!s.includes("node_modules")).map(s=>$.resolve(s));return{code:o.outputFiles[0].text,inputs:a}}var Pi;function Bg(t){return[t,$.join(t,"..")].map(e=>$.join(e,"preview-engine")).find(e=>be.existsSync($.join(e,"player.mjs")))}function Md(){let t=Bg(dn);return t?Promise.resolve(t):(Pi??=(async()=>{let e=$.join(Ni.tmpdir(),`framefields-preview-engine-${x.pid}`);return await Fg(e),e})(),Pi.catch(()=>{Pi=void 0}),Pi)}function Td(){return x.env.FRAMEFIELDS_MODELS_DIR?$.resolve(x.env.FRAMEFIELDS_MODELS_DIR):$.join(Ni.homedir(),".cache","framefields","models")}var Lg="1.30.0";function Cd(t){for(let e of[t,dn])try{let r=Ri($.join(e,"noop.js")).resolve("onnxruntime-web"),n=$.dirname(r);return{base:`/@fs${n}/`,dir:n}}catch{}return{base:`https://cdn.jsdelivr.net/npm/onnxruntime-web@${Lg}/dist/`}}var Ad={bundle:!0,format:"esm",platform:"browser",target:"es2022",mainFields:["browser","module","main"],logLevel:"silent"};function Dd(t){return t==="framefields"?"framefields":t.slice(12)}function Nd(t,e){t.onResolve({filter:/^(node:)?[a-z_/]+$/},r=>{let n=r.path.replace(/^node:/,"");if(Qa[n])return e(Qa[n]);if(r.path.startsWith("node:")||xs(n))return{path:n,namespace:"framefields-stub"}}),t.onResolve({filter:/.*/},r=>{let n=Vg(r.path);if(n&&(Sd.has(n)||Sd.has(r.path)))return{path:r.path,namespace:"framefields-stub"}}),t.onLoad({filter:/.*/,namespace:"framefields-stub"},()=>({contents:Rg,loader:"js"}))}function Eg(t){t.onLoad({filter:/\.[cm]?[jt]sx?$/},async e=>{if(e.path.includes(`${$.sep}node_modules${$.sep}`))return;let r=await be.promises.readFile(e.path,"utf8");if(r.includes(vd))return{contents:`const __framefieldsFileUrl = ${JSON.stringify(vn(e.path).href)};
724
- ${r.replaceAll(vd,"__framefieldsFileUrl")}`,loader:zg(e.path)}})}function Ig(){let t=Og.resolve("@framefields/renderer"),e=$.join($.dirname(t),"..","src","generated","node-renderers.ts");if(!be.existsSync(e))throw new Error(`[framefields] node renderer list not found at ${e}`);return e}function Vg(t){if(t.startsWith(".")||t.startsWith("/"))return;let e=t.split("/");return t.startsWith("@")?e.slice(0,2).join("/"):e[0]}function zg(t){return t.endsWith(".tsx")?"tsx":t.endsWith(".jsx")?"jsx":/\.[cm]?ts$/.test(t)?"ts":"js"}h();var Ti=class{constructor(e){this.dir=e;this.file=$.join(e,"notes.json")}dir;file;async list(){try{let e=JSON.parse(await be.promises.readFile(this.file,"utf8"));return Array.isArray(e)?e:[]}catch{return[]}}async add(e){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(e.frame)||0)),time:pn(Number(e.time)||0,3),x:pn(Mi(e.x),4),y:pn(Mi(e.y),4),...e.w!==void 0&&e.h!==void 0&&{w:pn(Mi(e.w),4),h:pn(Mi(e.h),4)},text:String(e.text??"").trim(),done:!1,created:new Date().toISOString()};await this.ensureDir();let o=/^data:image\/jpeg;base64,(.+)$/.exec(e.image??"");return o&&(i.image=$.join(this.dir,`note-${n}.jpg`),await be.promises.writeFile(i.image,Buffer.from(o[1],"base64"))),await this.save([...r,i]),i}async update(e,r){let n=await this.list(),i=n.find(o=>o.id===e);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(e){let r=await this.list(),n=r.find(i=>i.id===e);if(n)return n.image&&await be.promises.rm(n.image,{force:!0}),await this.save(r.filter(i=>i!==n)),n}async save(e){await this.ensureDir();let r=`${this.file}.${x.pid}.tmp`;await be.promises.writeFile(r,`${JSON.stringify(e,null," ")}
725
- `),await be.promises.rename(r,this.file)}async ensureDir(){await be.promises.mkdir(this.dir,{recursive:!0});let e=$.join($.dirname(this.dir),".gitignore");be.existsSync(e)||await be.promises.writeFile(e,`*
726
- `)}};function Od(t,e){let r=i=>`${Math.round(i*100)}%`,n=t.w!==void 0&&t.h!==void 0?`area ${r(t.x)},${r(t.y)} to ${r(t.x+t.w)},${r(t.y+t.h)}`:`spot ${r(t.x)},${r(t.y)}`;return`note ${t.id} at ${jg(t.frame,e)} (frame ${t.frame}), ${n}: ${t.text}`}function jg(t,e){let r=t/e,n=Math.floor(r/60);return`${n}:${(r-n*60).toFixed(2).padStart(5,"0")}`}function Mi(t){let e=Number(t);return Number.isFinite(e)?Math.min(1,Math.max(0,e)):0}function pn(t,e){return Number(t.toFixed(e))}h();var Rd=`<!doctype html>
727
- <html lang="en">
728
- <head>
729
- <meta charset="utf-8">
730
- <meta name="viewport" content="width=device-width, initial-scale=1">
731
- <title>framefields preview</title>
732
- <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">
733
- <link rel="preconnect" href="https://fonts.googleapis.com">
734
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
735
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
736
- <style>
737
- :root {
738
- --bg: #0e0f11; --surface: #16171a; --surface-2: #1d1e22; --surface-3: #26282d;
739
- --line: #2a2c31; --line-2: #3a3c43;
740
- --ink: #ededf0; --ink-2: #a6a8b0; --ink-3: #74777f;
741
- --stage: #060607;
742
- --primary-bg: #ededf0; --primary-ink: #0e0f11;
743
- --brand: #3b82f6; --focus: #5eaefc; --ok: #4fbf7a; --bad: #f27d8d;
744
- --wave: #4b4e57;
745
- --radius: 10px;
746
- --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
747
- color-scheme: dark;
748
- }
749
- @media (prefers-color-scheme: light) {
750
- :root {
751
- --bg: #f5f5f6; --surface: #ffffff; --surface-2: #f0f0f2; --surface-3: #e6e6e9;
752
- --line: #e2e2e6; --line-2: #cfcfd5;
753
- --ink: #15161a; --ink-2: #53555d; --ink-3: #85878f;
754
- --stage: #0b0b0c;
755
- --primary-bg: #15161a; --primary-ink: #ffffff;
756
- --brand: #2563eb; --focus: #1c74cc; --ok: #23874a; --bad: #cf4057;
757
- --wave: #c2c3ca;
758
- color-scheme: light;
759
- }
760
- }
761
- * { box-sizing: border-box; }
762
- html, body { height: 100%; margin: 0; overflow: hidden; background: var(--bg); color: var(--ink); }
763
- body {
764
- display: flex; flex-direction: column; height: 100dvh;
765
- font: 13.5px/1.45 var(--font); -webkit-font-smoothing: antialiased;
766
- font-feature-settings: "cv11", "ss03";
767
- }
768
- button, input { font: inherit; color: inherit; }
769
- button { cursor: pointer; }
770
- button:focus-visible, input:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
771
- .tnum { font-variant-numeric: tabular-nums; }
772
- .grow { flex: 1; }
773
- .spinner {
774
- width: 12px; height: 12px; border-radius: 50%; flex: none;
775
- border: 1.5px solid var(--line-2); border-top-color: var(--ink); animation: spin .8s linear infinite;
776
- }
777
- @keyframes spin { to { transform: rotate(360deg); } }
778
- .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
779
-
780
- /* \u2500\u2500 Top bar \u2500\u2500 */
781
- .top { flex: none; display: flex; align-items: center; gap: 10px; padding: 0 20px; height: 50px; border-bottom: 1px solid var(--line); min-width: 0; }
782
- .logo { width: 22px; height: 22px; flex: none; color: var(--brand); }
783
- .sep { width: 1px; height: 18px; background: var(--line-2); flex: none; margin: 0 2px; }
784
- .top h1 { font-size: 14px; font-weight: 600; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
785
- .spec { color: var(--ink-3); font-size: 12px; white-space: nowrap; }
786
- @media (max-width: 640px) { .spec { display: none; } }
787
- .chip {
788
- display: inline-flex; align-items: center; gap: 8px; height: 26px; padding: 0 10px; white-space: nowrap;
789
- border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); font-size: 12px; background: var(--surface);
790
- }
791
- .chip[data-state="ready"] .dot { color: var(--ok); }
792
- .chip[data-state="none"] .dot, .chip[data-state="offline"] .dot { color: var(--ink-3); }
793
- .chip[data-state="error"] { color: var(--bad); }
794
-
795
- /* \u2500\u2500 Player: one screen, no page scroll; the picture takes the space left \u2500\u2500 */
796
- .player {
797
- flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 10px;
798
- width: 100%; max-width: 1600px; margin: 0 auto; padding: 16px 20px 20px;
799
- }
800
- @media (max-width: 640px) { .player { padding: 12px; } }
801
- .stage-wrap { flex: 1 1 0; min-height: 96px; container-type: size; display: grid; place-items: center; }
802
- .stage {
803
- position: relative; background: var(--stage); border-radius: var(--radius); overflow: hidden;
804
- box-shadow: 0 0 0 1px var(--line); user-select: none; -webkit-user-select: none;
805
- aspect-ratio: var(--ar, 16 / 9); width: min(100cqw, calc(100cqh * var(--ar-n, 1.7778)));
806
- }
807
- .stage canvas { display: block; width: 100%; height: 100%; }
808
- .stage-msg {
809
- position: absolute; inset: 0; display: none; place-items: center; padding: 24px; text-align: center;
810
- color: #fff; background: rgb(0 0 0 / .72); font-size: 13px; line-height: 1.5; white-space: pre-wrap; overflow: auto;
811
- }
812
- .stage-msg.on { display: grid; }
813
- /* Buffering: a centred spinning arc over the picture, like YouTube's. It
814
- fades in after a beat so brief waits don't flash it. */
815
- .buffering {
816
- position: absolute; left: 50%; top: 50%; width: clamp(36px, 9cqmin, 64px); aspect-ratio: 1;
817
- transform: translate(-50%, -50%); pointer-events: none; opacity: 0; visibility: hidden;
818
- transition: opacity .15s, visibility 0s .15s; filter: drop-shadow(0 0 3px rgb(0 0 0 / .45));
819
- }
820
- .buffering.on { opacity: 1; visibility: visible; transition: opacity .2s .25s, visibility 0s .25s; }
821
- .buffering svg { width: 100%; height: 100%; animation: yt-rotate 1.4s linear infinite; }
822
- .buffering circle {
823
- fill: none; stroke: #fff; stroke-width: 3.6; stroke-linecap: round;
824
- stroke-dasharray: 1 150; stroke-dashoffset: 0; animation: yt-dash 1.4s ease-in-out infinite;
825
- }
826
- @keyframes yt-rotate { to { transform: rotate(360deg); } }
827
- @keyframes yt-dash {
828
- 0% { stroke-dasharray: 1 150; stroke-dashoffset: 0; }
829
- 50% { stroke-dasharray: 90 150; stroke-dashoffset: -35; }
830
- 100% { stroke-dasharray: 90 150; stroke-dashoffset: -124; }
831
- }
832
- @media (prefers-reduced-motion: reduce) { .buffering circle, .play-btn .spin circle { animation: none; stroke-dasharray: 70 150; } }
833
-
834
- /* \u2500\u2500 Transport \u2500\u2500 */
835
- .transport { flex: none; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; row-gap: 6px; }
836
- .icon-btn {
837
- width: 32px; height: 32px; display: inline-grid; place-items: center; border-radius: 8px;
838
- border: 0; background: transparent; color: var(--ink-2); flex: none;
839
- }
840
- .icon-btn:hover:not(:disabled) { background: var(--surface-2); color: var(--ink); }
841
- .icon-btn:disabled { opacity: .35; cursor: default; }
842
- .icon-btn svg { width: 16px; height: 16px; }
843
- .play-btn {
844
- width: 36px; height: 36px; border-radius: 50%; border: 0; display: inline-grid; place-items: center; flex: none;
845
- background: var(--primary-bg); color: var(--primary-ink); margin: 0 2px;
846
- }
847
- .play-btn:hover:not(:disabled) { filter: brightness(.9); }
848
- .play-btn:disabled { opacity: .4; cursor: default; }
849
- .play-btn svg { width: 14px; height: 14px; }
850
- .play-btn .spin { display: none; width: 20px; height: 20px; animation: yt-rotate 1.4s linear infinite; }
851
- .play-btn .spin circle {
852
- fill: none; stroke: currentColor; stroke-width: 5; stroke-linecap: round;
853
- stroke-dasharray: 1 150; animation: yt-dash 1.4s ease-in-out infinite;
854
- }
855
- .play-btn.loading .spin { display: block; }
856
- .play-btn.loading svg:not(.spin) { display: none !important; }
857
- .timecode { display: flex; align-items: baseline; gap: 5px; margin-left: 8px; font-size: 13px; white-space: nowrap; }
858
- .timecode .dim { color: var(--ink-3); }
859
- .timecode .frame { color: var(--ink-3); font-size: 11.5px; margin-left: 6px; }
860
- .fps { margin-left: 10px; color: var(--ink-3); font-size: 11.5px; white-space: nowrap; }
861
- 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; }
862
- input[type="range"].slider::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%; background: var(--ink); border: 0; }
863
- input[type="range"].slider::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: var(--ink); border: 0; }
864
- input[type="range"].slider:disabled { opacity: .35; }
865
-
866
- /* \u2500\u2500 Timeline \u2500\u2500 */
867
- .timeline {
868
- flex: none; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface);
869
- padding: 0 14px; user-select: none; -webkit-user-select: none; touch-action: none; cursor: pointer;
870
- }
871
- .tl-inner { position: relative; }
872
- .ruler { position: relative; height: 22px; border-bottom: 1px solid var(--line); }
873
- .tick { position: absolute; bottom: 0; width: 1px; height: 4px; background: var(--line-2); }
874
- .tick.major { height: 8px; background: var(--ink-3); }
875
- .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; }
876
- .wave-lane { position: relative; height: 48px; }
877
- @media (max-height: 600px) { .wave-lane { height: 30px; } }
878
- .wave-lane canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
879
- .wave-state { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 8px; color: var(--ink-3); font-size: 12px; }
880
- .wave-state.shimmer {
881
- background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--ink) 6%, transparent) 50%, transparent 100%);
882
- background-size: 200% 100%; animation: shimmer 1.4s linear infinite;
883
- }
884
- @keyframes shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }
885
- .playhead { position: absolute; top: 0; bottom: 0; width: 0; pointer-events: none; z-index: 3; }
886
- .playhead::before { content: ""; position: absolute; top: 0; bottom: 0; left: -0.5px; width: 1px; background: var(--ink); }
887
- .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%); }
888
- .hover-line { position: absolute; top: 0; bottom: 0; width: 1px; background: var(--line-2); display: none; pointer-events: none; }
889
- .hover-time {
890
- position: absolute; top: -28px; transform: translateX(-50%); display: none; pointer-events: none;
891
- font-size: 11px; line-height: 1; background: var(--surface-3); color: var(--ink); padding: 5px 7px; border-radius: 5px;
892
- white-space: nowrap; z-index: 4; font-variant-numeric: tabular-nums;
893
- }
894
- /* \u2500\u2500 Notes: pinned to a spot (or an area) and a moment \u2500\u2500 */
895
- .stage.can-note { cursor: crosshair; }
896
- .overlay { position: absolute; inset: 0; pointer-events: none; }
897
- .pin {
898
- position: absolute; width: 22px; height: 22px; margin: -11px 0 0 -11px; padding: 0; border-radius: 50%;
899
- display: grid; place-items: center; pointer-events: auto; cursor: pointer;
900
- background: var(--brand); color: #fff; font-size: 11px; font-weight: 600; line-height: 1;
901
- border: 2px solid #fff; box-shadow: 0 1px 5px rgb(0 0 0 / .55); transition: transform .12s;
902
- }
903
- .pin:hover, .pin.active { transform: scale(1.18); }
904
- .pin.done { background: #6b6e76; }
905
- .pin.draft { animation: pin-pulse 1.5s ease-out infinite; }
906
- .pin svg { width: 11px; height: 11px; }
907
- @keyframes pin-pulse {
908
- from { box-shadow: 0 0 0 0 rgb(59 130 246 / .6), 0 1px 5px rgb(0 0 0 / .55); }
909
- to { box-shadow: 0 0 0 14px rgb(59 130 246 / 0), 0 1px 5px rgb(0 0 0 / .55); }
910
- }
911
- .area {
912
- position: absolute; border: 1.5px solid var(--brand); border-radius: 3px;
913
- background: rgb(59 130 246 / .12); box-shadow: 0 0 0 1px rgb(0 0 0 / .35);
914
- }
915
- .area.done { border-color: #9a9da5; background: rgb(255 255 255 / .05); }
916
- .marquee { position: absolute; display: none; border: 1.5px dashed #fff; background: rgb(59 130 246 / .16); border-radius: 3px; pointer-events: none; }
917
- .stage-hint, .toast {
918
- position: absolute; left: 50%; transform: translateX(-50%); pointer-events: none; white-space: nowrap;
919
- padding: 6px 11px; border-radius: 999px; font-size: 12px; color: #fff; background: rgb(0 0 0 / .62);
920
- backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity: 0; transition: opacity .15s;
921
- }
922
- .stage-hint { top: 12px; }
923
- .stage.can-note.hint:hover .stage-hint { opacity: 1; }
924
- .toast { bottom: 14px; }
925
- .toast.on { opacity: 1; }
926
-
927
- .pop {
928
- position: fixed; z-index: 20; width: 280px; display: none; padding: 10px 10px 8px;
929
- background: var(--surface); border: 1px solid var(--line-2); border-radius: 12px;
930
- box-shadow: 0 12px 32px rgb(0 0 0 / .35);
931
- }
932
- .pop.on { display: block; }
933
- .pop-head { display: flex; align-items: center; gap: 8px; font-size: 11.5px; color: var(--ink-3); margin-bottom: 6px; }
934
- .badge {
935
- min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; display: inline-grid; place-items: center; flex: none;
936
- background: var(--brand); color: #fff; font-size: 10.5px; font-weight: 600;
937
- }
938
- .badge.done { background: var(--ink-3); }
939
- .pop textarea {
940
- display: block; width: 100%; min-height: 54px; max-height: 180px; resize: none; padding: 2px 2px 0;
941
- border: 0; outline: none; background: transparent; color: var(--ink); font: inherit; line-height: 1.45;
942
- }
943
- .pop textarea::placeholder { color: var(--ink-3); }
944
- .pop-text { white-space: pre-wrap; overflow-wrap: anywhere; padding: 0 2px; max-height: 200px; overflow: auto; }
945
- .pop-foot { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 11.5px; color: var(--ink-3); }
946
- .pop-foot .err { color: var(--bad); }
947
- .btn {
948
- height: 26px; padding: 0 10px; border-radius: 7px; border: 0; font-size: 12px; font-weight: 500;
949
- display: inline-flex; align-items: center; gap: 6px; background: transparent; color: var(--ink-2); white-space: nowrap;
950
- }
951
- .btn:hover:not(:disabled) { background: var(--surface-2); color: var(--ink); }
952
- .btn.primary { background: var(--primary-bg); color: var(--primary-ink); }
953
- .btn.primary:hover:not(:disabled) { background: var(--primary-bg); filter: brightness(.9); }
954
- .btn.danger:hover:not(:disabled) { color: var(--bad); }
955
- .btn:disabled { opacity: .4; cursor: default; }
956
- .btn svg { width: 13px; height: 13px; }
957
- .x-btn { width: 22px; height: 22px; padding: 0; justify-content: center; margin-right: -4px; }
958
-
959
- .transport { position: relative; }
960
- .notes-btn { height: 32px; padding: 0 9px 0 8px; margin-right: 6px; font-size: 12.5px; }
961
- .notes-btn svg { width: 15px; height: 15px; }
962
- .notes-btn .badge { background: var(--surface-3); color: var(--ink-2); }
963
- .notes-btn .badge.open { background: var(--brand); color: #fff; }
964
- .notes-panel {
965
- position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 15; width: min(360px, calc(100vw - 24px));
966
- max-height: min(440px, 62vh); display: none; flex-direction: column; overflow: hidden;
967
- background: var(--surface); border: 1px solid var(--line-2); border-radius: 12px; box-shadow: 0 12px 32px rgb(0 0 0 / .35);
968
- }
969
- .notes-panel.on { display: flex; }
970
- .np-head { flex: none; display: flex; align-items: center; gap: 8px; padding: 8px 8px 8px 14px; border-bottom: 1px solid var(--line); }
971
- .np-head h2 { margin: 0; font-size: 13px; font-weight: 600; }
972
- .np-list { overflow: auto; padding: 4px; }
973
- .np-empty { padding: 22px 18px; text-align: center; color: var(--ink-3); font-size: 12.5px; }
974
- .np-foot { flex: none; padding: 8px 14px; border-top: 1px solid var(--line); color: var(--ink-3); font-size: 11.5px; overflow-wrap: anywhere; }
975
- .note-row {
976
- display: grid; grid-template-columns: auto 1fr auto; gap: 10px; align-items: start; padding: 8px 8px 8px 10px;
977
- border-radius: 8px; cursor: pointer;
978
- }
979
- .note-row:hover { background: var(--surface-2); }
980
- .note-row .badge { margin-top: 1px; }
981
- .note-row .when { font-size: 11.5px; color: var(--ink-3); }
982
- .note-row .text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
983
- .note-row.done .text { color: var(--ink-3); text-decoration: line-through; }
984
- .check {
985
- width: 20px; height: 20px; border-radius: 50%; padding: 0; display: grid; place-items: center; margin-top: 1px;
986
- border: 1.5px solid var(--line-2); background: transparent; color: transparent;
987
- }
988
- .check:hover { border-color: var(--ok); color: var(--ok); }
989
- .check.on { background: var(--ok); border-color: var(--ok); color: #fff; }
990
- .check svg { width: 11px; height: 11px; }
991
-
992
- .note-marks { position: absolute; left: 0; right: 0; top: 22px; bottom: 0; pointer-events: none; z-index: 2; }
993
- .note-mark {
994
- position: absolute; top: 5px; width: 14px; height: 14px; margin-left: -7px; padding: 0; border: 0; border-radius: 50%;
995
- display: grid; place-items: center; pointer-events: auto; cursor: pointer;
996
- background: var(--brand); color: #fff; font-size: 8.5px; font-weight: 700; box-shadow: 0 0 0 2px var(--surface);
997
- }
998
- .note-mark::after { content: ""; position: absolute; top: 14px; left: 6.5px; width: 1px; height: 30px; background: var(--brand); opacity: .45; }
999
- .note-mark.done { background: var(--ink-3); }
1000
- .note-mark.stacked::after { display: none; }
1001
- .note-mark.done::after { background: var(--ink-3); }
1002
- .note-mark:hover { transform: scale(1.2); }
1003
- </style>
1004
- </head>
1005
- <body>
1006
- <header class="top">
1007
- <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>
1008
- <span class="sep" aria-hidden="true"></span>
1009
- <h1 id="title">framefields preview</h1>
1010
- <span class="grow"></span>
1011
- <span class="spec tnum" id="spec"></span>
1012
- <span class="chip" id="chip" data-state="mixing" role="status" aria-live="polite"><span class="spinner"></span><span>Mixing audio</span></span>
1013
- </header>
1014
-
1015
- <main class="player" aria-label="Player">
1016
- <div class="stage-wrap">
1017
- <div class="stage" id="stage">
1018
- <canvas id="canvas" aria-label="Rendered frame"></canvas>
1019
- <div class="stage-msg" id="stageMsg" role="alert"></div>
1020
- <div class="overlay" id="pins"></div>
1021
- <div class="marquee" id="marquee"></div>
1022
- <div class="stage-hint" id="stageHint">Click to pin a note \xB7 drag to mark an area</div>
1023
- <div class="toast" id="toast" role="status" aria-live="polite"></div>
1024
- <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>
1025
- </div>
1026
- </div>
1027
-
1028
- <div class="transport">
1029
- <button class="icon-btn" id="prev" title="Previous frame" aria-label="Previous frame">
1030
- <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>
1031
- </button>
1032
- <button class="play-btn" id="play" title="Play" aria-label="Play" disabled>
1033
- <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>
1034
- <svg class="spin" viewBox="0 0 50 50" aria-hidden="true"><circle cx="25" cy="25" r="18"/></svg>
1035
- <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>
1036
- </button>
1037
- <button class="icon-btn" id="next" title="Next frame" aria-label="Next frame">
1038
- <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>
1039
- </button>
1040
- <div class="timecode tnum">
1041
- <span id="tcNow">0:00.00</span><span class="dim">/</span><span class="dim" id="tcDur">0:00.00</span>
1042
- <span class="frame" id="tcFrame">frame 0</span>
1043
- </div>
1044
- <span class="fps tnum" id="fps" role="status" hidden></span>
1045
- <span class="grow"></span>
1046
- <button class="btn notes-btn" id="notesBtn" title="Notes" aria-haspopup="dialog" aria-expanded="false" hidden>
1047
- <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>
1048
- Notes <span class="badge" id="notesCount">0</span>
1049
- </button>
1050
- <div class="notes-panel" id="notesPanel" role="dialog" aria-label="Notes">
1051
- <div class="np-head">
1052
- <h2>Notes</h2><span class="grow"></span>
1053
- <button class="btn" id="notesCopy" title="Copy the open notes, to paste into a chat">
1054
- <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>
1055
- <span id="notesCopyLabel">Copy</span>
1056
- </button>
1057
- <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>
1058
- </div>
1059
- <div class="np-list" id="notesList"></div>
1060
- <div class="np-foot" id="notesFoot"></div>
1061
- </div>
1062
- <button class="icon-btn" id="mute" title="Mute" aria-label="Mute" disabled>
1063
- <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>
1064
- <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>
1065
- </button>
1066
- <input class="slider" type="range" id="volume" min="0" max="1" step="0.01" value="0.9" aria-label="Volume" disabled>
1067
- </div>
1068
-
1069
- <div class="timeline" id="timeline" aria-label="Timeline">
1070
- <div class="tl-inner" id="tlInner">
1071
- <div class="ruler" id="ruler"></div>
1072
- <div class="note-marks" id="noteMarks"></div>
1073
- <div class="wave-lane">
1074
- <canvas id="wave"></canvas>
1075
- <div class="wave-state shimmer" id="waveState"><span class="spinner"></span>Mixing audio</div>
1076
- </div>
1077
- <div class="hover-line" id="hoverLine"></div>
1078
- <div class="hover-time" id="hoverTime"></div>
1079
- <div class="playhead" id="playhead"></div>
1080
- </div>
1081
- </div>
1082
- </main>
1083
-
1084
- <div class="pop" id="pop" role="dialog" aria-label="Note"></div>
1085
-
1086
- <script>
1087
- (function () {
1088
- var $ = function (id) { return document.getElementById(id); };
1089
- var stage = $("stage"), timeline = $("timeline"), tlInner = $("tlInner");
1090
-
1091
- var meta = null, session = null, frame = 0, shown = -1, playing = false, playToken = 0;
1092
- var player = null;
1093
-
1094
- // \u2500\u2500 Helpers \u2500\u2500
1095
- function fmt(f) {
1096
- var s = f / meta.fps, m = Math.floor(s / 60);
1097
- return m + ":" + (s - m * 60).toFixed(2).padStart(5, "0");
1098
- }
1099
- function last() { return meta.frameCount - 1; }
1100
- function clampFrame(f) { return Math.max(0, Math.min(last(), Math.round(f))); }
1101
- function pct(f) { return meta.frameCount > 1 ? (f / last()) * 100 : 0; }
1102
- function el(tag, cls, text) {
1103
- var e = document.createElement(tag);
1104
- if (cls) e.className = cls;
1105
- if (text != null) e.textContent = text;
1106
- return e;
1107
- }
1108
- function sleep(ms) { return new Promise(function (r) { setTimeout(r, ms); }); }
1109
-
1110
- // \u2500\u2500 Reporting: errors and the engine's warnings go to the preview's
1111
- // terminal too, so whoever runs it sees them without opening this tab.
1112
- // Once each; frame numbers aside, playback repeats the same one per frame \u2500\u2500
1113
- var reportedKeys = new Set();
1114
- function errText(x) {
1115
- if (x && x.message) return x.stack && x.stack.indexOf(x.message) >= 0 ? x.stack.split("\\n").slice(0, 4).join("\\n") : x.message;
1116
- return typeof x === "string" ? x : String(x);
1117
- }
1118
- function report(level, parts) {
1119
- var text = parts.map(errText).join(" ").trim(), key = level + text.replace(/\\d+/g, "#");
1120
- if (!text || reportedKeys.has(key) || reportedKeys.size > 100) return;
1121
- reportedKeys.add(key);
1122
- fetch("/@framefields/log", {
1123
- method: "POST",
1124
- headers: { "content-type": "application/json" },
1125
- body: JSON.stringify({ level: level, message: text.slice(0, 4000) }),
1126
- keepalive: true
1127
- }).catch(function () {});
1128
- }
1129
- ["error", "warn"].forEach(function (name) {
1130
- var original = console[name].bind(console);
1131
- console[name] = function () {
1132
- original.apply(null, arguments);
1133
- var args = Array.prototype.slice.call(arguments);
1134
- // Errors from anywhere; warnings only from the engine (fonts, renderers).
1135
- if (name === "error" || (typeof args[0] === "string" && args[0].indexOf("[framefields]") === 0)) {
1136
- report(name === "error" ? "error" : "warning", args);
1137
- }
1138
- };
1139
- });
1140
-
1141
- // \u2500\u2500 Frames: drawn in this tab by the composition's own code \u2500\u2500
1142
- function setTime(f) {
1143
- frame = f;
1144
- $("tcNow").textContent = fmt(f);
1145
- $("tcFrame").textContent = "frame " + f;
1146
- $("playhead").style.left = pct(f) + "%";
1147
- if (!playing && notesOn) renderPins();
1148
- }
1149
- function show(f) {
1150
- setTime(f);
1151
- if (!player) return Promise.resolve();
1152
- $("buffering").classList.add("on");
1153
- // Calls made while a frame draws collapse to the latest.
1154
- return player.render(f).then(function (drawn) {
1155
- shown = drawn;
1156
- if (!stalled) $("buffering").classList.remove("on");
1157
- });
1158
- }
1159
- function seek(f) {
1160
- stop();
1161
- var done = show(clampFrame(f));
1162
- keepPosition();
1163
- scheduleWarm();
1164
- return done;
1165
- }
1166
-
1167
- // \u2500\u2500 Position in the address: #t=12.5 opens there, and a reload (the next
1168
- // preview taking over) comes back to the same moment \u2500\u2500
1169
- function startFrame() {
1170
- var m = /[#&]t=([\\d.]+)/.exec(location.hash), n = /[#&]frame=(\\d+)/.exec(location.hash);
1171
- if (m) return clampFrame(Number(m[1]) * meta.fps);
1172
- if (n) return clampFrame(Number(n[1]));
1173
- return 0;
1174
- }
1175
- function keepPosition() {
1176
- var at = frame > 0 ? "#t=" + Number((frame / meta.fps).toFixed(3)) : location.pathname;
1177
- try { history.replaceState(null, "", at); } catch (e) {}
1178
- }
1179
-
1180
- // \u2500\u2500 Analysing ahead: while paused, frames after the playhead are drawn
1181
- // off-screen so vision results are cached before they play \u2500\u2500
1182
- var warmTimer = null, warmToken = 0, warmed = new Set();
1183
- function scheduleWarm() {
1184
- clearTimeout(warmTimer);
1185
- warmToken++;
1186
- if (!player || !player.hasVision || playing) return;
1187
- warmTimer = setTimeout(warmAhead, 1000);
1188
- }
1189
- async function warmAhead() {
1190
- var token = ++warmToken;
1191
- var end = Math.min(last(), frame + Math.round(meta.fps * 20));
1192
- for (var f = frame + 1; f <= end && token === warmToken && !playing; f++) {
1193
- if (warmed.has(f)) continue;
1194
- if (!(await player.warm(f))) { scheduleWarm(); return; }
1195
- warmed.add(f);
1196
- await sleep(0);
1197
- }
1198
- }
1199
- function showError(err) {
1200
- report("error", [err]);
1201
- pageState = "error";
1202
- $("buffering").classList.remove("on");
1203
- $("stageMsg").textContent = String((err && err.message) || err);
1204
- $("stageMsg").classList.add("on");
1205
- }
1206
-
1207
- // \u2500\u2500 Audio \u2500\u2500
1208
- var audio = { state: "mixing", error: "", buffer: null, peaks: null, ctx: null, gain: null, src: null, muted: false, volume: 0.9 };
1209
- var AUDIO_LABEL = { mixing: "Mixing audio", loading: "Loading audio", ready: "Audio ready", none: "No audio", error: "Audio failed" };
1210
- var offline = false;
1211
-
1212
- function renderChip() {
1213
- var chip = $("chip"), state, label, busy;
1214
- if (offline) { state = "offline"; label = "Preview stopped"; busy = false; }
1215
- else { state = audio.state; label = AUDIO_LABEL[audio.state]; busy = state === "mixing" || state === "loading"; }
1216
- chip.dataset.state = state;
1217
- chip.title = offline ? "The preview command isn't running. This tab reconnects when it starts again." : audio.error || "";
1218
- chip.replaceChildren(el("span", busy ? "spinner" : "dot"), el("span", null, label));
1219
- }
1220
- function setAudioStatus(state, error) {
1221
- audio.state = state;
1222
- audio.error = error || "";
1223
- var busy = state === "mixing" || state === "loading", ws = $("waveState");
1224
- ws.classList.toggle("shimmer", busy);
1225
- ws.style.display = state === "ready" ? "none" : "flex";
1226
- ws.replaceChildren();
1227
- if (busy) ws.append(el("span", "spinner"));
1228
- ws.append(document.createTextNode(state === "none" ? "No audio in this composition" : state === "error" ? "Audio could not be mixed" : AUDIO_LABEL[state]));
1229
- var usable = state === "ready" && !!audio.buffer;
1230
- $("mute").disabled = !usable;
1231
- $("volume").disabled = !usable;
1232
- renderChip();
1233
- drawWave();
1234
- }
1235
- function loadAudio(status) {
1236
- stopClock();
1237
- audio.buffer = null;
1238
- audio.peaks = null;
1239
- if (!status || status.state !== "ready") { setAudioStatus(status ? status.state : "none", status && status.error); return; }
1240
- audio.peaks = status.peaks;
1241
- setAudioStatus("loading");
1242
- if (!audio.ctx) {
1243
- var Ctx = window.AudioContext || window.webkitAudioContext;
1244
- audio.ctx = new Ctx();
1245
- audio.gain = audio.ctx.createGain();
1246
- audio.gain.connect(audio.ctx.destination);
1247
- applyVolume();
1248
- }
1249
- fetch("/audio")
1250
- .then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.arrayBuffer(); })
1251
- .then(function (data) { return audio.ctx.decodeAudioData(data); })
1252
- .then(function (buf) { audio.buffer = buf; setAudioStatus("ready"); })
1253
- .catch(function (err) { setAudioStatus("error", String((err && err.message) || err)); });
1254
- }
1255
- function applyVolume() {
1256
- if (audio.gain) audio.gain.gain.value = audio.muted ? 0 : audio.volume;
1257
- $("volIcon").style.display = audio.muted ? "none" : "";
1258
- $("muteIcon").style.display = audio.muted ? "" : "none";
1259
- $("mute").title = audio.muted ? "Unmute" : "Mute";
1260
- $("mute").setAttribute("aria-label", audio.muted ? "Unmute" : "Mute");
1261
- }
1262
- // The clock for real-time playback: the soundtrack when there is one,
1263
- // otherwise the wall clock. Audio as master keeps picture and sound in sync.
1264
- function startClock(f0) {
1265
- if (audio.buffer && audio.ctx) {
1266
- audio.ctx.resume();
1267
- var src = audio.ctx.createBufferSource();
1268
- src.buffer = audio.buffer;
1269
- src.connect(audio.gain);
1270
- var startAt = audio.ctx.currentTime + 0.06, offset = f0 / meta.fps;
1271
- if (offset < audio.buffer.duration) src.start(startAt, offset);
1272
- audio.src = src;
1273
- return function () { return Math.max(0, audio.ctx.currentTime - startAt); };
1274
- }
1275
- var t0 = performance.now();
1276
- return function () { return (performance.now() - t0) / 1000; };
1277
- }
1278
- function stopClock() {
1279
- if (!audio.src) return;
1280
- try { audio.src.stop(); } catch (e) {}
1281
- audio.src.disconnect();
1282
- audio.src = null;
1283
- }
1284
-
1285
- // \u2500\u2500 Playback \u2500\u2500
1286
- var stalled = false;
1287
- // Waiting on frames mid-playback: the play button and the picture both spin.
1288
- function setStalled(on) {
1289
- stalled = on;
1290
- $("play").classList.toggle("loading", on);
1291
- $("buffering").classList.toggle("on", on);
1292
- }
1293
- function setPlayingUi(on) {
1294
- $("playIcon").style.display = on ? "none" : "";
1295
- $("pauseIcon").style.display = on ? "" : "none";
1296
- $("play").title = on ? "Pause" : "Play";
1297
- $("play").setAttribute("aria-label", on ? "Pause" : "Play");
1298
- }
1299
- function play() {
1300
- if (playing || !player) return;
1301
- playing = true;
1302
- clearTimeout(warmTimer);
1303
- warmToken++;
1304
- var token = ++playToken;
1305
- var alive = function () { return playing && token === playToken; };
1306
- setPlayingUi(true);
1307
- if (openId != null) closePop();
1308
- if (draft && !draft.text.trim()) cancelDraft();
1309
- if (notesOn) renderPins();
1310
- if (frame >= last()) frame = 0;
1311
- playFrames(alive).finally(function () { if (token === playToken && playing) pause(); });
1312
- }
1313
- function stop() {
1314
- playing = false;
1315
- stopClock();
1316
- setStalled(false);
1317
- setPlayingUi(false);
1318
- meter.stop();
1319
- renderFps();
1320
- }
1321
-
1322
- // \u2500\u2500 Frame rate reached: distinct frames shown per second while playing,
1323
- // over the last 2 s, stalls included. The film's own rate is in meta \u2500\u2500
1324
- var meter = (function () {
1325
- var started = null, lastFrame = null, samples = [], lastFps = null;
1326
- function read() {
1327
- if (started === null) return { state: "paused", fps: lastFps };
1328
- var now = performance.now(), elapsed = Math.min(2000, now - started);
1329
- samples = samples.filter(function (t) { return t > now - 2000; });
1330
- if (elapsed < 1000) return { state: "measuring", fps: null };
1331
- // Counting whole frames in the window can overshoot the film's rate.
1332
- return { state: "playing", fps: Math.min(meta ? meta.fps : Infinity, (samples.length * 1000) / elapsed) };
1333
- }
1334
- return {
1335
- read: read,
1336
- start: function () { started = performance.now(); lastFrame = null; samples = []; },
1337
- stop: function () {
1338
- if (started === null) return;
1339
- // A playback too short to measure leaves no rate, not an older one.
1340
- var r = read();
1341
- lastFps = r.state === "playing" ? r.fps : null;
1342
- started = null;
1343
- samples = [];
1344
- },
1345
- record: function (f) {
1346
- if (started === null || f === lastFrame) return;
1347
- lastFrame = f;
1348
- samples.push(performance.now());
1349
- }
1350
- };
1351
- })();
1352
- function renderFps() {
1353
- var r = meter.read(), out = $("fps");
1354
- out.hidden = r.state === "paused" && r.fps === null;
1355
- if (out.hidden) return;
1356
- out.textContent = r.state === "measuring" ? "\u2026 fps" : r.fps.toFixed(1) + " fps";
1357
- out.title = (r.state === "paused" ? "Frame rate the last playback reached" : "Frame rate playback reaches") + (meta ? "; the film runs at " + meta.fps + " fps" : "");
1358
- }
1359
- setInterval(function () { if (playing) renderFps(); }, 500);
1360
- // Pausing settles on exactly the frame the timecode shows.
1361
- function pause() { stop(); keepPosition(); show(frame).then(scheduleWarm); }
1362
- function togglePlay() { playing ? pause() : play(); }
1363
-
1364
- // Real time: nothing is rendered ahead. Each turn draws the frame due on
1365
- // the clock straight to the screen, and frames that drawing missed are
1366
- // skipped. Playback starts at once and the sound keeps its speed; a device
1367
- // that can't keep up shows fewer frames, and the frame rate says how many.
1368
- async function playFrames(alive) {
1369
- meter.start();
1370
- renderFps();
1371
- // A soundtrack still downloading would start late: wait for it.
1372
- if (audio.state === "loading") {
1373
- setStalled(true);
1374
- while (alive() && audio.state === "loading") await sleep(50);
1375
- // A newer playback may be waiting too: only this one's own stall ends here.
1376
- if (!alive()) return;
1377
- setStalled(false);
1378
- }
1379
- var f0 = frame, clock = startClock(f0), presented = -1;
1380
- while (alive()) {
1381
- var due = Math.min(last(), f0 + Math.floor(clock() * meta.fps));
1382
- if (due === presented) { await sleep(4); continue; }
1383
- setTime(due);
1384
- // Each frame is drawn once; caching it would cost a texture and a copy per frame.
1385
- var drawn = await player.render(due, { cache: false });
1386
- if (!alive()) return;
1387
- presented = shown = drawn;
1388
- meter.record(drawn);
1389
- if (drawn >= last()) return;
1390
- }
1391
- }
1392
-
1393
- // \u2500\u2500 Timeline \u2500\u2500
1394
- function frameAtX(clientX) {
1395
- var r = tlInner.getBoundingClientRect();
1396
- return clampFrame(Math.min(1, Math.max(0, (clientX - r.left) / r.width)) * last());
1397
- }
1398
- function renderRuler() {
1399
- var ruler = $("ruler"), width = tlInner.clientWidth || 800, dur = last() / meta.fps;
1400
- ruler.replaceChildren();
1401
- if (dur <= 0) return;
1402
- var steps = [0.5, 1, 2, 5, 10, 15, 30, 60, 120, 300, 600];
1403
- var major = steps.find(function (s) { return (s / dur) * width >= 80; }) || 1200, minor = major / 5;
1404
- for (var i = 0; i * minor <= dur + 1e-6; i++) {
1405
- var t = i * minor, isMajor = i % 5 === 0, x = (t / dur) * width;
1406
- var tick = el("div", "tick" + (isMajor ? " major" : ""));
1407
- tick.style.left = (t / dur) * 100 + "%";
1408
- if (isMajor && x < width - 34) {
1409
- var m = Math.floor(t / 60), s = Math.round((t - m * 60) * 10) / 10;
1410
- tick.append(el("span", null, m + ":" + (s < 10 ? "0" : "") + s));
1411
- }
1412
- ruler.append(tick);
1413
- }
1414
- }
1415
- function drawWave() {
1416
- var canvas = $("wave"), dpr = window.devicePixelRatio || 1;
1417
- var w = canvas.clientWidth, h = canvas.clientHeight;
1418
- canvas.width = Math.round(w * dpr);
1419
- canvas.height = Math.round(h * dpr);
1420
- var ctx = canvas.getContext("2d");
1421
- ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
1422
- ctx.clearRect(0, 0, w, h);
1423
- var peaks = audio.peaks;
1424
- if (!peaks || !peaks.length || !meta) return;
1425
- var videoSec = Math.max(1e-6, last() / meta.fps);
1426
- var audioSec = audio.buffer ? audio.buffer.duration : videoSec;
1427
- var spanPx = Math.min(1, audioSec / videoSec) * w, mid = h / 2;
1428
- ctx.fillStyle = getComputedStyle(document.documentElement).getPropertyValue("--wave").trim();
1429
- for (var x = 0; x < spanPx; x += 3) {
1430
- var v = Math.max(peaks[Math.floor((x / spanPx) * peaks.length)] || 0, 0.015);
1431
- var bh = Math.max(1, Math.sqrt(v) * (h - 8));
1432
- ctx.fillRect(x, mid - bh / 2, 2, bh);
1433
- }
1434
- }
1435
-
1436
- var dragging = false;
1437
- timeline.addEventListener("pointerdown", function (e) {
1438
- if (!meta || e.button !== 0) return;
1439
- timeline.setPointerCapture(e.pointerId);
1440
- dragging = true;
1441
- seek(frameAtX(e.clientX));
1442
- });
1443
- timeline.addEventListener("pointermove", function (e) {
1444
- if (!meta) return;
1445
- var f = frameAtX(e.clientX), r = tlInner.getBoundingClientRect();
1446
- var x = Math.min(r.width, Math.max(0, e.clientX - r.left));
1447
- $("hoverLine").style.display = "block";
1448
- $("hoverLine").style.left = x + "px";
1449
- $("hoverTime").style.display = "block";
1450
- $("hoverTime").style.left = x + "px";
1451
- $("hoverTime").textContent = fmt(f);
1452
- if (dragging && f !== frame) seek(f);
1453
- });
1454
- timeline.addEventListener("pointerleave", function () {
1455
- $("hoverLine").style.display = "none";
1456
- $("hoverTime").style.display = "none";
1457
- });
1458
- timeline.addEventListener("pointerup", function () { dragging = false; });
1459
- timeline.addEventListener("pointercancel", function () { dragging = false; });
1460
-
1461
- // \u2500\u2500 Notes: pause, click the picture (or drag an area) and say what should
1462
- // change. Each is saved with its moment, its spot and a picture of the
1463
- // frame with the spot marked, for whoever edits the film \u2500\u2500
1464
- var notes = [], notesOn = false, draft = null, openId = null, saving = false, press = null;
1465
- var pop = $("pop"), pins = $("pins"), NL = String.fromCharCode(10);
1466
- 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>';
1467
- 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>';
1468
-
1469
- function pct1(v) { return Math.round(v * 100) + "%"; }
1470
- function whereText(n) {
1471
- 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);
1472
- }
1473
- function noteById(id) { return notes.find(function (n) { return n.id === id; }); }
1474
- function openCount() { return notes.filter(function (n) { return !n.done; }).length; }
1475
-
1476
- function renderNotes() {
1477
- renderPins();
1478
- renderMarks();
1479
- renderList();
1480
- var open = openCount(), count = $("notesCount");
1481
- count.textContent = String(open || notes.length);
1482
- count.classList.toggle("open", open > 0);
1483
- $("notesBtn").title = open + " open of " + notes.length;
1484
- }
1485
- function renderPins() {
1486
- if (!meta) return;
1487
- stage.classList.toggle("can-note", notesOn && !!player && !playing);
1488
- stage.classList.toggle("hint", notes.length === 0 && !draft);
1489
- pins.replaceChildren();
1490
- if (playing) return;
1491
- var here = notes.filter(function (n) { return n.frame === frame; });
1492
- if (draft && draft.frame === frame) here.push(draft);
1493
- here.forEach(function (n) {
1494
- if (n.w != null) {
1495
- var a = el("div", "area" + (n.done ? " done" : ""));
1496
- a.style.left = n.x * 100 + "%"; a.style.top = n.y * 100 + "%";
1497
- a.style.width = n.w * 100 + "%"; a.style.height = n.h * 100 + "%";
1498
- pins.append(a);
1499
- }
1500
- var pin = el("button", "pin" + (n.done ? " done" : "") + (n === draft ? " draft" : "") + (n.id === openId ? " active" : ""));
1501
- pin.style.left = n.x * 100 + "%"; pin.style.top = n.y * 100 + "%";
1502
- if (n === draft) { pin.setAttribute("aria-label", "New note"); }
1503
- else {
1504
- if (n.done) pin.innerHTML = ICON_CHECK; else pin.textContent = String(n.id);
1505
- pin.title = n.text;
1506
- pin.setAttribute("aria-label", "Note " + n.id);
1507
- pin.addEventListener("click", function (e) { e.stopPropagation(); openCard(n.id); });
1508
- }
1509
- pins.append(pin);
1510
- });
1511
- }
1512
- function renderMarks() {
1513
- var marks = $("noteMarks");
1514
- marks.replaceChildren();
1515
- if (!meta) return;
1516
- // Notes close together stack, up to three high.
1517
- var width = tlInner.clientWidth || 800, lanes = [];
1518
- notes.slice().sort(function (a, b) { return a.frame - b.frame || a.id - b.id; }).forEach(function (n) {
1519
- var x = (pct(n.frame) / 100) * width, lane = lanes.findIndex(function (end) { return x - end >= 16; });
1520
- if (lane < 0) lane = lanes.length < 3 ? lanes.length : 2;
1521
- lanes[lane] = x;
1522
- var m = el("button", "note-mark" + (n.done ? " done" : "") + (lane ? " stacked" : ""), String(n.id));
1523
- m.style.left = pct(n.frame) + "%";
1524
- m.style.top = 4 + lane * 15 + "px";
1525
- m.title = n.id + " \xB7 " + fmt(n.frame) + " \xB7 " + n.text;
1526
- m.addEventListener("pointerdown", function (e) { e.stopPropagation(); });
1527
- m.addEventListener("click", function (e) { e.stopPropagation(); goToNote(n.id); });
1528
- marks.append(m);
1529
- });
1530
- }
1531
- function renderList() {
1532
- var list = $("notesList");
1533
- list.replaceChildren();
1534
- $("notesCopy").disabled = openCount() === 0;
1535
- if (!notes.length) {
1536
- 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."));
1537
- }
1538
- notes.slice().sort(function (a, b) { return a.frame - b.frame || a.id - b.id; }).forEach(function (n) {
1539
- var row = el("div", "note-row" + (n.done ? " done" : ""));
1540
- var body = el("div");
1541
- body.append(el("div", "when tnum", fmt(n.frame) + " \xB7 frame " + n.frame), el("div", "text", n.text));
1542
- var check = el("button", "check" + (n.done ? " on" : ""));
1543
- check.innerHTML = ICON_CHECK;
1544
- check.title = n.done ? "Reopen" : "Mark done";
1545
- check.setAttribute("aria-label", check.title);
1546
- check.addEventListener("click", function (e) { e.stopPropagation(); setDone(n.id, !n.done); });
1547
- row.append(el("span", "badge" + (n.done ? " done" : ""), String(n.id)), body, check);
1548
- row.addEventListener("click", function () { goToNote(n.id); });
1549
- list.append(row);
1550
- });
1551
- var dir = meta && meta.notesDir ? meta.notesDir.split("/").slice(-2).join("/") : "";
1552
- $("notesFoot").textContent = "Saved in " + dir + " with a picture of each spot. Ask your agent to go through them.";
1553
- }
1554
-
1555
- function notesRequest(body) {
1556
- return fetch("/@framefields/notes", { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(body) })
1557
- .then(function (r) { if (!r.ok) throw new Error("HTTP " + r.status); return r.json(); });
1558
- }
1559
- function upsert(note) {
1560
- var i = notes.findIndex(function (n) { return n.id === note.id; });
1561
- if (i >= 0) notes[i] = note; else notes.push(note);
1562
- renderNotes();
1563
- }
1564
- function setDone(id, done) {
1565
- notesRequest({ op: "update", id: id, done: done }).then(function (n) {
1566
- upsert(n);
1567
- if (openId === id) openCard(id);
1568
- }, function () { toast("Couldn't save. Is the preview running?"); });
1569
- }
1570
- function removeNote(id) {
1571
- notesRequest({ op: "remove", id: id }).then(function () {
1572
- notes = notes.filter(function (n) { return n.id !== id; });
1573
- closePop();
1574
- renderNotes();
1575
- }, function () { toast("Couldn't delete. Is the preview running?"); });
1576
- }
1577
- function goToNote(id) {
1578
- var n = noteById(id);
1579
- if (!n) return;
1580
- $("notesPanel").classList.remove("on");
1581
- $("notesBtn").setAttribute("aria-expanded", "false");
1582
- seek(n.frame).then(function () { openCard(id); });
1583
- }
1584
-
1585
- var toastTimer = null;
1586
- function toast(text) {
1587
- var t = $("toast");
1588
- t.textContent = text;
1589
- t.classList.add("on");
1590
- clearTimeout(toastTimer);
1591
- toastTimer = setTimeout(function () { t.classList.remove("on"); }, 2200);
1592
- }
1593
-
1594
- // \u2500\u2500 Placing a note on the picture \u2500\u2500
1595
- function fracAt(e) {
1596
- var r = stage.getBoundingClientRect();
1597
- 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 };
1598
- }
1599
- stage.addEventListener("pointerdown", function (e) {
1600
- if (e.button !== 0 || !player || e.target.closest(".pin")) return;
1601
- if (playing) { pause(); return; }
1602
- if (!notesOn) return;
1603
- if (draft && pop.querySelector("textarea") && pop.querySelector("textarea").value.trim()) {
1604
- pop.querySelector("textarea").focus();
1605
- return;
1606
- }
1607
- cancelDraft();
1608
- var p = fracAt(e);
1609
- press = { x: p.x, y: p.y, cx: e.clientX, cy: e.clientY, area: null };
1610
- stage.setPointerCapture(e.pointerId);
1611
- e.preventDefault();
1612
- });
1613
- stage.addEventListener("pointermove", function (e) {
1614
- if (!press) return;
1615
- var p = fracAt(e);
1616
- if (!press.area && Math.hypot(e.clientX - press.cx, e.clientY - press.cy) < 6) return;
1617
- 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) };
1618
- var m = $("marquee");
1619
- m.style.display = "block";
1620
- m.style.left = press.area.x * 100 + "%"; m.style.top = press.area.y * 100 + "%";
1621
- m.style.width = press.area.w * 100 + "%"; m.style.height = press.area.h * 100 + "%";
1622
- });
1623
- function endPress() {
1624
- if (!press) return;
1625
- var a = press.area;
1626
- $("marquee").style.display = "none";
1627
- draft = a && a.w > 0.01 && a.h > 0.01
1628
- ? { frame: frame, x: a.x, y: a.y, w: a.w, h: a.h, text: "" }
1629
- : { frame: frame, x: press.x, y: press.y, text: "" };
1630
- press = null;
1631
- openComposer();
1632
- }
1633
- stage.addEventListener("pointerup", endPress);
1634
- stage.addEventListener("pointercancel", function () { press = null; $("marquee").style.display = "none"; });
1635
-
1636
- // \u2500\u2500 The popover: writing a note, or reading one \u2500\u2500
1637
- var popAnchor = null;
1638
- function placePop() {
1639
- if (!popAnchor || !pop.classList.contains("on")) return;
1640
- var r = stage.getBoundingClientRect(), n = popAnchor;
1641
- var ax = r.left + (n.x + (n.w || 0)) * r.width, ay = r.top + (n.y + (n.h || 0)) * r.height;
1642
- var w = pop.offsetWidth, h = pop.offsetHeight, gap = 16;
1643
- var left = ax + gap + w <= innerWidth - 8 ? ax + gap : ax - gap - w - (n.w || 0) * r.width;
1644
- var top = ay + gap + h <= innerHeight - 8 ? ay + gap / 2 : ay - h - gap / 2 - (n.h || 0) * r.height;
1645
- pop.style.left = Math.max(8, Math.min(innerWidth - w - 8, left)) + "px";
1646
- pop.style.top = Math.max(8, Math.min(innerHeight - h - 8, top)) + "px";
1647
- }
1648
- function showPop(anchor) {
1649
- popAnchor = anchor;
1650
- pop.classList.add("on");
1651
- placePop();
1652
- }
1653
- function closePop() {
1654
- pop.classList.remove("on");
1655
- pop.replaceChildren();
1656
- popAnchor = null;
1657
- openId = null;
1658
- renderPins();
1659
- }
1660
- function cancelDraft() {
1661
- if (!draft) return;
1662
- draft = null;
1663
- closePop();
1664
- }
1665
- function openComposer() {
1666
- openId = null;
1667
- var head = el("div", "pop-head");
1668
- head.append(el("span", "badge", "+"), el("span", "tnum", fmt(draft.frame) + " \xB7 " + (draft.w != null ? "area" : "spot")));
1669
- var ta = document.createElement("textarea");
1670
- ta.placeholder = "What should change here?";
1671
- ta.rows = 2;
1672
- ta.setAttribute("aria-label", "Note");
1673
- var foot = el("div", "pop-foot"), status = el("span", "grow", "Enter to add");
1674
- var cancel = el("button", "btn", "Cancel"), add = el("button", "btn primary", "Add note");
1675
- add.disabled = true;
1676
- foot.append(status, cancel, add);
1677
- pop.replaceChildren(head, ta, foot);
1678
- ta.addEventListener("input", function () {
1679
- draft.text = ta.value;
1680
- add.disabled = !ta.value.trim() || saving;
1681
- ta.style.height = "auto";
1682
- ta.style.height = Math.min(180, ta.scrollHeight) + "px";
1683
- placePop();
1684
- });
1685
- ta.addEventListener("keydown", function (e) {
1686
- if (e.key === "Enter" && !e.shiftKey && !e.isComposing) { e.preventDefault(); saveDraft(ta, add, status); }
1687
- if (e.key === "Escape") { e.preventDefault(); cancelDraft(); }
1688
- });
1689
- cancel.addEventListener("click", cancelDraft);
1690
- add.addEventListener("click", function () { saveDraft(ta, add, status); });
1691
- renderPins();
1692
- showPop(draft);
1693
- ta.focus();
1694
- }
1695
- async function saveDraft(ta, add, status) {
1696
- var d = draft, text = ta.value.trim();
1697
- if (!d || !text || saving) return;
1698
- saving = true;
1699
- ta.readOnly = true;
1700
- add.disabled = true;
1701
- status.className = "grow";
1702
- status.textContent = "Saving\u2026";
1703
- try {
1704
- var image = null;
1705
- try { image = await capture(d); } catch (err) { report("warning", ["[framefields] no picture for the note:", err]); }
1706
- 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 } });
1707
- if (draft === d) draft = null;
1708
- closePop();
1709
- upsert(note);
1710
- toast("Note " + note.id + " saved");
1711
- } catch (err) {
1712
- status.className = "grow err";
1713
- status.textContent = "Couldn't save. Is the preview running?";
1714
- ta.readOnly = false;
1715
- add.disabled = false;
1716
- } finally {
1717
- saving = false;
1718
- }
1719
- }
1720
- // The frame with the spot marked, small enough to read at a glance.
1721
- async function capture(d) {
1722
- var bmp = await player.snapshot(d.frame);
1723
- var scale = Math.min(1, 1600 / bmp.width), w = Math.round(bmp.width * scale), h = Math.round(bmp.height * scale);
1724
- var c = document.createElement("canvas");
1725
- c.width = w; c.height = h;
1726
- var g = c.getContext("2d");
1727
- g.drawImage(bmp, 0, 0, w, h);
1728
- bmp.close();
1729
- var lw = Math.max(3, w / 400);
1730
- function mark(draw) {
1731
- // Dark, white, then blue: it reads on any picture.
1732
- g.lineWidth = lw + 5; g.strokeStyle = "rgba(0,0,0,0.5)"; draw();
1733
- g.lineWidth = lw + 2.5; g.strokeStyle = "#fff"; draw();
1734
- g.lineWidth = lw; g.strokeStyle = "#3b82f6"; draw();
1735
- }
1736
- if (d.w != null) {
1737
- mark(function () { g.strokeRect(d.x * w, d.y * h, d.w * w, d.h * h); });
1738
- } else {
1739
- var rad = Math.max(16, w / 40);
1740
- mark(function () { g.beginPath(); g.arc(d.x * w, d.y * h, rad, 0, Math.PI * 2); g.stroke(); });
1741
- g.fillStyle = "#3b82f6";
1742
- g.beginPath(); g.arc(d.x * w, d.y * h, lw, 0, Math.PI * 2); g.fill();
1743
- }
1744
- return c.toDataURL("image/jpeg", 0.88);
1745
- }
1746
- function openCard(id) {
1747
- var n = noteById(id);
1748
- if (!n) return;
1749
- if (draft) cancelDraft();
1750
- openId = id;
1751
- var head = el("div", "pop-head");
1752
- var close = el("button", "btn x-btn");
1753
- close.innerHTML = ICON_X;
1754
- close.title = "Close";
1755
- close.setAttribute("aria-label", "Close");
1756
- close.addEventListener("click", closePop);
1757
- head.append(el("span", "badge" + (n.done ? " done" : ""), String(n.id)), el("span", "tnum grow", fmt(n.frame) + " \xB7 frame " + n.frame), close);
1758
- var foot = el("div", "pop-foot");
1759
- var done = el("button", "btn");
1760
- done.innerHTML = ICON_CHECK;
1761
- done.append(document.createTextNode(n.done ? "Reopen" : "Mark done"));
1762
- done.addEventListener("click", function () { setDone(n.id, !n.done); });
1763
- var del = el("button", "btn danger", "Delete");
1764
- del.addEventListener("click", function () { removeNote(n.id); });
1765
- foot.append(done, el("span", "grow"), del);
1766
- pop.replaceChildren(head, el("div", "pop-text", n.text), foot);
1767
- renderPins();
1768
- showPop(n);
1769
- }
1770
-
1771
- document.addEventListener("pointerdown", function (e) {
1772
- if (pop.classList.contains("on") && !pop.contains(e.target) && !stage.contains(e.target) && !e.target.closest(".note-mark, .note-row")) {
1773
- if (openId != null) closePop();
1774
- else if (draft && !draft.text.trim()) cancelDraft();
1775
- }
1776
- var panel = $("notesPanel");
1777
- if (panel.classList.contains("on") && !panel.contains(e.target) && !$("notesBtn").contains(e.target)) {
1778
- panel.classList.remove("on");
1779
- $("notesBtn").setAttribute("aria-expanded", "false");
1780
- }
1781
- });
1782
- document.addEventListener("keydown", function (e) {
1783
- if (e.key !== "Escape") return;
1784
- if (openId != null) closePop();
1785
- $("notesPanel").classList.remove("on");
1786
- $("notesBtn").setAttribute("aria-expanded", "false");
1787
- });
1788
- window.addEventListener("resize", placePop);
1789
- new ResizeObserver(placePop).observe(stage);
1790
-
1791
- $("notesBtn").addEventListener("click", function () {
1792
- var on = $("notesPanel").classList.toggle("on");
1793
- $("notesBtn").setAttribute("aria-expanded", String(on));
1794
- });
1795
- $("notesClose").addEventListener("click", function () {
1796
- $("notesPanel").classList.remove("on");
1797
- $("notesBtn").setAttribute("aria-expanded", "false");
1798
- });
1799
- // The open notes as text, for a chat that can't read the notes folder.
1800
- $("notesCopy").addEventListener("click", function () {
1801
- var lines = ["Notes on the preview of " + JSON.stringify(meta.title) + ":"];
1802
- notes.filter(function (n) { return !n.done; }).sort(function (a, b) { return a.frame - b.frame; }).forEach(function (n) {
1803
- lines.push("- Note " + n.id + " at " + fmt(n.frame) + " (frame " + n.frame + "), " + whereText(n) + ": " + n.text + (n.image ? " [picture: " + n.image + "]" : ""));
1804
- });
1805
- var text = lines.join(NL), label = $("notesCopyLabel");
1806
- var done = function () { label.textContent = "Copied"; setTimeout(function () { label.textContent = "Copy"; }, 1600); };
1807
- (navigator.clipboard ? navigator.clipboard.writeText(text) : Promise.reject()).then(done, function () {
1808
- var t = document.createElement("textarea");
1809
- t.value = text;
1810
- document.body.append(t);
1811
- t.select();
1812
- try { document.execCommand("copy"); done(); } catch (e) {}
1813
- t.remove();
1814
- });
1815
- });
1816
-
1817
- function loadNotes() {
1818
- if (!notesOn) return;
1819
- fetch("/@framefields/notes").then(function (r) { return r.json(); }).then(function (list) {
1820
- notes = Array.isArray(list) ? list : [];
1821
- renderNotes();
1822
- }, function () {});
1823
- }
1824
-
1825
- // \u2500\u2500 Wiring \u2500\u2500
1826
- $("play").addEventListener("click", togglePlay);
1827
- $("prev").addEventListener("click", function () { seek(frame - 1); });
1828
- $("next").addEventListener("click", function () { seek(frame + 1); });
1829
- $("mute").addEventListener("click", function () { audio.muted = !audio.muted; applyVolume(); });
1830
- $("volume").addEventListener("input", function (e) { audio.volume = Number(e.target.value); audio.muted = audio.volume === 0; applyVolume(); });
1831
-
1832
- // A hidden tab's timers are throttled, so playback would stutter: pause.
1833
- document.addEventListener("visibilitychange", function () {
1834
- if (document.hidden && playing) pause();
1835
- });
1836
-
1837
- // \u2500\u2500 For scripts and agents driving the page: seek, play, and read the
1838
- // state instead of clicking at coordinates \u2500\u2500
1839
- var pageState = "loading";
1840
- window.framefieldsPreview = {
1841
- /** Shows the frame at a time in seconds; resolves once it is drawn. */
1842
- seek: function (sec) { return ready().then(function () { return seek(Number(sec) * meta.fps); }); },
1843
- /** Shows a frame by number; resolves once it is drawn. */
1844
- seekFrame: function (f) { return ready().then(function () { return seek(f); }); },
1845
- play: function () { return ready().then(play); },
1846
- /** Notes pinned on the page, as saved in notes.json. */
1847
- notes: function () { return notes.slice(); },
1848
- pause: function () { if (playing) pause(); },
1849
- /** Where the preview is: loading, ready or error, and what it shows. */
1850
- state: function () {
1851
- var rate = meter.read().fps;
1852
- return {
1853
- state: pageState,
1854
- error: pageState === "error" ? $("stageMsg").textContent : null,
1855
- frame: frame,
1856
- time: meta ? Number((frame / meta.fps).toFixed(3)) : 0,
1857
- playing: playing,
1858
- buffering: stalled,
1859
- audio: audio.state,
1860
- connected: !offline,
1861
- // Frames shown per second over the last 2 s of playback (the last
1862
- // playback's while paused), and how long the last frame took to draw.
1863
- playbackFps: rate == null ? null : Number(rate.toFixed(1)),
1864
- renderMs: player ? Math.round(player.lastRenderMs) : null,
1865
- meta: meta && { title: meta.title, width: meta.width, height: meta.height, fps: meta.fps, frameCount: meta.frameCount, duration: Number((last() / meta.fps).toFixed(3)) }
1866
- };
1867
- }
1868
- };
1869
- var readyWaiters = [];
1870
- function ready() {
1871
- if (player) return Promise.resolve();
1872
- if (pageState === "error") return Promise.reject(new Error($("stageMsg").textContent));
1873
- return new Promise(function (resolve, reject) { readyWaiters.push([resolve, reject]); });
1874
- }
1875
- function settleReady(err) {
1876
- readyWaiters.splice(0).forEach(function (w) { err ? w[1](err) : w[0](); });
1877
- }
1878
-
1879
- function applyMeta(m) {
1880
- meta = m;
1881
- document.title = m.title + " \xB7 preview";
1882
- $("title").textContent = m.title;
1883
- $("spec").textContent = m.width + "\xD7" + m.height + " \xB7 " + m.fps + " fps \xB7 " + fmt(last());
1884
- $("tcDur").textContent = fmt(last());
1885
- stage.style.setProperty("--ar", m.width + " / " + m.height);
1886
- stage.style.setProperty("--ar-n", String(m.width / m.height));
1887
- renderRuler();
1888
- }
1889
-
1890
- new ResizeObserver(function () {
1891
- if (!meta) return;
1892
- renderRuler();
1893
- drawWave();
1894
- renderMarks();
1895
- }).observe(tlInner);
1896
-
1897
- // When the preview command ends the event stream drops and the browser keeps
1898
- // retrying. The next preview of this project (same port) says hello with a
1899
- // new session, and this tab reloads into it.
1900
- var events = new EventSource("/events");
1901
- events.addEventListener("hello", function (e) {
1902
- var s = JSON.parse(e.data).session;
1903
- if (session && s !== session) { location.reload(); return; }
1904
- offline = false;
1905
- renderChip();
1906
- });
1907
- events.addEventListener("error", function () {
1908
- if (!meta) return;
1909
- if (playing) { stop(); keepPosition(); }
1910
- offline = true;
1911
- renderChip();
1912
- });
1913
- events.addEventListener("notes", function (e) {
1914
- notes = JSON.parse(e.data);
1915
- if (openId != null && !noteById(openId)) closePop();
1916
- renderNotes();
1917
- });
1918
- events.addEventListener("audio", function (e) {
1919
- if (meta) loadAudio(JSON.parse(e.data));
1920
- });
1921
-
1922
- fetch("/meta").then(function (r) { return r.json(); }).then(function (m) {
1923
- session = m.session;
1924
- applyMeta(m);
1925
- notesOn = !!m.notesDir;
1926
- $("notesBtn").hidden = !notesOn;
1927
- loadNotes();
1928
- loadAudio(m.audio);
1929
- setTime(startFrame());
1930
- $("buffering").classList.add("on");
1931
- whenPlayer();
1932
- });
1933
-
1934
- // The composition's bundle (loaded below) announces its player.
1935
- function whenPlayer() {
1936
- if (!window.framefieldsPlayer) return;
1937
- window.framefieldsPlayer.then(function (p) {
1938
- player = p;
1939
- $("play").disabled = false;
1940
- show(frame).then(function () {
1941
- pageState = "ready";
1942
- renderPins();
1943
- document.documentElement.dataset.preview = "ready";
1944
- settleReady();
1945
- scheduleWarm();
1946
- });
1947
- }, function (err) {
1948
- showError(err);
1949
- document.documentElement.dataset.preview = "error";
1950
- settleReady(err instanceof Error ? err : new Error(String(err)));
1951
- });
1952
- }
1953
- window.addEventListener("framefields:player", function () { if (meta) whenPlayer(); });
1954
- window.addEventListener("error", function (e) {
1955
- if (!player) showError(e.error || e.message);
1956
- else report("error", [e.error || e.message]);
1957
- });
1958
- window.addEventListener("unhandledrejection", function (e) { report("error", [e.reason]); });
1959
- })();
1960
- <\/script>
1961
- <script type="module" src="/@framefields/player.js"><\/script>
1962
- </body>
1963
- </html>
1964
- `;var _g=1200,Ld="x-framefields-preview",Ug="/@framefields/player.js";async function $g(t,e={}){let r=t.entry instanceof URL||String(t.entry).startsWith("file:")?wn(t.entry):$.resolve(String(t.entry)),n=t.export??"default",i=Td(),o=Cd($.dirname(r)),a=[...e.root===void 0?[Wg($.dirname(r))]:Array.isArray(e.root)?e.root:[e.root],i,o.dir].filter(L=>!!L).map(L=>$.resolve(L)),s=new Set,l=e.idleCloseMs??5e3,c,d=e.title??"framefields preview",m=(0,Ci.randomUUID)(),p=e.log===!1?()=>{}:e.log??(L=>console.error(L)),f=L=>p(`[framefields preview] ${L}`),b=new Set,g=!1,y=e.notesDir===!1?void 0:new Ti($.resolve(e.notesDir??$.join(x.cwd(),".framefields","preview-notes"))),S=Promise.resolve(),A=await Gg(r,n),M=await qg(A,d,m,y?.dir??null),v,C=()=>{if(!v){let L=Pd({entry:r,exportName:n,modelsDir:i,ortBase:o.base}).then(z=>z.code);v=L,L.catch(z=>{f(`could not build ${$.relative(x.cwd(),r)}:
1965
- ${Yg(z)}`),v===L&&(v=void 0)})}return v},w=Md();w.catch(()=>{});let T={state:e.audio===!1?"none":"mixing"},O;function j(L,z){for(let W of s)W.write(`event: ${L}
1966
- data: ${JSON.stringify(z)}
1967
-
1968
- `)}function G(L){T=L,j("audio",T)}function I(){if(T.state!=="mixing")return;if(!A.toVirtualMediaAsync&&!A.toVirtualMedia){G({state:"none"});return}let L=e.renderer??new ve.HeadlessMediaRenderer;(async()=>{let z=A.toVirtualMediaAsync?await A.toVirtualMediaAsync():A.toVirtualMedia();return L.renderAudio(z,{fps:M.fps})})().then(({channels:z,sampleRate:W})=>{let K=z[0]??new Float32Array(0),X=z[1]??K,te=Qg(K,X,_g);if(K.length===0||Math.max(...te)<.001){G({state:"none"});return}O=$i([K,X],{sampleRate:W}),G({state:"ready",durationSec:K.length/W,peaks:te.map(R=>Math.round(R*1e3)/1e3)})},z=>{G({state:"error",error:z instanceof Error?z.message:String(z)})})}let F,k=new Promise(L=>{F=L}),P;function H(L="closed"){return P??=new Promise(z=>{clearTimeout(c),L==="idle"&&f("stopped: its tab was closed"),L==="replaced"&&f("stopped: a newer preview took over");for(let W of s)W.end();s.clear(),Y.close(()=>{z(),F(L)}),Y.closeAllConnections()}),P}let Y=rs.default.createServer(async(L,z)=>{let W=new URL(L.url??"/","http://localhost");z.setHeader("cross-origin-opener-policy","same-origin"),z.setHeader("cross-origin-embedder-policy","credentialless");try{if(L.method==="GET"&&W.pathname==="/"){z.writeHead(200,{"content-type":"text/html; charset=utf-8","cache-control":"no-store"}),z.end(Rd);return}if(L.method==="GET"&&W.pathname==="/meta"){ut(z,200,{...M,audio:T});return}if(L.method==="GET"&&W.pathname.startsWith(`${mn}/`)){let X=await w,te=$.resolve(X,`.${W.pathname.slice(mn.length)}`);if(Ja(X,te)&&await es(te)){await ts(L,z,te);return}ut(z,404,{error:"not found"});return}if(L.method==="GET"&&W.pathname===Ug){let X;try{await w,X=await C()}catch(te){let R=te instanceof Error?te.message:String(te);X=`throw new Error(${JSON.stringify(`Could not build the preview:
1969
- ${R}`)});`}z.writeHead(200,{"content-type":"text/javascript; charset=utf-8","cache-control":"no-store"}),z.end(X);return}if(L.method==="GET"&&W.pathname==="/@framefields/stat"){let X=$.resolve(W.searchParams.get("path")??""),te=-1;a.some(R=>Ja(R,X))&&(te=await be.promises.stat(X).then(R=>R.isFile()?R.size:-1,()=>-1)),ut(z,200,{exists:te>=0,size:Math.max(0,te)});return}if(L.method==="GET"&&W.pathname==="/events"){z.writeHead(200,{"content-type":"text/event-stream","cache-control":"no-store",connection:"keep-alive"}),z.write(`retry: 1000
1970
- `),z.write(`event: hello
1971
- data: ${JSON.stringify({session:M.session})}
1972
-
1973
- `),s.add(z),clearTimeout(c),g||(g=!0,f(l===!1?"page opened":`page opened; the server stops ${Number((l/1e3).toFixed(1))} s after its last tab closes`)),_?.(),L.on("close",()=>{s.delete(z),s.size===0&&l!==!1&&!P&&(c=setTimeout(()=>{s.size===0&&H("idle")},l))});return}if(L.method==="POST"&&W.pathname==="/takeover"&&L.headers[Ld]==="1"){ut(z,200,{ok:!0}),setImmediate(()=>{H("replaced")});return}if(L.method==="POST"&&W.pathname==="/@framefields/log"&&L.headers["content-type"]==="application/json"){let X=await Fd(L,16384),{message:te,level:R}=JSON.parse(X),E=String(te??"").trim();E&&!b.has(E)&&b.size<200&&(b.add(E),f(`${R==="warning"?"warning":"error"} in the page: ${E}`)),z.writeHead(204).end();return}if(y&&W.pathname==="/@framefields/notes"){if(L.method==="GET"){ut(z,200,await y.list());return}if(L.method==="POST"&&L.headers["content-type"]==="application/json"){let X=JSON.parse(await Fd(L,16777216)),te=S.then(()=>Hg(y,X,M.fps,f));S=te.catch(()=>{});let R=await te;j("notes",await y.list()),ut(z,R?200:404,R??{error:"no such note"});return}}if(L.method==="GET"&&W.pathname==="/audio"){if(T.state!=="ready"||!O){ut(z,404,{error:`audio is ${T.state}`});return}z.writeHead(200,{"content-type":"audio/wav","content-length":O.length,"cache-control":"no-store"}),z.end(O);return}let K=/^\/assets\/fonts\/([^/]+)$/.exec(W.pathname);if(K&&(L.method==="GET"||L.method==="HEAD")){let X=$.join(x.cwd(),"assets","fonts",decodeURIComponent(K[1]));if(await es(X)){await ts(L,z,X);return}}if(L.method==="GET"||L.method==="HEAD"){let X=$.resolve(decodeURIComponent(W.pathname.replace(/^\/@fs(?=\/)/,"")));if(a.some(te=>Ja(te,X))&&await es(X)){await ts(L,z,X);return}}ut(z,404,{error:"not found"})}catch(K){z.headersSent?z.end():ut(z,500,{error:K instanceof Error?K.message:String(K)})}}),_,V=e.host??"127.0.0.1",ee=e.port??Zg(),oe=L=>new Promise((z,W)=>{let K=te=>{Y.off("listening",X),W(te)},X=()=>{Y.off("error",K),z()};Y.once("error",K),Y.once("listening",X),Y.listen(L,V)});try{await oe(ee)}catch(L){if(L.code!=="EADDRINUSE")throw L;if(await Kg(V,ee))await oe(ee).catch(()=>oe(0));else if(e.port===void 0)await oe(0);else throw L}let{port:ge}=Y.address(),le=`http://${V.includes(":")?`[${V}]`:V}:${ge}/`;if(C().catch(()=>{}),I(),e.open===!0){let L=await new Promise(z=>{let W=setTimeout(()=>z(!1),2e3);_=()=>{clearTimeout(W),z(!0)},s.size>0&&_()});_=void 0,L||Jg(le)}return{url:le,closed:k,close:()=>H()}}async function Gg(t,e){let n=(await import(vn(t).href))[e];if(n===void 0)throw new Error(`[framefields] ${t} has no export named "${e}" to preview.`);return typeof n=="function"?await n():n}function Wg(t){let e;for(let r=t;;r=$.dirname(r)){if(be.existsSync($.join(r,".git")))return r;if(!e&&be.existsSync($.join(r,"package.json"))&&(e=r),$.dirname(r)===r)return e??t}}async function Hg(t,e,r,n){if(e.op==="add"&&e.note&&String(e.note.text).trim()){let o=await t.add(e.note),a=[o.image&&`frame with the spot marked: ${o.image}`,`all notes: ${t.file}`];return n(`${Od(o,r)}
1974
- ${a.filter(Boolean).join(" \xB7 ")}`),o}let i=Number(e.id);if(e.op==="update"){let o=await t.update(i,e);return o&&typeof e.done=="boolean"&&n(`note ${i} marked ${o.done?"done":"open"}`),o}if(e.op==="remove"){let o=await t.remove(i);return o&&n(`note ${i} deleted`),o}}function Yg(t){return t instanceof Error?t.message:String(t)}function Fd(t,e){return new Promise((r,n)=>{let i="";t.setEncoding("utf8"),t.on("data",o=>{i+=o,i.length>e&&(n(new Error("request body too large")),t.destroy())}),t.on("end",()=>r(i)),t.on("error",n)})}function Ja(t,e){let r=$.relative(t,e);return!!r&&!r.startsWith("..")&&!$.isAbsolute(r)}async function es(t){try{return(await be.promises.stat(t)).isFile()}catch{return!1}}var Xg={".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 ts(t,e,r){let{size:n}=await be.promises.stat(r),i=Xg[$.extname(r).toLowerCase()]??"application/octet-stream",o=/^bytes=(\d*)-(\d*)$/.exec(t.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)){e.writeHead(416,{"content-range":`bytes */${n}`}),e.end();return}if(e.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}`}}),t.method==="HEAD"){e.end();return}be.createReadStream(r,{start:a,end:s}).pipe(e)}async function qg(t,e,r,n){let i=t.fps??24,o=t.durationMs??await t.computeDuration?.()??5e3;return{session:r,notesDir:n,title:e,fps:i,frameCount:Math.max(1,Math.round(o/1e3*i)),width:t.width??1920,height:t.height??1080}}function Zg(){return 41e3+(0,Ci.createHash)("sha1").update(x.cwd()).digest().readUInt16BE(0)%900}async function Kg(t,e){let r=await new Promise(n=>{let i=rs.default.request({host:t,port:e,method:"POST",path:"/takeover",agent:!1,headers:{[Ld]:"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 Qg(t,e,r){let n=new Array(r).fill(0);if(t.length===0)return n;let i=t.length/r;for(let o=0;o<r;o++){let a=Math.floor(o*i),s=Math.min(t.length,Math.floor((o+1)*i)),l=0;for(let c=a;c<s;c++){let d=Math.max(Math.abs(t[c]??0),Math.abs(e[c]??0));d>l&&(l=d)}n[o]=Math.min(1,l)}return n}function ut(t,e,r){t.writeHead(e,{"content-type":"application/json","cache-control":"no-store"}),t.end(JSON.stringify(r))}function Jg(t){let[e,r]=x.platform==="darwin"?["open",[t]]:x.platform==="win32"?["cmd",["/c","start","",t]]:["xdg-open",[t]];try{(0,Bd.spawn)(e,r,{stdio:"ignore",detached:!0}).on("error",()=>{}).unref()}catch{}}function ns(t,e){return t&&(e&&!t.source&&Object.defineProperty(t,"source",{value:e,enumerable:!0,writable:!0,configurable:!0}),typeof t.section!="function"&&Object.defineProperty(t,"section",{value:(r,n)=>{if(typeof r=="object"&&r!==null&&!("kind"in r)&&!("inputHandleId"in r)&&!("src"in r)){let o=r.source??t.source??e;return B.section(o,t,r)}let i=r??t.source??e;return B.section(i,t,n)},enumerable:!1,writable:!0,configurable:!0}),typeof t.blurEffect!="function"&&Object.defineProperty(t,"blurEffect",{value:r=>new Pt({track:t,...r}),enumerable:!1,writable:!0,configurable:!0}),typeof t.isolate!="function"&&Object.defineProperty(t,"isolate",{value:(r,n)=>B.section(r,t,n),enumerable:!1,writable:!0,configurable:!0}),t)}var tb=Ar.attach;Ar.attach=function(t,e,r){let n=tb.call(this,t,e,r);if(n?.objects){let i=t,o=n.objects.get.bind(n.objects);n.objects.get=s=>ns(o(s),i);let a=n.objects.byCategory.bind(n.objects);n.objects.byCategory=(s,l)=>ns(a(s,l),i),n.objects.primary&&ns(n.objects.primary,i)}return n};var Ed=class t{virtualMedia;constructor(e,r="Video"){this.virtualMedia=hs(e,r)}static video(e,r){let n=new t(e,"Video");return r&&Object.assign(n.virtualMedia.metadata,r),n}static image(e,r){let n=new t(e,"Image");return r&&Object.assign(n.virtualMedia.metadata,r),n}static lottie(e,r){let n=new t(e,"Lottie");return r&&Object.assign(n.virtualMedia.metadata,r),n}static audio(e,r){let n=new t(e,"Audio");return r&&Object.assign(n.virtualMedia.metadata,r),n}apply(e,r={}){let n;e instanceof rb||typeof e=="object"&&e!==null&&"op"in e?n=e.toOperation():n={op:e,...r};let i=gs(this.virtualMedia,{...n,dataType:this.virtualMedia.operation.dataType});return new t(i)}toVirtualMedia(){return this.virtualMedia}async renderFrame(e={}){return(e.renderer??new ve.HeadlessMediaRenderer).renderFrame(this.virtualMedia,e)}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(e={}){return sn(this,e)}async renderVideo(e={},r={}){let n=typeof e=="string"?{...r,outputPath:e}:e,o=await(n.renderer??new ve.HeadlessMediaRenderer).renderVideo(this.virtualMedia,n);return zd(o,n.outputPath)}};async function zd(t,e){if(!e)return t;let r=$.resolve(e);return await Tr.mkdir($.dirname(r),{recursive:!0}),await Tr.copyFile(t.filePath,r),await t.cleanup(),{...t,filePath:r,cleanup:async()=>{}}}var Id=class t{width;height;fps;durationMs;backgroundColor;antialias3d;fonts;children=[];audioTracks=[];signals={};_frameHooks=[];_prepareHooks=[];_clipVision=new Map;_visionConfig;_visionBundle;_effects=[];apply(e){return e instanceof mt?(this.withVision(e),this):(this._effects.push(e),this)}withVision(e={}){this._visionBundle??=new ji({width:this.width,height:this.height,fps:this.fps});let r=e instanceof mt?e.config:e;return this._visionConfig={...r,visionBundle:this._visionBundle},this._visionBundle}vision(e,r={}){let n=`${e}\0${JSON.stringify(r)}`,i=this._clipVision.get(n);return i||(i=new on(e,this.fps,r),this._clipVision.set(n,i)),i}async prepareVision(e){this.linkClipMattes(),await Promise.all([...this._clipVision.values()].map(r=>r.ready(0,e)))}linkClipMattes(){if(this._clipVision.size===0)return;let e=r=>{if(!r||typeof r!="object")return;let n=r;if(n.kind==="media"&&n.dataType==="Video"&&typeof n.inputHandleId=="string"&&n.vision instanceof mt&&!(zi in n.vision)){let i=this.clipForMatte(n.inputHandleId,n.vision);i&&(i.keepSubjects(),Object.defineProperty(n.vision,zi,{value:i,enumerable:!1,configurable:!0}))}if(Array.isArray(n.children))for(let i of n.children)e(i)};for(let r of this.children)e(r)}clipForMatte(e,r){let n=r.mode??"passthrough";if(!(n!=="matte"&&n!=="mask"&&n!=="crop")&&!(r.matteSource==="selfie"||r.keyBackground===!0||r.classes!==void 0||r.enablePose===!0||r.enableMatte===!0||r.visionBundle!==void 0||(r.maskThreshold??.5)!==.5||r.featherRadius!==void 0))for(let i of this._clipVision.values()){let o=i.options;if(i.source===e&&(o.variant??"s")===(r.variant??"s")&&(o.confidence??.3)===(r.confidence??.3))return i}}async analyzeVisionSequence(e,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=Cr.create({modelsDir:r.modelsDir,baseUrl:r.baseUrl,...r.confidence!==void 0?{confidence:r.confidence}:{},...r.variant!==void 0?{variant:r.variant}:{}}),s=Sn.getVideo(e,!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 Vi(l(),{runner:a,source:e,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(e){return this._frameHooks.push(e),this}onPrepareFrame(e){return this._prepareHooks.push(e),this}notifyFrame(e){for(let r of this._frameHooks)r(e);if(!(this._clipVision.size===0&&this._prepareHooks.length===0))return(async()=>{await this.prepareVision(e.frame);for(let r of this._prepareHooks)await r(e)})()}hasFrameHooks(){return this._frameHooks.length>0||this._prepareHooks.length>0||this._clipVision.size>0}constructor(e){this.width=e.width,this.height=e.height,this.fps=e.fps??60,this.durationMs=e.durationMs??(e.durationFrames!==void 0?e.durationFrames/this.fps*1e3:void 0),this.backgroundColor=e.backgroundColor??"#000000",this.antialias3d=e.antialias3d,this.fonts=e.fonts??[],this.signals=e.signals??{}}static create(e){return new t(e)}addSignal(e,r){return this.signals[e]=r,this}add(e,...r){if(e instanceof Jt)this.children.push(e.toNode());else if(e instanceof Ar)this.children.push(e.toNode());else{if(e&&typeof e=="object"&&"node"in e)return this.add(e.node,...r),this;if(Array.isArray(e))for(let n of e)this.add(n);else{let n=e,i=r[0];if(i&&!(i instanceof Jt)&&!Array.isArray(i)&&(i instanceof ie||"tracks"in i))return n.animation=i instanceof ie?i.toSpec():i,this.children.push(n),this;this.children.push(n)}}for(let n of r)n&&!(n instanceof ie)&&!("tracks"in n)&&this.add(n);return this}addAudio(e){return this.audioTracks.push(e),this}addSubjectSandwich(e){let r=typeof e.source=="string"?e.source:e.source.inputHandleId??"",n=e.fit??"cover",i=e.feather??4,o=i>1?i/100:i,a=e.variant??"s",s=B.video(r,{width:this.width,height:this.height,position:"absolute",x:0,y:0,fit:n,muted:e.muted??!1,volume:e.muted?0:e.volume??1});this.add(s);for(let c of e.behind)this.add(c);let l=B.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:e.confidence??.25,featherRadius:o,keyBackground:e.keyBackground??!0,backgroundKeyThreshold:e.backgroundKeyThreshold});return this.add(l),this}addSmartFraming(e){let r=typeof e.source=="string"?e.source:e.source.inputHandleId??"",n=Math.max(0,Math.min(.99,e.damping??.8)),i=e.leadHeadroom??.18,o=this.width,a=this.height,s=e.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,f=e.target,b=new Ht(v=>{if(m>=0)return 0;let C=f.center?.x?f.center.x.get(v):f.bounds?.centerX?f.bounds.centerX.get(v)/o:f.center?.screenX?f.center.screenX.get(v)/o:.5,T=Math.max(0,Math.min(1,C))*c,O=o/2-T;return Math.max(m,Math.min(0,O))},{fps:this.fps,label:"smart_framing_pan_x"}),g=new Ht(v=>{if(p>=0)return 0;let C=f.center?.y?f.center.y.get(v):f.bounds?.centerY?f.bounds.centerY.get(v)/a:f.center?.screenY?f.center.screenY.get(v)/a:.5,T=Math.max(0,Math.min(1,C))*d,O=a*i-T;return Math.max(p,Math.min(0,O))},{fps:this.fps,label:"smart_framing_pan_y"}),y=new Ht(v=>{let C=v.frame;if(C<=0)return b.get(v);let w=b.get({...v,frame:0,time:0}),T=1-n;for(let O=1;O<=C;O++){let j=b.get({...v,frame:O,time:O/v.fps});w=w+T*(j-w)}return w},{fps:this.fps,label:"smart_framing_smooth_x"}),S=new Ht(v=>{let C=v.frame;if(C<=0)return g.get(v);let w=g.get({...v,frame:0,time:0}),T=1-n;for(let O=1;O<=C;O++){let j=g.get({...v,frame:O,time:O/v.fps});w=w+T*(j-w)}return w},{fps:this.fps,label:"smart_framing_smooth_y"}),A=B.box({width:o,height:a,overflow:"hidden",position:"relative"}),M=B.video(r,{width:c,height:d,position:"absolute",x:y,y:S,fit:e.fit??"cover",muted:e.muted??!1,volume:e.muted?0:e.volume??1});return A.children||(A.children=[]),A.children.push(M),this.add(A),this}addSubjectOutline(e,r={}){let n=r.blur??12,i=this.width,o=this.height,a=r.pulseSignal,s=a?new Ht(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=B.box({width:i,height:o,position:"absolute",x:0,y:0,opacity:s});if(l){let d=B.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 Pt({strength:n,blurType:"Gaussian"})),this.add(c),this}section(e,r,n){let i,o,a={},s=e!==null&&typeof e=="object"&&"bounds"in e,l=typeof e=="string"||e!==null&&typeof e=="object"&&("kind"in e||"src"in e||"inputHandleId"in e);if(l&&r&&typeof r=="object"&&"bounds"in r?(i=e,o=r,a=n??{}):l&&r?(i=e,a=r):s?(o=e,a=r??{},i=a.source??o.source):e&&typeof e=="object"&&(a=e,i=a.source),!i){let c=this.children.find(d=>d.kind==="media"&&(d.dataType==="Video"||d.dataType==="Image"));c&&(i=c)}return B.section(i??"",o??a,{compositionWidth:this.width,compositionHeight:this.height,...a})}addSection(e,r,n){let i=this.section(e,r,n);return this.add(i),i}async computeDuration(){if(this.durationMs!==void 0)return this.durationMs;let e=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>e&&(e=o)}}for(let n of r)try{let o=await(await Oi.acquire(n)).computeDuration();if(Number.isFinite(o)&&o>0){let a=Math.round(o*1e3);a>e&&(e=a)}}catch{}return e>0?e:5e3}async registerFont(e,r){let n=await ze.register(e,r);return n.filePath&&!this.fonts.includes(n.filePath)&&this.fonts.push(n.filePath),this}async registerEmojiFont(e){return await ze.registerEmojiFont(e),this}toSpec(){let e=[...this.children,...this.audioTracks],r=ze.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:e,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(e={}){return kn(this.toSpec(),{isVideoMode:!0,fps:this.fps,durationMs:e.durationMs??this.durationMs,signals:e.signals??this.signals,...this._effects.length>0&&{effects:this._effects},...this._visionConfig&&{vision:this._visionConfig},...e})}async toVirtualMediaAsync(e={}){let r=e.durationMs??this.durationMs??await this.computeDuration();return this.durationMs=r,kn(this.toSpec(),{isVideoMode:!0,fps:this.fps,durationMs:r,signals:e.signals??this.signals,...this._effects.length>0&&{effects:this._effects},...this._visionConfig&&{vision:this._visionConfig},...e})}async renderFrame(e={}){if(this.hasFrameHooks()){let n=e.frame??(e.atMs!==void 0?Math.round(e.atMs/1e3*this.fps):0);await this.notifyFrame({frame:n,fps:this.fps,time:this.fps>0?n/this.fps:0,duration:(this.durationMs??0)/1e3,durationMs:this.durationMs??0,progress:this.durationMs&&this.durationMs>0?Math.max(0,Math.min(1,n/this.fps*1e3/this.durationMs)):0,deltaTime:this.fps>0?1/this.fps:0})}return(e.renderer??new ve.HeadlessMediaRenderer).renderFrame(this.toVirtualMedia(),{fps:this.fps,...e})}async renderFrameGrid(e={}){return sn(this,e)}async renderVideo(e={},r={}){let n=typeof e=="string"?{...r,outputPath:e}:e,o=await(n.renderer??new ve.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 zd(o,n.outputPath)}lint(){return Fo(this.toSpec())}};function we(t){let e=t;Object.defineProperty(e,"animate",{value:(...n)=>{let i=n.flat().flatMap(l=>l instanceof ie?l.tracks:l.tracks??[]),o=e.animation,a=o?.tracks??[],s=n.flat().map(l=>l.frameStep).filter(l=>l!==void 0).at(-1)??o?.frameStep;return e.animation={tracks:Rr([...a,...i]),...s!==void 0&&s>1&&{frameStep:s}},e},enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"pinToLandmark",{value:(n,i)=>(_i(e,n,i),e),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"pinToObject",{value:(n,i)=>(Ui(e,n,i),e),enumerable:!1,writable:!0,configurable:!0});let r=(n,i)=>(e.matte={node:n,...i&&{mode:i}},e);for(let n of["withMatte","withMask"])Object.defineProperty(e,n,{value:r,enumerable:!1,writable:!0,configurable:!0});return Object.defineProperty(e,"withPbrGlass",{value:n=>(e.glass=n??{},e),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"deformWithAudio",{value:n=>(e.audioDeform=n??{},e),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"withCrop",{value:n=>(e.crop=n instanceof Or?n:new Or(n),e),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"withVision",{value:n=>(e.vision=n instanceof mt?n:new mt(n),e),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"withRelighting",{value:n=>(e.relighting=n??{},e),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"relight",{value:n=>(e.relighting=n??{},e),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"withDeflicker",{value:n=>(e.deflicker=n??{},e),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"apply",{value:n=>(e.effects||(e.effects=[]),e.effects.push(n),e),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"withEffect",{value:n=>(e.effects||(e.effects=[]),e.effects.push(n),e),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"withEffects",{value:n=>(e.effects||(e.effects=[]),e.effects.push(...n),e),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"section",{value:(n={},i)=>n!==null&&typeof n=="object"&&"bounds"in n?B.section(e,n,i):B.section(e,n),enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"blurRegion",{value:(n,i)=>{let o=new Pt({track:n,strength:i?.strength??25,shape:i?.shape??"ellipse",...i});return e.effects||(e.effects=[]),e.effects.push(o),e},enumerable:!1,writable:!0,configurable:!0}),Object.defineProperty(e,"withBlurRegion",{value:(n,i)=>e.blurRegion(n,i),enumerable:!1,writable:!0,configurable:!0}),e}var B={video:(t,e={})=>we({id:e.id??Q("video"),kind:"media",inputHandleId:t,dataType:"Video",fit:e.fit??"cover",...e}),image:(t,e={})=>(typeof t=="string"&&(/\.(json|lottie)(\?.*)?$/i.test(t)||t.startsWith("data:application/json")?console.warn(`[Layer.image] '${t}' is a Lottie vector animation, not a static image. Use Layer.lottie('${t}', options) instead.`):/\.(mp4|mov|webm|mkv)(\?.*)?$/i.test(t)?console.warn(`[Layer.image] '${t}' is a video file, not a static image. Use Layer.video('${t}', options) instead.`):/\.(mp3|wav|ogg|m4a|aac)(\?.*)?$/i.test(t)&&console.warn(`[Layer.image] '${t}' is an audio file, not a static image. Use Layer.audio('${t}', options) instead.`)),we({id:e.id??Q("img"),kind:"media",inputHandleId:t,dataType:"Image",fit:e.fit??"cover",...e})),svg:(t,e={})=>we({id:e.id??Q("svg"),kind:"media",inputHandleId:t,dataType:"SVG",fit:e.fit??"contain",...e}),lottie:(t,e={})=>we({id:e.id??Q("lottie"),kind:"media",inputHandleId:t,dataType:"Lottie",fit:e.fit??"contain",...e}),audio:(t,e={})=>we({id:e.id??Q("audio"),kind:"media",inputHandleId:t,dataType:"Audio",volume:e.volume??1,...e}),text:(t,e={})=>{let r=Array.isArray(t),n=!r&&typeof t=="object"&&t!==null,i=n?t:e,o="",a=i.spans;if(r){let s=Un(t);o=s.text,a=s.spans}else n?i.spans&&!i.text?o=Un(i.spans).text:o=i.text??"":o=typeof t=="string"?t:String(t??"");return we({id:i.id??Q("text"),kind:"text",fontFamily:i.fontFamily??ze.getAll()[0]?.family??"Inter",fontSize:i.fontSize??48,fill:i.fill??"#ffffff",...i,text:i.text??o,spans:i.spans??a})},caption:(t,e={})=>we({id:e.id??Q("caption"),kind:"media",inputHandleId:t,dataType:e.dataType??"Caption",fontFamily:e.fontFamily??ze.getAll()[0]?.family??"Inter",fontSize:e.fontSize??48,fill:e.fill??"#ffffff",...e}),shape:(t="rect",e={})=>{let{fill:r,...n}=e;return we({id:n.id??Q("shape"),kind:"shape",shapeType:n.shapeType??t,...n,fillColor:n.fillColor??r??"#3b82f6"})},flex:(t={})=>we({id:t.id??Q("flex"),kind:"flex",dir:t.dir??"column",children:t.children??[],...t}),box:(t={})=>we({id:t.id??Q("box"),kind:"box",background:t.background??"transparent",children:t.children??[],...t}),particles:t=>{let e=new an(t),r={metadata:{width:t.width,height:t.height},operation:{...e.toOperation(),effect:e,dataType:"Video"},children:[]};return we({id:t.id??Q("particles"),kind:"media",dataType:"Video",src:r,position:"absolute",x:t.x??0,y:t.y??0,width:t.width,height:t.height,...t.startFrame!==void 0&&{startFrame:t.startFrame},...t.durationFrames!==void 0&&{durationFrames:t.durationFrames},...t.zIndex!==void 0&&{zIndex:t.zIndex}})},vfx:t=>{let{x:e,y:r,id:n,startFrame:i,durationFrames:o,zIndex:a,...s}=t,l=new eo({outputType:"Video",...s}),c={metadata:{width:t.width,height:t.height},operation:{...l.toOperation(),effect:l,dataType:"Video"},children:[]};return we({id:n??Q("vfx"),kind:"media",dataType:"Video",src:c,position:"absolute",x:e??0,y:r??0,width:t.width,height:t.height,...i!==void 0&&{startFrame:i},...o!==void 0&&{durationFrames:o},...a!==void 0&&{zIndex:a}})},section:(t,e={},r={})=>{let n=t;if(t&&typeof t=="object"&&"toSpec"in t&&"children"in t){let w=(t.children||[]).find(T=>T.kind==="media"&&(T.dataType==="Video"||T.dataType==="Image"));w&&(n=w)}let i=e!==null&&typeof e=="object"&&"bounds"in e,o=i?r:e,a=i?e: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]:[],f=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"?B.image(l,{position:"absolute",width:d,height:m,fit:o.fit??"cover",x:f,y:b}):B.video(l,{position:"absolute",width:d,height:m,fit:o.fit??"cover",x:f,y:b})).withEffects(p),y=a?a.bounds.screenWidth.add(s*2):o.width!==void 0?o.width:d,S=a?a.bounds.screenHeight.add(s*2):o.height!==void 0?o.height:m,A=[g,...o.children??[]],M=o.id??(a?Q(`section-track-${a.trackId}`):Q("section")),v=B.box({id:M,position:o.position??"absolute",width:y,height:S,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:A});a&&(v=v.pinToObject(a,{anchor:"topLeft",offsetX:-s,offsetY:-s,hideWhenLost:o.hideWhenLost??!0,smoothFrames:o.smoothFrames}));let C=v;return Object.defineProperty(C,"innerMedia",{value:g,enumerable:!0,writable:!1}),Object.defineProperty(C,"effects",{get:()=>p,enumerable:!0}),Object.defineProperty(C,"addEffect",{value:w=>(p.push(w),g.effects=p,C),enumerable:!0,writable:!1}),Object.defineProperty(C,"withEffect",{value:w=>C.addEffect(w),enumerable:!0,writable:!1}),Object.defineProperty(C,"withEffects",{value:w=>{for(let T of w)C.addEffect(T);return C},enumerable:!0,writable:!1}),C},trackedRegion:(t,e,r={})=>B.section(t,e,r),blurTrackedRegion:(t,e,r={})=>{let{padding:n,borderRadius:i,borderColor:o,borderWidth:a,...s}=r;return B.section(t,e,{padding:n??8,borderRadius:i??12,borderColor:o,borderWidth:a,effects:[new Pt({strength:s.strength??25,blurType:s.blurType??"Gaussian",...s})]})},chart:(t,e={})=>rd(t,e,ze.getAll()[0]?.family??"Inter"),camera:(t={})=>we({id:t.id??Q("camera"),kind:"camera",mode:t.mode??"lookAt",pitch:t.pitch??0,yaw:t.yaw??0,roll:t.roll??0,...t}),light:(t={})=>we({id:t.id??Q("light"),kind:"light",lightType:t.lightType??"point",color:t.color??"#ffffff",intensity:t.intensity??1,...t}),ambientLight:(t="#ffffff",e=.5,r={})=>st.ambient(t,e,r),sequence:(t,e)=>ud(t,e),environment:(t="studio",e={})=>st.environment(t,e),directionalLight:(t={})=>st.directional(t),pointLight:(t={})=>st.point(t),spotLight:(t={})=>st.spot(t),cube:t=>ot.cube(t),carousel3d:t=>ot.carousel(t),plane3d:t=>ot.plane(t),prism3d:t=>ot.prism(t),model:(t={})=>we({id:t.id??Q("model3d"),kind:"model3d",is3D:t.is3D??!0,modelFormat:t.modelFormat??"auto",loop:t.loop??!0,scale:t.scale??1,scaleX:t.scaleX??1,scaleY:t.scaleY??1,scaleZ:t.scaleZ??1,opacity:t.opacity??1,...t}),obj:(t,e={})=>B.model({src:t,modelFormat:"obj",...e}),fbx:(t,e={})=>B.model({src:t,modelFormat:"fbx",...e}),gltf:(t,e={})=>B.model({src:t,modelFormat:"gltf",...e}),glb:(t,e={})=>B.model({src:t,modelFormat:"glb",...e}),stl:(t,e={})=>B.model({src:t,modelFormat:"stl",...e}),ply:(t,e={})=>B.model({src:t,modelFormat:"ply",...e}),vox:(t,e={})=>B.model({src:t,modelFormat:"vox",...e}),threeDS:(t,e={})=>B.model({src:t,modelFormat:"3ds",...e}),off:(t,e={})=>B.model({src:t,modelFormat:"off",...e})},st={environment:(t="studio",e={})=>{let r=typeof t=="string"?{preset:t,...e}:{...t,...e};return we({kind:"light",lightType:"environment",preset:"studio",intensity:1,...r,id:r.id??Q("environment")})},ambient:(t="#ffffff",e=.5,r={})=>we({id:r.id??Q("light-ambient"),kind:"light",lightType:"ambient",color:t,intensity:e,...r}),directional:(t={})=>we({id:t.id??Q("light-directional"),kind:"light",lightType:"directional",color:t.color??"#ffffff",intensity:t.intensity??1,x:t.x??0,y:t.y??-1e3,z:t.z??-1e3,targetX:t.targetX??0,targetY:t.targetY??0,targetZ:t.targetZ??0,...t}),point:(t={})=>we({id:t.id??Q("light-point"),kind:"light",lightType:"point",color:t.color??"#ffffff",intensity:t.intensity??1,x:t.x??0,y:t.y??0,z:t.z??-500,radius:t.radius??1e3,decay:t.decay??1,...t}),spot:(t={})=>we({id:t.id??Q("light-spot"),kind:"light",lightType:"spot",color:t.color??"#ffffff",intensity:t.intensity??1,x:t.x??0,y:t.y??-500,z:t.z??-1e3,targetX:t.targetX??0,targetY:t.targetY??0,targetZ:t.targetZ??0,angle:t.angle??45,penumbra:t.penumbra??.2,radius:t.radius??2e3,decay:t.decay??1,...t})};function X3(t,e={},r={}){return B.section(t,e,r)}function q3(t,e,r={}){return typeof t=="object"&&"blurRegion"in t?t.blurRegion(e,r):B.blurTrackedRegion(t,e,r)}function Z3(t,e,r={}){return B.section(t,e,r)}var rb=Object.assign(Yt,to,{blur:t=>new Pt(t),vignette:t=>new Zt(t),colorBalance:t=>new Wi(t),colorKey:t=>new Hi(t),levels:t=>new ro(t),filmGrain:t=>new Je(t),curves:t=>new io(t),selectiveColor:t=>new oo(t),gradientMap:t=>new Mt(t),shadowsHighlights:t=>new ao(t),applyLut:t=>new so(t),unsharpMask:t=>new uo(t),highPass:t=>new lo(t),halftoneScreen:t=>new Nr(t),tileOffset:t=>new co(t),motionBlur:t=>new mo(t),ssao:t=>new po(t),pbrGlass:t=>new fo(t),depthOfField:t=>new ho(t),crop:t=>new Or(t),vision:t=>new mt(t),relight3d:t=>new go(t),modulate:t=>new yo(t),deflicker:t=>new bo(t),custom:(t,e={})=>new no(t,e)});var nb=/\.(png|jpe?g|webp|gif|avif|tiff?|bmp)(\?.*)?$/i,ib=/\.svg(\?.*)?$/i;function ob(t){let e=r=>r?{...r,enabled:!0}:void 0;return new Ki({...t.dropShadow&&{dropShadow:e(t.dropShadow)},...t.outerGlow&&{outerGlow:e(t.outerGlow)},...t.innerShadow&&{innerShadow:e(t.innerShadow)},...t.stroke&&{stroke:e(t.stroke)}})}function ab(t,e){let r=Math.max(16,Math.round(t)),n=Math.max(16,Math.round(e));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 jd={box:t=>B.box(t),flex:t=>B.flex(t),text:(t,e)=>B.text(t,e),shape:(t,e)=>B.shape(t,e),measure:(t,e)=>ze.measure(t,e),fonts:()=>ze.getAll().map(t=>t.family),autoId:Q,media:(t,e)=>ib.test(t)?B.svg(t,e):nb.test(t)?B.image(t,e):B.video(t,{muted:!0,...e}),style:(t,e)=>(t.withEffect(ob(e)),t),cutout:(t,{mode:e="person",...r})=>B.video(t,{muted:!0,volume:0,fit:"cover",...r}).withVision({mode:"matte",enableSegmentation:!0,variant:e==="subject"?"m":"s",confidence:.25,featherRadius:.04,keyBackground:!0}),particles:t=>B.particles(t),signal:(t,e)=>fs([...t],e),grain:({id:t,x:e,y:r,width:n,height:i,strength:o,size:a})=>B.svg(ab(n,i),{id:t,position:"absolute",x:e,y:r,width:n,height:i,fit:"fill",blendMode:"soft-light"}).withEffect(new Je({strength:o,...a!==void 0&&{size:a},shadows:1,midtones:1,highlights:1})),extrudedText:({fontWeight:t,...e})=>ot.extrudedText({...e,...t!==void 0&&{fontWeight:String(t)},align:"center",verticalAlign:"middle"}),matte:(t,e,r="alpha")=>(t.withMatte(e,r),t)};h();async function Vd(t,e={}){let r=await Ts(t);if(!r||r.channels.length===0)throw new Error(`analyzeAudio: could not decode audio from ${t}`);return Rs(r.channels,r.sampleRate,e)}function eb(t){return qu(jd,t)}export{vo as a,So as b,Es as c,Is as d,Vs as e,nm as f,im as g,zs as h,ko as i,om as j,js as k,am as l,_s as m,Po as n,Us as o,$s as p,Gs as q,Ws as r,Hs as s,Ys as t,Mo as u,Fr as v,Xs as w,qs as x,Kt as y,Zs as z,Ks as A,Qs as B,Js as C,Nn as D,On as E,eu as F,tu as G,Rn as H,ru as I,nu as J,iu as K,ou as L,au as M,su as N,uu as O,Qt as P,sm as Q,To as R,Co as S,Ao as T,Do as U,No as V,Oo as W,dx as X,mx as Y,hx as Z,Rr as _,ie as $,wo as aa,Fo as ba,Bo as ca,xu as da,vu as ea,Sm as fa,Su as ga,ku as ha,Pu as ia,Mu as ja,Tu as ka,Cu as la,Au as ma,Du as na,Nu as oa,Ou as pa,Ru as qa,Fu as ra,Bu as sa,Lu as ta,Dm as ua,Eu as va,Io as wa,Nm as xa,Iu as ya,Vu as za,Om as Aa,Rm as Ba,zu as Ca,Br as Da,Vo as Ea,Vr as Fa,zr as Ga,jr as Ha,Jt as Ia,je as Ja,Ur as Ka,Ho as La,yp as Ma,xp as Na,wp as Oa,vp as Pa,Sp as Qa,kp as Ra,Pp as Sa,Mp as Ta,Tp as Ua,Cp as Va,Ap as Wa,Dp as Xa,Un as Ya,Np as Za,td as _a,on as $a,hi as ab,an as bb,Ga as cb,Wa as db,sn as eb,ve as fb,ot as gb,sd as hb,fg as ib,ln as jb,xr as kb,cn as lb,wr as mb,Dg as nb,Ng as ob,$g as pb,Jd as qb,Rs as rb,ub as sb,lb as tb,cb as ub,Fs as vb,pb as wb,Bs as xb,tm as yb,fb as zb,zo as Ab,Fm as Bb,Lr as Cb,by as Db,yy as Eb,xy as Fb,wy as Gb,Bn as Hb,vy as Ib,Bm as Jb,Lm as Kb,Sy as Lb,ky as Mb,Py as Nb,Er as Ob,_o as Pb,Uu as Qb,$u as Rb,Wu as Sb,Go as Tb,Ry as Ub,Em as Vb,Im as Wb,Vm as Xb,jm as Yb,zy as Zb,qu as _b,Wo as $b,Zu as ac,Ku as bc,Qu as cc,Uy as dc,tt as ec,$y as fc,Xy as gc,Ir as hc,qy as ic,Zy as jc,Ky as kc,Qy as lc,Jy as mc,e0 as nc,Ym as oc,el as pc,In as qc,a0 as rc,s0 as sc,u0 as tc,l0 as uc,c0 as vc,d0 as wc,m0 as xc,h0 as yc,x0 as zc,S0 as Ac,rl as Bc,qm as Cc,nl as Dc,T0 as Ec,Qm as Fc,tp as Gc,ol as Hc,C0 as Ic,N0 as Jc,Vd as Kc,eb as Lc,Ed as Mc,Id as Nc,B as Oc,st as Pc,X3 as Qc,q3 as Rc,Z3 as Sc,rb as Tc};