@twick/live-player 0.15.16 → 0.15.18

package/dist/{internal-KYB5ZQ5E-Be1ZlZZg.mjs → internal-LKI2GAXH-C1j65akX.mjs}

@@ -5705,12 +5705,14 @@ var Player = class {
     const state = await this.prepare();
     const previousState = this.playback.state;
     this.playback.state = state.paused ? 2 : 0;
+    let didSeekWhilePaused = false;
     if (state.seek >= 0 || !this.isInUserRange(this.status.frame)) {
       const seekFrame = state.seek < 0 ? this.status.frame : state.seek;
       const clampedFrame = this.clampRange(seekFrame);
       this.logger.profile("seek time");
       await this.playback.seek(clampedFrame);
       this.logger.profile("seek time");
+      didSeekWhilePaused = state.paused;
     } else if (state.paused) {
       if (state.render || state.paused && previousState !== 2) {
         await this.render.dispatch();
@@ -5726,6 +5728,9 @@ var Player = class {
     }
     await this.render.dispatch();
     this.frame.current = this.playback.frame;
+    if (didSeekWhilePaused) {
+      this.requestRender();
+    }
     this.request();
   }
   request() {
@@ -6051,13 +6056,13 @@ var TwickPlayer = class extends HTMLElement {
     __publicField(this, "player", null);
     __publicField(this, "defaultSettings");
     __publicField(this, "abortController", null);
-    __publicField(this, "playing", false);
+    __publicField(this, "_playing", false);
     __publicField(this, "stage", new Stage());
     __publicField(this, "time", 0);
     __publicField(this, "duration", 0);
     // in frames
-    __publicField(this, "looping", true);
-    __publicField(this, "volume", 1);
+    __publicField(this, "_looping", true);
+    __publicField(this, "_volume", 1);
     __publicField(this, "volumeChangeRequested", true);
     /**
      * Triggered by the timeline.
@@ -6068,8 +6073,10 @@ var TwickPlayer = class extends HTMLElement {
         return;
       }
       const e2 = event;
-      this.time = e2.detail;
-      (_a = this.player) == null ? void 0 : _a.requestSeek(e2.detail * this.player.playback.fps);
+      const timeSec = e2.detail;
+      const frame = timeSec * this.player.playback.fps;
+      this.time = timeSec;
+      (_a = this.player) == null ? void 0 : _a.requestSeek(frame);
       this.volumeChangeRequested = true;
     });
     __publicField(this, "handleVolumeChange", (event) => {
@@ -6078,8 +6085,8 @@ var TwickPlayer = class extends HTMLElement {
         return;
       }
       const e2 = event;
-      this.volume = e2.detail;
-      (_a = this.player) == null ? void 0 : _a.playback.currentScene.adjustVolume(this.volume);
+      this._volume = e2.detail;
+      (_a = this.player) == null ? void 0 : _a.playback.currentScene.adjustVolume(this._volume);
     });
     /**
      * Triggered by the player.
@@ -6091,7 +6098,7 @@ var TwickPlayer = class extends HTMLElement {
       }
       this.time = frame / this.player.playback.fps;
       if (this.volumeChangeRequested || frame === 0) {
-        (_a = this.player) == null ? void 0 : _a.playback.currentScene.adjustVolume(this.volume);
+        (_a = this.player) == null ? void 0 : _a.playback.currentScene.adjustVolume(this._volume);
         this.volumeChangeRequested = false;
       }
     });
@@ -6144,11 +6151,21 @@ var TwickPlayer = class extends HTMLElement {
     const attr = this.getAttribute("fps");
     return attr ? parseFloat(attr) : ((_a = this.defaultSettings) == null ? void 0 : _a.fps) ?? 60;
   }
+  set fps(value) {
+    if (value != null && Number.isFinite(value)) {
+      this.setAttribute("fps", String(value));
+    }
+  }
   get quality() {
     var _a;
     const attr = this.getAttribute("quality");
     return attr ? parseFloat(attr) : ((_a = this.defaultSettings) == null ? void 0 : _a.resolutionScale) ?? 1;
   }
+  set quality(value) {
+    if (value != null && Number.isFinite(value)) {
+      this.setAttribute("quality", String(value));
+    }
+  }
   get width() {
     var _a;
     const attr = this.getAttribute("width");
@@ -6179,26 +6196,46 @@ var TwickPlayer = class extends HTMLElement {
       return {};
     }
   }
+  get volume() {
+    return this._volume;
+  }
+  set volume(value) {
+    if (value != null) {
+      this.setAttribute("volume", String(value));
+    }
+  }
+  set playing(value) {
+    this.setAttribute(
+      "playing",
+      value === true || value === "true" ? "true" : "false"
+    );
+  }
+  set looping(value) {
+    this.setAttribute(
+      "looping",
+      value === true || value === "true" ? "true" : "false"
+    );
+  }
   setProject(project) {
     this.updateProject(project);
   }
   setState(state) {
     this.state = state;
-    this.setPlaying(this.playing);
+    this.setPlaying(this._playing);
   }
   setPlaying(value) {
     var _a, _b;
     if (this.state === "ready" && value) {
       (_a = this.player) == null ? void 0 : _a.togglePlayback(true);
-      this.playing = true;
+      this._playing = true;
     } else {
       (_b = this.player) == null ? void 0 : _b.togglePlayback(false);
-      this.playing = false;
+      this._playing = false;
     }
   }
   async updateProject(project) {
     var _a, _b, _c, _d, _e;
-    const playing = this.playing;
+    const playing = this._playing;
     this.setState(
       "initial"
       /* Initial */
@@ -6209,7 +6246,7 @@ var TwickPlayer = class extends HTMLElement {
     this.defaultSettings = getFullPreviewSettings(this.project);
     const player = new Player(this.project);
     player.setVariables(this.variables);
-    player.toggleLoop(this.looping);
+    player.toggleLoop(this._looping);
     (_b = this.player) == null ? void 0 : _b.onRender.unsubscribe(this.render);
     (_c = this.player) == null ? void 0 : _c.onFrameChanged.unsubscribe(this.handleFrameChanged);
     (_d = this.player) == null ? void 0 : _d.togglePlayback(false);
@@ -6237,7 +6274,7 @@ var TwickPlayer = class extends HTMLElement {
         (_c = this.player) == null ? void 0 : _c.playback.reload();
         break;
       case "looping":
-        this.looping = newValue === "true";
+        this._looping = newValue === "true";
         (_d = this.player) == null ? void 0 : _d.toggleLoop(newValue === "true");
         break;
       case "fps":
@@ -6247,7 +6284,7 @@ var TwickPlayer = class extends HTMLElement {
         this.updateSettings();
         break;
       case "volume":
-        this.volume = newValue;
+        this._volume = newValue;
         this.volumeChangeRequested = true;
     }
   }
@@ -6290,4 +6327,4 @@ var TwickPlayer = class extends HTMLElement {
 if (!customElements.get(ID)) {
   customElements.define(ID, TwickPlayer);
 }
-//# sourceMappingURL=internal-KYB5ZQ5E-Be1ZlZZg.mjs.map
+//# sourceMappingURL=internal-LKI2GAXH-C1j65akX.mjs.map