@revideo/2d 0.2.5 → 0.2.6-alpha.906

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 (222) hide show
  1. package/lib/code/CodeCursor.d.ts +74 -74
  2. package/lib/code/CodeCursor.js +286 -352
  3. package/lib/code/CodeDiffer.d.ts +16 -21
  4. package/lib/code/CodeDiffer.js +41 -39
  5. package/lib/code/CodeFragment.d.ts +8 -16
  6. package/lib/code/CodeFragment.js +36 -36
  7. package/lib/code/CodeHighlighter.d.ts +59 -59
  8. package/lib/code/CodeHighlighter.js +1 -1
  9. package/lib/code/CodeMetrics.d.ts +8 -12
  10. package/lib/code/CodeMetrics.js +24 -26
  11. package/lib/code/CodeRange.d.ts +5 -21
  12. package/lib/code/CodeRange.js +124 -131
  13. package/lib/code/CodeScope.d.ts +8 -18
  14. package/lib/code/CodeScope.js +61 -59
  15. package/lib/code/CodeSelection.d.ts +4 -9
  16. package/lib/code/CodeSelection.js +8 -8
  17. package/lib/code/CodeSignal.d.ts +47 -74
  18. package/lib/code/CodeSignal.js +189 -206
  19. package/lib/code/CodeTokenizer.d.ts +1 -1
  20. package/lib/code/CodeTokenizer.js +41 -41
  21. package/lib/code/DefaultHighlightStyle.d.ts +2 -2
  22. package/lib/code/DefaultHighlightStyle.js +96 -96
  23. package/lib/code/LezerHighlighter.d.ts +19 -21
  24. package/lib/code/LezerHighlighter.js +101 -101
  25. package/lib/code/diff.d.ts +9 -12
  26. package/lib/code/diff.js +205 -218
  27. package/lib/code/extractRange.d.ts +4 -7
  28. package/lib/code/extractRange.js +71 -79
  29. package/lib/code/index.d.ts +1 -1
  30. package/lib/code/index.js +1 -1
  31. package/lib/components/Audio.d.ts +11 -11
  32. package/lib/components/Audio.d.ts.map +1 -1
  33. package/lib/components/Audio.js +109 -115
  34. package/lib/components/Bezier.d.ts +18 -18
  35. package/lib/components/Bezier.js +75 -86
  36. package/lib/components/Circle.d.ts +90 -95
  37. package/lib/components/Circle.js +74 -85
  38. package/lib/components/Code.d.ts +211 -244
  39. package/lib/components/Code.d.ts.map +1 -1
  40. package/lib/components/Code.js +269 -317
  41. package/lib/components/CodeBlock.d.ts +67 -109
  42. package/lib/components/CodeBlock.d.ts.map +1 -1
  43. package/lib/components/CodeBlock.js +373 -414
  44. package/lib/components/CubicBezier.d.ts +36 -36
  45. package/lib/components/CubicBezier.js +49 -52
  46. package/lib/components/Curve.d.ts +198 -208
  47. package/lib/components/Curve.js +269 -270
  48. package/lib/components/Grid.d.ts +42 -47
  49. package/lib/components/Grid.js +56 -63
  50. package/lib/components/Icon.d.ts +50 -55
  51. package/lib/components/Icon.js +50 -58
  52. package/lib/components/Img.d.ts +79 -86
  53. package/lib/components/Img.d.ts.map +1 -1
  54. package/lib/components/Img.js +181 -193
  55. package/lib/components/Knot.d.ts +78 -97
  56. package/lib/components/Knot.js +60 -81
  57. package/lib/components/Latex.d.ts +12 -12
  58. package/lib/components/Latex.js +65 -77
  59. package/lib/components/Layout.d.ts +413 -455
  60. package/lib/components/Layout.d.ts.map +1 -1
  61. package/lib/components/Layout.js +681 -666
  62. package/lib/components/Line.d.ts +49 -61
  63. package/lib/components/Line.js +193 -216
  64. package/lib/components/Media.d.ts +35 -35
  65. package/lib/components/Media.d.ts.map +1 -1
  66. package/lib/components/Media.js +134 -135
  67. package/lib/components/Node.d.ts +830 -875
  68. package/lib/components/Node.d.ts.map +1 -1
  69. package/lib/components/Node.js +1314 -1383
  70. package/lib/components/Path.d.ts +14 -35
  71. package/lib/components/Path.js +89 -100
  72. package/lib/components/Polygon.d.ts +55 -60
  73. package/lib/components/Polygon.js +66 -71
  74. package/lib/components/QuadBezier.d.ts +29 -29
  75. package/lib/components/QuadBezier.js +45 -50
  76. package/lib/components/Ray.d.ts +28 -28
  77. package/lib/components/Ray.js +64 -71
  78. package/lib/components/Rect.d.ts +108 -115
  79. package/lib/components/Rect.js +72 -78
  80. package/lib/components/SVG.d.ts +139 -165
  81. package/lib/components/SVG.js +541 -609
  82. package/lib/components/Shape.d.ts +35 -44
  83. package/lib/components/Shape.d.ts.map +1 -1
  84. package/lib/components/Shape.js +127 -112
  85. package/lib/components/Spline.d.ts +40 -46
  86. package/lib/components/Spline.js +175 -190
  87. package/lib/components/Txt.d.ts +44 -55
  88. package/lib/components/Txt.d.ts.map +1 -1
  89. package/lib/components/Txt.js +155 -156
  90. package/lib/components/TxtLeaf.d.ts +16 -20
  91. package/lib/components/TxtLeaf.d.ts.map +1 -1
  92. package/lib/components/TxtLeaf.js +2 -2
  93. package/lib/components/Video.d.ts +45 -41
  94. package/lib/components/Video.d.ts.map +1 -1
  95. package/lib/components/Video.js +207 -138
  96. package/lib/components/View2D.d.ts +22 -21
  97. package/lib/components/View2D.d.ts.map +1 -1
  98. package/lib/components/View2D.js +89 -98
  99. package/lib/components/index.d.ts +1 -1
  100. package/lib/components/index.js +1 -1
  101. package/lib/components/types.d.ts +9 -22
  102. package/lib/components/types.js +1 -1
  103. package/lib/curves/ArcSegment.d.ts +24 -36
  104. package/lib/curves/ArcSegment.js +94 -145
  105. package/lib/curves/CircleSegment.d.ts +16 -26
  106. package/lib/curves/CircleSegment.js +49 -56
  107. package/lib/curves/CubicBezierSegment.d.ts +13 -18
  108. package/lib/curves/CubicBezierSegment.js +46 -79
  109. package/lib/curves/CurveDrawingInfo.d.ts +9 -9
  110. package/lib/curves/CurveDrawingInfo.js +1 -1
  111. package/lib/curves/CurvePoint.d.ts +13 -13
  112. package/lib/curves/CurvePoint.js +1 -1
  113. package/lib/curves/CurveProfile.d.ts +5 -5
  114. package/lib/curves/CurveProfile.js +1 -1
  115. package/lib/curves/KnotInfo.d.ts +8 -8
  116. package/lib/curves/KnotInfo.js +1 -1
  117. package/lib/curves/LineSegment.d.ts +14 -19
  118. package/lib/curves/LineSegment.js +42 -42
  119. package/lib/curves/Polynomial.d.ts +110 -110
  120. package/lib/curves/Polynomial.js +239 -249
  121. package/lib/curves/Polynomial2D.d.ts +20 -20
  122. package/lib/curves/Polynomial2D.js +42 -46
  123. package/lib/curves/PolynomialSegment.d.ts +37 -42
  124. package/lib/curves/PolynomialSegment.js +81 -83
  125. package/lib/curves/QuadBezierSegment.d.ts +12 -12
  126. package/lib/curves/QuadBezierSegment.js +41 -71
  127. package/lib/curves/Segment.d.ts +7 -12
  128. package/lib/curves/Segment.js +3 -2
  129. package/lib/curves/UniformPolynomialCurveSampler.d.ts +34 -34
  130. package/lib/curves/UniformPolynomialCurveSampler.js +62 -68
  131. package/lib/curves/createCurveProfileLerp.d.ts +6 -17
  132. package/lib/curves/createCurveProfileLerp.js +208 -211
  133. package/lib/curves/getBezierSplineProfile.d.ts +4 -8
  134. package/lib/curves/getBezierSplineProfile.js +101 -145
  135. package/lib/curves/getCircleProfile.d.ts +4 -10
  136. package/lib/curves/getCircleProfile.js +40 -72
  137. package/lib/curves/getPathProfile.d.ts +2 -2
  138. package/lib/curves/getPathProfile.js +112 -135
  139. package/lib/curves/getPointAtDistance.d.ts +4 -7
  140. package/lib/curves/getPointAtDistance.js +12 -12
  141. package/lib/curves/getPolylineProfile.d.ts +4 -8
  142. package/lib/curves/getPolylineProfile.js +54 -67
  143. package/lib/curves/getRectProfile.d.ts +4 -9
  144. package/lib/curves/getRectProfile.js +52 -117
  145. package/lib/curves/index.d.ts +1 -1
  146. package/lib/curves/index.js +1 -1
  147. package/lib/decorators/canvasStyleSignal.d.ts +3 -3
  148. package/lib/decorators/canvasStyleSignal.js +10 -10
  149. package/lib/decorators/colorSignal.d.ts +1 -1
  150. package/lib/decorators/colorSignal.js +7 -7
  151. package/lib/decorators/compound.d.ts +2 -4
  152. package/lib/decorators/compound.js +23 -43
  153. package/lib/decorators/computed.d.ts +1 -1
  154. package/lib/decorators/computed.js +9 -9
  155. package/lib/decorators/defaultStyle.d.ts +2 -5
  156. package/lib/decorators/defaultStyle.js +11 -11
  157. package/lib/decorators/filtersSignal.d.ts +8 -28
  158. package/lib/decorators/filtersSignal.js +64 -87
  159. package/lib/decorators/index.d.ts +1 -1
  160. package/lib/decorators/index.js +1 -1
  161. package/lib/decorators/initializers.d.ts +2 -5
  162. package/lib/decorators/initializers.js +19 -18
  163. package/lib/decorators/nodeName.d.ts +1 -1
  164. package/lib/decorators/nodeName.js +4 -4
  165. package/lib/decorators/signal.d.ts +20 -40
  166. package/lib/decorators/signal.js +104 -113
  167. package/lib/decorators/spacingSignal.d.ts +1 -1
  168. package/lib/decorators/spacingSignal.js +13 -13
  169. package/lib/decorators/vector2Signal.d.ts +7 -13
  170. package/lib/decorators/vector2Signal.js +13 -15
  171. package/lib/index.d.ts +1 -1
  172. package/lib/index.js +1 -1
  173. package/lib/jsx-dev-runtime.d.ts +3 -3
  174. package/lib/jsx-dev-runtime.js +3 -3
  175. package/lib/jsx-runtime.d.ts +9 -19
  176. package/lib/jsx-runtime.js +18 -18
  177. package/lib/partials/Filter.d.ts +16 -24
  178. package/lib/partials/Filter.js +69 -69
  179. package/lib/partials/Gradient.d.ts +24 -30
  180. package/lib/partials/Gradient.js +58 -69
  181. package/lib/partials/Pattern.d.ts +9 -14
  182. package/lib/partials/Pattern.js +24 -30
  183. package/lib/partials/ShaderConfig.d.ts +74 -81
  184. package/lib/partials/ShaderConfig.js +23 -22
  185. package/lib/partials/index.d.ts +1 -1
  186. package/lib/partials/index.js +1 -1
  187. package/lib/partials/types.d.ts +6 -19
  188. package/lib/partials/types.js +1 -1
  189. package/lib/scenes/Scene2D.d.ts +23 -42
  190. package/lib/scenes/Scene2D.d.ts.map +1 -1
  191. package/lib/scenes/Scene2D.js +152 -161
  192. package/lib/scenes/index.d.ts +1 -1
  193. package/lib/scenes/index.js +1 -1
  194. package/lib/scenes/makeScene2D.d.ts +5 -7
  195. package/lib/scenes/makeScene2D.js +10 -10
  196. package/lib/scenes/useScene2D.d.ts +2 -2
  197. package/lib/scenes/useScene2D.js +3 -3
  198. package/lib/tsconfig.build.tsbuildinfo +1 -1
  199. package/lib/utils/CanvasUtils.d.ts +21 -93
  200. package/lib/utils/CanvasUtils.js +105 -186
  201. package/lib/utils/diff.d.ts +18 -25
  202. package/lib/utils/diff.js +87 -84
  203. package/lib/utils/index.d.ts +1 -1
  204. package/lib/utils/index.js +1 -1
  205. package/lib/utils/is.d.ts +2 -4
  206. package/lib/utils/is.js +2 -2
  207. package/lib/utils/makeSignalExtensions.d.ts +4 -11
  208. package/lib/utils/makeSignalExtensions.js +17 -17
  209. package/package.json +5 -5
  210. package/src/lib/components/Audio.ts +2 -2
  211. package/src/lib/components/Code.ts +4 -2
  212. package/src/lib/components/CodeBlock.ts +1 -1
  213. package/src/lib/components/Img.ts +2 -2
  214. package/src/lib/components/Layout.ts +2 -2
  215. package/src/lib/components/Media.ts +3 -1
  216. package/src/lib/components/Node.ts +9 -9
  217. package/src/lib/components/Shape.ts +2 -2
  218. package/src/lib/components/Txt.ts +2 -2
  219. package/src/lib/components/TxtLeaf.ts +1 -1
  220. package/src/lib/components/Video.ts +120 -8
  221. package/src/lib/components/View2D.ts +6 -2
  222. package/src/lib/scenes/Scene2D.ts +4 -3
