@pixodesk/svg-animator-web 1.0.44 → 1.0.46

package/dist/index.prerendered.umd.js

@@ -67,19 +67,31 @@ var PixodeskAnimator = (() => {
     return result;
   }
   var Base = class {
+    /** Structural schemas (objects, arrays, unions of objects…) pass `false`: they state no scalar default. */
+    constructor(_statesDefault) {
+      this._statesDefault = _statesDefault;
+    }
     _canSanitize(raw) {
       return this.isValid(raw);
     }
+    /** A REQUIRED field is never absent; its default is the repair value. */
+    absentDefault() {
+      return this._default;
+    }
     optional() {
       return new Optional(this);
     }
   };
   var Optional = class extends Base {
     constructor(inner) {
-      super();
+      super(inner._statesDefault);
       this.inner = inner;
       this._default = void 0;
     }
+    /** Absent means the inner schema's STATED default — or nothing at all when it states none. */
+    absentDefault() {
+      return this.inner._statesDefault ? this.inner._default : void 0;
+    }
     sanitize(raw) {
       if (raw === void 0 || raw === null) return void 0;
       return this.inner._canSanitize(raw) ? this.inner.sanitize(raw) : void 0;
@@ -93,8 +105,8 @@ var PixodeskAnimator = (() => {
     }
   };
   var Str = class extends Base {
-    constructor(_default = "") {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -107,8 +119,8 @@ var PixodeskAnimator = (() => {
     }
   };
   var Num = class extends Base {
-    constructor(_default = 0) {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -121,8 +133,8 @@ var PixodeskAnimator = (() => {
     }
   };
   var Bool = class extends Base {
-    constructor(_default = false) {
-      super();
+    constructor(_default, statesDefault) {
+      super(statesDefault);
       this._default = _default;
     }
     sanitize(raw) {
@@ -135,8 +147,9 @@ var PixodeskAnimator = (() => {
     }
   };
   var Literal = class extends Base {
+    /** A literal IS its own value: absent means it. */
     constructor(value) {
-      super();
+      super(true);
       this.value = value;
       this._default = value;
     }
@@ -150,8 +163,8 @@ var PixodeskAnimator = (() => {
     }
   };
   var Enum = class extends Base {
-    constructor(values, defaultVal) {
-      super();
+    constructor(values, defaultVal, statesDefault) {
+      super(statesDefault);
       this.values = values;
       this._default = defaultVal != null ? defaultVal : values[0];
     }
@@ -166,8 +179,8 @@ var PixodeskAnimator = (() => {
   };
   var UNION_MEMBER_ERROR_LIMIT = 4;
   var Union = class extends Base {
-    constructor(schemas, defaultVal) {
-      super();
+    constructor(schemas, defaultVal, statesDefault) {
+      super(statesDefault);
       this.schemas = schemas;
       /** Structural tag read by {@link describeSchema} — `schemas` alone cannot tell Union from Tuple. */
       this._kind = "union";
@@ -221,7 +234,7 @@ var PixodeskAnimator = (() => {
   var DiscriminatedUnion = class extends Base {
     constructor(_key, _schemas, defaultVal) {
       var _a;
-      super();
+      super(false);
       this._key = _key;
       this._schemas = _schemas;
       /** Structural tag read by {@link describeSchema}. */
@@ -261,13 +274,19 @@ var PixodeskAnimator = (() => {
       return schema ? schema._canSanitize(raw) : this._schemas[0]._canSanitize(raw);
     }
   };
+  function statedDefaults(shape) {
+    const out = {};
+    for (const key of Object.keys(shape)) if (shape[key]._statesDefault) out[key] = shape[key].absentDefault();
+    return Object.freeze(out);
+  }
   var Obj = class extends Base {
     constructor(_shape) {
-      super();
+      super(false);
       this._shape = _shape;
       const d = {};
       for (const key of Object.keys(_shape)) d[key] = _shape[key]._default;
       this._default = d;
+      this.defaults = statedDefaults(_shape);
     }
     sanitize(raw) {
       const src = raw && typeof raw === "object" && !Array.isArray(raw) ? raw : {};
@@ -309,12 +328,13 @@ var PixodeskAnimator = (() => {
   };
   var OpenObj = class extends Base {
     constructor(_shape, _openSchema) {
-      super();
+      super(false);
       this._shape = _shape;
       this._openSchema = _openSchema;
       const d = {};
       for (const key of Object.keys(_shape)) d[key] = _shape[key]._default;
       this._default = d;
+      this.defaults = statedDefaults(_shape);
     }
     sanitize(raw) {
       const src = raw && typeof raw === "object" && !Array.isArray(raw) ? raw : {};
@@ -359,7 +379,7 @@ var PixodeskAnimator = (() => {
   };
   var Arr = class extends Base {
     constructor(item) {
-      super();
+      super(false);
       this.item = item;
       this._default = [];
     }
@@ -391,7 +411,7 @@ var PixodeskAnimator = (() => {
   };
   var Rec = class extends Base {
     constructor(value) {
-      super();
+      super(false);
       this.value = value;
       /** Structural tag read by {@link describeSchema}. */
       this._kind = "record";
@@ -425,7 +445,7 @@ var PixodeskAnimator = (() => {
   };
   var Any = class extends Base {
     constructor() {
-      super(...arguments);
+      super(false);
       this._default = void 0;
     }
     sanitize(raw) {
@@ -440,7 +460,7 @@ var PixodeskAnimator = (() => {
   };
   var Defined = class extends Base {
     constructor() {
-      super(...arguments);
+      super(false);
       this._default = void 0;
     }
     sanitize(raw) {
@@ -457,7 +477,7 @@ var PixodeskAnimator = (() => {
   };
   var Lazy = class extends Base {
     constructor(fn, _default) {
-      super();
+      super(false);
       this.fn = fn;
       this._default = _default;
       this.resolved = null;
@@ -478,7 +498,7 @@ var PixodeskAnimator = (() => {
   };
   var Tuple = class extends Base {
     constructor(schemas) {
-      super();
+      super(false);
       this.schemas = schemas;
       /** Structural tag read by {@link describeSchema} — `schemas` alone cannot tell Tuple from Union. */
       this._kind = "tuple";
@@ -510,22 +530,29 @@ var PixodeskAnimator = (() => {
   function implementsInterface() {
     return (schema) => schema;
   }
+  function string(defaultVal) {
+    return defaultVal === void 0 ? new Str("", false) : new Str(defaultVal, true);
+  }
+  function number(defaultVal) {
+    return defaultVal === void 0 ? new Num(0, false) : new Num(defaultVal, true);
+  }
+  function boolean(defaultVal) {
+    return defaultVal === void 0 ? new Bool(false, false) : new Bool(defaultVal, true);
+  }
+  function oneOf(values, defaultVal) {
+    return defaultVal === void 0 ? new Enum(values, void 0, false) : new Enum(values, defaultVal, true);
+  }
+  function unionOf(schemas, defaultVal) {
+    return defaultVal === void 0 ? new Union(schemas, void 0, false) : new Union(schemas, defaultVal, true);
+  }
   var px = {
-    /** Matches a string. Default: '' or provided value. */
-    string: (defaultVal = "") => new Str(defaultVal),
-    /** Matches a finite number. Default: 0 or provided value. */
-    number: (defaultVal = 0) => new Num(defaultVal),
-    /** Matches a boolean. Default: false or provided value. */
-    boolean: (defaultVal = false) => new Bool(defaultVal),
-    /** Matches one exact primitive value; its default is the value itself. */
+    string,
+    number,
+    boolean,
+    /** Matches one exact primitive value; absent means the value itself. */
     literal: (value) => new Literal(value),
-    /** Matches one of a fixed set of string/number values. Default: first value. */
-    enum: (values, defaultVal) => new Enum(values, defaultVal),
-    /**
-     * Returns the first schema whose isValid passes.
-     * TypeScript infers the union of all member types automatically.
-     */
-    union: (schemas, defaultVal) => new Union(schemas, defaultVal),
+    enum: oneOf,
+    union: unionOf,
     /**
      * Discriminated union — reads `raw[key]`, finds the member schema whose
      * literal at `key` matches, then delegates sanitize/isValid to that member.
@@ -533,7 +560,8 @@ var PixodeskAnimator = (() => {
      * TypeScript infers the union of all member types automatically.
      */
     discriminatedUnion: (key, schemas) => new DiscriminatedUnion(key, schemas),
-    /** Typed object — unknown keys are stripped. Required fields fall back to their default. */
+    /** Typed object — unknown keys are stripped. Required fields fall back to their default.
+     *  Its `defaults` say what each stated field means when a document leaves it out. */
     object: (shape) => new Obj(shape),
     /**
      * Open object — validates known keys; passes unknown keys through as-is,
@@ -655,8 +683,11 @@ var PixodeskAnimator = (() => {
     offScreen: "pause",
     mouseOut: "continue",
     visibilityThreshold: 0.5,
-    visibilityDebounce: 150
+    visibilityDebounce: 150,
+    finish: "hold"
   };
+  var PX_DEFAULT_DURATION_MS = 1e3;
+  var PX_DEFAULT_ITERATIONS = 1;
   function resolveTrigger(trigger) {
     var _a, _b, _c, _d, _e;
     return {
@@ -853,15 +884,15 @@ var PixodeskAnimator = (() => {
   var keyframeTangentOut = (kf) => anyKf(kf).tangentOut;
   var PxLoopSchema = implementsInterface()(px.object({
     segmentCount: px.number().optional(),
-    repeatAt: px.enum([PxLoopRepeatAt.start, PxLoopRepeatAt.end]).optional(),
-    direction: px.enum([PxLoopDirection.normal, PxLoopDirection.alternate]).optional()
+    repeatAt: px.enum([PxLoopRepeatAt.start, PxLoopRepeatAt.end], PxLoopRepeatAt.end).optional(),
+    direction: px.enum([PxLoopDirection.normal, PxLoopDirection.alternate], PxLoopDirection.normal).optional()
   }));
   var PxPropertyAnimationSchema = implementsInterface()(px.object({
     value: PxKeyframeValueSchema.optional(),
     keyframes: px.array(PxKeyframeSchema).optional(),
     loop: px.union([PxLoopSchema, px.boolean()]).optional(),
     autoOrient: px.boolean().optional(),
-    alongPathMode: px.enum([PxAlongPathMode.sampled, PxAlongPathMode.offsetPath]).optional()
+    alongPathMode: px.enum([PxAlongPathMode.sampled, PxAlongPathMode.offsetPath], PxAlongPathMode.sampled).optional()
   }));
   var PxTransformPartsSchema = implementsInterface()(px.object({
     translate: px.tuple([px.number(), px.number()]).optional(),
@@ -891,9 +922,9 @@ var PixodeskAnimator = (() => {
     // What happens after a NATURAL finish — `'hold'` (default: keep the end state per
     // `fill`) or `'reset'` (snap back to the start state). One of four occasion keys
     // (`start`, `offScreen`, `mouseOut`, `finish`), all named the same way.
-    finish: px.enum([PxFinishAction.hold, PxFinishAction.reset]).optional(),
-    visibilityThreshold: px.number().optional(),
-    visibilityDebounce: px.number().optional()
+    finish: px.enum([PxFinishAction.hold, PxFinishAction.reset], PX_TRIGGER_DEFAULTS.finish).optional(),
+    visibilityThreshold: px.number(PX_TRIGGER_DEFAULTS.visibilityThreshold).optional(),
+    visibilityDebounce: px.number(PX_TRIGGER_DEFAULTS.visibilityDebounce).optional()
   }));
   var PxGlyphSchema = implementsInterface()(px.object({
     width: px.number(),
@@ -919,7 +950,7 @@ var PixodeskAnimator = (() => {
       PxScrollPhase.exit,
       PxScrollPhase.entryCrossing,
       PxScrollPhase.exitCrossing
-    ]).optional(),
+    ], PxScrollPhase.cover).optional(),
     fraction: px.number().optional()
   }));
   var PxScrollRangeSchema = px.object({
@@ -927,37 +958,37 @@ var PixodeskAnimator = (() => {
     end: PxScrollRangePointSchema.optional()
   });
   var PxScrollSchema = implementsInterface()(px.object({
-    kind: px.enum([PxScrollKind.view, PxScrollKind.scroll]).optional(),
-    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y]).optional(),
-    source: px.enum([PxScrollSource.nearest, PxScrollSource.root]).optional(),
+    kind: px.enum([PxScrollKind.view, PxScrollKind.scroll], PxScrollKind.view).optional(),
+    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y], PxScrollAxis.block).optional(),
+    source: px.enum([PxScrollSource.nearest, PxScrollSource.root], PxScrollSource.nearest).optional(),
     // Free-form: the two keywords `parent`/`scroller` plus any CSS selector.
     subject: px.string().optional(),
     smoothing: px.number().optional(),
-    pin: px.boolean().optional(),
-    pinAlign: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom]).optional(),
+    pin: px.boolean(false).optional(),
+    pinAlign: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom], PxPinAlign.top).optional(),
     pinOffset: px.number().optional(),
     pinDistance: px.number().optional(),
     range: PxScrollRangeSchema.optional()
   }));
   var PxTimelinePinSchema = implementsInterface()(px.object({
-    align: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom]).optional(),
+    align: px.enum([PxPinAlign.top, PxPinAlign.center, PxPinAlign.bottom], PxPinAlign.top).optional(),
     offset: px.number().optional(),
     distance: px.number().optional()
   }));
-  var PxTimelineEngineSchema = px.enum([PxTimelineEngineSetting.auto, PxTimelineEngineSetting.native, PxTimelineEngineSetting.js]).optional();
+  var PxTimelineEngineSchema = px.enum([PxTimelineEngineSetting.auto, PxTimelineEngineSetting.native, PxTimelineEngineSetting.js], PxTimelineEngineSetting.auto).optional();
   var PxTimeTimelineSchema = implementsInterface()(px.object({
     type: px.literal("time").optional(),
     engine: PxTimelineEngineSchema,
     frameRate: px.number().optional(),
     // §2.8: duration is a property of the TIMELINE — how long one pass takes.
-    duration: px.number().optional(),
+    duration: px.number(PX_DEFAULT_DURATION_MS).optional(),
     trigger: PxTriggerSchema.optional(),
-    delay: px.number().optional(),
-    iterations: px.union([px.number(), px.literal("infinite")]).optional(),
+    delay: px.number(0).optional(),
+    iterations: px.union([px.number(PX_DEFAULT_ITERATIONS), px.literal("infinite")], PX_DEFAULT_ITERATIONS).optional(),
     // `fillMode` on the wire (CSS `animation-fill-mode`; the runtime view calls it `fill`)
     // — never `fill`, which is paint everywhere else in the format.
-    fillMode: px.enum([PxFillMode.forwards, PxFillMode.backwards, PxFillMode.both, PxFillMode.none]).optional(),
-    direction: px.enum([PxPlaybackDirection.normal, PxPlaybackDirection.reverse, PxPlaybackDirection.alternate, PxPlaybackDirection.alternateReverse]).optional()
+    fillMode: px.enum([PxFillMode.forwards, PxFillMode.backwards, PxFillMode.both, PxFillMode.none], PxFillMode.forwards).optional(),
+    direction: px.enum([PxPlaybackDirection.normal, PxPlaybackDirection.reverse, PxPlaybackDirection.alternate, PxPlaybackDirection.alternateReverse], PxPlaybackDirection.normal).optional()
   }));
   var scrollishTimelineShape = {
     // §2.8: duration is a property of the TIMELINE — under scrubbing it is the keyframe
@@ -968,8 +999,8 @@ var PixodeskAnimator = (() => {
     iterations: px.number().optional(),
     engine: PxTimelineEngineSchema,
     frameRate: px.number().optional(),
-    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y]).optional(),
-    source: px.enum([PxScrollSource.nearest, PxScrollSource.root]).optional(),
+    axis: px.enum([PxScrollAxis.block, PxScrollAxis.inline, PxScrollAxis.x, PxScrollAxis.y], PxScrollAxis.block).optional(),
+    source: px.enum([PxScrollSource.nearest, PxScrollSource.root], PxScrollSource.nearest).optional(),
     subject: px.string().optional(),
     // 'parent' | 'scroller' | any CSS selector
     smoothing: px.number().optional(),
@@ -1049,9 +1080,10 @@ var PixodeskAnimator = (() => {
   }));
   var PxMaskedByEffectSchema = implementsInterface()(px.object({
     source: px.string().optional(),
-    maskType: px.enum([PxMaskType.luminance, PxMaskType.alpha]).optional(),
-    maskUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox]).optional(),
-    maskContentUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox]).optional(),
+    // SVG's own initial values — what a <mask> does when the attribute is not there.
+    maskType: px.enum([PxMaskType.luminance, PxMaskType.alpha], PxMaskType.luminance).optional(),
+    maskUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox], PxUnits.objectBoundingBox).optional(),
+    maskContentUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox], PxUnits.userSpaceOnUse).optional(),
     x: px.number().optional(),
     y: px.number().optional(),
     width: px.number().optional(),
@@ -1063,7 +1095,7 @@ var PixodeskAnimator = (() => {
   var PxStrokeTrimEffectSchema = implementsInterface()(px.object({
     offset: PxAnimatableNumberSchema.optional(),
     range: PxAnimatableVec2Schema.optional(),
-    subPaths: px.enum([PxStrokeTrimSubPaths.separate, PxStrokeTrimSubPaths.combined]).optional()
+    subPaths: px.enum([PxStrokeTrimSubPaths.separate, PxStrokeTrimSubPaths.combined], PxStrokeTrimSubPaths.separate).optional()
   }));
   var PxRetimeEffectSchema = implementsInterface()(px.object({
     start: px.number().optional(),
@@ -1095,17 +1127,20 @@ var PixodeskAnimator = (() => {
     radius: PxAnimatableNumberSchema.optional(),
     focal: PxAnimatableVec2Schema.optional(),
     stops: PxAnimatableGradientStopsSchema.optional(),
-    gradientUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox]).optional(),
-    spreadMethod: px.enum([PxGradientSpreadMethod.pad, PxGradientSpreadMethod.reflect, PxGradientSpreadMethod.repeat]).optional(),
+    // SVG's own initial values — what a gradient does when the attribute is not there.
+    gradientUnits: px.enum([PxUnits.userSpaceOnUse, PxUnits.objectBoundingBox], PxUnits.objectBoundingBox).optional(),
+    spreadMethod: px.enum([PxGradientSpreadMethod.pad, PxGradientSpreadMethod.reflect, PxGradientSpreadMethod.repeat], PxGradientSpreadMethod.pad).optional(),
     gradientTransform: px.string().optional()
   }));
   var PxStrokeGradientEffectSchema = PxFillGradientEffectSchema;
   var PxTextPathEffectSchema = implementsInterface()(px.object({
     pathData: px.string(),
-    pathOverflow: px.enum([PxPathOverflow.clip, PxPathOverflow.extend]).optional(),
-    lengthAdjust: px.enum([PxLengthAdjust.spacing, PxLengthAdjust.spacingAndGlyphs]).optional(),
-    method: px.enum([PxTextPathMethod.align, PxTextPathMethod.stretch]).optional(),
-    spacing: px.enum([PxTextPathSpacing.auto, PxTextPathSpacing.exact]).optional(),
+    // `extend` is what an omitted pathOverflow means (glyphs continue along the tangent); the
+    // other three are SVG's own initial values for the native <textPath> attributes.
+    pathOverflow: px.enum([PxPathOverflow.clip, PxPathOverflow.extend], PxPathOverflow.extend).optional(),
+    lengthAdjust: px.enum([PxLengthAdjust.spacing, PxLengthAdjust.spacingAndGlyphs], PxLengthAdjust.spacing).optional(),
+    method: px.enum([PxTextPathMethod.align, PxTextPathMethod.stretch], PxTextPathMethod.align).optional(),
+    spacing: px.enum([PxTextPathSpacing.auto, PxTextPathSpacing.exact], PxTextPathSpacing.exact).optional(),
     startOffset: PxAnimatableNumberSchema.optional(),
     textLength: PxAnimatableNumberSchema.optional()
   }));
@@ -1465,7 +1500,6 @@ var PixodeskAnimator = (() => {
     return Object.keys(out).length ? out : void 0;
   }
   var PX_STYLE_ATTR_NAMES = /* @__PURE__ */ new Set(["offset-distance", "offsetDistance"]);
-  var PX_DEFAULT_DURATION_MS = 1e3;
   function kebabToCamelCaseWord(kebab) {
     return kebab.includes("-") ? kebab.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase()) : kebab;
   }
@@ -1609,6 +1643,38 @@ var PixodeskAnimator = (() => {
     return cubicBezier(flipped);
   }
 
+  // ../svg-animator-core/src/animation/PxStaticTransformMerge.ts
+  function mergeStaticTransformIntoAnimDef(animDef, staticTransform) {
+    if (!animDef) return animDef;
+    const staticParts = staticTransform && typeof staticTransform === "object" && !Array.isArray(staticTransform) ? staticTransform : parseTransformParts(staticTransform);
+    if (!staticParts || !Object.keys(staticParts).length) return animDef;
+    const mergeKfValue = (v) => v && typeof v === "object" && !Array.isArray(v) ? __spreadValues(__spreadValues({}, staticParts), v) : v;
+    const transformAnim = animDef[TRANSFORM_ATTR];
+    if (transformAnim && typeof transformAnim === "object") {
+      const anim = transformAnim;
+      if (Array.isArray(anim.keyframes)) {
+        const out = __spreadProps(__spreadValues({}, anim), {
+          keyframes: anim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: mergeKfValue(kf.value) }))
+        });
+        if (out.value !== void 0) out.value = mergeKfValue(out.value);
+        return __spreadProps(__spreadValues({}, animDef), { transform: out });
+      }
+      return animDef;
+    }
+    const channels = Object.keys(animDef).filter((k) => PX_TRANSFORM_FN_NAMES.has(k));
+    if (channels.length !== 1) return animDef;
+    const ch = channels[0];
+    const chAnim = animDef[ch];
+    if (!chAnim || typeof chAnim !== "object" || !Array.isArray(chAnim.keyframes)) return animDef;
+    const lifted = __spreadProps(__spreadValues({}, chAnim), {
+      keyframes: chAnim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: __spreadProps(__spreadValues({}, staticParts), { [ch]: kf.value }) }))
+    });
+    if (lifted.value !== void 0) lifted.value = __spreadProps(__spreadValues({}, staticParts), { [ch]: lifted.value });
+    const rest = __spreadValues({}, animDef);
+    delete rest[ch];
+    return __spreadProps(__spreadValues({}, rest), { transform: lifted });
+  }
+
   // ../svg-animator-core/src/materialize/PxMotionPath.ts
   function getKfTranslate(kf) {
     const v = keyframeValue(kf);
@@ -2397,36 +2463,6 @@ var PixodeskAnimator = (() => {
   function generateElementId() {
     return "_px_el_" + ++_elementIdCounter;
   }
-  function mergeStaticTransformIntoAnimDef(animDef, staticTransform) {
-    if (!animDef) return animDef;
-    const staticParts = staticTransform && typeof staticTransform === "object" && !Array.isArray(staticTransform) ? staticTransform : parseTransformParts(staticTransform);
-    if (!staticParts || !Object.keys(staticParts).length) return animDef;
-    const mergeKfValue = (v) => v && typeof v === "object" && !Array.isArray(v) ? __spreadValues(__spreadValues({}, staticParts), v) : v;
-    const transformAnim = animDef[TRANSFORM_ATTR];
-    if (transformAnim && typeof transformAnim === "object") {
-      const anim = transformAnim;
-      if (Array.isArray(anim.keyframes)) {
-        const out = __spreadProps(__spreadValues({}, anim), {
-          keyframes: anim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: mergeKfValue(kf.value) }))
-        });
-        if (out.value !== void 0) out.value = mergeKfValue(out.value);
-        return __spreadProps(__spreadValues({}, animDef), { transform: out });
-      }
-      return animDef;
-    }
-    const channels = Object.keys(animDef).filter((k) => PX_TRANSFORM_FN_NAMES.has(k));
-    if (channels.length !== 1) return animDef;
-    const ch = channels[0];
-    const chAnim = animDef[ch];
-    if (!chAnim || typeof chAnim !== "object" || !Array.isArray(chAnim.keyframes)) return animDef;
-    const lifted = __spreadProps(__spreadValues({}, chAnim), {
-      keyframes: chAnim.keyframes.map((kf) => __spreadProps(__spreadValues({}, kf), { value: __spreadProps(__spreadValues({}, staticParts), { [ch]: kf.value }) }))
-    });
-    if (lifted.value !== void 0) lifted.value = __spreadProps(__spreadValues({}, staticParts), { [ch]: lifted.value });
-    const rest = __spreadValues({}, animDef);
-    delete rest[ch];
-    return __spreadProps(__spreadValues({}, rest), { transform: lifted });
-  }
   function normalizeAnimationDefinition(animDef, duration, defs, engine = PxTimelineEngine.native) {
     const normalized = {};
     for (const [propName, propAnim] of Object.entries(animDef)) {
@@ -2509,7 +2545,7 @@ var PixodeskAnimator = (() => {
     return { prevKf, nextKf };
   }
   function calcPropertyValue(propName, propAnim, progress) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const keyframes = propAnim.keyframes || [];
     if (keyframes.length === 0) return null;
     const { prevKf, nextKf } = getKeyframesPair(keyframes, progress);
@@ -2578,7 +2614,7 @@ var PixodeskAnimator = (() => {
             !!propAnim.autoOrient
           );
           partsResult.translate = [sample.translate[0], sample.translate[1]];
-          if (sample.rotateDeg !== void 0) partsResult.rotate = sample.rotateDeg;
+          if (sample.rotateDeg !== void 0) partsResult.rotate = sample.rotateDeg + ((_e = partsResult.rotate) != null ? _e : 0);
         }
       }
       cssValue = composeTransformParts(partsResult, { withUnits: false });
@@ -2685,13 +2721,13 @@ var PixodeskAnimator = (() => {
     const bindings = normalizeBindings(doc, PxTimelineEngine.js);
     const _iterations = config.iterations;
     let iterations = 1;
-    if (typeof _iterations === "number") iterations = _iterations || 1;
+    if (typeof _iterations === "number") iterations = _iterations || PX_DEFAULT_ITERATIONS;
     if (_iterations === "infinite") iterations = Infinity;
     if (iterations < 1) iterations = 1;
     const duration = +(config.duration || PX_DEFAULT_DURATION_MS);
-    const totalDuration = duration && iterations ? duration * (iterations === Infinity ? Infinity : iterations) : duration ? (iterations != null ? iterations : 1) * duration : 0;
-    const direction = config.direction || "normal";
-    const fill = (_a = config.fill) != null ? _a : "forwards";
+    const totalDuration = duration && iterations ? duration * (iterations === Infinity ? Infinity : iterations) : duration ? (iterations != null ? iterations : PX_DEFAULT_ITERATIONS) * duration : 0;
+    const direction = config.direction || PxTimeTimelineSchema.defaults.direction;
+    const fill = (_a = config.fill) != null ? _a : PxTimeTimelineSchema.defaults.fillMode;
     const fillsForwards = fill === "forwards" || fill === "both";
     const fillsBackwards = fill === "backwards" || fill === "both";
     let timerId = null;
@@ -3582,7 +3618,7 @@ var PixodeskAnimator = (() => {
       let seekPosition;
       if (config.delay && config.delay < 0 && config.duration) {
         const rawSeek = -config.delay;
-        seekPosition = iterations === Infinity ? rawSeek % config.duration : Math.min(rawSeek, config.duration * (iterations != null ? iterations : 1));
+        seekPosition = iterations === Infinity ? rawSeek % config.duration : Math.min(rawSeek, config.duration * (iterations != null ? iterations : PX_DEFAULT_ITERATIONS));
       }
       const effectOptions = {
         duration: config.duration,
@@ -3689,7 +3725,7 @@ var PixodeskAnimator = (() => {
       },
       "setCurrentTime": (time) => {
         var _a2;
-        const ceiling = seekCeilingMs((_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : 1);
+        const ceiling = seekCeilingMs((_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : PX_DEFAULT_ITERATIONS);
         const seek = ceiling > 0 ? clampSeekMs(time, ceiling) : Math.max(0, time);
         finishNotified = false;
         animations.forEach((a) => {
@@ -3699,11 +3735,11 @@ var PixodeskAnimator = (() => {
       "getCurrentProgress": () => {
         var _a2;
         const t = api.getCurrentTime();
-        return t === null ? null : timeToProgress(t, (_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : 1);
+        return t === null ? null : timeToProgress(t, (_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : PX_DEFAULT_ITERATIONS);
       },
       "setCurrentProgress": (progress) => {
         var _a2;
-        api.setCurrentTime(progressToTimeMs(progress, (_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : 1));
+        api.setCurrentTime(progressToTimeMs(progress, (_a2 = config.duration) != null ? _a2 : 0, iterations != null ? iterations : PX_DEFAULT_ITERATIONS));
       },
       "destroy": () => {
         var _a2;