iking-web-ui-pro 0.2.52 → 0.2.53

package/dist/IkPreviewFileDialog/ik.index.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as Q, openBlock as N, createElementBlock as W, createElementVNode as j, inject as nt, computed as J, resolveComponent as pt, normalizeClass as Y, normalizeStyle as _e, createCommentVNode as ae, createBlock as De, withCtx as Z, createTextVNode as Xt, toDisplayString as qt, createVNode as K, unref as P, mergeModels as vt, useModel as si, ref as Ce, h as er, mergeProps as tr, createSlots as ir, renderSlot as Je, getCurrentScope as nr, onScopeDispose as rr, watch as at, markRaw as Ii, effectScope as sr, shallowRef as ar, nextTick as ai, onMounted as or, Teleport as vn, Transition as mn, withModifiers as lr, Fragment as Zt, resolveDynamicComponent as ur, renderList as cr, withDirectives as fr, vShow as hr, reactive as dr } from "vue";
-import { ikColor as gr, paramType as Pi, _ as Ot, buildUUID as yn } from "iking-utils-pro";
-import { useLocale as pr, useNamespace as _n, useZIndex as vr, ElIcon as Ie, EVENT_CODE as We } from "element-plus";
+import { defineComponent as Q, openBlock as N, createElementBlock as W, createElementVNode as j, inject as nt, computed as J, resolveComponent as pt, normalizeClass as Y, normalizeStyle as _e, createCommentVNode as ae, createBlock as Re, withCtx as Z, createTextVNode as Xt, toDisplayString as qt, createVNode as K, unref as P, mergeModels as vt, useModel as si, ref as Ce, h as tr, mergeProps as ir, createSlots as nr, renderSlot as Je, getCurrentScope as rr, onScopeDispose as sr, watch as at, markRaw as Ii, effectScope as ar, shallowRef as or, nextTick as ai, onMounted as lr, Teleport as vn, Transition as mn, withModifiers as ur, Fragment as Zt, resolveDynamicComponent as cr, renderList as fr, withDirectives as hr, vShow as dr, reactive as gr } from "vue";
+import { ikColor as pr, paramType as Pi, _ as Ot, buildUUID as yn } from "iking-utils-pro";
+import { useLocale as vr, useNamespace as _n, useZIndex as mr, ElIcon as Pe, EVENT_CODE as We } from "element-plus";
 const et = (o, a) => {
   if (o.install = (r) => {
     for (const t of [o, ...Object.values(a ?? {})])
@@ -9,9 +9,9 @@ const et = (o, a) => {
     for (const [r, t] of Object.entries(a))
       o[r] = t;
   return o;
-}, Jt = (o, a) => a ? a.startsWith("http") ? a : `${o || location.origin}${a}` : "", Li = (o, a) => {
+}, Jt = (o, a) => a ? a.startsWith("http") ? a : `${o || location.origin}${a}` : "", Ai = (o, a) => {
   var i, n, s, l;
-  const r = (i = o == null ? void 0 : o.response) != null && i.data ? Ai((s = (n = o == null ? void 0 : o.response) == null ? void 0 : n.data) == null ? void 0 : s.suffix) : ((l = o.raw) == null ? void 0 : l.type) || Ai(o[a.suffix]), t = r == null ? void 0 : r.toLowerCase(), e = {
+  const r = (i = o == null ? void 0 : o.response) != null && i.data ? Li((s = (n = o == null ? void 0 : o.response) == null ? void 0 : n.data) == null ? void 0 : s.suffix) : ((l = o.raw) == null ? void 0 : l.type) || Li(o[a.suffix]), t = r == null ? void 0 : r.toLowerCase(), e = {
     sheet: "excel",
     excel: "excel",
     zip: "zip",
@@ -31,7 +31,7 @@ const et = (o, a) => {
     if (typeof t == "string" && (t.includes(u) || t === u))
       return e[u];
   return "unknown";
-}, mr = {
+}, yr = {
   ".doc": "word",
   ".docx": "word",
   ".docxf": "word",
@@ -116,15 +116,15 @@ const et = (o, a) => {
   ".vob": "video",
   ".txt": "txt",
   ".pdf": "pdf"
-}, Ai = (o) => {
+}, Li = (o) => {
   const a = o == null ? void 0 : o.toLocaleLowerCase(), r = a != null && a.startsWith(".") ? a : `.${a}`;
-  return r && mr[r] || "unknow";
-}, yr = (o) => {
+  return r && yr[r] || "unknow";
+}, _r = (o) => {
   let a = "", r = ["doc", "docx"], t = ["xls", "xlsx"], e = ["ppt", "pptx"], i = ["pdf"];
   return r.includes(o) && (a = "word"), t.includes(o) && (a = "cell"), e.includes(o) && (a = "slide"), i.includes(o) && (a = "text-pdf"), a;
 };
 /*! Element Plus Icons Vue v2.3.1 */
-var _r = /* @__PURE__ */ Q({
+var Cr = /* @__PURE__ */ Q({
   name: "ArrowLeft",
   __name: "arrow-left",
   setup(o) {
@@ -138,7 +138,7 @@ var _r = /* @__PURE__ */ Q({
       })
     ]));
   }
-}), Cr = _r, kr = /* @__PURE__ */ Q({
+}), kr = Cr, br = /* @__PURE__ */ Q({
   name: "ArrowRight",
   __name: "arrow-right",
   setup(o) {
@@ -152,7 +152,7 @@ var _r = /* @__PURE__ */ Q({
       })
     ]));
   }
-}), br = kr, wr = /* @__PURE__ */ Q({
+}), wr = br, Tr = /* @__PURE__ */ Q({
   name: "Close",
   __name: "close",
   setup(o) {
@@ -166,7 +166,7 @@ var _r = /* @__PURE__ */ Q({
       })
     ]));
   }
-}), Cn = wr, Tr = /* @__PURE__ */ Q({
+}), Cn = Tr, Er = /* @__PURE__ */ Q({
   name: "FullScreen",
   __name: "full-screen",
   setup(o) {
@@ -180,7 +180,7 @@ var _r = /* @__PURE__ */ Q({
       })
     ]));
   }
-}), Er = Tr, Sr = /* @__PURE__ */ Q({
+}), Sr = Er, xr = /* @__PURE__ */ Q({
   name: "RefreshLeft",
   __name: "refresh-left",
   setup(o) {
@@ -194,7 +194,7 @@ var _r = /* @__PURE__ */ Q({
       })
     ]));
   }
-}), xr = Sr, Ir = /* @__PURE__ */ Q({
+}), Ir = xr, Pr = /* @__PURE__ */ Q({
   name: "RefreshRight",
   __name: "refresh-right",
   setup(o) {
@@ -208,7 +208,7 @@ var _r = /* @__PURE__ */ Q({
       })
     ]));
   }
-}), Pr = Ir, Lr = /* @__PURE__ */ Q({
+}), Ar = Pr, Lr = /* @__PURE__ */ Q({
   name: "ScaleToOriginal",
   __name: "scale-to-original",
   setup(o) {
@@ -222,7 +222,7 @@ var _r = /* @__PURE__ */ Q({
       })
     ]));
   }
-}), Ar = Lr, Dr = /* @__PURE__ */ Q({
+}), Dr = Lr, Rr = /* @__PURE__ */ Q({
   name: "ZoomIn",
   __name: "zoom-in",
   setup(o) {
@@ -236,7 +236,7 @@ var _r = /* @__PURE__ */ Q({
       })
     ]));
   }
-}), Rr = Dr, Or = /* @__PURE__ */ Q({
+}), Or = Rr, Mr = /* @__PURE__ */ Q({
   name: "ZoomOut",
   __name: "zoom-out",
   setup(o) {
@@ -250,7 +250,7 @@ var _r = /* @__PURE__ */ Q({
       })
     ]));
   }
