@revideo/2d 0.2.1-alpha.891 → 0.2.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.
- package/lib/code/CodeCursor.d.ts +74 -74
- package/lib/code/CodeCursor.js +286 -352
- package/lib/code/CodeDiffer.d.ts +16 -21
- package/lib/code/CodeDiffer.js +41 -39
- package/lib/code/CodeFragment.d.ts +8 -16
- package/lib/code/CodeFragment.js +36 -36
- package/lib/code/CodeHighlighter.d.ts +59 -59
- package/lib/code/CodeHighlighter.js +1 -1
- package/lib/code/CodeMetrics.d.ts +8 -12
- package/lib/code/CodeMetrics.js +24 -26
- package/lib/code/CodeRange.d.ts +5 -21
- package/lib/code/CodeRange.js +124 -131
- package/lib/code/CodeScope.d.ts +8 -18
- package/lib/code/CodeScope.js +61 -59
- package/lib/code/CodeSelection.d.ts +4 -9
- package/lib/code/CodeSelection.js +8 -8
- package/lib/code/CodeSignal.d.ts +47 -74
- package/lib/code/CodeSignal.js +189 -206
- package/lib/code/CodeTokenizer.d.ts +1 -1
- package/lib/code/CodeTokenizer.js +41 -41
- package/lib/code/DefaultHighlightStyle.d.ts +2 -2
- package/lib/code/DefaultHighlightStyle.js +96 -96
- package/lib/code/LezerHighlighter.d.ts +19 -21
- package/lib/code/LezerHighlighter.js +101 -101
- package/lib/code/diff.d.ts +9 -12
- package/lib/code/diff.js +205 -218
- package/lib/code/extractRange.d.ts +4 -7
- package/lib/code/extractRange.js +71 -79
- package/lib/code/index.d.ts +1 -1
- package/lib/code/index.js +1 -1
- package/lib/components/Audio.d.ts +11 -11
- package/lib/components/Audio.js +109 -115
- package/lib/components/Bezier.d.ts +18 -18
- package/lib/components/Bezier.js +75 -86
- package/lib/components/Circle.d.ts +90 -95
- package/lib/components/Circle.js +74 -85
- package/lib/components/Code.d.ts +211 -244
- package/lib/components/Code.js +269 -317
- package/lib/components/CodeBlock.d.ts +67 -109
- package/lib/components/CodeBlock.js +373 -414
- package/lib/components/CubicBezier.d.ts +36 -36
- package/lib/components/CubicBezier.js +49 -52
- package/lib/components/Curve.d.ts +198 -208
- package/lib/components/Curve.js +269 -270
- package/lib/components/Grid.d.ts +42 -47
- package/lib/components/Grid.js +56 -63
- package/lib/components/Icon.d.ts +50 -55
- package/lib/components/Icon.js +50 -58
- package/lib/components/Img.d.ts +79 -86
- package/lib/components/Img.js +181 -193
- package/lib/components/Knot.d.ts +78 -97
- package/lib/components/Knot.js +60 -81
- package/lib/components/Latex.d.ts +12 -12
- package/lib/components/Latex.js +65 -77
- package/lib/components/Layout.d.ts +413 -455
- package/lib/components/Layout.js +681 -666
- package/lib/components/Line.d.ts +49 -61
- package/lib/components/Line.js +193 -216
- package/lib/components/Media.d.ts +35 -35
- package/lib/components/Media.js +134 -135
- package/lib/components/Node.d.ts +830 -875
- package/lib/components/Node.js +1314 -1383
- package/lib/components/Path.d.ts +14 -35
- package/lib/components/Path.js +89 -100
- package/lib/components/Polygon.d.ts +55 -60
- package/lib/components/Polygon.js +66 -71
- package/lib/components/QuadBezier.d.ts +29 -29
- package/lib/components/QuadBezier.js +45 -50
- package/lib/components/Ray.d.ts +28 -28
- package/lib/components/Ray.js +64 -71
- package/lib/components/Rect.d.ts +108 -115
- package/lib/components/Rect.js +72 -78
- package/lib/components/SVG.d.ts +139 -165
- package/lib/components/SVG.js +541 -609
- package/lib/components/Shape.d.ts +35 -44
- package/lib/components/Shape.js +127 -112
- package/lib/components/Spline.d.ts +40 -46
- package/lib/components/Spline.js +175 -190
- package/lib/components/Txt.d.ts +44 -55
- package/lib/components/Txt.js +155 -156
- package/lib/components/TxtLeaf.d.ts +16 -20
- package/lib/components/TxtLeaf.js +158 -177
- package/lib/components/Video.d.ts +41 -41
- package/lib/components/Video.js +135 -138
- package/lib/components/View2D.d.ts +21 -21
- package/lib/components/View2D.js +85 -98
- package/lib/components/index.d.ts +1 -1
- package/lib/components/index.js +1 -1
- package/lib/components/types.d.ts +9 -22
- package/lib/components/types.js +1 -1
- package/lib/curves/ArcSegment.d.ts +24 -36
- package/lib/curves/ArcSegment.js +94 -145
- package/lib/curves/CircleSegment.d.ts +16 -26
- package/lib/curves/CircleSegment.js +49 -56
- package/lib/curves/CubicBezierSegment.d.ts +13 -18
- package/lib/curves/CubicBezierSegment.js +46 -79
- package/lib/curves/CurveDrawingInfo.d.ts +9 -9
- package/lib/curves/CurveDrawingInfo.js +1 -1
- package/lib/curves/CurvePoint.d.ts +13 -13
- package/lib/curves/CurvePoint.js +1 -1
- package/lib/curves/CurveProfile.d.ts +5 -5
- package/lib/curves/CurveProfile.js +1 -1
- package/lib/curves/KnotInfo.d.ts +8 -8
- package/lib/curves/KnotInfo.js +1 -1
- package/lib/curves/LineSegment.d.ts +14 -19
- package/lib/curves/LineSegment.js +42 -42
- package/lib/curves/Polynomial.d.ts +110 -110
- package/lib/curves/Polynomial.js +239 -249
- package/lib/curves/Polynomial2D.d.ts +20 -20
- package/lib/curves/Polynomial2D.js +42 -46
- package/lib/curves/PolynomialSegment.d.ts +37 -42
- package/lib/curves/PolynomialSegment.js +81 -83
- package/lib/curves/QuadBezierSegment.d.ts +12 -12
- package/lib/curves/QuadBezierSegment.js +41 -71
- package/lib/curves/Segment.d.ts +7 -12
- package/lib/curves/Segment.js +3 -2
- package/lib/curves/UniformPolynomialCurveSampler.d.ts +34 -34
- package/lib/curves/UniformPolynomialCurveSampler.js +62 -68
- package/lib/curves/createCurveProfileLerp.d.ts +6 -17
- package/lib/curves/createCurveProfileLerp.js +208 -211
- package/lib/curves/getBezierSplineProfile.d.ts +4 -8
- package/lib/curves/getBezierSplineProfile.js +101 -145
- package/lib/curves/getCircleProfile.d.ts +4 -10
- package/lib/curves/getCircleProfile.js +40 -72
- package/lib/curves/getPathProfile.d.ts +2 -2
- package/lib/curves/getPathProfile.js +112 -135
- package/lib/curves/getPointAtDistance.d.ts +4 -7
- package/lib/curves/getPointAtDistance.js +12 -12
- package/lib/curves/getPolylineProfile.d.ts +4 -8
- package/lib/curves/getPolylineProfile.js +54 -67
- package/lib/curves/getRectProfile.d.ts +4 -9
- package/lib/curves/getRectProfile.js +52 -117
- package/lib/curves/index.d.ts +1 -1
- package/lib/curves/index.js +1 -1
- package/lib/decorators/canvasStyleSignal.d.ts +3 -3
- package/lib/decorators/canvasStyleSignal.js +10 -10
- package/lib/decorators/colorSignal.d.ts +1 -1
- package/lib/decorators/colorSignal.js +7 -7
- package/lib/decorators/compound.d.ts +2 -4
- package/lib/decorators/compound.js +23 -43
- package/lib/decorators/computed.d.ts +1 -1
- package/lib/decorators/computed.js +9 -9
- package/lib/decorators/defaultStyle.d.ts +2 -5
- package/lib/decorators/defaultStyle.js +11 -11
- package/lib/decorators/filtersSignal.d.ts +8 -28
- package/lib/decorators/filtersSignal.js +64 -87
- package/lib/decorators/index.d.ts +1 -1
- package/lib/decorators/index.js +1 -1
- package/lib/decorators/initializers.d.ts +2 -5
- package/lib/decorators/initializers.js +19 -18
- package/lib/decorators/nodeName.d.ts +1 -1
- package/lib/decorators/nodeName.js +4 -4
- package/lib/decorators/signal.d.ts +20 -40
- package/lib/decorators/signal.js +104 -113
- package/lib/decorators/spacingSignal.d.ts +1 -1
- package/lib/decorators/spacingSignal.js +13 -13
- package/lib/decorators/vector2Signal.d.ts +7 -13
- package/lib/decorators/vector2Signal.js +13 -15
- package/lib/index.d.ts +1 -1
- package/lib/index.js +1 -1
- package/lib/jsx-dev-runtime.d.ts +3 -3
- package/lib/jsx-dev-runtime.js +3 -3
- package/lib/jsx-runtime.d.ts +9 -19
- package/lib/jsx-runtime.js +18 -18
- package/lib/partials/Filter.d.ts +16 -24
- package/lib/partials/Filter.js +69 -69
- package/lib/partials/Gradient.d.ts +24 -30
- package/lib/partials/Gradient.js +58 -69
- package/lib/partials/Pattern.d.ts +9 -14
- package/lib/partials/Pattern.js +24 -30
- package/lib/partials/ShaderConfig.d.ts +74 -81
- package/lib/partials/ShaderConfig.js +23 -22
- package/lib/partials/index.d.ts +1 -1
- package/lib/partials/index.js +1 -1
- package/lib/partials/types.d.ts +6 -19
- package/lib/partials/types.js +1 -1
- package/lib/scenes/Scene2D.d.ts +23 -42
- package/lib/scenes/Scene2D.js +151 -161
- package/lib/scenes/index.d.ts +1 -1
- package/lib/scenes/index.js +1 -1
- package/lib/scenes/makeScene2D.d.ts +5 -7
- package/lib/scenes/makeScene2D.js +10 -10
- package/lib/scenes/useScene2D.d.ts +2 -2
- package/lib/scenes/useScene2D.js +3 -3
- package/lib/utils/CanvasUtils.d.ts +21 -93
- package/lib/utils/CanvasUtils.js +105 -186
- package/lib/utils/diff.d.ts +18 -25
- package/lib/utils/diff.js +87 -84
- package/lib/utils/index.d.ts +1 -1
- package/lib/utils/index.js +1 -1
- package/lib/utils/is.d.ts +2 -4
- package/lib/utils/is.js +2 -2
- package/lib/utils/makeSignalExtensions.d.ts +4 -11
- package/lib/utils/makeSignalExtensions.js +17 -17
- package/package.json +5 -5
- package/lib/components/AudioTest.d.ts +0 -99
- package/lib/components/AudioTest.d.ts.map +0 -1
- package/lib/components/AudioTest.js +0 -281
package/lib/components/Path.d.ts
CHANGED
|
@@ -1,39 +1,18 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
SimpleSignal,
|
|
5
|
-
TimingFunction,
|
|
6
|
-
Vector2,
|
|
7
|
-
} from '@revideo/core';
|
|
8
|
-
import {CurveProfile} from '../curves';
|
|
9
|
-
import {Curve, CurveProps} from './Curve';
|
|
1
|
+
import { BBox, SignalValue, SimpleSignal, TimingFunction, Vector2 } from '@revideo/core';
|
|
2
|
+
import { CurveProfile } from '../curves';
|
|
3
|
+
import { Curve, CurveProps } from './Curve';
|
|
10
4
|
export interface PathProps extends CurveProps {
|
|
11
|
-
|
|
5
|
+
data: SignalValue<string>;
|
|
12
6
|
}
|
|
13
7
|
export declare class Path extends Curve {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
endPoint: Vector2 | null,
|
|
24
|
-
): void;
|
|
25
|
-
protected tweenData(
|
|
26
|
-
newPath: SignalValue<string>,
|
|
27
|
-
time: number,
|
|
28
|
-
timingFunction: TimingFunction,
|
|
29
|
-
): Generator<
|
|
30
|
-
| void
|
|
31
|
-
| import('@revideo/core').ThreadGenerator
|
|
32
|
-
| Promise<any>
|
|
33
|
-
| import('@revideo/core').Promisable<any>,
|
|
34
|
-
void,
|
|
35
|
-
any
|
|
36
|
-
>;
|
|
37
|
-
drawOverlay(context: CanvasRenderingContext2D, matrix: DOMMatrix): void;
|
|
8
|
+
private currentProfile;
|
|
9
|
+
readonly data: SimpleSignal<string, this>;
|
|
10
|
+
constructor(props: PathProps);
|
|
11
|
+
profile(): CurveProfile;
|
|
12
|
+
protected childrenBBox(): BBox;
|
|
13
|
+
protected lineWidthCoefficient(): number;
|
|
14
|
+
protected processSubpath(path: Path2D, startPoint: Vector2 | null, endPoint: Vector2 | null): void;
|
|
15
|
+
protected tweenData(newPath: SignalValue<string>, time: number, timingFunction: TimingFunction): Generator<void | import("@revideo/core").ThreadGenerator | Promise<any> | import("@revideo/core").Promisable<any>, void, any>;
|
|
16
|
+
drawOverlay(context: CanvasRenderingContext2D, matrix: DOMMatrix): void;
|
|
38
17
|
}
|
|
39
|
-
//# sourceMappingURL=Path.d.ts.map
|
|
18
|
+
//# sourceMappingURL=Path.d.ts.map
|
package/lib/components/Path.js
CHANGED
|
@@ -1,107 +1,96 @@
|
|
|
1
|
-
var __decorate =
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var
|
|
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, createSignal, isReactive, threadable, tween} from '@revideo/core';
|
|
21
|
-
import {createCurveProfileLerp} from '../curves/createCurveProfileLerp';
|
|
22
|
-
import {getPathProfile} from '../curves/getPathProfile';
|
|
23
|
-
import {computed, signal} from '../decorators';
|
|
24
|
-
import {drawLine, drawPivot} from '../utils';
|
|
25
|
-
import {Curve} from './Curve';
|
|
6
|
+
};
|
|
7
|
+
import { BBox, createSignal, isReactive, threadable, tween, } from '@revideo/core';
|
|
8
|
+
import { createCurveProfileLerp } from '../curves/createCurveProfileLerp';
|
|
9
|
+
import { getPathProfile } from '../curves/getPathProfile';
|
|
10
|
+
import { computed, signal } from '../decorators';
|
|
11
|
+
import { drawLine, drawPivot } from '../utils';
|
|
12
|
+
import { Curve } from './Curve';
|
|
26
13
|
export class Path extends Curve {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
profile() {
|
|
33
|
-
return this.currentProfile() ?? getPathProfile(this.data());
|
|
34
|
-
}
|
|
35
|
-
childrenBBox() {
|
|
36
|
-
const points = this.profile().segments.flatMap(segment => segment.points);
|
|
37
|
-
return BBox.fromPoints(...points);
|
|
38
|
-
}
|
|
39
|
-
lineWidthCoefficient() {
|
|
40
|
-
const join = this.lineJoin();
|
|
41
|
-
let coefficient = super.lineWidthCoefficient();
|
|
42
|
-
if (join === 'miter') {
|
|
43
|
-
const {minSin} = this.profile();
|
|
44
|
-
if (minSin > 0) {
|
|
45
|
-
coefficient = Math.max(coefficient, 0.5 / minSin);
|
|
46
|
-
}
|
|
14
|
+
constructor(props) {
|
|
15
|
+
super(props);
|
|
16
|
+
this.currentProfile = createSignal(null);
|
|
17
|
+
this.canHaveSubpath = true;
|
|
47
18
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
processSubpath(path, startPoint, endPoint) {
|
|
51
|
-
if (startPoint && endPoint && startPoint.equals(endPoint)) {
|
|
52
|
-
path.closePath();
|
|
19
|
+
profile() {
|
|
20
|
+
return this.currentProfile() ?? getPathProfile(this.data());
|
|
53
21
|
}
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
22
|
+
childrenBBox() {
|
|
23
|
+
const points = this.profile().segments.flatMap(segment => segment.points);
|
|
24
|
+
return BBox.fromPoints(...points);
|
|
25
|
+
}
|
|
26
|
+
lineWidthCoefficient() {
|
|
27
|
+
const join = this.lineJoin();
|
|
28
|
+
let coefficient = super.lineWidthCoefficient();
|
|
29
|
+
if (join === 'miter') {
|
|
30
|
+
const { minSin } = this.profile();
|
|
31
|
+
if (minSin > 0) {
|
|
32
|
+
coefficient = Math.max(coefficient, 0.5 / minSin);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return coefficient;
|
|
36
|
+
}
|
|
37
|
+
processSubpath(path, startPoint, endPoint) {
|
|
38
|
+
if (startPoint && endPoint && startPoint.equals(endPoint)) {
|
|
39
|
+
path.closePath();
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
*tweenData(newPath, time, timingFunction) {
|
|
43
|
+
const fromProfile = this.profile();
|
|
44
|
+
const toProfile = getPathProfile(isReactive(newPath) ? newPath() : newPath);
|
|
45
|
+
const interpolator = createCurveProfileLerp(fromProfile, toProfile);
|
|
46
|
+
this.currentProfile(fromProfile);
|
|
47
|
+
yield* tween(time, value => {
|
|
48
|
+
const progress = timingFunction(value);
|
|
49
|
+
this.currentProfile(interpolator(progress));
|
|
50
|
+
}, () => {
|
|
51
|
+
this.currentProfile(null);
|
|
52
|
+
this.data(newPath);
|
|
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 segments = this.profile().segments;
|
|
60
|
+
context.lineWidth = 1;
|
|
61
|
+
context.strokeStyle = 'white';
|
|
62
|
+
context.fillStyle = 'white';
|
|
63
|
+
context.save();
|
|
64
|
+
context.setTransform(matrix);
|
|
65
|
+
let endPoint = null;
|
|
66
|
+
let path = new Path2D();
|
|
67
|
+
for (const segment of segments) {
|
|
68
|
+
if (endPoint && !segment.getPoint(0).position.equals(endPoint)) {
|
|
69
|
+
context.stroke(path);
|
|
70
|
+
path = new Path2D();
|
|
71
|
+
endPoint = null;
|
|
72
|
+
}
|
|
73
|
+
const [, end] = segment.draw(path, 0, 1, endPoint == null);
|
|
74
|
+
endPoint = end.position;
|
|
75
|
+
}
|
|
86
76
|
context.stroke(path);
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
77
|
+
context.restore();
|
|
78
|
+
context.beginPath();
|
|
79
|
+
drawPivot(context, offset);
|
|
80
|
+
context.stroke();
|
|
81
|
+
context.beginPath();
|
|
82
|
+
drawLine(context, box);
|
|
83
|
+
context.closePath();
|
|
84
|
+
context.stroke();
|
|
92
85
|
}
|
|
93
|
-
context.stroke(path);
|
|
94
|
-
context.restore();
|
|
95
|
-
context.beginPath();
|
|
96
|
-
drawPivot(context, offset);
|
|
97
|
-
context.stroke();
|
|
98
|
-
context.beginPath();
|
|
99
|
-
drawLine(context, box);
|
|
100
|
-
context.closePath();
|
|
101
|
-
context.stroke();
|
|
102
|
-
}
|
|
103
86
|
}
|
|
104
|
-
__decorate([
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
87
|
+
__decorate([
|
|
88
|
+
signal()
|
|
89
|
+
], Path.prototype, "data", void 0);
|
|
90
|
+
__decorate([
|
|
91
|
+
computed()
|
|
92
|
+
], Path.prototype, "profile", null);
|
|
93
|
+
__decorate([
|
|
94
|
+
threadable()
|
|
95
|
+
], Path.prototype, "tweenData", null);
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGF0aC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9QYXRoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxJQUFJLEVBQ0osWUFBWSxFQUNaLFVBQVUsRUFHVixVQUFVLEVBRVYsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ3hFLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUN4RCxPQUFPLEVBQUMsUUFBUSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUMsUUFBUSxFQUFFLFNBQVMsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUM3QyxPQUFPLEVBQUMsS0FBSyxFQUFhLE1BQU0sU0FBUyxDQUFDO0FBTTFDLE1BQU0sT0FBTyxJQUFLLFNBQVEsS0FBSztJQUs3QixZQUFtQixLQUFnQjtRQUNqQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFMUCxtQkFBYyxHQUFHLFlBQVksQ0FBc0IsSUFBSSxDQUFDLENBQUM7UUFNL0QsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7SUFDN0IsQ0FBQztJQUdlLE9BQU87UUFDckIsT0FBTyxJQUFJLENBQUMsY0FBYyxFQUFFLElBQUksY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzlELENBQUM7SUFFa0IsWUFBWTtRQUM3QixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMxRSxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxNQUFNLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRWtCLG9CQUFvQjtRQUNy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
|
|
@@ -1,21 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
SimpleSignal,
|
|
6
|
-
} from '@revideo/core';
|
|
7
|
-
import {CurveProfile} from '../curves';
|
|
8
|
-
import {DesiredLength} from '../partials';
|
|
9
|
-
import {Curve, CurveProps} from './Curve';
|
|
1
|
+
import { BBox, SerializedVector2, SignalValue, SimpleSignal } from '@revideo/core';
|
|
2
|
+
import { CurveProfile } from '../curves';
|
|
3
|
+
import { DesiredLength } from '../partials';
|
|
4
|
+
import { Curve, CurveProps } from './Curve';
|
|
10
5
|
export interface PolygonProps extends CurveProps {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
/**
|
|
7
|
+
* {@inheritDoc Polygon.sides}
|
|
8
|
+
*/
|
|
9
|
+
sides?: SignalValue<number>;
|
|
10
|
+
/**
|
|
11
|
+
* {@inheritDoc Polygon.radius}
|
|
12
|
+
*/
|
|
13
|
+
radius?: SignalValue<number>;
|
|
19
14
|
}
|
|
20
15
|
/**
|
|
21
16
|
* A node for drawing regular polygons.
|
|
@@ -70,47 +65,47 @@ export interface PolygonProps extends CurveProps {
|
|
|
70
65
|
* ```
|
|
71
66
|
*/
|
|
72
67
|
export declare class Polygon extends Curve {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
68
|
+
/**
|
|
69
|
+
* The number of sides of the polygon.
|
|
70
|
+
*
|
|
71
|
+
* @remarks
|
|
72
|
+
* For example, a value of 6 creates a hexagon.
|
|
73
|
+
*
|
|
74
|
+
* @example
|
|
75
|
+
* ```tsx
|
|
76
|
+
* <Polygon
|
|
77
|
+
* size={320}
|
|
78
|
+
* sides={7}
|
|
79
|
+
* stroke={'#fff'}
|
|
80
|
+
* lineWidth={8}
|
|
81
|
+
* fill={'lightseagreen'}
|
|
82
|
+
* />
|
|
83
|
+
* ```
|
|
84
|
+
*/
|
|
85
|
+
readonly sides: SimpleSignal<number, this>;
|
|
86
|
+
/**
|
|
87
|
+
* The radius of the polygon's corners.
|
|
88
|
+
*
|
|
89
|
+
* @example
|
|
90
|
+
* ```tsx
|
|
91
|
+
* <Polygon
|
|
92
|
+
* radius={30}
|
|
93
|
+
* size={320}
|
|
94
|
+
* sides={3}
|
|
95
|
+
* stroke={'#fff'}
|
|
96
|
+
* lineWidth={8}
|
|
97
|
+
* />
|
|
98
|
+
* ```
|
|
99
|
+
*/
|
|
100
|
+
readonly radius: SimpleSignal<number, this>;
|
|
101
|
+
constructor(props: PolygonProps);
|
|
102
|
+
profile(): CurveProfile;
|
|
103
|
+
protected desiredSize(): SerializedVector2<DesiredLength>;
|
|
104
|
+
protected offsetComputedLayout(box: BBox): BBox;
|
|
105
|
+
protected childrenBBox(): BBox;
|
|
106
|
+
protected requiresProfile(): boolean;
|
|
107
|
+
protected getPath(): Path2D;
|
|
108
|
+
protected getRipplePath(): Path2D;
|
|
109
|
+
protected createPath(expand?: number): Path2D;
|
|
115
110
|
}
|
|
116
|
-
//# sourceMappingURL=Polygon.d.ts.map
|
|
111
|
+
//# sourceMappingURL=Polygon.d.ts.map
|
|
@@ -1,27 +1,14 @@
|
|
|
1
|
-
var __decorate =
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var
|
|
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, Vector2} from '@revideo/core';
|
|
21
|
-
import {getPolylineProfile} from '../curves';
|
|
22
|
-
import {computed, initial, signal} from '../decorators';
|
|
23
|
-
import {drawPolygon} from '../utils';
|
|
24
|
-
import {Curve} from './Curve';
|
|
6
|
+
};
|
|
7
|
+
import { BBox, Vector2, } from '@revideo/core';
|
|
8
|
+
import { getPolylineProfile } from '../curves';
|
|
9
|
+
import { computed, initial, signal } from '../decorators';
|
|
10
|
+
import { drawPolygon } from '../utils';
|
|
11
|
+
import { Curve } from './Curve';
|
|
25
12
|
/**
|
|
26
13
|
* A node for drawing regular polygons.
|
|
27
14
|
*
|
|
@@ -75,54 +62,62 @@ import {Curve} from './Curve';
|
|
|
75
62
|
* ```
|
|
76
63
|
*/
|
|
77
64
|
export class Polygon extends Curve {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}
|
|
81
|
-
profile() {
|
|
82
|
-
const sides = this.sides();
|
|
83
|
-
const radius = this.radius();
|
|
84
|
-
const points = [];
|
|
85
|
-
const size = this.computedSize().scale(0.5);
|
|
86
|
-
for (let i = 0; i < sides; i++) {
|
|
87
|
-
const theta = (i * 2 * Math.PI) / sides;
|
|
88
|
-
const direction = Vector2.fromRadians(theta).perpendicular;
|
|
89
|
-
points.push(direction.mul(size));
|
|
65
|
+
constructor(props) {
|
|
66
|
+
super(props);
|
|
90
67
|
}
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
68
|
+
profile() {
|
|
69
|
+
const sides = this.sides();
|
|
70
|
+
const radius = this.radius();
|
|
71
|
+
const points = [];
|
|
72
|
+
const size = this.computedSize().scale(0.5);
|
|
73
|
+
for (let i = 0; i < sides; i++) {
|
|
74
|
+
const theta = (i * 2 * Math.PI) / sides;
|
|
75
|
+
const direction = Vector2.fromRadians(theta).perpendicular;
|
|
76
|
+
points.push(direction.mul(size));
|
|
77
|
+
}
|
|
78
|
+
return getPolylineProfile(points, radius, true);
|
|
79
|
+
}
|
|
80
|
+
desiredSize() {
|
|
81
|
+
return {
|
|
82
|
+
x: this.width.context.getter(),
|
|
83
|
+
y: this.height.context.getter(),
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
offsetComputedLayout(box) {
|
|
87
|
+
return box;
|
|
88
|
+
}
|
|
89
|
+
childrenBBox() {
|
|
90
|
+
return BBox.fromSizeCentered(this.computedSize());
|
|
91
|
+
}
|
|
92
|
+
requiresProfile() {
|
|
93
|
+
return super.requiresProfile() || this.radius() > 0;
|
|
94
|
+
}
|
|
95
|
+
getPath() {
|
|
96
|
+
if (this.requiresProfile()) {
|
|
97
|
+
return this.curveDrawingInfo().path;
|
|
98
|
+
}
|
|
99
|
+
return this.createPath();
|
|
100
|
+
}
|
|
101
|
+
getRipplePath() {
|
|
102
|
+
return this.createPath(this.rippleSize());
|
|
103
|
+
}
|
|
104
|
+
createPath(expand = 0) {
|
|
105
|
+
const path = new Path2D();
|
|
106
|
+
const sides = this.sides();
|
|
107
|
+
const box = BBox.fromSizeCentered(this.size()).expand(expand);
|
|
108
|
+
drawPolygon(path, box, sides);
|
|
109
|
+
return path;
|
|
111
110
|
}
|
|
112
|
-
return this.createPath();
|
|
113
|
-
}
|
|
114
|
-
getRipplePath() {
|
|
115
|
-
return this.createPath(this.rippleSize());
|
|
116
|
-
}
|
|
117
|
-
createPath(expand = 0) {
|
|
118
|
-
const path = new Path2D();
|
|
119
|
-
const sides = this.sides();
|
|
120
|
-
const box = BBox.fromSizeCentered(this.size()).expand(expand);
|
|
121
|
-
drawPolygon(path, box, sides);
|
|
122
|
-
return path;
|
|
123
|
-
}
|
|
124
111
|
}
|
|
125
|
-
__decorate([
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
112
|
+
__decorate([
|
|
113
|
+
initial(6),
|
|
114
|
+
signal()
|
|
115
|
+
], Polygon.prototype, "sides", void 0);
|
|
116
|
+
__decorate([
|
|
117
|
+
initial(0),
|
|
118
|
+
signal()
|
|
119
|
+
], Polygon.prototype, "radius", void 0);
|
|
120
|
+
__decorate([
|
|
121
|
+
computed()
|
|
122
|
+
], Polygon.prototype, "profile", null);
|
|
123
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9seWdvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9Qb2x5Z29uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLE9BQU8sRUFDTCxJQUFJLEVBSUosT0FBTyxHQUNSLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBZSxrQkFBa0IsRUFBQyxNQUFNLFdBQVcsQ0FBQztBQUMzRCxPQUFPLEVBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEQsT0FBTyxFQUFDLFdBQVcsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUNyQyxPQUFPLEVBQUMsS0FBSyxFQUFhLE1BQU0sU0FBUyxDQUFDO0FBYTFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtREc7QUFDSCxNQUFNLE9BQU8sT0FBUSxTQUFRLEtBQUs7SUF3Q2hDLFlBQW1CLEtBQW1CO1FBQ3BDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNmLENBQUM7SUFHZSxPQUFPO1FBQ3JCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUMzQixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFFN0IsTUFBTSxNQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDNUMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQy9CLE1BQU0sS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEdBQUcsS0FBSyxDQUFDO1lBQ3hDLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsYUFBYSxDQUFDO1lBQzNELE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1FBQ25DLENBQUM7UUFFRCxPQUFPLGtCQUFrQixDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVrQixXQUFXO1FBQzVCLE9BQU87WUFDTCxDQUFDLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFO1lBQzlCLENBQUMsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUU7U0FDaEMsQ0FBQztJQUNKLENBQUM7SUFFa0Isb0JBQW9CLENBQUMsR0FBUztRQUMvQyxPQUFPLEdBQUcsQ0FBQztJQUNiLENBQUM7SUFFa0IsWUFBWTtRQUM3QixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRWtCLGVBQWU7UUFDaEMsT0FBTyxLQUFLLENBQUMsZUFBZSxFQUFFLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRWtCLE9BQU87UUFDeEIsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLEVBQUUsQ0FBQztZQUMzQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLElBQUksQ0FBQztRQUN0QyxDQUFDO1FBRUQsT0FBTyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUNrQixhQUFhO1FBQzlCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRVMsVUFBVSxDQUFDLE1BQU0sR0FBRyxDQUFDO1FBQzdCLE1BQU0sSUFBSSxHQUFHLElBQUksTUFBTSxFQUFFLENBQUM7UUFDMUIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQzNCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDOUQsV0FBVyxDQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsS0FBSyxDQUFDLENBQUM7UUFDOUIsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0NBQ0Y7QUE3RXlCO0lBRnZCLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDVixNQUFNLEVBQUU7c0NBQ2lEO0FBa0JsQztJQUZ2QixPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ1YsTUFBTSxFQUFFO3VDQUNrRDtBQU8zQztJQURmLFFBQVEsRUFBRTtzQ0FjViJ9
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import {PossibleVector2, SignalValue, Vector2Signal} from '@revideo/core';
|
|
2
|
-
import {PolynomialSegment} from '../curves/PolynomialSegment';
|
|
3
|
-
import {Bezier, BezierOverlayInfo} from './Bezier';
|
|
4
|
-
import {CurveProps} from './Curve';
|
|
1
|
+
import { PossibleVector2, SignalValue, Vector2Signal } from '@revideo/core';
|
|
2
|
+
import { PolynomialSegment } from '../curves/PolynomialSegment';
|
|
3
|
+
import { Bezier, BezierOverlayInfo } from './Bezier';
|
|
4
|
+
import { CurveProps } from './Curve';
|
|
5
5
|
export interface QuadBezierProps extends CurveProps {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
6
|
+
p0?: SignalValue<PossibleVector2>;
|
|
7
|
+
p0X?: SignalValue<number>;
|
|
8
|
+
p0Y?: SignalValue<number>;
|
|
9
|
+
p1?: SignalValue<PossibleVector2>;
|
|
10
|
+
p1X?: SignalValue<number>;
|
|
11
|
+
p1Y?: SignalValue<number>;
|
|
12
|
+
p2?: SignalValue<PossibleVector2>;
|
|
13
|
+
p2X?: SignalValue<number>;
|
|
14
|
+
p2Y?: SignalValue<number>;
|
|
15
15
|
}
|
|
16
16
|
/**
|
|
17
17
|
* A node for drawing a quadratic Bézier curve.
|
|
@@ -42,20 +42,20 @@ export interface QuadBezierProps extends CurveProps {
|
|
|
42
42
|
* ```
|
|
43
43
|
*/
|
|
44
44
|
export declare class QuadBezier extends Bezier {
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
45
|
+
/**
|
|
46
|
+
* The start point of the Bézier curve.
|
|
47
|
+
*/
|
|
48
|
+
readonly p0: Vector2Signal<this>;
|
|
49
|
+
/**
|
|
50
|
+
* The control point of the Bézier curve.
|
|
51
|
+
*/
|
|
52
|
+
readonly p1: Vector2Signal<this>;
|
|
53
|
+
/**
|
|
54
|
+
* The end point of the Bézier curve.
|
|
55
|
+
*/
|
|
56
|
+
readonly p2: Vector2Signal<this>;
|
|
57
|
+
constructor(props: QuadBezierProps);
|
|
58
|
+
protected segment(): PolynomialSegment;
|
|
59
|
+
protected overlayInfo(matrix: DOMMatrix): BezierOverlayInfo;
|
|
60
60
|
}
|
|
61
|
-
//# sourceMappingURL=QuadBezier.d.ts.map
|
|
61
|
+
//# sourceMappingURL=QuadBezier.d.ts.map
|