@netless/app-slide 0.3.0-canary.11 → 0.3.0-canary.12

package/dist/Logger.d.ts

@@ -0,0 +1,12 @@
+import type { AppContext } from "@netless/window-manager";
+export interface ILogger {
+    info(this: void, msg: string): void;
+}
+export declare class Logger implements ILogger {
+    readonly context: AppContext | null;
+    static active: Set<string>;
+    static roomLogger: ILogger | null;
+    constructor(context: AppContext | null);
+    info: (msg: string) => void;
+    destroy(): void;
+}

package/dist/SlideViewer/footer.d.ts

@@ -0,0 +1,11 @@
+export declare function create_footer(): {
+    $footer: HTMLDivElement;
+    $pageNumberInput: HTMLInputElement;
+    set_readonly: (readonly_: boolean) => void;
+    set_sidebar: (sidebar_: boolean) => void;
+    set_page_index: (page_index_: number, force?: boolean) => void;
+    set_page_count: (page_count_: number) => void;
+    on_new_page_index: (callback: (newPageIndex: number) => void) => void;
+    on_toggle_preview: (callback: () => void) => void;
+    on_play: (callback: () => void) => void;
+};

package/dist/{SlideViewer.d.ts → SlideViewer/index.d.ts}

@@ -1,48 +1,39 @@
 import type { ISlideConfig } from "@netless/slide";
+import type { SlideAttributes } from "./typings";
 import { Slide } from "@netless/slide";
-interface SlideAttributes {
-    taskId: string;
-    url?: string;
-}
-interface PreviewPage {
-    width: number;
-    height: number;
-    thumbnail: string;
-}
-interface PreviewInfo {
-    width: number;
-    height: number;
-}
-interface SlideInfo {
-    width: number;
-    height: number;
-    slideCount: number;
-}
-declare function fetch_slide_info({ taskId, url }: SlideAttributes): Promise<{
-    preview: PreviewInfo | null;
-    slide: SlideInfo;
-}>;
-export declare type SlideViewerOptions = Omit<ISlideConfig, "anchor" | "mode" | "interactive"> & {
-    mode?: ISlideConfig["mode"];
-    interactive?: ISlideConfig["interactive"];
-} & SlideAttributes;
+import { SideEffectManager } from "side-effect-manager";
+import { Remitter } from "remitter";
+import { fetch_slide_info } from "./utils";
+export declare type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export declare type SlideViewerOptions = MakeOptional<Omit<ISlideConfig & SlideAttributes, "anchor">, "mode" | "interactive">;
 export interface SlideViewerInfoResponse {
     width: number;
     height: number;
     slideCount: number;
 }