@@ -1,26 +1,13 @@
1
- var __decorate =
2
- (this && this.__decorate) ||
3
- function (decorators, target, key, desc) {
4
- var c = arguments.length,
5
- r =
6
- c < 3
7
- ? target
8
- : desc === null
9
- ? (desc = Object.getOwnPropertyDescriptor(target, key))
10
- : desc,
11
- d;
12
- if (typeof Reflect === 'object' && typeof Reflect.decorate === 'function')
13
- r = Reflect.decorate(decorators, target, key, desc);
14
- else
15
- for (var i = decorators.length - 1; i >= 0; i--)
16
- if ((d = decorators[i]))
17
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
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;
18
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
19
- };
20
- import {QuadBezierSegment} from '../curves';
21
- import {computed, vector2Signal} from '../decorators';
22
- import {lineTo, moveTo, quadraticCurveTo} from '../utils';
23
- import {Bezier} from './Bezier';
6
+ };
7
+ import { QuadBezierSegment } from '../curves';
8
+ import { computed, vector2Signal } from '../decorators';
9
+ import { lineTo, moveTo, quadraticCurveTo } from '../utils';
10
+ import { Bezier } from './Bezier';
24
11
  /**
25
12
  * A node for drawing a quadratic Bézier curve.
26
13
  *
@@ -50,32 +37,40 @@ import {Bezier} from './Bezier';
50
37
  * ```
51
38
  */
