@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.
- 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.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- package/lib/components/Code.js +269 -317
- package/lib/components/CodeBlock.d.ts +67 -109
- package/lib/components/CodeBlock.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- package/lib/components/Media.js +134 -135
- package/lib/components/Node.d.ts +830 -875
- package/lib/components/Node.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- 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.d.ts.map +1 -1
- package/lib/components/Txt.js +155 -156
- package/lib/components/TxtLeaf.d.ts +16 -20
- package/lib/components/TxtLeaf.d.ts.map +1 -1
- package/lib/components/TxtLeaf.js +2 -2
- package/lib/components/Video.d.ts +45 -41
- package/lib/components/Video.d.ts.map +1 -1
- package/lib/components/Video.js +207 -138
- package/lib/components/View2D.d.ts +22 -21
- package/lib/components/View2D.d.ts.map +1 -1
- package/lib/components/View2D.js +89 -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.d.ts.map +1 -1
- package/lib/scenes/Scene2D.js +152 -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/tsconfig.build.tsbuildinfo +1 -1
- 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/src/lib/components/Audio.ts +2 -2
- package/src/lib/components/Code.ts +4 -2
- package/src/lib/components/CodeBlock.ts +1 -1
- package/src/lib/components/Img.ts +2 -2
- package/src/lib/components/Layout.ts +2 -2
- package/src/lib/components/Media.ts +3 -1
- package/src/lib/components/Node.ts +9 -9
- package/src/lib/components/Shape.ts +2 -2
- package/src/lib/components/Txt.ts +2 -2
- package/src/lib/components/TxtLeaf.ts +1 -1
- package/src/lib/components/Video.ts +120 -8
- package/src/lib/components/View2D.ts +6 -2
- package/src/lib/scenes/Scene2D.ts +4 -3
|
@@ -1,48 +1,39 @@
|
|
|
1
|
-
import {BBox, SignalValue, SimpleSignal} from '@revideo/core';
|
|
2
|
-
import {CanvasStyleSignal} from '../decorators/canvasStyleSignal';
|
|
3
|
-
import {PossibleCanvasStyle} from '../partials';
|
|
4
|
-
import {Layout, LayoutProps} from './Layout';
|
|
1
|
+
import { BBox, SignalValue, SimpleSignal } from '@revideo/core';
|
|
2
|
+
import { CanvasStyleSignal } from '../decorators/canvasStyleSignal';
|
|
3
|
+
import { PossibleCanvasStyle } from '../partials';
|
|
4
|
+
import { Layout, LayoutProps } from './Layout';
|
|
5
5
|
export interface ShapeProps extends LayoutProps {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
6
|
+
fill?: SignalValue<PossibleCanvasStyle>;
|
|
7
|
+
stroke?: SignalValue<PossibleCanvasStyle>;
|
|
8
|
+
strokeFirst?: SignalValue<boolean>;
|
|
9
|
+
lineWidth?: SignalValue<number>;
|
|
10
|
+
lineJoin?: SignalValue<CanvasLineJoin>;
|
|
11
|
+
lineCap?: SignalValue<CanvasLineCap>;
|
|
12
|
+
lineDash?: SignalValue<number[]>;
|
|
13
|
+
lineDashOffset?: SignalValue<number>;
|
|
14
|
+
antialiased?: SignalValue<boolean>;
|
|
15
15
|
}
|
|
16
16
|
export declare abstract class Shape extends Layout {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
duration?: number,
|
|
39
|
-
): Generator<
|
|
40
|
-
| void
|
|
41
|
-
| import('@revideo/core').ThreadGenerator
|
|
42
|
-
| Promise<any>
|
|
43
|
-
| import('@revideo/core').Promisable<any>,
|
|
44
|
-
void,
|
|
45
|
-
any
|
|
46
|
-
>;
|
|
17
|
+
readonly fill: CanvasStyleSignal<this>;
|
|
18
|
+
readonly stroke: CanvasStyleSignal<this>;
|
|
19
|
+
readonly strokeFirst: SimpleSignal<boolean, this>;
|
|
20
|
+
readonly lineWidth: SimpleSignal<number, this>;
|
|
21
|
+
readonly lineJoin: SimpleSignal<CanvasLineJoin, this>;
|
|
22
|
+
readonly lineCap: SimpleSignal<CanvasLineCap, this>;
|
|
23
|
+
readonly lineDash: SimpleSignal<number[], this>;
|
|
24
|
+
readonly lineDashOffset: SimpleSignal<number, this>;
|
|
25
|
+
readonly antialiased: SimpleSignal<boolean, this>;
|
|
26
|
+
protected readonly rippleStrength: SimpleSignal<number, this>;
|
|
27
|
+
protected rippleSize(): number;
|
|
28
|
+
constructor(props: ShapeProps);
|
|
29
|
+
protected applyText(context: CanvasRenderingContext2D): void;
|
|
30
|
+
protected applyStyle(context: CanvasRenderingContext2D): void;
|
|
31
|
+
protected draw(context: CanvasRenderingContext2D): Promise<void>;
|
|
32
|
+
protected drawShape(context: CanvasRenderingContext2D): void;
|
|
33
|
+
protected getCacheBBox(): BBox;
|
|
34
|
+
protected getPath(): Path2D;
|
|
35
|
+
protected getRipplePath(): Path2D;
|
|
36
|
+
protected drawRipple(context: CanvasRenderingContext2D): void;
|
|
37
|
+
ripple(duration?: number): Generator<void | import("@revideo/core").ThreadGenerator | Promise<any> | import("@revideo/core").Promisable<any>, void, any>;
|
|
47
38
|
}
|
|
48
|
-
//# sourceMappingURL=Shape.d.ts.map
|
|
39
|
+
//# sourceMappingURL=Shape.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Shape.d.ts","sourceRoot":"","sources":["../../src/lib/components/Shape.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,YAAY,EAMb,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,iBAAiB,EAElB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,8BACsB,KAAM,SAAQ,MAAM;IACxC,SACwB,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACtD,SACwB,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACxD,SAEwB,WAAW,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACjE,SAEwB,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC9D,SAEwB,QAAQ,EAAE,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IACrE,SAEwB,OAAO,EAAE,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IACnE,SAEwB,QAAQ,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC;IAC/D,SAEwB,cAAc,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,SAEwB,WAAW,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAEjE,SAAS,CAAC,QAAQ,CAAC,cAAc,6BAAiC;IAGlE,SAAS,CAAC,UAAU;gBAID,KAAK,EAAE,UAAU;IAIpC,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,wBAAwB;IAKrD,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,wBAAwB;
|
|
1
|
+
{"version":3,"file":"Shape.d.ts","sourceRoot":"","sources":["../../src/lib/components/Shape.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,WAAW,EACX,YAAY,EAMb,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,iBAAiB,EAElB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAC,mBAAmB,EAAC,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACvC,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;IACjC,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CACpC;AAED,8BACsB,KAAM,SAAQ,MAAM;IACxC,SACwB,IAAI,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACtD,SACwB,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IACxD,SAEwB,WAAW,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACjE,SAEwB,SAAS,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC9D,SAEwB,QAAQ,EAAE,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IACrE,SAEwB,OAAO,EAAE,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IACnE,SAEwB,QAAQ,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC;IAC/D,SAEwB,cAAc,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,SAEwB,WAAW,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAEjE,SAAS,CAAC,QAAQ,CAAC,cAAc,6BAAiC;IAGlE,SAAS,CAAC,UAAU;gBAID,KAAK,EAAE,UAAU;IAIpC,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,wBAAwB;IAKrD,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,wBAAwB;cAe7B,IAAI,CAAC,OAAO,EAAE,wBAAwB;IAQ/D,SAAS,CAAC,SAAS,CAAC,OAAO,EAAE,wBAAwB;cAiBlC,YAAY,IAAI,IAAI;IAKvC,SAAS,CAAC,OAAO,IAAI,MAAM;IAI3B,SAAS,CAAC,aAAa,IAAI,MAAM;IAIjC,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,wBAAwB;IAY9C,MAAM,CAAC,QAAQ,SAAI;CAK5B"}
|
package/lib/components/Shape.js
CHANGED
|
@@ -1,119 +1,134 @@
|
|
|
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 {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
threadable,
|
|
26
|
-
} from '@revideo/core';
|
|
27
|
-
import {computed, initial, nodeName, signal} from '../decorators';
|
|
28
|
-
import {canvasStyleSignal} from '../decorators/canvasStyleSignal';
|
|
29
|
-
import {resolveCanvasStyle} from '../utils';
|
|
30
|
-
import {Layout} from './Layout';
|
|
6
|
+
};
|
|
7
|
+
import { createSignal, easeOutExpo, linear, map, threadable, } from '@revideo/core';
|
|
8
|
+
import { computed, initial, nodeName, signal } from '../decorators';
|
|
9
|
+
import { canvasStyleSignal, } from '../decorators/canvasStyleSignal';
|
|
10
|
+
import { resolveCanvasStyle } from '../utils';
|
|
11
|
+
import { Layout } from './Layout';
|
|
31
12
|
let Shape = class Shape extends Layout {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
13
|
+
rippleSize() {
|
|
14
|
+
return easeOutExpo(this.rippleStrength(), 0, 50);
|
|
15
|
+
}
|
|
16
|
+
constructor(props) {
|
|
17
|
+
super(props);
|
|
18
|
+
this.rippleStrength = createSignal(0);
|
|
19
|
+
}
|
|
20
|
+
applyText(context) {
|
|
21
|
+
context.direction = this.textDirection();
|
|
22
|
+
this.element.dir = this.textDirection();
|
|
23
|
+
}
|
|
24
|
+
applyStyle(context) {
|
|
25
|
+
context.fillStyle = resolveCanvasStyle(this.fill(), context);
|
|
26
|
+
context.strokeStyle = resolveCanvasStyle(this.stroke(), context);
|
|
27
|
+
context.lineWidth = this.lineWidth();
|
|
28
|
+
context.lineJoin = this.lineJoin();
|
|
29
|
+
context.lineCap = this.lineCap();
|
|
30
|
+
context.setLineDash(this.lineDash());
|
|
31
|
+
context.lineDashOffset = this.lineDashOffset();
|
|
32
|
+
if (!this.antialiased()) {
|
|
33
|
+
// from https://stackoverflow.com/a/68372384
|
|
34
|
+
context.filter =
|
|
35
|
+
'url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciIgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVDb21wb25lbnRUcmFuc2Zlcj48ZmVGdW5jUiB0eXBlPSJpZGVudGl0eSIvPjxmZUZ1bmNHIHR5cGU9ImlkZW50aXR5Ii8+PGZlRnVuY0IgdHlwZT0iaWRlbnRpdHkiLz48ZmVGdW5jQSB0eXBlPSJkaXNjcmV0ZSIgdGFibGVWYWx1ZXM9IjAgMSIvPjwvZmVDb21wb25lbnRUcmFuc2Zlcj48L2ZpbHRlcj48L3N2Zz4=#filter)';
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
async draw(context) {
|
|
39
|
+
this.drawShape(context);
|
|
40
|
+
if (this.clip()) {
|
|
41
|
+
context.clip(this.getPath());
|
|
42
|
+
}
|
|
43
|
+
await this.drawChildren(context);
|
|
44
|
+
}
|
|
45
|
+
drawShape(context) {
|
|
46
|
+
const path = this.getPath();
|
|
47
|
+
const hasStroke = this.lineWidth() > 0 && this.stroke() !== null;
|
|
48
|
+
const hasFill = this.fill() !== null;
|
|
49
|
+
context.save();
|
|
50
|
+
this.applyStyle(context);
|
|
51
|
+
this.drawRipple(context);
|
|
52
|
+
if (this.strokeFirst()) {
|
|
53
|
+
hasStroke && context.stroke(path);
|
|
54
|
+
hasFill && context.fill(path);
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
hasFill && context.fill(path);
|
|
58
|
+
hasStroke && context.stroke(path);
|
|
59
|
+
}
|
|
60
|
+
context.restore();
|
|
61
|
+
}
|
|
62
|
+
getCacheBBox() {
|
|
63
|
+
return super.getCacheBBox().expand(this.lineWidth() / 2);
|
|
64
|
+
}
|
|
65
|
+
getPath() {
|
|
66
|
+
return new Path2D();
|
|
55
67
|
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
this.drawShape(context);
|
|
59
|
-
if (this.clip()) {
|
|
60
|
-
context.clip(this.getPath());
|
|
68
|
+
getRipplePath() {
|
|
69
|
+
return new Path2D();
|
|
61
70
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
if (this.strokeFirst()) {
|
|
72
|
-
hasStroke && context.stroke(path);
|
|
73
|
-
hasFill && context.fill(path);
|
|
74
|
-
} else {
|
|
75
|
-
hasFill && context.fill(path);
|
|
76
|
-
hasStroke && context.stroke(path);
|
|
71
|
+
drawRipple(context) {
|
|
72
|
+
const rippleStrength = this.rippleStrength();
|
|
73
|
+
if (rippleStrength > 0) {
|
|
74
|
+
const ripplePath = this.getRipplePath();
|
|
75
|
+
context.save();
|
|
76
|
+
context.globalAlpha *= map(0.54, 0, rippleStrength);
|
|
77
|
+
context.fill(ripplePath);
|
|
78
|
+
context.restore();
|
|
79
|
+
}
|
|
77
80
|
}
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
83
|
-
getPath() {
|
|
84
|
-
return new Path2D();
|
|
85
|
-
}
|
|
86
|
-
getRipplePath() {
|
|
87
|
-
return new Path2D();
|
|
88
|
-
}
|
|
89
|
-
drawRipple(context) {
|
|
90
|
-
const rippleStrength = this.rippleStrength();
|
|
91
|
-
if (rippleStrength > 0) {
|
|
92
|
-
const ripplePath = this.getRipplePath();
|
|
93
|
-
context.save();
|
|
94
|
-
context.globalAlpha *= map(0.54, 0, rippleStrength);
|
|
95
|
-
context.fill(ripplePath);
|
|
96
|
-
context.restore();
|
|
81
|
+
*ripple(duration = 1) {
|
|
82
|
+
this.rippleStrength(0);
|
|
83
|
+
yield* this.rippleStrength(1, duration, linear);
|
|
84
|
+
this.rippleStrength(0);
|
|
97
85
|
}
|
|
98
|
-
}
|
|
99
|
-
*ripple(duration = 1) {
|
|
100
|
-
this.rippleStrength(0);
|
|
101
|
-
yield* this.rippleStrength(1, duration, linear);
|
|
102
|
-
this.rippleStrength(0);
|
|
103
|
-
}
|
|
104
86
|
};
|
|
105
|
-
__decorate([
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
__decorate([
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
__decorate([
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
__decorate([
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
87
|
+
__decorate([
|
|
88
|
+
canvasStyleSignal()
|
|
89
|
+
], Shape.prototype, "fill", void 0);
|
|
90
|
+
__decorate([
|
|
91
|
+
canvasStyleSignal()
|
|
92
|
+
], Shape.prototype, "stroke", void 0);
|
|
93
|
+
__decorate([
|
|
94
|
+
initial(false),
|
|
95
|
+
signal()
|
|
96
|
+
], Shape.prototype, "strokeFirst", void 0);
|
|
97
|
+
__decorate([
|
|
98
|
+
initial(0),
|
|
99
|
+
signal()
|
|
100
|
+
], Shape.prototype, "lineWidth", void 0);
|
|
101
|
+
__decorate([
|
|
102
|
+
initial('miter'),
|
|
103
|
+
signal()
|
|
104
|
+
], Shape.prototype, "lineJoin", void 0);
|
|
105
|
+
__decorate([
|
|
106
|
+
initial('butt'),
|
|
107
|
+
signal()
|
|
108
|
+
], Shape.prototype, "lineCap", void 0);
|
|
109
|
+
__decorate([
|
|
110
|
+
initial([]),
|
|
111
|
+
signal()
|
|
112
|
+
], Shape.prototype, "lineDash", void 0);
|
|
113
|
+
__decorate([
|
|
114
|
+
initial(0),
|
|
115
|
+
signal()
|
|
116
|
+
], Shape.prototype, "lineDashOffset", void 0);
|
|
117
|
+
__decorate([
|
|
118
|
+
initial(true),
|
|
119
|
+
signal()
|
|
120
|
+
], Shape.prototype, "antialiased", void 0);
|
|
121
|
+
__decorate([
|
|
122
|
+
computed()
|
|
123
|
+
], Shape.prototype, "rippleSize", null);
|
|
124
|
+
__decorate([
|
|
125
|
+
computed()
|
|
126
|
+
], Shape.prototype, "getPath", null);
|
|
127
|
+
__decorate([
|
|
128
|
+
threadable()
|
|
129
|
+
], Shape.prototype, "ripple", null);
|
|
130
|
+
Shape = __decorate([
|
|
131
|
+
nodeName('Shape')
|
|
132
|
+
], Shape);
|
|
133
|
+
export { Shape };
|
|
134
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2hhcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvU2hhcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsT0FBTyxFQUlMLFlBQVksRUFDWixXQUFXLEVBQ1gsTUFBTSxFQUNOLEdBQUcsRUFDSCxVQUFVLEdBQ1gsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNsRSxPQUFPLEVBRUwsaUJBQWlCLEdBQ2xCLE1BQU0saUNBQWlDLENBQUM7QUFFekMsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sVUFBVSxDQUFDO0FBQzVDLE9BQU8sRUFBQyxNQUFNLEVBQWMsTUFBTSxVQUFVLENBQUM7QUFldEMsSUFBZSxLQUFLLEdBQXBCLE1BQWUsS0FBTSxTQUFRLE1BQU07SUE4QjlCLFVBQVU7UUFDbEIsT0FBTyxXQUFXLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNuRCxDQUFDO0lBRUQsWUFBbUIsS0FBaUI7UUFDbEMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBUkksbUJBQWMsR0FBRyxZQUFZLENBQWUsQ0FBQyxDQUFDLENBQUM7SUFTbEUsQ0FBQztJQUVTLFNBQVMsQ0FBQyxPQUFpQztRQUNuRCxPQUFPLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUN6QyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVTLFVBQVUsQ0FBQyxPQUFpQztRQUNwRCxPQUFPLENBQUMsU0FBUyxHQUFHLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUM3RCxPQUFPLENBQUMs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
|
|
@@ -1,22 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
SignalValue,
|
|
6
|
-
SimpleSignal,
|
|
7
|
-
} from '@revideo/core';
|
|
8
|
-
import {CurveProfile, KnotInfo} from '../curves';
|
|
9
|
-
import {DesiredLength} from '../partials';
|
|
10
|
-
import {Curve, CurveProps} from './Curve';
|
|
1
|
+
import { BBox, PossibleVector2, SerializedVector2, SignalValue, SimpleSignal } from '@revideo/core';
|
|
2
|
+
import { CurveProfile, KnotInfo } from '../curves';
|
|
3
|
+
import { DesiredLength } from '../partials';
|
|
4
|
+
import { Curve, CurveProps } from './Curve';
|
|
11
5
|
export interface SplineProps extends CurveProps {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
6
|
+
/**
|
|
7
|
+
* {@inheritDoc Spline.smoothness}
|
|
8
|
+
*/
|
|
9
|
+
smoothness?: SignalValue<number>;
|
|
10
|
+
/**
|
|
11
|
+
* {@inheritDoc Spline.points}
|
|
12
|
+
*/
|
|
13
|
+
points?: SignalValue<SignalValue<PossibleVector2[]>>;
|
|
20
14
|
}
|
|
21
15
|
/**
|
|
22
16
|
* A node for drawing a smooth line through a number of points.
|
|
@@ -62,32 +56,32 @@ export interface SplineProps extends CurveProps {
|
|
|
62
56
|
* ```
|
|
63
57
|
*/
|
|
64
58
|
export declare class Spline extends Curve {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
59
|
+
/**
|
|
60
|
+
* The smoothness of the spline when using auto-calculated handles.
|
|
61
|
+
*
|
|
62
|
+
* @remarks
|
|
63
|
+
* This property is only applied to knots that don't use explicit handles.
|
|
64
|
+
*
|
|
65
|
+
* @defaultValue 0.4
|
|
66
|
+
*/
|
|
67
|
+
readonly smoothness: SimpleSignal<number>;
|
|
68
|
+
/**
|
|
69
|
+
* The knots of the spline as an array of knots with auto-calculated handles.
|
|
70
|
+
*
|
|
71
|
+
* @remarks
|
|
72
|
+
* You can control the smoothness of the resulting curve
|
|
73
|
+
* via the {@link smoothness} property.
|
|
74
|
+
*/
|
|
75
|
+
readonly points: SimpleSignal<SignalValue<PossibleVector2>[] | null, this>;
|
|
76
|
+
constructor(props: SplineProps);
|
|
77
|
+
profile(): CurveProfile;
|
|
78
|
+
knots(): KnotInfo[];
|
|
79
|
+
protected childrenBBox(): BBox;
|
|
80
|
+
protected lineWidthCoefficient(): number;
|
|
81
|
+
protected desiredSize(): SerializedVector2<DesiredLength>;
|
|
82
|
+
protected offsetComputedLayout(box: BBox): BBox;
|
|
83
|
+
private getTightBBox;
|
|
84
|
+
drawOverlay(context: CanvasRenderingContext2D, matrix: DOMMatrix): void;
|
|
85
|
+
private isKnot;
|
|
92
86
|
}
|
|
93
|
-
//# sourceMappingURL=Spline.d.ts.map
|
|
87
|
+
//# sourceMappingURL=Spline.d.ts.map
|