npm - @netless/fastboard-ui - Versions diffs - 0.3.2-canary.1 → 0.3.2-canary.4 - Mend

@netless/fastboard-ui 0.3.2-canary.1 → 0.3.2-canary.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/index.d.ts +23 -1
package/dist/index.js +531 -172
package/dist/index.js.map +1 -1
package/dist/index.mjs +531 -172
package/dist/index.mjs.map +1 -1
package/dist/index.svelte.mjs +947 -568
package/dist/index.svelte.mjs.map +1 -1
package/package.json +3 -3
package/src/components/Fastboard/Fastboard.svelte +14 -5
package/src/components/Fastboard/Fastboard.svelte.ts +2 -1
package/src/components/Toolbar/Toolbar.scss +7 -0
package/src/components/Toolbar/components/Contents.svelte +2 -1
package/src/components/Toolbar/components/TextColor.svelte +39 -0
package/src/index.ts +1 -1
package/src/typings.ts +15 -0

package/dist/index.svelte.mjs CHANGED Viewed

@@ -3512,12 +3512,12 @@ if (is_client) {
       {
         name: "className",
         defaultValue: "",
-        fn(instance59) {
+        fn(instance60) {
           function add() {
-            const el = instance59.popper.firstElementChild;
+            const el = instance60.popper.firstElementChild;
             if (el) {
               el.classList.add("fastboard-tip");
-              const extra = (instance59.props.className || "").trim();
+              const extra = (instance60.props.className || "").trim();
               if (extra) {
                 el.classList.add(extra);
               }
@@ -3525,7 +3525,7 @@ if (is_client) {
           }
           function remove() {
             var _a;
-            (_a = instance59.popper.firstElementChild) == null ? void 0 : _a.classList.remove("fastboard-tip");
+            (_a = instance60.popper.firstElementChild) == null ? void 0 : _a.classList.remove("fastboard-tip");
           }
           return {
             onCreate: add,
@@ -3538,21 +3538,21 @@ if (is_client) {
   });
 }
 var tippy = function(node, props) {
-  const instance59 = Tippy(node, props);
+  const instance60 = Tippy(node, props);
   return {
     update(props2) {
-      instance59.setProps(props2);
+      instance60.setProps(props2);
     },
     destroy() {
-      instance59.destroy();
+      instance60.destroy();
     }
   };
 };
 function tippy_hide_all() {
   document.querySelectorAll("[data-tippy-root]").forEach((el) => {
-    const instance59 = el._tippy;
-    if (instance59)
-      instance59.hide();
+    const instance60 = el._tippy;
+    if (instance60)
+      instance60.hide();
   });
 }
 var tippy_menu = {
@@ -5561,27 +5561,27 @@ var ZoomControl_default = ZoomControl;
 // src/components/Toolbar/Toolbar.svelte
 import {
-  SvelteComponent as SvelteComponent55,
+  SvelteComponent as SvelteComponent56,
   action_destroyer as action_destroyer4,
-  append as append54,
-  attr as attr55,
+  append as append55,
+  attr as attr56,
   component_subscribe as component_subscribe2,
   create_component as create_component7,
   destroy_component as destroy_component7,
-  detach as detach54,
-  element as element11,
-  init as init55,
-  insert as insert54,
-  listen as listen6,
+  detach as detach55,
+  element as element12,
+  init as init56,
+  insert as insert55,
+  listen as listen7,
   mount_component as mount_component7,
-  noop as noop54,
+  noop as noop55,
   run_all as run_all4,
-  safe_not_equal as safe_not_equal55,
-  set_style as set_style4,
-  space as space8,
-  subscribe as subscribe8,
+  safe_not_equal as safe_not_equal56,
+  set_style as set_style5,
+  space as space9,
+  subscribe as subscribe9,
   svg_element as svg_element45,
-  toggle_class as toggle_class49,
+  toggle_class as toggle_class50,
   transition_in as transition_in9,
   transition_out as transition_out9
 } from "svelte/internal";
@@ -5621,39 +5621,39 @@ var scrollHeight = function(node, height2) {
 // src/components/Toolbar/components/Contents.svelte
 import {
-  SvelteComponent as SvelteComponent54,
+  SvelteComponent as SvelteComponent55,
   action_destroyer as action_destroyer3,
-  append as append53,
+  append as append54,
   assign as assign2,
-  attr as attr54,
+  attr as attr55,
   binding_callbacks,
   check_outros as check_outros4,
   component_subscribe,
   create_component as create_component6,
   destroy_component as destroy_component6,
   destroy_each,
-  detach as detach53,
-  element as element10,
+  detach as detach54,
+  element as element11,
   empty as empty4,
   get_spread_object as get_spread_object2,
   get_spread_update as get_spread_update2,
   group_outros as group_outros4,
-  init as init54,
-  insert as insert53,
+  init as init55,
+  insert as insert54,
   is_function as is_function3,
-  listen as listen5,
+  listen as listen6,
   mount_component as mount_component6,
-  noop as noop53,
+  noop as noop54,
   run_all as run_all3,
-  safe_not_equal as safe_not_equal54,
+  safe_not_equal as safe_not_equal55,
   set_data as set_data3,
   set_store_value,
-  set_style as set_style3,
-  space as space7,
+  set_style as set_style4,
+  space as space8,
   src_url_equal as src_url_equal2,
-  subscribe as subscribe7,
+  subscribe as subscribe8,
   text as text_1,
-  toggle_class as toggle_class48,
+  toggle_class as toggle_class49,
   transition_in as transition_in8,
   transition_out as transition_out8
 } from "svelte/internal";
@@ -6317,35 +6317,205 @@ var StrokeColor = class extends SvelteComponent52 {
 };
 var StrokeColor_default = StrokeColor;
-// src/components/Toolbar/components/Shapes.svelte
+// src/components/Toolbar/components/TextColor.svelte
 import {
   SvelteComponent as SvelteComponent53,
-  action_destroyer as action_destroyer2,
   append as append52,
   attr as attr53,
-  check_outros as check_outros3,
-  create_component as create_component5,
-  destroy_component as destroy_component5,
+  destroy_block as destroy_block2,
   detach as detach52,
   element as element9,
-  empty as empty3,
-  group_outros as group_outros3,
   init as init53,
   insert as insert52,
-  is_function as is_function2,
   listen as listen4,
-  mount_component as mount_component5,
   noop as noop52,
-  outro_and_destroy_block,
   safe_not_equal as safe_not_equal53,
+  set_style as set_style3,
   space as space6,
   subscribe as subscribe6,
   toggle_class as toggle_class47,
-  transition_in as transition_in7,
-  transition_out as transition_out7,
   update_keyed_each as update_keyed_each2
 } from "svelte/internal";
 function get_each_context2(ctx, list, i) {
+  const child_ctx = ctx.slice();
+  child_ctx[7] = list[i];
+  return child_ctx;
+}
+function create_each_block2(key_1, ctx) {
+  let button;
+  let span;
+  let t;
+  let button_class_value;
+  let button_data_color_key_value;
+  return {
+    key: key_1,
+    first: null,
+    c() {
+      button = element9("button");
+      span = element9("span");
+      t = space6();
+      attr53(span, "class", "fastboard-toolbar-color-item");
+      set_style3(span, "background-color", ctx[7], false);
+      attr53(button, "class", button_class_value = "fastboard-toolbar-btn fastboard-toolbar-color-btn " + ctx[0]);
+      attr53(button, "data-color-key", button_data_color_key_value = ctx[7]);
+      button.disabled = ctx[1];
+      toggle_class47(button, "is-active", is_equal_color2(ctx[2], colors[ctx[7]]));
+      this.first = button;
+    },
+    m(target, anchor) {
+      insert52(target, button, anchor);
+      append52(button, span);
+      append52(button, t);
+    },
+    p(new_ctx, dirty) {
+      ctx = new_ctx;
+      if (dirty & 1 && button_class_value !== (button_class_value = "fastboard-toolbar-btn fastboard-toolbar-color-btn " + ctx[0])) {
+        attr53(button, "class", button_class_value);
+      }
+      if (dirty & 2) {
+        button.disabled = ctx[1];
+      }
+      if (dirty & 5) {
+        toggle_class47(button, "is-active", is_equal_color2(ctx[2], colors[ctx[7]]));
+      }
+    },
+    d(detaching) {
+      if (detaching)
+        detach52(button);
+    }
+  };
+}
+function create_fragment53(ctx) {
+  let div;
+  let each_blocks = [];
+  let each_1_lookup = /* @__PURE__ */ new Map();
+  let div_class_value;
+  let mounted;
+  let dispose;
+  let each_value = colorKeys;
+  const get_key = (ctx2) => ctx2[7];
+  for (let i = 0; i < each_value.length; i += 1) {
+    let child_ctx = get_each_context2(ctx, each_value, i);
+    let key = get_key(child_ctx);
+    each_1_lookup.set(key, each_blocks[i] = create_each_block2(key, child_ctx));
+  }
+  return {
+    c() {
+      div = element9("div");
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        each_blocks[i].c();
+      }
+      attr53(div, "class", div_class_value = "fastboard-toolbar-colors " + ctx[0]);
+    },
+    m(target, anchor) {
+      insert52(target, div, anchor);
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        each_blocks[i].m(div, null);
+      }
+      if (!mounted) {
+        dispose = listen4(div, "click", ctx[4]);
+        mounted = true;
+      }
+    },
+    p(ctx2, [dirty]) {
+      if (dirty & 7) {
+        each_value = colorKeys;
+        each_blocks = update_keyed_each2(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div, destroy_block2, create_each_block2, null, get_each_context2);
+      }
+      if (dirty & 1 && div_class_value !== (div_class_value = "fastboard-toolbar-colors " + ctx2[0])) {
+        attr53(div, "class", div_class_value);
+      }
+    },
+    i: noop52,
+    o: noop52,
+    d(detaching) {
+      if (detaching)
+        detach52(div);
+      for (let i = 0; i < each_blocks.length; i += 1) {
+        each_blocks[i].d();
+      }
+      mounted = false;
+      dispose();
+    }
+  };
+}
+function is_equal_color2(a, b) {
+  return a && b && a.every((v, i) => v === b[i]);
+}
+function instance53($$self, $$props, $$invalidate) {
+  let memberState;
+  let textColor;
+  let $memberState, $$unsubscribe_memberState = noop52, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe6(memberState, ($$value) => $$invalidate(6, $memberState = $$value)), memberState);
+  $$self.$$.on_destroy.push(() => $$unsubscribe_memberState());
+  let { app = null } = $$props;
+  let { theme = "light" } = $$props;
+  let { disabled = false } = $$props;
+  function set_stroke_color(ev) {
+    let button = ev.target;
+    if (button && button.dataset.colorKey) {
+      let color = colors[button.dataset.colorKey];
+      if (color && app) {
+        app.setTextColor(color);
+      }
+    }
+  }
+  $$self.$$set = ($$props2) => {
+    if ("app" in $$props2)
+      $$invalidate(5, app = $$props2.app);
+    if ("theme" in $$props2)
+      $$invalidate(0, theme = $$props2.theme);
+    if ("disabled" in $$props2)
+      $$invalidate(1, disabled = $$props2.disabled);
+  };
+  $$self.$$.update = () => {
+    if ($$self.$$.dirty & 32) {
+      $:
+        $$subscribe_memberState($$invalidate(3, memberState = app == null ? void 0 : app.memberState));
+    }
+    if ($$self.$$.dirty & 64) {
+      $:
+        $$invalidate(2, textColor = $memberState == null ? void 0 : $memberState.textColor);
+    }
+  };
+  return [theme, disabled, textColor, memberState, set_stroke_color, app, $memberState];
+}
+var TextColor = class extends SvelteComponent53 {
+  constructor(options) {
+    super();
+    init53(this, options, instance53, create_fragment53, safe_not_equal53, { app: 5, theme: 0, disabled: 1 });
+  }
+};
+var TextColor_default = TextColor;
+// src/components/Toolbar/components/Shapes.svelte
+import {
+  SvelteComponent as SvelteComponent54,
+  action_destroyer as action_destroyer2,
+  append as append53,
+  attr as attr54,
+  check_outros as check_outros3,
+  create_component as create_component5,
+  destroy_component as destroy_component5,
+  detach as detach53,
+  element as element10,
+  empty as empty3,
+  group_outros as group_outros3,
+  init as init54,
+  insert as insert53,
+  is_function as is_function2,
+  listen as listen5,
+  mount_component as mount_component5,
+  noop as noop53,
+  outro_and_destroy_block,
+  safe_not_equal as safe_not_equal54,
+  space as space7,
+  subscribe as subscribe7,
+  toggle_class as toggle_class48,
+  transition_in as transition_in7,
+  transition_out as transition_out7,
+  update_keyed_each as update_keyed_each3
+} from "svelte/internal";
+function get_each_context3(ctx, list, i) {
   const child_ctx = ctx.slice();
   child_ctx[12] = list[i];
   const constants_0 = child_ctx[4] === "shape" ? child_ctx[3] === child_ctx[12] : child_ctx[4] === child_ctx[12];
@@ -6373,7 +6543,7 @@ function create_else_block5(ctx) {
       if (switch_instance) {
         mount_component5(switch_instance, target, anchor);
       }
-      insert52(target, switch_instance_anchor, anchor);
+      insert53(target, switch_instance_anchor, anchor);
       current = true;
     },
     p(ctx2, dirty) {
@@ -6415,7 +6585,7 @@ function create_else_block5(ctx) {
     },
     d(detaching) {
       if (detaching)
-        detach52(switch_instance_anchor);
+        detach53(switch_instance_anchor);
       if (switch_instance)
         destroy_component5(switch_instance, detaching);
     }
@@ -6444,7 +6614,7 @@ function create_if_block5(ctx) {
       if (switch_instance) {
         mount_component5(switch_instance, target, anchor);
       }
-      insert52(target, switch_instance_anchor, anchor);
+      insert53(target, switch_instance_anchor, anchor);
       current = true;
     },
     p(ctx2, dirty) {
@@ -6486,13 +6656,13 @@ function create_if_block5(ctx) {
     },
     d(detaching) {
       if (detaching)
-        detach52(switch_instance_anchor);
+        detach53(switch_instance_anchor);
       if (switch_instance)
         destroy_component5(switch_instance, detaching);
     }
   };
 }
-function create_each_block2(key_1, ctx) {
+function create_each_block3(key_1, ctx) {
   let button;
   let current_block_type_index;
   let if_block;
@@ -6516,19 +6686,19 @@ function create_each_block2(key_1, ctx) {
     key: key_1,
     first: null,
     c() {
-      button = element9("button");
+      button = element10("button");
       if_block.c();
-      t_1 = space6();
-      attr53(button, "class", button_class_value = "fastboard-toolbar-btn fastboard-toolbar-shape-btn " + ctx[0] + " " + ctx[12]);
-      attr53(button, "data-shape-key", button_data_shape_key_value = ctx[12]);
+      t_1 = space7();
+      attr54(button, "class", button_class_value = "fastboard-toolbar-btn fastboard-toolbar-shape-btn " + ctx[0] + " " + ctx[12]);
+      attr54(button, "data-shape-key", button_data_shape_key_value = ctx[12]);
       button.disabled = ctx[1];
-      toggle_class47(button, "is-active", ctx[13]);
+      toggle_class48(button, "is-active", ctx[13]);
       this.first = button;
     },
     m(target, anchor) {
-      insert52(target, button, anchor);
+      insert53(target, button, anchor);
       if_blocks[current_block_type_index].m(button, null);
-      append52(button, t_1);
+      append53(button, t_1);
       current = true;
       if (!mounted) {
         dispose = action_destroyer2(tippy_action = tippy.call(null, button, {
@@ -6561,7 +6731,7 @@ function create_each_block2(key_1, ctx) {
         if_block.m(button, t_1);
       }
       if (!current || dirty & 1 && button_class_value !== (button_class_value = "fastboard-toolbar-btn fastboard-toolbar-shape-btn " + ctx[0] + " " + ctx[12])) {
-        attr53(button, "class", button_class_value);
+        attr54(button, "class", button_class_value);
       }
       if (!current || dirty & 2) {
         button.disabled = ctx[1];
@@ -6572,7 +6742,7 @@ function create_each_block2(key_1, ctx) {
           placement: "top"
         });
       if (dirty & 25) {
-        toggle_class47(button, "is-active", ctx[13]);
+        toggle_class48(button, "is-active", ctx[13]);
       }
     },
     i(local) {
@@ -6587,14 +6757,14 @@ function create_each_block2(key_1, ctx) {
     },
     d(detaching) {
       if (detaching)
-        detach52(button);
+        detach53(button);
       if_blocks[current_block_type_index].d();
       mounted = false;
       dispose();
     }
   };
 }
-function create_fragment53(ctx) {
+function create_fragment54(ctx) {
   let div;
   let each_blocks = [];
   let each_1_lookup = /* @__PURE__ */ new Map();
@@ -6605,26 +6775,26 @@ function create_fragment53(ctx) {
   let each_value = shapes;
   const get_key = (ctx2) => ctx2[12];
   for (let i = 0; i < each_value.length; i += 1) {
-    let child_ctx = get_each_context2(ctx, each_value, i);
+    let child_ctx = get_each_context3(ctx, each_value, i);
     let key = get_key(child_ctx);
-    each_1_lookup.set(key, each_blocks[i] = create_each_block2(key, child_ctx));
+    each_1_lookup.set(key, each_blocks[i] = create_each_block3(key, child_ctx));
   }
   return {
     c() {
-      div = element9("div");
+      div = element10("div");
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].c();
       }
-      attr53(div, "class", div_class_value = "fastboard-toolbar-shapes " + ctx[0]);
+      attr54(div, "class", div_class_value = "fastboard-toolbar-shapes " + ctx[0]);
     },
     m(target, anchor) {
-      insert52(target, div, anchor);
+      insert53(target, div, anchor);
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].m(div, null);
       }
       current = true;
       if (!mounted) {
-        dispose = listen4(div, "click", ctx[7]);
+        dispose = listen5(div, "click", ctx[7]);
         mounted = true;
       }
     },
@@ -6632,11 +6802,11 @@ function create_fragment53(ctx) {
       if (dirty & 95) {
         each_value = shapes;
         group_outros3();
-        each_blocks = update_keyed_each2(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block2, null, get_each_context2);
+        each_blocks = update_keyed_each3(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div, outro_and_destroy_block, create_each_block3, null, get_each_context3);
         check_outros3();
       }
       if (!current || dirty & 1 && div_class_value !== (div_class_value = "fastboard-toolbar-shapes " + ctx2[0])) {
-        attr53(div, "class", div_class_value);
+        attr54(div, "class", div_class_value);
       }
     },
     i(local) {
@@ -6655,7 +6825,7 @@ function create_fragment53(ctx) {
     },
     d(detaching) {
       if (detaching)
-        detach52(div);
+        detach53(div);
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].d();
       }
@@ -6686,13 +6856,13 @@ var i18n5 = {
     speechBalloon: "\u6C14\u6CE1"
   }
 };
-function instance53($$self, $$props, $$invalidate) {
+function instance54($$self, $$props, $$invalidate) {
   let t;
   let memberState;
   let appliance;
   let shape;
   let hotkeys;
-  let $memberState, $$unsubscribe_memberState = noop52, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe6(memberState, ($$value) => $$invalidate(11, $memberState = $$value)), memberState);
+  let $memberState, $$unsubscribe_memberState = noop53, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe7(memberState, ($$value) => $$invalidate(11, $memberState = $$value)), memberState);
   $$self.$$.on_destroy.push(() => $$unsubscribe_memberState());
   let { app = null } = $$props;
   let { theme = "light" } = $$props;
@@ -6768,10 +6938,10 @@ function instance53($$self, $$props, $$invalidate) {
     $memberState
   ];
 }
-var Shapes = class extends SvelteComponent53 {
+var Shapes = class extends SvelteComponent54 {
   constructor(options) {
     super();
-    init53(this, options, instance53, create_fragment53, safe_not_equal53, {
+    init54(this, options, instance54, create_fragment54, safe_not_equal54, {
       app: 8,
       theme: 0,
       language: 9,
@@ -6782,7 +6952,7 @@ var Shapes = class extends SvelteComponent53 {
 var Shapes_default = Shapes;
 // src/components/Toolbar/components/Contents.svelte
-function get_each_context3(ctx, list, i) {
+function get_each_context4(ctx, list, i) {
   const child_ctx = ctx.slice();
   child_ctx[40] = list[i];
   const constants_0 = child_ctx[40];
@@ -6959,7 +7129,7 @@ function create_default_slot_8(ctx) {
     },
     m(target, anchor) {
       if_blocks[current_block_type_index].m(target, anchor);
-      insert53(target, if_block_anchor, anchor);
+      insert54(target, if_block_anchor, anchor);
       current = true;
     },
     p(ctx2, dirty) {
@@ -6997,7 +7167,7 @@ function create_default_slot_8(ctx) {
     d(detaching) {
       if_blocks[current_block_type_index].d(detaching);
       if (detaching)
-        detach53(if_block_anchor);
+        detach54(if_block_anchor);
     }
   };
 }
@@ -7090,7 +7260,7 @@ function create_default_slot_7(ctx) {
     },
     m(target, anchor) {
       if_blocks[current_block_type_index].m(target, anchor);
-      insert53(target, if_block_anchor, anchor);
+      insert54(target, if_block_anchor, anchor);
       current = true;
     },
     p(ctx2, dirty) {
@@ -7128,7 +7298,7 @@ function create_default_slot_7(ctx) {
     d(detaching) {
       if_blocks[current_block_type_index].d(detaching);
       if (detaching)
-        detach53(if_block_anchor);
+        detach54(if_block_anchor);
     }
   };
 }
@@ -7221,7 +7391,7 @@ function create_default_slot_6(ctx) {
     },
     m(target, anchor) {
       if_blocks[current_block_type_index].m(target, anchor);
-      insert53(target, if_block_anchor, anchor);
+      insert54(target, if_block_anchor, anchor);
       current = true;
     },
     p(ctx2, dirty) {
@@ -7259,7 +7429,7 @@ function create_default_slot_6(ctx) {
     d(detaching) {
       if_blocks[current_block_type_index].d(detaching);
       if (detaching)
-        detach53(if_block_anchor);
+        detach54(if_block_anchor);
     }
   };
 }
@@ -7352,7 +7522,7 @@ function create_default_slot_53(ctx) {
     },
     m(target, anchor) {
       if_blocks[current_block_type_index].m(target, anchor);
-      insert53(target, if_block_anchor, anchor);
+      insert54(target, if_block_anchor, anchor);
       current = true;
     },
     p(ctx2, dirty) {
@@ -7390,7 +7560,7 @@ function create_default_slot_53(ctx) {
     d(detaching) {
       if_blocks[current_block_type_index].d(detaching);
       if (detaching)
-        detach53(if_block_anchor);
+        detach54(if_block_anchor);
     }
   };
 }
@@ -7415,7 +7585,7 @@ function create_else_block_12(ctx) {
       if (switch_instance) {
         mount_component6(switch_instance, target, anchor);
       }
-      insert53(target, switch_instance_anchor, anchor);
+      insert54(target, switch_instance_anchor, anchor);
       current = true;
     },
     p(ctx2, dirty) {
@@ -7457,7 +7627,7 @@ function create_else_block_12(ctx) {
     },
     d(detaching) {
       if (detaching)
-        detach53(switch_instance_anchor);
+        detach54(switch_instance_anchor);
       if (switch_instance)
         destroy_component6(switch_instance, detaching);
     }
@@ -7486,7 +7656,7 @@ function create_if_block_2(ctx) {
       if (switch_instance) {
         mount_component6(switch_instance, target, anchor);
       }
-      insert53(target, switch_instance_anchor, anchor);
+      insert54(target, switch_instance_anchor, anchor);
       current = true;
     },
     p(ctx2, dirty) {
@@ -7528,7 +7698,7 @@ function create_if_block_2(ctx) {
     },
     d(detaching) {
       if (detaching)
-        detach53(switch_instance_anchor);
+        detach54(switch_instance_anchor);
       if (switch_instance)
         destroy_component6(switch_instance, detaching);
     }
@@ -7555,7 +7725,7 @@ function create_default_slot_43(ctx) {
     },
     m(target, anchor) {
       if_blocks[current_block_type_index].m(target, anchor);
-      insert53(target, if_block_anchor, anchor);
+      insert54(target, if_block_anchor, anchor);
       current = true;
     },
     p(ctx2, dirty) {
@@ -7593,7 +7763,7 @@ function create_default_slot_43(ctx) {
     d(detaching) {
       if_blocks[current_block_type_index].d(detaching);
       if (detaching)
-        detach53(if_block_anchor);
+        detach54(if_block_anchor);
     }
   };
 }
@@ -7686,7 +7856,7 @@ function create_default_slot_34(ctx) {
     },
     m(target, anchor) {
       if_blocks[current_block_type_index].m(target, anchor);
-      insert53(target, if_block_anchor, anchor);
+      insert54(target, if_block_anchor, anchor);
       current = true;
     },
     p(ctx2, dirty) {
@@ -7724,7 +7894,7 @@ function create_default_slot_34(ctx) {
     d(detaching) {
       if_blocks[current_block_type_index].d(detaching);
       if (detaching)
-        detach53(if_block_anchor);
+        detach54(if_block_anchor);
     }
   };
 }
@@ -7875,7 +8045,7 @@ function create_default_slot4(ctx) {
     }
   };
 }
-function create_each_block3(ctx) {
+function create_each_block4(ctx) {
   let button;
   let img;
   let img_class_value;
@@ -7896,34 +8066,34 @@ function create_each_block3(ctx) {
   let dispose;
   return {
     c() {
-      button = element10("button");
-      img = element10("img");
-      t0 = space7();
-      span = element10("span");
+      button = element11("button");
+      img = element11("img");
+      t0 = space8();
+      span = element11("span");
       t1 = text_1(t1_value);
-      t2 = space7();
-      attr54(img, "class", img_class_value = name5 + "-app-btn-icon " + ctx[1]);
+      t2 = space8();
+      attr55(img, "class", img_class_value = name5 + "-app-btn-icon " + ctx[1]);
       if (!src_url_equal2(img.src, img_src_value = ctx[41]))
-        attr54(img, "src", img_src_value);
-      attr54(img, "alt", img_alt_value = ctx[43]);
-      attr54(img, "title", img_title_value = ctx[42]);
-      attr54(span, "class", span_class_value = name5 + "-app-btn-text " + ctx[1]);
-      attr54(button, "class", button_class_value = name5 + "-app-btn " + ctx[43] + " " + ctx[1]);
-      attr54(button, "title", button_title_value = ctx[42] + (ctx[45] && ctx[45].reason ? ": " + ctx[45].reason : ""));
-      attr54(button, "data-app-kind", button_data_app_kind_value = ctx[40].kind);
+        attr55(img, "src", img_src_value);
+      attr55(img, "alt", img_alt_value = ctx[43]);
+      attr55(img, "title", img_title_value = ctx[42]);
+      attr55(span, "class", span_class_value = name5 + "-app-btn-text " + ctx[1]);
+      attr55(button, "class", button_class_value = name5 + "-app-btn " + ctx[43] + " " + ctx[1]);
+      attr55(button, "title", button_title_value = ctx[42] + (ctx[45] && ctx[45].reason ? ": " + ctx[45].reason : ""));
+      attr55(button, "data-app-kind", button_data_app_kind_value = ctx[40].kind);
       button.disabled = button_disabled_value = ctx[45] && ctx[45].status !== "idle";
-      toggle_class48(button, "is-loading", ctx[45] && ctx[45].status === "loading");
-      toggle_class48(button, "is-failed", ctx[45] && ctx[45].status === "failed");
+      toggle_class49(button, "is-loading", ctx[45] && ctx[45].status === "loading");
+      toggle_class49(button, "is-failed", ctx[45] && ctx[45].status === "failed");
     },
     m(target, anchor) {
-      insert53(target, button, anchor);
-      append53(button, img);
-      append53(button, t0);
-      append53(button, span);
-      append53(span, t1);
-      append53(button, t2);
+      insert54(target, button, anchor);
+      append54(button, img);
+      append54(button, t0);
+      append54(button, span);
+      append54(span, t1);
+      append54(button, t2);
       if (!mounted) {
-        dispose = listen5(button, "click", function() {
+        dispose = listen6(button, "click", function() {
           if (is_function3(ctx[0] && ctx[44].bind(null, ctx[0])))
             (ctx[0] && ctx[44].bind(null, ctx[0])).apply(this, arguments);
         });
@@ -7933,50 +8103,50 @@ function create_each_block3(ctx) {
     p(new_ctx, dirty) {
       ctx = new_ctx;
       if (dirty[0] & 2 && img_class_value !== (img_class_value = name5 + "-app-btn-icon " + ctx[1])) {
-        attr54(img, "class", img_class_value);
+        attr55(img, "class", img_class_value);
       }
       if (dirty[0] & 262144 && !src_url_equal2(img.src, img_src_value = ctx[41])) {
-        attr54(img, "src", img_src_value);
+        attr55(img, "src", img_src_value);
       }
       if (dirty[0] & 262144 && img_alt_value !== (img_alt_value = ctx[43])) {
-        attr54(img, "alt", img_alt_value);
+        attr55(img, "alt", img_alt_value);
       }
       if (dirty[0] & 262144 && img_title_value !== (img_title_value = ctx[42])) {
-        attr54(img, "title", img_title_value);
+        attr55(img, "title", img_title_value);
       }
       if (dirty[0] & 262144 && t1_value !== (t1_value = ctx[42] + ""))
         set_data3(t1, t1_value);
       if (dirty[0] & 2 && span_class_value !== (span_class_value = name5 + "-app-btn-text " + ctx[1])) {
-        attr54(span, "class", span_class_value);
+        attr55(span, "class", span_class_value);
       }
       if (dirty[0] & 262146 && button_class_value !== (button_class_value = name5 + "-app-btn " + ctx[43] + " " + ctx[1])) {
-        attr54(button, "class", button_class_value);
+        attr55(button, "class", button_class_value);
       }
       if (dirty[0] & 786432 && button_title_value !== (button_title_value = ctx[42] + (ctx[45] && ctx[45].reason ? ": " + ctx[45].reason : ""))) {
-        attr54(button, "title", button_title_value);
+        attr55(button, "title", button_title_value);
       }
       if (dirty[0] & 262144 && button_data_app_kind_value !== (button_data_app_kind_value = ctx[40].kind)) {
-        attr54(button, "data-app-kind", button_data_app_kind_value);
+        attr55(button, "data-app-kind", button_data_app_kind_value);
       }
       if (dirty[0] & 786432 && button_disabled_value !== (button_disabled_value = ctx[45] && ctx[45].status !== "idle")) {
         button.disabled = button_disabled_value;
       }
       if (dirty[0] & 786434) {
-        toggle_class48(button, "is-loading", ctx[45] && ctx[45].status === "loading");
+        toggle_class49(button, "is-loading", ctx[45] && ctx[45].status === "loading");
       }
       if (dirty[0] & 786434) {
-        toggle_class48(button, "is-failed", ctx[45] && ctx[45].status === "failed");
+        toggle_class49(button, "is-failed", ctx[45] && ctx[45].status === "failed");
       }
     },
     d(detaching) {
       if (detaching)
-        detach53(button);
+        detach54(button);
       mounted = false;
       dispose();
     }
   };
 }
-function create_fragment54(ctx) {
+function create_fragment55(ctx) {
   let t0;
   let div0;
   let button0;
@@ -8010,7 +8180,7 @@ function create_fragment54(ctx) {
   let div2_class_value;
   let t12;
   let div3;
-  let strokecolor1;
+  let textcolor;
   let div3_class_value;
   let t13;
   let div6;
@@ -8024,7 +8194,7 @@ function create_fragment54(ctx) {
   let div5;
   let div5_class_value;
   let t17;
-  let strokecolor2;
+  let strokecolor1;
   let div6_class_value;
   let t18;
   let div7;
@@ -8157,7 +8327,7 @@ function create_fragment54(ctx) {
       disabled: ctx[3]
     }
   });
-  strokecolor1 = new StrokeColor_default({
+  textcolor = new TextColor_default({
     props: {
       app: ctx[0],
       theme: ctx[1],
@@ -8179,7 +8349,7 @@ function create_fragment54(ctx) {
       disabled: ctx[3]
     }
   });
-  strokecolor2 = new StrokeColor_default({
+  strokecolor1 = new StrokeColor_default({
     props: {
       app: ctx[0],
       theme: ctx[1],
@@ -8189,122 +8359,122 @@ function create_fragment54(ctx) {
   let each_value = ctx[18];
   let each_blocks = [];
   for (let i = 0; i < each_value.length; i += 1) {
-    each_blocks[i] = create_each_block3(get_each_context3(ctx, each_value, i));
+    each_blocks[i] = create_each_block4(get_each_context4(ctx, each_value, i));
   }
   return {
     c() {
       if (if_block0)
         if_block0.c();
-      t0 = space7();
-      div0 = element10("div");
+      t0 = space8();
+      div0 = element11("div");
       create_component6(button0.$$.fragment);
-      t1 = space7();
+      t1 = space8();
       create_component6(button1.$$.fragment);
-      t2 = space7();
+      t2 = space8();
       create_component6(button2.$$.fragment);
-      t3 = space7();
+      t3 = space8();
       create_component6(button3.$$.fragment);
-      t4 = space7();
+      t4 = space8();
       create_component6(button4.$$.fragment);
-      t5 = space7();
+      t5 = space8();
       create_component6(button5.$$.fragment);
-      t6 = space7();
+      t6 = space8();
       create_component6(button6.$$.fragment);
-      t7 = space7();
+      t7 = space8();
       create_component6(button7.$$.fragment);
-      t8 = space7();
+      t8 = space8();
       if (if_block1)
         if_block1.c();
-      t9 = space7();
-      div8 = element10("div");
-      div2 = element10("div");
+      t9 = space8();
+      div8 = element11("div");
+      div2 = element11("div");
       create_component6(strokewidth0.$$.fragment);
-      t10 = space7();
-      div1 = element10("div");
-      t11 = space7();
+      t10 = space8();
+      div1 = element11("div");
+      t11 = space8();
       create_component6(strokecolor0.$$.fragment);
-      t12 = space7();
-      div3 = element10("div");
-      create_component6(strokecolor1.$$.fragment);
-      t13 = space7();
-      div6 = element10("div");
+      t12 = space8();
+      div3 = element11("div");
+      create_component6(textcolor.$$.fragment);
+      t13 = space8();
+      div6 = element11("div");
       create_component6(shapes2.$$.fragment);
-      t14 = space7();
-      div4 = element10("div");
-      t15 = space7();
+      t14 = space8();
+      div4 = element11("div");
+      t15 = space8();
       create_component6(strokewidth1.$$.fragment);
-      t16 = space7();
-      div5 = element10("div");
-      t17 = space7();
-      create_component6(strokecolor2.$$.fragment);
-      t18 = space7();
-      div7 = element10("div");
+      t16 = space8();
+      div5 = element11("div");
+      t17 = space8();
+      create_component6(strokecolor1.$$.fragment);
+      t18 = space8();
+      div7 = element11("div");
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].c();
       }
-      attr54(div0, "class", div0_class_value = name5 + "-scrollable");
-      toggle_class48(div0, "scrollable", ctx[5]);
-      attr54(div1, "class", div1_class_value = name5 + "-panel-divider");
-      attr54(div2, "class", div2_class_value = name5 + "-panel pencil");
-      attr54(div3, "class", div3_class_value = name5 + "-panel text");
-      attr54(div4, "class", div4_class_value = name5 + "-panel-divider");
-      attr54(div5, "class", div5_class_value = name5 + "-panel-divider");
-      attr54(div6, "class", div6_class_value = name5 + "-panel shapes");
-      attr54(div7, "class", div7_class_value = name5 + "-panel apps");
-      set_style3(div7, "--n", ctx[18].length);
-      attr54(div8, "class", div8_class_value = name5 + "-panel-wrapper");
-      set_style3(div8, "display", "none");
+      attr55(div0, "class", div0_class_value = name5 + "-scrollable");
+      toggle_class49(div0, "scrollable", ctx[5]);
+      attr55(div1, "class", div1_class_value = name5 + "-panel-divider");
+      attr55(div2, "class", div2_class_value = name5 + "-panel pencil");
+      attr55(div3, "class", div3_class_value = name5 + "-panel text");
+      attr55(div4, "class", div4_class_value = name5 + "-panel-divider");
+      attr55(div5, "class", div5_class_value = name5 + "-panel-divider");
+      attr55(div6, "class", div6_class_value = name5 + "-panel shapes");
+      attr55(div7, "class", div7_class_value = name5 + "-panel apps");
+      set_style4(div7, "--n", ctx[18].length);
+      attr55(div8, "class", div8_class_value = name5 + "-panel-wrapper");
+      set_style4(div8, "display", "none");
     },
     m(target, anchor) {
       if (if_block0)
         if_block0.m(target, anchor);
-      insert53(target, t0, anchor);
-      insert53(target, div0, anchor);
+      insert54(target, t0, anchor);
+      insert54(target, div0, anchor);
       mount_component6(button0, div0, null);
-      append53(div0, t1);
+      append54(div0, t1);
       mount_component6(button1, div0, null);
-      append53(div0, t2);
+      append54(div0, t2);
       mount_component6(button2, div0, null);
-      append53(div0, t3);
+      append54(div0, t3);
       mount_component6(button3, div0, null);
-      append53(div0, t4);
+      append54(div0, t4);
       mount_component6(button4, div0, null);
-      append53(div0, t5);
+      append54(div0, t5);
       mount_component6(button5, div0, null);
-      append53(div0, t6);
+      append54(div0, t6);
       mount_component6(button6, div0, null);
-      append53(div0, t7);
+      append54(div0, t7);
       mount_component6(button7, div0, null);
-      insert53(target, t8, anchor);
+      insert54(target, t8, anchor);
       if (if_block1)
         if_block1.m(target, anchor);
-      insert53(target, t9, anchor);
-      insert53(target, div8, anchor);
-      append53(div8, div2);
+      insert54(target, t9, anchor);
+      insert54(target, div8, anchor);
+      append54(div8, div2);
       mount_component6(strokewidth0, div2, null);
-      append53(div2, t10);
-      append53(div2, div1);
-      append53(div2, t11);
+      append54(div2, t10);
+      append54(div2, div1);
+      append54(div2, t11);
       mount_component6(strokecolor0, div2, null);
       ctx[34](div2);
-      append53(div8, t12);
-      append53(div8, div3);
-      mount_component6(strokecolor1, div3, null);
+      append54(div8, t12);
+      append54(div8, div3);
+      mount_component6(textcolor, div3, null);
       ctx[35](div3);
-      append53(div8, t13);
-      append53(div8, div6);
+      append54(div8, t13);
+      append54(div8, div6);
       mount_component6(shapes2, div6, null);
-      append53(div6, t14);
-      append53(div6, div4);
-      append53(div6, t15);
+      append54(div6, t14);
+      append54(div6, div4);
+      append54(div6, t15);
       mount_component6(strokewidth1, div6, null);
-      append53(div6, t16);
-      append53(div6, div5);
-      append53(div6, t17);
-      mount_component6(strokecolor2, div6, null);
+      append54(div6, t16);
+      append54(div6, div5);
+      append54(div6, t17);
+      mount_component6(strokecolor1, div6, null);
       ctx[36](div6);
-      append53(div8, t18);
-      append53(div8, div7);
+      append54(div8, t18);
+      append54(div8, div7);
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].m(div7, null);
       }
@@ -8418,7 +8588,7 @@ function create_fragment54(ctx) {
       if (scrollHeight_action && is_function3(scrollHeight_action.update) && dirty[0] & 16)
         scrollHeight_action.update.call(null, ctx2[4]);
       if (dirty[0] & 32) {
-        toggle_class48(div0, "scrollable", ctx2[5]);
+        toggle_class49(div0, "scrollable", ctx2[5]);
       }
       if (ctx2[5]) {
         if (if_block1) {
@@ -8455,14 +8625,14 @@ function create_fragment54(ctx) {
       if (dirty[0] & 8)
         strokecolor0_changes.disabled = ctx2[3];
       strokecolor0.$set(strokecolor0_changes);
-      const strokecolor1_changes = {};
+      const textcolor_changes = {};
       if (dirty[0] & 1)
-        strokecolor1_changes.app = ctx2[0];
+        textcolor_changes.app = ctx2[0];
       if (dirty[0] & 2)
-        strokecolor1_changes.theme = ctx2[1];
+        textcolor_changes.theme = ctx2[1];
       if (dirty[0] & 8)
-        strokecolor1_changes.disabled = ctx2[3];
-      strokecolor1.$set(strokecolor1_changes);
+        textcolor_changes.disabled = ctx2[3];
+      textcolor.$set(textcolor_changes);
       const shapes_changes = {};
       if (dirty[0] & 1)
         shapes_changes.app = ctx2[0];
@@ -8481,23 +8651,23 @@ function create_fragment54(ctx) {
       if (dirty[0] & 8)
         strokewidth1_changes.disabled = ctx2[3];
       strokewidth1.$set(strokewidth1_changes);
-      const strokecolor2_changes = {};
+      const strokecolor1_changes = {};
       if (dirty[0] & 1)
-        strokecolor2_changes.app = ctx2[0];
+        strokecolor1_changes.app = ctx2[0];
       if (dirty[0] & 2)
-        strokecolor2_changes.theme = ctx2[1];
+        strokecolor1_changes.theme = ctx2[1];
       if (dirty[0] & 8)
-        strokecolor2_changes.disabled = ctx2[3];
-      strokecolor2.$set(strokecolor2_changes);
+        strokecolor1_changes.disabled = ctx2[3];
+      strokecolor1.$set(strokecolor1_changes);
       if (dirty[0] & 786435) {
         each_value = ctx2[18];
         let i;
         for (i = 0; i < each_value.length; i += 1) {
-          const child_ctx = get_each_context3(ctx2, each_value, i);
+          const child_ctx = get_each_context4(ctx2, each_value, i);
           if (each_blocks[i]) {
             each_blocks[i].p(child_ctx, dirty);
           } else {
-            each_blocks[i] = create_each_block3(child_ctx);
+            each_blocks[i] = create_each_block4(child_ctx);
             each_blocks[i].c();
             each_blocks[i].m(div7, null);
           }
@@ -8508,7 +8678,7 @@ function create_fragment54(ctx) {
         each_blocks.length = each_value.length;
       }
       if (!current || dirty[0] & 262144) {
-        set_style3(div7, "--n", ctx2[18].length);
+        set_style4(div7, "--n", ctx2[18].length);
       }
     },
     i(local) {
@@ -8526,10 +8696,10 @@ function create_fragment54(ctx) {
       transition_in8(if_block1);
       transition_in8(strokewidth0.$$.fragment, local);
       transition_in8(strokecolor0.$$.fragment, local);
-      transition_in8(strokecolor1.$$.fragment, local);
+      transition_in8(textcolor.$$.fragment, local);
       transition_in8(shapes2.$$.fragment, local);
       transition_in8(strokewidth1.$$.fragment, local);
-      transition_in8(strokecolor2.$$.fragment, local);
+      transition_in8(strokecolor1.$$.fragment, local);
       current = true;
     },
     o(local) {
@@ -8545,19 +8715,19 @@ function create_fragment54(ctx) {
       transition_out8(if_block1);
       transition_out8(strokewidth0.$$.fragment, local);
       transition_out8(strokecolor0.$$.fragment, local);
-      transition_out8(strokecolor1.$$.fragment, local);
+      transition_out8(textcolor.$$.fragment, local);
       transition_out8(shapes2.$$.fragment, local);
       transition_out8(strokewidth1.$$.fragment, local);
-      transition_out8(strokecolor2.$$.fragment, local);
+      transition_out8(strokecolor1.$$.fragment, local);
       current = false;
     },
     d(detaching) {
       if (if_block0)
         if_block0.d(detaching);
       if (detaching)
-        detach53(t0);
+        detach54(t0);
       if (detaching)
-        detach53(div0);
+        detach54(div0);
       destroy_component6(button0);
       destroy_component6(button1);
       destroy_component6(button2);
@@ -8567,21 +8737,21 @@ function create_fragment54(ctx) {
       destroy_component6(button6);
       destroy_component6(button7);
       if (detaching)
-        detach53(t8);
+        detach54(t8);
       if (if_block1)
         if_block1.d(detaching);
       if (detaching)
-        detach53(t9);
+        detach54(t9);
       if (detaching)
-        detach53(div8);
+        detach54(div8);
       destroy_component6(strokewidth0);
       destroy_component6(strokecolor0);
       ctx[34](null);
-      destroy_component6(strokecolor1);
+      destroy_component6(textcolor);
       ctx[35](null);
       destroy_component6(shapes2);
       destroy_component6(strokewidth1);
-      destroy_component6(strokecolor2);
+      destroy_component6(strokecolor1);
       ctx[36](null);
       destroy_each(each_blocks, detaching);
       ctx[37](null);
@@ -8591,7 +8761,7 @@ function create_fragment54(ctx) {
   };
 }
 var name5 = "fastboard-toolbar";
-function instance54($$self, $$props, $$invalidate) {
+function instance55($$self, $$props, $$invalidate) {
   let t;
   let hotkeys;
   let c;
@@ -8601,10 +8771,10 @@ function instance54($$self, $$props, $$invalidate) {
   let status;
   let max_scroll;
   let $top;
-  let $scroll_height, $$unsubscribe_scroll_height = noop53, $$subscribe_scroll_height = () => ($$unsubscribe_scroll_height(), $$unsubscribe_scroll_height = subscribe7(scroll_height, ($$value) => $$invalidate(32, $scroll_height = $$value)), scroll_height);
-  let $memberState, $$unsubscribe_memberState = noop53, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe7(memberState, ($$value) => $$invalidate(33, $memberState = $$value)), memberState);
+  let $scroll_height, $$unsubscribe_scroll_height = noop54, $$subscribe_scroll_height = () => ($$unsubscribe_scroll_height(), $$unsubscribe_scroll_height = subscribe8(scroll_height, ($$value) => $$invalidate(32, $scroll_height = $$value)), scroll_height);
+  let $memberState, $$unsubscribe_memberState = noop54, $$subscribe_memberState = () => ($$unsubscribe_memberState(), $$unsubscribe_memberState = subscribe8(memberState, ($$value) => $$invalidate(33, $memberState = $$value)), memberState);
   let $apps;
-  let $status, $$unsubscribe_status = noop53, $$subscribe_status = () => ($$unsubscribe_status(), $$unsubscribe_status = subscribe7(status, ($$value) => $$invalidate(19, $status = $$value)), status);
+  let $status, $$unsubscribe_status = noop54, $$subscribe_status = () => ($$unsubscribe_status(), $$unsubscribe_status = subscribe8(status, ($$value) => $$invalidate(19, $status = $$value)), status);
   component_subscribe($$self, apps, ($$value) => $$invalidate(18, $apps = $$value));
   $$self.$$.on_destroy.push(() => $$unsubscribe_scroll_height());
   $$self.$$.on_destroy.push(() => $$unsubscribe_memberState());
@@ -8794,10 +8964,10 @@ function instance54($$self, $$props, $$invalidate) {
     div7_binding
   ];
 }
-var Contents = class extends SvelteComponent54 {
+var Contents = class extends SvelteComponent55 {
   constructor(options) {
     super();
-    init54(this, options, instance54, create_fragment54, safe_not_equal54, {
+    init55(this, options, instance55, create_fragment55, safe_not_equal55, {
       app: 0,
       theme: 1,
       language: 2,
@@ -8820,24 +8990,24 @@ function create_else_block7(ctx) {
     c() {
       path0 = svg_element45("path");
       path1 = svg_element45("path");
-      attr55(path0, "stroke", "#000");
-      attr55(path0, "d", "M20 52v16");
-      attr55(path0, "class", path0_class_value = name6 + "-handler-image-stroke-color");
-      attr55(path1, "fill", "#000");
-      attr55(path1, "stroke", "none");
-      attr55(path1, "d", "M16 52v16l-8-8z");
-      attr55(path1, "class", path1_class_value = name6 + "-handler-image-fill-color");
+      attr56(path0, "stroke", "#000");
+      attr56(path0, "d", "M20 52v16");
+      attr56(path0, "class", path0_class_value = name6 + "-handler-image-stroke-color");
+      attr56(path1, "fill", "#000");
+      attr56(path1, "stroke", "none");
+      attr56(path1, "d", "M16 52v16l-8-8z");
+      attr56(path1, "class", path1_class_value = name6 + "-handler-image-fill-color");
     },
     m(target, anchor) {
-      insert54(target, path0, anchor);
-      insert54(target, path1, anchor);
+      insert55(target, path0, anchor);
+      insert55(target, path1, anchor);
     },
-    p: noop54,
+    p: noop55,
     d(detaching) {
       if (detaching)
-        detach54(path0);
+        detach55(path0);
       if (detaching)
-        detach54(path1);
+        detach55(path1);
     }
   };
 }
@@ -8850,28 +9020,28 @@ function create_if_block7(ctx) {
     c() {
       path0 = svg_element45("path");
       path1 = svg_element45("path");
-      attr55(path0, "stroke", "#000");
-      attr55(path0, "d", "M10 52v16");
-      attr55(path0, "class", path0_class_value = name6 + "-handler-image-stroke-color");
-      attr55(path1, "fill", "#000");
-      attr55(path1, "stroke", "none");
-      attr55(path1, "d", "M14 52v16l8-8z");
-      attr55(path1, "class", path1_class_value = name6 + "-handler-image-fill-color");
+      attr56(path0, "stroke", "#000");
+      attr56(path0, "d", "M10 52v16");
+      attr56(path0, "class", path0_class_value = name6 + "-handler-image-stroke-color");
+      attr56(path1, "fill", "#000");
+      attr56(path1, "stroke", "none");
+      attr56(path1, "d", "M14 52v16l8-8z");
+      attr56(path1, "class", path1_class_value = name6 + "-handler-image-fill-color");
     },
     m(target, anchor) {
-      insert54(target, path0, anchor);
-      insert54(target, path1, anchor);
+      insert55(target, path0, anchor);
+      insert55(target, path1, anchor);
     },
-    p: noop54,
+    p: noop55,
     d(detaching) {
       if (detaching)
-        detach54(path0);
+        detach55(path0);
       if (detaching)
-        detach54(path1);
+        detach55(path1);
     }
   };
 }
-function create_fragment55(ctx) {
+function create_fragment56(ctx) {
   let div1;
   let div0;
   let contents;
@@ -8911,51 +9081,51 @@ function create_fragment55(ctx) {
   let if_block = current_block_type(ctx);
   return {
     c() {
-      div1 = element11("div");
-      div0 = element11("div");
+      div1 = element12("div");
+      div0 = element12("div");
       create_component7(contents.$$.fragment);
-      t0 = space8();
-      label = element11("label");
-      input = element11("input");
-      t1 = space8();
+      t0 = space9();
+      label = element12("label");
+      input = element12("input");
+      t1 = space9();
       svg = svg_element45("svg");
       path0 = svg_element45("path");
       path1 = svg_element45("path");
       if_block.c();
-      attr55(div0, "class", div0_class_value = name6 + "-contents " + ctx[1]);
-      set_style4(div0, "height", ctx[4] ? ctx[5] + "px" : "auto", false);
-      attr55(input, "type", "checkbox");
-      attr55(path0, "fill", "#fff");
-      attr55(path0, "stroke", "none");
-      attr55(path0, "d", "m0 0 24 16q6 4 6 14v60q0 10-6 14L0 120");
-      attr55(path0, "class", path0_class_value = name6 + "-handler-bg-color");
-      attr55(path1, "stroke", "#000");
-      attr55(path1, "d", "m0 0 24 16q6 4 6 14v60q0 10-6 14L0 120");
-      attr55(path1, "class", path1_class_value = name6 + "-handler-border-color");
-      attr55(svg, "fill", "none");
-      attr55(svg, "stroke-width", "2");
-      attr55(svg, "viewBox", "0 0 32 120");
-      attr55(label, "class", label_class_value = name6 + "-handler " + ctx[1]);
-      attr55(div1, "class", div1_class_value = name6 + " " + ctx[1]);
-      toggle_class49(div1, "collapsed", ctx[3]);
-    },
-    m(target, anchor) {
-      insert54(target, div1, anchor);
-      append54(div1, div0);
+      attr56(div0, "class", div0_class_value = name6 + "-contents " + ctx[1]);
+      set_style5(div0, "height", ctx[4] ? ctx[5] + "px" : "auto", false);
+      attr56(input, "type", "checkbox");
+      attr56(path0, "fill", "#fff");
+      attr56(path0, "stroke", "none");
+      attr56(path0, "d", "m0 0 24 16q6 4 6 14v60q0 10-6 14L0 120");
+      attr56(path0, "class", path0_class_value = name6 + "-handler-bg-color");
+      attr56(path1, "stroke", "#000");
+      attr56(path1, "d", "m0 0 24 16q6 4 6 14v60q0 10-6 14L0 120");
+      attr56(path1, "class", path1_class_value = name6 + "-handler-border-color");
+      attr56(svg, "fill", "none");
+      attr56(svg, "stroke-width", "2");
+      attr56(svg, "viewBox", "0 0 32 120");
+      attr56(label, "class", label_class_value = name6 + "-handler " + ctx[1]);
+      attr56(div1, "class", div1_class_value = name6 + " " + ctx[1]);
+      toggle_class50(div1, "collapsed", ctx[3]);
+    },
+    m(target, anchor) {
+      insert55(target, div1, anchor);
+      append55(div1, div0);
       mount_component7(contents, div0, null);
-      append54(div1, t0);
-      append54(div1, label);
-      append54(label, input);
+      append55(div1, t0);
+      append55(div1, label);
+      append55(label, input);
       input.checked = ctx[3];
-      append54(label, t1);
-      append54(label, svg);
-      append54(svg, path0);
-      append54(svg, path1);
+      append55(label, t1);
+      append55(label, svg);
+      append55(svg, path0);
+      append55(svg, path1);
       if_block.m(svg, null);
       current = true;
       if (!mounted) {
         dispose = [
-          listen6(input, "change", ctx[13]),
+          listen7(input, "change", ctx[13]),
           action_destroyer4(height_action = height.call(null, div1, ctx[8]))
         ];
         mounted = true;
@@ -8977,10 +9147,10 @@ function create_fragment55(ctx) {
         contents_changes.scrollable = ctx2[4];
       contents.$set(contents_changes);
       if (!current || dirty & 2 && div0_class_value !== (div0_class_value = name6 + "-contents " + ctx2[1])) {
-        attr55(div0, "class", div0_class_value);
+        attr56(div0, "class", div0_class_value);
       }
       if (dirty & 48) {
-        set_style4(div0, "height", ctx2[4] ? ctx2[5] + "px" : "auto", false);
+        set_style5(div0, "height", ctx2[4] ? ctx2[5] + "px" : "auto", false);
       }
       if (dirty & 8) {
         input.checked = ctx2[3];
@@ -8996,13 +9166,13 @@ function create_fragment55(ctx) {
         }
       }
       if (!current || dirty & 2 && label_class_value !== (label_class_value = name6 + "-handler " + ctx2[1])) {
-        attr55(label, "class", label_class_value);
+        attr56(label, "class", label_class_value);
       }
       if (!current || dirty & 2 && div1_class_value !== (div1_class_value = name6 + " " + ctx2[1])) {
-        attr55(div1, "class", div1_class_value);
+        attr56(div1, "class", div1_class_value);
       }
       if (dirty & 10) {
-        toggle_class49(div1, "collapsed", ctx2[3]);
+        toggle_class50(div1, "collapsed", ctx2[3]);
       }
     },
     i(local) {
@@ -9017,7 +9187,7 @@ function create_fragment55(ctx) {
     },
     d(detaching) {
       if (detaching)
-        detach54(div1);
+        detach55(div1);
       destroy_component7(contents);
       if_block.d();
       mounted = false;
@@ -9026,14 +9196,14 @@ function create_fragment55(ctx) {
   };
 }
 var name6 = "fastboard-toolbar";
-function instance55($$self, $$props, $$invalidate) {
+function instance56($$self, $$props, $$invalidate) {
   let writable2;
   let disabled;
   let computed_height;
   let scrollable;
   let $container_height;
   let $scroll_height;
-  let $writable, $$unsubscribe_writable = noop54, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe8(writable2, ($$value) => $$invalidate(12, $writable = $$value)), writable2);
+  let $writable, $$unsubscribe_writable = noop55, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe9(writable2, ($$value) => $$invalidate(12, $writable = $$value)), writable2);
   $$self.$$.on_destroy.push(() => $$unsubscribe_writable());
   let { app = null } = $$props;
   let { theme = "light" } = $$props;
@@ -9091,43 +9261,43 @@ function instance55($$self, $$props, $$invalidate) {
     input_change_handler
   ];
 }
-var Toolbar = class extends SvelteComponent55 {
+var Toolbar = class extends SvelteComponent56 {
   constructor(options) {
     super();
-    init55(this, options, instance55, create_fragment55, safe_not_equal55, { app: 0, theme: 1, language: 2 });
+    init56(this, options, instance56, create_fragment56, safe_not_equal56, { app: 0, theme: 1, language: 2 });
   }
 };
 var Toolbar_default = Toolbar;
 // src/components/PlayerControl/PlayerControl.svelte
 import {
-  SvelteComponent as SvelteComponent56,
-  append as append55,
-  attr as attr56,
+  SvelteComponent as SvelteComponent57,
+  append as append56,
+  attr as attr57,
   binding_callbacks as binding_callbacks2,
   check_outros as check_outros5,
   create_component as create_component8,
   destroy_component as destroy_component8,
-  detach as detach55,
-  element as element12,
+  detach as detach56,
+  element as element13,
   empty as empty5,
   group_outros as group_outros5,
-  init as init56,
-  insert as insert55,
+  init as init57,
+  insert as insert56,
   mount_component as mount_component8,
-  noop as noop55,
+  noop as noop56,
   outro_and_destroy_block as outro_and_destroy_block2,
-  safe_not_equal as safe_not_equal56,
+  safe_not_equal as safe_not_equal57,
   set_data as set_data4,
-  set_style as set_style5,
-  space as space9,
-  subscribe as subscribe9,
+  set_style as set_style6,
+  space as space10,
+  subscribe as subscribe10,
   text as text3,
   transition_in as transition_in10,
   transition_out as transition_out10,
-  update_keyed_each as update_keyed_each3
+  update_keyed_each as update_keyed_each4
 } from "svelte/internal";
-function get_each_context4(ctx, list, i) {
+function get_each_context5(ctx, list, i) {
   const child_ctx = ctx.slice();
   child_ctx[25] = list[i];
   return child_ctx;
@@ -9389,7 +9559,7 @@ function create_default_slot_25(ctx) {
     },
     m(target, anchor) {
       if_blocks[current_block_type_index].m(target, anchor);
-      insert55(target, if_block_anchor, anchor);
+      insert56(target, if_block_anchor, anchor);
       current = true;
     },
     p(ctx2, dirty) {
@@ -9427,7 +9597,7 @@ function create_default_slot_25(ctx) {
     d(detaching) {
       if_blocks[current_block_type_index].d(detaching);
       if (detaching)
-        detach55(if_block_anchor);
+        detach56(if_block_anchor);
     }
   };
 }
@@ -9463,33 +9633,33 @@ function create_else_block8(ctx) {
   return {
     c() {
       create_component8(slider.$$.fragment);
-      t0 = space9();
-      span3 = element12("span");
-      span0 = element12("span");
+      t0 = space10();
+      span3 = element13("span");
+      span0 = element13("span");
       t1 = text3(t1_value);
-      t2 = space9();
-      span1 = element12("span");
+      t2 = space10();
+      span1 = element13("span");
       t3 = text3("/");
-      t4 = space9();
-      span2 = element12("span");
+      t4 = space10();
+      span2 = element13("span");
       t5 = text3(t5_value);
-      attr56(span0, "class", span0_class_value = name7 + "-current");
-      attr56(span1, "class", span1_class_value = name7 + "-slash");
-      attr56(span2, "class", span2_class_value = name7 + "-duration");
-      attr56(span3, "class", span3_class_value = name7 + "-progress");
+      attr57(span0, "class", span0_class_value = name7 + "-current");
+      attr57(span1, "class", span1_class_value = name7 + "-slash");
+      attr57(span2, "class", span2_class_value = name7 + "-duration");
+      attr57(span3, "class", span3_class_value = name7 + "-progress");
     },
     m(target, anchor) {
       mount_component8(slider, target, anchor);
-      insert55(target, t0, anchor);
-      insert55(target, span3, anchor);
-      append55(span3, span0);
-      append55(span0, t1);
-      append55(span3, t2);
-      append55(span3, span1);
-      append55(span1, t3);
-      append55(span3, t4);
-      append55(span3, span2);
-      append55(span2, t5);
+      insert56(target, t0, anchor);
+      insert56(target, span3, anchor);
+      append56(span3, span0);
+      append56(span0, t1);
+      append56(span3, t2);
+      append56(span3, span1);
+      append56(span1, t3);
+      append56(span3, t4);
+      append56(span3, span2);
+      append56(span2, t5);
       current = true;
     },
     p(ctx2, dirty) {
@@ -9519,9 +9689,9 @@ function create_else_block8(ctx) {
     d(detaching) {
       destroy_component8(slider, detaching);
       if (detaching)
-        detach55(t0);
+        detach56(t0);
       if (detaching)
-        detach55(span3);
+        detach56(span3);
     }
   };
 }
@@ -9541,19 +9711,19 @@ function create_if_block8(ctx) {
   return {
     c() {
       create_component8(slider.$$.fragment);
-      t0 = space9();
-      span = element12("span");
+      t0 = space10();
+      span = element13("span");
       t1 = text3("\u2026/\u2026");
-      attr56(span, "class", span_class_value = name7 + "-progress loading");
+      attr57(span, "class", span_class_value = name7 + "-progress loading");
     },
     m(target, anchor) {
       mount_component8(slider, target, anchor);
-      insert55(target, t0, anchor);
-      insert55(target, span, anchor);
-      append55(span, t1);
+      insert56(target, t0, anchor);
+      insert56(target, span, anchor);
+      append56(span, t1);
       current = true;
     },
-    p: noop55,
+    p: noop56,
     i(local) {
       if (current)
         return;
@@ -9567,9 +9737,9 @@ function create_if_block8(ctx) {
     d(detaching) {
       destroy_component8(slider, detaching);
       if (detaching)
-        detach55(t0);
+        detach56(t0);
       if (detaching)
-        detach55(span);
+        detach56(span);
     }
   };
 }
@@ -9581,15 +9751,15 @@ function create_default_slot_15(ctx) {
   let span_class_value;
   return {
     c() {
-      span = element12("span");
+      span = element13("span");
       t0 = text3(t0_value);
       t1 = text3("x");
-      attr56(span, "class", span_class_value = name7 + "-speed-text");
+      attr57(span, "class", span_class_value = name7 + "-speed-text");
     },
     m(target, anchor) {
-      insert55(target, span, anchor);
-      append55(span, t0);
-      append55(span, t1);
+      insert56(target, span, anchor);
+      append56(span, t0);
+      append56(span, t1);
     },
     p(ctx2, dirty) {
       if (dirty & 32768 && t0_value !== (t0_value = (ctx2[15] || 1) + ""))
@@ -9597,7 +9767,7 @@ function create_default_slot_15(ctx) {
     },
     d(detaching) {
       if (detaching)
-        detach55(span);
+        detach56(span);
     }
   };
 }
@@ -9611,19 +9781,19 @@ function create_default_slot5(ctx) {
       t1 = text3("x\n      ");
     },
     m(target, anchor) {
-      insert55(target, t0, anchor);
-      insert55(target, t1, anchor);
+      insert56(target, t0, anchor);
+      insert56(target, t1, anchor);
     },
-    p: noop55,
+    p: noop56,
     d(detaching) {
       if (detaching)
-        detach55(t0);
+        detach56(t0);
       if (detaching)
-        detach55(t1);
+        detach56(t1);
     }
   };
 }
-function create_each_block4(key_1, ctx) {
+function create_each_block5(key_1, ctx) {
   let first;
   let button;
   let current;
@@ -9650,7 +9820,7 @@ function create_each_block4(key_1, ctx) {
       this.first = first;
     },
     m(target, anchor) {
-      insert55(target, first, anchor);
+      insert56(target, first, anchor);
       mount_component8(button, target, anchor);
       current = true;
     },
@@ -9680,12 +9850,12 @@ function create_each_block4(key_1, ctx) {
     },
     d(detaching) {
       if (detaching)
-        detach55(first);
+        detach56(first);
       destroy_component8(button, detaching);
     }
   };
 }
-function create_fragment56(ctx) {
+function create_fragment57(ctx) {
   let div0;
   let button0;
   let t0;
@@ -9738,38 +9908,38 @@ function create_fragment56(ctx) {
   let each_value = speeds;
   const get_key = (ctx2) => ctx2[25];
   for (let i = 0; i < each_value.length; i += 1) {
-    let child_ctx = get_each_context4(ctx, each_value, i);
+    let child_ctx = get_each_context5(ctx, each_value, i);
     let key = get_key(child_ctx);
-    each_1_lookup.set(key, each_blocks[i] = create_each_block4(key, child_ctx));
+    each_1_lookup.set(key, each_blocks[i] = create_each_block5(key, child_ctx));
   }
   return {
     c() {
-      div0 = element12("div");
+      div0 = element13("div");
       create_component8(button0.$$.fragment);
-      t0 = space9();
+      t0 = space10();
       if_block.c();
-      t1 = space9();
+      t1 = space10();
       create_component8(button1.$$.fragment);
-      t2 = space9();
-      div2 = element12("div");
-      div1 = element12("div");
+      t2 = space10();
+      div2 = element13("div");
+      div1 = element13("div");
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].c();
       }
-      attr56(div0, "class", div0_class_value = name7 + " " + ctx[0]);
-      attr56(div1, "class", div1_class_value = name7 + "-panel speed");
-      set_style5(div2, "display", "none");
+      attr57(div0, "class", div0_class_value = name7 + " " + ctx[0]);
+      attr57(div1, "class", div1_class_value = name7 + "-panel speed");
+      set_style6(div2, "display", "none");
     },
     m(target, anchor) {
-      insert55(target, div0, anchor);
+      insert56(target, div0, anchor);
       mount_component8(button0, div0, null);
-      append55(div0, t0);
+      append56(div0, t0);
       if_blocks[current_block_type_index].m(div0, null);
-      append55(div0, t1);
+      append56(div0, t1);
       mount_component8(button1, div0, null);
-      insert55(target, t2, anchor);
-      insert55(target, div2, anchor);
-      append55(div2, div1);
+      insert56(target, t2, anchor);
+      insert56(target, div2, anchor);
+      append56(div2, div1);
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].m(div1, null);
       }
@@ -9824,12 +9994,12 @@ function create_fragment56(ctx) {
       }
       button1.$set(button1_changes);
       if (!current || dirty & 1 && div0_class_value !== (div0_class_value = name7 + " " + ctx2[0])) {
-        attr56(div0, "class", div0_class_value);
+        attr57(div0, "class", div0_class_value);
       }
       if (dirty & 294929) {
         each_value = speeds;
         group_outros5();
-        each_blocks = update_keyed_each3(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div1, outro_and_destroy_block2, create_each_block4, null, get_each_context4);
+        each_blocks = update_keyed_each4(each_blocks, dirty, get_key, 1, ctx2, each_value, each_1_lookup, div1, outro_and_destroy_block2, create_each_block5, null, get_each_context5);
         check_outros5();
       }
     },
@@ -9855,14 +10025,14 @@ function create_fragment56(ctx) {
     },
     d(detaching) {
       if (detaching)
-        detach55(div0);
+        detach56(div0);
       destroy_component8(button0);
       if_blocks[current_block_type_index].d();
       destroy_component8(button1);
       if (detaching)
-        detach55(t2);
+        detach56(t2);
       if (detaching)
-        detach55(div2);
+        detach56(div2);
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].d();
       }
@@ -9889,7 +10059,7 @@ function format(ms) {
   return String(m).padStart(2, "0") + ":" + String(s % 60).padStart(2, "0");
 }
 var name7 = "fastboard-player-control";
-function instance56($$self, $$props, $$invalidate) {
+function instance57($$self, $$props, $$invalidate) {
   let t;
   let canPlay;
   let disabled;
@@ -9900,10 +10070,10 @@ function instance56($$self, $$props, $$invalidate) {
   let loading;
   let playing;
   let className;
-  let $phase, $$unsubscribe_phase = noop55, $$subscribe_phase = () => ($$unsubscribe_phase(), $$unsubscribe_phase = subscribe9(phase, ($$value) => $$invalidate(22, $phase = $$value)), phase);
-  let $current, $$unsubscribe_current = noop55, $$subscribe_current = () => ($$unsubscribe_current(), $$unsubscribe_current = subscribe9(current, ($$value) => $$invalidate(13, $current = $$value)), current);
-  let $duration, $$unsubscribe_duration = noop55, $$subscribe_duration = () => ($$unsubscribe_duration(), $$unsubscribe_duration = subscribe9(duration, ($$value) => $$invalidate(14, $duration = $$value)), duration);
-  let $playbackRate, $$unsubscribe_playbackRate = noop55, $$subscribe_playbackRate = () => ($$unsubscribe_playbackRate(), $$unsubscribe_playbackRate = subscribe9(playbackRate, ($$value) => $$invalidate(15, $playbackRate = $$value)), playbackRate);
+  let $phase, $$unsubscribe_phase = noop56, $$subscribe_phase = () => ($$unsubscribe_phase(), $$unsubscribe_phase = subscribe10(phase, ($$value) => $$invalidate(22, $phase = $$value)), phase);
+  let $current, $$unsubscribe_current = noop56, $$subscribe_current = () => ($$unsubscribe_current(), $$unsubscribe_current = subscribe10(current, ($$value) => $$invalidate(13, $current = $$value)), current);
+  let $duration, $$unsubscribe_duration = noop56, $$subscribe_duration = () => ($$unsubscribe_duration(), $$unsubscribe_duration = subscribe10(duration, ($$value) => $$invalidate(14, $duration = $$value)), duration);
+  let $playbackRate, $$unsubscribe_playbackRate = noop56, $$subscribe_playbackRate = () => ($$unsubscribe_playbackRate(), $$unsubscribe_playbackRate = subscribe10(playbackRate, ($$value) => $$invalidate(15, $playbackRate = $$value)), playbackRate);
   $$self.$$.on_destroy.push(() => $$unsubscribe_phase());
   $$self.$$.on_destroy.push(() => $$unsubscribe_current());
   $$self.$$.on_destroy.push(() => $$unsubscribe_duration());
@@ -10031,10 +10201,10 @@ function instance56($$self, $$props, $$invalidate) {
     div1_binding
   ];
 }
-var PlayerControl = class extends SvelteComponent56 {
+var PlayerControl = class extends SvelteComponent57 {
   constructor(options) {
     super();
-    init56(this, options, instance56, create_fragment56, safe_not_equal56, {
+    init57(this, options, instance57, create_fragment57, safe_not_equal57, {
       player: 19,
       theme: 0,
       language: 20,
@@ -10046,26 +10216,26 @@ var PlayerControl_default = PlayerControl;
 // src/components/Fastboard/ReplayFastboard.svelte
 import {
-  SvelteComponent as SvelteComponent57,
-  append as append56,
-  attr as attr57,
+  SvelteComponent as SvelteComponent58,
+  append as append57,
+  attr as attr58,
   binding_callbacks as binding_callbacks3,
   create_component as create_component9,
   destroy_component as destroy_component9,
-  detach as detach56,
-  element as element13,
-  init as init57,
-  insert as insert56,
-  listen as listen7,
+  detach as detach57,
+  element as element14,
+  init as init58,
+  insert as insert57,
+  listen as listen8,
   mount_component as mount_component9,
-  safe_not_equal as safe_not_equal57,
-  space as space10,
-  toggle_class as toggle_class50,
+  safe_not_equal as safe_not_equal58,
+  space as space11,
+  toggle_class as toggle_class51,
   transition_in as transition_in11,
   transition_out as transition_out11
 } from "svelte/internal";
 import { onMount } from "svelte";
-function create_fragment57(ctx) {
+function create_fragment58(ctx) {
   let div2;
   let div0;
   let div0_class_value;
@@ -10086,26 +10256,26 @@ function create_fragment57(ctx) {
   });
   return {
     c() {
-      div2 = element13("div");
-      div0 = element13("div");
-      t = space10();
-      div1 = element13("div");
+      div2 = element14("div");
+      div0 = element14("div");
+      t = space11();
+      div1 = element14("div");
       create_component9(playercontrol.$$.fragment);
-      attr57(div0, "class", div0_class_value = name8 + "-view");
-      attr57(div1, "class", div1_class_value = name8 + "-bottom");
-      attr57(div2, "class", div2_class_value = name8 + "-root");
-      toggle_class50(div2, "loading", !ctx[0]);
+      attr58(div0, "class", div0_class_value = name8 + "-view");
+      attr58(div1, "class", div1_class_value = name8 + "-bottom");
+      attr58(div2, "class", div2_class_value = name8 + "-root");
+      toggle_class51(div2, "loading", !ctx[0]);
     },
     m(target, anchor) {
-      insert56(target, div2, anchor);
-      append56(div2, div0);
+      insert57(target, div2, anchor);
+      append57(div2, div0);
       ctx[5](div0);
-      append56(div2, t);
-      append56(div2, div1);
+      append57(div2, t);
+      append57(div2, div1);
       mount_component9(playercontrol, div1, null);
       current = true;
       if (!mounted) {
-        dispose = listen7(div0, "touchstart", tippy_hide_all, true);
+        dispose = listen8(div0, "touchstart", tippy_hide_all, true);
         mounted = true;
       }
     },
@@ -10119,7 +10289,7 @@ function create_fragment57(ctx) {
         playercontrol_changes.language = ctx2[2];
       playercontrol.$set(playercontrol_changes);
       if (dirty & 1) {
-        toggle_class50(div2, "loading", !ctx2[0]);
+        toggle_class51(div2, "loading", !ctx2[0]);
       }
     },
     i(local) {
@@ -10134,7 +10304,7 @@ function create_fragment57(ctx) {
     },
     d(detaching) {
       if (detaching)
-        detach56(div2);
+        detach57(div2);
       ctx[5](null);
       destroy_component9(playercontrol);
       mounted = false;
@@ -10143,7 +10313,7 @@ function create_fragment57(ctx) {
   };
 }
 var name8 = "fastboard";
-function instance57($$self, $$props, $$invalidate) {
+function instance58($$self, $$props, $$invalidate) {
   let { player = null } = $$props;
   let { theme = "light" } = $$props;
   let { language = "en" } = $$props;
@@ -10194,10 +10364,10 @@ function instance57($$self, $$props, $$invalidate) {
   };
   return [player, theme, language, container, containerRef, div0_binding];
 }
-var ReplayFastboard = class extends SvelteComponent57 {
+var ReplayFastboard = class extends SvelteComponent58 {
   constructor(options) {
     super();
-    init57(this, options, instance57, create_fragment57, safe_not_equal57, {
+    init58(this, options, instance58, create_fragment58, safe_not_equal58, {
       player: 0,
       theme: 1,
       language: 2,
@@ -10209,49 +10379,32 @@ var ReplayFastboard_default = ReplayFastboard;
 // src/components/Fastboard/Fastboard.svelte
 import {
-  SvelteComponent as SvelteComponent58,
-  append as append57,
-  attr as attr58,
+  SvelteComponent as SvelteComponent59,
+  append as append58,
+  attr as attr59,
   binding_callbacks as binding_callbacks4,
+  check_outros as check_outros6,
   create_component as create_component10,
   destroy_component as destroy_component10,
-  detach as detach57,
-  element as element14,
-  init as init58,
-  insert as insert57,
-  listen as listen8,
+  detach as detach58,
+  element as element15,
+  group_outros as group_outros6,
+  init as init59,
+  insert as insert58,
+  listen as listen9,
   mount_component as mount_component10,
-  noop as noop56,
-  safe_not_equal as safe_not_equal58,
-  space as space11,
-  subscribe as subscribe10,
-  toggle_class as toggle_class51,
+  noop as noop57,
+  safe_not_equal as safe_not_equal59,
+  space as space12,
+  subscribe as subscribe11,
+  toggle_class as toggle_class52,
   transition_in as transition_in12,
   transition_out as transition_out12
 } from "svelte/internal";
 import { onMount as onMount2 } from "svelte";
-function create_fragment58(ctx) {
-  let div4;
-  let div0;
-  let div0_class_value;
-  let t0;
-  let div1;
+function create_if_block_32(ctx) {
   let toolbar;
-  let div1_class_value;
-  let t1;
-  let div2;
-  let redoundo;
-  let t2;
-  let zoomcontrol;
-  let div2_class_value;
-  let t3;
-  let div3;
-  let pagecontrol;
-  let div3_class_value;
-  let div4_class_value;
   let current;
-  let mounted;
-  let dispose;
   toolbar = new Toolbar_default({
     props: {
       app: ctx[0],
@@ -10259,74 +10412,15 @@ function create_fragment58(ctx) {
       language: ctx[2]
     }
   });
-  redoundo = new RedoUndo_default({
-    props: {
-      app: ctx[0],
-      theme: ctx[1],
-      language: ctx[2]
-    }
-  });
-  zoomcontrol = new ZoomControl_default({
-    props: {
-      app: ctx[0],
-      theme: ctx[1],
-      language: ctx[2]
-    }
-  });
-  pagecontrol = new PageControl_default({
-    props: {
-      app: ctx[0],
-      theme: ctx[1],
-      language: ctx[2]
-    }
-  });
   return {
     c() {
-      div4 = element14("div");
-      div0 = element14("div");
-      t0 = space11();
-      div1 = element14("div");
       create_component10(toolbar.$$.fragment);
-      t1 = space11();
-      div2 = element14("div");
-      create_component10(redoundo.$$.fragment);
-      t2 = space11();
-      create_component10(zoomcontrol.$$.fragment);
-      t3 = space11();
-      div3 = element14("div");
-      create_component10(pagecontrol.$$.fragment);
-      attr58(div0, "class", div0_class_value = name9 + "-view");
-      attr58(div1, "class", div1_class_value = name9 + "-left");
-      toggle_class51(div1, "hidden", !(ctx[4] === "visible" || ctx[4] === "toolbar-only"));
-      attr58(div2, "class", div2_class_value = name9 + "-bottom-left");
-      toggle_class51(div2, "hidden", ctx[4] !== "visible");
-      attr58(div3, "class", div3_class_value = name9 + "-bottom-right");
-      toggle_class51(div3, "hidden", ctx[4] !== "visible");
-      attr58(div4, "class", div4_class_value = name9 + "-root");
-      toggle_class51(div4, "loading", !ctx[0]);
-    },
-    m(target, anchor) {
-      insert57(target, div4, anchor);
-      append57(div4, div0);
-      ctx[12](div0);
-      append57(div4, t0);
-      append57(div4, div1);
-      mount_component10(toolbar, div1, null);
-      append57(div4, t1);
-      append57(div4, div2);
-      mount_component10(redoundo, div2, null);
-      append57(div2, t2);
-      mount_component10(zoomcontrol, div2, null);
-      append57(div4, t3);
-      append57(div4, div3);
-      mount_component10(pagecontrol, div3, null);
+    },
+    m(target, anchor) {
+      mount_component10(toolbar, target, anchor);
       current = true;
-      if (!mounted) {
-        dispose = listen8(div0, "touchstart", tippy_hide_all, true);
-        mounted = true;
-      }
     },
-    p(ctx2, [dirty]) {
+    p(ctx2, dirty) {
       const toolbar_changes = {};
       if (dirty & 1)
         toolbar_changes.app = ctx2[0];
@@ -10335,9 +10429,41 @@ function create_fragment58(ctx) {
       if (dirty & 4)
         toolbar_changes.language = ctx2[2];
       toolbar.$set(toolbar_changes);
-      if (dirty & 16) {
-        toggle_class51(div1, "hidden", !(ctx2[4] === "visible" || ctx2[4] === "toolbar-only"));
-      }
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in12(toolbar.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      transition_out12(toolbar.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      destroy_component10(toolbar, detaching);
+    }
+  };
+}
+function create_if_block_23(ctx) {
+  let redoundo;
+  let current;
+  redoundo = new RedoUndo_default({
+    props: {
+      app: ctx[0],
+      theme: ctx[1],
+      language: ctx[2]
+    }
+  });
+  return {
+    c() {
+      create_component10(redoundo.$$.fragment);
+    },
+    m(target, anchor) {
+      mount_component10(redoundo, target, anchor);
+      current = true;
+    },
+    p(ctx2, dirty) {
       const redoundo_changes = {};
       if (dirty & 1)
         redoundo_changes.app = ctx2[0];
@@ -10346,6 +10472,41 @@ function create_fragment58(ctx) {
       if (dirty & 4)
         redoundo_changes.language = ctx2[2];
       redoundo.$set(redoundo_changes);
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in12(redoundo.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      transition_out12(redoundo.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      destroy_component10(redoundo, detaching);
+    }
+  };
+}
+function create_if_block_14(ctx) {
+  let zoomcontrol;
+  let current;
+  zoomcontrol = new ZoomControl_default({
+    props: {
+      app: ctx[0],
+      theme: ctx[1],
+      language: ctx[2]
+    }
+  });
+  return {
+    c() {
+      create_component10(zoomcontrol.$$.fragment);
+    },
+    m(target, anchor) {
+      mount_component10(zoomcontrol, target, anchor);
+      current = true;
+    },
+    p(ctx2, dirty) {
       const zoomcontrol_changes = {};
       if (dirty & 1)
         zoomcontrol_changes.app = ctx2[0];
@@ -10354,9 +10515,41 @@ function create_fragment58(ctx) {
       if (dirty & 4)
         zoomcontrol_changes.language = ctx2[2];
       zoomcontrol.$set(zoomcontrol_changes);
-      if (dirty & 16) {
-        toggle_class51(div2, "hidden", ctx2[4] !== "visible");
-      }
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in12(zoomcontrol.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      transition_out12(zoomcontrol.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      destroy_component10(zoomcontrol, detaching);
+    }
+  };
+}
+function create_if_block9(ctx) {
+  let pagecontrol;
+  let current;
+  pagecontrol = new PageControl_default({
+    props: {
+      app: ctx[0],
+      theme: ctx[1],
+      language: ctx[2]
+    }
+  });
+  return {
+    c() {
+      create_component10(pagecontrol.$$.fragment);
+    },
+    m(target, anchor) {
+      mount_component10(pagecontrol, target, anchor);
+      current = true;
+    },
+    p(ctx2, dirty) {
       const pagecontrol_changes = {};
       if (dirty & 1)
         pagecontrol_changes.app = ctx2[0];
@@ -10365,50 +10558,231 @@ function create_fragment58(ctx) {
       if (dirty & 4)
         pagecontrol_changes.language = ctx2[2];
       pagecontrol.$set(pagecontrol_changes);
-      if (dirty & 16) {
-        toggle_class51(div3, "hidden", ctx2[4] !== "visible");
+    },
+    i(local) {
+      if (current)
+        return;
+      transition_in12(pagecontrol.$$.fragment, local);
+      current = true;
+    },
+    o(local) {
+      transition_out12(pagecontrol.$$.fragment, local);
+      current = false;
+    },
+    d(detaching) {
+      destroy_component10(pagecontrol, detaching);
+    }
+  };
+}
+function create_fragment59(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;
+  let if_block0 = ((_a = ctx[3].toolbar) == null ? void 0 : _a.enable) !== false && create_if_block_32(ctx);
+  let if_block1 = ((_b = ctx[3].redo_undo) == null ? void 0 : _b.enable) !== false && create_if_block_23(ctx);
+  let if_block2 = ((_c = ctx[3].zoom_control) == null ? void 0 : _c.enable) !== false && create_if_block_14(ctx);
+  let if_block3 = ((_d = ctx[3].page_control) == null ? void 0 : _d.enable) !== false && create_if_block9(ctx);
+  return {
+    c() {
+      div4 = element15("div");
+      div0 = element15("div");
+      t0 = space12();
+      div1 = element15("div");
+      if (if_block0)
+        if_block0.c();
+      t1 = space12();
+      div2 = element15("div");
+      if (if_block1)
+        if_block1.c();
+      t2 = space12();
+      if (if_block2)
+        if_block2.c();
+      t3 = space12();
+      div3 = element15("div");
+      if (if_block3)
+        if_block3.c();
+      attr59(div0, "class", div0_class_value = name9 + "-view");
+      attr59(div1, "class", div1_class_value = name9 + "-left");
+      toggle_class52(div1, "hidden", !(ctx[5] === "visible" || ctx[5] === "toolbar-only"));
+      attr59(div2, "class", div2_class_value = name9 + "-bottom-left");
+      toggle_class52(div2, "hidden", ctx[5] !== "visible");
+      attr59(div3, "class", div3_class_value = name9 + "-bottom-right");
+      toggle_class52(div3, "hidden", ctx[5] !== "visible");
+      attr59(div4, "class", div4_class_value = name9 + "-root");
+      toggle_class52(div4, "loading", !ctx[0]);
+    },
+    m(target, anchor) {
+      insert58(target, div4, anchor);
+      append58(div4, div0);
+      ctx[13](div0);
+      append58(div4, t0);
+      append58(div4, div1);
+      if (if_block0)
+        if_block0.m(div1, null);
+      append58(div4, t1);
+      append58(div4, div2);
+      if (if_block1)
+        if_block1.m(div2, null);
+      append58(div2, t2);
+      if (if_block2)
+        if_block2.m(div2, null);
+      append58(div4, t3);
+      append58(div4, div3);
+      if (if_block3)
+        if_block3.m(div3, null);
+      current = true;
+      if (!mounted) {
+        dispose = listen9(div0, "touchstart", tippy_hide_all, true);
+        mounted = true;
+      }
+    },
+    p(ctx2, [dirty]) {
+      var _a2, _b2, _c2, _d2;
+      if (((_a2 = ctx2[3].toolbar) == null ? void 0 : _a2.enable) !== false) {
+        if (if_block0) {
+          if_block0.p(ctx2, dirty);
+          if (dirty & 8) {
+            transition_in12(if_block0, 1);
+          }
+        } else {
+          if_block0 = create_if_block_32(ctx2);
+          if_block0.c();
+          transition_in12(if_block0, 1);
+          if_block0.m(div1, null);
+        }
+      } else if (if_block0) {
+        group_outros6();
+        transition_out12(if_block0, 1, 1, () => {
+          if_block0 = null;
+        });
+        check_outros6();
+      }
+      if (dirty & 32) {
+        toggle_class52(div1, "hidden", !(ctx2[5] === "visible" || ctx2[5] === "toolbar-only"));
+      }
+      if (((_b2 = ctx2[3].redo_undo) == null ? void 0 : _b2.enable) !== false) {
+        if (if_block1) {
+          if_block1.p(ctx2, dirty);
+          if (dirty & 8) {
+            transition_in12(if_block1, 1);
+          }
+        } else {
+          if_block1 = create_if_block_23(ctx2);
+          if_block1.c();
+          transition_in12(if_block1, 1);
+          if_block1.m(div2, t2);
+        }
+      } else if (if_block1) {
+        group_outros6();
+        transition_out12(if_block1, 1, 1, () => {
+          if_block1 = null;
+        });
+        check_outros6();
+      }
+      if (((_c2 = ctx2[3].zoom_control) == null ? void 0 : _c2.enable) !== false) {
+        if (if_block2) {
+          if_block2.p(ctx2, dirty);
+          if (dirty & 8) {
+            transition_in12(if_block2, 1);
+          }
+        } else {
+          if_block2 = create_if_block_14(ctx2);
+          if_block2.c();
+          transition_in12(if_block2, 1);
+          if_block2.m(div2, null);
+        }
+      } else if (if_block2) {
+        group_outros6();
+        transition_out12(if_block2, 1, 1, () => {
+          if_block2 = null;
+        });
+        check_outros6();
+      }
+      if (dirty & 32) {
+        toggle_class52(div2, "hidden", ctx2[5] !== "visible");
+      }
+      if (((_d2 = ctx2[3].page_control) == null ? void 0 : _d2.enable) !== false) {
+        if (if_block3) {
+          if_block3.p(ctx2, dirty);
+          if (dirty & 8) {
+            transition_in12(if_block3, 1);
+          }
+        } else {
+          if_block3 = create_if_block9(ctx2);
+          if_block3.c();
+          transition_in12(if_block3, 1);
+          if_block3.m(div3, null);
+        }
+      } else if (if_block3) {
+        group_outros6();
+        transition_out12(if_block3, 1, 1, () => {
+          if_block3 = null;
+        });
+        check_outros6();
+      }
+      if (dirty & 32) {
+        toggle_class52(div3, "hidden", ctx2[5] !== "visible");
       }
       if (dirty & 1) {
-        toggle_class51(div4, "loading", !ctx2[0]);
+        toggle_class52(div4, "loading", !ctx2[0]);
       }
     },
     i(local) {
       if (current)
         return;
-      transition_in12(toolbar.$$.fragment, local);
-      transition_in12(redoundo.$$.fragment, local);
-      transition_in12(zoomcontrol.$$.fragment, local);
-      transition_in12(pagecontrol.$$.fragment, local);
+      transition_in12(if_block0);
+      transition_in12(if_block1);
+      transition_in12(if_block2);
+      transition_in12(if_block3);
       current = true;
     },
     o(local) {
-      transition_out12(toolbar.$$.fragment, local);
-      transition_out12(redoundo.$$.fragment, local);
-      transition_out12(zoomcontrol.$$.fragment, local);
-      transition_out12(pagecontrol.$$.fragment, local);
+      transition_out12(if_block0);
+      transition_out12(if_block1);
+      transition_out12(if_block2);
+      transition_out12(if_block3);
       current = false;
     },
     d(detaching) {
       if (detaching)
-        detach57(div4);
-      ctx[12](null);
-      destroy_component10(toolbar);
-      destroy_component10(redoundo);
-      destroy_component10(zoomcontrol);
-      destroy_component10(pagecontrol);
+        detach58(div4);
+      ctx[13](null);
+      if (if_block0)
+        if_block0.d();
+      if (if_block1)
+        if_block1.d();
+      if (if_block2)
+        if_block2.d();
+      if (if_block3)
+        if_block3.d();
       mounted = false;
       dispose();
     }
   };
 }
 var name9 = "fastboard";
-function instance58($$self, $$props, $$invalidate) {
+function instance59($$self, $$props, $$invalidate) {
   let writable2;
   let boxState;
   let focusedApp;
-  let $focusedApp, $$unsubscribe_focusedApp = noop56, $$subscribe_focusedApp = () => ($$unsubscribe_focusedApp(), $$unsubscribe_focusedApp = subscribe10(focusedApp, ($$value) => $$invalidate(9, $focusedApp = $$value)), focusedApp);
-  let $boxState, $$unsubscribe_boxState = noop56, $$subscribe_boxState = () => ($$unsubscribe_boxState(), $$unsubscribe_boxState = subscribe10(boxState, ($$value) => $$invalidate(10, $boxState = $$value)), boxState);
-  let $writable, $$unsubscribe_writable = noop56, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe10(writable2, ($$value) => $$invalidate(11, $writable = $$value)), writable2);
+  let $focusedApp, $$unsubscribe_focusedApp = noop57, $$subscribe_focusedApp = () => ($$unsubscribe_focusedApp(), $$unsubscribe_focusedApp = subscribe11(focusedApp, ($$value) => $$invalidate(10, $focusedApp = $$value)), focusedApp);
+  let $boxState, $$unsubscribe_boxState = noop57, $$subscribe_boxState = () => ($$unsubscribe_boxState(), $$unsubscribe_boxState = subscribe11(boxState, ($$value) => $$invalidate(11, $boxState = $$value)), boxState);
+  let $writable, $$unsubscribe_writable = noop57, $$subscribe_writable = () => ($$unsubscribe_writable(), $$unsubscribe_writable = subscribe11(writable2, ($$value) => $$invalidate(12, $writable = $$value)), writable2);
   $$self.$$.on_destroy.push(() => $$unsubscribe_focusedApp());
   $$self.$$.on_destroy.push(() => $$unsubscribe_boxState());
   $$self.$$.on_destroy.push(() => $$unsubscribe_writable());
@@ -10416,6 +10790,7 @@ function instance58($$self, $$props, $$invalidate) {
   let { theme = "light" } = $$props;
   let { language = "en" } = $$props;
   let { containerRef = void 0 } = $$props;
+  let { config = {} } = $$props;
   const AppsShowToolbar = ["DocsViewer", "Slide"];
   let container;
   let layout = "hidden";
@@ -10431,7 +10806,7 @@ function instance58($$self, $$props, $$invalidate) {
   function div0_binding($$value) {
     binding_callbacks4[$$value ? "unshift" : "push"](() => {
       container = $$value;
-      $$invalidate(3, container);
+      $$invalidate(4, container);
     });
   }
   $$self.$$set = ($$props2) => {
@@ -10442,36 +10817,38 @@ function instance58($$self, $$props, $$invalidate) {
     if ("language" in $$props2)
       $$invalidate(2, language = $$props2.language);
     if ("containerRef" in $$props2)
-      $$invalidate(8, containerRef = $$props2.containerRef);
+      $$invalidate(9, containerRef = $$props2.containerRef);
+    if ("config" in $$props2)
+      $$invalidate(3, config = $$props2.config);
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 1) {
       $:
-        $$subscribe_writable($$invalidate(7, 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(6, 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(5, focusedApp = app == null ? void 0 : app.focusedApp));
+        $$subscribe_focusedApp($$invalidate(6, focusedApp = app == null ? void 0 : app.focusedApp));
     }
-    if ($$self.$$.dirty & 3584) {
+    if ($$self.$$.dirty & 7168) {
       $:
         if (!$writable) {
-          $$invalidate(4, layout = "hidden");
+          $$invalidate(5, layout = "hidden");
         } else if ($boxState === "maximized") {
           if ($focusedApp && AppsShowToolbar.some((kind) => ($focusedApp || "").includes(kind))) {
-            $$invalidate(4, layout = "toolbar-only");
+            $$invalidate(5, layout = "toolbar-only");
           } else {
-            $$invalidate(4, layout = "hidden");
+            $$invalidate(5, layout = "hidden");
           }
         } else {
-          $$invalidate(4, layout = "visible");
+          $$invalidate(5, layout = "visible");
         }
     }
-    if ($$self.$$.dirty & 9) {
+    if ($$self.$$.dirty & 17) {
       $:
         try {
           if (app && container)
@@ -10492,6 +10869,7 @@ function instance58($$self, $$props, $$invalidate) {
     app,
     theme,
     language,
+    config,
     container,
     layout,
     focusedApp,
@@ -10504,14 +10882,15 @@ function instance58($$self, $$props, $$invalidate) {
     div0_binding
   ];
 }
-var Fastboard = class extends SvelteComponent58 {
+var Fastboard = class extends SvelteComponent59 {
   constructor(options) {
     super();
-    init58(this, options, instance58, create_fragment58, safe_not_equal58, {
+    init59(this, options, instance59, create_fragment59, safe_not_equal59, {
       app: 0,
       theme: 1,
       language: 2,
-      containerRef: 8
+      containerRef: 9,
+      config: 3
     });
   }
 };
@@ -10528,7 +10907,7 @@ function injectStyle(text4) {
 }
 // inline-sass-content:./src/style.scss
-var style_default = '.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px #9aa1b126,0 4px 80px -8px #24282f40,0 4px 4px -2px #5b5e6926;background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.fastboard-icon.light .fastboard-icon-stroke-color{stroke:var(--fastboard-color, #5d6066)}.fastboard-icon.light .fastboard-icon-fill-color{fill:var(--fastboard-color, #5d6066)}.fastboard-icon.light.is-active .fastboard-icon-stroke-color{stroke:var(--fastboard-active-color, #3381ff)}.fastboard-icon.light.is-active .fastboard-icon-fill-color{fill:var(--fastboard-active-color, #3381ff)}.fastboard-icon.dark .fastboard-icon-stroke-color{stroke:var(--fastboard-color, #7b7e84)}.fastboard-icon.dark .fastboard-icon-fill-color{fill:var(--fastboard-color, #7b7e84)}.fastboard-icon.dark.is-active .fastboard-icon-stroke-color{stroke:var(--fastboard-active-color, #2867cc)}.fastboard-icon.dark.is-active .fastboard-icon-fill-color{fill:var(--fastboard-active-color, #2867cc)}.fastboard-redo-undo{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid;border-radius:4px;font-size:14px;font-family:system-ui;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.fastboard-redo-undo *{box-sizing:inherit}.fastboard-redo-undo.light{color:var(--fastboard-color, #5d6066);background-color:var(--fastboard-bg-color, rgba(255, 255, 255, .9));border-color:var(--fastboard-border-color, #e5e8f0)}.fastboard-redo-undo.dark{color:var(--fastboard-color, #7b7e84);background-color:var(--fastboard-bg-color, rgba(20, 24, 30, .9));border-color:var(--fastboard-border-color, #383b42)}.fastboard-redo-undo-btn{appearance:none;cursor:pointer;margin:0;border:0;padding:0;width:24px;height:24px;background-color:transparent;border-radius:4px;font-size:0;line-height:1;flex-shrink:0}.fastboard-redo-undo-btn svg,.fastboard-redo-undo-btn img{width:100%;height:100%;pointer-events:none}.fastboard-redo-undo-btn:disabled{opacity:.5;cursor:not-allowed}.fastboard-redo-undo-btn.light:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-redo-undo-btn.dark:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-zoom-control{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid;border-radius:4px;font-size:14px;font-family:system-ui;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.fastboard-zoom-control *{box-sizing:inherit}.fastboard-zoom-control.light{color:var(--fastboard-color, #5d6066);background-color:var(--fastboard-bg-color, rgba(255, 255, 255, .9));border-color:var(--fastboard-border-color, #e5e8f0)}.fastboard-zoom-control.dark{color:var(--fastboard-color, #7b7e84);background-color:var(--fastboard-bg-color, rgba(20, 24, 30, .9));border-color:var(--fastboard-border-color, #383b42)}.fastboard-zoom-control-btn{appearance:none;cursor:pointer;margin:0;border:0;padding:0;width:24px;height:24px;background-color:transparent;border-radius:4px;font-size:0;line-height:1;flex-shrink:0}.fastboard-zoom-control-btn svg,.fastboard-zoom-control-btn img{width:100%;height:100%;pointer-events:none}.fastboard-zoom-control-btn:disabled{opacity:.5;cursor:not-allowed}.fastboard-zoom-control-btn.light:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-zoom-control-btn.dark:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-zoom-control-text{font-variant-numeric:tabular-nums}.fastboard-page-control{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid;border-radius:4px;font-size:14px;font-family:system-ui;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.fastboard-page-control *{box-sizing:inherit}.fastboard-page-control.light{color:var(--fastboard-color, #5d6066);background-color:var(--fastboard-bg-color, rgba(255, 255, 255, .9));border-color:var(--fastboard-border-color, #e5e8f0)}.fastboard-page-control.dark{color:var(--fastboard-color, #7b7e84);background-color:var(--fastboard-bg-color, rgba(20, 24, 30, .9));border-color:var(--fastboard-border-color, #383b42)}.fastboard-page-control-btn{appearance:none;cursor:pointer;margin:0;border:0;padding:0;width:24px;height:24px;background-color:transparent;border-radius:4px;font-size:0;line-height:1;flex-shrink:0}.fastboard-page-control-btn svg,.fastboard-page-control-btn img{width:100%;height:100%;pointer-events:none}.fastboard-page-control-btn:disabled{opacity:.5;cursor:not-allowed}.fastboard-page-control-btn.light:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-page-control-btn.dark:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-page-control-text{font-variant-numeric:tabular-nums}.fastboard-player-control{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid;border-radius:4px;font-size:14px;font-family:system-ui;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:100%}.fastboard-player-control *{box-sizing:inherit}.fastboard-player-control.light{color:var(--fastboard-color, #5d6066);background-color:var(--fastboard-bg-color, rgba(255, 255, 255, .9));border-color:var(--fastboard-border-color, #e5e8f0)}.fastboard-player-control.dark{color:var(--fastboard-color, #7b7e84);background-color:var(--fastboard-bg-color, rgba(20, 24, 30, .9));border-color:var(--fastboard-border-color, #383b42)}.fastboard-player-control-btn{appearance:none;cursor:pointer;margin:0;border:0;padding:0;width:24px;height:24px;background-color:transparent;border-radius:4px;font-size:0;line-height:1;flex-shrink:0;display:inline}.fastboard-player-control-btn svg,.fastboard-player-control-btn img{width:100%;height:100%;pointer-events:none}.fastboard-player-control-btn:disabled{opacity:.5;cursor:not-allowed}.fastboard-player-control-btn.light:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-player-control-btn.dark:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-player-control-btn.loading svg,.fastboard-player-control-btn.loading img{animation:fastboard-player-control-rotate .5s linear infinite}@keyframes fastboard-player-control-rotate{to{transform:rotate(360deg)}}.fastboard-player-control-btn.speed{width:auto;padding:4px;text-align:right;font-size:14px;font-variant-numeric:tabular-nums}.fastboard-player-control-btn.is-active.light{color:var(--fastboard-active-color, #3381ff)}.fastboard-player-control-btn.is-active.dark{color:var(--fastboard-active-color, #2867cc)}.fastboard-player-control-speed-text,.fastboard-player-control-progress{font-size:14px;font-variant-numeric:tabular-nums;line-height:16px}.fastboard-player-control-progress{display:inline-flex;align-items:center}.fastboard-player-control-panel.speed{display:flex;flex-direction:column}.fastboard-toolbar{height:100%;display:flex;align-items:center;position:relative;transform:translate(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.fastboard-toolbar.collapsed{transform:translate(-100%)}.fastboard-toolbar-handler{position:absolute;left:100%;width:17px;font-size:0;cursor:pointer;pointer-events:auto}.fastboard-toolbar-handler input[type=checkbox]{position:absolute;top:0;left:0;appearance:none;margin:0;width:100%;height:100%;cursor:pointer}.fastboard-toolbar-handler svg{opacity:0;transition:opacity .5s 1s;pointer-events:none}.fastboard-toolbar-handler.light .fastboard-toolbar-handler-bg-color{fill:var(--fastboard-bg-color, rgba(255, 255, 255, .9))}.fastboard-toolbar-handler.light .fastboard-toolbar-handler-border-color{stroke:var(--fastboard-border-color, #e5e8f0)}.fastboard-toolbar-handler.light .fastboard-toolbar-handler-image-stroke-color{stroke:var(--fastboard-color, #5d6066)}.fastboard-toolbar-handler.light .fastboard-toolbar-handler-image-fill-color{fill:var(--fastboard-color, #5d6066)}.fastboard-toolbar-handler.dark .fastboard-toolbar-handler-bg-color{fill:var(--fastboard-bg-color, rgba(20, 24, 30, .9))}.fastboard-toolbar-handler.dark .fastboard-toolbar-handler-border-color{stroke:var(--fastboard-border-color, #383b42)}.fastboard-toolbar-handler.dark .fastboard-toolbar-handler-image-stroke-color{stroke:var(--fastboard-color, #7b7e84)}.fastboard-toolbar-handler.dark .fastboard-toolbar-handler-image-fill-color{fill:var(--fastboard-color, #7b7e84)}.fastboard-toolbar:hover .fastboard-toolbar-handler svg,.fastboard-toolbar.collapsed .fastboard-toolbar-handler svg{opacity:1;transition:opacity .2s}.fastboard-toolbar-btn{appearance:none;cursor:pointer;margin:0;border:0;padding:4px;width:32px;height:32px;background-color:transparent;border-radius:4px;font-size:0;line-height:1;flex-shrink:0}.fastboard-toolbar-btn svg,.fastboard-toolbar-btn img{width:100%;height:100%;pointer-events:none}.fastboard-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.fastboard-toolbar-btn.light:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-toolbar-btn.dark:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-slider{box-sizing:border-box;position:relative;width:100%;height:100%;display:flex;align-items:center}.fastboard-slider *{box-sizing:inherit}.fastboard-slider-track{appearance:none;background:transparent;border:0;border-radius:26px;flex:1;display:block;height:19px;margin:0;width:0;min-width:0;padding:0;transition:box-shadow .3s ease;cursor:pointer;touch-action:manipulation}.fastboard-slider-track::-webkit-slider-runnable-track{border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;user-select:none;background-color:#80808040;-webkit-user-select:none;background-image:linear-gradient(to right,currentColor var(--value, 0%),transparent var(--value, 0%))}.fastboard-slider-track::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px #23292f26,0 0 0 1px #23292f33;width:13px;height:13px;position:relative;transition:all .2s ease;cursor:grab;appearance:none;margin-top:-4px}.fastboard-slider-track::-moz-range-track{border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;user-select:none;background-color:#80808040;-webkit-user-select:none}.fastboard-slider-track::-moz-range-thumb{appearance:none;background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px #23292f26,0 0 0 1px #23292f33;width:13px;height:13px;position:relative;transition:all .2s ease;cursor:grab}.fastboard-slider-track::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.fastboard-slider-track::-ms-track{border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;user-select:none;background-color:#80808040;-webkit-user-select:none;color:transparent}.fastboard-slider-track::-ms-thumb{appearance:none;background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px #23292f26,0 0 0 1px #23292f33;width:13px;height:13px;position:relative;transition:all .2s ease;cursor:grab;margin-top:0}.fastboard-slider-track::-ms-tooltip{display:none}.fastboard-slider-track::-moz-focus-outer{border:0}.fastboard-slider-track.grabbing::-webkit-slider-thumb{cursor:grabbing}.fastboard-slider-track.light{color:var(--fastboard-active-color, #3381ff)}.fastboard-slider-track.dark{color:var(--fastboard-active-color, #2867cc)}.fastboard-toolbar-contents{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;border:1px solid;border-radius:4px;font-size:14px;font-family:system-ui;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:2px 0;gap:0;flex-direction:column}.fastboard-toolbar-contents *{box-sizing:inherit}.fastboard-toolbar-contents.light{color:var(--fastboard-color, #5d6066);background-color:var(--fastboard-bg-color, rgba(255, 255, 255, .9));border-color:var(--fastboard-border-color, #e5e8f0)}.fastboard-toolbar-contents.dark{color:var(--fastboard-color, #7b7e84);background-color:var(--fastboard-bg-color, rgba(20, 24, 30, .9));border-color:var(--fastboard-border-color, #383b42)}.fastboard-toolbar-contents>.fastboard-toolbar-btn{margin:2px 4px}.fastboard-toolbar-btn-interactive{position:relative}.fastboard-toolbar-triangle{width:0px;height:0px;border-bottom:4px solid;border-left:4px solid transparent;position:absolute;bottom:0;right:0}.fastboard-toolbar-btn:focus+.fastboard-toolbar-triangle{opacity:0}.fastboard-toolbar-scrollable{padding:2px 4px;overflow:hidden;display:flex;flex-direction:column;gap:4px}.fastboard-toolbar-tooltip{display:inline-flex;align-items:center;gap:4px}.fastboard-toolbar-hotkey{display:inline-flex;margin-right:-4px;width:24px;height:24px;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:4px}.fastboard-toolbar-panel-wrapper{display:none}.fastboard-toolbar-panel{display:flex;flex-direction:column}.fastboard-toolbar-panel-divider{height:.5px;width:100%;margin:4px 0;background-color:#ffffff26}.fastboard-toolbar-colors,.fastboard-toolbar-shapes{display:grid;align-self:center;grid-template:repeat(2,1fr)/repeat(4,1fr);align-items:center;justify-items:center;gap:4px}.fastboard-toolbar-shape-btn,.fastboard-toolbar-color-btn{width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center}.fastboard-toolbar-color-btn{border:1px solid transparent}.fastboard-toolbar-color-btn.light.is-active{border-color:var(--fastboard-active-color, #3381ff)}.fastboard-toolbar-color-btn.dark.is-active{border-color:var(--fastboard-active-color, #2867cc)}.fastboard-toolbar-color-item{display:inline-block;width:16px;height:16px;border-radius:4px;pointer-events:none}.fastboard-toolbar-panel.apps{display:grid;grid-template-columns:repeat(min(var(--n, 3),3),minmax(max-content,1fr));gap:4px}.fastboard-toolbar-app-btn{margin:0;border:0;border-radius:2px;padding:4px 6px;background-color:transparent;display:inline-flex;flex-direction:column;align-items:center;gap:4px;font-size:0}.fastboard-toolbar-app-btn:disabled{opacity:.8}.fastboard-toolbar-app-btn-icon{width:32px;height:32px;pointer-events:none}.fastboard-toolbar-app-btn-text{font-size:14px;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.fastboard-toolbar-app-btn.is-loading{cursor:progress}.fastboard-toolbar-app-btn.is-failed{cursor:not-allowed;opacity:.5}.fastboard-toolbar-app-btn:not(:disabled,.is-loading,.is-failed):hover.light{cursor:pointer;background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-toolbar-app-btn-text.light{color:var(--fastboard-color, #5d6066)}.fastboard-toolbar-app-btn:not(:disabled,.is-loading,.is-failed):hover.dark{cursor:pointer;background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-toolbar-app-btn-text.dark{color:var(--fastboard-color, #7b7e84)}.fastboard-root{position:relative;width:100%;height:100%;overflow:hidden}.fastboard-view{position:absolute;top:0;left:0;width:100%;height:100%}.fastboard-left{display:flex;align-items:center;position:absolute;bottom:62px;top:8px;left:0;z-index:200;pointer-events:none}.fastboard-left .fastboard-toolbar{padding-left:16px}.fastboard-bottom-left,.fastboard-bottom,.fastboard-bottom-right{display:flex;gap:10px;position:absolute;bottom:8px;left:8px;padding:8px;z-index:200;pointer-events:none}.fastboard-bottom-right{left:auto;right:8px}.fastboard-bottom{right:8px}.fastboard-left.hidden *,.fastboard-bottom.hidden *,.fastboard-bottom-left.hidden *,.fastboard-bottom-right.hidden *{opacity:0;pointer-events:none}.fastboard-tip{font-family:inherit;color:#d5d9e0;background-color:#03060d}.fastboard-tip[data-placement^=right]>.tippy-arrow:before{top:4px;border-width:4px;border-right-color:#03060d}.fastboard-tip[data-placement^=top]>.tippy-arrow:before{left:4px;border-width:4px;border-top-color:#03060d}.fastboard-panel .tippy-content{padding:8px}';
+var style_default = '.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px #9aa1b126,0 4px 80px -8px #24282f40,0 4px 4px -2px #5b5e6926;background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.fastboard-icon.light .fastboard-icon-stroke-color{stroke:var(--fastboard-color, #5d6066)}.fastboard-icon.light .fastboard-icon-fill-color{fill:var(--fastboard-color, #5d6066)}.fastboard-icon.light.is-active .fastboard-icon-stroke-color{stroke:var(--fastboard-active-color, #3381ff)}.fastboard-icon.light.is-active .fastboard-icon-fill-color{fill:var(--fastboard-active-color, #3381ff)}.fastboard-icon.dark .fastboard-icon-stroke-color{stroke:var(--fastboard-color, #7b7e84)}.fastboard-icon.dark .fastboard-icon-fill-color{fill:var(--fastboard-color, #7b7e84)}.fastboard-icon.dark.is-active .fastboard-icon-stroke-color{stroke:var(--fastboard-active-color, #2867cc)}.fastboard-icon.dark.is-active .fastboard-icon-fill-color{fill:var(--fastboard-active-color, #2867cc)}.fastboard-redo-undo{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid;border-radius:4px;font-size:14px;font-family:system-ui;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.fastboard-redo-undo *{box-sizing:inherit}.fastboard-redo-undo.light{color:var(--fastboard-color, #5d6066);background-color:var(--fastboard-bg-color, rgba(255, 255, 255, .9));border-color:var(--fastboard-border-color, #e5e8f0)}.fastboard-redo-undo.dark{color:var(--fastboard-color, #7b7e84);background-color:var(--fastboard-bg-color, rgba(20, 24, 30, .9));border-color:var(--fastboard-border-color, #383b42)}.fastboard-redo-undo-btn{appearance:none;cursor:pointer;margin:0;border:0;padding:0;width:24px;height:24px;background-color:#0000;border-radius:4px;font-size:0;line-height:1;flex-shrink:0}.fastboard-redo-undo-btn svg,.fastboard-redo-undo-btn img{width:100%;height:100%;pointer-events:none}.fastboard-redo-undo-btn:disabled{opacity:.5;cursor:not-allowed}.fastboard-redo-undo-btn.light:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-redo-undo-btn.dark:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-zoom-control{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid;border-radius:4px;font-size:14px;font-family:system-ui;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.fastboard-zoom-control *{box-sizing:inherit}.fastboard-zoom-control.light{color:var(--fastboard-color, #5d6066);background-color:var(--fastboard-bg-color, rgba(255, 255, 255, .9));border-color:var(--fastboard-border-color, #e5e8f0)}.fastboard-zoom-control.dark{color:var(--fastboard-color, #7b7e84);background-color:var(--fastboard-bg-color, rgba(20, 24, 30, .9));border-color:var(--fastboard-border-color, #383b42)}.fastboard-zoom-control-btn{appearance:none;cursor:pointer;margin:0;border:0;padding:0;width:24px;height:24px;background-color:#0000;border-radius:4px;font-size:0;line-height:1;flex-shrink:0}.fastboard-zoom-control-btn svg,.fastboard-zoom-control-btn img{width:100%;height:100%;pointer-events:none}.fastboard-zoom-control-btn:disabled{opacity:.5;cursor:not-allowed}.fastboard-zoom-control-btn.light:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-zoom-control-btn.dark:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-zoom-control-text{font-variant-numeric:tabular-nums}.fastboard-page-control{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid;border-radius:4px;font-size:14px;font-family:system-ui;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.fastboard-page-control *{box-sizing:inherit}.fastboard-page-control.light{color:var(--fastboard-color, #5d6066);background-color:var(--fastboard-bg-color, rgba(255, 255, 255, .9));border-color:var(--fastboard-border-color, #e5e8f0)}.fastboard-page-control.dark{color:var(--fastboard-color, #7b7e84);background-color:var(--fastboard-bg-color, rgba(20, 24, 30, .9));border-color:var(--fastboard-border-color, #383b42)}.fastboard-page-control-btn{appearance:none;cursor:pointer;margin:0;border:0;padding:0;width:24px;height:24px;background-color:#0000;border-radius:4px;font-size:0;line-height:1;flex-shrink:0}.fastboard-page-control-btn svg,.fastboard-page-control-btn img{width:100%;height:100%;pointer-events:none}.fastboard-page-control-btn:disabled{opacity:.5;cursor:not-allowed}.fastboard-page-control-btn.light:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-page-control-btn.dark:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-page-control-text{font-variant-numeric:tabular-nums}.fastboard-player-control{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid;border-radius:4px;font-size:14px;font-family:system-ui;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:100%}.fastboard-player-control *{box-sizing:inherit}.fastboard-player-control.light{color:var(--fastboard-color, #5d6066);background-color:var(--fastboard-bg-color, rgba(255, 255, 255, .9));border-color:var(--fastboard-border-color, #e5e8f0)}.fastboard-player-control.dark{color:var(--fastboard-color, #7b7e84);background-color:var(--fastboard-bg-color, rgba(20, 24, 30, .9));border-color:var(--fastboard-border-color, #383b42)}.fastboard-player-control-btn{appearance:none;cursor:pointer;margin:0;border:0;padding:0;width:24px;height:24px;background-color:#0000;border-radius:4px;font-size:0;line-height:1;flex-shrink:0;display:inline}.fastboard-player-control-btn svg,.fastboard-player-control-btn img{width:100%;height:100%;pointer-events:none}.fastboard-player-control-btn:disabled{opacity:.5;cursor:not-allowed}.fastboard-player-control-btn.light:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-player-control-btn.dark:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-player-control-btn.loading svg,.fastboard-player-control-btn.loading img{animation:fastboard-player-control-rotate .5s linear infinite}@keyframes fastboard-player-control-rotate{to{transform:rotate(360deg)}}.fastboard-player-control-btn.speed{width:auto;padding:4px;text-align:right;font-size:14px;font-variant-numeric:tabular-nums}.fastboard-player-control-btn.is-active.light{color:var(--fastboard-active-color, #3381ff)}.fastboard-player-control-btn.is-active.dark{color:var(--fastboard-active-color, #2867cc)}.fastboard-player-control-speed-text,.fastboard-player-control-progress{font-size:14px;font-variant-numeric:tabular-nums;line-height:16px}.fastboard-player-control-progress{display:inline-flex;align-items:center}.fastboard-player-control-panel.speed{display:flex;flex-direction:column}.fastboard-toolbar{height:100%;display:flex;align-items:center;position:relative;transform:translate(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.fastboard-toolbar.collapsed{transform:translate(-100%)}.fastboard-toolbar-handler{position:absolute;left:100%;width:17px;font-size:0;border-radius:3px;cursor:pointer;pointer-events:auto}.fastboard-toolbar-handler:focus-within{outline:2px solid -webkit-focus-ring-color}.fastboard-toolbar-handler input[type=checkbox]{position:absolute;top:0;left:0;appearance:none;margin:0;width:100%;height:100%;cursor:pointer;opacity:0;z-index:-1}.fastboard-toolbar-handler svg{opacity:0;transition:opacity .5s 1s;pointer-events:none}.fastboard-toolbar-handler.light .fastboard-toolbar-handler-bg-color{fill:var(--fastboard-bg-color, rgba(255, 255, 255, .9))}.fastboard-toolbar-handler.light .fastboard-toolbar-handler-border-color{stroke:var(--fastboard-border-color, #e5e8f0)}.fastboard-toolbar-handler.light .fastboard-toolbar-handler-image-stroke-color{stroke:var(--fastboard-color, #5d6066)}.fastboard-toolbar-handler.light .fastboard-toolbar-handler-image-fill-color{fill:var(--fastboard-color, #5d6066)}.fastboard-toolbar-handler.dark .fastboard-toolbar-handler-bg-color{fill:var(--fastboard-bg-color, rgba(20, 24, 30, .9))}.fastboard-toolbar-handler.dark .fastboard-toolbar-handler-border-color{stroke:var(--fastboard-border-color, #383b42)}.fastboard-toolbar-handler.dark .fastboard-toolbar-handler-image-stroke-color{stroke:var(--fastboard-color, #7b7e84)}.fastboard-toolbar-handler.dark .fastboard-toolbar-handler-image-fill-color{fill:var(--fastboard-color, #7b7e84)}.fastboard-toolbar:hover .fastboard-toolbar-handler svg,.fastboard-toolbar.collapsed .fastboard-toolbar-handler svg{opacity:1;transition:opacity .2s}.fastboard-toolbar-btn{appearance:none;cursor:pointer;margin:0;border:0;padding:4px;width:32px;height:32px;background-color:#0000;border-radius:4px;font-size:0;line-height:1;flex-shrink:0}.fastboard-toolbar-btn svg,.fastboard-toolbar-btn img{width:100%;height:100%;pointer-events:none}.fastboard-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.fastboard-toolbar-btn.light:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-toolbar-btn.dark:not(:disabled):hover{background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-slider{box-sizing:border-box;position:relative;width:100%;height:100%;display:flex;align-items:center}.fastboard-slider *{box-sizing:inherit}.fastboard-slider-track{appearance:none;background:rgba(0,0,0,0);border:0;border-radius:26px;flex:1;display:block;height:19px;margin:0;width:0;min-width:0;padding:0;transition:box-shadow .3s ease;cursor:pointer;touch-action:manipulation}.fastboard-slider-track::-webkit-slider-runnable-track{border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;user-select:none;background-color:#80808040;-webkit-user-select:none;background-image:linear-gradient(to right,currentColor var(--value, 0%),transparent var(--value, 0%))}.fastboard-slider-track::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px #23292f26,0 0 0 1px #23292f33;width:13px;height:13px;position:relative;transition:all .2s ease;cursor:grab;appearance:none;margin-top:-4px}.fastboard-slider-track::-moz-range-track{border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;user-select:none;background-color:#80808040;-webkit-user-select:none}.fastboard-slider-track::-moz-range-thumb{appearance:none;background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px #23292f26,0 0 0 1px #23292f33;width:13px;height:13px;position:relative;transition:all .2s ease;cursor:grab}.fastboard-slider-track::-moz-range-progress{background:currentColor;border-radius:2.5px;height:5px}.fastboard-slider-track::-ms-track{border:0;border-radius:2.5px;height:5px;transition:box-shadow .3s ease;user-select:none;background-color:#80808040;-webkit-user-select:none;color:#0000}.fastboard-slider-track::-ms-thumb{appearance:none;background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px #23292f26,0 0 0 1px #23292f33;width:13px;height:13px;position:relative;transition:all .2s ease;cursor:grab;margin-top:0}.fastboard-slider-track::-ms-tooltip{display:none}.fastboard-slider-track::-moz-focus-outer{border:0}.fastboard-slider-track.grabbing::-webkit-slider-thumb{cursor:grabbing}.fastboard-slider-track.light{color:var(--fastboard-active-color, #3381ff)}.fastboard-slider-track.dark{color:var(--fastboard-active-color, #2867cc)}.fastboard-toolbar-contents{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;border:1px solid;border-radius:4px;font-size:14px;font-family:system-ui;pointer-events:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:2px 0;gap:0;flex-direction:column}.fastboard-toolbar-contents *{box-sizing:inherit}.fastboard-toolbar-contents.light{color:var(--fastboard-color, #5d6066);background-color:var(--fastboard-bg-color, rgba(255, 255, 255, .9));border-color:var(--fastboard-border-color, #e5e8f0)}.fastboard-toolbar-contents.dark{color:var(--fastboard-color, #7b7e84);background-color:var(--fastboard-bg-color, rgba(20, 24, 30, .9));border-color:var(--fastboard-border-color, #383b42)}.fastboard-toolbar-contents>.fastboard-toolbar-btn{margin:2px 4px}.fastboard-toolbar-btn-interactive{position:relative}.fastboard-toolbar-triangle{width:0px;height:0px;border-bottom:4px solid;border-left:4px solid rgba(0,0,0,0);position:absolute;bottom:0;right:0}.fastboard-toolbar-btn:focus+.fastboard-toolbar-triangle{opacity:0}.fastboard-toolbar-scrollable{padding:2px 4px;overflow:hidden;display:flex;flex-direction:column;gap:4px}.fastboard-toolbar-tooltip{display:inline-flex;align-items:center;gap:4px}.fastboard-toolbar-hotkey{display:inline-flex;margin-right:-4px;width:24px;height:24px;align-items:center;justify-content:center;background-color:#ffffff1a;border-radius:4px}.fastboard-toolbar-panel-wrapper{display:none}.fastboard-toolbar-panel{display:flex;flex-direction:column}.fastboard-toolbar-panel-divider{height:.5px;width:100%;margin:4px 0;background-color:#ffffff26}.fastboard-toolbar-colors,.fastboard-toolbar-shapes{display:grid;align-self:center;grid-template:repeat(2,1fr)/repeat(4,1fr);align-items:center;justify-items:center;gap:4px}.fastboard-toolbar-shape-btn,.fastboard-toolbar-color-btn{width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center}.fastboard-toolbar-color-btn{border:1px solid rgba(0,0,0,0)}.fastboard-toolbar-color-btn.light.is-active{border-color:var(--fastboard-active-color, #3381ff)}.fastboard-toolbar-color-btn.dark.is-active{border-color:var(--fastboard-active-color, #2867cc)}.fastboard-toolbar-color-item{display:inline-block;width:16px;height:16px;border-radius:4px;pointer-events:none}.fastboard-toolbar-panel.apps{display:grid;grid-template-columns:repeat(min(var(--n, 3),3),minmax(max-content,1fr));gap:4px}.fastboard-toolbar-app-btn{margin:0;border:0;border-radius:2px;padding:4px 6px;background-color:#0000;display:inline-flex;flex-direction:column;align-items:center;gap:4px;font-size:0}.fastboard-toolbar-app-btn:disabled{opacity:.8}.fastboard-toolbar-app-btn-icon{width:32px;height:32px;pointer-events:none}.fastboard-toolbar-app-btn-text{font-size:14px;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.fastboard-toolbar-app-btn.is-loading{cursor:progress}.fastboard-toolbar-app-btn.is-failed{cursor:not-allowed;opacity:.5}.fastboard-toolbar-app-btn:not(:disabled,.is-loading,.is-failed):hover.light{cursor:pointer;background-color:var(--fastboard-hover-bg-color, #ebf2ff)}.fastboard-toolbar-app-btn-text.light{color:var(--fastboard-color, #5d6066)}.fastboard-toolbar-app-btn:not(:disabled,.is-loading,.is-failed):hover.dark{cursor:pointer;background-color:var(--fastboard-hover-bg-color, #383b42)}.fastboard-toolbar-app-btn-text.dark{color:var(--fastboard-color, #7b7e84)}.fastboard-root{position:relative;width:100%;height:100%;overflow:hidden}.fastboard-view{position:absolute;top:0;left:0;width:100%;height:100%}.fastboard-left{display:flex;align-items:center;position:absolute;bottom:62px;top:8px;left:0;z-index:200;pointer-events:none}.fastboard-left .fastboard-toolbar{padding-left:16px}.fastboard-bottom-left,.fastboard-bottom,.fastboard-bottom-right{display:flex;gap:10px;position:absolute;bottom:8px;left:8px;padding:8px;z-index:200;pointer-events:none}.fastboard-bottom-right{left:auto;right:8px}.fastboard-bottom{right:8px}.fastboard-left.hidden *,.fastboard-bottom.hidden *,.fastboard-bottom-left.hidden *,.fastboard-bottom-right.hidden *{opacity:0;pointer-events:none}.fastboard-tip{font-family:inherit;color:#d5d9e0;background-color:#03060d}.fastboard-tip[data-placement^=right]>.tippy-arrow:before{top:4px;border-width:4px;border-right-color:#03060d}.fastboard-tip[data-placement^=top]>.tippy-arrow:before{left:4px;border-width:4px;border-top-color:#03060d}.fastboard-panel .tippy-content{padding:8px}';
 // inline-sass-stub:./src/style.scss
 injectStyle(style_default);