52
39
  export class QuadBezier extends Bezier {
53
- constructor(props) {
54
- super(props);
55
- }
56
- segment() {
57
- return new QuadBezierSegment(this.p0(), this.p1(), this.p2());
58
- }
59
- overlayInfo(matrix) {
60
- const [p0, p1, p2] = this.segment().transformPoints(matrix);
61
- const curvePath = new Path2D();
62
- moveTo(curvePath, p0);
63
- quadraticCurveTo(curvePath, p1, p2);
64
- const handleLinesPath = new Path2D();
65
- moveTo(handleLinesPath, p0);
66
- lineTo(handleLinesPath, p1);
67
- lineTo(handleLinesPath, p2);
68
- return {
69
- curve: curvePath,
70
- startPoint: p0,
71
- endPoint: p2,
72
- controlPoints: [p1],
73
- handleLines: handleLinesPath,
74
- };
75
- }
40
+ constructor(props) {
41
+ super(props);
42
+ }
43
+ segment() {
44
+ return new QuadBezierSegment(this.p0(), this.p1(), this.p2());
45
+ }
46
+ overlayInfo(matrix) {
47
+ const [p0, p1, p2] = this.segment().transformPoints(matrix);
48
+ const curvePath = new Path2D();
49
+ moveTo(curvePath, p0);
50
+ quadraticCurveTo(curvePath, p1, p2);
51
+ const handleLinesPath = new Path2D();
52
+ moveTo(handleLinesPath, p0);
53
+ lineTo(handleLinesPath, p1);
54
+ lineTo(handleLinesPath, p2);
55
+ return {
56
+ curve: curvePath,
57
+ startPoint: p0,
58
+ endPoint: p2,
59
+ controlPoints: [p1],
60
+ handleLines: handleLinesPath,
61
+ };
62
+ }
76
63
  }
