@netless/fastboard-ui 1.0.0-canary.7 → 1.0.0-canary.8

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import Tippy from 'tippy.js';
 
-// ../../node_modules/.pnpm/svelte@3.49.0/node_modules/svelte/internal/index.mjs
+// ../../node_modules/.pnpm/svelte@3.53.0/node_modules/svelte/internal/index.mjs
 function noop() {
 }
 function assign(tar, src) {
@@ -106,7 +106,9 @@ function insert(target, node, anchor) {
   target.insertBefore(node, anchor || null);
 }
 function detach(node) {
-  node.parentNode.removeChild(node);
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
 }
 function destroy_each(iterations, detaching) {
   for (let i = 0; i < iterations.length; i += 1) {
@@ -168,6 +170,9 @@ function custom_event(type, detail, { bubbles = false, cancelable = false } = {}
   e.initCustomEvent(type, bubbles, cancelable, detail);
   return e;
 }
+function construct_svelte_component(component, props) {
+  return new component(props);
+}
 var current_component;
 function set_current_component(component) {
   current_component = component;
@@ -411,13 +416,13 @@ function create_component(block) {
   block && block.c();
 }
 function mount_component(component, target, anchor, customElement) {
-  const { fragment, on_mount, on_destroy, after_update } = component.$$;
+  const { fragment, after_update } = component.$$;
   fragment && fragment.m(target, anchor);
   if (!customElement) {
     add_render_callback(() => {
-      const new_on_destroy = on_mount.map(run).filter(is_function);
-      if (on_destroy) {
-        on_destroy.push(...new_on_destroy);
+      const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
+      if (component.$$.on_destroy) {
+        component.$$.on_destroy.push(...new_on_destroy);
       } else {
         run_all(new_on_destroy);
       }
@@ -448,7 +453,7 @@ function init(component, options, instance62, create_fragment62, not_equal2, pro
   set_current_component(component);
   const $$ = component.$$ = {
     fragment: null,
-    ctx: null,
+    ctx: [],
     props,
     update: noop,
     not_equal: not_equal2,
@@ -501,6 +506,9 @@ var SvelteComponent = class {
     this.$destroy = noop;
   }
   $on(type, callback) {
+    if (!is_function(callback)) {
+      return noop;
+    }
     const callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
     callbacks.push(callback);
     return () => {
@@ -3636,7 +3644,7 @@ function create_else_block_1(ctx) {
       if (!current || dirty & 16) {
         button.disabled = ctx2[4];
       }
-      if (dirty & 15) {
+      if (!current || dirty & 15) {
         toggle_class(button, "is-active", ctx2[3]);
       }
     },
@@ -3784,7 +3792,7 @@ function create_else_block2(ctx) {
           placement: ctx2[6],
           className: ctx2[0]
         });
-      if (dirty & 15) {
+      if (!current || dirty & 15) {
         toggle_class(button, "is-active", ctx2[3]);
       }
     },
@@ -3894,7 +3902,7 @@ function create_if_block_1(ctx) {
           theme: ctx2[2],
           className: "fastboard-panel"
         });
-      if (dirty & 15) {
+      if (!current || dirty & 15) {
         toggle_class(button, "is-active", ctx2[3]);
       }
       if (!current || dirty & 2 && span0_class_value !== (span0_class_value = ctx2[1] + "-triangle")) {
@@ -5494,7 +5502,7 @@ function instance50($$self, $$props, $$invalidate) {
       $$invalidate(4, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & 16384) {
-      $$subscribe_camera($$invalidate(8, camera = app?.baseCamera));
+      $$subscribe_camera($$invalidate(8, camera = app?.camera));
     }
     if ($$self.$$.dirty & 8) {
       $$invalidate(16, scale = $camera?.scale ?? 1);
@@ -5543,7 +5551,7 @@ var ZoomControl = class extends SvelteComponent {
 };
 var ZoomControl_default = ZoomControl;
 
-// ../../node_modules/.pnpm/svelte@3.49.0/node_modules/svelte/store/index.mjs
+// ../../node_modules/.pnpm/svelte@3.53.0/node_modules/svelte/store/index.mjs
 var subscriber_queue = [];
 function writable(value, start = noop) {
   let stop;
@@ -6062,7 +6070,7 @@ function create_each_block(key_1, ctx) {
       span = element("span");
       t = space();
       attr(span, "class", "fastboard-toolbar-color-item");
-      set_style(span, "background-color", ctx[7], false);
+      set_style(span, "background-color", ctx[7]);
       attr(button, "class", button_class_value = "fastboard-toolbar-btn fastboard-toolbar-color-btn " + ctx[0]);
       attr(button, "data-color-key", ctx[7]);
       button.disabled = ctx[1];
@@ -6313,7 +6321,7 @@ function create_each_block2(key_1, ctx) {
       span = element("span");
       t = space();
       attr(span, "class", "fastboard-toolbar-color-item");
-      set_style(span, "background-color", ctx[7], false);
+      set_style(span, "background-color", ctx[7]);
       attr(button, "class", button_class_value = "fastboard-toolbar-btn fastboard-toolbar-color-btn " + ctx[0]);
       attr(button, "data-color-key", ctx[7]);
       button.disabled = ctx[1];
@@ -6460,7 +6468,7 @@ function create_else_block5(ctx) {
     return { props: { theme: ctx2[0] } };
   }
   if (switch_value) {
-    switch_instance = new switch_value(switch_props(ctx));
+    switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
   }
   return {
     c() {
@@ -6469,9 +6477,8 @@ function create_else_block5(ctx) {
       switch_instance_anchor = empty();
     },
     m(target, anchor) {
-      if (switch_instance) {
+      if (switch_instance)
         mount_component(switch_instance, target, anchor);
-      }
       insert(target, switch_instance_anchor, anchor);
       current = true;
     },
@@ -6489,7 +6496,7 @@ function create_else_block5(ctx) {
           check_outros();
         }
         if (switch_value) {
-          switch_instance = new switch_value(switch_props(ctx2));
+          switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
           create_component(switch_instance.$$.fragment);
           transition_in(switch_instance.$$.fragment, 1);
           mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
@@ -6531,7 +6538,7 @@ function create_if_block5(ctx) {
     };
   }
   if (switch_value) {
-    switch_instance = new switch_value(switch_props(ctx));
+    switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
   }
   return {
     c() {
@@ -6540,9 +6547,8 @@ function create_if_block5(ctx) {
       switch_instance_anchor = empty();
     },
     m(target, anchor) {
-      if (switch_instance) {
+      if (switch_instance)
         mount_component(switch_instance, target, anchor);
-      }
       insert(target, switch_instance_anchor, anchor);
       current = true;
     },
@@ -6560,7 +6566,7 @@ function create_if_block5(ctx) {
           check_outros();
         }
         if (switch_value) {
-          switch_instance = new switch_value(switch_props(ctx2));
+          switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
           create_component(switch_instance.$$.fragment);
           transition_in(switch_instance.$$.fragment, 1);
           mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
@@ -6669,7 +6675,7 @@ function create_each_block3(key_1, ctx) {
           content: tooltip(ctx[6][ctx[12]], ctx[2][ctx[12]]),
           placement: "top"
         });
-      if (dirty & 25) {
+      if (!current || dirty & 25) {
         toggle_class(button, "is-active", ctx[13]);
       }
     },
@@ -7500,7 +7506,7 @@ function create_else_block_6(ctx) {
     return { props: { theme: ctx2[1] } };
   }
   if (switch_value) {
-    switch_instance = new switch_value(switch_props(ctx));
+    switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
   }
   return {
     c() {
@@ -7509,9 +7515,8 @@ function create_else_block_6(ctx) {
       switch_instance_anchor = empty();
     },
     m(target, anchor) {
-      if (switch_instance) {
+      if (switch_instance)
         mount_component(switch_instance, target, anchor);
-      }
       insert(target, switch_instance_anchor, anchor);
       current = true;
     },
@@ -7529,7 +7534,7 @@ function create_else_block_6(ctx) {
           check_outros();
         }
         if (switch_value) {
-          switch_instance = new switch_value(switch_props(ctx2));
+          switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
           create_component(switch_instance.$$.fragment);
           transition_in(switch_instance.$$.fragment, 1);
           mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
@@ -7571,7 +7576,7 @@ function create_if_block_12(ctx) {
     };
   }
   if (switch_value) {
-    switch_instance = new switch_value(switch_props(ctx));
+    switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
   }
   return {
     c() {
@@ -7580,9 +7585,8 @@ function create_if_block_12(ctx) {
       switch_instance_anchor = empty();
     },
     m(target, anchor) {
-      if (switch_instance) {
+      if (switch_instance)
         mount_component(switch_instance, target, anchor);
-      }
       insert(target, switch_instance_anchor, anchor);
       current = true;
     },
@@ -7600,7 +7604,7 @@ function create_if_block_12(ctx) {
           check_outros();
         }
         if (switch_value) {
-          switch_instance = new switch_value(switch_props(ctx2));
+          switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
           create_component(switch_instance.$$.fragment);
           transition_in(switch_instance.$$.fragment, 1);
           mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
@@ -7882,7 +7886,7 @@ function create_else_block_5(ctx) {
     return { props: { theme: ctx2[1] } };
   }
   if (switch_value) {
-    switch_instance = new switch_value(switch_props(ctx));
+    switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
   }
   return {
     c() {
@@ -7891,9 +7895,8 @@ function create_else_block_5(ctx) {
       switch_instance_anchor = empty();
     },
     m(target, anchor) {
-      if (switch_instance) {
+      if (switch_instance)
         mount_component(switch_instance, target, anchor);
-      }
       insert(target, switch_instance_anchor, anchor);
       current = true;
     },
@@ -7911,7 +7914,7 @@ function create_else_block_5(ctx) {
           check_outros();
         }
         if (switch_value) {
-          switch_instance = new switch_value(switch_props(ctx2));
+          switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
           create_component(switch_instance.$$.fragment);
           transition_in(switch_instance.$$.fragment, 1);
           mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
@@ -7953,7 +7956,7 @@ function create_if_block_11(ctx) {
     };
   }
   if (switch_value) {
-    switch_instance = new switch_value(switch_props(ctx));
+    switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
   }
   return {
     c() {
@@ -7962,9 +7965,8 @@ function create_if_block_11(ctx) {
       switch_instance_anchor = empty();
     },
     m(target, anchor) {
-      if (switch_instance) {
+      if (switch_instance)
         mount_component(switch_instance, target, anchor);
-      }
       insert(target, switch_instance_anchor, anchor);
       current = true;
     },
@@ -7982,7 +7984,7 @@ function create_if_block_11(ctx) {
           check_outros();
         }
         if (switch_value) {
-          switch_instance = new switch_value(switch_props(ctx2));
+          switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
           create_component(switch_instance.$$.fragment);
           transition_in(switch_instance.$$.fragment, 1);
           mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
@@ -9638,7 +9640,7 @@ function create_fragment57(ctx) {
       }
       if (scrollHeight_action && is_function(scrollHeight_action.update) && dirty[0] & 16)
         scrollHeight_action.update.call(null, ctx2[4]);
-      if (dirty[0] & 32) {
+      if (!current || dirty[0] & 32) {
         toggle_class(div0, "scrollable", ctx2[5]);
       }
       if (ctx2[5]) {
@@ -10194,12 +10196,7 @@ function create_fragment58(ctx) {
       path = svg_element("path");
       if_block.c();
       attr(div0, "class", div0_class_value = name6 + "-contents " + ctx[1]);
-      set_style(
-        div0,
-        "height",
-        ctx[6] ? ctx[7] + "px" : "auto",
-        false
-      );
+      set_style(div0, "height", ctx[6] ? ctx[7] + "px" : "auto");
       attr(input, "type", "checkbox");
       attr(path, "d", "M0 41H12C14.2091 41 16 39.2091 16 37V5C16 2.79086 14.2091 1 12 1H0");
       attr(path, "stroke", "#000");
@@ -10257,12 +10254,7 @@ function create_fragment58(ctx) {
         attr(div0, "class", div0_class_value);
       }
       if (dirty & 192) {
-        set_style(
-          div0,
-          "height",
-          ctx2[6] ? ctx2[7] + "px" : "auto",
-          false
-        );
+        set_style(div0, "height", ctx2[6] ? ctx2[7] + "px" : "auto");
       }
       if (dirty & 8) {
         input.checked = ctx2[3];
@@ -10283,7 +10275,7 @@ function create_fragment58(ctx) {
       if (!current || dirty & 2 && div1_class_value !== (div1_class_value = name6 + " " + ctx2[1])) {
         attr(div1, "class", div1_class_value);
       }
-      if (dirty & 10) {
+      if (!current || dirty & 10) {
         toggle_class(div1, "collapsed", ctx2[3]);
       }
     },
@@ -11393,7 +11385,7 @@ function create_fragment60(ctx) {
         });
         check_outros();
       }
-      if (dirty & 1) {
+      if (!current || dirty & 1) {
         toggle_class(div2, "loading", !ctx2[0]);
       }
     },
@@ -11779,7 +11771,7 @@ function create_fragment61(ctx) {
         });
         check_outros();
       }
-      if (dirty & 32) {
+      if (!current || dirty & 32) {
         toggle_class(div1, "hidden", !(ctx2[5] === "visible" || ctx2[5] === "toolbar-only"));
       }
       if (ctx2[3].redo_undo?.enable !== false) {
@@ -11820,7 +11812,7 @@ function create_fragment61(ctx) {
         });
         check_outros();
       }
-      if (dirty & 32) {
+      if (!current || dirty & 32) {
         toggle_class(div2, "hidden", ctx2[5] !== "visible");
       }
       if (ctx2[3].page_control?.enable !== false) {
@@ -11842,10 +11834,10 @@ function create_fragment61(ctx) {
         });
         check_outros();
       }
-      if (dirty & 32) {
+      if (!current || dirty & 32) {
         toggle_class(div3, "hidden", ctx2[5] !== "visible");
       }
-      if (dirty & 1) {
+      if (!current || dirty & 1) {
         toggle_class(div4, "loading", !ctx2[0]);
       }
     },
@@ -12076,4 +12068,3 @@ function createReplayUI(player, div) {
 }
 
 export { Fastboard_default as Fastboard, PageControl_default as PageControl, PlayerControl_default as PlayerControl, RedoUndo_default as RedoUndo, ReplayFastboard_default as ReplayFastboard, Toolbar_default as Toolbar, ZoomControl_default as ZoomControl, createReplayUI, createUI, stockedApps };
-//# sourceMappingURL=index.mjs.map