@netless/window-manager 1.0.0-canary.64 → 1.0.0-canary.66

package/dist/index.mjs

@@ -1266,6 +1266,7 @@ class CameraSynchronizer {
   constructor(saveCamera) {
     this.saveCamera = saveCamera;
     this.scale = 1;
+    this.cameraUpdating = false;
     this.setRect = (rect, updateCamera = true) => {
       this.rect = rect;
       if (this.remoteCamera && this.remoteSize && updateCamera) {
@@ -2466,6 +2467,39 @@ class MainViewProxy {
         })
       );
     };
+    this.moveCamera = (camera) => {
+      this.debouncedStoreCamera();
+      this.moveCameraToPromise(camera);
+    };
+    this.moveCameraToPromise = (camera) => {
+      const promise = new Promise((resolve) => {
+        const cameraListener = debounce(() => {
+          this.mainView.callbacks.off("onCameraUpdated", cameraListener);
+          this.cameraUpdatePromise = void 0;
+          resolve(true);
+        }, 50);
+        this.mainView.callbacks.on("onCameraUpdated", cameraListener);
+        this.mainView.moveCamera(camera);
+      });
+      this.cameraUpdatePromise = promise;
+      return promise;
+    };
+    this.debouncedStoreCamera = () => {
+      this.storeCurrentSize();
+      const cameraListener = debounce(() => {
+        this.saveToCamera$();
+        this.storeCurrentCameraSize();
+        this.mainView.callbacks.off("onCameraUpdated", cameraListener);
+      }, 50);
+      this.mainView.callbacks.on("onCameraUpdated", cameraListener);
+    };
+    this.storeCurrentCameraSize = debounce(() => __async$4(this, null, function* () {
+      if (this.cameraUpdatePromise) {
+        yield this.cameraUpdatePromise;
+      }
+      this.storeCurrentCamera();
+      this.storeCurrentSize();
+    }), 500);
     this.addCameraReaction = () => {
       this.manager.refresher.add(Fields.MainViewCamera, this.cameraReaction);
       this.manager.refresher.add(Fields.MainViewSize, this.sizeReaction);
@@ -2484,11 +2518,14 @@ class MainViewProxy {
       var _a2;
       const rect = (_a2 = this.manager.boxManager) == null ? void 0 : _a2.stageRect;
       if (rect) {
-        this.storeSize({
+        const size = {
           id: this.manager.uid,
           width: rect.width,
           height: rect.height
-        });
+        };
+        if (!isEqual(size, this.mainViewSize)) {
+          this.storeSize(size);
+        }
       }
     };
     this.storeCamera = (camera) => {
@@ -2879,6 +2916,8 @@ class ScrollMode {
     });
     this.sideEffect.add(() => {
       const onCameraUpdated = (camera) => {
+        if (!this.manager.canOperate)
+          return;
         const halfWbHeight = size$.value.height / 2 / scale$.value;
         const scrollTop = camera.centerY;
         this.scrollStorage.setState({
@@ -9005,30 +9044,30 @@ class G$1 {
         if (w2.thumbnail)
           return w2;
         try {
-          const f = new URL(w2.src);
-          return f.searchParams.set("x-oss-process", "image/resize,l_50"), { ...w2, thumbnail: f.toString() };
-        } catch (f) {
-          return console.error(f), w2;
+          const f2 = new URL(w2.src);
+          return f2.searchParams.set("x-oss-process", "image/resize,l_50"), { ...w2, thumbnail: f2.toString() };
+        } catch (f2) {
+          return console.error(f2), w2;
         }
       })
     );
     const o2 = derive(s, (d) => {
       const w2 = Array(d.length);
-      for (let f = 0; f < d.length; f++)
-        w2[f] = f > 0 ? w2[f - 1] + d[f - 1].height : 0;
+      for (let f2 = 0; f2 < d.length; f2++)
+        w2[f2] = f2 > 0 ? w2[f2 - 1] + d[f2 - 1].height : 0;
       return w2;
     }), l = derive(s, (d) => {
       let w2 = 1 / 0;
-      for (let f = d.length - 1; f >= 0; f--)
-        d[f].height <= w2 && (w2 = d[f].height);
+      for (let f2 = d.length - 1; f2 >= 0; f2--)
+        d[f2].height <= w2 && (w2 = d[f2].height);
       return w2;
     }), c = combine(
       [e, o2, s],
-      ([d, w2, f]) => {
-        if (w2.length !== f.length)
+      ([d, w2, f2]) => {
+        if (w2.length !== f2.length)
           return c.value;
         for (let v = 0; v < w2.length; v++)
-          if (w2[v] + f[v].height - d >= 1e-3)
+          if (w2[v] + f2[v].height - d >= 1e-3)
             return v;
         return w2.length - 1;
       }
@@ -9037,7 +9076,7 @@ class G$1 {
       ([d, w2]) => d.width / w2.width || 1
     ), a = combine(
       [s, t, l, h2],
-      ([d, w2, f, v]) => S$1(Math.ceil(w2.height / v / f / 2), 1, d.length)
+      ([d, w2, f2, v]) => S$1(Math.ceil(w2.height / v / f2 / 2), 1, d.length)
     );
     withReadonlyValueEnhancer(this, {
       pagesScrollTop: e,
@@ -9057,9 +9096,9 @@ class G$1 {
       this.sideEffect.setTimeout(g2, 1e3, "turn-off-hwa"), p.setValue(true);
     };
     this.sideEffect.addDisposer(
-      combine([c, a, s]).subscribe(([d, w2, f]) => {
+      combine([c, a, s]).subscribe(([d, w2, f2]) => {
         u();
-        const v = Math.max(d - w2, 0), C = Math.min(d + w2, f.length - 1);
+        const v = Math.max(d - w2, 0), C = Math.min(d + w2, f2.length - 1);
         for (let $ = 0; $ < this.$pages.children.length; $++) {
           const x = this.$pages.children[$], k2 = Number(x.dataset.index);
           k2 >= v && k2 <= C || (x.remove(), $--);
@@ -9581,10 +9620,10 @@ function ee$1(n, e, t, s, r) {
     const h2 = n.add(() => {
       const a = ({ width: p, height: g2 }) => {
         if (s.length > 0 && t.state !== "maximized") {
-          const { width: u, height: d } = s[0], f = d / u * p - g2;
-          f !== 0 && e.isWritable && e.emitter.emit("setBoxSize", {
+          const { width: u, height: d } = s[0], f2 = d / u * p - g2;
+          f2 !== 0 && e.isWritable && e.emitter.emit("setBoxSize", {
             width: t.intrinsicWidth,
-            height: t.intrinsicHeight + f / t.rootRect.height
+            height: t.intrinsicHeight + f2 / t.rootRect.height
           });
         }
         n.remove(h2);
@@ -9641,7 +9680,7 @@ function Ge(e) {
 function di() {
   return Ge(" ");
 }
-function m(e, i2, t) {
+function g(e, i2, t) {
   t == null ? e.removeAttribute(i2) : e.getAttribute(i2) !== t && e.setAttribute(i2, t);
 }
 function pi(e) {
@@ -9759,13 +9798,13 @@ function Lt(e, i2, t, r, s, n, a, l = [-1]) {
   };
   a && a(c.root);
   let u = false;
-  if (c.ctx = t ? t(e, i2.props || {}, (y, p, ...v) => {
+  if (c.ctx = t ? t(e, i2.props || {}, (m, p, ...v) => {
     const b = v.length ? v[0] : p;
-    return c.ctx && s(c.ctx[y], c.ctx[y] = b) && (!c.skip_bound && c.bound[y] && c.bound[y](b), u && xi(e, y)), p;
+    return c.ctx && s(c.ctx[m], c.ctx[m] = b) && (!c.skip_bound && c.bound[m] && c.bound[m](b), u && xi(e, m)), p;
   }) : [], c.update(), u = true, $e(c.before_update), c.fragment = r ? r(c.ctx) : false, i2.target) {
     if (i2.hydrate) {
-      const y = pi(i2.target);
-      c.fragment && c.fragment.l(y), y.forEach(G);
+      const m = pi(i2.target);
+      c.fragment && c.fragment.l(m), m.forEach(G);
     } else
       c.fragment && c.fragment.c();
     i2.intro && Pt(e.$$.fragment), Mt(e, i2.target, i2.anchor, i2.customElement), Et();
@@ -9949,13 +9988,13 @@ function Ni(e) {
   return Array.isArray(e) ? e[0] : e;
 }
 function Li(e) {
-  let i2, t, r, s, n, a, l, d, c, u, y, p, v, b, T2, N2, x, f, C, L2, $, D2, V2, re, F2, ce, Ve, de, qe, pe, De, ue, Re, he, Fe, se, Be, Ue;
+  let i2, t, r, s, n, a, l, d, c, u, m, p, v, b, T2, N2, x, y, C, L2, $, D2, V2, re, F2, ce, Ve, de, qe, pe, De, ue, Re, he, Fe, se, Be, Ue;
   return {
     c() {
-      i2 = S("svg"), t = S("symbol"), r = S("path"), s = S("path"), n = S("symbol"), a = S("path"), l = S("symbol"), d = S("path"), c = S("symbol"), u = S("path"), y = S("symbol"), p = S("path"), v = S("symbol"), b = S("path"), T2 = S("symbol"), N2 = S("path"), x = S("symbol"), f = S("path"), C = S("symbol"), L2 = S("path"), $ = S("symbol"), D2 = S("path"), V2 = S("symbol"), re = S("path"), F2 = S("symbol"), ce = S("path"), Ve = S("path"), de = S("symbol"), qe = S("path"), pe = S("symbol"), De = S("path"), ue = S("symbol"), Re = S("path"), he = S("symbol"), Fe = S("path"), se = S("symbol"), Be = S("path"), Ue = S("path"), m(r, "d", "M16 1H2a1 1 0 00-1 1v10a1 1 0 001 1h3v-2H3V3h12v8h-2v2h3a1 1 0 001-1V2a1 1 0 00-1-1z"), m(s, "d", "M4 17h10l-5-6z"), m(t, "id", "plyr-airplay"), m(t, "viewBox", "0 0 18 18"), m(a, "d", "M1 1c-.6 0-1 .4-1 1v11c0 .6.4 1 1 1h4.6l2.7 2.7c.2.2.4.3.7.3.3 0 .5-.1.7-.3l2.7-2.7H17c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1H1zm4.52 10.15c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41C8.47 4.96 7.46 3.76 5.5 3.76c-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69zm7.57 0c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41c-.28-1.15-1.29-2.35-3.25-2.35-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69z"), m(a, "fill-rule", "evenodd"), m(a, "fill-opacity", ".5"), m(n, "id", "plyr-captions-off"), m(n, "viewBox", "0 0 18 18"), m(d, "d", "M1 1c-.6 0-1 .4-1 1v11c0 .6.4 1 1 1h4.6l2.7 2.7c.2.2.4.3.7.3.3 0 .5-.1.7-.3l2.7-2.7H17c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1H1zm4.52 10.15c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41C8.47 4.96 7.46 3.76 5.5 3.76c-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69zm7.57 0c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41c-.28-1.15-1.29-2.35-3.25-2.35-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69z"), m(d, "fill-rule", "evenodd"), m(l, "id", "plyr-captions-on"), m(l, "viewBox", "0 0 18 18"), m(u, "d", "M9 13c.3 0 .5-.1.7-.3L15.4 7 14 5.6l-4 4V1H8v8.6l-4-4L2.6 7l5.7 5.7c.2.2.4.3.7.3zm-7 2h14v2H2z"), m(c, "id", "plyr-download"), m(c, "viewBox", "0 0 18 18"), m(p, "d", "M10 3h3.6l-4 4L11 8.4l4-4V8h2V1h-7zM7 9.6l-4 4V10H1v7h7v-2H4.4l4-4z"), m(y, "id", "plyr-enter-fullscreen"), m(y, "viewBox", "0 0 18 18"), m(b, "d", "M1 12h3.6l-4 4L2 17.4l4-4V17h2v-7H1zM16 .6l-4 4V1h-2v7h7V6h-3.6l4-4z"), m(v, "id", "plyr-exit-fullscreen"), m(v, "viewBox", "0 0 18 18"), m(N2, "d", "M7.875 7.171L0 1v16l7.875-6.171V17L18 9 7.875 1z"), m(T2, "id", "plyr-fast-forward"), m(T2, "viewBox", "0 0 18 18"), m(f, "d", "M17 5.3c-.1 1.6-1.2 3.7-3.3 6.4-2.2 2.8-4 4.2-5.5 4.2-.9 0-1.7-.9-2.4-2.6C5 10.9 4.4 6 3 6c-.1 0-.5.3-1.2.8l-.8-1c.8-.7 3.5-3.4 4.7-3.5 1.2-.1 2 .7 2.3 2.5.3 2 .8 6.1 1.8 6.1.9 0 2.5-3.4 2.6-4 .1-.9-.3-1.9-2.3-1.1.8-2.6 2.3-3.8 4.5-3.8 1.7.1 2.5 1.2 2.4 3.3z"), m(x, "id", "plyr-logo-vimeo"), m(x, "viewBox", "0 0 18 18"), m(L2, "d", "M16.8 5.8c-.2-1.3-.8-2.2-2.2-2.4C12.4 3 9 3 9 3s-3.4 0-5.6.4C2 3.6 1.3 4.5 1.2 5.8 1 7.1 1 9 1 9s0 1.9.2 3.2c.2 1.3.8 2.2 2.2 2.4C5.6 15 9 15 9 15s3.4 0 5.6-.4c1.4-.3 2-1.1 2.2-2.4.2-1.3.2-3.2.2-3.2s0-1.9-.2-3.2zM7 12V6l5 3-5 3z"), m(C, "id", "plyr-logo-youtube"), m(C, "viewBox", "0 0 18 18"), m(D2, "d", "M12.4 12.5l2.1-2.1 2.1 2.1 1.4-1.4L15.9 9 18 6.9l-1.4-1.4-2.1 2.1-2.1-2.1L11 6.9 13.1 9 11 11.1zM3.786 6.008H.714C.286 6.008 0 6.31 0 6.76v4.512c0 .452.286.752.714.752h3.072l4.071 3.858c.5.3 1.143 0 1.143-.602V2.752c0-.601-.643-.977-1.143-.601L3.786 6.008z"), m($, "id", "plyr-muted"), m($, "viewBox", "0 0 18 18"), m(re, "d", "M6 1H3c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h3c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zm6 0c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h3c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1h-3z"), m(V2, "id", "plyr-pause"), m(V2, "viewBox", "0 0 18 18"), m(ce, "d", "M13.293 3.293L7.022 9.564l1.414 1.414 6.271-6.271L17 7V1h-6z"), m(Ve, "d", "M13 15H3V5h5V3H2a1 1 0 00-1 1v12a1 1 0 001 1h12a1 1 0 001-1v-6h-2v5z"), m(F2, "id", "plyr-pip"), m(F2, "viewBox", "0 0 18 18"), m(qe, "d", "M15.562 8.1L3.87.225c-.818-.562-1.87 0-1.87.9v15.75c0 .9 1.052 1.462 1.87.9L15.563 9.9c.584-.45.584-1.35 0-1.8z"), m(de, "id", "plyr-play"), m(de, "viewBox", "0 0 18 18"), m(De, "d", "M9.7 1.2l.7 6.4 2.1-2.1c1.9 1.9 1.9 5.1 0 7-.9 1-2.2 1.5-3.5 1.5-1.3 0-2.6-.5-3.5-1.5-1.9-1.9-1.9-5.1 0-7 .6-.6 1.4-1.1 2.3-1.3l-.6-1.9C6 2.6 4.9 3.2 4 4.1 1.3 6.8 1.3 11.2 4 14c1.3 1.3 3.1 2 4.9 2 1.9 0 3.6-.7 4.9-2 2.7-2.7 2.7-7.1 0-9.9L16 1.9l-6.3-.7z"), m(pe, "id", "plyr-restart"), m(pe, "viewBox", "0 0 18 18"), m(Re, "d", "M10.125 1L0 9l10.125 8v-6.171L18 17V1l-7.875 6.171z"), m(ue, "id", "plyr-rewind"), m(ue, "viewBox", "0 0 18 18"), m(Fe, "d", "M16.135 7.784a2 2 0 01-1.23-2.969c.322-.536.225-.998-.094-1.316l-.31-.31c-.318-.318-.78-.415-1.316-.094a2 2 0 01-2.969-1.23C10.065 1.258 9.669 1 9.219 1h-.438c-.45 0-.845.258-.997.865a2 2 0 01-2.969 1.23c-.536-.322-.999-.225-1.317.093l-.31.31c-.318.318-.415.781-.093 1.317a2 2 0 01-1.23 2.969C1.26 7.935 1 8.33 1 8.781v.438c0 .45.258.845.865.997a2 2 0 011.23 2.969c-.322.536-.225.998.094 1.316l.31.31c.319.319.782.415 1.316.094a2 2 0 012.969 1.23c.151.607.547.865.997.865h.438c.45 0 .845-.258.997-.865a2 2 0 012.969-1.23c.535.321.997.225 1.316-.094l.31-.31c.318-.318.415-.781.094-1.316a2 2 0 011.23-2.969c.607-.151.865-.547.865-.997v-.438c0-.451-.26-.846-.865-.997zM9 12a3 3 0 110-6 3 3 0 010 6z"), m(he, "id", "plyr-settings"), m(he, "viewBox", "0 0 18 18"), m(Be, "d", "M15.6 3.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4C15.4 5.9 16 7.4 16 9c0 1.6-.6 3.1-1.8 4.3-.4.4-.4 1 0 1.4.2.2.5.3.7.3.3 0 .5-.1.7-.3C17.1 13.2 18 11.2 18 9s-.9-4.2-2.4-5.7z"), m(Ue, "d", "M11.282 5.282a.909.909 0 000 1.316c.735.735.995 1.458.995 2.402 0 .936-.425 1.917-.995 2.487a.909.909 0 000 1.316c.145.145.636.262 1.018.156a.725.725 0 00.298-.156C13.773 11.733 14.13 10.16 14.13 9c0-.17-.002-.34-.011-.51-.053-.992-.319-2.005-1.522-3.208a.909.909 0 00-1.316 0zm-7.496.726H.714C.286 6.008 0 6.31 0 6.76v4.512c0 .452.286.752.714.752h3.072l4.071 3.858c.5.3 1.143 0 1.143-.602V2.752c0-.601-.643-.977-1.143-.601L3.786 6.008z"), m(se, "id", "plyr-volume"), m(se, "viewBox", "0 0 18 18"), m(i2, "xmlns", "http://www.w3.org/2000/svg"), m(i2, "xmlns:xlink", "http://www.w3.org/1999/xlink");
+      i2 = S("svg"), t = S("symbol"), r = S("path"), s = S("path"), n = S("symbol"), a = S("path"), l = S("symbol"), d = S("path"), c = S("symbol"), u = S("path"), m = S("symbol"), p = S("path"), v = S("symbol"), b = S("path"), T2 = S("symbol"), N2 = S("path"), x = S("symbol"), y = S("path"), C = S("symbol"), L2 = S("path"), $ = S("symbol"), D2 = S("path"), V2 = S("symbol"), re = S("path"), F2 = S("symbol"), ce = S("path"), Ve = S("path"), de = S("symbol"), qe = S("path"), pe = S("symbol"), De = S("path"), ue = S("symbol"), Re = S("path"), he = S("symbol"), Fe = S("path"), se = S("symbol"), Be = S("path"), Ue = S("path"), g(r, "d", "M16 1H2a1 1 0 00-1 1v10a1 1 0 001 1h3v-2H3V3h12v8h-2v2h3a1 1 0 001-1V2a1 1 0 00-1-1z"), g(s, "d", "M4 17h10l-5-6z"), g(t, "id", "plyr-airplay"), g(t, "viewBox", "0 0 18 18"), g(a, "d", "M1 1c-.6 0-1 .4-1 1v11c0 .6.4 1 1 1h4.6l2.7 2.7c.2.2.4.3.7.3.3 0 .5-.1.7-.3l2.7-2.7H17c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1H1zm4.52 10.15c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41C8.47 4.96 7.46 3.76 5.5 3.76c-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69zm7.57 0c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41c-.28-1.15-1.29-2.35-3.25-2.35-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69z"), g(a, "fill-rule", "evenodd"), g(a, "fill-opacity", ".5"), g(n, "id", "plyr-captions-off"), g(n, "viewBox", "0 0 18 18"), g(d, "d", "M1 1c-.6 0-1 .4-1 1v11c0 .6.4 1 1 1h4.6l2.7 2.7c.2.2.4.3.7.3.3 0 .5-.1.7-.3l2.7-2.7H17c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1H1zm4.52 10.15c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41C8.47 4.96 7.46 3.76 5.5 3.76c-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69zm7.57 0c1.99 0 3.01-1.32 3.28-2.41l-1.29-.39c-.19.66-.78 1.45-1.99 1.45-1.14 0-2.2-.83-2.2-2.34 0-1.61 1.12-2.37 2.18-2.37 1.23 0 1.78.75 1.95 1.43l1.3-.41c-.28-1.15-1.29-2.35-3.25-2.35-1.9 0-3.61 1.44-3.61 3.7 0 2.26 1.65 3.69 3.63 3.69z"), g(d, "fill-rule", "evenodd"), g(l, "id", "plyr-captions-on"), g(l, "viewBox", "0 0 18 18"), g(u, "d", "M9 13c.3 0 .5-.1.7-.3L15.4 7 14 5.6l-4 4V1H8v8.6l-4-4L2.6 7l5.7 5.7c.2.2.4.3.7.3zm-7 2h14v2H2z"), g(c, "id", "plyr-download"), g(c, "viewBox", "0 0 18 18"), g(p, "d", "M10 3h3.6l-4 4L11 8.4l4-4V8h2V1h-7zM7 9.6l-4 4V10H1v7h7v-2H4.4l4-4z"), g(m, "id", "plyr-enter-fullscreen"), g(m, "viewBox", "0 0 18 18"), g(b, "d", "M1 12h3.6l-4 4L2 17.4l4-4V17h2v-7H1zM16 .6l-4 4V1h-2v7h7V6h-3.6l4-4z"), g(v, "id", "plyr-exit-fullscreen"), g(v, "viewBox", "0 0 18 18"), g(N2, "d", "M7.875 7.171L0 1v16l7.875-6.171V17L18 9 7.875 1z"), g(T2, "id", "plyr-fast-forward"), g(T2, "viewBox", "0 0 18 18"), g(y, "d", "M17 5.3c-.1 1.6-1.2 3.7-3.3 6.4-2.2 2.8-4 4.2-5.5 4.2-.9 0-1.7-.9-2.4-2.6C5 10.9 4.4 6 3 6c-.1 0-.5.3-1.2.8l-.8-1c.8-.7 3.5-3.4 4.7-3.5 1.2-.1 2 .7 2.3 2.5.3 2 .8 6.1 1.8 6.1.9 0 2.5-3.4 2.6-4 .1-.9-.3-1.9-2.3-1.1.8-2.6 2.3-3.8 4.5-3.8 1.7.1 2.5 1.2 2.4 3.3z"), g(x, "id", "plyr-logo-vimeo"), g(x, "viewBox", "0 0 18 18"), g(L2, "d", "M16.8 5.8c-.2-1.3-.8-2.2-2.2-2.4C12.4 3 9 3 9 3s-3.4 0-5.6.4C2 3.6 1.3 4.5 1.2 5.8 1 7.1 1 9 1 9s0 1.9.2 3.2c.2 1.3.8 2.2 2.2 2.4C5.6 15 9 15 9 15s3.4 0 5.6-.4c1.4-.3 2-1.1 2.2-2.4.2-1.3.2-3.2.2-3.2s0-1.9-.2-3.2zM7 12V6l5 3-5 3z"), g(C, "id", "plyr-logo-youtube"), g(C, "viewBox", "0 0 18 18"), g(D2, "d", "M12.4 12.5l2.1-2.1 2.1 2.1 1.4-1.4L15.9 9 18 6.9l-1.4-1.4-2.1 2.1-2.1-2.1L11 6.9 13.1 9 11 11.1zM3.786 6.008H.714C.286 6.008 0 6.31 0 6.76v4.512c0 .452.286.752.714.752h3.072l4.071 3.858c.5.3 1.143 0 1.143-.602V2.752c0-.601-.643-.977-1.143-.601L3.786 6.008z"), g($, "id", "plyr-muted"), g($, "viewBox", "0 0 18 18"), g(re, "d", "M6 1H3c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h3c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1zm6 0c-.6 0-1 .4-1 1v14c0 .6.4 1 1 1h3c.6 0 1-.4 1-1V2c0-.6-.4-1-1-1h-3z"), g(V2, "id", "plyr-pause"), g(V2, "viewBox", "0 0 18 18"), g(ce, "d", "M13.293 3.293L7.022 9.564l1.414 1.414 6.271-6.271L17 7V1h-6z"), g(Ve, "d", "M13 15H3V5h5V3H2a1 1 0 00-1 1v12a1 1 0 001 1h12a1 1 0 001-1v-6h-2v5z"), g(F2, "id", "plyr-pip"), g(F2, "viewBox", "0 0 18 18"), g(qe, "d", "M15.562 8.1L3.87.225c-.818-.562-1.87 0-1.87.9v15.75c0 .9 1.052 1.462 1.87.9L15.563 9.9c.584-.45.584-1.35 0-1.8z"), g(de, "id", "plyr-play"), g(de, "viewBox", "0 0 18 18"), g(De, "d", "M9.7 1.2l.7 6.4 2.1-2.1c1.9 1.9 1.9 5.1 0 7-.9 1-2.2 1.5-3.5 1.5-1.3 0-2.6-.5-3.5-1.5-1.9-1.9-1.9-5.1 0-7 .6-.6 1.4-1.1 2.3-1.3l-.6-1.9C6 2.6 4.9 3.2 4 4.1 1.3 6.8 1.3 11.2 4 14c1.3 1.3 3.1 2 4.9 2 1.9 0 3.6-.7 4.9-2 2.7-2.7 2.7-7.1 0-9.9L16 1.9l-6.3-.7z"), g(pe, "id", "plyr-restart"), g(pe, "viewBox", "0 0 18 18"), g(Re, "d", "M10.125 1L0 9l10.125 8v-6.171L18 17V1l-7.875 6.171z"), g(ue, "id", "plyr-rewind"), g(ue, "viewBox", "0 0 18 18"), g(Fe, "d", "M16.135 7.784a2 2 0 01-1.23-2.969c.322-.536.225-.998-.094-1.316l-.31-.31c-.318-.318-.78-.415-1.316-.094a2 2 0 01-2.969-1.23C10.065 1.258 9.669 1 9.219 1h-.438c-.45 0-.845.258-.997.865a2 2 0 01-2.969 1.23c-.536-.322-.999-.225-1.317.093l-.31.31c-.318.318-.415.781-.093 1.317a2 2 0 01-1.23 2.969C1.26 7.935 1 8.33 1 8.781v.438c0 .45.258.845.865.997a2 2 0 011.23 2.969c-.322.536-.225.998.094 1.316l.31.31c.319.319.782.415 1.316.094a2 2 0 012.969 1.23c.151.607.547.865.997.865h.438c.45 0 .845-.258.997-.865a2 2 0 012.969-1.23c.535.321.997.225 1.316-.094l.31-.31c.318-.318.415-.781.094-1.316a2 2 0 011.23-2.969c.607-.151.865-.547.865-.997v-.438c0-.451-.26-.846-.865-.997zM9 12a3 3 0 110-6 3 3 0 010 6z"), g(he, "id", "plyr-settings"), g(he, "viewBox", "0 0 18 18"), g(Be, "d", "M15.6 3.3c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4C15.4 5.9 16 7.4 16 9c0 1.6-.6 3.1-1.8 4.3-.4.4-.4 1 0 1.4.2.2.5.3.7.3.3 0 .5-.1.7-.3C17.1 13.2 18 11.2 18 9s-.9-4.2-2.4-5.7z"), g(Ue, "d", "M11.282 5.282a.909.909 0 000 1.316c.735.735.995 1.458.995 2.402 0 .936-.425 1.917-.995 2.487a.909.909 0 000 1.316c.145.145.636.262 1.018.156a.725.725 0 00.298-.156C13.773 11.733 14.13 10.16 14.13 9c0-.17-.002-.34-.011-.51-.053-.992-.319-2.005-1.522-3.208a.909.909 0 00-1.316 0zm-7.496.726H.714C.286 6.008 0 6.31 0 6.76v4.512c0 .452.286.752.714.752h3.072l4.071 3.858c.5.3 1.143 0 1.143-.602V2.752c0-.601-.643-.977-1.143-.601L3.786 6.008z"), g(se, "id", "plyr-volume"), g(se, "viewBox", "0 0 18 18"), g(i2, "xmlns", "http://www.w3.org/2000/svg"), g(i2, "xmlns:xlink", "http://www.w3.org/1999/xlink");
     },
     m(We, ni) {
-      te(We, i2, ni), k(i2, t), k(t, r), k(t, s), k(i2, n), k(n, a), k(i2, l), k(l, d), k(i2, c), k(c, u), k(i2, y), k(y, p), k(i2, v), k(v, b), k(i2, T2), k(T2, N2), k(i2, x), k(x, f), k(i2, C), k(C, L2), k(i2, $), k($, D2), k(i2, V2), k(V2, re), k(i2, F2), k(F2, ce), k(F2, Ve), k(i2, de), k(de, qe), k(i2, pe), k(pe, De), k(i2, ue), k(ue, Re), k(i2, he), k(he, Fe), k(i2, se), k(se, Be), k(se, Ue);
+      te(We, i2, ni), k(i2, t), k(t, r), k(t, s), k(i2, n), k(n, a), k(i2, l), k(l, d), k(i2, c), k(c, u), k(i2, m), k(m, p), k(i2, v), k(v, b), k(i2, T2), k(T2, N2), k(i2, x), k(x, y), k(i2, C), k(C, L2), k(i2, $), k($, D2), k(i2, V2), k(V2, re), k(i2, F2), k(F2, ce), k(F2, Ve), k(i2, de), k(de, qe), k(i2, pe), k(pe, De), k(i2, ue), k(ue, Re), k(i2, he), k(he, Fe), k(i2, se), k(se, Be), k(se, Ue);
     },
     p: X,
     i: X,
@@ -9970,7 +10009,7 @@ class Ii extends It {
     super(), Lt(this, i2, null, Li, Ct, {});
   }
 }
-function g(e, i2, t) {
+function f(e, i2, t) {
   return i2 in e ? Object.defineProperty(e, i2, { value: t, enumerable: true, configurable: true, writable: true }) : e[i2] = t, e;
 }
 function zi(e, i2) {
@@ -10431,7 +10470,7 @@ const xt = { pip: "PIP", airplay: "AirPlay", html5: "HTML5", vimeo: "Vimeo", you
 } };
 class we {
   constructor(i2) {
-    g(this, "get", (t) => {
+    f(this, "get", (t) => {
       if (!we.supported || !this.enabled)
         return null;
       const r = window.localStorage.getItem(this.key);
@@ -10439,7 +10478,7 @@ class we {
         return null;
       const s = JSON.parse(r);
       return o.string(t) && t.length ? s[t] : s;
-    }), g(this, "set", (t) => {
+    }), f(this, "set", (t) => {
       if (!we.supported || !this.enabled || !o.object(t))
         return;
       let r = this.get();
@@ -10819,8 +10858,8 @@ const h = { getIconUrl() {
   const c = _("div", B(this.config.selectors.controls.wrapper));
   this.elements.controls = c;
   const u = { class: "plyr__controls__item" };
-  return rt(o.array(this.config.controls) ? this.config.controls : []).forEach((y) => {
-    if (y === "restart" && c.appendChild(t.call(this, "restart", u)), y === "rewind" && c.appendChild(t.call(this, "rewind", u)), y === "play" && c.appendChild(t.call(this, "play", u)), y === "fast-forward" && c.appendChild(t.call(this, "fast-forward", u)), y === "progress") {
+  return rt(o.array(this.config.controls) ? this.config.controls : []).forEach((m) => {
+    if (m === "restart" && c.appendChild(t.call(this, "restart", u)), m === "rewind" && c.appendChild(t.call(this, "rewind", u)), m === "play" && c.appendChild(t.call(this, "play", u)), m === "fast-forward" && c.appendChild(t.call(this, "fast-forward", u)), m === "progress") {
       const p = _("div", { class: `${u.class} plyr__progress__container` }), v = _("div", B(this.config.selectors.progress));
       if (v.appendChild(s.call(this, "seek", { id: `plyr-seek-${e.id}` })), v.appendChild(r.call(this, "buffer")), this.config.tooltips.seek) {
         const b = _("span", { class: this.config.classNames.tooltip }, "00:00");
@@ -10828,39 +10867,39 @@ const h = { getIconUrl() {
       }
       this.elements.progress = v, p.appendChild(this.elements.progress), c.appendChild(p);
     }
-    if (y === "current-time" && c.appendChild(n.call(this, "currentTime", u)), y === "duration" && c.appendChild(n.call(this, "duration", u)), y === "mute" || y === "volume") {
+    if (m === "current-time" && c.appendChild(n.call(this, "currentTime", u)), m === "duration" && c.appendChild(n.call(this, "duration", u)), m === "mute" || m === "volume") {
       let { volume: p } = this.elements;
-      if (o.element(p) && c.contains(p) || (p = _("div", z({}, u, { class: `${u.class} plyr__volume`.trim() })), this.elements.volume = p, c.appendChild(p)), y === "mute" && p.appendChild(t.call(this, "mute")), y === "volume" && !H.isIos) {
+      if (o.element(p) && c.contains(p) || (p = _("div", z({}, u, { class: `${u.class} plyr__volume`.trim() })), this.elements.volume = p, c.appendChild(p)), m === "mute" && p.appendChild(t.call(this, "mute")), m === "volume" && !H.isIos) {
         const v = { max: 1, step: 0.05, value: this.config.volume };
         p.appendChild(s.call(this, "volume", z(v, { id: `plyr-volume-${e.id}` })));
       }
     }
-    if (y === "captions" && c.appendChild(t.call(this, "captions", u)), y === "settings" && !o.empty(this.config.settings)) {
+    if (m === "captions" && c.appendChild(t.call(this, "captions", u)), m === "settings" && !o.empty(this.config.settings)) {
       const p = _("div", z({}, u, { class: `${u.class} plyr__menu`.trim(), hidden: "" }));
       p.appendChild(t.call(this, "settings", { "aria-haspopup": true, "aria-controls": `plyr-settings-${e.id}`, "aria-expanded": false }));
       const v = _("div", { class: "plyr__menu__container", id: `plyr-settings-${e.id}`, hidden: "" }), b = _("div"), T2 = _("div", { id: `plyr-settings-${e.id}-home` }), N2 = _("div", { role: "menu" });
       T2.appendChild(N2), b.appendChild(T2), this.elements.settings.panels.home = T2, this.config.settings.forEach((x) => {
-        const f = _("button", z(B(this.config.selectors.buttons.settings), { type: "button", class: `${this.config.classNames.control} ${this.config.classNames.control}--forward`, role: "menuitem", "aria-haspopup": true, hidden: "" }));
-        i2.call(this, f, x), E.call(this, f, "click", () => {
+        const y = _("button", z(B(this.config.selectors.buttons.settings), { type: "button", class: `${this.config.classNames.control} ${this.config.classNames.control}--forward`, role: "menuitem", "aria-haspopup": true, hidden: "" }));
+        i2.call(this, y, x), E.call(this, y, "click", () => {
           d.call(this, x, false);
         });
         const C = _("span", null, j.get(x, this.config)), L2 = _("span", { class: this.config.classNames.menu.value });
-        L2.innerHTML = e[x], C.appendChild(L2), f.appendChild(C), N2.appendChild(f);
+        L2.innerHTML = e[x], C.appendChild(L2), y.appendChild(C), N2.appendChild(y);
         const $ = _("div", { id: `plyr-settings-${e.id}-${x}`, hidden: "" }), D2 = _("button", { type: "button", class: `${this.config.classNames.control} ${this.config.classNames.control}--back` });
         D2.appendChild(_("span", { "aria-hidden": true }, j.get(x, this.config))), D2.appendChild(_("span", { class: this.config.classNames.hidden }, j.get("menuBack", this.config))), E.call(this, $, "keydown", (V2) => {
           V2.key === "ArrowLeft" && (V2.preventDefault(), V2.stopPropagation(), d.call(this, "home", true));
         }, false), E.call(this, D2, "click", () => {
           d.call(this, "home", false);
-        }), $.appendChild(D2), $.appendChild(_("div", { role: "menu" })), b.appendChild($), this.elements.settings.buttons[x] = f, this.elements.settings.panels[x] = $;
+        }), $.appendChild(D2), $.appendChild(_("div", { role: "menu" })), b.appendChild($), this.elements.settings.buttons[x] = y, this.elements.settings.panels[x] = $;
       }), v.appendChild(b), p.appendChild(v), c.appendChild(p), this.elements.settings.popup = v, this.elements.settings.menu = p;
     }
-    if (y === "pip" && I.pip && c.appendChild(t.call(this, "pip", u)), y === "airplay" && I.airplay && c.appendChild(t.call(this, "airplay", u)), y === "download") {
+    if (m === "pip" && I.pip && c.appendChild(t.call(this, "pip", u)), m === "airplay" && I.airplay && c.appendChild(t.call(this, "airplay", u)), m === "download") {
       const p = z({}, u, { element: "a", href: this.download, target: "_blank" });
       this.isHTML5 && (p.download = "");
       const { download: v } = this.config.urls;
       !o.url(v) && this.isEmbed && z(p, { icon: `logo-${this.provider}`, label: this.provider }), c.appendChild(t.call(this, "download", p));
     }
-    y === "fullscreen" && c.appendChild(t.call(this, "fullscreen", u));
+    m === "fullscreen" && c.appendChild(t.call(this, "fullscreen", u));
   }), this.isHTML5 && a.call(this, Q.getQualityOptions.call(this)), l.call(this), c;
 }, inject() {
   if (this.config.loadSprite) {
@@ -11060,14 +11099,14 @@ class _r {
 }
 class U {
   constructor(i2) {
-    g(this, "onChange", () => {
+    f(this, "onChange", () => {
       if (!this.enabled)
         return;
       const t = this.player.elements.buttons.fullscreen;
       o.element(t) && (t.pressed = this.active);
       const r = this.target === this.player.media ? this.target : this.player.elements.container;
       w.call(this.player, r, this.active ? "enterfullscreen" : "exitfullscreen", true);
-    }), g(this, "toggleFallback", (t = false) => {
+    }), f(this, "toggleFallback", (t = false) => {
       if (t ? this.scrollPosition = { x: window.scrollX || 0, y: window.scrollY || 0 } : window.scrollTo(this.scrollPosition.x, this.scrollPosition.y), document.body.style.overflow = t ? "hidden" : "", A(this.target, this.player.config.classNames.fullscreen.fallback, t), H.isIos) {
         let r = document.head.querySelector('meta[name="viewport"]');
         const s = "viewport-fit=cover";
@@ -11076,21 +11115,21 @@ class U {
         t ? (this.cleanupViewport = !n, n || (r.content += `,${s}`)) : this.cleanupViewport && (r.content = r.content.split(",").filter((a) => a.trim() !== s).join(","));
       }
       this.onChange();
-    }), g(this, "trapFocus", (t) => {
+    }), f(this, "trapFocus", (t) => {
       if (H.isIos || !this.active || t.key !== "Tab")
         return;
       const r = document.activeElement, s = ne.call(this.player, "a[href], button:not(:disabled), input:not(:disabled), [tabindex]"), [n] = s, a = s[s.length - 1];
       r !== a || t.shiftKey ? r === n && t.shiftKey && (a.focus(), t.preventDefault()) : (n.focus(), t.preventDefault());
-    }), g(this, "update", () => {
+    }), f(this, "update", () => {
       if (this.enabled) {
         let t;
         t = this.forceFallback ? "Fallback (forced)" : U.native ? "Native" : "Fallback", this.player.debug.log(`${t} fullscreen enabled`);
       } else
         this.player.debug.log("Fullscreen not supported and fallback disabled");
       A(this.player.elements.container, this.player.config.classNames.fullscreen.enabled, this.enabled);
-    }), g(this, "enter", () => {
+    }), f(this, "enter", () => {
       this.enabled && (H.isIos && this.player.config.fullscreen.iosNative ? this.player.isVimeo ? this.player.embed.requestFullscreen() : this.target.webkitEnterFullscreen() : !U.native || this.forceFallback ? this.toggleFallback(true) : this.prefix ? o.empty(this.prefix) || this.target[`${this.prefix}Request${this.property}`]() : this.target.requestFullscreen({ navigationUI: "hide" }));
-    }), g(this, "exit", () => {
+    }), f(this, "exit", () => {
       if (this.enabled)
         if (H.isIos && this.player.config.fullscreen.iosNative)
           this.target.webkitExitFullscreen(), W(this.player.play());
@@ -11103,7 +11142,7 @@ class U {
           }
         } else
           (document.cancelFullScreen || document.exitFullscreen).call(document);
-    }), g(this, "toggle", () => {
+    }), f(this, "toggle", () => {
       this.active ? this.exit() : this.enter();
     }), this.player = i2, this.prefix = U.prefix, this.property = U.property, this.scrollPosition = { x: 0, y: 0 }, this.forceFallback = i2.config.fullscreen.fallback === "force", this.player.elements.fullscreen = i2.config.fullscreen.container && or(this.player.elements.container, i2.config.fullscreen.container), E.call(this.player, document, this.prefix === "ms" ? "MSFullscreenChange" : `${this.prefix}fullscreenchange`, () => {
       this.onChange();
@@ -11201,10 +11240,10 @@ const M = { addStyleHook() {
 } };
 class wr {
   constructor(i2) {
-    g(this, "firstTouch", () => {
+    f(this, "firstTouch", () => {
       const { player: t } = this, { elements: r } = t;
       t.touch = true, A(r.container, t.config.classNames.isTouch, true);
-    }), g(this, "setTabFocus", (t) => {
+    }), f(this, "setTabFocus", (t) => {
       const { player: r } = this, { elements: s } = r, { key: n, type: a, timeStamp: l } = t;
       if (clearTimeout(this.focusTimer), a === "keydown" && n !== "Tab")
         return;
@@ -11217,10 +11256,10 @@ class wr {
         const c = document.activeElement;
         s.container.contains(c) && A(document.activeElement, r.config.classNames.tabFocus, true);
       }, 10)));
-    }), g(this, "global", (t = true) => {
+    }), f(this, "global", (t = true) => {
       const { player: r } = this;
       r.config.keyboard.global && ae.call(r, window, "keydown keyup", this.handleKey, t, false), ae.call(r, document.body, "click", this.toggleMenu, t), dt.call(r, document.body, "touchstart", this.firstTouch), ae.call(r, document.body, "keydown focus blur focusout", this.setTabFocus, t, false, true);
-    }), g(this, "container", () => {
+    }), f(this, "container", () => {
       const { player: t } = this, { config: r, elements: s, timers: n } = t;
       !r.keyboard.global && r.keyboard.focused && E.call(t, s.container, "keydown keyup", this.handleKey, false), E.call(t, s.container, "mousemove mouseleave touchstart touchmove enterfullscreen exitfullscreen", (d) => {
         const { controls: c } = s;
@@ -11231,11 +11270,11 @@ class wr {
       const a = () => {
         if (!t.isVimeo || t.config.vimeo.premium)
           return;
-        const d = s.wrapper, { active: c } = t.fullscreen, [u, y] = pt.call(t), p = Kt(`aspect-ratio: ${u} / ${y}`);
+        const d = s.wrapper, { active: c } = t.fullscreen, [u, m] = pt.call(t), p = Kt(`aspect-ratio: ${u} / ${m}`);
         if (!c)
           return void (p ? (d.style.width = null, d.style.height = null) : (d.style.maxWidth = null, d.style.margin = null));
-        const [v, b] = pr(), T2 = v / b > u / y;
-        p ? (d.style.width = T2 ? "auto" : "100%", d.style.height = T2 ? "100%" : "auto") : (d.style.maxWidth = T2 ? b / y * u + "px" : null, d.style.margin = T2 ? "0 auto" : null);
+        const [v, b] = pr(), T2 = v / b > u / m;
+        p ? (d.style.width = T2 ? "auto" : "100%", d.style.height = T2 ? "100%" : "auto") : (d.style.maxWidth = T2 ? b / m * u + "px" : null, d.style.margin = T2 ? "0 auto" : null);
       }, l = () => {
         clearTimeout(n.resized), n.resized = setTimeout(a, 50);
       };
@@ -11243,7 +11282,7 @@ class wr {
         const { target: c } = t.fullscreen;
         c === s.container && (!t.isEmbed && o.empty(t.config.ratio) || (a(), (d.type === "enterfullscreen" ? E : je).call(t, window, "resize", l)));
       });
-    }), g(this, "media", () => {
+    }), f(this, "media", () => {
       const { player: t } = this, { elements: r } = t;
       if (E.call(t, t.media, "timeupdate seeking seeked", (n) => h.timeUpdate.call(t, n)), E.call(t, t.media, "durationchange loadeddata loadedmetadata", (n) => h.durationUpdate.call(t, n)), E.call(t, t.media, "ended", () => {
         t.isHTML5 && t.isVideo && t.config.resetOnEnd && (t.restart(), t.pause());
@@ -11275,14 +11314,14 @@ class wr {
         let { detail: a = {} } = n;
         n.type === "error" && (a = t.media.error), w.call(t, r.container, n.type, true, a);
       });
-    }), g(this, "proxy", (t, r, s) => {
+    }), f(this, "proxy", (t, r, s) => {
       const { player: n } = this, a = n.config.listeners[s];
       let l = true;
       o.function(a) && (l = a.call(n, t)), l !== false && o.function(r) && r.call(n, t);
-    }), g(this, "bind", (t, r, s, n, a = true) => {
+    }), f(this, "bind", (t, r, s, n, a = true) => {
       const { player: l } = this, d = l.config.listeners[n], c = o.function(d);
       E.call(l, t, r, (u) => this.proxy(u, s, n), a && !c);
-    }), g(this, "controls", () => {
+    }), f(this, "controls", () => {
       const { player: t } = this, { elements: r } = t, s = H.isIE ? "change" : "input";
       if (r.buttons.play && Array.from(r.buttons.play).forEach((n) => {
         this.bind(n, "click", () => {
@@ -11358,7 +11397,7 @@ class wr {
         const l = this.touch ? 3e3 : 4e3;
         clearTimeout(a.controls), a.controls = setTimeout(() => M.toggleControls.call(t, false), l);
       }), this.bind(r.inputs.volume, "wheel", (n) => {
-        const a = n.webkitDirectionInvertedFromDevice, [l, d] = [n.deltaX, -n.deltaY].map((y) => a ? -y : y), c = Math.sign(Math.abs(l) > Math.abs(d) ? l : d);
+        const a = n.webkitDirectionInvertedFromDevice, [l, d] = [n.deltaX, -n.deltaY].map((m) => a ? -m : m), c = Math.sign(Math.abs(l) > Math.abs(d) ? l : d);
         t.increaseVolume(c / 50);
         const { volume: u } = t.media;
         (c === 1 && u < 1 || c === -1 && u > 0) && n.preventDefault();
@@ -11366,7 +11405,7 @@ class wr {
     }), this.player = i2, this.lastKey = null, this.focusTimer = null, this.lastKeyDown = null, this.handleKey = this.handleKey.bind(this), this.toggleMenu = this.toggleMenu.bind(this), this.setTabFocus = this.setTabFocus.bind(this), this.firstTouch = this.firstTouch.bind(this);
   }
   handleKey(i2) {
-    const { player: t } = this, { elements: r } = t, { key: s, type: n, altKey: a, ctrlKey: l, metaKey: d, shiftKey: c } = i2, u = n === "keydown", y = u && s === this.lastKey;
+    const { player: t } = this, { elements: r } = t, { key: s, type: n, altKey: a, ctrlKey: l, metaKey: d, shiftKey: c } = i2, u = n === "keydown", m = u && s === this.lastKey;
     if (!(a || l || d || c) && !!s) {
       if (u) {
         const v = document.activeElement;
@@ -11386,11 +11425,11 @@ class wr {
           case "7":
           case "8":
           case "9":
-            y || (p = parseInt(s, 10), t.currentTime = t.duration / 10 * p);
+            m || (p = parseInt(s, 10), t.currentTime = t.duration / 10 * p);
             break;
           case "Space":
           case "k":
-            y || W(t.togglePlay());
+            m || W(t.togglePlay());
             break;
           case "ArrowUp":
             t.increaseVolume(0.1);
@@ -11399,7 +11438,7 @@ class wr {
             t.decreaseVolume(0.1);
             break;
           case "m":
-            y || (t.muted = !t.muted);
+            m || (t.muted = !t.muted);
             break;
           case "ArrowRight":
             t.forward();
@@ -11411,7 +11450,7 @@ class wr {
             t.fullscreen.toggle();
             break;
           case "c":
-            y || t.toggleCaptions();
+            m || t.toggleCaptions();
             break;
           case "l":
             t.loop = !t.loop;
@@ -11435,11 +11474,11 @@ var kr = xr(function(e, i2) {
     }, r = {}, s = {}, n = {};
     function a(p, v) {
       p = p.push ? p : [p];
-      var b, T2, N2, x = [], f = p.length, C = f;
+      var b, T2, N2, x = [], y = p.length, C = y;
       for (b = function(L2, $) {
         $.length && x.push(L2), --C || v(x);
-      }; f--; )
-        T2 = p[f], (N2 = s[T2]) ? b(T2, N2) : (n[T2] = n[T2] || []).push(b);
+      }; y--; )
+        T2 = p[y], (N2 = s[T2]) ? b(T2, N2) : (n[T2] = n[T2] || []).push(b);
     }
     function l(p, v) {
       if (p) {
@@ -11453,8 +11492,8 @@ var kr = xr(function(e, i2) {
       p.call && (p = { success: p }), v.length ? (p.error || t)(v) : (p.success || t)(p);
     }
     function c(p, v, b, T2) {
-      var N2, x, f = document, C = b.async, L2 = (b.numRetries || 0) + 1, $ = b.before || t, D2 = p.replace(/[\?|#].*$/, ""), V2 = p.replace(/^(css|img)!/, "");
-      T2 = T2 || 0, /(^css!|\.css$)/.test(D2) ? ((x = f.createElement("link")).rel = "stylesheet", x.href = V2, (N2 = "hideFocus" in x) && x.relList && (N2 = 0, x.rel = "preload", x.as = "style")) : /(^img!|\.(png|gif|jpg|svg|webp)$)/.test(D2) ? (x = f.createElement("img")).src = V2 : ((x = f.createElement("script")).src = p, x.async = C === void 0 || C), x.onload = x.onerror = x.onbeforeload = function(re) {
+      var N2, x, y = document, C = b.async, L2 = (b.numRetries || 0) + 1, $ = b.before || t, D2 = p.replace(/[\?|#].*$/, ""), V2 = p.replace(/^(css|img)!/, "");
+      T2 = T2 || 0, /(^css!|\.css$)/.test(D2) ? ((x = y.createElement("link")).rel = "stylesheet", x.href = V2, (N2 = "hideFocus" in x) && x.relList && (N2 = 0, x.rel = "preload", x.as = "style")) : /(^img!|\.(png|gif|jpg|svg|webp)$)/.test(D2) ? (x = y.createElement("img")).src = V2 : ((x = y.createElement("script")).src = p, x.async = C === void 0 || C), x.onload = x.onerror = x.onbeforeload = function(re) {
         var F2 = re.type[0];
         if (N2)
           try {
@@ -11468,10 +11507,10 @@ var kr = xr(function(e, i2) {
         } else if (x.rel == "preload" && x.as == "style")
           return x.rel = "stylesheet";
         v(p, F2, re.defaultPrevented);
-      }, $(p, x) !== false && f.head.appendChild(x);
+      }, $(p, x) !== false && y.head.appendChild(x);
     }
     function u(p, v, b) {
-      var T2, N2, x = (p = p.push ? p : [p]).length, f = x, C = [];
+      var T2, N2, x = (p = p.push ? p : [p]).length, y = x, C = [];
       for (T2 = function(L2, $, D2) {
         if ($ == "e" && C.push(L2), $ == "b") {
           if (!D2)
@@ -11479,36 +11518,36 @@ var kr = xr(function(e, i2) {
           C.push(L2);
         }
         --x || v(C);
-      }, N2 = 0; N2 < f; N2++)
+      }, N2 = 0; N2 < y; N2++)
         c(p[N2], T2, b);
     }
-    function y(p, v, b) {
+    function m(p, v, b) {
       var T2, N2;
       if (v && v.trim && (T2 = v), N2 = (T2 ? b : v) || {}, T2) {
         if (T2 in r)
           throw "LoadJS";
         r[T2] = true;
       }
-      function x(f, C) {
+      function x(y, C) {
         u(p, function(L2) {
-          d(N2, L2), f && d({ success: f, error: C }, L2), l(T2, L2);
+          d(N2, L2), y && d({ success: y, error: C }, L2), l(T2, L2);
         }, N2);
       }
       if (N2.returnPromise)
         return new Promise(x);
       x();
     }
-    return y.ready = function(p, v) {
+    return m.ready = function(p, v) {
       return a(p, function(b) {
         d(v, b);
-      }), y;
-    }, y.done = function(p) {
+      }), m;
+    }, m.done = function(p) {
       l(p, []);
-    }, y.reset = function() {
+    }, m.reset = function() {
       r = {}, s = {}, n = {};
-    }, y.isDefined = function(p) {
+    }, m.isDefined = function(p) {
       return p in r;
-    }, y;
+    }, m;
   }();
 });
 function ut(e) {
@@ -11539,75 +11578,75 @@ const nt = { setup() {
   o.empty(n) ? (n = e.media.getAttribute(e.config.attributes.embed.id), a = e.media.getAttribute(e.config.attributes.embed.hash)) : a = Cr(n);
   const l = a ? { h: a } : {};
   t && Object.assign(s, { controls: false, sidedock: false });
-  const d = ti({ loop: e.config.loop.active, autoplay: e.autoplay, muted: e.muted, gesture: "media", playsinline: !this.config.fullscreen.iosNative, ...l, ...s }), c = Tr(n), u = _("iframe"), y = st(e.config.urls.vimeo.iframe, c, d);
-  if (u.setAttribute("src", y), u.setAttribute("allowfullscreen", ""), u.setAttribute("allow", ["autoplay", "fullscreen", "picture-in-picture", "encrypted-media", "accelerometer", "gyroscope"].join("; ")), o.empty(r) || u.setAttribute("referrerPolicy", r), t || !i2.customControls)
+  const d = ti({ loop: e.config.loop.active, autoplay: e.autoplay, muted: e.muted, gesture: "media", playsinline: !this.config.fullscreen.iosNative, ...l, ...s }), c = Tr(n), u = _("iframe"), m = st(e.config.urls.vimeo.iframe, c, d);
+  if (u.setAttribute("src", m), u.setAttribute("allowfullscreen", ""), u.setAttribute("allow", ["autoplay", "fullscreen", "picture-in-picture", "encrypted-media", "accelerometer", "gyroscope"].join("; ")), o.empty(r) || u.setAttribute("referrerPolicy", r), t || !i2.customControls)
     u.setAttribute("data-poster", e.poster), e.media = Le(u, e.media);
   else {
-    const f = _("div", { class: e.config.classNames.embedContainer, "data-poster": e.poster });
-    f.appendChild(u), e.media = Le(f, e.media);
+    const y = _("div", { class: e.config.classNames.embedContainer, "data-poster": e.poster });
+    y.appendChild(u), e.media = Le(y, e.media);
   }
-  i2.customControls || Te(st(e.config.urls.vimeo.api, y)).then((f) => {
-    !o.empty(f) && f.thumbnail_url && M.setPoster.call(e, f.thumbnail_url).catch(() => {
+  i2.customControls || Te(st(e.config.urls.vimeo.api, m)).then((y) => {
+    !o.empty(y) && y.thumbnail_url && M.setPoster.call(e, y.thumbnail_url).catch(() => {
     });
   }), e.embed = new window.Vimeo.Player(u, { autopause: e.config.autopause, muted: e.muted }), e.media.paused = true, e.media.currentTime = 0, e.supported.ui && e.embed.disableTextTrack(), e.media.play = () => (me.call(e, true), e.embed.play()), e.media.pause = () => (me.call(e, false), e.embed.pause()), e.media.stop = () => {
     e.pause(), e.currentTime = 0;
   };
   let { currentTime: p } = e.media;
-  Object.defineProperty(e.media, "currentTime", { get: () => p, set(f) {
+  Object.defineProperty(e.media, "currentTime", { get: () => p, set(y) {
     const { embed: C, media: L2, paused: $, volume: D2 } = e, V2 = $ && !C.hasPlayed;
-    L2.seeking = true, w.call(e, L2, "seeking"), Promise.resolve(V2 && C.setVolume(0)).then(() => C.setCurrentTime(f)).then(() => V2 && C.pause()).then(() => V2 && C.setVolume(D2)).catch(() => {
+    L2.seeking = true, w.call(e, L2, "seeking"), Promise.resolve(V2 && C.setVolume(0)).then(() => C.setCurrentTime(y)).then(() => V2 && C.pause()).then(() => V2 && C.setVolume(D2)).catch(() => {
     });
   } });
   let v = e.config.speed.selected;
-  Object.defineProperty(e.media, "playbackRate", { get: () => v, set(f) {
-    e.embed.setPlaybackRate(f).then(() => {
-      v = f, w.call(e, e.media, "ratechange");
+  Object.defineProperty(e.media, "playbackRate", { get: () => v, set(y) {
+    e.embed.setPlaybackRate(y).then(() => {
+      v = y, w.call(e, e.media, "ratechange");
     }).catch(() => {
       e.options.speed = [1];
     });
   } });
   let { volume: b } = e.config;
-  Object.defineProperty(e.media, "volume", { get: () => b, set(f) {
-    e.embed.setVolume(f).then(() => {
-      b = f, w.call(e, e.media, "volumechange");
+  Object.defineProperty(e.media, "volume", { get: () => b, set(y) {
+    e.embed.setVolume(y).then(() => {
+      b = y, w.call(e, e.media, "volumechange");
     });
   } });
   let { muted: T2 } = e.config;
-  Object.defineProperty(e.media, "muted", { get: () => T2, set(f) {
-    const C = !!o.boolean(f) && f;
+  Object.defineProperty(e.media, "muted", { get: () => T2, set(y) {
+    const C = !!o.boolean(y) && y;
     e.embed.setVolume(C ? 0 : e.config.volume).then(() => {
       T2 = C, w.call(e, e.media, "volumechange");
     });
   } });
   let N2, { loop: x } = e.config;
-  Object.defineProperty(e.media, "loop", { get: () => x, set(f) {
-    const C = o.boolean(f) ? f : e.config.loop.active;
+  Object.defineProperty(e.media, "loop", { get: () => x, set(y) {
+    const C = o.boolean(y) ? y : e.config.loop.active;
     e.embed.setLoop(C).then(() => {
       x = C;
     });
-  } }), e.embed.getVideoUrl().then((f) => {
-    N2 = f, h.setDownloadUrl.call(e);
-  }).catch((f) => {
-    this.debug.warn(f);
-  }), Object.defineProperty(e.media, "currentSrc", { get: () => N2 }), Object.defineProperty(e.media, "ended", { get: () => e.currentTime === e.duration }), Promise.all([e.embed.getVideoWidth(), e.embed.getVideoHeight()]).then((f) => {
-    const [C, L2] = f;
+  } }), e.embed.getVideoUrl().then((y) => {
+    N2 = y, h.setDownloadUrl.call(e);
+  }).catch((y) => {
+    this.debug.warn(y);
+  }), Object.defineProperty(e.media, "currentSrc", { get: () => N2 }), Object.defineProperty(e.media, "ended", { get: () => e.currentTime === e.duration }), Promise.all([e.embed.getVideoWidth(), e.embed.getVideoHeight()]).then((y) => {
+    const [C, L2] = y;
     e.embed.ratio = Qt(C, L2), oe.call(this);
-  }), e.embed.setAutopause(e.config.autopause).then((f) => {
-    e.config.autopause = f;
-  }), e.embed.getVideoTitle().then((f) => {
-    e.config.title = f, M.setTitle.call(this);
-  }), e.embed.getCurrentTime().then((f) => {
-    p = f, w.call(e, e.media, "timeupdate");
-  }), e.embed.getDuration().then((f) => {
-    e.media.duration = f, w.call(e, e.media, "durationchange");
-  }), e.embed.getTextTracks().then((f) => {
-    e.media.textTracks = f, P.setup.call(e);
-  }), e.embed.on("cuechange", ({ cues: f = [] }) => {
-    const C = f.map((L2) => fr(L2.text));
+  }), e.embed.setAutopause(e.config.autopause).then((y) => {
+    e.config.autopause = y;
+  }), e.embed.getVideoTitle().then((y) => {
+    e.config.title = y, M.setTitle.call(this);
+  }), e.embed.getCurrentTime().then((y) => {
+    p = y, w.call(e, e.media, "timeupdate");
+  }), e.embed.getDuration().then((y) => {
+    e.media.duration = y, w.call(e, e.media, "durationchange");
+  }), e.embed.getTextTracks().then((y) => {
+    e.media.textTracks = y, P.setup.call(e);
+  }), e.embed.on("cuechange", ({ cues: y = [] }) => {
+    const C = y.map((L2) => fr(L2.text));
     P.updateCues.call(e, C);
   }), e.embed.on("loaded", () => {
-    e.embed.getPaused().then((f) => {
-      me.call(e, !f), f || w.call(e, e.media, "playing");
+    e.embed.getPaused().then((y) => {
+      me.call(e, !y), y || w.call(e, e.media, "playing");
     }), o.element(e.embed.element) && e.supported.ui && e.embed.element.setAttribute("tabindex", -1);
   }), e.embed.on("bufferstart", () => {
     w.call(e, e.media, "waiting");
@@ -11617,18 +11656,18 @@ const nt = { setup() {
     me.call(e, true), w.call(e, e.media, "playing");
   }), e.embed.on("pause", () => {
     me.call(e, false);
-  }), e.embed.on("timeupdate", (f) => {
-    e.media.seeking = false, p = f.seconds, w.call(e, e.media, "timeupdate");
-  }), e.embed.on("progress", (f) => {
-    e.media.buffered = f.percent, w.call(e, e.media, "progress"), parseInt(f.percent, 10) === 1 && w.call(e, e.media, "canplaythrough"), e.embed.getDuration().then((C) => {
+  }), e.embed.on("timeupdate", (y) => {
+    e.media.seeking = false, p = y.seconds, w.call(e, e.media, "timeupdate");
+  }), e.embed.on("progress", (y) => {
+    e.media.buffered = y.percent, w.call(e, e.media, "progress"), parseInt(y.percent, 10) === 1 && w.call(e, e.media, "canplaythrough"), e.embed.getDuration().then((C) => {
       C !== e.media.duration && (e.media.duration = C, w.call(e, e.media, "durationchange"));
     });
   }), e.embed.on("seeked", () => {
     e.media.seeking = false, w.call(e, e.media, "seeked");
   }), e.embed.on("ended", () => {
     e.media.paused = true, w.call(e, e.media, "ended");
-  }), e.embed.on("error", (f) => {
-    e.media.error = f, w.call(e, e.media, "error");
+  }), e.embed.on("error", (y) => {
+    e.media.error = y, w.call(e, e.media, "error");
   }), i2.customControls && setTimeout(() => M.build.call(e), 0);
 } };
 function Sr(e) {
@@ -11693,22 +11732,22 @@ const Ne = { setup() {
       ge.call(e, false), l.pauseVideo();
     }, e.media.stop = () => {
       l.stopVideo();
-    }, e.media.duration = l.getDuration(), e.media.paused = true, e.media.currentTime = 0, Object.defineProperty(e.media, "currentTime", { get: () => Number(l.getCurrentTime()), set(y) {
-      e.paused && !e.embed.hasPlayed && e.embed.mute(), e.media.seeking = true, w.call(e, e.media, "seeking"), l.seekTo(y);
-    } }), Object.defineProperty(e.media, "playbackRate", { get: () => l.getPlaybackRate(), set(y) {
-      l.setPlaybackRate(y);
+    }, e.media.duration = l.getDuration(), e.media.paused = true, e.media.currentTime = 0, Object.defineProperty(e.media, "currentTime", { get: () => Number(l.getCurrentTime()), set(m) {
+      e.paused && !e.embed.hasPlayed && e.embed.mute(), e.media.seeking = true, w.call(e, e.media, "seeking"), l.seekTo(m);
+    } }), Object.defineProperty(e.media, "playbackRate", { get: () => l.getPlaybackRate(), set(m) {
+      l.setPlaybackRate(m);
     } });
     let { volume: d } = e.config;
-    Object.defineProperty(e.media, "volume", { get: () => d, set(y) {
-      d = y, l.setVolume(100 * d), w.call(e, e.media, "volumechange");
+    Object.defineProperty(e.media, "volume", { get: () => d, set(m) {
+      d = m, l.setVolume(100 * d), w.call(e, e.media, "volumechange");
     } });
     let { muted: c } = e.config;
-    Object.defineProperty(e.media, "muted", { get: () => c, set(y) {
-      const p = o.boolean(y) ? y : c;
+    Object.defineProperty(e.media, "muted", { get: () => c, set(m) {
+      const p = o.boolean(m) ? m : c;
       c = p, l[p ? "mute" : "unMute"](), l.setVolume(100 * d), w.call(e, e.media, "volumechange");
     } }), Object.defineProperty(e.media, "currentSrc", { get: () => l.getVideoUrl() }), Object.defineProperty(e.media, "ended", { get: () => e.currentTime === e.duration });
     const u = l.getAvailablePlaybackRates();
-    e.options.speed = u.filter((y) => e.config.speed.options.includes(y)), e.supported.ui && i2.customControls && e.media.setAttribute("tabindex", -1), w.call(e, e.media, "timeupdate"), w.call(e, e.media, "durationchange"), clearInterval(e.timers.buffering), e.timers.buffering = setInterval(() => {
+    e.options.speed = u.filter((m) => e.config.speed.options.includes(m)), e.supported.ui && i2.customControls && e.media.setAttribute("tabindex", -1), w.call(e, e.media, "timeupdate"), w.call(e, e.media, "durationchange"), clearInterval(e.timers.buffering), e.timers.buffering = setInterval(() => {
       e.media.buffered = l.getVideoLoadedFraction(), (e.media.lastBuffered === null || e.media.lastBuffered < e.media.buffered) && w.call(e, e.media, "progress"), e.media.lastBuffered = e.media.buffered, e.media.buffered === 1 && (clearInterval(e.timers.buffering), w.call(e, e.media, "canplaythrough"));
     }, 200), i2.customControls && setTimeout(() => M.build.call(e), 50);
   }, onStateChange(a) {
@@ -11738,20 +11777,20 @@ const Ne = { setup() {
 } };
 class Er {
   constructor(i2) {
-    g(this, "load", () => {
+    f(this, "load", () => {
       this.enabled && (o.object(window.google) && o.object(window.google.ima) ? this.ready() : ut(this.player.config.urls.googleIMA.sdk).then(() => {
         this.ready();
       }).catch(() => {
         this.trigger("error", new Error("Google IMA SDK failed to load"));
       }));
-    }), g(this, "ready", () => {
+    }), f(this, "ready", () => {
       var t;
       this.enabled || ((t = this).manager && t.manager.destroy(), t.elements.displayContainer && t.elements.displayContainer.destroy(), t.elements.container.remove()), this.startSafetyTimer(12e3, "ready()"), this.managerPromise.then(() => {
         this.clearSafetyTimer("onAdsManagerLoaded()");
       }), this.listeners(), this.setupIMA();
-    }), g(this, "setupIMA", () => {
+    }), f(this, "setupIMA", () => {
       this.elements.container = _("div", { class: this.player.config.classNames.ads }), this.player.elements.container.appendChild(this.elements.container), google.ima.settings.setVpaidMode(google.ima.ImaSdkSettings.VpaidMode.ENABLED), google.ima.settings.setLocale(this.player.config.ads.language), google.ima.settings.setDisableCustomPlaybackForIOS10Plus(this.player.config.playsinline), this.elements.displayContainer = new google.ima.AdDisplayContainer(this.elements.container, this.player.media), this.loader = new google.ima.AdsLoader(this.elements.displayContainer), this.loader.addEventListener(google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, (t) => this.onAdsManagerLoaded(t), false), this.loader.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, (t) => this.onAdError(t), false), this.requestAds();
-    }), g(this, "requestAds", () => {
+    }), f(this, "requestAds", () => {
       const { container: t } = this.player.elements;
       try {
         const r = new google.ima.AdsRequest();
@@ -11759,21 +11798,21 @@ class Er {
       } catch (r) {
         this.onAdError(r);
       }
-    }), g(this, "pollCountdown", (t = false) => {
+    }), f(this, "pollCountdown", (t = false) => {
       if (!t)
         return clearInterval(this.countdownTimer), void this.elements.container.removeAttribute("data-badge-text");
       this.countdownTimer = setInterval(() => {
         const r = He(Math.max(this.manager.getRemainingTime(), 0)), s = `${j.get("advertisement", this.player.config)} - ${r}`;
         this.elements.container.setAttribute("data-badge-text", s);
       }, 100);
-    }), g(this, "onAdsManagerLoaded", (t) => {
+    }), f(this, "onAdsManagerLoaded", (t) => {
       if (!this.enabled)
         return;
       const r = new google.ima.AdsRenderingSettings();
       r.restoreCustomPlaybackStateOnAdBreakComplete = true, r.enablePreloading = true, this.manager = t.getAdsManager(this.player, r), this.cuePoints = this.manager.getCuePoints(), this.manager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, (s) => this.onAdError(s)), Object.keys(google.ima.AdEvent.Type).forEach((s) => {
         this.manager.addEventListener(google.ima.AdEvent.Type[s], (n) => this.onAdEvent(n));
       }), this.trigger("loaded");
-    }), g(this, "addCuePoints", () => {
+    }), f(this, "addCuePoints", () => {
       o.empty(this.cuePoints) || this.cuePoints.forEach((t) => {
         if (t !== 0 && t !== -1 && t < this.player.duration) {
           const r = this.player.elements.progress;
@@ -11783,7 +11822,7 @@ class Er {
           }
         }
       });
-    }), g(this, "onAdEvent", (t) => {
+    }), f(this, "onAdEvent", (t) => {
       const { container: r } = this.player.elements, s = t.getAd(), n = t.getAdData();
       switch (((a) => {
         w.call(this.player, this.player.media, `ads${a.replace(/_/g, "").toLowerCase()}`);
@@ -11806,9 +11845,9 @@ class Er {
         case google.ima.AdEvent.Type.LOG:
           n.adError && this.player.debug.warn(`Non-fatal ad error: ${n.adError.getMessage()}`);
       }
-    }), g(this, "onAdError", (t) => {
+    }), f(this, "onAdError", (t) => {
       this.cancel(), this.player.debug.warn("Ads error", t);
-    }), g(this, "listeners", () => {
+    }), f(this, "listeners", () => {
       const { container: t } = this.player.elements;
       let r;
       this.player.on("canplay", () => {
@@ -11825,7 +11864,7 @@ class Er {
       }), window.addEventListener("resize", () => {
         this.manager && this.manager.resize(t.offsetWidth, t.offsetHeight, google.ima.ViewMode.NORMAL);
       });
-    }), g(this, "play", () => {
+    }), f(this, "play", () => {
       const { container: t } = this.player.elements;
       this.managerPromise || this.resumeContent(), this.managerPromise.then(() => {
         this.manager.setVolume(this.player.volume), this.elements.displayContainer.initialize();
@@ -11836,29 +11875,29 @@ class Er {
         }
       }).catch(() => {
       });
-    }), g(this, "resumeContent", () => {
+    }), f(this, "resumeContent", () => {
       this.elements.container.style.zIndex = "", this.playing = false, W(this.player.media.play());
-    }), g(this, "pauseContent", () => {
+    }), f(this, "pauseContent", () => {
       this.elements.container.style.zIndex = 3, this.playing = true, this.player.media.pause();
-    }), g(this, "cancel", () => {
+    }), f(this, "cancel", () => {
       this.initialized && this.resumeContent(), this.trigger("error"), this.loadAds();
-    }), g(this, "loadAds", () => {
+    }), f(this, "loadAds", () => {
       this.managerPromise.then(() => {
         this.manager && this.manager.destroy(), this.managerPromise = new Promise((t) => {
           this.on("loaded", t), this.player.debug.log(this.manager);
         }), this.initialized = false, this.requestAds();
       }).catch(() => {
       });
-    }), g(this, "trigger", (t, ...r) => {
+    }), f(this, "trigger", (t, ...r) => {
       const s = this.events[t];
       o.array(s) && s.forEach((n) => {
         o.function(n) && n.apply(this, r);
       });
-    }), g(this, "on", (t, r) => (o.array(this.events[t]) || (this.events[t] = []), this.events[t].push(r), this)), g(this, "startSafetyTimer", (t, r) => {
+    }), f(this, "on", (t, r) => (o.array(this.events[t]) || (this.events[t] = []), this.events[t].push(r), this)), f(this, "startSafetyTimer", (t, r) => {
       this.player.debug.log(`Safety timer invoked from: ${r}`), this.safetyTimer = setTimeout(() => {
         this.cancel(), this.clearSafetyTimer("startSafetyTimer()");
       }, t);
-    }), g(this, "clearSafetyTimer", (t) => {
+    }), f(this, "clearSafetyTimer", (t) => {
       o.nullOrUndefined(this.safetyTimer) || (this.player.debug.log(`Safety timer cleared from: ${t}`), clearTimeout(this.safetyTimer), this.safetyTimer = null);
     }), this.player = i2, this.config = i2.config.ads, this.playing = false, this.initialized = false, this.elements = { container: null, displayContainer: null }, this.manager = null, this.loader = null, this.cuePoints = null, this.events = {}, this.safetyTimer = null, this.countdownTimer = null, this.managerPromise = new Promise((t, r) => {
       this.on("loaded", t), this.on("error", r);
@@ -11898,11 +11937,11 @@ const Pr = (e) => {
 };
 class at {
   constructor(i2) {
-    g(this, "load", () => {
+    f(this, "load", () => {
       this.player.elements.display.seekTooltip && (this.player.elements.display.seekTooltip.hidden = this.enabled), this.enabled && this.getThumbnails().then(() => {
         this.enabled && (this.render(), this.determineContainerAutoSizing(), this.loaded = true);
       });
-    }), g(this, "getThumbnails", () => new Promise((t) => {
+    }), f(this, "getThumbnails", () => new Promise((t) => {
       const { src: r } = this.player.config.previewThumbnails;
       if (o.empty(r))
         throw new Error("Missing previewThumbnails.src config attribute");
@@ -11917,7 +11956,7 @@ class at {
         const n = (o.string(r) ? [r] : r).map((a) => this.getThumbnail(a));
         Promise.all(n).then(s);
       }
-    })), g(this, "getThumbnail", (t) => new Promise((r) => {
+    })), f(this, "getThumbnail", (t) => new Promise((r) => {
       Te(t).then((s) => {
         const n = { frames: Pr(s), height: null, urlPrefix: "" };
         n.frames[0].text.startsWith("/") || n.frames[0].text.startsWith("http://") || n.frames[0].text.startsWith("https://") || (n.urlPrefix = t.substring(0, t.lastIndexOf("/") + 1));
@@ -11926,7 +11965,7 @@ class at {
           n.height = a.naturalHeight, n.width = a.naturalWidth, this.thumbnails.push(n), r();
         }, a.src = n.urlPrefix + n.frames[0].text;
       });
-    })), g(this, "startMove", (t) => {
+    })), f(this, "startMove", (t) => {
       if (this.loaded && o.event(t) && ["touchmove", "mousemove"].includes(t.type) && this.player.media.duration) {
         if (t.type === "touchmove")
           this.seekTime = this.player.media.duration * (this.player.elements.inputs.seek.value / 100);
@@ -11939,15 +11978,15 @@ class at {
         }
         this.showImageAtCurrentTime();
       }
-    }), g(this, "endMove", () => {
+    }), f(this, "endMove", () => {
       this.toggleThumbContainer(false, true);
-    }), g(this, "startScrubbing", (t) => {
+    }), f(this, "startScrubbing", (t) => {
       (o.nullOrUndefined(t.button) || t.button === false || t.button === 0) && (this.mouseDown = true, this.player.media.duration && (this.toggleScrubbingContainer(true), this.toggleThumbContainer(false, true), this.showImageAtCurrentTime()));
-    }), g(this, "endScrubbing", () => {
+    }), f(this, "endScrubbing", () => {
       this.mouseDown = false, Math.ceil(this.lastTime) === Math.ceil(this.player.media.currentTime) ? this.toggleScrubbingContainer(false) : dt.call(this.player, this.player.media, "timeupdate", () => {
         this.mouseDown || this.toggleScrubbingContainer(false);
       });
-    }), g(this, "listeners", () => {
+    }), f(this, "listeners", () => {
       this.player.on("play", () => {
         this.toggleThumbContainer(false, true);
       }), this.player.on("seeked", () => {
@@ -11955,20 +11994,20 @@ class at {
       }), this.player.on("timeupdate", () => {
         this.lastTime = this.player.media.currentTime;
       });
-    }), g(this, "render", () => {
+    }), f(this, "render", () => {
       this.elements.thumb.container = _("div", { class: this.player.config.classNames.previewThumbnails.thumbContainer }), this.elements.thumb.imageContainer = _("div", { class: this.player.config.classNames.previewThumbnails.imageContainer }), this.elements.thumb.container.appendChild(this.elements.thumb.imageContainer);
       const t = _("div", { class: this.player.config.classNames.previewThumbnails.timeContainer });
       this.elements.thumb.time = _("span", {}, "00:00"), t.appendChild(this.elements.thumb.time), this.elements.thumb.imageContainer.appendChild(t), o.element(this.player.elements.progress) && this.player.elements.progress.appendChild(this.elements.thumb.container), this.elements.scrubbing.container = _("div", { class: this.player.config.classNames.previewThumbnails.scrubbingContainer }), this.player.elements.wrapper.appendChild(this.elements.scrubbing.container);
-    }), g(this, "destroy", () => {
+    }), f(this, "destroy", () => {
       this.elements.thumb.container && this.elements.thumb.container.remove(), this.elements.scrubbing.container && this.elements.scrubbing.container.remove();
-    }), g(this, "showImageAtCurrentTime", () => {
+    }), f(this, "showImageAtCurrentTime", () => {
       this.mouseDown ? this.setScrubbingContainerSize() : this.setThumbContainerSizeAndPos();
       const t = this.thumbnails[0].frames.findIndex((n) => this.seekTime >= n.startTime && this.seekTime <= n.endTime), r = t >= 0;
       let s = 0;
       this.mouseDown || this.toggleThumbContainer(r), r && (this.thumbnails.forEach((n, a) => {
         this.loadedImages.includes(n.frames[t].text) && (s = a);
       }), t !== this.showingThumb && (this.showingThumb = t, this.loadImage(s)));
-    }), g(this, "loadImage", (t = 0) => {
+    }), f(this, "loadImage", (t = 0) => {
       const r = this.showingThumb, s = this.thumbnails[t], { urlPrefix: n } = s, a = s.frames[r], l = s.frames[r].text, d = n + l;
       if (this.currentImageElement && this.currentImageElement.dataset.filename === l)
         this.showImage(this.currentImageElement, a, t, r, l, false), this.currentImageElement.dataset.index = r, this.removeOldImages(this.currentImageElement);
@@ -11977,9 +12016,9 @@ class at {
         const c = new Image();
         c.src = d, c.dataset.index = r, c.dataset.filename = l, this.showingThumbFilename = l, this.player.debug.log(`Loading image: ${d}`), c.onload = () => this.showImage(c, a, t, r, l, true), this.loadingImage = c, this.removeOldImages(c);
       }
-    }), g(this, "showImage", (t, r, s, n, a, l = true) => {
+    }), f(this, "showImage", (t, r, s, n, a, l = true) => {
       this.player.debug.log(`Showing thumb: ${a}. num: ${n}. qual: ${s}. newimg: ${l}`), this.setImageSizeAndOffset(t, r), l && (this.currentImageContainer.appendChild(t), this.currentImageElement = t, this.loadedImages.includes(a) || this.loadedImages.push(a)), this.preloadNearby(n, true).then(this.preloadNearby(n, false)).then(this.getHigherQuality(s, t, r, a));
-    }), g(this, "removeOldImages", (t) => {
+    }), f(this, "removeOldImages", (t) => {
       Array.from(this.currentImageContainer.children).forEach((r) => {
         if (r.tagName.toLowerCase() !== "img")
           return;
@@ -11992,7 +12031,7 @@ class at {
           }, s);
         }
       });
-    }), g(this, "preloadNearby", (t, r = true) => new Promise((s) => {
+    }), f(this, "preloadNearby", (t, r = true) => new Promise((s) => {
       setTimeout(() => {
         const n = this.thumbnails[0].frames[t].text;
         if (this.showingThumbFilename === n) {
@@ -12003,30 +12042,30 @@ class at {
             const c = d.text;
             if (c !== n && !this.loadedImages.includes(c)) {
               l = true, this.player.debug.log(`Preloading thumb filename: ${c}`);
-              const { urlPrefix: u } = this.thumbnails[0], y = u + c, p = new Image();
-              p.src = y, p.onload = () => {
+              const { urlPrefix: u } = this.thumbnails[0], m = u + c, p = new Image();
+              p.src = m, p.onload = () => {
                 this.player.debug.log(`Preloaded thumb filename: ${c}`), this.loadedImages.includes(c) || this.loadedImages.push(c), s();
               };
             }
           }), l || s();
         }
       }, 300);
-    })), g(this, "getHigherQuality", (t, r, s, n) => {
+    })), f(this, "getHigherQuality", (t, r, s, n) => {
       if (t < this.thumbnails.length - 1) {
         let a = r.naturalHeight;
         this.usingSprites && (a = s.h), a < this.thumbContainerHeight && setTimeout(() => {
           this.showingThumbFilename === n && (this.player.debug.log(`Showing higher quality thumb for: ${n}`), this.loadImage(t + 1));
         }, 300);
       }
-    }), g(this, "toggleThumbContainer", (t = false, r = false) => {
+    }), f(this, "toggleThumbContainer", (t = false, r = false) => {
       const s = this.player.config.classNames.previewThumbnails.thumbContainerShown;
       this.elements.thumb.container.classList.toggle(s, t), !t && r && (this.showingThumb = null, this.showingThumbFilename = null);
-    }), g(this, "toggleScrubbingContainer", (t = false) => {
+    }), f(this, "toggleScrubbingContainer", (t = false) => {
       const r = this.player.config.classNames.previewThumbnails.scrubbingContainerShown;
       this.elements.scrubbing.container.classList.toggle(r, t), t || (this.showingThumb = null, this.showingThumbFilename = null);
-    }), g(this, "determineContainerAutoSizing", () => {
+    }), f(this, "determineContainerAutoSizing", () => {
       (this.elements.thumb.imageContainer.clientHeight > 20 || this.elements.thumb.imageContainer.clientWidth > 20) && (this.sizeSpecifiedInCSS = true);
-    }), g(this, "setThumbContainerSizeAndPos", () => {
+    }), f(this, "setThumbContainerSizeAndPos", () => {
       const { imageContainer: t } = this.elements.thumb;
       if (this.sizeSpecifiedInCSS) {
         if (t.clientHeight > 20 && t.clientWidth < 20) {
@@ -12041,13 +12080,13 @@ class at {
         t.style.height = `${this.thumbContainerHeight}px`, t.style.width = `${r}px`;
       }
       this.setThumbContainerPos();
-    }), g(this, "setThumbContainerPos", () => {
+    }), f(this, "setThumbContainerPos", () => {
       const t = this.player.elements.progress.getBoundingClientRect(), r = this.player.elements.container.getBoundingClientRect(), { container: s } = this.elements.thumb, n = r.left - t.left + 10, a = r.right - t.left - s.clientWidth - 10, l = this.mousePosX - t.left - s.clientWidth / 2, d = si(l, n, a);
       s.style.left = `${d}px`, s.style.setProperty("--preview-arrow-offset", l - d + "px");
-    }), g(this, "setScrubbingContainerSize", () => {
+    }), f(this, "setScrubbingContainerSize", () => {
       const { width: t, height: r } = kt(this.thumbAspectRatio, { width: this.player.media.clientWidth, height: this.player.media.clientHeight });
       this.elements.scrubbing.container.style.width = `${t}px`, this.elements.scrubbing.container.style.height = `${r}px`;
-    }), g(this, "setImageSizeAndOffset", (t, r) => {
+    }), f(this, "setImageSizeAndOffset", (t, r) => {
       if (!this.usingSprites)
         return;
       const s = this.thumbContainerHeight / r.h;
@@ -12093,38 +12132,38 @@ const ot = { insertElements(e, i2) {
 } };
 class xe {
   constructor(i2, t) {
-    if (g(this, "play", () => o.function(this.media.play) ? (this.ads && this.ads.enabled && this.ads.managerPromise.then(() => this.ads.play()).catch(() => W(this.media.play())), this.media.play()) : null), g(this, "pause", () => this.playing && o.function(this.media.pause) ? this.media.pause() : null), g(this, "togglePlay", (l) => (o.boolean(l) ? l : !this.playing) ? this.play() : this.pause()), g(this, "stop", () => {
+    if (f(this, "play", () => o.function(this.media.play) ? (this.ads && this.ads.enabled && this.ads.managerPromise.then(() => this.ads.play()).catch(() => W(this.media.play())), this.media.play()) : null), f(this, "pause", () => this.playing && o.function(this.media.pause) ? this.media.pause() : null), f(this, "togglePlay", (l) => (o.boolean(l) ? l : !this.playing) ? this.play() : this.pause()), f(this, "stop", () => {
       this.isHTML5 ? (this.pause(), this.restart()) : o.function(this.media.stop) && this.media.stop();
-    }), g(this, "restart", () => {
+    }), f(this, "restart", () => {
       this.currentTime = 0;
-    }), g(this, "rewind", (l) => {
+    }), f(this, "rewind", (l) => {
       this.currentTime -= o.number(l) ? l : this.config.seekTime;
-    }), g(this, "forward", (l) => {
+    }), f(this, "forward", (l) => {
       this.currentTime += o.number(l) ? l : this.config.seekTime;
-    }), g(this, "increaseVolume", (l) => {
+    }), f(this, "increaseVolume", (l) => {
       const d = this.media.muted ? 0 : this.volume;
       this.volume = d + (o.number(l) ? l : 0);
-    }), g(this, "decreaseVolume", (l) => {
+    }), f(this, "decreaseVolume", (l) => {
       this.increaseVolume(-l);
-    }), g(this, "airplay", () => {
+    }), f(this, "airplay", () => {
       I.airplay && this.media.webkitShowPlaybackTargetPicker();
-    }), g(this, "toggleControls", (l) => {
+    }), f(this, "toggleControls", (l) => {
       if (this.supported.ui && !this.isAudio) {
         const d = Ie(this.elements.container, this.config.classNames.hideControls), c = l === void 0 ? void 0 : !l, u = A(this.elements.container, this.config.classNames.hideControls, c);
         if (u && o.array(this.config.controls) && this.config.controls.includes("settings") && !o.empty(this.config.settings) && h.toggleMenu.call(this, false), u !== d) {
-          const y = u ? "controlshidden" : "controlsshown";
-          w.call(this, this.media, y);
+          const m = u ? "controlshidden" : "controlsshown";
+          w.call(this, this.media, m);
         }
         return !u;
       }
       return false;
-    }), g(this, "on", (l, d) => {
+    }), f(this, "on", (l, d) => {
       E.call(this, this.elements.container, l, d);
-    }), g(this, "once", (l, d) => {
+    }), f(this, "once", (l, d) => {
       dt.call(this, this.elements.container, l, d);
-    }), g(this, "off", (l, d) => {
+    }), f(this, "off", (l, d) => {
       je(this.elements.container, l, d);
-    }), g(this, "destroy", (l, d = false) => {
+    }), f(this, "destroy", (l, d = false) => {
       if (!this.ready)
         return;
       const c = () => {
@@ -12133,7 +12172,7 @@ class xe {
         }, 200));
       };
       this.stop(), clearTimeout(this.timers.loading), clearTimeout(this.timers.controls), clearTimeout(this.timers.resized), this.isHTML5 ? (M.toggleNativeControls.call(this, true), c()) : this.isYouTube ? (clearInterval(this.timers.buffering), clearInterval(this.timers.playing), this.embed !== null && o.function(this.embed.destroy) && this.embed.destroy(), c()) : this.isVimeo && (this.embed !== null && this.embed.unload().then(c), setTimeout(c, 200));
-    }), g(this, "supports", (l) => I.mime.call(this, l)), this.timers = {}, this.ready = false, this.loading = false, this.failed = false, this.touch = I.touch, this.media = i2, o.string(this.media) && (this.media = document.querySelectorAll(this.media)), (window.jQuery && this.media instanceof jQuery || o.nodeList(this.media) || o.array(this.media)) && (this.media = this.media[0]), this.config = z({}, ii, xe.defaults, t || {}, (() => {
+    }), f(this, "supports", (l) => I.mime.call(this, l)), this.timers = {}, this.ready = false, this.loading = false, this.failed = false, this.touch = I.touch, this.media = i2, o.string(this.media) && (this.media = document.querySelectorAll(this.media)), (window.jQuery && this.media instanceof jQuery || o.nodeList(this.media) || o.array(this.media)) && (this.media = this.media[0]), this.config = z({}, ii, xe.defaults, t || {}, (() => {
       try {
         return JSON.parse(this.media.getAttribute("data-plyr-config"));
       } catch {
@@ -12359,7 +12398,7 @@ function Mr(e) {
   let i2, t, r;
   return {
     c() {
-      i2 = ie("video"), t = ie("source"), St(t.src, r = e[3]) || m(t, "src", r), m(t, "type", e[2]), m(i2, "data-app-kind", "Plyr"), m(i2, "crossorigin", "anonymous"), i2.playsInline = true, m(i2, "data-poster", e[4]);
+      i2 = ie("video"), t = ie("source"), St(t.src, r = e[3]) || g(t, "src", r), g(t, "type", e[2]), g(i2, "data-app-kind", "Plyr"), g(i2, "crossorigin", "anonymous"), i2.playsInline = true, g(i2, "data-poster", e[4]);
     },
     m(s, n) {
       te(s, i2, n), k(i2, t), e[8](i2);
@@ -12374,7 +12413,7 @@ function Nr(e) {
   let i2, t, r;
   return {
     c() {
-      i2 = ie("audio"), t = ie("source"), St(t.src, r = e[3]) || m(t, "src", r), m(t, "type", e[2]), m(i2, "data-app-kind", "Plyr"), m(i2, "crossorigin", "anonymous"), m(i2, "data-poster", e[4]);
+      i2 = ie("audio"), t = ie("source"), St(t.src, r = e[3]) || g(t, "src", r), g(t, "type", e[2]), g(i2, "data-app-kind", "Plyr"), g(i2, "crossorigin", "anonymous"), g(i2, "data-poster", e[4]);
     },
     m(s, n) {
       te(s, i2, n), k(i2, t), e[7](i2);
@@ -12393,7 +12432,7 @@ function Lr(e) {
   return {
     c() {
       i2 = ie("div"), t = Ge(`Invalid "src" or "type".
-    `), s = Ge(r), m(i2, "data-app-kind", "Plyr"), m(i2, "class", "plyr--audio");
+    `), s = Ge(r), g(i2, "data-app-kind", "Plyr"), g(i2, "class", "plyr--audio");
     },
     m(n, a) {
       te(n, i2, a), k(i2, t), k(i2, s);
@@ -12413,7 +12452,7 @@ function Ir(e) {
   let i2;
   return {
     c() {
-      i2 = ie("div"), m(i2, "data-app-kind", "Plyr"), m(i2, "class", "plyr__video-embed"), m(i2, "data-plyr-provider", "youtube"), m(i2, "data-plyr-embed-id", e[3]), m(i2, "data-poster", e[4]);
+      i2 = ie("div"), g(i2, "data-app-kind", "Plyr"), g(i2, "class", "plyr__video-embed"), g(i2, "data-plyr-provider", "youtube"), g(i2, "data-plyr-embed-id", e[3]), g(i2, "data-poster", e[4]);
     },
     m(t, r) {
       te(t, i2, r), e[6](i2);
@@ -12479,7 +12518,7 @@ function $r(e, i2, t) {
       console.warn("[Plyr] destroy plyr error", b);
     }
   });
-  function y(b) {
+  function m(b) {
     be[b ? "unshift" : "push"](() => {
       c = b, t(1, c);
     });
@@ -12503,7 +12542,7 @@ function $r(e, i2, t) {
     a,
     l,
     s,
-    y,
+    m,
     p,
     v
   ];
@@ -12552,7 +12591,10 @@ class jr {
     if (!t)
       return;
     const { currentTime: n, hostTime: a, muted: l, paused: d, volume: c, owner: u } = s.state;
-    i2 === "owner" && u === this.uid && r.isWritable || (d !== t.paused && !this._skip_next_play_pause && (d ? t.pause() : Si(t)), l !== t.muted && (t.muted = l), c !== t.volume && (t.volume = c), !this._buffering && (d ? Math.abs(t.currentTime - n) > 0.5 && (t.currentTime = n) : this.syncCurrentTime(a, n, t)));
+    if (i2 === "owner" && u === this.uid && r.isWritable)
+      return;
+    let m = d;
+    !m && r.isReplay && ["pause", "ended", "stop"].includes(r.displayer.phase) && (m = true), m !== t.paused && !this._skip_next_play_pause && (m ? t.pause() : Si(t)), l !== t.muted && (t.muted = l), c !== t.volume && (t.volume = c), !this._buffering && (d ? Math.abs(t.currentTime - n) > 0.5 && (t.currentTime = n) : this.syncCurrentTime(a, n, t));
   }
   watchUserInputs(i2) {
     const t = i2.elements.controls, r = Ni(i2.elements.buttons.play), s = t == null ? void 0 : t.querySelector('input[data-plyr="seek"]'), n = t == null ? void 0 : t.querySelector('button[data-plyr="mute"]'), a = t == null ? void 0 : t.querySelector('input[data-plyr="volume"]');
@@ -12746,39 +12788,24 @@ const reconnectRefresher = new ReconnectRefresher({ emitter });
 const _WindowManager = class extends InvisiblePlugin {
   constructor(context) {
     super(context);
-    this.version = "1.0.0-canary.64";
-    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.2.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^1.0.0-canary.3", "@netless/app-plyr": "^0.2.3", "@playwright/test": "^1.23.2", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "less": "^4.1.3", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^3.1.3", "vite-plugin-dts": "^1.5.0", "vitest": "^0.23.4", "white-web-sdk": "^2.16.35" } };
+    this.version = "1.0.0-canary.66";
+    this.dependencies = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.2.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^1.0.0-canary.3", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.23.2", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "less": "^4.1.3", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^3.1.3", "vite-plugin-dts": "^1.5.0", "vitest": "^0.23.4", "white-web-sdk": "^2.16.35" } };
     this.emitter = callbacks;
     this.viewMode$ = new Val(ViewMode.Broadcaster);
     this.playground$ = new Val(void 0);
     this.isReplay = isPlayer(this.displayer);
     this.containerSizeRatio = _WindowManager.containerSizeRatio;
     this.moveCamera = (camera) => {
-      var _a2;
+      var _a2, _b;
       const pureCamera = omit(camera, ["animationMode"]);
       const mainViewCamera = __spreadValues({}, this.mainView.camera);
       if (isEqual(__spreadValues(__spreadValues({}, mainViewCamera), pureCamera), mainViewCamera))
         return;
-      this.debouncedStoreCamera();
-      this.mainView.moveCamera(camera);
-      (_a2 = this.appManager) == null ? void 0 : _a2.dispatchInternalEvent(Events.MoveCamera, camera);
+      (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy.moveCamera(camera);
+      (_b = this.appManager) == null ? void 0 : _b.dispatchInternalEvent(Events.MoveCamera, camera);
     };
-    this.debouncedStoreCamera = () => {
-      const cameraListener = debounce(() => {
-        var _a2;
-        (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy.saveToCamera$();
-        this.storeCamera();
-        this.mainView.callbacks.off("onCameraUpdated", cameraListener);
-      }, 50);
-      this.mainView.callbacks.on("onCameraUpdated", cameraListener);
-    };
-    this.storeCamera = debounce(() => {
-      var _a2, _b;
-      (_a2 = this.appManager) == null ? void 0 : _a2.mainViewProxy.storeCurrentCamera();
-      (_b = this.appManager) == null ? void 0 : _b.mainViewProxy.storeCurrentSize();
-    }, 300);
     _WindowManager.displayer = context.displayer;
-    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.2.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^1.0.0-canary.3", "@netless/app-plyr": "^0.2.3", "@playwright/test": "^1.23.2", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "less": "^4.1.3", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^3.1.3", "vite-plugin-dts": "^1.5.0", "vitest": "^0.23.4", "white-web-sdk": "^2.16.35" } };
+    window.NETLESS_DEPS = { "dependencies": { "@juggle/resize-observer": "^3.3.1", "@netless/synced-store": "^2.0.7", "@netless/telebox-insider": "1.0.0-alpha.37", "emittery": "^0.11.0", "lodash": "^4.17.21", "p-retry": "^4.6.2", "side-effect-manager": "^1.2.1", "uuid": "^7.0.3", "value-enhancer": "^1.3.2" }, "peerDependencies": { "white-web-sdk": "^2.16.0" }, "devDependencies": { "@netless/app-docs-viewer": "^1.0.0-canary.3", "@netless/app-plyr": "^0.2.4", "@playwright/test": "^1.23.2", "@rollup/plugin-commonjs": "^20.0.0", "@rollup/plugin-node-resolve": "^13.0.4", "@rollup/plugin-url": "^6.1.0", "@sveltejs/vite-plugin-svelte": "^1.0.0-next.49", "@tsconfig/svelte": "^2.0.1", "@types/debug": "^4.1.7", "@types/lodash": "^4.14.182", "@types/lodash-es": "^4.17.6", "@types/node": "^18.0.3", "@types/uuid": "^8.3.4", "@typescript-eslint/eslint-plugin": "^4.30.0", "@typescript-eslint/parser": "^4.30.0", "@vitest/ui": "^0.14.2", "cypress": "^8.7.0", "dotenv": "^10.0.0", "eslint": "^7.32.0", "eslint-config-prettier": "^8.3.0", "eslint-plugin-svelte3": "^3.2.0", "jsdom": "^19.0.0", "less": "^4.1.3", "prettier": "^2.3.2", "prettier-plugin-svelte": "^2.4.0", "rollup-plugin-analyzer": "^4.0.0", "rollup-plugin-styles": "^3.14.1", "svelte": "^3.42.4", "typescript": "^4.5.5", "vite": "^3.1.3", "vite-plugin-dts": "^1.5.0", "vitest": "^0.23.4", "white-web-sdk": "^2.16.35" } };
   }
   static mount(params) {
     return __async(this, null, function* () {
@@ -13344,7 +13371,6 @@ const _WindowManager = class extends InvisiblePlugin {
   }
   moveCameraToContain(rectangle) {
     var _a2;
-    this.debouncedStoreCamera();
     this.mainView.moveCameraToContain(rectangle);
     (_a2 = this.appManager) == null ? void 0 : _a2.dispatchInternalEvent(Events.MoveCameraToContain, rectangle);
   }