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

package/dist/index.mjs

@@ -1,5 +1,3 @@
-import Tippy from 'tippy.js';
-
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -19,8 +17,28 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+
+// inline-sass-helper:inline-sass-style-helper.js
+function injectStyle(text2) {
+  if (typeof document !== "undefined") {
+    var style = document.createElement("style");
+    var node = document.createTextNode(text2);
+    style.appendChild(node);
+    document.head.appendChild(style);
+  }
+}
+
+// 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:#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-visible{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}.netless-whiteboard:focus-visible{outline:none}';
+
+// inline-sass-stub:./src/style.scss
+injectStyle(style_default);
 
-// ../../node_modules/.pnpm/svelte@3.49.0/node_modules/svelte/internal/index.mjs
+// ../../node_modules/.pnpm/svelte@3.55.0/node_modules/svelte/internal/index.mjs
 function noop() {
 }
 function assign(tar, src) {
@@ -119,6 +137,13 @@ function action_destroyer(action_result) {
   return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;
 }
 var is_client = typeof window !== "undefined";
+var is_hydrating = false;
+function start_hydrating() {
+  is_hydrating = true;
+}
+function end_hydrating() {
+  is_hydrating = false;
+}
 function append(target, node) {
   target.appendChild(node);
 }
@@ -126,7 +151,9 @@ function insert(target, node, anchor) {
   target.insertBefore(node, anchor || null);
 }
 function detach(node) {
-  node.parentNode.removeChild(node);
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
 }
 function destroy_each(iterations, detaching) {
   for (let i = 0; i < iterations.length; i += 1) {
@@ -188,6 +215,9 @@ function custom_event(type, detail, { bubbles = false, cancelable = false } = {}
   e.initCustomEvent(type, bubbles, cancelable, detail);
   return e;
 }
+function construct_svelte_component(component, props) {
+  return new component(props);
+}
 var current_component;
 function set_current_component(component) {
   current_component = component;
@@ -316,6 +346,7 @@ function transition_out(block, local, detach2, callback) {
     callback();
   }
 }
+var globals = typeof window !== "undefined" ? window : typeof globalThis !== "undefined" ? globalThis : global;
 function destroy_block(block, lookup) {
   block.d(1);
   lookup.delete(block.key);
@@ -431,13 +462,13 @@ function create_component(block) {
   block && block.c();
 }
 function mount_component(component, target, anchor, customElement) {
-  const { fragment, on_mount, on_destroy, after_update } = component.$$;
+  const { fragment, after_update } = component.$$;
   fragment && fragment.m(target, anchor);
   if (!customElement) {
     add_render_callback(() => {
-      const new_on_destroy = on_mount.map(run).filter(is_function);
-      if (on_destroy) {
-        on_destroy.push(...new_on_destroy);
+      const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);
+      if (component.$$.on_destroy) {
+        component.$$.on_destroy.push(...new_on_destroy);
       } else {
         run_all(new_on_destroy);
       }
@@ -468,7 +499,7 @@ function init(component, options, instance59, create_fragment59, not_equal2, pro
   set_current_component(component);
   const $$ = component.$$ = {
     fragment: null,
-    ctx: null,
+    ctx: [],
     props,
     update: noop,
     not_equal: not_equal2,
@@ -502,6 +533,7 @@ function init(component, options, instance59, create_fragment59, not_equal2, pro
   $$.fragment = create_fragment59 ? create_fragment59($$.ctx) : false;
   if (options.target) {
     if (options.hydrate) {
+      start_hydrating();
       const nodes = children(options.target);
       $$.fragment && $$.fragment.l(nodes);
       nodes.forEach(detach);
@@ -511,16 +543,65 @@ function init(component, options, instance59, create_fragment59, not_equal2, pro
     if (options.intro)
       transition_in(component.$$.fragment);
     mount_component(component, options.target, options.anchor, options.customElement);
+    end_hydrating();
     flush();
   }
   set_current_component(parent_component);
 }
+var SvelteElement;
+if (typeof HTMLElement === "function") {
+  SvelteElement = class extends HTMLElement {
+    constructor() {
+      super();
+      this.attachShadow({ mode: "open" });
+    }
+    connectedCallback() {
+      const { on_mount } = this.$$;
+      this.$$.on_disconnect = on_mount.map(run).filter(is_function);
+      for (const key in this.$$.slotted) {
+        this.appendChild(this.$$.slotted[key]);
+      }
+    }
+    attributeChangedCallback(attr2, _oldValue, newValue) {
+      this[attr2] = newValue;
+    }
+    disconnectedCallback() {
+      run_all(this.$$.on_disconnect);
+    }
+    $destroy() {
+      destroy_component(this, 1);
+      this.$destroy = noop;
+    }
+    $on(type, callback) {
+      if (!is_function(callback)) {
+        return noop;
+      }
+      const callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
+      callbacks.push(callback);
+      return () => {
+        const index = callbacks.indexOf(callback);
+        if (index !== -1)
+          callbacks.splice(index, 1);
+      };
+    }
+    $set($$props) {
+      if (this.$$set && !is_empty($$props)) {
+        this.$$.skip_bound = true;
+        this.$$set($$props);
+        this.$$.skip_bound = false;
+      }
+    }
+  };
+}
 var SvelteComponent = class {
   $destroy() {
     destroy_component(this, 1);
     this.$destroy = noop;
   }
   $on(type, callback) {
+    if (!is_function(callback)) {
+      return noop;
+    }
     const callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []);
     callbacks.push(callback);
     return () => {
@@ -557,7 +638,14 @@ function create_else_block(ctx) {
     p(ctx2, dirty) {
       if (default_slot) {
         if (default_slot.p && (!current || dirty & 8)) {
-          update_slot_base(default_slot, default_slot_template, ctx2, ctx2[3], !current ? get_all_dirty_from_scope(ctx2[3]) : get_slot_changes(default_slot_template, ctx2[3], dirty, null), null);
+          update_slot_base(
+            default_slot,
+            default_slot_template,
+            ctx2,
+            ctx2[3],
+            !current ? get_all_dirty_from_scope(ctx2[3]) : get_slot_changes(default_slot_template, ctx2[3], dirty, null),
+            null
+          );
         }
       }
     },
@@ -623,7 +711,7 @@ function create_fragment(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type(ctx);
+  current_block_type_index = select_block_type(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -637,7 +725,7 @@ function create_fragment(ctx) {
     },
     p(ctx2, [dirty]) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type(ctx2);
+      current_block_type_index = select_block_type(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -3382,6 +3470,9 @@ var Icons = {
   Loading: Loading_default
 };
 var Icons_default = Icons;
+
+// src/actions/tippy.ts
+import Tippy from "tippy.js";
 if (is_client) {
   Tippy.setDefaultProps({
     delay: [1e3, 400],
@@ -3474,7 +3565,14 @@ function create_else_block_1(ctx) {
     p(ctx2, dirty) {
       if (default_slot) {
         if (default_slot.p && (!current || dirty & 256)) {
-          update_slot_base(default_slot, default_slot_template, ctx2, ctx2[8], !current ? get_all_dirty_from_scope(ctx2[8]) : get_slot_changes(default_slot_template, ctx2[8], dirty, null), null);
+          update_slot_base(
+            default_slot,
+            default_slot_template,
+            ctx2,
+            ctx2[8],
+            !current ? get_all_dirty_from_scope(ctx2[8]) : get_slot_changes(default_slot_template, ctx2[8], dirty, null),
+            null
+          );
         }
       }
       if (!current || dirty & 7 && button_class_value !== (button_class_value = ctx2[1] + "-btn " + ctx2[0] + " " + ctx2[2])) {
@@ -3516,7 +3614,7 @@ function create_if_block2(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_1(ctx);
+  current_block_type_index = select_block_type_1(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -3530,7 +3628,7 @@ function create_if_block2(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_1(ctx2);
+      current_block_type_index = select_block_type_1(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -3605,7 +3703,14 @@ function create_else_block2(ctx) {
     p(ctx2, dirty) {
       if (default_slot) {
         if (default_slot.p && (!current || dirty & 256)) {
-          update_slot_base(default_slot, default_slot_template, ctx2, ctx2[8], !current ? get_all_dirty_from_scope(ctx2[8]) : get_slot_changes(default_slot_template, ctx2[8], dirty, null), null);
+          update_slot_base(
+            default_slot,
+            default_slot_template,
+            ctx2,
+            ctx2[8],
+            !current ? get_all_dirty_from_scope(ctx2[8]) : get_slot_changes(default_slot_template, ctx2[8], dirty, null),
+            null
+          );
         }
       }
       if (!current || dirty & 7 && button_class_value !== (button_class_value = ctx2[1] + "-btn " + ctx2[0] + " " + ctx2[2])) {
@@ -3701,7 +3806,14 @@ function create_if_block_1(ctx) {
     p(ctx2, dirty) {
       if (default_slot) {
         if (default_slot.p && (!current || dirty & 256)) {
-          update_slot_base(default_slot, default_slot_template, ctx2, ctx2[8], !current ? get_all_dirty_from_scope(ctx2[8]) : get_slot_changes(default_slot_template, ctx2[8], dirty, null), null);
+          update_slot_base(
+            default_slot,
+            default_slot_template,
+            ctx2,
+            ctx2[8],
+            !current ? get_all_dirty_from_scope(ctx2[8]) : get_slot_changes(default_slot_template, ctx2[8], dirty, null),
+            null
+          );
         }
       }
       if (!current || dirty & 7 && button_class_value !== (button_class_value = ctx2[1] + "-btn " + ctx2[0] + " " + ctx2[2])) {
@@ -3764,7 +3876,7 @@ function create_fragment45(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type(ctx);
+  current_block_type_index = select_block_type(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -3778,7 +3890,7 @@ function create_fragment45(ctx) {
     },
     p(ctx2, [dirty]) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type(ctx2);
+      current_block_type_index = select_block_type(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -4182,28 +4294,36 @@ function instance46($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 2048) {
-      $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
+      $:
+        $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & 65536) {
-      $$invalidate(13, disabled = !$writable);
+      $:
+        $$invalidate(13, disabled = !$writable);
     }
     if ($$self.$$.dirty & 4096) {
-      $$invalidate(7, t = i18n[language]);
+      $:
+        $$invalidate(7, t = i18n[language]);
     }
     if ($$self.$$.dirty & 8192) {
-      $$invalidate(2, type = disabled ? "disable" : "normal");
+      $:
+        $$invalidate(2, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & 2048) {
-      $$subscribe_undoSteps($$invalidate(6, undoSteps = app == null ? void 0 : app.canUndoSteps));
+      $:
+        $$subscribe_undoSteps($$invalidate(6, undoSteps = app == null ? void 0 : app.canUndoSteps));
     }
     if ($$self.$$.dirty & 2048) {
-      $$subscribe_redoSteps($$invalidate(5, redoSteps = app == null ? void 0 : app.canRedoSteps));
+      $:
+        $$subscribe_redoSteps($$invalidate(5, redoSteps = app == null ? void 0 : app.canRedoSteps));
     }
     if ($$self.$$.dirty & 40960) {
-      $$invalidate(4, undo_disabled = disabled || !$undoSteps);
+      $:
+        $$invalidate(4, undo_disabled = disabled || !$undoSteps);
     }
     if ($$self.$$.dirty & 24576) {
-      $$invalidate(3, redo_disabled = disabled || !$redoSteps);
+      $:
+        $$invalidate(3, redo_disabled = disabled || !$redoSteps);
     }
   };
   return [
@@ -4551,7 +4671,7 @@ function create_fragment47(ctx) {
       return create_if_block3;
     return create_else_block3;
   }
-  let current_block_type = select_block_type(ctx);
+  let current_block_type = select_block_type(ctx, -1);
   let if_block = current_block_type(ctx);
   button1 = new Button_default({
     props: {
@@ -4615,7 +4735,7 @@ function create_fragment47(ctx) {
         button0_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button0.$set(button0_changes);
-      if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block) {
+      if (current_block_type === (current_block_type = select_block_type(ctx2, dirty)) && if_block) {
         if_block.p(ctx2, dirty);
       } else {
         if_block.d(1);
@@ -4732,28 +4852,36 @@ function instance47($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 32768) {
-      $$subscribe_writable($$invalidate(11, writable2 = app == null ? void 0 : app.writable));
+      $:
+        $$subscribe_writable($$invalidate(11, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & 131072) {
-      $$invalidate(2, disabled = !$writable);
+      $:
+        $$invalidate(2, disabled = !$writable);
     }
     if ($$self.$$.dirty & 65536) {
-      $$invalidate(10, t = i18n2[language]);
+      $:
+        $$invalidate(10, t = i18n2[language]);
     }
     if ($$self.$$.dirty & 4) {
-      $$invalidate(5, type = disabled ? "disable" : "normal");
+      $:
+        $$invalidate(5, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & 32768) {
-      $$subscribe_index($$invalidate(9, index = app == null ? void 0 : app.sceneIndex));
+      $:
+        $$subscribe_index($$invalidate(9, index = app == null ? void 0 : app.sceneIndex));
     }
     if ($$self.$$.dirty & 32768) {
-      $$subscribe_length($$invalidate(8, length = app == null ? void 0 : app.sceneLength));
+      $:
+        $$subscribe_length($$invalidate(8, length = app == null ? void 0 : app.sceneLength));
     }
     if ($$self.$$.dirty & 20) {
-      $$invalidate(7, prev_disabled = disabled || !$index);
+      $:
+        $$invalidate(7, prev_disabled = disabled || !$index);
     }
     if ($$self.$$.dirty & 28) {
-      $$invalidate(6, next_disabled = disabled || $length == null || $index === $length - 1);
+      $:
+        $$invalidate(6, next_disabled = disabled || $length == null || $index === $length - 1);
     }
   };
   return [
@@ -5100,7 +5228,7 @@ function create_fragment48(ctx) {
       return create_if_block4;
     return create_else_block4;
   }
-  let current_block_type = select_block_type(ctx);
+  let current_block_type = select_block_type(ctx, -1);
   let if_block = current_block_type(ctx);
   button1 = new Button_default({
     props: {
@@ -5164,7 +5292,7 @@ function create_fragment48(ctx) {
         button0_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button0.$set(button0_changes);
-      if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block) {
+      if (current_block_type === (current_block_type = select_block_type(ctx2, dirty)) && if_block) {
         if_block.p(ctx2, dirty);
       } else {
         if_block.d(1);
@@ -5316,28 +5444,36 @@ function instance48($$self, $$props, $$invalidate) {
   $$self.$$.update = () => {
     var _a;
     if ($$self.$$.dirty & 16384) {
-      $$subscribe_writable($$invalidate(10, writable2 = app == null ? void 0 : app.writable));
+      $:
+        $$subscribe_writable($$invalidate(10, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & 65536) {
-      $$invalidate(3, disabled = !$writable);
+      $:
+        $$invalidate(3, disabled = !$writable);
     }
     if ($$self.$$.dirty & 32768) {
-      $$invalidate(9, t = i18n3[language]);
+      $:
+        $$invalidate(9, t = i18n3[language]);
     }
     if ($$self.$$.dirty & 8) {
-      $$invalidate(5, type = disabled ? "disable" : "normal");
+      $:
+        $$invalidate(5, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & 16384) {
-      $$subscribe_camera($$invalidate(8, camera = app == null ? void 0 : app.camera));
+      $:
+        $$subscribe_camera($$invalidate(8, camera = app == null ? void 0 : app.camera));
     }
     if ($$self.$$.dirty & 16) {
-      $$invalidate(2, scale = (_a = $camera == null ? void 0 : $camera.scale) != null ? _a : 1);
+      $:
+        $$invalidate(2, scale = (_a = $camera == null ? void 0 : $camera.scale) != null ? _a : 1);
     }
     if ($$self.$$.dirty & 12) {
-      $$invalidate(7, plus_disabled = disabled || next_scale(scale, 1) === scale);
+      $:
+        $$invalidate(7, plus_disabled = disabled || next_scale(scale, 1) === scale);
     }
     if ($$self.$$.dirty & 12) {
-      $$invalidate(6, minus_disabled = disabled || next_scale(scale, -1) === scale);
+      $:
+        $$invalidate(6, minus_disabled = disabled || next_scale(scale, -1) === scale);
     }
   };
   return [
@@ -5373,7 +5509,7 @@ var ZoomControl = class extends SvelteComponent {
 };
 var ZoomControl_default = ZoomControl;
 
-// ../../node_modules/.pnpm/svelte@3.49.0/node_modules/svelte/store/index.mjs
+// ../../node_modules/.pnpm/svelte@3.55.0/node_modules/svelte/store/index.mjs
 var subscriber_queue = [];
 function writable(value, start = noop) {
   let stop;
@@ -5523,7 +5659,7 @@ var scrollTop = function(node, value) {
   let timer = 0;
   function on_scroll() {
     clearTimeout(timer);
-    timer = setTimeout(() => value.set(node.scrollTop), 200);
+    timer = window.setTimeout(() => value.set(node.scrollTop), 200);
   }
   node.addEventListener("scroll", on_scroll);
   let unsubscribe = value.subscribe(listener);
@@ -5541,19 +5677,19 @@ var scrollTop = function(node, value) {
 };
 
 // src/behaviors/icons/visual-studio-code.svg
-var visual_studio_code_default = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMS4wMWVtIiBoZWlnaHQ9IjFlbSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDI1NiAyNTQiIHN0eWxlPSItbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJJY29uaWZ5SWQtMTdmODcyMTU1YmUtY2M3NjZlLTU0MzkiIHgxPSI1MCUiIHgyPSI1MCUiIHkxPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNGRkYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNGRkYiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggaWQ9Ikljb25pZnlJZC0xN2Y4NzIxNTViZS1jYzc2NmUtNTQ0MCIgZD0iTTE4MC44MjggMjUyLjYwNWExNS44NzIgMTUuODcyIDAgMCAwIDEyLjY1LS40ODZsNTIuNTAxLTI1LjI2MmExNS45NCAxNS45NCAwIDAgMCA5LjAyNS0xNC4zNjRWNDEuMTk3YTE1LjkzOSAxNS45MzkgMCAwIDAtOS4wMjUtMTQuMzYzbC01Mi41LTI1LjI2M2ExNS44NzcgMTUuODc3IDAgMCAwLTE4LjExNSAzLjA4NEw3NC44NTcgOTYuMzVsLTQzLjc4LTMzLjIzMmExMC42MTQgMTAuNjE0IDAgMCAwLTEzLjU2LjYwM0wzLjQ3NiA3Ni40OTRjLTQuNjMgNC4yMTEtNC42MzUgMTEuNDk1LS4wMTIgMTUuNzEzbDM3Ljk2NyAzNC42MzhsLTM3Ljk2NyAzNC42MzdjLTQuNjIzIDQuMjE5LTQuNjE4IDExLjUwMi4wMTIgMTUuNzE0bDE0LjA0MSAxMi43NzJhMTAuNjE0IDEwLjYxNCAwIDAgMCAxMy41Ni42MDRsNDMuNzgtMzMuMjMzbDEwMC41MDcgOTEuNjk1YTE1Ljg1MyAxNS44NTMgMCAwIDAgNS40NjQgMy41NzFabTEwLjQ2NC0xODMuNjQ5bC03Ni4yNjIgNTcuODg5bDc2LjI2MiA1Ny44ODhWNjguOTU2WiIvPjwvZGVmcz48bWFzayBpZD0iSWNvbmlmeUlkLTE3Zjg3MjE1NWJlLWNjNzY2ZS01NDQxIiBmaWxsPSIjZmZmIj48dXNlIGhyZWY9IiNJY29uaWZ5SWQtMTdmODcyMTU1YmUtY2M3NjZlLTU0NDAiLz48L21hc2s+PHBhdGggZmlsbD0iIzAwNjVBOSIgZD0iTTI0Ni4xMzUgMjYuODczTDE5My41OTMgMS41NzVhMTUuODg1IDE1Ljg4NSAwIDAgMC0xOC4xMjMgMy4wOEwzLjQ2NiAxNjEuNDgyYy00LjYyNiA0LjIxOS00LjYyIDExLjUwMi4wMTIgMTUuNzE0bDE0LjA1IDEyLjc3MmExMC42MjUgMTAuNjI1IDAgMCAwIDEzLjU2OS42MDRMMjM4LjIyOSAzMy40MzZjNi45NDktNS4yNzEgMTYuOTMtLjMxNSAxNi45MyA4LjQwN3YtLjYxYTE1LjkzOCAxNS45MzggMCAwIDAtOS4wMjQtMTQuMzZaIiBtYXNrPSJ1cmwoI0ljb25pZnlJZC0xN2Y4NzIxNTViZS1jYzc2NmUtNTQ0MSkiLz48cGF0aCBmaWxsPSIjMDA3QUNDIiBkPSJtMjQ2LjEzNSAyMjYuODE2bC01Mi41NDIgMjUuMjk4YTE1Ljg4NyAxNS44ODcgMCAwIDEtMTguMTIzLTMuMDhMMy40NjYgOTIuMjA3Yy00LjYyNi00LjIxOC00LjYyLTExLjUwMi4wMTItMTUuNzEzbDE0LjA1LTEyLjc3M2ExMC42MjUgMTAuNjI1IDAgMCAxIDEzLjU2OS0uNjAzbDIwNy4xMzIgMTU3LjEzNWM2Ljk0OSA1LjI3MSAxNi45My4zMTUgMTYuOTMtOC40MDh2LjYxMWExNS45MzkgMTUuOTM5IDAgMCAxLTkuMDI0IDE0LjM2WiIgbWFzaz0idXJsKCNJY29uaWZ5SWQtMTdmODcyMTU1YmUtY2M3NjZlLTU0NDEpIi8+PHBhdGggZmlsbD0iIzFGOUNGMCIgZD0iTTE5My40MjggMjUyLjEzNGExNS44OTIgMTUuODkyIDAgMCAxLTE4LjEyNS0zLjA4M2M1Ljg4MSA1Ljg4IDE1LjkzOCAxLjcxNSAxNS45MzgtNi42MDNWMTEuMjczYzAtOC4zMTgtMTAuMDU3LTEyLjQ4My0xNS45MzgtNi42MDJhMTUuODkyIDE1Ljg5MiAwIDAgMSAxOC4xMjUtMy4wODRsNTIuNTMzIDI1LjI2M2ExNS45MzcgMTUuOTM3IDAgMCAxIDkuMDMgMTQuMzYzVjIxMi41MWMwIDYuMTI1LTMuNTEgMTEuNzA5LTkuMDMgMTQuMzYzbC01Mi41MzMgMjUuMjYyWiIgbWFzaz0idXJsKCNJY29uaWZ5SWQtMTdmODcyMTU1YmUtY2M3NjZlLTU0NDEpIi8+PHBhdGggZmlsbD0idXJsKCNJY29uaWZ5SWQtMTdmODcyMTU1YmUtY2M3NjZlLTU0MzkpIiBmaWxsLW9wYWNpdHk9Ii4yNSIgZD0iTTE4MC44MjggMjUyLjYwNWExNS44NzQgMTUuODc0IDAgMCAwIDEyLjY1LS40ODZsNTIuNS0yNS4yNjNhMTUuOTM4IDE1LjkzOCAwIDAgMCA5LjAyNi0xNC4zNjNWNDEuMTk3YTE1LjkzOSAxNS45MzkgMCAwIDAtOS4wMjUtMTQuMzYzTDE5My40NzcgMS41N2ExNS44NzcgMTUuODc3IDAgMCAwLTE4LjExNCAzLjA4NEw3NC44NTcgOTYuMzVsLTQzLjc4LTMzLjIzMmExMC42MTQgMTAuNjE0IDAgMCAwLTEzLjU2LjYwM0wzLjQ3NiA3Ni40OTRjLTQuNjMgNC4yMTEtNC42MzUgMTEuNDk1LS4wMTIgMTUuNzEzbDM3Ljk2NyAzNC42MzhsLTM3Ljk2NyAzNC42MzdjLTQuNjIzIDQuMjE5LTQuNjE4IDExLjUwMi4wMTIgMTUuNzE0bDE0LjA0MSAxMi43NzJhMTAuNjE0IDEwLjYxNCAwIDAgMCAxMy41Ni42MDRsNDMuNzgtMzMuMjMzbDEwMC41MDYgOTEuNjk1YTE1Ljg1NyAxNS44NTcgMCAwIDAgNS40NjUgMy41NzFabTEwLjQ2NC0xODMuNjVsLTc2LjI2MiA1Ny44OWw3Ni4yNjIgNTcuODg4VjY4Ljk1NloiIG1hc2s9InVybCgjSWNvbmlmeUlkLTE3Zjg3MjE1NWJlLWNjNzY2ZS01NDQxKSIvPjwvc3ZnPg==";
+var visual_studio_code_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1.01em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 254" style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"><defs><linearGradient id="IconifyId-17f872155be-cc766e-5439" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="%23FFF"/><stop offset="100%" stop-color="%23FFF" stop-opacity="0"/></linearGradient><path id="IconifyId-17f872155be-cc766e-5440" d="M180.828 252.605a15.872 15.872 0 0 0 12.65-.486l52.501-25.262a15.94 15.94 0 0 0 9.025-14.364V41.197a15.939 15.939 0 0 0-9.025-14.363l-52.5-25.263a15.877 15.877 0 0 0-18.115 3.084L74.857 96.35l-43.78-33.232a10.614 10.614 0 0 0-13.56.603L3.476 76.494c-4.63 4.211-4.635 11.495-.012 15.713l37.967 34.638l-37.967 34.637c-4.623 4.219-4.618 11.502.012 15.714l14.041 12.772a10.614 10.614 0 0 0 13.56.604l43.78-33.233l100.507 91.695a15.853 15.853 0 0 0 5.464 3.571Zm10.464-183.649l-76.262 57.889l76.262 57.888V68.956Z"/></defs><mask id="IconifyId-17f872155be-cc766e-5441" fill="%23fff"><use href="%23IconifyId-17f872155be-cc766e-5440"/></mask><path fill="%230065A9" d="M246.135 26.873L193.593 1.575a15.885 15.885 0 0 0-18.123 3.08L3.466 161.482c-4.626 4.219-4.62 11.502.012 15.714l14.05 12.772a10.625 10.625 0 0 0 13.569.604L238.229 33.436c6.949-5.271 16.93-.315 16.93 8.407v-.61a15.938 15.938 0 0 0-9.024-14.36Z" mask="url(%23IconifyId-17f872155be-cc766e-5441)"/><path fill="%23007ACC" d="m246.135 226.816l-52.542 25.298a15.887 15.887 0 0 1-18.123-3.08L3.466 92.207c-4.626-4.218-4.62-11.502.012-15.713l14.05-12.773a10.625 10.625 0 0 1 13.569-.603l207.132 157.135c6.949 5.271 16.93.315 16.93-8.408v.611a15.939 15.939 0 0 1-9.024 14.36Z" mask="url(%23IconifyId-17f872155be-cc766e-5441)"/><path fill="%231F9CF0" d="M193.428 252.134a15.892 15.892 0 0 1-18.125-3.083c5.881 5.88 15.938 1.715 15.938-6.603V11.273c0-8.318-10.057-12.483-15.938-6.602a15.892 15.892 0 0 1 18.125-3.084l52.533 25.263a15.937 15.937 0 0 1 9.03 14.363V212.51c0 6.125-3.51 11.709-9.03 14.363l-52.533 25.262Z" mask="url(%23IconifyId-17f872155be-cc766e-5441)"/><path fill="url(%23IconifyId-17f872155be-cc766e-5439)" fill-opacity=".25" d="M180.828 252.605a15.874 15.874 0 0 0 12.65-.486l52.5-25.263a15.938 15.938 0 0 0 9.026-14.363V41.197a15.939 15.939 0 0 0-9.025-14.363L193.477 1.57a15.877 15.877 0 0 0-18.114 3.084L74.857 96.35l-43.78-33.232a10.614 10.614 0 0 0-13.56.603L3.476 76.494c-4.63 4.211-4.635 11.495-.012 15.713l37.967 34.638l-37.967 34.637c-4.623 4.219-4.618 11.502.012 15.714l14.041 12.772a10.614 10.614 0 0 0 13.56.604l43.78-33.233l100.506 91.695a15.857 15.857 0 0 0 5.465 3.571Zm10.464-183.65l-76.262 57.89l76.262 57.888V68.956Z" mask="url(%23IconifyId-17f872155be-cc766e-5441)"/></svg>';
 
 // src/behaviors/icons/geogebra.svg
-var geogebra_default = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1hcmN0aWNvbnMiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM2NTU3ZDIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMjQgM2E0Ljc3IDQuNzcgMCAxIDAgNC43NyA0Ljc3QTQuNzggNC43OCAwIDAgMCAyNCAzWk03LjY5IDE0Ljg2YTQuNzcgNC43NyAwIDEgMCA0Ljc2IDQuNzdhNC43NiA0Ljc2IDAgMCAwLTQuNzYtNC43N1ptMzIuNjQgMGE0Ljc3IDQuNzcgMCAxIDAgNC43NyA0Ljc3YTQuNzcgNC43NyAwIDAgMC00Ljc3LTQuNzdaTTEzLjkyIDM0LjA1YTQuNzcgNC43NyAwIDEgMCA0Ljc3IDQuNzdhNC43NiA0Ljc2IDAgMCAwLTQuNzctNC43N1ptMjAuMTggMGE0Ljc3IDQuNzcgMCAxIDAgNC43NiA0Ljc3YTQuNzYgNC43NiAwIDAgMC00Ljc2LTQuNzdaIj48L3BhdGg+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjU1N2QyIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTE5LjI3IDguMzVhMTcuMjQgMTcuMjQgMCAwIDAtOS43MyA2Ljg3bTI4LjUxLjIyYTE3LjI4IDE3LjI4IDAgMCAwLTkuMzQtNi45NG04LjcgMjYuODlBMTcuMDkgMTcuMDkgMCAwIDAgNDAuOTMgMjV2LS42MU0xOCA0MS4yMmExNy4yMyAxNy4yMyAwIDAgMCA1LjY4IDFhMTcgMTcgMCAwIDAgNi4yLTEuMjJNNi41MyAyNC4yNXYuNzJhMTcuMTYgMTcuMTYgMCAwIDAgMy43NyAxMC43NiI+PC9wYXRoPjwvc3ZnPg==";
+var geogebra_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--arcticons" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"><path fill="none" stroke="%236557d2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M24 3a4.77 4.77 0 1 0 4.77 4.77A4.78 4.78 0 0 0 24 3ZM7.69 14.86a4.77 4.77 0 1 0 4.76 4.77a4.76 4.76 0 0 0-4.76-4.77Zm32.64 0a4.77 4.77 0 1 0 4.77 4.77a4.77 4.77 0 0 0-4.77-4.77ZM13.92 34.05a4.77 4.77 0 1 0 4.77 4.77a4.76 4.76 0 0 0-4.77-4.77Zm20.18 0a4.77 4.77 0 1 0 4.76 4.77a4.76 4.76 0 0 0-4.76-4.77Z"></path><path fill="none" stroke="%236557d2" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M19.27 8.35a17.24 17.24 0 0 0-9.73 6.87m28.51.22a17.28 17.28 0 0 0-9.34-6.94m8.7 26.89A17.09 17.09 0 0 0 40.93 25v-.61M18 41.22a17.23 17.23 0 0 0 5.68 1a17 17 0 0 0 6.2-1.22M6.53 24.25v.72a17.16 17.16 0 0 0 3.77 10.76"></path></svg>';
 
 // src/behaviors/icons/countdown.svg
-var countdown_default = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiBjbGFzcz0iaWNvbmlmeSBpY29uaWZ5LS1yYWRpeC1pY29ucyIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB2aWV3Qm94PSIwIDAgMTUgMTUiPjxwYXRoIGZpbGw9ImdyZXkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjE1IDcuNWMwLTIuODM1LTIuMjEtNS42NS01LjY1LTUuNjVjLTIuNzc4IDAtNC4xNTEgMi4wNTYtNC43MzcgMy4xNUg0LjVhLjUuNSAwIDAgMSAwIDFoLTNhLjUuNSAwIDAgMS0uNS0uNXYtM2EuNS41IDAgMCAxIDEgMHYxLjgxM0MyLjcwNSAzLjA3MSA0LjMzNC44NSA3LjUuODVjNC4wNjMgMCA2LjY1IDMuMzM1IDYuNjUgNi42NWMwIDMuMzE1LTIuNTg3IDYuNjUtNi42NSA2LjY1Yy0xLjk0NCAwLTMuNTYyLS43Ny00LjcxNS0xLjk0MmE2Ljc3MiA2Ljc3MiAwIDAgMS0xLjQyNy0yLjE2N2EuNS41IDAgMSAxIC45MjUtLjM4Yy4yOC42ODEuNjkyIDEuMzE0IDEuMjE2IDEuODQ2Yy45NzIuOTkgMi4zMzYgMS42NDMgNC4wMDEgMS42NDNjMy40NCAwIDUuNjUtMi44MTUgNS42NS01LjY1Wk03IDEwVjVoMXY1SDdaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjwvcGF0aD48L3N2Zz4=";
+var countdown_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--radix-icons" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 15 15"><path fill="grey" fill-rule="evenodd" d="M13.15 7.5c0-2.835-2.21-5.65-5.65-5.65c-2.778 0-4.151 2.056-4.737 3.15H4.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v1.813C2.705 3.071 4.334.85 7.5.85c4.063 0 6.65 3.335 6.65 6.65c0 3.315-2.587 6.65-6.65 6.65c-1.944 0-3.562-.77-4.715-1.942a6.772 6.772 0 0 1-1.427-2.167a.5.5 0 1 1 .925-.38c.28.681.692 1.314 1.216 1.846c.972.99 2.336 1.643 4.001 1.643c3.44 0 5.65-2.815 5.65-5.65ZM7 10V5h1v5H7Z" clip-rule="evenodd"></path></svg>';
 
 // src/behaviors/apps.ts
 var AppsInToolbar = class {
   constructor(_data) {
     this._data = _data;
-    this._listeners = [];
+    __publicField(this, "_listeners", []);
   }
   get data() {
     return this._data;
@@ -5768,12 +5904,14 @@ function instance49($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 385) {
-      if (value !== real_value && !grabbing) {
+      $:
+        if (value !== real_value && !grabbing) {
           $$invalidate(7, real_value = value);
         }
     }
     if ($$self.$$.dirty & 152) {
-      $$invalidate(9, percent = 100 * (real_value - min) / (max - min));
+      $:
+        $$invalidate(9, percent = 100 * (real_value - min) / (max - min));
     }
   };
   return [
@@ -5879,13 +6017,16 @@ function instance50($$self, $$props, $$invalidate) {
   $$self.$$.update = () => {
     var _a;
     if ($$self.$$.dirty & 8) {
-      $$subscribe_memberState($$invalidate(1, memberState = app == null ? void 0 : app.memberState));
+      $:
+        $$subscribe_memberState($$invalidate(1, memberState = app == null ? void 0 : app.memberState));
     }
     if ($$self.$$.dirty & 128) {
-      $$invalidate(6, value = (_a = $memberState == null ? void 0 : $memberState.strokeWidth) != null ? _a : 1);
+      $:
+        $$invalidate(6, value = (_a = $memberState == null ? void 0 : $memberState.strokeWidth) != null ? _a : 1);
     }
     if ($$self.$$.dirty & 112) {
-      $$invalidate(0, props = { value, theme, disabled });
+      $:
+        $$invalidate(0, props = { value, theme, disabled });
     }
   };
   return [
@@ -5918,6 +6059,7 @@ function create_each_block(key_1, ctx) {
   let span;
   let t;
   let button_class_value;
+  let button_data_color_key_value;
   return {
     key: key_1,
     first: null,
@@ -5926,9 +6068,9 @@ function create_each_block(key_1, ctx) {
       span = element("span");
       t = space();
       attr(span, "class", "fastboard-toolbar-color-item");
-      set_style(span, "background-color", ctx[7], false);
+      set_style(span, "background-color", ctx[7]);
       attr(button, "class", button_class_value = "fastboard-toolbar-btn fastboard-toolbar-color-btn " + ctx[0]);
-      attr(button, "data-color-key", ctx[7]);
+      attr(button, "data-color-key", button_data_color_key_value = ctx[7]);
       button.disabled = ctx[1];
       toggle_class(button, "is-active", is_equal_color(ctx[2], colors[ctx[7]]));
       this.first = button;
@@ -6040,10 +6182,12 @@ function instance51($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 32) {
-      $$subscribe_memberState($$invalidate(3, memberState = app == null ? void 0 : app.memberState));
+      $:
+        $$subscribe_memberState($$invalidate(3, memberState = app == null ? void 0 : app.memberState));
     }
     if ($$self.$$.dirty & 64) {
-      $$invalidate(2, strokeColor = $memberState == null ? void 0 : $memberState.strokeColor);
+      $:
+        $$invalidate(2, strokeColor = $memberState == null ? void 0 : $memberState.strokeColor);
     }
   };
   return [theme, disabled, strokeColor, memberState, set_stroke_color, app, $memberState];
@@ -6067,6 +6211,7 @@ function create_each_block2(key_1, ctx) {
   let span;
   let t;
   let button_class_value;
+  let button_data_color_key_value;
   return {
     key: key_1,
     first: null,
@@ -6075,9 +6220,9 @@ function create_each_block2(key_1, ctx) {
       span = element("span");
       t = space();
       attr(span, "class", "fastboard-toolbar-color-item");
-      set_style(span, "background-color", ctx[7], false);
+      set_style(span, "background-color", ctx[7]);
       attr(button, "class", button_class_value = "fastboard-toolbar-btn fastboard-toolbar-color-btn " + ctx[0]);
-      attr(button, "data-color-key", ctx[7]);
+      attr(button, "data-color-key", button_data_color_key_value = ctx[7]);
       button.disabled = ctx[1];
       toggle_class(button, "is-active", is_equal_color2(ctx[2], colors[ctx[7]]));
       this.first = button;
@@ -6189,10 +6334,12 @@ function instance52($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 32) {
-      $$subscribe_memberState($$invalidate(3, memberState = app == null ? void 0 : app.memberState));
+      $:
+        $$subscribe_memberState($$invalidate(3, memberState = app == null ? void 0 : app.memberState));
     }
     if ($$self.$$.dirty & 64) {
-      $$invalidate(2, textColor = $memberState == null ? void 0 : $memberState.textColor);
+      $:
+        $$invalidate(2, textColor = $memberState == null ? void 0 : $memberState.textColor);
     }
   };
   return [theme, disabled, textColor, memberState, set_stroke_color, app, $memberState];
@@ -6222,7 +6369,7 @@ function create_else_block5(ctx) {
     return { props: { theme: ctx2[0] } };
   }
   if (switch_value) {
-    switch_instance = new switch_value(switch_props(ctx));
+    switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
   }
   return {
     c() {
@@ -6231,9 +6378,8 @@ function create_else_block5(ctx) {
       switch_instance_anchor = empty();
     },
     m(target, anchor) {
-      if (switch_instance) {
+      if (switch_instance)
         mount_component(switch_instance, target, anchor);
-      }
       insert(target, switch_instance_anchor, anchor);
       current = true;
     },
@@ -6251,7 +6397,7 @@ function create_else_block5(ctx) {
           check_outros();
         }
         if (switch_value) {
-          switch_instance = new switch_value(switch_props(ctx2));
+          switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
           create_component(switch_instance.$$.fragment);
           transition_in(switch_instance.$$.fragment, 1);
           mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
@@ -6293,7 +6439,7 @@ function create_if_block5(ctx) {
     };
   }
   if (switch_value) {
-    switch_instance = new switch_value(switch_props(ctx));
+    switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
   }
   return {
     c() {
@@ -6302,9 +6448,8 @@ function create_if_block5(ctx) {
       switch_instance_anchor = empty();
     },
     m(target, anchor) {
-      if (switch_instance) {
+      if (switch_instance)
         mount_component(switch_instance, target, anchor);
-      }
       insert(target, switch_instance_anchor, anchor);
       current = true;
     },
@@ -6322,7 +6467,7 @@ function create_if_block5(ctx) {
           check_outros();
         }
         if (switch_value) {
-          switch_instance = new switch_value(switch_props(ctx2));
+          switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
           create_component(switch_instance.$$.fragment);
           transition_in(switch_instance.$$.fragment, 1);
           mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
@@ -6359,6 +6504,7 @@ function create_each_block3(key_1, ctx) {
   let if_block;
   let t_1;
   let button_class_value;
+  let button_data_shape_key_value;
   let tippy_action;
   let current;
   let mounted;
@@ -6370,7 +6516,7 @@ function create_each_block3(key_1, ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type(ctx);
+  current_block_type_index = select_block_type(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     key: key_1,
@@ -6380,7 +6526,7 @@ function create_each_block3(key_1, ctx) {
       if_block.c();
       t_1 = space();
       attr(button, "class", button_class_value = "fastboard-toolbar-btn fastboard-toolbar-shape-btn " + ctx[0] + " " + ctx[12]);
-      attr(button, "data-shape-key", ctx[12]);
+      attr(button, "data-shape-key", button_data_shape_key_value = ctx[12]);
       button.disabled = ctx[1];
       toggle_class(button, "is-active", ctx[13]);
       this.first = button;
@@ -6401,7 +6547,7 @@ function create_each_block3(key_1, ctx) {
     p(new_ctx, dirty) {
       ctx = new_ctx;
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type(ctx);
+      current_block_type_index = select_block_type(ctx, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx, dirty);
       } else {
@@ -6431,7 +6577,7 @@ function create_each_block3(key_1, ctx) {
           content: tooltip(ctx[6][ctx[12]], ctx[2][ctx[12]]),
           placement: "top"
         });
-      if (dirty & 25) {
+      if (!current || dirty & 25) {
         toggle_class(button, "is-active", ctx[13]);
       }
     },
@@ -6584,22 +6730,28 @@ function instance53($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 512) {
-      $$invalidate(6, t = i18n5[language]);
+      $:
+        $$invalidate(6, t = i18n5[language]);
     }
     if ($$self.$$.dirty & 256) {
-      $$subscribe_memberState($$invalidate(5, memberState = app == null ? void 0 : app.memberState));
+      $:
+        $$subscribe_memberState($$invalidate(5, memberState = app == null ? void 0 : app.memberState));
     }
     if ($$self.$$.dirty & 2048) {
-      $$invalidate(4, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
+      $:
+        $$invalidate(4, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
     }
     if ($$self.$$.dirty & 2048) {
-      $$invalidate(3, shape = $memberState == null ? void 0 : $memberState.shapeType);
+      $:
+        $$invalidate(3, shape = $memberState == null ? void 0 : $memberState.shapeType);
     }
     if ($$self.$$.dirty & 256) {
-      $$invalidate(10, hotkeys = app == null ? void 0 : app.hotKeys);
+      $:
+        $$invalidate(10, hotkeys = app == null ? void 0 : app.hotKeys);
     }
     if ($$self.$$.dirty & 1024) {
-      $$invalidate(2, c = {
+      $:
+        $$invalidate(2, c = {
           rectangle: hotkeys == null ? void 0 : hotkeys.changeToRectangle,
           ellipse: hotkeys == null ? void 0 : hotkeys.changeToEllipse,
           straight: hotkeys == null ? void 0 : hotkeys.changeToStraight,
@@ -6638,19 +6790,18 @@ var Shapes_default = Shapes;
 // src/components/Toolbar/components/Contents.svelte
 function get_each_context4(ctx, list, i) {
   const child_ctx = ctx.slice();
-  child_ctx[41] = list[i];
-  const constants_0 = child_ctx[41];
-  child_ctx[42] = constants_0.icon;
-  child_ctx[43] = constants_0.label;
-  child_ctx[44] = constants_0.kind;
-  child_ctx[45] = constants_0.onClick;
-  const constants_1 = child_ctx[20] && child_ctx[20][child_ctx[44]];
-  child_ctx[46] = constants_1;
-  const constants_2 = () => {
-    child_ctx[0] && child_ctx[45](child_ctx[0]);
-    tippy_hide_all();
-  };
-  child_ctx[47] = constants_2;
+  child_ctx[42] = list[i];
+  const constants_0 = child_ctx[42];
+  child_ctx[43] = constants_0.icon;
+  child_ctx[44] = constants_0.label;
+  child_ctx[45] = constants_0.kind;
+  child_ctx[46] = constants_0.onClick;
+  const constants_1 = child_ctx[20] && child_ctx[20][child_ctx[45]];
+  child_ctx[47] = constants_1;
+  const constants_2 = function func() {
+    return ctx[38](child_ctx[46]);
+  };
+  child_ctx[48] = constants_2;
   return child_ctx;
 }
 function create_if_block_8(ctx) {
@@ -6676,7 +6827,7 @@ function create_if_block_8(ctx) {
     },
     p(ctx2, dirty) {
       const button_changes = dirty[0] & 32768 ? get_spread_update(button_spread_levels, [button_spread_levels[0], get_spread_object(ctx2[15])]) : {};
-      if (dirty[0] & 2 | dirty[1] & 524288) {
+      if (dirty[0] & 2 | dirty[1] & 1048576) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -6809,7 +6960,7 @@ function create_default_slot_8(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type(ctx);
+  current_block_type_index = select_block_type(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -6823,7 +6974,7 @@ function create_default_slot_8(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type(ctx2);
+      current_block_type_index = select_block_type(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -6940,7 +7091,7 @@ function create_default_slot_7(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_1(ctx);
+  current_block_type_index = select_block_type_1(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -6954,7 +7105,7 @@ function create_default_slot_7(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_1(ctx2);
+      current_block_type_index = select_block_type_1(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -7071,7 +7222,7 @@ function create_default_slot_6(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_2(ctx);
+  current_block_type_index = select_block_type_2(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -7085,7 +7236,7 @@ function create_default_slot_6(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_2(ctx2);
+      current_block_type_index = select_block_type_2(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -7202,7 +7353,7 @@ function create_default_slot_53(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_3(ctx);
+  current_block_type_index = select_block_type_3(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -7216,7 +7367,7 @@ function create_default_slot_53(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_3(ctx2);
+      current_block_type_index = select_block_type_3(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -7262,7 +7413,7 @@ function create_else_block_12(ctx) {
     return { props: { theme: ctx2[1] } };
   }
   if (switch_value) {
-    switch_instance = new switch_value(switch_props(ctx));
+    switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
   }
   return {
     c() {
@@ -7271,9 +7422,8 @@ function create_else_block_12(ctx) {
       switch_instance_anchor = empty();
     },
     m(target, anchor) {
-      if (switch_instance) {
+      if (switch_instance)
         mount_component(switch_instance, target, anchor);
-      }
       insert(target, switch_instance_anchor, anchor);
       current = true;
     },
@@ -7291,7 +7441,7 @@ function create_else_block_12(ctx) {
           check_outros();
         }
         if (switch_value) {
-          switch_instance = new switch_value(switch_props(ctx2));
+          switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
           create_component(switch_instance.$$.fragment);
           transition_in(switch_instance.$$.fragment, 1);
           mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
@@ -7333,7 +7483,7 @@ function create_if_block_3(ctx) {
     };
   }
   if (switch_value) {
-    switch_instance = new switch_value(switch_props(ctx));
+    switch_instance = construct_svelte_component(switch_value, switch_props(ctx));
   }
   return {
     c() {
@@ -7342,9 +7492,8 @@ function create_if_block_3(ctx) {
       switch_instance_anchor = empty();
     },
     m(target, anchor) {
-      if (switch_instance) {
+      if (switch_instance)
         mount_component(switch_instance, target, anchor);
-      }
       insert(target, switch_instance_anchor, anchor);
       current = true;
     },
@@ -7362,7 +7511,7 @@ function create_if_block_3(ctx) {
           check_outros();
         }
         if (switch_value) {
-          switch_instance = new switch_value(switch_props(ctx2));
+          switch_instance = construct_svelte_component(switch_value, switch_props(ctx2));
           create_component(switch_instance.$$.fragment);
           transition_in(switch_instance.$$.fragment, 1);
           mount_component(switch_instance, switch_instance_anchor.parentNode, switch_instance_anchor);
@@ -7405,7 +7554,7 @@ function create_default_slot_43(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_4(ctx);
+  current_block_type_index = select_block_type_4(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -7419,7 +7568,7 @@ function create_default_slot_43(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_4(ctx2);
+      current_block_type_index = select_block_type_4(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -7536,7 +7685,7 @@ function create_default_slot_34(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_5(ctx);
+  current_block_type_index = select_block_type_5(ctx, [-1, -1]);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -7550,7 +7699,7 @@ function create_default_slot_34(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_5(ctx2);
+      current_block_type_index = select_block_type_5(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -7654,7 +7803,7 @@ function create_if_block_12(ctx) {
         dirty[0] & 16384 && { menu: ctx2[14] },
         button_spread_levels[4]
       ]) : {};
-      if (dirty[0] & 2 | dirty[1] & 524288) {
+      if (dirty[0] & 2 | dirty[1] & 1048576) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -7735,7 +7884,7 @@ function create_if_block6(ctx) {
         button_changes.theme = ctx2[1];
       if (dirty[0] & 8)
         button_changes.disabled = ctx2[3];
-      if (dirty[0] & 2 | dirty[1] & 524288) {
+      if (dirty[0] & 2 | dirty[1] & 1048576) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -7797,7 +7946,7 @@ function create_each_block4(ctx) {
   let img_title_value;
   let t0;
   let span;
-  let t1_value = ctx[43] + "";
+  let t1_value = ctx[44] + "";
   let t1;
   let span_class_value;
   let t2;
@@ -7816,17 +7965,17 @@ function create_each_block4(ctx) {
       t1 = text(t1_value);
       t2 = space();
       attr(img, "class", img_class_value = name5 + "-app-btn-icon " + ctx[1]);
-      if (!src_url_equal(img.src, img_src_value = ctx[42]))
+      if (!src_url_equal(img.src, img_src_value = ctx[43]))
         attr(img, "src", img_src_value);
-      attr(img, "alt", img_alt_value = ctx[44]);
-      attr(img, "title", img_title_value = ctx[43]);
+      attr(img, "alt", img_alt_value = ctx[45]);
+      attr(img, "title", img_title_value = ctx[44]);
       attr(span, "class", span_class_value = name5 + "-app-btn-text " + ctx[1]);
-      attr(button, "class", button_class_value = name5 + "-app-btn " + ctx[44] + " " + ctx[1]);
-      attr(button, "title", button_title_value = ctx[43] + (ctx[46] && ctx[46].reason ? ": " + ctx[46].reason : ""));
-      attr(button, "data-app-kind", button_data_app_kind_value = ctx[41].kind);
-      button.disabled = button_disabled_value = ctx[46] && ctx[46].status !== "idle";
-      toggle_class(button, "is-loading", ctx[46] && ctx[46].status === "loading");
-      toggle_class(button, "is-failed", ctx[46] && ctx[46].status === "failed");
+      attr(button, "class", button_class_value = name5 + "-app-btn " + ctx[45] + " " + ctx[1]);
+      attr(button, "title", button_title_value = ctx[44] + (ctx[47] && ctx[47].reason ? ": " + ctx[47].reason : ""));
+      attr(button, "data-app-kind", button_data_app_kind_value = ctx[42].kind);
+      button.disabled = button_disabled_value = ctx[47] && ctx[47].status !== "idle";
+      toggle_class(button, "is-loading", ctx[47] && ctx[47].status === "loading");
+      toggle_class(button, "is-failed", ctx[47] && ctx[47].status === "failed");
     },
     m(target, anchor) {
       insert(target, button, anchor);
@@ -7837,8 +7986,8 @@ function create_each_block4(ctx) {
       append(button, t2);
       if (!mounted) {
         dispose = listen(button, "click", function() {
-          if (is_function(ctx[47]))
-            ctx[47].apply(this, arguments);
+          if (is_function(ctx[48]))
+            ctx[48].apply(this, arguments);
         });
         mounted = true;
       }
@@ -7848,37 +7997,37 @@ function create_each_block4(ctx) {
       if (dirty[0] & 2 && img_class_value !== (img_class_value = name5 + "-app-btn-icon " + ctx[1])) {
         attr(img, "class", img_class_value);
       }
-      if (dirty[0] & 524288 && !src_url_equal(img.src, img_src_value = ctx[42])) {
+      if (dirty[0] & 524288 && !src_url_equal(img.src, img_src_value = ctx[43])) {
         attr(img, "src", img_src_value);
       }
-      if (dirty[0] & 524288 && img_alt_value !== (img_alt_value = ctx[44])) {
+      if (dirty[0] & 524288 && img_alt_value !== (img_alt_value = ctx[45])) {
         attr(img, "alt", img_alt_value);
       }
-      if (dirty[0] & 524288 && img_title_value !== (img_title_value = ctx[43])) {
+      if (dirty[0] & 524288 && img_title_value !== (img_title_value = ctx[44])) {
         attr(img, "title", img_title_value);
       }
-      if (dirty[0] & 524288 && t1_value !== (t1_value = ctx[43] + ""))
+      if (dirty[0] & 524288 && t1_value !== (t1_value = ctx[44] + ""))
         set_data(t1, t1_value);
       if (dirty[0] & 2 && span_class_value !== (span_class_value = name5 + "-app-btn-text " + ctx[1])) {
         attr(span, "class", span_class_value);
       }
-      if (dirty[0] & 524290 && button_class_value !== (button_class_value = name5 + "-app-btn " + ctx[44] + " " + ctx[1])) {
+      if (dirty[0] & 524290 && button_class_value !== (button_class_value = name5 + "-app-btn " + ctx[45] + " " + ctx[1])) {
         attr(button, "class", button_class_value);
       }
-      if (dirty[0] & 1572864 && button_title_value !== (button_title_value = ctx[43] + (ctx[46] && ctx[46].reason ? ": " + ctx[46].reason : ""))) {
+      if (dirty[0] & 1572864 && button_title_value !== (button_title_value = ctx[44] + (ctx[47] && ctx[47].reason ? ": " + ctx[47].reason : ""))) {
         attr(button, "title", button_title_value);
       }
-      if (dirty[0] & 524288 && button_data_app_kind_value !== (button_data_app_kind_value = ctx[41].kind)) {
+      if (dirty[0] & 524288 && button_data_app_kind_value !== (button_data_app_kind_value = ctx[42].kind)) {
         attr(button, "data-app-kind", button_data_app_kind_value);
       }
-      if (dirty[0] & 1572864 && button_disabled_value !== (button_disabled_value = ctx[46] && ctx[46].status !== "idle")) {
+      if (dirty[0] & 1572864 && button_disabled_value !== (button_disabled_value = ctx[47] && ctx[47].status !== "idle")) {
         button.disabled = button_disabled_value;
       }
       if (dirty[0] & 1572866) {
-        toggle_class(button, "is-loading", ctx[46] && ctx[46].status === "loading");
+        toggle_class(button, "is-loading", ctx[47] && ctx[47].status === "loading");
       }
       if (dirty[0] & 1572866) {
-        toggle_class(button, "is-failed", ctx[46] && ctx[46].status === "failed");
+        toggle_class(button, "is-failed", ctx[47] && ctx[47].status === "failed");
       }
     },
     d(detaching) {
@@ -7906,7 +8055,9 @@ function create_fragment54(ctx) {
   let t6;
   let button6;
   let t7;
+  let div0_class_value;
   let scrollHeight_action;
+  let scrollTop_action;
   let t8;
   let t9;
   let div8;
@@ -7914,24 +8065,32 @@ function create_fragment54(ctx) {
   let strokewidth0;
   let t10;
   let div1;
+  let div1_class_value;
   let t11;
   let strokecolor0;
+  let div2_class_value;
   let t12;
   let div3;
   let textcolor;
+  let div3_class_value;
   let t13;
   let div6;
   let shapes2;
   let t14;
   let div4;
+  let div4_class_value;
   let t15;
   let strokewidth1;
   let t16;
   let div5;
+  let div5_class_value;
   let t17;
   let strokecolor1;
+  let div6_class_value;
   let t18;
   let div7;
+  let div7_class_value;
+  let div8_class_value;
   let current;
   let mounted;
   let dispose;
@@ -8131,17 +8290,17 @@ function create_fragment54(ctx) {
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].c();
       }
-      attr(div0, "class", name5 + "-scrollable");
+      attr(div0, "class", div0_class_value = name5 + "-scrollable");
       toggle_class(div0, "scrollable", ctx[5]);
-      attr(div1, "class", name5 + "-panel-divider");
-      attr(div2, "class", name5 + "-panel pencil");
-      attr(div3, "class", name5 + "-panel text");
-      attr(div4, "class", name5 + "-panel-divider");
-      attr(div5, "class", name5 + "-panel-divider");
-      attr(div6, "class", name5 + "-panel shapes");
-      attr(div7, "class", name5 + "-panel apps");
+      attr(div1, "class", div1_class_value = name5 + "-panel-divider");
+      attr(div2, "class", div2_class_value = name5 + "-panel pencil");
+      attr(div3, "class", div3_class_value = name5 + "-panel text");
+      attr(div4, "class", div4_class_value = name5 + "-panel-divider");
+      attr(div5, "class", div5_class_value = name5 + "-panel-divider");
+      attr(div6, "class", div6_class_value = name5 + "-panel shapes");
+      attr(div7, "class", div7_class_value = name5 + "-panel apps");
       set_style(div7, "--n", ctx[19].length);
-      attr(div8, "class", name5 + "-panel-wrapper");
+      attr(div8, "class", div8_class_value = name5 + "-panel-wrapper");
       set_style(div8, "display", "none");
     },
     m(target, anchor) {
@@ -8198,12 +8357,12 @@ function create_fragment54(ctx) {
       for (let i = 0; i < each_blocks.length; i += 1) {
         each_blocks[i].m(div7, null);
       }
-      ctx[38](div7);
+      ctx[39](div7);
       current = true;
       if (!mounted) {
         dispose = [
           action_destroyer(scrollHeight_action = scrollHeight.call(null, div0, ctx[4])),
-          action_destroyer(scrollTop.call(null, div0, ctx[21]))
+          action_destroyer(scrollTop_action = scrollTop.call(null, div0, ctx[21]))
         ];
         mounted = true;
       }
@@ -8233,7 +8392,7 @@ function create_fragment54(ctx) {
         dirty[0] & 32768 && get_spread_object(ctx2[15]),
         dirty[0] & 262144 && { content: ctx2[18].clicker }
       ]) : {};
-      if (dirty[0] & 258 | dirty[1] & 524288) {
+      if (dirty[0] & 258 | dirty[1] & 1048576) {
         button0_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button0.$set(button0_changes);
@@ -8242,7 +8401,7 @@ function create_fragment54(ctx) {
         dirty[0] & 32768 && get_spread_object(ctx2[15]),
         dirty[0] & 262144 && { content: ctx2[18].selector }
       ]) : {};
-      if (dirty[0] & 258 | dirty[1] & 524288) {
+      if (dirty[0] & 258 | dirty[1] & 1048576) {
         button1_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button1.$set(button1_changes);
@@ -8252,7 +8411,7 @@ function create_fragment54(ctx) {
         dirty[0] & 262144 && { content: ctx2[18].pencil },
         dirty[0] & 2048 && { menu: ctx2[11] }
       ]) : {};
-      if (dirty[0] & 258 | dirty[1] & 524288) {
+      if (dirty[0] & 258 | dirty[1] & 1048576) {
         button2_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button2.$set(button2_changes);
@@ -8262,7 +8421,7 @@ function create_fragment54(ctx) {
         dirty[0] & 262144 && { content: ctx2[18].text },
         dirty[0] & 4096 && { menu: ctx2[12] }
       ]) : {};
-      if (dirty[0] & 258 | dirty[1] & 524288) {
+      if (dirty[0] & 258 | dirty[1] & 1048576) {
         button3_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button3.$set(button3_changes);
@@ -8272,7 +8431,7 @@ function create_fragment54(ctx) {
         dirty[0] & 512 && { content: ctx2[9].shapes },
         dirty[0] & 8192 && { menu: ctx2[13] }
       ]) : {};
-      if (dirty[0] & 1410 | dirty[1] & 524288) {
+      if (dirty[0] & 1410 | dirty[1] & 1048576) {
         button4_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button4.$set(button4_changes);
@@ -8281,7 +8440,7 @@ function create_fragment54(ctx) {
         dirty[0] & 32768 && get_spread_object(ctx2[15]),
         dirty[0] & 262144 && { content: ctx2[18].eraser }
       ]) : {};
-      if (dirty[0] & 258 | dirty[1] & 524288) {
+      if (dirty[0] & 258 | dirty[1] & 1048576) {
         button5_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button5.$set(button5_changes);
@@ -8290,7 +8449,7 @@ function create_fragment54(ctx) {
         dirty[0] & 32768 && get_spread_object(ctx2[15]),
         dirty[0] & 512 && { content: ctx2[9].clear }
       ]) : {};
-      if (dirty[0] & 2 | dirty[1] & 524288) {
+      if (dirty[0] & 2 | dirty[1] & 1048576) {
         button6_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button6.$set(button6_changes);
@@ -8315,7 +8474,7 @@ function create_fragment54(ctx) {
       }
       if (scrollHeight_action && is_function(scrollHeight_action.update) && dirty[0] & 16)
         scrollHeight_action.update.call(null, ctx2[4]);
-      if (dirty[0] & 32) {
+      if (!current || dirty[0] & 32) {
         toggle_class(div0, "scrollable", ctx2[5]);
       }
       if (ctx2[5]) {
@@ -8483,7 +8642,7 @@ function create_fragment54(ctx) {
       destroy_component(strokecolor1);
       ctx[37](null);
       destroy_each(each_blocks, detaching);
-      ctx[38](null);
+      ctx[39](null);
       mounted = false;
       run_all(dispose);
     }
@@ -8524,7 +8683,7 @@ function instance54($$self, $$props, $$invalidate) {
   let apps_panel;
   let btn_props;
   let top = writable(0);
-  component_subscribe($$self, top, (value) => $$invalidate(40, $top = value));
+  component_subscribe($$self, top, (value) => $$invalidate(41, $top = value));
   function scroll_up() {
     set_store_value(top, $top = clamp($top - 32 - 4, 0, max_scroll), $top);
   }
@@ -8574,6 +8733,10 @@ function instance54($$self, $$props, $$invalidate) {
       $$invalidate(13, shapes_panel);
     });
   }
+  const func = (onClick) => {
+    app && onClick(app);
+    tippy_hide_all();
+  };
   function div7_binding($$value) {
     binding_callbacks[$$value ? "unshift" : "push"](() => {
       apps_panel = $$value;
@@ -8600,7 +8763,8 @@ function instance54($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty[0] & 10) {
-      $$invalidate(15, btn_props = {
+      $:
+        $$invalidate(15, btn_props = {
           name: name5,
           theme,
           disabled,
@@ -8608,13 +8772,16 @@ function instance54($$self, $$props, $$invalidate) {
         });
     }
     if ($$self.$$.dirty[0] & 4) {
-      $$invalidate(9, t = i18n4[language]);
+      $:
+        $$invalidate(9, t = i18n4[language]);
     }
     if ($$self.$$.dirty[0] & 1) {
-      $$invalidate(32, hotkeys = app == null ? void 0 : app.hotKeys);
+      $:
+        $$invalidate(32, hotkeys = app == null ? void 0 : app.hotKeys);
     }
     if ($$self.$$.dirty[0] & 512 | $$self.$$.dirty[1] & 2) {
-      $$invalidate(18, c = {
+      $:
+        $$invalidate(18, c = {
           clicker: tooltip(t.clicker, hotkeys == null ? void 0 : hotkeys.changeToClick),
           selector: tooltip(t.selector, hotkeys == null ? void 0 : hotkeys.changeToSelector),
           pencil: tooltip(t.pencil, hotkeys == null ? void 0 : hotkeys.changeToPencil),
@@ -8623,26 +8790,32 @@ function instance54($$self, $$props, $$invalidate) {
         });
     }
     if ($$self.$$.dirty[0] & 1) {
-      $$subscribe_memberState($$invalidate(17, memberState = app == null ? void 0 : app.memberState));
+      $:
+        $$subscribe_memberState($$invalidate(17, memberState = app == null ? void 0 : app.memberState));
     }
     if ($$self.$$.dirty[1] & 8) {
-      $$invalidate(8, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
+      $:
+        $$invalidate(8, appliance = $memberState == null ? void 0 : $memberState.currentApplianceName);
     }
     if ($$self.$$.dirty[1] & 8) {
-      $$invalidate(7, shape = $memberState == null ? void 0 : $memberState.shapeType);
+      $:
+        $$invalidate(7, shape = $memberState == null ? void 0 : $memberState.shapeType);
     }
     if ($$self.$$.dirty[0] & 1) {
-      $$subscribe_status($$invalidate(16, status = app == null ? void 0 : app.appsStatus));
+      $:
+        $$subscribe_status($$invalidate(16, status = app == null ? void 0 : app.appsStatus));
     }
     if ($$self.$$.dirty[0] & 384) {
-      if (applianceShapes.includes(appliance)) {
+      $:
+        if (applianceShapes.includes(appliance)) {
           $$invalidate(10, last_shape = appliance);
         } else if (shape) {
           $$invalidate(10, last_shape = shape);
         }
     }
     if ($$self.$$.dirty[0] & 32 | $$self.$$.dirty[1] & 5) {
-      max_scroll = scrollable ? $scroll_height + (32 + 8) * 2 - computed_height : 0;
+      $:
+        max_scroll = scrollable ? $scroll_height + (32 + 8) * 2 - computed_height : 0;
     }
   };
   return [
@@ -8684,22 +8857,32 @@ function instance54($$self, $$props, $$invalidate) {
     div2_binding,
     div3_binding,
     div6_binding,
+    func,
     div7_binding
   ];
 }
 var Contents = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance54, create_fragment54, safe_not_equal, {
-      app: 0,
-      theme: 1,
-      language: 2,
-      disabled: 3,
-      scroll_height: 4,
-      computed_height: 31,
-      scrollable: 5,
-      hide_apps: 6
-    }, null, [-1, -1]);
+    init(
+      this,
+      options,
+      instance54,
+      create_fragment54,
+      safe_not_equal,
+      {
+        app: 0,
+        theme: 1,
+        language: 2,
+        disabled: 3,
+        scroll_height: 4,
+        computed_height: 31,
+        scrollable: 5,
+        hide_apps: 6
+      },
+      null,
+      [-1, -1]
+    );
   }
 };
 var Contents_default = Contents;
@@ -8707,18 +8890,20 @@ var Contents_default = Contents;
 // src/components/Toolbar/Toolbar.svelte
 function create_else_block7(ctx) {
   let path0;
+  let path0_class_value;
   let path1;
+  let path1_class_value;
   return {
     c() {
       path0 = svg_element("path");
       path1 = svg_element("path");
       attr(path0, "stroke", "#000");
       attr(path0, "d", "M20 52v16");
-      attr(path0, "class", name6 + "-handler-image-stroke-color");
+      attr(path0, "class", path0_class_value = name6 + "-handler-image-stroke-color");
       attr(path1, "fill", "#000");
       attr(path1, "stroke", "none");
       attr(path1, "d", "M16 52v16l-8-8z");
-      attr(path1, "class", name6 + "-handler-image-fill-color");
+      attr(path1, "class", path1_class_value = name6 + "-handler-image-fill-color");
     },
     m(target, anchor) {
       insert(target, path0, anchor);
@@ -8735,18 +8920,20 @@ function create_else_block7(ctx) {
 }
 function create_if_block7(ctx) {
   let path0;
+  let path0_class_value;
   let path1;
+  let path1_class_value;
   return {
     c() {
       path0 = svg_element("path");
       path1 = svg_element("path");
       attr(path0, "stroke", "#000");
       attr(path0, "d", "M10 52v16");
-      attr(path0, "class", name6 + "-handler-image-stroke-color");
+      attr(path0, "class", path0_class_value = name6 + "-handler-image-stroke-color");
       attr(path1, "fill", "#000");
       attr(path1, "stroke", "none");
       attr(path1, "d", "M14 52v16l8-8z");
-      attr(path1, "class", name6 + "-handler-image-fill-color");
+      attr(path1, "class", path1_class_value = name6 + "-handler-image-fill-color");
     },
     m(target, anchor) {
       insert(target, path0, anchor);
@@ -8772,9 +8959,12 @@ function create_fragment55(ctx) {
   let t1;
   let svg;
   let path0;
+  let path0_class_value;
   let path1;
+  let path1_class_value;
   let label_class_value;
   let div1_class_value;
+  let height_action;
   let current;
   let mounted;
   let dispose;
@@ -8795,7 +8985,7 @@ function create_fragment55(ctx) {
       return create_if_block7;
     return create_else_block7;
   }
-  let current_block_type = select_block_type(ctx);
+  let current_block_type = select_block_type(ctx, -1);
   let if_block = current_block_type(ctx);
   return {
     c() {
@@ -8811,15 +9001,15 @@ function create_fragment55(ctx) {
       path1 = svg_element("path");
       if_block.c();
       attr(div0, "class", div0_class_value = name6 + "-contents " + ctx[1]);
-      set_style(div0, "height", ctx[5] ? ctx[6] + "px" : "auto", false);
+      set_style(div0, "height", ctx[5] ? ctx[6] + "px" : "auto");
       attr(input, "type", "checkbox");
       attr(path0, "fill", "#fff");
       attr(path0, "stroke", "none");
       attr(path0, "d", "m0 0 24 16q6 4 6 14v60q0 10-6 14L0 120");
-      attr(path0, "class", name6 + "-handler-bg-color");
+      attr(path0, "class", path0_class_value = name6 + "-handler-bg-color");
       attr(path1, "stroke", "#000");
       attr(path1, "d", "m0 0 24 16q6 4 6 14v60q0 10-6 14L0 120");
-      attr(path1, "class", name6 + "-handler-border-color");
+      attr(path1, "class", path1_class_value = name6 + "-handler-border-color");
       attr(svg, "fill", "none");
       attr(svg, "stroke-width", "2");
       attr(svg, "viewBox", "0 0 32 120");
@@ -8844,7 +9034,7 @@ function create_fragment55(ctx) {
       if (!mounted) {
         dispose = [
           listen(input, "change", ctx[15]),
-          action_destroyer(height.call(null, div1, ctx[9]))
+          action_destroyer(height_action = height.call(null, div1, ctx[9]))
         ];
         mounted = true;
       }
@@ -8870,12 +9060,12 @@ function create_fragment55(ctx) {
         attr(div0, "class", div0_class_value);
       }
       if (dirty & 96) {
-        set_style(div0, "height", ctx2[5] ? ctx2[6] + "px" : "auto", false);
+        set_style(div0, "height", ctx2[5] ? ctx2[6] + "px" : "auto");
       }
       if (dirty & 8) {
         input.checked = ctx2[3];
       }
-      if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block) {
+      if (current_block_type === (current_block_type = select_block_type(ctx2, dirty)) && if_block) {
         if_block.p(ctx2, dirty);
       } else {
         if_block.d(1);
@@ -8891,7 +9081,7 @@ function create_fragment55(ctx) {
       if (!current || dirty & 2 && div1_class_value !== (div1_class_value = name6 + " " + ctx2[1])) {
         attr(div1, "class", div1_class_value);
       }
-      if (dirty & 10) {
+      if (!current || dirty & 10) {
         toggle_class(div1, "collapsed", ctx2[3]);
       }
     },
@@ -8953,19 +9143,24 @@ function instance55($$self, $$props, $$invalidate) {
   $$self.$$.update = () => {
     var _a;
     if ($$self.$$.dirty & 1) {
-      $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
+      $:
+        $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & 16384) {
-      $$invalidate(7, disabled = !$writable);
+      $:
+        $$invalidate(7, disabled = !$writable);
     }
     if ($$self.$$.dirty & 12288) {
-      $$invalidate(6, computed_height = clamp($container_height, extra_height, $scroll_height + extra_height));
+      $:
+        $$invalidate(6, computed_height = clamp($container_height, extra_height, $scroll_height + extra_height));
     }
     if ($$self.$$.dirty & 12288) {
-      $$invalidate(5, scrollable = $scroll_height + extra_height > $container_height);
+      $:
+        $$invalidate(5, scrollable = $scroll_height + extra_height > $container_height);
     }
     if ($$self.$$.dirty & 2048) {
-      $$invalidate(4, hide_apps = ((_a = config.apps) == null ? void 0 : _a.enable) === false);
+      $:
+        $$invalidate(4, hide_apps = ((_a = config.apps) == null ? void 0 : _a.enable) === false);
     }
   };
   return [
@@ -9254,7 +9449,7 @@ function create_default_slot_25(ctx) {
       return 1;
     return 2;
   }
-  current_block_type_index = select_block_type(ctx);
+  current_block_type_index = select_block_type(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   return {
     c() {
@@ -9268,7 +9463,7 @@ function create_default_slot_25(ctx) {
     },
     p(ctx2, dirty) {
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type(ctx2);
+      current_block_type_index = select_block_type(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -9312,13 +9507,17 @@ function create_else_block8(ctx) {
   let span0;
   let t1_value = format(ctx[13]) + "";
   let t1;
+  let span0_class_value;
   let t2;
   let span1;
   let t3;
+  let span1_class_value;
   let t4;
   let span2;
   let t5_value = format(ctx[14]) + "";
   let t5;
+  let span2_class_value;
+  let span3_class_value;
   let current;
   slider = new Slider_default({
     props: {
@@ -9343,10 +9542,10 @@ function create_else_block8(ctx) {
       t4 = space();
       span2 = element("span");
       t5 = text(t5_value);
-      attr(span0, "class", name7 + "-current");
-      attr(span1, "class", name7 + "-slash");
-      attr(span2, "class", name7 + "-duration");
-      attr(span3, "class", name7 + "-progress");
+      attr(span0, "class", span0_class_value = name7 + "-current");
+      attr(span1, "class", span1_class_value = name7 + "-slash");
+      attr(span2, "class", span2_class_value = name7 + "-duration");
+      attr(span3, "class", span3_class_value = name7 + "-progress");
     },
     m(target, anchor) {
       mount_component(slider, target, anchor);
@@ -9400,6 +9599,7 @@ function create_if_block8(ctx) {
   let t0;
   let span;
   let t1;
+  let span_class_value;
   let current;
   slider = new Slider_default({
     props: {
@@ -9413,7 +9613,7 @@ function create_if_block8(ctx) {
       t0 = space();
       span = element("span");
       t1 = text("\u2026/\u2026");
-      attr(span, "class", name7 + "-progress loading");
+      attr(span, "class", span_class_value = name7 + "-progress loading");
     },
     m(target, anchor) {
       mount_component(slider, target, anchor);
@@ -9447,12 +9647,13 @@ function create_default_slot_15(ctx) {
   let t0_value = (ctx[15] || 1) + "";
   let t0;
   let t1;
+  let span_class_value;
   return {
     c() {
       span = element("span");
       t0 = text(t0_value);
       t1 = text("x");
-      attr(span, "class", name7 + "-speed-text");
+      attr(span, "class", span_class_value = name7 + "-speed-text");
     },
     m(target, anchor) {
       insert(target, span, anchor);
@@ -9567,6 +9768,7 @@ function create_fragment56(ctx) {
   let div1;
   let each_blocks = [];
   let each_1_lookup = /* @__PURE__ */ new Map();
+  let div1_class_value;
   let current;
   button0 = new Button_default({
     props: {
@@ -9587,7 +9789,7 @@ function create_fragment56(ctx) {
       return 0;
     return 1;
   }
-  current_block_type_index = select_block_type_1(ctx);
+  current_block_type_index = select_block_type_1(ctx, -1);
   if_block = if_blocks[current_block_type_index] = if_block_creators[current_block_type_index](ctx);
   button1 = new Button_default({
     props: {
@@ -9624,7 +9826,7 @@ function create_fragment56(ctx) {
         each_blocks[i].c();
       }
       attr(div0, "class", div0_class_value = name7 + " " + ctx[0]);
-      attr(div1, "class", name7 + "-panel speed");
+      attr(div1, "class", div1_class_value = name7 + "-panel speed");
       set_style(div2, "display", "none");
     },
     m(target, anchor) {
@@ -9658,7 +9860,7 @@ function create_fragment56(ctx) {
       }
       button0.$set(button0_changes);
       let previous_block_index = current_block_type_index;
-      current_block_type_index = select_block_type_1(ctx2);
+      current_block_type_index = select_block_type_1(ctx2, dirty);
       if (current_block_type_index === previous_block_index) {
         if_blocks[current_block_type_index].p(ctx2, dirty);
       } else {
@@ -9826,37 +10028,48 @@ function instance56($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 1048576) {
-      $$invalidate(12, t = i18n6[language]);
+      $:
+        $$invalidate(12, t = i18n6[language]);
     }
     if ($$self.$$.dirty & 524288) {
-      $$invalidate(21, canPlay = player == null ? void 0 : player.canplay);
+      $:
+        $$invalidate(21, canPlay = player == null ? void 0 : player.canplay);
     }
     if ($$self.$$.dirty & 2097152) {
-      $$invalidate(4, disabled = !canPlay);
+      $:
+        $$invalidate(4, disabled = !canPlay);
     }
     if ($$self.$$.dirty & 16) {
-      $$invalidate(5, type = disabled ? "disable" : "normal");
+      $:
+        $$invalidate(5, type = disabled ? "disable" : "normal");
     }
     if ($$self.$$.dirty & 524288) {
-      $$subscribe_duration($$invalidate(11, duration = player == null ? void 0 : player.duration));
+      $:
+        $$subscribe_duration($$invalidate(11, duration = player == null ? void 0 : player.duration));
     }
     if ($$self.$$.dirty & 524288) {
-      $$subscribe_current($$invalidate(10, current = player == null ? void 0 : player.currentTime));
+      $:
+        $$subscribe_current($$invalidate(10, current = player == null ? void 0 : player.currentTime));
     }
     if ($$self.$$.dirty & 524288) {
-      $$subscribe_playbackRate($$invalidate(9, playbackRate = player == null ? void 0 : player.playbackRate));
+      $:
+        $$subscribe_playbackRate($$invalidate(9, playbackRate = player == null ? void 0 : player.playbackRate));
     }
     if ($$self.$$.dirty & 524288) {
-      $$subscribe_phase($$invalidate(8, phase = player == null ? void 0 : player.phase));
+      $:
+        $$subscribe_phase($$invalidate(8, phase = player == null ? void 0 : player.phase));
     }
     if ($$self.$$.dirty & 4194304) {
-      $$invalidate(3, loading = $phase === "waitingFirstFrame" || $phase === "buffering");
+      $:
+        $$invalidate(3, loading = $phase === "waitingFirstFrame" || $phase === "buffering");
     }
     if ($$self.$$.dirty & 4194304) {
-      $$invalidate(2, playing = $phase === "playing");
+      $:
+        $$invalidate(2, playing = $phase === "playing");
     }
     if ($$self.$$.dirty & 12) {
-      $$invalidate(7, className = [loading ? "loading" : "", playing ? "pause" : "play"].filter(Boolean).join(" "));
+      $:
+        $$invalidate(7, className = [loading ? "loading" : "", playing ? "pause" : "play"].filter(Boolean).join(" "));
     }
   };
   return [
@@ -9904,9 +10117,12 @@ var PlayerControl_default = PlayerControl;
 function create_fragment57(ctx) {
   let div2;
   let div0;
+  let div0_class_value;
   let t;
   let div1;
   let playercontrol;
+  let div1_class_value;
+  let div2_class_value;
   let current;
   let mounted;
   let dispose;
@@ -9924,9 +10140,9 @@ function create_fragment57(ctx) {
       t = space();
       div1 = element("div");
       create_component(playercontrol.$$.fragment);
-      attr(div0, "class", name8 + "-view");
-      attr(div1, "class", name8 + "-bottom");
-      attr(div2, "class", name8 + "-root");
+      attr(div0, "class", div0_class_value = name8 + "-view");
+      attr(div1, "class", div1_class_value = name8 + "-bottom");
+      attr(div2, "class", div2_class_value = name8 + "-root");
       toggle_class(div2, "loading", !ctx[0]);
     },
     m(target, anchor) {
@@ -9951,7 +10167,7 @@ function create_fragment57(ctx) {
       if (dirty & 4)
         playercontrol_changes.language = ctx2[2];
       playercontrol.$set(playercontrol_changes);
-      if (dirty & 1) {
+      if (!current || dirty & 1) {
         toggle_class(div2, "loading", !ctx2[0]);
       }
     },
@@ -10015,7 +10231,8 @@ function instance57($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 9) {
-      try {
+      $:
+        try {
           if (player && container) {
             player.bindContainer(container);
             $$invalidate(6, mounted = true);
@@ -10026,7 +10243,8 @@ function instance57($$self, $$props, $$invalidate) {
         }
     }
     if ($$self.$$.dirty & 67) {
-      if (player && theme && mounted) {
+      $:
+        if (player && theme && mounted) {
           player.manager.setPrefersColorScheme(theme);
         }
     }
@@ -10235,13 +10453,18 @@ function create_fragment58(ctx) {
   var _a, _b, _c, _d;
   let div4;
   let div0;
+  let div0_class_value;
   let t0;
   let div1;
+  let div1_class_value;
   let t1;
   let div2;
   let t2;
+  let div2_class_value;
   let t3;
   let div3;
+  let div3_class_value;
+  let div4_class_value;
   let current;
   let mounted;
   let dispose;
@@ -10268,14 +10491,14 @@ function create_fragment58(ctx) {
       div3 = element("div");
       if (if_block3)
         if_block3.c();
-      attr(div0, "class", name9 + "-view");
-      attr(div1, "class", name9 + "-left");
+      attr(div0, "class", div0_class_value = name9 + "-view");
+      attr(div1, "class", div1_class_value = name9 + "-left");
       toggle_class(div1, "hidden", !(ctx[5] === "visible" || ctx[5] === "toolbar-only"));
-      attr(div2, "class", name9 + "-bottom-left");
+      attr(div2, "class", div2_class_value = name9 + "-bottom-left");
       toggle_class(div2, "hidden", ctx[5] !== "visible");
-      attr(div3, "class", name9 + "-bottom-right");
+      attr(div3, "class", div3_class_value = name9 + "-bottom-right");
       toggle_class(div3, "hidden", ctx[5] !== "visible");
-      attr(div4, "class", name9 + "-root");
+      attr(div4, "class", div4_class_value = name9 + "-root");
       toggle_class(div4, "loading", !ctx[0]);
     },
     m(target, anchor) {
@@ -10324,7 +10547,7 @@ function create_fragment58(ctx) {
         });
         check_outros();
       }
-      if (dirty & 32) {
+      if (!current || dirty & 32) {
         toggle_class(div1, "hidden", !(ctx2[5] === "visible" || ctx2[5] === "toolbar-only"));
       }
       if (((_b2 = ctx2[3].redo_undo) == null ? void 0 : _b2.enable) !== false) {
@@ -10365,7 +10588,7 @@ function create_fragment58(ctx) {
         });
         check_outros();
       }
-      if (dirty & 32) {
+      if (!current || dirty & 32) {
         toggle_class(div2, "hidden", ctx2[5] !== "visible");
       }
       if (((_d2 = ctx2[3].page_control) == null ? void 0 : _d2.enable) !== false) {
@@ -10387,10 +10610,10 @@ function create_fragment58(ctx) {
         });
         check_outros();
       }
-      if (dirty & 32) {
+      if (!current || dirty & 32) {
         toggle_class(div3, "hidden", ctx2[5] !== "visible");
       }
-      if (dirty & 1) {
+      if (!current || dirty & 1) {
         toggle_class(div4, "loading", !ctx2[0]);
       }
     },
@@ -10481,16 +10704,20 @@ function instance58($$self, $$props, $$invalidate) {
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 1) {
-      $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
+      $:
+        $$subscribe_writable($$invalidate(8, writable2 = app == null ? void 0 : app.writable));
     }
     if ($$self.$$.dirty & 1) {
-      $$subscribe_boxState($$invalidate(7, boxState = app == null ? void 0 : app.boxState));
+      $:
+        $$subscribe_boxState($$invalidate(7, boxState = app == null ? void 0 : app.boxState));
     }
     if ($$self.$$.dirty & 1) {
-      $$subscribe_focusedApp($$invalidate(6, focusedApp = app == null ? void 0 : app.focusedApp));
+      $:
+        $$subscribe_focusedApp($$invalidate(6, focusedApp = app == null ? void 0 : app.focusedApp));
     }
     if ($$self.$$.dirty & 28672) {
-      if (!$writable) {
+      $:
+        if (!$writable) {
           $$invalidate(5, layout = "hidden");
         } else if ($boxState === "maximized") {
           if ($focusedApp && AppsShowToolbar.some((kind) => ($focusedApp || "").includes(kind))) {
@@ -10503,7 +10730,8 @@ function instance58($$self, $$props, $$invalidate) {
         }
     }
     if ($$self.$$.dirty & 17) {
-      try {
+      $:
+        try {
           if (app && container) {
             app.bindContainer(container);
             $$invalidate(11, mounted = true);
@@ -10514,7 +10742,8 @@ function instance58($$self, $$props, $$invalidate) {
         }
     }
     if ($$self.$$.dirty & 2051) {
-      if (app && theme && mounted) {
+      $:
+        if (app && theme && mounted) {
           app.manager.setPrefersColorScheme(theme);
         }
     }
@@ -10607,22 +10836,16 @@ function createReplayUI(player, div) {
   }
   return ui;
 }
-
-// inline-sass-helper:inline-sass-style-helper.js
-function injectStyle(text2) {
-  if (typeof document !== "undefined") {
-    var style = document.createElement("style");
-    var node = document.createTextNode(text2);
-    style.appendChild(node);
-    document.head.appendChild(style);
-  }
-}
-
-// 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:#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);
-
-export { Fastboard_default as Fastboard, PageControl_default as PageControl, PlayerControl_default as PlayerControl, RedoUndo_default as RedoUndo, ReplayFastboard_default as ReplayFastboard, Toolbar_default as Toolbar, ZoomControl_default as ZoomControl, apps, createReplayUI, createUI };
+export {
+  Fastboard_default as Fastboard,
+  PageControl_default as PageControl,
+  PlayerControl_default as PlayerControl,
+  RedoUndo_default as RedoUndo,
+  ReplayFastboard_default as ReplayFastboard,
+  Toolbar_default as Toolbar,
+  ZoomControl_default as ZoomControl,
+  apps,
+  createReplayUI,
+  createUI
+};
 //# sourceMappingURL=index.mjs.map