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

package/dist/index.umd.js

@@ -1264,6 +1264,7 @@
     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) {
@@ -2464,6 +2465,39 @@
           })
         );
       };
+      this.moveCamera = (camera) => {
+        this.debouncedStoreCamera();
+        this.moveCameraToPromise(camera);
+      };
+      this.moveCameraToPromise = (camera) => {
+        const promise = new Promise((resolve) => {
+          const cameraListener = lodash.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 = lodash.debounce(() => {
+          this.saveToCamera$();
+          this.storeCurrentCameraSize();
+          this.mainView.callbacks.off("onCameraUpdated", cameraListener);
+        }, 50);
+        this.mainView.callbacks.on("onCameraUpdated", cameraListener);
+      };
+      this.storeCurrentCameraSize = lodash.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);
@@ -2482,11 +2516,14 @@
         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 (!lodash.isEqual(size, this.mainViewSize)) {
+            this.storeSize(size);
+          }
         }
       };
       this.storeCamera = (camera) => {
@@ -2877,6 +2914,8 @@
       });
       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({
@@ -9003,30 +9042,30 @@
           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 = valueEnhancer.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 = valueEnhancer.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 = valueEnhancer.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;
         }
@@ -9035,7 +9074,7 @@
         ([d, w2]) => d.width / w2.width || 1
       ), a = valueEnhancer.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)
       );
       valueEnhancer.withReadonlyValueEnhancer(this, {
         pagesScrollTop: e,
@@ -9055,9 +9094,9 @@
         this.sideEffect.setTimeout(g2, 1e3, "turn-off-hwa"), p.setValue(true);
       };
       this.sideEffect.addDisposer(
-        valueEnhancer.combine([c, a, s]).subscribe(([d, w2, f]) => {
+        valueEnhancer.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(), $--);
@@ -9579,10 +9618,10 @@
       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);
@@ -9639,7 +9678,7 @@
   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) {
@@ -9757,13 +9796,13 @@
     };
     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();
@@ -9947,13 +9986,13 @@
     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,
@@ -9968,7 +10007,7 @@
       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) {
@@ -10429,7 +10468,7 @@
   } };
   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);
@@ -10437,7 +10476,7 @@
           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();
@@ -10817,8 +10856,8 @@
     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");
@@ -10826,39 +10865,39 @@
         }
         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) {
@@ -11058,14 +11097,14 @@
   }
   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";
@@ -11074,21 +11113,21 @@
           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());
@@ -11101,7 +11140,7 @@
             }
           } 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();
@@ -11199,10 +11238,10 @@
   } };
   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;
@@ -11215,10 +11254,10 @@
           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;
@@ -11229,11 +11268,11 @@
         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);
         };
@@ -11241,7 +11280,7 @@
           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());
@@ -11273,14 +11312,14 @@
           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", () => {
@@ -11356,7 +11395,7 @@
           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();
@@ -11364,7 +11403,7 @@
       }), 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;
@@ -11384,11 +11423,11 @@
             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);
@@ -11397,7 +11436,7 @@
               t.decreaseVolume(0.1);
               break;
             case "m":
-              y || (t.muted = !t.muted);
+              m || (t.muted = !t.muted);
               break;
             case "ArrowRight":
               t.forward();
@@ -11409,7 +11448,7 @@
               t.fullscreen.toggle();
               break;
             case "c":
-              y || t.toggleCaptions();
+              m || t.toggleCaptions();
               break;
             case "l":
               t.loop = !t.loop;
@@ -11433,11 +11472,11 @@
       }, 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) {
@@ -11451,8 +11490,8 @@
         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 {
@@ -11466,10 +11505,10 @@
           } 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)
@@ -11477,36 +11516,36 @@
             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) {
@@ -11537,75 +11576,75 @@
     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");
@@ -11615,18 +11654,18 @@
       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) {
@@ -11691,22 +11730,22 @@
         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) {
@@ -11736,20 +11775,20 @@
   } };
   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();
@@ -11757,21 +11796,21 @@
         } 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;
@@ -11781,7 +11820,7 @@
             }
           }
         });
-      }), 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()}`);
@@ -11804,9 +11843,9 @@
           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", () => {
@@ -11823,7 +11862,7 @@
         }), 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();
@@ -11834,29 +11873,29 @@
           }
         }).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);
@@ -11896,11 +11935,11 @@
   };
   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");
@@ -11915,7 +11954,7 @@
           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));
@@ -11924,7 +11963,7 @@
             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);
@@ -11937,15 +11976,15 @@
           }
           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", () => {
@@ -11953,20 +11992,20 @@
         }), 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);
@@ -11975,9 +12014,9 @@
           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;
@@ -11990,7 +12029,7 @@
             }, 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) {
@@ -12001,30 +12040,30 @@
               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) {
@@ -12039,13 +12078,13 @@
           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;
@@ -12091,38 +12130,38 @@
   } };
   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 = () => {
@@ -12131,7 +12170,7 @@
           }, 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 {
@@ -12357,7 +12396,7 @@
     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);
@@ -12372,7 +12411,7 @@
     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);
@@ -12391,7 +12430,7 @@
     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);
@@ -12411,7 +12450,7 @@
     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);
@@ -12477,7 +12516,7 @@
         console.warn("[Plyr] destroy plyr error", b);
       }
     });
-    function y(b) {
+    function m(b) {
       be[b ? "unshift" : "push"](() => {
         c = b, t(1, c);
       });
@@ -12501,7 +12540,7 @@
       a,
       l,
       s,
-      y,
+      m,
       p,
       v
     ];
@@ -12550,7 +12589,10 @@
       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"]');
@@ -12744,39 +12786,24 @@
   const _WindowManager = class extends whiteWebSdk.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 valueEnhancer.Val(whiteWebSdk.ViewMode.Broadcaster);
       this.playground$ = new valueEnhancer.Val(void 0);
       this.isReplay = whiteWebSdk.isPlayer(this.displayer);
       this.containerSizeRatio = _WindowManager.containerSizeRatio;
       this.moveCamera = (camera) => {
-        var _a2;
+        var _a2, _b;
         const pureCamera = lodash.omit(camera, ["animationMode"]);
         const mainViewCamera = __spreadValues({}, this.mainView.camera);
         if (lodash.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 = lodash.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 = lodash.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* () {
@@ -13342,7 +13369,6 @@
     }
     moveCameraToContain(rectangle) {
       var _a2;
-      this.debouncedStoreCamera();
       this.mainView.moveCameraToContain(rectangle);
       (_a2 = this.appManager) == null ? void 0 : _a2.dispatchInternalEvent(Events.MoveCameraToContain, rectangle);
     }