+export interface SlideViewerEventData {
+    freeze: void;
+    unfreeze: void;
+    renderError: {
+        error: Error;
+        index: number;
+    };
+    prepareError: Error;
+}
 export declare class SlideViewer {
     static styles: string;
     static fetchSlideInfo: typeof fetch_slide_info;
-    private readonly sideEffect;
+    readonly sideEffect: SideEffectManager;
+    readonly events: Remitter<SlideViewerEventData>;
     readonly $slide: HTMLDivElement;
+    readonly $overlay: HTMLDivElement;
     readonly sidebar: {
         $content: HTMLDivElement;
         $preview: HTMLDivElement;
         set_readonly: (readonly_: boolean) => void;
         set_active: (active_: boolean) => void;
         get_active: () => boolean;
-        set_pages: (pages_: PreviewPage[]) => void;
+        set_pages: (pages_: import("./typings").PreviewPage[]) => void;
         on_new_page_index: (callback: (newPageIndex: number) => void) => void;
         set_page_index: (page_index_: number, force?: boolean) => void;
         destroy: () => void;
@@ -60,21 +51,23 @@ export declare class SlideViewer {
     };
     readonly $content: HTMLElement;
     readonly $footer: HTMLElement;
-    readonly $overlay: HTMLElement;
     readonly slide: Slide;
     private readonly _readyPromise;
     private readonly _infoPromise;
     private _ready;
     private _slideCount;
     private _destroyed;
+    private _isFrozen;
+    private _cachedIsFrozen;
     constructor(options: SlideViewerOptions);
     prepare(callback: (response: SlideViewerInfoResponse) => void): Promise<void>;
     ready(callback: () => void): Promise<void>;
     destroy(): void;
+    onPlay: () => void;
+    onNewPageIndex: (index: number) => void;
+    onTogglePreview: () => void;
     setReadonly(readonly: boolean): void;
     setPage(page: number): void;
-    private _isFrozen;
     freeze(): void;
     unfreeze(): void;
 }
-export {};

package/dist/SlideViewer/sidebar.d.ts

@@ -0,0 +1,12 @@
+import type { PreviewPage } from "./typings";
+export declare function create_sidebar(): {
+    $content: HTMLDivElement;
+    $preview: HTMLDivElement;
+    set_readonly: (readonly_: boolean) => void;
+    set_active: (active_: boolean) => void;
+    get_active: () => boolean;
+    set_pages: (pages_: PreviewPage[]) => void;
+    on_new_page_index: (callback: (newPageIndex: number) => void) => void;
+    set_page_index: (page_index_: number, force?: boolean) => void;
+    destroy: () => void;
+};

package/dist/SlideViewer/typings.d.ts

@@ -0,0 +1,18 @@
+export interface SlideAttributes {
+    taskId: string;
+    url?: string;
+}
+export interface PreviewPage {
+    width: number;
+    height: number;
+    thumbnail: string;
+}
+export interface PreviewInfo {
+    width: number;
+    height: number;
+}
+export interface SlideInfo {
+    width: number;
+    height: number;
+    slideCount: number;
+}

package/dist/SlideViewer/utils.d.ts

@@ -0,0 +1,7 @@
+import type { PreviewInfo, SlideAttributes, SlideInfo } from "./typings";
+export declare function make_prefix(taskId: string, url?: string): string;
+export declare function fetch_slide_info({ taskId, url }: SlideAttributes): Promise<{
+    preview: PreviewInfo | null;
+    slide: SlideInfo;
+}>;
+export declare function on_visibility_change(callback: (visible: boolean) => void): () => void;

package/dist/connect.d.ts

@@ -0,0 +1,12 @@
+import type { AppContext } from "@netless/window-manager";
+import type { SideEffectManager } from "side-effect-manager";
+import type { SlideViewer } from "./SlideViewer";
+export interface ConnectParams {
+    context: AppContext;
+    viewer: SlideViewer;
+    sideEffect: SideEffectManager;
+    logger: {
+        info: (msg: string) => void;
+    };
+}
+export declare function connect({ context, viewer, sideEffect, logger }: ConnectParams): void;

package/dist/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const namespace = "netless-app-slide";
+export declare const class_name = "netless-app-slide";
 export declare const DefaultUrl = "https://convertcdn.netless.link/dynamicConvert";

package/dist/icons/index.d.ts

@@ -0,0 +1,5 @@
+export { sidebarSVG } from "./sidebar";
+export { arrowLeftSVG } from "./arrow-left";
+export { playSVG } from "./play";
+export { pauseSVG } from "./pause";
+export { arrowRightSVG } from "./arrow-right";

package/dist/index.d.ts

@@ -1,16 +1,14 @@
 import type { NetlessApp } from "@netless/window-manager";
-import type { AddHooks, AppOptions, Attributes, MagixEvents, SlideState } from "./typings";
 import type { SlideViewerOptions } from "./SlideViewer";
+import type { AddHooks, AppOptions, Attributes, MagixEvents, SlideState } from "./typings";
 export type { SlideState, AddHooks, AppOptions, Attributes, MagixEvents, SlideViewerOptions };
 import { Slide } from "@netless/slide";
-import { SlideViewer } from "./SlideViewer";
-import { refrigerator, addHooks } from "./Refrigerator";
 import { DefaultUrl } from "./constants";
-export { Slide, SlideViewer, refrigerator, addHooks, DefaultUrl };
+import { addHooks, refrigerator } from "./Refrigerator";
+import { SlideViewer } from "./SlideViewer";
+import { previewSlide } from "./preview";
+export { Slide, SlideViewer, refrigerator, addHooks, DefaultUrl, previewSlide };
 export declare const usePlugin: (plugin: any) => void;
 export declare const version: string;
 declare const SlideApp: NetlessApp<Attributes, MagixEvents, AppOptions, void>;
 export default SlideApp;
-export declare function previewSlide(options: SlideViewerOptions & {
-    container: HTMLElement;
-}): SlideViewer;

package/dist/main.iife.js

@@ -1,3 +1,3 @@
-const NetlessAppSlide=function(y,ee){"use strict";var ke={exports:{}},pt={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},Se={exports:{}},ht=function(t){return!t||typeof t=="string"?!1:t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&t.constructor.name!=="String")},gt=ht,ft=Array.prototype.concat,bt=Array.prototype.slice,xe=Se.exports=function(t){for(var s=[],r=0,o=t.length;r<o;r++){var l=t[r];gt(l)?s=ft.call(s,bt.call(l)):s.push(l)}return s};xe.wrap=function(e){return function(){return e(xe(arguments))}};var G=pt,W=Se.exports,Ee=Object.hasOwnProperty,Ce=Object.create(null);for(var ie in G)Ee.call(G,ie)&&(Ce[G[ie]]=ie);var _=ke.exports={to:{},get:{}};_.get=function(e){var t=e.substring(0,3).toLowerCase(),s,r;switch(t){case"hsl":s=_.get.hsl(e),r="hsl";break;case"hwb":s=_.get.hwb(e),r="hwb";break;default:s=_.get.rgb(e),r="rgb";break}return s?{model:r,value:s}:null},_.get.rgb=function(e){if(!e)return null;var t=/^#([a-f0-9]{3,4})$/i,s=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i,r=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,l=/^(\w+)$/,i=[0,0,0,1],a,n,d;if(a=e.match(s)){for(d=a[2],a=a[1],n=0;n<3;n++){var u=n*2;i[n]=parseInt(a.slice(u,u+2),16)}d&&(i[3]=parseInt(d,16)/255)}else if(a=e.match(t)){for(a=a[1],d=a[3],n=0;n<3;n++)i[n]=parseInt(a[n]+a[n],16);d&&(i[3]=parseInt(d+d,16)/255)}else if(a=e.match(r)){for(n=0;n<3;n++)i[n]=parseInt(a[n+1],0);a[4]&&(a[5]?i[3]=parseFloat(a[4])*.01:i[3]=parseFloat(a[4]))}else if(a=e.match(o)){for(n=0;n<3;n++)i[n]=Math.round(parseFloat(a[n+1])*2.55);a[4]&&(a[5]?i[3]=parseFloat(a[4])*.01:i[3]=parseFloat(a[4]))}else return(a=e.match(l))?a[1]==="transparent"?[0,0,0,0]:Ee.call(G,a[1])?(i=G[a[1]],i[3]=1,i):null:null;for(n=0;n<3;n++)i[n]=A(i[n],0,255);return i[3]=A(i[3],0,1),i},_.get.hsl=function(e){if(!e)return null;var t=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,s=e.match(t);if(s){var r=parseFloat(s[4]),o=(parseFloat(s[1])%360+360)%360,l=A(parseFloat(s[2]),0,100),i=A(parseFloat(s[3]),0,100),a=A(isNaN(r)?1:r,0,1);return[o,l,i,a]}return null},_.get.hwb=function(e){if(!e)return null;var t=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,s=e.match(t);if(s){var r=parseFloat(s[4]),o=(parseFloat(s[1])%360+360)%360,l=A(parseFloat(s[2]),0,100),i=A(parseFloat(s[3]),0,100),a=A(isNaN(r)?1:r,0,1);return[o,l,i,a]}return null},_.to.hex=function(){var e=W(arguments);return"#"+te(e[0])+te(e[1])+te(e[2])+(e[3]<1?te(Math.round(e[3]*255)):"")},_.to.rgb=function(){var e=W(arguments);return e.length<4||e[3]===1?"rgb("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+")":"rgba("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+", "+e[3]+")"},_.to.rgb.percent=function(){var e=W(arguments),t=Math.round(e[0]/255*100),s=Math.round(e[1]/255*100),r=Math.round(e[2]/255*100);return e.length<4||e[3]===1?"rgb("+t+"%, "+s+"%, "+r+"%)":"rgba("+t+"%, "+s+"%, "+r+"%, "+e[3]+")"},_.to.hsl=function(){var e=W(arguments);return e.length<4||e[3]===1?"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)":"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+e[3]+")"},_.to.hwb=function(){var e=W(arguments),t="";return e.length>=4&&e[3]!==1&&(t=", "+e[3]),"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+t+")"},_.to.keyword=function(e){return Ce[e.slice(0,3)]};function A(e,t,s){return Math.min(Math.max(t,e),s)}function te(e){var t=Math.round(e).toString(16).toUpperCase();return t.length<2?"0"+t:t}const vt="!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",mt=87,_t=20,Ie=[],wt=()=>{for(let e=0;e<_t;e++)Ie[e]=vt.charAt(Math.random()*mt);return Ie.join("")};function Ae(e){try{return e()}catch(t){console.error(t)}}class $e{constructor(){this.push=this.addDisposer,this.disposers=new Map}addDisposer(t,s=this.genUID()){return this.flush(s),this.disposers.set(s,Array.isArray(t)?yt(t):t),s}add(t,s=this.genUID()){const r=t();return r?this.addDisposer(r,s):s}addEventListener(t,s,r,o,l=this.genUID()){return t.addEventListener(s,r,o),this.addDisposer(()=>t.removeEventListener(s,r,o),l),l}setTimeout(t,s,r=this.genUID()){const o=window.setTimeout(()=>{this.remove(r),t()},s);return this.addDisposer(()=>window.clearTimeout(o),r)}setInterval(t,s,r=this.genUID()){const o=window.setInterval(t,s);return this.addDisposer(()=>window.clearInterval(o),r)}remove(t){const s=this.disposers.get(t);return this.disposers.delete(t),s}flush(t){const s=this.remove(t);s&&s()}flushAll(){this.disposers.forEach(Ae),this.disposers.clear()}genUID(){let t;do t=wt();while(this.disposers.has(t));return t}}function yt(e){return()=>e.forEach(Ae)}const $=typeof window<"u",Le=$&&!("onscroll"in window)||typeof navigator<"u"&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),ze=$&&"IntersectionObserver"in window,Ne=$&&"classList"in document.createElement("p"),Oe=$&&window.devicePixelRatio>1,kt={elements_selector:".lazy",container:Le||$?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_bg_set:"bg-set",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1,restore_on_error:!1},De=e=>Object.assign({},kt,e),Me=function(e,t){let s;const r="LazyLoad::Initialized",o=new e(t);try{s=new CustomEvent(r,{detail:{instance:o}})}catch{s=document.createEvent("CustomEvent"),s.initCustomEvent(r,!1,!1,{instance:o})}window.dispatchEvent(s)},St=(e,t)=>{if(!!t)if(!t.length)Me(e,t);else for(let s=0,r;r=t[s];s+=1)Me(e,r)},E="src",le="srcset",ce="sizes",Te="poster",J="llOriginalAttrs",Pe="data",de="loading",Fe="loaded",Ve="applied",xt="entered",ue="error",Re="native",Ue="data-",qe="ll-status",b=(e,t)=>e.getAttribute(Ue+t),Et=(e,t,s)=>{var r=Ue+t;if(s===null){e.removeAttribute(r);return}e.setAttribute(r,s)},Z=e=>b(e,qe),M=(e,t)=>Et(e,qe,t),se=e=>M(e,null),pe=e=>Z(e)===null,Ct=e=>Z(e)===de,It=e=>Z(e)===ue,he=e=>Z(e)===Re,At=[de,Fe,Ve,ue],$t=e=>At.indexOf(Z(e))>=0,L=(e,t,s,r)=>{if(!!e){if(r!==void 0){e(t,s,r);return}if(s!==void 0){e(t,s);return}e(t)}},V=(e,t)=>{if(Ne){e.classList.add(t);return}e.className+=(e.className?" ":"")+t},S=(e,t)=>{if(Ne){e.classList.remove(t);return}e.className=e.className.replace(new RegExp("(^|\\s+)"+t+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},Lt=e=>{e.llTempImage=document.createElement("IMG")},zt=e=>{delete e.llTempImage},Be=e=>e.llTempImage,re=(e,t)=>{if(!t)return;const s=t._observer;!s||s.unobserve(e)},Nt=e=>{e.disconnect()},Ot=(e,t,s)=>{t.unobserve_entered&&re(e,s)},ge=(e,t)=>{!e||(e.loadingCount+=t)},Dt=e=>{!e||(e.toLoadCount-=1)},He=(e,t)=>{!e||(e.toLoadCount=t)},Mt=e=>e.loadingCount>0,Tt=e=>e.toLoadCount>0,je=e=>{let t=[];for(let s=0,r;r=e.children[s];s+=1)r.tagName==="SOURCE"&&t.push(r);return t},fe=(e,t)=>{const s=e.parentNode;if(!s||s.tagName!=="PICTURE")return;je(s).forEach(t)},Ge=(e,t)=>{je(e).forEach(t)},oe=[E],We=[E,Te],K=[E,le,ce],Je=[Pe],ne=e=>!!e[J],Ze=e=>e[J],Ke=e=>delete e[J],R=(e,t)=>{if(ne(e))return;const s={};t.forEach(r=>{s[r]=e.getAttribute(r)}),e[J]=s},Pt=e=>{ne(e)||(e[J]={backgroundImage:e.style.backgroundImage})},Ft=(e,t,s)=>{if(!s){e.removeAttribute(t);return}e.setAttribute(t,s)},T=(e,t)=>{if(!ne(e))return;const s=Ze(e);t.forEach(r=>{Ft(e,r,s[r])})},Vt=e=>{if(!ne(e))return;const t=Ze(e);e.style.backgroundImage=t.backgroundImage},Qe=(e,t,s)=>{V(e,t.class_applied),M(e,Ve),s&&(t.unobserve_completed&&re(e,t),L(t.callback_applied,e,s))},Xe=(e,t,s)=>{V(e,t.class_loading),M(e,de),s&&(ge(s,1),L(t.callback_loading,e,s))},z=(e,t,s)=>{!s||e.setAttribute(t,s)},Ye=(e,t)=>{z(e,ce,b(e,t.data_sizes)),z(e,le,b(e,t.data_srcset)),z(e,E,b(e,t.data_src))},Rt=(e,t)=>{fe(e,s=>{R(s,K),Ye(s,t)}),R(e,K),Ye(e,t)},Ut=(e,t)=>{R(e,oe),z(e,E,b(e,t.data_src))},qt=(e,t)=>{Ge(e,s=>{R(s,oe),z(s,E,b(s,t.data_src))}),R(e,We),z(e,Te,b(e,t.data_poster)),z(e,E,b(e,t.data_src)),e.load()},Bt=(e,t)=>{R(e,Je),z(e,Pe,b(e,t.data_src))},Ht=(e,t,s)=>{const r=b(e,t.data_bg),o=b(e,t.data_bg_hidpi),l=Oe&&o?o:r;!l||(e.style.backgroundImage=`url("${l}")`,Be(e).setAttribute(E,l),Xe(e,t,s))},jt=(e,t,s)=>{const r=b(e,t.data_bg_multi),o=b(e,t.data_bg_multi_hidpi),l=Oe&&o?o:r;!l||(e.style.backgroundImage=l,Qe(e,t,s))},Gt=(e,t,s)=>{const r=b(e,t.data_bg_set);if(!r)return;const o=r.split("|");let l=o.map(i=>`image-set(${i})`);e.style.backgroundImage=l.join(),e.style.backgroundImage===""&&(l=o.map(i=>`-webkit-image-set(${i})`),e.style.backgroundImage=l.join()),Qe(e,t,s)},et={IMG:Rt,IFRAME:Ut,VIDEO:qt,OBJECT:Bt},Wt=(e,t)=>{const s=et[e.tagName];!s||s(e,t)},Jt=(e,t,s)=>{const r=et[e.tagName];!r||(r(e,t),Xe(e,t,s))},Zt=["IMG","IFRAME","VIDEO","OBJECT"],Kt=e=>Zt.indexOf(e.tagName)>-1,tt=(e,t)=>{t&&!Mt(t)&&!Tt(t)&&L(e.callback_finish,t)},st=(e,t,s)=>{e.addEventListener(t,s),e.llEvLisnrs[t]=s},Qt=(e,t,s)=>{e.removeEventListener(t,s)},be=e=>!!e.llEvLisnrs,Xt=(e,t,s)=>{be(e)||(e.llEvLisnrs={});const r=e.tagName==="VIDEO"?"loadeddata":"load";st(e,r,t),st(e,"error",s)},ve=e=>{if(!be(e))return;const t=e.llEvLisnrs;for(let s in t){const r=t[s];Qt(e,s,r)}delete e.llEvLisnrs},rt=(e,t,s)=>{zt(e),ge(s,-1),Dt(s),S(e,t.class_loading),t.unobserve_completed&&re(e,s)},Yt=(e,t,s,r)=>{const o=he(t);rt(t,s,r),V(t,s.class_loaded),M(t,Fe),L(s.callback_loaded,t,r),o||tt(s,r)},es=(e,t,s,r)=>{const o=he(t);rt(t,s,r),V(t,s.class_error),M(t,ue),L(s.callback_error,t,r),s.restore_on_error&&T(t,K),o||tt(s,r)},me=(e,t,s)=>{const r=Be(e)||e;if(be(r))return;Xt(r,i=>{Yt(i,e,t,s),ve(r)},i=>{es(i,e,t,s),ve(r)})},ts=(e,t,s)=>{Lt(e),me(e,t,s),Pt(e),Ht(e,t,s),jt(e,t,s),Gt(e,t,s)},ss=(e,t,s)=>{me(e,t,s),Jt(e,t,s)},_e=(e,t,s)=>{Kt(e)?ss(e,t,s):ts(e,t,s)},rs=(e,t,s)=>{e.setAttribute("loading","lazy"),me(e,t,s),Wt(e,t),M(e,Re)},ot=e=>{e.removeAttribute(E),e.removeAttribute(le),e.removeAttribute(ce)},os=e=>{fe(e,t=>{ot(t)}),ot(e)},nt=e=>{fe(e,t=>{T(t,K)}),T(e,K)},ns={IMG:nt,IFRAME:e=>{T(e,oe)},VIDEO:e=>{Ge(e,t=>{T(t,oe)}),T(e,We),e.load()},OBJECT:e=>{T(e,Je)}},as=e=>{const t=ns[e.tagName];if(!t){Vt(e);return}t(e)},is=(e,t)=>{pe(e)||he(e)||(S(e,t.class_entered),S(e,t.class_exited),S(e,t.class_applied),S(e,t.class_loading),S(e,t.class_loaded),S(e,t.class_error))},ls=(e,t)=>{as(e),is(e,t),se(e),Ke(e)},cs=(e,t,s,r)=>{!s.cancel_on_exit||!Ct(e)||e.tagName==="IMG"&&(ve(e),os(e),nt(e),S(e,s.class_loading),ge(r,-1),se(e),L(s.callback_cancel,e,t,r))},ds=(e,t,s,r)=>{const o=$t(e);M(e,xt),V(e,s.class_entered),S(e,s.class_exited),Ot(e,s,r),L(s.callback_enter,e,t,r),!o&&_e(e,s,r)},us=(e,t,s,r)=>{pe(e)||(V(e,s.class_exited),cs(e,t,s,r),L(s.callback_exit,e,t,r))},ps=["IMG","IFRAME","VIDEO"],at=e=>e.use_native&&"loading"in HTMLImageElement.prototype,hs=(e,t,s)=>{e.forEach(r=>{ps.indexOf(r.tagName)!==-1&&rs(r,t,s)}),He(s,0)},gs=e=>e.isIntersecting||e.intersectionRatio>0,fs=e=>({root:e.container===document?null:e.container,rootMargin:e.thresholds||e.threshold+"px"}),bs=(e,t,s)=>{e.forEach(r=>gs(r)?ds(r.target,r,t,s):us(r.target,r,t,s))},vs=(e,t)=>{t.forEach(s=>{e.observe(s)})},ms=(e,t)=>{Nt(e),vs(e,t)},_s=(e,t)=>{!ze||at(e)||(t._observer=new IntersectionObserver(s=>{bs(s,e,t)},fs(e)))},it=e=>Array.prototype.slice.call(e),ae=e=>e.container.querySelectorAll(e.elements_selector),ws=e=>it(e).filter(pe),ys=e=>It(e),ks=e=>it(e).filter(ys),lt=(e,t)=>ws(e||ae(t)),Ss=(e,t)=>{ks(ae(e)).forEach(r=>{S(r,e.class_error),se(r)}),t.update()},xs=(e,t)=>{!$||(t._onlineHandler=()=>{Ss(e,t)},window.addEventListener("online",t._onlineHandler))},Es=e=>{!$||window.removeEventListener("online",e._onlineHandler)},Q=function(e,t){const s=De(e);this._settings=s,this.loadingCount=0,_s(s,this),xs(s,this),this.update(t)};Q.prototype={update:function(e){const t=this._settings,s=lt(e,t);if(He(this,s.length),Le||!ze){this.loadAll(s);return}if(at(t)){hs(s,t,this);return}ms(this._observer,s)},destroy:function(){this._observer&&this._observer.disconnect(),Es(this),ae(this._settings).forEach(e=>{Ke(e)}),delete this._observer,delete this._settings,delete this._onlineHandler,delete this.loadingCount,delete this.toLoadCount},loadAll:function(e){const t=this._settings;lt(e,t).forEach(r=>{re(r,this),_e(r,t,this)})},restoreAll:function(){const e=this._settings;ae(e).forEach(t=>{ls(t,e)})}},Q.load=(e,t)=>{const s=De(t);_e(e,s)},Q.resetStatus=e=>{se(e)},$&&St(Q,window.lazyLoadOptions);const U="netless-app-slide",we="https://convertcdn.netless.link/dynamicConvert";function X(){}const Cs=`.netless-app-slide-tele-fancy-scrollbar{overscroll-behavior:contain;overflow:auto;overflow-y:scroll;overflow-y:overlay;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:auto}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar{height:8px;width:8px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-track{background-color:transparent}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb{background-color:#444e601a;background-color:transparent;border-radius:4px;transition:background-color .4s}.netless-app-slide-tele-fancy-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#444e601a}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:active{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:vertical{min-height:50px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal{min-width:50px}.netless-app-slide-content{position:relative;height:100%;overflow:hidden}.netless-app-slide-slide{width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-mask{display:none;position:absolute;z-index:10200;top:0;left:0;width:100%;height:100%}.netless-app-slide-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:10300;top:0;left:0;width:33%;max-width:200px;height:100%;padding-top:10px;transform:translate(-100%);background:rgba(237,237,240,.9);box-shadow:inset -1px 0 #0000001c;transition:transform .4s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-active .netless-app-slide-preview-mask{display:block}.netless-app-slide-preview-active .netless-app-slide-preview{transform:translate(0)}.netless-app-slide-preview-page{position:relative;display:block;width:55%;margin-bottom:10px;font-size:0;color:transparent;outline:none;border:7px solid transparent;border-radius:4px;transition:border-color .3s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-page:hover,.netless-app-slide-preview-page.netless-app-slide-preview-page-active{border-color:#444e601a}.netless-app-slide-preview-page>img{width:100%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);border-radius:1px;background-color:#fff;box-shadow:0 2px 8px #0000004d}.netless-app-slide-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;color:#5f5f5f;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-overlay{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10100;top:0;left:0;width:100%;height:100%;background:rgba(255,0,0,.25);transition:opacity .3s;opacity:0;pointer-events:none}.netless-app-slide-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.netless-app-slide-float-footer{width:100%;min-height:26px;position:absolute;left:0;bottom:0;z-index:2000;background:rgba(249,249,252,.9);transition:opacity .4s}.netless-app-slide-footer-btn{box-sizing:border-box;width:26px;height:26px;font-size:0;margin:0;padding:3px;border:none;border-radius:1px;outline:none;color:currentColor;background:transparent;transition:background .4s;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-slide-footer-btn:hover{background:transparent!important}}.netless-app-slide-footer-btn>svg{width:100%;height:100%}.netless-app-slide-footer-btn>svg:nth-of-type(2){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-slide-footer-btn~.netless-app-slide-footer-btn{margin-left:15px}.netless-app-slide-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-slide-page-number{display:flex;align-items:center;height:26px;margin-left:auto;font-size:13px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;word-break:keep-all;font-variant-numeric:tabular-nums}.netless-app-slide-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 .5em 0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;font-family:inherit;border-radius:2px;color:currentColor;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:transparent;transition:background .4s;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-page-number-input:hover,.netless-app-slide-page-number-input:focus,.netless-app-slide-page-number-input:active{user-select:text;background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-slide-readonly .netless-app-slide-footer-btn{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-footer-btn:hover{background:transparent}.netless-app-slide-readonly .netless-app-slide-page-number-input{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-page-number-input:hover,.netless-app-slide-readonly .netless-app-slide-page-number-input:focus,.netless-app-slide-readonly .netless-app-slide-page-number-input:active{background:transparent;box-shadow:none}.netless-app-slide-readonly .netless-app-slide-page-number-input:disabled{color:inherit}.netless-app-slide-readonly.netless-app-slide-float-footer{display:none}.telebox-color-scheme-dark .netless-app-slide-page-number-input:active,.telebox-color-scheme-dark .netless-app-slide-page-number-input:focus,.telebox-color-scheme-dark .netless-app-slide-page-number-input:hover{color:currentColor;background:#25282e}.telebox-color-scheme-dark .netless-app-slide-footer{border-top:none}.telebox-color-scheme-dark .netless-app-slide-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-slide-preview{background:rgba(50,50,50,.9)}.netless-app-slide-preview-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex-flow:column nowrap}.netless-app-slide-preview-wrapper .netless-app-slide-content{flex:1}.netless-app-slide-preview-wrapper .netless-app-slide-footer{flex-shrink:0}
-`;function Is(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-sidebar`),s.setAttribute("viewBox","0 0 64 64");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M50 8H14c-3.309 0-6 2.691-6 6v36c0 3.309 2.691 6 6 6h36c3.309 0 6-2.691 6-6V14c0-3.309-2.691-6-6-6zM12 50V14c0-1.103.897-2 2-2h8v40h-8c-1.103 0-2-.897-2-2zm40 0c0 1.103-.897 2-2 2H26V12h24c1.103 0 2 .897 2 2z"),s.appendChild(r),s}function As(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-arrow-left`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M177.81 249.959L337.473 90.295c2.722-2.865 2.651-7.378-.143-10.1-2.793-2.65-7.163-2.65-9.956 0l-164.75 164.75c-2.793 2.793-2.793 7.306 0 10.1l164.75 164.75c2.865 2.722 7.378 2.65 10.099-.143 2.651-2.794 2.651-7.163 0-9.957L177.809 249.959z"),s.appendChild(r),s}function $s(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-play`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M418.158 257.419L174.663 413.33c-6.017 3.919-15.708 3.772-21.291-.29-2.791-2.018-4.295-4.483-4.295-7.084V94.109c0-5.65 6.883-10.289 15.271-10.289 4.298 0 8.391 1.307 11.181 3.332l242.629 155.484c6.016 3.917 6.451 10.292.649 14.491-.216.154-.432.154-.649.292zM170.621 391.288l223.116-141.301L170.71 107.753l-.089 283.535z"),s.appendChild(r),s}function Ls(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-pause`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M312.491 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261zM165.257 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261z"),s.appendChild(r),s}function zs(e){const t="http://www.w3.org/2000/svg",s=document.createElementNS(t,"svg");s.setAttribute("class",`${e}-footer-icon-arrow-right`),s.setAttribute("viewBox","0 0 500 500");const r=document.createElementNS(t,"path");return r.setAttribute("fill","currentColor"),r.setAttribute("d","M322.19 250.041L162.527 409.705c-2.722 2.865-2.651 7.378.143 10.1 2.793 2.65 7.163 2.65 9.956 0l164.75-164.75c2.793-2.793 2.793-7.306 0-10.1l-164.75-164.75c-2.865-2.722-7.378-2.65-10.099.143-2.651 2.794-2.651 7.163 0 9.957l159.664 159.736z"),s.appendChild(r),s}function g(e){return document.createElement(e)}function P(e,t){return e.appendChild(t)}function f(e){return`${U}-${e}`}function v(e,t){e.className=f(t)}function Ns(e){return e.endsWith("/")?e.slice(0,-1):e}async function ct({taskId:e,url:t}){const s=dt(e,t),r=`${s}/preview/1.png`,o=`${s}/jsonOutput/slide-1.json`,l=new Promise(a=>{const n=new Image;n.onload=()=>a(n),n.onerror=()=>a(null),n.src=r}),i=fetch(o).then(a=>a.json());return{preview:await l,slide:await i}}function dt(e,t){return`${Ns(t||we)}/${e}`}function Os(){let e=X;const t=p=>{e=p};let s=!1,r=!1,o=!1,l=[],i=0;const a=f("readonly"),n=f("preview-active"),d=g("div");v(d,"content");const u=g("div");v(u,"preview-mask"),u.onclick=function(w){r||w.target===u&&m(!1)},P(d,u);const h=g("div");v(h,"preview"),h.classList.add(f("tele-fancy-scrollbar")),h.onclick=function(w){var D;if(r)return;const I=(D=w.target.dataset)==null?void 0:D.pageIndex;I&&(w.preventDefault(),w.stopPropagation(),w.stopImmediatePropagation(),e(Number(I)),m(!1))},P(d,h);const x=new Q({container:h,elements_selector:`.${f("preview-page>img")}`});function C(p){r!==p&&(r=p,d.classList.toggle(a,r))}function m(p){o!==p&&(o=p,d.classList.toggle(n,o))}function q(p){if(l!==p){l=p;const w=f("preview-page"),I=f("preview-page-name");l.forEach((D,B)=>{const Y=String(B),c=g("a");c.className=w+" "+f(`preview-page-${B}`),c.href="#",c.dataset.pageIndex=Y;const H=g("span");H.className=I,H.textContent=String(B+1),H.dataset.pageIndex=Y;const j=g("img");j.width=D.width,j.height=D.height,j.src=D.thumbnail,j.alt=`page-${B}`,j.dataset.pageIndex=Y,P(c,j),P(c,H),P(h,c)}),s||x.update()}}function N(p,w=!1){if(w||i!==p){i=p;const I=h.querySelector(`.${f(`preview-page-${i}`)}`);I&&h.scrollTo({top:I.offsetTop-16})}}function O(){s=!0,x.destroy()}function k(){return o}return{$content:d,$preview:h,set_readonly:C,set_active:m,get_active:k,set_pages:q,on_new_page_index:t,set_page_index:N,destroy:O}}function Ds(){let e=X;const t=c=>{e=c};let s=X;const r=c=>{s=c};let o=X;const l=c=>{o=c};let i=!1,a=!1,n=0,d=0;const u=g("div");v(u,"footer");const h=g("button");v(h,"btn-sidebar"),h.classList.add(f("footer-btn")),h.appendChild(Is(U)),h.onclick=function(){i||s()},h.style.display="none",u.appendChild(h);const x=g("div");v(x,"page-jumps");const C=g("button");v(C,"btn-page-back"),C.classList.add(f("footer-btn")),C.appendChild(As(U)),C.onclick=function(){i||e(n-1)},x.appendChild(C);const m=g("button");v(m,"btn-page-play"),m.classList.add(f("footer-btn")),m.appendChild($s(U)),m.appendChild(Ls(U));let q=0;m.onclick=function(){i||(m.classList.add(f("footer-btn-playing")),o(),clearTimeout(q),q=setTimeout(()=>{m.classList.remove(f("footer-btn-playing"))},500))},x.appendChild(m);const N=g("button");v(N,"btn-page-next"),N.classList.add(f("footer-btn")),N.appendChild(zs(U)),N.onclick=function(){i||e(n+1)},x.appendChild(N);const O=g("div");v(O,"page-number");const k=g("input");v(k,"page-number-input"),k.value=String(n+1),k.onchange=function(){i||k.value&&e(Number(k.value)-1)};const p=g("span");v(p,"total-page"),p.textContent=" / ",O.appendChild(k),O.appendChild(p),u.appendChild(x),u.appendChild(O);const w=f("readonly");function I(c){i!==c&&(i=c,u.classList.toggle(w,i),k.disabled=i)}function D(c){a!==c&&(a=c,h.style.display=a?"":"none")}function B(c,H=!1){(H||n!==c)&&(n=c,k.value=String(n+1))}function Y(c){d!==c&&(d=c,p.textContent=` / ${d}`)}return{$footer:u,$pageNumberInput:k,set_readonly:I,set_sidebar:D,set_page_index:B,set_page_count:Y,on_new_page_index:t,on_toggle_preview:r,on_play:l}}function Ms(){const e=g("div");return v(e,"slide"),e}function Ts(e){if(typeof document<"u"){const t=()=>e(document.visibilityState==="visible");return document.addEventListener("visibilitychange",t),()=>document.removeEventListener("visibilitychange",t)}return X}class F{constructor(t){this.sideEffect=new $e,this.$slide=Ms(),this.sidebar=Os(),this.footer=Ds(),this._ready=!1,this._slideCount=0,this._destroyed=!1,this._isFrozen=!1,this.$content=this.sidebar.$content,this.$footer=this.footer.$footer,P(this.$content,this.$slide),this.$overlay=g("div"),v(this.$overlay,"overlay"),P(this.$content,this.$overlay);let s;this._readyPromise=new Promise(a=>{s=a});const r=a=>{this._ready&&a>=0&&a<this._slideCount?this.slide.renderSlide(a+1):this.setPage(this.slide.slideState.currentSlideIndex)};this.sidebar.on_new_page_index(r),this.footer.on_new_page_index(r),this.footer.on_toggle_preview(()=>{this.sidebar.set_active(!this.sidebar.get_active())}),this.footer.on_play(()=>{this.slide.nextStep()}),this.sideEffect.addDisposer(this.sidebar.destroy),this.sideEffect.addDisposer(()=>this.slide.destroy()),this.sideEffect.addDisposer(()=>{this.$content.parentElement&&this.$content.remove(),this.$footer.parentElement&&this.$footer.remove(),this.$slide.parentElement&&this.$slide.remove()});let o=!1;this.sideEffect.addDisposer(Ts(a=>{this._destroyed||(a?o||this.unfreeze():(o=this._isFrozen,this.freeze()))})),this.slide=new ee.Slide({anchor:this.$slide,mode:"local",interactive:!0,enableGlobalClick:!0,useLocalCache:!0,...t}),this.slide.setResource(t.taskId,t.url||we);let l;this._infoPromise=new Promise(a=>{l=a}),this.slide.on("slideChange",a=>{this._destroyed||this.setPage(a)}),this.slide.on("renderEnd",()=>{this._ready?this.$overlay.style.opacity="":setTimeout(()=>{this._ready=!0,s()},1e3)}),this.slide.on("renderError",({error:a,index:n})=>{this._destroyed||a&&(console.error(a),this.$overlay.textContent=`Error on slide[index=${n}]: ${a.message}`,this.$overlay.style.opacity="1")}),ct(t).then(({preview:a,slide:n})=>{if(!this._destroyed){if(this._slideCount=n.slideCount,a){const{taskId:d,url:u}=t,{slideCount:h}=n,{width:x,height:C}=a,m=dt(d,u),q=Array.from({length:h},(N,O)=>({width:x,height:C,thumbnail:`${m}/preview/${O+1}.png`}));this.sidebar.set_pages(q),this.footer.set_sidebar(!0)}this.footer.set_page_count(n.slideCount),l(n)}}).catch(a=>{console.log("[Slide] fetch slide info error"),console.error(a)}),this.ready(()=>{this._isFrozen&&this.freeze()})}prepare(t){return this._infoPromise.then(t)}ready(t){return this._readyPromise.then(t)}destroy(){this._destroyed=!0,this.sideEffect.flushAll()}setReadonly(t){this.slide.setInteractive(!t),this.sidebar.set_readonly(t),this.footer.set_readonly(t)}setPage(t){this.sidebar.set_page_index(t-1,!0),this.footer.set_page_index(t-1,!0)}freeze(){this._destroyed||(this._isFrozen=!0,this._ready&&this.slide.frozen())}unfreeze(){this._destroyed||(this._isFrozen=!1,this._ready&&this.slide.release())}}F.styles=Cs,F.fetchSlideInfo=ct;class Ps{constructor(){this.threshold=2,this._map=new Map,this._queue=[]}set(t,s){return this._map.set(t,s),this._queue.includes(t)||this._queue.unshift(t),this._refresh(),()=>{this.delete(t)}}delete(t){this._map.delete(t),this._queue=this._queue.filter(s=>s!==t),this._refresh()}focus(t){const s=this._queue.indexOf(t);s>=0&&this._queue.splice(s,1),this._queue.unshift(t),this._refresh()}_refresh(){let t;this._queue.forEach((s,r)=>{!(t=this._map.get(s))||(r<this.threshold?t.unfreeze():t.freeze())})}}const ye=new Ps,Fs=function(t){t.on("focus",s=>{ye.focus(s.appId)})},Vs=ee.Slide.usePlugin.bind(ee.Slide),Rs="0.3.0-canary.11",Us={kind:"Slide",setup(e){var i,a;if(console.log("[Slide] setup @ 0.3.0-canary.11"),!e.storage.state.taskId)throw new Error("[Slide] no taskId");const t=e.getAppOptions()||{},s=t.renderOptions||{},r=Hs(e,t.debug);r.info("[Slide] setup @ 0.3.0-canary.11");const o=new $e,l=new F({interactive:!0,mode:"interactive",resize:!0,enableGlobalClick:!0,timestamp:Bs(e),logger:t.logger||r,renderOptions:{minFPS:s.minFPS||25,maxFPS:s.maxFPS||30,autoFPS:(i=s.autoFPS)!=null?i:!0,autoResolution:(a=s.autoResolution)!=null?a:!0,resolution:s.resolution,maxResolutionLevel:s.maxResolutionLevel,transactionBgColor:s.transactionBgColor||ut(e.box.$content)},rtcAudio:t.rtcAudio,useLocalCache:t.useLocalCache,resourceTimeout:t.resourceTimeout,loaderDelegate:t.loaderDelegate,navigatorDelegate:t.navigatorDelegate,fixedFrameSize:t.fixedFrameSize,taskId:e.storage.state.taskId,url:e.storage.state.url});return l.context=e,o.addDisposer(ye.set(e.appId,l)),e.box.mountStyles(F.styles),e.box.mountStage(l.$slide),e.box.mountFooter(l.$footer),e.box.mountContent(l.$content),o.addDisposer(()=>l.destroy()),Ws({context:e,viewer:l,sideEffect:o,logger:r}),Gs(e,()=>{r.info("[Slide] destroy"),o.flushAll()}),l}};function qs(e){const{container:t,...s}=e,r=document.createElement("div");r.className="netless-app-slide-preview-wrapper";const o=new F(s);return r.appendChild(document.createElement("style")).textContent=F.styles,r.appendChild(o.$content),r.appendChild(o.$footer),t.appendChild(r),o.prepare(()=>o.slide.renderSlide(1)),o}function Bs(e){const t=e.room,s=e.displayer;return t?()=>t.calibrationTimestamp:s?()=>s.beginTimestamp+s.progressTime:()=>Date.now()}function Hs(e,t){return e.displayer.logger}function ut(e){try{let t=window.getComputedStyle(e).backgroundColor;if(t!=="rgba(0, 0, 0, 0)"&&t!=="transparent")return t=js(t),console.log("[Slide] guess bg color:",t),t;if(e.parentElement)return ut(e.parentElement)}catch{}return"#ffffff"}function js(e){const t=ke.exports.get(e);if(t&&t.model==="rgb"){const s=t.value,o=(((Math.round(s[0])&255)<<16)+((Math.round(s[1])&255)<<8)+(Math.round(s[2])&255)).toString(16);return"#"+"000000".substring(o.length)+o}else return e}function Gs(e,t){e.emitter.on("destroy",t)}function Ws({context:e,viewer:t,sideEffect:s,logger:r}){const o=r.info.bind(r);let l=null;t.prepare(({width:n,height:d,slideCount:u})=>{e.destroyed||(n&&e.box.setStageRatio(d/n),l=e.createWhiteBoardView({size:u}),l.setBaseRect({width:n,height:d}),a())});const{slide:i}=t;function a(){if(e.storage.state.state)o("[Slide] restore",{...e.storage.state.state}),i.setSlideState(e.storage.state.state);else if(e.isAddApp)o("[Slide] kick start"),i.renderSlide(1);else{o("[Slide] wait for restore");const n=s.add(()=>{const u=setInterval(()=>{e.storage.state.state||(o("[Slide] timeout"),i.renderSlide(1))},15e3);return()=>clearInterval(u)}),d=s.addDisposer(e.storage.addStateChangedListener(()=>{e.storage.state.state&&(o("[Slide] restore",{...e.storage.state.state}),i.setSlideState(e.storage.state.state),s.flush(d),s.flush(n))}))}}i.on("stateChange",()=>{e.isWritable&&(o("[Slide] save state",{...i.slideState}),e.storage.setState({state:i.slideState}))}),i.on("syncDispatch",n=>{e.isWritable&&(o("[Slide] dispatch",{...n}),e.dispatchMagixEvent("syncDispatch",n))}),s.addDisposer(e.addMagixEventListener("syncDispatch",({payload:n})=>{o("[Slide] receive",{...n}),i.emit("syncReceive",n)},{fireSelfEventAfterCommit:!0})),i.on("slideChange",n=>{e.isWritable&&l&&(o("[Slide] page to",n),l.jumpPage(n-1))}),t.setReadonly(!e.isWritable),s.addDisposer(e.emitter.on("writableChange",n=>{t.setReadonly(!n)})),s.addEventListener(window,"keydown",n=>{e.box.focus&&((n.key==="ArrowUp"||n.key==="ArrowLeft")&&t.slide.prevStep(),(n.key==="ArrowRight"||n.key==="ArrowDown")&&t.slide.nextStep())})}return Object.defineProperty(y,"Slide",{enumerable:!0,get:()=>ee.Slide}),y.DefaultUrl=we,y.SlideViewer=F,y.addHooks=Fs,y.default=Us,y.previewSlide=qs,y.refrigerator=ye,y.usePlugin=Vs,y.version=Rs,Object.defineProperties(y,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),y}({},slide);
+var NetlessAppSlide=function(g,k){"use strict";var Xr=Object.defineProperty;var Yr=(g,k,R)=>k in g?Xr(g,k,{enumerable:!0,configurable:!0,writable:!0,value:R}):g[k]=R;var u=(g,k,R)=>(Yr(g,typeof k!="symbol"?k+"":k,R),R);const R="!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",Ce=[],wt=()=>{for(let e=0;e<20;e++)Ce[e]=R.charAt(Math.random()*87);return Ce.join("")};function Le(e){try{return e()}catch(t){console.error(t)}}class $e{constructor(){this.push=this.addDisposer,this.disposers=new Map}addDisposer(t,r=this.genUID()){return this.flush(r),this.disposers.set(r,Array.isArray(t)?_t(t):t),r}add(t,r=this.genUID()){const s=t();return s?this.addDisposer(s,r):r}addEventListener(t,r,s,o,i=this.genUID()){return t.addEventListener(r,s,o),this.addDisposer(()=>t.removeEventListener(r,s,o),i),i}setTimeout(t,r,s=this.genUID()){const o=window.setTimeout(()=>{this.remove(s),t()},r);return this.addDisposer(()=>window.clearTimeout(o),s)}setInterval(t,r,s=this.genUID()){const o=window.setInterval(t,r);return this.addDisposer(()=>window.clearInterval(o),s)}remove(t){const r=this.disposers.get(t);return this.disposers.delete(t),r}flush(t){const r=this.remove(t);r&&r()}flushAll(){this.disposers.forEach(Le),this.disposers.clear()}genUID(){let t;do t=wt();while(this.disposers.has(t));return t}}function _t(e){return()=>e.forEach(Le)}const q="netless-app-slide",ue="https://convertcdn.netless.link/dynamicConvert";class yt{constructor(){u(this,"threshold",2);u(this,"_map",new Map);u(this,"_queue",[])}set(t,r){return this._map.set(t,r),this._queue.includes(t)||this._queue.unshift(t),this._refresh(),()=>{this.delete(t)}}delete(t){this._map.delete(t),this._queue=this._queue.filter(r=>r!==t),this._refresh()}focus(t){const r=this._queue.indexOf(t);r>=0&&this._queue.splice(r,1),this._queue.unshift(t),this._refresh()}_refresh(){let t;this._queue.forEach((r,s)=>{!(t=this._map.get(r))||(s<this.threshold?t.unfreeze():t.freeze())})}}const pe=new yt,kt=function(t){t.on("focus",r=>{pe.focus(r.appId)})};class St{constructor(){this.a=new Map,this.b=new Set}emit(t,r){const s=this.a.get(t);if(s)for(const o of s)try{o(r)}catch(i){console.error(i)}}on(t,r){let s=this.a.get(t);if(s||(s=new Set,this.a.set(t,s)),s.add(r),s.size===1)for(const o of this.b)o.e(t);return()=>{this.off(t,r)}}once(t,r){const s=o=>(this.off(t,r),r(o));return this.c=this.c||new WeakMap,this.c.set(r,s),this.on(t,s)}off(t,r){var s;const o=this.a.get(t);if(o){const i=o.delete(((s=this.c)==null?void 0:s.get(r))||r);if(o.size<=0){this.a.delete(t);for(const a of this.b)a.d(t)}return i}return!1}clear(t){var r;t?(r=this.a.get(t))==null||r.clear():this.a.clear()}count(t){var r;if(t)return((r=this.a.get(t))==null?void 0:r.size)||0;{let s=0;for(const o of this.a.values())s+=o.size;return s}}remit(t,r){var s;let o;const i={e:a=>{if(a===t)try{o=r(this)}catch(n){console.error(n)}},d:a=>{if(o&&(!a||a===t))try{o()}catch(n){console.error(n)}}};return this.b.add(i),(s=this.a.get(t))!=null&&s.size&&i.e(t),()=>{this.b.delete(i),i.d()}}destroy(){this.clear();for(const t of this.b)t.d();this.b.clear()}}var Ae={exports:{}},xt={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},ze={exports:{}},Et=function(t){return!t||typeof t=="string"?!1:t instanceof Array||Array.isArray(t)||t.length>=0&&(t.splice instanceof Function||Object.getOwnPropertyDescriptor(t,t.length-1)&&t.constructor.name!=="String")},It=Et,Ct=Array.prototype.concat,Lt=Array.prototype.slice,Oe=ze.exports=function(t){for(var r=[],s=0,o=t.length;s<o;s++){var i=t[s];It(i)?r=Ct.call(r,Lt.call(i)):r.push(i)}return r};Oe.wrap=function(e){return function(){return e(Oe(arguments))}};var K=xt,Q=ze.exports,Ne=Object.hasOwnProperty,Pe=Object.create(null);for(var he in K)Ne.call(K,he)&&(Pe[K[he]]=he);var _=Ae.exports={to:{},get:{}};_.get=function(e){var t=e.substring(0,3).toLowerCase(),r,s;switch(t){case"hsl":r=_.get.hsl(e),s="hsl";break;case"hwb":r=_.get.hwb(e),s="hwb";break;default:r=_.get.rgb(e),s="rgb";break}return r?{model:s,value:r}:null},_.get.rgb=function(e){if(!e)return null;var t=/^#([a-f0-9]{3,4})$/i,r=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i,s=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,o=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,i=/^(\w+)$/,a=[0,0,0,1],n,l,c;if(n=e.match(r)){for(c=n[2],n=n[1],l=0;l<3;l++){var h=l*2;a[l]=parseInt(n.slice(h,h+2),16)}c&&(a[3]=parseInt(c,16)/255)}else if(n=e.match(t)){for(n=n[1],c=n[3],l=0;l<3;l++)a[l]=parseInt(n[l]+n[l],16);c&&(a[3]=parseInt(c+c,16)/255)}else if(n=e.match(s)){for(l=0;l<3;l++)a[l]=parseInt(n[l+1],0);n[4]&&(n[5]?a[3]=parseFloat(n[4])*.01:a[3]=parseFloat(n[4]))}else if(n=e.match(o)){for(l=0;l<3;l++)a[l]=Math.round(parseFloat(n[l+1])*2.55);n[4]&&(n[5]?a[3]=parseFloat(n[4])*.01:a[3]=parseFloat(n[4]))}else return(n=e.match(i))?n[1]==="transparent"?[0,0,0,0]:Ne.call(K,n[1])?(a=K[n[1]],a[3]=1,a):null:null;for(l=0;l<3;l++)a[l]=O(a[l],0,255);return a[3]=O(a[3],0,1),a},_.get.hsl=function(e){if(!e)return null;var t=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,r=e.match(t);if(r){var s=parseFloat(r[4]),o=(parseFloat(r[1])%360+360)%360,i=O(parseFloat(r[2]),0,100),a=O(parseFloat(r[3]),0,100),n=O(isNaN(s)?1:s,0,1);return[o,i,a,n]}return null},_.get.hwb=function(e){if(!e)return null;var t=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,r=e.match(t);if(r){var s=parseFloat(r[4]),o=(parseFloat(r[1])%360+360)%360,i=O(parseFloat(r[2]),0,100),a=O(parseFloat(r[3]),0,100),n=O(isNaN(s)?1:s,0,1);return[o,i,a,n]}return null},_.to.hex=function(){var e=Q(arguments);return"#"+ne(e[0])+ne(e[1])+ne(e[2])+(e[3]<1?ne(Math.round(e[3]*255)):"")},_.to.rgb=function(){var e=Q(arguments);return e.length<4||e[3]===1?"rgb("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+")":"rgba("+Math.round(e[0])+", "+Math.round(e[1])+", "+Math.round(e[2])+", "+e[3]+")"},_.to.rgb.percent=function(){var e=Q(arguments),t=Math.round(e[0]/255*100),r=Math.round(e[1]/255*100),s=Math.round(e[2]/255*100);return e.length<4||e[3]===1?"rgb("+t+"%, "+r+"%, "+s+"%)":"rgba("+t+"%, "+r+"%, "+s+"%, "+e[3]+")"},_.to.hsl=function(){var e=Q(arguments);return e.length<4||e[3]===1?"hsl("+e[0]+", "+e[1]+"%, "+e[2]+"%)":"hsla("+e[0]+", "+e[1]+"%, "+e[2]+"%, "+e[3]+")"},_.to.hwb=function(){var e=Q(arguments),t="";return e.length>=4&&e[3]!==1&&(t=", "+e[3]),"hwb("+e[0]+", "+e[1]+"%, "+e[2]+"%"+t+")"},_.to.keyword=function(e){return Pe[e.slice(0,3)]};function O(e,t,r){return Math.min(Math.max(t,e),r)}function ne(e){var t=Math.round(e).toString(16).toUpperCase();return t.length<2?"0"+t:t}function X(){}function b(e){return document.createElement(e)}function Me(e,t){const r=b(e);return y(r,t),r}function V(e,t){return e.appendChild(t)}function v(e){return`${q}-${e}`}function y(e,t){e.className=v(t)}function $t(e){return e.endsWith("/")?e.slice(0,-1):e}function Te(e,t){if(typeof e=="object"&&e!==null)return e[t]}function De(){let e;return[new Promise(r=>{e=r}),e]}function At(e){const t=e.room,r=e.displayer;return t?()=>t.calibrationTimestamp:r?()=>r.beginTimestamp+r.progressTime:()=>Date.now()}function Fe(e){try{let t=window.getComputedStyle(e).backgroundColor;if(t!=="rgba(0, 0, 0, 0)"&&t!=="transparent")return t=zt(t),console.log("[Slide] guess bg color:",t),t;if(e.parentElement)return Fe(e.parentElement)}catch{}return"#ffffff"}function zt(e){const t=Ae.exports.get(e);if(t&&t.model==="rgb"){const r=t.value,o=(((Math.round(r[0])&255)<<16)+((Math.round(r[1])&255)<<8)+(Math.round(r[2])&255)).toString(16);return"#"+"000000".substring(o.length)+o}else return e}function Re(e,t){return`${$t(t||ue)}/${e}`}async function Ot({taskId:e,url:t}){const r=Re(e,t),s=`${r}/preview/1.png`,o=`${r}/jsonOutput/slide-1.json`,i=new Promise(n=>{const l=new Image;l.onload=()=>n(l),l.onerror=()=>n(null),l.src=s}),a=fetch(o).then(n=>n.json());return{preview:await i,slide:await a}}function Nt(e){if(typeof document<"u"){const t=()=>e(document.visibilityState==="visible");return document.addEventListener("visibilitychange",t),()=>document.removeEventListener("visibilitychange",t)}return X}const Pt=`.netless-app-slide-tele-fancy-scrollbar{overscroll-behavior:contain;overflow:auto;overflow-y:scroll;overflow-y:overlay;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:auto}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar{height:8px;width:8px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-track{background-color:transparent}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb{background-color:#444e601a;background-color:transparent;border-radius:4px;transition:background-color .4s}.netless-app-slide-tele-fancy-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#444e601a}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:active{background-color:#444e6033}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:vertical{min-height:50px}.netless-app-slide-tele-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal{min-width:50px}.netless-app-slide-content{position:relative;height:100%;overflow:hidden}.netless-app-slide-slide{width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-mask{display:none;position:absolute;z-index:10200;top:0;left:0;width:100%;height:100%}.netless-app-slide-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:10300;top:0;left:0;width:33%;max-width:200px;height:100%;padding-top:10px;transform:translate(-100%);background:rgba(237,237,240,.9);box-shadow:inset -1px 0 #0000001c;transition:transform .4s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-active .netless-app-slide-preview-mask{display:block}.netless-app-slide-preview-active .netless-app-slide-preview{transform:translate(0)}.netless-app-slide-preview-page{position:relative;display:block;width:55%;margin-bottom:10px;font-size:0;color:transparent;outline:none;border:7px solid transparent;border-radius:4px;transition:border-color .3s;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-preview-page:hover,.netless-app-slide-preview-page.netless-app-slide-preview-page-active{border-color:#444e601a}.netless-app-slide-preview-page>img{width:100%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);border-radius:1px;background-color:#fff;box-shadow:0 2px 8px #0000004d}.netless-app-slide-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;color:#5f5f5f;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.netless-app-slide-overlay{display:flex;align-items:center;justify-content:center;position:absolute;z-index:10100;top:0;left:0;width:100%;height:100%;background:rgba(255,0,0,.25);transition:opacity .3s;opacity:0;pointer-events:none}.netless-app-slide-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.netless-app-slide-float-footer{width:100%;min-height:26px;position:absolute;left:0;bottom:0;z-index:2000;background:rgba(249,249,252,.9);transition:opacity .4s}.netless-app-slide-footer-btn{box-sizing:border-box;width:26px;height:26px;font-size:0;margin:0;padding:3px;border:none;border-radius:1px;outline:none;color:currentColor;background:transparent;transition:background .4s;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-slide-footer-btn:hover{background:transparent!important}}.netless-app-slide-footer-btn>svg{width:100%;height:100%}.netless-app-slide-footer-btn>svg:nth-of-type(2){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-slide-footer-btn~.netless-app-slide-footer-btn{margin-left:15px}.netless-app-slide-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-slide-page-number{display:flex;align-items:center;height:26px;margin-left:auto;font-size:13px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;word-break:keep-all;font-variant-numeric:tabular-nums}.netless-app-slide-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 .5em 0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;font-family:inherit;border-radius:2px;color:currentColor;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:transparent;transition:background .4s;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-page-number-input:hover,.netless-app-slide-page-number-input:focus,.netless-app-slide-page-number-input:active{user-select:text;background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-slide-readonly .netless-app-slide-footer-btn{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-footer-btn:hover{background:transparent}.netless-app-slide-readonly .netless-app-slide-page-number-input{cursor:not-allowed}.netless-app-slide-readonly .netless-app-slide-page-number-input:hover,.netless-app-slide-readonly .netless-app-slide-page-number-input:focus,.netless-app-slide-readonly .netless-app-slide-page-number-input:active{background:transparent;box-shadow:none}.netless-app-slide-readonly .netless-app-slide-page-number-input:disabled{color:inherit}.netless-app-slide-readonly.netless-app-slide-float-footer{display:none}.telebox-color-scheme-dark .netless-app-slide-page-number-input:active,.telebox-color-scheme-dark .netless-app-slide-page-number-input:focus,.telebox-color-scheme-dark .netless-app-slide-page-number-input:hover{color:currentColor;background:#25282e}.telebox-color-scheme-dark .netless-app-slide-footer{border-top:none}.telebox-color-scheme-dark .netless-app-slide-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-slide-preview{background:rgba(50,50,50,.9)}.netless-app-slide-preview-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex-flow:column nowrap}.netless-app-slide-preview-wrapper .netless-app-slide-content{flex:1}.netless-app-slide-preview-wrapper .netless-app-slide-footer{flex-shrink:0}
+`;function Mt(e){const t="http://www.w3.org/2000/svg",r=document.createElementNS(t,"svg");r.setAttribute("class",`${e}-footer-icon-sidebar`),r.setAttribute("viewBox","0 0 64 64");const s=document.createElementNS(t,"path");return s.setAttribute("fill","currentColor"),s.setAttribute("d","M50 8H14c-3.309 0-6 2.691-6 6v36c0 3.309 2.691 6 6 6h36c3.309 0 6-2.691 6-6V14c0-3.309-2.691-6-6-6zM12 50V14c0-1.103.897-2 2-2h8v40h-8c-1.103 0-2-.897-2-2zm40 0c0 1.103-.897 2-2 2H26V12h24c1.103 0 2 .897 2 2z"),r.appendChild(s),r}function Tt(e){const t="http://www.w3.org/2000/svg",r=document.createElementNS(t,"svg");r.setAttribute("class",`${e}-footer-icon-arrow-left`),r.setAttribute("viewBox","0 0 500 500");const s=document.createElementNS(t,"path");return s.setAttribute("fill","currentColor"),s.setAttribute("d","M177.81 249.959L337.473 90.295c2.722-2.865 2.651-7.378-.143-10.1-2.793-2.65-7.163-2.65-9.956 0l-164.75 164.75c-2.793 2.793-2.793 7.306 0 10.1l164.75 164.75c2.865 2.722 7.378 2.65 10.099-.143 2.651-2.794 2.651-7.163 0-9.957L177.809 249.959z"),r.appendChild(s),r}function Dt(e){const t="http://www.w3.org/2000/svg",r=document.createElementNS(t,"svg");r.setAttribute("class",`${e}-footer-icon-play`),r.setAttribute("viewBox","0 0 500 500");const s=document.createElementNS(t,"path");return s.setAttribute("fill","currentColor"),s.setAttribute("d","M418.158 257.419L174.663 413.33c-6.017 3.919-15.708 3.772-21.291-.29-2.791-2.018-4.295-4.483-4.295-7.084V94.109c0-5.65 6.883-10.289 15.271-10.289 4.298 0 8.391 1.307 11.181 3.332l242.629 155.484c6.016 3.917 6.451 10.292.649 14.491-.216.154-.432.154-.649.292zM170.621 391.288l223.116-141.301L170.71 107.753l-.089 283.535z"),r.appendChild(s),r}function Ft(e){const t="http://www.w3.org/2000/svg",r=document.createElementNS(t,"svg");r.setAttribute("class",`${e}-footer-icon-pause`),r.setAttribute("viewBox","0 0 500 500");const s=document.createElementNS(t,"path");return s.setAttribute("fill","currentColor"),s.setAttribute("d","M312.491 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261zM165.257 78.261c0-6.159 4.893-11.213 11.04-11.213 6.158 0 11.211 5.054 11.211 11.213v343.478c0 6.159-5.053 11.213-11.211 11.213-6.147 0-11.04-5.054-11.04-11.213V78.261z"),r.appendChild(s),r}function Rt(e){const t="http://www.w3.org/2000/svg",r=document.createElementNS(t,"svg");r.setAttribute("class",`${e}-footer-icon-arrow-right`),r.setAttribute("viewBox","0 0 500 500");const s=document.createElementNS(t,"path");return s.setAttribute("fill","currentColor"),s.setAttribute("d","M322.19 250.041L162.527 409.705c-2.722 2.865-2.651 7.378.143 10.1 2.793 2.65 7.163 2.65 9.956 0l164.75-164.75c2.793-2.793 2.793-7.306 0-10.1l-164.75-164.75c-2.865-2.722-7.378-2.65-10.099.143-2.651 2.794-2.651 7.163 0 9.957l159.664 159.736z"),r.appendChild(s),r}function Vt(){let e=X;const t=d=>{e=d};let r=X;const s=d=>{r=d};let o=X;const i=d=>{o=d};let a=!1,n=!1,l=0,c=0;const h=b("div");y(h,"footer");const p=b("button");y(p,"btn-sidebar"),p.classList.add(v("footer-btn")),p.appendChild(Mt(q)),p.onclick=function(){a||r()},p.style.display="none",h.appendChild(p);const I=b("div");y(I,"page-jumps");const A=b("button");y(A,"btn-page-back"),A.classList.add(v("footer-btn")),A.appendChild(Tt(q)),A.onclick=function(){a||e(l-1)},I.appendChild(A);const w=b("button");y(w,"btn-page-play"),w.classList.add(v("footer-btn")),w.appendChild(Dt(q)),w.appendChild(Ft(q));let G=0;w.onclick=function(){a||(w.classList.add(v("footer-btn-playing")),o(),clearTimeout(G),G=setTimeout(()=>{w.classList.remove(v("footer-btn-playing"))},500))},I.appendChild(w);const T=b("button");y(T,"btn-page-next"),T.classList.add(v("footer-btn")),T.appendChild(Rt(q)),T.onclick=function(){a||e(l+1)},I.appendChild(T);const D=b("div");y(D,"page-number");const x=b("input");y(x,"page-number-input"),x.value=String(l+1),x.onchange=function(){a||x.value&&e(Number(x.value)-1)};const f=b("span");y(f,"total-page"),f.textContent=" / ",D.appendChild(x),D.appendChild(f),h.appendChild(I),h.appendChild(D);const S=v("readonly");function z(d){a!==d&&(a=d,h.classList.toggle(S,a),x.disabled=a)}function F(d){n!==d&&(n=d,p.style.display=n?"":"none")}function W(d,J=!1){(J||l!==d)&&(l=d,x.value=String(l+1))}function oe(d){c!==d&&(c=d,f.textContent=` / ${c}`)}return{$footer:h,$pageNumberInput:x,set_readonly:z,set_sidebar:F,set_page_index:W,set_page_count:oe,on_new_page_index:t,on_toggle_preview:s,on_play:i}}const N=typeof window<"u",Ve=N&&!("onscroll"in window)||typeof navigator<"u"&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),Ue=N&&"IntersectionObserver"in window,je=N&&"classList"in document.createElement("p"),qe=N&&window.devicePixelRatio>1,Ut={elements_selector:".lazy",container:Ve||N?document:null,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",data_bg_hidpi:"bg-hidpi",data_bg_multi:"bg-multi",data_bg_multi_hidpi:"bg-multi-hidpi",data_bg_set:"bg-set",data_poster:"poster",class_applied:"applied",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_entered:"entered",class_exited:"exited",unobserve_completed:!0,unobserve_entered:!1,cancel_on_exit:!0,callback_enter:null,callback_exit:null,callback_applied:null,callback_loading:null,callback_loaded:null,callback_error:null,callback_finish:null,callback_cancel:null,use_native:!1,restore_on_error:!1},Be=e=>Object.assign({},Ut,e),He=function(e,t){let r;const s="LazyLoad::Initialized",o=new e(t);try{r=new CustomEvent(s,{detail:{instance:o}})}catch{r=document.createEvent("CustomEvent"),r.initCustomEvent(s,!1,!1,{instance:o})}window.dispatchEvent(r)},jt=(e,t)=>{if(!!t)if(!t.length)He(e,t);else for(let r=0,s;s=t[r];r+=1)He(e,s)},C="src",fe="srcset",ge="sizes",Ge="poster",Y="llOriginalAttrs",We="data",be="loading",Je="loaded",Ze="applied",qt="entered",ve="error",Ke="native",Qe="data-",Xe="ll-status",m=(e,t)=>e.getAttribute(Qe+t),Bt=(e,t,r)=>{var s=Qe+t;if(r===null){e.removeAttribute(s);return}e.setAttribute(s,r)},ee=e=>m(e,Xe),U=(e,t)=>Bt(e,Xe,t),ae=e=>U(e,null),me=e=>ee(e)===null,Ht=e=>ee(e)===be,Gt=e=>ee(e)===ve,we=e=>ee(e)===Ke,Wt=[be,Je,Ze,ve],Jt=e=>Wt.indexOf(ee(e))>=0,P=(e,t,r,s)=>{if(!!e){if(s!==void 0){e(t,r,s);return}if(r!==void 0){e(t,r);return}e(t)}},B=(e,t)=>{if(je){e.classList.add(t);return}e.className+=(e.className?" ":"")+t},E=(e,t)=>{if(je){e.classList.remove(t);return}e.className=e.className.replace(new RegExp("(^|\\s+)"+t+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},Zt=e=>{e.llTempImage=document.createElement("IMG")},Kt=e=>{delete e.llTempImage},Ye=e=>e.llTempImage,ie=(e,t)=>{if(!t)return;const r=t._observer;!r||r.unobserve(e)},Qt=e=>{e.disconnect()},Xt=(e,t,r)=>{t.unobserve_entered&&ie(e,r)},_e=(e,t)=>{!e||(e.loadingCount+=t)},Yt=e=>{!e||(e.toLoadCount-=1)},et=(e,t)=>{!e||(e.toLoadCount=t)},er=e=>e.loadingCount>0,tr=e=>e.toLoadCount>0,tt=e=>{let t=[];for(let r=0,s;s=e.children[r];r+=1)s.tagName==="SOURCE"&&t.push(s);return t},ye=(e,t)=>{const r=e.parentNode;if(!r||r.tagName!=="PICTURE")return;tt(r).forEach(t)},rt=(e,t)=>{tt(e).forEach(t)},le=[C],st=[C,Ge],te=[C,fe,ge],ot=[We],ce=e=>!!e[Y],nt=e=>e[Y],at=e=>delete e[Y],H=(e,t)=>{if(ce(e))return;const r={};t.forEach(s=>{r[s]=e.getAttribute(s)}),e[Y]=r},rr=e=>{ce(e)||(e[Y]={backgroundImage:e.style.backgroundImage})},sr=(e,t,r)=>{if(!r){e.removeAttribute(t);return}e.setAttribute(t,r)},j=(e,t)=>{if(!ce(e))return;const r=nt(e);t.forEach(s=>{sr(e,s,r[s])})},or=e=>{if(!ce(e))return;const t=nt(e);e.style.backgroundImage=t.backgroundImage},it=(e,t,r)=>{B(e,t.class_applied),U(e,Ze),r&&(t.unobserve_completed&&ie(e,t),P(t.callback_applied,e,r))},lt=(e,t,r)=>{B(e,t.class_loading),U(e,be),r&&(_e(r,1),P(t.callback_loading,e,r))},M=(e,t,r)=>{!r||e.setAttribute(t,r)},ct=(e,t)=>{M(e,ge,m(e,t.data_sizes)),M(e,fe,m(e,t.data_srcset)),M(e,C,m(e,t.data_src))},nr=(e,t)=>{ye(e,r=>{H(r,te),ct(r,t)}),H(e,te),ct(e,t)},ar=(e,t)=>{H(e,le),M(e,C,m(e,t.data_src))},ir=(e,t)=>{rt(e,r=>{H(r,le),M(r,C,m(r,t.data_src))}),H(e,st),M(e,Ge,m(e,t.data_poster)),M(e,C,m(e,t.data_src)),e.load()},lr=(e,t)=>{H(e,ot),M(e,We,m(e,t.data_src))},cr=(e,t,r)=>{const s=m(e,t.data_bg),o=m(e,t.data_bg_hidpi),i=qe&&o?o:s;!i||(e.style.backgroundImage=`url("${i}")`,Ye(e).setAttribute(C,i),lt(e,t,r))},dr=(e,t,r)=>{const s=m(e,t.data_bg_multi),o=m(e,t.data_bg_multi_hidpi),i=qe&&o?o:s;!i||(e.style.backgroundImage=i,it(e,t,r))},ur=(e,t,r)=>{const s=m(e,t.data_bg_set);if(!s)return;const o=s.split("|");let i=o.map(a=>`image-set(${a})`);e.style.backgroundImage=i.join(),e.style.backgroundImage===""&&(i=o.map(a=>`-webkit-image-set(${a})`),e.style.backgroundImage=i.join()),it(e,t,r)},dt={IMG:nr,IFRAME:ar,VIDEO:ir,OBJECT:lr},pr=(e,t)=>{const r=dt[e.tagName];!r||r(e,t)},hr=(e,t,r)=>{const s=dt[e.tagName];!s||(s(e,t),lt(e,t,r))},fr=["IMG","IFRAME","VIDEO","OBJECT"],gr=e=>fr.indexOf(e.tagName)>-1,ut=(e,t)=>{t&&!er(t)&&!tr(t)&&P(e.callback_finish,t)},pt=(e,t,r)=>{e.addEventListener(t,r),e.llEvLisnrs[t]=r},br=(e,t,r)=>{e.removeEventListener(t,r)},ke=e=>!!e.llEvLisnrs,vr=(e,t,r)=>{ke(e)||(e.llEvLisnrs={});const s=e.tagName==="VIDEO"?"loadeddata":"load";pt(e,s,t),pt(e,"error",r)},Se=e=>{if(!ke(e))return;const t=e.llEvLisnrs;for(let r in t){const s=t[r];br(e,r,s)}delete e.llEvLisnrs},ht=(e,t,r)=>{Kt(e),_e(r,-1),Yt(r),E(e,t.class_loading),t.unobserve_completed&&ie(e,r)},mr=(e,t,r,s)=>{const o=we(t);ht(t,r,s),B(t,r.class_loaded),U(t,Je),P(r.callback_loaded,t,s),o||ut(r,s)},wr=(e,t,r,s)=>{const o=we(t);ht(t,r,s),B(t,r.class_error),U(t,ve),P(r.callback_error,t,s),r.restore_on_error&&j(t,te),o||ut(r,s)},xe=(e,t,r)=>{const s=Ye(e)||e;if(ke(s))return;vr(s,a=>{mr(a,e,t,r),Se(s)},a=>{wr(a,e,t,r),Se(s)})},_r=(e,t,r)=>{Zt(e),xe(e,t,r),rr(e),cr(e,t,r),dr(e,t,r),ur(e,t,r)},yr=(e,t,r)=>{xe(e,t,r),hr(e,t,r)},Ee=(e,t,r)=>{gr(e)?yr(e,t,r):_r(e,t,r)},kr=(e,t,r)=>{e.setAttribute("loading","lazy"),xe(e,t,r),pr(e,t),U(e,Ke)},ft=e=>{e.removeAttribute(C),e.removeAttribute(fe),e.removeAttribute(ge)},Sr=e=>{ye(e,t=>{ft(t)}),ft(e)},gt=e=>{ye(e,t=>{j(t,te)}),j(e,te)},xr={IMG:gt,IFRAME:e=>{j(e,le)},VIDEO:e=>{rt(e,t=>{j(t,le)}),j(e,st),e.load()},OBJECT:e=>{j(e,ot)}},Er=e=>{const t=xr[e.tagName];if(!t){or(e);return}t(e)},Ir=(e,t)=>{me(e)||we(e)||(E(e,t.class_entered),E(e,t.class_exited),E(e,t.class_applied),E(e,t.class_loading),E(e,t.class_loaded),E(e,t.class_error))},Cr=(e,t)=>{Er(e),Ir(e,t),ae(e),at(e)},Lr=(e,t,r,s)=>{!r.cancel_on_exit||!Ht(e)||e.tagName==="IMG"&&(Se(e),Sr(e),gt(e),E(e,r.class_loading),_e(s,-1),ae(e),P(r.callback_cancel,e,t,s))},$r=(e,t,r,s)=>{const o=Jt(e);U(e,qt),B(e,r.class_entered),E(e,r.class_exited),Xt(e,r,s),P(r.callback_enter,e,t,s),!o&&Ee(e,r,s)},Ar=(e,t,r,s)=>{me(e)||(B(e,r.class_exited),Lr(e,t,r,s),P(r.callback_exit,e,t,s))},zr=["IMG","IFRAME","VIDEO"],bt=e=>e.use_native&&"loading"in HTMLImageElement.prototype,Or=(e,t,r)=>{e.forEach(s=>{zr.indexOf(s.tagName)!==-1&&kr(s,t,r)}),et(r,0)},Nr=e=>e.isIntersecting||e.intersectionRatio>0,Pr=e=>({root:e.container===document?null:e.container,rootMargin:e.thresholds||e.threshold+"px"}),Mr=(e,t,r)=>{e.forEach(s=>Nr(s)?$r(s.target,s,t,r):Ar(s.target,s,t,r))},Tr=(e,t)=>{t.forEach(r=>{e.observe(r)})},Dr=(e,t)=>{Qt(e),Tr(e,t)},Fr=(e,t)=>{!Ue||bt(e)||(t._observer=new IntersectionObserver(r=>{Mr(r,e,t)},Pr(e)))},vt=e=>Array.prototype.slice.call(e),de=e=>e.container.querySelectorAll(e.elements_selector),Rr=e=>vt(e).filter(me),Vr=e=>Gt(e),Ur=e=>vt(e).filter(Vr),mt=(e,t)=>Rr(e||de(t)),jr=(e,t)=>{Ur(de(e)).forEach(s=>{E(s,e.class_error),ae(s)}),t.update()},qr=(e,t)=>{!N||(t._onlineHandler=()=>{jr(e,t)},window.addEventListener("online",t._onlineHandler))},Br=e=>{!N||window.removeEventListener("online",e._onlineHandler)},re=function(e,t){const r=Be(e);this._settings=r,this.loadingCount=0,Fr(r,this),qr(r,this),this.update(t)};re.prototype={update:function(e){const t=this._settings,r=mt(e,t);if(et(this,r.length),Ve||!Ue){this.loadAll(r);return}if(bt(t)){Or(r,t,this);return}Dr(this._observer,r)},destroy:function(){this._observer&&this._observer.disconnect(),Br(this),de(this._settings).forEach(e=>{at(e)}),delete this._observer,delete this._settings,delete this._onlineHandler,delete this.loadingCount,delete this.toLoadCount},loadAll:function(e){const t=this._settings;mt(e,t).forEach(s=>{ie(s,this),Ee(s,t,this)})},restoreAll:function(){const e=this._settings;de(e).forEach(t=>{Cr(t,e)})}},re.load=(e,t)=>{const r=Be(t);Ee(e,r)},re.resetStatus=e=>{ae(e)},N&&jt(re,window.lazyLoadOptions);function Hr(){let e=X;const t=f=>{e=f};let r=!1,s=!1,o=!1,i=[],a=0;const n=v("readonly"),l=v("preview-active"),c=b("div");y(c,"content");const h=b("div");y(h,"preview-mask"),h.onclick=function(S){s||S.target===h&&w(!1)},V(c,h);const p=b("div");y(p,"preview"),p.classList.add(v("tele-fancy-scrollbar")),p.onclick=function(S){var F;if(s)return;const z=(F=S.target.dataset)==null?void 0:F.pageIndex;z&&(S.preventDefault(),S.stopPropagation(),S.stopImmediatePropagation(),e(Number(z)),w(!1))},V(c,p);const I=new re({container:p,elements_selector:`.${v("preview-page>img")}`});function A(f){s!==f&&(s=f,c.classList.toggle(n,s))}function w(f){o!==f&&(o=f,c.classList.toggle(l,o))}function G(f){if(i!==f){i=f;const S=v("preview-page"),z=v("preview-page-name");i.forEach((F,W)=>{const oe=String(W),d=b("a");d.className=S+" "+v(`preview-page-${W}`),d.href="#",d.dataset.pageIndex=oe;const J=b("span");J.className=z,J.textContent=String(W+1),J.dataset.pageIndex=oe;const Z=b("img");Z.width=F.width,Z.height=F.height,Z.src=F.thumbnail,Z.alt=`page-${W}`,Z.dataset.pageIndex=oe,V(d,Z),V(d,J),V(p,d)}),r||I.update()}}function T(f,S=!1){if(S||a!==f){a=f;const z=p.querySelector(`.${v(`preview-page-${a}`)}`);z&&p.scrollTo({top:z.offsetTop-16})}}function D(){r=!0,I.destroy()}function x(){return o}return{$content:c,$preview:p,set_readonly:A,set_active:w,get_active:x,set_pages:G,on_new_page_index:t,set_page_index:T,destroy:D}}const Ie=class{constructor(t){u(this,"sideEffect",new $e);u(this,"events",new St);u(this,"$slide",Me("div","slide"));u(this,"$overlay",Me("div","overlay"));u(this,"sidebar",Hr());u(this,"footer",Vt());u(this,"$content");u(this,"$footer");u(this,"slide");u(this,"_readyPromise");u(this,"_infoPromise");u(this,"_ready",!1);u(this,"_slideCount",0);u(this,"_destroyed",!1);u(this,"_isFrozen",!1);u(this,"_cachedIsFrozen",!1);u(this,"onPlay",()=>{this.slide.nextStep()});u(this,"onNewPageIndex",t=>{this._ready&&t>=0&&t<this._slideCount?this.slide.renderSlide(t+1):this.setPage(this.slide.slideState.currentSlideIndex)});u(this,"onTogglePreview",()=>{this.sidebar.set_active(!this.sidebar.get_active())});this.$content=this.sidebar.$content,this.$footer=this.footer.$footer,V(this.$content,this.$slide),V(this.$content,this.$overlay),this.sidebar.on_new_page_index(this.onNewPageIndex),this.footer.on_new_page_index(this.onNewPageIndex),this.footer.on_toggle_preview(this.onTogglePreview),this.footer.on_play(this.onPlay),this.sideEffect.push(this.sidebar.destroy),this.sideEffect.push(()=>this.slide.destroy()),this.sideEffect.push(()=>{this.$content.parentElement&&this.$content.remove(),this.$footer.parentElement&&this.$footer.remove(),this.$slide.parentElement&&this.$slide.remove()}),this.sideEffect.push(Nt(n=>{this._destroyed||(n?this._cachedIsFrozen||this.unfreeze():(this._cachedIsFrozen=this._isFrozen,this.freeze()))}));const[r,s]=De();this._infoPromise=r,Ie.fetchSlideInfo(t).then(({preview:n,slide:l})=>{if(!this._destroyed){if(this._slideCount=l.slideCount,n){const{taskId:c,url:h}=t,{slideCount:p}=l,{width:I,height:A}=n,w=Re(c,h),G=Array.from({length:p},(T,D)=>({width:I,height:A,thumbnail:`${w}/preview/${D+1}.png`}));this.sidebar.set_pages(G),this.footer.set_sidebar(!0)}this.footer.set_page_count(l.slideCount),s(l)}}).catch(n=>{console.log("[Slide] fetch slide info error"),console.error(n),this.events.emit("prepareError",n)});const[i,a]=De();this._readyPromise=i,this.slide=new k.Slide({anchor:this.$slide,mode:"local",interactive:!0,enableGlobalClick:!0,useLocalCache:!0,...t}),this.slide.setResource(t.taskId,t.url||ue),this.slide.on("slideChange",n=>{this._destroyed||this.setPage(n)}),this.slide.on("renderEnd",()=>{this._ready?this.$overlay.style.opacity="":setTimeout(()=>{this._ready=!0,a()},1e3)}),this.slide.on("renderError",n=>{this._destroyed||n.error&&(console.error(n.error),this.$overlay.textContent=`Error on slide.index=${n.index}: ${n.error.message}`,this.$overlay.style.opacity="1",this.events.emit("renderError",n))}),this.ready(()=>{this._isFrozen&&this.freeze()})}prepare(t){return this._infoPromise.then(t)}ready(t){return this._readyPromise.then(t)}destroy(){this._destroyed=!0,this.sideEffect.flushAll()}setReadonly(t){this.slide.setInteractive(!t),this.sidebar.set_readonly(t),this.footer.set_readonly(t)}setPage(t){this.sidebar.set_page_index(t-1,!0),this.footer.set_page_index(t-1,!0)}freeze(){this._destroyed||(this._isFrozen=!0,this._ready&&(this.slide.frozen(),this.events.emit("freeze")))}unfreeze(){this._destroyed||(this._isFrozen=!1,this._ready&&(this.slide.release(),this.events.emit("unfreeze")))}};let L=Ie;u(L,"styles",Pt),u(L,"fetchSlideInfo",Ot);function Gr(e){return e.displayer.logger}const $=class{constructor(t){u(this,"info",t=>{$.roomLogger&&this.context?$.roomLogger.info(t+` (${this.context.appId})`):this.context?console.debug(t+` (${this.context.appId})`):console.debug(t)});this.context=t,t&&($.active.add(t.appId),$.roomLogger=Gr(t))}destroy(){this.context&&$.active.delete(this.context.appId),$.active.size===0&&($.roomLogger=null)}};let se=$;u(se,"active",new Set),u(se,"roomLogger",null);function Wr({context:e,viewer:t,sideEffect:r,logger:s}){const o=s.info.bind(s);let i=null;t.prepare(({width:c,height:h,slideCount:p})=>{e.destroyed||(c&&e.box.setStageRatio(h/c),i=e.createWhiteBoardView({size:p}),i.setBaseRect({width:c,height:h}),l())});const{slide:a}=t;function n(c=e.storage.state.state){return JSON.stringify(c)}function l(){if(e.storage.state.state)o("[Slide] restore "+n()),a.setSlideState(e.storage.state.state);else if(e.isAddApp)o("[Slide] kick start"),a.renderSlide(1);else{o("[Slide] wait for restore");const c=r.add(()=>{const p=setInterval(()=>{e.storage.state.state||(o("[Slide] timeout"),a.renderSlide(1))},15e3);return()=>clearInterval(p)}),h=r.push(e.storage.on("stateChanged",()=>{e.storage.state.state&&(o("[Slide] restore "+n()),a.setSlideState(e.storage.state.state),r.flush(h),r.flush(c))}))}}a.on("stateChange",()=>{e.isWritable&&e.storage.setState({state:a.slideState})}),a.on("syncDispatch",c=>{e.isWritable&&(o("[Slide] dispatch "+n(Te(c,"uuid"))),e.dispatchMagixEvent("syncDispatch",c))}),r.push(e.addMagixEventListener("syncDispatch",({payload:c})=>{o("[Slide] receive "+n(Te(c,"uuid"))),a.emit("syncReceive",c)},{fireSelfEventAfterCommit:!0})),a.on("slideChange",c=>{e.isWritable&&i&&(o("[Slide] page to "+c),i.jumpPage(c-1))}),t.setReadonly(!e.isWritable),r.push(e.emitter.on("writableChange",c=>{t.setReadonly(!c)})),r.addEventListener(window,"keydown",c=>{e.box.focus&&((c.key==="ArrowUp"||c.key==="ArrowLeft")&&t.slide.prevStep(),(c.key==="ArrowRight"||c.key==="ArrowDown")&&t.slide.nextStep())})}function Jr(e){const{container:t,...r}=e,s=document.createElement("div");s.className="netless-app-slide-preview-wrapper";const o=new L(r);return s.appendChild(document.createElement("style")).textContent=L.styles,s.appendChild(o.$content),s.appendChild(o.$footer),t.appendChild(s),o.prepare(()=>o.slide.renderSlide(1)),o}const Zr=k.Slide.usePlugin.bind(k.Slide),Kr="0.3.0-canary.12",Qr={kind:"Slide",setup(e){var a,n;console.log("[Slide] setup @ 0.3.0-canary.12 ("+e.appId+")");const t=new se(e);if(t.info("[Slide] setup @ 0.3.0-canary.12"),!e.storage.state.taskId)throw new Error("[Slide] no taskId");const r=e.getAppOptions()||{},s=r.renderOptions||{},o=new $e,i=new L({interactive:!0,mode:"interactive",enableGlobalClick:!0,timestamp:At(e),logger:r.logger||t,renderOptions:{minFPS:s.minFPS||25,maxFPS:s.maxFPS||30,autoFPS:(a=s.autoFPS)!=null?a:!0,autoResolution:(n=s.autoResolution)!=null?n:!0,resolution:s.resolution,maxResolutionLevel:s.maxResolutionLevel,transactionBgColor:s.transactionBgColor||Fe(e.box.$content)},rtcAudio:r.rtcAudio,useLocalCache:r.useLocalCache,resourceTimeout:r.resourceTimeout,loaderDelegate:r.loaderDelegate,navigatorDelegate:r.navigatorDelegate,fixedFrameSize:r.fixedFrameSize,taskId:e.storage.state.taskId,url:e.storage.state.url});return Object.assign(i,{context:e,logger:t}),o.push(pe.set(e.appId,i)),o.push(i.events.on("freeze",()=>t.info("[Slide] freeze"))),o.push(i.events.on("unfreeze",()=>t.info("[Slide] unfreeze"))),o.push(i.events.on("prepareError",l=>t.info("[Slide] fetch slide info failed: "+l.message))),o.push(i.events.on("renderError",({error:l,index:c})=>t.info(`[Slide] render failed [${c}]: ${l.message}`))),e.box.mountStyles(L.styles),e.box.mountStage(i.$slide),e.box.mountFooter(i.$footer),e.box.mountContent(i.$content),o.push(()=>i.destroy()),Wr({context:e,viewer:i,sideEffect:o,logger:t}),e.emitter.on("destroy",()=>{t.info("[Slide] destroy"),t.destroy(),o.flushAll()}),i}};return Object.defineProperty(g,"Slide",{enumerable:!0,get:()=>k.Slide}),g.DefaultUrl=ue,g.SlideViewer=L,g.addHooks=kt,g.default=Qr,g.previewSlide=Jr,g.refrigerator=pe,g.usePlugin=Zr,g.version=Kr,Object.defineProperties(g,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),g}({},slide);
 //# sourceMappingURL=main.iife.js.map