@netless/fastboard-ui 0.3.4-canary.2 → 0.3.5-canary.1

package/dist/index.svelte.mjs

@@ -9269,13 +9269,13 @@ function create_fragment57(ctx) {
     m(target, anchor) {
       insert(target, div2, anchor);
       append(div2, div0);
-      ctx[6](div0);
+      ctx[7](div0);
       append(div2, t);
       append(div2, div1);
       mount_component(playercontrol, div1, null);
       current = true;
       if (!mounted) {
-        dispose = listen(div0, "touchstart", tippy_hide_all, { passive: true, capture: true });
+        dispose = listen(div0, "touchstart", ctx[4], { passive: true, capture: true });
         mounted = true;
       }
     },
@@ -9305,7 +9305,7 @@ function create_fragment57(ctx) {
     d(detaching) {
       if (detaching)
         detach(div2);
-      ctx[6](null);
+      ctx[7](null);
       destroy_component(playercontrol);
       mounted = false;
       dispose();
@@ -9329,6 +9329,11 @@ function instance57($$self, $$props, $$invalidate) {
       };
     }
   });
+  function focus_me() {
+    tippy_hide_all();
+    let a = document.activeElement;
+    a && a.blur && a.blur();
+  }
   function div0_binding($$value) {
     binding_callbacks[$$value ? "unshift" : "push"](() => {
       container = $$value;
@@ -9343,27 +9348,36 @@ function instance57($$self, $$props, $$invalidate) {
     if ("language" in $$props2)
       $$invalidate(2, language = $$props2.language);
     if ("containerRef" in $$props2)
-      $$invalidate(4, containerRef = $$props2.containerRef);
+      $$invalidate(5, containerRef = $$props2.containerRef);
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 9) {
       try {
           if (player && container) {
             player.bindContainer(container);
-            $$invalidate(5, mounted = true);
+            $$invalidate(6, mounted = true);
           }
         } catch (err) {
           console.error("[fastboard] An error occurred while binding container");
           console.error(err);
         }
     }
-    if ($$self.$$.dirty & 35) {
+    if ($$self.$$.dirty & 67) {
       if (player && theme && mounted) {
           player.manager.setPrefersColorScheme(theme);
         }
     }
   };
-  return [player, theme, language, container, containerRef, mounted, div0_binding];
+  return [
+    player,
+    theme,
+    language,
+    container,
+    focus_me,
+    containerRef,
+    mounted,
+    div0_binding
+  ];
 }
 var ReplayFastboard = class extends SvelteComponent {
   constructor(options) {
@@ -9372,7 +9386,7 @@ var ReplayFastboard = class extends SvelteComponent {
       player: 0,
       theme: 1,
       language: 2,
-      containerRef: 4
+      containerRef: 5
     });
   }
 };
@@ -9602,7 +9616,7 @@ function create_fragment58(ctx) {
     m(target, anchor) {
       insert(target, div4, anchor);
       append(div4, div0);
-      ctx[14](div0);
+      ctx[15](div0);
       append(div4, t0);
       append(div4, div1);
       if (if_block0)
@@ -9620,7 +9634,7 @@ function create_fragment58(ctx) {
         if_block3.m(div3, null);
       current = true;
       if (!mounted) {
-        dispose = listen(div0, "touchstart", tippy_hide_all, { passive: true, capture: true });
+        dispose = listen(div0, "touchstart", ctx[9], { passive: true, capture: true });
         mounted = true;
       }
     },
@@ -9734,7 +9748,7 @@ function create_fragment58(ctx) {
     d(detaching) {
       if (detaching)
         detach(div4);
-      ctx[14](null);
+      ctx[15](null);
       if (if_block0)
         if_block0.d();
       if (if_block1)
@@ -9753,9 +9767,9 @@ function instance58($$self, $$props, $$invalidate) {
   let writable2;
   let boxState;
   let focusedApp;
-  let $focusedApp, $$unsubscribe_focusedApp = noop, $$subscribe_focusedApp = () => ($$unsubscribe_focusedApp(), $$unsubscribe_focusedApp = subscribe(focusedApp, ($$value) => $$invalidate(11, $focusedApp = $$value)), focusedApp);
-  let $boxState, $$unsubscribe_boxState = noop, $$subscribe_boxState = () => ($$unsubscribe_boxState(), $$unsubscribe_boxState = subscribe(boxState, ($$value) => $$invalidate(12, $boxState = $$value)), boxState);
-  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(13, $writable = $$value)), writable2);
+  let $focusedApp, $$unsubscribe_focusedApp = noop, $$subscribe_focusedApp = () => ($$unsubscribe_focusedApp(), $$unsubscribe_focusedApp = subscribe(focusedApp, ($$value) => $$invalidate(12, $focusedApp = $$value)), focusedApp);
+  let $boxState, $$unsubscribe_boxState = noop, $$subscribe_boxState = () => ($$unsubscribe_boxState(), $$unsubscribe_boxState = subscribe(boxState, ($$value) => $$invalidate(13, $boxState = $$value)), boxState);
+  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(14, $writable = $$value)), writable2);
   $$self.$$.on_destroy.push(() => $$unsubscribe_focusedApp());
   $$self.$$.on_destroy.push(() => $$unsubscribe_boxState());
   $$self.$$.on_destroy.push(() => $$unsubscribe_writable());
@@ -9777,6 +9791,11 @@ function instance58($$self, $$props, $$invalidate) {
       };
     }
   });
+  function focus_me() {
+    tippy_hide_all();
+    let a = document.activeElement;
+    a && a.blur && a.blur();
+  }
   function div0_binding($$value) {
     binding_callbacks[$$value ? "unshift" : "push"](() => {
       container = $$value;
@@ -9791,7 +9810,7 @@ function instance58($$self, $$props, $$invalidate) {
     if ("language" in $$props2)
       $$invalidate(2, language = $$props2.language);
     if ("containerRef" in $$props2)
-      $$invalidate(9, containerRef = $$props2.containerRef);
+      $$invalidate(10, containerRef = $$props2.containerRef);
     if ("config" in $$props2)
       $$invalidate(3, config = $$props2.config);
   };
@@ -9805,7 +9824,7 @@ function instance58($$self, $$props, $$invalidate) {
     if ($$self.$$.dirty & 1) {
       $$subscribe_focusedApp($$invalidate(6, focusedApp = app == null ? void 0 : app.focusedApp));
     }
-    if ($$self.$$.dirty & 14336) {
+    if ($$self.$$.dirty & 28672) {
       if (!$writable) {
           $$invalidate(5, layout = "hidden");
         } else if ($boxState === "maximized") {
@@ -9822,14 +9841,14 @@ function instance58($$self, $$props, $$invalidate) {
       try {
           if (app && container) {
             app.bindContainer(container);
-            $$invalidate(10, mounted = true);
+            $$invalidate(11, mounted = true);
           }
         } catch (err) {
           console.error("[fastboard] An error occurred while binding container");
           console.error(err);
         }
     }
-    if ($$self.$$.dirty & 1027) {
+    if ($$self.$$.dirty & 2051) {
       if (app && theme && mounted) {
           app.manager.setPrefersColorScheme(theme);
         }
@@ -9845,6 +9864,7 @@ function instance58($$self, $$props, $$invalidate) {
     focusedApp,
     boxState,
     writable2,
+    focus_me,
     containerRef,
     mounted,
     $focusedApp,
@@ -9860,7 +9880,7 @@ var Fastboard = class extends SvelteComponent {
       app: 0,
       theme: 1,
       language: 2,
-      containerRef: 9,
+      containerRef: 10,
       config: 3
     });
   }