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

package/dist/index.css

@@ -886,4 +886,3 @@
 .netless-whiteboard:focus-visible {
   outline: none;
 }
-/*# sourceMappingURL=index.css.map */

package/dist/index.js

@@ -1,14 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var Tippy = require('tippy.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var Tippy__default = /*#__PURE__*/_interopDefaultLegacy(Tippy);
-
-// ../../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) {
@@ -114,7 +108,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) {
@@ -176,6 +172,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;
@@ -419,13 +418,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);
       }
@@ -456,7 +455,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,
@@ -509,6 +508,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 () => {
@@ -3535,7 +3537,7 @@ var Icons = {
 };
 var Icons_default = Icons;
 if (is_client) {
-  Tippy__default["default"].setDefaultProps({
+  Tippy.setDefaultProps({
     delay: [1e3, 400],
     duration: 300,
     offset: [0, 11],
@@ -3569,7 +3571,7 @@ if (is_client) {
   });
 }
 var tippy = function(node, props) {
-  const instance62 = Tippy__default["default"](node, props);
+  const instance62 = Tippy(node, props);
   return {
     update(props2) {
       instance62.setProps(props2);
@@ -3644,7 +3646,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]);
       }
     },
@@ -3792,7 +3794,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]);
       }
     },
@@ -3902,7 +3904,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")) {
@@ -5502,7 +5504,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);
@@ -5551,7 +5553,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;
@@ -6070,7 +6072,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];
@@ -6321,7 +6323,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];
@@ -6468,7 +6470,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() {
@@ -6477,9 +6479,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;
     },
@@ -6497,7 +6498,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);
@@ -6539,7 +6540,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() {
@@ -6548,9 +6549,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;
     },
@@ -6568,7 +6568,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);
@@ -6677,7 +6677,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]);
       }
     },
@@ -7508,7 +7508,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() {
@@ -7517,9 +7517,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;
     },
@@ -7537,7 +7536,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);
@@ -7579,7 +7578,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() {
@@ -7588,9 +7587,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;
     },
@@ -7608,7 +7606,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);
@@ -7890,7 +7888,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() {
@@ -7899,9 +7897,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;
     },
@@ -7919,7 +7916,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);
@@ -7961,7 +7958,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() {
@@ -7970,9 +7967,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;
     },
@@ -7990,7 +7986,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);
@@ -9646,7 +9642,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]) {
@@ -10202,12 +10198,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");
@@ -10265,12 +10256,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];
@@ -10291,7 +10277,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]);
       }
     },
@@ -11401,7 +11387,7 @@ function create_fragment60(ctx) {
         });
         check_outros();
       }
-      if (dirty & 1) {
+      if (!current || dirty & 1) {
         toggle_class(div2, "loading", !ctx2[0]);
       }
     },
@@ -11787,7 +11773,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) {
@@ -11828,7 +11814,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) {
@@ -11850,10 +11836,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]);
       }
     },
@@ -12093,4 +12079,3 @@ exports.ZoomControl = ZoomControl_default;
 exports.createReplayUI = createReplayUI;
 exports.createUI = createUI;
 exports.stockedApps = stockedApps;
-//# sourceMappingURL=index.js.map