@netless/fastboard-ui 0.3.22-beta.0 → 0.3.22-beta.1

package/dist/index.js

@@ -14944,19 +14944,19 @@ function create_if_block_32(ctx) {
     props: {
       app: (
         /*app*/
-        ctx[0]
+        ctx[1]
       ),
       theme: (
         /*theme*/
-        ctx[1]
+        ctx[2]
       ),
       language: (
         /*language*/
-        ctx[2]
+        ctx[3]
       ),
       config: (
         /*config*/
-        ctx[3].toolbar || {}
+        ctx[0].toolbar || {}
       )
     }
   });
@@ -14971,21 +14971,21 @@ function create_if_block_32(ctx) {
     p(ctx2, dirty) {
       const toolbar_changes = {};
       if (dirty & /*app*/
-      1)
+      2)
         toolbar_changes.app = /*app*/
-        ctx2[0];
+        ctx2[1];
       if (dirty & /*theme*/
-      2)
+      4)
         toolbar_changes.theme = /*theme*/
-        ctx2[1];
+        ctx2[2];
       if (dirty & /*language*/
-      4)
+      8)
         toolbar_changes.language = /*language*/
-        ctx2[2];
+        ctx2[3];
       if (dirty & /*config*/
-      8)
+      1)
         toolbar_changes.config = /*config*/
-        ctx2[3].toolbar || {};
+        ctx2[0].toolbar || {};
       toolbar.$set(toolbar_changes);
     },
     i(local) {
@@ -15010,15 +15010,15 @@ function create_if_block_23(ctx) {
     props: {
       app: (
         /*app*/
-        ctx[0]
+        ctx[1]
       ),
       theme: (
         /*theme*/
-        ctx[1]
+        ctx[2]
       ),
       language: (
         /*language*/
-        ctx[2]
+        ctx[3]
       )
     }
   });
@@ -15033,17 +15033,17 @@ function create_if_block_23(ctx) {
     p(ctx2, dirty) {
       const redoundo_changes = {};
       if (dirty & /*app*/
-      1)
+      2)
         redoundo_changes.app = /*app*/
-        ctx2[0];
+        ctx2[1];
       if (dirty & /*theme*/
-      2)
+      4)
         redoundo_changes.theme = /*theme*/
-        ctx2[1];
+        ctx2[2];
       if (dirty & /*language*/
-      4)
+      8)
         redoundo_changes.language = /*language*/
-        ctx2[2];
+        ctx2[3];
       redoundo.$set(redoundo_changes);
     },
     i(local) {
@@ -15068,15 +15068,15 @@ function create_if_block_14(ctx) {
     props: {
       app: (
         /*app*/
-        ctx[0]
+        ctx[1]
       ),
       theme: (
         /*theme*/
-        ctx[1]
+        ctx[2]
       ),
       language: (
         /*language*/
-        ctx[2]
+        ctx[3]
       )
     }
   });
@@ -15091,17 +15091,17 @@ function create_if_block_14(ctx) {
     p(ctx2, dirty) {
       const zoomcontrol_changes = {};
       if (dirty & /*app*/
-      1)
+      2)
         zoomcontrol_changes.app = /*app*/
-        ctx2[0];
+        ctx2[1];
       if (dirty & /*theme*/
-      2)
+      4)
         zoomcontrol_changes.theme = /*theme*/
-        ctx2[1];
+        ctx2[2];
       if (dirty & /*language*/
-      4)
+      8)
         zoomcontrol_changes.language = /*language*/
-        ctx2[2];
+        ctx2[3];
       zoomcontrol.$set(zoomcontrol_changes);
     },
     i(local) {
@@ -15126,15 +15126,15 @@ function create_if_block18(ctx) {
     props: {
       app: (
         /*app*/
-        ctx[0]
+        ctx[1]
       ),
       theme: (
         /*theme*/
-        ctx[1]
+        ctx[2]
       ),
       language: (
         /*language*/
-        ctx[2]
+        ctx[3]
       )
     }
   });
@@ -15149,17 +15149,17 @@ function create_if_block18(ctx) {
     p(ctx2, dirty) {
       const pagecontrol_changes = {};
       if (dirty & /*app*/
-      1)
+      2)
         pagecontrol_changes.app = /*app*/
-        ctx2[0];
+        ctx2[1];
       if (dirty & /*theme*/
-      2)
+      4)
         pagecontrol_changes.theme = /*theme*/
