@netless/fastboard-ui 0.3.13 → 0.3.14

package/dist/index.svelte.mjs

@@ -4515,7 +4515,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);
@@ -4610,7 +4610,7 @@ function create_default_slot(ctx) {
           ctx2[2]
         ];
       if (dirty & /*$$scope, theme*/
-      131073) {
+      524289) {
         icon_changes.$$scope = { dirty, ctx: ctx2 };
       }
       icon.$set(icon_changes);
@@ -4660,7 +4660,7 @@ function create_fragment50(ctx) {
   button0.$on(
     "click",
     /*undo*/
-    ctx[9]
+    ctx[10]
   );
   button1 = new Button_default({
     props: {
@@ -4685,7 +4685,7 @@ function create_fragment50(ctx) {
   button1.$on(
     "click",
     /*redo*/
-    ctx[10]
+    ctx[11]
   );
   return {
     c() {
@@ -4718,7 +4718,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);
@@ -4736,7 +4736,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);
@@ -4776,17 +4776,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;
@@ -4801,45 +4804,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);
     }
   };
@@ -4852,6 +4859,7 @@ function instance50($$self, $$props, $$invalidate) {
     redoSteps,
     undoSteps,
     t,
+    phase,
     writable2,
     undo,
     redo,
@@ -4860,6 +4868,7 @@ function instance50($$self, $$props, $$invalidate) {
     disabled,
     $redoSteps,
     $undoSteps,
+    $phase,
     $writable
   ];
 }
@@ -4867,9 +4876,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
     });
   }
@@ -4950,7 +4959,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);
@@ -5106,7 +5115,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);
@@ -5201,7 +5210,7 @@ function create_default_slot2(ctx) {
           ctx2[5]
         ];
       if (dirty & /*$$scope, theme*/
-      262145) {
+      1048577) {
         icon_changes.$$scope = { dirty, ctx: ctx2 };
       }
       icon.$set(icon_changes);
@@ -5256,7 +5265,7 @@ function create_fragment51(ctx) {
   button0.$on(
     "click",
     /*prevPage*/
-    ctx[12]
+    ctx[13]
   );
   function select_block_type(ctx2, dirty) {
     if (
@@ -5292,7 +5301,7 @@ function create_fragment51(ctx) {
   button1.$on(
     "click",
     /*nextPage*/
-    ctx[13]
+    ctx[14]
   );
   button2 = new Button_default({
     props: {
@@ -5317,7 +5326,7 @@ function create_fragment51(ctx) {
   button2.$on(
     "click",
     /*addPage*/
-    ctx[14]
+    ctx[15]
   );
   return {
     c() {
@@ -5362,7 +5371,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);
@@ -5395,7 +5404,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);
@@ -5413,7 +5422,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);
@@ -5462,6 +5471,7 @@ var i18n2 = {
 var name2 = "fastboard-page-control";
 function instance51($$self, $$props, $$invalidate) {
   let writable2;
+  let phase;
   let disabled;
   let t;
   let index;
@@ -5470,9 +5480,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;
@@ -5491,25 +5503,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*/
@@ -5517,11 +5533,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*/
@@ -5545,12 +5561,14 @@ function instance51($$self, $$props, $$invalidate) {
     length,
     index,
     t,
+    phase,
     writable2,
     prevPage,
     nextPage,
     addPage,
     app,
     language,
+    $phase,
     $writable
   ];
 }
@@ -5558,9 +5576,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
     });
   }
@@ -5648,7 +5666,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);
@@ -5791,7 +5809,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);
@@ -5886,7 +5904,7 @@ function create_default_slot3(ctx) {
           ctx2[5]
         ];
       if (dirty & /*$$scope, theme*/
-      131073) {
+      524289) {
         icon_changes.$$scope = { dirty, ctx: ctx2 };
       }
       icon.$set(icon_changes);
@@ -5941,7 +5959,7 @@ function create_fragment52(ctx) {
   button0.$on(
     "click",
     /*plus*/
-    ctx[11]
+    ctx[12]
   );
   function select_block_type(ctx2, dirty) {
     if (
@@ -5976,7 +5994,7 @@ function create_fragment52(ctx) {
   button1.$on(
     "click",
     /*minus*/
-    ctx[12]
+    ctx[13]
   );
   button2 = new Button_default({
     props: {
@@ -6001,7 +6019,7 @@ function create_fragment52(ctx) {
   button2.$on(
     "click",
     /*reset*/
-    ctx[13]
+    ctx[14]
   );
   return {
     c() {
@@ -6046,7 +6064,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);
@@ -6079,7 +6097,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);
@@ -6097,7 +6115,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);
@@ -6175,6 +6193,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;
@@ -6182,8 +6201,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;
@@ -6209,26 +6230,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*/
@@ -6236,7 +6261,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*/
@@ -6263,12 +6288,14 @@ function instance52($$self, $$props, $$invalidate) {
     plus_disabled,
     camera,
     t,
+    phase,
     writable2,
     plus,
     minus,
     reset,
     app,
     language,
+    $phase,
     $writable
   ];
 }
@@ -6276,9 +6303,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
     });
   }
@@ -12335,7 +12362,7 @@ function create_fragment68(ctx) {
       ),
       scroll_height: (
         /*scroll_height*/
-        ctx[12]
+        ctx[13]
       ),
       computed_height: (
         /*computed_height*/
@@ -12436,13 +12463,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;
@@ -12562,6 +12589,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;
@@ -12570,7 +12598,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;
@@ -12579,9 +12609,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);
@@ -12594,36 +12624,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);
     }
   };
@@ -12638,12 +12672,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
   ];
@@ -12655,7 +12691,7 @@ var Toolbar = class extends SvelteComponent {
       app: 0,
       theme: 1,
       language: 2,
-      config: 13
+      config: 14
     });
   }
 };