@twick/2d 0.14.18 → 0.14.19

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 (536) hide show
  1. package/LICENSE +21 -21
  2. package/package.json +4 -4
  3. package/src/editor/NodeInspectorConfig.tsx +76 -76
  4. package/src/editor/PreviewOverlayConfig.tsx +67 -67
  5. package/src/editor/Provider.tsx +93 -93
  6. package/src/editor/SceneGraphTabConfig.tsx +81 -81
  7. package/src/editor/icons/CircleIcon.tsx +7 -7
  8. package/src/editor/icons/CodeBlockIcon.tsx +8 -8
  9. package/src/editor/icons/CurveIcon.tsx +7 -7
  10. package/src/editor/icons/GridIcon.tsx +7 -7
  11. package/src/editor/icons/IconMap.ts +35 -35
  12. package/src/editor/icons/ImgIcon.tsx +8 -8
  13. package/src/editor/icons/LayoutIcon.tsx +9 -9
  14. package/src/editor/icons/LineIcon.tsx +7 -7
  15. package/src/editor/icons/NodeIcon.tsx +7 -7
  16. package/src/editor/icons/RayIcon.tsx +7 -7
  17. package/src/editor/icons/RectIcon.tsx +7 -7
  18. package/src/editor/icons/ShapeIcon.tsx +7 -7
  19. package/src/editor/icons/TxtIcon.tsx +8 -8
  20. package/src/editor/icons/VideoIcon.tsx +7 -7
  21. package/src/editor/icons/View2DIcon.tsx +10 -10
  22. package/src/editor/index.ts +17 -17
  23. package/src/editor/tree/DetachedRoot.tsx +23 -23
  24. package/src/editor/tree/NodeElement.tsx +74 -74
  25. package/src/editor/tree/TreeElement.tsx +72 -72
  26. package/src/editor/tree/TreeRoot.tsx +10 -10
  27. package/src/editor/tree/ViewRoot.tsx +20 -20
  28. package/src/editor/tree/index.module.scss +38 -38
  29. package/src/editor/tree/index.ts +3 -3
  30. package/src/editor/tsconfig.build.json +5 -5
  31. package/src/editor/tsconfig.json +12 -12
  32. package/src/editor/tsdoc.json +4 -4
  33. package/src/editor/vite-env.d.ts +1 -1
  34. package/src/lib/code/CodeCursor.ts +445 -445
  35. package/src/lib/code/CodeDiffer.ts +78 -78
  36. package/src/lib/code/CodeFragment.ts +97 -97
  37. package/src/lib/code/CodeHighlighter.ts +75 -75
  38. package/src/lib/code/CodeMetrics.ts +47 -47
  39. package/src/lib/code/CodeRange.test.ts +74 -74
  40. package/src/lib/code/CodeRange.ts +216 -216
  41. package/src/lib/code/CodeScope.ts +101 -101
  42. package/src/lib/code/CodeSelection.ts +24 -24
  43. package/src/lib/code/CodeSignal.ts +327 -327
  44. package/src/lib/code/CodeTokenizer.ts +54 -54
  45. package/src/lib/code/DefaultHighlightStyle.ts +98 -98
  46. package/src/lib/code/LezerHighlighter.ts +113 -113
  47. package/src/lib/code/diff.test.ts +311 -311
  48. package/src/lib/code/diff.ts +319 -319
  49. package/src/lib/code/extractRange.ts +126 -126
  50. package/src/lib/code/index.ts +13 -13
  51. package/src/lib/components/Audio.ts +168 -168
  52. package/src/lib/components/Bezier.ts +105 -105
  53. package/src/lib/components/Circle.ts +266 -266
  54. package/src/lib/components/Code.ts +526 -526
  55. package/src/lib/components/CodeBlock.ts +576 -576
  56. package/src/lib/components/CubicBezier.ts +112 -112
  57. package/src/lib/components/Curve.ts +455 -455
  58. package/src/lib/components/Grid.ts +135 -135
  59. package/src/lib/components/Icon.ts +96 -96
  60. package/src/lib/components/Img.ts +319 -319
  61. package/src/lib/components/Knot.ts +157 -157
  62. package/src/lib/components/Latex.ts +122 -122
  63. package/src/lib/components/Layout.ts +1092 -1092
  64. package/src/lib/components/Line.ts +429 -429
  65. package/src/lib/components/Media.ts +576 -576
  66. package/src/lib/components/Node.ts +1940 -1940
  67. package/src/lib/components/Path.ts +137 -137
  68. package/src/lib/components/Polygon.ts +171 -171
  69. package/src/lib/components/QuadBezier.ts +100 -100
  70. package/src/lib/components/Ray.ts +125 -125
  71. package/src/lib/components/Rect.ts +187 -187
  72. package/src/lib/components/Rive.ts +156 -156
  73. package/src/lib/components/SVG.ts +797 -797
  74. package/src/lib/components/Shape.ts +143 -143
  75. package/src/lib/components/Spline.ts +344 -344
  76. package/src/lib/components/Txt.test.tsx +81 -81
  77. package/src/lib/components/Txt.ts +203 -203
  78. package/src/lib/components/TxtLeaf.ts +205 -205
  79. package/src/lib/components/Video.ts +461 -461
  80. package/src/lib/components/View2D.ts +98 -98
  81. package/src/lib/components/__tests__/children.test.tsx +142 -142
  82. package/src/lib/components/__tests__/clone.test.tsx +126 -126
  83. package/src/lib/components/__tests__/generatorTest.ts +28 -28
  84. package/src/lib/components/__tests__/mockScene2D.ts +45 -45
  85. package/src/lib/components/__tests__/query.test.tsx +122 -122
  86. package/src/lib/components/__tests__/state.test.tsx +60 -60
  87. package/src/lib/components/index.ts +28 -28
  88. package/src/lib/components/types.ts +35 -35
  89. package/src/lib/curves/ArcSegment.ts +159 -159
  90. package/src/lib/curves/CircleSegment.ts +77 -77
  91. package/src/lib/curves/CubicBezierSegment.ts +78 -78
  92. package/src/lib/curves/CurveDrawingInfo.ts +11 -11
  93. package/src/lib/curves/CurvePoint.ts +15 -15
  94. package/src/lib/curves/CurveProfile.ts +7 -7
  95. package/src/lib/curves/KnotInfo.ts +10 -10
  96. package/src/lib/curves/LineSegment.ts +62 -62
  97. package/src/lib/curves/Polynomial.ts +355 -355
  98. package/src/lib/curves/Polynomial2D.ts +62 -62
  99. package/src/lib/curves/PolynomialSegment.ts +124 -124
  100. package/src/lib/curves/QuadBezierSegment.ts +64 -64
  101. package/src/lib/curves/Segment.ts +17 -17
  102. package/src/lib/curves/UniformPolynomialCurveSampler.ts +94 -94
  103. package/src/lib/curves/createCurveProfileLerp.ts +471 -471
  104. package/src/lib/curves/getBezierSplineProfile.ts +223 -223
  105. package/src/lib/curves/getCircleProfile.ts +86 -86
  106. package/src/lib/curves/getPathProfile.ts +178 -178
  107. package/src/lib/curves/getPointAtDistance.ts +21 -21
  108. package/src/lib/curves/getPolylineProfile.test.ts +21 -21
  109. package/src/lib/curves/getPolylineProfile.ts +89 -89
  110. package/src/lib/curves/getRectProfile.ts +139 -139
  111. package/src/lib/curves/index.ts +16 -16
  112. package/src/lib/decorators/canvasStyleSignal.ts +16 -16
  113. package/src/lib/decorators/colorSignal.ts +9 -9
  114. package/src/lib/decorators/compound.ts +72 -72
  115. package/src/lib/decorators/computed.ts +18 -18
  116. package/src/lib/decorators/defaultStyle.ts +18 -18
  117. package/src/lib/decorators/filtersSignal.ts +136 -136
  118. package/src/lib/decorators/index.ts +10 -10
  119. package/src/lib/decorators/initializers.ts +32 -32
  120. package/src/lib/decorators/nodeName.ts +13 -13
  121. package/src/lib/decorators/signal.test.ts +90 -90
  122. package/src/lib/decorators/signal.ts +345 -345
  123. package/src/lib/decorators/spacingSignal.ts +15 -15
  124. package/src/lib/decorators/vector2Signal.ts +30 -30
  125. package/src/lib/globals.d.ts +2 -2
  126. package/src/lib/index.ts +8 -8
  127. package/src/lib/jsx-dev-runtime.ts +2 -2
  128. package/src/lib/jsx-runtime.ts +46 -46
  129. package/src/lib/parse-svg-path.d.ts +14 -14
  130. package/src/lib/partials/Filter.ts +180 -180
  131. package/src/lib/partials/Gradient.ts +102 -102
  132. package/src/lib/partials/Pattern.ts +34 -34
  133. package/src/lib/partials/ShaderConfig.ts +117 -117
  134. package/src/lib/partials/index.ts +4 -4
  135. package/src/lib/partials/types.ts +58 -58
  136. package/src/lib/scenes/Scene2D.ts +242 -242
  137. package/src/lib/scenes/index.ts +3 -3
  138. package/src/lib/scenes/makeScene2D.ts +16 -16
  139. package/src/lib/scenes/useScene2D.ts +6 -6
  140. package/src/lib/tsconfig.build.json +5 -5
  141. package/src/lib/tsconfig.json +10 -10
  142. package/src/lib/tsdoc.json +4 -4
  143. package/src/lib/utils/CanvasUtils.ts +306 -306
  144. package/src/lib/utils/diff.test.ts +453 -453
  145. package/src/lib/utils/diff.ts +148 -148
  146. package/src/lib/utils/index.ts +2 -2
  147. package/src/lib/utils/is.ts +11 -11
  148. package/src/lib/utils/makeSignalExtensions.ts +30 -30
  149. package/src/lib/utils/video/declarations.d.ts +1 -1
  150. package/src/lib/utils/video/ffmpeg-client.ts +50 -50
  151. package/src/lib/utils/video/mp4-parser-manager.ts +72 -72
  152. package/src/lib/utils/video/parser/index.ts +1 -1
  153. package/src/lib/utils/video/parser/parser.ts +257 -257
  154. package/src/lib/utils/video/parser/sampler.ts +72 -72
  155. package/src/lib/utils/video/parser/segment.ts +302 -302
  156. package/src/lib/utils/video/parser/sink.ts +29 -29
  157. package/src/lib/utils/video/parser/utils.ts +31 -31
  158. package/src/tsconfig.base.json +19 -19
  159. package/src/tsconfig.build.json +8 -8
  160. package/src/tsconfig.json +5 -5
  161. package/tsconfig.project.json +7 -7
  162. package/editor/editor/NodeInspectorConfig.d.ts +0 -3
  163. package/editor/editor/NodeInspectorConfig.d.ts.map +0 -1
  164. package/editor/editor/PreviewOverlayConfig.d.ts +0 -3
  165. package/editor/editor/PreviewOverlayConfig.d.ts.map +0 -1
  166. package/editor/editor/Provider.d.ts +0 -17
  167. package/editor/editor/Provider.d.ts.map +0 -1
  168. package/editor/editor/SceneGraphTabConfig.d.ts +0 -3
  169. package/editor/editor/SceneGraphTabConfig.d.ts.map +0 -1
  170. package/editor/editor/icons/CircleIcon.d.ts +0 -2
  171. package/editor/editor/icons/CircleIcon.d.ts.map +0 -1
  172. package/editor/editor/icons/CodeBlockIcon.d.ts +0 -2
  173. package/editor/editor/icons/CodeBlockIcon.d.ts.map +0 -1
  174. package/editor/editor/icons/CurveIcon.d.ts +0 -2
  175. package/editor/editor/icons/CurveIcon.d.ts.map +0 -1
  176. package/editor/editor/icons/GridIcon.d.ts +0 -2
  177. package/editor/editor/icons/GridIcon.d.ts.map +0 -1
  178. package/editor/editor/icons/IconMap.d.ts +0 -3
  179. package/editor/editor/icons/IconMap.d.ts.map +0 -1
  180. package/editor/editor/icons/ImgIcon.d.ts +0 -2
  181. package/editor/editor/icons/ImgIcon.d.ts.map +0 -1
  182. package/editor/editor/icons/LayoutIcon.d.ts +0 -2
  183. package/editor/editor/icons/LayoutIcon.d.ts.map +0 -1
  184. package/editor/editor/icons/LineIcon.d.ts +0 -2
  185. package/editor/editor/icons/LineIcon.d.ts.map +0 -1
  186. package/editor/editor/icons/NodeIcon.d.ts +0 -2
  187. package/editor/editor/icons/NodeIcon.d.ts.map +0 -1
  188. package/editor/editor/icons/RayIcon.d.ts +0 -2
  189. package/editor/editor/icons/RayIcon.d.ts.map +0 -1
  190. package/editor/editor/icons/RectIcon.d.ts +0 -2
  191. package/editor/editor/icons/RectIcon.d.ts.map +0 -1
  192. package/editor/editor/icons/ShapeIcon.d.ts +0 -2
  193. package/editor/editor/icons/ShapeIcon.d.ts.map +0 -1
  194. package/editor/editor/icons/TxtIcon.d.ts +0 -2
  195. package/editor/editor/icons/TxtIcon.d.ts.map +0 -1
  196. package/editor/editor/icons/VideoIcon.d.ts +0 -2
  197. package/editor/editor/icons/VideoIcon.d.ts.map +0 -1
  198. package/editor/editor/icons/View2DIcon.d.ts +0 -2
  199. package/editor/editor/icons/View2DIcon.d.ts.map +0 -1
  200. package/editor/editor/index.d.ts +0 -4
  201. package/editor/editor/index.d.ts.map +0 -1
  202. package/editor/editor/tree/DetachedRoot.d.ts +0 -2
  203. package/editor/editor/tree/DetachedRoot.d.ts.map +0 -1
  204. package/editor/editor/tree/NodeElement.d.ts +0 -8
  205. package/editor/editor/tree/NodeElement.d.ts.map +0 -1
  206. package/editor/editor/tree/TreeElement.d.ts +0 -15
  207. package/editor/editor/tree/TreeElement.d.ts.map +0 -1
  208. package/editor/editor/tree/TreeRoot.d.ts +0 -3
  209. package/editor/editor/tree/TreeRoot.d.ts.map +0 -1
  210. package/editor/editor/tree/ViewRoot.d.ts +0 -2
  211. package/editor/editor/tree/ViewRoot.d.ts.map +0 -1
  212. package/editor/editor/tree/index.d.ts +0 -4
  213. package/editor/editor/tree/index.d.ts.map +0 -1
  214. package/editor/editor/tsconfig.build.tsbuildinfo +0 -1
  215. package/editor/index.css +0 -33
  216. package/editor/index.js +0 -341
  217. package/editor/index.js.map +0 -1
  218. package/lib/code/CodeCursor.d.ts +0 -83
  219. package/lib/code/CodeCursor.d.ts.map +0 -1
  220. package/lib/code/CodeCursor.js +0 -306
  221. package/lib/code/CodeDiffer.d.ts +0 -28
  222. package/lib/code/CodeDiffer.d.ts.map +0 -1
  223. package/lib/code/CodeDiffer.js +0 -51
  224. package/lib/code/CodeFragment.d.ts +0 -42
  225. package/lib/code/CodeFragment.d.ts.map +0 -1
  226. package/lib/code/CodeFragment.js +0 -72
  227. package/lib/code/CodeHighlighter.d.ts +0 -71
  228. package/lib/code/CodeHighlighter.d.ts.map +0 -1
  229. package/lib/code/CodeHighlighter.js +0 -2
  230. package/lib/code/CodeMetrics.d.ts +0 -11
  231. package/lib/code/CodeMetrics.d.ts.map +0 -1
  232. package/lib/code/CodeMetrics.js +0 -29
  233. package/lib/code/CodeRange.d.ts +0 -41
  234. package/lib/code/CodeRange.d.ts.map +0 -1
  235. package/lib/code/CodeRange.js +0 -179
  236. package/lib/code/CodeScope.d.ts +0 -16
  237. package/lib/code/CodeScope.d.ts.map +0 -1
  238. package/lib/code/CodeScope.js +0 -72
  239. package/lib/code/CodeSelection.d.ts +0 -6
  240. package/lib/code/CodeSelection.d.ts.map +0 -1
  241. package/lib/code/CodeSelection.js +0 -13
  242. package/lib/code/CodeSignal.d.ts +0 -60
  243. package/lib/code/CodeSignal.d.ts.map +0 -1
  244. package/lib/code/CodeSignal.js +0 -194
  245. package/lib/code/CodeTokenizer.d.ts +0 -8
  246. package/lib/code/CodeTokenizer.d.ts.map +0 -1
  247. package/lib/code/CodeTokenizer.js +0 -50
  248. package/lib/code/DefaultHighlightStyle.d.ts +0 -3
  249. package/lib/code/DefaultHighlightStyle.d.ts.map +0 -1
  250. package/lib/code/DefaultHighlightStyle.js +0 -98
  251. package/lib/code/LezerHighlighter.d.ts +0 -22
  252. package/lib/code/LezerHighlighter.d.ts.map +0 -1
  253. package/lib/code/LezerHighlighter.js +0 -89
  254. package/lib/code/diff.d.ts +0 -31
  255. package/lib/code/diff.d.ts.map +0 -1
  256. package/lib/code/diff.js +0 -236
  257. package/lib/code/extractRange.d.ts +0 -17
  258. package/lib/code/extractRange.d.ts.map +0 -1
  259. package/lib/code/extractRange.js +0 -102
  260. package/lib/code/index.d.ts +0 -14
  261. package/lib/code/index.d.ts.map +0 -1
  262. package/lib/code/index.js +0 -14
  263. package/lib/components/Audio.d.ts +0 -14
  264. package/lib/components/Audio.d.ts.map +0 -1
  265. package/lib/components/Audio.js +0 -148
  266. package/lib/components/Bezier.d.ts +0 -23
  267. package/lib/components/Bezier.d.ts.map +0 -1
  268. package/lib/components/Bezier.js +0 -81
  269. package/lib/components/Circle.d.ts +0 -193
  270. package/lib/components/Circle.d.ts.map +0 -1
  271. package/lib/components/Circle.js +0 -178
  272. package/lib/components/Code.d.ts +0 -231
  273. package/lib/components/Code.d.ts.map +0 -1
  274. package/lib/components/Code.js +0 -325
  275. package/lib/components/CodeBlock.d.ts +0 -133
  276. package/lib/components/CodeBlock.d.ts.map +0 -1
  277. package/lib/components/CodeBlock.js +0 -461
  278. package/lib/components/CubicBezier.d.ts +0 -70
  279. package/lib/components/CubicBezier.d.ts.map +0 -1
  280. package/lib/components/CubicBezier.js +0 -81
  281. package/lib/components/Curve.d.ts +0 -204
  282. package/lib/components/Curve.d.ts.map +0 -1
  283. package/lib/components/Curve.js +0 -284
  284. package/lib/components/Grid.d.ts +0 -76
  285. package/lib/components/Grid.d.ts.map +0 -1
  286. package/lib/components/Grid.js +0 -91
  287. package/lib/components/Icon.d.ts +0 -59
  288. package/lib/components/Icon.d.ts.map +0 -1
  289. package/lib/components/Icon.js +0 -58
  290. package/lib/components/Img.d.ts +0 -118
  291. package/lib/components/Img.d.ts.map +0 -1
  292. package/lib/components/Img.js +0 -245
  293. package/lib/components/Knot.d.ts +0 -90
  294. package/lib/components/Knot.d.ts.map +0 -1
  295. package/lib/components/Knot.js +0 -68
  296. package/lib/components/Latex.d.ts +0 -39
  297. package/lib/components/Latex.d.ts.map +0 -1
  298. package/lib/components/Latex.js +0 -101
  299. package/lib/components/Layout.d.ts +0 -419
  300. package/lib/components/Layout.d.ts.map +0 -1
  301. package/lib/components/Layout.js +0 -706
  302. package/lib/components/Line.d.ts +0 -160
  303. package/lib/components/Line.d.ts.map +0 -1
  304. package/lib/components/Line.js +0 -346
  305. package/lib/components/Media.d.ts +0 -70
  306. package/lib/components/Media.d.ts.map +0 -1
  307. package/lib/components/Media.js +0 -493
  308. package/lib/components/Node.d.ts +0 -836
  309. package/lib/components/Node.d.ts.map +0 -1
  310. package/lib/components/Node.js +0 -1317
  311. package/lib/components/Path.d.ts +0 -20
  312. package/lib/components/Path.d.ts.map +0 -1
  313. package/lib/components/Path.js +0 -97
  314. package/lib/components/Polygon.d.ts +0 -113
  315. package/lib/components/Polygon.d.ts.map +0 -1
  316. package/lib/components/Polygon.js +0 -123
  317. package/lib/components/QuadBezier.d.ts +0 -62
  318. package/lib/components/QuadBezier.d.ts.map +0 -1
  319. package/lib/components/QuadBezier.js +0 -76
  320. package/lib/components/Ray.d.ts +0 -62
  321. package/lib/components/Ray.d.ts.map +0 -1
  322. package/lib/components/Ray.js +0 -96
  323. package/lib/components/Rect.d.ts +0 -114
  324. package/lib/components/Rect.d.ts.map +0 -1
  325. package/lib/components/Rect.js +0 -76
  326. package/lib/components/Rive.d.ts +0 -22
  327. package/lib/components/Rive.d.ts.map +0 -1
  328. package/lib/components/Rive.js +0 -117
  329. package/lib/components/SVG.d.ts +0 -178
  330. package/lib/components/SVG.d.ts.map +0 -1
  331. package/lib/components/SVG.js +0 -577
  332. package/lib/components/Shape.d.ts +0 -40
  333. package/lib/components/Shape.d.ts.map +0 -1
  334. package/lib/components/Shape.js +0 -134
  335. package/lib/components/Spline.d.ts +0 -89
  336. package/lib/components/Spline.d.ts.map +0 -1
  337. package/lib/components/Spline.js +0 -256
  338. package/lib/components/Txt.d.ts +0 -53
  339. package/lib/components/Txt.d.ts.map +0 -1
  340. package/lib/components/Txt.js +0 -173
  341. package/lib/components/TxtLeaf.d.ts +0 -21
  342. package/lib/components/TxtLeaf.d.ts.map +0 -1
  343. package/lib/components/TxtLeaf.js +0 -181
  344. package/lib/components/Video.d.ts +0 -69
  345. package/lib/components/Video.d.ts.map +0 -1
  346. package/lib/components/Video.js +0 -342
  347. package/lib/components/View2D.d.ts +0 -28
  348. package/lib/components/View2D.d.ts.map +0 -1
  349. package/lib/components/View2D.js +0 -93
  350. package/lib/components/index.d.ts +0 -29
  351. package/lib/components/index.d.ts.map +0 -1
  352. package/lib/components/index.js +0 -29
  353. package/lib/components/types.d.ts +0 -17
  354. package/lib/components/types.d.ts.map +0 -1
  355. package/lib/components/types.js +0 -2
  356. package/lib/curves/ArcSegment.d.ts +0 -26
  357. package/lib/curves/ArcSegment.d.ts.map +0 -1
  358. package/lib/curves/ArcSegment.js +0 -97
  359. package/lib/curves/CircleSegment.d.ts +0 -18
  360. package/lib/curves/CircleSegment.d.ts.map +0 -1
  361. package/lib/curves/CircleSegment.js +0 -52
  362. package/lib/curves/CubicBezierSegment.d.ts +0 -18
  363. package/lib/curves/CubicBezierSegment.d.ts.map +0 -1
  364. package/lib/curves/CubicBezierSegment.js +0 -55
  365. package/lib/curves/CurveDrawingInfo.d.ts +0 -11
  366. package/lib/curves/CurveDrawingInfo.d.ts.map +0 -1
  367. package/lib/curves/CurveDrawingInfo.js +0 -2
  368. package/lib/curves/CurvePoint.d.ts +0 -15
  369. package/lib/curves/CurvePoint.d.ts.map +0 -1
  370. package/lib/curves/CurvePoint.js +0 -2
  371. package/lib/curves/CurveProfile.d.ts +0 -7
  372. package/lib/curves/CurveProfile.d.ts.map +0 -1
  373. package/lib/curves/CurveProfile.js +0 -2
  374. package/lib/curves/KnotInfo.d.ts +0 -12
  375. package/lib/curves/KnotInfo.d.ts.map +0 -1
  376. package/lib/curves/KnotInfo.js +0 -2
  377. package/lib/curves/LineSegment.d.ts +0 -16
  378. package/lib/curves/LineSegment.d.ts.map +0 -1
  379. package/lib/curves/LineSegment.js +0 -45
  380. package/lib/curves/Polynomial.d.ts +0 -118
  381. package/lib/curves/Polynomial.d.ts.map +0 -1
  382. package/lib/curves/Polynomial.js +0 -259
  383. package/lib/curves/Polynomial2D.d.ts +0 -22
  384. package/lib/curves/Polynomial2D.d.ts.map +0 -1
  385. package/lib/curves/Polynomial2D.js +0 -45
  386. package/lib/curves/PolynomialSegment.d.ts +0 -39
  387. package/lib/curves/PolynomialSegment.d.ts.map +0 -1
  388. package/lib/curves/PolynomialSegment.js +0 -86
  389. package/lib/curves/QuadBezierSegment.d.ts +0 -17
  390. package/lib/curves/QuadBezierSegment.d.ts.map +0 -1
  391. package/lib/curves/QuadBezierSegment.js +0 -49
  392. package/lib/curves/Segment.d.ts +0 -9
  393. package/lib/curves/Segment.d.ts.map +0 -1
  394. package/lib/curves/Segment.js +0 -3
  395. package/lib/curves/UniformPolynomialCurveSampler.d.ts +0 -43
  396. package/lib/curves/UniformPolynomialCurveSampler.d.ts.map +0 -1
  397. package/lib/curves/UniformPolynomialCurveSampler.js +0 -73
  398. package/lib/curves/createCurveProfileLerp.d.ts +0 -32
  399. package/lib/curves/createCurveProfileLerp.d.ts.map +0 -1
  400. package/lib/curves/createCurveProfileLerp.js +0 -351
  401. package/lib/curves/getBezierSplineProfile.d.ts +0 -12
  402. package/lib/curves/getBezierSplineProfile.d.ts.map +0 -1
  403. package/lib/curves/getBezierSplineProfile.js +0 -137
  404. package/lib/curves/getCircleProfile.d.ts +0 -4
  405. package/lib/curves/getCircleProfile.d.ts.map +0 -1
  406. package/lib/curves/getCircleProfile.js +0 -44
  407. package/lib/curves/getPathProfile.d.ts +0 -3
  408. package/lib/curves/getPathProfile.d.ts.map +0 -1
  409. package/lib/curves/getPathProfile.js +0 -128
  410. package/lib/curves/getPointAtDistance.d.ts +0 -4
  411. package/lib/curves/getPointAtDistance.d.ts.map +0 -1
  412. package/lib/curves/getPointAtDistance.js +0 -15
  413. package/lib/curves/getPolylineProfile.d.ts +0 -4
  414. package/lib/curves/getPolylineProfile.d.ts.map +0 -1
  415. package/lib/curves/getPolylineProfile.js +0 -58
  416. package/lib/curves/getRectProfile.d.ts +0 -4
  417. package/lib/curves/getRectProfile.d.ts.map +0 -1
  418. package/lib/curves/getRectProfile.js +0 -57
  419. package/lib/curves/index.d.ts +0 -17
  420. package/lib/curves/index.d.ts.map +0 -1
  421. package/lib/curves/index.js +0 -17
  422. package/lib/decorators/canvasStyleSignal.d.ts +0 -5
  423. package/lib/decorators/canvasStyleSignal.d.ts.map +0 -1
  424. package/lib/decorators/canvasStyleSignal.js +0 -12
  425. package/lib/decorators/colorSignal.d.ts +0 -2
  426. package/lib/decorators/colorSignal.d.ts.map +0 -1
  427. package/lib/decorators/colorSignal.js +0 -9
  428. package/lib/decorators/compound.d.ts +0 -26
  429. package/lib/decorators/compound.d.ts.map +0 -1
  430. package/lib/decorators/compound.js +0 -49
  431. package/lib/decorators/computed.d.ts +0 -9
  432. package/lib/decorators/computed.d.ts.map +0 -1
  433. package/lib/decorators/computed.js +0 -18
  434. package/lib/decorators/defaultStyle.d.ts +0 -2
  435. package/lib/decorators/defaultStyle.d.ts.map +0 -1
  436. package/lib/decorators/defaultStyle.js +0 -14
  437. package/lib/decorators/filtersSignal.d.ts +0 -13
  438. package/lib/decorators/filtersSignal.d.ts.map +0 -1
  439. package/lib/decorators/filtersSignal.js +0 -73
  440. package/lib/decorators/index.d.ts +0 -11
  441. package/lib/decorators/index.d.ts.map +0 -1
  442. package/lib/decorators/index.js +0 -11
  443. package/lib/decorators/initializers.d.ts +0 -4
  444. package/lib/decorators/initializers.d.ts.map +0 -1
  445. package/lib/decorators/initializers.js +0 -27
  446. package/lib/decorators/nodeName.d.ts +0 -9
  447. package/lib/decorators/nodeName.d.ts.map +0 -1
  448. package/lib/decorators/nodeName.js +0 -13
  449. package/lib/decorators/signal.d.ts +0 -183
  450. package/lib/decorators/signal.d.ts.map +0 -1
  451. package/lib/decorators/signal.js +0 -285
  452. package/lib/decorators/spacingSignal.d.ts +0 -2
  453. package/lib/decorators/spacingSignal.d.ts.map +0 -1
  454. package/lib/decorators/spacingSignal.js +0 -15
  455. package/lib/decorators/vector2Signal.d.ts +0 -9
  456. package/lib/decorators/vector2Signal.d.ts.map +0 -1
  457. package/lib/decorators/vector2Signal.js +0 -15
  458. package/lib/index.d.ts +0 -9
  459. package/lib/index.d.ts.map +0 -1
  460. package/lib/index.js +0 -9
  461. package/lib/jsx-dev-runtime.d.ts +0 -3
  462. package/lib/jsx-dev-runtime.d.ts.map +0 -1
  463. package/lib/jsx-dev-runtime.js +0 -3
  464. package/lib/jsx-runtime.d.ts +0 -12
  465. package/lib/jsx-runtime.d.ts.map +0 -1
  466. package/lib/jsx-runtime.js +0 -23
  467. package/lib/partials/Filter.d.ts +0 -82
  468. package/lib/partials/Filter.d.ts.map +0 -1
  469. package/lib/partials/Filter.js +0 -135
  470. package/lib/partials/Gradient.d.ts +0 -31
  471. package/lib/partials/Gradient.d.ts.map +0 -1
  472. package/lib/partials/Gradient.js +0 -63
  473. package/lib/partials/Pattern.d.ts +0 -13
  474. package/lib/partials/Pattern.d.ts.map +0 -1
  475. package/lib/partials/Pattern.js +0 -27
  476. package/lib/partials/ShaderConfig.d.ts +0 -81
  477. package/lib/partials/ShaderConfig.d.ts.map +0 -1
  478. package/lib/partials/ShaderConfig.js +0 -25
  479. package/lib/partials/index.d.ts +0 -5
  480. package/lib/partials/index.d.ts.map +0 -1
  481. package/lib/partials/index.js +0 -5
  482. package/lib/partials/types.d.ts +0 -35
  483. package/lib/partials/types.d.ts.map +0 -1
  484. package/lib/partials/types.js +0 -2
  485. package/lib/scenes/Scene2D.d.ts +0 -29
  486. package/lib/scenes/Scene2D.d.ts.map +0 -1
  487. package/lib/scenes/Scene2D.js +0 -180
  488. package/lib/scenes/index.d.ts +0 -4
  489. package/lib/scenes/index.d.ts.map +0 -1
  490. package/lib/scenes/index.js +0 -4
  491. package/lib/scenes/makeScene2D.d.ts +0 -5
  492. package/lib/scenes/makeScene2D.d.ts.map +0 -1
  493. package/lib/scenes/makeScene2D.js +0 -11
  494. package/lib/scenes/useScene2D.d.ts +0 -3
  495. package/lib/scenes/useScene2D.d.ts.map +0 -1
  496. package/lib/scenes/useScene2D.js +0 -5
  497. package/lib/tsconfig.build.tsbuildinfo +0 -1
  498. package/lib/utils/CanvasUtils.d.ts +0 -23
  499. package/lib/utils/CanvasUtils.d.ts.map +0 -1
  500. package/lib/utils/CanvasUtils.js +0 -138
  501. package/lib/utils/diff.d.ts +0 -31
  502. package/lib/utils/diff.d.ts.map +0 -1
  503. package/lib/utils/diff.js +0 -97
  504. package/lib/utils/index.d.ts +0 -3
  505. package/lib/utils/index.d.ts.map +0 -1
  506. package/lib/utils/index.js +0 -3
  507. package/lib/utils/is.d.ts +0 -8
  508. package/lib/utils/is.d.ts.map +0 -1
  509. package/lib/utils/is.js +0 -10
  510. package/lib/utils/makeSignalExtensions.d.ts +0 -4
  511. package/lib/utils/makeSignalExtensions.d.ts.map +0 -1
  512. package/lib/utils/makeSignalExtensions.js +0 -20
  513. package/lib/utils/video/ffmpeg-client.d.ts +0 -5
  514. package/lib/utils/video/ffmpeg-client.d.ts.map +0 -1
  515. package/lib/utils/video/ffmpeg-client.js +0 -32
  516. package/lib/utils/video/mp4-parser-manager.d.ts +0 -3
  517. package/lib/utils/video/mp4-parser-manager.d.ts.map +0 -1
  518. package/lib/utils/video/mp4-parser-manager.js +0 -55
  519. package/lib/utils/video/parser/index.d.ts +0 -2
  520. package/lib/utils/video/parser/index.d.ts.map +0 -1
  521. package/lib/utils/video/parser/index.js +0 -2
  522. package/lib/utils/video/parser/parser.d.ts +0 -21
  523. package/lib/utils/video/parser/parser.d.ts.map +0 -1
  524. package/lib/utils/video/parser/parser.js +0 -168
  525. package/lib/utils/video/parser/sampler.d.ts +0 -16
  526. package/lib/utils/video/parser/sampler.d.ts.map +0 -1
  527. package/lib/utils/video/parser/sampler.js +0 -56
  528. package/lib/utils/video/parser/segment.d.ts +0 -48
  529. package/lib/utils/video/parser/segment.d.ts.map +0 -1
  530. package/lib/utils/video/parser/segment.js +0 -239
  531. package/lib/utils/video/parser/sink.d.ts +0 -9
  532. package/lib/utils/video/parser/sink.d.ts.map +0 -1
  533. package/lib/utils/video/parser/sink.js +0 -22
  534. package/lib/utils/video/parser/utils.d.ts +0 -10
  535. package/lib/utils/video/parser/utils.d.ts.map +0 -1
  536. package/lib/utils/video/parser/utils.js +0 -22
