@netless/app-slide 0.0.28 → 0.0.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/app-slide",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "main": "dist/main.cjs.js",
   "module": "dist/main.es.js",
   "types": "dist/index.d.ts",
@@ -11,9 +11,9 @@
   ],
   "devDependencies": {
     "@netless/app-shared": "^0.1.1",
-    "@netless/slide": "^0.1.33",
+    "@netless/slide": "^0.1.34",
     "@types/color-string": "^1.5.0",
-    "color-string": "^1.6.0",
+    "color-string": "^1.7.1",
     "side-effect-manager": "^0.1.5",
     "vanilla-lazyload": "^17.5.0"
   },

package/src/SlideController/index.ts

@@ -142,6 +142,11 @@ export class SlideController {
       return disposer;
     });
 
+    this.sideEffect.add(() => {
+      context.emitter.on("seek", this.onSeeked);
+      return () => context.emitter.off("seek", this.onSeeked);
+    });
+
     this.sideEffect.add(() => {
       const displayer = context.getDisplayer();
       displayer.addMagixEventListener(this.channel, this.magixEventListener, {
@@ -216,6 +221,14 @@ export class SlideController {
     }
   };
 
+  private onSeeked = () => {
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const state = this.context.getAttributes()!.state
+    if (state) {
+      this.slide.setSlideState(deepClone(state));
+    }
+  }
+
   private pollCount = 0;
   private pollReadyState = () => {
     if (this.ready) {

package/src/SlideDocsViewer/style.scss

@@ -6,6 +6,6 @@ $namespace: "netless-app-slide";
   left: 0;
   width: 100%;
   height: 100%;
-  z-index: 1001;
+  z-index: 100;
   overflow: hidden;
 }