@pixodesk/svg-animator-core 1.0.28 → 1.0.30

package/dist/index.d.cts

@@ -237,15 +237,15 @@ declare const PxLoopExtend: {
     readonly after: "after";
 };
 type PxLoopExtend = typeof PxLoopExtend[keyof typeof PxLoopExtend];
-/** `trimPath.subPaths` — what the 0..1 `range`/`offset` window is measured over.
+/** `strokeTrim.subPaths` — what the 0..1 `range`/`offset` window is measured over.
  *  `separate` (default): each sub-path against its OWN length, all trimmed alike.
  *  `combined`: every descendant sub-path chained end-to-end into one virtual path,
  *  so the window slides across siblings (AE "Trim All As One"). */
-declare const PxTrimSubPaths: {
+declare const PxStrokeTrimSubPaths: {
     readonly separate: "separate";
     readonly combined: "combined";
 };
-type PxTrimSubPaths = typeof PxTrimSubPaths[keyof typeof PxTrimSubPaths];
+type PxStrokeTrimSubPaths = typeof PxStrokeTrimSubPaths[keyof typeof PxStrokeTrimSubPaths];
 /** @deprecated Backwards-compatibility alias — use {@link PxAnimatorMode} for the type. */
 type JsMode = PxAnimatorMode;
 declare const TEXT_ATTR = "text";
@@ -1317,6 +1317,7 @@ declare const PxScrollSchema: PxSchema<{} & {
     subject?: string | undefined;
     smoothing?: number | undefined;
     pin?: boolean | undefined;
+    pinAlign?: "top" | "center" | "bottom" | undefined;
     pinTop?: number | undefined;
     pinDistance?: number | undefined;
     range?: ({} & {
@@ -1338,6 +1339,7 @@ declare const PxScrollSchema: PxSchema<{} & {
         subject: PxSchema<string | undefined, true>;
         smoothing: PxSchema<number | undefined, true>;
         pin: PxSchema<boolean | undefined, true>;
+        pinAlign: PxSchema<"top" | "center" | "bottom" | undefined, true>;
         pinTop: PxSchema<number | undefined, true>;
         pinDistance: PxSchema<number | undefined, true>;
         range: PxSchema<({} & {
@@ -1644,6 +1646,7 @@ declare const PxAnimatorConfigSchema: PxSchema<{} & {
         subject?: string | undefined;
         smoothing?: number | undefined;
         pin?: boolean | undefined;
+        pinAlign?: "top" | "center" | "bottom" | undefined;
         pinTop?: number | undefined;
         pinDistance?: number | undefined;
         range?: ({} & {
@@ -1950,6 +1953,7 @@ declare const PxAnimatorConfigSchema: PxSchema<{} & {
             subject?: string | undefined;
             smoothing?: number | undefined;
             pin?: boolean | undefined;
+            pinAlign?: "top" | "center" | "bottom" | undefined;
             pinTop?: number | undefined;
             pinDistance?: number | undefined;
             range?: ({} & {
@@ -4162,7 +4166,7 @@ declare const PxMaskedByEffectSchema: PxSchema<{} & {
     };
 };
 type PxMaskedByEffect = PxInfer<typeof PxMaskedByEffectSchema>;
-declare const PxTrimPathEffectSchema: PxSchema<{} & {
+declare const PxStrokeTrimEffectSchema: PxSchema<{} & {
     offset?: number | ({} & {
         value?: string | number | number[] | ({} & {
             translate?: [number, number] | undefined;
@@ -4517,7 +4521,7 @@ declare const PxTrimPathEffectSchema: PxSchema<{} & {
         subPaths: PxSchema<"separate" | "combined" | undefined, true>;
     };
 };
-type PxTrimPathEffect = PxInfer<typeof PxTrimPathEffectSchema>;
+type PxStrokeTrimEffect = PxInfer<typeof PxStrokeTrimEffectSchema>;
 declare const PxRetimeEffectSchema: PxSchema<{} & {
     sourceId?: string | undefined;
     start?: number | undefined;
@@ -8144,7 +8148,7 @@ declare const PxEffectsSchema: PxSchema<{} & {
             autoOrient?: boolean | undefined;
         }) | undefined;
     }) | undefined;
-    trimPath?: ({} & {
+    strokeTrim?: ({} & {
         offset?: number | ({} & {
             value?: string | number | number[] | ({} & {
                 translate?: [number, number] | undefined;
@@ -10647,7 +10651,7 @@ declare const PxEffectsSchema: PxSchema<{} & {
                 autoOrient?: boolean | undefined;
             }) | undefined;
         }) | undefined, true>;
-        trimPath: PxSchema<({} & {
+        strokeTrim: PxSchema<({} & {
             offset?: number | ({} & {
                 value?: string | number | number[] | ({} & {
                     translate?: [number, number] | undefined;
@@ -13175,7 +13179,7 @@ declare const PxNodeBase: PxSchema<{
                 autoOrient?: boolean | undefined;
             }) | undefined;
         }) | undefined;
-        trimPath?: ({} & {
+        strokeTrim?: ({} & {
             offset?: number | ({} & {
                 value?: string | number | number[] | ({} & {
                     translate?: [number, number] | undefined;
@@ -15855,7 +15859,7 @@ declare const PxNodeBase: PxSchema<{
                     autoOrient?: boolean | undefined;
                 }) | undefined;
             }) | undefined;
-            trimPath?: ({} & {
+            strokeTrim?: ({} & {
                 offset?: number | ({} & {
                     value?: string | number | number[] | ({} & {
                         translate?: [number, number] | undefined;
@@ -17783,6 +17787,7 @@ declare const PxSvgNodeExtra: PxSchema<{} & {
             subject?: string | undefined;
             smoothing?: number | undefined;
             pin?: boolean | undefined;
+            pinAlign?: "top" | "center" | "bottom" | undefined;
             pinTop?: number | undefined;
             pinDistance?: number | undefined;
             range?: ({} & {
@@ -18094,6 +18099,7 @@ declare const PxSvgNodeExtra: PxSchema<{} & {
                 subject?: string | undefined;
                 smoothing?: number | undefined;
                 pin?: boolean | undefined;
+                pinAlign?: "top" | "center" | "bottom" | undefined;
                 pinTop?: number | undefined;
                 pinDistance?: number | undefined;
                 range?: ({} & {
@@ -18424,6 +18430,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
             subject?: string | undefined;
             smoothing?: number | undefined;
             pin?: boolean | undefined;
+            pinAlign?: "top" | "center" | "bottom" | undefined;
             pinTop?: number | undefined;
             pinDistance?: number | undefined;
             range?: ({} & {
@@ -19501,7 +19508,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
                 autoOrient?: boolean | undefined;
             }) | undefined;
         }) | undefined;
-        trimPath?: ({} & {
+        strokeTrim?: ({} & {
             offset?: number | ({} & {
                 value?: string | number | number[] | ({} & {
                     translate?: [number, number] | undefined;
@@ -21414,6 +21421,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
                 subject?: string | undefined;
                 smoothing?: number | undefined;
                 pin?: boolean | undefined;
+                pinAlign?: "top" | "center" | "bottom" | undefined;
                 pinTop?: number | undefined;
                 pinDistance?: number | undefined;
                 range?: ({} & {
@@ -22491,7 +22499,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
                     autoOrient?: boolean | undefined;
                 }) | undefined;
             }) | undefined;
-            trimPath?: ({} & {
+            strokeTrim?: ({} & {
                 offset?: number | ({} & {
                     value?: string | number | number[] | ({} & {
                         translate?: [number, number] | undefined;
@@ -24608,6 +24616,14 @@ interface GlyphMaterialiseOpts<E = any> {
     /** Optional diagnostics sink. */
     warnings?: Array<string>;
 }
+/**
+ * Class stamped on the `<path>` holding the □ placeholders — and ONLY on it: the missing
+ * boxes are emitted separately from the real glyphs so a consumer can style them on their
+ * own. The editor uses it to fade them in with a delay: a freshly typed character is
+ * missing for a few frames until its glyph is fetched asynchronously, and a □ that flashes
+ * for that long reads as a rendering glitch.
+ */
+declare const MISSING_GLYPH_CLASS_NAME = "px-missing-glyph";
 declare function materialiseGlyphTextHorizontal<E = any>(node: PxNode, opts: GlyphMaterialiseOpts<E>): E;
 /** Per-CHARACTER advance box (local, pre-transform coords). `x,y` = the char's baseline start,
  *  `width` = its advance, `ascent`/`fontSize` size its bbox. */
@@ -24738,4 +24754,4 @@ interface EffectDiff {
  */
 declare function diffInEffect(a: VmNode, b: VmNode): Array<EffectDiff>;
 
-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, 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 PxTrimPathEffect, PxTrimPathEffectSchema, PxTrimSubPaths, 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 };
+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

@@ -237,15 +237,15 @@ declare const PxLoopExtend: {
     readonly after: "after";
 };
 type PxLoopExtend = typeof PxLoopExtend[keyof typeof PxLoopExtend];
-/** `trimPath.subPaths` — what the 0..1 `range`/`offset` window is measured over.
+/** `strokeTrim.subPaths` — what the 0..1 `range`/`offset` window is measured over.
  *  `separate` (default): each sub-path against its OWN length, all trimmed alike.
  *  `combined`: every descendant sub-path chained end-to-end into one virtual path,
  *  so the window slides across siblings (AE "Trim All As One"). */
-declare const PxTrimSubPaths: {
+declare const PxStrokeTrimSubPaths: {
     readonly separate: "separate";
     readonly combined: "combined";
 };
-type PxTrimSubPaths = typeof PxTrimSubPaths[keyof typeof PxTrimSubPaths];
+type PxStrokeTrimSubPaths = typeof PxStrokeTrimSubPaths[keyof typeof PxStrokeTrimSubPaths];
 /** @deprecated Backwards-compatibility alias — use {@link PxAnimatorMode} for the type. */
 type JsMode = PxAnimatorMode;
 declare const TEXT_ATTR = "text";
@@ -1317,6 +1317,7 @@ declare const PxScrollSchema: PxSchema<{} & {
     subject?: string | undefined;
     smoothing?: number | undefined;
     pin?: boolean | undefined;
+    pinAlign?: "top" | "center" | "bottom" | undefined;
     pinTop?: number | undefined;
     pinDistance?: number | undefined;
     range?: ({} & {
@@ -1338,6 +1339,7 @@ declare const PxScrollSchema: PxSchema<{} & {
         subject: PxSchema<string | undefined, true>;
         smoothing: PxSchema<number | undefined, true>;
         pin: PxSchema<boolean | undefined, true>;
+        pinAlign: PxSchema<"top" | "center" | "bottom" | undefined, true>;
         pinTop: PxSchema<number | undefined, true>;
         pinDistance: PxSchema<number | undefined, true>;
         range: PxSchema<({} & {
@@ -1644,6 +1646,7 @@ declare const PxAnimatorConfigSchema: PxSchema<{} & {
         subject?: string | undefined;
         smoothing?: number | undefined;
         pin?: boolean | undefined;
+        pinAlign?: "top" | "center" | "bottom" | undefined;
         pinTop?: number | undefined;
         pinDistance?: number | undefined;
         range?: ({} & {
@@ -1950,6 +1953,7 @@ declare const PxAnimatorConfigSchema: PxSchema<{} & {
             subject?: string | undefined;
             smoothing?: number | undefined;
             pin?: boolean | undefined;
+            pinAlign?: "top" | "center" | "bottom" | undefined;
             pinTop?: number | undefined;
             pinDistance?: number | undefined;
             range?: ({} & {
@@ -4162,7 +4166,7 @@ declare const PxMaskedByEffectSchema: PxSchema<{} & {
     };
 };
 type PxMaskedByEffect = PxInfer<typeof PxMaskedByEffectSchema>;
-declare const PxTrimPathEffectSchema: PxSchema<{} & {
+declare const PxStrokeTrimEffectSchema: PxSchema<{} & {
     offset?: number | ({} & {
         value?: string | number | number[] | ({} & {
             translate?: [number, number] | undefined;
@@ -4517,7 +4521,7 @@ declare const PxTrimPathEffectSchema: PxSchema<{} & {
         subPaths: PxSchema<"separate" | "combined" | undefined, true>;
     };
 };
-type PxTrimPathEffect = PxInfer<typeof PxTrimPathEffectSchema>;
+type PxStrokeTrimEffect = PxInfer<typeof PxStrokeTrimEffectSchema>;
 declare const PxRetimeEffectSchema: PxSchema<{} & {
     sourceId?: string | undefined;
     start?: number | undefined;
@@ -8144,7 +8148,7 @@ declare const PxEffectsSchema: PxSchema<{} & {
             autoOrient?: boolean | undefined;
         }) | undefined;
     }) | undefined;
-    trimPath?: ({} & {
+    strokeTrim?: ({} & {
         offset?: number | ({} & {
             value?: string | number | number[] | ({} & {
                 translate?: [number, number] | undefined;
@@ -10647,7 +10651,7 @@ declare const PxEffectsSchema: PxSchema<{} & {
                 autoOrient?: boolean | undefined;
             }) | undefined;
         }) | undefined, true>;
-        trimPath: PxSchema<({} & {
+        strokeTrim: PxSchema<({} & {
             offset?: number | ({} & {
                 value?: string | number | number[] | ({} & {
                     translate?: [number, number] | undefined;
@@ -13175,7 +13179,7 @@ declare const PxNodeBase: PxSchema<{
                 autoOrient?: boolean | undefined;
             }) | undefined;
         }) | undefined;
-        trimPath?: ({} & {
+        strokeTrim?: ({} & {
             offset?: number | ({} & {
                 value?: string | number | number[] | ({} & {
                     translate?: [number, number] | undefined;
@@ -15855,7 +15859,7 @@ declare const PxNodeBase: PxSchema<{
                     autoOrient?: boolean | undefined;
                 }) | undefined;
             }) | undefined;
-            trimPath?: ({} & {
+            strokeTrim?: ({} & {
                 offset?: number | ({} & {
                     value?: string | number | number[] | ({} & {
                         translate?: [number, number] | undefined;
@@ -17783,6 +17787,7 @@ declare const PxSvgNodeExtra: PxSchema<{} & {
             subject?: string | undefined;
             smoothing?: number | undefined;
             pin?: boolean | undefined;
+            pinAlign?: "top" | "center" | "bottom" | undefined;
             pinTop?: number | undefined;
             pinDistance?: number | undefined;
             range?: ({} & {
@@ -18094,6 +18099,7 @@ declare const PxSvgNodeExtra: PxSchema<{} & {
                 subject?: string | undefined;
                 smoothing?: number | undefined;
                 pin?: boolean | undefined;
+                pinAlign?: "top" | "center" | "bottom" | undefined;
                 pinTop?: number | undefined;
                 pinDistance?: number | undefined;
                 range?: ({} & {
@@ -18424,6 +18430,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
             subject?: string | undefined;
             smoothing?: number | undefined;
             pin?: boolean | undefined;
+            pinAlign?: "top" | "center" | "bottom" | undefined;
             pinTop?: number | undefined;
             pinDistance?: number | undefined;
             range?: ({} & {
@@ -19501,7 +19508,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
                 autoOrient?: boolean | undefined;
             }) | undefined;
         }) | undefined;
-        trimPath?: ({} & {
+        strokeTrim?: ({} & {
             offset?: number | ({} & {
                 value?: string | number | number[] | ({} & {
                     translate?: [number, number] | undefined;
@@ -21414,6 +21421,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
                 subject?: string | undefined;
                 smoothing?: number | undefined;
                 pin?: boolean | undefined;
+                pinAlign?: "top" | "center" | "bottom" | undefined;
                 pinTop?: number | undefined;
                 pinDistance?: number | undefined;
                 range?: ({} & {
@@ -22491,7 +22499,7 @@ declare const PxAnimatedSvgDocumentSchema: PxSchema<{
                     autoOrient?: boolean | undefined;
                 }) | undefined;
             }) | undefined;
-            trimPath?: ({} & {
+            strokeTrim?: ({} & {
                 offset?: number | ({} & {
                     value?: string | number | number[] | ({} & {
                         translate?: [number, number] | undefined;
@@ -24608,6 +24616,14 @@ interface GlyphMaterialiseOpts<E = any> {
     /** Optional diagnostics sink. */
     warnings?: Array<string>;
 }
+/**
+ * Class stamped on the `<path>` holding the □ placeholders — and ONLY on it: the missing
+ * boxes are emitted separately from the real glyphs so a consumer can style them on their
+ * own. The editor uses it to fade them in with a delay: a freshly typed character is
+ * missing for a few frames until its glyph is fetched asynchronously, and a □ that flashes
+ * for that long reads as a rendering glitch.
+ */
+declare const MISSING_GLYPH_CLASS_NAME = "px-missing-glyph";
 declare function materialiseGlyphTextHorizontal<E = any>(node: PxNode, opts: GlyphMaterialiseOpts<E>): E;
 /** Per-CHARACTER advance box (local, pre-transform coords). `x,y` = the char's baseline start,
  *  `width` = its advance, `ascent`/`fontSize` size its bbox. */
@@ -24738,4 +24754,4 @@ interface EffectDiff {
  */
 declare function diffInEffect(a: VmNode, b: VmNode): Array<EffectDiff>;
 
-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, 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 PxTrimPathEffect, PxTrimPathEffectSchema, PxTrimSubPaths, 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 };
+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

@@ -1027,7 +1027,7 @@ var PxTextPathSpacing = {
   auto: "auto",
   exact: "exact"
 };
-var PxTrimSubPaths = {
+var PxStrokeTrimSubPaths = {
   separate: "separate",
   combined: "combined"
 };
@@ -1188,6 +1188,7 @@ var PxScrollSchema = implementsInterface()(px.object({
   subject: px.string().optional(),
   smoothing: px.number().optional(),
   pin: px.boolean().optional(),
+  pinAlign: px.enum(["top", "center", "bottom"]).optional(),
   pinTop: px.number().optional(),
   pinDistance: px.number().optional(),
   range: PxScrollRangeSchema.optional()
@@ -1270,10 +1271,10 @@ var PxClipPathEffectSchema = implementsInterface()(px.object({
   d: PxAnimatableStringSchema.optional(),
   animate: PxPropertyAnimationSchema.optional()
 }));
-var PxTrimPathEffectSchema = implementsInterface()(px.object({
+var PxStrokeTrimEffectSchema = implementsInterface()(px.object({
   offset: PxAnimatableNumberSchema.optional(),
   range: PxAnimatableVec2Schema.optional(),
-  subPaths: px.enum([PxTrimSubPaths.separate, PxTrimSubPaths.combined]).optional()
+  subPaths: px.enum([PxStrokeTrimSubPaths.separate, PxStrokeTrimSubPaths.combined]).optional()
 }));
 var PxRetimeEffectSchema = implementsInterface()(px.object({
   sourceId: px.string().optional(),
@@ -1327,7 +1328,7 @@ var PxEffectsSchema = implementsInterface()(px.object({
   repeater: PxRepeaterEffectSchema.optional(),
   maskedBy: PxMaskedByEffectSchema.optional(),
   clipPath: PxClipPathEffectSchema.optional(),
-  trimPath: PxTrimPathEffectSchema.optional(),
+  strokeTrim: PxStrokeTrimEffectSchema.optional(),
   clone: PxCloneEffectSchema.optional(),
   fillGradient: PxFillGradientEffectSchema.optional(),
   strokeGradient: PxStrokeGradientEffectSchema.optional(),
@@ -4461,6 +4462,19 @@ var TEXT_ATTR_KEYS = [
   TEXT_CONTENT_ATTR,
   "xml:space"
 ];
+var PAINT_STATIC_KEYS = [
+  "fillOpacity",
+  "fillRule",
+  "strokeOpacity",
+  "strokeDasharray",
+  "strokeDashoffset",
+  "strokeLinecap",
+  "strokeLinejoin",
+  "strokeMiterlimit",
+  "mixBlendMode",
+  "filter"
+];
+var PAINT_ANIMATE_KEYS = ["fill", "stroke", "strokeWidth", "opacity", "fillOpacity", "strokeOpacity", "strokeDasharray", "strokeDashoffset"];
 function parseLen(v) {
   if (typeof v === "number") return v;
   if (typeof v === "string") {
@@ -4472,17 +4486,39 @@ function parseLen(v) {
 function str(v) {
   return typeof v === "string" ? v : void 0;
 }
+function paintAnimateOf(node) {
+  const bag = node.animate;
+  if (!bag || typeof bag !== "object") return void 0;
+  let out;
+  for (const k of PAINT_ANIMATE_KEYS) {
+    if (bag[k] !== void 0) (out != null ? out : out = {})[k] = bag[k];
+  }
+  return out;
+}
 function resolveStyle2(node, parent) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  return {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const isTextRoot = node.type === "text";
+  const nodeStyle = node.style;
+  const own = (key) => {
+    var _a2;
+    return isTextRoot ? void 0 : (_a2 = node[key]) != null ? _a2 : nodeStyle == null ? void 0 : nodeStyle[key];
+  };
+  const res = {
     fontFamily: (_a = str(node.fontFamily)) != null ? _a : parent.fontFamily,
     fontSize: (_b = parseLen(node.fontSize)) != null ? _b : parent.fontSize,
     fill: (_c = node.fill) != null ? _c : parent.fill,
     stroke: (_d = node.stroke) != null ? _d : parent.stroke,
     strokeWidth: (_e = node.strokeWidth) != null ? _e : parent.strokeWidth,
     letterSpacing: (_f = parseLen(node.letterSpacing)) != null ? _f : parent.letterSpacing,
-    wordSpacing: (_g = parseLen(node.wordSpacing)) != null ? _g : parent.wordSpacing
+    wordSpacing: (_g = parseLen(node.wordSpacing)) != null ? _g : parent.wordSpacing,
+    opacity: (_h = parseLen(own("opacity"))) != null ? _h : parent.opacity,
+    animate: (_i = isTextRoot ? void 0 : paintAnimateOf(node)) != null ? _i : parent.animate
   };
+  for (const key of PAINT_STATIC_KEYS) {
+    const v = (_j = own(key)) != null ? _j : parent[key];
+    if (v !== void 0) res[key] = v;
+  }
+  return res;
 }
 function rootStyleOf(node) {
   var _a, _b, _c;
@@ -4501,6 +4537,11 @@ function paintOf(s) {
   if (s.fill !== void 0) p.fill = s.fill;
   if (s.stroke !== void 0) p.stroke = s.stroke;
   if (s.strokeWidth !== void 0) p.strokeWidth = s.strokeWidth;
+  if (s.opacity !== void 0 && s.opacity !== 1) p.opacity = s.opacity;
+  for (const key of PAINT_STATIC_KEYS) {
+    if (s[key] !== void 0) p[key] = s[key];
+  }
+  if (s.animate !== void 0) p.animate = s.animate;
   return p;
 }
 function glyphFontFor(s, glyphs, soleFont, warnings) {
@@ -4514,6 +4555,7 @@ function soleFontOf(glyphs) {
   return names.length === 1 ? glyphs[names[0]] : void 0;
 }
 var MISSING_GLYPH_ADVANCE_EM = 0.6;
+var MISSING_GLYPH_CLASS_NAME = "px-missing-glyph";
 function missingGlyphBoxEm(advanceEm, ascentEm) {
   if (advanceEm <= 0 || ascentEm <= 0) return "";
   const inset = 0.08;
@@ -4549,7 +4591,7 @@ function materialiseGlyphTextHorizontal(node, opts) {
         pen.x += g.width * scale;
       } else if (/\S/.test(ch)) {
         const advEm = g && g.width > 0 ? g.width : MISSING_GLYPH_ADVANCE_EM * upm;
-        placements.push({ glyphD: missingGlyphBoxEm(advEm, ascentEm), m: [scale, 0, 0, scale, pen.x, pen.y], paint, line, x: pen.x, y: pen.y, scale });
+        placements.push({ glyphD: missingGlyphBoxEm(advEm, ascentEm), m: [scale, 0, 0, scale, pen.x, pen.y], paint, isMissing: true, line, x: pen.x, y: pen.y, scale });
         pen.x += advEm * scale;
       } else {
         pen.x += (g ? g.width : 0) * scale;
@@ -4740,7 +4782,7 @@ function collectAlongPathCells(node, glyphs, soleFont, warnings) {
           } else if (/\S/.test(ch)) {
             const wEm = g && g.width > 0 ? g.width : MISSING_GLYPH_ADVANCE_EM * gf.unitsPerEm;
             const boxAdv = wEm * scale;
-            cells.push({ glyphD: missingGlyphBoxEm(wEm, ascentEm), widthEm: wEm, scale, paint, midBase: adv + boxAdv / 2 });
+            cells.push({ glyphD: missingGlyphBoxEm(wEm, ascentEm), widthEm: wEm, scale, paint, isMissing: true, midBase: adv + boxAdv / 2 });
             adv += boxAdv;
           } else {
             adv += (g ? g.width : 0) * scale;
@@ -4796,6 +4838,7 @@ function materialiseGlyphTextAlongPath(node, pathD, startOffset, opts, textLengt
   const placements = placeCells.map((c) => ({
     glyphD: c.glyphD,
     paint: c.paint,
+    isMissing: c.isMissing,
     m: alongAffine(sampler, base + c.midBase * k, c.scale, c.widthEm, perp)
   }));
   return toGroup(node, buildPaths(placements, create, warnings), create);
@@ -4878,12 +4921,13 @@ function buildAnimatedAlongPath(cells, sampler, distOf, times, loop, create, isC
     const transform = { keyframes: kfs };
     if (loop !== void 0) transform.loop = loop;
     const animate = { transform };
+    if (c.paint.animate) Object.assign(animate, c.paint.animate);
     if (isClip && opKfs.some((k) => k.value === 0)) {
       const op = { keyframes: opKfs };
       if (loop !== void 0) op.loop = loop;
       animate.opacity = op;
     }
-    out.push(create("path", __spreadProps(__spreadValues({ d }, paintProps(c.paint)), { animate }), []));
+    out.push(create("path", __spreadProps(__spreadValues(__spreadValues({ d }, paintProps(c.paint)), missingGlyphProps(c.isMissing)), { animate }), []));
   }
   return out;
 }
@@ -4892,24 +4936,34 @@ function paintProps(paint) {
   if (paint.fill !== void 0) p.fill = paint.fill;
   if (paint.stroke !== void 0) p.stroke = paint.stroke;
   if (paint.strokeWidth !== void 0) p.strokeWidth = paint.strokeWidth;
+  if (paint.opacity !== void 0) p.opacity = paint.opacity;
+  for (const key of PAINT_STATIC_KEYS) {
+    if (paint[key] !== void 0) p[key] = paint[key];
+  }
   return p;
 }
+function missingGlyphProps(isMissing) {
+  return isMissing ? { class: MISSING_GLYPH_CLASS_NAME } : {};
+}
 function buildPaths(placements, create, warnings) {
-  var _a, _b, _c;
   if (!placements.length) {
     warnings == null ? void 0 : warnings.push("textGlyphs: nothing to render");
     return [];
   }
   const byPaint = /* @__PURE__ */ new Map();
   for (const p of placements) {
-    const key = JSON.stringify([(_a = p.paint.fill) != null ? _a : null, (_b = p.paint.stroke) != null ? _b : null, (_c = p.paint.strokeWidth) != null ? _c : null]);
+    const key = JSON.stringify([p.paint, !!p.isMissing]);
     const baked = transformPathData(p.glyphD, p.m);
     const entry = byPaint.get(key);
     if (entry) entry.d += baked;
-    else byPaint.set(key, { paint: p.paint, d: baked });
+    else byPaint.set(key, { paint: p.paint, d: baked, isMissing: p.isMissing });
   }
   const out = [];
-  for (const { paint, d } of byPaint.values()) out.push(create("path", __spreadValues({ d }, paintProps(paint)), []));
+  for (const { paint, d, isMissing } of byPaint.values()) {
+    out.push(create("path", __spreadValues(__spreadValues(__spreadValues({
+      d
+    }, paintProps(paint)), missingGlyphProps(isMissing)), paint.animate !== void 0 ? { animate: __spreadValues({}, paint.animate) } : {}), []));
+  }
   return out;
 }
 function toGroup(node, children, create) {
@@ -4946,10 +5000,10 @@ function applyTextGlyphsAlongPath(node, ctx, pathD, startOffset, textLength, pat
   return materialiseGlyphTextAlongPath(node, pathD, startOffset, { glyphs: ctx.glyphs, warnings: ctx.warnings }, textLength, pathOverflow);
 }
 
-// src/effects/trimPathEffect.ts
-function applyTrimPathEffect(node, trimPath, ctx) {
-  if (!trimPath) return node;
-  const combined = trimPath.subPaths === PxTrimSubPaths.combined;
+// src/effects/strokeTrimEffect.ts
+function applyStrokeTrimEffect(node, strokeTrim, ctx) {
+  if (!strokeTrim) return node;
+  const combined = strokeTrim.subPaths === PxStrokeTrimSubPaths.combined;
   const leafEntries = [];
   const measure = (n) => {
     if (Array.isArray(n.children) && n.children.length > 0) {
@@ -4980,9 +5034,9 @@ function applyTrimPathEffect(node, trimPath, ctx) {
   }
   const chainLengthPx = acc;
   if (combined && chainLengthPx < 1e-3) return node;
-  const offsetReadRaw = readAnimatable(trimPath.offset);
+  const offsetReadRaw = readAnimatable(strokeTrim.offset);
   const offsetRead = offsetReadRaw.kind === "absent" /* Absent */ ? { kind: "static" /* Static */, value: 0 } : offsetReadRaw;
-  const rangeReadRaw = readRangeWithCrossings(trimPath.range);
+  const rangeReadRaw = readRangeWithCrossings(strokeTrim.range);
   const rangeRead = rangeReadRaw.kind === "absent" /* Absent */ ? { kind: "static" /* Static */, value: [0, 1] } : rangeReadRaw;
   const offsetValues = readScalarValues(offsetRead);
   const minOffset = offsetValues.length ? Math.min(...offsetValues) : 0;
@@ -5314,7 +5368,7 @@ function applyPlayerEffects_exceptRetime(node, ctx) {
   const originalId = typeof node.id === "string" ? node.id : void 0;
   const innerIdForContentRef = originalId ? ctx.contentRefInnerIds.get(originalId) : void 0;
   if (!fx && !innerIdForContentRef) return node;
-  const { transformBy, repeater, maskedBy, clipPath, trimPath, clone: cloneFx, fillGradient, strokeGradient, textPath, text } = fx != null ? fx : {};
+  const { transformBy, repeater, maskedBy, clipPath, strokeTrim, clone: cloneFx, fillGradient, strokeGradient, textPath, text } = fx != null ? fx : {};
   if (fx) delete node.effects;
   let n = node;
   let consumedByGlyphs = false;
@@ -5334,7 +5388,7 @@ function applyPlayerEffects_exceptRetime(node, ctx) {
   if (!consumedByGlyphs) n = applyTextPathEffect(n, textPath, ctx);
   n = applyFillGradientEffect(n, fillGradient, ctx);
   n = applyStrokeGradientEffect(n, strokeGradient, ctx);
-  n = applyTrimPathEffect(n, trimPath, ctx);
+  n = applyStrokeTrimEffect(n, strokeTrim, ctx);
   n = applyRepeaterEffect(n, repeater, ctx);
   n = applyMaskedByEffect(n, maskedBy, transformBy, ctx);
   n = applyClipPathEffect(n, clipPath, ctx);
@@ -6020,6 +6074,7 @@ export {
   DISALLOWED_SVG_TAGS_LOWER,
   INTERNAL_ATTRS,
   LOOP_JUMP_SHIFT_MS,
+  MISSING_GLYPH_CLASS_NAME,
   PCT_BASED_ATTR_NAMES,
   PX_ANIM_ATTR_NAME,
   PX_ANIM_SRC_ATTR_NAME,
@@ -6056,6 +6111,8 @@ export {
   PxScrollRangeSchema,
   PxScrollSchema,
   PxStrokeGradientEffectSchema,
+  PxStrokeTrimEffectSchema,
+  PxStrokeTrimSubPaths,
   PxSvgNodeExtra,
   PxTextEffectSchema,
   PxTextPathEffectSchema,
@@ -6063,8 +6120,6 @@ export {
   PxTransformPartsSchema,
   PxTransformValueSchema,
   PxTriggerSchema,
-  PxTrimPathEffectSchema,
-  PxTrimSubPaths,
   STYLE_ATTR_NAMES,
   TEXT_ATTR,
   TEXT_CONTENT_ATTR,