@netless/fastboard-ui 0.3.13 → 0.3.14

package/dist/index.mjs

@@ -5179,7 +5179,7 @@ function create_default_slot_2(ctx) {
           ctx2[2]
         ];
       if (dirty & /*$$scope, theme*/
-      131073) {
+      524289) {
         icon_changes.$$scope = { dirty, ctx: ctx2 };
       }
       icon.$set(icon_changes);
@@ -5274,7 +5274,7 @@ function create_default_slot(ctx) {
           ctx2[2]
         ];
       if (dirty & /*$$scope, theme*/
-      131073) {
+      524289) {
         icon_changes.$$scope = { dirty, ctx: ctx2 };
       }
       icon.$set(icon_changes);
@@ -5324,7 +5324,7 @@ function create_fragment50(ctx) {
   button0.$on(
     "click",
     /*undo*/
-    ctx[9]
+    ctx[10]
   );
   button1 = new Button_default({
     props: {
@@ -5349,7 +5349,7 @@ function create_fragment50(ctx) {
   button1.$on(
     "click",
     /*redo*/
-    ctx[10]
+    ctx[11]
   );
   return {
     c() {
@@ -5382,7 +5382,7 @@ function create_fragment50(ctx) {
         button0_changes.content = /*t*/
         ctx2[7].undo;
       if (dirty & /*$$scope, icons, type, theme*/
-      131079) {
+      524295) {
         button0_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button0.$set(button0_changes);
@@ -5400,7 +5400,7 @@ function create_fragment50(ctx) {
         button1_changes.content = /*t*/
         ctx2[7].redo;
       if (dirty & /*$$scope, icons, type, theme*/
-      131079) {
+      524295) {
         button1_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button1.$set(button1_changes);
@@ -5440,17 +5440,20 @@ var i18n = {
 var name = "fastboard-redo-undo";
 function instance50($$self, $$props, $$invalidate) {
   let writable2;
+  let phase;
   let disabled;
   let t;
   let undoSteps;
   let redoSteps;
   let undo_disabled;
   let redo_disabled;
-  let $redoSteps, $$unsubscribe_redoSteps = noop, $$subscribe_redoSteps = () => ($$unsubscribe_redoSteps(), $$unsubscribe_redoSteps = subscribe(redoSteps, ($$value) => $$invalidate(14, $redoSteps = $$value)), redoSteps);
-  let $undoSteps, $$unsubscribe_undoSteps = noop, $$subscribe_undoSteps = () => ($$unsubscribe_undoSteps(), $$unsubscribe_undoSteps = subscribe(undoSteps, ($$value) => $$invalidate(15, $undoSteps = $$value)), undoSteps);
-  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(16, $writable = $$value)), writable2);
+  let $redoSteps, $$unsubscribe_redoSteps = noop, $$subscribe_redoSteps = () => ($$unsubscribe_redoSteps(), $$unsubscribe_redoSteps = subscribe(redoSteps, ($$value) => $$invalidate(15, $redoSteps = $$value)), redoSteps);
+  let $undoSteps, $$unsubscribe_undoSteps = noop, $$subscribe_undoSteps = () => ($$unsubscribe_undoSteps(), $$unsubscribe_undoSteps = subscribe(undoSteps, ($$value) => $$invalidate(16, $undoSteps = $$value)), undoSteps);
+  let $phase, $$unsubscribe_phase = noop, $$subscribe_phase = () => ($$unsubscribe_phase(), $$unsubscribe_phase = subscribe(phase, ($$value) => $$invalidate(17, $phase = $$value)), phase);
+  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(18, $writable = $$value)), writable2);
   $$self.$$.on_destroy.push(() => $$unsubscribe_redoSteps());
   $$self.$$.on_destroy.push(() => $$unsubscribe_undoSteps());
+  $$self.$$.on_destroy.push(() => $$unsubscribe_phase());
   $$self.$$.on_destroy.push(() => $$unsubscribe_writable());
   let { app = null } = $$props;
   let { theme = "light" } = $$props;
@@ -5465,45 +5468,49 @@ function instance50($$self, $$props, $$invalidate) {
   }
   $$self.$$set = ($$props2) => {
     if ("app" in $$props2)
-      $$invalidate(11, app = $$props2.app);
+      $$invalidate(12, app = $$props2.app);
     if ("theme" in $$props2)
       $$invalidate(0, theme = $$props2.theme);
     if ("language" in $$props2)
-      $$invalidate(12, language = $$props2.language);
+      $$invalidate(13, language = $$props2.language);
     if ("icons" in $$props2)
       $$invalidate(1, icons = $$props2.icons);
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & /*app*/
-    2048) {
-      $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
+    4096) {
+      $$subscribe_writable($$invalidate(9, writable2 = app == null ? void 0 : app.writable));
     }
-    if ($$self.$$.dirty & /*$writable*/
-    65536) {
-      $$invalidate(13, disabled = !$writable);
+    if ($$self.$$.dirty & /*app*/
+    4096) {
+      $$subscribe_phase($$invalidate(8, phase = app == null ? void 0 : app.phase));
+    }
+    if ($$self.$$.dirty & /*$writable, $phase*/
+    393216) {
+      $$invalidate(14, disabled = !($writable && $phase === "connected"));
     }
     if ($$self.$$.dirty & /*language*/
-    4096) {
+    8192) {
       $$invalidate(7, t = i18n[language]);
     }
     if ($$self.$$.dirty & /*disabled*/
-    8192) {
+    16384) {
       $$invalidate(2, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & /*app*/
-    2048) {
+    4096) {
       $$subscribe_undoSteps($$invalidate(6, undoSteps = app == null ? void 0 : app.canUndoSteps));
     }
     if ($$self.$$.dirty & /*app*/
-    2048) {
+    4096) {
       $$subscribe_redoSteps($$invalidate(5, redoSteps = app == null ? void 0 : app.canRedoSteps));
     }
     if ($$self.$$.dirty & /*disabled, $undoSteps*/
-    40960) {
+    81920) {
       $$invalidate(4, undo_disabled = disabled || !$undoSteps);
     }
     if ($$self.$$.dirty & /*disabled, $redoSteps*/
-    24576) {
+    49152) {
       $$invalidate(3, redo_disabled = disabled || !$redoSteps);
     }
   };
@@ -5516,6 +5523,7 @@ function instance50($$self, $$props, $$invalidate) {
     redoSteps,
     undoSteps,
     t,
+    phase,
     writable2,
     undo,
     redo,
@@ -5524,6 +5532,7 @@ function instance50($$self, $$props, $$invalidate) {
     disabled,
     $redoSteps,
     $undoSteps,
+    $phase,
     $writable
   ];
 }
@@ -5531,9 +5540,9 @@ var RedoUndo = class extends SvelteComponent {
   constructor(options) {
     super();
     init(this, options, instance50, create_fragment50, safe_not_equal, {
-      app: 11,
+      app: 12,
       theme: 0,
-      language: 12,
+      language: 13,
       icons: 1
     });
   }
@@ -5616,7 +5625,7 @@ function create_default_slot_4(ctx) {
           ctx2[5]
         ];
       if (dirty & /*$$scope, theme*/
-      262145) {
+      1048577) {
         icon_changes.$$scope = { dirty, ctx: ctx2 };
       }
       icon.$set(icon_changes);
@@ -5772,7 +5781,7 @@ function create_default_slot_22(ctx) {
           ctx2[5]
         ];
       if (dirty & /*$$scope, theme*/
-      262145) {
+      1048577) {
         icon_changes.$$scope = { dirty, ctx: ctx2 };
       }
       icon.$set(icon_changes);
@@ -5867,7 +5876,7 @@ function create_default_slot2(ctx) {
           ctx2[5]
         ];
       if (dirty & /*$$scope, theme*/
-      262145) {
+      1048577) {
         icon_changes.$$scope = { dirty, ctx: ctx2 };
       }
       icon.$set(icon_changes);
@@ -5922,7 +5931,7 @@ function create_fragment51(ctx) {
   button0.$on(
     "click",
     /*prevPage*/
-    ctx[12]
+    ctx[13]
   );
   function select_block_type(ctx2, dirty) {
     if (
@@ -5958,7 +5967,7 @@ function create_fragment51(ctx) {
   button1.$on(
     "click",
     /*nextPage*/
-    ctx[13]
+    ctx[14]
   );
   button2 = new Button_default({
     props: {
@@ -5983,7 +5992,7 @@ function create_fragment51(ctx) {
   button2.$on(
     "click",
     /*addPage*/
-    ctx[14]
+    ctx[15]
   );
   return {
     c() {
@@ -6028,7 +6037,7 @@ function create_fragment51(ctx) {
         button0_changes.content = /*t*/
         ctx2[10].prev;
       if (dirty & /*$$scope, icons, type, theme*/
-      262179) {
+      1048611) {
         button0_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button0.$set(button0_changes);
@@ -6061,7 +6070,7 @@ function create_fragment51(ctx) {
         button1_changes.content = /*t*/
         ctx2[10].next;
       if (dirty & /*$$scope, icons, type, theme*/
-      262179) {
+      1048611) {
         button1_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button1.$set(button1_changes);
@@ -6079,7 +6088,7 @@ function create_fragment51(ctx) {
         button2_changes.content = /*t*/
         ctx2[10].add;
       if (dirty & /*$$scope, icons, type, theme*/
-      262179) {
+      1048611) {
         button2_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button2.$set(button2_changes);
@@ -6128,6 +6137,7 @@ var i18n2 = {
 var name2 = "fastboard-page-control";
 function instance51($$self, $$props, $$invalidate) {
   let writable2;
+  let phase;
   let disabled;
   let t;
   let index;
@@ -6136,9 +6146,11 @@ function instance51($$self, $$props, $$invalidate) {
   let next_disabled;
   let $length, $$unsubscribe_length = noop, $$subscribe_length = () => ($$unsubscribe_length(), $$unsubscribe_length = subscribe(length, ($$value) => $$invalidate(3, $length = $$value)), length);
   let $index, $$unsubscribe_index = noop, $$subscribe_index = () => ($$unsubscribe_index(), $$unsubscribe_index = subscribe(index, ($$value) => $$invalidate(4, $index = $$value)), index);
-  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(17, $writable = $$value)), writable2);
+  let $phase, $$unsubscribe_phase = noop, $$subscribe_phase = () => ($$unsubscribe_phase(), $$unsubscribe_phase = subscribe(phase, ($$value) => $$invalidate(18, $phase = $$value)), phase);
+  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(19, $writable = $$value)), writable2);
   $$self.$$.on_destroy.push(() => $$unsubscribe_length());
   $$self.$$.on_destroy.push(() => $$unsubscribe_index());
+  $$self.$$.on_destroy.push(() => $$unsubscribe_phase());
   $$self.$$.on_destroy.push(() => $$unsubscribe_writable());
   let { app = null } = $$props;
   let { theme = "light" } = $$props;
@@ -6157,25 +6169,29 @@ function instance51($$self, $$props, $$invalidate) {
   }
   $$self.$$set = ($$props2) => {
     if ("app" in $$props2)
-      $$invalidate(15, app = $$props2.app);
+      $$invalidate(16, app = $$props2.app);
     if ("theme" in $$props2)
       $$invalidate(0, theme = $$props2.theme);
     if ("language" in $$props2)
-      $$invalidate(16, language = $$props2.language);
+      $$invalidate(17, language = $$props2.language);
     if ("icons" in $$props2)
       $$invalidate(1, icons = $$props2.icons);
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & /*app*/
-    32768) {
-      $$subscribe_writable($$invalidate(11, writable2 = app == null ? void 0 : app.writable));
+    65536) {
+      $$subscribe_writable($$invalidate(12, writable2 = app == null ? void 0 : app.writable));
     }
-    if ($$self.$$.dirty & /*$writable*/
-    131072) {
-      $$invalidate(2, disabled = !$writable);
+    if ($$self.$$.dirty & /*app*/
+    65536) {
+      $$subscribe_phase($$invalidate(11, phase = app == null ? void 0 : app.phase));
+    }
+    if ($$self.$$.dirty & /*$writable, $phase*/
+    786432) {
+      $$invalidate(2, disabled = !($writable && $phase === "connected"));
     }
     if ($$self.$$.dirty & /*language*/
-    65536) {
+    131072) {
       $$invalidate(10, t = i18n2[language]);
     }
     if ($$self.$$.dirty & /*disabled*/
@@ -6183,11 +6199,11 @@ function instance51($$self, $$props, $$invalidate) {
       $$invalidate(5, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & /*app*/
-    32768) {
+    65536) {
       $$subscribe_index($$invalidate(9, index = app == null ? void 0 : app.sceneIndex));
     }
     if ($$self.$$.dirty & /*app*/
-    32768) {
+    65536) {
       $$subscribe_length($$invalidate(8, length = app == null ? void 0 : app.sceneLength));
     }
     if ($$self.$$.dirty & /*disabled, $index*/
@@ -6211,12 +6227,14 @@ function instance51($$self, $$props, $$invalidate) {
     length,
     index,
     t,
+    phase,
     writable2,
     prevPage,
     nextPage,
     addPage,
     app,
     language,
+    $phase,
     $writable
   ];
 }
@@ -6224,9 +6242,9 @@ var PageControl = class extends SvelteComponent {
   constructor(options) {
     super();
     init(this, options, instance51, create_fragment51, safe_not_equal, {
-      app: 15,
+      app: 16,
       theme: 0,
-      language: 16,
+      language: 17,
       icons: 1
     });
   }
@@ -6314,7 +6332,7 @@ function create_default_slot_42(ctx) {
           ctx2[5]
         ];
       if (dirty & /*$$scope, theme*/
-      131073) {
+      524289) {
         icon_changes.$$scope = { dirty, ctx: ctx2 };
       }
       icon.$set(icon_changes);
@@ -6457,7 +6475,7 @@ function create_default_slot_23(ctx) {
           ctx2[5]
         ];
       if (dirty & /*$$scope, theme*/
-      131073) {
+      524289) {
         icon_changes.$$scope = { dirty, ctx: ctx2 };
       }
       icon.$set(icon_changes);
@@ -6552,7 +6570,7 @@ function create_default_slot3(ctx) {
           ctx2[5]
         ];
       if (dirty & /*$$scope, theme*/
-      131073) {
+      524289) {
         icon_changes.$$scope = { dirty, ctx: ctx2 };
       }
       icon.$set(icon_changes);
@@ -6607,7 +6625,7 @@ function create_fragment52(ctx) {
   button0.$on(
     "click",
     /*plus*/
-    ctx[11]
+    ctx[12]
   );
   function select_block_type(ctx2, dirty) {
     if (
@@ -6642,7 +6660,7 @@ function create_fragment52(ctx) {
   button1.$on(
     "click",
     /*minus*/
-    ctx[12]
+    ctx[13]
   );
   button2 = new Button_default({
     props: {
@@ -6667,7 +6685,7 @@ function create_fragment52(ctx) {
   button2.$on(
     "click",
     /*reset*/
-    ctx[13]
+    ctx[14]
   );
   return {
     c() {
@@ -6712,7 +6730,7 @@ function create_fragment52(ctx) {
         button0_changes.content = /*t*/
         ctx2[9].plus;
       if (dirty & /*$$scope, icons, type, theme*/
-      131107) {
+      524323) {
         button0_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button0.$set(button0_changes);
@@ -6745,7 +6763,7 @@ function create_fragment52(ctx) {
         button1_changes.content = /*t*/
         ctx2[9].minus;
       if (dirty & /*$$scope, icons, type, theme*/
-      131107) {
+      524323) {
         button1_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button1.$set(button1_changes);
@@ -6763,7 +6781,7 @@ function create_fragment52(ctx) {
         button2_changes.content = /*t*/
         ctx2[9].reset;
       if (dirty & /*$$scope, icons, type, theme*/
-      131107) {
+      524323) {
         button2_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button2.$set(button2_changes);
@@ -6841,6 +6859,7 @@ function next_scale(scale, delta) {
 var name3 = "fastboard-zoom-control";
 function instance52($$self, $$props, $$invalidate) {
   let writable2;
+  let phase;
   let disabled;
   let t;
   let camera;
@@ -6848,8 +6867,10 @@ function instance52($$self, $$props, $$invalidate) {
   let plus_disabled;
   let minus_disabled;
   let $camera, $$unsubscribe_camera = noop, $$subscribe_camera = () => ($$unsubscribe_camera(), $$unsubscribe_camera = subscribe(camera, ($$value) => $$invalidate(4, $camera = $$value)), camera);
-  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(16, $writable = $$value)), writable2);
+  let $phase, $$unsubscribe_phase = noop, $$subscribe_phase = () => ($$unsubscribe_phase(), $$unsubscribe_phase = subscribe(phase, ($$value) => $$invalidate(17, $phase = $$value)), phase);
+  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(18, $writable = $$value)), writable2);
   $$self.$$.on_destroy.push(() => $$unsubscribe_camera());
+  $$self.$$.on_destroy.push(() => $$unsubscribe_phase());
   $$self.$$.on_destroy.push(() => $$unsubscribe_writable());
   let { app = null } = $$props;
   let { theme = "light" } = $$props;
@@ -6875,26 +6896,30 @@ function instance52($$self, $$props, $$invalidate) {
   }
   $$self.$$set = ($$props2) => {
     if ("app" in $$props2)
-      $$invalidate(14, app = $$props2.app);
+      $$invalidate(15, app = $$props2.app);
     if ("theme" in $$props2)
       $$invalidate(0, theme = $$props2.theme);
     if ("language" in $$props2)
-      $$invalidate(15, language = $$props2.language);
+      $$invalidate(16, language = $$props2.language);
     if ("icons" in $$props2)
       $$invalidate(1, icons = $$props2.icons);
   };
   $$self.$$.update = () => {
     var _a;
     if ($$self.$$.dirty & /*app*/
-    16384) {
-      $$subscribe_writable($$invalidate(10, writable2 = app == null ? void 0 : app.writable));
+    32768) {
+      $$subscribe_writable($$invalidate(11, writable2 = app == null ? void 0 : app.writable));
     }
-    if ($$self.$$.dirty & /*$writable*/
-    65536) {
-      $$invalidate(3, disabled = !$writable);
+    if ($$self.$$.dirty & /*app*/
+    32768) {
+      $$subscribe_phase($$invalidate(10, phase = app == null ? void 0 : app.phase));
+    }
+    if ($$self.$$.dirty & /*$writable, $phase*/
+    393216) {
+      $$invalidate(3, disabled = !($writable && $phase === "connected"));
     }
     if ($$self.$$.dirty & /*language*/
-    32768) {
+    65536) {
       $$invalidate(9, t = i18n3[language]);
     }
     if ($$self.$$.dirty & /*disabled*/
@@ -6902,7 +6927,7 @@ function instance52($$self, $$props, $$invalidate) {
       $$invalidate(5, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & /*app*/
-    16384) {
+    32768) {
       $$subscribe_camera($$invalidate(8, camera = app == null ? void 0 : app.camera));
     }
     if ($$self.$$.dirty & /*$camera*/
@@ -6929,12 +6954,14 @@ function instance52($$self, $$props, $$invalidate) {
     plus_disabled,
     camera,
     t,
+    phase,
     writable2,
     plus,
     minus,
     reset,
     app,
     language,
+    $phase,
     $writable
   ];
 }
@@ -6942,9 +6969,9 @@ var ZoomControl = class extends SvelteComponent {
   constructor(options) {
     super();
     init(this, options, instance52, create_fragment52, safe_not_equal, {
-      app: 14,
+      app: 15,
       theme: 0,
-      language: 15,
+      language: 16,
       icons: 1
     });
   }
@@ -13073,7 +13100,7 @@ function create_fragment68(ctx) {
       ),
       scroll_height: (
         /*scroll_height*/
-        ctx[12]
+        ctx[13]
       ),
       computed_height: (
         /*computed_height*/
@@ -13174,13 +13201,13 @@ function create_fragment68(ctx) {
             input,
             "change",
             /*input_change_handler*/
-            ctx[17]
+            ctx[19]
           ),
           action_destroyer(height.call(
             null,
             div1,
             /*container_height*/
-            ctx[11]
+            ctx[12]
           ))
         ];
         mounted = true;
@@ -13300,6 +13327,7 @@ function create_fragment68(ctx) {
 var name6 = "fastboard-toolbar";
 function instance68($$self, $$props, $$invalidate) {
   let writable2;
+  let phase;
   let disabled;
   let computed_height;
   let scrollable;
@@ -13308,7 +13336,9 @@ function instance68($$self, $$props, $$invalidate) {
   let hide_apps;
   let $container_height;
   let $scroll_height;
-  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(16, $writable = $$value)), writable2);
+  let $phase, $$unsubscribe_phase = noop, $$subscribe_phase = () => ($$unsubscribe_phase(), $$unsubscribe_phase = subscribe(phase, ($$value) => $$invalidate(17, $phase = $$value)), phase);
+  let $writable, $$unsubscribe_writable = noop, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe(writable2, ($$value) => $$invalidate(18, $writable = $$value)), writable2);
+  $$self.$$.on_destroy.push(() => $$unsubscribe_phase());
   $$self.$$.on_destroy.push(() => $$unsubscribe_writable());
   let { app = null } = $$props;
   let { theme = "light" } = $$props;
@@ -13317,9 +13347,9 @@ function instance68($$self, $$props, $$invalidate) {
   const extra_height = (32 + 4 + 4) * 2;
   let collapsed = false;
   let container_height = writable(0);
-  component_subscribe($$self, container_height, (value) => $$invalidate(14, $container_height = value));
+  component_subscribe($$self, container_height, (value) => $$invalidate(15, $container_height = value));
   let scroll_height = writable(0);
-  component_subscribe($$self, scroll_height, (value) => $$invalidate(15, $scroll_height = value));
+  component_subscribe($$self, scroll_height, (value) => $$invalidate(16, $scroll_height = value));
   function input_change_handler() {
     collapsed = this.checked;
     $$invalidate(3, collapsed);
@@ -13332,36 +13362,40 @@ function instance68($$self, $$props, $$invalidate) {
     if ("language" in $$props2)
       $$invalidate(2, language = $$props2.language);
     if ("config" in $$props2)
-      $$invalidate(13, config = $$props2.config);
+      $$invalidate(14, config = $$props2.config);
   };
   $$self.$$.update = () => {
     var _a;
     if ($$self.$$.dirty & /*app*/
     1) {
-      $$subscribe_writable($$invalidate(10, writable2 = app == null ? void 0 : app.writable));
+      $$subscribe_writable($$invalidate(11, writable2 = app == null ? void 0 : app.writable));
     }
-    if ($$self.$$.dirty & /*$writable*/
-    65536) {
-      $$invalidate(9, disabled = !$writable);
+    if ($$self.$$.dirty & /*app*/
+    1) {
+      $$subscribe_phase($$invalidate(10, phase = app == null ? void 0 : app.phase));
+    }
+    if ($$self.$$.dirty & /*$writable, $phase*/
+    393216) {
+      $$invalidate(9, disabled = !($writable && $phase === "connected"));
     }
     if ($$self.$$.dirty & /*$container_height, $scroll_height*/
-    49152) {
+    98304) {
       $$invalidate(8, computed_height = clamp($container_height, extra_height, $scroll_height + extra_height));
     }
     if ($$self.$$.dirty & /*$scroll_height, $container_height*/
-    49152) {
+    98304) {
       $$invalidate(7, scrollable = $scroll_height + extra_height > $container_height);
     }
     if ($$self.$$.dirty & /*config*/
-    8192) {
+    16384) {
       $$invalidate(6, placement = config.placement || "left");
     }
     if ($$self.$$.dirty & /*config*/
-    8192) {
+    16384) {
       $$invalidate(5, items = config.items || default_items);
     }
     if ($$self.$$.dirty & /*config*/
-    8192) {
+    16384) {
       $$invalidate(4, hide_apps = ((_a = config.apps) == null ? void 0 : _a.enable) === false);
     }
   };
@@ -13376,12 +13410,14 @@ function instance68($$self, $$props, $$invalidate) {
     scrollable,
     computed_height,
     disabled,
+    phase,
     writable2,
     container_height,
     scroll_height,
     config,
     $container_height,
     $scroll_height,
+    $phase,
     $writable,
     input_change_handler
   ];
@@ -13393,7 +13429,7 @@ var Toolbar = class extends SvelteComponent {
       app: 0,
       theme: 1,
       language: 2,
-      config: 13
+      config: 14
     });
   }
 };