77
- __decorate([vector2Signal('p0')], QuadBezier.prototype, 'p0', void 0);
78
- __decorate([vector2Signal('p1')], QuadBezier.prototype, 'p1', void 0);
79
- __decorate([vector2Signal('p2')], QuadBezier.prototype, 'p2', void 0);
80
- __decorate([computed()], QuadBezier.prototype, 'segment', null);
81
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUXVhZEJlemllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9RdWFkQmV6aWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLFdBQVcsQ0FBQztBQUU1QyxPQUFPLEVBQUMsUUFBUSxFQUFFLGFBQWEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN0RCxPQUFPLEVBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsTUFBTSxFQUFvQixNQUFNLFVBQVUsQ0FBQztBQWlCbkQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJCRztBQUNILE1BQU0sT0FBTyxVQUFXLFNBQVEsTUFBTTtJQW1CcEMsWUFBbUIsS0FBc0I7UUFDdkMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2YsQ0FBQztJQUdTLE9BQU87UUFDZixPQUFPLElBQUksaUJBQWlCLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNoRSxDQUFDO0lBRVMsV0FBVyxDQUFDLE1BQWlCO1FBQ3JDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFNUQsTUFBTSxTQUFTLEdBQUcsSUFBSSxNQUFNLEVBQUUsQ0FBQztRQUMvQixNQUFNLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3RCLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFcEMsTUFBTSxlQUFlLEdBQUcsSUFBSSxNQUFNLEVBQUUsQ0FBQztRQUNyQyxNQUFNLENBQUMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzVCLE1BQU0sQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDNUIsTUFBTSxDQUFDLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUU1QixPQUFPO1lBQ0wsS0FBSyxFQUFFLFNBQVM7WUFDaEIsVUFBVSxFQUFFLEVBQUU7WUFDZCxRQUFRLEVBQUUsRUFBRTtZQUNaLGFBQWEsRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNuQixXQUFXLEVBQUUsZUFBZTtTQUM3QixDQUFDO0lBQ0osQ0FBQztDQUNGO0FBM0N5QjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDO3NDQUM0QjtBQU14QjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDO3NDQUM0QjtBQU14QjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDO3NDQUM0QjtBQU90QztJQURULFFBQVEsRUFBRTt5Q0FHViJ9
64
+ __decorate([
65
+ vector2Signal('p0')
66
+ ], QuadBezier.prototype, "p0", void 0);
67
+ __decorate([
68
+ vector2Signal('p1')
69
+ ], QuadBezier.prototype, "p1", void 0);
70
+ __decorate([
71
+ vector2Signal('p2')
72
+ ], QuadBezier.prototype, "p2", void 0);
73
+ __decorate([
74
+ computed()
75
+ ], QuadBezier.prototype, "segment", null);
76
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUXVhZEJlemllci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9RdWFkQmV6aWVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLFdBQVcsQ0FBQztBQUU1QyxPQUFPLEVBQUMsUUFBUSxFQUFFLGFBQWEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN0RCxPQUFPLEVBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsTUFBTSxFQUFvQixNQUFNLFVBQVUsQ0FBQztBQWlCbkQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJCRztBQUNILE1BQU0sT0FBTyxVQUFXLFNBQVEsTUFBTTtJQW1CcEMsWUFBbUIsS0FBc0I7UUFDdkMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2YsQ0FBQztJQUdTLE9BQU87UUFDZixPQUFPLElBQUksaUJBQWlCLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNoRSxDQUFDO0lBRVMsV0FBVyxDQUFDLE1BQWlCO1FBQ3JDLE1BQU0sQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFNUQsTUFBTSxTQUFTLEdBQUcsSUFBSSxNQUFNLEVBQUUsQ0FBQztRQUMvQixNQUFNLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3RCLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFcEMsTUFBTSxlQUFlLEdBQUcsSUFBSSxNQUFNLEVBQUUsQ0FBQztRQUNyQyxNQUFNLENBQUMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzVCLE1BQU0sQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDNUIsTUFBTSxDQUFDLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUU1QixPQUFPO1lBQ0wsS0FBSyxFQUFFLFNBQVM7WUFDaEIsVUFBVSxFQUFFLEVBQUU7WUFDZCxRQUFRLEVBQUUsRUFBRTtZQUNaLGFBQWEsRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNuQixXQUFXLEVBQUUsZUFBZTtTQUM3QixDQUFDO0lBQ0osQ0FBQztDQUNGO0FBM0N5QjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDO3NDQUM0QjtBQU14QjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDO3NDQUM0QjtBQU14QjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDO3NDQUM0QjtBQU90QztJQURULFFBQVEsRUFBRTt5Q0FHViJ9
@@ -1,19 +1,19 @@
1
- import {BBox, PossibleVector2, SignalValue, Vector2Signal} from '@revideo/core';
2
- import {CurveProfile} from '../curves';
3
- import {Curve, CurveProps} from './Curve';
1
+ import { BBox, PossibleVector2, SignalValue, Vector2Signal } from '@revideo/core';
2
+ import { CurveProfile } from '../curves';
3
+ import { Curve, CurveProps } from './Curve';
4
4
  export interface RayProps extends CurveProps {
5
- /**
6
- * {@inheritDoc Ray.from}
7
- */
8
- from?: SignalValue<PossibleVector2>;
9
- fromX?: SignalValue<number>;
10
- fromY?: SignalValue<number>;
11
- /**
12
- * {@inheritDoc Ray.to}
13
- */
14
- to?: SignalValue<PossibleVector2>;
15
- toX?: SignalValue<number>;
16
- toY?: SignalValue<number>;
5
+ /**
6
+ * {@inheritDoc Ray.from}
7
+ */
8
+ from?: SignalValue<PossibleVector2>;
9
+ fromX?: SignalValue<number>;
10
+ fromY?: SignalValue<number>;
11
+ /**
12
+ * {@inheritDoc Ray.to}
13
+ */
14
+ to?: SignalValue<PossibleVector2>;
15
+ toX?: SignalValue<number>;
16
+ toY?: SignalValue<number>;
17
17
  }