@@ -1,173 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- var _a;
8
- var Txt_1;
9
- import { DEFAULT, all, capitalize, threadable } from '@twick/core';
10
- import { computed, initial, nodeName, signal } from '../decorators';
11
- import { is } from '../utils';
12
- import { Shape } from './Shape';
13
- import { TXT_TYPE, TxtLeaf } from './TxtLeaf';
14
- let Txt = Txt_1 = class Txt extends Shape {
15
- /**
16
- * Create a bold text node.
17
- *
18
- * @remarks
19
- * This is a shortcut for
20
- * ```tsx
21
- * <Txt fontWeight={700} />
22
- * ```
23
- *
24
- * @param props - Additional text properties.
25
- */
26
- static b(props) {
27
- return new Txt_1({ ...props, fontWeight: 700 });
28
- }
29
- /**
30
- * Create an italic text node.
31
- *
32
- * @remarks
33
- * This is a shortcut for
34
- * ```tsx
35
- * <Txt fontStyle={'italic'} />
36
- * ```
37
- *
38
- * @param props - Additional text properties.
39
- */
40
- static i(props) {
41
- return new Txt_1({ ...props, fontStyle: 'italic' });
42
- }
43
- getText() {
44
- return this.innerText();
45
- }
46
- setText(value) {
47
- const children = this.children();
48
- let leaf = null;
49
- for (let i = 0; i < children.length; i++) {
50
- const child = children[i];
51
- if (leaf === null && child instanceof TxtLeaf) {
52
- leaf = child;
53
- }
54
- else {
55
- child.parent(null);
56
- }
57
- }
58
- if (leaf === null) {
59
- leaf = new TxtLeaf({ text: value });
60
- leaf.parent(this);
61
- }
62
- else {
63
- leaf.text(value);
64
- }
65
- this.setParsedChildren([leaf]);
66
- }
67
- setChildren(value) {
68
- if (this.children.context.raw() === value) {
69
- return;
70
- }
71
- if (typeof value === 'string') {
72
- this.text(value);
73
- }
74
- else {
75
- super.setChildren(value);
76
- }
77
- }
78
- *tweenText(value, time, timingFunction, interpolationFunction) {
79
- yield document.fonts?.ready;
80
- const children = this.children();
81
- if (children.length !== 1 || !(children[0] instanceof TxtLeaf)) {
82
- this.text.save();
83
- }
84
- const leaf = this.childAs(0);
85
- const oldText = leaf.text.context.raw();
86
- const oldSize = this.size.context.raw();
87
- leaf.text(value);
88
- const newSize = this.size();
89
- leaf.text(oldText ?? DEFAULT);
90
- if (this.height() === 0) {
91
- this.height(newSize.height);
92
- }
93
- yield* all(this.size(newSize, time, timingFunction), leaf.text(value, time, timingFunction, interpolationFunction));
94
- this.children.context.setter(value);
95
- this.size(oldSize);
96
- }
97
- getLayout() {
98
- return true;
99
- }
100
- constructor({ children, text, ...props }) {
101
- super(props);
102
- this[_a] = true;
103
- this.children(text ?? children);
104
- }
105
- innerText() {
106
- const children = this.childrenAs();
107
- let text = '';
108
- for (const child of children) {
109
- text += child.text();
110
- }
111
- return text;
112
- }
113
- parentTxt() {
114
- const parent = this.parent();
115
- return parent instanceof Txt_1 ? parent : null;
116
- }
117
- parseChildren(children) {
118
- const result = [];
119
- const array = Array.isArray(children) ? children : [children];
120
- for (const child of array) {
121
- if (child instanceof Txt_1 || child instanceof TxtLeaf) {
122
- result.push(child);
123
- }
124
- else if (typeof child === 'string') {
125
- result.push(new TxtLeaf({ text: child }));
126
- }
127
- }
128
- return result;
129
- }
130
- applyFlex() {
131
- super.applyFlex();
132
- this.element.style.display = this.findAncestor(is(Txt_1))
133
- ? 'inline'
134
- : 'block';
135
- }
136
- async draw(context) {
137
- await document.fonts?.ready;
138
- await this.drawChildren(context);
139
- }
140
- };
141
- _a = TXT_TYPE;
142
- __decorate([
143
- initial(''),
144
- signal()
145
- ], Txt.prototype, "text", void 0);
146
- __decorate([
147
- threadable()
148
- ], Txt.prototype, "tweenText", null);
149
- __decorate([
150
- computed()
151
- ], Txt.prototype, "innerText", null);
152
- __decorate([
153
- computed()
154
- ], Txt.prototype, "parentTxt", null);
155
- Txt = Txt_1 = __decorate([
156
- nodeName('Txt')
157
- ], Txt);
158
- export { Txt };
159
- [
160
- 'fill',
161
- 'stroke',
162
- 'lineWidth',
163
- 'strokeFirst',
164
- 'lineCap',
165
- 'lineJoin',
166
- 'lineDash',
167
- 'lineDashOffset',
168
- ].forEach(prop => {
169
- Txt.prototype[`getDefault${capitalize(prop)}`] = function (initial) {
170
- return this.parentTxt()?.[prop]() ?? initial;
171
- };
172
- });
173
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1R4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQU9BLE9BQU8sRUFBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUMsTUFBTSxhQUFhLENBQUM7QUFDakUsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNsRSxPQUFPLEVBQUMsRUFBRSxFQUFDLE1BQU0sVUFBVSxDQUFDO0FBRzVCLE9BQU8sRUFBQyxLQUFLLEVBQUMsTUFBTSxTQUFTLENBQUM7QUFDOUIsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUMsTUFBTSxXQUFXLENBQUM7QUFZckMsSUFBTSxHQUFHLFdBQVQsTUFBTSxHQUFJLFNBQVEsS0FBSztJQUc1Qjs7Ozs7Ozs7OztPQVVHO0lBQ0ksTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFlO1FBQzdCLE9BQU8sSUFBSSxLQUFHLENBQUMsRUFBQyxHQUFHLEtBQUssRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFDLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQ7Ozs7Ozs7Ozs7T0FVRztJQUNJLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBZTtRQUM3QixPQUFPLElBQUksS0FBRyxDQUFDLEVBQUMsR0FBRyxLQUFLLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBQyxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQU1TLE9BQU87UUFDZixPQUFPLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRVMsT0FBTyxDQUFDLEtBQTBCO1FBQzFDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQyxJQUFJLElBQUksR0FBbUIsSUFBSSxDQUFDO1FBQ2hDLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFF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
@@ -1,21 +0,0 @@
1
- import type { SignalValue, SimpleSignal } from '@twick/core';
2
- import { BBox } from '@twick/core';
3
- import type { ShapeProps } from './Shape';
4
- import { Shape } from './Shape';
5
- export interface TxtLeafProps extends ShapeProps {
6
- children?: string;
7
- text?: SignalValue<string>;
8
- }
9
- export declare const TXT_TYPE: unique symbol;
10
- export declare class TxtLeaf extends Shape {
11
- protected static readonly segmenter: any;
12
- readonly text: SimpleSignal<string, this>;
13
- constructor({ children, ...rest }: TxtLeafProps);
14
- protected parentTxt(): (import("./Node").Node & Record<typeof TXT_TYPE, unknown>) | null;
15
- protected draw(context: CanvasRenderingContext2D): Promise<void>;
16
- protected drawText(context: CanvasRenderingContext2D, text: string, box: BBox): Promise<void>;
17
- protected getCacheBBox(): BBox;
18
- protected applyFlex(): void;
19
- protected updateLayout(): void;
20
- }
21
- //# sourceMappingURL=TxtLeaf.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TxtLeaf.d.ts","sourceRoot":"","sources":["../../src/lib/components/TxtLeaf.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAC,IAAI,EAA6B,MAAM,aAAa,CAAC;AAQ7D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,eAAgB,CAAC;AAEtC,qBACa,OAAQ,SAAQ,KAAK;IAUhC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC;IAEzC,SAGwB,IAAI,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBAEtC,EAAC,QAAQ,EAAE,GAAG,IAAI,EAAC,EAAE,YAAY;IAQpD,SAAS,CAAC,SAAS;cAaM,IAAI,CAAC,OAAO,EAAE,wBAAwB;cA4C/C,QAAQ,CACtB,OAAO,EAAE,wBAAwB,EACjC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,IAAI;cAeQ,YAAY,IAAI,IAAI;cAepB,SAAS;cAKT,YAAY;CAmChC"}
@@ -1,181 +0,0 @@
1
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
- return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- var TxtLeaf_1;
8
- import { BBox, capitalize, lazy, textLerp } from '@twick/core';
9
- import { computed, initial, interpolation, nodeName, signal, } from '../decorators';
10
- import { Shape } from './Shape';
11
- export const TXT_TYPE = Symbol('Txt');
12
- let TxtLeaf = TxtLeaf_1 = class TxtLeaf extends Shape {
13
- constructor({ children, ...rest }) {
14
- super(rest);
15
- if (children) {
16
- this.text(children);
17
- }
18
- }
19
- parentTxt() {
20
- const parent = this.parent();
21
- if (!parent) {
22
- return null;
23
- }
24
- if (!(TXT_TYPE in parent)) {
25
- return null;
26
- }
27
- return parent;
28
- }
29
- async draw(context) {
30
- this.requestFontUpdate();
31
- this.applyStyle(context);
32
- await document.fonts?.ready;
33
- this.applyText(context);
34
- context.font = this.styles.font;
35
- context.textBaseline = 'bottom';
36
- if ('letterSpacing' in context) {
37
- context.letterSpacing = `${this.letterSpacing()}px`;
38
- }
39
- const fontOffset = context.measureText('').fontBoundingBoxAscent;
40
- const parentRect = this.element.getBoundingClientRect();
41
- const { width, height } = this.size();
42
- const range = document.createRange();
43
- let line = '';
44
- const lineRect = new BBox();
45
- for (const childNode of this.element.childNodes) {
46
- if (!childNode.textContent) {
47
- continue;
48
- }
49
- range.selectNodeContents(childNode);
50
- const rangeRect = range.getBoundingClientRect();
51
- const x = width / -2 + rangeRect.left - parentRect.left;
52
- const y = height / -2 + rangeRect.top - parentRect.top + fontOffset;
53
- if (lineRect.y === y) {
54
- lineRect.width += rangeRect.width;
55
- line += childNode.textContent;
56
- }
57
- else {
58
- await this.drawText(context, line, lineRect);
59
- lineRect.x = x;
60
- lineRect.y = y;
61
- lineRect.width = rangeRect.width;
62
- lineRect.height = rangeRect.height;
63
- line = childNode.textContent;
64
- }
65
- }
66
- await this.drawText(context, line, lineRect);
67
- }
68
- async drawText(context, text, box) {
69
- const y = box.y;
70
- text = text.replace(/\s+/g, ' ');
71
- if (this.lineWidth() <= 0) {
72
- context.fillText(text, box.x, y);
73
- }
74
- else if (this.strokeFirst()) {
75
- context.strokeText(text, box.x, y);
76
- context.fillText(text, box.x, y);
77
- }
78
- else {
79
- context.fillText(text, box.x, y);
80
- context.strokeText(text, box.x, y);
81
- }
82
- }
83
- getCacheBBox() {
84
- const size = this.computedSize();
85
- const range = document.createRange();
86
- range.selectNodeContents(this.element);
87
- const bbox = range.getBoundingClientRect();
88
- const lineWidth = this.lineWidth();
89
- // We take the default value of the miterLimit as 10.
90
- const miterLimitCoefficient = this.lineJoin() === 'miter' ? 0.5 * 10 : 0.5;
91
- return new BBox(-size.width / 2, -size.height / 2, bbox.width, bbox.height)
92
- .expand([0, this.fontSize() * 0.5])
93
- .expand(lineWidth * miterLimitCoefficient);
94
- }
95
- applyFlex() {
96
- super.applyFlex();
97
- this.element.style.display = 'inline';
98
- }
99
- updateLayout() {
100
- this.applyFont();
101
- this.applyFlex();
102
- // Make sure the text is aligned correctly even if the text is smaller than
103
- // the container.
104
- if (this.justifyContent.isInitial()) {
105
- this.element.style.justifyContent =
106
- this.styles.getPropertyValue('text-align');
107
- }
108
- const wrap = this.styles.whiteSpace !== 'nowrap' && this.styles.whiteSpace !== 'pre';
109
- if (wrap) {
110
- this.element.innerText = '';
111
- if (TxtLeaf_1.segmenter) {
112
- for (const word of TxtLeaf_1.segmenter.segment(this.text())) {
113
- this.element.appendChild(document.createTextNode(word.segment));
114
- }
115
- }
116
- else {
117
- for (const word of this.text().split('')) {
118
- this.element.appendChild(document.createTextNode(word));
119
- }
120
- }
121
- }
122
- else if (this.styles.whiteSpace === 'pre') {
123
- this.element.innerText = '';
124
- for (const line of this.text().split('\n')) {
125
- this.element.appendChild(document.createTextNode(line + '\n'));
126
- }
127
- }
128
- else {
129
- this.element.innerText = this.text();
130
- }
131
- }
132
- };
133
- __decorate([
134
- initial(''),
135
- interpolation(textLerp),
136
- signal()
137
- ], TxtLeaf.prototype, "text", void 0);
138
- __decorate([
139
- computed()
140
- ], TxtLeaf.prototype, "parentTxt", null);
141
- __decorate([
142
- lazy(() => {
143
- try {
144
- return new Intl.Segmenter(undefined, {
145
- granularity: 'grapheme',
146
- });
147
- }
148
- catch (e) {
149
- return null;
150
- }
151
- })
152
- ], TxtLeaf, "segmenter", void 0);
153
- TxtLeaf = TxtLeaf_1 = __decorate([
154
- nodeName('TxtLeaf')
155
- ], TxtLeaf);
156
- export { TxtLeaf };
157
- /**
158
- * Overwrite all getters for signal values to return the parent value if it
159
- * exists.
160
- *
161
- * The getters on the TxtLeaf class are used by the `@signal` decorators and
162
- * are not used by the class or its consumers directly.
163
- *
164
- * Check out 2d/src/lib/utils/makeSignalExtensions.ts if this is confusing.
165
- */
166
- [
167
- 'fill',
168
- 'stroke',
169
- 'lineWidth',
170
- 'strokeFirst',
171
- 'lineCap',
172
- 'lineJoin',
173
- 'lineDash',
174
- 'lineDashOffset',
175
- ].forEach(prop => {
176
- TxtLeaf.prototype[`get${capitalize(prop)}`] = function () {
177
- return (this.parentTxt()?.[prop]() ??
178
- this[prop].context.getInitial());
179
- };
180
- });
181
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHh0TGVhZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9UeHRMZWFmLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFDQSxPQUFPLEVBQUMsSUFBSSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFDLE1BQU0sYUFBYSxDQUFDO0FBQzdELE9BQU8sRUFDTCxRQUFRLEVBQ1IsT0FBTyxFQUNQLGFBQWEsRUFDYixRQUFRLEVBQ1IsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBQyxLQUFLLEVBQUMsTUFBTSxTQUFTLENBQUM7QUFPOUIsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztBQUcvQixJQUFNLE9BQU8sZUFBYixNQUFNLE9BQVEsU0FBUSxLQUFLO0lBaUJoQyxZQUFtQixFQUFDLFFBQVEsRUFBRSxHQUFHLElBQUksRUFBZTtRQUNsRCxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDWixJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0QixDQUFDO0lBQ0gsQ0FBQztJQUdTLFNBQVM7UUFDakIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNaLE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQztRQUVELElBQUksQ0FBQyxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQzFCLE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQztRQUVELE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7SUFFa0IsS0FBSyxDQUFDLElBQUksQ0FBQyxPQUFpQztRQUM3RCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsVUFBVSxDQUFDLE9B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
@@ -1,69 +0,0 @@
1
- import type { SerializedVector2, SignalValue, SimpleSignal } from '@twick/core';
2
- import type { DesiredLength } from '../partials';
3
- import type { MediaProps } from './Media';
4
- import { Media } from './Media';
5
- export interface VideoProps extends MediaProps {
6
- /**
7
- * {@inheritDoc Video.alpha}
8
- */
9
- alpha?: SignalValue<number>;
10
- /**
11
- * {@inheritDoc Video.smoothing}
12
- */
13
- smoothing?: SignalValue<boolean>;
14
- /**
15
- * {@inheritDoc Video.decoder}
16
- */
17
- decoder?: SignalValue<'web' | 'ffmpeg' | 'slow' | null>;
18
- }
19
- export declare class Video extends Media {
20
- /**
21
- * The alpha value of this video.
22
- *
23
- * @remarks
24
- * Unlike opacity, the alpha value affects only the video itself, leaving the
25
- * fill, stroke, and children intact.
26
- */
27
- readonly alpha: SimpleSignal<number, this>;
28
- /**
29
- * Whether the video should be smoothed.
30
- *
31
- * @remarks
32
- * When disabled, the video will be scaled using the nearest neighbor
33
- * interpolation with no smoothing. The resulting video will appear pixelated.
34
- *
35
- * @defaultValue true
36
- */
37
- readonly smoothing: SimpleSignal<boolean, this>;
38
- /**
39
- * Which decoder to use during rendering. The `web` decoder is the fastest
40
- * but only supports MP4 files. The `ffmpeg` decoder is slower and more resource
41
- * intensive but supports more formats. The `slow` decoder is the slowest but
42
- * supports all formats.
43
- *
44
- * @defaultValue null
45
- */
46
- readonly decoder: SimpleSignal<'web' | 'ffmpeg' | 'slow' | null, this>;
47
- detectedFileType: 'mp4' | 'webm' | 'hls' | 'mov' | 'unknown';
48
- private fileTypeWasDetected;
49
- private static readonly pool;
50
- private static readonly imageCommunication;
51
- constructor(props: VideoProps);
52
- protected desiredSize(): SerializedVector2<DesiredLength>;
53
- protected mediaElement(): HTMLVideoElement;
54
- protected seekedMedia(): HTMLVideoElement;
55
- protected fastSeekedMedia(): HTMLVideoElement;
56
- private video;
57
- protected seekedVideo(): HTMLVideoElement;
58
- protected fastSeekedVideo(): HTMLVideoElement;
59
- protected lastFrame: ImageBitmap | null;
60
- protected webcodecSeekedVideo(): Promise<CanvasImageSource>;
61
- protected ffmpegSeekedVideo(): Promise<ImageBitmap>;
62
- protected seekFunction(): Promise<CanvasImageSource>;
63
- protected draw(context: CanvasRenderingContext2D): Promise<void>;
64
- protected applyFlex(): void;
65
- remove(): this;
66
- private handleUnknownFileType;
67
- private detectFileType;
68
- }
69
- //# sourceMappingURL=Video.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/lib/components/Video.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAI/C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,MAAM,WAAW,UAAW,SAAQ,UAAU;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,qBACa,KAAM,SAAQ,KAAK;IAC9B;;;;;;OAMG;IACH,SAEwB,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAE1D;;;;;;;;OAQG;IACH,SAEwB,SAAS,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE/D;;;;;;;OAOG;IACH,SAEwB,OAAO,EAAE,YAAY,CAC3C,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI,EAChC,IAAI,CACL,CAAC;IAEK,gBAAgB,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,CACvD;IACZ,OAAO,CAAC,mBAAmB,CAAkB;IAE7C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAwC;IAEpE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAEb;gBAEV,KAAK,EAAE,UAAU;cAIjB,WAAW,IAAI,iBAAiB,CAAC,aAAa,CAAC;IAalE,SAAS,CAAC,YAAY,IAAI,gBAAgB;IAI1C,SAAS,CAAC,WAAW,IAAI,gBAAgB;IAIzC,SAAS,CAAC,eAAe,IAAI,gBAAgB;IAK7C,OAAO,CAAC,KAAK;IAuFb,SAAS,CAAC,WAAW,IAAI,gBAAgB;IAoBzC,SAAS,CAAC,eAAe,IAAI,gBAAgB;IAiC7C,SAAS,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAQ;cAE/B,mBAAmB,IAAI,OAAO,CAAC,iBAAiB,CAAC;cAcjD,iBAAiB,IAAI,OAAO,CAAC,WAAW,CAAC;cA8BzC,YAAY;cA4CH,IAAI,CAAC,OAAO,EAAE,wBAAwB;cA2B5C,SAAS;IAgBZ,MAAM;IAMtB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,cAAc;CAkEvB"}