ranger-compiler 3.5.1 → 3.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (338) hide show
  1. package/CHANGELOG.md +1064 -20
  2. package/LICENSE +3 -1
  3. package/README.md +123 -28
  4. package/dist/Lang.rgr +1188 -290
  5. package/dist/api.d.ts +2343 -879
  6. package/dist/api.js +79923 -56921
  7. package/dist/lib/JSON.rgr +102 -91
  8. package/dist/lib/Shell.rgr +4 -4
  9. package/dist/lib/apple/AppleToolchain.rgr +4 -4
  10. package/dist/lib/apple/README.md +5 -4
  11. package/dist/lib/apple/apple_test.rgr +1 -1
  12. package/dist/lib/core/README.md +1 -1
  13. package/dist/lib/evg/EVG.rgr +12 -0
  14. package/dist/lib/evg/EVGA11yFromTree.rgr +302 -0
  15. package/dist/lib/evg/EVGA11yTree.rgr +894 -0
  16. package/dist/lib/evg/EVGBox.rgr +267 -0
  17. package/dist/lib/evg/EVGBoxShorthandTest.rgr +220 -0
  18. package/dist/lib/evg/EVGCodepoint.rgr +316 -0
  19. package/dist/lib/evg/EVGColor.rgr +700 -0
  20. package/dist/lib/evg/EVGCommands.rgr +177 -0
  21. package/dist/lib/evg/EVGComponent.rgr +331 -0
  22. package/dist/lib/evg/EVGComponentTest.rgr +387 -0
  23. package/dist/lib/evg/EVGConnector.rgr +541 -0
  24. package/dist/lib/evg/EVGConnectorTest.rgr +306 -0
  25. package/dist/lib/evg/EVGDisplayList.rgr +4186 -0
  26. package/dist/lib/evg/EVGEasing.rgr +370 -0
  27. package/dist/lib/evg/EVGEffectTest.rgr +253 -0
  28. package/dist/lib/evg/EVGElement.rgr +4914 -0
  29. package/dist/lib/evg/EVGFixedTest.rgr +289 -0
  30. package/dist/lib/evg/EVGFlexRulesTest.rgr +317 -0
  31. package/dist/lib/evg/EVGFlexWrapTest.rgr +246 -0
  32. package/dist/lib/evg/EVGFling.rgr +244 -0
  33. package/dist/lib/evg/EVGFocus.rgr +400 -0
  34. package/dist/lib/evg/EVGFocusTest.rgr +399 -0
  35. package/dist/lib/evg/EVGGradient.rgr +322 -0
  36. package/dist/lib/evg/EVGGrapheme.rgr +190 -0
  37. package/dist/lib/evg/EVGGrid.rgr +975 -0
  38. package/dist/lib/evg/EVGHitTest.rgr +208 -0
  39. package/dist/lib/evg/EVGHoles.rgr +294 -0
  40. package/dist/lib/evg/EVGHostMeasurerTest.rgr +281 -0
  41. package/dist/lib/evg/EVGHostTextMeasurer.rgr +331 -0
  42. package/dist/lib/evg/EVGHostTree.rgr +834 -0
  43. package/dist/lib/evg/EVGHostTreeTest.rgr +447 -0
  44. package/dist/lib/evg/EVGImageDecode.rgr +117 -0
  45. package/dist/lib/evg/EVGImageMeasurer.rgr +86 -0
  46. package/dist/lib/evg/EVGInspect.rgr +883 -0
  47. package/dist/lib/evg/EVGInvalidateTest.rgr +432 -0
  48. package/dist/lib/evg/EVGJsonTest.rgr +535 -0
  49. package/dist/lib/evg/EVGLayout.rgr +4220 -0
  50. package/dist/lib/evg/EVGMeasure.rgr +1267 -0
  51. package/dist/lib/evg/EVGOverlayTest.rgr +626 -0
  52. package/dist/lib/evg/EVGPatch.rgr +1721 -0
  53. package/dist/lib/evg/EVGPatchTest.rgr +692 -0
  54. package/dist/lib/evg/EVGPopoverTest.rgr +395 -0
  55. package/dist/lib/evg/EVGReconcile.rgr +226 -0
  56. package/dist/lib/evg/EVGReconcileTest.rgr +421 -0
  57. package/dist/lib/evg/EVGReject.rgr +126 -0
  58. package/dist/lib/evg/EVGRelayoutTest.rgr +375 -0
  59. package/dist/lib/evg/EVGRtlLayoutTest.rgr +319 -0
  60. package/dist/lib/evg/EVGRuler.rgr +232 -0
  61. package/dist/lib/evg/EVGRulerTest.rgr +172 -0
  62. package/dist/lib/evg/EVGSelectChrome.rgr +178 -0
  63. package/dist/lib/evg/EVGStyleCacheTest.rgr +419 -0
  64. package/dist/lib/evg/EVGStyleSheet.rgr +2148 -0
  65. package/dist/lib/evg/EVGStyleStateTest.rgr +407 -0
  66. package/dist/lib/evg/EVGStyleVarTest.rgr +471 -0
  67. package/dist/lib/evg/EVGText.rgr +105 -0
  68. package/dist/lib/evg/EVGTextEngine.rgr +536 -0
  69. package/dist/lib/evg/EVGTextMeasurer.rgr +720 -0
  70. package/dist/lib/evg/EVGTimingTest.rgr +1417 -0
  71. package/dist/lib/evg/EVGToolbar.rgr +1369 -0
  72. package/dist/lib/evg/EVGTransition.rgr +728 -0
  73. package/dist/lib/evg/EVGTreeJson.rgr +721 -0
  74. package/dist/lib/evg/EVGUnit.rgr +554 -0
  75. package/dist/lib/evg/EVGViewportUnitTest.rgr +236 -0
  76. package/dist/lib/evg/EvgApp.rgr +189 -0
  77. package/dist/lib/evg/EvgBitmapTracer.rgr +4277 -0
  78. package/dist/lib/evg/EvgBitmapTracerTest.rgr +2119 -0
  79. package/dist/lib/evg/EvgHost.rgr +451 -0
  80. package/dist/lib/evg/EvgTest.rgr +91 -0
  81. package/dist/lib/evg/EvgTraceColor.rgr +236 -0
  82. package/dist/lib/evg/EvgTraceCurve.rgr +648 -0
  83. package/dist/lib/evg/EvgTraceFit.rgr +767 -0
  84. package/dist/lib/evg/EvgTracePath.rgr +435 -0
  85. package/dist/lib/evg/EvgTraceTypes.rgr +559 -0
  86. package/dist/lib/evg/EvgViewport.rgr +313 -0
  87. package/dist/lib/evg/FxDemoDoc.rgr +185 -0
  88. package/dist/lib/evg/HOSTS.md +227 -0
  89. package/dist/lib/evg/ISSUES.md +835 -0
  90. package/dist/lib/evg/PLAN_ACCESSIBILITY.md +650 -0
  91. package/dist/lib/evg/PLAN_CSS_LAYOUT_AND_FONTS.md +1124 -0
  92. package/dist/lib/evg/PLAN_EFFECTS.md +431 -0
  93. package/dist/lib/evg/PLAN_EVG.md +518 -0
  94. package/dist/lib/evg/PLAN_EVG_RENDERER.md +1674 -0
  95. package/dist/lib/evg/PLAN_INSPECTOR.md +788 -0
  96. package/dist/lib/evg/PLAN_LINKS_AND_FORMS.md +157 -0
  97. package/dist/lib/evg/PLAN_NATIVE_HOSTS.md +671 -0
  98. package/dist/lib/evg/PLAN_VECTOR_IR.md +664 -0
  99. package/dist/lib/evg/PLAN_VIEW_TRANSFORM.md +322 -0
  100. package/dist/lib/evg/PathBuilder.rgr +333 -0
  101. package/dist/lib/evg/README.md +1236 -0
  102. package/dist/lib/evg/SPEC.md +1252 -0
  103. package/dist/lib/evg/SVGPathParser.rgr +1199 -0
  104. package/dist/lib/evg/SvgParser.rgr +1736 -0
  105. package/dist/lib/evg/TODO_EVG_RENDERER.md +595 -0
  106. package/dist/lib/evg/VectorShapes.rgr +331 -0
  107. package/dist/lib/evg/VectorStroke.rgr +107 -0
  108. package/dist/lib/evg/VectorViewBox.rgr +380 -0
  109. package/dist/lib/evg/agent/README.md +290 -0
  110. package/dist/lib/evg/agent/evg_agent.rgr +899 -0
  111. package/dist/lib/evg/agent/fixtures/broken.evg.json +7 -0
  112. package/dist/lib/evg/agent/fixtures/card.evg.json +9 -0
  113. package/dist/lib/evg/agent/fixtures/connector.css +63 -0
  114. package/dist/lib/evg/agent/fixtures/connector.evg.json +14 -0
  115. package/dist/lib/evg/agent/fixtures/drawn.evg.json +129 -0
  116. package/dist/lib/evg/agent/fixtures/gradient.evg.json +4 -0
  117. package/dist/lib/evg/agent/fixtures/popover.css +99 -0
  118. package/dist/lib/evg/agent/fixtures/popover.evg.json +30 -0
  119. package/dist/lib/evg/agent/roundtrip.sh +74 -0
  120. package/dist/lib/evg/agent/smoke.sh +230 -0
  121. package/dist/lib/evg/android/README.md +97 -0
  122. package/dist/lib/evg/android/androidstubs/AndroidStubs.kt +175 -0
  123. package/dist/lib/evg/android/androidstubs/Annotation.kt +10 -0
  124. package/dist/lib/evg/android/androidstubs/App.kt +30 -0
  125. package/dist/lib/evg/android/androidstubs/Content.kt +41 -0
  126. package/dist/lib/evg/android/androidstubs/ContentRes.kt +12 -0
  127. package/dist/lib/evg/android/androidstubs/InputMethod.kt +46 -0
  128. package/dist/lib/evg/android/androidstubs/Net.kt +6 -0
  129. package/dist/lib/evg/android/androidstubs/Os.kt +30 -0
  130. package/dist/lib/evg/android/androidstubs/Util.kt +15 -0
  131. package/dist/lib/evg/android/androidstubs/View.kt +113 -0
  132. package/dist/lib/evg/android/androidstubs/Widget.kt +16 -0
  133. package/dist/lib/evg/android/src/android/kotlin/fi/ranger/evg/AndroidEvgSurface.kt +323 -0
  134. package/dist/lib/evg/android/src/android/kotlin/fi/ranger/evg/AndroidTextMeasurer.kt +56 -0
  135. package/dist/lib/evg/android/src/android/kotlin/fi/ranger/evg/RippleEffect.kt +262 -0
  136. package/dist/lib/evg/android/src/awt/kotlin/fi/ranger/evg/AwtEvgSurface.kt +238 -0
  137. package/dist/lib/evg/android/src/awt/kotlin/fi/ranger/evg/AwtTextMeasurer.kt +85 -0
  138. package/dist/lib/evg/android/src/main/kotlin/fi/ranger/evg/EvgEngineThread.kt +115 -0
  139. package/dist/lib/evg/android/src/main/kotlin/fi/ranger/evg/EvgPainter.kt +231 -0
  140. package/dist/lib/evg/android/src/main/kotlin/fi/ranger/evg/EvgSurface.kt +117 -0
  141. package/dist/lib/evg/android/src/main/kotlin/fi/ranger/evg/RecordingSurface.kt +94 -0
  142. package/dist/lib/evg/apple/README.md +128 -0
  143. package/dist/lib/evg/apple/Sources/CoreGraphicsEvgSurface.swift +329 -0
  144. package/dist/lib/evg/apple/Sources/CoreTextMeasurer.swift +70 -0
  145. package/dist/lib/evg/apple/Sources/EvgEngineQueue.swift +105 -0
  146. package/dist/lib/evg/apple/Sources/EvgPainter.swift +225 -0
  147. package/dist/lib/evg/apple/Sources/EvgSurface.swift +163 -0
  148. package/dist/lib/evg/apple/Sources/RecordingSurface.swift +110 -0
  149. package/dist/lib/evg/bench/EvgLayoutBench.rgr +34 -0
  150. package/dist/lib/evg/bench/README.md +64 -0
  151. package/dist/lib/evg/bench/layout-bench.mjs +316 -0
  152. package/dist/lib/evg/bench/layout-cases.mjs +510 -0
  153. package/dist/lib/evg/bench/layout-conformance.mjs +254 -0
  154. package/dist/lib/evg/bin/.gitignore +17 -0
  155. package/dist/lib/evg/evg_test.rgr +313 -0
  156. package/dist/lib/evg/gl/README.md +198 -0
  157. package/dist/lib/evg/gl/a11y-paint-check.mjs +73 -0
  158. package/dist/lib/evg/gl/blur-check.mjs +399 -0
  159. package/dist/lib/evg/gl/boxmodel.json +1 -0
  160. package/dist/lib/evg/gl/demo.html +46 -0
  161. package/dist/lib/evg/gl/effect-presets.css +285 -0
  162. package/dist/lib/evg/gl/effect-presets.js +63 -0
  163. package/dist/lib/evg/gl/effect-shots.mjs +135 -0
  164. package/dist/lib/evg/gl/evg-a11y.js +566 -0
  165. package/dist/lib/evg/gl/evg-binary.js +160 -0
  166. package/dist/lib/evg/gl/evg-engine.js +296 -0
  167. package/dist/lib/evg/gl/evg-fx.js +237 -0
  168. package/dist/lib/evg/gl/evg-gestures.js +209 -0
  169. package/dist/lib/evg/gl/evg-list.js +167 -0
  170. package/dist/lib/evg/gl/evg-measure.js +186 -0
  171. package/dist/lib/evg/gl/evg-textinput.js +303 -0
  172. package/dist/lib/evg/gl/evg-view.js +144 -0
  173. package/dist/lib/evg/gl/evg-webgl.js +3942 -0
  174. package/dist/lib/evg/gl/fx-check.mjs +998 -0
  175. package/dist/lib/evg/gl/fx-demo.html +166 -0
  176. package/dist/lib/evg/gl/fx-demo.js +2 -0
  177. package/dist/lib/evg/gl/fx-serve.mjs +47 -0
  178. package/dist/lib/evg/gl/gestures-check.mjs +189 -0
  179. package/dist/lib/evg/gl/list-binary-check.mjs +152 -0
  180. package/dist/lib/evg/gl/measure-check.mjs +135 -0
  181. package/dist/lib/evg/gl/rotation-check.mjs +207 -0
  182. package/dist/lib/evg/gl/shift-check.mjs +113 -0
  183. package/dist/lib/evg/gl/stroke-check.mjs +168 -0
  184. package/dist/lib/evg/gl/text-snap-check.mjs +139 -0
  185. package/dist/lib/evg/gl/view-check.mjs +343 -0
  186. package/dist/lib/evg/gl/view-policy-check.mjs +184 -0
  187. package/dist/lib/evg/html/evg-dom.js +318 -0
  188. package/dist/lib/evg/html/evg-html.js +600 -0
  189. package/dist/lib/evg/inspect/README.md +415 -0
  190. package/dist/lib/evg/inspect/browser-smoke.mjs +115 -0
  191. package/dist/lib/evg/inspect/evg-inspect.js +947 -0
  192. package/dist/lib/evg/inspect/shots/css.png +0 -0
  193. package/dist/lib/evg/inspect/shots/dashboard.png +0 -0
  194. package/dist/lib/evg/inspect/shots/pptx-slide.png +0 -0
  195. package/dist/lib/evg/inspect/shots/state.png +0 -0
  196. package/dist/lib/evg/inspect/shots.mjs +226 -0
  197. package/dist/lib/evg/oracle/css-blur.json +576 -0
  198. package/dist/lib/evg/oracle/css-box.json +157 -0
  199. package/dist/lib/evg/oracle/css-timing.json +709 -0
  200. package/dist/lib/evg/oracle/css_blur_oracle.mjs +529 -0
  201. package/dist/lib/evg/oracle/css_box_oracle.mjs +106 -0
  202. package/dist/lib/evg/oracle/css_timing_oracle.mjs +389 -0
  203. package/dist/lib/evg/original/EVGColor.clj +310 -0
  204. package/dist/lib/evg/original/EVGColorContext.rgr +178 -0
  205. package/dist/lib/evg/original/SVGPath.rgr +627 -0
  206. package/dist/lib/evg/original/Vec2.crgr +103 -0
  207. package/dist/lib/evg/ranger.json +9 -0
  208. package/dist/lib/evg/showcase/README.md +246 -0
  209. package/dist/lib/evg/showcase/assets/emblem.svg +30 -0
  210. package/dist/lib/evg/showcase/assets/rosette.svg +22 -0
  211. package/dist/lib/evg/showcase/build.mjs +651 -0
  212. package/dist/lib/evg/showcase/pages/album.tsx +30 -0
  213. package/dist/lib/evg/showcase/pages/boxmodel.tsx +37 -0
  214. package/dist/lib/evg/showcase/pages/cards.tsx +41 -0
  215. package/dist/lib/evg/showcase/pages/chart_api.tsx +170 -0
  216. package/dist/lib/evg/showcase/pages/charts.tsx +219 -0
  217. package/dist/lib/evg/showcase/pages/drawing.tsx +160 -0
  218. package/dist/lib/evg/showcase/pages/emoji.tsx +91 -0
  219. package/dist/lib/evg/showcase/pages/flex.tsx +46 -0
  220. package/dist/lib/evg/showcase/pages/more.tsx +332 -0
  221. package/dist/lib/evg/showcase/pages/plots.tsx +262 -0
  222. package/dist/lib/evg/showcase/pages/svg.tsx +63 -0
  223. package/dist/lib/evg/showcase/pages/tables.tsx +209 -0
  224. package/dist/lib/evg/showcase/pages/typography.tsx +43 -0
  225. package/dist/lib/evg/showcase/pages/units.tsx +35 -0
  226. package/dist/lib/evg/showcase/pages/variants.tsx +233 -0
  227. package/dist/lib/evg/showcase/pages/vector.tsx +75 -0
  228. package/dist/lib/evg/showcase/pages/views.tsx +223 -0
  229. package/dist/lib/evg/showcase/tests/chart_api_smoke.mjs +339 -0
  230. package/dist/lib/evg/showcase/tests/gl_smoke.mjs +125 -0
  231. package/dist/lib/evg/showcase/themes/chart_api-default.css +15 -0
  232. package/dist/lib/evg/showcase/themes/charts-default.css +29 -0
  233. package/dist/lib/evg/showcase/themes/drawing-default.css +35 -0
  234. package/dist/lib/evg/showcase/themes/more-default.css +128 -0
  235. package/dist/lib/evg/showcase/themes/plots-default.css +18 -0
  236. package/dist/lib/evg/showcase/themes/showcase.css +508 -0
  237. package/dist/lib/evg/showcase/themes/tables-default.css +123 -0
  238. package/dist/lib/evg/showcase/themes/variants-default.css +15 -0
  239. package/dist/lib/evg/showcase/themes/views-default.css +15 -0
  240. package/dist/lib/evg/tools/bench_vs_potrace.mjs +290 -0
  241. package/dist/lib/evg/tools/evg_image_tool.rgr +488 -0
  242. package/dist/lib/evg/tools/evg_trace_bench.rgr +114 -0
  243. package/dist/lib/evg/tools/evg_trace_cli.rgr +662 -0
  244. package/dist/lib/evg/tools/evg_trace_cpp_bench.rgr +83 -0
  245. package/dist/lib/evg/tools/run_trace_bench.sh +74 -0
  246. package/dist/lib/evg/tools/run_trace_cli_smoke.sh +128 -0
  247. package/dist/lib/evg/web/responsive/EvgResponsiveCheck.rgr +271 -0
  248. package/dist/lib/evg/web/responsive/EvgResponsiveDemo.rgr +531 -0
  249. package/dist/lib/evg/web/responsive/README.md +97 -0
  250. package/dist/lib/evg/web/responsive/build.mjs +90 -0
  251. package/dist/lib/evg/web/responsive/dom-check.mjs +169 -0
  252. package/dist/lib/evg/web/responsive/index.html +177 -0
  253. package/dist/lib/evg/web/responsive/smoke.mjs +221 -0
  254. package/dist/lib/evg/web/tools/assets-client.mjs +95 -0
  255. package/dist/lib/evg/web/tools/boot-bench.mjs +189 -0
  256. package/dist/lib/evg/web/tools/inline-assets.mjs +119 -0
  257. package/dist/lib/evg/web/tools/minify.mjs +60 -0
  258. package/dist/lib/evg/web/tracer/build.mjs +87 -0
  259. package/dist/lib/evg/web/tracer/index.html +2805 -0
  260. package/dist/lib/evg/web/tracer/sample.png +0 -0
  261. package/dist/lib/evg/web/tracer/smoke.mjs +1162 -0
  262. package/dist/lib/evgr/Cargo.lock +21 -0
  263. package/dist/lib/evgr/Cargo.toml +19 -0
  264. package/dist/lib/evgr/README.md +140 -0
  265. package/dist/lib/evgr/bench/NativeBench.rgr +246 -0
  266. package/dist/lib/evgr/bench/compare.mjs +252 -0
  267. package/dist/lib/evgr/bench/speed.mjs +277 -0
  268. package/dist/lib/evgr/bin/.gitignore +3 -0
  269. package/dist/lib/evgr/src/bin/bench.rs +106 -0
  270. package/dist/lib/evgr/src/bin/smoke.rs +13 -0
  271. package/dist/lib/evgr/src/grid.rs +730 -0
  272. package/dist/lib/evgr/src/lib.rs +1003 -0
  273. package/dist/lib/evgr/src/style.rs +468 -0
  274. package/dist/lib/evgr/src/text.rs +83 -0
  275. package/dist/lib/image/BitReader.rgr +171 -0
  276. package/dist/lib/image/Buffer.rgr +173 -0
  277. package/dist/lib/image/DCT.rgr +283 -0
  278. package/dist/lib/image/Deflate.rgr +339 -0
  279. package/dist/lib/image/HuffmanDecoder.rgr +181 -0
  280. package/dist/lib/image/ImageBuffer.rgr +706 -0
  281. package/dist/lib/image/JPEGDecoder.rgr +808 -0
  282. package/dist/lib/image/PNGDecoder.rgr +544 -0
  283. package/dist/lib/image/PNGEncoder.rgr +388 -0
  284. package/dist/lib/image/PPMImage.rgr +224 -0
  285. package/dist/lib/image/ProgressiveJPEGDecoder.rgr +1154 -0
  286. package/dist/lib/image/README.md +33 -0
  287. package/dist/lib/image/RasterBuffer.rgr +294 -0
  288. package/dist/lib/image/VP8BoolDecoder.rgr +163 -0
  289. package/dist/lib/image/WebPDecoder.rgr +433 -0
  290. package/dist/lib/image/WebPLossless.rgr +1035 -0
  291. package/dist/lib/image/WebPLossy.rgr +1929 -0
  292. package/dist/lib/image/ranger.json +9 -0
  293. package/dist/lib/image/testdata/webp/anim_2f_24x16.webp +0 -0
  294. package/dist/lib/image/testdata/webp/fixtures.txt +33 -0
  295. package/dist/lib/image/testdata/webp/gen_fixtures.py +261 -0
  296. package/dist/lib/image/testdata/webp/ll_1x1.webp +0 -0
  297. package/dist/lib/image/testdata/webp/ll_alpha_29x21.webp +0 -0
  298. package/dist/lib/image/testdata/webp/ll_gradient_64x64.webp +0 -0
  299. package/dist/lib/image/testdata/webp/ll_meta_32x32.webp +0 -0
  300. package/dist/lib/image/testdata/webp/ll_noise_17x9.webp +0 -0
  301. package/dist/lib/image/testdata/webp/ll_pal11_23x11.webp +0 -0
  302. package/dist/lib/image/testdata/webp/ll_pal2_19x7.webp +0 -0
  303. package/dist/lib/image/testdata/webp/ll_pal40_16x16.webp +0 -0
  304. package/dist/lib/image/testdata/webp/ll_pal4_13x5.webp +0 -0
  305. package/dist/lib/image/testdata/webp/ll_photo_40x30.webp +0 -0
  306. package/dist/lib/image/testdata/webp/ll_predictors_64x32.webp +0 -0
  307. package/dist/lib/image/testdata/webp/ly_1x1.webp +0 -0
  308. package/dist/lib/image/testdata/webp/ly_alph_raw_f0_21x13.webp +0 -0
  309. package/dist/lib/image/testdata/webp/ly_alph_raw_f1_21x13.webp +0 -0
  310. package/dist/lib/image/testdata/webp/ly_alph_raw_f2_21x13.webp +0 -0
  311. package/dist/lib/image/testdata/webp/ly_alph_raw_f3_21x13.webp +0 -0
  312. package/dist/lib/image/testdata/webp/ly_alph_vp8l_f0_21x13.webp +0 -0
  313. package/dist/lib/image/testdata/webp/ly_alph_vp8l_f1_21x13.webp +0 -0
  314. package/dist/lib/image/testdata/webp/ly_alph_vp8l_f2_21x13.webp +0 -0
  315. package/dist/lib/image/testdata/webp/ly_alph_vp8l_f3_21x13.webp +0 -0
  316. package/dist/lib/image/testdata/webp/ly_alpha_33x17.webp +0 -0
  317. package/dist/lib/image/testdata/webp/ly_exif_15x11.webp +0 -0
  318. package/dist/lib/image/testdata/webp/ly_i16_96x80.webp +0 -0
  319. package/dist/lib/image/testdata/webp/ly_nofilter_24x20.webp +0 -0
  320. package/dist/lib/image/testdata/webp/ly_odd_17x9.webp +0 -0
  321. package/dist/lib/image/testdata/webp/ly_photo_48x40.webp +0 -0
  322. package/dist/lib/image/testdata/webp/ly_q100_20x18.webp +0 -0
  323. package/dist/lib/image/testdata/webp/ly_sharp_40x36.webp +0 -0
  324. package/dist/lib/image/testdata/webp/ly_simple_filter_33x31.webp +0 -0
  325. package/dist/lib/image/testdata/webp/ly_vpx_parts8_37x45.webp +0 -0
  326. package/dist/lib/image/testdata/webp/ly_vpx_skip_96x80.webp +0 -0
  327. package/dist/lib/image/tests/WebPDecodeTool.rgr +81 -0
  328. package/dist/lib/image/tests/WebPDecoderTest.rgr +1162 -0
  329. package/dist/lib/image/tests/run_webp_tests.sh +39 -0
  330. package/dist/lib/rust/RsJson.rgr +468 -0
  331. package/dist/lib/rust/RsPrelude.rgr +1663 -0
  332. package/dist/lib/shell_test.rgr +7 -7
  333. package/dist/lib/stdlib.rgr +21 -5
  334. package/dist/lib/zip/ranger.json +6 -0
  335. package/dist/rgrc.js +87318 -67610
  336. package/package.json +1010 -1040
  337. package/dist/README.md +0 -117
  338. package/dist/package.json +0 -47
