@netless/fastboard-ui 0.3.0-canary.3 → 0.3.0-canary.6

package/dist/index.svelte.mjs

@@ -3548,6 +3548,13 @@ var tippy = function(node, props) {
     }
   };
 };
+function tippy_hide_all() {
+  document.querySelectorAll("[data-tippy-root]").forEach((el) => {
+    const instance59 = el._tippy;
+    if (instance59)
+      instance59.hide();
+  });
+}
 var tippy_menu = {
   delay: 0,
   placement: "right-start",
@@ -8706,10 +8713,6 @@ function instance54($$self, $$props, $$invalidate) {
       $:
         $$subscribe_status($$invalidate(15, status = app == null ? void 0 : app.appsStatus));
     }
-    if ($$self.$$.dirty[0] & 536870944 | $$self.$$.dirty[1] & 1) {
-      $:
-        max_scroll = scrollable ? $scroll_height + (32 + 8) * 2 - computed_height : 0;
-    }
     if ($$self.$$.dirty[0] & 192) {
       $:
         if (applianceShapes.includes(appliance)) {
@@ -8718,6 +8721,10 @@ function instance54($$self, $$props, $$invalidate) {
           $$invalidate(9, last_shape = shape);
         }
     }
+    if ($$self.$$.dirty[0] & 536870944 | $$self.$$.dirty[1] & 1) {
+      $:
+        max_scroll = scrollable ? $scroll_height + (32 + 8) * 2 - computed_height : 0;
+    }
   };
   return [
     app,
@@ -10020,6 +10027,7 @@ import {
   element as element13,
   init as init57,
   insert as insert56,
+  listen as listen7,
   mount_component as mount_component9,
   safe_not_equal as safe_not_equal57,
   space as space10,
@@ -10027,6 +10035,7 @@ import {
   transition_in as transition_in11,
   transition_out as transition_out11
 } from "svelte/internal";
+import { onMount } from "svelte";
 function create_fragment57(ctx) {
   let div2;
   let div0;
@@ -10037,6 +10046,8 @@ function create_fragment57(ctx) {
   let div1_class_value;
   let div2_class_value;
   let current;
+  let mounted;
+  let dispose;
   playercontrol = new PlayerControl_default({
     props: {
       player: ctx[0],
@@ -10064,6 +10075,10 @@ function create_fragment57(ctx) {
       append56(div2, div1);
       mount_component9(playercontrol, div1, null);
       current = true;
+      if (!mounted) {
+        dispose = listen7(div0, "touchstart", tippy_hide_all, true);
+        mounted = true;
+      }
     },
     p(ctx2, [dirty]) {
       const playercontrol_changes = {};
@@ -10093,6 +10108,8 @@ function create_fragment57(ctx) {
         detach56(div2);
       ctx[5](null);
       destroy_component9(playercontrol);
+      mounted = false;
+      dispose();
     }
   };
 }
@@ -10103,6 +10120,15 @@ function instance57($$self, $$props, $$invalidate) {
   let { language = "en" } = $$props;
   let { containerRef = void 0 } = $$props;
   let container;
+  onMount(() => {
+    if (containerRef) {
+      containerRef(container);
+      return () => {
+        if (containerRef)
+          containerRef(null);
+      };
+    }
+  });
   function div0_binding($$value) {
     binding_callbacks3[$$value ? "unshift" : "push"](() => {
       container = $$value;
@@ -10122,13 +10148,13 @@ function instance57($$self, $$props, $$invalidate) {
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 9) {
       $:
-        if (player && container)
-          player.bindContainer(container);
-    }
-    if ($$self.$$.dirty & 24) {
-      $:
-        if (containerRef)
-          containerRef(container || null);
+        try {
+          if (player && container)
+            player.bindContainer(container);
+        } catch (err) {
+          console.error("[fastboard] An error occurred while binding container");
+          console.error(err);
+        }
     }
   };
   return [player, theme, language, container, containerRef, div0_binding];
@@ -10158,6 +10184,7 @@ import {
   element as element14,
   init as init58,
   insert as insert57,
+  listen as listen8,
   mount_component as mount_component10,
   safe_not_equal as safe_not_equal58,
   space as space11,
@@ -10165,6 +10192,7 @@ import {
   transition_in as transition_in12,
   transition_out as transition_out12
 } from "svelte/internal";
+import { onMount as onMount2 } from "svelte";
 function create_fragment58(ctx) {
   let div4;
   let div0;
@@ -10185,6 +10213,8 @@ function create_fragment58(ctx) {
   let div3_class_value;
   let div4_class_value;
   let current;
+  let mounted;
+  let dispose;
   toolbar = new Toolbar_default({
     props: {
       app: ctx[0],
@@ -10251,6 +10281,10 @@ function create_fragment58(ctx) {
       append57(div4, div3);
       mount_component10(pagecontrol, div3, null);
       current = true;
+      if (!mounted) {
+        dispose = listen8(div0, "touchstart", tippy_hide_all, true);
+        mounted = true;
+      }
     },
     p(ctx2, [dirty]) {
       const toolbar_changes = {};
@@ -10313,6 +10347,8 @@ function create_fragment58(ctx) {
       destroy_component10(redoundo);
       destroy_component10(zoomcontrol);
       destroy_component10(pagecontrol);
+      mounted = false;
+      dispose();
     }
   };
 }
@@ -10323,6 +10359,15 @@ function instance58($$self, $$props, $$invalidate) {
   let { language = "en" } = $$props;
   let { containerRef = void 0 } = $$props;
   let container;
+  onMount2(() => {
+    if (containerRef) {
+      containerRef(container);
+      return () => {
+        if (containerRef)
+          containerRef(null);
+      };
+    }
+  });
   function div0_binding($$value) {
     binding_callbacks4[$$value ? "unshift" : "push"](() => {
       container = $$value;
@@ -10342,13 +10387,13 @@ function instance58($$self, $$props, $$invalidate) {
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 9) {
       $:
-        if (app && container)
-          app.bindContainer(container);
-    }
-    if ($$self.$$.dirty & 24) {
-      $:
-        if (containerRef)
-          containerRef(container || null);
+        try {
+          if (app && container)
+            app.bindContainer(container);
+        } catch (err) {
+          console.error("[fastboard] An error occurred while binding container");
+          console.error(err);
+        }
     }
   };
   return [app, theme, language, container, containerRef, div0_binding];