18
18
  /**
19
19
  * A node for drawing an individual line segment.
@@ -44,17 +44,17 @@ export interface RayProps extends CurveProps {
44
44
  * ```
45
45
  */
46
46
  export declare class Ray extends Curve {
47
- /**
48
- * The starting point of the ray.
49
- */
50
- readonly from: Vector2Signal<this>;
51
- /**
52
- * The ending point of the ray.
53
- */
54
- readonly to: Vector2Signal<this>;
55
- constructor(props: RayProps);
56
- protected childrenBBox(): BBox;
57
- profile(): CurveProfile;
58
- drawOverlay(context: CanvasRenderingContext2D, matrix: DOMMatrix): void;
47
+ /**
48
+ * The starting point of the ray.
49
+ */
50
+ readonly from: Vector2Signal<this>;
51
+ /**
52
+ * The ending point of the ray.
53
+ */
54
+ readonly to: Vector2Signal<this>;
55
+ constructor(props: RayProps);
56
+ protected childrenBBox(): BBox;
57
+ profile(): CurveProfile;
58
+ drawOverlay(context: CanvasRenderingContext2D, matrix: DOMMatrix): void;
59
59
  }
60
- //# sourceMappingURL=Ray.d.ts.map
60
+ //# sourceMappingURL=Ray.d.ts.map
@@ -1,27 +1,14 @@
1
- var __decorate =
2
- (this && this.__decorate) ||
3
- function (decorators, target, key, desc) {
4
- var c = arguments.length,
5
- r =
6
- c < 3
7
- ? target
8
- : desc === null
9
- ? (desc = Object.getOwnPropertyDescriptor(target, key))
10
- : desc,
11
- d;
12
- if (typeof Reflect === 'object' && typeof Reflect.decorate === 'function')
13
- r = Reflect.decorate(decorators, target, key, desc);
14
- else
15
- for (var i = decorators.length - 1; i >= 0; i--)
16
- if ((d = decorators[i]))
17
- r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
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;
18
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
19
- };
20
- import {BBox} from '@revideo/core';
21
- import {LineSegment} from '../curves';
22
- import {nodeName, vector2Signal} from '../decorators';
23
- import {arc, drawLine, drawPivot} from '../utils';
24
- import {Curve} from './Curve';
6
+ };
7
+ import { BBox } from '@revideo/core';
8
+ import { LineSegment } from '../curves';
9
+ import { nodeName, vector2Signal } from '../decorators';
10
+ import { arc, drawLine, drawPivot } from '../utils';
11
+ import { Curve } from './Curve';
25
12
  /**
26
13
  * A node for drawing an individual line segment.
27
14
  *
@@ -51,52 +38,58 @@ import {Curve} from './Curve';
51
38
  * ```
52
39
  */