-}), Mr = Or;
+}), Nr = Mr;
 const oi = (o, a) => {
   const r = o.__vccOpts || o;
   for (const [t, e] of a)
@@ -311,7 +311,7 @@ const oi = (o, a) => {
   "mp4",
   "flv",
   "tls"
-], Nr = (o) => {
+], Fr = (o) => {
   const a = nt("loadUrl"), r = J(() => o.loadUrl || o.fileUrl || (a == null ? void 0 : a.value)), t = nt("uploadUrl"), e = J(() => o.action || o.uploadUrl || (t == null ? void 0 : t.value)), i = nt("token"), n = J(() => o.token || (i == null ? void 0 : i.value)), s = nt("onlyofficeConfig"), l = J(() => o.onlyofficeConfig || (s == null ? void 0 : s.value)), u = nt("userInfo"), c = J(() => o.userInfo || (u == null ? void 0 : u.value)), h = [...Di, ...Di.map((d) => d.toLocaleUpperCase())];
   return {
     cLoadUrl: r,
@@ -321,18 +321,18 @@ const oi = (o, a) => {
     cUserInfo: c,
     cOnlyofficePreviewType: h
   };
-}, Fr = Nr, Br = {
+}, Br = Fr, Hr = {
   key: 0,
   class: "ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"
-}, Hr = {
+}, Ur = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, Ur = ["xlink:href"], Vr = ["src"], zr = {
+}, Vr = ["xlink:href"], zr = ["src"], jr = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, jr = ["xlink:href"], Wr = ["src"], Gr = /* @__PURE__ */ Q({
+}, Wr = ["xlink:href"], Gr = ["src"], Kr = /* @__PURE__ */ Q({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -384,15 +384,15 @@ const oi = (o, a) => {
         ...i.length && { transform: i.join(" ") },
         padding: r.value.showBg || r.value.bg ? r.value.padding : 0,
         ...r.value.color && t.value !== "iksig" ? {
-          "--ik-color-icon-dark": r.value.color,
-          "--ik-color-icon-light": r.value.colorLight || gr.setOpacity(r.value.color, r.value.opacity)
+          "--ik-icon-deep-color": r.value.color,
+          "--ik-icon-shallow-color": r.value.colorLight || pr.setOpacity(r.value.color, r.value.opacity)
         } : {}
       };
       return r.value.width && (n.width = n.height = typeof r.value.width == "number" ? `${r.value.width}px` : r.value.width), n;
     });
     return (i, n) => {
       const s = pt("el-tooltip"), l = pt("el-button");
-      return r.value.tableIconType === "icon" || !r.value.tableIconType ? (N(), W("span", Br, [
+      return r.value.tableIconType === "icon" || !r.value.tableIconType ? (N(), W("span", Hr, [
         r.value.notip || !r.value.title ? (N(), W(
           "i",
           {
@@ -424,15 +424,15 @@ const oi = (o, a) => {
               null,
               6
               /* CLASS, STYLE */
-            )) : t.value === "svg" ? (N(), W("svg", Hr, [
+            )) : t.value === "svg" ? (N(), W("svg", Ur, [
               j("use", {
                 "xlink:href": `#${r.value.name}`
-              }, null, 8, Ur)
+              }, null, 8, Vr)
             ])) : t.value === "img" ? (N(), W("img", {
               key: 2,
               src: r.value.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, Vr)) : (N(), W(
+            }, null, 8, zr)) : (N(), W(
               "i",
               {
                 key: 3,
@@ -446,7 +446,7 @@ const oi = (o, a) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (N(), De(s, {
+        )) : (N(), Re(s, {
           key: 1,
           content: r.value.title,
           placement: "top"
@@ -480,15 +480,15 @@ const oi = (o, a) => {
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : t.value === "svg" ? (N(), W("svg", zr, [
+                )) : t.value === "svg" ? (N(), W("svg", jr, [
                   j("use", {
                     "xlink:href": `#${r.value.name}`
-                  }, null, 8, jr)
+                  }, null, 8, Wr)
                 ])) : t.value === "img" ? (N(), W("img", {
                   key: 2,
                   src: r.value.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, Wr)) : (N(), W(
+                }, null, 8, Gr)) : (N(), W(
                   "i",
                   {
                     key: 3,
@@ -507,7 +507,7 @@ const oi = (o, a) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (N(), De(l, {
+      ])) : (N(), Re(l, {
         key: 1,
         type: ["warning", "error"].includes(r.value.type) ? "danger" : ""
       }, {
@@ -524,7 +524,7 @@ const oi = (o, a) => {
     };
   }
 });
-const Kr = /* @__PURE__ */ oi(Gr, [["__scopeId", "data-v-52806adf"]]), kn = et(Kr), Yr = /* @__PURE__ */ Q({
+const Yr = /* @__PURE__ */ oi(Kr, [["__scopeId", "data-v-e29a45f8"]]), kn = et(Yr), $r = /* @__PURE__ */ Q({
   __name: "CloseIcon",
   props: {
     showBg: {
@@ -555,7 +555,7 @@ const Kr = /* @__PURE__ */ oi(Gr, [["__scopeId", "data-v-52806adf"]]), kn = et(K
     ));
   }
 });
-const $r = /* @__PURE__ */ oi(Yr, [["__scopeId", "data-v-da39e979"]]), Xr = { class: "base-header" }, qr = /* @__PURE__ */ Q({
+const Xr = /* @__PURE__ */ oi($r, [["__scopeId", "data-v-ddb34200"]]), qr = { class: "base-header" }, Zr = /* @__PURE__ */ Q({
   __name: "IkBaseDialog",
   props: /* @__PURE__ */ vt({
     title: { default: "" },
@@ -580,7 +580,7 @@ const $r = /* @__PURE__ */ oi(Yr, [["__scopeId", "data-v-da39e979"]]), Xr = { cl
       t.value = !t.value;
     }, i = Q({
       setup() {
-        return () => er($r, {
+        return () => tr(Xr, {
           showBg: a.showCloseBg,
           fullscreen: a.fullscreen
         });
@@ -588,7 +588,7 @@ const $r = /* @__PURE__ */ oi(Yr, [["__scopeId", "data-v-da39e979"]]), Xr = { cl
     });
     return (n, s) => {
       const l = pt("el-dialog");
-      return N(), De(l, tr({
+      return N(), Re(l, ir({
         modelValue: r.value,
         "onUpdate:modelValue": s[0] || (s[0] = (u) => r.value = u),
         "align-center": ""
@@ -597,7 +597,7 @@ const $r = /* @__PURE__ */ oi(Yr, [["__scopeId", "data-v-da39e979"]]), Xr = { cl
         class: `ik-base-dialog ${n.noHeader ? "no-header" : ""} ${n.noFooter ? "no-footer" : ""}`,
         fullscreen: t.value,
         "modal-class": "baseDialog"
-      }), ir({
+      }), nr({
         icon: Z(() => [
           Je(n.$slots, "title", {}, () => [
             Xt(
@@ -608,7 +608,7 @@ const $r = /* @__PURE__ */ oi(Yr, [["__scopeId", "data-v-da39e979"]]), Xr = { cl
           ])
         ]),
         header: Z(() => [
-          j("div", Xr, [
+          j("div", qr, [
             Je(n.$slots, "header", {}, () => [
               Xt(
                 qt(n.title),
@@ -617,7 +617,7 @@ const $r = /* @__PURE__ */ oi(Yr, [["__scopeId", "data-v-da39e979"]]), Xr = { cl
               )
             ])
           ]),
-          n.$attrs.showClose ? (N(), De(P(kn), {
+          n.$attrs.showClose ? (N(), Re(P(kn), {
             key: 0,
             onClick: e,
             name: t.value ? "iksvg_tuichuquanping" : "iksvg_quanping-daohang",
@@ -642,12 +642,12 @@ const $r = /* @__PURE__ */ oi(Yr, [["__scopeId", "data-v-da39e979"]]), Xr = { cl
     };
   }
 });
-const Zr = et(qr);
-var Jr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+const Jr = et(Zr);
+var Qr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function li(o) {
   return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
 }
-function Qr(o, a, r, t) {
+function es(o, a, r, t) {
   function e(i) {
     return i instanceof r ? i : new r(function(n) {
       n(i);
@@ -674,7 +674,7 @@ function Qr(o, a, r, t) {
     u((t = t.apply(o, a || [])).next());
   });
 }
-function es(o, a) {
+function ts(o, a) {
   var r = { label: 0, sent: function() {
     if (i[0] & 1)
       throw i[1];
@@ -739,9 +739,9 @@ function es(o, a) {
     return { value: u[0] ? u[1] : void 0, done: !0 };
   }
 }
-var ts = function(o, a) {
-  return Qr(void 0, void 0, void 0, function() {
-    return es(this, function(r) {
+var is = function(o, a) {
+  return es(void 0, void 0, void 0, function() {
+    return ts(this, function(r) {
       return [2, new Promise(function(t, e) {
         try {
           if (window.DocsAPI)
@@ -829,7 +829,7 @@ var ts = function(o, a) {
     var o = this, a = this.documentServerUrl;
     a.endsWith("/") || (a += "/");
     var r = "".concat(a, "web-apps/apps/api/documents/api.js");
-    ts(r, "onlyoffice-api-script").then(function() {
+    is(r, "onlyoffice-api-script").then(function() {
       return o.onLoad();
     }).catch(function() {
       o.onError(-2);
@@ -943,13 +943,13 @@ var ts = function(o, a) {
     }
   }
 });
-const is = ["id"];
-function ns(o, a, r, t, e, i) {
-  return N(), W("div", { id: o.id }, null, 8, is);
+const ns = ["id"];
+function rs(o, a, r, t, e, i) {
+  return N(), W("div", { id: o.id }, null, 8, ns);
 }
-ui.render = ns;
+ui.render = rs;
 ui.__file = "src/components/DocumentEditor.vue";
-const rs = /* @__PURE__ */ Q({
+const ss = /* @__PURE__ */ Q({
   __name: "IkOnlyOffice",
   props: {
     // 文件服务器的服务的地址
@@ -996,39 +996,39 @@ const rs = /* @__PURE__ */ Q({
       /* STYLE */
     ));
   }
-}), ss = et(rs);
+}), as = et(ss);
 var Oi;
-const bn = typeof window < "u", as = (o) => typeof o == "string", os = () => {
+const bn = typeof window < "u", os = (o) => typeof o == "string", ls = () => {
 };
 bn && ((Oi = window == null ? void 0 : window.navigator) != null && Oi.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function wn(o) {
   return typeof o == "function" ? o() : P(o);
 }
-function ls(o) {
-  return o;
-}
 function us(o) {
-  return nr() ? (rr(o), !0) : !1;
+  return o;
 }
 function cs(o) {
+  return rr() ? (sr(o), !0) : !1;
+}
+function fs(o) {
   var a;
   const r = wn(o);
   return (a = r == null ? void 0 : r.$el) != null ? a : r;
 }
-const fs = bn ? window : void 0;
+const hs = bn ? window : void 0;
 function ct(...o) {
   let a, r, t, e;
-  if (as(o[0]) || Array.isArray(o[0]) ? ([r, t, e] = o, a = fs) : [a, r, t, e] = o, !a)
-    return os;
+  if (os(o[0]) || Array.isArray(o[0]) ? ([r, t, e] = o, a = hs) : [a, r, t, e] = o, !a)
+    return ls;
   Array.isArray(r) || (r = [r]), Array.isArray(t) || (t = [t]);
   const i = [], n = () => {
     i.forEach((c) => c()), i.length = 0;
-  }, s = (c, h, d, g) => (c.addEventListener(h, d, g), () => c.removeEventListener(h, d, g)), l = at(() => [cs(a), wn(e)], ([c, h]) => {
+  }, s = (c, h, d, g) => (c.addEventListener(h, d, g), () => c.removeEventListener(h, d, g)), l = at(() => [fs(a), wn(e)], ([c, h]) => {
     n(), c && i.push(...r.flatMap((d) => t.map((g) => s(c, d, g, h))));
   }, { immediate: !0, flush: "post" }), u = () => {
     l(), n();
   };
-  return us(u), u;
+  return cs(u), u;
 }
 const Mi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Ni = "__vueuse_ssr_handlers__";
 Mi[Ni] = Mi[Ni] || {};
@@ -1036,15 +1036,15 @@ var Fi;
 (function(o) {
   o.UP = "UP", o.RIGHT = "RIGHT", o.DOWN = "DOWN", o.LEFT = "LEFT", o.NONE = "NONE";
 })(Fi || (Fi = {}));
-var hs = Object.defineProperty, Bi = Object.getOwnPropertySymbols, ds = Object.prototype.hasOwnProperty, gs = Object.prototype.propertyIsEnumerable, Hi = (o, a, r) => a in o ? hs(o, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[a] = r, ps = (o, a) => {
+var ds = Object.defineProperty, Bi = Object.getOwnPropertySymbols, gs = Object.prototype.hasOwnProperty, ps = Object.prototype.propertyIsEnumerable, Hi = (o, a, r) => a in o ? ds(o, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[a] = r, vs = (o, a) => {
   for (var r in a || (a = {}))
-    ds.call(a, r) && Hi(o, r, a[r]);
+    gs.call(a, r) && Hi(o, r, a[r]);
   if (Bi)
     for (var r of Bi(a))
-      gs.call(a, r) && Hi(o, r, a[r]);
+      ps.call(a, r) && Hi(o, r, a[r]);
   return o;
 };
-const vs = {
+const ms = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -1070,10 +1070,10 @@ const vs = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-ps({
-  linear: ls
-}, vs);
-const ms = {
+vs({
+  linear: us
+}, ms);
+const ys = {
   /**
    * @description preview link list.
    */
@@ -1143,26 +1143,26 @@ const ms = {
   crossorigin: {
     type: ["anonymous", "use-credentials", ""]
   }
-}, ys = {
+}, _s = {
   close: () => !0,
   switch: (o) => Pi.isNumber(o),
   rotate: (o) => Pi.isNumber(o)
-}, _s = ["src", "crossorigin"], Cs = /* @__PURE__ */ Q({
+}, Cs = ["src", "crossorigin"], ks = /* @__PURE__ */ Q({
   name: "ElImageViewer",
   __name: "IkImageViewer",
-  props: ms,
-  emits: ys,
+  props: ys,
+  emits: _s,
   setup(o, { expose: a, emit: r }) {
     const t = (D) => Object.keys(D), e = {
       CONTAIN: {
         name: "contain",
-        icon: Ii(Er)
+        icon: Ii(Sr)
       },
       ORIGINAL: {
         name: "original",
-        icon: Ii(Ar)
+        icon: Ii(Dr)
       }
-    }, i = o, n = r, { t: s } = pr(), l = _n("image-viewer"), { nextZIndex: u } = vr(), c = Ce(), h = Ce([]), d = sr(), g = Ce(!0), p = Ce(i.initialIndex), y = ar(e.CONTAIN), m = Ce({
+    }, i = o, n = r, { t: s } = vr(), l = _n("image-viewer"), { nextZIndex: u } = mr(), c = Ce(), h = Ce([]), d = ar(), g = Ce(!0), p = Ce(i.initialIndex), m = or(e.CONTAIN), y = Ce({
       scale: 1,
       deg: 0,
       offsetX: 0,
@@ -1175,20 +1175,20 @@ const ms = {
       l.e("btn"),
       l.e("prev"),
       l.is("disabled", !i.infinite && b.value)
-    ]), A = J(() => [
+    ]), L = J(() => [
       l.e("btn"),
       l.e("next"),
       l.is("disabled", !i.infinite && B.value)
     ]), ee = J(() => {
-      const { scale: D, deg: V, offsetX: $, offsetY: he, enableTransition: pe } = m.value;
-      let ve = $ / D, xe = he / D;
+      const { scale: D, deg: V, offsetX: $, offsetY: he, enableTransition: pe } = y.value;
+      let ve = $ / D, Ie = he / D;
       const it = V * Math.PI / 180, Si = Math.cos(it), xi = Math.sin(it);
-      ve = ve * Si + xe * xi, xe = xe * Si - $ / D * xi;
+      ve = ve * Si + Ie * xi, Ie = Ie * Si - $ / D * xi;
       const Rt = {
-        transform: `scale(${D}) rotate(${V}deg) translate(${ve}px, ${xe}px)`,
+        transform: `scale(${D}) rotate(${V}deg) translate(${ve}px, ${Ie}px)`,
         transition: pe ? "transform .3s" : ""
       };
-      return y.value.name === e.CONTAIN.name && (Rt.maxWidth = Rt.maxHeight = "100%"), Rt;
+      return m.value.name === e.CONTAIN.name && (Rt.maxWidth = Rt.maxHeight = "100%"), Rt;
     });
     function q() {
       ie(), n("close");
@@ -1235,23 +1235,23 @@ const ms = {
     function le(D) {
       g.value = !1, D.target.alt = s("el.image.error");
     }
-    function ke(D) {
+    function be(D) {
       if (g.value || D.button !== 0 || !c.value)
         return;
-      m.value.enableTransition = !1;
-      const { offsetX: V, offsetY: $ } = m.value, he = D.pageX, pe = D.pageY, ve = Ot.throttle((it) => {
-        m.value = {
-          ...m.value,
+      y.value.enableTransition = !1;
+      const { offsetX: V, offsetY: $ } = y.value, he = D.pageX, pe = D.pageY, ve = Ot.throttle((it) => {
+        y.value = {
+          ...y.value,
           offsetX: V + it.pageX - he,
           offsetY: $ + it.pageY - pe
         };
-      }), xe = ct(document, "mousemove", ve);
+      }), Ie = ct(document, "mousemove", ve);
       ct(document, "mouseup", () => {
-        xe();
+        Ie();
       }), D.preventDefault();
     }
     function bi() {
-      m.value = {
+      y.value = {
         scale: 1,
         deg: 0,
         offsetX: 0,
@@ -1262,8 +1262,8 @@ const ms = {
     function wi() {
       if (g.value)
         return;
-      const D = t(e), V = Object.values(e), $ = y.value.name, pe = ((V == null ? void 0 : V.findIndex((ve) => ve.name === $)) + 1) % D.length;
-      y.value = e[D[pe]], bi();
+      const D = t(e), V = Object.values(e), $ = m.value.name, pe = ((V == null ? void 0 : V.findIndex((ve) => ve.name === $)) + 1) % D.length;
+      m.value = e[D[pe]], bi();
     }
     function Dt(D) {
       const V = i.urlList.length;
@@ -1278,7 +1278,7 @@ const ms = {
     function Fe(D, V = {}) {
       if (g.value)
         return;
-      const { minScale: $, maxScale: he } = i, { zoomRate: pe, rotateDeg: ve, enableTransition: xe } = {
+      const { minScale: $, maxScale: he } = i, { zoomRate: pe, rotateDeg: ve, enableTransition: Ie } = {
         zoomRate: i.zoomRate,
         rotateDeg: 90,
         enableTransition: !0,
@@ -1286,23 +1286,23 @@ const ms = {
       };
       switch (D) {
         case "zoomOut":
-          m.value.scale > $ && (m.value.scale = Number.parseFloat(
-            (m.value.scale / pe).toFixed(3)
+          y.value.scale > $ && (y.value.scale = Number.parseFloat(
+            (y.value.scale / pe).toFixed(3)
           ));
           break;
         case "zoomIn":
-          m.value.scale < he && (m.value.scale = Number.parseFloat(
-            (m.value.scale * pe).toFixed(3)
+          y.value.scale < he && (y.value.scale = Number.parseFloat(
+            (y.value.scale * pe).toFixed(3)
           ));
           break;
         case "clockwise":
-          m.value.deg += ve, n("rotate", m.value.deg);
+          y.value.deg += ve, n("rotate", y.value.deg);
           break;
         case "anticlockwise":
-          m.value.deg -= ve, n("rotate", m.value.deg);
+          y.value.deg -= ve, n("rotate", y.value.deg);
           break;
       }
-      m.value.enableTransition = xe;
+      y.value.enableTransition = Ie;
     }
     return at(O, () => {
       ai(() => {
@@ -1311,7 +1311,7 @@ const ms = {
       });
     }), at(p, (D) => {
       bi(), n("switch", D);
-    }), or(() => {
+    }), lr(() => {
       var D, V;
       F(), (V = (D = c.value) == null ? void 0 : D.focus) == null || V.call(D);
     }), a({
@@ -1319,7 +1319,7 @@ const ms = {
        * @description manually switch image
        */
       setActiveItem: Dt
-    }), (D, V) => (N(), De(vn, { to: "body" }, [
+    }), (D, V) => (N(), Re(vn, { to: "body" }, [
       K(mn, {
         name: "viewer-fade",
         appear: ""
@@ -1339,7 +1339,7 @@ const ms = {
                 "div",
                 {
                   class: Y(P(l).e("mask")),
-                  onClick: V[0] || (V[0] = lr(($) => D.hideOnClickModal && q(), ["self"]))
+                  onClick: V[0] || (V[0] = ur(($) => D.hideOnClickModal && q(), ["self"]))
                 },
                 null,
                 2
@@ -1353,7 +1353,7 @@ const ms = {
                   onClick: q
                 },
                 [
-                  K(P(Ie), null, {
+                  K(P(Pe), null, {
                     default: Z(() => [
                       K(P(Cn))
                     ]),
@@ -1376,9 +1376,9 @@ const ms = {
                       onClick: Ti
                     },
                     [
-                      K(P(Ie), null, {
+                      K(P(Pe), null, {
                         default: Z(() => [
-                          K(P(Cr))
+                          K(P(kr))
                         ]),
                         _: 1
                         /* STABLE */
@@ -1390,13 +1390,13 @@ const ms = {
                   j(
                     "span",
                     {
-                      class: Y(A.value),
+                      class: Y(L.value),
                       onClick: Ei
                     },
                     [
-                      K(P(Ie), null, {
+                      K(P(Pe), null, {
                         default: Z(() => [
-                          K(P(br))
+                          K(P(wr))
                         ]),
                         _: 1
                         /* STABLE */
@@ -1422,20 +1422,20 @@ const ms = {
                       class: Y(P(l).e("actions__inner"))
                     },
                     [
-                      K(P(Ie), {
+                      K(P(Pe), {
                         onClick: V[1] || (V[1] = ($) => Fe("zoomOut"))
                       }, {
                         default: Z(() => [
-                          K(P(Mr))
+                          K(P(Nr))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      K(P(Ie), {
+                      K(P(Pe), {
                         onClick: V[2] || (V[2] = ($) => Fe("zoomIn"))
                       }, {
                         default: Z(() => [
-                          K(P(Rr))
+                          K(P(Or))
                         ]),
                         _: 1
                         /* STABLE */
@@ -1449,9 +1449,9 @@ const ms = {
                         2
                         /* CLASS */
                       ),
-                      K(P(Ie), { onClick: wi }, {
+                      K(P(Pe), { onClick: wi }, {
                         default: Z(() => [
-                          (N(), De(ur(y.value.icon)))
+                          (N(), Re(cr(m.value.icon)))
                         ]),
                         _: 1
                         /* STABLE */
@@ -1465,20 +1465,20 @@ const ms = {
                         2
                         /* CLASS */
                       ),
-                      K(P(Ie), {
+                      K(P(Pe), {
                         onClick: V[3] || (V[3] = ($) => Fe("anticlockwise"))
                       }, {
                         default: Z(() => [
-                          K(P(xr))
+                          K(P(Ir))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      K(P(Ie), {
+                      K(P(Pe), {
                         onClick: V[4] || (V[4] = ($) => Fe("clockwise"))
                       }, {
                         default: Z(() => [
-                          K(P(Pr))
+                          K(P(Ar))
                         ]),
                         _: 1
                         /* STABLE */
@@ -1501,7 +1501,7 @@ const ms = {
                   (N(!0), W(
                     Zt,
                     null,
-                    cr(D.urlList, ($, he) => fr((N(), W("img", {
+                    fr(D.urlList, ($, he) => hr((N(), W("img", {
                       ref_for: !0,
                       ref: (pe) => h.value[he] = pe,
                       key: $,
@@ -1511,9 +1511,9 @@ const ms = {
                       crossorigin: D.crossorigin,
                       onLoad: oe,
                       onError: le,
-                      onMousedown: ke
-                    }, null, 46, _s)), [
-                      [hr, he === p.value]
+                      onMousedown: be
+                    }, null, 46, Cs)), [
+                      [dr, he === p.value]
                     ])),
                     128
                     /* KEYED_FRAGMENT */
@@ -1533,7 +1533,7 @@ const ms = {
       })
     ]));
   }
-}), ks = et(Cs);
+}), bs = et(ks);
 function Ui(o, a) {
   var r = Object.keys(o);
   if (Object.getOwnPropertySymbols) {
@@ -1609,7 +1609,7 @@ function Qt(o, a) {
     return t.__proto__ = e, t;
   }, Qt(o, a);
 }
-function bs() {
+function ws() {
   if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham)
     return !1;
   if (typeof Proxy == "function")
@@ -1634,7 +1634,7 @@ function ci(o, a) {
   return v(o);
 }
 function x(o) {
-  var a = bs();
+  var a = ws();
   return function() {
     var t = I(o), e;
     if (a) {
@@ -1645,32 +1645,32 @@ function x(o) {
     return ci(this, e);
   };
 }
-function ws(o, a) {
+function Ts(o, a) {
   for (; !Object.prototype.hasOwnProperty.call(o, a) && (o = I(o), o !== null); )
     ;
   return o;
 }
-function L() {
-  return typeof Reflect < "u" && Reflect.get ? L = Reflect.get.bind() : L = function(a, r, t) {
-    var e = ws(a, r);
+function A() {
+  return typeof Reflect < "u" && Reflect.get ? A = Reflect.get.bind() : A = function(a, r, t) {
+    var e = Ts(a, r);
     if (e) {
       var i = Object.getOwnPropertyDescriptor(e, r);
       return i.get ? i.get.call(arguments.length < 3 ? a : t) : i.value;
     }
-  }, L.apply(this, arguments);
+  }, A.apply(this, arguments);
 }
 function de(o) {
-  return Ts(o) || Es(o) || Ss(o) || xs();
+  return Es(o) || Ss(o) || xs(o) || Is();
 }
-function Ts(o) {
+function Es(o) {
   if (Array.isArray(o))
     return ei(o);
 }
-function Es(o) {
+function Ss(o) {
   if (typeof Symbol < "u" && o[Symbol.iterator] != null || o["@@iterator"] != null)
     return Array.from(o);
 }
-function Ss(o, a) {
+function xs(o, a) {
   if (o) {
     if (typeof o == "string")
       return ei(o, a);
@@ -1687,11 +1687,11 @@ function ei(o, a) {
     t[r] = o[r];
   return t;
 }
-function xs() {
+function Is() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Is(o, a) {
+function Ps(o, a) {
   if (typeof o != "object" || o === null)
     return o;
   var r = o[Symbol.toPrimitive];
@@ -1704,7 +1704,7 @@ function Is(o, a) {
   return (a === "string" ? String : Number)(o);
 }
 function Tn(o) {
-  var a = Is(o, "string");
+  var a = Ps(o, "string");
   return typeof a == "symbol" ? a : String(a);
 }
 var En = { exports: {} };
@@ -1748,49 +1748,49 @@ var En = { exports: {} };
     var c = r ? r + u : u, h = this._events[c];
     return h ? h.fn ? 1 : h.length : 0;
   }, s.prototype.emit = function(u, c, h, d, g, p) {
-    var y = r ? r + u : u;
-    if (!this._events[y])
+    var m = r ? r + u : u;
+    if (!this._events[m])
       return !1;
-    var m = this._events[y], k = arguments.length, w, b;
-    if (m.fn) {
-      switch (m.once && this.removeListener(u, m.fn, void 0, !0), k) {
+    var y = this._events[m], k = arguments.length, w, b;
+    if (y.fn) {
+      switch (y.once && this.removeListener(u, y.fn, void 0, !0), k) {
         case 1:
-          return m.fn.call(m.context), !0;
+          return y.fn.call(y.context), !0;
         case 2:
-          return m.fn.call(m.context, c), !0;
+          return y.fn.call(y.context, c), !0;
         case 3:
-          return m.fn.call(m.context, c, h), !0;
+          return y.fn.call(y.context, c, h), !0;
         case 4:
-          return m.fn.call(m.context, c, h, d), !0;
+          return y.fn.call(y.context, c, h, d), !0;
         case 5:
-          return m.fn.call(m.context, c, h, d, g), !0;
+          return y.fn.call(y.context, c, h, d, g), !0;
         case 6:
-          return m.fn.call(m.context, c, h, d, g, p), !0;
+          return y.fn.call(y.context, c, h, d, g, p), !0;
       }
       for (b = 1, w = new Array(k - 1); b < k; b++)
         w[b - 1] = arguments[b];
-      m.fn.apply(m.context, w);
+      y.fn.apply(y.context, w);
     } else {
-      var B = m.length, O;
+      var B = y.length, O;
       for (b = 0; b < B; b++)
-        switch (m[b].once && this.removeListener(u, m[b].fn, void 0, !0), k) {
+        switch (y[b].once && this.removeListener(u, y[b].fn, void 0, !0), k) {
           case 1:
-            m[b].fn.call(m[b].context);
+            y[b].fn.call(y[b].context);
             break;
           case 2:
-            m[b].fn.call(m[b].context, c);
+            y[b].fn.call(y[b].context, c);
             break;
           case 3:
-            m[b].fn.call(m[b].context, c, h);
+            y[b].fn.call(y[b].context, c, h);
             break;
           case 4:
-            m[b].fn.call(m[b].context, c, h, d);
+            y[b].fn.call(y[b].context, c, h, d);
             break;
           default:
             if (!w)
               for (O = 1, w = new Array(k - 1); O < k; O++)
                 w[O - 1] = arguments[O];
-            m[b].fn.apply(m[b].context, w);
+            y[b].fn.apply(y[b].context, w);
         }
     }
     return !0;
@@ -1808,9 +1808,9 @@ var En = { exports: {} };
     if (p.fn)
       p.fn === c && (!d || p.once) && (!h || p.context === h) && n(this, g);
     else {
-      for (var y = 0, m = [], k = p.length; y < k; y++)
-        (p[y].fn !== c || d && !p[y].once || h && p[y].context !== h) && m.push(p[y]);
-      m.length ? this._events[g] = m.length === 1 ? m[0] : m : n(this, g);
+      for (var m = 0, y = [], k = p.length; m < k; m++)
+        (p[m].fn !== c || d && !p[m].once || h && p[m].context !== h) && y.push(p[m]);
+      y.length ? this._events[g] = y.length === 1 ? y[0] : y : n(this, g);
     }
     return this;
   }, s.prototype.removeAllListeners = function(u) {
@@ -1820,13 +1820,13 @@ var En = { exports: {} };
 })(En);
 var Sn = En.exports;
 const xn = /* @__PURE__ */ li(Sn);
-var Ps = typeof window < "u" && window.location && window.location.href.indexOf("xgplayerdebugger=1") > -1, Mt = {
+var As = typeof window < "u" && window.location && window.location.href.indexOf("xgplayerdebugger=1") > -1, Mt = {
   info: "color: #525252; background-color: #90ee90;",
   error: "color: #525252; background-color: red;",
   warn: "color: #525252; background-color: yellow; "
 }, Nt = "%c[xgplayer]", M = {
   config: {
-    debug: Ps ? 3 : 0
+    debug: As ? 3 : 0
   },
   logInfo: function(a) {
     for (var r, t = arguments.length, e = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++)
@@ -1850,7 +1850,7 @@ var Ps = typeof window < "u" && window.location && window.location.href.indexOf(
 function Ls(o) {
   o.logInfo = M.logInfo.bind(o), o.logWarn = M.logWarn.bind(o), o.logError = M.logError.bind(o);
 }
-var As = /* @__PURE__ */ function() {
+var Ds = /* @__PURE__ */ function() {
   function o(a) {
     T(this, o), this.bufferedList = a;
   }
@@ -2096,7 +2096,7 @@ f.setStyleFromCsstext = function(o, a) {
         o.style[t] = a[t];
       });
 };
-function Ds(o, a) {
+function Rs(o, a) {
   for (var r = 0, t = a.length; r < t; r++)
     if (o.indexOf(a[r]) > -1)
       return !0;
@@ -2110,7 +2110,7 @@ f.filterStyleFromText = function(o) {
   return t.map(function(n) {
     if (n) {
       var s = n.split(":");
-      s.length > 1 && (Ds(s[0], a) ? e[s[0]] = s[1] : i[s[0]] = s[1]);
+      s.length > 1 && (Rs(s[0], a) ? e[s[0]] = s[1] : i[s[0]] = s[1]);
     }
   }), o.setAttribute("style", ""), Object.keys(i).map(function(n) {
     o.style[n] = i[n];
@@ -2175,7 +2175,7 @@ f.getBuffered2 = function(o) {
     }
   else
     e = r;
-  return new As(e);
+  return new Ds(e);
 };
 f.getEventPos = function(o) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
@@ -2299,7 +2299,7 @@ function In(o) {
   var a = re(o);
   return o !== null && (a === "object" || a === "function");
 }
-function Rs(o, a, r) {
+function Os(o, a, r) {
   var t, e, i, n, s, l, u = 0, c = !1, h = !1, d = !0, g = !a && a !== 0 && typeof window.requestAnimationFrame == "function";
   if (typeof o != "function")
     throw new TypeError("Expected a function");
@@ -2308,16 +2308,16 @@ function Rs(o, a, r) {
     var ie = t, oe = e;
     return t = e = void 0, u = F, n = o.apply(oe, ie), n;
   }
-  function y(F, ie) {
+  function m(F, ie) {
     return g ? (window.cancelAnimationFrame(s), window.requestAnimationFrame(F)) : setTimeout(F, ie);
   }
-  function m(F) {
+  function y(F) {
     if (g)
       return window.cancelAnimationFrame(F);
     clearTimeout(F);
   }
   function k(F) {
-    return u = F, s = y(B, a), c ? p(F) : n;
+    return u = F, s = m(B, a), c ? p(F) : n;
   }
   function w(F) {
     var ie = F - l, oe = F - u, le = a - ie;
@@ -2331,48 +2331,48 @@ function Rs(o, a, r) {
     var F = Date.now();
     if (b(F))
       return O(F);
-    s = y(B, w(F));
+    s = m(B, w(F));
   }
   function O(F) {
     return s = void 0, d && t ? p(F) : (t = e = void 0, n);
   }
   function z() {
-    s !== void 0 && m(s), u = 0, t = l = e = s = void 0;
+    s !== void 0 && y(s), u = 0, t = l = e = s = void 0;
   }
-  function A() {
+  function L() {
     return s === void 0 ? n : O(Date.now());
   }
   function ee() {
     return s !== void 0;
   }
   function q() {
-    for (var F = Date.now(), ie = b(F), oe = arguments.length, le = new Array(oe), ke = 0; ke < oe; ke++)
-      le[ke] = arguments[ke];
+    for (var F = Date.now(), ie = b(F), oe = arguments.length, le = new Array(oe), be = 0; be < oe; be++)
+      le[be] = arguments[be];
     if (t = le, e = this, l = F, ie) {
       if (s === void 0)
         return k(l);
       if (h)
-        return s = y(B, a), p(l);
+        return s = m(B, a), p(l);
     }
-    return s === void 0 && (s = y(B, a)), n;
+    return s === void 0 && (s = m(B, a)), n;
   }
-  return q.cancel = z, q.flush = A, q.pending = ee, q;
+  return q.cancel = z, q.flush = L, q.pending = ee, q;
 }
-function Os(o, a, r) {
+function Ms(o, a, r) {
   var t = !0, e = !0;
   if (typeof o != "function")
     throw new TypeError("Expected a function");
-  return In(r) && (t = "leading" in r ? !!r.leading : t, e = "trailing" in r ? !!r.trailing : e), Rs(o, a, {
+  return In(r) && (t = "leading" in r ? !!r.leading : t, e = "trailing" in r ? !!r.trailing : e), Os(o, a, {
     leading: t,
     trailing: e,
     maxWait: a
   });
 }
-function Ms() {
+function Ns() {
   var o = (document.documentElement.getAttribute("lang") || navigator.language || "zh-cn").toLocaleLowerCase();
   return o === "zh-cn" && (o = "zh"), o;
 }
-function Ns(o, a, r) {
+function Fs(o, a, r) {
   if (o) {
     var t = o.getAttribute(r);
     return !!(t && t === a && (o.tagName === "VIDEO" || o.tagName === "AUDIO"));
@@ -2381,7 +2381,7 @@ function Ns(o, a, r) {
 var zi = {
   android: /(Android)\s([\d.]+)/,
   ios: /(Version)\/([\d.]+)/
-}, Fs = ["avc1.42E01E, mp4a.40.2", "avc1.58A01E, mp4a.40.2", "avc1.4D401E, mp4a.40.2", "avc1.64001E, mp4a.40.2", "avc1.42E01E", "mp4v.20.8", "avc1.42E01E, mp4a.40.2", "avc1.58A01E, mp4a.40.2", "avc1.4D401E, mp4a.40.2", "avc1.64001E, mp4a.40.2", "mp4v.20.8, mp4a.40.2", "mp4v.20.240, mp4a.40.2"], R = {
+}, Bs = ["avc1.42E01E, mp4a.40.2", "avc1.58A01E, mp4a.40.2", "avc1.4D401E, mp4a.40.2", "avc1.64001E, mp4a.40.2", "avc1.42E01E", "mp4v.20.8", "mp4v.20.8, mp4a.40.2", "mp4v.20.240, mp4a.40.2"], R = {
   get device() {
     var o = R.os;
     return o.isPc ? "pc" : "mobile";
@@ -2444,7 +2444,7 @@ var zi = {
     if (this.supportResult)
       return this.supportResult;
     var r = document.createElement("video");
-    return typeof r.canPlayType == "function" && Fs.map(function(t) {
+    return typeof r.canPlayType == "function" && Bs.map(function(t) {
       r.canPlayType('video/mp4; codecs="'.concat(t, '"')) === "probably" && (a.isSupport = !0, a.mime += "||".concat(t));
     }), this.supportResult = a, r = null, a;
   },
@@ -2483,7 +2483,7 @@ var zi = {
       return Promise.resolve(r);
     }
   }
-}, ti = "3.0.18", ji = {
+}, ti = "3.0.20", ji = {
   1: "media",
   2: "media",
   3: "media",
@@ -2531,44 +2531,44 @@ var zi = {
         p[w] = r.ext[w];
       }), p;
     } else if (arguments.length > 1) {
-      for (var y = {
+      for (var m = {
         playerVersion: ti,
         domain: document.domain
-      }, m = ["errorType", "currentTime", "duration", "networkState", "readyState", "src", "currentSrc", "ended", "errd", "errorCode", "mediaError"], k = 0; k < arguments.length; k++)
-        y[m[k]] = arguments[k];
-      return y.ex = t ? (t[arguments[0]] || {}).msg : "", y;
+      }, y = ["errorType", "currentTime", "duration", "networkState", "readyState", "src", "currentSrc", "ended", "errd", "errorCode", "mediaError"], k = 0; k < arguments.length; k++)
+        m[y[k]] = arguments[k];
+      return m.ex = t ? (t[arguments[0]] || {}).msg : "", m;
     }
   }
-), fe = "play", fi = "playing", Ve = "ended", tt = "pause", lt = "error", xt = "seeking", Ee = "seeked", ce = "timeupdate", ut = "waiting", Te = "canplay", Bs = "canplaythrough", Me = "durationchange", Pn = "volumechange", Se = "loadeddata", Hs = "loadedmetadata", Ln = "ratechange", An = "progress", hi = "loadstart", ze = "emptied", Us = "stalled", Vs = "suspend", zs = "abort", js = "bufferedChange", di = "focus", Dn = "blur", gi = "ready", Rn = "urlNull", Ue = "autoplay_started", pi = "autoplay_was_prevented", It = "complete", yt = "replay", vi = "destroy", Pt = "urlchange", ii = "download_speed_change", On = "leaveplayer", Mn = "enterplayer", Nn = "loading", be = "fullscreen_change", _t = "cssFullscreen_change", Ct = "mini_state_change", mi = "definition_change", Ws = "before_definition_change", ni = "after_definition_change", Gs = "SEI_PARSED", Ks = "retry", Re = "video_resize", ri = "pip_change", Fn = "rotate", Bn = "screenShot", kt = "playnext", Hn = "shortcut", Un = "xglog", bt = "user_action", Lt = "reset", Vn = "source_error", zn = "source_success", Ys = "switch_subtitle", jn = ["play", "playing", "ended", "pause", "error", "seeking", "seeked", "timeupdate", "waiting", "canplay", "canplaythrough", "durationchange", "volumechange", "loadeddata", "loadedmetadata", "ratechange", "progress", "loadstart", "emptied", "stalled", "suspend", "abort", "lowdecode"], Wn = {
+), fe = "play", fi = "playing", Ve = "ended", tt = "pause", lt = "error", xt = "seeking", Ee = "seeked", ce = "timeupdate", ut = "waiting", Te = "canplay", Hs = "canplaythrough", xe = "durationchange", Pn = "volumechange", Se = "loadeddata", Us = "loadedmetadata", An = "ratechange", Ln = "progress", hi = "loadstart", ze = "emptied", Vs = "stalled", zs = "suspend", js = "abort", Ws = "bufferedChange", di = "focus", Dn = "blur", gi = "ready", Rn = "urlNull", Ue = "autoplay_started", pi = "autoplay_was_prevented", It = "complete", yt = "replay", vi = "destroy", Pt = "urlchange", ii = "download_speed_change", On = "leaveplayer", Mn = "enterplayer", Nn = "loading", we = "fullscreen_change", _t = "cssFullscreen_change", Ct = "mini_state_change", mi = "definition_change", Gs = "before_definition_change", ni = "after_definition_change", Ks = "SEI_PARSED", Ys = "retry", Oe = "video_resize", ri = "pip_change", Fn = "rotate", Bn = "screenShot", kt = "playnext", Hn = "shortcut", Un = "xglog", bt = "user_action", At = "reset", Vn = "source_error", zn = "source_success", $s = "switch_subtitle", jn = ["play", "playing", "ended", "pause", "error", "seeking", "seeked", "timeupdate", "waiting", "canplay", "canplaythrough", "durationchange", "volumechange", "loadeddata", "loadedmetadata", "ratechange", "progress", "loadstart", "emptied", "stalled", "suspend", "abort", "lowdecode"], Wn = {
   STATS_INFO: "stats_info",
   STATS_DOWNLOAD: "stats_download",
   STATS_RESET: "stats_reset"
 }, Gn = "fps_stuck";
-const $s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Xs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ABORT: zs,
+  ABORT: js,
   AFTER_DEFINITION_CHANGE: ni,
   AUTOPLAY_PREVENTED: pi,
   AUTOPLAY_STARTED: Ue,
-  BEFORE_DEFINITION_CHANGE: Ws,
-  BUFFER_CHANGE: js,
+  BEFORE_DEFINITION_CHANGE: Gs,
+  BUFFER_CHANGE: Ws,
   CANPLAY: Te,
-  CANPLAY_THROUGH: Bs,
+  CANPLAY_THROUGH: Hs,
   COMPLETE: It,
   CSS_FULLSCREEN_CHANGE: _t,
   DEFINITION_CHANGE: mi,
   DESTROY: vi,
   DOWNLOAD_SPEED_CHANGE: ii,
-  DURATION_CHANGE: Me,
+  DURATION_CHANGE: xe,
   EMPTIED: ze,
   ENDED: Ve,
   ENTER_PLAYER: Mn,
   ERROR: lt,
   FPS_STUCK: Gn,
-  FULLSCREEN_CHANGE: be,
+  FULLSCREEN_CHANGE: we,
   LEAVE_PLAYER: On,
   LOADED_DATA: Se,
-  LOADED_METADATA: Hs,
+  LOADED_METADATA: Us,
   LOADING: Nn,
   LOAD_START: hi,
   MINI_STATE_CHANGE: Ct,
@@ -2579,30 +2579,30 @@ const $s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PLAYER_FOCUS: di,
   PLAYING: fi,
   PLAYNEXT: kt,
-  PROGRESS: An,
-  RATE_CHANGE: Ln,
+  PROGRESS: Ln,
+  RATE_CHANGE: An,
   READY: gi,
   REPLAY: yt,
-  RESET: Lt,
-  RETRY: Ks,
+  RESET: At,
+  RETRY: Ys,
   ROTATE: Fn,
   SCREEN_SHOT: Bn,
   SEEKED: Ee,
   SEEKING: xt,
-  SEI_PARSED: Gs,
+  SEI_PARSED: Ks,
   SHORTCUT: Hn,
   SOURCE_ERROR: Vn,
   SOURCE_SUCCESS: zn,
-  STALLED: Us,
+  STALLED: Vs,
   STATS_EVENTS: Wn,
-  SUSPEND: Vs,
-  SWITCH_SUBTITLE: Ys,
+  SUSPEND: zs,
+  SWITCH_SUBTITLE: $s,
   TIME_UPDATE: ce,
   URL_CHANGE: Pt,
   URL_NULL: Rn,
   USER_ACTION: bt,
   VIDEO_EVENTS: jn,
-  VIDEO_RESIZE: Re,
+  VIDEO_RESIZE: Oe,
   VOLUME_CHANGE: Pn,
   WAITING: ut,
   XGLOG: Un
@@ -2610,7 +2610,7 @@ const $s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function Ft(o, a) {
   !this || !this.emit || (o === "error" ? this.errorHandler(o, a.error) : this.emit(o, a));
 }
-function Xs(o, a) {
+function qs(o, a) {
   return function(r, t) {
     var e = {
       player: a,
@@ -2645,7 +2645,7 @@ function Xs(o, a) {
       Ft.call(a, o, e);
   };
 }
-var qs = /* @__PURE__ */ function(o) {
+var Zs = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -2689,7 +2689,7 @@ var qs = /* @__PURE__ */ function(o) {
       var e = this, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.media;
       this._evHandlers || (this._evHandlers = jn.map(function(n) {
         var s = "on".concat(n.charAt(0).toUpperCase()).concat(n.slice(1));
-        return typeof e[s] == "function" && e.on(n, e[s]), _({}, n, Xs(n, e));
+        return typeof e[s] == "function" && e.on(n, e[s]), _({}, n, qs(n, e));
       })), this._evHandlers.forEach(function(n) {
         var s = Object.keys(n)[0];
         i.addEventListener(s, n[s], !1);
@@ -3034,36 +3034,36 @@ var qs = /* @__PURE__ */ function(o) {
     value: function(e, i) {
       for (var n, s = arguments.length, l = new Array(s > 2 ? s - 2 : 0), u = 2; u < s; u++)
         l[u - 2] = arguments[u];
-      (n = L(I(r.prototype), "emit", this)).call.apply(n, [this, e, i].concat(l));
+      (n = A(I(r.prototype), "emit", this)).call.apply(n, [this, e, i].concat(l));
     }
   }, {
     key: "on",
     value: function(e, i) {
       for (var n, s = arguments.length, l = new Array(s > 2 ? s - 2 : 0), u = 2; u < s; u++)
         l[u - 2] = arguments[u];
-      (n = L(I(r.prototype), "on", this)).call.apply(n, [this, e, i].concat(l));
+      (n = A(I(r.prototype), "on", this)).call.apply(n, [this, e, i].concat(l));
     }
   }, {
     key: "once",
     value: function(e, i) {
       for (var n, s = arguments.length, l = new Array(s > 2 ? s - 2 : 0), u = 2; u < s; u++)
         l[u - 2] = arguments[u];
-      (n = L(I(r.prototype), "once", this)).call.apply(n, [this, e, i].concat(l));
+      (n = A(I(r.prototype), "once", this)).call.apply(n, [this, e, i].concat(l));
     }
   }, {
     key: "off",
     value: function(e, i) {
       for (var n, s = arguments.length, l = new Array(s > 2 ? s - 2 : 0), u = 2; u < s; u++)
         l[u - 2] = arguments[u];
-      (n = L(I(r.prototype), "off", this)).call.apply(n, [this, e, i].concat(l));
+      (n = A(I(r.prototype), "off", this)).call.apply(n, [this, e, i].concat(l));
     }
   }, {
     key: "offAll",
     value: function() {
-      L(I(r.prototype), "removeAllListeners", this).call(this);
+      A(I(r.prototype), "removeAllListeners", this).call(this);
     }
   }]), r;
-}(xn), Zs = /* @__PURE__ */ function() {
+}(xn), Js = /* @__PURE__ */ function() {
   function o() {
     var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
       name: "xgplayer",
@@ -3163,32 +3163,47 @@ function wt(o, a) {
       try {
         var i;
         (i = r.pre).call.apply(i, [this].concat(Array.prototype.slice.call(arguments)));
-      } catch (l) {
-        throw l.message = "[pluginName: ".concat(this.pluginName, ":").concat(o, ":pre error] >> ").concat(l.message), l;
+      } catch (s) {
+        throw s.message = "[pluginName: ".concat(this.pluginName, ":").concat(o, ":pre error] >> ").concat(s.message), s;
       }
     if (this.__hooks && this.__hooks[o])
       try {
-        var n, s = (n = this.__hooks[o]).call.apply(n, [this, this].concat(Array.prototype.slice.call(arguments)));
-        s ? s.then ? s.then(function(l) {
-          l !== !1 && ft.apply(void 0, [e, a, r.next].concat(de(t)));
-        }).catch(function(l) {
-          throw l;
-        }) : ft.apply(void 0, [this, a, r.next].concat(Array.prototype.slice.call(arguments))) : s === void 0 && ft.apply(void 0, [this, a, r.next].concat(Array.prototype.slice.call(arguments)));
-      } catch (l) {
-        throw l.message = "[pluginName: ".concat(this.pluginName, ":").concat(o, "] >> ").concat(l.message), l;
+        var n = ke(this, o, a);
+        n ? n.then ? n.then(function(s) {
+          s !== !1 && ft.apply(void 0, [e, a, r.next].concat(de(t)));
+        }).catch(function(s) {
+          throw s;
+        }) : ft.apply(void 0, [this, a, r.next].concat(Array.prototype.slice.call(arguments))) : n === void 0 && ft.apply(void 0, [this, a, r.next].concat(Array.prototype.slice.call(arguments)));
+      } catch (s) {
+        throw s.message = "[pluginName: ".concat(this.pluginName, ":").concat(o, "] >> ").concat(s.message), s;
       }
     else
       ft.apply(void 0, [this, a, r.next].concat(Array.prototype.slice.call(arguments)));
   }).bind(this);
 }
+function Kn(o, a) {
+  var r = this.__hooks;
+  if (!r || !Array.isArray(r[o]))
+    return -1;
+  for (var t = r[o], e = 0; e < t.length; e++)
+    if (t[e] === a)
+      return e;
+  return -1;
+}
 function Tt(o, a) {
   var r = this.__hooks;
   if (r)
-    return r.hasOwnProperty(o) ? (r && (r[o] = a), !0) : (console.warn("has no supported hook which name [".concat(o, "]")), !1);
+    return r.hasOwnProperty(o) ? (Array.isArray(r[o]) || (r[o] = []), Kn.call(this, o, a) === -1 && r[o].push(a), !0) : (console.warn("has no supported hook which name [".concat(o, "]")), !1);
 }
 function Et(o, a) {
   var r = this.__hooks;
-  r && delete r[o];
+  if (r) {
+    if (Array.isArray(r[o])) {
+      var t = r[o], e = Kn.call(this, o, a);
+      e !== -1 && t.splice(e, 1);
+    }
+    delete r[o];
+  }
 }
 function $i(o) {
   if (!(!this.plugins || !this.plugins[o.toLowerCase()])) {
@@ -3207,7 +3222,7 @@ function Xi(o) {
     }
   }
 }
-function Kn(o) {
+function Yn(o) {
   var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
   o.__hooks = {}, a && a.map(function(r) {
     o.__hooks[r] = null;
@@ -3220,31 +3235,38 @@ function Kn(o) {
     }
   });
 }
-function Yn(o) {
+function $n(o) {
   o.__hooks = null;
 }
-function we(o, a, r) {
+function ke(o, a, r) {
   for (var t = arguments.length, e = new Array(t > 3 ? t - 3 : 0), i = 3; i < t; i++)
     e[i - 3] = arguments[i];
-  if (o.__hooks && o.__hooks[a]) {
-    var n, s = (n = o.__hooks[a]).call.apply(n, [o, o].concat(e));
-    if (s && s.then)
-      s.then(function(l) {
-        return l === !1 ? null : r.call.apply(r, [o, o].concat(e));
-      }).catch(function(l) {
-        console.warn("[runHooks]".concat(a, " reject"), l.message);
-      });
-    else if (s !== !1)
-      return r.call.apply(r, [o, o].concat(e));
+  if (o.__hooks && Array.isArray(o.__hooks[a])) {
+    var n = o.__hooks[a], s = -1, l = function u(c, h, d) {
+      for (var g = arguments.length, p = new Array(g > 3 ? g - 3 : 0), m = 3; m < g; m++)
+        p[m - 3] = arguments[m];
+      if (s++, n.length === 0 || s === n.length)
+        return d.call.apply(d, [c, c].concat(p));
+      var y = n[s], k = y.call.apply(y, [c, c].concat(p));
+      if (k && k.then)
+        return k.then(function(w) {
+          return w === !1 ? null : u.apply(void 0, [c, h, d].concat(p));
+        }).catch(function(w) {
+          console.warn("[runHooks]".concat(h, " reject"), w.message);
+        });
+      if (k !== !1)
+        return u.apply(void 0, [c, h, d].concat(p));
+    };
+    return l.apply(void 0, [o, a, r].concat(e));
   } else
     return r.call.apply(r, [o, o].concat(e));
 }
 function Bt(o, a) {
   M.logError("[".concat(o, "] event or callback cant be undefined or null when call ").concat(a));
 }
-var Oe = /* @__PURE__ */ function() {
+var Me = /* @__PURE__ */ function() {
   function o(a) {
-    T(this, o), f.checkIsFunction(this.beforeCreate) && this.beforeCreate(a), Kn(this), this.__args = a, this.__events = {}, this.__onceEvents = {}, this.config = a.config || {}, this.player = null, this.playerConfig = {}, this.pluginName = "", this.__init(a);
+    T(this, o), f.checkIsFunction(this.beforeCreate) && this.beforeCreate(a), Yn(this), this.__args = a, this.__events = {}, this.__onceEvents = {}, this.config = a.config || {}, this.player = null, this.playerConfig = {}, this.pluginName = "", this.__init(a);
   }
   return E(o, [{
     key: "beforeCreate",
@@ -3408,7 +3430,7 @@ var Oe = /* @__PURE__ */ function() {
       var r = this, t = this.player, e = this.pluginName;
       this.offAll(), f.clearAllTimers(this), f.checkIsFunction(this.destroy) && this.destroy(), ["player", "playerConfig", "pluginName", "logger", "__args", "__hooks"].map(function(i) {
         r[i] = null;
-      }), t.unRegisterPlugin(e), Yn(this);
+      }), t.unRegisterPlugin(e), $n(this);
     }
   }], [{
     key: "defineGetterOrSetter",
@@ -3416,6 +3438,15 @@ var Oe = /* @__PURE__ */ function() {
       for (var e in t)
         Object.prototype.hasOwnProperty.call(t, e) && Object.defineProperty(r, e, t[e]);
     }
+  }, {
+    key: "defineMethod",
+    value: function(r, t) {
+      for (var e in t)
+        Object.prototype.hasOwnProperty.call(t, e) && typeof t[e] == "function" && Object.defineProperty(r, e, {
+          configurable: !0,
+          value: t[e]
+        });
+    }
   }, {
     key: "defaultConfig",
     get: function() {
@@ -3427,40 +3458,40 @@ var Oe = /* @__PURE__ */ function() {
       return "pluginName";
     }
   }]), o;
-}(), Js = 9;
+}(), Qs = 9;
 if (typeof Element < "u" && !Element.prototype.matches) {
   var Ge = Element.prototype;
   Ge.matches = Ge.matchesSelector || Ge.mozMatchesSelector || Ge.msMatchesSelector || Ge.oMatchesSelector || Ge.webkitMatchesSelector;
 }
-function Qs(o, a) {
-  for (; o && o.nodeType !== Js; ) {
+function ea(o, a) {
+  for (; o && o.nodeType !== Qs; ) {
     if (typeof o.matches == "function" && o.matches(a))
       return o;
     o = o.parentNode;
   }
 }
-var ea = Qs, ta = ea;
+var ta = ea, ia = ta;
 function Ht(o, a, r, t, e) {
-  var i = na.apply(this, arguments);
+  var i = ra.apply(this, arguments);
   return o.addEventListener(r, i, e), {
     destroy: function() {
       o.removeEventListener(r, i, e);
     }
   };
 }
-function ia(o, a, r, t, e) {
+function na(o, a, r, t, e) {
   return typeof o.addEventListener == "function" ? Ht.apply(null, arguments) : typeof r == "function" ? Ht.bind(null, document).apply(null, arguments) : (typeof o == "string" && (o = document.querySelectorAll(o)), Array.prototype.map.call(o, function(i) {
     return Ht(i, a, r, t, e);
   }));
 }
-function na(o, a, r, t) {
+function ra(o, a, r, t) {
   return function(e) {
-    e.delegateTarget = ta(e.target, a), e.delegateTarget && t.call(o, e);
+    e.delegateTarget = ia(e.target, a), e.delegateTarget && t.call(o, e);
   };
 }
-var ra = ia;
-const qi = /* @__PURE__ */ li(ra);
-var sa = {
+var sa = na;
+const qi = /* @__PURE__ */ li(sa);
+var aa = {
   CONTROLS: "controls",
   ROOT: "root"
 }, G = {
@@ -3480,10 +3511,10 @@ var sa = {
 function Ut(o) {
   return o ? o.indexOf && /^(?:http|data:|\/)/.test(o) : !1;
 }
-function aa(o, a) {
+function oa(o, a) {
   return re(o) === "object" && o.class && typeof o.class == "string" ? "".concat(a, " ").concat(o.class) : a;
 }
-function oa(o, a) {
+function la(o, a) {
   return re(o) === "object" && o.attr && re(o.attr) === "object" && Object.keys(o.attr).map(function(r) {
     a[r] = o.attr[r];
   }), a;
@@ -3506,14 +3537,14 @@ function Ji(o, a) {
     }
   return typeof o == "string" ? f.createDomFromHtml(o, t, r) : (M.logWarn("warn>>icons.".concat(a, " in config of plugin named [").concat(e, "] is invalid")), null);
 }
-function la(o, a) {
+function ua(o, a) {
   var r = a.config.icons || a.playerConfig.icons;
   Object.keys(o).map(function(t) {
     var e = o[t], i = e && e.class ? e.class : "", n = e && e.attr ? e.attr : {}, s = null;
-    r && r[t] && (i = aa(r[t], i), n = oa(r[t], n), s = Ji(r[t], t, i, n, a.pluginName)), !s && e && (s = Ji(e.icon ? e.icon : e, n, i, {}, a.pluginName)), a.icons[t] = s;
+    r && r[t] && (i = oa(r[t], i), n = la(r[t], n), s = Ji(r[t], t, i, n, a.pluginName)), !s && e && (s = Ji(e.icon ? e.icon : e, n, i, {}, a.pluginName)), a.icons[t] = s;
   });
 }
-function ua(o, a) {
+function ca(o, a) {
   Object.keys(o).map(function(r) {
     Object.defineProperty(a.langText, r, {
       get: function() {
@@ -3533,13 +3564,13 @@ var U = /* @__PURE__ */ function(o) {
   return E(r, [{
     key: "__init",
     value: function(e) {
-      if (L(I(r.prototype), "__init", this).call(this, e), !!e.root) {
+      if (A(I(r.prototype), "__init", this).call(this, e), !!e.root) {
         var i = e.root, n = null;
         this.icons = {}, this.root = null, this.parent = null;
         var s = this.registerIcons() || {};
-        la(s, this), this.langText = {};
+        ua(s, this), this.langText = {};
         var l = this.registerLanguageTexts() || {};
-        ua(l, this);
+        ca(l, this);
         var u = "";
         try {
           u = this.render();
@@ -3627,7 +3658,7 @@ var U = /* @__PURE__ */ function(o) {
     value: function(e) {
       var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
       i.root = i.root || this.root;
-      var s = L(I(r.prototype), "registerPlugin", this).call(this, e, i, n);
+      var s = A(I(r.prototype), "registerPlugin", this).call(this, e, i, n);
       return this._children.push(s), s;
     }
   }, {
@@ -3762,7 +3793,7 @@ var U = /* @__PURE__ */ function(o) {
         n.destroy();
       }), this.__delegates = [], this._children instanceof Array && (this._children.map(function(n) {
         i.unRegisterPlugin(n.pluginName);
-      }), this._children = null), this.root && (this.root.hasOwnProperty("remove") ? this.root.remove() : this.root.parentNode && this.root.parentNode.removeChild(this.root)), L(I(r.prototype), "__destroy", this).call(this), this.icons = {}, ["root", "parent"].map(function(n) {
+      }), this._children = null), this.root && (this.root.hasOwnProperty("remove") ? this.root.remove() : this.root.parentNode && this.root.parentNode.removeChild(this.root)), A(I(r.prototype), "__destroy", this).call(this), this.icons = {}, ["root", "parent"].map(function(n) {
         e[n] = null;
       });
     }
@@ -3808,7 +3839,7 @@ var U = /* @__PURE__ */ function(o) {
   }, {
     key: "ROOT_TYPES",
     get: function() {
-      return sa;
+      return aa;
     }
   }, {
     key: "POSITIONS",
@@ -3816,7 +3847,7 @@ var U = /* @__PURE__ */ function(o) {
       return G;
     }
   }]), r;
-}(Oe), ca = /* @__PURE__ */ function() {
+}(Me), fa = /* @__PURE__ */ function() {
   function o() {
     var a = this;
     if (T(this, o), _(this, "__trigger", function(r) {
@@ -3826,7 +3857,7 @@ var U = /* @__PURE__ */ function(o) {
         a.__runHandler(r[e].target);
     }), this.__handlers = [], this.timeStamp = 0, this.observer = null, !!window.ResizeObserver)
       try {
-        this.observer = new window.ResizeObserver(Os(this.__trigger, 100, {
+        this.observer = new window.ResizeObserver(Ms(this.__trigger, 100, {
           trailing: !0
         })), this.timeStamp = (/* @__PURE__ */ new Date()).getTime();
       } catch (r) {
@@ -3837,7 +3868,7 @@ var U = /* @__PURE__ */ function(o) {
     key: "addObserver",
     value: function(r, t) {
       if (this.observer) {
-        this.observer && this.observer.observe(r);
+        this.observer.observe(r);
         for (var e = r.getAttribute(He), i = this.__handlers, n = -1, s = 0; s < i.length; s++)
           i[s] && r === i[s].target && (n = s);
         n > -1 ? this.__handlers[n].handler = t : this.__handlers.push({
@@ -3851,19 +3882,21 @@ var U = /* @__PURE__ */ function(o) {
     key: "unObserver",
     value: function(r) {
       var t = -1;
-      this.__handlers.map(function(e, i) {
-        r === e.target && (t = i);
+      this.__handlers.map(function(i, n) {
+        r === i.target && (t = n);
       });
       try {
-        this.observer && this.observer.unobserve(r);
+        var e;
+        (e = this.observer) === null || e === void 0 || e.unobserve(r);
       } catch {
       }
-      this.observer && this.observer.unobserve(r), t > -1 && this.__handlers.splice(t, 1);
+      t > -1 && this.__handlers.splice(t, 1);
     }
   }, {
     key: "destroyObserver",
     value: function() {
-      this.observer && this.observer.disconnect(), this.observer = null, this.__handlers = null;
+      var r;
+      (r = this.observer) === null || r === void 0 || r.disconnect(), this.observer = null, this.__handlers = null;
     }
   }, {
     key: "__runHandler",
@@ -3881,17 +3914,18 @@ var U = /* @__PURE__ */ function(o) {
     }
   }]), o;
 }(), st = null;
-function fa(o, a) {
-  return st || (st = new ca()), st.addObserver(o, a), st;
-}
 function ha(o, a) {
-  st.unObserver(o, a);
+  return st || (st = new fa()), st.addObserver(o, a), st;
+}
+function da(o, a) {
+  var r;
+  (r = st) === null || r === void 0 || r.unObserver(o, a);
 }
 var te = {
   pluginGroup: {},
   init: function(a) {
     var r = a._pluginInfoId;
-    r || (r = (/* @__PURE__ */ new Date()).getTime(), a._pluginInfoId = r), !a.config.closeResizeObserver && fa(a.root, function() {
+    r || (r = (/* @__PURE__ */ new Date()).getTime(), a._pluginInfoId = r), !a.config.closeResizeObserver && ha(a.root, function() {
       a.resize();
     }), this.pluginGroup[r] = {
       _originalOptions: a.config || {},
@@ -4077,7 +4111,7 @@ var te = {
   destroy: function(a) {
     var r = a._pluginInfoId;
     if (this.pluginGroup[r]) {
-      ha(a.root);
+      da(a.root);
       for (var t = this.pluginGroup[r]._plugins, e = 0, i = Object.keys(t); e < i.length; e++) {
         var n = i[e];
         this.unRegister(r, n);
@@ -4163,7 +4197,7 @@ function Qi() {
     ignores: [],
     whitelist: [],
     inactive: 3e3,
-    lang: Ms(),
+    lang: Ns(),
     controls: !0,
     marginControls: !1,
     fullscreenTarget: null,
@@ -4199,16 +4233,16 @@ function Qi() {
     }
   };
 }
-var da = function(a, r) {
+var ga = function(a, r) {
   var t, e, i;
   r.preset && r.options ? i = new r.preset(r.options, a.config) : i = new r({}, a.config);
   var n = i, s = n.plugins, l = s === void 0 ? [] : s, u = n.ignores, c = u === void 0 ? [] : u, h = n.icons, d = h === void 0 ? {} : h, g = n.i18n, p = g === void 0 ? [] : g;
-  a.config.plugins || (a.config.plugins = []), a.config.ignores || (a.config.ignores = []), (t = a.config.plugins).push.apply(t, de(l)), (e = a.config.ignores).push.apply(e, de(c)), Object.keys(d).map(function(m) {
-    a.config.icons[m] || (a.config.icons[m] = d[m]);
+  a.config.plugins || (a.config.plugins = []), a.config.ignores || (a.config.ignores = []), (t = a.config.plugins).push.apply(t, de(l)), (e = a.config.ignores).push.apply(e, de(c)), Object.keys(d).map(function(y) {
+    a.config.icons[y] || (a.config.icons[y] = d[y]);
   });
-  var y = a.config.i18n || [];
-  p.push.apply(p, de(y)), a.config.i18n = p;
-}, ga = /* @__PURE__ */ function(o) {
+  var m = a.config.i18n || [];
+  p.push.apply(p, de(m)), a.config.i18n = p;
+}, pa = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -4319,7 +4353,7 @@ var da = function(a, r) {
             default:
               i.root = this.left;
           }
-          return L(I(r.prototype), "registerPlugin", this).call(this, e, i, n);
+          return A(I(r.prototype), "registerPlugin", this).call(this, e, i, n);
         }
       }
     }
@@ -4369,7 +4403,7 @@ var da = function(a, r) {
       };
     }
   }]), r;
-}(U), pa = {
+}(U), va = {
   LANG: "en",
   TEXT: {
     ERROR_TYPES: {
@@ -4459,12 +4493,12 @@ function ot(o, a) {
       t === "Object" ? (e !== "Object" && (o[r] = {}), ot(o[r], a[r])) : o[r] = a[r];
   }), o;
 }
-function $n() {
+function Xn() {
   Object.keys(ue.lang.en).map(function(o) {
     ue.textKeys[o] = o;
   });
 }
-function va(o, a) {
+function ma(o, a) {
   var r = [];
   if (a || (a = ue), !!a.lang) {
     f.typeOf(o) !== "Array" ? r = Object.keys(o).map(function(i) {
@@ -4477,17 +4511,17 @@ function va(o, a) {
     var t = a, e = t.lang;
     r.map(function(i) {
       i.LANG === "zh" && (i.LANG = "zh-cn"), e[i.LANG] ? ot(e[i.LANG] || {}, i.TEXT || {}) : yi(i, a);
-    }), $n();
+    }), Xn();
   }
 }
 function yi(o, a) {
   var r = o.LANG;
   if (a || (a = ue), !!a.lang) {
     var t = o.TEXT || {};
-    r === "zh" && (r = "zh-cn"), a.lang[r] ? ot(a.lang[r], t) : (a.langKeys.push(r), a.lang[r] = t), $n();
+    r === "zh" && (r = "zh-cn"), a.lang[r] ? ot(a.lang[r], t) : (a.langKeys.push(r), a.lang[r] = t), Xn();
   }
 }
-function ma(o) {
+function ya(o) {
   var a, r = {
     lang: {},
     langKeys: [],
@@ -4496,7 +4530,7 @@ function ma(o) {
   };
   return ot(r.lang, ue.lang), (a = r.langKeys).push.apply(a, de(ue.langKeys)), ot(r.textKeys, ue.textKeys), r;
 }
-yi(pa);
+yi(va);
 var Qe = {
   get textKeys() {
     return ue.textKeys;
@@ -4510,9 +4544,9 @@ var Qe = {
       o[a] = ue.lang[a];
     }), ue.lang["zh-cn"] && (o.zh = ue.lang["zh-cn"] || {}), o;
   },
-  extend: va,
+  extend: ma,
   use: yi,
-  init: ma
+  init: ya
 }, H = {
   INITIAL: 1,
   READY: 2,
@@ -4522,7 +4556,7 @@ var Qe = {
   RUNNING: 6,
   ENDED: 7,
   DESTROYED: 8
-}, en = ["ERROR", "INITIAL", "READY", "ATTACHING", "ATTACHED", "NOTALLOW", "RUNNING", "ENDED", "DESTROYED"], se = {}, Vt = null, Xn = /* @__PURE__ */ function(o) {
+}, en = ["ERROR", "INITIAL", "READY", "ATTACHING", "ATTACHED", "NOTALLOW", "RUNNING", "ENDED", "DESTROYED"], se = {}, Vt = null, qn = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -4609,7 +4643,7 @@ var Qe = {
     }
   }]), r;
 }(Sn.EventEmitter);
-function ya(o) {
+function _a(o) {
   for (var a = Object.keys(se), r = 0; r < a.length; r++) {
     var t = se[a[r]];
     if (t.root === o)
@@ -4617,7 +4651,7 @@ function ya(o) {
   }
   return null;
 }
-var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /* @__PURE__ */ function(o) {
+var Ca = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Ae = null, Lt = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -4626,11 +4660,11 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
     var i = f.deepMerge(Qi(), t);
     e = a.call(this, i), _(v(e), "canPlayFunc", function() {
       if (e.config) {
-        var p = e.config, y = p.autoplay, m = p.defaultPlaybackRate;
-        M.logInfo("player", "canPlayFunc, startTime", e.__startTime), e.__startTime > 0 && e.duration > 0 && (e.currentTime = e.__startTime > e.duration ? e.duration : e.__startTime, e.__startTime = -1), e.playbackRate = m, (y || e._useAutoplay) && e.mediaPlay(), e.off(Te, e.canPlayFunc), e.removeClass(C.ENTER);
+        var p = e.config, m = p.autoplay, y = p.defaultPlaybackRate;
+        M.logInfo("player", "canPlayFunc, startTime", e.__startTime), e._seekToStartTime(), e.playbackRate = y, (m || e._useAutoplay) && e.mediaPlay(), e.off(Te, e.canPlayFunc), e.removeClass(C.ENTER);
       }
-    }), _(v(e), "onFullscreenChange", function(p, y) {
-      var m = function() {
+    }), _(v(e), "onFullscreenChange", function(p, m) {
+      var y = function() {
         f.setTimeout(v(e), function() {
           e.resize();
         }, 100);
@@ -4647,11 +4681,11 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
           to: !1
         }]
       });
-      var w = Ns(k, e.playerId, He);
-      if (y || k && (k === e._fullscreenEl || w))
-        m(), !e.config.closeFocusVideoFocus && e.media.focus(), e.fullscreen = !0, e.changeFullStyle(e.root, k, C.FULLSCREEN), e.emit(be, !0, e._fullScreenOffset), e.cssfullscreen && e.exitCssFullscreen();
+      var w = Fs(k, e.playerId, He);
+      if (m || k && (k === e._fullscreenEl || w))
+        y(), !e.config.closeFocusVideoFocus && e.media.focus(), e.fullscreen = !0, e.changeFullStyle(e.root, k, C.FULLSCREEN), e.emit(we, !0, e._fullScreenOffset), e.cssfullscreen && e.exitCssFullscreen();
       else if (e.fullscreen) {
-        m();
+        y();
         var b = v(e), B = b._fullScreenOffset, O = b.config;
         if (O.needFullscreenScroll ? (window.scrollTo(B.left, B.top), f.setTimeout(v(e), function() {
           e.fullscreen = !1, e._fullScreenOffset = null;
@@ -4661,20 +4695,20 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
           var z = e._fullscreenEl;
           !z && (e.root.contains(p.target) || p.target === e.root) && (z = p.target), e.recoverFullStyle(e.root, z, C.FULLSCREEN);
         }
-        e._fullscreenEl = null, e.emit(be, !1);
+        e._fullscreenEl = null, e.emit(we, !1);
       }
     }), _(v(e), "_onWebkitbeginfullscreen", function(p) {
       e._fullscreenEl = e.media, e.onFullscreenChange(p, !0);
     }), _(v(e), "_onWebkitendfullscreen", function(p) {
       e.onFullscreenChange(p, !1);
-    }), Kn(v(e), _a), e.config = i, e._pluginInfoId = f.generateSessionId(), Ls(v(e));
+    }), Yn(v(e), Ca), e.config = i, e._pluginInfoId = f.generateSessionId(), Ls(v(e));
     var n = e.constructor.defaultPreset;
     if (e.config.presets.length) {
       var s = e.config.presets.indexOf("default");
       s >= 0 && n && (e.config.presets[s] = n);
     } else
       n && e.config.presets.push(n);
-    e.userTimer = null, e.waitTimer = null, e.handleSource = !0, e._state = H.INITIAL, e.isError = !1, e._hasStart = !1, e.isSeeking = !1, e.isCanplay = !1, e._useAutoplay = !1, e.__startTime = -1, e.rotateDeg = 0, e.isActive = !1, e.fullscreen = !1, e.cssfullscreen = !1, e.isRotateFullscreen = !1, e._fullscreenEl = null, e.timeSegments = [], e._cssfullscreenEl = null, e.curDefinition = null, e._orgCss = "", e._fullScreenOffset = null, e._videoHeight = 0, e._videoWidth = 0, e.videoPos = {
+    e.userTimer = null, e.waitTimer = null, e.handleSource = !0, e._state = H.INITIAL, e.isAd = !1, e.isError = !1, e._hasStart = !1, e.isSeeking = !1, e.isCanplay = !1, e._useAutoplay = !1, e.__startTime = -1, e.rotateDeg = 0, e.isActive = !1, e.fullscreen = !1, e.cssfullscreen = !1, e.isRotateFullscreen = !1, e._fullscreenEl = null, e.timeSegments = [], e._cssfullscreenEl = null, e.curDefinition = null, e._orgCss = "", e._fullScreenOffset = null, e._videoHeight = 0, e._videoWidth = 0, e.videoPos = {
       pi: 1,
       scale: 0,
       rotate: -1,
@@ -4696,9 +4730,9 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
     }, e._offsetInfo = {
       currentTime: -1,
       duration: 0
-    }, e.innerContainer = null, e.controls = null, e.topBar = null, e.root = null, e.__i18n = Qe.init(e._pluginInfoId), R.os.isAndroid && R.osVersion > 0 && R.osVersion < 6 && (e.config.autoplay = !1), e.database = new Zs(), e.isUserActive = !1, e._onceSeekCanplay = null, e._isPauseBeforeSeek = 0, e.innerStates = {
+    }, e.innerContainer = null, e.controls = null, e.topBar = null, e.root = null, e.__i18n = Qe.init(e._pluginInfoId), R.os.isAndroid && R.osVersion > 0 && R.osVersion < 6 && (e.config.autoplay = !1), e.database = new Js(), e.isUserActive = !1, e._onceSeekCanplay = null, e._isPauseBeforeSeek = 0, e.innerStates = {
       isActiveLocked: !1
-    }, e.instManager = Pe;
+    }, e.instManager = Ae;
     var l = e._initDOM();
     if (!l)
       return console.error(new Error("can't find the dom which id is ".concat(e.config.id, " or this.config.el does not exist"))), ci(e);
@@ -4728,8 +4762,8 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
             msg: "container id can't be empty"
           })), console.error("this.confg.id or this.config.el can't be empty"), !1;
       }
-      var s = ya(this.root);
-      s && (M.logWarn("The is an Player instance already exists in this.root, destroy it and reinitialize"), s.destroy()), this.root.setAttribute(He, this.playerId), (e = Pe) === null || e === void 0 || e.add(this), te.init(this), this._initBaseDoms();
+      var s = _a(this.root);
+      s && (M.logWarn("The is an Player instance already exists in this.root, destroy it and reinitialize"), s.destroy()), this.root.setAttribute(He, this.playerId), (e = Ae) === null || e === void 0 || e.add(this), te.init(this), this._initBaseDoms();
       var l = this.constructor.XgVideoProxy;
       if (l && this.mediaConfig.mediaType === l.mediaType) {
         var u = this.innerContainer || this.root;
@@ -4738,27 +4772,27 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
         this.attachVideoEvents(c), this.media = c;
       }
       if (this.media.setAttribute(He, this.playerId), this.config.controls) {
-        var h = this.config.controls.root || null, d = te.register(this, ga, {
+        var h = this.config.controls.root || null, d = te.register(this, pa, {
           root: h
         });
         this.controls = d;
       }
       var g = this.config.isMobileSimulateMode === "mobile" ? "mobile" : R.device;
       if (this.addClass("".concat(C.DEFAULT, " ").concat(C.INACTIVE, " xgplayer-").concat(g, " ").concat(this.config.controls ? "" : C.NO_CONTROLS)), this.config.autoplay ? this.addClass(C.ENTER) : this.addClass(C.NO_START), this.config.fluid) {
-        var p = this.config, y = p.width, m = p.height;
-        (typeof y != "number" || typeof m != "number") && (y = 600, m = 337.5);
+        var p = this.config, m = p.width, y = p.height;
+        (typeof m != "number" || typeof y != "number") && (m = 600, y = 337.5);
         var k = {
           width: "100%",
           height: "0",
           "max-width": "100%",
-          "padding-top": "".concat(m * 100 / y, "%")
+          "padding-top": "".concat(y * 100 / m, "%")
         };
-        Object.keys(k).forEach(function(A) {
-          i.root.style[A] = k[A];
+        Object.keys(k).forEach(function(L) {
+          i.root.style[L] = k[L];
         });
       } else
-        ["width", "height"].forEach(function(A) {
-          i.config[A] && (typeof i.config[A] != "number" ? i.root.style[A] = i.config[A] : i.root.style[A] = "".concat(i.config[A], "px"));
+        ["width", "height"].forEach(function(L) {
+          i.config[L] && (typeof i.config[L] != "number" ? i.root.style[L] = i.config[L] : i.root.style[L] = "".concat(i.config[L], "px"));
         });
       var w = this.root.getBoundingClientRect(), b = w.width, B = w.height, O = w.left, z = w.top;
       return this.sizeInfo.width = b, this.sizeInfo.height = B, this.sizeInfo.left = O, this.sizeInfo.top = z, !0;
@@ -4846,7 +4880,7 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
     value: function() {
       var e = this;
       this.config.presets.forEach(function(i) {
-        da(e, i);
+        ga(e, i);
       });
     }
   }, {
@@ -4877,12 +4911,16 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
       var h = te.getRootByConfig(s.pluginName, this.config);
       h.root && (l.root = h.root), h.position && (l.position = h.position);
       var d = l.position ? l.position : l.config && l.config.position || s.defaultConfig && s.defaultConfig.position;
-      return !l.root && typeof d == "string" && d.indexOf("controls") > -1 ? this.controls && this.controls.registerPlugin(s, l, s.pluginName) : (l.root || (l.root = this._getRootByPosition(d)), te.register(this, s, l));
+      if (!l.root && typeof d == "string" && d.indexOf("controls") > -1) {
+        var g;
+        return (g = this.controls) === null || g === void 0 ? void 0 : g.registerPlugin(s, l, s.pluginName);
+      }
+      return l.root || (l.root = this._getRootByPosition(d)), te.register(this, s, l);
     }
   }, {
     key: "deregister",
     value: function(e) {
-      typeof e == "string" ? te.unRegister(this, e) : e instanceof Oe && te.unRegister(this, e.pluginName);
+      typeof e == "string" ? te.unRegister(this, e) : e instanceof Me && te.unRegister(this, e.pluginName);
     }
   }, {
     key: "unRegisterPlugin",
@@ -4894,7 +4932,7 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
     key: "removePluginFromConfig",
     value: function(e) {
       var i;
-      if (typeof e == "string" ? i = e : e instanceof Oe && (i = e.pluginName), !!i)
+      if (typeof e == "string" ? i = e : e instanceof Me && (i = e.pluginName), !!i)
         for (var n = this.config.plugins.length - 1; n > -1; n--) {
           var s = this.config.plugins[n];
           if (s.pluginName.toLowerCase() === i.toLowerCase()) {
@@ -4964,10 +5002,10 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
       this.__startTime = l;
       var u = this.paused && !this.isError;
       return this.src = s, new Promise(function(c, h) {
-        var d = function(y) {
-          n.off("timeupdate", g), n.off("canplay", g), h(y);
+        var d = function(m) {
+          n.off("timeupdate", g), n.off("canplay", g), h(m);
         }, g = function() {
-          n.duration > 0 && n.__startTime > 0 && (n.currentTime = n.__startTime, n.__startTime = -1), u && n.pause(), n.off("error", d), c(!0);
+          n._seekToStartTime(), u && n.pause(), n.off("error", d), c(!0);
         };
         if (n.once("error", d), !s) {
           n.errorHandler("error", {
@@ -4993,7 +5031,7 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
         return;
       }
       this.state < H.RUNNING && (this.removeClass(C.NO_START), !this.isCanplay && this.addClass(C.ENTER));
-      var i = L(I(r.prototype), "play", this).call(this);
+      var i = A(I(r.prototype), "play", this).call(this);
       return i !== void 0 && i && i.then ? i.then(function() {
         e.removeClass(C.NOT_ALLOW_AUTOPLAY), e.addClass(C.PLAYING), e.state < H.RUNNING && (M.logInfo(">>>>playPromise.then"), e.setState(H.RUNNING), e.emit(Ue));
       }).catch(function(n) {
@@ -5009,18 +5047,18 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
   }, {
     key: "mediaPause",
     value: function() {
-      L(I(r.prototype), "pause", this).call(this);
+      A(I(r.prototype), "pause", this).call(this);
     }
   }, {
     key: "videoPause",
     value: function() {
-      L(I(r.prototype), "pause", this).call(this);
+      A(I(r.prototype), "pause", this).call(this);
     }
   }, {
     key: "play",
     value: function() {
       var e = this;
-      return this.removeClass(C.PAUSED), we(this, "play", function() {
+      return this.removeClass(C.PAUSED), ke(this, "play", function() {
         return e.mediaPlay();
       });
     }
@@ -5028,8 +5066,8 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
     key: "pause",
     value: function() {
       var e = this;
-      we(this, "pause", function() {
-        L(I(r.prototype), "pause", e).call(e);
+      ke(this, "pause", function() {
+        A(I(r.prototype), "pause", e).call(e);
       });
     }
   }, {
@@ -5098,9 +5136,9 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
     key: "resetState",
     value: function() {
       var e = this, i = C.NOT_ALLOW_AUTOPLAY, n = C.PLAYING, s = C.NO_START, l = C.PAUSED, u = C.REPLAY, c = C.ENTER, h = C.ENDED, d = C.ERROR, g = C.LOADING, p = [i, n, s, l, u, c, h, d, g];
-      this.hasStart = !1, this.isError = !1, this._useAutoplay = !1, this.mediaPause(), this._accPlayed.acc = 0, this._accPlayed.t = 0, this._accPlayed.loopAcc = 0, p.forEach(function(y) {
-        e.removeClass(y);
-      }), this.addClass(C.NO_START), this.emit(Lt);
+      this.hasStart = !1, this.isError = !1, this._useAutoplay = !1, this.mediaPause(), this._accPlayed.acc = 0, this._accPlayed.t = 0, this._accPlayed.loopAcc = 0, p.forEach(function(m) {
+        e.removeClass(m);
+      }), this.addClass(C.NO_START), this.emit(At);
     }
   }, {
     key: "reset",
@@ -5122,7 +5160,7 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
     value: function() {
       var e, i = this, n = this.innerContainer, s = this.root, l = this.media;
       if (!(!s || !l)) {
-        if (this.hasStart = !1, this._useAutoplay = !1, s.removeAttribute(He), this.updateAcc("destroy"), this._unbindEvents(), this._detachSourceEvents(this.media), f.clearAllTimers(this), this.emit(vi), (e = Pe) === null || e === void 0 || e.remove(this), te.destroy(this), Yn(this), L(I(r.prototype), "destroy", this).call(this), this.fullscreen && this._fullscreenEl === this.root && this.exitFullscreen(), n)
+        if (this.hasStart = !1, this._useAutoplay = !1, s.removeAttribute(He), this.updateAcc("destroy"), this._unbindEvents(), this._detachSourceEvents(this.media), f.clearAllTimers(this), this.emit(vi), (e = Ae) === null || e === void 0 || e.remove(this), te.destroy(this), $n(this), A(I(r.prototype), "destroy", this).call(this), this.fullscreen && this._fullscreenEl === this.root && this.exitFullscreen(), n)
           for (var u = n.children, c = 0; c < u.length; c++)
             n.removeChild(u[c]);
         !n && l instanceof window.Node && s.contains(l) && s.removeChild(l), ["topBar", "leftBar", "rightBar", "innerContainer"].map(function(d) {
@@ -5140,7 +5178,7 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
     key: "replay",
     value: function() {
       var e = this;
-      this.removeClass(C.ENDED), this.currentTime = 0, this.isSeeking = !1, we(this, "replay", function() {
+      this.removeClass(C.ENDED), this.currentTime = 0, this.isSeeking = !1, ke(this, "replay", function() {
         e.once(Ee, function() {
           var i = e.mediaPlay();
           i && i.catch && i.catch(function(n) {
@@ -5153,7 +5191,7 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
     key: "retry",
     value: function() {
       var e = this;
-      this.removeClass(C.ERROR), this.addClass(C.LOADING), we(this, "retry", function() {
+      this.removeClass(C.ERROR), this.addClass(C.LOADING), ke(this, "retry", function() {
         var i = e.currentTime, n = e.config.url, s = f.isMSE(e.media) ? {
           url: n
         } : e._preProcessUrl(n);
@@ -5225,7 +5263,7 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
       var i = e ? "".concat(C.INNER_FULLSCREEN, " ").concat(C.CSS_FULLSCREEN) : C.CSS_FULLSCREEN;
       this.changeFullStyle(this.root, e, i);
       var n = this.config.fullscreen, s = n === void 0 ? {} : n, l = s.useCssFullscreen === !0 || typeof s.useCssFullscreen == "function" && s.useCssFullscreen();
-      l && (this.fullscreen = !0, this.emit(be, !0)), this._cssfullscreenEl = e, this.cssfullscreen = !0, this.emit(_t, !0);
+      l && (this.fullscreen = !0, this.emit(we, !0)), this._cssfullscreenEl = e, this.cssfullscreen = !0, this.emit(_t, !0);
     }
   }, {
     key: "exitCssFullscreen",
@@ -5235,7 +5273,7 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
         this.recoverFullStyle(this.root, this._cssfullscreenEl, e);
       else {
         var i = this.config.fullscreen, n = i === void 0 ? {} : i, s = n.useCssFullscreen === !0 || typeof n.useCssFullscreen == "function" && n.useCssFullscreen();
-        s ? (this.recoverFullStyle(this.root, this._cssfullscreenEl, e), this.fullscreen = !1, this.emit(be, !1)) : this.removeClass(e);
+        s ? (this.recoverFullStyle(this.root, this._cssfullscreenEl, e), this.fullscreen = !1, this.emit(we, !1)) : this.removeClass(e);
       }
       this._cssfullscreenEl = null, this.cssfullscreen = !1, this.emit(_t, !1);
     }
@@ -5245,13 +5283,13 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
       var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.config.fullscreenTarget;
       this.cssfullscreen && this.exitCssFullscreen(e);
       var i = e ? "".concat(C.INNER_FULLSCREEN, " ").concat(C.ROTATE_FULLSCREEN) : C.ROTATE_FULLSCREEN;
-      this._fullscreenEl = e || this.root, this.changeFullStyle(this.root, e, i, C.PARENT_ROTATE_FULLSCREEN), this.isRotateFullscreen = !0, this.fullscreen = !0, this.setRotateDeg(90), this._rootStyle = this.root.getAttribute("style"), this.root.style.width = "".concat(window.innerHeight, "px"), this.emit(be, !0);
+      this._fullscreenEl = e || this.root, this.changeFullStyle(this.root, e, i, C.PARENT_ROTATE_FULLSCREEN), this.isRotateFullscreen = !0, this.fullscreen = !0, this.setRotateDeg(90), this._rootStyle = this.root.getAttribute("style"), this.root.style.width = "".concat(window.innerHeight, "px"), this.emit(we, !0);
     }
   }, {
     key: "exitRotateFullscreen",
     value: function(e) {
       var i = this._fullscreenEl !== this.root ? "".concat(C.INNER_FULLSCREEN, " ").concat(C.ROTATE_FULLSCREEN) : C.ROTATE_FULLSCREEN;
-      this.recoverFullStyle(this.root, this._fullscreenEl, i, C.PARENT_ROTATE_FULLSCREEN), this.isRotateFullscreen = !1, this.fullscreen = !1, this.setRotateDeg(0), this.emit(be, !1), this._rootStyle && (this.root.style.style = this._rootStyle, this._rootStyle = !1);
+      this.recoverFullStyle(this.root, this._fullscreenEl, i, C.PARENT_ROTATE_FULLSCREEN), this.isRotateFullscreen = !1, this.fullscreen = !1, this.setRotateDeg(0), this.emit(we, !1), this._rootStyle && (this.root.style.style = this._rootStyle, this._rootStyle = !1);
     }
   }, {
     key: "setRotateDeg",
@@ -5327,7 +5365,10 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
   }, {
     key: "onLoadeddata",
     value: function() {
-      this.isError = !1, this.isSeeking = !1, this.__startTime > 0 && this.duration > 0 && (this.currentTime = this.__startTime, this.__startTime = -1);
+      var e = this;
+      this.isError = !1, this.isSeeking = !1, this.__startTime > 0 && (this.duration > 0 ? this._seekToStartTime() : this.once(xe, function() {
+        e._seekToStartTime();
+      }));
     }
   }, {
     key: "onLoadstart",
@@ -5444,16 +5485,16 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
           this.videoPos.pi = c, u = u < 0 ? 0 : u;
           var h = {
             rotate: u
-          }, d = 0, g = 0, p = 1, y = Math.abs(u / 90), m = this.root, k = this.innerContainer, w = m.offsetWidth, b = k ? k.offsetHeight : m.offsetHeight, B = b, O = w;
-          if (y % 2 === 0)
-            p = s > 0 ? 100 / s : l > 0 ? 100 / l : 1, h.scale = p, d = i > 0 ? (100 - s) / 2 - i : 0, h.y = y === 2 ? 0 - d : d, g = n > 0 ? (100 - l) / 2 - n : 0, h.x = y === 2 ? 0 - g : g, this.media.style.width = "".concat(O, "px"), this.media.style.height = "".concat(B, "px");
-          else if (y % 2 === 1) {
+          }, d = 0, g = 0, p = 1, m = Math.abs(u / 90), y = this.root, k = this.innerContainer, w = y.offsetWidth, b = k ? k.offsetHeight : y.offsetHeight, B = b, O = w;
+          if (m % 2 === 0)
+            p = s > 0 ? 100 / s : l > 0 ? 100 / l : 1, h.scale = p, d = i > 0 ? (100 - s) / 2 - i : 0, h.y = m === 2 ? 0 - d : d, g = n > 0 ? (100 - l) / 2 - n : 0, h.x = m === 2 ? 0 - g : g, this.media.style.width = "".concat(O, "px"), this.media.style.height = "".concat(B, "px");
+          else if (m % 2 === 1) {
             O = b, B = w;
             var z = b - w;
-            g = -z / 2 / O * 100, h.x = y === 3 ? g + i / 2 : g - i / 2, d = z / 2 / B * 100, h.y = y === 3 ? d + n / 2 : d - n / 2, h.scale = p, this.media.style.width = "".concat(O, "px"), this.media.style.height = "".concat(B, "px");
+            g = -z / 2 / O * 100, h.x = m === 3 ? g + i / 2 : g - i / 2, d = z / 2 / B * 100, h.y = m === 3 ? d + n / 2 : d - n / 2, h.scale = p, this.media.style.width = "".concat(O, "px"), this.media.style.height = "".concat(B, "px");
           }
-          var A = f.getTransformStyle(h, this.media.style.transform || this.media.style.webkitTransform);
-          this.media.style.transform = A, this.media.style.webkitTransform = A;
+          var L = f.getTransformStyle(h, this.media.style.transform || this.media.style.webkitTransform);
+          this.media.style.transform = L, this.media.style.webkitTransform = L;
         }
       }
     }
@@ -5487,7 +5528,7 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
     key: "playNext",
     value: function(e) {
       var i = this;
-      this.resetState(), this.setConfig(e), this._currentTime = 0, this._duration = 0, we(this, "playnext", function() {
+      this.resetState(), this.setConfig(e), this._currentTime = 0, this._duration = 0, ke(this, "playnext", function() {
         i.start(), i.emit(kt, e);
       });
     }
@@ -5501,18 +5542,18 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
         var n = this.media, s = n.videoWidth, l = n.videoHeight, u = this.config, c = u.fitVideoSize, h = u.videoFillMode;
         if ((h === "fill" || h === "cover" || h === "contain") && this.setAttribute("data-xgfill", h), !(!l || !s)) {
           this._videoHeight = l, this._videoWidth = s;
-          var d = this.controls && this.innerContainer ? this.controls.root.getBoundingClientRect().height : 0, g = i.width, p = i.height - d, y = parseInt(s / l * 1e3, 10), m = parseInt(g / p * 1e3, 10), k = g, w = p, b = {};
-          c === "auto" && m > y || c === "fixWidth" ? (w = g / y * 1e3, this.config.fluid ? b.paddingTop = "".concat(w * 100 / k, "%") : b.height = "".concat(w + d, "px")) : (c === "auto" && m < y || c === "fixHeight") && (k = y * p / 1e3, b.width = "".concat(k, "px")), !this.fullscreen && !this.cssfullscreen && Object.keys(b).forEach(function(O) {
+          var d = this.controls && this.innerContainer ? this.controls.root.getBoundingClientRect().height : 0, g = i.width, p = i.height - d, m = parseInt(s / l * 1e3, 10), y = parseInt(g / p * 1e3, 10), k = g, w = p, b = {};
+          c === "auto" && y > m || c === "fixWidth" ? (w = g / m * 1e3, this.config.fluid ? b.paddingTop = "".concat(w * 100 / k, "%") : b.height = "".concat(w + d, "px")) : (c === "auto" && y < m || c === "fixHeight") && (k = m * p / 1e3, b.width = "".concat(k, "px")), !this.fullscreen && !this.cssfullscreen && Object.keys(b).forEach(function(O) {
             e.root.style[O] = b[O];
-          }), (h === "fillHeight" && m < y || h === "fillWidth" && m > y) && this.setAttribute("data-xgfill", "cover");
+          }), (h === "fillHeight" && y < m || h === "fillWidth" && y > m) && this.setAttribute("data-xgfill", "cover");
           var B = {
-            videoScale: y,
+            videoScale: m,
             vWidth: k,
             vHeight: w,
             cWidth: k,
             cHeight: w + d
           };
-          this.resizePosition(), this.emit(Re, B);
+          this.resizePosition(), this.emit(Oe, B);
         }
       }
     }
@@ -5539,6 +5580,11 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
         url: e
       };
     }
+  }, {
+    key: "_seekToStartTime",
+    value: function() {
+      this.__startTime > 0 && this.duration > 0 && (this.currentTime = this.__startTime > this.duration ? this.duration : this.__startTime, this.__startTime = -1);
+    }
   }, {
     key: "state",
     get: function() {
@@ -5652,18 +5698,18 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
   }, {
     key: "readyState",
     get: function() {
-      return L(I(r.prototype), "readyState", this);
+      return A(I(r.prototype), "readyState", this);
     }
   }, {
     key: "error",
     get: function() {
-      var e = L(I(r.prototype), "error", this);
+      var e = A(I(r.prototype), "error", this);
       return this.i18n[e] || e;
     }
   }, {
     key: "networkState",
     get: function() {
-      return L(I(r.prototype), "networkState", this);
+      return A(I(r.prototype), "networkState", this);
     }
   }, {
     key: "fullscreenChanging",
@@ -5757,7 +5803,7 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
     key: "setUserActive",
     value: function(e, i) {
       var n;
-      typeof i == "boolean" && i !== this.muted && (this.addInnerOP("volumechange"), f.typeOf(i) === Boolean && (this.muted = i)), (n = Pe) === null || n === void 0 || n.setActive(this.playerId, e);
+      typeof i == "boolean" && i !== this.muted && (this.addInnerOP("volumechange"), f.typeOf(i) === Boolean && (this.muted = i)), (n = Ae) === null || n === void 0 || n.setActive(this.playerId, e);
     }
   }], [{
     key: "debugger",
@@ -5770,22 +5816,22 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
   }, {
     key: "instManager",
     get: function() {
-      return Pe;
+      return Ae;
     },
     set: function(e) {
-      Pe = e;
+      Ae = e;
     }
   }, {
     key: "getCurrentUserActivePlayerId",
     value: function() {
       var e;
-      return (e = Pe) === null || e === void 0 ? void 0 : e.getActiveId();
+      return (e = Ae) === null || e === void 0 ? void 0 : e.getActiveId();
     }
   }, {
     key: "setCurrentUserActive",
     value: function(e, i) {
       var n;
-      (n = Pe) === null || n === void 0 || n.setActive(e, i);
+      (n = Ae) === null || n === void 0 || n.setActive(e, i);
     }
   }, {
     key: "isHevcSupported",
@@ -5808,10 +5854,10 @@ var _a = ["play", "pause", "replay", "retry"], tn = 0, nn = 0, Pe = null, At = /
       r.plugins || (r.plugins = {}), r.plugins[e] = i;
     }
   }]), r;
-}(qs);
-_(At, "defaultPreset", null);
-_(At, "XgVideoProxy", null);
-At.instManager = Xn.getInstance();
+}(Zs);
+_(Lt, "defaultPreset", null);
+_(Lt, "XgVideoProxy", null);
+Lt.instManager = qn.getInstance();
 function ne() {
   return (/* @__PURE__ */ new Date()).getTime();
 }
@@ -5823,7 +5869,7 @@ var Le = {
   WAIT_END: "waitingEnd",
   SEEK_START: "seekStart",
   SEEK_END: "seekEnd"
-}, Ca = /* @__PURE__ */ function(o) {
+}, ka = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -5886,7 +5932,7 @@ var Le = {
         e.endState("destroy");
       }), this.on(Pt, function() {
         e.endState("urlChange"), M.logInfo("[xgLogger]".concat(e.player.playerId, " URL_CHANGE")), e._state.isFFSend && e._onReset();
-      }), this.on([fi, Te], this._onPlaying), this.on(ut, this._onWaiting), this.on(lt, this._onError), this.on(Lt, function() {
+      }), this.on([fi, Te], this._onPlaying), this.on(ut, this._onWaiting), this.on(lt, this._onError), this.on(At, function() {
         M.logInfo("[xgLogger]".concat(e.player.playerId, " RESET")), e.endState("reset"), e._initOnceEvents(), e._onReset();
       });
     }
@@ -5974,13 +6020,13 @@ var Le = {
     }
   }]), r;
 }(U);
-function ka() {
+function ba() {
   return new DOMParser().parseFromString(`<svg class="xgplayer-replay-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 78 78" width="78" height="78">
   <path fill="#fff" transform="translate(20, 20)" d="M8.22708362,13.8757234 L11.2677371,12.6472196 C11.7798067,12.4403301 12.3626381,12.6877273 12.5695276,13.1997969 L12.9441342,14.1269807 C13.1510237,14.6390502 12.9036264,15.2218816 12.3915569,15.4287712 L6.8284538,17.6764107 L5.90126995,18.0510173 C5.38920044,18.2579068 4.80636901,18.0105096 4.5994795,17.49844 L1.97723335,11.0081531 C1.77034384,10.4960836 2.0177411,9.91325213 2.52981061,9.70636262 L3.45699446,9.33175602 C3.96906396,9.12486652 4.5518954,9.37226378 4.75878491,9.88433329 L5.67885163,12.1615783 C7.99551726,6.6766934 13.3983951,3 19.5,3 C27.7842712,3 34.5,9.71572875 34.5,18 C34.5,26.2842712 27.7842712,33 19.5,33 C15.4573596,33 11.6658607,31.3912946 8.87004692,28.5831991 C8.28554571,27.9961303 8.28762719,27.0463851 8.87469603,26.4618839 C9.46176488,25.8773827 10.4115101,25.8794641 10.9960113,26.466533 C13.2344327,28.7147875 16.263503,30 19.5,30 C26.127417,30 31.5,24.627417 31.5,18 C31.5,11.372583 26.127417,6 19.5,6 C14.4183772,6 9.94214483,9.18783811 8.22708362,13.8757234 Z"></path>
 </svg>
 `, "image/svg+xml").firstChild;
 }
-var ba = /* @__PURE__ */ function(o) {
+var wa = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -5990,7 +6036,7 @@ var ba = /* @__PURE__ */ function(o) {
     key: "registerIcons",
     value: function() {
       return {
-        replay: ka
+        replay: ba
       };
     }
   }, {
@@ -6063,7 +6109,7 @@ var ba = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(U), wa = /* @__PURE__ */ function(o) {
+}(U), Ta = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -6188,7 +6234,7 @@ function Ci() {
 `, "image/svg+xml").firstChild;
 }
 var ye = {};
-function Ta(o, a) {
+function Ea(o, a) {
   var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
     start: null,
     end: null
@@ -6206,7 +6252,7 @@ function rn(o) {
     window.clearTimeout(ye[a].id), delete ye[a];
   });
 }
-var Ea = /* @__PURE__ */ function(o) {
+var Sa = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -6218,33 +6264,45 @@ var Ea = /* @__PURE__ */ function(o) {
     }), _(v(e), "onAutoplayStart", function() {
       if (!e.autoPlayStart) {
         var i = e.config.mode === "auto" ? "auto-hide" : "hide";
-        f.addClass(e.root, i), e.autoPlayStart = !0, e.onPlayPause("play");
+        f.addClass(e.root, i), e.autoPlayStart = !0, e.toggleTo("play");
       }
     }), e.autoPlayStart = !1, e;
   }
   return E(r, [{
     key: "afterCreate",
+    value: function() {
+      var e = this.playerConfig;
+      this.initIcons(), this.listenEvents(), this.bindClickEvents(), e.autoplay || this.show();
+    }
+  }, {
+    key: "listenEvents",
     value: function() {
       var e = this, i = this.player, n = this.playerConfig;
-      this.initIcons(), this.once(gi, function() {
+      this.once(gi, function() {
         n && (n.lang && n.lang === "en" ? f.addClass(i.root, "lang-is-en") : n.lang === "jp" && f.addClass(i.root, "lang-is-jp"));
-      }), this.on(Ue, this.onAutoplayStart), n.autoplay || this.show(), this.on(pi, function() {
+      }), this.on(Ue, this.onAutoplayStart), this.on(pi, function() {
         var s = e.config.mode === "auto" ? "auto-hide" : "hide";
         e.setAttr("data-state", "play"), f.removeClass(e.root, s), e.show();
       }), this.on(fe, function() {
-        e.onPlayPause("play");
+        e.toggleTo("play");
       }), this.on(tt, function() {
-        e.onPlayPause("pause");
-      }), this.on(Lt, function() {
+        e.toggleTo("pause");
+      }), this.on(At, function() {
         e.onPlayerReset();
-      }), this.clickHandler = this.hook("startClick", this.switchPausePlay, {
-        pre: function(l) {
-          l.cancelable && l.preventDefault(), l.stopPropagation();
-          var u = e.player.paused;
-          e.emitUserAction(l, "switch_play_pause", {
+      });
+    }
+  }, {
+    key: "bindClickEvents",
+    value: function() {
+      var e = this;
+      this.clickHandler = this.hook("startClick", this.switchPausePlay, {
+        pre: function(n) {
+          n.cancelable && n.preventDefault(), n.stopPropagation();
+          var s = e.player.paused;
+          e.emitUserAction(n, "switch_play_pause", {
             props: "paused",
-            from: u,
-            to: !u
+            from: s,
+            to: !s
           });
         }
       }), this.bind(["click", "touchend"], this.clickHandler);
@@ -6298,7 +6356,7 @@ var Ea = /* @__PURE__ */ function(o) {
     key: "animate",
     value: function(e) {
       var i = this;
-      this._animateId = Ta("pauseplay", 400, {
+      this._animateId = Ea("pauseplay", 400, {
         start: function() {
           f.addClass(i.root, "interact"), i.show(), i.switchStatus(!0);
         },
@@ -6323,6 +6381,11 @@ var Ea = /* @__PURE__ */ function(o) {
     }
   }, {
     key: "onPlayPause",
+    value: function(e) {
+      this.toggleTo(e);
+    }
+  }, {
+    key: "toggleTo",
     value: function(e) {
       var i = this.config, n = this.player;
       if (!(!n || n.state < H.RUNNING || !this.autoPlayStart)) {
@@ -6381,7 +6444,7 @@ var Ea = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(U), Sa = /* @__PURE__ */ function(o) {
+}(U), xa = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -6480,8 +6543,8 @@ function an(o) {
   var a = parseFloat(o), r = o.indexOf("%") === -1 && !Number.isNaN(a);
   return r && a;
 }
-var ki = ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "marginLeft", "marginRight", "marginTop", "marginBottom", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth"], qn = ki.length;
-function xa() {
+var ki = ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "marginLeft", "marginRight", "marginTop", "marginBottom", "borderLeftWidth", "borderRightWidth", "borderTopWidth", "borderBottomWidth"], Zn = ki.length;
+function Ia() {
   for (var o = {
     width: 0,
     height: 0,
@@ -6489,31 +6552,31 @@ function xa() {
     innerHeight: 0,
     outerWidth: 0,
     outerHeight: 0
-  }, a = 0; a < qn; a++) {
+  }, a = 0; a < Zn; a++) {
     var r = ki[a];
     o[r] = 0;
   }
   return o;
 }
-function Ia(o) {
+function Pa(o) {
   var a = window.getComputedStyle(o);
   return a;
 }
 function on(o) {
   if (typeof o == "string" && (o = document.querySelector(o)), !(!o || re(o) !== "object" || !o.nodeType)) {
-    var a = Ia(o);
+    var a = Pa(o);
     if (a.display === "none")
-      return xa();
+      return Ia();
     var r = {};
     r.width = o.offsetWidth, r.height = o.offsetHeight;
-    for (var t = r.isBorderBox = a.boxSizing === "border-box", e = 0; e < qn; e++) {
+    for (var t = r.isBorderBox = a.boxSizing === "border-box", e = 0; e < Zn; e++) {
       var i = ki[e], n = a[i], s = parseFloat(n);
       r[i] = Number.isNaN(s) ? 0 : s;
     }
-    var l = r.paddingLeft + r.paddingRight, u = r.paddingTop + r.paddingBottom, c = r.marginLeft + r.marginRight, h = r.marginTop + r.marginBottom, d = r.borderLeftWidth + r.borderRightWidth, g = r.borderTopWidth + r.borderBottomWidth, p = t, y = an(a.width);
-    y !== !1 && (r.width = y + (p ? 0 : l + d));
-    var m = an(a.height);
-    return m !== !1 && (r.height = m + (p ? 0 : u + g)), r.innerWidth = r.width - (l + d), r.innerHeight = r.height - (u + g), r.outerWidth = r.width + c, r.outerHeight = r.height + h, r;
+    var l = r.paddingLeft + r.paddingRight, u = r.paddingTop + r.paddingBottom, c = r.marginLeft + r.marginRight, h = r.marginTop + r.marginBottom, d = r.borderLeftWidth + r.borderRightWidth, g = r.borderTopWidth + r.borderBottomWidth, p = t, m = an(a.width);
+    m !== !1 && (r.width = m + (p ? 0 : l + d));
+    var y = an(a.height);
+    return y !== !1 && (r.height = y + (p ? 0 : u + g)), r.innerWidth = r.width - (l + d), r.innerHeight = r.height - (u + g), r.outerWidth = r.width + c, r.outerHeight = r.height + h, r;
   }
 }
 function zt(o, a) {
@@ -6531,7 +6594,7 @@ var jt = {
   mousedown: ["mousemove", "mouseup"],
   touchstart: ["touchmove", "touchend", "touchcancel"],
   pointerdown: ["pointermove", "pointerup", "pointercancel"]
-}, Pa = /* @__PURE__ */ function(o) {
+}, Aa = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -6797,7 +6860,7 @@ var jt = {
           i.controls.registerPlugin(sn, s, sn.pluginName);
         }
         var l = f.checkTouchSupport() ? "touchend" : "click";
-        this.bind(".mini-cancel-btn", l, this.onCancelClick), this.bind(".play-icon", l, this.onCenterClick), this.config.disableDrag || (this._draggabilly = new Pa(this.player.root, {
+        this.bind(".mini-cancel-btn", l, this.onCancelClick), this.bind(".play-icon", l, this.onCenterClick), this.config.disableDrag || (this._draggabilly = new Aa(this.player.root, {
           handle: this.root
         })), this.config.isScrollSwitch && window.addEventListener("scroll", this.onScroll);
       }
@@ -6924,7 +6987,7 @@ var jt = {
     }), _(v(t), "onVideoClick", function(s) {
       var l = v(t), u = l.player, c = l.playerConfig;
       s.target && c.closeVideoClick || (s.target === u.root || s.target === u.media || s.target === u.innerContainer || s.target === u.media.__canvas) && (s.preventDefault(), c.closeVideoStopPropagation || s.stopPropagation(), t._clickCount++, t.clickTimer && (clearTimeout(t.clickTimer), t.clickTimer = null), t.clickTimer = setTimeout(function() {
-        t._clickCount && (t._clickCount--, we(v(t), Wt[0], function(h, d) {
+        t._clickCount && (t._clickCount--, ke(v(t), Wt[0], function(h, d) {
           t.switchPlayPause(d.e);
         }, {
           e: s,
@@ -6938,7 +7001,7 @@ var jt = {
           t._clickCount = 0;
           return;
         }
-        t._clickCount = 0, t.clickTimer && (clearTimeout(t.clickTimer), t.clickTimer = null), s.preventDefault(), s.stopPropagation(), we(v(t), Wt[1], function(h, d) {
+        t._clickCount = 0, t.clickTimer && (clearTimeout(t.clickTimer), t.clickTimer = null), s.preventDefault(), s.stopPropagation(), ke(v(t), Wt[1], function(h, d) {
           t.emitUserAction(d.e, "switch_fullscreen", {
             props: "fullscreen",
             from: u.fullscreen,
@@ -7003,7 +7066,7 @@ var jt = {
       return {};
     }
   }]), r;
-}(Oe), Ae = {
+}(Me), De = {
   PRESS: "press",
   PRESS_END: "pressend",
   DOUBlE_CLICK: "doubleclick",
@@ -7011,12 +7074,12 @@ var jt = {
   TOUCH_MOVE: "touchmove",
   TOUCH_START: "touchstart",
   TOUCH_END: "touchend"
-}, Aa = {
+}, Da = {
   start: "touchstart",
   end: "touchend",
   move: "touchmove",
   cancel: "touchcancel"
-}, Da = {
+}, Ra = {
   start: "mousedown",
   end: "mouseup",
   move: "mousemove",
@@ -7025,7 +7088,7 @@ var jt = {
 function un(o) {
   return o && o.length > 0 ? o[o.length - 1] : null;
 }
-function Ra() {
+function Oa() {
   return {
     pressDelay: 600,
     dbClickDelay: 200,
@@ -7035,30 +7098,30 @@ function Ra() {
     needPreventDefault: !0
   };
 }
-var Oa = /* @__PURE__ */ function() {
+var Ma = /* @__PURE__ */ function() {
   function o(a) {
     var r = this, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
       eventType: "touch"
     };
     T(this, o), _(this, "onTouchStart", function(e) {
       var i = r._pos, n = r.root, s = un(e.touches);
-      i.x = s ? parseInt(s.pageX, 10) : e.pageX, i.y = s ? parseInt(s.pageX, 10) : e.pageX, i.start = !0, r.__setPress(e), n.addEventListener(r.events.end, r.onTouchEnd), n.addEventListener(r.events.cancel, r.onTouchCancel), n.addEventListener(r.events.move, r.onTouchMove), r.trigger(Ae.TOUCH_START, e);
+      i.x = s ? parseInt(s.pageX, 10) : e.pageX, i.y = s ? parseInt(s.pageX, 10) : e.pageX, i.start = !0, r.__setPress(e), n.addEventListener(r.events.end, r.onTouchEnd), n.addEventListener(r.events.cancel, r.onTouchCancel), n.addEventListener(r.events.move, r.onTouchMove), r.trigger(De.TOUCH_START, e);
     }), _(this, "onTouchCancel", function(e) {
       r.onTouchEnd(e);
     }), _(this, "onTouchEnd", function(e) {
       var i = r._pos, n = r.root;
-      r.__clearPress(), n.removeEventListener(r.events.cancel, r.onTouchCancel), n.removeEventListener(r.events.end, r.onTouchEnd), n.removeEventListener(r.events.move, r.onTouchMove), e.moving = i.moving, e.press = i.press, i.press && r.trigger(Ae.PRESS_END, e), r.trigger(Ae.TOUCH_END, e), !i.press && !i.moving && r.__setDb(e), i.press = !1, i.start = !1, i.moving = !1;
+      r.__clearPress(), n.removeEventListener(r.events.cancel, r.onTouchCancel), n.removeEventListener(r.events.end, r.onTouchEnd), n.removeEventListener(r.events.move, r.onTouchMove), e.moving = i.moving, e.press = i.press, i.press && r.trigger(De.PRESS_END, e), r.trigger(De.TOUCH_END, e), !i.press && !i.moving && r.__setDb(e), i.press = !1, i.start = !1, i.moving = !1;
     }), _(this, "onTouchMove", function(e) {
       var i = r._pos, n = r.config, s = un(e.touches), l = s ? parseInt(s.pageX, 10) : e.pageX, u = s ? parseInt(s.pageY, 10) : e.pageX, c = l - i.x, h = u - i.y;
-      Math.abs(h) < n.miniStep && Math.abs(c) < n.miniStep || (r.__clearPress(), i.press && r.trigger(Ae.PRESS_END, e), i.press = !1, i.moving = !0, r.trigger(Ae.TOUCH_MOVE, e));
+      Math.abs(h) < n.miniStep && Math.abs(c) < n.miniStep || (r.__clearPress(), i.press && r.trigger(De.PRESS_END, e), i.press = !1, i.moving = !0, r.trigger(De.TOUCH_MOVE, e));
     }), this._pos = {
       moving: !1,
       start: !1,
       x: 0,
       y: 0
-    }, this.config = Ra(), Object.keys(t).map(function(e) {
+    }, this.config = Oa(), Object.keys(t).map(function(e) {
       r.config[e] = t[e];
-    }), this.root = a, this.events = t.eventType === "mouse" ? Da : Aa, this.pressIntrvalId = null, this.dbIntrvalId = null, this.__handlers = {}, this._initEvent();
+    }), this.root = a, this.events = t.eventType === "mouse" ? Ra : Da, this.pressIntrvalId = null, this.dbIntrvalId = null, this.__handlers = {}, this._initEvent();
   }
   return E(o, [{
     key: "_initEvent",
@@ -7070,7 +7133,7 @@ var Oa = /* @__PURE__ */ function() {
     value: function(r) {
       var t = this, e = this.config;
       this.pressIntrvalId && this.__clearPress(), this.pressIntrvalId = setTimeout(function() {
-        t.trigger(Ae.PRESS, r), t._pos.press = !0, t.__clearPress();
+        t.trigger(De.PRESS, r), t._pos.press = !0, t.__clearPress();
       }, e.pressDelay);
     }
   }, {
@@ -7083,11 +7146,11 @@ var Oa = /* @__PURE__ */ function() {
     value: function(r) {
       var t = this, e = this.config;
       if (this.dbIntrvalId) {
-        this.__clearDb(), this.trigger(Ae.DOUBlE_CLICK, r);
+        this.__clearDb(), this.trigger(De.DOUBlE_CLICK, r);
         return;
       }
       this.dbIntrvalId = setTimeout(function() {
-        t.__clearDb(), !t._pos.start && !t._pos.press && !t._pos.moving && t.trigger(Ae.CLICK, r);
+        t.__clearDb(), !t._pos.start && !t._pos.press && !t._pos.moving && t.trigger(De.CLICK, r);
       }, e.dbClickDelay);
     }
   }, {
@@ -7137,7 +7200,7 @@ var Oa = /* @__PURE__ */ function() {
     }
   }]), o;
 }();
-function Ma() {
+function Na() {
   return new DOMParser().parseFromString(`<svg width="20" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink">
   <path opacity="0.54"
@@ -7151,7 +7214,7 @@ var Ke = {
   SEEKING: "seeking",
   PLAYBACK: "playbackrate",
   LIGHT: ""
-}, Kt = ["videoClick", "videoDbClick"], Na = /* @__PURE__ */ function(o) {
+}, Kt = ["videoClick", "videoDbClick"], Fa = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -7168,14 +7231,14 @@ var Ke = {
     }), _(v(e), "onTouchMove", function(i) {
       var n = e.getTouche(i), s = v(e), l = s.pos, u = s.config, c = s.player;
       if (!(!n || u.disableGesture || !e.duration || !l.isStart)) {
-        var h = u.miniMoveStep, d = u.hideControlsActive, g = parseInt(n.pageX - l.left, 10), p = parseInt(n.pageY - l.top, 10), y = c.rotateDeg === 90 ? p : g, m = c.rotateDeg === 90 ? g : p;
-        if (Math.abs(y - l.x) > h || Math.abs(m - l.y) > h) {
-          var k = y - l.x, w = m - l.y, b = l.scope;
-          if (b === -1 && (b = e.checkScope(y, m, k, w, l), b === 0 && (d ? c.blur() : c.focus({
+        var h = u.miniMoveStep, d = u.hideControlsActive, g = parseInt(n.pageX - l.left, 10), p = parseInt(n.pageY - l.top, 10), m = c.rotateDeg === 90 ? p : g, y = c.rotateDeg === 90 ? g : p;
+        if (Math.abs(m - l.x) > h || Math.abs(y - l.y) > h) {
+          var k = m - l.x, w = y - l.y, b = l.scope;
+          if (b === -1 && (b = e.checkScope(m, y, k, w, l), b === 0 && (d ? c.blur() : c.focus({
             autoHide: !1
           }), !l.time && (l.time = parseInt(c.currentTime * 1e3, 10) + e.timeOffset * 1e3)), l.scope = b), b === -1 || b > 0 && !u.gestureY || b === 0 && !u.gestureX)
             return;
-          e.executeMove(k, w, b, l.width, l.height), l.x = y, l.y = m;
+          e.executeMove(k, w, b, l.width, l.height), l.x = m, l.y = y;
         }
       }
     }), _(v(e), "onTouchEnd", function(i) {
@@ -7223,7 +7286,7 @@ var Ke = {
     value: function() {
       return {
         seekTipIcon: {
-          icon: Ma,
+          icon: Na,
           class: "xg-seek-pre"
         }
       };
@@ -7238,16 +7301,16 @@ var Ke = {
       var i = this.playerConfig, n = this.config, s = this.player;
       i.closeVideoDblclick === !0 && (n.closedbClick = !0), this.resetPos(), f.isUndefined(i.disableGesture) || (n.disableGesture = !!i.disableGesture), this.appendChild(".xg-seek-icon", this.icons.seekTipIcon), this.xgMask = f.createDom("xg-mask", "", {}, "xgmask"), s.root.appendChild(this.xgMask), this.initCustomStyle(), this.registerThumbnail();
       var l = this.domEventType === "mouse" ? "mouse" : "touch";
-      this.touch = new Oa(this.root, {
+      this.touch = new Ma(this.root, {
         eventType: l,
         needPreventDefault: !this.config.disableGesture
       }), this.root.addEventListener("contextmenu", function(d) {
         d.preventDefault();
       }), s.root.addEventListener("touchmove", this.onRootTouchMove, !0), s.root.addEventListener("touchend", this.onRootTouchEnd, !0), s.root.addEventListener("touchcancel", this.onRootTouchEnd, !0);
       var u = this.player.controls;
-      u && u.center && (u.center.addEventListener("touchmove", this.onRootTouchMove, !0), u.center.addEventListener("touchend", this.onRootTouchEnd, !0), u.center.addEventListener("touchcancel", this.onRootTouchEnd, !0)), this.on(Me, function() {
+      u && u.center && (u.center.addEventListener("touchmove", this.onRootTouchMove, !0), u.center.addEventListener("touchend", this.onRootTouchEnd, !0), u.center.addEventListener("touchcancel", this.onRootTouchEnd, !0)), this.on(xe, function() {
         var d = e.player, g = e.config;
-        d.duration * 1e3 < g.moveDuration && (g.moveDuration = d.duration * 1e3);
+        d.duration > 0 && d.duration * 1e3 < g.moveDuration && (g.moveDuration = d.duration * 1e3);
       }), this.on([Te, Ve], function() {
         var d = e.pos, g = d.time, p = d.isStart;
         !p && g > 0 && (e.pos.time = 0);
@@ -7415,7 +7478,7 @@ var Ke = {
     key: "onClick",
     value: function(e) {
       var i = this, n = this.player;
-      we(this, Kt[0], function(s, l) {
+      ke(this, Kt[0], function(s, l) {
         i.clickHandler(l.e);
       }, {
         e,
@@ -7426,7 +7489,7 @@ var Ke = {
     key: "onDbClick",
     value: function(e) {
       var i = this, n = this.player;
-      we(this, Kt[1], function(s, l) {
+      ke(this, Kt[1], function(s, l) {
         i.dbClickHandler(l.e);
       }, {
         e,
@@ -7474,9 +7537,12 @@ var Ke = {
   }, {
     key: "updateBrightness",
     value: function(e) {
-      this.player.rotateDeg && (e = -e);
-      var i = this.pos, n = this.config, s = this.xgMask, l = i.light + 0.8 * e;
-      l = l > n.maxDarkness ? n.maxDarkness : l < 0 ? 0 : l, s && (s.style.backgroundColor = "rgba(0,0,0,".concat(l, ")")), i.light = l;
+      var i = this.pos, n = this.config, s = this.xgMask;
+      if (n.darkness) {
+        this.player.rotateDeg && (e = -e);
+        var l = i.light + 0.8 * e;
+        l = l > n.maxDarkness ? n.maxDarkness : l < 0 ? 0 : l, s && (s.style.backgroundColor = "rgba(0,0,0,".concat(l, ")")), i.light = l;
+      }
     }
   }, {
     key: "activeSeekNote",
@@ -7505,12 +7571,12 @@ var Ke = {
   }, {
     key: "disableGesture",
     value: function() {
-      this.config.disableGesture = !1;
+      this.config.disableGesture = !0;
     }
   }, {
     key: "enableGesture",
     value: function() {
-      this.config.disableGesture = !0;
+      this.config.disableGesture = !1;
     }
   }, {
     key: "destroy",
@@ -7580,7 +7646,7 @@ var Ke = {
     }
   }]), r;
 }(U);
-function Fa(o) {
+function Ba(o) {
   o.preventDefault(), o.returnValue = !1;
 }
 function cn(o) {
@@ -7597,8 +7663,8 @@ var fn = /* @__PURE__ */ function(o) {
       i[n] = arguments[n];
     return t = a.call.apply(a, [this].concat(i)), _(v(t), "onBodyKeyDown", function(s) {
       if (t.player) {
-        var l = s || window.event, u = l.keyCode, c = v(t), h = c._keyState, d = c.player, g = t.config, p = g.disable, y = g.disableBodyTrigger, m = g.isIgnoreUserActive;
-        if (p || y || !(d.isUserActive || m) || cn(l.target) || !t.checkIsVisible() || l.metaKey || l.altKey || l.ctrlKey) {
+        var l = s || window.event, u = l.keyCode, c = v(t), h = c._keyState, d = c.player, g = t.config, p = g.disable, m = g.disableBodyTrigger, y = g.isIgnoreUserActive;
+        if (p || m || !(d.isUserActive || y) || cn(l.target) || !t.checkIsVisible() || l.metaKey || l.altKey || l.ctrlKey) {
           h.isBodyKeyDown = !1;
           return;
         }
@@ -7745,14 +7811,14 @@ var fn = /* @__PURE__ */ function(o) {
     value: function(e) {
       var i = this.player, n = i.currentTime, s = i.offsetCurrentTime, l = i.duration, u = i.offsetDuration, c = i.timeSegments, h = s > -1 ? s : n, d = u || l, g = e.repeat && this.seekStep >= 4 ? parseInt(this.seekStep / 2, 10) : this.seekStep;
       h + g <= d ? h = h + g : h = d;
-      var p = f.getCurrentTimeByOffset(h, c), y = {
+      var p = f.getCurrentTimeByOffset(h, c), m = {
         currentTime: {
           from: n,
           to: p
         }
       };
       this.emitUserAction(e, "seek", {
-        props: y
+        props: m
       }), this.player.currentTime = p;
     }
   }, {
@@ -7822,14 +7888,14 @@ var fn = /* @__PURE__ */ function(o) {
         var u = this.keyCodeMap[s[l]], c = u.action, h = u.keyCode, d = u.disable, g = u.pressAction, p = u.disablePress;
         if (h === e) {
           if (!d && !(n && p)) {
-            var y = n && g || c;
-            typeof y == "function" ? c(i, this.player, n) : typeof y == "string" && typeof this[y] == "function" && this[y](i, this.player, n), this.emit(Hn, X({
+            var m = n && g || c;
+            typeof m == "function" ? c(i, this.player, n) : typeof m == "string" && typeof this[m] == "function" && this[m](i, this.player, n), this.emit(Hn, X({
               key: s[l],
               target: i.target,
               isPress: n
             }, this.keyCodeMap[s[l]]));
           }
-          Fa(i), i.stopPropagation();
+          Ba(i), i.stopPropagation();
           break;
         }
       }
@@ -7870,14 +7936,14 @@ var fn = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(Oe);
-function Ba() {
+}(Me);
+function Ha() {
   return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="-5 -5 110 110">
   <path d="M100,50A50,50,0,1,1,50,0" stroke-width="5" stroke="#ddd" stroke-dasharray="236" fill="none"></path>
 </svg>
 `, "image/svg+xml").firstChild;
 }
-var Ha = /* @__PURE__ */ function(o) {
+var Ua = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -7887,7 +7953,7 @@ var Ha = /* @__PURE__ */ function(o) {
     key: "registerIcons",
     value: function() {
       return {
-        loadingIcon: Ba
+        loadingIcon: Ha
       };
     }
   }, {
@@ -7916,7 +7982,7 @@ var Ha = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(U), Ua = [{
+}(U), Va = [{
   tag: "xg-cache",
   className: "xgplayer-progress-cache",
   styleKey: "cachedColor"
@@ -7924,7 +7990,7 @@ var Ha = /* @__PURE__ */ function(o) {
   tag: "xg-played",
   className: "xgplayer-progress-played",
   styleKey: "playedColor"
-}], Va = /* @__PURE__ */ function() {
+}], za = /* @__PURE__ */ function() {
   function o(a) {
     T(this, o), this.fragments = a.fragments || [], this.fragments.length === 0 && this.fragments.push({
       percent: 1
@@ -8111,7 +8177,7 @@ var Ha = /* @__PURE__ */ function(o) {
           var l = f.createDom("xg-inner", "", {
             style: t ? "background:".concat(t, "; flex: ").concat(s.percent) : "flex: ".concat(s.percent)
           }, "".concat(s.isFocus ? n : "", " xgplayer-progress-inner ").concat(i));
-          return r.root.appendChild(l), Ua.forEach(function(u) {
+          return r.root.appendChild(l), Va.forEach(function(u) {
             l.appendChild(f.createDom(u.tag, "", {
               style: u.styleKey ? "background: ".concat(r.style[u.styleKey], "; width:0;") : "width:0;"
             }, u.className));
@@ -8127,7 +8193,7 @@ var Ha = /* @__PURE__ */ function(o) {
 }(), hn = {
   POINT: "inner-focus-point",
   HIGHLIGHT: "inner-focus-highlight"
-}, za = /* @__PURE__ */ function(o) {
+}, ja = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -8164,8 +8230,8 @@ var Ha = /* @__PURE__ */ function(o) {
         }), e.isProgressMoving = !0, f.addClass(e.progressBtn, "active");
         var p = e.computeTime(i, g);
         p.prePlayTime = s.prePlayTime, e._mouseDownHandlerHook(i, p);
-        var y = i.type;
-        return y === "touchstart" ? (e.root.addEventListener("touchmove", e.onMouseMove), e.root.addEventListener("touchend", e.onMouseUp), e.root.addEventListener("touchcancel", e.onMouseUp)) : (e.unbind("mousemove", e.onMoveOnly), document.addEventListener("mousemove", e.onMouseMove, !1), document.addEventListener("mouseup", e.onMouseUp, !1)), !0;
+        var m = i.type;
+        return m === "touchstart" ? (e.root.addEventListener("touchmove", e.onMouseMove), e.root.addEventListener("touchend", e.onMouseUp), e.root.addEventListener("touchcancel", e.onMouseUp)) : (e.unbind("mousemove", e.onMoveOnly), document.addEventListener("mousemove", e.onMouseMove, !1), document.addEventListener("mouseup", e.onMouseUp, !1)), !0;
       }
     }), _(v(e), "onMouseUp", function(i) {
       var n = v(e), s = n.player, l = n.config, u = n.pos, c = n.playerConfig, h = n._state;
@@ -8209,7 +8275,7 @@ var Ha = /* @__PURE__ */ function(o) {
       direc: 0,
       time: 0,
       prePlayTime: -1
-    }, e._disableBlur = !1, e;
+    }, e._disableBlur = !1, typeof e.config.isDragingSeek == "boolean" && (console.warn("[XGPLAYER] 'isDragingSeek' is deprecated, please use 'isDraggingSeek' instead"), e.config.isDraggingSeek = e.config.isDragingSeek), e;
   }
   return E(r, [{
     key: "offsetDuration",
@@ -8257,7 +8323,7 @@ var Ha = /* @__PURE__ */ function(o) {
           e.emitUserAction("fragment_focus", "fragment_focus", u);
         }
       });
-      this.innerList ? this.innerList.reset(s) : (this.innerList = new Va(s), this.outer.insertBefore(this.innerList.render(), this.outer.children[0]), ["findHightLight", "unHightLight", "setHightLight", "findFragment"].map(function(l) {
+      this.innerList ? this.innerList.reset(s) : (this.innerList = new za(s), this.outer.insertBefore(this.innerList.render(), this.outer.children[0]), ["findHightLight", "unHightLight", "setHightLight", "findFragment"].map(function(l) {
         e[l] = e.innerList[l].bind(e.innerList);
       }));
     }
@@ -8269,7 +8335,6 @@ var Ha = /* @__PURE__ */ function(o) {
   }, {
     key: "afterCreate",
     value: function() {
-      var e = this;
       if (!(this.config.disable || this.playerConfig.isLive)) {
         this.pos = {
           x: 0,
@@ -8279,29 +8344,35 @@ var Ha = /* @__PURE__ */ function(o) {
           isEnter: !1,
           isLocked: !1
         }, this.outer = this.find("xg-outer");
-        var i = this.config, n = i.fragFocusClass, s = i.fragAutoFocus, l = i.fragClass;
+        var e = this.config, i = e.fragFocusClass, n = e.fragAutoFocus, s = e.fragClass;
         this._initInner(this.config.fragments, {
-          fragFocusClass: n,
-          fragAutoFocus: s,
-          fragClass: l,
+          fragFocusClass: i,
+          fragAutoFocus: n,
+          fragClass: s,
           style: this.playerConfig.commonStyle || {}
-        }), R.device === "mobile" && (this.config.isDragingSeek = !1, this.isMobile = !0), this.progressBtn = this.find(".xgplayer-progress-btn"), this.on(Me, function() {
-          e.onMouseLeave();
-        }), this.on(ce, function() {
-          e.onTimeupdate();
-        }), this.on(Ee, function() {
-          e.onTimeupdate(), e.onCacheUpdate();
-        }), this.on(An, function() {
-          e.onCacheUpdate();
-        }), this.on(Ve, function() {
-          e.onCacheUpdate(!0), e.onTimeupdate(!0), e._state.now = 0;
-        }), this.on(ze, function() {
-          e.onReset();
-        }), this.on(Re, function() {
-          e.onVideoResize();
-        }), this.bindDomEvents(), this.initCustomStyle();
+        }), R.device === "mobile" && (this.config.isDraggingSeek = !1, this.isMobile = !0), this.progressBtn = this.find(".xgplayer-progress-btn"), this.listenEvents(), this.bindDomEvents(), this.initCustomStyle();
       }
     }
+  }, {
+    key: "listenEvents",
+    value: function() {
+      var e = this;
+      this.on(xe, function() {
+        e.onMouseLeave();
+      }), this.on(ce, function() {
+        e.onTimeupdate();
+      }), this.on(Ee, function() {
+        e.onTimeupdate(), e.onCacheUpdate();
+      }), this.on(Ln, function() {
+        e.onCacheUpdate();
+      }), this.on(Ve, function() {
+        e.onCacheUpdate(!0), e.onTimeupdate(!0), e._state.now = 0;
+      }), this.on(ze, function() {
+        e.onReset();
+      }), this.on(Oe, function() {
+        e.onVideoResize();
+      });
+    }
   }, {
     key: "setConfig",
     value: function(e) {
@@ -8390,7 +8461,7 @@ var Ha = /* @__PURE__ */ function(o) {
       var l = this.config, u = this.player;
       if (!(l.isCloseClickSeek && s === 0)) {
         var c = i = i >= u.duration ? u.duration - l.endedDiff : Number(i).toFixed(1);
-        this.updatePercent(n), this.updateTime(e), !(s === 1 && (!l.isDragingSeek || u.config.mediaType === "audio")) && (this._state.now = c, this._state.direc = c > u.currentTime ? 0 : 1, u.seek(c));
+        this.updatePercent(n), this.updateTime(e), !(s === 1 && (!l.isDraggingSeek || u.config.mediaType === "audio")) && (this._state.now = c, this._state.direc = c > u.currentTime ? 0 : 1, u.seek(c));
       }
     }
   }, {
@@ -8398,16 +8469,16 @@ var Ha = /* @__PURE__ */ function(o) {
     value: function(e, i) {
       var n = this.player, s = this.root.getBoundingClientRect(), l = s.width, u = s.height, c = s.top, h = s.left, d, g, p = i;
       n.rotateDeg === 90 ? (d = u, g = c) : (d = l, g = h);
-      var y = p - g;
-      y = y > d ? d : y < 0 ? 0 : y;
-      var m = y / d;
-      m = m < 0 ? 0 : m > 1 ? 1 : m;
-      var k = parseInt(m * this.offsetDuration * 1e3, 10) / 1e3, w = f.getCurrentTimeByOffset(k, n.timeSegments);
+      var m = p - g;
+      m = m > d ? d : m < 0 ? 0 : m;
+      var y = m / d;
+      y = y < 0 ? 0 : y > 1 ? 1 : y;
+      var k = parseInt(y * this.offsetDuration * 1e3, 10) / 1e3, w = f.getCurrentTimeByOffset(k, n.timeSegments);
       return {
-        percent: m,
+        percent: y,
         currentTime: k,
         seekTime: w,
-        offset: y,
+        offset: m,
         width: d,
         left: g,
         e
@@ -8513,7 +8584,7 @@ var Ha = /* @__PURE__ */ function(o) {
         position: G.CONTROLS_CENTER,
         index: 0,
         disable: !1,
-        isDragingSeek: !0,
+        isDraggingSeek: !0,
         closeMoveSeek: !1,
         isPauseMoving: !1,
         isCloseClickSeek: !1,
@@ -8567,23 +8638,38 @@ var Ha = /* @__PURE__ */ function(o) {
       this.unbind("mouseenter", this._onMouseenter), this.unbind("mouseleave", this._onMouseLeave);
     }
   }]), r;
-}(U), ja = /* @__PURE__ */ function(o) {
+}(U), Wa = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
-    return T(this, r), a.apply(this, arguments);
+    var t;
+    T(this, r);
+    for (var e = arguments.length, i = new Array(e), n = 0; n < e; n++)
+      i[n] = arguments[n];
+    return t = a.call.apply(a, [this].concat(i)), _(v(t), "btnClick", function(s) {
+      s.preventDefault(), s.stopPropagation();
+      var l = v(t), u = l.player;
+      return t.emitUserAction(s, "switch_play_pause", {
+        prop: "paused",
+        from: u.paused,
+        to: !u.paused
+      }), u.ended ? u.replay() : u.paused ? (u.play(), t.animate(!1)) : (u.pause(), t.animate(!0)), !1;
+    }), t;
   }
   return E(r, [{
     key: "afterCreate",
     value: function() {
-      var e = this;
-      L(I(r.prototype), "afterCreate", this).call(this);
-      var i = this.player, n = this.config;
-      n.disable || (this.initIcons(), this.btnClick = this.btnClick.bind(this), this.bind(["touchend", "click"], this.btnClick), this.on([tt, lt, ze], function() {
-        e.animate(i.paused);
-      }), this.on(fe, function() {
+      A(I(r.prototype), "afterCreate", this).call(this);
+      var e = this.config;
+      e.disable || (this.initIcons(), this.bind(["touchend", "click"], this.btnClick), this.listenEvents(), this.animate(!0));
+    }
+  }, {
+    key: "listenEvents",
+    value: function() {
+      var e = this, i = this.player;
+      this.on([fe, tt, lt, ze], function() {
         e.animate(i.paused);
-      }), this.animate(!0));
+      });
     }
   }, {
     key: "registerIcons",
@@ -8599,17 +8685,6 @@ var Ha = /* @__PURE__ */ function(o) {
         }
       };
     }
-  }, {
-    key: "btnClick",
-    value: function(e) {
-      e.preventDefault(), e.stopPropagation();
-      var i = this.player;
-      return this.emitUserAction(e, "switch_play_pause", {
-        prop: "paused",
-        from: i.paused,
-        to: !i.paused
-      }), i.ended ? i.replay() : i.paused ? (i.play(), this.animate(!1)) : (i.pause(), this.animate(!0)), !1;
-    }
   }, {
     key: "initIcons",
     value: function() {
@@ -8627,7 +8702,7 @@ var Ha = /* @__PURE__ */ function(o) {
   }, {
     key: "destroy",
     value: function() {
-      L(I(r.prototype), "destroy", this).call(this), this.unbind(["touchend", "click"], this.btnClick);
+      A(I(r.prototype), "destroy", this).call(this), this.unbind(["touchend", "click"], this.btnClick);
     }
   }, {
     key: "render",
@@ -8655,14 +8730,14 @@ var Ha = /* @__PURE__ */ function(o) {
     }
   }]), r;
 }(je);
-function Wa() {
+function Ga() {
   return new DOMParser().parseFromString(`<svg width="32px" height="40px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <path d="M11.2374369,14 L17.6187184,7.61871843 C17.9604272,7.27700968 17.9604272,6.72299032 17.6187184,6.38128157 C17.2770097,6.03957281 16.7229903,6.03957281 16.3812816,6.38128157 L9.38128157,13.3812816 C9.03957281,13.7229903 9.03957281,14.2770097 9.38128157,14.6187184 L16.3812816,21.6187184 C16.7229903,21.9604272 17.2770097,21.9604272 17.6187184,21.6187184 C17.9604272,21.2770097 17.9604272,20.7229903 17.6187184,20.3812816 L11.2374369,14 L11.2374369,14 Z" fill="#FFFFFF"></path>
     </g>
 </svg>`, "image/svg+xml").firstChild;
 }
-var Ga = /* @__PURE__ */ function(o) {
+var Ka = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -8681,7 +8756,7 @@ var Ga = /* @__PURE__ */ function(o) {
     value: function() {
       return {
         screenBack: {
-          icon: Wa,
+          icon: Ga,
           class: "xg-fullscreen-back"
         }
       };
@@ -8723,19 +8798,19 @@ var Ga = /* @__PURE__ */ function(o) {
     }
   }]), r;
 }(U);
-function Ka() {
+function Ya() {
   return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="2 -4 28 40">
   <path fill="#fff" transform="scale(0.0320625 0.0320625)" d="M598 214h212v212h-84v-128h-128v-84zM726 726v-128h84v212h-212v-84h128zM214 426v-212h212v84h-128v128h-84zM298 598v128h128v84h-212v-212h84z"></path>
 </svg>
 `, "image/svg+xml").firstChild;
 }
-function Ya() {
+function $a() {
   return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="2 -4 28 40">
   <path fill="#fff" transform="scale(0.0320625 0.0320625)" d="M682 342h128v84h-212v-212h84v128zM598 810v-212h212v84h-128v128h-84zM342 342v-128h84v212h-212v-84h128zM214 682v-84h212v212h-84v-128h-128z"></path>
 </svg>
 `, "image/svg+xml").firstChild;
 }
-var $a = /* @__PURE__ */ function(o) {
+var Xa = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -8751,7 +8826,7 @@ var $a = /* @__PURE__ */ function(o) {
     key: "afterCreate",
     value: function() {
       var e = this;
-      L(I(r.prototype), "afterCreate", this).call(this);
+      A(I(r.prototype), "afterCreate", this).call(this);
       var i = this.config, n = this.playerConfig;
       if (!i.disable) {
         i.target && (this.playerConfig.fullscreenTarget = this.config.target);
@@ -8766,11 +8841,11 @@ var $a = /* @__PURE__ */ function(o) {
               to: !c
             });
           }
-        }), this.bind(".xgplayer-fullscreen", ["touchend", "click"], this.handleFullscreen), this.on(be, function(l) {
+        }), this.bind(".xgplayer-fullscreen", ["touchend", "click"], this.handleFullscreen), this.on(we, function(l) {
           var u = e.find(".xg-tips");
           u && e.changeLangTextKey(u, l ? e.i18nKeys.EXITFULLSCREEN_TIPS : e.i18nKeys.FULLSCREEN_TIPS), e.animate(l);
         }), this.config.needBackIcon && (this.topBackIcon = this.player.registerPlugin({
-          plugin: Ga,
+          plugin: Ka,
           options: {
             config: {
               onClick: function(u) {
@@ -8786,11 +8861,11 @@ var $a = /* @__PURE__ */ function(o) {
     value: function() {
       return {
         fullscreen: {
-          icon: Ka,
+          icon: Ya,
           class: "xg-get-fullscreen"
         },
         exitFullscreen: {
-          icon: Ya,
+          icon: $a,
           class: "xg-exit-fullscreen"
         }
       };
@@ -8798,7 +8873,7 @@ var $a = /* @__PURE__ */ function(o) {
   }, {
     key: "destroy",
     value: function() {
-      L(I(r.prototype), "destroy", this).call(this), this.unbind(".xgplayer-icon", R.device === "mobile" ? "touchend" : "click", this.handleFullscreen), R.device === "mobile" && window.removeEventListener("orientationchange", this._onOrientationChange);
+      A(I(r.prototype), "destroy", this).call(this), this.unbind(".xgplayer-icon", R.device === "mobile" ? "touchend" : "click", this.handleFullscreen), R.device === "mobile" && window.removeEventListener("orientationchange", this._onOrientationChange);
     }
   }, {
     key: "initIcons",
@@ -8871,7 +8946,7 @@ var $a = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(je), Xa = /* @__PURE__ */ function(o) {
+}(je), qa = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -8898,14 +8973,20 @@ var $a = /* @__PURE__ */ function(o) {
   }, {
     key: "afterCreate",
     value: function() {
-      var e = this, i = this.player.controls.config.mode;
-      this.mode = i === "flex" ? "flex" : "normal", !this.config.disable && (this.mode === "flex" && (this.createCenterTime(), this.root.style.display = "none"), this.durationDom = this.find(".time-duration"), this.timeDom = this.find(".time-current"), this.on([Me, Ee, ce], function(n) {
-        n.eventName === "durationchange" && (e.isActiving = !1), e.onTimeUpdate();
+      var e = this.player.controls.config.mode;
+      this.mode = e === "flex" ? "flex" : "normal", !this.config.disable && (this.mode === "flex" && (this.createCenterTime(), this.root.style.display = "none"), this.durationDom = this.find(".time-duration"), this.timeDom = this.find(".time-current"), this.listenEvents());
+    }
+  }, {
+    key: "listenEvents",
+    value: function() {
+      var e = this;
+      this.on([xe, Ee, ce], function(i) {
+        i.eventName === "durationchange" && (e.isActiving = !1), e.onTimeUpdate();
       }), this.on(Ve, function() {
         e.onTimeUpdate(!0);
       }), this.on(ze, function() {
         e.onReset();
-      }));
+      });
     }
   }, {
     key: "show",
@@ -9021,7 +9102,7 @@ var $a = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(U), qa = /* @__PURE__ */ function(o) {
+}(U), Za = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -9051,8 +9132,8 @@ var $a = /* @__PURE__ */ function(o) {
         h !== t.curIndex && t.changeIndex(h, u);
         var d = f.getOffsetCurrentTime(l, u, h);
         if (t.player.offsetCurrentTime = d, !!t.curPos) {
-          var g = t.curPos, p = g.start, y = g.end;
-          l < p ? t.player.currentTime = p : l > y && h >= c - 1 && t.player.pause();
+          var g = t.curPos, p = g.start, m = g.end;
+          l < p ? t.player.currentTime = p : l > m && h >= c - 1 && t.player.pause();
         }
       }
     }), _(v(t), "_onSeeking", function() {
@@ -9077,7 +9158,7 @@ var $a = /* @__PURE__ */ function(o) {
   return E(r, [{
     key: "afterCreate",
     value: function() {
-      this.curIndex = -1, this.curPos = null, this.lastCurrentTime = 0, this.updateSegments(), this.on(Me, this._onDurationChange), this.on(Se, this._onLoadedData), this.on(ce, this._onTimeupdate), this.on(xt, this._onSeeking), this.on(fe, this._onPlay);
+      this.curIndex = -1, this.curPos = null, this.lastCurrentTime = 0, this.updateSegments(), this.on(xe, this._onDurationChange), this.on(Se, this._onLoadedData), this.on(ce, this._onTimeupdate), this.on(xt, this._onSeeking), this.on(fe, this._onPlay);
     }
   }, {
     key: "setConfig",
@@ -9158,29 +9239,29 @@ var $a = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(Oe);
-function Za() {
+}(Me);
+function Ja() {
   return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="0 -10 28 40">
   <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M358.4 358.4h-204.8v307.2h204.8l256 256v-819.2l-256 256z"></path>
   <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M940.632 837.632l-72.192-72.192c65.114-64.745 105.412-154.386 105.412-253.44s-40.299-188.695-105.396-253.424l-0.016-0.016 72.192-72.192c83.639 83.197 135.401 198.37 135.401 325.632s-51.762 242.434-135.381 325.612l-0.020 0.020zM795.648 693.248l-72.704-72.704c27.756-27.789 44.921-66.162 44.921-108.544s-17.165-80.755-44.922-108.546l0.002 0.002 72.704-72.704c46.713 46.235 75.639 110.363 75.639 181.248s-28.926 135.013-75.617 181.227l-0.021 0.021z"></path>
 </svg>
 `, "image/svg+xml").firstChild;
 }
-function Ja() {
+function Qa() {
   return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="0 -10 28 40">
   <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M358.4 358.4h-204.8v307.2h204.8l256 256v-819.2l-256 256z"></path>
   <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M795.648 693.248l-72.704-72.704c27.756-27.789 44.921-66.162 44.921-108.544s-17.165-80.755-44.922-108.546l0.002 0.002 72.704-72.704c46.713 46.235 75.639 110.363 75.639 181.248s-28.926 135.013-75.617 181.227l-0.021 0.021zM795.648 693.248l-72.704-72.704c27.756-27.789 44.921-66.162 44.921-108.544s-17.165-80.755-44.922-108.546l0.002 0.002 72.704-72.704c46.713 46.235 75.639 110.363 75.639 181.248s-28.926 135.013-75.617 181.227l-0.021 0.021z"></path>
 </svg>
 `, "image/svg+xml").firstChild;
 }
-function Qa() {
+function eo() {
   return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="0 -10 28 40">
   <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M358.4 358.4h-204.8v307.2h204.8l256 256v-819.2l-256 256z"></path>
   <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M920.4 439.808l-108.544-109.056-72.704 72.704 109.568 108.544-109.056 108.544 72.704 72.704 108.032-109.568 108.544 109.056 72.704-72.704-109.568-108.032 109.056-108.544-72.704-72.704-108.032 109.568z"></path>
 </svg>
 `, "image/svg+xml").firstChild;
 }
-var eo = /* @__PURE__ */ function(o) {
+var to = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -9228,15 +9309,15 @@ var eo = /* @__PURE__ */ function(o) {
     value: function() {
       return {
         volumeSmall: {
-          icon: Ja,
+          icon: Qa,
           class: "xg-volume-small"
         },
         volumeLarge: {
-          icon: Za,
+          icon: Ja,
           class: "xg-volume"
         },
         volumeMuted: {
-          icon: Qa,
+          icon: eo,
           class: "xg-volume-mute"
         }
       };
@@ -9375,21 +9456,21 @@ var eo = /* @__PURE__ */ function(o) {
     }
   }]), r;
 }(U);
-function to() {
+function io() {
   return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="-4 -6 40 40" fill="none">
-  <g clip-path="url(#clip0)">
+  <g>
     <path transform="scale(1.5 1.5)" d="M11.6665 9.16663H4.1665C2.78579 9.16663 1.6665 10.2859 1.6665 11.6666V15.8333C1.6665 17.214 2.78579 18.3333 4.1665 18.3333H11.6665C13.0472 18.3333 14.1665 17.214 14.1665 15.8333V11.6666C14.1665 10.2859 13.0472 9.16663 11.6665 9.16663Z" fill="white"/>
     <path transform="scale(1.5 1.5)" fill-rule="evenodd" clip-rule="evenodd" d="M3.88148 4.06298C3.75371 4.21005 3.67667 4.40231 3.67749 4.61242C3.67847 4.87253 3.79852 5.10435 3.98581 5.25646L6.99111 8.05895C7.32771 8.37283 7.85502 8.35443 8.16891 8.01782C8.48279 7.68122 8.46437 7.15391 8.12778 6.84003L6.62061 5.43457L9.8198 5.4224C9.82848 5.42239 9.8372 5.42221 9.84591 5.4219C10.9714 5.38233 12.0885 5.6285 13.0931 6.13744C14.0976 6.64635 14.957 7.40148 15.5908 8.33234C16.2246 9.2632 16.6122 10.3394 16.7177 11.4606C16.823 12.5819 16.6427 13.7115 16.1934 14.7442C16.0098 15.1661 16.203 15.6571 16.6251 15.8408C17.0471 16.0243 17.5381 15.8311 17.7216 15.4091C18.2833 14.1183 18.5087 12.7063 18.3771 11.3047C18.2453 9.90318 17.7607 8.55792 16.9684 7.39433C16.1761 6.23073 15.1021 5.28683 13.8463 4.65065C12.5946 4.01651 11.203 3.70872 9.80072 3.75583L6.43415 3.76862L7.96326 2.12885C8.27715 1.79225 8.25872 1.26494 7.92213 0.951061C7.58553 0.63718 7.05822 0.655585 6.74433 0.99219L3.90268 4.0395C3.89545 4.04724 3.88841 4.05509 3.88154 4.06303L3.88148 4.06298Z" fill="white"/>
   </g>
   <defs>
-    <clipPath id="clip0">
+    <clipPath>
       <rect width="40" height="40" fill="white"/>
     </clipPath>
   </defs>
 </svg>
 `, "image/svg+xml").firstChild;
 }
-var io = /* @__PURE__ */ function(o) {
+var no = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -9401,7 +9482,7 @@ var io = /* @__PURE__ */ function(o) {
     value: function() {
       var e = this;
       if (!this.config.disable) {
-        L(I(r.prototype), "afterCreate", this).call(this), this.appendChild(".xgplayer-icon", this.icons.rotate), this.onBtnClick = this.onBtnClick.bind(this), this.bind(".xgplayer-icon", ["click", "touchend"], this.onBtnClick), this.on(Re, function() {
+        A(I(r.prototype), "afterCreate", this).call(this), this.appendChild(".xgplayer-icon", this.icons.rotate), this.onBtnClick = this.onBtnClick.bind(this), this.bind(".xgplayer-icon", ["click", "touchend"], this.onBtnClick), this.on(Oe, function() {
           e.rotateDeg && e.config.innerRotate && f.setTimeout(e, function() {
             e.updateRotateDeg(e.rotateDeg, e.config.innerRotate);
           }, 100);
@@ -9413,7 +9494,7 @@ var io = /* @__PURE__ */ function(o) {
   }, {
     key: "destroy",
     value: function() {
-      L(I(r.prototype), "destroy", this).call(this), this.unbind(".xgplayer-icon", ["click", "touchend"], this.onBtnClick);
+      A(I(r.prototype), "destroy", this).call(this), this.unbind(".xgplayer-icon", ["click", "touchend"], this.onBtnClick);
     }
   }, {
     key: "onBtnClick",
@@ -9427,13 +9508,13 @@ var io = /* @__PURE__ */ function(o) {
         this.player.videoRotateDeg = e;
         return;
       }
-      var n = this.player, s = this.rootWidth, l = this.rootHeight, u = n.root, c = n.innerContainer, h = n.media, d = u.offsetWidth, g = c && i ? c.offsetHeight : u.offsetHeight, p = s, y = l, m = 0, k = 0;
-      (e === 0.75 || e === 0.25) && (p = "".concat(g, "px"), y = "".concat(d, "px"), m = -(g - d) / 2, k = -(d - g) / 2);
-      var w = "translate(".concat(m, "px,").concat(k, "px) rotate(").concat(e, "turn)"), b = {
+      var n = this.player, s = this.rootWidth, l = this.rootHeight, u = n.root, c = n.innerContainer, h = n.media, d = u.offsetWidth, g = c && i ? c.offsetHeight : u.offsetHeight, p = s, m = l, y = 0, k = 0;
+      (e === 0.75 || e === 0.25) && (p = "".concat(g, "px"), m = "".concat(d, "px"), y = -(g - d) / 2, k = -(d - g) / 2);
+      var w = "translate(".concat(y, "px,").concat(k, "px) rotate(").concat(e, "turn)"), b = {
         transformOrigin: "center center",
         transform: w,
         webKitTransform: w,
-        height: y,
+        height: m,
         width: p
       }, B = i ? h : u, O = i ? n.getPlugin("poster") : null;
       Object.keys(b).map(function(z) {
@@ -9452,7 +9533,7 @@ var io = /* @__PURE__ */ function(o) {
     key: "registerIcons",
     value: function() {
       return {
-        rotate: to
+        rotate: io
       };
     }
   }, {
@@ -9485,14 +9566,14 @@ var io = /* @__PURE__ */ function(o) {
     }
   }]), r;
 }(je);
-function no() {
+function ro() {
   return new DOMParser().parseFromString(`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path fill-rule="evenodd" clip-rule="evenodd"
     d="M16.5 4.3H3.5C3.38954 4.3 3.3 4.38954 3.3 4.5V15.5C3.3 15.6105 3.38954 15.7 3.5 15.7H8.50005L8.50006 17.5H3.5C2.39543 17.5 1.5 16.6046 1.5 15.5V4.5C1.5 3.39543 2.39543 2.5 3.5 2.5H16.5C17.6046 2.5 18.5 3.39543 18.5 4.5V8.5H16.7V4.5C16.7 4.38954 16.6105 4.3 16.5 4.3ZM12 11.5C11.4477 11.5 11 11.9477 11 12.5L11 16.5C11 17.0523 11.4478 17.5 12 17.5H17.5C18.0523 17.5 18.5 17.0523 18.5 16.5L18.5 12.5C18.5 11.9477 18.0523 11.5 17.5 11.5H12Z"
     fill="white" />
 </svg>`, "image/svg+xml").firstChild;
 }
-function ro() {
+function so() {
   return new DOMParser().parseFromString(`<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path fill-rule="evenodd" clip-rule="evenodd"
     d="M16.5 4.3H3.5C3.38954 4.3 3.3 4.38954 3.3 4.5V15.5C3.3 15.6105 3.38954 15.7 3.5 15.7H8.50005L8.50006 17.5H3.5C2.39543 17.5 1.5 16.6046 1.5 15.5V4.5C1.5 3.39543 2.39543 2.5 3.5 2.5H16.5C17.6046 2.5 18.5 3.39543 18.5 4.5V8.5H16.7V4.5C16.7 4.38954 16.6105 4.3 16.5 4.3ZM12 11.5C11.4477 11.5 11 11.9477 11 12.5L11 16.5C11 17.0523 11.4478 17.5 12 17.5H17.5C18.0523 17.5 18.5 17.0523 18.5 16.5L18.5 12.5C18.5 11.9477 18.0523 11.5 17.5 11.5H12Z"
@@ -9506,7 +9587,7 @@ var Ye = {
   PIP: "picture-in-picture",
   INLINE: "inline",
   FULLSCREEN: "fullscreen"
-}, so = /* @__PURE__ */ function(o) {
+}, ao = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -9537,7 +9618,7 @@ var Ye = {
     key: "afterCreate",
     value: function() {
       var e = this;
-      this.isPIPAvailable() && (L(I(r.prototype), "afterCreate", this).call(this), this.pMode = Ye.INLINE, this.initPipEvents(), this.config.showIcon && this.initIcons(), this.once(It, function() {
+      this.isPIPAvailable() && (A(I(r.prototype), "afterCreate", this).call(this), this.pMode = Ye.INLINE, this.initPipEvents(), this.config.showIcon && this.initIcons(), this.once(It, function() {
         e.config.showIcon && (f.removeClass(e.find(".xgplayer-icon"), "xg-icon-disable"), e.bind("click", e.switchPIP));
       }));
     }
@@ -9546,11 +9627,11 @@ var Ye = {
     value: function() {
       return {
         pipIcon: {
-          icon: no,
+          icon: ro,
           class: "xg-get-pip"
         },
         pipIconExit: {
-          icon: ro,
+          icon: so,
           class: "xg-exit-pip"
         }
       };
@@ -9612,7 +9693,7 @@ var Ye = {
             documentPictureInPicture.requestWindow(u).then(function(h) {
               var d = s.docPiPNode, g = s.docPiPStyle;
               e.enterPIPCallback();
-              var p = d || i.root, y = p.parentElement, m = p.previousSibling, k = p.nextSibling;
+              var p = d || i.root, m = p.parentElement, y = p.previousSibling, k = p.nextSibling;
               e.copyStyleIntoPiPWindow(h);
               var w = document.createElement("style");
               if (w.append("body{padding:0; margin:0;}"), g) {
@@ -9623,7 +9704,7 @@ var Ye = {
               .xgplayer{width: 100%!important; height: 100%!important;}
             `);
               h.document.head.append(w), h.document.body.append(p), h.addEventListener("pagehide", function(B) {
-                y && (k ? y.insertBefore(p, k) : m ? y.insertBefore(p, m.nextSibling) : y.appendChild(p)), e.leavePIPCallback();
+                m && (k ? m.insertBefore(p, k) : y ? m.insertBefore(p, y.nextSibling) : m.appendChild(p)), e.leavePIPCallback();
               }, {
                 once: !0
               });
@@ -9658,7 +9739,7 @@ var Ye = {
   }, {
     key: "isPIPAvailable",
     value: function() {
-      var e = this.player.media, i = f.typeOf(document.pictureInPictureEnabled) === "Boolean" ? document.pictureInPictureEnabled : !0;
+      var e = this.player.media, i = f.typeOf(document.pictureInPictureEnabled) === "Boolean" ? document.pictureInPictureEnabled : !1;
       return i && (f.typeOf(e.disablePictureInPicture) === "Boolean" && !e.disablePictureInPicture || e.webkitSupportsPresentationMode && f.typeOf(e.webkitSetPresentationMode) === "Function") || this.isDocPIPAvailable();
     }
   }, {
@@ -9669,7 +9750,7 @@ var Ye = {
   }, {
     key: "destroy",
     value: function() {
-      L(I(r.prototype), "destroy", this).call(this);
+      A(I(r.prototype), "destroy", this).call(this);
       var e = this.player;
       e.media.removeEventListener("enterpictureinpicture", this.enterPIPCallback), e.media.removeEventListener("leavepictureinpicture", this.leavePIPCallback), r.checkWebkitSetPresentationMode(e.media) && e.media.removeEventListener("webkitpresentationmodechanged", this.onWebkitpresentationmodechanged), this.exitPIP(), this.unbind("click", this.btnClick);
     }
@@ -9709,13 +9790,13 @@ var Ye = {
     }
   }]), r;
 }(je);
-function ao() {
+function oo() {
   return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="40" viewBox="10 0 24 40">
   <path transform="scale(0.038 0.028)" d="M800 380v768h-128v-352l-320 320v-704l320 320v-352z"></path>
 </svg>
 `, "image/svg+xml").firstChild;
 }
-var oo = /* @__PURE__ */ function(o) {
+var lo = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -9734,7 +9815,7 @@ var oo = /* @__PURE__ */ function(o) {
     key: "registerIcons",
     value: function() {
       return {
-        playNext: ao
+        playNext: oo
       };
     }
   }, {
@@ -9783,19 +9864,19 @@ var oo = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(U), Zn = { exports: {} };
+}(U), Jn = { exports: {} };
 (function(o, a) {
   (function(r, t) {
     o.exports = t();
-  })(Jr, function() {
+  })(Qr, function() {
     return function r(t, e, i) {
-      var n = window, s = "application/octet-stream", l = i || s, u = t, c = !e && !i && u, h = document.createElement("a"), d = function(A) {
-        return String(A);
-      }, g = n.Blob || n.MozBlob || n.WebKitBlob || d, p = e || "download", y, m;
+      var n = window, s = "application/octet-stream", l = i || s, u = t, c = !e && !i && u, h = document.createElement("a"), d = function(L) {
+        return String(L);
+      }, g = n.Blob || n.MozBlob || n.WebKitBlob || d, p = e || "download", m, y;
       if (g = g.call ? g.bind(n) : Blob, String(this) === "true" && (u = [u, l], l = u[0], u = u[1]), c && c.length < 2048 && (p = c.split("/").pop().split("?")[0], h.href = c, h.href.indexOf(c) !== -1)) {
         var k = new XMLHttpRequest();
-        return k.open("GET", c, !0), k.responseType = "blob", k.onload = function(A) {
-          r(A.target.response, p, s);
+        return k.open("GET", c, !0), k.responseType = "blob", k.onload = function(L) {
+          r(L.target.response, p, s);
         }, setTimeout(function() {
           k.send();
         }, 0), k;
@@ -9814,51 +9895,51 @@ var oo = /* @__PURE__ */ function(o) {
           b[w] = u.charCodeAt(w);
         u = new g([b], { type: l });
       }
-      y = u instanceof g ? u : new g([u], { type: l });
-      function O(A) {
-        var ee = A.split(/[:;,]/), q = ee[1], F = ee[2] == "base64" ? atob : decodeURIComponent, ie = F(ee.pop()), oe = ie.length, le = 0, ke = new Uint8Array(oe);
+      m = u instanceof g ? u : new g([u], { type: l });
+      function O(L) {
+        var ee = L.split(/[:;,]/), q = ee[1], F = ee[2] == "base64" ? atob : decodeURIComponent, ie = F(ee.pop()), oe = ie.length, le = 0, be = new Uint8Array(oe);
         for (le; le < oe; ++le)
-          ke[le] = ie.charCodeAt(le);
-        return new g([ke], { type: q });
+          be[le] = ie.charCodeAt(le);
+        return new g([be], { type: q });
       }
-      function z(A, ee) {
+      function z(L, ee) {
         if ("download" in h)
-          return h.href = A, h.setAttribute("download", p), h.className = "download-js-link", h.innerHTML = "downloading...", h.style.display = "none", document.body.appendChild(h), setTimeout(function() {
+          return h.href = L, h.setAttribute("download", p), h.className = "download-js-link", h.innerHTML = "downloading...", h.style.display = "none", document.body.appendChild(h), setTimeout(function() {
             h.click(), document.body.removeChild(h), ee === !0 && setTimeout(function() {
               n.URL.revokeObjectURL(h.href);
             }, 250);
           }, 66), !0;
         if (/(Version)\/(\d+)\.(\d+)(?:\.(\d+))?.*Safari\//.test(navigator.userAgent))
-          return /^data:/.test(A) && (A = "data:" + A.replace(/^data:([\w\/\-\+]+)/, s)), window.open(A) || confirm(`Displaying New Document
+          return /^data:/.test(L) && (L = "data:" + L.replace(/^data:([\w\/\-\+]+)/, s)), window.open(L) || confirm(`Displaying New Document
 
-Use Save As... to download, then click back to return to this page.`) && (location.href = A), !0;
+Use Save As... to download, then click back to return to this page.`) && (location.href = L), !0;
         var q = document.createElement("iframe");
-        document.body.appendChild(q), !ee && /^data:/.test(A) && (A = "data:" + A.replace(/^data:([\w\/\-\+]+)/, s)), q.src = A, setTimeout(function() {
+        document.body.appendChild(q), !ee && /^data:/.test(L) && (L = "data:" + L.replace(/^data:([\w\/\-\+]+)/, s)), q.src = L, setTimeout(function() {
           document.body.removeChild(q);
         }, 333);
       }
       if (navigator.msSaveBlob)
-        return navigator.msSaveBlob(y, p);
+        return navigator.msSaveBlob(m, p);
       if (n.URL)
-        z(n.URL.createObjectURL(y), !0);
+        z(n.URL.createObjectURL(m), !0);
       else {
-        if (typeof y == "string" || y.constructor === d)
+        if (typeof m == "string" || m.constructor === d)
           try {
-            return z("data:" + l + ";base64," + n.btoa(y));
+            return z("data:" + l + ";base64," + n.btoa(m));
           } catch {
-            return z("data:" + l + "," + encodeURIComponent(y));
+            return z("data:" + l + "," + encodeURIComponent(m));
           }
-        m = new FileReader(), m.onload = function(A) {
+        y = new FileReader(), y.onload = function(L) {
           z(this.result);
-        }, m.readAsDataURL(y);
+        }, y.readAsDataURL(m);
       }
       return !0;
     };
   });
-})(Zn);
-var lo = Zn.exports;
-const uo = /* @__PURE__ */ li(lo);
-function co() {
+})(Jn);
+var uo = Jn.exports;
+const co = /* @__PURE__ */ li(uo);
+function fo() {
   return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
   <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
     <g transform="translate(-488.000000, -340.000000)" fill="#FFFFFF">
@@ -9875,7 +9956,7 @@ function co() {
 </svg>
 `, "image/svg+xml").firstChild;
 }
-var fo = /* @__PURE__ */ function(o) {
+var ho = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -9886,7 +9967,7 @@ var fo = /* @__PURE__ */ function(o) {
         var n = e.playerConfig.url, s = "";
         f.typeOf(n) === "String" ? s = n : f.typeOf(n) === "Array" && n.length > 0 && (s = n[0].src);
         var l = e.getAbsoluteURL(s);
-        uo(l), e.isLock = !0, e.timer = window.setTimeout(function() {
+        co(l), e.isLock = !0, e.timer = window.setTimeout(function() {
           e.isLock = !1, window.clearTimeout(e.timer), e.timer = null;
         }, 300);
       }
@@ -9895,7 +9976,7 @@ var fo = /* @__PURE__ */ function(o) {
   return E(r, [{
     key: "afterCreate",
     value: function() {
-      L(I(r.prototype), "afterCreate", this).call(this), !this.config.disable && (this.appendChild(".xgplayer-icon", this.icons.download), this._handler = this.hook("click", this.download, {
+      A(I(r.prototype), "afterCreate", this).call(this), !this.config.disable && (this.appendChild(".xgplayer-icon", this.icons.download), this._handler = this.hook("click", this.download, {
         pre: function(i) {
           i.preventDefault(), i.stopPropagation();
         }
@@ -9905,7 +9986,7 @@ var fo = /* @__PURE__ */ function(o) {
     key: "registerIcons",
     value: function() {
       return {
-        download: co
+        download: fo
       };
     }
   }, {
@@ -9920,7 +10001,7 @@ var fo = /* @__PURE__ */ function(o) {
   }, {
     key: "destroy",
     value: function() {
-      L(I(r.prototype), "destroy", this).call(this), this.unbind(["click", "touchend"], this.download), window.clearTimeout(this.timer), this.timer = null;
+      A(I(r.prototype), "destroy", this).call(this), this.unbind(["click", "touchend"], this.download), window.clearTimeout(this.timer), this.timer = null;
     }
   }, {
     key: "render",
@@ -9947,7 +10028,7 @@ var fo = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(je), ho = /* @__PURE__ */ function(o) {
+}(je), go = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -9961,11 +10042,11 @@ var fo = /* @__PURE__ */ function(o) {
   }, {
     key: "afterCreate",
     value: function() {
-      L(I(r.prototype), "afterCreate", this).call(this), this.appendChild(".xgplayer-icon", this.icons.screenshotIcon);
+      A(I(r.prototype), "afterCreate", this).call(this), this.appendChild(".xgplayer-icon", this.icons.screenshotIcon);
       var e = this.config;
       this.initSize = function(i) {
         e.fitVideo && (e.width = i.vWidth, e.height = i.vHeight);
-      }, this.once(Re, this.initSize);
+      }, this.once(Oe, this.initSize);
     }
   }, {
     key: "onPluginsReady",
@@ -10013,13 +10094,13 @@ var fo = /* @__PURE__ */ function(o) {
         type: "image/png"
       }, l = this.config, u = this.player, c = s.quality || l.quality, h = s.type || l.type;
       return new Promise(function(d, g) {
-        var p = null, y;
+        var p = null, m;
         if (u.media.canvas)
           p = u.media.canvas;
         else {
-          n.canvas ? (n.canvas.width = e || l.width, n.canvas.height = i || l.height) : n.createCanvas(e, i), p = n.canvas, y = n.canvasCtx;
-          var m = u.media.videoWidth / u.media.videoHeight, k = p.width / p.height, w = 0, b = 0, B = u.media.videoWidth, O = u.media.videoHeight, z, A, ee, q;
-          m > k ? (ee = p.width, q = p.width / m, z = 0, A = Math.round((p.height - q) / 2)) : m === k ? (ee = p.width, q = p.height, z = 0, A = 0) : m < k && (ee = p.height * m, q = p.height, z = Math.round((p.width - ee) / 2), A = 0), y.drawImage(u.media, w, b, B, O, z, A, ee, q);
+          n.canvas ? (n.canvas.width = e || l.width, n.canvas.height = i || l.height) : n.createCanvas(e, i), p = n.canvas, m = n.canvasCtx;
+          var y = u.media.videoWidth / u.media.videoHeight, k = p.width / p.height, w = 0, b = 0, B = u.media.videoWidth, O = u.media.videoHeight, z, L, ee, q;
+          y > k ? (ee = p.width, q = p.width / y, z = 0, L = Math.round((p.height - q) / 2)) : y === k ? (ee = p.width, q = p.height, z = 0, L = 0) : y < k && (ee = p.height * y, q = p.height, z = Math.round((p.width - ee) / 2), L = 0), m.drawImage(u.media, w, b, B, O, z, L, ee, q);
         }
         var F = p.toDataURL(h, c).replace(h, "image/octet-stream");
         F = F.replace(/^data:image\/[^;]+/, "data:application/octet-stream"), d(F);
@@ -10035,7 +10116,7 @@ var fo = /* @__PURE__ */ function(o) {
   }, {
     key: "destroy",
     value: function() {
-      L(I(r.prototype), "destroy", this).call(this), this.unbind(["click", "touchend"], this.onClickBtn), this.off(Re, this.initSize);
+      A(I(r.prototype), "destroy", this).call(this), this.unbind(["click", "touchend"], this.onClickBtn), this.off(Oe, this.initSize);
     }
   }, {
     key: "render",
@@ -10073,7 +10154,7 @@ var fo = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(je), go = /* @__PURE__ */ function() {
+}(je), po = /* @__PURE__ */ function() {
   function o(a) {
     T(this, o), this.config = a.config, this.parent = a.root, this.root = f.createDom("ul", "", {}, "xg-options-list xg-list-slide-scroll ".concat(this.config.className)), a.root.appendChild(this.root);
     var r = this.config.maxHeight;
@@ -10153,7 +10234,7 @@ var fo = /* @__PURE__ */ function(o) {
   CLICK: "click",
   HOVER: "hover"
 };
-function po(o, a) {
+function vo(o, a) {
   return o === me.SIDE ? a === G.CONTROLS_LEFT ? "xg-side-list xg-left-side" : "xg-side-list xg-right-side" : "";
 }
 var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
@@ -10188,7 +10269,7 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
     key: "afterCreate",
     value: function() {
       var e = this, i = this.config;
-      this.initIcons(), Be = Be || this.domEventType === "touch", Be && R.device === "mobile" && i.listType === me.DEFAULT && (i.listType = me.SIDE), i.hidePortrait && f.addClass(this.root, "portrait"), this.on([Re, be], function() {
+      this.initIcons(), Be = Be || this.domEventType === "touch", Be && R.device === "mobile" && i.listType === me.DEFAULT && (i.listType = me.SIDE), i.hidePortrait && f.addClass(this.root, "portrait"), this.on([Oe, we], function() {
         e._resizeList();
       }), this.once(Te, function() {
         i.list && i.list.length > 0 && (e.renderItemList(i.list), e.show());
@@ -10267,9 +10348,9 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
       var c = {
         config: {
           data: e || [],
-          className: po(s.listType, s.position),
-          onItemClick: function(y, m) {
-            n.onItemClick(y, m);
+          className: vo(s.listType, s.position),
+          onItemClick: function(m, y) {
+            n.onItemClick(m, y);
           },
           domEventType: Be ? "touch" : "mouse"
         },
@@ -10277,7 +10358,7 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
       };
       if (this.config.isShowIcon) {
         var h = this.player.root.getBoundingClientRect(), d = h.height, g = s.listType === me.MIDDLE ? d - 50 : d;
-        g && s.heightLimit && (c.config.maxHeight = "".concat(g, "px")), this.optionsList = new go(c), this.changeCurrentText(), this.show();
+        g && s.heightLimit && (c.config.maxHeight = "".concat(g, "px")), this.optionsList = new po(c), this.changeCurrentText(), this.show();
       }
       this._resizeList();
     }
@@ -10328,7 +10409,7 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(U), vo = /* @__PURE__ */ function(o) {
+}(U), mo = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -10347,7 +10428,7 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
     key: "afterCreate",
     value: function() {
       var e = this;
-      L(I(r.prototype), "afterCreate", this).call(this), this.on("resourceReady", function(i) {
+      A(I(r.prototype), "afterCreate", this).call(this), this.on("resourceReady", function(i) {
         e.changeDefinitionList(i);
       }), this.on(mi, function(i) {
         e.renderItemList(e.config.list, i.to);
@@ -10383,7 +10464,7 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
         });
         return (c.selected || c.definition && c.definition == s) && (d.selected = !0, l = h), d;
       });
-      L(I(r.prototype), "renderItemList", this).call(this, u, l);
+      A(I(r.prototype), "renderItemList", this).call(this, u, l);
     }
   }, {
     key: "changeDefinitionList",
@@ -10401,7 +10482,7 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
     key: "onItemClick",
     value: function(e, i) {
       var n = this.player.definitionList;
-      L(I(r.prototype), "onItemClick", this).apply(this, arguments), this.emitUserAction(e, "change_definition", {
+      A(I(r.prototype), "onItemClick", this).apply(this, arguments), this.emitUserAction(e, "change_definition", {
         from: i.from,
         to: i.to
       });
@@ -10429,7 +10510,7 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
       });
     }
   }]), r;
-}(St), mo = /* @__PURE__ */ function(o) {
+}(St), yo = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -10451,19 +10532,19 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
     key: "afterCreate",
     value: function() {
       var e = this;
-      L(I(r.prototype), "afterCreate", this).call(this), this.on(Ln, function() {
+      A(I(r.prototype), "afterCreate", this).call(this), this.on(An, function() {
         e.curValue !== e.player.playbackRate && e.renderItemList();
       }), this.renderItemList();
     }
   }, {
     key: "show",
     value: function(e) {
-      !this.config.list || this.config.list.length === 0 || L(I(r.prototype), "show", this).call(this);
+      !this.config.list || this.config.list.length === 0 || A(I(r.prototype), "show", this).call(this);
     }
   }, {
     key: "onItemClick",
     value: function(e, i) {
-      L(I(r.prototype), "onItemClick", this).call(this, e, i);
+      A(I(r.prototype), "onItemClick", this).call(this, e, i);
       var n = e.delegateTarget, s = Number(n.getAttribute("rate"));
       if (!s || s === this.curValue)
         return !1;
@@ -10488,7 +10569,7 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
         };
         return c.rate === i && (c.selected = !0, n = u), c.showText = e.getTextByLang(l), c;
       });
-      L(I(r.prototype), "renderItemList", this).call(this, s, n);
+      A(I(r.prototype), "renderItemList", this).call(this, s, n);
     }
   }, {
     key: "changeCurrentText",
@@ -10501,7 +10582,7 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
   }, {
     key: "destroy",
     value: function() {
-      L(I(r.prototype), "destroy", this).call(this);
+      A(I(r.prototype), "destroy", this).call(this);
     }
   }], [{
     key: "pluginName",
@@ -10522,13 +10603,13 @@ var Be = R.device === "mobile", St = /* @__PURE__ */ function(o) {
     }
   }]), r;
 }(St);
-function yo() {
+function _o() {
   return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="31" height="40" viewBox="0 -5 31 40">
   <path fill="#fff" transform="scale(1.3, 1.3)" class='path_full' d="M9,10v1a.9.9,0,0,1-1,1,.9.9,0,0,1-1-1V9A.9.9,0,0,1,8,8h2a.9.9,0,0,1,1,1,.9.9,0,0,1-1,1Zm6,4V13a1,1,0,0,1,2,0v2a.9.9,0,0,1-1,1H14a1,1,0,0,1,0-2Zm3-7H6V17H18Zm2,0V17a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V7A2,2,0,0,1,6,5H18A2,2,0,0,1,20,7Z"></path>
 </svg>
 `, "image/svg+xml").firstChild;
 }
-function _o() {
+function Co() {
   return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="31" height="40" viewBox="0 -5 31 40">
   <path fill="#fff" transform="scale(1.3, 1.3)" d="M9,10V9a.9.9,0,0,1,1-1,.9.9,0,0,1,1,1v2a.9.9,0,0,1-1,1H8a.9.9,0,0,1-1-1,.9.9,0,0,1,1-1Zm6,4v1a1,1,0,0,1-2,0V13a.9.9,0,0,1,1-1h2a1,1,0,0,1,0,2Zm3-7H6V17H18Zm2,0V17a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V7A2,2,0,0,1,6,5H18A2,2,0,0,1,20,7Z"></path>
 </svg>
@@ -10549,7 +10630,7 @@ var dn = /* @__PURE__ */ function(o) {
     key: "afterCreate",
     value: function() {
       var e = this;
-      L(I(r.prototype), "afterCreate", this).call(this), !this.config.disable && (this.config.target && (this.playerConfig.fullscreenTarget = this.config.target), this.initIcons(), this.on(_t, function(i) {
+      A(I(r.prototype), "afterCreate", this).call(this), !this.config.disable && (this.config.target && (this.playerConfig.fullscreenTarget = this.config.target), this.initIcons(), this.on(_t, function(i) {
         e.animate(i);
       }), this.btnClick = this.btnClick.bind(this), this.handleCssFullscreen = this.hook("cssFullscreen_change", this.btnClick, {
         pre: function(n) {
@@ -10588,11 +10669,11 @@ var dn = /* @__PURE__ */ function(o) {
     value: function() {
       return {
         cssFullscreen: {
-          icon: yo,
+          icon: _o,
           class: "xg-get-cssfull"
         },
         exitCssFullscreen: {
-          icon: _o,
+          icon: Co,
           class: "xg-exit-cssfull"
         }
       };
@@ -10600,7 +10681,7 @@ var dn = /* @__PURE__ */ function(o) {
   }, {
     key: "destroy",
     value: function() {
-      L(I(r.prototype), "destroy", this).call(this), this.unbind(["click", "touchend"], this.btnClick);
+      A(I(r.prototype), "destroy", this).call(this), this.unbind(["click", "touchend"], this.btnClick);
     }
   }, {
     key: "render",
@@ -10628,7 +10709,7 @@ var dn = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(je), Co = /* @__PURE__ */ function(o) {
+}(je), ko = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -10689,7 +10770,7 @@ var dn = /* @__PURE__ */ function(o) {
       return "error";
     }
   }]), r;
-}(U), ko = /* @__PURE__ */ function(o) {
+}(U), bo = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -10777,7 +10858,7 @@ var dn = /* @__PURE__ */ function(o) {
   width: 6,
   height: 6
 };
-function Jn(o) {
+function Qn(o) {
   Object.keys(gn).map(function(a) {
     o[a] === void 0 && (o[a] = gn[a]);
   });
@@ -10799,7 +10880,7 @@ var pn = {
   },
   createDot: function(a) {
     var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, t = this.player.plugins.progress;
-    if (t && (r && (Jn(a), this._ispots.push(a)), !(!this.ispotsInit && r))) {
+    if (t && (r && (Qn(a), this._ispots.push(a)), !(!this.ispotsInit && r))) {
       var e = this.calcuPosition(a.time, a.duration), i = a.style || {};
       i.left = "".concat(e.left, "%"), i.width = "".concat(e.width, "%");
       var n = "xgspot_".concat(a.id, " xgplayer-spot");
@@ -10919,20 +11000,20 @@ var pn = {
       return r.find('xg-spot[data-id="'.concat(a, '"]'));
   }
 };
-function bo(o) {
+function wo(o) {
   var a = o.config, r = o.player;
   Object.keys(pn).map(function(e) {
     o[e] = pn[e].bind(o);
   });
   var t = r.config.progressDot || a.ispots || [];
   o._ispots = t.map(function(e) {
-    return Jn(e), e;
+    return Qn(e), e;
   }), o.ispotsInit = !1, o.playerSize = {
     left: r.sizeInfo.left,
     width: r.sizeInfo.width
-  }, o.on(Me, function() {
+  }, o.on(xe, function() {
     o.ispotsInit ? o.updateDuration() : o.initDots();
-  }), o.on(Re, function() {
+  }), o.on(Oe, function() {
     o.positionDots();
   });
 }
@@ -10943,7 +11024,7 @@ var Xe = {
   click: "onProgressClick",
   mouseover: "onProgressMouseOver",
   mouseenter: "onProgressMouseOver"
-}, wo = /* @__PURE__ */ function(o) {
+}, To = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -10994,7 +11075,7 @@ var Xe = {
         n.seekTime && e.player.seek(n.seekTime);
       }), this.transformTimeHook = this.hook("transformTime", function(i) {
         e.setTimeContent(f.format(i));
-      }), bo(this), this.on(Me, function() {
+      }), wo(this), this.on(xe, function() {
         e.show();
       }), this.config.disable && this.disable(), this.extTextRoot = this.find(".xg-spot-ext-text");
     }
@@ -11218,7 +11299,7 @@ var Xe = {
       };
     }
   }]), r;
-}(U), To = /* @__PURE__ */ function(o) {
+}(U), Eo = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r(t) {
@@ -11229,7 +11310,7 @@ var Xe = {
     key: "afterCreate",
     value: function() {
       var e = this;
-      this.usable && this.initThumbnail(), this.on([Me], function() {
+      this.usable && this.initThumbnail(), this.on([xe], function() {
         var i = e.config, n = i.pic_num, s = i.interval;
         e.usable && (e.interval = s > 0 ? s : Math.round(e.player.duration * 1e3 / n) / 1e3);
       });
@@ -11282,7 +11363,7 @@ var Xe = {
       this.interval = Math.round(this.player.duration / l);
       var g = Math.ceil(e / this.interval);
       g = g > l ? l : g;
-      var p = g < u * c ? 0 : Math.ceil(g / (u * c)) - 1, y = g - p * (c * u), m = y > 0 ? Math.ceil(y / c) - 1 : 0, k = y > 0 ? y - m * c - 1 : 0, w = 0, b = 0;
+      var p = g < u * c ? 0 : Math.ceil(g / (u * c)) - 1, m = g - p * (c * u), y = m > 0 ? Math.ceil(m / c) - 1 : 0, k = m > 0 ? m - y * c - 1 : 0, w = 0, b = 0;
       if (i && n) {
         var B = i / n;
         B < h / d ? (b = n, w = b * (h / d)) : (w = i, b = w / (h / d));
@@ -11291,7 +11372,7 @@ var Xe = {
       var O = this.getUrlByIndex(p);
       return {
         urlIndex: p,
-        rowIndex: m,
+        rowIndex: y,
         colIndex: k,
         url: O,
         height: b,
@@ -11299,7 +11380,7 @@ var Xe = {
         style: {
           backgroundImage: "url(".concat(O, ")"),
           backgroundSize: "".concat(w * c, "px auto"),
-          backgroundPosition: "-".concat(k * w, "px -").concat(m * b, "px"),
+          backgroundPosition: "-".concat(k * w, "px -").concat(y * b, "px"),
           width: "".concat(w, "px"),
           height: "".concat(b, "px")
         }
@@ -11356,7 +11437,7 @@ var Xe = {
 function Yt(o) {
   return o ? "background:".concat(o, ";") : "";
 }
-var Eo = /* @__PURE__ */ function(o) {
+var So = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -11444,14 +11525,14 @@ var Eo = /* @__PURE__ */ function(o) {
   FRAME_RATE: "framerate",
   POSTER: "poster"
 };
-function So() {
+function xo() {
   try {
     return parseInt(window.performance.now(), 10);
   } catch {
     return (/* @__PURE__ */ new Date()).getTime();
   }
 }
-function xo() {
+function Io() {
   try {
     var o = document.createElement("canvas").getContext;
     return !!o;
@@ -11459,7 +11540,7 @@ function xo() {
     return !1;
   }
 }
-var dt = null, Io = /* @__PURE__ */ function(o) {
+var dt = null, Po = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -11480,7 +11561,7 @@ var dt = null, Io = /* @__PURE__ */ function(o) {
         !t.player.paused && t._checkIfCanStart() && t.start(0, l);
       }
     }), _(v(t), "start", function(s, l) {
-      var u = t.player.video, c = So(), h = t.checkVideoIsSupport(u);
+      var u = t.player.video, c = xo(), h = t.checkVideoIsSupport(u);
       !h || !t.canvasCtx || (l || (l = t.interval), t.stop(), u.videoWidth && u.videoHeight && (t.videoPI = u.videoHeight > 0 ? parseInt(u.videoWidth / u.videoHeight * 100, 10) : 0, (t.config.mode === qe.REAL_TIME || c - t.preTime >= l) && (u && u.videoWidth && t.update(h, t.videoPI), t.preTime = c)), t.frameId = t._loopType === "timer" ? f.setTimeout(v(t), t.start, l) : f.requestAnimationFrame(t.start));
     }), _(v(t), "stop", function() {
       t.frameId && (t._loopType === "timer" ? f.clearTimeout(v(t), t.frameId) : f.cancelAnimationFrame(t.frameId), t.frameId = null);
@@ -11653,7 +11734,7 @@ var dt = null, Io = /* @__PURE__ */ function(o) {
   }, {
     key: "isSupport",
     get: function() {
-      return typeof dt == "boolean" || (dt = xo()), dt;
+      return typeof dt == "boolean" || (dt = Io()), dt;
     }
   }, {
     key: "supportCanvasFilter",
@@ -11661,7 +11742,7 @@ var dt = null, Io = /* @__PURE__ */ function(o) {
       return !(R.browser === "safari" || R.browser === "firefox");
     }
   }]), r;
-}(U), Po = {
+}(U), Ao = {
   LANG: "zh-cn",
   TEXT: {
     ERROR_TYPES: {
@@ -11880,7 +11961,7 @@ var dt = null, Io = /* @__PURE__ */ function(o) {
       return {};
     }
   }]), r;
-}(Oe), Qn = /* @__PURE__ */ function(o) {
+}(Me), er = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -11900,15 +11981,15 @@ var dt = null, Io = /* @__PURE__ */ function(o) {
           var c = l.media.buffered, h = u.smallGapLimit || 0.5, d = u.gapDetectionThreshold || 0.3, g = l.media.currentTime, p = t._getIndex(c, g, d);
           if (!(p === null || p === 0)) {
             console.log("GapJump  bufferRange ", c.start(p), c.end(p));
-            var y = c.start(p) + 0.1, m = l.media.duration;
-            if (!(y > m)) {
-              var k = y - g, w = k <= h;
-              k < r.BROWSER_GAP_TOLERANCE || w && (u.useGapJump !== !1 && (l.media.currentTime = t.isSafari ? y + 0.1 : y), t.player && t.player.emit("detectGap"), console.log("gapJump gapIndex", p, " isGapSamll:", w, " currentTime:", l.media.currentTime, " jumpSize:", g - l.media.currentTime), y !== 0.08 && l && l.emit("log", {
+            var m = c.start(p) + 0.1, y = l.media.duration;
+            if (!(m > y)) {
+              var k = m - g, w = k <= h;
+              k < r.BROWSER_GAP_TOLERANCE || w && (u.useGapJump !== !1 && (l.media.currentTime = t.isSafari ? m + 0.1 : m), t.player && t.player.emit("detectGap"), console.log("gapJump gapIndex", p, " isGapSamll:", w, " currentTime:", l.media.currentTime, " jumpSize:", g - l.media.currentTime), m !== 0.08 && l && l.emit("log", {
                 type: "oneevent",
                 end_type: "gap",
                 vid: l.config.vid,
                 ext: {
-                  video_postion: Math.floor(y * 1e3)
+                  video_postion: Math.floor(m * 1e3)
                 }
               }));
             }
@@ -11969,8 +12050,8 @@ var dt = null, Io = /* @__PURE__ */ function(o) {
     }
   }]), r;
 }(U);
-Qn.BROWSER_GAP_TOLERANCE = 1e-3;
-var Ao = /* @__PURE__ */ function(o) {
+er.BROWSER_GAP_TOLERANCE = 1e-3;
+var Do = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -12016,7 +12097,7 @@ var Ao = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(U), Ze = "cdn", gt = ["cdn"], Do = /* @__PURE__ */ function(o) {
+}(U), Ze = "cdn", gt = ["cdn"], Ro = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -12046,18 +12127,18 @@ var Ao = /* @__PURE__ */ function(o) {
         if (!(t.cnt >= c)) {
           t.cnt++;
           try {
-            var g = (/* @__PURE__ */ new Date()).getTime(), p = null, y = new XMLHttpRequest();
-            t.xhr = y, y.open("GET", d);
-            var m = {}, k = Math.floor(Math.random() * 10);
-            m.Range = "bytes=" + k + "-" + (u + k), m && Object.keys(m).forEach(function(w) {
-              y.setRequestHeader(w, m[w]);
-            }), y.onreadystatechange = function() {
-              if (y.readyState === 4) {
+            var g = (/* @__PURE__ */ new Date()).getTime(), p = null, m = new XMLHttpRequest();
+            t.xhr = m, m.open("GET", d);
+            var y = {}, k = Math.floor(Math.random() * 10);
+            y.Range = "bytes=" + k + "-" + (u + k), y && Object.keys(y).forEach(function(w) {
+              m.setRequestHeader(w, y[w]);
+            }), m.onreadystatechange = function() {
+              if (m.readyState === 4) {
                 t.xhr = null, p = (/* @__PURE__ */ new Date()).getTime();
-                var w = y.getResponseHeader("Content-Length") / 1024 * 8, b = Math.round(w * 1e3 / (p - g));
+                var w = m.getResponseHeader("Content-Length") / 1024 * 8, b = Math.round(w * 1e3 / (p - g));
                 t.appendList(b), t.timer = setTimeout(t.testSpeed, h);
               }
-            }, y.send();
+            }, m.send();
           } catch (w) {
             console.error(w);
           }
@@ -12142,7 +12223,7 @@ var Ao = /* @__PURE__ */ function(o) {
       };
     }
   }]), r;
-}(U), Ro = /* @__PURE__ */ function(o) {
+}(U), Oo = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
   function r() {
@@ -12201,10 +12282,10 @@ var Ao = /* @__PURE__ */ function(o) {
     value: function(e, i, n, s) {
       var l = this.player.media || this.player.video, u = document.hidden, c = l.paused, h = l.readyState, d = l.currentTime, g = l.buffered;
       if (!(u || c || h < 4)) {
-        var p = this._checkBuffer(d, g), y = p.enoughBuffer, m = p.buffers;
-        y && (e <= this.config.reportFrame ? (this._currentStuckCount++, this._payload.push({
+        var p = this._checkBuffer(d, g), m = p.enoughBuffer, y = p.buffers;
+        m && (e <= this.config.reportFrame ? (this._currentStuckCount++, this._payload.push({
           currentTime: d,
-          buffers: m,
+          buffers: y,
           curDecodedFrames: e,
           totalVideoFrames: i,
           droppedVideoFrames: n,
@@ -12252,24 +12333,24 @@ var Ao = /* @__PURE__ */ function(o) {
     }
   }]), r;
 }(U);
-Qe.use(Po);
-var Oo = /* @__PURE__ */ E(function o(a, r) {
+Qe.use(Ao);
+var Mo = /* @__PURE__ */ E(function o(a, r) {
   var t, e, i;
   T(this, o);
-  var n = r && r.isMobileSimulateMode === "mobile", s = r.isLive, l = s ? [] : [qa, za, Eo, wo, Xa], u = [].concat(l, [ja, $a, io, oo, vo, mo, fo, ho, eo, so]), c = [ba, wa, Ea, Ha, Sa, Co, ko, To, La];
-  this.plugins = [Lo, Ca].concat(de(u), c, [Qn, Ao]);
+  var n = r && r.isMobileSimulateMode === "mobile", s = r.isLive, l = s ? [] : [Za, ja, So, To, qa], u = [].concat(l, [Wa, Xa, no, lo, mo, yo, ho, go, to, ao]), c = [wa, Ta, Sa, Ua, xa, ko, bo, Eo, La];
+  this.plugins = [Lo, ka].concat(de(u), c, [er, Do]);
   var h = n ? "mobile" : R.device;
   switch (h) {
     case "pc":
-      (t = this.plugins).push.apply(t, [fn, Gt, dn, Do, Ro]);
+      (t = this.plugins).push.apply(t, [fn, Gt, dn, Ro, Oo]);
       break;
     case "mobile":
-      (e = this.plugins).push.apply(e, [Na]);
+      (e = this.plugins).push.apply(e, [Fa]);
       break;
     default:
       (i = this.plugins).push.apply(i, [fn, Gt, dn]);
   }
-  (R.os.isIpad || h === "pc") && this.plugins.push(Io), R.os.isIpad && this.plugins.push(Gt), this.ignores = [], this.i18n = [];
+  (R.os.isIpad || h === "pc") && this.plugins.push(Po), R.os.isIpad && this.plugins.push(Gt), this.ignores = [], this.i18n = [];
 }), ge = /* @__PURE__ */ function(o) {
   S(r, o);
   var a = x(r);
@@ -12277,18 +12358,18 @@ var Oo = /* @__PURE__ */ E(function o(a, r) {
     return T(this, r), a.apply(this, arguments);
   }
   return E(r);
-}(At);
-_(ge, "defaultPreset", Oo);
+}(Lt);
+_(ge, "defaultPreset", Mo);
 _(ge, "Util", f);
 _(ge, "Sniffer", R);
 _(ge, "Errors", mt);
-_(ge, "Events", $s);
+_(ge, "Events", Xs);
 _(ge, "Plugin", U);
-_(ge, "BasePlugin", Oe);
+_(ge, "BasePlugin", Me);
 _(ge, "I18N", Qe);
 _(ge, "STATE_CLASS", C);
-_(ge, "InstManager", Xn);
-const Mo = ["id"], No = /* @__PURE__ */ Q({
+_(ge, "InstManager", qn);
+const No = ["id"], Fo = /* @__PURE__ */ Q({
   name: "ElImageViewer",
   __name: "Player",
   props: /* @__PURE__ */ vt({
@@ -12317,7 +12398,7 @@ const Mo = ["id"], No = /* @__PURE__ */ Q({
   }, ["update:modelValue"]),
   setup(o, { emit: a }) {
     let r = null;
-    const t = o, { cLoadUrl: e } = Fr(t), i = J(() => Jt(e.value, t.url)), n = {
+    const t = o, { cLoadUrl: e } = Br(t), i = J(() => Jt(e.value, t.url)), n = {
       width: "100%",
       height: "100%",
       // 是否自动播放
@@ -12351,8 +12432,8 @@ const Mo = ["id"], No = /* @__PURE__ */ Q({
         });
       });
     }), (g, p) => {
-      const y = pt("el-icon");
-      return u.value ? (N(), De(vn, {
+      const m = pt("el-icon");
+      return u.value ? (N(), Re(vn, {
         key: 0,
         to: "body"
       }, [
@@ -12386,7 +12467,7 @@ const Mo = ["id"], No = /* @__PURE__ */ Q({
                     class: Y(P(h).e("canvas"))
                   },
                   [
-                    j("div", { id: P(c) }, null, 8, Mo),
+                    j("div", { id: P(c) }, null, 8, No),
                     ae(" CLOSE "),
                     j(
                       "span",
@@ -12395,7 +12476,7 @@ const Mo = ["id"], No = /* @__PURE__ */ Q({
                         onClick: d
                       },
                       [
-                        K(y, { onClick: d }, {
+                        K(m, { onClick: d }, {
                           default: Z(() => [
                             K(P(Cn))
                           ]),
@@ -12423,7 +12504,7 @@ const Mo = ["id"], No = /* @__PURE__ */ Q({
     };
   }
 });
-const Fo = /* @__PURE__ */ oi(No, [["__scopeId", "data-v-b301aa7d"]]), Bo = et(Fo), Ho = /* @__PURE__ */ Q({
+const Bo = /* @__PURE__ */ oi(Fo, [["__scopeId", "data-v-b301aa7d"]]), Ho = et(Bo), Uo = /* @__PURE__ */ Q({
   __name: "IkPreviewFileDialog",
   props: /* @__PURE__ */ vt({
     file: {
@@ -12466,22 +12547,22 @@ const Fo = /* @__PURE__ */ oi(No, [["__scopeId", "data-v-b301aa7d"]]), Bo = et(F
       suffix: "suffix",
       size: "fileSize",
       ...a.field
-    })), e = Ce(null), i = Ce(null), n = dr({
+    })), e = Ce(null), i = Ce(null), n = gr({
       image: !1,
       office: !1,
       video: !1
     }), s = (u) => {
-      var c, h, d, g, p, y, m;
+      var c, h, d, g, p, m, y;
       try {
         const k = ((c = u == null ? void 0 : u.response) == null ? void 0 : c.data) || u, w = k[t.value.url] || (k == null ? void 0 : k.id) || k.attachmentId, b = (h = k[t.value.suffix] || k.attachmentSuffix) == null ? void 0 : h.toLowerCase(), B = k[t.value.name] || (k == null ? void 0 : k.attachmentName) || (k == null ? void 0 : k.originName);
         if (i.value = {
           ...u,
           name: u[t.value.name],
           url: Jt(a.loadUrl, w)
-        }, u && Li(u, t.value) === "image") {
+        }, u && Ai(u, t.value) === "image") {
           n.image = !0;
           return;
-        } else if (u && Li(u, t.value) === "video") {
+        } else if (u && Ai(u, t.value) === "video") {
           n.video = !0;
           return;
         } else if ((((d = a.onlyOfficeConfig) == null ? void 0 : d.accept) || a.onlyOfficeAccept).includes(b)) {
@@ -12490,7 +12571,7 @@ const Fo = /* @__PURE__ */ oi(No, [["__scopeId", "data-v-b301aa7d"]]), Bo = et(F
             editorConfig: {
               ...((g = a.onlyOfficeConfig) == null ? void 0 : g.editorConfig) || {},
               customization: {
-                ...((y = (p = a.onlyOfficeConfig) == null ? void 0 : p.editorConfig) == null ? void 0 : y.customization) || {},
+                ...((m = (p = a.onlyOfficeConfig) == null ? void 0 : p.editorConfig) == null ? void 0 : m.customization) || {},
                 review: {
                   reviewDisplay: "final"
                 }
@@ -12501,9 +12582,9 @@ const Fo = /* @__PURE__ */ oi(No, [["__scopeId", "data-v-b301aa7d"]]), Bo = et(F
               title: B,
               url: Jt(a.loadUrl, w),
               fileType: b,
-              ...((m = a.onlyOfficeConfig) == null ? void 0 : m.document) || {}
+              ...((y = a.onlyOfficeConfig) == null ? void 0 : y.document) || {}
             },
-            documentType: yr(b)
+            documentType: _r(b)
             // document_fileType: getFileTypes(suffix),
           };
           return;
@@ -12526,7 +12607,7 @@ const Fo = /* @__PURE__ */ oi(No, [["__scopeId", "data-v-b301aa7d"]]), Bo = et(F
         Zt,
         { key: 0 },
         [
-          (h = i.value) != null && h.url && n.image ? (N(), De(P(ks), {
+          (h = i.value) != null && h.url && n.image ? (N(), Re(P(bs), {
             key: 0,
             onClose: c[0] || (c[0] = (p) => l()),
             ref: "previewImgRef",
@@ -12536,12 +12617,12 @@ const Fo = /* @__PURE__ */ oi(No, [["__scopeId", "data-v-b301aa7d"]]), Bo = et(F
           }, null, 8, ["url-list"])) : ae("v-if", !0),
           ae(' <IkPreviewVideo :file="fileData" v-model:show="modal.video" />'),
           ae(" 文档类 "),
-          K(P(Bo), {
+          K(P(Ho), {
             modelValue: n.video,
             "onUpdate:modelValue": c[1] || (c[1] = (p) => n.video = p),
             url: (g = i.value) == null ? void 0 : g.url
           }, null, 8, ["modelValue", "url"]),
-          K(P(Zr), {
+          K(P(Jr), {
             modelValue: n.office,
             "onUpdate:modelValue": c[2] || (c[2] = (p) => n.office = p),
             draggable: "",
@@ -12559,7 +12640,7 @@ const Fo = /* @__PURE__ */ oi(No, [["__scopeId", "data-v-b301aa7d"]]), Bo = et(F
             default: Z(() => {
               var p;
               return [
-                K(P(ss), {
+                K(P(as), {
                   "config-options": e.value,
                   "document-server-url": ((p = o.onlyOfficeConfig) == null ? void 0 : p.serverUrl) || o.onlyofficeServer
                 }, null, 8, ["config-options", "document-server-url"])
@@ -12575,8 +12656,8 @@ const Fo = /* @__PURE__ */ oi(No, [["__scopeId", "data-v-b301aa7d"]]), Bo = et(F
     };
   }
 });
-const jo = et(Ho);
+const Wo = et(Uo);
 export {
-  jo as IkPreviewFileDialog,
-  jo as default
+  Wo as IkPreviewFileDialog,
+  Wo as default
 };