@revideo/2d 0.2.3 → 0.2.4-alpha.894

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 (197) hide show
  1. package/editor/index.css +1 -1
  2. package/editor/index.js +529 -245
  3. package/lib/code/CodeCursor.d.ts +74 -74
  4. package/lib/code/CodeCursor.js +352 -286
  5. package/lib/code/CodeDiffer.d.ts +21 -16
  6. package/lib/code/CodeDiffer.js +39 -41
  7. package/lib/code/CodeFragment.d.ts +16 -8
  8. package/lib/code/CodeFragment.js +36 -36
  9. package/lib/code/CodeHighlighter.d.ts +59 -59
  10. package/lib/code/CodeHighlighter.js +1 -1
  11. package/lib/code/CodeMetrics.d.ts +12 -8
  12. package/lib/code/CodeMetrics.js +26 -24
  13. package/lib/code/CodeRange.d.ts +21 -5
  14. package/lib/code/CodeRange.js +131 -124
  15. package/lib/code/CodeScope.d.ts +18 -8
  16. package/lib/code/CodeScope.js +59 -61
  17. package/lib/code/CodeSelection.d.ts +9 -4
  18. package/lib/code/CodeSelection.js +8 -8
  19. package/lib/code/CodeSignal.d.ts +74 -47
  20. package/lib/code/CodeSignal.js +206 -189
  21. package/lib/code/CodeTokenizer.d.ts +1 -1
  22. package/lib/code/CodeTokenizer.js +41 -41
  23. package/lib/code/DefaultHighlightStyle.d.ts +2 -2
  24. package/lib/code/DefaultHighlightStyle.js +96 -96
  25. package/lib/code/LezerHighlighter.d.ts +21 -19
  26. package/lib/code/LezerHighlighter.js +101 -101
  27. package/lib/code/diff.d.ts +12 -9
  28. package/lib/code/diff.js +218 -205
  29. package/lib/code/extractRange.d.ts +7 -4
  30. package/lib/code/extractRange.js +79 -71
  31. package/lib/code/index.d.ts +1 -1
  32. package/lib/code/index.js +1 -1
  33. package/lib/components/Audio.d.ts +11 -11
  34. package/lib/components/Audio.js +115 -109
  35. package/lib/components/Bezier.d.ts +18 -18
  36. package/lib/components/Bezier.js +86 -75
  37. package/lib/components/Circle.d.ts +95 -90
  38. package/lib/components/Circle.js +85 -74
  39. package/lib/components/Code.d.ts +244 -211
  40. package/lib/components/Code.js +317 -269
  41. package/lib/components/CodeBlock.d.ts +109 -67
  42. package/lib/components/CodeBlock.js +414 -373
  43. package/lib/components/CubicBezier.d.ts +36 -36
  44. package/lib/components/CubicBezier.js +52 -49
  45. package/lib/components/Curve.d.ts +208 -198
  46. package/lib/components/Curve.js +270 -269
  47. package/lib/components/Grid.d.ts +47 -42
  48. package/lib/components/Grid.js +63 -56
  49. package/lib/components/Icon.d.ts +55 -50
  50. package/lib/components/Icon.js +58 -50
  51. package/lib/components/Img.d.ts +86 -79
  52. package/lib/components/Img.js +193 -181
  53. package/lib/components/Knot.d.ts +97 -78
  54. package/lib/components/Knot.js +81 -60
  55. package/lib/components/Latex.d.ts +12 -12
  56. package/lib/components/Latex.js +77 -65
  57. package/lib/components/Layout.d.ts +455 -413
  58. package/lib/components/Layout.js +666 -681
  59. package/lib/components/Line.d.ts +61 -49
  60. package/lib/components/Line.js +216 -193
  61. package/lib/components/Media.d.ts +35 -35
  62. package/lib/components/Media.js +135 -134
  63. package/lib/components/Node.d.ts +875 -830
  64. package/lib/components/Node.js +1383 -1314
  65. package/lib/components/Path.d.ts +35 -14
  66. package/lib/components/Path.js +100 -89
  67. package/lib/components/Polygon.d.ts +60 -55
  68. package/lib/components/Polygon.js +71 -66
  69. package/lib/components/QuadBezier.d.ts +29 -29
  70. package/lib/components/QuadBezier.js +50 -45
  71. package/lib/components/Ray.d.ts +28 -28
  72. package/lib/components/Ray.js +71 -64
  73. package/lib/components/Rect.d.ts +115 -108
  74. package/lib/components/Rect.js +78 -72
  75. package/lib/components/SVG.d.ts +165 -139
  76. package/lib/components/SVG.js +609 -541
  77. package/lib/components/Shape.d.ts +44 -35
  78. package/lib/components/Shape.js +112 -127
  79. package/lib/components/Spline.d.ts +46 -40
  80. package/lib/components/Spline.js +190 -175
  81. package/lib/components/Txt.d.ts +55 -44
  82. package/lib/components/Txt.js +156 -155
  83. package/lib/components/TxtLeaf.d.ts +20 -16
  84. package/lib/components/TxtLeaf.js +177 -158
  85. package/lib/components/Video.d.ts +41 -41
  86. package/lib/components/Video.js +138 -135
  87. package/lib/components/View2D.d.ts +21 -21
  88. package/lib/components/View2D.js +98 -85
  89. package/lib/components/index.d.ts +1 -1
  90. package/lib/components/index.js +1 -1
  91. package/lib/components/types.d.ts +22 -9
  92. package/lib/components/types.js +1 -1
  93. package/lib/curves/ArcSegment.d.ts +36 -24
  94. package/lib/curves/ArcSegment.js +145 -94
  95. package/lib/curves/CircleSegment.d.ts +26 -16
  96. package/lib/curves/CircleSegment.js +56 -49
  97. package/lib/curves/CubicBezierSegment.d.ts +18 -13
  98. package/lib/curves/CubicBezierSegment.js +79 -46
  99. package/lib/curves/CurveDrawingInfo.d.ts +9 -9
  100. package/lib/curves/CurveDrawingInfo.js +1 -1
  101. package/lib/curves/CurvePoint.d.ts +13 -13
  102. package/lib/curves/CurvePoint.js +1 -1
  103. package/lib/curves/CurveProfile.d.ts +5 -5
  104. package/lib/curves/CurveProfile.js +1 -1
  105. package/lib/curves/KnotInfo.d.ts +8 -8
  106. package/lib/curves/KnotInfo.js +1 -1
  107. package/lib/curves/LineSegment.d.ts +19 -14
  108. package/lib/curves/LineSegment.js +42 -42
  109. package/lib/curves/Polynomial.d.ts +110 -110
  110. package/lib/curves/Polynomial.js +249 -239
  111. package/lib/curves/Polynomial2D.d.ts +20 -20
  112. package/lib/curves/Polynomial2D.js +46 -42
  113. package/lib/curves/PolynomialSegment.d.ts +42 -37
  114. package/lib/curves/PolynomialSegment.js +83 -81
  115. package/lib/curves/QuadBezierSegment.d.ts +12 -12
  116. package/lib/curves/QuadBezierSegment.js +71 -41
  117. package/lib/curves/Segment.d.ts +12 -7
  118. package/lib/curves/Segment.js +2 -3
  119. package/lib/curves/UniformPolynomialCurveSampler.d.ts +34 -34
  120. package/lib/curves/UniformPolynomialCurveSampler.js +68 -62
  121. package/lib/curves/createCurveProfileLerp.d.ts +17 -6
  122. package/lib/curves/createCurveProfileLerp.js +211 -208
  123. package/lib/curves/getBezierSplineProfile.d.ts +8 -4
  124. package/lib/curves/getBezierSplineProfile.js +145 -101
  125. package/lib/curves/getCircleProfile.d.ts +10 -4
  126. package/lib/curves/getCircleProfile.js +72 -40
  127. package/lib/curves/getPathProfile.d.ts +2 -2
  128. package/lib/curves/getPathProfile.js +135 -112
  129. package/lib/curves/getPointAtDistance.d.ts +7 -4
  130. package/lib/curves/getPointAtDistance.js +12 -12
  131. package/lib/curves/getPolylineProfile.d.ts +8 -4
  132. package/lib/curves/getPolylineProfile.js +67 -54
  133. package/lib/curves/getRectProfile.d.ts +9 -4
  134. package/lib/curves/getRectProfile.js +117 -52
  135. package/lib/curves/index.d.ts +1 -1
  136. package/lib/curves/index.js +1 -1
  137. package/lib/decorators/canvasStyleSignal.d.ts +3 -3
  138. package/lib/decorators/canvasStyleSignal.js +10 -10
  139. package/lib/decorators/colorSignal.d.ts +1 -1
  140. package/lib/decorators/colorSignal.js +7 -7
  141. package/lib/decorators/compound.d.ts +4 -2
  142. package/lib/decorators/compound.js +43 -23
  143. package/lib/decorators/computed.d.ts +1 -1
  144. package/lib/decorators/computed.js +9 -9
  145. package/lib/decorators/defaultStyle.d.ts +5 -2
  146. package/lib/decorators/defaultStyle.js +11 -11
  147. package/lib/decorators/filtersSignal.d.ts +28 -8
  148. package/lib/decorators/filtersSignal.js +87 -64
  149. package/lib/decorators/index.d.ts +1 -1
  150. package/lib/decorators/index.js +1 -1
  151. package/lib/decorators/initializers.d.ts +5 -2
  152. package/lib/decorators/initializers.js +18 -19
  153. package/lib/decorators/nodeName.d.ts +1 -1
  154. package/lib/decorators/nodeName.js +4 -4
  155. package/lib/decorators/signal.d.ts +40 -20
  156. package/lib/decorators/signal.js +113 -104
  157. package/lib/decorators/spacingSignal.d.ts +1 -1
  158. package/lib/decorators/spacingSignal.js +13 -13
  159. package/lib/decorators/vector2Signal.d.ts +13 -7
  160. package/lib/decorators/vector2Signal.js +15 -13
  161. package/lib/index.d.ts +1 -1
  162. package/lib/index.js +1 -1
  163. package/lib/jsx-dev-runtime.d.ts +3 -3
  164. package/lib/jsx-dev-runtime.js +3 -3
  165. package/lib/jsx-runtime.d.ts +19 -9
  166. package/lib/jsx-runtime.js +18 -18
  167. package/lib/partials/Filter.d.ts +24 -16
  168. package/lib/partials/Filter.js +69 -69
  169. package/lib/partials/Gradient.d.ts +30 -24
  170. package/lib/partials/Gradient.js +69 -58
  171. package/lib/partials/Pattern.d.ts +14 -9
  172. package/lib/partials/Pattern.js +30 -24
  173. package/lib/partials/ShaderConfig.d.ts +81 -74
  174. package/lib/partials/ShaderConfig.js +22 -23
  175. package/lib/partials/index.d.ts +1 -1
  176. package/lib/partials/index.js +1 -1
  177. package/lib/partials/types.d.ts +19 -6
  178. package/lib/partials/types.js +1 -1
  179. package/lib/scenes/Scene2D.d.ts +42 -23
  180. package/lib/scenes/Scene2D.js +161 -151
  181. package/lib/scenes/index.d.ts +1 -1
  182. package/lib/scenes/index.js +1 -1
  183. package/lib/scenes/makeScene2D.d.ts +7 -5
  184. package/lib/scenes/makeScene2D.js +10 -10
  185. package/lib/scenes/useScene2D.d.ts +2 -2
  186. package/lib/scenes/useScene2D.js +3 -3
  187. package/lib/utils/CanvasUtils.d.ts +93 -21
  188. package/lib/utils/CanvasUtils.js +186 -105
  189. package/lib/utils/diff.d.ts +25 -18
  190. package/lib/utils/diff.js +84 -87
  191. package/lib/utils/index.d.ts +1 -1
  192. package/lib/utils/index.js +1 -1
  193. package/lib/utils/is.d.ts +4 -2
  194. package/lib/utils/is.js +2 -2
  195. package/lib/utils/makeSignalExtensions.d.ts +11 -4
  196. package/lib/utils/makeSignalExtensions.js +17 -17
  197. package/package.json +5 -5