-        ctx2[1];
+        ctx2[2];
       if (dirty & /*language*/
-      4)
+      8)
         pagecontrol_changes.language = /*language*/
-        ctx2[2];
+        ctx2[3];
       pagecontrol.$set(pagecontrol_changes);
     },
     i(local) {
@@ -15194,19 +15194,19 @@ function create_fragment71(ctx) {
   let dispose;
   let if_block0 = (
     /*config*/
-    ((_a = ctx[3].toolbar) == null ? void 0 : _a.enable) !== false && create_if_block_32(ctx)
+    ((_a = ctx[0].toolbar) == null ? void 0 : _a.enable) !== false && create_if_block_32(ctx)
   );
   let if_block1 = (
     /*config*/
-    ((_b = ctx[3].redo_undo) == null ? void 0 : _b.enable) !== false && create_if_block_23(ctx)
+    ((_b = ctx[0].redo_undo) == null ? void 0 : _b.enable) !== false && create_if_block_23(ctx)
   );
   let if_block2 = (
     /*config*/
-    ((_c = ctx[3].zoom_control) == null ? void 0 : _c.enable) !== false && create_if_block_14(ctx)
+    ((_c = ctx[0].zoom_control) == null ? void 0 : _c.enable) !== false && create_if_block_14(ctx)
   );
   let if_block3 = (
     /*config*/
-    ((_d = ctx[3].page_control) == null ? void 0 : _d.enable) !== false && create_if_block18(ctx)
+    ((_d = ctx[0].page_control) == null ? void 0 : _d.enable) !== false && create_if_block18(ctx)
   );
   return {
     c() {
@@ -15230,7 +15230,7 @@ function create_fragment71(ctx) {
         if_block3.c();
       attr(div0, "class", name9 + "-view");
       attr(div1, "class", div1_class_value = name9 + "-" + /*config*/
-      (((_a2 = ctx[3].toolbar) == null ? void 0 : _a2.placement) || "left"));
+      (((_a2 = ctx[0].toolbar) == null ? void 0 : _a2.placement) || "left"));
       toggle_class(div1, "hidden", !/*toolbar_has_items*/
       ctx[6] || !/*layout*/
       (ctx[5] === "visible" || /*layout*/
@@ -15251,12 +15251,12 @@ function create_fragment71(ctx) {
       );
       attr(div4, "class", name9 + "-root");
       toggle_class(div4, "loading", !/*app*/
-      ctx[0]);
+      ctx[1]);
     },
     m(target, anchor) {
       insert(target, div4, anchor);
       append(div4, div0);
-      ctx[16](div0);
+      ctx[19](div0);
       append(div4, t0);
       append(div4, div1);
       if (if_block0)
@@ -15288,12 +15288,12 @@ function create_fragment71(ctx) {
       var _a2, _b2, _c2, _d2, _e;
       if (
         /*config*/
-        ((_a2 = ctx2[3].toolbar) == null ? void 0 : _a2.enable) !== false
+        ((_a2 = ctx2[0].toolbar) == null ? void 0 : _a2.enable) !== false
       ) {
         if (if_block0) {
           if_block0.p(ctx2, dirty);
           if (dirty & /*config*/
-          8) {
+          1) {
             transition_in(if_block0, 1);
           }
         } else {
@@ -15310,12 +15310,12 @@ function create_fragment71(ctx) {
         check_outros();
       }
       if (!current || dirty & /*config*/
-      8 && div1_class_value !== (div1_class_value = name9 + "-" + /*config*/
-      (((_b2 = ctx2[3].toolbar) == null ? void 0 : _b2.placement) || "left"))) {
+      1 && div1_class_value !== (div1_class_value = name9 + "-" + /*config*/
+      (((_b2 = ctx2[0].toolbar) == null ? void 0 : _b2.placement) || "left"))) {
         attr(div1, "class", div1_class_value);
       }
       if (!current || dirty & /*config, toolbar_has_items, layout*/
-      104) {
+      97) {
         toggle_class(div1, "hidden", !/*toolbar_has_items*/
         ctx2[6] || !/*layout*/
         (ctx2[5] === "visible" || /*layout*/
@@ -15323,12 +15323,12 @@ function create_fragment71(ctx) {
       }
       if (
         /*config*/
-        ((_c2 = ctx2[3].redo_undo) == null ? void 0 : _c2.enable) !== false
+        ((_c2 = ctx2[0].redo_undo) == null ? void 0 : _c2.enable) !== false
       ) {
         if (if_block1) {
           if_block1.p(ctx2, dirty);
           if (dirty & /*config*/
-          8) {
+          1) {
             transition_in(if_block1, 1);
           }
         } else {
@@ -15346,12 +15346,12 @@ function create_fragment71(ctx) {
       }
       if (
         /*config*/
-        ((_d2 = ctx2[3].zoom_control) == null ? void 0 : _d2.enable) !== false
+        ((_d2 = ctx2[0].zoom_control) == null ? void 0 : _d2.enable) !== false
       ) {
         if (if_block2) {
           if_block2.p(ctx2, dirty);
           if (dirty & /*config*/
-          8) {
+          1) {
             transition_in(if_block2, 1);
           }
         } else {
@@ -15378,12 +15378,12 @@ function create_fragment71(ctx) {
       }
       if (
         /*config*/
-        ((_e = ctx2[3].page_control) == null ? void 0 : _e.enable) !== false
+        ((_e = ctx2[0].page_control) == null ? void 0 : _e.enable) !== false
       ) {
         if (if_block3) {
           if_block3.p(ctx2, dirty);
           if (dirty & /*config*/
-          8) {
+          1) {
             transition_in(if_block3, 1);
           }
         } else {
@@ -15409,9 +15409,9 @@ function create_fragment71(ctx) {
         );
       }
       if (!current || dirty & /*app*/
-      1) {
+      2) {
         toggle_class(div4, "loading", !/*app*/
-        ctx2[0]);
+        ctx2[1]);
       }
     },
     i(local) {
@@ -15433,7 +15433,7 @@ function create_fragment71(ctx) {
     d(detaching) {
       if (detaching)
         detach(div4);
-      ctx[16](null);
+      ctx[19](null);
       if (if_block0)
         if_block0.d();
       if (if_block1)
@@ -15449,13 +15449,15 @@ function create_fragment71(ctx) {
 }
 var name9 = "fastboard";
 function instance71($$self, $$props, $$invalidate) {
+  let manager;
+  let room;
   let writable2;
   let boxState;
   let focusedApp;
   let toolbar_has_items;
-  let $focusedApp, $$unsubscribe_focusedApp = noop, $$subscribe_focusedApp = () => ($$unsubscribe_focusedApp(), $$unsubscribe_focusedApp = subscribe(focusedApp, ($$value) => $$invalidate(13, $focusedApp = $$value)), focusedApp);
-  let $boxState, $$unsubscribe_boxState = noop, $$subscribe_boxState = () => ($$unsubscribe_boxState(), $$unsubscribe_boxState = subscribe(boxState, ($$value) => $$invalidate(14, $boxState = $$value)), boxState);
-  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(15, $writable = $$value)), writable2);
+  let $focusedApp, $$unsubscribe_focusedApp = noop, $$subscribe_focusedApp = () => ($$unsubscribe_focusedApp(), $$unsubscribe_focusedApp = subscribe(focusedApp, ($$value) => $$invalidate(16, $focusedApp = $$value)), focusedApp);
+  let $boxState, $$unsubscribe_boxState = noop, $$subscribe_boxState = () => ($$unsubscribe_boxState(), $$unsubscribe_boxState = subscribe(boxState, ($$value) => $$invalidate(17, $boxState = $$value)), boxState);
+  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(18, $writable = $$value)), writable2);
   $$self.$$.on_destroy.push(() => $$unsubscribe_focusedApp());
   $$self.$$.on_destroy.push(() => $$unsubscribe_boxState());
   $$self.$$.on_destroy.push(() => $$unsubscribe_writable());
@@ -15464,6 +15466,7 @@ function instance71($$self, $$props, $$invalidate) {
   let { language = "en" } = $$props;
   let { containerRef = void 0 } = $$props;
   let { config = {} } = $$props;
+  let { colors: colors2 = void 0 } = $$props;
   const AppsShowToolbar = ["DocsViewer", "Slide"];
   let container;
   let layout = "hidden";
@@ -15490,31 +15493,58 @@ function instance71($$self, $$props, $$invalidate) {
   }
   $$self.$$set = ($$props2) => {
     if ("app" in $$props2)
-      $$invalidate(0, app = $$props2.app);
+      $$invalidate(1, app = $$props2.app);
     if ("theme" in $$props2)
-      $$invalidate(1, theme = $$props2.theme);
+      $$invalidate(2, theme = $$props2.theme);
     if ("language" in $$props2)
-      $$invalidate(2, language = $$props2.language);
+      $$invalidate(3, language = $$props2.language);
     if ("containerRef" in $$props2)
-      $$invalidate(11, containerRef = $$props2.containerRef);
+      $$invalidate(12, containerRef = $$props2.containerRef);
     if ("config" in $$props2)
-      $$invalidate(3, config = $$props2.config);
+      $$invalidate(0, config = $$props2.config);
+    if ("colors" in $$props2)
+      $$invalidate(11, colors2 = $$props2.colors);
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & /*app*/
-    1) {
+    2) {
+      $$invalidate(15, manager = app == null ? void 0 : app.manager);
+    }
+    if ($$self.$$.dirty & /*app*/
+    2) {
+      $$invalidate(14, room = app == null ? void 0 : app.manager.room);
+    }
+    if ($$self.$$.dirty & /*manager, room, config, colors*/
+    51201) {
+      if (manager && room) {
+          const floatBarOptions = room.floatBarOptions;
+          if (floatBarOptions.colors) {
+            $$invalidate(11, colors2 = floatBarOptions.colors);
+          }
+          if (config == null ? void 0 : config.toolbar) {
+            const _colors = config.toolbar.colors;
+            if (!_colors && colors2) {
+              $$invalidate(0, config = __spreadProps(__spreadValues({}, config), {
+                toolbar: __spreadProps(__spreadValues({}, config.toolbar), { colors: colors2 })
+              }));
+            }
+          }
+        }
+    }
+    if ($$self.$$.dirty & /*app*/
+    2) {
       $$subscribe_writable($$invalidate(9, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & /*app*/
-    1) {
+    2) {
       $$subscribe_boxState($$invalidate(8, boxState = app == null ? void 0 : app.boxState));
     }
     if ($$self.$$.dirty & /*app*/
-    1) {
+    2) {
       $$subscribe_focusedApp($$invalidate(7, focusedApp = app == null ? void 0 : app.focusedApp));
     }
     if ($$self.$$.dirty & /*$writable, $boxState, $focusedApp*/
-    57344) {
+    458752) {
       if (!$writable) {
           $$invalidate(5, layout = "hidden");
         } else if ($boxState === "maximized") {
@@ -15528,15 +15558,15 @@ function instance71($$self, $$props, $$invalidate) {
         }
     }
     if ($$self.$$.dirty & /*config*/
-    8) {
+    1) {
       $$invalidate(6, toolbar_has_items = !config.toolbar || !config.toolbar.items || !config.toolbar.apps || config.toolbar.items.length > 0 || config.toolbar.apps.enable !== false);
     }
     if ($$self.$$.dirty & /*app, container*/
-    17) {
+    18) {
       try {
           if (app && container) {
             app.bindContainer(container);
-            $$invalidate(12, mounted = true);
+            $$invalidate(13, mounted = true);
           }
         } catch (err) {
           console.error("[fastboard] An error occurred while binding container");
@@ -15544,17 +15574,17 @@ function instance71($$self, $$props, $$invalidate) {
         }
     }
     if ($$self.$$.dirty & /*app, theme, mounted*/
-    4099) {
+    8198) {
       if (app && theme && mounted) {
           app.manager.setPrefersColorScheme(theme);
         }
     }
   };
   return [
+    config,
     app,
     theme,
     language,
-    config,
     container,
     layout,
     toolbar_has_items,
@@ -15562,8 +15592,11 @@ function instance71($$self, $$props, $$invalidate) {
     boxState,
     writable2,
     focus_me,
+    colors2,
     containerRef,
     mounted,
+    room,
+    manager,
     $focusedApp,
     $boxState,
     $writable,
@@ -15574,11 +15607,12 @@ var Fastboard = class extends SvelteComponent {
   constructor(options) {
     super();
     init(this, options, instance71, create_fragment71, not_equal, {
-      app: 0,
-      theme: 1,
-      language: 2,
-      containerRef: 11,
-      config: 3
+      app: 1,
+      theme: 2,
+      language: 3,
+      containerRef: 12,
+      config: 0,
+      colors: 11
     });
   }
 };