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

package/dist/index.svelte.mjs

@@ -12477,15 +12477,15 @@ function create_fragment68(ctx) {
     props: {
       app: (
         /*app*/
-        ctx[0]
+        ctx[1]
       ),
       theme: (
         /*theme*/
-        ctx[1]
+        ctx[2]
       ),
       language: (
         /*language*/
-        ctx[2]
+        ctx[3]
       ),
       disabled: (
         /*disabled*/
@@ -12517,14 +12517,14 @@ function create_fragment68(ctx) {
       ),
       colors: (
         /*colors*/
-        ctx[4]
+        ctx[0]
       )
     }
   });
   function select_block_type(ctx2, dirty) {
     if (
       /*collapsed*/
-      ctx2[3]
+      ctx2[4]
     )
       return create_if_block15;
     return create_else_block14;
@@ -12545,7 +12545,7 @@ function create_fragment68(ctx) {
       path1 = svg_element("path");
       if_block.c();
       attr(div0, "class", div0_class_value = name6 + "-contents " + /*theme*/
-      ctx[1]);
+      ctx[2]);
       set_style(
         div0,
         "height",
@@ -12567,14 +12567,14 @@ function create_fragment68(ctx) {
       attr(svg, "stroke-width", "2");
       attr(svg, "viewBox", "0 0 32 120");
       attr(label, "class", label_class_value = name6 + "-handler " + /*theme*/
-      ctx[1]);
+      ctx[2]);
       attr(div1, "class", div1_class_value = name6 + " " + /*theme*/
-      ctx[1]);
+      ctx[2]);
       toggle_class(
         div1,
         "collapsed",
         /*collapsed*/
-        ctx[3]
+        ctx[4]
       );
     },
     m(target, anchor) {
@@ -12585,7 +12585,7 @@ function create_fragment68(ctx) {
       append(div1, label);
       append(label, input);
       input.checked = /*collapsed*/
-      ctx[3];
+      ctx[4];
       append(label, t1);
       append(label, svg);
       append(svg, path0);
@@ -12613,17 +12613,17 @@ function create_fragment68(ctx) {
     p(ctx2, [dirty]) {
       const contents_changes = {};
       if (dirty & /*app*/
-      1)
+      2)
         contents_changes.app = /*app*/
-        ctx2[0];
+        ctx2[1];
       if (dirty & /*theme*/
-      2)
+      4)
         contents_changes.theme = /*theme*/
-        ctx2[1];
+        ctx2[2];
       if (dirty & /*language*/
-      4)
+      8)
         contents_changes.language = /*language*/
-        ctx2[2];
+        ctx2[3];
       if (dirty & /*disabled*/
       1024)
         contents_changes.disabled = /*disabled*/
@@ -12649,13 +12649,13 @@ function create_fragment68(ctx) {
         contents_changes.hide_apps = /*hide_apps*/
         ctx2[5];
       if (dirty & /*colors*/
-      16)
+      1)
         contents_changes.colors = /*colors*/
-        ctx2[4];
+        ctx2[0];
       contents.$set(contents_changes);
       if (!current || dirty & /*theme*/
-      2 && div0_class_value !== (div0_class_value = name6 + "-contents " + /*theme*/
-      ctx2[1])) {
+      4 && div0_class_value !== (div0_class_value = name6 + "-contents " + /*theme*/
+      ctx2[2])) {
         attr(div0, "class", div0_class_value);
       }
       if (dirty & /*scrollable, computed_height*/
@@ -12671,9 +12671,9 @@ function create_fragment68(ctx) {
         );
       }
       if (dirty & /*collapsed*/
-      8) {
+      16) {
         input.checked = /*collapsed*/
-        ctx2[3];
+        ctx2[4];
       }
       if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block) {
         if_block.p(ctx2, dirty);
@@ -12686,22 +12686,22 @@ function create_fragment68(ctx) {
         }
       }
       if (!current || dirty & /*theme*/
-      2 && label_class_value !== (label_class_value = name6 + "-handler " + /*theme*/
-      ctx2[1])) {
+      4 && label_class_value !== (label_class_value = name6 + "-handler " + /*theme*/
+      ctx2[2])) {
         attr(label, "class", label_class_value);
       }
       if (!current || dirty & /*theme*/
-      2 && div1_class_value !== (div1_class_value = name6 + " " + /*theme*/
-      ctx2[1])) {
+      4 && div1_class_value !== (div1_class_value = name6 + " " + /*theme*/
+      ctx2[2])) {
         attr(div1, "class", div1_class_value);
       }
       if (!current || dirty & /*theme, collapsed*/
-      10) {
+      20) {
         toggle_class(
           div1,
           "collapsed",
           /*collapsed*/
-          ctx2[3]
+          ctx2[4]
         );
       }
     },
