itube-modern-player 0.3.0 → 0.3.1

package/dist/core.js

@@ -1,4 +1,4 @@
-import { d as V } from "./labels-C3gAZEm-.js";
+import { d as V } from "./labels-AHLc5npk.js";
 function a(o, t, e) {
   const i = document.createElement(o);
   if (t && (i.className = t), e)
@@ -732,7 +732,7 @@ class vt {
     const h = a("div", "imp-controls__spacer");
     this.chapterLabel = a("div", "imp-controls__chapter"), n.append(r, h, l), h.append(this.chapterLabel);
     const c = typeof s.seekButtons == "object" ? s.seekButtons : {}, u = c.back ?? t.seekStep, p = c.forward ?? t.seekStep;
-    if (s.playlist && t.hasPlaylist && !s.hidePrev && (this.prevBtn = f("imp-btn--prev", e.previous, i.previous), this.prevBtn.addEventListener("click", () => t.previous()), r.append(this.prevBtn)), s.seekButtons && (this.seekBackBtn = f("imp-btn--seek-back", `${e.seekBack} ${u}s`, i.seekBack), this.addStepBadge(this.seekBackBtn, u), this.seekBackBtn.addEventListener("click", () => t.skip(-u)), r.append(this.seekBackBtn)), s.play && (this.playBtn = f("imp-btn--play", e.play, i.play), this.playBtn.addEventListener("click", () => t.togglePlay()), r.append(this.playBtn)), s.seekButtons && (this.seekFwdBtn = f("imp-btn--seek-forward", `${e.seekForward} ${p}s`, i.seekForward), this.addStepBadge(this.seekFwdBtn, p), this.seekFwdBtn.addEventListener("click", () => t.skip(p)), r.append(this.seekFwdBtn)), s.playlist && t.hasPlaylist && (this.nextBtn = f("imp-btn--next", e.next, i.next), this.nextBtn.addEventListener("click", () => t.next()), r.append(this.nextBtn)), s.volume) {
+    if (s.playlist && t.hasPlaylist && !s.hidePrev && (this.prevBtn = f("imp-btn--prev", e.previous, i.previous), this.prevBtn.addEventListener("click", () => t.previous()), r.append(this.prevBtn)), s.seekButtons && (this.seekBackBtn = f("imp-btn--seek-back", `${e.seekBack} ${u}s`, i.seekBack), this.addStepBadge(this.seekBackBtn, u, "back"), this.seekBackBtn.addEventListener("click", () => t.skip(-u)), r.append(this.seekBackBtn)), s.play && (this.playBtn = f("imp-btn--play", e.play, i.play), this.playBtn.addEventListener("click", () => t.togglePlay()), r.append(this.playBtn)), s.seekButtons && (this.seekFwdBtn = f("imp-btn--seek-forward", `${e.seekForward} ${p}s`, i.seekForward), this.addStepBadge(this.seekFwdBtn, p, "forward"), this.seekFwdBtn.addEventListener("click", () => t.skip(p)), r.append(this.seekFwdBtn)), s.playlist && t.hasPlaylist && (this.nextBtn = f("imp-btn--next", e.next, i.next), this.nextBtn.addEventListener("click", () => t.next()), r.append(this.nextBtn)), s.volume) {
       const d = a("div", "imp-volume");
       this.muteBtn = f("imp-btn--mute", e.mute, i.volumeHigh), this.muteBtn.addEventListener("click", () => t.toggleMute()), this.volumeSlider = a("input", "imp-volume__slider", {
         type: "range",
@@ -849,11 +849,11 @@ class vt {
     }
     if (this.center = a("div", "imp-center-controls"), s.playlist && t.hasPlaylist && (this.centerPrevBtn = this.makeCenterButton("prev", e.previous, i.previous), this.centerPrevBtn.addEventListener("click", () => t.previous()), this.center.append(this.centerPrevBtn)), s.seekButtons) {
       const d = this.makeCenterButton("seek-back", `${e.seekBack} ${u}s`, i.seekBack);
-      this.addStepBadge(d, u), d.addEventListener("click", () => t.skip(-u)), this.center.append(d);
+      this.addStepBadge(d, u, "back"), d.addEventListener("click", () => t.skip(-u)), this.center.append(d);
     }
     if (s.play && (this.centerPlayBtn = this.makeCenterButton("play", e.play, i.play), this.centerPlayBtn.addEventListener("click", () => t.togglePlay()), this.center.append(this.centerPlayBtn)), s.seekButtons) {
       const d = this.makeCenterButton("seek-forward", `${e.seekForward} ${p}s`, i.seekForward);
-      this.addStepBadge(d, p), d.addEventListener("click", () => t.skip(p)), this.center.append(d);
+      this.addStepBadge(d, p, "forward"), d.addEventListener("click", () => t.skip(p)), this.center.append(d);
     }
     if (s.playlist && t.hasPlaylist && (this.centerNextBtn = this.makeCenterButton("next", e.next, i.next), this.centerNextBtn.addEventListener("click", () => t.next()), this.center.append(this.centerNextBtn)), this.center.style.display = "none", this.setupNextPreview(), this.gear.speed || this.gear.quality || this.gear.subtitles) {
       this.gearBtn = f("imp-btn--settings", e.settings, i.settings), this.gearMenu = new E(this.gearBtn);
@@ -876,10 +876,10 @@ class vt {
     const s = a("button", `imp-center-btn imp-center-btn--${t}`, { type: "button", "aria-label": e, title: e });
     return s.innerHTML = i, s;
   }
-  /** Overlay the seek step value (e.g. "15") inside the circular-arrow icon. */
-  addStepBadge(t, e) {
-    const i = a("span", "imp-seek-num");
-    i.textContent = String(e), t.append(i);
+  /** Caption under the seek arrow showing the signed step, e.g. "−15s" / "+15s". */
+  addStepBadge(t, e, i) {
+    const s = a("span", "imp-seek-num");
+    s.textContent = `${i === "back" ? "−" : "+"}${e}${this.player.labels.secondsShort}`, t.append(s);
   }
   // === gear (unified settings) ==========================================
   /** Sections for the gear when overflowed into ⋯ (expanded, no drill-down). */