@zcomponent/core 0.0.30-beta → 0.0.31-beta

package/lib/animation/animation.d.ts

@@ -57,6 +57,7 @@ export declare class Animation {
     private _emitPendingEvents;
     private _resolvePath;
     private _evaluatePath;
+    start(): void;
 }
 export interface EntityPath {
     entity: any;

package/lib/animation/animation.js

@@ -186,4 +186,12 @@ export class Animation {
         }
         resolved[0][resolved[1]] = val;
     }
+    start() {
+        for (const layer of this._layers) {
+            for (const clip of Object.values(layer.clips)) {
+                if (clip.playAtStart)
+                    clip.play();
+            }
+        }
+    }
 }

package/lib/animation/layerclip.d.ts

@@ -11,6 +11,7 @@ export declare class LayerClip implements Stream {
     readonly id?: string | undefined;
     defaultLoop: boolean;
     defaultPlaySpeed: number;
+    playAtStart: boolean;
     timeSource: (() => number) | undefined;
     readonly animation: Animation;
     private _t0;

package/lib/animation/layerclip.js

@@ -8,6 +8,7 @@ export class LayerClip {
         this.id = id;
         this.defaultLoop = false;
         this.defaultPlaySpeed = 1;
+        this.playAtStart = false;
         this._t0 = 0;
         this._pauseTime = 0;
         // private _s0: number = 0;

package/lib/data/animation.d.ts

@@ -36,6 +36,7 @@ export interface LayerClip {
     reverse?: boolean;
     playbackSpeed?: number;
     scriptName?: string;
+    playAtStart?: boolean;
 }
 export type ActiveLayerClips = ByID<string | undefined>;
 export declare enum ClipType {

package/lib/inflate.js

@@ -135,6 +135,7 @@ export function createLayerClipFromData(zcomp, layer, data) {
     if (data.reverse)
         ret.defaultPlaySpeed *= -1;
     ret.defaultLoop = data.loop ?? false;
+    ret.playAtStart = data.playAtStart ?? false;
     return ret;
 }
 export function createLayerFromData(zcomp, anim, data) {

package/lib/zcomponent.js

@@ -62,7 +62,11 @@ export class ZComponent extends Component {
         this.animation.initialize();
         this.isConstructed = true;
         this._constructedResolve();
-        started(contextManager).then(this._updateAnimationRegistrations);
+        started(contextManager).then(() => {
+            this._updateAnimationRegistrations();
+            if (!isDesignTime(contextManager))
+                this.animation.start();
+        });
         this.register(this.animation.hasLayers, this._updateAnimationRegistrations, { bindWhenDisabled: true });
     }
     _constructorForNode(nodeId) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zcomponent/core",
-  "version": "0.0.30-beta",
+  "version": "0.0.31-beta",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",