53
40
  let Ray = class Ray extends Curve {
54
- constructor(props) {
55
- super(props);
56
- }
57
- childrenBBox() {
58
- return BBox.fromPoints(this.from(), this.to());
59
- }
60
- profile() {
61
- const segment = new LineSegment(this.from(), this.to());
62
- return {
63
- arcLength: segment.arcLength,
64
- minSin: 1,
65
- segments: [segment],
66
- };
67
- }
68
- drawOverlay(context, matrix) {
69
- const box = this.childrenBBox().transformCorners(matrix);
70
- const size = this.computedSize();
71
- const offset = size.mul(this.offset()).scale(0.5).transformAsPoint(matrix);
72
- const from = this.from().transformAsPoint(matrix);
73
- const to = this.to().transformAsPoint(matrix);
74
- context.fillStyle = 'white';
75
- context.strokeStyle = 'black';
76
- context.lineWidth = 1;
77
- context.beginPath();
78
- arc(context, from, 4);
79
- context.fill();
80
- context.stroke();
81
- context.beginPath();
82
- arc(context, to, 4);
83
- context.fill();
84
- context.stroke();
85
- context.strokeStyle = 'white';
86
- context.beginPath();
87
- drawLine(context, [from, to]);
88
- context.stroke();
89
- context.beginPath();
90
- drawPivot(context, offset);
91
- context.stroke();
92
- context.beginPath();
93
- drawLine(context, box);
94
- context.closePath();
95
- context.stroke();
96
- }
41
+ constructor(props) {
42
+ super(props);
43
+ }
44
+ childrenBBox() {
45
+ return BBox.fromPoints(this.from(), this.to());
46
+ }
47
+ profile() {
48
+ const segment = new LineSegment(this.from(), this.to());
49
+ return {
50
+ arcLength: segment.arcLength,
51
+ minSin: 1,
52
+ segments: [segment],
53
+ };
54
+ }
55
+ drawOverlay(context, matrix) {
56
+ const box = this.childrenBBox().transformCorners(matrix);
57
+ const size = this.computedSize();
58
+ const offset = size.mul(this.offset()).scale(0.5).transformAsPoint(matrix);
59
+ const from = this.from().transformAsPoint(matrix);
60
+ const to = this.to().transformAsPoint(matrix);
61
+ context.fillStyle = 'white';
62
+ context.strokeStyle = 'black';
63
+ context.lineWidth = 1;
64
+ context.beginPath();
65
+ arc(context, from, 4);
66
+ context.fill();
67
+ context.stroke();
68
+ context.beginPath();
69
+ arc(context, to, 4);
70
+ context.fill();
71
+ context.stroke();
72
+ context.strokeStyle = 'white';
73
+ context.beginPath();
74
+ drawLine(context, [from, to]);
75
+ context.stroke();
76
+ context.beginPath();
77
+ drawPivot(context, offset);
78
+ context.stroke();
79
+ context.beginPath();
80
+ drawLine(context, box);
81
+ context.closePath();
82
+ context.stroke();
83
+ }
97
84
  };