package/dist/lib/evg/showcase/pages/variants.tsx ADDED
@@ -0,0 +1,233 @@
1
+ // GENERATED by gallery/vela/tools/vela_evg.rgr — do not edit by hand.
2
+ //
3
+ // Each chart below is an unmodified Vega specification, compiled from a
4
+ // Vega-Lite example, run through the Vela runtime and drawn with the EVG
5
+ // vector layer: every gridline, bar, wedge and label is path data and text
6
+ // this repository computed, in all three targets.
7
+ //
8
+ // Regenerate with: npm run vela:showcase
9
+
10
+ import { View, Label, Path } from "./evg_types";
11
+
12
+ function render() {
13
+ return (
14
+ <View className="page">
15
+ <Label className="title">Muunnelmat</Label>
16
+ <View className="rule" />
17
+ <View className="row chartRow">
18
+ <View className="chartCell">
19
+ <View className="chartBox">
20
+ <View className="chart" position="relative" width="198px" height="123px">
21
+ <Path className="chartFrame" position="absolute" left="0px" top="0px" width="198px" height="123px" viewBox="0 0 198 123" fill="none" strokeWidth="1" opacity="0.4" d="M43.5,10.5 L193.5,10.5 L193.5,88.5 L43.5,88.5 Z" />
22
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="198px" height="123px" viewBox="0 0 198 123" fill="none" strokeWidth="1" opacity="0.25" d="M43.5,53.5 L193.5,53.5 M43.5,10.5 L193.5,10.5" />
23
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="198px" height="123px" viewBox="0 0 198 123" fill="none" strokeWidth="1" d="M51.5,88.5 L51.5,93.5 M67.5,88.5 L67.5,93.5 M84.5,88.5 L84.5,93.5 M101.5,88.5 L101.5,93.5 M118.5,88.5 L118.5,93.5 M134.5,88.5 L134.5,93.5 M151.5,88.5 L151.5,93.5 M168.5,88.5 L168.5,93.5 M184.5,88.5 L184.5,93.5" />
24
+ <Label className="chartLabel" position="absolute" left="44.271px" top="89.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">A</Label>
25
+ <Label className="chartLabel" position="absolute" left="60.938px" top="89.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">B</Label>
26
+ <Label className="chartLabel" position="absolute" left="77.604px" top="89.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">C</Label>
27
+ <Label className="chartLabel" position="absolute" left="94.271px" top="89.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">D</Label>
28
+ <Label className="chartLabel" position="absolute" left="110.938px" top="89.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">E</Label>
29
+ <Label className="chartLabel" position="absolute" left="127.604px" top="89.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">F</Label>
30
+ <Label className="chartLabel" position="absolute" left="144.271px" top="89.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">G</Label>
31
+ <Label className="chartLabel" position="absolute" left="160.938px" top="89.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">H</Label>
32
+ <Label className="chartLabel" position="absolute" left="177.604px" top="89.5px" width="14.125px" textAlign="center" fontSize="10px" rotate="270">I</Label>
33
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="198px" height="123px" viewBox="0 0 198 123" fill="none" strokeWidth="1" d="M43.5,88.5 L193.5,88.5" />
34
+ <Label className="chartTitle" position="absolute" left="111.925px" top="107.5px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold">a</Label>
35
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="198px" height="123px" viewBox="0 0 198 123" fill="none" strokeWidth="1" d="M43.5,53.5 L38.5,53.5 M43.5,10.5 L38.5,10.5" />
36
+ <Label className="chartLabel" position="absolute" left="23.875px" top="48.833px" width="12.625px" textAlign="right" fontSize="10px">0</Label>
37
+ <Label className="chartLabel" position="absolute" left="17.25px" top="5.5px" width="19.25px" textAlign="right" fontSize="10px">50</Label>
38
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="198px" height="123px" viewBox="0 0 198 123" fill="none" strokeWidth="1" d="M43.5,88.5 L43.5,10.5" />
39
+ <Label className="chartTitle" position="absolute" left="3.325px" top="42.9px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold" rotate="-90">b</Label>
40
+ <Path className="chartFill0" position="absolute" left="0px" top="0px" width="198px" height="123px" viewBox="0 0 198 123" stroke="none" d="M43.8333,53.3333 L58.8333,53.3333 L58.8333,72.4 L43.8333,72.4 Z M60.5,49 L75.5,49 L75.5,53.3333 L60.5,53.3333 Z M77.1667,53.3333 L92.1667,53.3333 L92.1667,59.4 L77.1667,59.4 Z M93.8333,17.8 L108.8333,17.8 L108.8333,53.3333 L93.8333,53.3333 Z M110.5,26.4667 L125.5,26.4667 L125.5,53.3333 L110.5,53.3333 Z M127.1667,50.7333 L142.1667,50.7333 L142.1667,53.3333 L127.1667,53.3333 Z M143.8333,53.3333 L158.8333,53.3333 L158.8333,80.2 L143.8333,80.2 Z M160.5,21.2667 L175.5,21.2667 L175.5,53.3333 L160.5,53.3333 Z M177.1667,51.6 L192.1667,51.6 L192.1667,53.3333 L177.1667,53.3333 Z" />
41
+ </View>
42
+ </View>
43
+ <Label className="caption">Negatiiviset arvot · 46 komentoa</Label>
44
+ </View>
45
+ <View className="chartCell">
46
+ <View className="chartBox">
47
+ <View className="chart" position="relative" width="191px" height="150px">
48
+ <Path className="chartFrame" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" opacity="0.4" d="M35.5,5.5 L185.5,5.5 L185.5,113.5 L35.5,113.5 Z" />
49
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" opacity="0.25" d="M35.5,113.5 L35.5,5.5 M65.5,113.5 L65.5,5.5 M95.5,113.5 L95.5,5.5 M125.5,113.5 L125.5,5.5 M155.5,113.5 L155.5,5.5 M185.5,113.5 L185.5,5.5" />
50
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" d="M35.5,113.5 L35.5,118.5 M65.5,113.5 L65.5,118.5 M95.5,113.5 L95.5,118.5 M125.5,113.5 L125.5,118.5 M155.5,113.5 L155.5,118.5 M185.5,113.5 L185.5,118.5" />
51
+ <Label className="chartLabel" position="absolute" left="35.5px" top="120.5px" width="12.625px" textAlign="left" fontSize="10px">0</Label>
52
+ <Label className="chartLabel" position="absolute" left="85.875px" top="120.5px" width="19.25px" textAlign="center" fontSize="10px">40</Label>
53
+ <Label className="chartLabel" position="absolute" left="145.875px" top="120.5px" width="19.25px" textAlign="center" fontSize="10px">80</Label>
54
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" d="M35.5,113.5 L185.5,113.5" />
55
+ <Label className="chartTitle" position="absolute" left="103.925px" top="134.5px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold">b</Label>
56
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" d="M35.5,10.5 L30.5,10.5 M35.5,22.5 L30.5,22.5 M35.5,34.5 L30.5,34.5 M35.5,46.5 L30.5,46.5 M35.5,58.5 L30.5,58.5 M35.5,71.5 L30.5,71.5 M35.5,83.5 L30.5,83.5 M35.5,95.5 L30.5,95.5 M35.5,107.5 L30.5,107.5" />
57
+ <Label className="chartLabel" position="absolute" left="14.375px" top="6px" width="14.125px" textAlign="right" fontSize="10px">A</Label>
58
+ <Label className="chartLabel" position="absolute" left="14.375px" top="18px" width="14.125px" textAlign="right" fontSize="10px">B</Label>
59
+ <Label className="chartLabel" position="absolute" left="14.375px" top="30px" width="14.125px" textAlign="right" fontSize="10px">C</Label>
60
+ <Label className="chartLabel" position="absolute" left="14.375px" top="42px" width="14.125px" textAlign="right" fontSize="10px">D</Label>
61
+ <Label className="chartLabel" position="absolute" left="14.375px" top="54px" width="14.125px" textAlign="right" fontSize="10px">E</Label>
62
+ <Label className="chartLabel" position="absolute" left="14.375px" top="66px" width="14.125px" textAlign="right" fontSize="10px">F</Label>
63
+ <Label className="chartLabel" position="absolute" left="14.375px" top="78px" width="14.125px" textAlign="right" fontSize="10px">G</Label>
64
+ <Label className="chartLabel" position="absolute" left="14.375px" top="90px" width="14.125px" textAlign="right" fontSize="10px">H</Label>
65
+ <Label className="chartLabel" position="absolute" left="14.375px" top="102px" width="14.125px" textAlign="right" fontSize="10px">I</Label>
66
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" d="M35.5,5.5 L35.5,113.5" />
67
+ <Label className="chartTitle" position="absolute" left="3.325px" top="52.9px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold" rotate="-90">a</Label>
68
+ <Path className="chartFill0" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" stroke="none" d="M35,5.6 L77,5.6 L77,16.4 L35,16.4 Z M35,17.6 L117.5,17.6 L117.5,28.4 L35,28.4 Z M35,29.6 L99.5,29.6 L99.5,40.4 L35,40.4 Z M35,41.6 L171.5,41.6 L171.5,52.4 L35,52.4 Z M35,53.6 L156.5,53.6 L156.5,64.4 L35,64.4 Z M35,65.6 L114.5,65.6 L114.5,76.4 L35,76.4 Z M35,77.6 L63.5,77.6 L63.5,88.4 L35,88.4 Z M35,89.6 L165.5,89.6 L165.5,100.4 L35,100.4 Z M35,101.6 L113,101.6 L113,112.4 L35,112.4 Z" />
69
+ </View>
70
+ </View>
71
+ <Label className="caption">Vaakapylväät · 58 komentoa</Label>
72
+ </View>
73
+ </View>
74
+ <View className="row chartRow">
75
+ <View className="chartCell">
76
+ <View className="chartBox">
77
+ <View className="chart" position="relative" width="191px" height="150px">
78
+ <Path className="chartFrame" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" opacity="0.4" d="M35.5,5.5 L185.5,5.5 L185.5,113.5 L35.5,113.5 Z" />
79
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" opacity="0.25" d="M35.5,113.5 L35.5,5.5 M65.5,113.5 L65.5,5.5 M95.5,113.5 L95.5,5.5 M125.5,113.5 L125.5,5.5 M155.5,113.5 L155.5,5.5 M185.5,113.5 L185.5,5.5" />
80
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" d="M35.5,113.5 L35.5,118.5 M65.5,113.5 L65.5,118.5 M95.5,113.5 L95.5,118.5 M125.5,113.5 L125.5,118.5 M155.5,113.5 L155.5,118.5 M185.5,113.5 L185.5,118.5" />
81
+ <Label className="chartLabel" position="absolute" left="35.5px" top="120.5px" width="12.625px" textAlign="left" fontSize="10px">0</Label>
82
+ <Label className="chartLabel" position="absolute" left="85.875px" top="120.5px" width="19.25px" textAlign="center" fontSize="10px">40</Label>
83
+ <Label className="chartLabel" position="absolute" left="145.875px" top="120.5px" width="19.25px" textAlign="center" fontSize="10px">80</Label>
84
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" d="M35.5,113.5 L185.5,113.5" />
85
+ <Label className="chartTitle" position="absolute" left="96.569px" top="134.5px" width="27.863px" textAlign="center" fontSize="11px" fontWeight="bold">c, b</Label>
86
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" d="M35.5,10.5 L30.5,10.5 M35.5,22.5 L30.5,22.5 M35.5,34.5 L30.5,34.5 M35.5,46.5 L30.5,46.5 M35.5,58.5 L30.5,58.5 M35.5,71.5 L30.5,71.5 M35.5,83.5 L30.5,83.5 M35.5,95.5 L30.5,95.5 M35.5,107.5 L30.5,107.5" />
87
+ <Label className="chartLabel" position="absolute" left="14.375px" top="6px" width="14.125px" textAlign="right" fontSize="10px">A</Label>
88
+ <Label className="chartLabel" position="absolute" left="14.375px" top="18px" width="14.125px" textAlign="right" fontSize="10px">B</Label>
89
+ <Label className="chartLabel" position="absolute" left="14.375px" top="30px" width="14.125px" textAlign="right" fontSize="10px">C</Label>
90
+ <Label className="chartLabel" position="absolute" left="14.375px" top="42px" width="14.125px" textAlign="right" fontSize="10px">D</Label>
91
+ <Label className="chartLabel" position="absolute" left="14.375px" top="54px" width="14.125px" textAlign="right" fontSize="10px">E</Label>
92
+ <Label className="chartLabel" position="absolute" left="14.375px" top="66px" width="14.125px" textAlign="right" fontSize="10px">F</Label>
93
+ <Label className="chartLabel" position="absolute" left="14.375px" top="78px" width="14.125px" textAlign="right" fontSize="10px">G</Label>
94
+ <Label className="chartLabel" position="absolute" left="14.375px" top="90px" width="14.125px" textAlign="right" fontSize="10px">H</Label>
95
+ <Label className="chartLabel" position="absolute" left="14.375px" top="102px" width="14.125px" textAlign="right" fontSize="10px">I</Label>
96
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" fill="none" strokeWidth="1" d="M35.5,5.5 L35.5,113.5" />
97
+ <Label className="chartTitle" position="absolute" left="3.325px" top="52.9px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold" rotate="-90">a</Label>
98
+ <Path className="chartFill0" position="absolute" left="0px" top="0px" width="191px" height="150px" viewBox="0 0 191 150" stroke="none" d="M42.5,5.6 L77,5.6 L77,16.4 L42.5,16.4 Z M48.5,17.6 L117.5,17.6 L117.5,28.4 L48.5,28.4 Z M38,29.6 L99.5,29.6 L99.5,40.4 L38,40.4 Z M45.5,41.6 L171.5,41.6 L171.5,52.4 L45.5,52.4 Z M41,53.6 L156.5,53.6 L156.5,64.4 L41,64.4 Z M44,65.6 L114.5,65.6 L114.5,76.4 L44,76.4 Z M47,77.6 L63.5,77.6 L63.5,88.4 L47,88.4 Z M36.5,89.6 L165.5,89.6 L165.5,100.4 L36.5,100.4 Z M39.5,101.6 L113,101.6 L113,112.4 L39.5,112.4 Z" />
99
+ </View>
100
+ </View>
101
+ <Label className="caption">Jana kahden arvon välissä · 58 komentoa</Label>
102
+ </View>
103
+ <View className="chartCell">
104
+ <View className="chartBox">
105
+ <View className="chart" position="relative" width="210px" height="125px">
106
+ <Path className="chartFrame" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" opacity="0.4" d="M51.5,10.5 L201.5,10.5 L201.5,88.5 L51.5,88.5 Z" />
107
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" opacity="0.25" d="M70.5,10.5 L70.5,88.5 M107.5,10.5 L107.5,88.5 M145.5,10.5 L145.5,88.5 M182.5,10.5 L182.5,88.5" />
108
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" opacity="0.25" d="M51.5,88.5 L201.5,88.5 M51.5,49.5 L201.5,49.5 M51.5,10.5 L201.5,10.5" />
109
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" d="M70.5,88.5 L70.5,93.5 M107.5,88.5 L107.5,93.5 M145.5,88.5 L145.5,93.5 M182.5,88.5 L182.5,93.5" />
110
+ <Label className="chartLabel" position="absolute" left="63.938px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">2</Label>
111
+ <Label className="chartLabel" position="absolute" left="101.438px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">4</Label>
112
+ <Label className="chartLabel" position="absolute" left="138.938px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">6</Label>
113
+ <Label className="chartLabel" position="absolute" left="176.438px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">8</Label>
114
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" d="M51.5,88.5 L201.5,88.5" />
115
+ <Label className="chartTitle" position="absolute" left="119.925px" top="109.5px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold">c</Label>
116
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" d="M51.5,88.5 L46.5,88.5 M51.5,49.5 L46.5,49.5 M51.5,10.5 L46.5,10.5" />
117
+ <Label className="chartLabel" position="absolute" left="31.875px" top="83.5px" width="12.625px" textAlign="right" fontSize="10px">0</Label>
118
+ <Label className="chartLabel" position="absolute" left="25.25px" top="44.5px" width="19.25px" textAlign="right" fontSize="10px">50</Label>
119
+ <Label className="chartLabel" position="absolute" left="18.625px" top="5.5px" width="25.875px" textAlign="right" fontSize="10px">100</Label>
120
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" d="M51.5,88.5 L51.5,10.5" />
121
+ <Label className="chartTitle" position="absolute" left="3.325px" top="42.9px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold" rotate="-90">b</Label>
122
+ <Path className="chartStroke0" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="2" d="M51,20.14 L69.75,20.14 L69.75,54.46 L88.5,54.46 L88.5,47.44 L107.25,47.44 L107.25,24.82 L126,24.82 L126,66.16 L144.75,66.16 L144.75,46.66 L163.5,46.66 L163.5,17.02 L182.25,17.02 L182.25,73.18 L201,73.18 L201,45.1" />
123
+ </View>
124
+ </View>
125
+ <Label className="caption">Porrasviiva · 37 komentoa</Label>
126
+ </View>
127
+ </View>
128
+ <View className="row chartRow">
129
+ <View className="chartCell">
130
+ <View className="chartBox">
131
+ <View className="chart" position="relative" width="210px" height="125px">
132
+ <Path className="chartFrame" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" opacity="0.4" d="M51.5,10.5 L201.5,10.5 L201.5,88.5 L51.5,88.5 Z" />
133
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" opacity="0.25" d="M70.5,10.5 L70.5,88.5 M107.5,10.5 L107.5,88.5 M145.5,10.5 L145.5,88.5 M182.5,10.5 L182.5,88.5" />
134
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" opacity="0.25" d="M51.5,88.5 L201.5,88.5 M51.5,49.5 L201.5,49.5 M51.5,10.5 L201.5,10.5" />
135
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" d="M70.5,88.5 L70.5,93.5 M107.5,88.5 L107.5,93.5 M145.5,88.5 L145.5,93.5 M182.5,88.5 L182.5,93.5" />
136
+ <Label className="chartLabel" position="absolute" left="63.938px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">2</Label>
137
+ <Label className="chartLabel" position="absolute" left="101.438px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">4</Label>
138
+ <Label className="chartLabel" position="absolute" left="138.938px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">6</Label>
139
+ <Label className="chartLabel" position="absolute" left="176.438px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">8</Label>
140
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" d="M51.5,88.5 L201.5,88.5" />
141
+ <Label className="chartTitle" position="absolute" left="119.925px" top="109.5px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold">c</Label>
142
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" d="M51.5,88.5 L46.5,88.5 M51.5,49.5 L46.5,49.5 M51.5,10.5 L46.5,10.5" />
143
+ <Label className="chartLabel" position="absolute" left="31.875px" top="83.5px" width="12.625px" textAlign="right" fontSize="10px">0</Label>
144
+ <Label className="chartLabel" position="absolute" left="25.25px" top="44.5px" width="19.25px" textAlign="right" fontSize="10px">50</Label>
145
+ <Label className="chartLabel" position="absolute" left="18.625px" top="5.5px" width="25.875px" textAlign="right" fontSize="10px">100</Label>
146
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="1" d="M51.5,88.5 L51.5,10.5" />
147
+ <Label className="chartTitle" position="absolute" left="3.325px" top="42.9px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold" rotate="-90">b</Label>
148
+ <Path className="chartStroke0" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" fill="none" strokeWidth="2" d="M51,20.14 L69.75,54.46 L88.5,47.44 L107.25,24.82 L126,66.16 L144.75,46.66 L163.5,17.02 L182.25,73.18 L201,45.1" />
149
+ <Path className="chartFill0" position="absolute" left="0px" top="0px" width="210px" height="125px" viewBox="0 0 210 125" stroke="none" d="M128.7386,66.16 C128.7386,67.6725 127.5125,68.8986 126,68.8986 C124.4875,68.8986 123.2614,67.6725 123.2614,66.16 C123.2614,64.6475 124.4875,63.4214 126,63.4214 C127.5125,63.4214 128.7386,64.6475 128.7386,66.16 Z M203.7386,45.1 C203.7386,46.6125 202.5125,47.8386 201,47.8386 C199.4875,47.8386 198.2614,46.6125 198.2614,45.1 C198.2614,43.5875 199.4875,42.3614 201,42.3614 C202.5125,42.3614 203.7386,43.5875 203.7386,45.1 Z M72.4886,54.46 C72.4886,55.9725 71.2625,57.1986 69.75,57.1986 C68.2375,57.1986 67.0114,55.9725 67.0114,54.46 C67.0114,52.9475 68.2375,51.7214 69.75,51.7214 C71.2625,51.7214 72.4886,52.9475 72.4886,54.46 Z M166.2386,17.02 C166.2386,18.5325 165.0125,19.7586 163.5,19.7586 C161.9875,19.7586 160.7614,18.5325 160.7614,17.02 C160.7614,15.5075 161.9875,14.2814 163.5,14.2814 C165.0125,14.2814 166.2386,15.5075 166.2386,17.02 Z M109.9886,24.82 C109.9886,26.3325 108.7625,27.5586 107.25,27.5586 C105.7375,27.5586 104.5114,26.3325 104.5114,24.82 C104.5114,23.3075 105.7375,22.0814 107.25,22.0814 C108.7625,22.0814 109.9886,23.3075 109.9886,24.82 Z M147.4886,46.66 C147.4886,48.1725 146.2625,49.3986 144.75,49.3986 C143.2375,49.3986 142.0114,48.1725 142.0114,46.66 C142.0114,45.1475 143.2375,43.9214 144.75,43.9214 C146.2625,43.9214 147.4886,45.1475 147.4886,46.66 Z M184.9886,73.18 C184.9886,74.6925 183.7625,75.9186 182.25,75.9186 C180.7375,75.9186 179.5114,74.6925 179.5114,73.18 C179.5114,71.6675 180.7375,70.4414 182.25,70.4414 C183.7625,70.4414 184.9886,71.6675 184.9886,73.18 Z M53.7386,20.14 C53.7386,21.6525 52.5125,22.8786 51,22.8786 C49.4875,22.8786 48.2614,21.6525 48.2614,20.14 C48.2614,18.6275 49.4875,17.4014 51,17.4014 C52.5125,17.4014 53.7386,18.6275 53.7386,20.14 Z M91.2386,47.44 C91.2386,48.9525 90.0125,50.1786 88.5,50.1786 C86.9875,50.1786 85.7614,48.9525 85.7614,47.44 C85.7614,45.9275 86.9875,44.7014 88.5,44.7014 C90.0125,44.7014 91.2386,45.9275 91.2386,47.44 Z" />
150
+ </View>
151
+ </View>
152
+ <Label className="caption">Viiva ja pisteet · 46 komentoa</Label>
153
+ </View>
154
+ <View className="chartCell">
155
+ <View className="chartBox">
156
+ <View className="chart" position="relative" width="162px" height="120px">
157
+ <Path className="chartFrame" position="absolute" left="0px" top="0px" width="162px" height="120px" viewBox="0 0 162 120" fill="none" strokeWidth="1" opacity="0.4" d="M6.5,5.5 L156.5,5.5 L156.5,83.5 L6.5,83.5 Z" />
158
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="162px" height="120px" viewBox="0 0 162 120" fill="none" strokeWidth="1" opacity="0.25" d="M6.5,83.5 L6.5,5.5 M36.5,83.5 L36.5,5.5 M66.5,83.5 L66.5,5.5 M96.5,83.5 L96.5,5.5 M126.5,83.5 L126.5,5.5 M156.5,83.5 L156.5,5.5" />
159
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="162px" height="120px" viewBox="0 0 162 120" fill="none" strokeWidth="1" d="M6.5,83.5 L6.5,88.5 M36.5,83.5 L36.5,88.5 M66.5,83.5 L66.5,88.5 M96.5,83.5 L96.5,88.5 M126.5,83.5 L126.5,88.5 M156.5,83.5 L156.5,88.5" />
160
+ <Label className="chartLabel" position="absolute" left="6.5px" top="90.5px" width="12.625px" textAlign="left" fontSize="10px">0</Label>
161
+ <Label className="chartLabel" position="absolute" left="56.875px" top="90.5px" width="19.25px" textAlign="center" fontSize="10px">40</Label>
162
+ <Label className="chartLabel" position="absolute" left="116.875px" top="90.5px" width="19.25px" textAlign="center" fontSize="10px">80</Label>
163
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="162px" height="120px" viewBox="0 0 162 120" fill="none" strokeWidth="1" d="M6.5,83.5 L156.5,83.5" />
164
+ <Label className="chartTitle" position="absolute" left="74.925px" top="104.5px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold">b</Label>
165
+ <Path className="chartFill0" position="absolute" left="0px" top="0px" width="162px" height="120px" viewBox="0 0 162 120" stroke="none" opacity="0.7" d="M47.5,14.75 L48.5,14.75 L48.5,73.25 L47.5,73.25 Z M88,14.75 L89,14.75 L89,73.25 L88,73.25 Z M70,14.75 L71,14.75 L71,73.25 L70,73.25 Z M142,14.75 L143,14.75 L143,73.25 L142,73.25 Z M127,14.75 L128,14.75 L128,73.25 L127,73.25 Z M85,14.75 L86,14.75 L86,73.25 L85,73.25 Z M34,14.75 L35,14.75 L35,73.25 L34,73.25 Z M136,14.75 L137,14.75 L137,73.25 L136,73.25 Z M83.5,14.75 L84.5,14.75 L84.5,73.25 L83.5,73.25 Z" />
166
+ </View>
167
+ </View>
168
+ <Label className="caption">Nauhakaavio · 36 komentoa</Label>
169
+ </View>
170
+ </View>
171
+ <View className="row chartRow">
172
+ <View className="chartCell">
173
+ <View className="chartBox">
174
+ <View className="chart" position="relative" width="248px" height="125px">
175
+ <Path className="chartFrame" position="absolute" left="0px" top="0px" width="248px" height="125px" viewBox="0 0 248 125" fill="none" strokeWidth="1" opacity="0.4" d="M51.5,10.5 L201.5,10.5 L201.5,88.5 L51.5,88.5 Z" />
176
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="248px" height="125px" viewBox="0 0 248 125" fill="none" strokeWidth="1" opacity="0.25" d="M51.5,10.5 L51.5,88.5 M84.5,10.5 L84.5,88.5 M118.5,10.5 L118.5,88.5 M151.5,10.5 L151.5,88.5 M184.5,10.5 L184.5,88.5" />
177
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="248px" height="125px" viewBox="0 0 248 125" fill="none" strokeWidth="1" opacity="0.25" d="M51.5,88.5 L201.5,88.5 M51.5,49.5 L201.5,49.5 M51.5,10.5 L201.5,10.5" />
178
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="248px" height="125px" viewBox="0 0 248 125" fill="none" strokeWidth="1" d="M51.5,88.5 L51.5,93.5 M84.5,88.5 L84.5,93.5 M118.5,88.5 L118.5,93.5 M151.5,88.5 L151.5,93.5 M184.5,88.5 L184.5,93.5" />
179
+ <Label className="chartLabel" position="absolute" left="51.5px" top="95.5px" width="12.625px" textAlign="left" fontSize="10px">0</Label>
180
+ <Label className="chartLabel" position="absolute" left="78.521px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">2</Label>
181
+ <Label className="chartLabel" position="absolute" left="111.854px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">4</Label>
182
+ <Label className="chartLabel" position="absolute" left="145.188px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">6</Label>
183
+ <Label className="chartLabel" position="absolute" left="178.521px" top="95.5px" width="12.625px" textAlign="center" fontSize="10px">8</Label>
184
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="248px" height="125px" viewBox="0 0 248 125" fill="none" strokeWidth="1" d="M51.5,88.5 L201.5,88.5" />
185
+ <Label className="chartTitle" position="absolute" left="119.925px" top="109.5px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold">c</Label>
186
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="248px" height="125px" viewBox="0 0 248 125" fill="none" strokeWidth="1" d="M51.5,88.5 L46.5,88.5 M51.5,49.5 L46.5,49.5 M51.5,10.5 L46.5,10.5" />
187
+ <Label className="chartLabel" position="absolute" left="31.875px" top="83.5px" width="12.625px" textAlign="right" fontSize="10px">0</Label>
188
+ <Label className="chartLabel" position="absolute" left="25.25px" top="44.5px" width="19.25px" textAlign="right" fontSize="10px">50</Label>
189
+ <Label className="chartLabel" position="absolute" left="18.625px" top="5.5px" width="25.875px" textAlign="right" fontSize="10px">100</Label>
190
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="248px" height="125px" viewBox="0 0 248 125" fill="none" strokeWidth="1" d="M51.5,88.5 L51.5,10.5" />
191
+ <Label className="chartTitle" position="absolute" left="3.325px" top="42.9px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold" rotate="-90">b</Label>
192
+ <Path className="chartStroke0" position="absolute" left="0px" top="0px" width="248px" height="125px" viewBox="0 0 248 125" fill="none" strokeWidth="2" opacity="0.7" d="M137.0719,66.16 C137.0719,67.6725 135.8458,68.8986 134.3333,68.8986 C132.8208,68.8986 131.5947,67.6725 131.5947,66.16 C131.5947,64.6475 132.8208,63.4214 134.3333,63.4214 C135.8458,63.4214 137.0719,64.6475 137.0719,66.16 Z M198.2614,42.3614 L203.7386,42.3614 L203.7386,47.8386 L198.2614,47.8386 Z M87.0719,54.46 C87.0719,55.9725 85.8458,57.1986 84.3333,57.1986 C82.8208,57.1986 81.5947,55.9725 81.5947,54.46 C81.5947,52.9475 82.8208,51.7214 84.3333,51.7214 C85.8458,51.7214 87.0719,52.9475 87.0719,54.46 Z M164.9281,14.2814 L170.4053,14.2814 L170.4053,19.7586 L164.9281,19.7586 Z M120.4053,24.82 C120.4053,26.3325 119.1792,27.5586 117.6667,27.5586 C116.1542,27.5586 114.9281,26.3325 114.9281,24.82 C114.9281,23.3075 116.1542,22.0814 117.6667,22.0814 C119.1792,22.0814 120.4053,23.3075 120.4053,24.82 Z M148.2614,43.9214 L153.7386,43.9214 L153.7386,49.3986 L148.2614,49.3986 Z M187.0719,73.18 C187.0719,74.6925 185.8458,75.9186 184.3333,75.9186 C182.8208,75.9186 181.5947,74.6925 181.5947,73.18 C181.5947,71.6675 182.8208,70.4414 184.3333,70.4414 C185.8458,70.4414 187.0719,71.6675 187.0719,73.18 Z M64.9281,17.4014 L70.4053,17.4014 L70.4053,22.8786 L64.9281,22.8786 Z M103.7386,47.44 C103.7386,48.9525 102.5125,50.1786 101,50.1786 C99.4875,50.1786 98.2614,48.9525 98.2614,47.44 C98.2614,45.9275 99.4875,44.7014 101,44.7014 C102.5125,44.7014 103.7386,45.9275 103.7386,47.44 Z" />
193
+ <Path className="chartStroke0" position="absolute" left="0px" top="0px" width="248px" height="125px" viewBox="0 0 248 125" fill="none" strokeWidth="1.5" opacity="0.7" d="M230,32 C230,34.7614 227.7614,37 225,37 C222.2386,37 220,34.7614 220,32 C220,29.2386 222.2386,27 225,27 C227.7614,27 230,29.2386 230,32 Z" />
194
+ <Label className="chartLabel" position="absolute" left="235px" top="27px" width="12.5px" textAlign="left" fontSize="10px">x</Label>
195
+ <Path className="chartStroke0" position="absolute" left="0px" top="0px" width="248px" height="125px" viewBox="0 0 248 125" fill="none" strokeWidth="1.5" opacity="0.7" d="M220,45 L230,45 L230,55 L220,55 Z" />
196
+ <Label className="chartLabel" position="absolute" left="235px" top="45px" width="12.5px" textAlign="left" fontSize="10px">y</Label>
197
+ <Label className="chartTitle" position="absolute" left="219px" top="10px" width="13.15px" textAlign="left" fontSize="11px" fontWeight="bold">g</Label>
198
+ </View>
199
+ </View>
200
+ <Label className="caption">Muotoselite · 61 komentoa</Label>
201
+ </View>
202
+ <View className="chartCell">
203
+ <View className="chartBox">
204
+ <View className="chart" position="relative" width="242.813px" height="134px">
205
+ <Path className="chartFrame" position="absolute" left="0px" top="0px" width="242.813px" height="134px" viewBox="0 0 242.813 134" fill="none" strokeWidth="1" opacity="0.4" d="M81.3125,19.5 L231.3125,19.5 L231.3125,97.5 L81.3125,97.5 Z" />
206
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="242.813px" height="134px" viewBox="0 0 242.813 134" fill="none" strokeWidth="1" opacity="0.25" d="M81.3125,19.5 L81.3125,97.5 M114.3125,19.5 L114.3125,97.5 M148.3125,19.5 L148.3125,97.5 M181.3125,19.5 L181.3125,97.5 M214.3125,19.5 L214.3125,97.5" />
207
+ <Path className="chartGrid" position="absolute" left="0px" top="0px" width="242.813px" height="134px" viewBox="0 0 242.813 134" fill="none" strokeWidth="1" opacity="0.25" d="M81.3125,97.5 L231.3125,97.5 M81.3125,58.5 L231.3125,58.5 M81.3125,19.5 L231.3125,19.5" />
208
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="242.813px" height="134px" viewBox="0 0 242.813 134" fill="none" strokeWidth="1" d="M81.3125,97.5 L81.3125,102.5 M114.3125,97.5 L114.3125,102.5 M148.3125,97.5 L148.3125,102.5 M181.3125,97.5 L181.3125,102.5 M214.3125,97.5 L214.3125,102.5" />
209
+ <Label className="chartLabel" position="absolute" left="81.313px" top="104.5px" width="12.625px" textAlign="left" fontSize="10px">0</Label>
210
+ <Label className="chartLabel" position="absolute" left="108.333px" top="104.5px" width="12.625px" textAlign="center" fontSize="10px">2</Label>
211
+ <Label className="chartLabel" position="absolute" left="141.667px" top="104.5px" width="12.625px" textAlign="center" fontSize="10px">4</Label>
212
+ <Label className="chartLabel" position="absolute" left="175px" top="104.5px" width="12.625px" textAlign="center" fontSize="10px">6</Label>
213
+ <Label className="chartLabel" position="absolute" left="208.333px" top="104.5px" width="12.625px" textAlign="center" fontSize="10px">8</Label>
214
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="242.813px" height="134px" viewBox="0 0 242.813 134" fill="none" strokeWidth="1" d="M81.3125,97.5 L231.3125,97.5" />
215
+ <Label className="chartTitle" position="absolute" left="149.738px" top="118.5px" width="13.15px" textAlign="center" fontSize="11px" fontWeight="bold">c</Label>
216
+ <Path className="chartTick" position="absolute" left="0px" top="0px" width="242.813px" height="134px" viewBox="0 0 242.813 134" fill="none" strokeWidth="1" d="M81.3125,97.5 L76.3125,97.5 M81.3125,58.5 L76.3125,58.5 M81.3125,19.5 L76.3125,19.5" />
217
+ <Label className="chartLabel" position="absolute" left="61.688px" top="92.5px" width="12.625px" textAlign="right" fontSize="10px">0</Label>
218
+ <Label className="chartLabel" position="absolute" left="55.063px" top="53.5px" width="19.25px" textAlign="right" fontSize="10px">50</Label>
219
+ <Label className="chartLabel" position="absolute" left="48.438px" top="14.5px" width="25.875px" textAlign="right" fontSize="10px">100</Label>
220
+ <Path className="chartDomain" position="absolute" left="0px" top="0px" width="242.813px" height="134px" viewBox="0 0 242.813 134" fill="none" strokeWidth="1" d="M81.3125,97.5 L81.3125,19.5" />
221
+ <Label className="chartTitle" position="absolute" left="0px" top="51.9px" width="79.425px" textAlign="center" fontSize="11px" fontWeight="bold" rotate="-90">b, Mean of b</Label>
222
+ <Path className="chartStroke0" position="absolute" left="0px" top="0px" width="242.813px" height="134px" viewBox="0 0 242.813 134" fill="none" strokeWidth="2" opacity="0.7" d="M166.8844,75.16 C166.8844,76.6725 165.6583,77.8986 164.1458,77.8986 C162.6333,77.8986 161.4072,76.6725 161.4072,75.16 C161.4072,73.6475 162.6333,72.4214 164.1458,72.4214 C165.6583,72.4214 166.8844,73.6475 166.8844,75.16 Z M233.5511,54.1 C233.5511,55.6125 232.325,56.8386 230.8125,56.8386 C229.3,56.8386 228.0739,55.6125 228.0739,54.1 C228.0739,52.5875 229.3,51.3614 230.8125,51.3614 C232.325,51.3614 233.5511,52.5875 233.5511,54.1 Z M116.8844,63.46 C116.8844,64.9725 115.6583,66.1986 114.1458,66.1986 C112.6333,66.1986 111.4072,64.9725 111.4072,63.46 C111.4072,61.9475 112.6333,60.7214 114.1458,60.7214 C115.6583,60.7214 116.8844,61.9475 116.8844,63.46 Z M200.2178,26.02 C200.2178,27.5325 198.9917,28.7586 197.4792,28.7586 C195.9667,28.7586 194.7406,27.5325 194.7406,26.02 C194.7406,24.5075 195.9667,23.2814 197.4792,23.2814 C198.9917,23.2814 200.2178,24.5075 200.2178,26.02 Z M150.2178,33.82 C150.2178,35.3325 148.9917,36.5586 147.4792,36.5586 C145.9667,36.5586 144.7406,35.3325 144.7406,33.82 C144.7406,32.3075 145.9667,31.0814 147.4792,31.0814 C148.9917,31.0814 150.2178,32.3075 150.2178,33.82 Z M183.5511,55.66 C183.5511,57.1725 182.325,58.3986 180.8125,58.3986 C179.3,58.3986 178.0739,57.1725 178.0739,55.66 C178.0739,54.1475 179.3,52.9214 180.8125,52.9214 C182.325,52.9214 183.5511,54.1475 183.5511,55.66 Z M216.8844,82.18 C216.8844,83.6925 215.6583,84.9186 214.1458,84.9186 C212.6333,84.9186 211.4072,83.6925 211.4072,82.18 C211.4072,80.6675 212.6333,79.4414 214.1458,79.4414 C215.6583,79.4414 216.8844,80.6675 216.8844,82.18 Z M100.2178,29.14 C100.2178,30.6525 98.9917,31.8786 97.4792,31.8786 C95.9667,31.8786 94.7406,30.6525 94.7406,29.14 C94.7406,27.6275 95.9667,26.4014 97.4792,26.4014 C98.9917,26.4014 100.2178,27.6275 100.2178,29.14 Z M133.5511,56.44 C133.5511,57.9525 132.325,59.1786 130.8125,59.1786 C129.3,59.1786 128.0739,57.9525 128.0739,56.44 C128.0739,54.9275 129.3,53.7014 130.8125,53.7014 C132.325,53.7014 133.5511,54.9275 133.5511,56.44 Z" />
223
+ <Path className="chartStroke1" position="absolute" left="0px" top="0px" width="242.813px" height="134px" viewBox="0 0 242.813 134" fill="none" strokeWidth="1" d="M230.8125,52.8867 L80.8125,52.8867" />
224
+ </View>
225
+ </View>
226
+ <Label className="caption">Keskiarvoviiva · 49 komentoa</Label>
227
+ </View>
228
+ </View>
229
+ </View>
230
+ );
231
+ }
232
+
233
+ export default render;
package/dist/lib/evg/showcase/pages/vector.tsx ADDED
@@ -0,0 +1,75 @@
1
+ import { View, Label, Path } from "./evg_types";
2
+
3
+ /**
4
+ * Vector paths. Every shape below is the SAME path data in all three targets —
5
+ * real vector operators in the PDF, an inline <svg> in the HTML, and an
6
+ * anti-aliased scanline fill in the PNG — because they share one path parser,
7
+ * one viewBox transform and, on the raster side, the same rasterizer that
8
+ * paints the glyphs on this page.
9
+ *
10
+ * Nothing here carries a colour or a size. `d` and `viewBox` are geometry, not
11
+ * appearance: the theme decides how large a shape is drawn and what colour it
12
+ * is filled with, and the shape does not change when it moves between themes
13
+ * or between targets.
14
+ */
15
+ function render() {
16
+ return (
17
+ <View className="page">
18
+ <Label className="title">Vektoripolut</Label>
19
+ <View className="rule" />
20
+
21
+ <Label className="subhead">Sama viewBox, kolme kokoa</Label>
22
+ <View className="row vecRow">
23
+ <Path className="icon iconSm" viewBox="0 0 24 24" d="M4 12 L10 18 L20 6" />
24
+ <Path className="icon iconMd" viewBox="0 0 24 24" d="M4 12 L10 18 L20 6" />
25
+ <Path className="icon iconLg" viewBox="0 0 24 24" d="M4 12 L10 18 L20 6" />
26
+ </View>
27
+ <Label className="caption">
28
+ viewBox pitää muotoilun mittakaavasta riippumattomana: sama 24×24 ruudukko skaalataan laatikkoon,
29
+ eikä piirroksen ympärille jätetty tyhjä tila katoa suurennettaessa.
30
+ </Label>
31
+
32
+ <Label className="subhead">Reiät ja täyttösääntö</Label>
33
+ <View className="row vecRow">
34
+ <Path
35
+ className="shape"
36
+ viewBox="0 0 100 100"
37
+ d="M10,50 A40 40 0 1 0 90,50 A40 40 0 1 0 10,50 Z M30,50 A20 20 0 1 1 70,50 A20 20 0 1 1 30,50 Z"
38
+ />
39
+ <Path
40
+ className="shape"
41
+ viewBox="0 0 100 100"
42
+ d="M10,10 L90,10 L90,90 L10,90 Z M30,30 L70,30 L70,70 L30,70 Z"
43
+ />
44
+ <Path
45
+ className="shape evenodd"
46
+ viewBox="0 0 100 100"
47
+ d="M10,10 L90,10 L90,90 L10,90 Z M30,30 L70,30 L70,70 L30,70 Z"
48
+ />
49
+ </View>
50
+ <Label className="caption">
51
+ Ensimmäisessä renkaat kiertävät vastakkain, joten nollasta poikkeava sääntö jättää reiän.
52
+ Kaksi jälkimmäistä ovat täsmälleen sama polku, jossa molemmat renkaat kiertävät samaan suuntaan:
53
+ nollasta poikkeava sääntö täyttää sen umpeen, evenodd puhkaisee reiän.
54
+ </Label>
55
+
56
+ <Label className="subhead">Käyrät ja kaaret</Label>
57
+ <View className="row vecRow">
58
+ <Path className="shape" viewBox="5 5 90 80" d="M10,80 C10,10 55,10 90,80 Z" />
59
+ <Path className="shape" viewBox="5 5 90 80" d="M10,80 Q50,10 90,80 Z" />
60
+ <Path
61
+ className="shape"
62
+ viewBox="0 0 50 50"
63
+ d="M50,25 C50,11.2 38.8,0 25,0 S0,11.2 0,25 S11.2,50 25,50 S50,38.8 50,25 Z"
64
+ />
65
+ <Path className="shape" viewBox="15 45 70 40" d="M20,80 A30 18 0 0 1 80,80 L65,80 A15 9 0 0 0 35,80 Z" />
66
+ </View>
67
+ <Label className="caption">
68
+ Kuutiollinen ja toisen asteen Bézier-käyrä: kaksi ohjauspistettä yhden sijaan, mikä sallii epäsymmetrian
69
+ jota yksi ohjauspiste ei pysty tuottamaan. Kolmas on S-komennoilla kirjoitettu ympyrä ja neljäs elliptinen
70
+ kaari, jonka säteet eroavat toisistaan. Peilatut ohjauspisteet ja kaaret puretaan kerran polkukerroksessa,
71
+ joten jokainen kohde saa ne samanlaisina.
72
+ </Label>
73
+ </View>
74
+ );
75
+ }