hamrahi-player-library 1.0.0

package/dist/videoArea-B8winUaa.js

@@ -0,0 +1,1379 @@
+import { jsx as t, jsxs as u, Fragment as P } from "react/jsx-runtime";
+import { useRef as _, useCallback as je, useState as k, useEffect as C, memo as U, forwardRef as Xe, lazy as ne, Suspense as me } from "react";
+import { u as g, s as v, c as s, C as o, I as T, a1 as Ee, a as B, h as E, m as y, a2 as G, a3 as Ve, a4 as $e, a5 as F, d as b, a6 as Ae, a7 as ie, a8 as Re, a9 as se, aa as Ie, ab as ve, ac as xe, e as z, ad as qe, ae as j, af as He, ag as We, ah as Me, ai as Ue, aj as Qe, ak as de, v as ue, i as we, al as ee, am as N, an as Ze, ao as A, ap as Te, aq as Ge, ar as ke, as as Ye, at as te, au as be, av as le, aw as Je, ax as Ke, ay as Pe, az as _e, aA as et, aB as Fe, b as tt, aC as lt } from "./index-2OVdYUgm.js";
+import { createPortal as it } from "react-dom";
+const st = () => {
+  const { details: e, params: l } = g(({ videoData: { details: i, params: n } }) => ({ details: i, params: n }), v);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `animate__animated animate__faster pl-ml-4 pl-w-full pl-max-w-[80%] pl-self-start pl-truncate pl-break-words pl-text-left pl-text-[16px] pl-font-normal pl-text-white ${s(o.isActiveElements) ? "animate__fadeIn pl-opacity-100" : "animate__fadeOut pl-opacity-0"}`,
+      children: s(o.hasTitle) ? e.title : l.id
+    }
+  );
+}, ot = () => /* @__PURE__ */ u(
+  "div",
+  {
+    className: `animate__animated animate__faster pl-relative ${s(o.isActiveElements) ? "animate__fadeIn pl-pointer-events-auto" : "animate__fadeOut pl-pointer-events-none"}`,
+    children: [
+      /* @__PURE__ */ t("img", { src: T.lock, alt: "lock-icon", width: 20, height: 20, onClick: () => Ee("unlock") }),
+      !localStorage.getItem("unlock-click") && /* @__PURE__ */ t("p", { className: "pl-absolute pl-left-0 pl-w-max pl-rounded-[8px] pl-bg-[#F7F7F7] pl-px-4 pl-py-3 pl-text-[10px] pl-text-black/[0.87]", children: "برای باز کردن قفل، کلیک کنید" })
+    ]
+  }
+), nt = () => (g(({ controller: { lock: e, activeElements: l } }) => ({ lock: e, activeElements: l }), v), /* @__PURE__ */ u(
+  "div",
+  {
+    className: `pl-mx-4 pl-mt-5 pl-flex pl-items-start pl-justify-end ${s(o.isTouchScreenPortrait) ? "pl-h-[16px]" : "pl-h-[60px]"}`,
+    children: [
+      s(o.showTitle) && /* @__PURE__ */ t(st, {}),
+      s(o.isLock) && /* @__PURE__ */ t(ot, {})
+    ]
+  }
+));
+function rt(e, l = 300, i = {}) {
+  const n = _(null), r = je(
+    (a) => {
+      n.current ? (clearTimeout(n.current), n.current = null, e && e(a)) : n.current = setTimeout(() => {
+        i.onSingleTap && i.onSingleTap(a), n.current = null;
+      }, l);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [e, l, i.onSingleTap]
+  );
+  return e ? {
+    onClick: r
+  } : {};
+}
+const Ne = 1e3, he = ({
+  type: e,
+  isRightDoubleTouched: l,
+  isLeftDoubleTouched: i,
+  setIsRightDoubleTouched: n,
+  setIsLeftDoubleTouched: r
+}) => {
+  const [a, m] = k(15), [c, p] = k(!1), h = _(a), S = B(), { duration: f } = g(({ controller: { currentTime: x, duration: M } }) => ({ currentTime: x, duration: M }), v), { videoElementSizeInfo: w } = g(
+    ({ videoData: { videoElementSizeInfo: x, params: M } }) => ({ videoElementSizeInfo: x, params: M }),
+    v
+  ), L = _(null);
+  C(() => {
+    h.current = a;
+  }, [a]);
+  let I;
+  I = rt((x) => {
+    ["touchBackward", "touchForward"].includes(e) && (x.stopPropagation(), e === "touchBackward" && r ? r(!0) : e === "touchForward" && n && n(!0), clearTimeout(L.current), L.current = setTimeout(() => p(!0), Ne));
+  }, 200), C(() => {
+    c && (p(!1), S(E(!1)), l && n ? (n(!1), y().duration - y().currentTime <= h.current ? G(e, y().duration) : G(e, h.current), m(15)) : i && r && (r(!1), y().currentTime <= h.current ? G(e, 0) : G(e, h.current), m(15)));
+  }, [c]);
+  const $ = (x) => {
+    m((M) => M + 15), s(o.isTouchScreenLandscape) && Ve(x, e), clearTimeout(L.current), L.current = setTimeout(() => p(!0), Ne);
+  };
+  let d;
+  return ["backward", "forward"].includes(e) ? d = /* @__PURE__ */ t(
+    "div",
+    {
+      className: `${s(o.isTouchScreen) ? "pl-flex pl-size-8 pl-items-center pl-justify-center pl-rounded-full pl-bg-black/50" : "hover:pl-scale-125"} pl-cursor-pointer pl-transition-transform pl-ease-in-out ${e === "backward" && (y().currentTime >= 15 ? "pl-opacity-100" : "pl-cursor-default pl-opacity-30 hover:pl-scale-100")} ${e === "forward" && (f - y().currentTime >= 15 ? "pl-opacity-100" : "pl-cursor-default pl-opacity-30 hover:pl-scale-100")}}`,
+      onContextMenu: (x) => x.preventDefault(),
+      children: /* @__PURE__ */ t(
+        "img",
+        {
+          alt: e === "backward" ? "backward-icon" : "forward-icon",
+          src: e === "backward" ? T.backward15 : T.forward15,
+          onClick: () => G(e, a),
+          onDoubleClick: (x) => x.stopPropagation(),
+          className: "pl-size-6"
+        }
+      )
+    }
+  ) : ["touchBackward", "touchForward"].includes(e) && (d = /* @__PURE__ */ t(
+    "div",
+    {
+      id: e,
+      className: `pl-relative pl-flex pl-flex-col pl-items-center pl-justify-center pl-gap-2 pl-overflow-hidden ${e === "touchBackward" ? "pl-rounded-r-full" : "pl-rounded-l-full"}`,
+      style: { width: w.width, height: w.width },
+      ...I,
+      children: (l || i) && /* @__PURE__ */ u(
+        "div",
+        {
+          className: "pl-flex pl-h-full pl-w-full pl-flex-col pl-items-center pl-justify-center pl-gap-2 pl-bg-secondary-100/[0.3] pl-p-5",
+          onTouchStart: $,
+          children: [
+            /* @__PURE__ */ u(
+              "div",
+              {
+                className: `${e === "touchBackward" ? "pl-arrow-left" : "pl-arrow-right pl-gap-2"} pl-flex pl-items-center pl-justify-center`,
+                children: [
+                  /* @__PURE__ */ t(
+                    "img",
+                    {
+                      alt: "arrow-left-icon",
+                      src: T.arrowLeft,
+                      className: `pl-size-6 ${e === "touchForward" && "pl-rotate-180"}`
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "img",
+                    {
+                      alt: "arrow-left-icon",
+                      src: T.arrowLeft,
+                      className: `pl-size-6 ${e === "touchForward" && "pl-rotate-180"}`
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "img",
+                    {
+                      alt: "arrow-left-icon",
+                      src: T.arrowLeft,
+                      className: `pl-size-6 ${e === "touchForward" && "pl-rotate-180"}`
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ u("p", { className: "pl-text-center pl-text-[14px] pl-font-normal pl-text-white", children: [
+              a,
+              " ثانیه"
+            ] })
+          ]
+        }
+      )
+    }
+  )), /* @__PURE__ */ t(P, { children: d });
+}, at = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: he
+}, Symbol.toStringTag, { value: "Module" })), pt = () => (g(({ controller: { play: e } }) => ({ play: e }), v), g(({ videoData: { videoElementSizeInfo: e, params: l } }) => ({ videoElementSizeInfo: e, params: l }), v), /* @__PURE__ */ t(
+  "div",
+  {
+    className: `${s(o.isTouchScreen) ? "pl-flex pl-size-14 pl-items-center pl-justify-center pl-rounded-full pl-bg-black/50" : "hover:pl-scale-125"} pl-cursor-pointer pl-transition-transform pl-ease-in-out`,
+    onContextMenu: (e) => e.preventDefault(),
+    children: /* @__PURE__ */ t(
+      "img",
+      {
+        alt: s(o.isPlay) ? "pause" : "play",
+        src: s(o.isPlay) ? T.bigPause : T.bigPlay,
+        onClick: (e) => $e(e),
+        onDoubleClick: (e) => e.stopPropagation(),
+        className: `pl-size-8 desktop:pl-size-10 ${s(o.isPlay) ? "pl-big-play-icon" : "pl-big-pause-icon"}`
+      }
+    )
+  }
+)), ct = () => /* @__PURE__ */ u(
+  "div",
+  {
+    className: "loader-spinner pl-absolute pl-left-[50%] pl-top-[50%] pl-ml-[-42px] pl-mt-[-50px] pl-h-full pl-w-screen pl-overflow-hidden",
+    children: [
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" }),
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" }),
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" }),
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" }),
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" }),
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" }),
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" }),
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" }),
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" }),
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" }),
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" }),
+      /* @__PURE__ */ t("div", { className: "pl-bg-white" })
+    ]
+  }
+), Y = 1e3, dt = 3e3, hl = 6e4, ut = () => {
+  const [e, l] = k(!1), [i, n] = k(!1);
+  g(({ controller: { lock: m, firstPlay: c } }) => ({ lock: m, firstPlay: c }), v);
+  const { activeElements: r, isLoading: a } = g(
+    ({ controller: { activeElements: m, isLoading: c } }) => ({ activeElements: m, isLoading: c }),
+    v
+  );
+  return C(() => {
+    let m = null;
+    return s(o.isFirstPlay) || s(o.isActiveElements) ? m = setTimeout(() => n(!0), 100) : n(!1), () => clearTimeout(m);
+  }, [r]), C(() => {
+    let m;
+    return s(o.isLoading) ? m = setTimeout(() => l(!0), s(o.isFirstPlay) ? 0 : dt) : l(!1), () => {
+      clearTimeout(m), l(!1);
+    };
+  }, [a]), /* @__PURE__ */ t("main", { className: "pl-mt-1 pl-flex-1", children: e ? /* @__PURE__ */ t(ct, {}) : /* @__PURE__ */ t(P, { children: i && !s(o.isLock) && /* @__PURE__ */ t(
+    "div",
+    {
+      id: "main-content",
+      className: `pl-relative pl-flex pl-h-full pl-items-center pl-justify-center pl-text-center ${s(o.isActiveElements) ? "pl-pointer-events-auto" : "pl-pointer-events-none"}`,
+      children: /* @__PURE__ */ u(
+        "div",
+        {
+          className: "pl-flex pl-w-max pl-items-center pl-justify-center pl-gap-8",
+          style: { zIndex: F.mainIcons },
+          children: [
+            !s(o.isFirstPlay) && /* @__PURE__ */ t(he, { type: "forward" }),
+            /* @__PURE__ */ t(pt, {}),
+            !s(o.isFirstPlay) && /* @__PURE__ */ t(he, { type: "backward" })
+          ]
+        }
+      )
+    }
+  ) }) });
+}, fe = (e) => {
+  const { videoElementSizeInfo: l } = b.getState().videoData, { duration: i } = b.getState().controller, n = e.clientX !== void 0 ? e.clientX : e.touches[0].clientX;
+  if (n <= l.right && n > 0)
+    return (n - l.left) / l.width * i;
+}, V = (e) => {
+  const { videoElementSizeInfo: l } = b.getState().videoData, i = e.clientX !== void 0 ? e.clientX : e.touches[0].clientX;
+  if (i <= l.right && i > 0)
+    return i - l.left;
+}, mt = (e) => {
+  const { duration: l } = b.getState().controller;
+  return e * ie() / l;
+}, oe = (e) => {
+  e && (e.style.opacity = "0.0", e.style.pointerEvents = "none", e.style.zIndex = F.vttDisable);
+}, ht = (e) => {
+  e.style.display = "block", e.style.zIndex = F.vtt, e.style.opacity = b.getState().videoData.details.vtt ? "1.0" : "0.6", e.style.pointerEvents = "auto", e.style.transition = "opacity 1s ease-out";
+}, ft = (e, l) => {
+  const { videoElementSizeInfo: i } = b.getState().videoData, n = document.getElementsByClassName("pl-progressTooltip")[0], r = document.getElementById("parent-player");
+  n && r && (V(e) > n.getBoundingClientRect().width / 2 && V(e) < i.right - i.left - n.getBoundingClientRect().width / 2 ? l.style.left = `${V(e) - n.offsetWidth / 2}px` : V(e) < (r.offsetLeft === 0 ? n.offsetWidth : r.offsetLeft) ? l.style.left = "0px" : y().offsetLeft + y().offsetWidth < V(e) + n.offsetWidth && (l.style.left = `${y().offsetWidth - n.offsetWidth}px`));
+}, gt = (e, l, i) => {
+  l && ht(l), b.getState().videoData.details.vtt ? ft(e, l) : l.style.left = `${V(e) - 30}px`, b.dispatch(Re(Number(fe(e)))), i.textContent = `${se(fe(e))}`;
+}, re = (e, l = !1) => {
+  const { videoElementSizeInfo: i } = b.getState().videoData, n = document.querySelector(".pl-progressTooltip"), r = document.querySelector(".pl-progressTimeTooltip"), a = e.clientX !== void 0 ? e.clientX : e.touches[0].clientX;
+  n && r && a <= i.right && a > i.left ? (gt(e, n, r), l && setTimeout(() => oe(n), 2e3)) : oe(n);
+}, ze = (e) => {
+  const l = e.clientX !== void 0 ? e.clientX : e.touches[0].clientX;
+  j() && (l <= e.view.innerWidth && l > 0 ? j().style.width = `${V(e)}px` : l <= e.view.innerWidth ? j().style.width = 0 : l > 0 && (j().style.width = "100%"));
+}, vt = (e, l, i) => {
+  e.preventDefault(), e.stopPropagation(), i(!0);
+  const n = b.dispatch, r = e.clientX !== void 0 ? e.clientX : e.touches[0].clientX;
+  r <= e.view.innerWidth && r > 0 && (n(Ie(!0)), n(ve(!0)), sessionStorage.setItem("previousVideoTime", String(y().currentTime)), e.target.setPointerCapture(e.pointerId), l.length > 0 && l.map((a) => clearTimeout(a)));
+}, De = (e) => {
+  e.preventDefault(), e.stopPropagation();
+  const l = b.dispatch, { activePointerProgressBar: i } = b.getState().controller, { left: n } = b.getState().videoData.videoElementSizeInfo, r = e.clientX !== void 0 ? e.clientX : e.touches[0].clientX, a = document.querySelector(".pl-progressTooltip");
+  r > n ? (a && (a.style.display = "block !important", a.style.pointerEvents = "auto"), i && (l(ve(!0)), re(e), ze(e), y().pause())) : a && (a.style.display = "none !important", a.style.pointerEvents = "none");
+}, xt = (e, l, i, n) => {
+  n(!1), e.preventDefault(), e.stopPropagation();
+  const r = b.dispatch, { duration: a } = b.getState().controller, { left: m, right: c } = b.getState().videoData.videoElementSizeInfo;
+  e.target.removeEventListener("pointermove", De);
+  const p = e.clientX !== void 0 ? e.clientX : e.touches[0].clientX;
+  let h = 0;
+  p > m && p < c ? h = fe(e) : p < m ? h = 0 : p > 0 && (h = a), s(o.isStaticFormat) || xe(y().currentTime, h), y().currentTime = h, b.getState().controller.activePointerProgressBar && (r(Ie(!1)), r(ve(!1)), y().play(), re(e, !0), sessionStorage.setItem("current-time", String(h)), ze(e), wt(e, r, l, i));
+}, wt = (e, l, i, n) => {
+  const r = n;
+  let a = setTimeout(() => {
+    const { settingPopover: m } = b.getState().popovers, { delayTurnOffControlbar: c } = b.getState().controller;
+    e.pointerType === "touch" && !m && c && l(E(!1));
+  }, Y);
+  r.push(a), i(r);
+}, bt = () => {
+  const e = Date.now();
+  y().play().then(() => z(qe(Date.now() - e)));
+}, St = (e) => re(e), yt = () => {
+  const e = document.querySelector(".pl-progressTooltip");
+  oe(e);
+}, Tt = (e) => {
+  const l = e.split("."), n = l[0].split(":");
+  return {
+    milliseconds: parseInt(l[1], 10) || 0,
+    seconds: parseInt(n.pop(), 10) || 0,
+    minutes: parseInt(n.pop(), 10) || 0,
+    hours: parseInt(n.pop(), 10) || 0
+  };
+}, Ce = (e) => {
+  const l = Tt(e);
+  return parseInt(
+    l.hours * (60 * 60) + l.minutes * 60 + l.seconds + l.milliseconds / 1e3,
+    10
+  );
+}, kt = (e) => {
+  const l = e.split(/#xywh=/i), i = l[0], r = l[1].match(/[0-9]+/gi);
+  return {
+    x: r[0],
+    y: r[1],
+    w: r[2],
+    h: r[3],
+    image: i
+  };
+}, Pt = (e, l) => e.indexOf("//") >= 0 ? e : l.indexOf("//") === 0 ? [l.replace(/\/$/gi, ""), e.trim()].join("/") : l.indexOf("//") > 0 ? [l.trim(), e.trim()].join("/") : e, Nt = (e, l) => {
+  const i = {};
+  let n = l.split(/\/\w+\.vtt\s?/)[0];
+  if (e = Pt(e, n), !e.match(/#xywh=/i))
+    return i.background = 'url("' + e + l.split(/\/\w+\.vtt\s?/)[1] + '")', i;
+  const r = kt(e);
+  return i.background = 'url("' + r.image + l.split(/\/\w+\.vtt\s?/)[1] + '") no-repeat -' + r.x + "px -" + r.y + "px", i.width = r.w + "px", i.height = r.h + "px", i.url = r.image, i;
+}, Ct = (e, l) => {
+  fetch(e).then((i) => {
+    if (!i.ok)
+      throw b.dispatch(
+        Ae({
+          ...b.getState().videoData.details,
+          vtt: void 0,
+          vtt_mobile: void 0
+        })
+      ), new Error("Network response was not ok");
+    return i.text();
+  }).then((i) => {
+    const n = [];
+    i.split(/[\r\n][\r\n]/i).forEach((a) => {
+      if (a.match(/([0-9]{2}:)?([0-9]{2}:)?[0-9]{2}(.[0-9]{3})?( ?--> ?)([0-9]{2}:)?([0-9]{2}:)?[0-9]{2}(.[0-9]{3}).*/gi)) {
+        const m = a.split(/[\r\n]/i), p = m[0].split(/ ?--> ?/i), h = p[0], S = p[1], f = m[1], w = Nt(f, e);
+        n.push({
+          start: Ce(h),
+          end: Ce(S),
+          css: w
+        });
+      }
+    }), l(n);
+  }).catch((i) => {
+    console.error("Error fetching file:", i);
+  });
+}, Lt = (e, l, i) => {
+  for (let n = 0; n < l.length; ++n) {
+    const r = l[n];
+    if (e >= r.start && e < r.end) {
+      if (r.css.url && !i[r.css.url]) {
+        const a = {
+          background: r.css.background,
+          width: r.css.width,
+          height: r.css.height
+        };
+        return i[r.css.url] = a, a;
+      } else if (r.css.url) return i[r.css.url];
+    }
+  }
+}, Et = () => {
+  const { details: e } = g(({ videoData: { details: c } }) => ({ details: c }), v), { tooltipTime: l } = g(
+    ({ controller: { tooltipTime: c, activeElements: p, isFullScreen: h } }) => ({ tooltipTime: c, activeElements: p, isFullScreen: h }),
+    v
+  ), i = {}, [n, r] = k(void 0), [a, m] = k(s(o.isTouchScreen) ? e.vtt_mobile : e.vtt);
+  return C(() => {
+    m(e.vtt_mobile);
+  }, [e.vtt_mobile]), C(() => {
+    a && Ct(e.vtt_mobile, r);
+  }, [a]), s(o.isActiveElements) ? /* @__PURE__ */ u(
+    "div",
+    {
+      className: `pl-progressTooltip pl-absolute pl-bottom-[calc(100%+10px)] pl-mr-[-25px] pl-flex pl-flex-col pl-px-[10px] pl-pt-[5px] pl-text-[14px] pl-text-white ${a && n ? "" : "pl-bg-z-gray-700"} pl-rounded-[6px] pl-opacity-0`,
+      children: [
+        a && !!n && /* @__PURE__ */ t("div", { className: "pl-mb-2 pl-flex-1 pl-rounded-[8px] pl-border pl-border-white", children: /* @__PURE__ */ t("div", { className: "pl-rounded-[8px]", style: Lt(l, n, i) }) }),
+        /* @__PURE__ */ t("div", { className: "pl-progressTimeTooltip pl-flex pl-items-center pl-justify-center pl-text-white !pl-opacity-100" })
+      ]
+    }
+  ) : /* @__PURE__ */ t(P, {});
+}, $t = U(Et), J = (e, l) => {
+  C(() => {
+    const i = (n) => {
+      !e.current || e.current.contains(n.target) || l(n);
+    };
+    return document.addEventListener("mousedown", i), document.addEventListener("touchstart", i), () => {
+      document.removeEventListener("mousedown", i), document.removeEventListener("touchstart", i);
+    };
+  }, [e, l]);
+}, ge = ({ name: e, className: l, dataMarker: i }) => /* @__PURE__ */ t("img", { "data-marker": i, src: `${He()}/${e}.png`, alt: e, className: l }), It = () => {
+  const { duration: e, activeElements: l } = g(
+    ({ controller: { duration: d, activeElements: x, isFullScreen: M } }) => ({
+      duration: d,
+      activeElements: x,
+      isFullScreen: M
+    }),
+    v
+  ), { markers: i } = g(
+    ({ videoData: { markers: d, videoElementSizeInfo: x } }) => ({ markers: d, videoElementSizeInfo: x }),
+    v
+  ), [n, r] = k(void 0), [a, m] = k([]), [c, p] = k({}), [h, S] = k(!1), f = (d) => e ? ie() * d / e : 0, w = (d, x, M, Q, R, q, H, ae) => {
+    d.stopPropagation();
+    const Z = 24 * x / (ie() + 5);
+    let O = [], pe = 0;
+    ae.map((W) => {
+      W.time > x - Z && W.time < x + Z && (O.push(W), pe += W.time);
+    }), O.length > 1 ? m(O) : (O = [], m([]), L(d, x, M, Q, R, q, H));
+  }, L = (d, x, M, Q, R, q, H) => {
+    d.stopPropagation(), re(d, H), xe(y().currentTime, x), y().currentTime = x, j() && (j().style.width = f(x)), z(Me(M, x, Q, R, q));
+  };
+  C(() => {
+    s(o.isActiveElements) || m([]);
+  }, [l]);
+  const I = _(null);
+  J(I, () => m([])), C(() => {
+    if (a.length > 0) {
+      const d = We(document.getElementsByClassName("pl-overlapMarkers")[0]);
+      if (d === "inViewport")
+        return S(!0), p({ left: f(a[0].time) });
+      if (d === "OutViewPortFromLeft")
+        return S(!1), p({ left: 0 });
+      if (d === "OutViewPortFromRight")
+        return S(!1), p({ right: 0 });
+    }
+  }, [a, document.getElementsByClassName("pl-overlapMarkers")[0]]);
+  const $ = (d) => {
+    d.preventDefault(), s(o.isTouchScreen) && r(Number(d.target.getAttribute("data-marker")));
+  };
+  return /* @__PURE__ */ u(P, { children: [
+    i.map((d) => /* @__PURE__ */ t(
+      "div",
+      {
+        onContextMenu: $,
+        "data-marker": d.time,
+        onClick: (x) => w(x, d.time, d.id, d.title, d.description, d.sticker, !0, i),
+        onDoubleClick: (x) => x.stopPropagation(),
+        children: /* @__PURE__ */ u(
+          "div",
+          {
+            className: `pl-emoji-image pl-absolute pl-bottom-[200%] pl-rounded-[6px] pl-bg-z-gray-700/[0.4] pl-p-1 ${s(o.isTouchScreenPortrait), "pl-mb-5"} pl-ml-[-12px] pl-cursor-pointer`,
+            style: { left: f(d.time), zIndex: F.markers },
+            "data-marker": d.time,
+            children: [
+              d.isPersonal !== null && d.isPersonal !== void 0 && /* @__PURE__ */ t("div", { className: "pl-bg-main pl-absolute pl-right-[-1px] pl-top-[-2px] pl-h-2 pl-w-2 pl-rounded-full" }),
+              /* @__PURE__ */ t(ge, { dataMarker: d.time, name: d.sticker, className: "pl-h-[16px] pl-w-[16px] !pl-max-w-max" })
+            ]
+          }
+        )
+      },
+      d.id
+    )),
+    a.length > 0 && /* @__PURE__ */ t(
+      "div",
+      {
+        className: `pl-overlapMarkers ${h ? "pl-overlayMarkersInViewport" : "pl-overlayMarkersOutViewport"} animate__animated animate__fadeInUp pl-absolute pl-bottom-[45px] pl-ml-[-10px] pl-flex pl-flex-row-reverse pl-justify-end pl-gap-3 pl-rounded-[6px] pl-bg-z-gray-700/[0.4] pl-px-1 pl-py-2 pl-opacity-100`,
+        ref: I,
+        style: c,
+        children: a.map((d) => /* @__PURE__ */ t(
+          "div",
+          {
+            className: "pl-emoji-image pl-cursor-pointer pl-rounded-[6px]",
+            "data-marker": d.time,
+            onClick: (x) => L(
+              x,
+              d.time,
+              d.id,
+              d.title,
+              d.description,
+              d.sticker,
+              !0
+            ),
+            onDoubleClick: (x) => x.stopPropagation(),
+            children: /* @__PURE__ */ t(
+              ge,
+              {
+                dataMarker: d.time,
+                name: d.sticker,
+                className: "pl-h-[24px] pl-w-[24px] !pl-max-w-max"
+              }
+            )
+          },
+          d.id
+        ))
+      }
+    )
+  ] });
+}, Mt = U(It), _t = () => {
+  const [e, l] = k(!1);
+  C(() => {
+    oe(document.querySelector(".progressTooltip"));
+  }, []);
+  const { duration: i, currentTime: n, bufferedTimeWidth: r } = g(
+    ({ controller: { duration: c, currentTime: p, bufferedTimeWidth: h } }) => ({
+      duration: c,
+      currentTime: p,
+      bufferedTimeWidth: h
+    }),
+    v
+  );
+  g(
+    ({ videoData: { params: c, videoElementSizeInfo: p } }) => ({
+      params: c,
+      videoElementSizeInfo: p
+    }),
+    v
+  );
+  const [a, m] = k([]);
+  return /* @__PURE__ */ u("div", { className: "pl-relative", children: [
+    /* @__PURE__ */ u("div", { className: "pl-relative", children: [
+      /* @__PURE__ */ t($t, {}),
+      /* @__PURE__ */ t(Mt, {})
+    ] }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: "pl-flex pl-w-full pl-items-end",
+        onPointerDown: (c) => vt(c, a, l),
+        onPointerMove: De,
+        onPointerUp: (c) => xt(c, m, a, l),
+        onMouseMove: St,
+        onMouseOut: yt,
+        onClick: bt,
+        onDoubleClick: (c) => c.stopPropagation(),
+        children: /* @__PURE__ */ u("div", { id: "progress-area", className: "pl-absolute pl-w-full", children: [
+          /* @__PURE__ */ t("div", { className: "pl-h-[40px] pl-w-full" }),
+          /* @__PURE__ */ u(
+            "div",
+            {
+              id: "time-progress-area",
+              className: "pl-m-auto !pl-h-[5px] !pl-w-full pl-cursor-pointer pl-rounded !pl-bg-gray-highLight pl-transition-transform pl-duration-300",
+              style: { transform: e ? "scaleY(1.8)" : "unset" },
+              children: [
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    id: "time-progress-buffer",
+                    className: "pl-absolute pl-h-[5px] pl-rounded pl-bg-z-gray-400/[0.7]",
+                    style: { width: `${r}%` }
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    id: "time-progress-bar",
+                    className: `pl-relative pl-h-[5px] pl-cursor-pointer pl-rounded pl-bg-primary before:pl-inline-block before:pl-h-4 before:pl-w-4 before:pl-bg-primary ${e && "before:pl-h-3 before:pl-w-7"}`,
+                    style: { width: `${n / i * ie()}px` }
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}, X = ({ title: e, className: l }) => /* @__PURE__ */ t(
+  "span",
+  {
+    className: `pl-absolute pl-w-max pl-bg-paper pl-text-white/[0.9] ${s(o.isFullScreen) ? "pl-bottom-[300%]" : "pl-bottom-[270%]"} pl-rounded-[8px] pl-px-4 pl-py-[13px] pl-text-[10px] pl-font-normal ${l}`,
+    children: e
+  }
+), Ft = () => {
+  const { isFullScreen: e } = g(({ controller: { firstPlay: r, isFullScreen: a } }) => ({ firstPlay: r, isFullScreen: a }), v), [l, i] = k(!1), n = B();
+  return C(() => {
+    s(o.isFirstPlay) || n(E(!1));
+  }, [e]), /* @__PURE__ */ u("div", { className: "pl-relative pl-flex pl-items-center", children: [
+    /* @__PURE__ */ t(
+      "img",
+      {
+        src: s(o.isFullScreen) ? T.nonFullScreen : T.fullScreen,
+        alt: "fullScreen-icon",
+        className: "pl-size-5 pl-cursor-pointer",
+        onMouseOver: () => !s(o.isTouchScreen) && i(!0),
+        onMouseLeave: () => !s(o.isTouchScreen) && i(!1),
+        onClick: () => {
+          Ue(), Qe();
+        }
+      }
+    ),
+    l && /* @__PURE__ */ t(X, { title: `${s(o.isFullScreen) ? "خروج از" : ""} تمام صفحه` })
+  ] });
+}, zt = () => {
+  const [e, l] = k(!1);
+  return /* @__PURE__ */ u("div", { className: "pl-relative pl-flex pl-items-center", children: [
+    /* @__PURE__ */ t(
+      "img",
+      {
+        alt: "pictureInPicture",
+        onMouseOver: () => !s(o.isTouchScreen) && l(!0),
+        onMouseLeave: () => !s(o.isTouchScreen) && l(!1),
+        src: T.pictureInPicture,
+        className: "pl-flex pl-size-5 pl-cursor-pointer",
+        onClick: () => y().requestPictureInPicture()
+      }
+    ),
+    e && /* @__PURE__ */ t(X, { title: "تصویر در تصویر" })
+  ] });
+}, Dt = () => {
+  const [e, l] = k(!1), i = B(), { settings: n } = g(({ user: { settings: c } }) => ({ settings: c }), v), r = _(n.volume), a = () => {
+    if (r.current !== n.volume) {
+      const { settings: c } = b.getState().user;
+      z(ue(r.current, c.volume)), r.current = c.volume, i(we({ ...c, volume: c.volume }));
+    }
+  }, m = (c) => {
+    const { settings: p } = b.getState().user;
+    c === "mute" ? (de(0), z(ue(p.volume, 0))) : (z(ue(p.volume, 100)), de(100));
+  };
+  return /* @__PURE__ */ u("div", { className: "pl-sound-icon pl-relative pl-inline-flex pl-items-center pl-gap-2", children: [
+    !s(o.isTouchScreen) && /* @__PURE__ */ t(
+      "input",
+      {
+        onMouseUp: a,
+        type: "range",
+        min: "0",
+        max: "100",
+        value: n.volume,
+        onChange: (c) => de(+c.target.value),
+        className: "pl-soundVolume rounded-full pl-cursor-pointer",
+        style: { background: `linear-gradient(to right, white ${n.volume}%, rgba(255,255,255,0.3) 0)` }
+      }
+    ),
+    /* @__PURE__ */ u("div", { className: "pl-relative pl-flex pl-items-center", children: [
+      /* @__PURE__ */ t(
+        "img",
+        {
+          src: s(o.hasSound) ? T.unMute : T.mute,
+          alt: s(o.hasSound) ? "unmute-icon" : "mute-icon",
+          className: "pl-flex pl-size-5 pl-cursor-pointer pl-items-center",
+          onClick: () => s(o.hasSound) ? m("mute") : m("unmute"),
+          onDoubleClick: (c) => c.stopPropagation(),
+          onMouseOver: () => !s(o.isTouchScreen) && l(!0),
+          onMouseLeave: () => !s(o.isTouchScreen) && l(!1)
+        }
+      ),
+      e && /* @__PURE__ */ t(X, { className: "pl-left-0", title: "صدا" })
+    ] })
+  ] });
+}, Bt = ({ className: e, onClick: l }) => /* @__PURE__ */ u(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: e,
+    onClick: l,
+    children: [
+      /* @__PURE__ */ t("path", { d: "M6 6L18.7742 18.7742", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ t("path", { d: "M6 18.7744L18.7742 6.00022", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+    ]
+  }
+), K = Xe(
+  ({
+    children: e,
+    status: l,
+    onClose: i,
+    type: n,
+    classNames: r,
+    parentClassNames: a,
+    styles: m,
+    isBlurBackground: c,
+    isFullHeight: p = !1,
+    isHeader: h,
+    isHasCatchUpLineOnTop: S = !1,
+    animation: f,
+    scrollbar: w = !1,
+    isFocusOnInput: L = !1,
+    headerTitle: I = "",
+    customHeader: $,
+    headerClassName: d,
+    showCloseIcon: x = !0
+  }, M) => {
+    const [Q, R] = k(l), [q, H] = k(0), [ae, Se] = k(0), { videoElementSizeInfo: Z } = g(
+      ({ videoData: { videoElementSizeInfo: D } }) => ({ videoElementSizeInfo: D }),
+      v
+    ), O = _(0);
+    C(() => {
+      let D;
+      return l ? R(!0) : D = setTimeout(() => {
+        i(!1), H(0), R(!1);
+      }, 500), () => clearTimeout(D);
+    }, [l]);
+    const pe = (D) => {
+      const ce = document.getElementById("popover-content");
+      O.current || (O.current = window.innerHeight - Z.top - (ce == null ? void 0 : ce.getBoundingClientRect().top)), D.stopPropagation(), window.innerHeight - Z.top - D.touches[0].clientY < O.current && H(window.innerHeight - D.touches[0].clientY), Se(F.maxPopover);
+    }, W = () => {
+      i();
+    }, ye = /* @__PURE__ */ u(P, { children: [
+      c && /* @__PURE__ */ t(
+        "div",
+        {
+          className: `animate__animated animate__faster pl-fixed pl-right-0 pl-top-0 pl-h-screen pl-w-screen pl-bg-black/[0.5] ${l ? "animate__fadeIn" : "animate__fadeOut"}`,
+          style: { zIndex: F.popoverBlurBackground }
+        }
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: `${n === "modal" && "pl-fixed pl-left-0 pl-top-0 pl-flex pl-h-full pl-w-full pl-items-end pl-justify-center sm:pl-items-center"} ${a}`,
+          style: { zIndex: p && !L ? ae : F.popoverContent },
+          children: /* @__PURE__ */ t(
+            "div",
+            {
+              className: `animate__animated animate__faster pl-flex pl-flex-col pl-rounded-lg pl-bg-new-net_1-9 pl-text-white ${p && "pl-h-full"} ${f || (window.innerWidth > 768 && n === "modal" ? l ? "animate__fadeIn" : "animate__fadeOut" : l ? "animate__fadeInUp" : "animate__fadeOutDown")} ${s(o.isTouchScreenPortrait) ? "!pl-fixed !pl-bottom-0 !pl-left-0 !pl-right-0 !pl-mb-0 !pl-w-full pl-rounded-[12px] !pl-rounded-b-none !pl-bg-bg-primary" : "before:pl-hidden"} ${n !== "modal" && "no-scrollbar pl-absolute pl-bottom-[130%] pl-overflow-auto"} ${r} `,
+              style: {
+                height: q || "max-content",
+                maxHeight: "80vh",
+                zIndex: F.popoverContent,
+                ...m
+              },
+              ref: M,
+              id: "popover-content",
+              children: /* @__PURE__ */ u(P, { children: [
+                h && /* @__PURE__ */ u(
+                  "div",
+                  {
+                    onTouchMove: S ? pe : () => {
+                    },
+                    onTouchEndCapture: S ? W : () => {
+                    },
+                    className: "pl-flex pl-flex-col pl-pt-4",
+                    children: [
+                      S && /* @__PURE__ */ t("div", { className: "pl-absolute pl-mb-4 pl-h-1 pl-w-8 pl-self-center pl-rounded-[20px] pl-bg-new-net_1-7" }),
+                      /* @__PURE__ */ t("div", { className: `pl-mx-4 pl-mb-4 ${d}`, children: $ || /* @__PURE__ */ u("div", { className: "pl-flex pl-items-center pl-justify-between pl-py-[19px]", children: [
+                        /* @__PURE__ */ t("p", { className: "pl-text-[18px] pl-font-bold pl-text-black dark:pl-text-white", children: I }),
+                        x && /* @__PURE__ */ t(
+                          Bt,
+                          {
+                            className: "pl-stroke-secondary-400 dark:pl-stroke-dark-5 pl-cursor-pointer",
+                            onClick: i
+                          }
+                        )
+                      ] }) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    className: `pl-h-full pl-w-full pl-overflow-y-auto ${!w && "no-scrollbar"}`,
+                    onTouchMove: (D) => D.stopPropagation(),
+                    children: e
+                  }
+                )
+              ] })
+            }
+          )
+        }
+      )
+    ] });
+    return /* @__PURE__ */ t(P, { children: Q && /* @__PURE__ */ t(P, { children: n === "modal" ? it(/* @__PURE__ */ t(P, { children: ye }), document.getElementById("dialog-react-root-videoPlayer")) : /* @__PURE__ */ t("div", { children: ye }) }) });
+  }
+);
+K.displayName = "popover";
+const Ot = ({ className: e, onClick: l, onMouseOver: i, onMouseLeave: n }) => /* @__PURE__ */ u(
+  "svg",
+  {
+    width: "18",
+    height: "15",
+    viewBox: "0 0 18 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: e,
+    onClick: l,
+    onMouseOver: i,
+    onMouseLeave: n,
+    children: [
+      /* @__PURE__ */ t("path", { d: "M10.5488 1.53559C8.20532 1.02852 5.66339 1.68608 3.84359 3.50588C1.15649 6.19298 1.00481 10.4572 3.39041 13.3215C3.55135 13.5148 3.8176 13.6347 4.13036 13.6347H13.8687C14.1816 13.6347 14.4476 13.5149 14.6085 13.3217C16.0815 11.5533 16.5884 9.25027 16.1258 7.11249C16.0528 6.77512 16.2671 6.44245 16.6045 6.36945C16.9418 6.29645 17.2745 6.51077 17.3475 6.84814C17.8886 9.34866 17.2968 12.0474 15.569 14.1217C15.1326 14.6455 14.489 14.8847 13.8687 14.8847H4.13036C3.50995 14.8847 2.86616 14.6453 2.42991 14.1215C-0.36559 10.765 -0.188583 5.77029 2.95971 2.622C5.09241 0.489299 8.07189 -0.279272 10.8132 0.31386C11.1505 0.386857 11.3648 0.719527 11.2918 1.0569C11.2188 1.39427 10.8862 1.60859 10.5488 1.53559Z" }),
+      /* @__PURE__ */ t(
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M14.9976 2.66523C15.2417 2.9093 15.2417 3.30503 14.9976 3.54911L10.7129 7.83399C10.8469 8.09798 10.9225 8.39667 10.9225 8.713C10.9225 9.78688 10.0519 10.6574 8.97805 10.6574C7.90417 10.6574 7.03362 9.78688 7.03362 8.713C7.03362 7.63912 7.90417 6.76856 8.97805 6.76856C9.27953 6.76856 9.56498 6.83718 9.81965 6.95963C9.82222 6.95697 9.82483 6.95432 9.82746 6.95168L14.1137 2.66525C14.3578 2.42116 14.7535 2.42115 14.9976 2.66523ZM9.67249 8.713C9.67249 9.09652 9.36158 9.40743 8.97805 9.40743C8.59453 9.40743 8.28362 9.09652 8.28362 8.713C8.28362 8.32947 8.59453 8.01856 8.97805 8.01856C9.36158 8.01856 9.67249 8.32947 9.67249 8.713Z"
+        }
+      )
+    ]
+  }
+), jt = [0.5, 1, 1.5, 2], Xt = ({ setSection: e, showSpeedIcon: l }) => {
+  const i = B();
+  g(({ videoData: { videoElementSizeInfo: h, params: S } }) => ({ videoElementSizeInfo: h, params: S }), v);
+  const { speedPopover: n } = g(({ popovers: { speedPopover: h } }) => ({ speedPopover: h }), v), { settings: r } = g(({ user: { settings: h } }) => ({ settings: h }), v), a = _(null), [m, c] = k(!1);
+  J(a, () => i(ee(!1))), C(() => {
+    y() && (y().playbackRate = r.speed);
+  }, []);
+  const p = /* @__PURE__ */ u("div", { id: N.speed, className: "animate__animated animate__fadeIn pl-flex pl-flex-col pl-gap-4 pl-pb-4 pl-text-white", children: [
+    /* @__PURE__ */ u("div", { className: "pl-flex pl-items-center pl-gap-3 pl-px-4", children: [
+      /* @__PURE__ */ t(
+        "img",
+        {
+          src: T.chevronRight,
+          alt: "chevronRight",
+          onClick: () => {
+            e && e(N.main);
+          },
+          className: "pl-size-4 pl-cursor-pointer"
+        }
+      ),
+      /* @__PURE__ */ t("p", { className: "pl-text-[15px] pl-font-medium", children: "سرعت پخش" })
+    ] }),
+    /* @__PURE__ */ t("ul", { className: "pl-flex pl-flex-col pl-gap-2", children: jt.map((h, S) => /* @__PURE__ */ u(
+      "li",
+      {
+        className: `pl-relative pl-flex pl-cursor-pointer pl-items-center pl-gap-4 pl-rounded-[4px] pl-px-4 pl-text-sm pl-font-medium desktop:pl-gap-3 ${r.speed === h && "!pl-cursor-default pl-bg-primary"} ${s(o.isTouchScreen) ? "pl-py-1.5" : "pl-py-[9.5px]"}`,
+        onClick: r.speed === h ? () => {
+        } : () => {
+          s(o.isStaticFormat) || z(Ze(h)), i(E(!1)), i(A(!1)), i(ee(!1)), i(we({ ...r, speed: h })), y().playbackRate = h, e && e(N.main);
+        },
+        children: [
+          /* @__PURE__ */ t(
+            "img",
+            {
+              src: T.tick,
+              alt: "tick",
+              className: `pl-h-auto pl-w-[15px] pl-opacity-0 ${r.speed === h && "pl-opacity-100"}`
+            }
+          ),
+          /* @__PURE__ */ u("p", { className: "pl-flex pl-w-full pl-items-center pl-gap-1", children: [
+            h === 1 ? "معمولی" : h,
+            " ",
+            h !== 1 && /* @__PURE__ */ t("img", { src: T.close, alt: "x", className: "pl-size-[14px]" })
+          ] })
+        ]
+      },
+      S
+    )) })
+  ] });
+  return /* @__PURE__ */ t(P, { children: l ? /* @__PURE__ */ u("div", { className: "pl-relative pl-flex pl-items-center", ref: a, children: [
+    /* @__PURE__ */ t(
+      Ot,
+      {
+        className: "size-5 pl-size-5 pl-cursor-pointer pl-fill-white",
+        onClick: () => i(ee(!n)),
+        onMouseOver: () => !s(o.isTouchScreen) && !s(o.showSpeedPopover) && c(!0),
+        onMouseLeave: () => !s(o.isTouchScreen) && c(!1)
+      }
+    ),
+    m && /* @__PURE__ */ t(X, { title: "سرعت" }),
+    /* @__PURE__ */ t(
+      K,
+      {
+        classNames: `!pl-p-0 pl-overflow-hidden !pl-bg-white ${s(o.isTouchScreen) ? "!pl-fixed !pl-bottom-0 !pl-rounded-t-[20px] pl-rounded-b-none" : "!pl-w-[230px] pl-right-0 pl-mb-[33px] !pl-rounded-[12px]"} ${s(o.isTouchScreenPortrait) && "!pl-w-screen tablet:!pl-max-w-[440px] tablet:!pl-mx-auto"} ${s(o.isTouchScreenLandscape) && "pl-w-full pl-max-w-[440px]"}`,
+        status: n,
+        onClose: () => i(ee(!1)),
+        type: s(o.isTouchScreen) ? "modal" : "popover",
+        isBlurBackground: s(o.isTouchScreenPortrait),
+        ref: s(o.isTouchScreenPortrait) ? a : void 0,
+        isHeader: s(o.isTouchScreen),
+        customHeader: /* @__PURE__ */ t(P, {}),
+        isHasCatchUpLineOnTop: s(o.isTouchScreen),
+        children: p
+      }
+    )
+  ] }) : /* @__PURE__ */ t(P, { children: p }) });
+}, Vt = ({ enabled: e, setEnabled: l }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: `pl-relative pl-h-[22px] pl-w-[37px] pl-cursor-pointer pl-rounded-[15px] pl-transition-colors pl-duration-150 pl-ease-linear ${e ? "pl-border pl-border-transparent pl-bg-primary" : "pl-border pl-border-gray-highLight pl-bg-secondary-200"}`,
+    onClick: l,
+    children: /* @__PURE__ */ t(
+      "div",
+      {
+        className: `pl-absolute pl-left-1 pl-top-[2px] pl-h-[16px] pl-w-[16px] pl-rounded-full pl-transition-transform pl-duration-150 pl-ease-linear ${e ? "pl-translate-x-[13px] pl-bg-white" : "-pl-translate-x-0.5 pl-bg-black/[0.16]"}`
+      }
+    )
+  }
+), At = ({ setSection: e }) => {
+  const l = B(), { subtitles: i, selectedSubtitle: n } = g(
+    ({ videoData: { subtitles: r, selectedSubtitle: a } }) => ({ subtitles: r, selectedSubtitle: a }),
+    v
+  );
+  return /* @__PURE__ */ t("div", { id: N.subtitles, className: "animate__animated animate__fadeIn pl-p-[14px]", children: /* @__PURE__ */ u("ul", { className: "pl-m-0 pl-flex pl-flex-col pl-p-0", children: [
+    /* @__PURE__ */ t(
+      "li",
+      {
+        className: `hover:pl-bg-main/[0.1] pl-relative pl-flex pl-cursor-pointer pl-items-center pl-rounded-[4px] pl-p-1 pl-pr-2 pl-text-[14px] pl-leading-6 hover:dark:pl-bg-white/[0.25] ${!n && "pl-bg-main-light hover:!pl-bg-main-light pl-text-dark-5"}`,
+        onClick: () => {
+          l(E(!1)), l(A(!1)), l(Te(void 0)), e(N.main);
+          const r = Object.values(y().textTracks).find(
+            (a) => a.mode === "showing"
+          );
+          r && (r.mode = "disabled"), l(Ge("")), z(ke("empty"));
+        },
+        children: "بدون زیرنویس"
+      }
+    ),
+    i.map((r, a) => /* @__PURE__ */ t(
+      "li",
+      {
+        className: `hover:pl-bg-main/[0.1] pl-relative pl-flex pl-cursor-pointer pl-items-center pl-rounded-[4px] pl-p-1 pl-pr-2 pl-text-[14px] pl-leading-6 hover:dark:pl-bg-white/[0.25] ${n && n.language === r.language && "pl-bg-main-light hover:!pl-bg-main-light pl-text-dark-5"}`,
+        onClick: () => {
+          l(E(!1)), l(A(!1)), l(Te(r)), y().textTracks[a].mode = "showing", e(N.main), z(ke(r.language));
+        },
+        children: /* @__PURE__ */ t("span", { children: r.label })
+      },
+      a
+    ))
+  ] }) });
+}, Rt = U(At), qt = ({ setSection: e, showQualityLevelsIcon: l }) => {
+  const i = B();
+  let { qualityLevels: n } = g(
+    ({ controller: { qualityLevels: f, manualQuality: w, autoQuality: L } }) => ({
+      qualityLevels: f,
+      manualQuality: w,
+      autoQuality: L
+    }),
+    v
+  );
+  const { settings: r } = g(({ user: { settings: f } }) => ({ settings: f }), v), { qualityLevelsPopover: a } = g(({ popovers: { qualityLevelsPopover: f } }) => ({ qualityLevelsPopover: f }), v);
+  g(({ videoData: { params: f, videoElementSizeInfo: w } }) => ({ params: f, videoElementSizeInfo: w }), v);
+  const [m, c] = k(!1);
+  n = [-1, ...n];
+  const p = (f, w) => s(o.isAutoQuality) && w === -1 ? !0 : !s(o.isAutoQuality) && r.quality === f, h = _(null);
+  J(h, () => i(te(!1)));
+  const S = /* @__PURE__ */ t("div", { id: N.qualityLevels, className: "animate__animated animate__fadeIn pl-py-2", children: /* @__PURE__ */ t("ul", { className: "pl-flex pl-flex-col pl-gap-2", children: n.map((f, w) => /* @__PURE__ */ u(
+    "li",
+    {
+      className: `pl-relative pl-flex pl-cursor-pointer pl-items-center pl-rounded-[4px] pl-ps-[24.2px] pl-text-[14px] pl-font-medium ${p(w - 1, f) && "!pl-cursor-default pl-bg-primary/[0.12]"} ${s(o.isTouchScreen) ? "pl-py-[13.5px]" : "pl-py-[9.5px]"}`,
+      onClick: p(w - 1, f) ? () => {
+      } : () => {
+        z(Ye(f === -1 ? "auto" : `${f}P`)), i(E(!1)), i(A(!1)), i(te(!1)), i(we({ ...r, quality: f === -1 ? -1 : w - 1 })), e && e(N.main);
+      },
+      children: [
+        !s(o.isTouchScreen) && p(w - 1, f) && /* @__PURE__ */ t("div", { className: "pl-absolute pl-right-[11.8px]", children: /* @__PURE__ */ t("img", { src: T.tick, alt: "", width: 12, height: 9 }) }),
+        s(o.isTouchScreen) && /* @__PURE__ */ t(
+          "div",
+          {
+            className: `pl-h-5 pl-w-5 pl-rounded-full pl-border pl-border-black/[0.5] pl-p-0.5 ${p(w - 1, f) && "pl-border-primary"}`,
+            children: p(w - 1, f) && /* @__PURE__ */ t("div", { className: "pl-h-full pl-w-full pl-rounded-full pl-bg-primary" })
+          }
+        ),
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: `pl-w-full pl-text-[14px] pl-text-black/[0.87] ${s(o.isTouchScreen) ? "pl-pr-[21px]" : "pl-pr-[10px]"}`,
+            children: f === -1 ? /* @__PURE__ */ u("span", { children: [
+              /* @__PURE__ */ t("span", { children: "خودکار " }),
+              /* @__PURE__ */ t("span", { className: "pl-text-[10px] pl-font-normal pl-text-black/[0.5]", children: "(بر اساس سرعت اینترنت شما)" })
+            ] }) : `${f}p`
+          }
+        )
+      ]
+    },
+    w
+  )) }) });
+  return /* @__PURE__ */ t(P, { children: l ? /* @__PURE__ */ u("div", { className: "pl-relative pl-flex pl-items-center", ref: h, children: [
+    /* @__PURE__ */ t(
+      "img",
+      {
+        src: T.qualitySetting1,
+        alt: "speed-icon",
+        onClick: () => i(te(!a)),
+        onMouseOver: () => !s(o.isTouchScreen) && !s(o.showQualityLevelsPopover) && c(!0),
+        onMouseLeave: () => !s(o.isTouchScreen) && c(!1),
+        className: "pl-size-5 pl-cursor-pointer"
+      }
+    ),
+    m && /* @__PURE__ */ t(X, { title: "کیفیت" }),
+    /* @__PURE__ */ t(
+      K,
+      {
+        classNames: `!pl-p-0 pl-overflow-hidden !pl-bg-white ${s(o.isTouchScreen) ? "!pl-fixed !pl-bottom-0 !pl-rounded-t-[20px] pl-rounded-b-none" : "pl-right-0 pl-mb-[33px] !pl-rounded-[12px] pl-w-[230px]"} ${s(o.isTouchScreenPortrait) && "!pl-w-screen tablet:pl-max-w-[440px]"} ${s(o.isTouchScreenLandscape) && "pl-w-full pl-max-w-[440px]"}`,
+        status: a,
+        onClose: () => i(te(!1)),
+        type: s(o.isTouchScreen) ? "modal" : "popover",
+        isBlurBackground: s(o.isTouchScreenPortrait),
+        ref: s(o.isTouchScreenPortrait) ? h : void 0,
+        isHeader: s(o.isTouchScreen),
+        customHeader: /* @__PURE__ */ t(P, {}),
+        isHasCatchUpLineOnTop: s(o.isTouchScreen),
+        children: S
+      }
+    )
+  ] }) : /* @__PURE__ */ t(P, { children: S }) });
+}, Be = U(qt), Ht = () => {
+  const e = B(), { selectedSubtitle: l } = g(
+    ({ videoData: { params: p, subtitles: h, selectedSubtitle: S } }) => ({ params: p, subtitles: h, selectedSubtitle: S }),
+    v
+  ), { settingPopover: i } = g(({ popovers: { settingPopover: p } }) => ({ settingPopover: p }), v);
+  g(({ user: { settings: p } }) => ({ settings: p }), v);
+  const [n, r] = k(N.main), [a, m] = k(!1), c = _(null);
+  return J(c, () => {
+    e(A(!1)), setTimeout(() => r(N.main), 500);
+  }), /* @__PURE__ */ u("div", { className: `pl-inline-flex ${s(o.isLandscape) && "pl-relative"}`, ref: c, children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: "pl-relative pl-flex pl-cursor-pointer pl-items-center",
+        onClick: () => e(A(!i)),
+        onMouseOver: () => !s(o.isTouchScreen) && !s(o.showSettingPopover) && m(!0),
+        onMouseLeave: () => !s(o.isTouchScreen) && m(!1),
+        children: [
+          /* @__PURE__ */ t("img", { src: T.settings, alt: "settings", className: "pl-size-5" }),
+          a && /* @__PURE__ */ t(X, { title: "تنظیمات" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(
+      K,
+      {
+        classNames: `!pl-p-0 pl-overflow-hidden ${s(o.isTouchScreen) ? "!pl-fixed !pl-bottom-0 !pl-rounded-t-[28px] pl-rounded-b-none" : "!pl-w-[230px] pl-right-0 pl-mb-[33px]"} ${s(o.isTouchScreenPortrait) && "!pl-w-screen tablet:!pl-max-w-[285px] tablet:!pl-mx-auto"} ${s(o.isTouchScreenLandscape) && "pl-w-full pl-max-w-[285px]"}`,
+        status: i,
+        onClose: () => {
+          e(A(!1)), setTimeout(() => r(N.main), 500);
+        },
+        type: s(o.isTouchScreen) ? "modal" : "popover",
+        isBlurBackground: s(o.isTouchScreenPortrait),
+        ref: s(o.isTouchScreenPortrait) ? c : void 0,
+        isHeader: s(o.isTouchScreen),
+        customHeader: /* @__PURE__ */ t(P, {}),
+        isHasCatchUpLineOnTop: s(o.isTouchScreen),
+        children: /* @__PURE__ */ u(P, { children: [
+          n === N.main && /* @__PURE__ */ u(
+            "div",
+            {
+              id: N.main,
+              className: "animate__animated animate__fadeIn pl-flex pl-flex-col pl-gap-5 pl-rounded-[10px] pl-p-4 pl-pt-0",
+              children: [
+                !s(o.isStaticFormat) && /* @__PURE__ */ t(P, { children: /* @__PURE__ */ u(
+                  "div",
+                  {
+                    className: "pl-flex pl-cursor-pointer pl-items-center pl-gap-[10px]",
+                    onClick: () => r(N.qualityLevels),
+                    children: [
+                      /* @__PURE__ */ t("img", { src: T.qualitySetting, alt: "qualitySetting", width: 16, height: 16 }),
+                      /* @__PURE__ */ t("p", { className: "pl-ml-auto pl-text-[12px] pl-font-medium pl-text-black/[0.87]", children: "کیفیت پخش" }),
+                      /* @__PURE__ */ t("img", { src: T.chevronRight, alt: "chevronRight", className: "pl-size-4" })
+                    ]
+                  }
+                ) }),
+                s(o.hasNoSpeed) && /* @__PURE__ */ u(
+                  "div",
+                  {
+                    className: "pl-flex pl-cursor-pointer pl-items-center pl-justify-between pl-gap-[10px] pl-text-white",
+                    onClick: () => r(N.speed),
+                    children: [
+                      /* @__PURE__ */ t("p", { className: "pl-text-sm pl-font-medium", children: "سرعت پخش" }),
+                      /* @__PURE__ */ t(
+                        "img",
+                        {
+                          src: T.chevronRight,
+                          alt: "chevronRight",
+                          onClick: () => {
+                            r && r(N.main);
+                          },
+                          className: "pl-size-4 pl-rotate-180 pl-cursor-pointer"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                s(o.hasSubtitles) && s(o.isTouchScreenPortrait) && /* @__PURE__ */ u("div", { className: "pl-flex pl-cursor-pointer pl-items-center pl-gap-[10px]", children: [
+                  /* @__PURE__ */ t("img", { src: T.subtitleOutlineGray, alt: "subtitle-icon", className: "pl-size-5" }),
+                  /* @__PURE__ */ t("p", { className: "pl-ml-auto pl-text-[12px] pl-font-medium pl-text-black/[0.87]", children: "زیرنویس" }),
+                  /* @__PURE__ */ t(Vt, { enabled: !!l, setEnabled: be })
+                ] })
+              ]
+            }
+          ),
+          n === N.qualityLevels && /* @__PURE__ */ t(Be, { setSection: r }),
+          n === N.speed && /* @__PURE__ */ t(Xt, { setSection: r }),
+          n === N.subtitles && /* @__PURE__ */ t(Rt, { setSection: r })
+        ] })
+      }
+    )
+  ] });
+}, Wt = U(Ht), Oe = () => {
+  const { duration: e, currentTime: l } = g(
+    ({ controller: { duration: i, currentTime: n } }) => ({ duration: i, currentTime: n }),
+    v
+  );
+  return g(({ videoData: { videoElementSizeInfo: i, params: n } }) => ({ videoElementSizeInfo: i, params: n }), v), /* @__PURE__ */ t(P, { children: /* @__PURE__ */ u(
+    "div",
+    {
+      className: `pl-mr-auto pl-w-full pl-max-w-max pl-text-[12px] pl-font-bold !pl-text-white ${s(o.isFullScreen) ? "pl-ml-8" : "pl-ml-4"} ${s(o.isTouchScreenPortrait) ? "!pl-ml-0" : "pl-absolute pl-bottom-full pl-left-0 pl-mb-[33px]"}`,
+      children: [
+        /* @__PURE__ */ t("span", { children: se(e) }),
+        /* @__PURE__ */ t("span", { children: " / " }),
+        /* @__PURE__ */ t("span", { children: se(l) })
+      ]
+    }
+  ) });
+}, Ut = () => /* @__PURE__ */ t("img", { src: T.unlock, alt: "unlock-icon", onClick: () => Ee("lock"), className: "pl-size-5" }), Qt = () => {
+  const [e, l] = k(!1);
+  return g(
+    ({ videoData: { selectedSubtitle: i, videoElementSizeInfo: n, params: r } }) => ({ selectedSubtitle: i, videoElementSizeInfo: n, params: r }),
+    v
+  ), /* @__PURE__ */ u("div", { className: "pl-relative pl-flex pl-items-center", children: [
+    /* @__PURE__ */ t(
+      "img",
+      {
+        alt: "subtitle-icon",
+        src: s(o.isSelectedSubtitle) ? T.subtitleFill : T.subtitleOutline,
+        className: "pl-size-5 pl-cursor-pointer",
+        onClick: be,
+        onDoubleClick: (i) => i.stopPropagation(),
+        onMouseOver: () => !s(o.isTouchScreen) && l(!0),
+        onMouseLeave: () => !s(o.isTouchScreen) && l(!1)
+      }
+    ),
+    e && /* @__PURE__ */ t(X, { title: "زیرنویس" })
+  ] });
+}, Zt = (e) => (g(({ videoData: { videoElementSizeInfo: l, params: i } }) => ({ videoElementSizeInfo: l, params: i }), v), /* @__PURE__ */ u("svg", { width: 20, height: 20, viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
+  /* @__PURE__ */ t("rect", { x: "3", y: "3", width: "4", height: "4", rx: "1.5" }),
+  /* @__PURE__ */ t("rect", { x: "3", y: "9", width: "4", height: "4", rx: "1.5" }),
+  /* @__PURE__ */ t("rect", { x: "3", y: "15", width: "4", height: "4", rx: "1.5" }),
+  /* @__PURE__ */ t("rect", { x: "8", y: "16", width: "11", height: "2", rx: "1" }),
+  /* @__PURE__ */ t("rect", { x: "8", y: "10", width: "11", height: "2", rx: "1" }),
+  /* @__PURE__ */ t("rect", { x: "8", y: "4", width: "11", height: "2", rx: "1" })
+] })), Gt = () => {
+  const [e, l] = k(!1), { markers: i } = g(
+    ({ videoData: { markers: p, params: h, videoElementSizeInfo: S } }) => ({
+      markers: p,
+      params: h,
+      videoElementSizeInfo: S
+    }),
+    v
+  ), { markersListPopover: n } = g(({ popovers: { markersListPopover: p } }) => ({ markersListPopover: p }), v), r = _(null), a = B();
+  J(r, () => a(le(!1)));
+  const m = (p, h, S, f, w) => {
+    j() && (j().style.width = `${mt(p)}px`), xe(y().currentTime, p), y().currentTime = p, a(le(!1)), z(Me(h, p, S, f, w));
+  }, c = () => {
+    a(le(!n));
+  };
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: `pl-relative pl-flex pl-items-center pl-p-1 ${s(o.showMarkerListPopover) && "pl-bg-secondary-50/[0.4] pl-rounded-[4px]"}`,
+      ref: r,
+      children: [
+        /* @__PURE__ */ t(
+          Zt,
+          {
+            className: "pl-fill-dark-5 pl-cursor-pointer",
+            onClick: c,
+            onMouseOver: () => !s(o.isTouchScreen) && l(!0),
+            onMouseLeave: () => !s(o.isTouchScreen) && l(!1)
+          }
+        ),
+        e && /* @__PURE__ */ t(X, { title: "لیست نشانگرها (e)", className: "!pl-bottom-[180%] !pl-right-[-48px]" }),
+        /* @__PURE__ */ t(
+          K,
+          {
+            classNames: "!pl-p-0 pl-left-0 !pl-bg-white dark:!pl-bg-dark-13 !pl-rounded-[4px] pl-mb-[33px]",
+            status: s(o.showMarkerListPopover),
+            onClose: () => {
+              a(le(!1));
+            },
+            headerTitle: "نشانگرها",
+            isHeader: !0,
+            type: "popover",
+            children: /* @__PURE__ */ t("div", { className: "pl-mx-2 pl-mt-2 pl-flex pl-flex-col pl-gap-6", children: /* @__PURE__ */ t("div", { className: "pl-flex pl-flex-col pl-gap-2 pl-pb-2", children: i.map((p) => /* @__PURE__ */ t(
+              "div",
+              {
+                onClick: () => m(p.time, p.id, p.title, p.description, p.sticker),
+                className: "odd:pl-bg-main/[0.1] hover:pl-bg-main/[0.1] hover:dark:bg-white/[0.25] pl-rounded-[8px] odd:dark:pl-bg-dark-1",
+                children: /* @__PURE__ */ u("div", { className: "pl-item-center pl-relative pl-mx-2 pl-flex pl-cursor-pointer pl-gap-2 pl-rounded-[4px] pl-p-2", children: [
+                  p.banner || !p.sticker ? /* @__PURE__ */ t(
+                    "img",
+                    {
+                      src: p.banner ? p.banner : "IMAGES.defaultMarkersListItemIcon",
+                      width: 40,
+                      height: 40,
+                      alt: p.title
+                    }
+                  ) : /* @__PURE__ */ t("div", { className: "pl-bg-secondary dark:pl-bg-secondary-50 pl-flex pl-h-[40px] pl-w-[40px] pl-items-center pl-rounded-[6px]", children: /* @__PURE__ */ t(ge, { name: p.sticker, className: "pl-mx-auto pl-h-[20px] pl-w-[20px]" }) }),
+                  /* @__PURE__ */ u("div", { className: "pl-text-gray-800 dark:pl-text-white", children: [
+                    /* @__PURE__ */ t("p", { className: "pl-mb-1 pl-flex pl-w-[130px] pl-items-center pl-overflow-hidden pl-text-ellipsis pl-whitespace-nowrap pl-text-[14px] pl-font-bold", children: /* @__PURE__ */ t("div", { children: p.title }) }),
+                    /* @__PURE__ */ t("p", { className: "pl-w-[200px] pl-overflow-hidden pl-text-ellipsis pl-whitespace-nowrap pl-text-[13px] pl-font-normal", children: p.description })
+                  ] }),
+                  /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: "pl-bg-secondary/[0.3] dark:pl-bg-secondary/[0.6] pl-absolute pl-left-9 pl-top-2 pl-rounded-[4px] pl-p-[3px] pl-text-[12px] pl-font-bold pl-text-gray-800 dark:pl-text-white",
+                      children: se(p.time)
+                    }
+                  )
+                ] })
+              },
+              p.id
+            )) }) })
+          }
+        )
+      ]
+    }
+  );
+}, Yt = () => {
+  g(({ controller: { isFullScreen: l } }) => ({ isFullScreen: l }), v), g(({ videoData: { videoElementSizeInfo: l, params: i } }) => ({ videoElementSizeInfo: l, params: i }), v);
+  let e = "";
+  return s(o.isTouchScreen) ? s(o.isFullScreen) && (e = "pl-mx-6") : s(o.isFullScreen) ? e = "pl-mx-8" : e = "pl-mx-4", /* @__PURE__ */ u("div", { id: "player-controllbar", className: `pl-flex pl-items-center pl-justify-between ${e}`, children: [
+    /* @__PURE__ */ u("div", { className: "pl-flex pl-items-center pl-gap-4", children: [
+      /* @__PURE__ */ t(Ft, {}),
+      s(o.isTouchScreenLandscape) && /* @__PURE__ */ t(Ut, {}),
+      s(o.showPictureInPicture) && /* @__PURE__ */ t(zt, {}),
+      s(o.showSettingIcon) && /* @__PURE__ */ t(Wt, {}),
+      s(o.isFullScreen) && !s(o.isStaticFormat) && /* @__PURE__ */ t(Be, { showQualityLevelsIcon: !0 }),
+      s(o.hasSubtitles) && !s(o.isTouchScreenPortrait) && /* @__PURE__ */ t(Qt, {})
+    ] }),
+    /* @__PURE__ */ u("div", { className: "pl-flex pl-items-center pl-gap-4", children: [
+      s(o.isTouchScreenPortrait) && /* @__PURE__ */ t(Oe, {}),
+      !s(o.isIOS) && /* @__PURE__ */ t(Dt, {}),
+      s(o.hasMarkers) && /* @__PURE__ */ t(Gt, {})
+    ] })
+  ] });
+}, Jt = U(Yt), Kt = () => {
+  const { subtitleText: e } = g(
+    ({ videoData: { subtitleText: i, selectedSubtitle: n } }) => ({ subtitleText: i, selectedSubtitle: n }),
+    v
+  );
+  g(({ controller: { isFullScreen: i } }) => ({ isFullScreen: i }), v);
+  const l = () => {
+    let i = "";
+    return s(o.isLock) ? i = "pl-bottom-3" : s(o.isActiveElements) ? s(o.isTouchScreenPortrait) ? i = "pl-bottom-[45px]" : s(o.isFullScreen) ? i = "pl-bottom-[120px]" : i = "pl-bottom-[85px]" : s(o.isActiveElements) || (i = "pl-bottom-3"), i;
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      id: "subtitle-id",
+      style: { direction: "ltr" },
+      className: `pl-absolute pl-w-full pl-px-6 pl-text-center pl-text-[14px] ${s(o.isFullScreen) && "pl-text-[16px]"} pl-font-normal pl-text-white ${l()}`,
+      children: Je(e).map((i, n) => /* @__PURE__ */ t("p", { className: "pl-mx-auto", style: { textShadow: "0 0 4px #000000" }, children: Ke(i) }, n))
+    }
+  );
+}, el = () => {
+  g(
+    ({ controller: { lock: l, isFullScreen: i, isLoading: n, activeElements: r } }) => ({ lock: l, isFullScreen: i, isLoading: n, activeElements: r }),
+    v
+  ), g(({ videoData: { subtitles: l, selectedSubtitle: i } }) => ({ subtitles: l, selectedSubtitle: i }), v);
+  let e = "";
+  return s(o.isTouchScreen) ? s(o.isFullScreen) ? e = "pl-gap-6 pl-mb-6" : e = "pl-gap-3 pl-mb-0" : s(o.isFullScreen) ? e = "pl-gap-6 pl-mb-8" : e = "pl-gap-4 pl-mb-3", /* @__PURE__ */ t("div", { id: "footer", className: "pl-relative", style: { zIndex: F.footer }, children: /* @__PURE__ */ u(P, { children: [
+    s(o.showSubtitle) && /* @__PURE__ */ t(Kt, {}),
+    !s(o.isLock) && /* @__PURE__ */ t(P, { children: /* @__PURE__ */ u(
+      "div",
+      {
+        className: `animate__animated animate__faster pl-mx-auto pl-flex pl-w-full pl-flex-col pl-px-4 pl-py-3 desktop:pl-px-0 desktop:pl-py-0 ${e} ${s(o.isActiveElements) && !s(o.isLoading) ? "animate__fadeIn pl-pointer-events-auto" : "animate__fadeOut pl-pointer-events-none"}`,
+        children: [
+          !s(o.isTouchScreenPortrait) && /* @__PURE__ */ t(Oe, {}),
+          s(o.showProgressbar) && /* @__PURE__ */ t(_t, {}),
+          /* @__PURE__ */ t(Jt, {})
+        ]
+      }
+    ) })
+  ] }) });
+}, tl = ne(() => import("./staticVideoTag-Bq3QUZG0.js")), ll = ne(() => import("./nonStaticVideoTag-CaUIINW6.js")), il = () => /* @__PURE__ */ t(me, { fallback: "", children: s(o.isStaticFormat) ? /* @__PURE__ */ t(tl, {}) : /* @__PURE__ */ t(ll, {}) }), sl = () => {
+  const e = B();
+  g(({ videoData: { params: l } }) => ({ params: l }), v), C(() => {
+    const l = () => {
+      document.fullscreenElement ? e(Pe(!0)) : (e(Pe(!1)), _e(), z(et("exitFullScreen")));
+    };
+    document.addEventListener && (document.addEventListener("webkitfullscreenchange", l, !1), document.addEventListener("mozfullscreenchange", l, !1), document.addEventListener("fullscreenchange", l, !1), document.addEventListener("MSFullscreenChange", l, !1));
+  }, []);
+}, ol = (e, l) => {
+  const i = B(), { activeElements: n } = g(({ controller: { activeElements: c } }) => ({ activeElements: c }), v), r = _(null), a = _(e), m = _(l);
+  C(() => {
+    a.current = e;
+  }, [e]), C(() => {
+    m.current = l;
+  }, [l]), C(() => {
+    let c = !1;
+    const p = (f) => {
+      const { activeElements: w, isEnded: L } = b.getState().controller;
+      L ? i(E(!0)) : f.pointerType === "mouse" && (clearTimeout(r.current), w ? [
+        "player-tag",
+        "main-content",
+        "player-controllbar",
+        "video-opacity",
+        "playerElements",
+        "touchBackward",
+        "touchForward"
+      ].includes(f.target.id) && (c = !0) : i(E(!0)), r.current = setTimeout(() => {
+        const { settingPopover: I, speedPopover: $, qualityLevelsPopover: d } = b.getState().popovers, { play: x } = b.getState().controller;
+        !I && !$ && !d && x && c && i(E(!1));
+      }, Y));
+    }, h = (f) => {
+      setTimeout(() => {
+        const { activeElements: w, isEnded: L, firstPlay: I } = b.getState().controller;
+        if (clearTimeout(r.current), L) return i(E(!0));
+        Fe() && !I && !a.current && !m.current && (["player-tag", "main-content", "video-opacity", "touchBackward", "touchForward"].includes(f.target.id) || tt(f, "playerElements") ? (i(E(!w)), r.current = setTimeout(() => {
+          const { settingPopover: $, speedPopover: d, qualityLevelsPopover: x } = b.getState().popovers;
+          !$ && !d && !x && i(E(!1));
+        }, Y)) : r.current = setTimeout(() => {
+          const { settingPopover: $, speedPopover: d, qualityLevelsPopover: x } = b.getState().popovers;
+          !$ && !d && !x && i(E(!1));
+        }, Y));
+      }, 200);
+    }, S = () => {
+      clearTimeout(r.current), r.current = setTimeout(() => {
+        const { activeElements: f, isEnded: w } = b.getState().controller, { settingPopover: L, speedPopover: I, qualityLevelsPopover: $ } = b.getState().popovers;
+        w ? i(E(!0)) : !L && !I && !$ && f && !w && i(E(!f));
+      }, Y);
+    };
+    return document.getElementById("video-area").addEventListener("touchstart", h), document.getElementById("video-area").addEventListener("touchmove", S), document.getElementById("video-area").addEventListener("pointermove", p), () => {
+      const f = document.getElementById("video-area");
+      f && (f.removeEventListener("touchstart", h), f.removeEventListener("touchmove", S), f.removeEventListener("pointermove", p));
+    };
+  }, [n, e, l]);
+}, nl = () => {
+  const { firstPlay: e, isFullScreen: l } = g(
+    ({ controller: { firstPlay: i, isFullScreen: n } }) => ({ firstPlay: i, isFullScreen: n }),
+    v
+  );
+  C(() => {
+    if (y()) {
+      let i;
+      const n = () => {
+        i = setTimeout(
+          () => {
+            _e();
+          },
+          Fe() ? 0 : 300
+        );
+      };
+      return n(), window.addEventListener("resize", n), () => {
+        window.removeEventListener("resize", n), clearTimeout(i);
+      };
+    }
+  }, [e, l, y()]);
+}, rl = () => {
+  const { firstPlay: e } = g(({ controller: { firstPlay: l } }) => ({ firstPlay: l }), v);
+  g(({ videoData: { details: l } }) => ({ details: l }), v), C(() => {
+    s(o.setSubtitleFirstPlay) && be();
+  }, [e]);
+}, al = ne(() => import("./touchVolumeBrightness-zJwzVg8P.js")), Le = ne(() => Promise.resolve().then(() => at)), pl = () => {
+  const [e, l] = k(!1), [i, n] = k(!1);
+  return g(
+    ({ videoData: { details: r, params: a, videoElementSizeInfo: m } }) => ({
+      details: r,
+      params: a,
+      videoElementSizeInfo: m
+    }),
+    v
+  ), g(
+    ({ controller: { firstPlay: r, isFullScreen: a, isLoading: m, canPlayVideo: c } }) => ({
+      firstPlay: r,
+      isFullScreen: a,
+      isLoading: m,
+      canPlayVideo: c
+    }),
+    v
+  ), sl(), nl(), ol(e, i), rl(), /* @__PURE__ */ t(P, { children: /* @__PURE__ */ u(
+    "div",
+    {
+      id: "video-area",
+      style: {
+        zIndex: s(o.isFullScreen) ? F.videoPlayerInFullScreen : "unset"
+      },
+      onClick: (r) => s(o.isFirstPlay) && $e(r),
+      onDoubleClick: (r) => lt(r),
+      className: `pl-flex pl-h-full pl-max-h-screen pl-items-center pl-bg-black !pl-bg-contain !pl-bg-center !pl-bg-no-repeat desktop:pl-aspect-video ${!s(o.isTouchScreen) && !s(o.isFullScreen) && "!pl-rounded-[12px]"} ${s(o.isFullScreen) && "dvh !pl-fixed !pl-w-screen"} pl-relative pl-w-full ${!s(o.isActiveElements) && "pl-cursor-none"}`,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            id: "video-opacity",
+            className: `pl-absolute pl-h-full pl-w-full pl-bg-black pl-transition-all pl-duration-500 desktop:pl-aspect-video ${!s(o.isTouchScreen) && !s(o.isFullScreen) && "!pl-rounded-[12px]"} ${s(o.isActiveElements) ? "pl-bg-opacity-50" : "pl-bg-opacity-0"}`
+          }
+        ),
+        /* @__PURE__ */ t(me, { fallback: "", children: s(o.showTouchVolumeBrightness) && /* @__PURE__ */ t(al, {}) }),
+        s(o.showBackwardForward) && /* @__PURE__ */ t(me, { fallback: "", children: /* @__PURE__ */ u(
+          "div",
+          {
+            className: "pl-absolute pl-right-0 pl-top-0 pl-flex pl-h-full pl-w-full pl-items-center pl-overflow-hidden",
+            style: {
+              zIndex: i || e ? F.backwardForwardActive : F.backwardForwardInActive
+            },
+            children: [
+              /* @__PURE__ */ t(
+                Le,
+                {
+                  type: "touchForward",
+                  isRightDoubleTouched: e,
+                  setIsRightDoubleTouched: l
+                }
+              ),
+              /* @__PURE__ */ t(
+                Le,
+                {
+                  type: "touchBackward",
+                  isLeftDoubleTouched: i,
+                  setIsLeftDoubleTouched: n
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ t(il, {}),
+        /* @__PURE__ */ t("div", { id: "playerElements", className: "pl-absolute pl-right-0 pl-top-0 pl-h-full pl-w-full", children: /* @__PURE__ */ u("div", { className: "pl-flex pl-h-full pl-w-full pl-flex-col pl-justify-between", children: [
+          s(o.showHeader) && /* @__PURE__ */ t(nt, {}),
+          s(o.showMain) && /* @__PURE__ */ t(ut, {}),
+          s(o.showFooter) && /* @__PURE__ */ t(el, {})
+        ] }) })
+      ]
+    }
+  ) });
+}, fl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: pl
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  pl as V,
+  hl as c,
+  fl as v
+};