@pixodesk/svg-animator-core 1.0.29 → 1.0.30
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/README.md +3 -3
- package/dist/index.cjs +16 -16
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +12 -12
- package/dist/index.d.ts +12 -12
- package/dist/index.js +14 -14
- package/dist/index.js.map +1 -1
- package/dist/index.min.cjs +1 -1
- package/dist/index.min.js +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -237,15 +237,15 @@ declare const PxLoopExtend: {
|
|
|
237
237
|
readonly after: "after";
|
|
238
238
|
};
|
|
239
239
|
type PxLoopExtend = typeof PxLoopExtend[keyof typeof PxLoopExtend];
|
|
240
|
-
/** `
|
|
240
|
+
/** `strokeTrim.subPaths` — what the 0..1 `range`/`offset` window is measured over.
|
|
241
241
|
* `separate` (default): each sub-path against its OWN length, all trimmed alike.
|
|
242
242
|
* `combined`: every descendant sub-path chained end-to-end into one virtual path,
|
|
243
243
|
* so the window slides across siblings (AE "Trim All As One"). */
|
|
244
|
-
declare const
|
|
244
|
+
declare const PxStrokeTrimSubPaths: {
|
|
245
245
|
readonly separate: "separate";
|
|
246
246
|
readonly combined: "combined";
|
|
247
247
|
};
|
|
248
|
-
type
|
|
248
|
+
type PxStrokeTrimSubPaths = typeof PxStrokeTrimSubPaths[keyof typeof PxStrokeTrimSubPaths];
|
|
249
249
|
/** @deprecated Backwards-compatibility alias — use {@link PxAnimatorMode} for the type. */
|
|
250
250
|
type JsMode = PxAnimatorMode;
|
|
251
251
|
declare const TEXT_ATTR = "text";
|
|
@@ -4166,7 +4166,7 @@ declare const PxMaskedByEffectSchema: PxSchema<{} & {
|
|
|
4166
4166
|
};
|
|
4167
4167
|
};
|
|
4168
4168
|
type PxMaskedByEffect = PxInfer<typeof PxMaskedByEffectSchema>;
|
|
4169
|
-
declare const
|
|
4169
|
+
declare const PxStrokeTrimEffectSchema: PxSchema<{} & {
|
|
4170
4170
|
offset?: number | ({} & {
|
|
4171
4171
|
value?: string | number | number[] | ({} & {
|
|
4172
4172
|
translate?: [number, number] | undefined;
|
|
@@ -4521,7 +4521,7 @@ declare const PxTrimPathEffectSchema: PxSchema<{} & {
|
|
|
4521
4521
|
subPaths: PxSchema<"separate" | "combined" | undefined, true>;
|
|
4522
4522
|
};
|
|
4523
4523
|
};
|
|
4524
|
-
type
|
|
4524
|
+
type PxStrokeTrimEffect = PxInfer<typeof PxStrokeTrimEffectSchema>;
|
|
4525
4525
|
declare const PxRetimeEffectSchema: PxSchema<{} & {
|
|
4526
4526
|
sourceId?: string | undefined;
|
|
4527
4527
|
start?: number | undefined;
|
|
@@ -8148,7 +8148,7 @@ declare const PxEffectsSchema: PxSchema<{} & {
|
|
|
8148
8148
|
autoOrient?: boolean | undefined;
|
|
8149
8149
|
}) | undefined;
|
|
8150
8150
|
}) | undefined;
|
|
8151
|
-
|
|
8151
|
+
strokeTrim?: ({} & {
|
|
8152
8152
|
offset?: number | ({} & {
|
|
8153
8153
|
value?: string | number | number[] | ({} & {
|
|
8154
8154
|
translate?: [number, number] | undefined;
|
|
@@ -10651,7 +10651,7 @@ declare const PxEffectsSchema: PxSchema<{} & {
|
|
|
10651
10651
|
autoOrient?: boolean | undefined;
|
|
10652
10652
|
}) | undefined;
|
|
10653
10653
|
}) | undefined, true>;
|
|
10654
|
-
|
|
10654
|
+
strokeTrim: PxSchema<({} & {
|
|
10655
10655
|
offset?: number | ({} & {
|
|
10656
10656
|
value?: string | number | number[] | ({} & {
|
|
10657
10657
|
translate?: [number, number] | undefined;
|
|
@@ -13179,7 +13179,7 @@ declare const PxNodeBase: PxSchema<{
|
|
|
13179
13179
|
autoOrient?: boolean | undefined;
|
|
13180
13180
|
}) | undefined;
|
|
13181
13181
|
}) | undefined;
|
|
13182
|
-
|
|
13182
|
+
strokeTrim?: ({} & {
|
|
13183
13183
|
offset?: number | ({} & {
|
|
13184
13184
|
value?: string | number | number[] | ({} & {
|
|
13185
13185
|
translate?: [number, number] | undefined;
|
|
@@ -15859,7 +15859,7 @@ declare const PxNodeBase: PxSchema<{
|
|
|
15859
15859
|
autoOrient?: boolean | undefined;
|
|
15860
15860
|
}) | undefined;
|
|
15861
15861
|
}) | undefined;
|
|
15862
|
-
|
|
15862
|
+
strokeTrim?: ({} & {
|
|
15863
15863
|
offset?: number | ({} & {
|
|
15864
15864
|
value?: string | number | number[] | ({} & {
|
|
15865
15865
|
translate?: [number, number] | undefined;
|
|
@@ -19508,7 +19508,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
|
|
|
19508
19508
|
autoOrient?: boolean | undefined;
|
|
19509
19509
|
}) | undefined;
|
|
19510
19510
|
}) | undefined;
|
|
19511
|
-
|
|
19511
|
+
strokeTrim?: ({} & {
|
|
19512
19512
|
offset?: number | ({} & {
|
|
19513
19513
|
value?: string | number | number[] | ({} & {
|
|
19514
19514
|
translate?: [number, number] | undefined;
|
|
@@ -22499,7 +22499,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
|
|
|
22499
22499
|
autoOrient?: boolean | undefined;
|
|
22500
22500
|
}) | undefined;
|
|
22501
22501
|
}) | undefined;
|
|
22502
|
-
|
|
22502
|
+
strokeTrim?: ({} & {
|
|
22503
22503
|
offset?: number | ({} & {
|
|
22504
22504
|
value?: string | number | number[] | ({} & {
|
|
22505
22505
|
translate?: [number, number] | undefined;
|
|
@@ -24754,4 +24754,4 @@ interface EffectDiff {
|
|
|
24754
24754
|
*/
|
|
24755
24755
|
declare function diffInEffect(a: VmNode, b: VmNode): Array<EffectDiff>;
|
|
24756
24756
|
|
|
24757
|
-
export { type ApplyResult, COLOUR_ATTR_NAMES, CSS_ONLY_STYLE_PROPS, DEFAULT_DURATION_MS, DISALLOWED_SVG_TAGS_LOWER, type ExtendPathOpts, type ExtendedPath, type FillMode, type GlyphCharBox, type GlyphCharBoxAlongPath, type GlyphMaterialiseOpts, INTERNAL_ATTRS, type JsMode, type KeysMatch, LOOP_JUMP_SHIFT_MS, MISSING_GLYPH_CLASS_NAME, type MaterialiseAllOptions, type MotionPathMaterialisationOptions, type MotionPathSample, type OutAction, PCT_BASED_ATTR_NAMES, PX_ANIM_ATTR_NAME, PX_ANIM_SRC_ATTR_NAME, PX_TRANSFORM_PART_KEYS, type PathPoint, type PathSampler, type PlaybackDirection, type PxAnimatable, type PxAnimatedSvgDocument, PxAnimatedSvgDocumentSchema, type PxAnimationDefinition, PxAnimationDefinitionSchema, type PxAnimatorAPI, type PxAnimatorCallbacksConfig, type PxAnimatorConfig, PxAnimatorConfigSchema, PxAnimatorEngine, PxAnimatorMode, type PxAttrValue, PxAttrValueSchema, type PxBasicAnimatorAPI, type PxBezierPath, PxBezierPathSchema, type PxBinding, PxBindingSchema, type PxCloneEffect, PxCloneEffectSchema, type PxCreateElement, type PxDefs, PxDefsSchema, PxEasingOrRefSchema, type PxEffects, PxEffectsSchema, type PxElementAnimation, PxElementAnimationSchema, type PxFillGradientEffect, PxFillGradientEffectSchema, type PxGlyph, type PxGlyphFont, PxGradientSpreadMethod, type PxGradientStop, PxGradientStopSchema, PxGradientType, PxGradientUnits, type PxInfer, type PxKeyframe, PxKeyframeSchema, PxKeyframeValueSchema, type PxLoop, PxLoopExtend, PxLoopSchema, type PxMaskedByEffect, PxMaskedByEffectSchema, type PxNode, PxNodeBase, PxNodeSchema, type PxPlatformAdapter, type PxPropertyAnimation, PxPropertyAnimationSchema, type PxRepeaterEffect, PxRepeaterEffectSchema, type PxRetimeEffect, PxRetimeEffectSchema, type PxSchema, type PxSchemaDesc, type PxScroll, type PxScrollPhase, type PxScrollRangePoint, PxScrollRangePointSchema, PxScrollRangeSchema, PxScrollSchema, type PxStrokeGradientEffect, PxStrokeGradientEffectSchema, type PxSvgNode, PxSvgNodeExtra, PxTextEffectSchema, type PxTextPathEffect, PxTextPathEffectSchema, type PxTransformByEffect, PxTransformByEffectSchema, type PxTransformPartKey, type PxTransformParts, PxTransformPartsSchema, type PxTransformValue, PxTransformValueSchema, type PxTrigger, PxTriggerSchema, type
|
|
24757
|
+
export { type ApplyResult, COLOUR_ATTR_NAMES, CSS_ONLY_STYLE_PROPS, DEFAULT_DURATION_MS, DISALLOWED_SVG_TAGS_LOWER, type ExtendPathOpts, type ExtendedPath, type FillMode, type GlyphCharBox, type GlyphCharBoxAlongPath, type GlyphMaterialiseOpts, INTERNAL_ATTRS, type JsMode, type KeysMatch, LOOP_JUMP_SHIFT_MS, MISSING_GLYPH_CLASS_NAME, type MaterialiseAllOptions, type MotionPathMaterialisationOptions, type MotionPathSample, type OutAction, PCT_BASED_ATTR_NAMES, PX_ANIM_ATTR_NAME, PX_ANIM_SRC_ATTR_NAME, PX_TRANSFORM_PART_KEYS, type PathPoint, type PathSampler, type PlaybackDirection, type PxAnimatable, type PxAnimatedSvgDocument, PxAnimatedSvgDocumentSchema, type PxAnimationDefinition, PxAnimationDefinitionSchema, type PxAnimatorAPI, type PxAnimatorCallbacksConfig, type PxAnimatorConfig, PxAnimatorConfigSchema, PxAnimatorEngine, PxAnimatorMode, type PxAttrValue, PxAttrValueSchema, type PxBasicAnimatorAPI, type PxBezierPath, PxBezierPathSchema, type PxBinding, PxBindingSchema, type PxCloneEffect, PxCloneEffectSchema, type PxCreateElement, type PxDefs, PxDefsSchema, PxEasingOrRefSchema, type PxEffects, PxEffectsSchema, type PxElementAnimation, PxElementAnimationSchema, type PxFillGradientEffect, PxFillGradientEffectSchema, type PxGlyph, type PxGlyphFont, PxGradientSpreadMethod, type PxGradientStop, PxGradientStopSchema, PxGradientType, PxGradientUnits, type PxInfer, type PxKeyframe, PxKeyframeSchema, PxKeyframeValueSchema, type PxLoop, PxLoopExtend, PxLoopSchema, type PxMaskedByEffect, PxMaskedByEffectSchema, type PxNode, PxNodeBase, PxNodeSchema, type PxPlatformAdapter, type PxPropertyAnimation, PxPropertyAnimationSchema, type PxRepeaterEffect, PxRepeaterEffectSchema, type PxRetimeEffect, PxRetimeEffectSchema, type PxSchema, type PxSchemaDesc, type PxScroll, type PxScrollPhase, type PxScrollRangePoint, PxScrollRangePointSchema, PxScrollRangeSchema, PxScrollSchema, type PxStrokeGradientEffect, PxStrokeGradientEffectSchema, type PxStrokeTrimEffect, PxStrokeTrimEffectSchema, PxStrokeTrimSubPaths, type PxSvgNode, PxSvgNodeExtra, PxTextEffectSchema, type PxTextPathEffect, PxTextPathEffectSchema, type PxTransformByEffect, PxTransformByEffectSchema, type PxTransformPartKey, type PxTransformParts, PxTransformPartsSchema, type PxTransformValue, PxTransformValueSchema, type PxTrigger, PxTriggerSchema, type PxValidationContext, type PxValidationResult, type RemoveIndex, STYLE_ATTR_NAMES, type StartOn, TEXT_ATTR, TEXT_CONTENT_ATTR, TRANSFORM_FN_NAMES, type Vec2, applyPlayerEffects, bezierToSvgPath, calcAnimationValues, camelCaseToKebabWordIfNeeded, clamp, collectSampleTimes, composeTransformParts, createBasicFrameLoopAnimator, createPathSampler, cubicBezier, deepClone, describeSchema, diffInEffect, evaluateMotionPathSegment, extendedPathForBrowser, generateNewIds, generateUniqueId, getAnimatorConfig, getBindings, getChildren, getDefs, getNormalisedBindings, getNormalizedProps, interpolateBeziers, interpolateValue, isPxElementFileFormat, isPxElementFileFormatDeep, isScrollTimeline, jsonElementFactory, kebabToCamelCaseWord, layoutGlyphTextChars, materialiseAllInTree, materialiseAnimatedUseInstances, materialiseGlyphText, materialiseGlyphTextAlongPath, materialiseGlyphTextHorizontal, materialiseInternalLoopsInPropAnim, materialiseInternalLoopsInTree, materialiseMotionPathInPropAnim, materialiseMotionPathsInTree, propAnimIsMotionPath, px, resolveStyle, reverseEasing, sanitiseAttributeValue, schemaKeys, scrollOffsetProgress, scrollPhaseInterval, scrollResolveAxis, scrollTotalDurationMs, scrollViewProgress, shiftAnimatable, splitEasing, subdivideCubicBezier, toRGBA, validateNodeEffects, visualModelAt };
|
package/dist/index.d.ts
CHANGED
|
@@ -237,15 +237,15 @@ declare const PxLoopExtend: {
|
|
|
237
237
|
readonly after: "after";
|
|
238
238
|
};
|
|
239
239
|
type PxLoopExtend = typeof PxLoopExtend[keyof typeof PxLoopExtend];
|
|
240
|
-
/** `
|
|
240
|
+
/** `strokeTrim.subPaths` — what the 0..1 `range`/`offset` window is measured over.
|
|
241
241
|
* `separate` (default): each sub-path against its OWN length, all trimmed alike.
|
|
242
242
|
* `combined`: every descendant sub-path chained end-to-end into one virtual path,
|
|
243
243
|
* so the window slides across siblings (AE "Trim All As One"). */
|
|
244
|
-
declare const
|
|
244
|
+
declare const PxStrokeTrimSubPaths: {
|
|
245
245
|
readonly separate: "separate";
|
|
246
246
|
readonly combined: "combined";
|
|
247
247
|
};
|
|
248
|
-
type
|
|
248
|
+
type PxStrokeTrimSubPaths = typeof PxStrokeTrimSubPaths[keyof typeof PxStrokeTrimSubPaths];
|
|
249
249
|
/** @deprecated Backwards-compatibility alias — use {@link PxAnimatorMode} for the type. */
|
|
250
250
|
type JsMode = PxAnimatorMode;
|
|
251
251
|
declare const TEXT_ATTR = "text";
|
|
@@ -4166,7 +4166,7 @@ declare const PxMaskedByEffectSchema: PxSchema<{} & {
|
|
|
4166
4166
|
};
|
|
4167
4167
|
};
|
|
4168
4168
|
type PxMaskedByEffect = PxInfer<typeof PxMaskedByEffectSchema>;
|
|
4169
|
-
declare const
|
|
4169
|
+
declare const PxStrokeTrimEffectSchema: PxSchema<{} & {
|
|
4170
4170
|
offset?: number | ({} & {
|
|
4171
4171
|
value?: string | number | number[] | ({} & {
|
|
4172
4172
|
translate?: [number, number] | undefined;
|
|
@@ -4521,7 +4521,7 @@ declare const PxTrimPathEffectSchema: PxSchema<{} & {
|
|
|
4521
4521
|
subPaths: PxSchema<"separate" | "combined" | undefined, true>;
|
|
4522
4522
|
};
|
|
4523
4523
|
};
|
|
4524
|
-
type
|
|
4524
|
+
type PxStrokeTrimEffect = PxInfer<typeof PxStrokeTrimEffectSchema>;
|
|
4525
4525
|
declare const PxRetimeEffectSchema: PxSchema<{} & {
|
|
4526
4526
|
sourceId?: string | undefined;
|
|
4527
4527
|
start?: number | undefined;
|
|
@@ -8148,7 +8148,7 @@ declare const PxEffectsSchema: PxSchema<{} & {
|
|
|
8148
8148
|
autoOrient?: boolean | undefined;
|
|
8149
8149
|
}) | undefined;
|
|
8150
8150
|
}) | undefined;
|
|
8151
|
-
|
|
8151
|
+
strokeTrim?: ({} & {
|
|
8152
8152
|
offset?: number | ({} & {
|
|
8153
8153
|
value?: string | number | number[] | ({} & {
|
|
8154
8154
|
translate?: [number, number] | undefined;
|
|
@@ -10651,7 +10651,7 @@ declare const PxEffectsSchema: PxSchema<{} & {
|
|
|
10651
10651
|
autoOrient?: boolean | undefined;
|
|
10652
10652
|
}) | undefined;
|
|
10653
10653
|
}) | undefined, true>;
|
|
10654
|
-
|
|
10654
|
+
strokeTrim: PxSchema<({} & {
|
|
10655
10655
|
offset?: number | ({} & {
|
|
10656
10656
|
value?: string | number | number[] | ({} & {
|
|
10657
10657
|
translate?: [number, number] | undefined;
|
|
@@ -13179,7 +13179,7 @@ declare const PxNodeBase: PxSchema<{
|
|
|
13179
13179
|
autoOrient?: boolean | undefined;
|
|
13180
13180
|
}) | undefined;
|
|
13181
13181
|
}) | undefined;
|
|
13182
|
-
|
|
13182
|
+
strokeTrim?: ({} & {
|
|
13183
13183
|
offset?: number | ({} & {
|
|
13184
13184
|
value?: string | number | number[] | ({} & {
|
|
13185
13185
|
translate?: [number, number] | undefined;
|
|
@@ -15859,7 +15859,7 @@ declare const PxNodeBase: PxSchema<{
|
|
|
15859
15859
|
autoOrient?: boolean | undefined;
|
|
15860
15860
|
}) | undefined;
|
|
15861
15861
|
}) | undefined;
|
|
15862
|
-
|
|
15862
|
+
strokeTrim?: ({} & {
|
|
15863
15863
|
offset?: number | ({} & {
|
|
15864
15864
|
value?: string | number | number[] | ({} & {
|
|
15865
15865
|
translate?: [number, number] | undefined;
|
|
@@ -19508,7 +19508,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
|
|
|
19508
19508
|
autoOrient?: boolean | undefined;
|
|
19509
19509
|
}) | undefined;
|
|
19510
19510
|
}) | undefined;
|
|
19511
|
-
|
|
19511
|
+
strokeTrim?: ({} & {
|
|
19512
19512
|
offset?: number | ({} & {
|
|
19513
19513
|
value?: string | number | number[] | ({} & {
|
|
19514
19514
|
translate?: [number, number] | undefined;
|
|
@@ -22499,7 +22499,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
|
|
|
22499
22499
|
autoOrient?: boolean | undefined;
|
|
22500
22500
|
}) | undefined;
|
|
22501
22501
|
}) | undefined;
|
|
22502
|
-
|
|
22502
|
+
strokeTrim?: ({} & {
|
|
22503
22503
|
offset?: number | ({} & {
|
|
22504
22504
|
value?: string | number | number[] | ({} & {
|
|
22505
22505
|
translate?: [number, number] | undefined;
|
|
@@ -24754,4 +24754,4 @@ interface EffectDiff {
|
|
|
24754
24754
|
*/
|
|
24755
24755
|
declare function diffInEffect(a: VmNode, b: VmNode): Array<EffectDiff>;
|
|
24756
24756
|
|
|
24757
|
-
export { type ApplyResult, COLOUR_ATTR_NAMES, CSS_ONLY_STYLE_PROPS, DEFAULT_DURATION_MS, DISALLOWED_SVG_TAGS_LOWER, type ExtendPathOpts, type ExtendedPath, type FillMode, type GlyphCharBox, type GlyphCharBoxAlongPath, type GlyphMaterialiseOpts, INTERNAL_ATTRS, type JsMode, type KeysMatch, LOOP_JUMP_SHIFT_MS, MISSING_GLYPH_CLASS_NAME, type MaterialiseAllOptions, type MotionPathMaterialisationOptions, type MotionPathSample, type OutAction, PCT_BASED_ATTR_NAMES, PX_ANIM_ATTR_NAME, PX_ANIM_SRC_ATTR_NAME, PX_TRANSFORM_PART_KEYS, type PathPoint, type PathSampler, type PlaybackDirection, type PxAnimatable, type PxAnimatedSvgDocument, PxAnimatedSvgDocumentSchema, type PxAnimationDefinition, PxAnimationDefinitionSchema, type PxAnimatorAPI, type PxAnimatorCallbacksConfig, type PxAnimatorConfig, PxAnimatorConfigSchema, PxAnimatorEngine, PxAnimatorMode, type PxAttrValue, PxAttrValueSchema, type PxBasicAnimatorAPI, type PxBezierPath, PxBezierPathSchema, type PxBinding, PxBindingSchema, type PxCloneEffect, PxCloneEffectSchema, type PxCreateElement, type PxDefs, PxDefsSchema, PxEasingOrRefSchema, type PxEffects, PxEffectsSchema, type PxElementAnimation, PxElementAnimationSchema, type PxFillGradientEffect, PxFillGradientEffectSchema, type PxGlyph, type PxGlyphFont, PxGradientSpreadMethod, type PxGradientStop, PxGradientStopSchema, PxGradientType, PxGradientUnits, type PxInfer, type PxKeyframe, PxKeyframeSchema, PxKeyframeValueSchema, type PxLoop, PxLoopExtend, PxLoopSchema, type PxMaskedByEffect, PxMaskedByEffectSchema, type PxNode, PxNodeBase, PxNodeSchema, type PxPlatformAdapter, type PxPropertyAnimation, PxPropertyAnimationSchema, type PxRepeaterEffect, PxRepeaterEffectSchema, type PxRetimeEffect, PxRetimeEffectSchema, type PxSchema, type PxSchemaDesc, type PxScroll, type PxScrollPhase, type PxScrollRangePoint, PxScrollRangePointSchema, PxScrollRangeSchema, PxScrollSchema, type PxStrokeGradientEffect, PxStrokeGradientEffectSchema, type PxSvgNode, PxSvgNodeExtra, PxTextEffectSchema, type PxTextPathEffect, PxTextPathEffectSchema, type PxTransformByEffect, PxTransformByEffectSchema, type PxTransformPartKey, type PxTransformParts, PxTransformPartsSchema, type PxTransformValue, PxTransformValueSchema, type PxTrigger, PxTriggerSchema, type
|
|
24757
|
+
export { type ApplyResult, COLOUR_ATTR_NAMES, CSS_ONLY_STYLE_PROPS, DEFAULT_DURATION_MS, DISALLOWED_SVG_TAGS_LOWER, type ExtendPathOpts, type ExtendedPath, type FillMode, type GlyphCharBox, type GlyphCharBoxAlongPath, type GlyphMaterialiseOpts, INTERNAL_ATTRS, type JsMode, type KeysMatch, LOOP_JUMP_SHIFT_MS, MISSING_GLYPH_CLASS_NAME, type MaterialiseAllOptions, type MotionPathMaterialisationOptions, type MotionPathSample, type OutAction, PCT_BASED_ATTR_NAMES, PX_ANIM_ATTR_NAME, PX_ANIM_SRC_ATTR_NAME, PX_TRANSFORM_PART_KEYS, type PathPoint, type PathSampler, type PlaybackDirection, type PxAnimatable, type PxAnimatedSvgDocument, PxAnimatedSvgDocumentSchema, type PxAnimationDefinition, PxAnimationDefinitionSchema, type PxAnimatorAPI, type PxAnimatorCallbacksConfig, type PxAnimatorConfig, PxAnimatorConfigSchema, PxAnimatorEngine, PxAnimatorMode, type PxAttrValue, PxAttrValueSchema, type PxBasicAnimatorAPI, type PxBezierPath, PxBezierPathSchema, type PxBinding, PxBindingSchema, type PxCloneEffect, PxCloneEffectSchema, type PxCreateElement, type PxDefs, PxDefsSchema, PxEasingOrRefSchema, type PxEffects, PxEffectsSchema, type PxElementAnimation, PxElementAnimationSchema, type PxFillGradientEffect, PxFillGradientEffectSchema, type PxGlyph, type PxGlyphFont, PxGradientSpreadMethod, type PxGradientStop, PxGradientStopSchema, PxGradientType, PxGradientUnits, type PxInfer, type PxKeyframe, PxKeyframeSchema, PxKeyframeValueSchema, type PxLoop, PxLoopExtend, PxLoopSchema, type PxMaskedByEffect, PxMaskedByEffectSchema, type PxNode, PxNodeBase, PxNodeSchema, type PxPlatformAdapter, type PxPropertyAnimation, PxPropertyAnimationSchema, type PxRepeaterEffect, PxRepeaterEffectSchema, type PxRetimeEffect, PxRetimeEffectSchema, type PxSchema, type PxSchemaDesc, type PxScroll, type PxScrollPhase, type PxScrollRangePoint, PxScrollRangePointSchema, PxScrollRangeSchema, PxScrollSchema, type PxStrokeGradientEffect, PxStrokeGradientEffectSchema, type PxStrokeTrimEffect, PxStrokeTrimEffectSchema, PxStrokeTrimSubPaths, type PxSvgNode, PxSvgNodeExtra, PxTextEffectSchema, type PxTextPathEffect, PxTextPathEffectSchema, type PxTransformByEffect, PxTransformByEffectSchema, type PxTransformPartKey, type PxTransformParts, PxTransformPartsSchema, type PxTransformValue, PxTransformValueSchema, type PxTrigger, PxTriggerSchema, type PxValidationContext, type PxValidationResult, type RemoveIndex, STYLE_ATTR_NAMES, type StartOn, TEXT_ATTR, TEXT_CONTENT_ATTR, TRANSFORM_FN_NAMES, type Vec2, applyPlayerEffects, bezierToSvgPath, calcAnimationValues, camelCaseToKebabWordIfNeeded, clamp, collectSampleTimes, composeTransformParts, createBasicFrameLoopAnimator, createPathSampler, cubicBezier, deepClone, describeSchema, diffInEffect, evaluateMotionPathSegment, extendedPathForBrowser, generateNewIds, generateUniqueId, getAnimatorConfig, getBindings, getChildren, getDefs, getNormalisedBindings, getNormalizedProps, interpolateBeziers, interpolateValue, isPxElementFileFormat, isPxElementFileFormatDeep, isScrollTimeline, jsonElementFactory, kebabToCamelCaseWord, layoutGlyphTextChars, materialiseAllInTree, materialiseAnimatedUseInstances, materialiseGlyphText, materialiseGlyphTextAlongPath, materialiseGlyphTextHorizontal, materialiseInternalLoopsInPropAnim, materialiseInternalLoopsInTree, materialiseMotionPathInPropAnim, materialiseMotionPathsInTree, propAnimIsMotionPath, px, resolveStyle, reverseEasing, sanitiseAttributeValue, schemaKeys, scrollOffsetProgress, scrollPhaseInterval, scrollResolveAxis, scrollTotalDurationMs, scrollViewProgress, shiftAnimatable, splitEasing, subdivideCubicBezier, toRGBA, validateNodeEffects, visualModelAt };
|
package/dist/index.js
CHANGED
|
@@ -1027,7 +1027,7 @@ var PxTextPathSpacing = {
|
|
|
1027
1027
|
auto: "auto",
|
|
1028
1028
|
exact: "exact"
|
|
1029
1029
|
};
|
|
1030
|
-
var
|
|
1030
|
+
var PxStrokeTrimSubPaths = {
|
|
1031
1031
|
separate: "separate",
|
|
1032
1032
|
combined: "combined"
|
|
1033
1033
|
};
|
|
@@ -1271,10 +1271,10 @@ var PxClipPathEffectSchema = implementsInterface()(px.object({
|
|
|
1271
1271
|
d: PxAnimatableStringSchema.optional(),
|
|
1272
1272
|
animate: PxPropertyAnimationSchema.optional()
|
|
1273
1273
|
}));
|
|
1274
|
-
var
|
|
1274
|
+
var PxStrokeTrimEffectSchema = implementsInterface()(px.object({
|
|
1275
1275
|
offset: PxAnimatableNumberSchema.optional(),
|
|
1276
1276
|
range: PxAnimatableVec2Schema.optional(),
|
|
1277
|
-
subPaths: px.enum([
|
|
1277
|
+
subPaths: px.enum([PxStrokeTrimSubPaths.separate, PxStrokeTrimSubPaths.combined]).optional()
|
|
1278
1278
|
}));
|
|
1279
1279
|
var PxRetimeEffectSchema = implementsInterface()(px.object({
|
|
1280
1280
|
sourceId: px.string().optional(),
|
|
@@ -1328,7 +1328,7 @@ var PxEffectsSchema = implementsInterface()(px.object({
|
|
|
1328
1328
|
repeater: PxRepeaterEffectSchema.optional(),
|
|
1329
1329
|
maskedBy: PxMaskedByEffectSchema.optional(),
|
|
1330
1330
|
clipPath: PxClipPathEffectSchema.optional(),
|
|
1331
|
-
|
|
1331
|
+
strokeTrim: PxStrokeTrimEffectSchema.optional(),
|
|
1332
1332
|
clone: PxCloneEffectSchema.optional(),
|
|
1333
1333
|
fillGradient: PxFillGradientEffectSchema.optional(),
|
|
1334
1334
|
strokeGradient: PxStrokeGradientEffectSchema.optional(),
|
|
@@ -5000,10 +5000,10 @@ function applyTextGlyphsAlongPath(node, ctx, pathD, startOffset, textLength, pat
|
|
|
5000
5000
|
return materialiseGlyphTextAlongPath(node, pathD, startOffset, { glyphs: ctx.glyphs, warnings: ctx.warnings }, textLength, pathOverflow);
|
|
5001
5001
|
}
|
|
5002
5002
|
|
|
5003
|
-
// src/effects/
|
|
5004
|
-
function
|
|
5005
|
-
if (!
|
|
5006
|
-
const combined =
|
|
5003
|
+
// src/effects/strokeTrimEffect.ts
|
|
5004
|
+
function applyStrokeTrimEffect(node, strokeTrim, ctx) {
|
|
5005
|
+
if (!strokeTrim) return node;
|
|
5006
|
+
const combined = strokeTrim.subPaths === PxStrokeTrimSubPaths.combined;
|
|
5007
5007
|
const leafEntries = [];
|
|
5008
5008
|
const measure = (n) => {
|
|
5009
5009
|
if (Array.isArray(n.children) && n.children.length > 0) {
|
|
@@ -5034,9 +5034,9 @@ function applyTrimPathEffect(node, trimPath, ctx) {
|
|
|
5034
5034
|
}
|
|
5035
5035
|
const chainLengthPx = acc;
|
|
5036
5036
|
if (combined && chainLengthPx < 1e-3) return node;
|
|
5037
|
-
const offsetReadRaw = readAnimatable(
|
|
5037
|
+
const offsetReadRaw = readAnimatable(strokeTrim.offset);
|
|
5038
5038
|
const offsetRead = offsetReadRaw.kind === "absent" /* Absent */ ? { kind: "static" /* Static */, value: 0 } : offsetReadRaw;
|
|
5039
|
-
const rangeReadRaw = readRangeWithCrossings(
|
|
5039
|
+
const rangeReadRaw = readRangeWithCrossings(strokeTrim.range);
|
|
5040
5040
|
const rangeRead = rangeReadRaw.kind === "absent" /* Absent */ ? { kind: "static" /* Static */, value: [0, 1] } : rangeReadRaw;
|
|
5041
5041
|
const offsetValues = readScalarValues(offsetRead);
|
|
5042
5042
|
const minOffset = offsetValues.length ? Math.min(...offsetValues) : 0;
|
|
@@ -5368,7 +5368,7 @@ function applyPlayerEffects_exceptRetime(node, ctx) {
|
|
|
5368
5368
|
const originalId = typeof node.id === "string" ? node.id : void 0;
|
|
5369
5369
|
const innerIdForContentRef = originalId ? ctx.contentRefInnerIds.get(originalId) : void 0;
|
|
5370
5370
|
if (!fx && !innerIdForContentRef) return node;
|
|
5371
|
-
const { transformBy, repeater, maskedBy, clipPath,
|
|
5371
|
+
const { transformBy, repeater, maskedBy, clipPath, strokeTrim, clone: cloneFx, fillGradient, strokeGradient, textPath, text } = fx != null ? fx : {};
|
|
5372
5372
|
if (fx) delete node.effects;
|
|
5373
5373
|
let n = node;
|
|
5374
5374
|
let consumedByGlyphs = false;
|
|
@@ -5388,7 +5388,7 @@ function applyPlayerEffects_exceptRetime(node, ctx) {
|
|
|
5388
5388
|
if (!consumedByGlyphs) n = applyTextPathEffect(n, textPath, ctx);
|
|
5389
5389
|
n = applyFillGradientEffect(n, fillGradient, ctx);
|
|
5390
5390
|
n = applyStrokeGradientEffect(n, strokeGradient, ctx);
|
|
5391
|
-
n =
|
|
5391
|
+
n = applyStrokeTrimEffect(n, strokeTrim, ctx);
|
|
5392
5392
|
n = applyRepeaterEffect(n, repeater, ctx);
|
|
5393
5393
|
n = applyMaskedByEffect(n, maskedBy, transformBy, ctx);
|
|
5394
5394
|
n = applyClipPathEffect(n, clipPath, ctx);
|
|
@@ -6111,6 +6111,8 @@ export {
|
|
|
6111
6111
|
PxScrollRangeSchema,
|
|
6112
6112
|
PxScrollSchema,
|
|
6113
6113
|
PxStrokeGradientEffectSchema,
|
|
6114
|
+
PxStrokeTrimEffectSchema,
|
|
6115
|
+
PxStrokeTrimSubPaths,
|
|
6114
6116
|
PxSvgNodeExtra,
|
|
6115
6117
|
PxTextEffectSchema,
|
|
6116
6118
|
PxTextPathEffectSchema,
|
|
@@ -6118,8 +6120,6 @@ export {
|
|
|
6118
6120
|
PxTransformPartsSchema,
|
|
6119
6121
|
PxTransformValueSchema,
|
|
6120
6122
|
PxTriggerSchema,
|
|
6121
|
-
PxTrimPathEffectSchema,
|
|
6122
|
-
PxTrimSubPaths,
|
|
6123
6123
|
STYLE_ATTR_NAMES,
|
|
6124
6124
|
TEXT_ATTR,
|
|
6125
6125
|
TEXT_CONTENT_ATTR,
|