@hopeplayer/core 1.0.9 → 1.0.11

package/dist/chunks/{index-C_shwb86.js → index-BHO8Gbrj.js}

@@ -183,7 +183,7 @@ class ve {
     (t = this.nativeHlsProbe) == null || t.call(this), (e = this.nativeAudioCleanup) == null || e.call(this), this.hls && (this.hls.destroy(), this.hls = null);
   }
 }
-function E(a) {
+function x(a) {
   if (!Number.isFinite(a) || a < 0) return "0:00";
   const t = Math.floor(a), e = Math.floor(t / 3600), i = Math.floor(t % 3600 / 60), r = t % 60, o = e > 0 ? String(i).padStart(2, "0") : String(i), n = String(r).padStart(2, "0");
   return e > 0 ? `${e}:${o}:${n}` : `${o}:${n}`;
@@ -218,7 +218,7 @@ class ke {
         return;
       }
       const r = e.start + i * (e.end - e.start);
-      this.hoverTimeEl.textContent = e.live ? `-${E(e.end - r)}` : E(r), this.hoverTimeEl.setAttribute("data-visible", "");
+      this.hoverTimeEl.textContent = e.live ? `-${x(e.end - r)}` : x(r), this.hoverTimeEl.setAttribute("data-visible", "");
       const o = this.el.getBoundingClientRect(), n = this.hoverTimeEl.offsetWidth, l = Math.min(Math.max(t.clientX - o.left - n / 2, 0), Math.max(o.width - n, 0));
       this.hoverTimeEl.style.transform = `translateX(${l}px)`;
     });
@@ -366,14 +366,14 @@ class ke {
     this.rafId !== null && cancelAnimationFrame(this.rafId), this.resizeObserver.disconnect(), this.el.removeEventListener("pointermove", this.onHoverMove), this.el.removeEventListener("pointerleave", this.onHoverLeave), this.video.removeEventListener("play", this.startLoop), this.video.removeEventListener("pause", this.stopLoop), this.video.removeEventListener("ended", this.stopLoop), this.video.removeEventListener("timeupdate", this.render), this.video.removeEventListener("progress", this.render), this.video.removeEventListener("loadedmetadata", this.render), this.clearMarkers(), (t = this.chaptersEl) == null || t.remove();
   }
 }
