@netless/forge-slide 0.1.1-alpha.6 → 0.1.1-alpha.8

package/dist/SiderBarView.d.ts

@@ -5,12 +5,16 @@ interface SideBarViewEvents {
 }
 export declare class SideBarView extends EventEmitter<SideBarViewEvents> {
     readonly root: HTMLDivElement;
+    private isShow;
     private itemList;
     constructor();
+    get isShowSideBar(): boolean;
     private onMouseOver;
     private onMouseOut;
     private onClickHandle;
     initialize(slideCount: number, option: SlideApplicationOption): void;
+    hidden(): void;
+    show(): void;
     dispose(): void;
 }
 export {};

package/dist/SiderBarView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SiderBarView.d.ts","sourceRoot":"","sources":["../src/SiderBarView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAC1D,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,UAAU,iBAAiB;IACvB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,qBAAa,WAAY,SAAQ,YAAY,CAAC,iBAAiB,CAAC;IAC5D,SAAgB,IAAI,EAAE,cAAc,CAAiC;IACrE,OAAO,CAAC,QAAQ,CAAwB;;IAuBxC,OAAO,CAAC,WAAW,CAElB;IAED,OAAO,CAAC,UAAU,CAEjB;IAED,OAAO,CAAC,aAAa,CAEpB;IAEM,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,sBAAsB,GAAG,IAAI;IAuCpE,OAAO;CAOjB"}
+{"version":3,"file":"SiderBarView.d.ts","sourceRoot":"","sources":["../src/SiderBarView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAC1D,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,UAAU,iBAAiB;IACvB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,qBAAa,WAAY,SAAQ,YAAY,CAAC,iBAAiB,CAAC;IAC5D,SAAgB,IAAI,EAAE,cAAc,CAAiC;IACrE,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,QAAQ,CAAwB;;IAoBxC,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED,OAAO,CAAC,WAAW,CAElB;IAED,OAAO,CAAC,UAAU,CAEjB;IAED,OAAO,CAAC,aAAa,CAEpB;IAEM,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,sBAAsB,GAAG,IAAI;IAsCpE,MAAM;IAUN,IAAI;IAUJ,OAAO;CAOjB"}

package/dist/Slide.d.ts

@@ -34,6 +34,8 @@ export declare class SlideForge extends EventEmitter<SlideEvents> implements App
     readonly view: HTMLDivElement;
     readonly permissions: ForgeSlidePermissions;
     readonly footView: HTMLDivElement;
+    readonly sideBarView: HTMLDivElement;
+    readonly whiteboardView: HTMLDivElement;
     /**
      * 当前页面索引, 从 0 开始
      */

package/dist/Slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../src/Slide.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEzF,MAAM,WAAW,WAAW;IACxB;;;;;OAKG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7F;;;OAGG;IACH,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;;OAGG;IACH,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/C;;;OAGG;IACH,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAGD,qBAAa,UAAW,SAAQ,YAAY,CAAC,WAAW,CAAE,YAAW,uBAAuB;IAExF,SAAgB,IAAI,EAAG,cAAc,CAAC;IACtC,SAAgB,WAAW,EAAG,qBAAqB,CAAC;IACpD,SAAgB,QAAQ,EAAG,cAAc,CAAC;IAC1C;;OAEG;IACH,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;;OAGG;IACI,IAAI,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC;;OAEG;IACI,QAAQ,EAAG,MAAM,IAAI,CAAA;IAC5B;;OAEG;IACI,QAAQ,EAAG,MAAM,IAAI,CAAA;IAC5B;;OAEG;IACI,QAAQ,EAAG,MAAM,IAAI,CAAA;IAC5B;;OAEG;IACI,QAAQ,EAAG,MAAM,IAAI,CAAA;IAC5B;;OAEG;IACI,aAAa,EAAG,MAAM,IAAI,CAAA;IAEjC;;;OAGG;IACI,UAAU,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACvD;;;OAGG;IACI,MAAM,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACnD;;;OAGG;IACI,OAAO,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;CAChF"}
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../src/Slide.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEzF,MAAM,WAAW,WAAW;IACxB;;;;;OAKG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7F;;;OAGG;IACH,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;;OAGG;IACH,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;;OAGG;IACH,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/C;;;OAGG;IACH,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAGD,qBAAa,UAAW,SAAQ,YAAY,CAAC,WAAW,CAAE,YAAW,uBAAuB;IAExF,SAAgB,IAAI,EAAG,cAAc,CAAC;IACtC,SAAgB,WAAW,EAAG,qBAAqB,CAAC;IACpD,SAAgB,QAAQ,EAAG,cAAc,CAAC;IAC1C,SAAgB,WAAW,EAAG,cAAc,CAAC;IAC7C,SAAgB,cAAc,EAAG,cAAc,CAAC;IAChD;;OAEG;IACH,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;;OAGG;IACI,IAAI,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC;;OAEG;IACI,QAAQ,EAAG,MAAM,IAAI,CAAA;IAC5B;;OAEG;IACI,QAAQ,EAAG,MAAM,IAAI,CAAA;IAC5B;;OAEG;IACI,QAAQ,EAAG,MAAM,IAAI,CAAA;IAC5B;;OAEG;IACI,QAAQ,EAAG,MAAM,IAAI,CAAA;IAC5B;;OAEG;IACI,aAAa,EAAG,MAAM,IAAI,CAAA;IAEjC;;;OAGG;IACI,UAAU,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACvD;;;OAGG;IACI,MAAM,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACnD;;;OAGG;IACI,OAAO,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;CAChF"}

package/dist/SlideApplication.d.ts

@@ -37,6 +37,9 @@ export declare class SlideApplication extends AbstractApplication<SlideApplicati
     private getImageContent;
     private applySlideState;
     private onSlideEventHandler;
+    private keyBoardEvents;
+    private bindKeyBoardEvent;
+    private unbindKeyBoarEvent;
     initialize(option: SlideApplicationOption): Promise<void>;
     private userMap;
     dispose(): Promise<void>;

package/dist/SlideApplication.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlideApplication.d.ts","sourceRoot":"","sources":["../src/SlideApplication.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAQnC,MAAM,WAAW,sBAAsB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC;AASD,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAE5C,qBAAa,gBAAiB,SAAQ,mBAAmB,CAAC,sBAAsB,EAAE,UAAU,CAAC;IAEzF,MAAM,CAAC,eAAe,SAAkB;IAExC,SAAgB,IAAI,EAAE,MAAM,CAAkB;IAC9C,SAAgB,OAAO,EAAE,UAAU,CAAoB;IAEvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,QAAQ,CAAiD;IACjE,OAAO,CAAC,gBAAgB,CAAiD;IACzE,OAAO,CAAC,mBAAmB,CAAiD;IAC5E,OAAO,CAAC,cAAc,CAAiD;IACvE,OAAO,CAAC,WAAW,CAAyB;IAC5C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,iBAAiB,CAAa;IACtC,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,UAAU,CAAa;;IAiL/B,OAAO,CAAC,kBAAkB;YAOZ,eAAe;YAuBf,WAAW;YAIX,YAAY;YAiBZ,eAAe;IAiB7B,OAAO,CAAC,eAAe,CAYtB;IAED,OAAO,CAAC,mBAAmB,CAS1B;IAEY,UAAU,CAAC,MAAM,EAAE,sBAAsB,GAAG,OAAO,CAAC,IAAI,CAAC;IAqItE,OAAO,CAAC,OAAO;IAIF,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CASxC"}
+{"version":3,"file":"SlideApplication.d.ts","sourceRoot":"","sources":["../src/SlideApplication.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAQnC,MAAM,WAAW,sBAAsB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC;AASD,eAAO,MAAM,cAAc,gBAAgB,CAAC;AAE5C,qBAAa,gBAAiB,SAAQ,mBAAmB,CAAC,sBAAsB,EAAE,UAAU,CAAC;IAEzF,MAAM,CAAC,eAAe,SAAkB;IAExC,SAAgB,IAAI,EAAE,MAAM,CAAkB;IAC9C,SAAgB,OAAO,EAAE,UAAU,CAAoB;IAEvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,QAAQ,CAAiD;IACjE,OAAO,CAAC,gBAAgB,CAAiD;IACzE,OAAO,CAAC,mBAAmB,CAAiD;IAC5E,OAAO,CAAC,cAAc,CAAiD;IACvE,OAAO,CAAC,WAAW,CAAyB;IAC5C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,iBAAiB,CAAa;IACtC,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,MAAM,CAAc;IAC5B,OAAO,CAAC,UAAU,CAAa;;IA2K/B,OAAO,CAAC,kBAAkB;YAOZ,eAAe;YAuBf,WAAW;YAIX,YAAY;YAiBZ,eAAe;IAiB7B,OAAO,CAAC,eAAe,CAYtB;IAED,OAAO,CAAC,mBAAmB,CAS1B;IAED,OAAO,CAAC,cAAc,CAUrB;IAED,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IAIb,UAAU,CAAC,MAAM,EAAE,sBAAsB,GAAG,OAAO,CAAC,IAAI,CAAC;IAgKtE,OAAO,CAAC,OAAO;IAIF,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAQxC"}

package/dist/index.esm.js

@@ -66586,6 +66586,8 @@ var SlideForge = class extends EventEmitter14 {
   view;
   permissions;
   footView;
+  sideBarView;
+  whiteboardView;
   /**
    * 当前页面索引, 从 0 开始
    */
@@ -66869,6 +66871,7 @@ var FooterView = class extends EventEmitter16 {
 import EventEmitter17 from "eventemitter3";
 var SideBarView = class extends EventEmitter17 {
   root = document.createElement("div");
+  isShow = false;
   itemList = [];
   constructor() {
     super();
@@ -66882,13 +66885,14 @@ var SideBarView = class extends EventEmitter17 {
     this.root.style.zIndex = "5";
     this.root.style.transition = "left 0.3s ease-in-out";
     this.root.style.overflow = "auto";
-    this.root.style.border = "1px solid #ccc";
-    this.root.style.boxShadow = "0 0 10px rgba(0, 0, 0, 0.1)";
     this.root.style.display = "flex";
     this.root.style.flexDirection = "column";
     this.root.style.justifyContent = "flex-start";
     this.root.style.alignItems = "center";
   }
+  get isShowSideBar() {
+    return this.isShow;
+  }
   onMouseOver = (itemContainer) => {
     itemContainer.style.borderColor = "#ccc";
   };
@@ -66906,7 +66910,6 @@ var SideBarView = class extends EventEmitter17 {
       itemContainer.style.display = "flex";
       itemContainer.style.justifyContent = "center";
       itemContainer.style.alignItems = "flex-start";
-      itemContainer.style.border = "7px solid transparent";
       itemContainer.style.position = "relative";
       itemContainer.style.borderRadius = "4px";
       itemContainer.style.transition = "border-color .3s";
@@ -66931,6 +66934,24 @@ var SideBarView = class extends EventEmitter17 {
       this.root.appendChild(itemContainer);
     }
   }
+  hidden() {
+    if (!this.root) {
+      return;
+    }
+    this.root.style.left = "-240px";
+    this.root.style.border = "none";
+    this.root.style.boxShadow = "none";
+    this.isShow = false;
+  }
+  show() {
+    if (!this.root) {
+      return;
+    }
+    this.root.style.left = "0";
+    this.root.style.border = "1px solid #ccc";
+    this.root.style.boxShadow = "0 0 10px rgba(0, 0, 0, 0.1)";
+    this.isShow = true;
+  }
   dispose() {
     this.itemList.forEach((item) => {
       item.removeEventListener("mouseover", () => this.onMouseOver(item));
@@ -67063,103 +67084,116 @@ var SlideApplication = class extends AbstractApplication2 {
       if (!this.permissions.hasPermission(2 /* changePage */)) {
         return;
       }
-      if (this.sideBar.root.style.left === "0px") {
-        this.sideBar.root.style.left = "-240px";
+      if (this.sideBar.isShowSideBar) {
+        this.sideBar.hidden();
       } else {
-        this.sideBar.root.style.left = "0px";
+        this.sideBar.show();
       }
     });
     this.rootView.appendChild(this.contentContainer);
     this.emitter.on("renderStart", (pageIndex) => {
       this.footer.prevPageState(pageIndex !== 0);
     });
-    const that = this;
-    Object.defineProperty(this.emitter, "view", {
-      get() {
-        return that.rootView;
-      }
-    });
-    Object.defineProperty(this.emitter, "permissions", {
-      get() {
-        return that.permissions;
-      }
-    });
-    Object.defineProperty(this.emitter, "footView", {
-      get() {
-        return that.footer.root;
-      }
-    });
-    Object.defineProperty(this.emitter, "pageIndex", {
-      get() {
-        return that.currentSlideIndex;
-      }
-    });
-    Object.defineProperty(this.emitter, "pageCount", {
-      get() {
-        return that.slideCount;
-      }
-    });
-    Object.defineProperty(this.emitter, "goto", {
-      writable: false,
-      enumerable: false,
-      value: (pageIndex) => {
-        this.sideBar.emit("pageChange", pageIndex);
-      }
-    });
-    Object.defineProperty(this.emitter, "nextStep", {
-      writable: false,
-      enumerable: false,
-      value: () => {
-        this.footer.emit("nextStep");
-      }
-    });
-    Object.defineProperty(this.emitter, "prevStep", {
-      writable: false,
-      enumerable: false,
-      value: () => {
-        this.footer.emit("prevStep");
-      }
-    });
-    Object.defineProperty(this.emitter, "nextPage", {
-      writable: false,
+    const propertyConfig = {
+      configurable: false,
       enumerable: false,
-      value: () => {
-        this.footer.emit("nextPage");
-      }
-    });
-    Object.defineProperty(this.emitter, "prevPage", {
-      writable: false,
-      enumerable: false,
-      value: () => {
-        this.footer.emit("prevPage");
-      }
-    });
-    Object.defineProperty(this.emitter, "sideBarToggle", {
-      writable: false,
-      enumerable: false,
-      value: () => {
-        this.footer.emit("sideBarToggle");
-      }
-    });
-    Object.defineProperty(this.emitter, "imgContent", {
-      writable: false,
-      enumerable: false,
-      value: (pageIndex) => {
-        return this.getImageContent(pageIndex);
-      }
-    });
-    Object.defineProperty(this.emitter, "imgUrl", {
-      writable: false,
-      enumerable: false,
-      value: (pageIndex) => {
-        return this.getImageUrl(pageIndex);
-      }
-    });
-    Object.defineProperty(this.emitter, "imgSize", {
-      writable: false,
-      enumerable: false,
-      value: (pageIndex) => {
-        return this.getImageSize(pageIndex);
+      writable: false
+    };
+    const that = this;
+    Object.defineProperties(this.emitter, {
+      view: {
+        get() {
+          return that.rootView;
+        }
+      },
+      permissions: {
+        get() {
+          return that.permissions;
+        }
+      },
+      footView: {
+        get() {
+          return that.footer.root;
+        }
+      },
+      sidebarView: {
+        get() {
+          return that.sideBar.root;
+        }
+      },
+      whiteboardView: {
+        get() {
+          return that.whiteboard.view;
+        }
+      },
+      slideView: {
+        get() {
+          return that.slideContainer;
+        }
+      },
+      pageIndex: {
+        get() {
+          return that.currentSlideIndex;
+        }
+      },
+      pageCount: {
+        get() {
+          return that.slideCount;
+        }
+      },
+      goto: {
+        ...propertyConfig,
+        value: (pageIndex) => {
+          this.sideBar.emit("pageChange", pageIndex);
+        }
+      },
+      nextStep: {
+        ...propertyConfig,
+        value: () => {
+          this.footer.emit("nextStep");
+        }
+      },
+      prevStep: {
+        ...propertyConfig,
+        value: () => {
+          this.footer.emit("prevStep");
+        }
+      },
+      nextPage: {
+        ...propertyConfig,
+        value: () => {
+          this.footer.emit("nextPage");
+        }
+      },
+      prevPage: {
+        ...propertyConfig,
+        value: () => {
+          this.footer.emit("prevPage");
+        }
+      },
+      sideBarToggle: {
+        ...propertyConfig,
+        value: () => {
+          this.footer.emit("sideBarToggle");
+        }
+      },
+      imgContent: {
+        ...propertyConfig,
+        value: (pageIndex) => {
+          return this.getImageContent(pageIndex);
+        }
+      },
+      imgUrl: {
+        ...propertyConfig,
+        value: (pageIndex) => {
+          return this.getImageUrl(pageIndex);
+        }
+      },
+      imgSize: {
+        ...propertyConfig,
+        value: (pageIndex) => {
+          return this.getImageSize(pageIndex);
+        }
       }
     });
   }
@@ -67249,6 +67283,23 @@ var SlideApplication = class extends AbstractApplication2 {
       }
     }
   };
+  keyBoardEvents = (event) => {
+    if (event.key === "ArrowLeft") {
+      this.footer.emit("prevStep");
+    } else if (event.key === "ArrowRight") {
+      this.footer.emit("nextStep");
+    } else if (event.key === "ArrowUp") {
+      this.footer.emit("prevPage");
+    } else if (event.key === "ArrowDown") {
+      this.footer.emit("nextPage");
+    }
+  };
+  bindKeyBoardEvent() {
+    document.addEventListener("keydown", this.keyBoardEvents);
+  }
+  unbindKeyBoarEvent() {
+    document.removeEventListener("keydown", this.keyBoardEvents);
+  }
   async initialize(option) {
     this.prefix = option.prefix;
     this.taskId = option.taskId;
@@ -67304,30 +67355,34 @@ var SlideApplication = class extends AbstractApplication2 {
     });
     this.slide.setResource(option.taskId, option.prefix);
     this.sideBar.initialize(json.slideCount, option);
-    this.slide.on("syncDispatch", (event) => {
+    this.slide.on(import_slide.SLIDE_EVENTS.syncDispatch, (event) => {
       this.getMap(this.name).set("syncSlide", {
         slideState: this.slide.slideState,
         dispatch: event
       });
     });
-    this.slide.on("mainSeqStepStart", (animateIndex) => {
+    this.slide.on(import_slide.SLIDE_EVENTS.mainSeqStepStart, (animateIndex) => {
       this.emitter.emit("mainSeqStepStart", animateIndex);
     });
-    this.slide.on("mainSeqStepEnd", (animateIndex) => {
+    this.slide.on(import_slide.SLIDE_EVENTS.mainSeqStepEnd, (animateIndex) => {
       this.emitter.emit("mainSeqStepEnd", animateIndex);
     });
-    this.slide.on("renderStart", (slideIndex) => {
+    this.slide.on(import_slide.SLIDE_EVENTS.animateStart, () => {
+      this.sideBar.hidden();
+    });
+    this.slide.on(import_slide.SLIDE_EVENTS.renderStart, (slideIndex) => {
       this.whiteboardApp.emitter.view.style.opacity = "0";
       this.whiteboardApp.emitter.addPage(`${slideIndex}`);
       this.whiteboardApp.emitter.gotoPage(`${slideIndex}`);
       this.emitter.emit("renderStart", slideIndex);
+      this.sideBar.hidden();
     });
-    this.slide.on("renderEnd", (slideIndex) => {
+    this.slide.on(import_slide.SLIDE_EVENTS.renderEnd, (slideIndex) => {
       this.currentSlideIndex = slideIndex;
       this.whiteboardApp.emitter.view.style.opacity = "1";
       this.emitter.emit("renderEnd", slideIndex);
     });
-    this.slide.on("stateChange", (state) => {
+    this.slide.on(import_slide.SLIDE_EVENTS.stateChange, (state) => {
       this.getMap(this.name).set("slideState", state);
     });
     this.getMap(this.name).observe(this.onSlideEventHandler);
@@ -67353,8 +67408,30 @@ var SlideApplication = class extends AbstractApplication2 {
         }
       }
     });
-    this.permissions.addPermission(7 /* all */);
     this.whiteboardApp.disableViewModel();
+    if (this.window) {
+      let prevStatus = "normal";
+      this.window.on("statusChange", (status) => {
+        if (prevStatus === "minimized") {
+          this.bindKeyBoardEvent();
+          prevStatus = status;
+          return;
+        }
+        prevStatus = status;
+        if (status === "normal") {
+          this.bindKeyBoardEvent();
+        } else if (status === "minimized") {
+          this.unbindKeyBoarEvent();
+        }
+      });
+      this.window.on("focusedChange", (status) => {
+        if (status) {
+          this.bindKeyBoardEvent();
+        } else {
+          this.unbindKeyBoarEvent();
+        }
+      });
+    }
     window.__forge_slide = this;
     window.slidePermissions = this.permissions;
     return Promise.resolve(void 0);
@@ -67368,7 +67445,6 @@ var SlideApplication = class extends AbstractApplication2 {
     this.slide.destroy();
     this.sideBar.dispose();
     this.getMap(this.name).unobserve(this.onSlideEventHandler);
-    return Promise.resolve(void 0);
   }
 };
 export {