98
- __decorate([vector2Signal('from')], Ray.prototype, 'from', void 0);
99
- __decorate([vector2Signal('to')], Ray.prototype, 'to', void 0);
100
- Ray = __decorate([nodeName('Ray')], Ray);
101
- export {Ray};
102
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmF5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1JheS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUMsSUFBSSxFQUE4QyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQWUsV0FBVyxFQUFDLE1BQU0sV0FBVyxDQUFDO0FBQ3BELE9BQU8sRUFBQyxRQUFRLEVBQUUsYUFBYSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3RELE9BQU8sRUFBQyxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUNsRCxPQUFPLEVBQUMsS0FBSyxFQUFhLE1BQU0sU0FBUyxDQUFDO0FBa0IxQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkJHO0FBRUksSUFBTSxHQUFHLEdBQVQsTUFBTSxHQUFJLFNBQVEsS0FBSztJQWE1QixZQUFtQixLQUFlO1FBQ2hDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNmLENBQUM7SUFFa0IsWUFBWTtRQUM3QixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFZSxPQUFPO1FBQ3JCLE1BQU0sT0FBTyxHQUFHLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUV4RCxPQUFPO1lBQ0wsU0FBUyxFQUFFLE9BQU8sQ0FBQyxTQUFTO1lBQzVCLE1BQU0sRUFBRSxDQUFDO1lBQ1QsUUFBUSxFQUFFLENBQUMsT0FBTyxDQUFDO1NBQ3BCLENBQUM7SUFDSixDQUFDO0lBRWUsV0FBVyxDQUN6QixPQUFpQyxFQUNqQyxNQUFpQjtRQUVqQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2pDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzNFLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNsRCxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFOUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUM7UUFDNUIsT0FBTyxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUM7UUFDOUIsT0FBTyxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7UUFFdEIsT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ3BCLEdBQUcsQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3RCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNmLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUVqQixPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDcEIsR0FBRyxDQUFDLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDcEIsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2YsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBRWpCLE9BQU8sQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDO1FBQzlCLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNwQixRQUFRLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDOUIsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBRWpCLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNwQixTQUFTLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzNCLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUVqQixPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDcEIsUUFBUSxDQUFDLE9BQU8sRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN2QixPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDcEIsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ25CLENBQUM7Q0FDRixDQUFBO0FBaEV5QjtJQUR2QixhQUFhLENBQUMsTUFBTSxDQUFDO2lDQUM0QjtBQU0xQjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDOytCQUM0QjtBQVhyQyxHQUFHO0lBRGYsUUFBUSxDQUFDLEtBQUssQ0FBQztHQUNILEdBQUcsQ0FxRWYifQ==
85
+ __decorate([
86
+ vector2Signal('from')
87
+ ], Ray.prototype, "from", void 0);
88
+ __decorate([
89
+ vector2Signal('to')
90
+ ], Ray.prototype, "to", void 0);
91
+ Ray = __decorate([
92
+ nodeName('Ray')
93
+ ], Ray);
94
+ export { Ray };
95
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmF5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1JheS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxPQUFPLEVBQUMsSUFBSSxFQUE4QyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQWUsV0FBVyxFQUFDLE1BQU0sV0FBVyxDQUFDO0FBQ3BELE9BQU8sRUFBQyxRQUFRLEVBQUUsYUFBYSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3RELE9BQU8sRUFBQyxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUNsRCxPQUFPLEVBQUMsS0FBSyxFQUFhLE1BQU0sU0FBUyxDQUFDO0FBa0IxQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMkJHO0FBRUksSUFBTSxHQUFHLEdBQVQsTUFBTSxHQUFJLFNBQVEsS0FBSztJQWE1QixZQUFtQixLQUFlO1FBQ2hDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNmLENBQUM7SUFFa0IsWUFBWTtRQUM3QixPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFZSxPQUFPO1FBQ3JCLE1BQU0sT0FBTyxHQUFHLElBQUksV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUV4RCxPQUFPO1lBQ0wsU0FBUyxFQUFFLE9BQU8sQ0FBQyxTQUFTO1lBQzVCLE1BQU0sRUFBRSxDQUFDO1lBQ1QsUUFBUSxFQUFFLENBQUMsT0FBTyxDQUFDO1NBQ3BCLENBQUM7SUFDSixDQUFDO0lBRWUsV0FBVyxDQUN6QixPQUFpQyxFQUNqQyxNQUFpQjtRQUVqQixNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2pDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzNFLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNsRCxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFOUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUM7UUFDNUIsT0FBTyxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUM7UUFDOUIsT0FBTyxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7UUFFdEIsT0FBTyxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ3BCLEdBQUcsQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ3RCLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNmLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUVqQixPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDcEIsR0FBRyxDQUFDLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDcEIsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2YsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBRWpCLE9BQU8sQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDO1FBQzlCLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNwQixRQUFRLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDOUIsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBRWpCLE9BQU8sQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNwQixTQUFTLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzNCLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUVqQixPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDcEIsUUFBUSxDQUFDLE9BQU8sRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN2QixPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDcEIsT0FBTyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ25CLENBQUM7Q0FDRixDQUFBO0FBaEV5QjtJQUR2QixhQUFhLENBQUMsTUFBTSxDQUFDO2lDQUM0QjtBQU0xQjtJQUR2QixhQUFhLENBQUMsSUFBSSxDQUFDOytCQUM0QjtBQVhyQyxHQUFHO0lBRGYsUUFBUSxDQUFDLEtBQUssQ0FBQztHQUNILEdBQUcsQ0FxRWYifQ==
@@ -1,119 +1,112 @@
1
- import {
2
- BBox,
3
- PossibleSpacing,
4
- SerializedVector2,
5
- SignalValue,
6
- SimpleSignal,
7
- SpacingSignal,
8
- } from '@revideo/core';
9
- import {DesiredLength} from '../partials';
10
- import {Curve, CurveProps} from './Curve';
1
+ import { BBox, PossibleSpacing, SerializedVector2, SignalValue, SimpleSignal, SpacingSignal } from '@revideo/core';
2
+ import { DesiredLength } from '../partials';
3
+ import { Curve, CurveProps } from './Curve';
11
4
  export interface RectProps extends CurveProps {
12
- /**
13
- * {@inheritDoc Rect.radius}
14
- */
15
- radius?: SignalValue<PossibleSpacing>;
16
- /**
17
- * {@inheritDoc Rect.smoothCorners}
18
- */
19
- smoothCorners?: SignalValue<boolean>;
20
- /**
21
- * {@inheritDoc Rect.cornerSharpness}
22
- */
23
- cornerSharpness?: SignalValue<number>;
5
+ /**
6
+ * {@inheritDoc Rect.radius}
7
+ */
8
+ radius?: SignalValue<PossibleSpacing>;
9
+ /**
10
+ * {@inheritDoc Rect.smoothCorners}
11
+ */
12
+ smoothCorners?: SignalValue<boolean>;
13
+ /**
14
+ * {@inheritDoc Rect.cornerSharpness}
15
+ */
16
+ cornerSharpness?: SignalValue<number>;
24
17
  }