-function w(a, t = "") {
+function k(a, t = "") {
   const e = document.createElement("i");
   return e.className = `hp-icon hp-icon-${a}${t ? ` ${t}` : ""}`, e.setAttribute("aria-hidden", "true"), e;
 }
-function A(a, t) {
+function C(a, t) {
   a.className = a.className.replace(/hp-icon-[\w-]+/, `hp-icon-${t}`);
 }
-const L = 0.05, we = 150;
+const A = 0.05, we = 150;
 class xe {
   constructor(t, e, i) {
     s(this, "el");
@@ -400,10 +400,10 @@ class xe {
     s(this, "onWheel", (t) => {
       if (t.preventDefault(), this.adHooks.isAdActive()) {
         const r = this.adHooks.getVolume();
-        this.adHooks.setVolume(Math.min(1, Math.max(0, r + (t.deltaY < 0 ? L : -L)))), this.render();
+        this.adHooks.setVolume(Math.min(1, Math.max(0, r + (t.deltaY < 0 ? A : -A)))), this.render();
         return;
       }
-      const e = this.video.muted ? 0 : this.video.volume, i = Math.min(1, Math.max(0, e + (t.deltaY < 0 ? L : -L)));
+      const e = this.video.muted ? 0 : this.video.volume, i = Math.min(1, Math.max(0, e + (t.deltaY < 0 ? A : -A)));
       this.video.volume = i, this.video.muted = i === 0;
     });
     s(this, "onToggleMute", () => {
@@ -441,11 +441,11 @@ class xe {
       const e = t === 0 ? this.labels.unmute : this.labels.mute;
       this.button.setAttribute("aria-label", e);
       const i = this.adHooks.isAdActive() || !this.video.paused;
-      this.unmuteBadge.toggleAttribute("data-visible", t === 0 && i), this.unmuteText.textContent = this.labels.unmute, t === 0 ? A(this.iconEl, "volume-muted") : t < 0.5 ? A(this.iconEl, "volume-low") : A(this.iconEl, "volume-high");
+      this.unmuteBadge.toggleAttribute("data-visible", t === 0 && i), this.unmuteText.textContent = this.labels.unmute, t === 0 ? C(this.iconEl, "volume-muted") : t < 0.5 ? C(this.iconEl, "volume-low") : C(this.iconEl, "volume-high");
     });
-    this.video = t, this.labels = e, this.adHooks = i, this.el = document.createElement("div"), this.el.className = "hp-volume hp:relative hp:flex hp:items-center", this.unmuteBadge = document.createElement("button"), this.unmuteBadge.type = "button", this.unmuteBadge.className = "hp-unmute-badge", this.unmuteBadge.setAttribute("part", "unmute-badge"), this.unmuteBadge.appendChild(w("volume-muted", "hp:text-base")), this.unmuteText = document.createElement("span"), this.unmuteText.textContent = e.unmute, this.unmuteBadge.appendChild(this.unmuteText), this.unmuteBadge.addEventListener("pointerdown", (o) => o.stopPropagation()), this.unmuteBadge.addEventListener("click", (o) => {
+    this.video = t, this.labels = e, this.adHooks = i, this.el = document.createElement("div"), this.el.className = "hp-volume hp:relative hp:flex hp:items-center", this.unmuteBadge = document.createElement("button"), this.unmuteBadge.type = "button", this.unmuteBadge.className = "hp-unmute-badge", this.unmuteBadge.setAttribute("part", "unmute-badge"), this.unmuteBadge.appendChild(k("volume-muted", "hp:text-base")), this.unmuteText = document.createElement("span"), this.unmuteText.textContent = e.unmute, this.unmuteBadge.appendChild(this.unmuteText), this.unmuteBadge.addEventListener("pointerdown", (o) => o.stopPropagation()), this.unmuteBadge.addEventListener("click", (o) => {
       o.stopPropagation(), this.unmute();
-    }), this.button = document.createElement("button"), this.button.type = "button", this.button.setAttribute("part", "volume-button"), this.button.className = "hp-chip hp:flex hp:items-center hp:justify-center hp:w-[var(--hp-ctrl-btn-size)] hp:h-[var(--hp-ctrl-btn-size)] hp:cursor-pointer", this.button.setAttribute("aria-label", e.mute), this.button.dataset.shortcut = "M", this.iconEl = w("volume-high", "hp:text-[length:var(--hp-ctrl-icon-size)]"), this.button.appendChild(this.iconEl), this.el.appendChild(this.button), this.slider = document.createElement("div"), this.slider.setAttribute("part", "volume-slider"), this.slider.className = "hp-chip hp:absolute hp:bottom-full hp:left-1/2 hp-center-x hp:mb-2 hp:w-7 hp:h-20 hp:rounded-full hp:cursor-pointer hp:flex hp:items-end hp:justify-center hp:p-1.5 hp:pointer-events-none hp:transition-opacity hp:duration-150 hp:will-change-[opacity]", this.slider.style.opacity = "0", this.slider.style.borderRadius = "9999px", this.slider.setAttribute("role", "slider"), this.slider.setAttribute("tabindex", "0"), this.slider.setAttribute("aria-label", e.volume), this.slider.setAttribute("aria-orientation", "vertical"), this.slider.setAttribute("aria-valuemin", "0"), this.slider.setAttribute("aria-valuemax", "100");
+    }), this.button = document.createElement("button"), this.button.type = "button", this.button.setAttribute("part", "volume-button"), this.button.className = "hp-chip hp:flex hp:items-center hp:justify-center hp:w-[var(--hp-ctrl-btn-size)] hp:h-[var(--hp-ctrl-btn-size)] hp:cursor-pointer", this.button.setAttribute("aria-label", e.mute), this.button.dataset.shortcut = "M", this.iconEl = k("volume-high", "hp:text-[length:var(--hp-ctrl-icon-size)]"), this.button.appendChild(this.iconEl), this.el.appendChild(this.button), this.slider = document.createElement("div"), this.slider.setAttribute("part", "volume-slider"), this.slider.className = "hp-chip hp:absolute hp:bottom-full hp:left-1/2 hp-center-x hp:mb-2 hp:w-7 hp:h-20 hp:rounded-full hp:cursor-pointer hp:flex hp:items-end hp:justify-center hp:p-1.5 hp:pointer-events-none hp:transition-opacity hp:duration-150 hp:will-change-[opacity]", this.slider.style.opacity = "0", this.slider.style.borderRadius = "9999px", this.slider.setAttribute("role", "slider"), this.slider.setAttribute("tabindex", "0"), this.slider.setAttribute("aria-label", e.volume), this.slider.setAttribute("aria-orientation", "vertical"), this.slider.setAttribute("aria-valuemin", "0"), this.slider.setAttribute("aria-valuemax", "100");
     const r = document.createElement("div");
     r.className = "hp:relative hp:w-1.5 hp:h-full hp:rounded-full hp:bg-on-surface/25 hp:overflow-hidden", this.slider.appendChild(r), this.sliderFill = document.createElement("div"), this.sliderFill.className = "hp:absolute hp:inset-x-0 hp:bottom-0 hp:bg-accent", r.appendChild(this.sliderFill), this.el.appendChild(this.slider), this.button.addEventListener("click", this.onToggleMute), this.slider.addEventListener("pointerdown", this.onSliderPointerDown), this.slider.addEventListener("keydown", this.onSliderKeyDown), this.el.addEventListener("mouseenter", this.openNow), this.el.addEventListener("mouseleave", this.scheduleHide), this.el.addEventListener("focusin", this.openNow), this.el.addEventListener("focusout", this.scheduleHide), this.el.addEventListener("wheel", this.onWheel, { passive: !1 }), t.addEventListener("volumechange", this.render), t.addEventListener("play", this.render), t.addEventListener("pause", this.render), this.render();
   }
@@ -483,7 +483,7 @@ class xe {
     this.hideTimer && clearTimeout(this.hideTimer), this.el.removeEventListener("mouseenter", this.openNow), this.el.removeEventListener("mouseleave", this.scheduleHide), this.el.removeEventListener("focusin", this.openNow), this.el.removeEventListener("focusout", this.scheduleHide), this.el.removeEventListener("wheel", this.onWheel), this.video.removeEventListener("volumechange", this.render), this.video.removeEventListener("play", this.render), this.video.removeEventListener("pause", this.render), this.unmuteBadge.remove();
   }
 }
-const Ee = 8, P = 8, Ce = 100, V = 256;
+const Ee = 8, S = 8, Ce = 100, V = 256;
 class Te {
   constructor(t, e, i) {
     s(this, "el");
@@ -514,17 +514,17 @@ class Te {
       if (!t) return;
       const e = t.getBoundingClientRect(), i = this.button.getBoundingClientRect(), r = this.el.getBoundingClientRect(), o = !!this.el.closest(".hp-top-bar");
       this.panel.toggleAttribute("data-drop", o), Object.assign(this.panel.style, { top: "", bottom: "", marginTop: "", marginBottom: "" });
-      const n = this.panel.scrollHeight, l = (o ? e.bottom - i.bottom : i.top - e.top) - Ee - P;
+      const n = this.panel.scrollHeight, l = (o ? e.bottom - i.bottom : i.top - e.top) - Ee - S;
       if (n <= l || l >= Ce) {
         this.panel.style.maxHeight = `${Math.min(V, l)}px`;
         return;
       }
-      this.panel.style.maxHeight = `${Math.min(V, e.height - 2 * P)}px`, o ? Object.assign(this.panel.style, { top: `${e.top + P - r.top}px`, marginTop: "0" }) : Object.assign(this.panel.style, { bottom: `${r.bottom - (e.bottom - P)}px`, marginBottom: "0" });
+      this.panel.style.maxHeight = `${Math.min(V, e.height - 2 * S)}px`, o ? Object.assign(this.panel.style, { top: `${e.top + S - r.top}px`, marginTop: "0" }) : Object.assign(this.panel.style, { bottom: `${r.bottom - (e.bottom - S)}px`, marginBottom: "0" });
     });
     s(this, "onDocumentClick", (t) => {
       this.open && !t.composedPath().includes(this.el) && this.close();
     });
-    this.video = t, this.playbackRates = e, this.labels = i, this.activeQualityLabel = i.autoQuality, this.activeCaptionLabel = i.captionsOff, this.el = document.createElement("div"), this.el.className = "hp:relative", this.button = document.createElement("button"), this.button.type = "button", this.button.setAttribute("aria-label", i.settings), this.button.className = "hp-chip hp:flex hp:items-center hp:justify-center hp:w-[var(--hp-ctrl-btn-size)] hp:h-[var(--hp-ctrl-btn-size)] hp:cursor-pointer", this.button.appendChild(w("settings", "hp:text-[length:var(--hp-ctrl-icon-size)]")), this.panel = document.createElement("div"), this.panel.className = "hp-chip hp-chip-panel hp:hidden hp:absolute hp:bottom-full hp:right-0 hp:mb-2 hp:w-48 hp:max-h-64 hp:overflow-y-auto hp:text-sm hp:py-1", this.panelObserver = new MutationObserver(this.fitToPlayer), this.panelObserver.observe(this.panel, { childList: !0 }), this.el.appendChild(this.button), this.el.appendChild(this.panel), this.button.addEventListener("click", (r) => {
+    this.video = t, this.playbackRates = e, this.labels = i, this.activeQualityLabel = i.autoQuality, this.activeCaptionLabel = i.captionsOff, this.el = document.createElement("div"), this.el.className = "hp:relative", this.button = document.createElement("button"), this.button.type = "button", this.button.setAttribute("aria-label", i.settings), this.button.className = "hp-chip hp:flex hp:items-center hp:justify-center hp:w-[var(--hp-ctrl-btn-size)] hp:h-[var(--hp-ctrl-btn-size)] hp:cursor-pointer", this.button.appendChild(k("settings", "hp:text-[length:var(--hp-ctrl-icon-size)]")), this.panel = document.createElement("div"), this.panel.className = "hp-chip hp-chip-panel hp:hidden hp:absolute hp:bottom-full hp:right-0 hp:mb-2 hp:w-48 hp:max-h-64 hp:overflow-y-auto hp:text-sm hp:py-1", this.panelObserver = new MutationObserver(this.fitToPlayer), this.panelObserver.observe(this.panel, { childList: !0 }), this.el.appendChild(this.button), this.el.appendChild(this.panel), this.button.addEventListener("click", (r) => {
       r.stopPropagation(), this.toggle();
     }), document.addEventListener("click", this.onDocumentClick, !0), this.renderMain();
   }
@@ -581,7 +581,7 @@ class Te {
   }
   backRow(t, e) {
     const i = document.createElement("button");
-    i.type = "button", i.className = "hp:flex hp:items-center hp:gap-2 hp:w-full hp:px-3 hp:py-2 hp:text-left hp:bg-transparent hp:border-0 hp:cursor-pointer hp:text-on-surface hp:font-medium hp:hover:bg-on-surface/10", i.appendChild(w("chevron-left", "hp:text-sm"));
+    i.type = "button", i.className = "hp:flex hp:items-center hp:gap-2 hp:w-full hp:px-3 hp:py-2 hp:text-left hp:bg-transparent hp:border-0 hp:cursor-pointer hp:text-on-surface hp:font-medium hp:hover:bg-on-surface/10", i.appendChild(k("chevron-left", "hp:text-sm"));
     const r = document.createElement("span");
     return r.textContent = t, i.appendChild(r), i.addEventListener("click", e), i;
   }
@@ -728,18 +728,18 @@ function se(a, t) {
 }
 const Ae = 15, Se = 480, Le = 150, _ = ["waiting", "seeking"], G = ["playing", "canplay", "canplaythrough", "seeked", "pause", "error", "emptied"];
 function q(a, t) {
-  const { btn: e } = T("", `skip-${a}`);
+  const { btn: e } = E("", `skip-${a}`);
   e.classList.add("hp-skip-btn"), e.setAttribute("part", t);
   const i = document.createElement("span");
   return i.className = "hp-skip-num", i.setAttribute("aria-hidden", "true"), e.appendChild(i), e.style.display = "none", { btn: e, num: i };
 }
-function x(a, t) {
+function w(a, t) {
   a.setAttribute("aria-label", t);
 }
-function T(a, t, e) {
+function E(a, t, e) {
   const i = document.createElement("button");
-  i.type = "button", x(i, a), e && (i.dataset.shortcut = e), i.className = "hp-chip hp:flex hp:items-center hp:justify-center hp:w-[var(--hp-ctrl-btn-size)] hp:h-[var(--hp-ctrl-btn-size)] hp:cursor-pointer hp:shrink-0";
-  const r = w(t, "hp:text-[length:var(--hp-ctrl-icon-size)]");
+  i.type = "button", w(i, a), e && (i.dataset.shortcut = e), i.className = "hp-chip hp:flex hp:items-center hp:justify-center hp:w-[var(--hp-ctrl-btn-size)] hp:h-[var(--hp-ctrl-btn-size)] hp:cursor-pointer hp:shrink-0";
+  const r = k(t, "hp:text-[length:var(--hp-ctrl-icon-size)]");
   return i.appendChild(r), { btn: i, icon: r };
 }
 class Pe {
@@ -785,7 +785,7 @@ class Pe {
     });
     s(this, "renderPlayState", () => {
       const t = this.callbacks.isAdActive() ? this.callbacks.adIsPaused() : this.video.paused;
-      A(this.playIcon, t ? "play" : "pause"), x(this.playButton, t ? this.labels.play : this.labels.pause);
+      C(this.playIcon, t ? "play" : "pause"), w(this.playButton, t ? this.labels.play : this.labels.pause);
     });
     s(this, "renderTime", () => {
       var r, o;
@@ -794,9 +794,9 @@ class Pe {
         const n = this.video.duration, l = this.video.currentTime;
         if (this.showRemaining) {
           const d = Number.isFinite(n) ? Math.floor(n) : 0, m = Math.max(0, d - Math.floor(l));
-          this.timeLabel.textContent = `-${E(m)} / ${E(n)}`;
+          this.timeLabel.textContent = `-${x(m)} / ${x(n)}`;
         } else
-          this.timeLabel.textContent = `${E(l)} / ${E(n)}`;
+          this.timeLabel.textContent = `${x(l)} / ${x(n)}`;
         return;
       }
       const e = ((o = (r = this.callbacks).liveSyncPosition) == null ? void 0 : o.call(r)) ?? this.liveEdge(), i = e !== null && e - this.video.currentTime > Ae;
@@ -826,7 +826,7 @@ class Pe {
     l.className = "hp-loading-ring", l.setAttribute("aria-hidden", "true");
     const d = document.createElement("span");
     d.className = "hp-loading-ring-mask", d.appendChild(document.createElement("span")), l.appendChild(d), n.appendChild(l);
-    const m = T(r.play, "play", "K");
+    const m = E(r.play, "play", "K");
     this.playButton = m.btn, this.playIcon = m.icon, this.playButton.setAttribute("part", "play-pause-button"), this.playButton.addEventListener("click", () => this.togglePlay()), n.appendChild(this.playButton), this.skipBack = q("back", "skip-back-button"), this.skipBack.btn.addEventListener("click", () => this.skip(-(this.skipSeconds.back ?? 0))), this.skipForward = q("forward", "skip-forward-button"), this.skipForward.btn.addEventListener("click", () => this.skip(this.skipSeconds.forward ?? 0)), n.append(this.skipBack.btn, this.skipForward.btn), this.volumePanel = new xe(t, r, i.adVolume), n.appendChild(this.volumePanel.el), this.timeLabel = document.createElement("button"), this.timeLabel.type = "button", this.timeLabel.setAttribute("part", "time-display"), this.timeLabel.className = "hp:text-xs hp:text-on-surface hp:tabular-nums hp:whitespace-nowrap hp:px-1 hp:bg-transparent hp:border-0 hp:cursor-pointer hp:select-none hp:p-0 hp:hover:opacity-80 hp:transition-opacity hp:focus-visible:outline-none hp:focus-visible:ring-1 hp:focus-visible:ring-accent hp:rounded", this.timeLabel.textContent = "0:00 / 0:00", this.timeLabel.addEventListener("click", this.onTimeClick), n.appendChild(this.timeLabel), this.liveBadge = document.createElement("button"), this.liveBadge.type = "button", this.liveBadge.className = "hp-live-badge", this.liveBadge.setAttribute("part", "live-badge"), this.liveBadge.setAttribute("aria-label", r.goToLive);
     const c = document.createElement("span");
     c.className = "hp-live-dot", this.liveText = document.createElement("span"), this.liveText.textContent = r.live, this.liveBadge.append(c, this.liveText), this.liveBadge.style.display = "none", this.liveBadge.addEventListener("click", this.goToLive), n.appendChild(this.liveBadge);
@@ -834,9 +834,9 @@ class Pe {
     h.className = "hp:flex-1", o.appendChild(h);
     const p = document.createElement("div");
     p.className = "hp-group hp:flex hp:items-center hp:gap-1 hp:px-1.5 hp:py-1 hp:shrink-0 hp:pointer-events-auto", o.appendChild(p), this.rightGroup = p, this.settingsMenu = new Te(t, e, r), p.appendChild(this.settingsMenu.el), this.extraButtonAnchor = this.settingsMenu.el, this.row = p;
-    const u = T(r.pip, "pip");
+    const u = E(r.pip, "pip");
     this.pipButton = u.btn, this.pipButton.addEventListener("click", () => this.togglePip()), document.pictureInPictureEnabled || (this.pipButton.style.display = "none"), p.appendChild(this.pipButton);
-    const b = T(r.fullscreenEnter, "fullscreen-enter", "F");
+    const b = E(r.fullscreenEnter, "fullscreen-enter", "F");
     this.fullscreenButton = b.btn, this.fullscreenIcon = b.icon, this.fullscreenButton.addEventListener("click", () => this.toggleFullscreen()), p.appendChild(this.fullscreenButton), this.topEl = document.createElement("div"), this.topEl.className = "hp-top-bar", this.topEl.setAttribute("part", "top-bar"), this.fullscreenSlot = document.createElement("div"), this.fullscreenSlot.className = "hp-group hp:items-center hp:px-1.5 hp:py-1 hp:shrink-0 hp:pointer-events-auto", this.fullscreenSlot.style.display = "none", o.appendChild(this.fullscreenSlot), this.resizeObserver = new ResizeObserver(() => this.updateLayout()), this.resizeObserver.observe(this.el), t.addEventListener("play", this.renderPlayState), t.addEventListener("pause", this.renderPlayState), t.addEventListener("timeupdate", this.renderTime), t.addEventListener("loadedmetadata", this.renderTime), t.addEventListener("durationchange", this.renderTime), t.addEventListener("progress", this.renderTime), t.addEventListener("emptied", this.renderTime);
     for (const g of _) t.addEventListener(g, this.onLoadingStart);
     for (const g of G) t.addEventListener(g, this.onLoadingEnd);
@@ -851,7 +851,7 @@ class Pe {
     e !== this.compact && (this.compact = e, this.settingsMenu.closeMenu(), this.el.toggleAttribute("data-compact", e), (i = this.el.closest(".video-area")) == null || i.toggleAttribute("data-compact", e), e ? (this.fullscreenSlot.appendChild(this.fullscreenButton), this.fullscreenSlot.style.display = this.adMode ? "none" : "flex", this.topEl.appendChild(this.rightGroup)) : (this.rightGroup.appendChild(this.fullscreenButton), this.bottomRow.insertBefore(this.rightGroup, this.fullscreenSlot), this.fullscreenSlot.style.display = "none"));
   }
   setFullscreenState(t) {
-    A(this.fullscreenIcon, t ? "fullscreen-exit" : "fullscreen-enter"), x(this.fullscreenButton, t ? this.labels.fullscreenExit : this.labels.fullscreenEnter);
+    C(this.fullscreenIcon, t ? "fullscreen-exit" : "fullscreen-enter"), w(this.fullscreenButton, t ? this.labels.fullscreenExit : this.labels.fullscreenEnter);
   }
   /** Dil sonradan değişince (`options.locale`/`labels`) statik (reaktif olarak yeniden render edilmeyen) etiketleri tazeler. */
   /** Geri/ileri sarma butonları — `null` süre o butonu gizler. */
@@ -864,7 +864,7 @@ class Pe {
   }
   renderSkipButtons() {
     const t = (e, i, r) => {
-      e.btn.style.display = i === null || this.adMode ? "none" : "", i !== null && (e.num.textContent = String(i), e.num.toggleAttribute("data-long", String(i).length > 2), x(e.btn, r(i)));
+      e.btn.style.display = i === null || this.adMode ? "none" : "", i !== null && (e.num.textContent = String(i), e.num.toggleAttribute("data-long", String(i).length > 2), w(e.btn, r(i)));
     };
     t(this.skipBack, this.skipSeconds.back, this.labels.skipBack), t(this.skipForward, this.skipSeconds.forward, this.labels.skipForward);
   }
@@ -873,7 +873,7 @@ class Pe {
     !t || !this.seekingEnabled || (se(this.video, t), (e = this.onSkip) == null || e.call(this, t));
   }
   refreshLabels() {
-    this.renderPlayState(), this.renderSkipButtons(), x(this.pipButton, this.labels.pip), x(this.liveBadge, this.labels.goToLive), this.liveText.textContent = this.labels.live, this.setFullscreenState(this.callbacks.isFullscreen()), this.seekBar.refreshLabels(), this.volumePanel.refreshLabels(), this.settingsMenu.refreshLabels();
+    this.renderPlayState(), this.renderSkipButtons(), w(this.pipButton, this.labels.pip), w(this.liveBadge, this.labels.goToLive), this.liveText.textContent = this.labels.live, this.setFullscreenState(this.callbacks.isFullscreen()), this.seekBar.refreshLabels(), this.volumePanel.refreshLabels(), this.settingsMenu.refreshLabels();
   }
   /** Reklam modu: seek bar, süre ve sağ grup gizlenir; oynat/duraklat + ses kalır. */
   setAdMode(t) {
@@ -894,7 +894,7 @@ class Pe {
   }
   /** Plugin'lerin (loop-section vb.) kontrol çubuğuna kendi butonlarını eklemesi için — ayarlar menüsünden önce yerleştirilir. */
   addButton(t, e, i) {
-    const { btn: r, icon: o } = T(t, e);
+    const { btn: r, icon: o } = E(t, e);
     return r.addEventListener("click", i), this.row.insertBefore(r, this.extraButtonAnchor), { btn: r, icon: o };
   }
   toggleTimeMode() {
@@ -938,7 +938,7 @@ class Pe {
     this.loadingTimer && clearTimeout(this.loadingTimer), this.resizeObserver.disconnect(), this.topEl.remove(), this.seekBar.destroy(), this.settingsMenu.destroy();
   }
 }
-const Me = 450, Be = 60, X = 8, R = 6, Re = /* @__PURE__ */ new Set(["seek-bar", "time-display"]);
+const Me = 450, Be = 60, X = 8, M = 6, Re = /* @__PURE__ */ new Set(["seek-bar", "time-display"]);
 function ze() {
   return typeof window.matchMedia != "function" || window.matchMedia("(hover: hover)").matches;
 }
@@ -1020,13 +1020,13 @@ class Ne {
   position(t) {
     const e = this.mountEl.getBoundingClientRect(), i = t.getBoundingClientRect(), r = this.el.getBoundingClientRect();
     let o = i.top - e.top - r.height - X;
-    o < R && (o = i.bottom - e.top + X);
+    o < M && (o = i.bottom - e.top + X);
     let n = i.left - e.left + i.width / 2 - r.width / 2;
-    const l = e.width - r.width - R;
-    n = Math.max(R, Math.min(n, l)), this.el.style.top = `${o}px`, this.el.style.left = `${n}px`;
+    const l = e.width - r.width - M;
+    n = Math.max(M, Math.min(n, l)), this.el.style.top = `${o}px`, this.el.style.left = `${n}px`;
   }
 }
-class Fe {
+class Oe {
   constructor(t, e, i) {
     s(this, "host");
     s(this, "video");
@@ -1074,7 +1074,7 @@ class Fe {
     this.host.removeEventListener("keydown", this.onKeyDown);
   }
 }
-class Oe {
+class Fe {
   constructor(t) {
     s(this, "el");
     s(this, "video");
@@ -1107,7 +1107,7 @@ class De {
     const i = document.createElement("div");
     i.className = "hp-error-card";
     const r = document.createElement("div");
-    r.className = "hp-error-icon", r.appendChild(w("warning")), i.appendChild(r), this.messageEl = document.createElement("p"), this.messageEl.className = "hp-error-message", i.appendChild(this.messageEl), this.codeEl = document.createElement("p"), this.codeEl.className = "hp-error-code", i.appendChild(this.codeEl), this.retryBtn = document.createElement("button"), this.retryBtn.type = "button", this.retryBtn.className = "hp-error-retry", this.retryBtn.innerHTML = Ie, this.retryText = document.createElement("span"), this.retryText.textContent = e.retry, this.retryBtn.appendChild(this.retryText), this.retryBtn.addEventListener("click", () => {
+    r.className = "hp-error-icon", r.appendChild(k("warning")), i.appendChild(r), this.messageEl = document.createElement("p"), this.messageEl.className = "hp-error-message", i.appendChild(this.messageEl), this.codeEl = document.createElement("p"), this.codeEl.className = "hp-error-code", i.appendChild(this.codeEl), this.retryBtn = document.createElement("button"), this.retryBtn.type = "button", this.retryBtn.className = "hp-error-retry", this.retryBtn.innerHTML = Ie, this.retryText = document.createElement("span"), this.retryText.textContent = e.retry, this.retryBtn.appendChild(this.retryText), this.retryBtn.addEventListener("click", () => {
       var o;
       this.dismiss(), (o = this.onRetry) == null || o.call(this);
     }), i.appendChild(this.retryBtn), this.el.appendChild(i), t.addEventListener("error", this.show);
@@ -1153,19 +1153,19 @@ class De {
     this.video.removeEventListener("error", this.show);
   }
 }
-const N = /* @__PURE__ */ new WeakMap(), re = /* @__PURE__ */ new WeakSet(), B = /* @__PURE__ */ new WeakMap();
+const R = /* @__PURE__ */ new WeakMap(), re = /* @__PURE__ */ new WeakSet(), P = /* @__PURE__ */ new WeakMap();
 function He(a) {
   return re.has(a);
 }
 function oe(a, t, e, i, r) {
-  let o = N.get(a);
-  o || N.set(a, o = /* @__PURE__ */ new Map());
+  let o = R.get(a);
+  o || R.set(a, o = /* @__PURE__ */ new Map());
   const n = `${t}\0${e}\0${i}\0${r}`;
   let l = o.get(n);
   return l || (l = a.addTextTrack(e, i, r), re.add(l), o.set(n, l)), l;
 }
 function ne(a, t) {
-  for (const [e, i] of N.get(a) ?? [])
+  for (const [e, i] of R.get(a) ?? [])
     if (e.startsWith(`${t}\0`)) {
       i.mode = "hidden";
       for (const r of Array.from(i.cues ?? [])) i.removeCue(r);
@@ -1174,7 +1174,7 @@ function ne(a, t) {
 }
 function Ve(a, t) {
   ae(a);
-  const e = B.get(a), i = [];
+  const e = P.get(a), i = [];
   for (const r of t) {
     const o = oe(a, "options", "subtitles", r.label, r.srclang);
     o.mode = r.default ? "hidden" : "disabled", i.push({ label: r.label, track: o }), Ge(a, o, r.src, e);
@@ -1182,7 +1182,7 @@ function Ve(a, t) {
   return i;
 }
 function ae(a) {
-  B.set(a, (B.get(a) ?? 0) + 1), ne(a, "options");
+  P.set(a, (P.get(a) ?? 0) + 1), ne(a, "options");
 }
 function _e(a, t) {
   let e = null;
@@ -1202,7 +1202,7 @@ async function Ge(a, t, e, i) {
     console.warn("[HopePlayer] altyazı yüklenemedi:", e, o);
     return;
   }
-  if (!(B.get(a) !== i || typeof VTTCue != "function"))
+  if (!(P.get(a) !== i || typeof VTTCue != "function"))
     for (const o of Xe(r)) {
       const n = new VTTCue(o.start, o.end, o.text);
       Ue(n, o.settings), t.addCue(n);
@@ -1238,7 +1238,7 @@ function Ue(a, t) {
     }
   }
 }
-const M = 6, Qe = 20, Ke = 14, We = 6, je = 10, Ye = 3, le = "hope-caption-row", he = "hope-caption-font-size", K = "hope-caption-bg-color", W = "hope-caption-text-color", $e = {
+const L = 6, Qe = 20, Ke = 14, We = 6, je = 10, Ye = 3, le = "hope-caption-row", he = "hope-caption-font-size", K = "hope-caption-bg-color", W = "hope-caption-text-color", $e = {
   small: 0.78,
   normal: 1,
   large: 1.35
@@ -1253,7 +1253,7 @@ const M = 6, Qe = 20, Ke = 14, We = 6, je = 10, Ye = 3, le = "hope-caption-row",
 function Ze() {
   try {
     const a = window.localStorage.getItem(le), t = a === null ? 0 : Number(a);
-    return Number.isFinite(t) && t >= 0 && t < M ? t : 0;
+    return Number.isFinite(t) && t >= 0 && t < L ? t : 0;
   } catch {
     return 0;
   }
@@ -1275,7 +1275,7 @@ function $(a, t) {
     return e;
   }
 }
-class S {
+class T {
   constructor(t, e, i, r) {
     s(this, "layerEl");
     s(this, "bubbleEl");
@@ -1324,7 +1324,7 @@ class S {
     });
     s(this, "onPointerUp", (t) => {
       if (!this.dragging || (this.dragging = !1, this.bubbleEl.releasePointerCapture(t.pointerId), this.bubbleEl.removeEventListener("pointermove", this.onPointerMove), this.bubbleEl.removeEventListener("pointerup", this.onPointerUp), this.bubbleEl.removeEventListener("pointercancel", this.onPointerUp), this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null), this.bubbleEl.classList.remove("hp-caption-dragging"), !this.dragMoved)) return;
-      const { min: e, max: i } = this.bounds(), r = Math.min(i, Math.max(e, this.dragStartBottomPx - this.pendingDeltaPx)), o = i > e ? (r - e) / (i - e) : 0, n = Math.round(o * (M - 1));
+      const { min: e, max: i } = this.bounds(), r = Math.min(i, Math.max(e, this.dragStartBottomPx - this.pendingDeltaPx)), o = i > e ? (r - e) / (i - e) : 0, n = Math.round(o * (L - 1));
       this.setRowIndex(n, !0, r);
     });
     this.videoArea = e, this.seekBarEl = i, this.labels = r, this.layerEl = document.createElement("div"), this.layerEl.className = "hp-caption-layer", this.layerEl.setAttribute("part", "caption-layer"), this.bubbleEl = document.createElement("div"), this.bubbleEl.className = "hp-caption-bubble", this.bubbleEl.setAttribute("part", "caption-bubble"), this.bubbleEl.setAttribute("role", "note"), this.bubbleEl.setAttribute("aria-label", r.captionDragHandle), this.bubbleEl.tabIndex = -1, this.applyFontSizeVar(), this.bubbleEl.style.setProperty("--hp-caption-bg", this.bgColor), this.bubbleEl.style.setProperty("--hp-caption-text", this.textColor), this.layerEl.appendChild(this.bubbleEl), this.bubbleEl.addEventListener("pointerdown", this.onPointerDown), this.resizeObserver = new ResizeObserver(() => this.recomputePosition()), this.resizeObserver.observe(this.videoArea), this.recomputePosition();
@@ -1379,12 +1379,12 @@ class S {
     return { min: n, max: l };
   }
   pxForRow(t) {
-    const { min: e, max: i } = this.bounds(), r = t / (M - 1);
+    const { min: e, max: i } = this.bounds(), r = t / (L - 1);
     return Math.round(e + r * (i - e));
   }
   /** FLIP: bottom anında yazılır, yalnızca transform animasyonlanır — bottom'u animasyonlamak bırakınca zıplatıyordu. */
   setRowIndex(t, e, i) {
-    this.rowIndex = Math.min(M - 1, Math.max(0, t));
+    this.rowIndex = Math.min(L - 1, Math.max(0, t));
     const r = this.pxForRow(this.rowIndex), o = i ?? parseFloat(this.bubbleEl.style.bottom || `${r}`);
     e && o !== r ? (this.bubbleEl.classList.add("hp-caption-no-transition"), this.bubbleEl.style.bottom = `${r}px`, this.bubbleEl.style.transform = `translateX(-50%) translateY(${r - o}px)`, this.bubbleEl.offsetHeight, this.bubbleEl.classList.remove("hp-caption-no-transition"), this.bubbleEl.style.transform = "translateX(-50%)") : (this.bubbleEl.style.transform = "translateX(-50%)", this.bubbleEl.style.bottom = `${r}px`);
     try {
@@ -1404,7 +1404,7 @@ class S {
     this.activeTrack && this.activeTrack.removeEventListener("cuechange", this.onCueChange), this.resizeObserver.disconnect(), this.rafId !== null && cancelAnimationFrame(this.rafId), this.bubbleEl.removeEventListener("pointerdown", this.onPointerDown);
   }
 }
-s(S, "BG_COLOR_PRESETS", j), s(S, "TEXT_COLOR_PRESETS", Y);
+s(T, "BG_COLOR_PRESETS", j), s(T, "TEXT_COLOR_PRESETS", Y);
 class et {
   constructor(t) {
     s(this, "el");
@@ -1689,7 +1689,7 @@ function ce(a, t) {
 function pt(a, t, e) {
   Object.assign(a, ce(t, e));
 }
-const ct = [0.5, 0.75, 1, 1.25, 1.5, 2], J = 1200, dt = 3e3, ee = 5e3, ut = 10, te = 10, mt = 5, ie = "stream-audio", z = "1.0.9", bt = (
+const ct = [0.5, 0.75, 1, 1.25, 1.5, 2], J = 1200, dt = 3e3, ee = 5e3, ut = 10, te = 10, mt = 5, ie = "stream-audio", B = "1.0.11", bt = (
   /* html */
   `
   <div class="video-area">
@@ -1780,6 +1780,18 @@ class de extends HTMLElement {
      */
     s(this, "bootResolved", !1);
     s(this, "bootGraceTimer", null);
+    /**
+     * Son uygulanan `.options` nesnesi + attribute'lar. `.options` element sayfaya eklenmeden önce verilince
+     * connectedCallback AYNI seçenekleri yeniden uyguluyordu; değişen bir şey yoksa bu ikinci geçiş atlanır.
+     */
+    s(this, "lastSynced", null);
+    /**
+     * applyOptions'ın asenkron kısmı (plugin kurulumu + kaynak yükleme) aynı anda tek kez çalışır. İki geçiş
+     * üst üste binince `!this.adsController` gibi kontroller ikisinde de geçiyor, plugin (ör. IMA) iki kez kuruluyordu.
+     * Çalışırken gelen seçenekler bekletilir; bitince yalnızca en sonuncusu uygulanır.
+     */
+    s(this, "pluginApplyRun", null);
+    s(this, "pendingPluginOptions", null);
     s(this, "_options", {});
     s(this, "hideTimer", null);
     s(this, "cursorTimer", null);
@@ -1806,7 +1818,7 @@ class de extends HTMLElement {
     s(this, "onContextMenu", (e) => {
       const i = this.contextMenuConfig;
       !i || this.lastPointerType !== "mouse" || (e.preventDefault(), this.contextMenu.show(e.clientX, e.clientY, [
-        { label: "HopeCorePlayer", meta: `v${z}` },
+        { label: "HopeCorePlayer", meta: `v${B}` },
         ...i.stats ? [{ label: this.i18n.statsTitle, onSelect: () => void this.toggleStats(!0) }] : []
       ]));
     });
@@ -1945,9 +1957,9 @@ class de extends HTMLElement {
     const e = document.createElement("style");
     e.textContent = be, this.root.appendChild(e);
     const i = document.createElement("div");
-    i.className = "hp-root", i.innerHTML = bt, this.root.appendChild(i), this.videoArea = this.root.querySelector(".video-area"), this.videoEl = this.root.querySelector("video"), this.adLayerEl = this.root.querySelector('[part="ad-layer"]'), this.instanceKey = `hp-${Math.random().toString(36).slice(2, 10)}`, this.loadingSpinner = new Oe(this.videoEl), this.root.querySelector(".media-layer").appendChild(this.loadingSpinner.el), this.errorScreen = new De(this.videoEl, this.i18n), this.errorScreen.setOnRetry(() => void this.sourceManager.reload()), this.videoArea.appendChild(this.errorScreen.el), this.centerPlayButton = document.createElement("button"), this.centerPlayButton.type = "button", this.centerPlayButton.setAttribute("part", "center-play-button"), this.centerPlayButton.setAttribute("aria-label", this.i18n.play), this.centerPlayButton.className = "hp-center-play hp:absolute hp:inset-0 hp:flex hp:items-center hp:justify-center hp:bg-transparent hp:border-0 hp:cursor-pointer hp:text-on-surface hp:transition-opacity";
+    i.className = "hp-root", i.innerHTML = bt, this.root.appendChild(i), this.videoArea = this.root.querySelector(".video-area"), this.videoEl = this.root.querySelector("video"), this.adLayerEl = this.root.querySelector('[part="ad-layer"]'), this.instanceKey = `hp-${Math.random().toString(36).slice(2, 10)}`, this.loadingSpinner = new Fe(this.videoEl), this.root.querySelector(".media-layer").appendChild(this.loadingSpinner.el), this.errorScreen = new De(this.videoEl, this.i18n), this.errorScreen.setOnRetry(() => void this.sourceManager.reload()), this.videoArea.appendChild(this.errorScreen.el), this.centerPlayButton = document.createElement("button"), this.centerPlayButton.type = "button", this.centerPlayButton.setAttribute("part", "center-play-button"), this.centerPlayButton.setAttribute("aria-label", this.i18n.play), this.centerPlayButton.className = "hp-center-play hp:absolute hp:inset-0 hp:flex hp:items-center hp:justify-center hp:bg-transparent hp:border-0 hp:cursor-pointer hp:text-on-surface hp:transition-opacity";
     const r = document.createElement("span");
-    r.className = "hp-chip hp:flex hp:items-center hp:justify-center hp:w-16 hp:h-16", r.style.borderRadius = "9999px", r.appendChild(w("play", "hp:text-2xl")), this.centerPlayButton.appendChild(r), this.centerPlayButton.addEventListener("click", (o) => {
+    r.className = "hp-chip hp:flex hp:items-center hp:justify-center hp:w-16 hp:h-16", r.style.borderRadius = "9999px", r.appendChild(k("play", "hp:text-2xl")), this.centerPlayButton.appendChild(r), this.centerPlayButton.addEventListener("click", (o) => {
       var c;
       const n = () => {
         this.videoEl.paused && this.videoEl.play();
@@ -1997,7 +2009,7 @@ class de extends HTMLElement {
         }
       },
       this.i18n
-    ), this.chromeEl.appendChild(this.controlBar.el), this.chromeEl.appendChild(this.controlBar.topEl), this.videoArea.appendChild(this.controlBar.volumePanel.unmuteBadge), this.captionRenderer = new S(this.videoEl, this.videoArea, this.controlBar.seekBar.el, this.i18n), this.videoArea.appendChild(this.captionRenderer.layerEl), this.keyboard = new Fe(
+    ), this.chromeEl.appendChild(this.controlBar.el), this.chromeEl.appendChild(this.controlBar.topEl), this.videoArea.appendChild(this.controlBar.volumePanel.unmuteBadge), this.captionRenderer = new T(this.videoEl, this.videoArea, this.controlBar.seekBar.el, this.i18n), this.videoArea.appendChild(this.captionRenderer.layerEl), this.keyboard = new Oe(
       this,
       this.videoEl,
       () => this.isFullscreenActive() ? this.exitFullscreenCompat() : this.requestFullscreenCompat()
@@ -2017,8 +2029,8 @@ class de extends HTMLElement {
     }), this.videoEl.addEventListener("mousedown", this.onVideoPressStart), this.videoEl.addEventListener("mouseup", this.onVideoPressEnd), this.videoEl.addEventListener("mouseleave", this.onVideoPressCancel), this.videoEl.addEventListener("touchstart", this.onVideoPressStart, { passive: !0 }), this.videoEl.addEventListener("touchend", this.onVideoPressEnd), this.videoEl.addEventListener("touchcancel", this.onVideoPressCancel), this.dispatchEvent(new CustomEvent("hp:ready"));
   }
   disconnectedCallback() {
-    var e, i, r, o, n, l, d, m, c, h, p, u, b, g, y, k, v, C, f, F, O, I;
-    (e = this.centerPlayObserver) == null || e.disconnect(), this.showCursor(), (i = this.miniProgress) == null || i.destroy(), this.miniProgress = null, this.videoEl.removeEventListener("play", this.onPlay), this.videoEl.removeEventListener("pause", this.onPause), this.removeEventListener("pointermove", this.onPointerMove), this.removeEventListener("pointerleave", this.onPointerLeave), this.removeEventListener("pointerdown", this.onPointerDownFocus), this.controlBar.settingsMenu.onOpenChange = null, document.removeEventListener("fullscreenchange", this.onFullscreenChange), document.removeEventListener("webkitfullscreenchange", this.onFullscreenChange), this.videoEl.removeEventListener("webkitbeginfullscreen", this.onFullscreenChange), this.videoEl.removeEventListener("webkitendfullscreen", this.onFullscreenChange), this.removeEventListener("contextmenu", this.onContextMenu), this.removeEventListener("pointerdown", this.onPointerTypeTrack, !0), this.videoEl.textTracks.removeEventListener("addtrack", this.onNativeTextTracksChanged), this.videoEl.textTracks.removeEventListener("removetrack", this.onNativeTextTracksChanged), this.videoEl.removeEventListener("mousedown", this.onVideoPressStart), this.videoEl.removeEventListener("mouseup", this.onVideoPressEnd), this.videoEl.removeEventListener("mouseleave", this.onVideoPressCancel), this.videoEl.removeEventListener("touchstart", this.onVideoPressStart), this.videoEl.removeEventListener("touchend", this.onVideoPressEnd), this.videoEl.removeEventListener("touchcancel", this.onVideoPressCancel), this.controlBar.destroy(), this.captionRenderer.destroy(), this.keyboard.destroy(), this.tooltip.destroy(), this.loadingSpinner.destroy(), this.errorScreen.destroy(), this.seekFeedback.destroy(), this.contextMenu.destroy(), (r = this.statsPanel) == null || r.destroy(), (o = this.tapGestures) == null || o.destroy(), this.sourceManager.destroy(), (n = this.adsController) == null || n.destroy(), (l = this.gestureControls) == null || l.destroy(), (d = this.loopSection) == null || d.destroy(), (m = this.inViewAutoplay) == null || m.destroy(), (c = this.unregisterSticky) == null || c.call(this), (h = this.playlistRunner) == null || h.destroy(), (p = this.hopeStory) == null || p.destroy(), (u = this.markProgress) == null || u.destroy(), (b = this.segments) == null || b.destroy(), (g = this.spriteThumbnails) == null || g.destroy(), (y = this.countdownScreen) == null || y.destroy(), (k = this.geoChecker) == null || k.destroy(), (v = this.redirectScreen) == null || v.destroy(), (C = this.qrResume) == null || C.destroy(), (f = this.pauseAd) == null || f.destroy(), this.pauseAd = null, (F = this.dubbing) == null || F.destroy(), (O = this.liveWallClock) == null || O.destroy(), (I = this.daiController) == null || I.destroy(), this.hideTimer && clearTimeout(this.hideTimer), this.bootGraceTimer && clearTimeout(this.bootGraceTimer);
+    var e, i, r, o, n, l, d, m, c, h, p, u, b, g, f, v, y, z, N, O, F, I;
+    (e = this.centerPlayObserver) == null || e.disconnect(), this.showCursor(), (i = this.miniProgress) == null || i.destroy(), this.miniProgress = null, this.videoEl.removeEventListener("play", this.onPlay), this.videoEl.removeEventListener("pause", this.onPause), this.removeEventListener("pointermove", this.onPointerMove), this.removeEventListener("pointerleave", this.onPointerLeave), this.removeEventListener("pointerdown", this.onPointerDownFocus), this.controlBar.settingsMenu.onOpenChange = null, document.removeEventListener("fullscreenchange", this.onFullscreenChange), document.removeEventListener("webkitfullscreenchange", this.onFullscreenChange), this.videoEl.removeEventListener("webkitbeginfullscreen", this.onFullscreenChange), this.videoEl.removeEventListener("webkitendfullscreen", this.onFullscreenChange), this.removeEventListener("contextmenu", this.onContextMenu), this.removeEventListener("pointerdown", this.onPointerTypeTrack, !0), this.videoEl.textTracks.removeEventListener("addtrack", this.onNativeTextTracksChanged), this.videoEl.textTracks.removeEventListener("removetrack", this.onNativeTextTracksChanged), this.videoEl.removeEventListener("mousedown", this.onVideoPressStart), this.videoEl.removeEventListener("mouseup", this.onVideoPressEnd), this.videoEl.removeEventListener("mouseleave", this.onVideoPressCancel), this.videoEl.removeEventListener("touchstart", this.onVideoPressStart), this.videoEl.removeEventListener("touchend", this.onVideoPressEnd), this.videoEl.removeEventListener("touchcancel", this.onVideoPressCancel), this.controlBar.destroy(), this.captionRenderer.destroy(), this.keyboard.destroy(), this.tooltip.destroy(), this.loadingSpinner.destroy(), this.errorScreen.destroy(), this.seekFeedback.destroy(), this.contextMenu.destroy(), (r = this.statsPanel) == null || r.destroy(), (o = this.tapGestures) == null || o.destroy(), this.sourceManager.destroy(), (n = this.adsController) == null || n.destroy(), (l = this.gestureControls) == null || l.destroy(), (d = this.loopSection) == null || d.destroy(), (m = this.inViewAutoplay) == null || m.destroy(), (c = this.unregisterSticky) == null || c.call(this), (h = this.playlistRunner) == null || h.destroy(), (p = this.hopeStory) == null || p.destroy(), (u = this.markProgress) == null || u.destroy(), (b = this.segments) == null || b.destroy(), (g = this.spriteThumbnails) == null || g.destroy(), (f = this.countdownScreen) == null || f.destroy(), (v = this.geoChecker) == null || v.destroy(), (y = this.redirectScreen) == null || y.destroy(), (z = this.qrResume) == null || z.destroy(), (N = this.pauseAd) == null || N.destroy(), this.pauseAd = null, (O = this.dubbing) == null || O.destroy(), (F = this.liveWallClock) == null || F.destroy(), (I = this.daiController) == null || I.destroy(), this.hideTimer && clearTimeout(this.hideTimer), this.bootGraceTimer && clearTimeout(this.bootGraceTimer), this.lastSynced = null;
   }
   /** Reklam/consent-farkında plugin'lerin (gesture/sticky/in-view-autoplay) ortak sorgusu. */
   isAdPlaying() {
@@ -2031,7 +2043,7 @@ class de extends HTMLElement {
     return this._options;
   }
   set options(e) {
-    this._options = e ?? {}, this.bootGraceTimer && (clearTimeout(this.bootGraceTimer), this.bootGraceTimer = null), this.bootResolved = !0, this.syncFromAttributes();
+    this._options = e ?? {}, this.bootGraceTimer && (clearTimeout(this.bootGraceTimer), this.bootGraceTimer = null), this.bootResolved = !0, this.lastSynced = null, this.syncFromAttributes();
   }
   play() {
     return this.videoEl.play();
@@ -2052,7 +2064,7 @@ class de extends HTMLElement {
         videoEl: this.videoEl,
         containerEl: this.videoArea,
         i18n: this.i18n,
-        version: z,
+        version: B,
         getEngine: () => this.sourceManager.engine,
         getHls: () => this.sourceManager.hlsInstance
       }));
@@ -2078,6 +2090,7 @@ class de extends HTMLElement {
     this.controlBar.toggleTimeMode();
   }
   syncFromAttributes() {
+    var r;
     const e = {
       src: this.getAttribute("src") ?? void 0,
       poster: this.getAttribute("poster") ?? void 0,
@@ -2086,21 +2099,42 @@ class de extends HTMLElement {
       loop: this.hasAttribute("loop"),
       theme: this.getAttribute("theme") ?? void 0,
       locale: this.getAttribute("locale") ?? void 0
-    };
+    }, i = JSON.stringify(e);
+    if (this.bootResolved) {
+      if (((r = this.lastSynced) == null ? void 0 : r.options) === this._options && this.lastSynced.attrs === i) return;
+      this.lastSynced = { options: this._options, attrs: i };
+    }
     this.applyOptions({ ...e, ...this._options });
   }
+  queuePluginApply(e) {
+    return this.pendingPluginOptions = e, this.pluginApplyRun || (this.pluginApplyRun = (async () => {
+      for (; this.pendingPluginOptions; ) {
+        const i = this.pendingPluginOptions;
+        this.pendingPluginOptions = null;
+        try {
+          await this.applyPluginsAndPlayback(i);
+        } catch (r) {
+          console.error("[hope-player] options could not be applied:", r);
+        }
+      }
+    })().finally(() => {
+      this.pluginApplyRun = null;
+    })), this.pluginApplyRun;
+  }
   async applyOptions(e) {
-    var n, l, d, m, c, h, p, u, b, g, y, k, v, C;
+    var o, n, l, d, m, c, h, p, u, b, g, f, v, y;
     e.poster && (this.videoEl.poster = e.poster), this.videoEl.autoplay = !!e.autoplay, this.videoEl.muted = !!e.muted, this.videoEl.loop = !!e.loop, this.videoEl.preload = e.preload ?? "metadata", this.videoEl.playsInline = !0, this.videoEl.setAttribute("webkit-playsinline", ""), this.autoHideDelayMs = e.autoHideDelayMs ?? J, this.tapToPlay = e.tapToPlay ?? "auto", this.cursorHideDelayMs = e.cursorHideDelayMs === !1 ? null : e.cursorHideDelayMs ?? ee, this.cursorHideDelayMs === null && this.showCursor(), e.miniProgress && !this.miniProgress ? (this.miniProgress = new et(this.videoEl), this.videoArea.appendChild(this.miniProgress.el), this.updateMiniProgress()) : !e.miniProgress && this.miniProgress && (this.miniProgress.destroy(), this.miniProgress = null), this.contextMenuConfig = e.contextMenu === !1 ? null : { stats: typeof e.contextMenu == "object" && e.contextMenu.stats === !0 }, this.contextMenuConfig || this.contextMenu.close();
     const i = e.keyboardSeekStep && e.keyboardSeekStep > 0 ? e.keyboardSeekStep : mt;
     this.keyboard.seekStep = i, this.controlBar.seekBar.keyboardStep = i;
     const r = e.skipButtons === !0 ? {} : e.skipButtons || null;
-    if (this.controlBar.setSkipButtons(
+    this.controlBar.setSkipButtons(
       r && r.back !== !1 ? r.back ?? te : null,
       r && r.forward !== !1 ? r.forward ?? te : null
-    ), e.showRemainingTime !== void 0 && e.showRemainingTime !== this.appliedShowRemaining && (this.appliedShowRemaining = e.showRemainingTime, this.controlBar.setShowRemaining(e.showRemainingTime)), e.theme ? this.setAttribute("data-theme", e.theme) : this.removeAttribute("data-theme"), this.localeCode = e.locale ?? "tr", pt(this.i18n, e.locale, e.labels), this.centerPlayButton.setAttribute("aria-label", this.i18n.play), this.controlBar.refreshLabels(), this.captionRenderer.refreshLabels(this.i18n), this.captionTrackActive && this.controlBar.settingsMenu.setCaptionAppearance(this.buildCaptionAppearance()), this.errorScreen.refreshLabels(), (n = this.playlistRunner) == null || n.refreshLabels(), (l = this.hopeStory) == null || l.refreshLabels(), (d = this.countdownScreen) == null || d.refreshLabels(), (m = this.geoChecker) == null || m.refreshLabels(), (c = this.redirectScreen) == null || c.refreshLabels(), (h = this.qrResume) == null || h.refreshLabels(), (p = this.pauseAd) == null || p.refreshLabels(), (u = this.dubbing) == null || u.refreshLabels(), this.onStreamAudioTracks(this.streamAudio.tracks, this.streamAudio.active), (b = this.statsPanel) == null || b.refreshLabels(), (g = this.liveWallClock) == null || g.refreshLabels(), (y = this.loopSection) == null || y.refreshLabels(), (k = this.markProgress) == null || k.refreshLabels(), (C = (v = this.unregisterSticky) == null ? void 0 : v.refreshLabels) == null || C.call(v), !this.bootResolved)
-      return;
-    const o = () => ({
+    ), e.showRemainingTime !== void 0 && e.showRemainingTime !== this.appliedShowRemaining && (this.appliedShowRemaining = e.showRemainingTime, this.controlBar.setShowRemaining(e.showRemainingTime)), e.theme ? this.setAttribute("data-theme", e.theme) : this.removeAttribute("data-theme"), this.localeCode = e.locale ?? "tr", pt(this.i18n, e.locale, e.labels), this.centerPlayButton.setAttribute("aria-label", this.i18n.play), this.controlBar.refreshLabels(), this.captionRenderer.refreshLabels(this.i18n), this.captionTrackActive && this.controlBar.settingsMenu.setCaptionAppearance(this.buildCaptionAppearance()), this.errorScreen.refreshLabels(), (o = this.playlistRunner) == null || o.refreshLabels(), (n = this.hopeStory) == null || n.refreshLabels(), (l = this.countdownScreen) == null || l.refreshLabels(), (d = this.geoChecker) == null || d.refreshLabels(), (m = this.redirectScreen) == null || m.refreshLabels(), (c = this.qrResume) == null || c.refreshLabels(), (h = this.pauseAd) == null || h.refreshLabels(), (p = this.dubbing) == null || p.refreshLabels(), this.onStreamAudioTracks(this.streamAudio.tracks, this.streamAudio.active), (u = this.statsPanel) == null || u.refreshLabels(), (b = this.liveWallClock) == null || b.refreshLabels(), (g = this.loopSection) == null || g.refreshLabels(), (f = this.markProgress) == null || f.refreshLabels(), (y = (v = this.unregisterSticky) == null ? void 0 : v.refreshLabels) == null || y.call(v), this.bootResolved && await this.queuePluginApply(e);
+  }
+  /** applyOptions'ın asenkron kısmı — yalnızca queuePluginApply üzerinden, sırayla çalışır. */
+  async applyPluginsAndPlayback(e) {
+    const i = () => ({
       videoEl: this.videoEl,
       overlayContainerEl: this.videoArea,
       blockChrome: () => this.blockChrome("countdown-geo"),
@@ -2108,16 +2142,16 @@ class de extends HTMLElement {
       i18n: this.i18n
     });
     if (e.countdownScreen && !this.countdownScreen) {
-      const { installCountdownScreen: f } = await import("./index-rENB3n9O.js");
-      this.countdownScreen = f(o(), e.countdownScreen);
+      const { installCountdownScreen: r } = await import("./index-rENB3n9O.js");
+      this.countdownScreen = r(i(), e.countdownScreen);
     }
     if (e.geoChecker && !this.geoChecker) {
-      const { installGeoChecker: f } = await import("./index-BBmuCtKu.js");
-      this.geoChecker = f(o(), e.geoChecker);
+      const { installGeoChecker: r } = await import("./index-BBmuCtKu.js");
+      this.geoChecker = r(i(), e.geoChecker);
     }
     this.unblockChrome("boot"), this.countdownScreen && !this.countdownScreen.isComplete() ? (this.pendingPlaybackOptions = e, this.playbackInitRegistered || (this.playbackInitRegistered = !0, this.countdownScreen.onComplete(() => {
-      const f = this.pendingPlaybackOptions;
-      this.pendingPlaybackOptions = null, f && this.initPlayback(f);
+      const r = this.pendingPlaybackOptions;
+      this.pendingPlaybackOptions = null, r && this.initPlayback(r);
     }))) : await this.initPlayback(e);
   }
   async initPlayback(e) {
@@ -2196,7 +2230,7 @@ class de extends HTMLElement {
       );
     }
     if (e.playlist && !this.playlistRunner) {
-      const { installPlaylist: h } = await import("./index-BvIdZX8n.js");
+      const { installPlaylist: h } = await import("./index-lwFM1iPV.js");
       this.playlistRunner = h(
         {
           videoEl: this.videoEl,
@@ -2216,7 +2250,7 @@ class de extends HTMLElement {
       );
     }
     if (e.story && !this.hopeStory) {
-      const { installStory: h } = await import("./index-DTYAPn_5.js");
+      const { installStory: h } = await import("./index-d_U9dcN6.js");
       this.hopeStory = h(
         {
           videoEl: this.videoEl,
@@ -2237,7 +2271,7 @@ class de extends HTMLElement {
       );
     }
     if (e.markers && !this.markProgress) {
-      const { installMarkers: h } = await import("./index-D0EWYTFL.js");
+      const { installMarkers: h } = await import("./index-BeBmx35F.js");
       this.markProgress = h(
         {
           videoEl: this.videoEl,
@@ -2249,11 +2283,11 @@ class de extends HTMLElement {
       );
     }
     if ((n = e.segments) != null && n.length && !this.segments) {
-      const { installSegments: h } = await import("./index-DX9Cypeq.js");
+      const { installSegments: h } = await import("./index-C6ONQXlF.js");
       this.segments = h({ videoEl: this.videoEl, seekBar: this.controlBar.seekBar }, e.segments);
     }
     if (e.spriteThumbnails && !this.spriteThumbnails) {
-      const { installSpriteThumbnails: h } = await import("./index-DMmNJUbP.js");
+      const { installSpriteThumbnails: h } = await import("./index-DGSYKljQ.js");
       this.spriteThumbnails = h(
         {
           videoEl: this.videoEl,
@@ -2333,10 +2367,10 @@ class de extends HTMLElement {
           addControlElement: (u) => this.controlBar.addElement(u),
           i18n: this.i18n,
           getPlayingDate: () => {
-            var y, k, v;
-            const u = (y = this.sourceManager.hlsInstance) == null ? void 0 : y.playingDate;
+            var f, v, y;
+            const u = (f = this.sourceManager.hlsInstance) == null ? void 0 : f.playingDate;
             if (u) return u;
-            const b = (v = (k = this.videoEl).getStartDate) == null ? void 0 : v.call(k), g = (b == null ? void 0 : b.getTime()) ?? NaN;
+            const b = (y = (v = this.videoEl).getStartDate) == null ? void 0 : y.call(v), g = (b == null ? void 0 : b.getTime()) ?? NaN;
             return Number.isFinite(g) && g > 0 ? new Date(g + this.videoEl.currentTime * 1e3) : null;
           }
         },
@@ -2415,14 +2449,14 @@ class de extends HTMLElement {
       })),
       bgColorLabel: this.i18n.captionBgColor,
       getBgColorOptions: () => i(
-        S.BG_COLOR_PRESETS,
+        T.BG_COLOR_PRESETS,
         () => this.captionRenderer.getBgColor(),
         (r) => this.captionRenderer.setBgColor(r),
         this.i18n.captionBgColor
       ),
       textColorLabel: this.i18n.captionTextColor,
       getTextColorOptions: () => i(
-        S.TEXT_COLOR_PRESETS,
+        T.TEXT_COLOR_PRESETS,
         () => this.captionRenderer.getTextColor(),
         (r) => this.captionRenderer.setTextColor(r),
         this.i18n.captionTextColor
@@ -2566,12 +2600,12 @@ class de extends HTMLElement {
   }
 }
 /** Paket sürümü (ör. "1.0.4"). */
-s(de, "version", z);
+s(de, "version", B);
 typeof window < "u" && !customElements.get("hope-player") && customElements.define("hope-player", de);
 export {
-  z as H,
+  B as H,
   de as a,
-  w as c,
-  E as f
+  k as c,
+  x as f
 };
-//# sourceMappingURL=index-C_shwb86.js.map
+//# sourceMappingURL=index-BHO8Gbrj.js.map