@netless/fastboard-ui 0.3.7 → 0.3.8-alpha.0

package/dist/index.mjs

@@ -1,5 +1,3 @@
-import Tippy from 'tippy.js';
-
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -40,7 +38,7 @@ var style_default = '.tippy-box[data-animation=fade][data-state=hidden]{opacity:
 // inline-sass-stub:./src/style.scss
 injectStyle(style_default);
 
-// ../../node_modules/.pnpm/svelte@3.54.0/node_modules/svelte/internal/index.mjs
+// ../../node_modules/.pnpm/svelte@3.55.0/node_modules/svelte/internal/index.mjs
 function noop() {
 }
 function assign(tar, src) {
@@ -139,6 +137,13 @@ function action_destroyer(action_result) {
   return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;
 }
 var is_client = typeof window !== "undefined";
+var is_hydrating = false;
+function start_hydrating() {
+  is_hydrating = true;
+}
+function end_hydrating() {
+  is_hydrating = false;
+}
 function append(target, node) {
   target.appendChild(node);
 }
@@ -341,6 +346,7 @@ function transition_out(block, local, detach2, callback) {
     callback();
   }
 }
+var globals = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : global;
 function destroy_block(block, lookup) {
   block.d(1);
   lookup.delete(block.key);
@@ -527,6 +533,7 @@ function init(component, options, instance59, create_fragment59, not_equal2, pro
   $$.fragment = create_fragment59 ? create_fragment59($$.ctx) : false;
   if (options.target) {
     if (options.hydrate) {
+      start_hydrating();
       const nodes = children(options.target);
       $$.fragment && $$.fragment.l(nodes);
       nodes.forEach(detach);
@@ -536,10 +543,56 @@ function init(component, options, instance59, create_fragment59, not_equal2, pro
     if (options.intro)
       transition_in(component.$$.fragment);
     mount_component(component, options.target, options.anchor, options.customElement);
+    end_hydrating();
     flush();
   }
   set_current_component(parent_component);
 }
+var SvelteElement;
+if (typeof HTMLElement === "function") {
+  SvelteElement = class extends HTMLElement {
+    constructor() {
+      super();
+      this.attachShadow({ mode: "open" });
+    }
+    connectedCallback() {
+      const { on_mount } = this.$$;
+      this.$$.on_disconnect = on_mount.map(run).filter(is_function);
+      for (const key in this.$$.slotted) {
+        this.appendChild(this.$$.slotted[key]);
+      }
+    }
+    attributeChangedCallback(attr2, _oldValue, newValue) {
+      this[attr2] = newValue;
+    }
+    disconnectedCallback() {
+      run_all(this.$$.on_disconnect);
+    }
+    $destroy() {
+      destroy_component(this, 1);
+      this.$destroy = noop;
+    }
+    $on(type, callback) {
+      if (!is_function(callback)) {
+        return noop;
+      }
+      const callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+      callbacks.push(callback);
+      return () => {
+        const index = callbacks.indexOf(callback);
+        if (index !== -1)
+          callbacks.splice(index, 1);
+      };
+    }
+    $set($$props) {
+      if (this.$$set && !is_empty($$props)) {
+        this.$$.skip_bound = true;
+        this.$$set($$props);
+        this.$$.skip_bound = false;
+      }
+    }
+  };
+}
 var SvelteComponent = class {
   $destroy() {
     destroy_component(this, 1);
@@ -658,7 +711,7 @@ function create_fragment(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type(ctx);
+  current_block_type_index = select_block_type(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -672,7 +725,7 @@ function create_fragment(ctx) {
     },
     p(ctx2, [dirty]) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type(ctx2);
+      current_block_type_index = select_block_type(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -3417,6 +3470,9 @@ var Icons = {
   Loading: Loading_default
 };
 var Icons_default = Icons;
+
+// src/actions/tippy.ts
+import Tippy from "tippy.js";
 if (is_client) {
   Tippy.setDefaultProps({
     delay: [1e3, 400],
@@ -3558,7 +3614,7 @@ function create_if_block2(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_1(ctx);
+  current_block_type_index = select_block_type_1(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -3572,7 +3628,7 @@ function create_if_block2(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_1(ctx2);
+      current_block_type_index = select_block_type_1(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -3820,7 +3876,7 @@ function create_fragment45(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type(ctx);
+  current_block_type_index = select_block_type(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -3834,7 +3890,7 @@ function create_fragment45(ctx) {
     },
     p(ctx2, [dirty]) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type(ctx2);
+      current_block_type_index = select_block_type(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -4238,28 +4294,36 @@ function instance46($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 2048) {
-      $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
+      $:
+        $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & 65536) {
-      $$invalidate(13, disabled = !$writable);
+      $:
+        $$invalidate(13, disabled = !$writable);
     }
     if ($$self.$$.dirty & 4096) {
-      $$invalidate(7, t = i18n[language]);
+      $:
+        $$invalidate(7, t = i18n[language]);
     }
     if ($$self.$$.dirty & 8192) {
-      $$invalidate(2, type = disabled ? "disable" : "normal");
+      $:
+        $$invalidate(2, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & 2048) {
-      $$subscribe_undoSteps($$invalidate(6, undoSteps = app == null ? void 0 : app.canUndoSteps));
+      $:
+        $$subscribe_undoSteps($$invalidate(6, undoSteps = app == null ? void 0 : app.canUndoSteps));
     }
     if ($$self.$$.dirty & 2048) {
-      $$subscribe_redoSteps($$invalidate(5, redoSteps = app == null ? void 0 : app.canRedoSteps));
+      $:
+        $$subscribe_redoSteps($$invalidate(5, redoSteps = app == null ? void 0 : app.canRedoSteps));
     }
     if ($$self.$$.dirty & 40960) {
-      $$invalidate(4, undo_disabled = disabled || !$undoSteps);
+      $:
+        $$invalidate(4, undo_disabled = disabled || !$undoSteps);
     }
     if ($$self.$$.dirty & 24576) {
-      $$invalidate(3, redo_disabled = disabled || !$redoSteps);
+      $:
+        $$invalidate(3, redo_disabled = disabled || !$redoSteps);
     }
   };
   return [
@@ -4607,7 +4671,7 @@ function create_fragment47(ctx) {
       return create_if_block3;
     return create_else_block3;
   }
-  let current_block_type = select_block_type(ctx);
+  let current_block_type = select_block_type(ctx, -1);
   let if_block = current_block_type(ctx);
   button1 = new Button_default({
     props: {
@@ -4671,7 +4735,7 @@ function create_fragment47(ctx) {
         button0_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button0.$set(button0_changes);
-      if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block) {
+      if (current_block_type === (current_block_type = select_block_type(ctx2, dirty)) && if_block) {
         if_block.p(ctx2, dirty);
       } else {
         if_block.d(1);
@@ -4788,28 +4852,36 @@ function instance47($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 32768) {
-      $$subscribe_writable($$invalidate(11, writable2 = app == null ? void 0 : app.writable));
+      $:
+        $$subscribe_writable($$invalidate(11, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & 131072) {
-      $$invalidate(2, disabled = !$writable);
+      $:
+        $$invalidate(2, disabled = !$writable);
     }
     if ($$self.$$.dirty & 65536) {
-      $$invalidate(10, t = i18n2[language]);
+      $:
+        $$invalidate(10, t = i18n2[language]);
     }
     if ($$self.$$.dirty & 4) {
-      $$invalidate(5, type = disabled ? "disable" : "normal");
+      $:
+        $$invalidate(5, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & 32768) {
-      $$subscribe_index($$invalidate(9, index = app == null ? void 0 : app.sceneIndex));
+      $:
+        $$subscribe_index($$invalidate(9, index = app == null ? void 0 : app.sceneIndex));
     }
     if ($$self.$$.dirty & 32768) {
-      $$subscribe_length($$invalidate(8, length = app == null ? void 0 : app.sceneLength));
+      $:
+        $$subscribe_length($$invalidate(8, length = app == null ? void 0 : app.sceneLength));
     }
     if ($$self.$$.dirty & 20) {
-      $$invalidate(7, prev_disabled = disabled || !$index);
+      $:
+        $$invalidate(7, prev_disabled = disabled || !$index);
     }
     if ($$self.$$.dirty & 28) {
-      $$invalidate(6, next_disabled = disabled || $length == null || $index === $length - 1);
+      $:
+        $$invalidate(6, next_disabled = disabled || $length == null || $index === $length - 1);
     }
   };
   return [
@@ -5156,7 +5228,7 @@ function create_fragment48(ctx) {
       return create_if_block4;
     return create_else_block4;
   }
-  let current_block_type = select_block_type(ctx);
+  let current_block_type = select_block_type(ctx, -1);
   let if_block = current_block_type(ctx);
   button1 = new Button_default({
     props: {
@@ -5220,7 +5292,7 @@ function create_fragment48(ctx) {
         button0_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button0.$set(button0_changes);
-      if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block) {
+      if (current_block_type === (current_block_type = select_block_type(ctx2, dirty)) && if_block) {
         if_block.p(ctx2, dirty);
       } else {
         if_block.d(1);
@@ -5372,28 +5444,36 @@ function instance48($$self, $$props, $$invalidate) {
   $$self.$$.update = () => {
     var _a;
     if ($$self.$$.dirty & 16384) {
-      $$subscribe_writable($$invalidate(10, writable2 = app == null ? void 0 : app.writable));
+      $:
+        $$subscribe_writable($$invalidate(10, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & 65536) {
-      $$invalidate(3, disabled = !$writable);
+      $:
+        $$invalidate(3, disabled = !$writable);
     }
     if ($$self.$$.dirty & 32768) {
-      $$invalidate(9, t = i18n3[language]);
+      $:
+        $$invalidate(9, t = i18n3[language]);
     }
     if ($$self.$$.dirty & 8) {
-      $$invalidate(5, type = disabled ? "disable" : "normal");
+      $:
+        $$invalidate(5, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & 16384) {
-      $$subscribe_camera($$invalidate(8, camera = app == null ? void 0 : app.camera));
+      $:
+        $$subscribe_camera($$invalidate(8, camera = app == null ? void 0 : app.camera));
     }
     if ($$self.$$.dirty & 16) {
-      $$invalidate(2, scale = (_a = $camera == null ? void 0 : $camera.scale) != null ? _a : 1);
+      $:
+        $$invalidate(2, scale = (_a = $camera == null ? void 0 : $camera.scale) != null ? _a : 1);
     }
     if ($$self.$$.dirty & 12) {
-      $$invalidate(7, plus_disabled = disabled || next_scale(scale, 1) === scale);
+      $:
+        $$invalidate(7, plus_disabled = disabled || next_scale(scale, 1) === scale);
     }
     if ($$self.$$.dirty & 12) {
-      $$invalidate(6, minus_disabled = disabled || next_scale(scale, -1) === scale);
+      $:
+        $$invalidate(6, minus_disabled = disabled || next_scale(scale, -1) === scale);
     }
   };
   return [
@@ -5429,7 +5509,7 @@ var ZoomControl = class extends SvelteComponent {
 };
 var ZoomControl_default = ZoomControl;
 
-// ../../node_modules/.pnpm/svelte@3.54.0/node_modules/svelte/store/index.mjs
+// ../../node_modules/.pnpm/svelte@3.55.0/node_modules/svelte/store/index.mjs
 var subscriber_queue = [];
 function writable(value, start = noop) {
   let stop;
@@ -5597,13 +5677,13 @@ var scrollTop = function(node, value) {
 };
 
 // src/behaviors/icons/visual-studio-code.svg
-var visual_studio_code_default = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMS4wMWVtIiBoZWlnaHQ9IjFlbSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDI1NiAyNTQiIHN0eWxlPSItbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJJY29uaWZ5SWQtMTdmODcyMTU1YmUtY2M3NjZlLTU0MzkiIHgxPSI1MCUiIHgyPSI1MCUiIHkxPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNGRkYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNGRkYiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggaWQ9Ikljb25pZnlJZC0xN2Y4NzIxNTViZS1jYzc2NmUtNTQ0MCIgZD0iTTE4MC44MjggMjUyLjYwNWExNS44NzIgMTUuODcyIDAgMCAwIDEyLjY1LS40ODZsNTIuNTAxLTI1LjI2MmExNS45NCAxNS45NCAwIDAgMCA5LjAyNS0xNC4zNjRWNDEuMTk3YTE1LjkzOSAxNS45MzkgMCAwIDAtOS4wMjUtMTQuMzYzbC01Mi41LTI1LjI2M2ExNS44NzcgMTUuODc3IDAgMCAwLTE4LjExNSAzLjA4NEw3NC44NTcgOTYuMzVsLTQzLjc4LTMzLjIzMmExMC42MTQgMTAuNjE0IDAgMCAwLTEzLjU2LjYwM0wzLjQ3NiA3Ni40OTRjLTQuNjMgNC4yMTEtNC42MzUgMTEuNDk1LS4wMTIgMTUuNzEzbDM3Ljk2NyAzNC42MzhsLTM3Ljk2NyAzNC42MzdjLTQuNjIzIDQuMjE5LTQuNjE4IDExLjUwMi4wMTIgMTUuNzE0bDE0LjA0MSAxMi43NzJhMTAuNjE0IDEwLjYxNCAwIDAgMCAxMy41Ni42MDRsNDMuNzgtMzMuMjMzbDEwMC41MDcgOTEuNjk1YTE1Ljg1MyAxNS44NTMgMCAwIDAgNS40NjQgMy41NzFabTEwLjQ2NC0xODMuNjQ5bC03Ni4yNjIgNTcuODg5bDc2LjI2MiA1Ny44ODhWNjguOTU2WiIvPjwvZGVmcz48bWFzayBpZD0iSWNvbmlmeUlkLTE3Zjg3MjE1NWJlLWNjNzY2ZS01NDQxIiBmaWxsPSIjZmZmIj48dXNlIGhyZWY9IiNJY29uaWZ5SWQtMTdmODcyMTU1YmUtY2M3NjZlLTU0NDAiLz48L21hc2s+PHBhdGggZmlsbD0iIzAwNjVBOSIgZD0iTTI0Ni4xMzUgMjYuODczTDE5My41OTMgMS41NzVhMTUuODg1IDE1Ljg4NSAwIDAgMC0xOC4xMjMgMy4wOEwzLjQ2NiAxNjEuNDgyYy00LjYyNiA0LjIxOS00LjYyIDExLjUwMi4wMTIgMTUuNzE0bDE0LjA1IDEyLjc3MmExMC42MjUgMTAuNjI1IDAgMCAwIDEzLjU2OS42MDRMMjM4LjIyOSAzMy40MzZjNi45NDktNS4yNzEgMTYuOTMtLjMxNSAxNi45MyA4LjQwN3YtLjYxYTE1LjkzOCAxNS45MzggMCAwIDAtOS4wMjQtMTQuMzZaIiBtYXNrPSJ1cmwoI0ljb25pZnlJZC0xN2Y4NzIxNTViZS1jYzc2NmUtNTQ0MSkiLz48cGF0aCBmaWxsPSIjMDA3QUNDIiBkPSJtMjQ2LjEzNSAyMjYuODE2bC01Mi41NDIgMjUuMjk4YTE1Ljg4NyAxNS44ODcgMCAwIDEtMTguMTIzLTMuMDhMMy40NjYgOTIuMjA3Yy00LjYyNi00LjIxOC00LjYyLTExLjUwMi4wMTItMTUuNzEzbDE0LjA1LTEyLjc3M2ExMC42MjUgMTAuNjI1IDAgMCAxIDEzLjU2OS0uNjAzbDIwNy4xMzIgMTU3LjEzNWM2Ljk0OSA1LjI3MSAxNi45My4zMTUgMTYuOTMtOC40MDh2LjYxMWExNS45MzkgMTUuOTM5IDAgMCAxLTkuMDI0IDE0LjM2WiIgbWFzaz0idXJsKCNJY29uaWZ5SWQtMTdmODcyMTU1YmUtY2M3NjZlLTU0NDEpIi8+PHBhdGggZmlsbD0iIzFGOUNGMCIgZD0iTTE5My40MjggMjUyLjEzNGExNS44OTIgMTUuODkyIDAgMCAxLTE4LjEyNS0zLjA4M2M1Ljg4MSA1Ljg4IDE1LjkzOCAxLjcxNSAxNS45MzgtNi42MDNWMTEuMjczYzAtOC4zMTgtMTAuMDU3LTEyLjQ4My0xNS45MzgtNi42MDJhMTUuODkyIDE1Ljg5MiAwIDAgMSAxOC4xMjUtMy4wODRsNTIuNTMzIDI1LjI2M2ExNS45MzcgMTUuOTM3IDAgMCAxIDkuMDMgMTQuMzYzVjIxMi41MWMwIDYuMTI1LTMuNTEgMTEuNzA5LTkuMDMgMTQuMzYzbC01Mi41MzMgMjUuMjYyWiIgbWFzaz0idXJsKCNJY29uaWZ5SWQtMTdmODcyMTU1YmUtY2M3NjZlLTU0NDEpIi8+PHBhdGggZmlsbD0idXJsKCNJY29uaWZ5SWQtMTdmODcyMTU1YmUtY2M3NjZlLTU0MzkpIiBmaWxsLW9wYWNpdHk9Ii4yNSIgZD0iTTE4MC44MjggMjUyLjYwNWExNS44NzQgMTUuODc0IDAgMCAwIDEyLjY1LS40ODZsNTIuNS0yNS4yNjNhMTUuOTM4IDE1LjkzOCAwIDAgMCA5LjAyNi0xNC4zNjNWNDEuMTk3YTE1LjkzOSAxNS45MzkgMCAwIDAtOS4wMjUtMTQuMzYzTDE5My40NzcgMS41N2ExNS44NzcgMTUuODc3IDAgMCAwLTE4LjExNCAzLjA4NEw3NC44NTcgOTYuMzVsLTQzLjc4LTMzLjIzMmExMC42MTQgMTAuNjE0IDAgMCAwLTEzLjU2LjYwM0wzLjQ3NiA3Ni40OTRjLTQuNjMgNC4yMTEtNC42MzUgMTEuNDk1LS4wMTIgMTUuNzEzbDM3Ljk2NyAzNC42MzhsLTM3Ljk2NyAzNC42MzdjLTQuNjIzIDQuMjE5LTQuNjE4IDExLjUwMi4wMTIgMTUuNzE0bDE0LjA0MSAxMi43NzJhMTAuNjE0IDEwLjYxNCAwIDAgMCAxMy41Ni42MDRsNDMuNzgtMzMuMjMzbDEwMC41MDYgOTEuNjk1YTE1Ljg1NyAxNS44NTcgMCAwIDAgNS40NjUgMy41NzFabTEwLjQ2NC0xODMuNjVsLTc2LjI2MiA1Ny44OWw3Ni4yNjIgNTcuODg4VjY4Ljk1NloiIG1hc2s9InVybCgjSWNvbmlmeUlkLTE3Zjg3MjE1NWJlLWNjNzY2ZS01NDQxKSIvPjwvc3ZnPg==";
+var visual_studio_code_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1.01em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 254" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"><defs><linearGradient id="IconifyId-17f872155be-cc766e-5439" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="%23FFF"/><stop offset="100%" stop-color="%23FFF" stop-opacity="0"/></linearGradient><path id="IconifyId-17f872155be-cc766e-5440" d="M180.828 252.605a15.872 15.872 0 0 0 12.65-.486l52.501-25.262a15.94 15.94 0 0 0 9.025-14.364V41.197a15.939 15.939 0 0 0-9.025-14.363l-52.5-25.263a15.877 15.877 0 0 0-18.115 3.084L74.857 96.35l-43.78-33.232a10.614 10.614 0 0 0-13.56.603L3.476 76.494c-4.63 4.211-4.635 11.495-.012 15.713l37.967 34.638l-37.967 34.637c-4.623 4.219-4.618 11.502.012 15.714l14.041 12.772a10.614 10.614 0 0 0 13.56.604l43.78-33.233l100.507 91.695a15.853 15.853 0 0 0 5.464 3.571Zm10.464-183.649l-76.262 57.889l76.262 57.888V68.956Z"/></defs><mask id="IconifyId-17f872155be-cc766e-5441" fill="%23fff"><use href="%23IconifyId-17f872155be-cc766e-5440"/></mask><path fill="%230065A9" d="M246.135 26.873L193.593 1.575a15.885 15.885 0 0 0-18.123 3.08L3.466 161.482c-4.626 4.219-4.62 11.502.012 15.714l14.05 12.772a10.625 10.625 0 0 0 13.569.604L238.229 33.436c6.949-5.271 16.93-.315 16.93 8.407v-.61a15.938 15.938 0 0 0-9.024-14.36Z" mask="url(%23IconifyId-17f872155be-cc766e-5441)"/><path fill="%23007ACC" d="m246.135 226.816l-52.542 25.298a15.887 15.887 0 0 1-18.123-3.08L3.466 92.207c-4.626-4.218-4.62-11.502.012-15.713l14.05-12.773a10.625 10.625 0 0 1 13.569-.603l207.132 157.135c6.949 5.271 16.93.315 16.93-8.408v.611a15.939 15.939 0 0 1-9.024 14.36Z" mask="url(%23IconifyId-17f872155be-cc766e-5441)"/><path fill="%231F9CF0" d="M193.428 252.134a15.892 15.892 0 0 1-18.125-3.083c5.881 5.88 15.938 1.715 15.938-6.603V11.273c0-8.318-10.057-12.483-15.938-6.602a15.892 15.892 0 0 1 18.125-3.084l52.533 25.263a15.937 15.937 0 0 1 9.03 14.363V212.51c0 6.125-3.51 11.709-9.03 14.363l-52.533 25.262Z" mask="url(%23IconifyId-17f872155be-cc766e-5441)"/><path fill="url(%23IconifyId-17f872155be-cc766e-5439)" fill-opacity=".25" d="M180.828 252.605a15.874 15.874 0 0 0 12.65-.486l52.5-25.263a15.938 15.938 0 0 0 9.026-14.363V41.197a15.939 15.939 0 0 0-9.025-14.363L193.477 1.57a15.877 15.877 0 0 0-18.114 3.084L74.857 96.35l-43.78-33.232a10.614 10.614 0 0 0-13.56.603L3.476 76.494c-4.63 4.211-4.635 11.495-.012 15.713l37.967 34.638l-37.967 34.637c-4.623 4.219-4.618 11.502.012 15.714l14.041 12.772a10.614 10.614 0 0 0 13.56.604l43.78-33.233l100.506 91.695a15.857 15.857 0 0 0 5.465 3.571Zm10.464-183.65l-76.262 57.89l76.262 57.888V68.956Z" mask="url(%23IconifyId-17f872155be-cc766e-5441)"/></svg>';
 
 // src/behaviors/icons/geogebra.svg
-var geogebra_default = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1hcmN0aWNvbnMiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM2NTU3ZDIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMjQgM2E0Ljc3IDQuNzcgMCAxIDAgNC43NyA0Ljc3QTQuNzggNC43OCAwIDAgMCAyNCAzWk03LjY5IDE0Ljg2YTQuNzcgNC43NyAwIDEgMCA0Ljc2IDQuNzdhNC43NiA0Ljc2IDAgMCAwLTQuNzYtNC43N1ptMzIuNjQgMGE0Ljc3IDQuNzcgMCAxIDAgNC43NyA0Ljc3YTQuNzcgNC43NyAwIDAgMC00Ljc3LTQuNzdaTTEzLjkyIDM0LjA1YTQuNzcgNC43NyAwIDEgMCA0Ljc3IDQuNzdhNC43NiA0Ljc2IDAgMCAwLTQuNzctNC43N1ptMjAuMTggMGE0Ljc3IDQuNzcgMCAxIDAgNC43NiA0Ljc3YTQuNzYgNC43NiAwIDAgMC00Ljc2LTQuNzdaIj48L3BhdGg+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjU1N2QyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTE5LjI3IDguMzVhMTcuMjQgMTcuMjQgMCAwIDAtOS43MyA2Ljg3bTI4LjUxLjIyYTE3LjI4IDE3LjI4IDAgMCAwLTkuMzQtNi45NG04LjcgMjYuODlBMTcuMDkgMTcuMDkgMCAwIDAgNDAuOTMgMjV2LS42MU0xOCA0MS4yMmExNy4yMyAxNy4yMyAwIDAgMCA1LjY4IDFhMTcgMTcgMCAwIDAgNi4yLTEuMjJNNi41MyAyNC4yNXYuNzJhMTcuMTYgMTcuMTYgMCAwIDAgMy43NyAxMC43NiI+PC9wYXRoPjwvc3ZnPg==";
+var geogebra_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--arcticons" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"><path fill="none" stroke="%236557d2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M24 3a4.77 4.77 0 1 0 4.77 4.77A4.78 4.78 0 0 0 24 3ZM7.69 14.86a4.77 4.77 0 1 0 4.76 4.77a4.76 4.76 0 0 0-4.76-4.77Zm32.64 0a4.77 4.77 0 1 0 4.77 4.77a4.77 4.77 0 0 0-4.77-4.77ZM13.92 34.05a4.77 4.77 0 1 0 4.77 4.77a4.76 4.76 0 0 0-4.77-4.77Zm20.18 0a4.77 4.77 0 1 0 4.76 4.77a4.76 4.76 0 0 0-4.76-4.77Z"></path><path fill="none" stroke="%236557d2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19.27 8.35a17.24 17.24 0 0 0-9.73 6.87m28.51.22a17.28 17.28 0 0 0-9.34-6.94m8.7 26.89A17.09 17.09 0 0 0 40.93 25v-.61M18 41.22a17.23 17.23 0 0 0 5.68 1a17 17 0 0 0 6.2-1.22M6.53 24.25v.72a17.16 17.16 0 0 0 3.77 10.76"></path></svg>';
 
 // src/behaviors/icons/countdown.svg
-var countdown_default = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1yYWRpeC1pY29ucyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTUgMTUiPjxwYXRoIGZpbGw9ImdyZXkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjE1IDcuNWMwLTIuODM1LTIuMjEtNS42NS01LjY1LTUuNjVjLTIuNzc4IDAtNC4xNTEgMi4wNTYtNC43MzcgMy4xNUg0LjVhLjUuNSAwIDAgMSAwIDFoLTNhLjUuNSAwIDAgMS0uNS0uNXYtM2EuNS41IDAgMCAxIDEgMHYxLjgxM0MyLjcwNSAzLjA3MSA0LjMzNC44NSA3LjUuODVjNC4wNjMgMCA2LjY1IDMuMzM1IDYuNjUgNi42NWMwIDMuMzE1LTIuNTg3IDYuNjUtNi42NSA2LjY1Yy0xLjk0NCAwLTMuNTYyLS43Ny00LjcxNS0xLjk0MmE2Ljc3MiA2Ljc3MiAwIDAgMS0xLjQyNy0yLjE2N2EuNS41IDAgMSAxIC45MjUtLjM4Yy4yOC42ODEuNjkyIDEuMzE0IDEuMjE2IDEuODQ2Yy45NzIuOTkgMi4zMzYgMS42NDMgNC4wMDEgMS42NDNjMy40NCAwIDUuNjUtMi44MTUgNS42NS01LjY1Wk03IDEwVjVoMXY1SDdaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjwvcGF0aD48L3N2Zz4=";
+var countdown_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--radix-icons" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 15 15"><path fill="grey" fill-rule="evenodd" d="M13.15 7.5c0-2.835-2.21-5.65-5.65-5.65c-2.778 0-4.151 2.056-4.737 3.15H4.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v1.813C2.705 3.071 4.334.85 7.5.85c4.063 0 6.65 3.335 6.65 6.65c0 3.315-2.587 6.65-6.65 6.65c-1.944 0-3.562-.77-4.715-1.942a6.772 6.772 0 0 1-1.427-2.167a.5.5 0 1 1 .925-.38c.28.681.692 1.314 1.216 1.846c.972.99 2.336 1.643 4.001 1.643c3.44 0 5.65-2.815 5.65-5.65ZM7 10V5h1v5H7Z" clip-rule="evenodd"></path></svg>';
 
 // src/behaviors/apps.ts
 var AppsInToolbar = class {
@@ -5824,12 +5904,14 @@ function instance49($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 385) {
-      if (value !== real_value && !grabbing) {
+      $:
+        if (value !== real_value && !grabbing) {
           $$invalidate(7, real_value = value);
         }
     }
     if ($$self.$$.dirty & 152) {
-      $$invalidate(9, percent = 100 * (real_value - min) / (max - min));
+      $:
+        $$invalidate(9, percent = 100 * (real_value - min) / (max - min));
     }
   };
   return [
@@ -5935,13 +6017,16 @@ function instance50($$self, $$props, $$invalidate) {
   $$self.$$.update = () => {
     var _a;
     if ($$self.$$.dirty & 8) {
-      $$subscribe_memberState($$invalidate(1, memberState = app == null ? void 0 : app.memberState));
+      $:
+        $$subscribe_memberState($$invalidate(1, memberState = app == null ? void 0 : app.memberState));
     }
     if ($$self.$$.dirty & 128) {
-      $$invalidate(6, value = (_a = $memberState == null ? void 0 : $memberState.strokeWidth) != null ? _a : 1);
+      $:
+        $$invalidate(6, value = (_a = $memberState == null ? void 0 : $memberState.strokeWidth) != null ? _a : 1);
     }
     if ($$self.$$.dirty & 112) {
-      $$invalidate(0, props = { value, theme, disabled });
+      $:
+        $$invalidate(0, props = { value, theme, disabled });
     }
   };
   return [
@@ -5974,6 +6059,7 @@ function create_each_block(key_1, ctx) {
   let span;
   let t;
   let button_class_value;
+  let button_data_color_key_value;
   return {
     key: key_1,
     first: null,
@@ -5984,7 +6070,7 @@ function create_each_block(key_1, ctx) {
       attr(span, "class", "fastboard-toolbar-color-item");
       set_style(span, "background-color", ctx[7]);
       attr(button, "class", button_class_value = "fastboard-toolbar-btn fastboard-toolbar-color-btn " + ctx[0]);
-      attr(button, "data-color-key", ctx[7]);
+      attr(button, "data-color-key", button_data_color_key_value = ctx[7]);
       button.disabled = ctx[1];
       toggle_class(button, "is-active", is_equal_color(ctx[2], colors[ctx[7]]));
       this.first = button;
@@ -6096,10 +6182,12 @@ function instance51($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 32) {
-      $$subscribe_memberState($$invalidate(3, memberState = app == null ? void 0 : app.memberState));
+      $:
+        $$subscribe_memberState($$invalidate(3, memberState = app == null ? void 0 : app.memberState));
     }
     if ($$self.$$.dirty & 64) {
-      $$invalidate(2, strokeColor = $memberState == null ? void 0 : $memberState.strokeColor);
+      $:
+        $$invalidate(2, strokeColor = $memberState == null ? void 0 : $memberState.strokeColor);
     }
   };
   return [theme, disabled, strokeColor, memberState, set_stroke_color, app, $memberState];
@@ -6123,6 +6211,7 @@ function create_each_block2(key_1, ctx) {
   let span;
   let t;
   let button_class_value;
+  let button_data_color_key_value;
   return {
     key: key_1,
     first: null,
@@ -6133,7 +6222,7 @@ function create_each_block2(key_1, ctx) {
       attr(span, "class", "fastboard-toolbar-color-item");
       set_style(span, "background-color", ctx[7]);
       attr(button, "class", button_class_value = "fastboard-toolbar-btn fastboard-toolbar-color-btn " + ctx[0]);
-      attr(button, "data-color-key", ctx[7]);
+      attr(button, "data-color-key", button_data_color_key_value = ctx[7]);
       button.disabled = ctx[1];
       toggle_class(button, "is-active", is_equal_color2(ctx[2], colors[ctx[7]]));
       this.first = button;
@@ -6245,10 +6334,12 @@ function instance52($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 32) {
-      $$subscribe_memberState($$invalidate(3, memberState = app == null ? void 0 : app.memberState));
+      $:
+        $$subscribe_memberState($$invalidate(3, memberState = app == null ? void 0 : app.memberState));
     }
     if ($$self.$$.dirty & 64) {
-      $$invalidate(2, textColor = $memberState == null ? void 0 : $memberState.textColor);
+      $:
+        $$invalidate(2, textColor = $memberState == null ? void 0 : $memberState.textColor);
     }
   };
   return [theme, disabled, textColor, memberState, set_stroke_color, app, $memberState];
@@ -6413,6 +6504,7 @@ function create_each_block3(key_1, ctx) {
   let if_block;
   let t_1;
   let button_class_value;
+  let button_data_shape_key_value;
   let tippy_action;
   let current;
   let mounted;
@@ -6424,7 +6516,7 @@ function create_each_block3(key_1, ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type(ctx);
+  current_block_type_index = select_block_type(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     key: key_1,
@@ -6434,7 +6526,7 @@ function create_each_block3(key_1, ctx) {
       if_block.c();
       t_1 = space();
       attr(button, "class", button_class_value = "fastboard-toolbar-btn fastboard-toolbar-shape-btn " + ctx[0] + " " + ctx[12]);
-      attr(button, "data-shape-key", ctx[12]);
+      attr(button, "data-shape-key", button_data_shape_key_value = ctx[12]);
       button.disabled = ctx[1];
       toggle_class(button, "is-active", ctx[13]);
       this.first = button;
@@ -6455,7 +6547,7 @@ function create_each_block3(key_1, ctx) {
     p(new_ctx, dirty) {
       ctx = new_ctx;
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type(ctx);
+      current_block_type_index = select_block_type(ctx, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx, dirty);
       } else {
@@ -6638,22 +6730,28 @@ function instance53($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 512) {
-      $$invalidate(6, t = i18n5[language]);
+      $:
+        $$invalidate(6, t = i18n5[language]);
     }
     if ($$self.$$.dirty & 256) {
-      $$subscribe_memberState($$invalidate(5, memberState = app == null ? void 0 : app.memberState));
+      $:
+        $$subscribe_memberState($$invalidate(5, memberState = app == null ? void 0 : app.memberState));
     }
     if ($$self.$$.dirty & 2048) {
-      $$invalidate(4, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
+      $:
+        $$invalidate(4, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
     }
     if ($$self.$$.dirty & 2048) {
-      $$invalidate(3, shape = $memberState == null ? void 0 : $memberState.shapeType);
+      $:
+        $$invalidate(3, shape = $memberState == null ? void 0 : $memberState.shapeType);
     }
     if ($$self.$$.dirty & 256) {
-      $$invalidate(10, hotkeys = app == null ? void 0 : app.hotKeys);
+      $:
+        $$invalidate(10, hotkeys = app == null ? void 0 : app.hotKeys);
     }
     if ($$self.$$.dirty & 1024) {
-      $$invalidate(2, c = {
+      $:
+        $$invalidate(2, c = {
           rectangle: hotkeys == null ? void 0 : hotkeys.changeToRectangle,
           ellipse: hotkeys == null ? void 0 : hotkeys.changeToEllipse,
           straight: hotkeys == null ? void 0 : hotkeys.changeToStraight,
@@ -6862,7 +6960,7 @@ function create_default_slot_8(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type(ctx);
+  current_block_type_index = select_block_type(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -6876,7 +6974,7 @@ function create_default_slot_8(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type(ctx2);
+      current_block_type_index = select_block_type(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -6993,7 +7091,7 @@ function create_default_slot_7(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_1(ctx);
+  current_block_type_index = select_block_type_1(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -7007,7 +7105,7 @@ function create_default_slot_7(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_1(ctx2);
+      current_block_type_index = select_block_type_1(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -7124,7 +7222,7 @@ function create_default_slot_6(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_2(ctx);
+  current_block_type_index = select_block_type_2(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -7138,7 +7236,7 @@ function create_default_slot_6(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_2(ctx2);
+      current_block_type_index = select_block_type_2(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -7255,7 +7353,7 @@ function create_default_slot_53(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_3(ctx);
+  current_block_type_index = select_block_type_3(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -7269,7 +7367,7 @@ function create_default_slot_53(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_3(ctx2);
+      current_block_type_index = select_block_type_3(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -7456,7 +7554,7 @@ function create_default_slot_43(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_4(ctx);
+  current_block_type_index = select_block_type_4(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -7470,7 +7568,7 @@ function create_default_slot_43(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_4(ctx2);
+      current_block_type_index = select_block_type_4(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -7587,7 +7685,7 @@ function create_default_slot_34(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_5(ctx);
+  current_block_type_index = select_block_type_5(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -7601,7 +7699,7 @@ function create_default_slot_34(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_5(ctx2);
+      current_block_type_index = select_block_type_5(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -7957,7 +8055,9 @@ function create_fragment54(ctx) {
   let t6;
   let button6;
   let t7;
+  let div0_class_value;
   let scrollHeight_action;
+  let scrollTop_action;
   let t8;
   let t9;
   let div8;
@@ -7965,24 +8065,32 @@ function create_fragment54(ctx) {
   let strokewidth0;
   let t10;
   let div1;
+  let div1_class_value;
   let t11;
   let strokecolor0;
+  let div2_class_value;
   let t12;
   let div3;
   let textcolor;
+  let div3_class_value;
   let t13;
   let div6;
   let shapes2;
   let t14;
   let div4;
+  let div4_class_value;
   let t15;
   let strokewidth1;
   let t16;
   let div5;
+  let div5_class_value;
   let t17;
   let strokecolor1;
+  let div6_class_value;
   let t18;
   let div7;
+  let div7_class_value;
+  let div8_class_value;
   let current;
   let mounted;
   let dispose;
@@ -8182,17 +8290,17 @@ function create_fragment54(ctx) {
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].c();
       }
-      attr(div0, "class", name5 + "-scrollable");
+      attr(div0, "class", div0_class_value = name5 + "-scrollable");
       toggle_class(div0, "scrollable", ctx[5]);
-      attr(div1, "class", name5 + "-panel-divider");
-      attr(div2, "class", name5 + "-panel pencil");
-      attr(div3, "class", name5 + "-panel text");
-      attr(div4, "class", name5 + "-panel-divider");
-      attr(div5, "class", name5 + "-panel-divider");
-      attr(div6, "class", name5 + "-panel shapes");
-      attr(div7, "class", name5 + "-panel apps");
+      attr(div1, "class", div1_class_value = name5 + "-panel-divider");
+      attr(div2, "class", div2_class_value = name5 + "-panel pencil");
+      attr(div3, "class", div3_class_value = name5 + "-panel text");
+      attr(div4, "class", div4_class_value = name5 + "-panel-divider");
+      attr(div5, "class", div5_class_value = name5 + "-panel-divider");
+      attr(div6, "class", div6_class_value = name5 + "-panel shapes");
+      attr(div7, "class", div7_class_value = name5 + "-panel apps");
       set_style(div7, "--n", ctx[19].length);
-      attr(div8, "class", name5 + "-panel-wrapper");
+      attr(div8, "class", div8_class_value = name5 + "-panel-wrapper");
       set_style(div8, "display", "none");
     },
     m(target, anchor) {
@@ -8254,7 +8362,7 @@ function create_fragment54(ctx) {
       if (!mounted) {
         dispose = [
           action_destroyer(scrollHeight_action = scrollHeight.call(null, div0, ctx[4])),
-          action_destroyer(scrollTop.call(null, div0, ctx[21]))
+          action_destroyer(scrollTop_action = scrollTop.call(null, div0, ctx[21]))
         ];
         mounted = true;
       }
@@ -8655,7 +8763,8 @@ function instance54($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty[0] & 10) {
-      $$invalidate(15, btn_props = {
+      $:
+        $$invalidate(15, btn_props = {
           name: name5,
           theme,
           disabled,
@@ -8663,13 +8772,16 @@ function instance54($$self, $$props, $$invalidate) {
         });
     }
     if ($$self.$$.dirty[0] & 4) {
-      $$invalidate(9, t = i18n4[language]);
+      $:
+        $$invalidate(9, t = i18n4[language]);
     }
     if ($$self.$$.dirty[0] & 1) {
-      $$invalidate(32, hotkeys = app == null ? void 0 : app.hotKeys);
+      $:
+        $$invalidate(32, hotkeys = app == null ? void 0 : app.hotKeys);
     }
     if ($$self.$$.dirty[0] & 512 | $$self.$$.dirty[1] & 2) {
-      $$invalidate(18, c = {
+      $:
+        $$invalidate(18, c = {
           clicker: tooltip(t.clicker, hotkeys == null ? void 0 : hotkeys.changeToClick),
           selector: tooltip(t.selector, hotkeys == null ? void 0 : hotkeys.changeToSelector),
           pencil: tooltip(t.pencil, hotkeys == null ? void 0 : hotkeys.changeToPencil),
@@ -8678,26 +8790,32 @@ function instance54($$self, $$props, $$invalidate) {
         });
     }
     if ($$self.$$.dirty[0] & 1) {
-      $$subscribe_memberState($$invalidate(17, memberState = app == null ? void 0 : app.memberState));
+      $:
+        $$subscribe_memberState($$invalidate(17, memberState = app == null ? void 0 : app.memberState));
     }
     if ($$self.$$.dirty[1] & 8) {
-      $$invalidate(8, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
+      $:
+        $$invalidate(8, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
     }
     if ($$self.$$.dirty[1] & 8) {
-      $$invalidate(7, shape = $memberState == null ? void 0 : $memberState.shapeType);
+      $:
+        $$invalidate(7, shape = $memberState == null ? void 0 : $memberState.shapeType);
     }
     if ($$self.$$.dirty[0] & 1) {
-      $$subscribe_status($$invalidate(16, status = app == null ? void 0 : app.appsStatus));
+      $:
+        $$subscribe_status($$invalidate(16, status = app == null ? void 0 : app.appsStatus));
     }
     if ($$self.$$.dirty[0] & 384) {
-      if (applianceShapes.includes(appliance)) {
+      $:
+        if (applianceShapes.includes(appliance)) {
           $$invalidate(10, last_shape = appliance);
         } else if (shape) {
           $$invalidate(10, last_shape = shape);
         }
     }
     if ($$self.$$.dirty[0] & 32 | $$self.$$.dirty[1] & 5) {
-      max_scroll = scrollable ? $scroll_height + (32 + 8) * 2 - computed_height : 0;
+      $:
+        max_scroll = scrollable ? $scroll_height + (32 + 8) * 2 - computed_height : 0;
     }
   };
   return [
@@ -8772,18 +8890,20 @@ var Contents_default = Contents;
 // src/components/Toolbar/Toolbar.svelte
 function create_else_block7(ctx) {
   let path0;
+  let path0_class_value;
   let path1;
+  let path1_class_value;
   return {
     c() {
       path0 = svg_element("path");
       path1 = svg_element("path");
       attr(path0, "stroke", "#000");
       attr(path0, "d", "M20 52v16");
-      attr(path0, "class", name6 + "-handler-image-stroke-color");
+      attr(path0, "class", path0_class_value = name6 + "-handler-image-stroke-color");
       attr(path1, "fill", "#000");
       attr(path1, "stroke", "none");
       attr(path1, "d", "M16 52v16l-8-8z");
-      attr(path1, "class", name6 + "-handler-image-fill-color");
+      attr(path1, "class", path1_class_value = name6 + "-handler-image-fill-color");
     },
     m(target, anchor) {
       insert(target, path0, anchor);
@@ -8800,18 +8920,20 @@ function create_else_block7(ctx) {
 }
 function create_if_block7(ctx) {
   let path0;
+  let path0_class_value;
   let path1;
+  let path1_class_value;
   return {
     c() {
       path0 = svg_element("path");
       path1 = svg_element("path");
       attr(path0, "stroke", "#000");
       attr(path0, "d", "M10 52v16");
-      attr(path0, "class", name6 + "-handler-image-stroke-color");
+      attr(path0, "class", path0_class_value = name6 + "-handler-image-stroke-color");
       attr(path1, "fill", "#000");
       attr(path1, "stroke", "none");
       attr(path1, "d", "M14 52v16l8-8z");
-      attr(path1, "class", name6 + "-handler-image-fill-color");
+      attr(path1, "class", path1_class_value = name6 + "-handler-image-fill-color");
     },
     m(target, anchor) {
       insert(target, path0, anchor);
@@ -8837,9 +8959,12 @@ function create_fragment55(ctx) {
   let t1;
   let svg;
   let path0;
+  let path0_class_value;
   let path1;
+  let path1_class_value;
   let label_class_value;
   let div1_class_value;
+  let height_action;
   let current;
   let mounted;
   let dispose;
@@ -8860,7 +8985,7 @@ function create_fragment55(ctx) {
       return create_if_block7;
     return create_else_block7;
   }
-  let current_block_type = select_block_type(ctx);
+  let current_block_type = select_block_type(ctx, -1);
   let if_block = current_block_type(ctx);
   return {
     c() {
@@ -8881,10 +9006,10 @@ function create_fragment55(ctx) {
       attr(path0, "fill", "#fff");
       attr(path0, "stroke", "none");
       attr(path0, "d", "m0 0 24 16q6 4 6 14v60q0 10-6 14L0 120");
-      attr(path0, "class", name6 + "-handler-bg-color");
+      attr(path0, "class", path0_class_value = name6 + "-handler-bg-color");
       attr(path1, "stroke", "#000");
       attr(path1, "d", "m0 0 24 16q6 4 6 14v60q0 10-6 14L0 120");
-      attr(path1, "class", name6 + "-handler-border-color");
+      attr(path1, "class", path1_class_value = name6 + "-handler-border-color");
       attr(svg, "fill", "none");
       attr(svg, "stroke-width", "2");
       attr(svg, "viewBox", "0 0 32 120");
@@ -8909,7 +9034,7 @@ function create_fragment55(ctx) {
       if (!mounted) {
         dispose = [
           listen(input, "change", ctx[15]),
-          action_destroyer(height.call(null, div1, ctx[9]))
+          action_destroyer(height_action = height.call(null, div1, ctx[9]))
         ];
         mounted = true;
       }
@@ -8940,7 +9065,7 @@ function create_fragment55(ctx) {
       if (dirty & 8) {
         input.checked = ctx2[3];
       }
-      if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block) {
+      if (current_block_type === (current_block_type = select_block_type(ctx2, dirty)) && if_block) {
         if_block.p(ctx2, dirty);
       } else {
         if_block.d(1);
@@ -9018,19 +9143,24 @@ function instance55($$self, $$props, $$invalidate) {
   $$self.$$.update = () => {
     var _a;
     if ($$self.$$.dirty & 1) {
-      $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
+      $:
+        $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & 16384) {
-      $$invalidate(7, disabled = !$writable);
+      $:
+        $$invalidate(7, disabled = !$writable);
     }
     if ($$self.$$.dirty & 12288) {
-      $$invalidate(6, computed_height = clamp($container_height, extra_height, $scroll_height + extra_height));
+      $:
+        $$invalidate(6, computed_height = clamp($container_height, extra_height, $scroll_height + extra_height));
     }
     if ($$self.$$.dirty & 12288) {
-      $$invalidate(5, scrollable = $scroll_height + extra_height > $container_height);
+      $:
+        $$invalidate(5, scrollable = $scroll_height + extra_height > $container_height);
     }
     if ($$self.$$.dirty & 2048) {
-      $$invalidate(4, hide_apps = ((_a = config.apps) == null ? void 0 : _a.enable) === false);
+      $:
+        $$invalidate(4, hide_apps = ((_a = config.apps) == null ? void 0 : _a.enable) === false);
     }
   };
   return [
@@ -9319,7 +9449,7 @@ function create_default_slot_25(ctx) {
       return 1;
     return 2;
   }
-  current_block_type_index = select_block_type(ctx);
+  current_block_type_index = select_block_type(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -9333,7 +9463,7 @@ function create_default_slot_25(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type(ctx2);
+      current_block_type_index = select_block_type(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -9377,13 +9507,17 @@ function create_else_block8(ctx) {
   let span0;
   let t1_value = format(ctx[13]) + "";
   let t1;
+  let span0_class_value;
   let t2;
   let span1;
   let t3;
+  let span1_class_value;
   let t4;
   let span2;
   let t5_value = format(ctx[14]) + "";
   let t5;
+  let span2_class_value;
+  let span3_class_value;
   let current;
   slider = new Slider_default({
     props: {
@@ -9408,10 +9542,10 @@ function create_else_block8(ctx) {
       t4 = space();
       span2 = element("span");
       t5 = text(t5_value);
-      attr(span0, "class", name7 + "-current");
-      attr(span1, "class", name7 + "-slash");
-      attr(span2, "class", name7 + "-duration");
-      attr(span3, "class", name7 + "-progress");
+      attr(span0, "class", span0_class_value = name7 + "-current");
+      attr(span1, "class", span1_class_value = name7 + "-slash");
+      attr(span2, "class", span2_class_value = name7 + "-duration");
+      attr(span3, "class", span3_class_value = name7 + "-progress");
     },
     m(target, anchor) {
       mount_component(slider, target, anchor);
@@ -9465,6 +9599,7 @@ function create_if_block8(ctx) {
   let t0;
   let span;
   let t1;
+  let span_class_value;
   let current;
   slider = new Slider_default({
     props: {
@@ -9478,7 +9613,7 @@ function create_if_block8(ctx) {
       t0 = space();
       span = element("span");
       t1 = text("\u2026/\u2026");
-      attr(span, "class", name7 + "-progress loading");
+      attr(span, "class", span_class_value = name7 + "-progress loading");
     },
     m(target, anchor) {
       mount_component(slider, target, anchor);
@@ -9512,12 +9647,13 @@ function create_default_slot_15(ctx) {
   let t0_value = (ctx[15] || 1) + "";
   let t0;
   let t1;
+  let span_class_value;
   return {
     c() {
       span = element("span");
       t0 = text(t0_value);
       t1 = text("x");
-      attr(span, "class", name7 + "-speed-text");
+      attr(span, "class", span_class_value = name7 + "-speed-text");
     },
     m(target, anchor) {
       insert(target, span, anchor);
@@ -9632,6 +9768,7 @@ function create_fragment56(ctx) {
   let div1;
   let each_blocks = [];
   let each_1_lookup = /* @__PURE__ */ new Map();
+  let div1_class_value;
   let current;
   button0 = new Button_default({
     props: {
@@ -9652,7 +9789,7 @@ function create_fragment56(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_1(ctx);
+  current_block_type_index = select_block_type_1(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   button1 = new Button_default({
     props: {
@@ -9689,7 +9826,7 @@ function create_fragment56(ctx) {
         each_blocks[i].c();
       }
       attr(div0, "class", div0_class_value = name7 + " " + ctx[0]);
-      attr(div1, "class", name7 + "-panel speed");
+      attr(div1, "class", div1_class_value = name7 + "-panel speed");
       set_style(div2, "display", "none");
     },
     m(target, anchor) {
@@ -9723,7 +9860,7 @@ function create_fragment56(ctx) {
       }
       button0.$set(button0_changes);
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_1(ctx2);
+      current_block_type_index = select_block_type_1(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -9891,37 +10028,48 @@ function instance56($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 1048576) {
-      $$invalidate(12, t = i18n6[language]);
+      $:
+        $$invalidate(12, t = i18n6[language]);
     }
     if ($$self.$$.dirty & 524288) {
-      $$invalidate(21, canPlay = player == null ? void 0 : player.canplay);
+      $:
+        $$invalidate(21, canPlay = player == null ? void 0 : player.canplay);
     }
     if ($$self.$$.dirty & 2097152) {
-      $$invalidate(4, disabled = !canPlay);
+      $:
+        $$invalidate(4, disabled = !canPlay);
     }
     if ($$self.$$.dirty & 16) {
-      $$invalidate(5, type = disabled ? "disable" : "normal");
+      $:
+        $$invalidate(5, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & 524288) {
-      $$subscribe_duration($$invalidate(11, duration = player == null ? void 0 : player.duration));
+      $:
+        $$subscribe_duration($$invalidate(11, duration = player == null ? void 0 : player.duration));
     }
     if ($$self.$$.dirty & 524288) {
-      $$subscribe_current($$invalidate(10, current = player == null ? void 0 : player.currentTime));
+      $:
+        $$subscribe_current($$invalidate(10, current = player == null ? void 0 : player.currentTime));
     }
     if ($$self.$$.dirty & 524288) {
-      $$subscribe_playbackRate($$invalidate(9, playbackRate = player == null ? void 0 : player.playbackRate));
+      $:
+        $$subscribe_playbackRate($$invalidate(9, playbackRate = player == null ? void 0 : player.playbackRate));
     }
     if ($$self.$$.dirty & 524288) {
-      $$subscribe_phase($$invalidate(8, phase = player == null ? void 0 : player.phase));
+      $:
+        $$subscribe_phase($$invalidate(8, phase = player == null ? void 0 : player.phase));
     }
     if ($$self.$$.dirty & 4194304) {
-      $$invalidate(3, loading = $phase === "waitingFirstFrame" || $phase === "buffering");
+      $:
+        $$invalidate(3, loading = $phase === "waitingFirstFrame" || $phase === "buffering");
     }
     if ($$self.$$.dirty & 4194304) {
-      $$invalidate(2, playing = $phase === "playing");
+      $:
+        $$invalidate(2, playing = $phase === "playing");
     }
     if ($$self.$$.dirty & 12) {
-      $$invalidate(7, className = [loading ? "loading" : "", playing ? "pause" : "play"].filter(Boolean).join(" "));
+      $:
+        $$invalidate(7, className = [loading ? "loading" : "", playing ? "pause" : "play"].filter(Boolean).join(" "));
     }
   };
   return [
@@ -9969,9 +10117,12 @@ var PlayerControl_default = PlayerControl;
 function create_fragment57(ctx) {
   let div2;
   let div0;
+  let div0_class_value;
   let t;
   let div1;
   let playercontrol;
+  let div1_class_value;
+  let div2_class_value;
   let current;
   let mounted;
   let dispose;
@@ -9989,9 +10140,9 @@ function create_fragment57(ctx) {
       t = space();
       div1 = element("div");
       create_component(playercontrol.$$.fragment);
-      attr(div0, "class", name8 + "-view");
-      attr(div1, "class", name8 + "-bottom");
-      attr(div2, "class", name8 + "-root");
+      attr(div0, "class", div0_class_value = name8 + "-view");
+      attr(div1, "class", div1_class_value = name8 + "-bottom");
+      attr(div2, "class", div2_class_value = name8 + "-root");
       toggle_class(div2, "loading", !ctx[0]);
     },
     m(target, anchor) {
@@ -10080,7 +10231,8 @@ function instance57($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 9) {
-      try {
+      $:
+        try {
           if (player && container) {
             player.bindContainer(container);
             $$invalidate(6, mounted = true);
@@ -10091,7 +10243,8 @@ function instance57($$self, $$props, $$invalidate) {
         }
     }
     if ($$self.$$.dirty & 67) {
-      if (player && theme && mounted) {
+      $:
+        if (player && theme && mounted) {
           player.manager.setPrefersColorScheme(theme);
         }
     }
@@ -10300,13 +10453,18 @@ function create_fragment58(ctx) {
   var _a, _b, _c, _d;
   let div4;
   let div0;
+  let div0_class_value;
   let t0;
   let div1;
+  let div1_class_value;
   let t1;
   let div2;
   let t2;
+  let div2_class_value;
   let t3;
   let div3;
+  let div3_class_value;
+  let div4_class_value;
   let current;
   let mounted;
   let dispose;
@@ -10333,14 +10491,14 @@ function create_fragment58(ctx) {
       div3 = element("div");
       if (if_block3)
         if_block3.c();
-      attr(div0, "class", name9 + "-view");
-      attr(div1, "class", name9 + "-left");
+      attr(div0, "class", div0_class_value = name9 + "-view");
+      attr(div1, "class", div1_class_value = name9 + "-left");
       toggle_class(div1, "hidden", !(ctx[5] === "visible" || ctx[5] === "toolbar-only"));
-      attr(div2, "class", name9 + "-bottom-left");
+      attr(div2, "class", div2_class_value = name9 + "-bottom-left");
       toggle_class(div2, "hidden", ctx[5] !== "visible");
-      attr(div3, "class", name9 + "-bottom-right");
+      attr(div3, "class", div3_class_value = name9 + "-bottom-right");
       toggle_class(div3, "hidden", ctx[5] !== "visible");
-      attr(div4, "class", name9 + "-root");
+      attr(div4, "class", div4_class_value = name9 + "-root");
       toggle_class(div4, "loading", !ctx[0]);
     },
     m(target, anchor) {
@@ -10546,16 +10704,20 @@ function instance58($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 1) {
-      $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
+      $:
+        $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & 1) {
-      $$subscribe_boxState($$invalidate(7, boxState = app == null ? void 0 : app.boxState));
+      $:
+        $$subscribe_boxState($$invalidate(7, boxState = app == null ? void 0 : app.boxState));
     }
     if ($$self.$$.dirty & 1) {
-      $$subscribe_focusedApp($$invalidate(6, focusedApp = app == null ? void 0 : app.focusedApp));
+      $:
+        $$subscribe_focusedApp($$invalidate(6, focusedApp = app == null ? void 0 : app.focusedApp));
     }
     if ($$self.$$.dirty & 28672) {
-      if (!$writable) {
+      $:
+        if (!$writable) {
           $$invalidate(5, layout = "hidden");
         } else if ($boxState === "maximized") {
           if ($focusedApp && AppsShowToolbar.some((kind) => ($focusedApp || "").includes(kind))) {
@@ -10568,7 +10730,8 @@ function instance58($$self, $$props, $$invalidate) {
         }
     }
     if ($$self.$$.dirty & 17) {
-      try {
+      $:
+        try {
           if (app && container) {
             app.bindContainer(container);
             $$invalidate(11, mounted = true);
@@ -10579,7 +10742,8 @@ function instance58($$self, $$props, $$invalidate) {
         }
     }
     if ($$self.$$.dirty & 2051) {
-      if (app && theme && mounted) {
+      $:
+        if (app && theme && mounted) {
           app.manager.setPrefersColorScheme(theme);
         }
     }
@@ -10672,7 +10836,16 @@ function createReplayUI(player, div) {
   }
   return ui;
 }
-
-export { Fastboard_default as Fastboard, PageControl_default as PageControl, PlayerControl_default as PlayerControl, RedoUndo_default as RedoUndo, ReplayFastboard_default as ReplayFastboard, Toolbar_default as Toolbar, ZoomControl_default as ZoomControl, apps, createReplayUI, createUI };
-//# sourceMappingURL=out.js.map
+export {
+  Fastboard_default as Fastboard,
+  PageControl_default as PageControl,
+  PlayerControl_default as PlayerControl,
+  RedoUndo_default as RedoUndo,
+  ReplayFastboard_default as ReplayFastboard,
+  Toolbar_default as Toolbar,
+  ZoomControl_default as ZoomControl,
+  apps,
+  createReplayUI,
+  createUI
+};
 //# sourceMappingURL=index.mjs.map