@@ -1,13 +1,26 @@
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;
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;
5
18
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
- };
7
- import { QuadBezierSegment } from '../curves';
8
- import { computed, vector2Signal } from '../decorators';
9
- import { lineTo, moveTo, quadraticCurveTo } from '../utils';
10
- import { Bezier } from './Bezier';
19
+ };
20
+ import {QuadBezierSegment} from '../curves';
21
+ import {computed, vector2Signal} from '../decorators';
22
+ import {lineTo, moveTo, quadraticCurveTo} from '../utils';
23
+ import {Bezier} from './Bezier';
11
24
  /**
12
25
  * A node for drawing a quadratic Bézier curve.
13
26
  *
@@ -37,40 +50,32 @@ import { Bezier } from './Bezier';
37
50
  * ```
38
51
  */
39
52
  export class QuadBezier extends Bezier {
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
- }
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
+ }
63
76
  }
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
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
@@ -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,14 +1,27 @@
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;
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;
5
18
  return c > 3 && r && Object.defineProperty(target, key, r), r;
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';
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';
12
25
  /**
13
26
  * A node for drawing an individual line segment.
14
27
  *
@@ -38,58 +51,52 @@ import { Curve } from './Curve';
38
51
  * ```
39
52
  */
40
53
  let Ray = class Ray extends Curve {
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
- }
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
+ }
84
97
  };
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==
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==
@@ -1,112 +1,119 @@
1
- import { BBox, PossibleSpacing, SerializedVector2, SignalValue, SimpleSignal, SpacingSignal } from '@revideo/core';
2
- import { DesiredLength } from '../partials';
3
- import { Curve, CurveProps } from './Curve';
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';
4
11
  export interface RectProps extends CurveProps {
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>;
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>;
17
24
  }
18
25
  export declare class Rect extends Curve {
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;
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;
111
118
  }
112
- //# sourceMappingURL=Rect.d.ts.map
119
+ //# sourceMappingURL=Rect.d.ts.map