@netless/fastboard-ui 0.3.2-canary.5 → 0.3.3

package/LICENSE.txt

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2022 netless
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2022 netless
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,7 +1,7 @@
-## @netless/fastboard-ui
-
-The front-end of [@netless/fastboard-core](https://github.com/netless-io/fastboard/tree/main/packages/fastboard-core).
-
-### License
-
-MIT @ [netless](https://github.com/netless-io)
+## @netless/fastboard-ui
+
+The front-end of [@netless/fastboard-core](https://github.com/netless-io/fastboard/tree/main/packages/fastboard-core).
+
+### License
+
+MIT @ [netless](https://github.com/netless-io)

package/dist/index.d.ts

@@ -1,124 +1,124 @@
 import { FastboardApp, FastboardPlayer } from '@netless/fastboard-core';
 import { SvelteComponentTyped } from 'svelte';
 
-interface SvelteAction<T = void> {
-    (node: HTMLElement, parameters: T): void | {
-        update?: (parameters: T) => void;
-        destroy?: () => void;
-    };
-}
-declare type Theme = "light" | "dark";
-declare type Language = "en" | "zh-CN";
-declare type IconType = "normal" | "disable";
-declare type GenericIcon<K extends string, E extends string = IconType> = {
-    [key in K]: {
-        [kind in E]: string;
-    };
-};
-declare type I18nData<T extends string> = Record<Language, Record<T, string>>;
-interface ToolbarConfig {
-    apps?: {
-        enable?: boolean;
-    };
-}
-interface FastboardUIConfig {
-    toolbar?: {
-        enable?: boolean;
-    } & ToolbarConfig;
-    redo_undo?: {
-        enable?: boolean;
-    };
-    zoom_control?: {
-        enable?: boolean;
-    };
-    page_control?: {
-        enable?: boolean;
-    };
+interface SvelteAction<T = void> {
+    (node: HTMLElement, parameters: T): void | {
+        update?: (parameters: T) => void;
+        destroy?: () => void;
+    };
+}
+declare type Theme = "light" | "dark";
+declare type Language = "en" | "zh-CN";
+declare type IconType = "normal" | "disable";
+declare type GenericIcon<K extends string, E extends string = IconType> = {
+    [key in K]: {
+        [kind in E]: string;
+    };
+};
+declare type I18nData<T extends string> = Record<Language, Record<T, string>>;
+interface ToolbarConfig {
+    apps?: {
+        enable?: boolean;
+    };
+}
+interface FastboardUIConfig {
+    toolbar?: {
+        enable?: boolean;
+    } & ToolbarConfig;
+    redo_undo?: {
+        enable?: boolean;
+    };
+    zoom_control?: {
+        enable?: boolean;
+    };
+    page_control?: {
+        enable?: boolean;
+    };
+}
+
+declare interface RedoUndoProps {
+  app?: FastboardApp | null;
+  theme?: Theme;
+  language?: Language;
+  icons?: GenericIcon<"undo" | "redo">;
 }
 
-declare interface RedoUndoProps {
-  app?: FastboardApp | null;
-  theme?: Theme;
-  language?: Language;
-  icons?: GenericIcon<"undo" | "redo">;
-}
-
 declare class RedoUndo extends SvelteComponentTyped<RedoUndoProps> {}
 
-declare interface PageControlProps {
-  app?: FastboardApp | null;
-  theme?: Theme;
-  language?: Language;
-  icons?: GenericIcon<"prev" | "next" | "add">;
-}
-
+declare interface PageControlProps {
+  app?: FastboardApp | null;
+  theme?: Theme;
+  language?: Language;
+  icons?: GenericIcon<"prev" | "next" | "add">;
+}
+
 declare class PageControl extends SvelteComponentTyped<PageControlProps> {}
 
-declare interface ZoomControlProps {
-  app?: FastboardApp | null;
-  theme?: Theme;
-  language?: Language;
-  icons?: GenericIcon<"plus" | "minus" | "reset">;
-}
-
+declare interface ZoomControlProps {
+  app?: FastboardApp | null;
+  theme?: Theme;
+  language?: Language;
+  icons?: GenericIcon<"plus" | "minus" | "reset">;
+}
+
 declare class ZoomControl extends SvelteComponentTyped<ZoomControlProps> {}
 
-declare interface ToolbarProps {
-  app?: FastboardApp | null;
-  theme?: Theme;
-  language?: Language;
-  config?: ToolbarConfig;
-}
-
+declare interface ToolbarProps {
+  app?: FastboardApp | null;
+  theme?: Theme;
+  language?: Language;
+  config?: ToolbarConfig;
+}
+
 declare class Toolbar extends SvelteComponentTyped<ToolbarProps> {}
 
-declare interface PlayerControlProps {
-  player?: FastboardPlayer | null;
-  theme?: Theme;
-  language?: Language;
-  icons?: GenericIcon<"play" | "pause" | "loading">;
-}
-
+declare interface PlayerControlProps {
+  player?: FastboardPlayer | null;
+  theme?: Theme;
+  language?: Language;
+  icons?: GenericIcon<"play" | "pause" | "loading">;
+}
+
 declare class PlayerControl extends SvelteComponentTyped<PlayerControlProps> {}
 
-declare interface ReplayFastboardProps {
-    player?: FastboardPlayer | null;
-    theme?: Theme;
-    language?: Language;
-    containerRef?: (container: HTMLDivElement | null) => void;
-}
-declare class ReplayFastboard extends SvelteComponentTyped<ReplayFastboardProps> {
+declare interface ReplayFastboardProps {
+    player?: FastboardPlayer | null;
+    theme?: Theme;
+    language?: Language;
+    containerRef?: (container: HTMLDivElement | null) => void;
+}
+declare class ReplayFastboard extends SvelteComponentTyped<ReplayFastboardProps> {
+}
+
+declare interface FastboardProps {
+    app?: FastboardApp | null;
+    theme?: Theme;
+    language?: Language;
+    containerRef?: (container: HTMLDivElement | null) => void;
+    config?: FastboardUIConfig;
+}
+declare class Fastboard extends SvelteComponentTyped<FastboardProps> {
 }
 
-declare interface FastboardProps {
-    app?: FastboardApp | null;
-    theme?: Theme;
-    language?: Language;
-    containerRef?: (container: HTMLDivElement | null) => void;
-    config?: FastboardUIConfig;
-}
-declare class Fastboard extends SvelteComponentTyped<FastboardProps> {
+interface AppInToolbar {
+    kind: string;
+    icon: string;
+    label: string;
+    onClick: (app: FastboardApp) => void;
+}
+declare class AppsInToolbar {
+    private _data;
+    _listeners: Array<(data: AppInToolbar[]) => void>;
+    constructor(_data: AppInToolbar[]);
+    get data(): AppInToolbar[];
+    get length(): number;
+    subscribe(fn: (data: AppInToolbar[]) => void): () => void;
+    push(...data: AppInToolbar[]): void;
+    insert(data: AppInToolbar, index: number): void;
+    delete(filter: (data: AppInToolbar) => boolean): void;
+    clear(): void;
 }
 
-interface AppInToolbar {
-    kind: string;
-    icon: string;
-    label: string;
-    onClick: (app: FastboardApp) => void;
-}
-declare class AppsInToolbar {
-    private _data;
-    _listeners: Array<(data: AppInToolbar[]) => void>;
-    constructor(_data: AppInToolbar[]);
-    get data(): AppInToolbar[];
-    get length(): number;
-    subscribe(fn: (data: AppInToolbar[]) => void): () => void;
-    push(...data: AppInToolbar[]): void;
-    insert(data: AppInToolbar, index: number): void;
-    delete(filter: (data: AppInToolbar) => boolean): void;
-    clear(): void;
-}
-
 declare const apps: AppsInToolbar;
 
 export { AppInToolbar, AppsInToolbar, Fastboard, FastboardProps, FastboardUIConfig, GenericIcon, I18nData, IconType, Language, PageControl, PageControlProps, PlayerControl, PlayerControlProps, RedoUndo, RedoUndoProps, ReplayFastboard, ReplayFastboardProps, SvelteAction, Theme, Toolbar, ToolbarConfig, ToolbarProps, ZoomControl, ZoomControlProps, apps };

package/dist/index.js

@@ -50,7 +50,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// ../../node_modules/.pnpm/svelte@3.46.6/node_modules/svelte/internal/index.mjs
+// ../../node_modules/.pnpm/svelte@3.48.0/node_modules/svelte/internal/index.mjs
 function noop() {
 }
 function assign(tar, src) {
@@ -217,9 +217,9 @@ function set_style(node, key, value, important) {
 function toggle_class(element2, name10, toggle) {
   element2.classList[toggle ? "add" : "remove"](name10);
 }
-function custom_event(type, detail, bubbles = false) {
+function custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {
   const e = document.createEvent("CustomEvent");
-  e.initCustomEvent(type, bubbles, false, detail);
+  e.initCustomEvent(type, bubbles, cancelable, detail);
   return e;
 }
 var current_component;
@@ -236,14 +236,16 @@ function onMount(fn) {
 }
 function createEventDispatcher() {
   const component = get_current_component();
-  return (type, detail) => {
+  return (type, detail, { cancelable = false } = {}) => {
     const callbacks = component.$$.callbacks[type];
     if (callbacks) {
-      const event = custom_event(type, detail);
+      const event = custom_event(type, detail, { cancelable });
       callbacks.slice().forEach((fn) => {
         fn.call(component, event);
       });
+      return !event.defaultPrevented;
     }
+    return true;
   };
 }
 function bubble(component, event) {
@@ -5516,7 +5518,7 @@ var ZoomControl = class extends SvelteComponent {
 };
 var ZoomControl_default = ZoomControl;
 
-// ../../node_modules/.pnpm/svelte@3.46.6/node_modules/svelte/store/index.mjs
+// ../../node_modules/.pnpm/svelte@3.48.0/node_modules/svelte/store/index.mjs
 var subscriber_queue = [];
 function writable(value, start = noop) {
   let stop;
@@ -6798,6 +6800,11 @@ function get_each_context4(ctx, list, i) {
   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;
   return child_ctx;
 }
 function create_if_block_8(ctx) {
@@ -6823,7 +6830,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] & 262144) {
+      if (dirty[0] & 2 | dirty[1] & 524288) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -7801,7 +7808,7 @@ function create_if_block_12(ctx) {
         dirty[0] & 16384 && { menu: ctx2[14] },
         button_spread_levels[4]
       ]) : {};
-      if (dirty[0] & 2 | dirty[1] & 262144) {
+      if (dirty[0] & 2 | dirty[1] & 524288) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -7882,7 +7889,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] & 262144) {
+      if (dirty[0] & 2 | dirty[1] & 524288) {
         button_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button.$set(button_changes);
@@ -7984,8 +7991,8 @@ function create_each_block4(ctx) {
       append(button, t2);
       if (!mounted) {
         dispose = listen(button, "click", function() {
-          if (is_function(ctx[0] && ctx[45].bind(null, ctx[0])))
-            (ctx[0] && ctx[45].bind(null, ctx[0])).apply(this, arguments);
+          if (is_function(ctx[47]))
+            ctx[47].apply(this, arguments);
         });
         mounted = true;
       }
@@ -8390,7 +8397,7 @@ function create_fragment55(ctx) {
         dirty[0] & 32768 && get_spread_object(ctx2[15]),
         dirty[0] & 262144 && { content: ctx2[18].clicker }
       ]) : {};
-      if (dirty[0] & 258 | dirty[1] & 262144) {
+      if (dirty[0] & 258 | dirty[1] & 524288) {
         button0_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button0.$set(button0_changes);
@@ -8399,7 +8406,7 @@ function create_fragment55(ctx) {
         dirty[0] & 32768 && get_spread_object(ctx2[15]),
         dirty[0] & 262144 && { content: ctx2[18].selector }
       ]) : {};
-      if (dirty[0] & 258 | dirty[1] & 262144) {
+      if (dirty[0] & 258 | dirty[1] & 524288) {
         button1_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button1.$set(button1_changes);
@@ -8409,7 +8416,7 @@ function create_fragment55(ctx) {
         dirty[0] & 262144 && { content: ctx2[18].pencil },
         dirty[0] & 2048 && { menu: ctx2[11] }
       ]) : {};
-      if (dirty[0] & 258 | dirty[1] & 262144) {
+      if (dirty[0] & 258 | dirty[1] & 524288) {
         button2_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button2.$set(button2_changes);
@@ -8419,7 +8426,7 @@ function create_fragment55(ctx) {
         dirty[0] & 262144 && { content: ctx2[18].text },
         dirty[0] & 4096 && { menu: ctx2[12] }
       ]) : {};
-      if (dirty[0] & 258 | dirty[1] & 262144) {
+      if (dirty[0] & 258 | dirty[1] & 524288) {
         button3_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button3.$set(button3_changes);
@@ -8429,7 +8436,7 @@ function create_fragment55(ctx) {
         dirty[0] & 512 && { content: ctx2[9].shapes },
         dirty[0] & 8192 && { menu: ctx2[13] }
       ]) : {};
-      if (dirty[0] & 1410 | dirty[1] & 262144) {
+      if (dirty[0] & 1410 | dirty[1] & 524288) {
         button4_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button4.$set(button4_changes);
@@ -8438,7 +8445,7 @@ function create_fragment55(ctx) {
         dirty[0] & 32768 && get_spread_object(ctx2[15]),
         dirty[0] & 262144 && { content: ctx2[18].eraser }
       ]) : {};
-      if (dirty[0] & 258 | dirty[1] & 262144) {
+      if (dirty[0] & 258 | dirty[1] & 524288) {
         button5_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button5.$set(button5_changes);
@@ -8447,7 +8454,7 @@ function create_fragment55(ctx) {
         dirty[0] & 32768 && get_spread_object(ctx2[15]),
         dirty[0] & 512 && { content: ctx2[9].clear }
       ]) : {};
-      if (dirty[0] & 2 | dirty[1] & 262144) {
+      if (dirty[0] & 2 | dirty[1] & 524288) {
         button6_changes.$$scope = { dirty, ctx: ctx2 };
       }
       button6.$set(button6_changes);
@@ -9661,7 +9668,7 @@ function create_default_slot5(ctx) {
   return {
     c() {
       t0 = text(t0_value);
-      t1 = text("x\r\n      ");
+      t1 = text("x\n      ");
     },
     m(target, anchor) {
       insert(target, t0, anchor);
@@ -10138,7 +10145,7 @@ function create_fragment58(ctx) {
       mount_component(playercontrol, div1, null);
       current = true;
       if (!mounted) {
-        dispose = listen(div0, "touchstart", tippy_hide_all, true);
+        dispose = listen(div0, "touchstart", tippy_hide_all, { passive: true, capture: true });
         mounted = true;
       }
     },
@@ -10489,7 +10496,7 @@ function create_fragment59(ctx) {
         if_block3.m(div3, null);
       current = true;
       if (!mounted) {
-        dispose = listen(div0, "touchstart", tippy_hide_all, true);
+        dispose = listen(div0, "touchstart", tippy_hide_all, { passive: true, capture: true });
         mounted = true;
       }
     },
@@ -10748,9 +10755,9 @@ function injectStyle(text2) {
   }
 }
 
-// inline-sass-content:.\src\style.scss
+// 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
+// inline-sass-stub:./src/style.scss
 injectStyle(style_default);
 //# sourceMappingURL=index.js.map