25
18
  export declare class Rect extends Curve {
26
- /**
27
- * Rounds the corners of this rectangle.
28
- *
29
- * @remarks
30
- * The value represents the radius of the quarter circle that is used to round
31
- * the corners. If the value is a number, the same radius is used for all
32
- * corners. Passing an array of two to four numbers will set individual radii
33
- * for each corner. Individual radii correspond to different corners depending
34
- * on the number of values passed:
35
- *
36
- * ```ts
37
- * // top-left-and-bottom-right | top-right-and-bottom-left
38
- * [10, 30]
39
- * // top-left | top-right-and-bottom-left | bottom-right
40
- * [10, 20, 30]
41
- * // top-left | top-right | bottom-right | bottom-left
42
- * [10, 20, 30, 40]
43
- * ```
44
- *
45
- * @example
46
- * One uniform radius:
47
- * ```tsx
48
- * <Rect
49
- * size={320}
50
- * radius={40}
51
- * fill={'white'}
52
- * />
53
- * ```
54
- * @example
55
- * Individual radii for each corner:
56
- * ```tsx
57
- * <Rect
58
- * size={320}
59
- * radius={[10, 20, 30, 40]}
60
- * fill={'white'}
61
- * />
62
- * ```
63
- */
64
- readonly radius: SpacingSignal<this>;
65
- /**
66
- * Enables corner smoothing.
67
- *
68
- * @remarks
69
- * This property only affects the way rounded corners are drawn. To control
70
- * the corner radius use the {@link radius} property.
71
- *
72
- * When enabled, rounded corners are drawn continuously using Bézier curves
73
- * rather than quarter circles. The sharpness of the curve can be controlled
74
- * with {@link cornerSharpness}.
75
- *
76
- * You can read more about corner smoothing in
77
- * [this article by Nick Lawrence](https://uxplanet.org/ui-ux-design-corner-smoothing-720509d1ae48).
78
- *
79
- * @example
80
- * ```tsx
81
- * <Rect
82
- * width={300}
83
- * height={300}
84
- * smoothCorners={true}
85
- * />
86
- * ```
87
- */
88
- readonly smoothCorners: SimpleSignal<boolean, this>;
89
- /**
90
- * Controls the sharpness of {@link smoothCorners}.
91
- *
92
- * @remarks
93
- * This property only affects the way rounded corners are drawn. To control
94
- * the corner radius use the {@link radius} property.
95
- *
96
- * Requires {@link smoothCorners} to be enabled to have any effect.
97
- * By default, corner sharpness is set to `0.6` which represents a smooth,
98
- * circle-like rounding. At `0` the edges are squared off.
99
- *
100
- * @example
101
- * ```tsx
102
- * <Rect
103
- * size={300}
104
- * smoothCorners={true}
105
- * cornerSharpness={0.7}
106
- * />
107
- * ```
108
- */
109
- readonly cornerSharpness: SimpleSignal<number, this>;
110
- constructor(props: RectProps);
111
- profile(): import('..').CurveProfile;
112
- protected desiredSize(): SerializedVector2<DesiredLength>;
113
- protected offsetComputedLayout(box: BBox): BBox;
114
- protected childrenBBox(): BBox;
115
- protected getPath(): Path2D;
116
- protected getCacheBBox(): BBox;
117
- protected getRipplePath(): Path2D;
19
+ /**
20
+ * Rounds the corners of this rectangle.
21
+ *
22
+ * @remarks
23
+ * The value represents the radius of the quarter circle that is used to round
24
+ * the corners. If the value is a number, the same radius is used for all
25
+ * corners. Passing an array of two to four numbers will set individual radii
26
+ * for each corner. Individual radii correspond to different corners depending
27
+ * on the number of values passed:
28
+ *
29
+ * ```ts
30
+ * // top-left-and-bottom-right | top-right-and-bottom-left
31
+ * [10, 30]
32
+ * // top-left | top-right-and-bottom-left | bottom-right
33
+ * [10, 20, 30]
34
+ * // top-left | top-right | bottom-right | bottom-left
35
+ * [10, 20, 30, 40]
36
+ * ```
37
+ *
38
+ * @example
39
+ * One uniform radius:
40
+ * ```tsx
41
+ * <Rect
42
+ * size={320}
43
+ * radius={40}
44
+ * fill={'white'}
45
+ * />
46
+ * ```
47
+ * @example
48
+ * Individual radii for each corner:
49
+ * ```tsx
50
+ * <Rect
51
+ * size={320}
52
+ * radius={[10, 20, 30, 40]}
53
+ * fill={'white'}
54
+ * />
55
+ * ```
56
+ */
57
+ readonly radius: SpacingSignal<this>;
58
+ /**
59
+ * Enables corner smoothing.
60
+ *
61
+ * @remarks
62
+ * This property only affects the way rounded corners are drawn. To control
63
+ * the corner radius use the {@link radius} property.
64
+ *
65
+ * When enabled, rounded corners are drawn continuously using Bézier curves
66
+ * rather than quarter circles. The sharpness of the curve can be controlled
67
+ * with {@link cornerSharpness}.
68
+ *
69
+ * You can read more about corner smoothing in
70
+ * [this article by Nick Lawrence](https://uxplanet.org/ui-ux-design-corner-smoothing-720509d1ae48).
71
+ *
72
+ * @example
73
+ * ```tsx
74
+ * <Rect
75
+ * width={300}
76
+ * height={300}
77
+ * smoothCorners={true}
78
+ * />
79
+ * ```
80
+ */
81
+ readonly smoothCorners: SimpleSignal<boolean, this>;
82
+ /**
83
+ * Controls the sharpness of {@link smoothCorners}.
84
+ *
85
+ * @remarks
86
+ * This property only affects the way rounded corners are drawn. To control
87
+ * the corner radius use the {@link radius} property.
88
+ *
89
+ * Requires {@link smoothCorners} to be enabled to have any effect.
90
+ * By default, corner sharpness is set to `0.6` which represents a smooth,
91
+ * circle-like rounding. At `0` the edges are squared off.
92
+ *
93
+ * @example
94
+ * ```tsx
95
+ * <Rect
96
+ * size={300}
97
+ * smoothCorners={true}
98
+ * cornerSharpness={0.7}
99
+ * />
100
+ * ```
101
+ */
102
+ readonly cornerSharpness: SimpleSignal<number, this>;
103
+ constructor(props: RectProps);
104
+ profile(): import("..").CurveProfile;
105
+ protected desiredSize(): SerializedVector2<DesiredLength>;
106
+ protected offsetComputedLayout(box: BBox): BBox;
107
+ protected childrenBBox(): BBox;
108
+ protected getPath(): Path2D;
109
+ protected getCacheBBox(): BBox;
110
+ protected getRipplePath(): Path2D;
118
111
  }
119
- //# sourceMappingURL=Rect.d.ts.map
112
+ //# sourceMappingURL=Rect.d.ts.map