@@ -12735,7 +12735,6 @@ function instance68($$self, $$props, $$invalidate) {
   let placement;
   let items;
   let hide_apps;
-  let colors2;
   let $container_height;
   let $scroll_height;
   let $phase, $$unsubscribe_phase = noop, $$subscribe_phase = () => ($$unsubscribe_phase(), $$unsubscribe_phase = subscribe(phase, ($$value) => $$invalidate(18, $phase = $$value)), phase);
@@ -12746,6 +12745,7 @@ function instance68($$self, $$props, $$invalidate) {
   let { theme = "light" } = $$props;
   let { language = "en" } = $$props;
   let { config = {} } = $$props;
+  let { colors: colors2 = void 0 } = $$props;
   const extra_height = (32 + 4 + 4) * 2;
   let collapsed = config.collapsed;
   let container_height = writable(0);
@@ -12754,26 +12754,28 @@ function instance68($$self, $$props, $$invalidate) {
   component_subscribe($$self, scroll_height, (value) => $$invalidate(17, $scroll_height = value));
   function input_change_handler() {
     collapsed = this.checked;
-    $$invalidate(3, collapsed);
+    $$invalidate(4, collapsed);
   }
   $$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 ("config" in $$props2)
       $$invalidate(15, config = $$props2.config);
+    if ("colors" in $$props2)
+      $$invalidate(0, colors2 = $$props2.colors);
   };
   $$self.$$.update = () => {
-    var _a;
+    var _a, _b;
     if ($$self.$$.dirty & /*app*/
-    1) {
+    2) {
       $$subscribe_writable($$invalidate(12, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & /*app*/
-    1) {
+    2) {
       $$subscribe_phase($$invalidate(11, phase = app == null ? void 0 : app.phase));
     }
     if ($$self.$$.dirty & /*$writable, $phase*/
@@ -12800,17 +12802,28 @@ function instance68($$self, $$props, $$invalidate) {
     32768) {
       $$invalidate(5, hide_apps = ((_a = config.apps) == null ? void 0 : _a.enable) === false);
     }
-    if ($$self.$$.dirty & /*config*/
-    32768) {
-      $$invalidate(4, colors2 = (config == null ? void 0 : config.colors) && config.colors.length && config.colors || default_colors);
+    if ($$self.$$.dirty & /*app, colors, config*/
+    32771) {
+      if ((app == null ? void 0 : app.manager) && (app == null ? void 0 : app.manager.room)) {
+          if (colors2 && !((_b = config.colors) == null ? void 0 : _b.length)) {
+            const floatBarOptions = app == null ? void 0 : app.manager.room.floatBarOptions;
+            if (floatBarOptions.colors) {
+              $$invalidate(0, colors2 = floatBarOptions.colors);
+            }
+          } else {
+            $$invalidate(0, colors2 = config.colors);
+          }
+        } else {
+          $$invalidate(0, colors2 = default_colors);
+        }
     }
   };
   return [
+    colors2,
     app,
     theme,
     language,
     collapsed,
-    colors2,
     hide_apps,
     items,
     placement,
@@ -12833,10 +12846,11 @@ var Toolbar = class extends SvelteComponent {
   constructor(options) {
     super();
     init(this, options, instance68, create_fragment68, safe_not_equal, {
-      app: 0,
-      theme: 1,
-      language: 2,
-      config: 15
+      app: 1,
+      theme: 2,
+      language: 3,
+      config: 15,
+      colors: 0
     });
   }
 };
@@ -14198,19 +14212,19 @@ function create_if_block_32(ctx) {
     props: {
       app: (
         /*app*/
-        ctx[1]
+        ctx[0]
       ),
       theme: (
         /*theme*/
-        ctx[2]
+        ctx[1]
       ),
       language: (
         /*language*/
-        ctx[3]
+        ctx[2]
       ),
       config: (
         /*config*/
-        ctx[0].toolbar || {}
+        ctx[3].toolbar || {}
       )
     }
   });
@@ -14225,21 +14239,21 @@ function create_if_block_32(ctx) {
     p(ctx2, dirty) {
       const toolbar_changes = {};
       if (dirty & /*app*/
-      2)
+      1)
         toolbar_changes.app = /*app*/
-        ctx2[1];
+        ctx2[0];
       if (dirty & /*theme*/
-      4)
+      2)
         toolbar_changes.theme = /*theme*/
-        ctx2[2];
+        ctx2[1];
       if (dirty & /*language*/
-      8)
+      4)
         toolbar_changes.language = /*language*/
-        ctx2[3];
+        ctx2[2];
       if (dirty & /*config*/
-      1)
+      8)
         toolbar_changes.config = /*config*/
-        ctx2[0].toolbar || {};
+        ctx2[3].toolbar || {};
       toolbar.$set(toolbar_changes);
     },
     i(local) {
@@ -14264,15 +14278,15 @@ function create_if_block_23(ctx) {
     props: {
       app: (
         /*app*/
-        ctx[1]
+        ctx[0]
       ),
       theme: (
         /*theme*/
-        ctx[2]
+        ctx[1]
       ),
       language: (
         /*language*/
-        ctx[3]
+        ctx[2]
       )
     }
   });
@@ -14287,17 +14301,17 @@ function create_if_block_23(ctx) {
     p(ctx2, dirty) {
       const redoundo_changes = {};
       if (dirty & /*app*/
-      2)
+      1)
         redoundo_changes.app = /*app*/
-        ctx2[1];
+        ctx2[0];
       if (dirty & /*theme*/
-      4)
+      2)
         redoundo_changes.theme = /*theme*/
-        ctx2[2];
+        ctx2[1];
       if (dirty & /*language*/
-      8)
+      4)
         redoundo_changes.language = /*language*/
-        ctx2[3];
+        ctx2[2];
       redoundo.$set(redoundo_changes);
     },
     i(local) {
@@ -14322,15 +14336,15 @@ function create_if_block_14(ctx) {
     props: {
       app: (
         /*app*/
-        ctx[1]
+        ctx[0]
       ),
       theme: (
         /*theme*/
-        ctx[2]
+        ctx[1]
       ),
       language: (
         /*language*/
-        ctx[3]
+        ctx[2]
       )
     }
   });
@@ -14345,17 +14359,17 @@ function create_if_block_14(ctx) {
     p(ctx2, dirty) {
       const zoomcontrol_changes = {};
       if (dirty & /*app*/
-      2)
+      1)
         zoomcontrol_changes.app = /*app*/
-        ctx2[1];
+        ctx2[0];
       if (dirty & /*theme*/
-      4)
+      2)
         zoomcontrol_changes.theme = /*theme*/
-        ctx2[2];
+        ctx2[1];
       if (dirty & /*language*/
-      8)
+      4)
         zoomcontrol_changes.language = /*language*/
