@revideo/player 0.2.1-alpha.892 → 0.2.1

package/dist/main.js

@@ -56,9 +56,9 @@ class x extends HTMLElement {
     e(this, "stage", new M());
     e(this, "timeline");
     e(this, "handleTimelineChange", (t) => {
-      var n, o;
+      var s, o;
       const a = t.target, i = parseFloat(a.value);
-      ((n = this.player) == null ? void 0 : n.playback.duration) && ((o = this.player) == null || o.requestSeek(i));
+      ((s = this.player) == null ? void 0 : s.playback.duration) && ((o = this.player) == null || o.requestSeek(i));
     });
     e(this, "handleMouseMove", () => {
       this.mouseMoveId && clearTimeout(this.mouseMoveId), this.hover && !this.playing && this.setPlaying(!0), this.mouseMoveId = window.setTimeout(() => {
@@ -97,10 +97,10 @@ class x extends HTMLElement {
           this.player.playback.duration
         );
         if (i) {
-          const s = this.player.status.secondsToFrames(a);
-          this.timeline.value = s.toString();
-          const n = `linear-gradient(to right, rgb(180, 180, 180) 0%, rgb(180, 180, 180) ${100 * s / this.player.status.secondsToFrames(i)}%, white ${100 * s / this.player.status.secondsToFrames(i)}%, white 100%)`;
-          this.timeline.style.background = n, this.timeline.style.setProperty("--webkit-track", n), this.timeline.style.setProperty("--moz-track", n), this.timeline.style.setProperty("--ms-track", n);
+          const n = this.player.status.secondsToFrames(a);
+          this.timeline.value = n.toString();
+          const s = `linear-gradient(to right, rgb(180, 180, 180) 0%, rgb(180, 180, 180) ${100 * n / this.player.status.secondsToFrames(i)}%, white ${100 * n / this.player.status.secondsToFrames(i)}%, white 100%)`;
+          this.timeline.style.background = s, this.timeline.style.setProperty("--webkit-track", s), this.timeline.style.setProperty("--moz-track", s), this.timeline.style.setProperty("--ms-track", s);
           const o = this.formatTime(a), c = this.formatTime(i), l = this.root.querySelector(".current-time");
           l && (l.textContent = `${o} / ${c}`);
         }
@@ -151,11 +151,11 @@ class x extends HTMLElement {
     this.overlay.className = `overlay state-${this.state}`, this.canvas.className = `canvas state-${this.state}`, this.overlay.classList.toggle("playing", this.playing), this.overlay.classList.toggle("auto", this.auto), this.overlay.classList.toggle("hover", this.mouseMoveId !== null), this.connected && (this.mouseMoveId !== null || !this.playing ? this.dataset.overlay = "" : delete this.dataset.overlay);
   }
   async updateSource(t) {
-    var s, n, o, c;
+    var n, s, o, c;
     this.setState(
       "initial"
       /* Initial */
-    ), (s = this.abortController) == null || s.abort(), this.abortController = new AbortController();
+    ), (n = this.abortController) == null || n.abort(), this.abortController = new AbortController();
     let a;
     try {
       const l = import(
@@ -176,13 +176,13 @@ class x extends HTMLElement {
     }
     this.defaultSettings = a.meta.getFullRenderingSettings();
     const i = new m(a);
-    i.setVariables(this.variables), this.finished = !1, (n = this.player) == null || n.onRender.unsubscribe(this.render), (o = this.player) == null || o.togglePlayback(!1), (c = this.player) == null || c.deactivate(), this.project = a, this.player = i, this.updateSettings(), this.player.onRender.subscribe(this.render), this.player.togglePlayback(this.playing), this.setState(
+    i.setVariables(this.variables), this.finished = !1, (s = this.player) == null || s.onRender.unsubscribe(this.render), (o = this.player) == null || o.togglePlayback(!1), (c = this.player) == null || c.deactivate(), this.project = a, this.player = i, this.updateSettings(), this.player.onRender.subscribe(this.render), this.player.togglePlayback(this.playing), this.setState(
       "ready"
       /* Ready */
     );
   }
   attributeChangedCallback(t, a, i) {
-    var s;
+    var n, s;
     switch (t) {
       case "auto":
         this.setPlaying(this.playing);
@@ -196,7 +196,7 @@ class x extends HTMLElement {
         this.updateSettings();
         break;
       case "variables":
-        (s = this.player) == null || s.setVariables(this.variables), this.player.requestSeek(this.player.playback.frame);
+        (n = this.player) == null || n.setVariables(this.variables), (s = this.player) == null || s.requestSeek(this.player.playback.frame);
     }
   }
   disconnectedCallback() {
@@ -216,8 +216,8 @@ class x extends HTMLElement {
     this.stage.configure(t), this.player.configure(t);
   }
   formatTime(t) {
-    const a = Math.floor(t / 60), i = Math.floor(t % 60), s = a.toString().padStart(2, "0"), n = i.toString().padStart(2, "0");
-    return `${s}:${n}`;
+    const a = Math.floor(t / 60), i = Math.floor(t % 60), n = a.toString().padStart(2, "0"), s = i.toString().padStart(2, "0");
+    return `${n}:${s}`;
   }
 }
 customElements.get(d) || customElements.define(d, x);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revideo/player",
-  "version": "0.2.1-alpha.892+474c60e",
+  "version": "0.2.1",
   "description": "A custom element for displaying animations made with revideo",
   "main": "dist/main.js",
   "types": "types/main.d.ts",
@@ -22,9 +22,9 @@
     "types"
   ],
   "devDependencies": {
-    "@revideo/core": "^0.2.0",
+    "@revideo/core": "^0.2.1",
     "sass": "^1.58.0",
     "terser": "^5.16.1"
   },
-  "gitHead": "474c60ece59ba496cfe5e9053449b30fa03ba4c0"
+  "gitHead": "86f2aeca06c57979aedf2e41744913207877b55f"
 }