@netless/fastboard-ui 0.3.22-beta.0 → 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
     });
   }
 };
@@ -14854,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;
@@ -14870,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);
       }