-        ctx2[3];
+        ctx2[2];
       zoomcontrol.$set(zoomcontrol_changes);
     },
     i(local) {
@@ -14380,15 +14394,15 @@ function create_if_block18(ctx) {
     props: {
       app: (
         /*app*/
-        ctx[1]
+        ctx[0]
       ),
       theme: (
         /*theme*/
-        ctx[2]
+        ctx[1]
       ),
       language: (
         /*language*/
-        ctx[3]
+        ctx[2]
       )
     }
   });
@@ -14403,17 +14417,17 @@ function create_if_block18(ctx) {
     p(ctx2, dirty) {
       const pagecontrol_changes = {};
       if (dirty & /*app*/
-      2)
+      1)
         pagecontrol_changes.app = /*app*/
-        ctx2[1];
+        ctx2[0];
       if (dirty & /*theme*/
-      4)
+      2)
         pagecontrol_changes.theme = /*theme*/
-        ctx2[2];
+        ctx2[1];
       if (dirty & /*language*/
-      8)
+      4)
         pagecontrol_changes.language = /*language*/
-        ctx2[3];
+        ctx2[2];
       pagecontrol.$set(pagecontrol_changes);
     },
     i(local) {
@@ -14448,19 +14462,19 @@ function create_fragment71(ctx) {
   let dispose;
   let if_block0 = (
     /*config*/
-    ((_a = ctx[0].toolbar) == null ? void 0 : _a.enable) !== false && create_if_block_32(ctx)
+    ((_a = ctx[3].toolbar) == null ? void 0 : _a.enable) !== false && create_if_block_32(ctx)
   );
   let if_block1 = (
     /*config*/
-    ((_b = ctx[0].redo_undo) == null ? void 0 : _b.enable) !== false && create_if_block_23(ctx)
+    ((_b = ctx[3].redo_undo) == null ? void 0 : _b.enable) !== false && create_if_block_23(ctx)
   );
   let if_block2 = (
     /*config*/
-    ((_c = ctx[0].zoom_control) == null ? void 0 : _c.enable) !== false && create_if_block_14(ctx)
+    ((_c = ctx[3].zoom_control) == null ? void 0 : _c.enable) !== false && create_if_block_14(ctx)
   );
   let if_block3 = (
     /*config*/
-    ((_d = ctx[0].page_control) == null ? void 0 : _d.enable) !== false && create_if_block18(ctx)
+    ((_d = ctx[3].page_control) == null ? void 0 : _d.enable) !== false && create_if_block18(ctx)
   );
   return {
     c() {
@@ -14484,7 +14498,7 @@ function create_fragment71(ctx) {
         if_block3.c();
       attr(div0, "class", name9 + "-view");
       attr(div1, "class", div1_class_value = name9 + "-" + /*config*/
-      (((_a2 = ctx[0].toolbar) == null ? void 0 : _a2.placement) || "left"));
+      (((_a2 = ctx[3].toolbar) == null ? void 0 : _a2.placement) || "left"));
       toggle_class(div1, "hidden", !/*toolbar_has_items*/
       ctx[6] || !/*layout*/
       (ctx[5] === "visible" || /*layout*/
@@ -14505,12 +14519,12 @@ function create_fragment71(ctx) {
       );
       attr(div4, "class", name9 + "-root");
       toggle_class(div4, "loading", !/*app*/
-      ctx[1]);
+      ctx[0]);
     },
     m(target, anchor) {
       insert(target, div4, anchor);
       append(div4, div0);
-      ctx[19](div0);
+      ctx[16](div0);
       append(div4, t0);
       append(div4, div1);
       if (if_block0)
@@ -14542,12 +14556,12 @@ function create_fragment71(ctx) {
       var _a2, _b2, _c2, _d2, _e;
       if (
         /*config*/
-        ((_a2 = ctx2[0].toolbar) == null ? void 0 : _a2.enable) !== false
+        ((_a2 = ctx2[3].toolbar) == null ? void 0 : _a2.enable) !== false
       ) {
         if (if_block0) {
           if_block0.p(ctx2, dirty);
           if (dirty & /*config*/
-          1) {
+          8) {
             transition_in(if_block0, 1);
           }
         } else {
@@ -14564,12 +14578,12 @@ function create_fragment71(ctx) {
         check_outros();
       }
       if (!current || dirty & /*config*/
-      1 && div1_class_value !== (div1_class_value = name9 + "-" + /*config*/
-      (((_b2 = ctx2[0].toolbar) == null ? void 0 : _b2.placement) || "left"))) {
+      8 && div1_class_value !== (div1_class_value = name9 + "-" + /*config*/
+      (((_b2 = ctx2[3].toolbar) == null ? void 0 : _b2.placement) || "left"))) {
         attr(div1, "class", div1_class_value);
       }
       if (!current || dirty & /*config, toolbar_has_items, layout*/
-      97) {
+      104) {
         toggle_class(div1, "hidden", !/*toolbar_has_items*/
         ctx2[6] || !/*layout*/
         (ctx2[5] === "visible" || /*layout*/
@@ -14577,12 +14591,12 @@ function create_fragment71(ctx) {
       }
       if (
         /*config*/
-        ((_c2 = ctx2[0].redo_undo) == null ? void 0 : _c2.enable) !== false
+        ((_c2 = ctx2[3].redo_undo) == null ? void 0 : _c2.enable) !== false
       ) {
         if (if_block1) {
           if_block1.p(ctx2, dirty);
           if (dirty & /*config*/
-          1) {
+          8) {
             transition_in(if_block1, 1);
           }
         } else {
@@ -14600,12 +14614,12 @@ function create_fragment71(ctx) {
       }
       if (
         /*config*/
-        ((_d2 = ctx2[0].zoom_control) == null ? void 0 : _d2.enable) !== false
+        ((_d2 = ctx2[3].zoom_control) == null ? void 0 : _d2.enable) !== false
       ) {
         if (if_block2) {
           if_block2.p(ctx2, dirty);
           if (dirty & /*config*/
-          1) {
+          8) {
             transition_in(if_block2, 1);
           }
         } else {
@@ -14632,12 +14646,12 @@ function create_fragment71(ctx) {
       }
       if (
         /*config*/
-        ((_e = ctx2[0].page_control) == null ? void 0 : _e.enable) !== false
+        ((_e = ctx2[3].page_control) == null ? void 0 : _e.enable) !== false
       ) {
         if (if_block3) {
           if_block3.p(ctx2, dirty);
           if (dirty & /*config*/
-          1) {
+          8) {
             transition_in(if_block3, 1);
           }
         } else {
@@ -14663,9 +14677,9 @@ function create_fragment71(ctx) {
         );
       }
       if (!current || dirty & /*app*/
-      2) {
+      1) {
         toggle_class(div4, "loading", !/*app*/
-        ctx2[1]);
+        ctx2[0]);
       }
     },
     i(local) {
@@ -14687,7 +14701,7 @@ function create_fragment71(ctx) {
     d(detaching) {
       if (detaching)
         detach(div4);
-      ctx[19](null);
+      ctx[16](null);
       if (if_block0)
         if_block0.d();
       if (if_block1)
@@ -14703,15 +14717,13 @@ 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(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);
+  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);
   $$self.$$.on_destroy.push(() => $$unsubscribe_focusedApp());
   $$self.$$.on_destroy.push(() => $$unsubscribe_boxState());
   $$self.$$.on_destroy.push(() => $$unsubscribe_writable());
@@ -14720,7 +14732,6 @@ 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";
@@ -14747,58 +14758,31 @@ function instance71($$self, $$props, $$invalidate) {
   }
   $$self.$$set = ($$props2) => {
     if ("app" in $$props2)
-      $$invalidate(1, app = $$props2.app);
+      $$invalidate(0, app = $$props2.app);
     if ("theme" in $$props2)
-      $$invalidate(2, theme = $$props2.theme);
+      $$invalidate(1, theme = $$props2.theme);
     if ("language" in $$props2)
-      $$invalidate(3, language = $$props2.language);
+      $$invalidate(2, language = $$props2.language);
     if ("containerRef" in $$props2)
-      $$invalidate(12, containerRef = $$props2.containerRef);
+      $$invalidate(11, containerRef = $$props2.containerRef);
     if ("config" in $$props2)
-      $$invalidate(0, config = $$props2.config);
-    if ("colors" in $$props2)
-      $$invalidate(11, colors2 = $$props2.colors);
+      $$invalidate(3, config = $$props2.config);
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & /*app*/
-    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) {
+    1) {
       $$subscribe_writable($$invalidate(9, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & /*app*/
-    2) {
+    1) {
       $$subscribe_boxState($$invalidate(8, boxState = app == null ? void 0 : app.boxState));
     }
     if ($$self.$$.dirty & /*app*/
-    2) {
+    1) {
       $$subscribe_focusedApp($$invalidate(7, focusedApp = app == null ? void 0 : app.focusedApp));
     }
     if ($$self.$$.dirty & /*$writable, $boxState, $focusedApp*/
-    458752) {
+    57344) {
       if (!$writable) {
           $$invalidate(5, layout = "hidden");
         } else if ($boxState === "maximized") {
@@ -14812,15 +14796,15 @@ function instance71($$self, $$props, $$invalidate) {
         }
     }
     if ($$self.$$.dirty & /*config*/
-    1) {
+    8) {
       $$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*/
-    18) {
+    17) {
       try {
           if (app && container) {
             app.bindContainer(container);
-            $$invalidate(13, mounted = true);
+            $$invalidate(12, mounted = true);
           }
         } catch (err) {
           console.error("[fastboard] An error occurred while binding container");
@@ -14828,17 +14812,17 @@ function instance71($$self, $$props, $$invalidate) {
         }
     }
     if ($$self.$$.dirty & /*app, theme, mounted*/
-    8198) {
+    4099) {
       if (app && theme && mounted) {
           app.manager.setPrefersColorScheme(theme);
         }
     }
   };
   return [
-    config,
     app,
     theme,
     language,
+    config,
     container,
     layout,
     toolbar_has_items,
@@ -14846,11 +14830,8 @@ function instance71($$self, $$props, $$invalidate) {
     boxState,
     writable2,
     focus_me,
-    colors2,
     containerRef,
     mounted,
-    room,
-    manager,
     $focusedApp,
     $boxState,
     $writable,
@@ -14861,12 +14842,11 @@ var Fastboard = class extends SvelteComponent {
   constructor(options) {
     super();
     init(this, options, instance71, create_fragment71, not_equal, {
-      app: 1,
-      theme: 2,
-      language: 3,
-      containerRef: 12,
-      config: 0,
-      colors: 11
+      app: 0,
+      theme: 1,
+      language: 2,
+      containerRef: 11,
+      config: 3
     });
   }
 };
@@ -14888,15 +14868,11 @@ function createUI(app, div) {
       if (fastboard) {
         fastboard.$destroy();
       }
-      if ((_a = props == null ? void 0 : props.config) == null ? void 0 : _a.toolbar) {
-        const _colors = props.config.toolbar.colors;
-        if (!_colors && colors2) {
-          props.config = __spreadProps(__spreadValues({}, props.config), {
-            toolbar: __spreadProps(__spreadValues({}, props.config.toolbar), {
-              colors: colors2
-            })
-          });
+      if (colors2 && (props == null ? void 0 : props.config) && !((_a = props.config.toolbar) == null ? void 0 : _a.colors)) {
+        if (!(props == null ? void 0 : props.config.toolbar)) {
+          props.config.toolbar = {};
         }
+        props.config.toolbar.colors = colors2;
       }
       fastboard = new Fastboard_default({ target: div2, props: __spreadValues({ app }, props) });
       return ui;
@@ -14904,15 +14880,11 @@ function createUI(app, div) {
     update(props) {
       var _a;
       if (fastboard && props) {
-        if ((_a = props == null ? void 0 : props.config) == null ? void 0 : _a.toolbar) {
-          const _colors = props.config.toolbar.colors;
-          if (!_colors && colors2) {
-            props.config = __spreadProps(__spreadValues({}, props.config), {
-              toolbar: __spreadProps(__spreadValues({}, props.config.toolbar), {
-                colors: colors2
-              })
-            });
+        if (colors2 && (props == null ? void 0 : props.config) && !((_a = props.config.toolbar) == null ? void 0 : _a.colors)) {
+          if (!(props == null ? void 0 : props.config.toolbar)) {
+            props.config.toolbar = {};
           }
+          props.config.toolbar.colors = colors2;
         }
         fastboard.$set(props);
       }