@netless/fastboard-ui 0.3.0-canary.0 → 0.3.0-canary.3

package/dist/index.d.ts

@@ -58,6 +58,7 @@ declare interface ReplayFastboardProps {
     player?: FastboardPlayer | null;
     theme?: Theme;
     language?: Language;
+    containerRef?: (container: HTMLDivElement | null) => void;
 }
 declare class ReplayFastboard extends SvelteComponentTyped<ReplayFastboardProps> {
 }
@@ -66,6 +67,7 @@ declare interface FastboardProps {
     app?: FastboardApp | null;
     theme?: Theme;
     language?: Language;
+    containerRef?: (container: HTMLDivElement | null) => void;
 }
 declare class Fastboard extends SvelteComponentTyped<FastboardProps> {
 }

package/dist/index.js

@@ -9861,7 +9861,7 @@ function create_fragment57(ctx) {
     m(target, anchor) {
       insert(target, div2, anchor);
       append(div2, div0);
-      ctx[4](div0);
+      ctx[5](div0);
       append(div2, t);
       append(div2, div1);
       mount_component(playercontrol, div1, null);
@@ -9893,7 +9893,7 @@ function create_fragment57(ctx) {
     d(detaching) {
       if (detaching)
         detach(div2);
-      ctx[4](null);
+      ctx[5](null);
       destroy_component(playercontrol);
     }
   };
@@ -9903,6 +9903,7 @@ function instance57($$self, $$props, $$invalidate) {
   let { player = null } = $$props;
   let { theme = "light" } = $$props;
   let { language = "en" } = $$props;
+  let { containerRef = void 0 } = $$props;
   let container;
   function div0_binding($$value) {
     binding_callbacks[$$value ? "unshift" : "push"](() => {
@@ -9917,6 +9918,8 @@ function instance57($$self, $$props, $$invalidate) {
       $$invalidate(1, theme = $$props2.theme);
     if ("language" in $$props2)
       $$invalidate(2, language = $$props2.language);
+    if ("containerRef" in $$props2)
+      $$invalidate(4, containerRef = $$props2.containerRef);
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 9) {
@@ -9924,13 +9927,23 @@ function instance57($$self, $$props, $$invalidate) {
         if (player && container)
           player.bindContainer(container);
     }
+    if ($$self.$$.dirty & 24) {
+      $:
+        if (containerRef)
+          containerRef(container || null);
+    }
   };
-  return [player, theme, language, container, div0_binding];
+  return [player, theme, language, container, containerRef, div0_binding];
 }
 var ReplayFastboard = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance57, create_fragment57, safe_not_equal, { player: 0, theme: 1, language: 2 });
+    init(this, options, instance57, create_fragment57, safe_not_equal, {
+      player: 0,
+      theme: 1,
+      language: 2,
+      containerRef: 4
+    });
   }
 };
 var ReplayFastboard_default = ReplayFastboard;
@@ -10009,7 +10022,7 @@ function create_fragment58(ctx) {
     m(target, anchor) {
       insert(target, div4, anchor);
       append(div4, div0);
-      ctx[4](div0);
+      ctx[5](div0);
       append(div4, t0);
       append(div4, div1);
       mount_component(toolbar, div1, null);
@@ -10079,7 +10092,7 @@ function create_fragment58(ctx) {
     d(detaching) {
       if (detaching)
         detach(div4);
-      ctx[4](null);
+      ctx[5](null);
       destroy_component(toolbar);
       destroy_component(redoundo);
       destroy_component(zoomcontrol);
@@ -10092,6 +10105,7 @@ function instance58($$self, $$props, $$invalidate) {
   let { app = null } = $$props;
   let { theme = "light" } = $$props;
   let { language = "en" } = $$props;
+  let { containerRef = void 0 } = $$props;
   let container;
   function div0_binding($$value) {
     binding_callbacks[$$value ? "unshift" : "push"](() => {
@@ -10106,6 +10120,8 @@ function instance58($$self, $$props, $$invalidate) {
       $$invalidate(1, theme = $$props2.theme);
     if ("language" in $$props2)
       $$invalidate(2, language = $$props2.language);
+    if ("containerRef" in $$props2)
+      $$invalidate(4, containerRef = $$props2.containerRef);
   };
   $$self.$$.update = () => {
     if ($$self.$$.dirty & 9) {
@@ -10113,13 +10129,23 @@ function instance58($$self, $$props, $$invalidate) {
         if (app && container)
           app.bindContainer(container);
     }
+    if ($$self.$$.dirty & 24) {
+      $:
+        if (containerRef)
+          containerRef(container || null);
+    }
   };
-  return [app, theme, language, container, div0_binding];
+  return [app, theme, language, container, containerRef, div0_binding];
 }
 var Fastboard = class extends SvelteComponent {
   constructor(options) {
     super();
-    init(this, options, instance58, create_fragment58, safe_not_equal, { app: 0, theme: 1, language: 2 });
+    init(this, options, instance58, create_fragment58, safe_not_equal, {
+      app: 0,
+      theme: 1,
+      language: 2,
+      containerRef: 4
+    });
   }
 };
 var Fastboard_default = Fastboard;