@netless/app-slide 0.0.34 → 0.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/main.cjs.js CHANGED
@@ -6076,5 +6076,5 @@ void main(void){
6076
6076
  `,this.log+=JSON.stringify(e,null,2),this.log+=`
6077
6077
 
6078
6078
  `}},n.prototype.setMainSeqStep=function(e,r){var s;(s=this.player)===null||s===void 0||s.setMainSeqStep(e,r)},n.prototype.setInteractive=function(e){var r;this.interactive=e,(r=this.player)===null||r===void 0||r.setInteractive(e)},n.prototype.pause=function(){var e;(e=this.player)===null||e===void 0||e.pause()},n.prototype.resume=function(){var e;(e=this.player)===null||e===void 0||e.resume()},n.prototype.getPreviewImage=function(e){var r;return Ta(this,void 0,void 0,function(){return Ea(this,function(s){return[2,((r=this.player)===null||r===void 0?void 0:r.getPreviewImage(e))||null]})})},n.prototype.frozen=function(){var e;return Ta(this,void 0,void 0,function(){var r,s,u,h=this;return Ea(this,function(f){switch(f.label){case 0:return this.isFrowning?[2,fd(function(){return!h.isFrowning},6e4)]:this.view&&this.player?(this.isFrowning=!0,[4,this.player.clock.waitUntil(function(){return!h.isLoading},6e4)]):[3,2];case 1:for(s in f.sent(),r=this.player.getSnapshot()||"",this.cacheImage.src=r,this.cacheImage.style.position="absolute",this.cacheImage.style.zIndex="100",this.frame.appendChild(this.cacheImage),this.player.destroy(),(e=this.playerController)===null||e===void 0||e.destroy(),this.player=void 0,this.__slideState.mediaState)u=this.__slideState.mediaState[s],this.__slideState.mediaState[s]=Yu(Yu({},u),{frozenTime:this.timestamp()});this.isFrowning=!1,f.label=2;case 2:return[2]}})})},n.prototype.release=function(){var e;return Ta(this,void 0,void 0,function(){var r,s,u,h,f=this;return Ea(this,function(y){switch(y.label){case 0:if(this.isReleasing)return[2,fd(function(){return!f.isReleasing},6e4)];for(s in this.isReleasing=!0,this.initPlayer(this.config),this.player.view&&(this.player.view.style.visibility="hidden"),r=this.__slideState,this.__slideState=Object(X.cloneDeep)(om),r.mediaState)(u=r.mediaState[s]).type==="play"&&(h=Math.max((e=u.frozenTime)!==null&&e!==void 0?e:0,u.time),u.time=this.timestamp()-(h-u.time),u.frozenTime=void 0);return[4,this.setSlideState(r)];case 1:return y.sent(),[4,this.player.clock.delay(333)];case 2:y.sent(),this.player.view&&(this.player.view.style.visibility="visible");try{this.frame.removeChild(this.cacheImage)}catch{}return this.isReleasing=!1,[2]}})})},n.prototype.destroy=function(){var e,r,s,u;this.playerController&&this.playerController.destroy(),this.frameResizeObserver.disconnect(),(e=this.player)===null||e===void 0||e.removeAllListeners(),(r=this.player)===null||r===void 0||r.destroy(),(s=this.player)===null||s===void 0||s.removeAllListeners(),window.removeEventListener("__slide_log__",this.handleLogDownload),window.removeEventListener("__slide_state__",this.handleSlideStateLog),window.removeEventListener("__slide_ref__",this.handleSlideRef),window.clearInterval(this.persistLogId),Zu&&Zu.removeItem(this.logId).catch(function(){});try{((u=this.player)===null||u===void 0?void 0:u.view)&&this.anchor.removeChild(this.player.view)}catch{}},n}(J.a)}]);function Zg(N,w,S){return Math.min(Math.max(N,w),S)}function Jg(N){return typeof N=="object"&&N!==null}function cm(N){return JSON.parse(JSON.stringify(N))}var $g={exports:{}},w0={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]},Kg={exports:{}},S0=function(w){return!w||typeof w=="string"?!1:w instanceof Array||Array.isArray(w)||w.length>=0&&(w.splice instanceof Function||Object.getOwnPropertyDescriptor(w,w.length-1)&&w.constructor.name!=="String")},T0=S0,E0=Array.prototype.concat,M0=Array.prototype.slice,Qg=Kg.exports=function(w){for(var S=[],W=0,pt=w.length;W<pt;W++){var lt=w[W];T0(lt)?S=E0.call(S,M0.call(lt)):S.push(lt)}return S};Qg.wrap=function(N){return function(){return N(Qg(arguments))}};var dm=w0,pm=Kg.exports,tv=Object.hasOwnProperty,ev={};for(var yg in dm)tv.call(dm,yg)&&(ev[dm[yg]]=yg);var il=$g.exports={to:{},get:{}};il.get=function(N){var w=N.substring(0,3).toLowerCase(),S,W;switch(w){case"hsl":S=il.get.hsl(N),W="hsl";break;case"hwb":S=il.get.hwb(N),W="hwb";break;default:S=il.get.rgb(N),W="rgb";break}return S?{model:W,value:S}:null};il.get.rgb=function(N){if(!N)return null;var w=/^#([a-f0-9]{3,4})$/i,S=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i,W=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,pt=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,lt=/^(\w+)$/,J=[0,0,0,1],X,ct,tt;if(X=N.match(S)){for(tt=X[2],X=X[1],ct=0;ct<3;ct++){var $=ct*2;J[ct]=parseInt(X.slice($,$+2),16)}tt&&(J[3]=parseInt(tt,16)/255)}else if(X=N.match(w)){for(X=X[1],tt=X[3],ct=0;ct<3;ct++)J[ct]=parseInt(X[ct]+X[ct],16);tt&&(J[3]=parseInt(tt+tt,16)/255)}else if(X=N.match(W)){for(ct=0;ct<3;ct++)J[ct]=parseInt(X[ct+1],0);X[4]&&(X[5]?J[3]=parseFloat(X[4])*.01:J[3]=parseFloat(X[4]))}else if(X=N.match(pt)){for(ct=0;ct<3;ct++)J[ct]=Math.round(parseFloat(X[ct+1])*2.55);X[4]&&(X[5]?J[3]=parseFloat(X[4])*.01:J[3]=parseFloat(X[4]))}else return(X=N.match(lt))?X[1]==="transparent"?[0,0,0,0]:tv.call(dm,X[1])?(J=dm[X[1]],J[3]=1,J):null:null;for(ct=0;ct<3;ct++)J[ct]=gd(J[ct],0,255);return J[3]=gd(J[3],0,1),J};il.get.hsl=function(N){if(!N)return null;var w=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?[\d\.]+)\s*)?\)$/,S=N.match(w);if(S){var W=parseFloat(S[4]),pt=(parseFloat(S[1])%360+360)%360,lt=gd(parseFloat(S[2]),0,100),J=gd(parseFloat(S[3]),0,100),X=gd(isNaN(W)?1:W,0,1);return[pt,lt,J,X]}return null};il.get.hwb=function(N){if(!N)return null;var w=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?[\d\.]+)\s*)?\)$/,S=N.match(w);if(S){var W=parseFloat(S[4]),pt=(parseFloat(S[1])%360+360)%360,lt=gd(parseFloat(S[2]),0,100),J=gd(parseFloat(S[3]),0,100),X=gd(isNaN(W)?1:W,0,1);return[pt,lt,J,X]}return null};il.to.hex=function(){var N=pm(arguments);return"#"+qm(N[0])+qm(N[1])+qm(N[2])+(N[3]<1?qm(Math.round(N[3]*255)):"")};il.to.rgb=function(){var N=pm(arguments);return N.length<4||N[3]===1?"rgb("+Math.round(N[0])+", "+Math.round(N[1])+", "+Math.round(N[2])+")":"rgba("+Math.round(N[0])+", "+Math.round(N[1])+", "+Math.round(N[2])+", "+N[3]+")"};il.to.rgb.percent=function(){var N=pm(arguments),w=Math.round(N[0]/255*100),S=Math.round(N[1]/255*100),W=Math.round(N[2]/255*100);return N.length<4||N[3]===1?"rgb("+w+"%, "+S+"%, "+W+"%)":"rgba("+w+"%, "+S+"%, "+W+"%, "+N[3]+")"};il.to.hsl=function(){var N=pm(arguments);return N.length<4||N[3]===1?"hsl("+N[0]+", "+N[1]+"%, "+N[2]+"%)":"hsla("+N[0]+", "+N[1]+"%, "+N[2]+"%, "+N[3]+")"};il.to.hwb=function(){var N=pm(arguments),w="";return N.length>=4&&N[3]!==1&&(w=", "+N[3]),"hwb("+N[0]+", "+N[1]+"%, "+N[2]+"%"+w+")"};il.to.keyword=function(N){return ev[N.slice(0,3)]};function gd(N,w,S){return Math.min(Math.max(w,N),S)}function qm(N){var w=Math.round(N).toString(16).toUpperCase();return w.length<2?"0"+w:w}var A0=$g.exports;class C0{constructor(w){this.enable=w,this.apps={},this.level="debug",this._onMessage=S=>{Jg(S.data)&&(typeof S.data.slide=="boolean"?this.enable=S.data.slide:S.data.slide==="__instance"&&console.log(this))},window.addEventListener("message",this._onMessage)}log(...w){this.enable&&console.log(...w)}verbose(...w){this.enable&&this.level==="verbose"&&console.log(...w)}dispose(w){this.enable=!1,delete this.apps[w],window.removeEventListener("message",this._onMessage)}}const $u=new C0(!1),es=$u.log.bind($u),P0=$u.verbose.bind($u);function nv(N){try{const w=window.getComputedStyle(N).backgroundColor;if(w!=="rgba(0, 0, 0, 0)"&&w!=="transparent")return w;if(N.parentElement)return nv(N.parentElement)}catch{}return"#ffffff"}function R0(N){const w=A0.get(N);if(w&&w.model==="rgb"){const S=w.value,pt=(((Math.round(S[0])&255)<<16)+((Math.round(S[1])&255)<<8)+(Math.round(S[2])&255)).toString(16);return"#"+"000000".substring(pt.length)+pt}else return N}let Ym="";function rv(N){return Ym||(Ym=R0(nv(N)),es("[Slide] guess bg color",Ym)),Ym}function iv(N){const{width:w,height:S,slideCount:W,slideState:pt}=N,{taskId:lt,url:J}=pt,X=[];for(let ct=1;ct<=W;++ct)X.push({width:w,height:S,thumbnail:`${J}/${lt}/preview/${ct}.png`,src:"ppt"});return X}function I0(N,w,S,W){var X;const pt=S.slideState.currentSlideIndex;if(!(pt>0)||!w.getIsWritable())return;const lt=[W,pt].join("/");if(N.scenePathType(lt)!=="page"){N.removeScenes(W);const ct=S.slideCount,tt=[];for(let $=1;$<=ct;++$)tt.push({name:`${$}`});N.putScenes(W,tt)}let J;w.getBox().focus?J=N.state.sceneState.scenePath:J=((X=w.getView())==null?void 0:X.focusScenePath)||"",J!==lt&&w.setScenePath(lt)}const xg="https://convertcdn.netless.link/dynamicConvert",L0=40,bg={taskId:"",url:"",state:null};class O0{constructor({context:w,anchor:S,onPageChanged:W,onTransitionStart:pt,onTransitionEnd:lt,onError:J}){this.sideEffect=new Xm,this.ready=!1,this.readyPromise=new Promise(X=>{this.resolveReady=()=>setTimeout(()=>{this.ready=!0,X()},1e3)}),this.onSyncDispatch=X=>{if(this.context.getIsWritable()&&this.room){const ct={type:bo.SLIDE_EVENTS.syncDispatch,payload:X};es("[Slide] dispatch",X),this.room.dispatchMagixEvent(this.channel,ct)}},this.magixEventListener=X=>{if(X.event===this.channel&&Jg(X.payload)){const{type:ct,payload:tt}=X.payload;ct===bo.SLIDE_EVENTS.syncDispatch&&(this.syncStateOnce(),es("[Slide] receive",tt),this.syncStateOnceFlag||this.slide.emit(bo.SLIDE_EVENTS.syncReceive,tt))}},this.onStateChange=X=>{this.context.getIsWritable()&&(P0("[Slide] state change",JSON.stringify(X,null,2)),this.context.updateAttributes(["state"],X))},this.onSeeked=()=>{const X=this.context.getAttributes().state;X&&this.slide.setSlideState(cm(X))},this.pollCount=0,this.pollReadyState=()=>{this.ready?this._toFreeze===1?this.freeze():this._toFreeze===-1&&this.unfreeze():this.pollCount<L0?(this.pollCount++,setTimeout(this.pollReadyState,500)):(this.pollCount=0,es("[Slide] renderSlide (retry after timeout)",1),this.slide.renderSlide(1))},this._pageCount=0,this.destroyed=!1,this.timestamp=()=>this.room&&this.room.calibrationTimestamp?this.room.calibrationTimestamp:this.player?this.player.beginTimestamp+this.player.progressTime:Date.now(),this.isFrozen=!1,this._toFreeze=0,this.freezePromise=null,this.freeze=()=>{this.ready?(es("[Slide] freeze",this.context.appId),this.freezePromise?this._toFreeze=1:this.isFrozen||(this._toFreeze=0,this.freezePromise=this.slide.frozen().then(this.afterFreeze.bind(this,1)))):this._toFreeze=1},this.unfreeze=async()=>{this.ready?(es("[Slide] unfreeze",this.context.appId),this.freezePromise?this._toFreeze=-1:this.isFrozen&&(this._toFreeze=0,this.freezePromise=this.slide.release().then(this.afterFreeze.bind(this,-1)))):this._toFreeze=-1},this.onPageChanged=W,this.onTransitionStart=pt,this.onTransitionEnd=lt,this.onError=J,this.context=w,this.channel=`channel-${w.appId}`,this.room=w.getRoom(),this.player=this.room?void 0:w.getDisplayer(),this.slide=this.createSlide(S),this.syncStateOnceFlag=!this.context.isAddApp,this.initialize()}jumpToPage(w){this.ready&&(w=Zg(w,1,this.pageCount),this.slide.renderSlide(w))}initialize(){this.registerEventListeners(),this.kickStart()}kickStart(){const{context:w,slide:S}=this,{taskId:W,url:pt,state:lt}=dp(dp({},bg),this.context.getAttributes());S.setResource(W,pt||xg),lt?(es("[Slide] init with state",cm(lt)),this.syncStateOnceFlag=!1,S.setSlideState(cm(lt))):w.isAddApp&&(es("[Slide] init by renderSlide",1),S.renderSlide(1)),this.pollReadyState()}registerEventListeners(){const{context:w,slide:S}=this;this.sideEffect.add(()=>{const W=w.mobxUtils.reaction(()=>w.getAttributes().state,()=>{this.syncStateOnce(),W()});return W}),this.sideEffect.add(()=>(w.emitter.on("seek",this.onSeeked),()=>w.emitter.off("seek",this.onSeeked))),this.sideEffect.add(()=>{const W=w.getDisplayer();return W.addMagixEventListener(this.channel,this.magixEventListener,{fireSelfEventAfterCommit:!0}),()=>W.removeMagixEventListener(this.channel)}),S.on(bo.SLIDE_EVENTS.slideChange,this.onPageChanged),S.on(bo.SLIDE_EVENTS.renderStart,this.onTransitionStart),S.on(bo.SLIDE_EVENTS.renderEnd,this.onTransitionEnd),S.on(bo.SLIDE_EVENTS.mainSeqStepStart,this.onTransitionStart),S.on(bo.SLIDE_EVENTS.mainSeqStepEnd,this.onTransitionEnd),S.on(bo.SLIDE_EVENTS.renderError,this.onError),S.on(bo.SLIDE_EVENTS.stateChange,this.onStateChange),S.on(bo.SLIDE_EVENTS.syncDispatch,this.onSyncDispatch),S.on(bo.SLIDE_EVENTS.renderEnd,this.resolveReady)}syncStateOnce(){if(this.syncStateOnceFlag){const{state:w}=dp(dp({},bg),this.context.getAttributes());w&&(es("[Slide] sync with state (once)",cm(w)),this.slide.setSlideState(cm(w)),this.syncStateOnceFlag=!1)}}get pageCount(){return this._pageCount>0?this._pageCount:(this._pageCount=this.slide.slideCount,this._pageCount)}get page(){return this.slide.slideState.currentSlideIndex}createSlide(w){var W,pt;return new bo.Slide({anchor:w,interactive:!0,mode:"interactive",resize:!0,controller:$u.enable,renderOptions:{minFPS:25,maxFPS:30,autoFPS:!0,autoResolution:!0,resolution:(W=this.context.getAppOptions())==null?void 0:W.resolution,transactionBgColor:((pt=this.context.getAppOptions())==null?void 0:pt.bgColor)||rv(w)},timestamp:this.timestamp})}destroy(){this.sideEffect.flushAll(),this.destroyed||(es("[Slide] destroy slide (once)"),this.slide.destroy(),this.destroyed=!0)}afterFreeze(w){w===1?(this.isFrozen=!0,this.freezePromise=null,this._toFreeze===-1&&this.unfreeze()):w===-1&&(this.isFrozen=!1,this.freezePromise=null,this._toFreeze===1&&this.freeze())}}function D0(N){const w="http://www.w3.org/2000/svg",S=document.createElementNS(w,"svg");S.setAttribute("class",`${N}-footer-icon-sidebar`),S.setAttribute("viewBox","0 0 64 64");const W=document.createElementNS(w,"path");return W.setAttribute("fill","currentColor"),W.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(W),S}function N0(N){const w="http://www.w3.org/2000/svg",S=document.createElementNS(w,"svg");S.setAttribute("class",`${N}-footer-icon-arrow-left`),S.setAttribute("viewBox","0 0 500 500");const W=document.createElementNS(w,"path");return W.setAttribute("fill","currentColor"),W.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(W),S}function F0(N){const w="http://www.w3.org/2000/svg",S=document.createElementNS(w,"svg");S.setAttribute("class",`${N}-footer-icon-arrow-right`),S.setAttribute("viewBox","0 0 500 500");const W=document.createElementNS(w,"path");return W.setAttribute("fill","currentColor"),W.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(W),S}function B0(N){const w="http://www.w3.org/2000/svg",S=document.createElementNS(w,"svg");S.setAttribute("class",`${N}-footer-icon-play`),S.setAttribute("viewBox","0 0 500 500");const W=document.createElementNS(w,"path");return W.setAttribute("fill","currentColor"),W.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(W),S}function k0(N){const w="http://www.w3.org/2000/svg",S=document.createElementNS(w,"svg");S.setAttribute("class",`${N}-footer-icon-pause`),S.setAttribute("viewBox","0 0 500 500");const W=document.createElementNS(w,"path");return W.setAttribute("fill","currentColor"),W.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(W),S}const pp=typeof window!="undefined",ov=pp&&!("onscroll"in window)||typeof navigator!="undefined"&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),sv=pp&&"IntersectionObserver"in window,av=pp&&"classList"in document.createElement("p"),lv=pp&&window.devicePixelRatio>1,U0={elements_selector:".lazy",container:ov||pp?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_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},uv=N=>Object.assign({},U0,N),hv=function(N,w){let S;const W="LazyLoad::Initialized",pt=new N(w);try{S=new CustomEvent(W,{detail:{instance:pt}})}catch{S=document.createEvent("CustomEvent"),S.initCustomEvent(W,!1,!1,{instance:pt})}window.dispatchEvent(S)},G0=(N,w)=>{if(!!w)if(!w.length)hv(N,w);else for(let S=0,W;W=w[S];S+=1)hv(N,W)},uc="src",wg="srcset",Sg="sizes",cv="poster",fm="llOriginalAttrs",Tg="loading",dv="loaded",pv="applied",H0="entered",Eg="error",fv="native",mv="data-",gv="ll-status",Tl=(N,w)=>N.getAttribute(mv+w),z0=(N,w,S)=>{var W=mv+w;if(S===null){N.removeAttribute(W);return}N.setAttribute(W,S)},mm=N=>Tl(N,gv),fp=(N,w)=>z0(N,gv,w),Zm=N=>fp(N,null),Mg=N=>mm(N)===null,j0=N=>mm(N)===Tg,V0=N=>mm(N)===Eg,Ag=N=>mm(N)===fv,W0=[Tg,dv,pv,Eg],X0=N=>W0.indexOf(mm(N))>=0,vd=(N,w,S,W)=>{if(!!N){if(W!==void 0){N(w,S,W);return}if(S!==void 0){N(w,S);return}N(w)}},mf=(N,w)=>{if(av){N.classList.add(w);return}N.className+=(N.className?" ":"")+w},Ku=(N,w)=>{if(av){N.classList.remove(w);return}N.className=N.className.replace(new RegExp("(^|\\s+)"+w+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},q0=N=>{N.llTempImage=document.createElement("IMG")},Y0=N=>{delete N.llTempImage},vv=N=>N.llTempImage,Jm=(N,w)=>{if(!w)return;const S=w._observer;!S||S.unobserve(N)},Z0=N=>{N.disconnect()},J0=(N,w,S)=>{w.unobserve_entered&&Jm(N,S)},Cg=(N,w)=>{!N||(N.loadingCount+=w)},$0=N=>{!N||(N.toLoadCount-=1)},_v=(N,w)=>{!N||(N.toLoadCount=w)},K0=N=>N.loadingCount>0,Q0=N=>N.toLoadCount>0,yv=N=>{let w=[];for(let S=0,W;W=N.children[S];S+=1)W.tagName==="SOURCE"&&w.push(W);return w},Pg=(N,w)=>{const S=N.parentNode;if(!S||S.tagName!=="PICTURE")return;yv(S).forEach(w)},xv=(N,w)=>{yv(N).forEach(w)},$m=[uc],bv=[uc,cv],Km=[uc,wg,Sg],Qm=N=>!!N[fm],wv=N=>N[fm],Sv=N=>delete N[fm],gm=(N,w)=>{if(Qm(N))return;const S={};w.forEach(W=>{S[W]=N.getAttribute(W)}),N[fm]=S},t_=N=>{Qm(N)||(N[fm]={backgroundImage:N.style.backgroundImage})},e_=(N,w,S)=>{if(!S){N.removeAttribute(w);return}N.setAttribute(w,S)},vm=(N,w)=>{if(!Qm(N))return;const S=wv(N);w.forEach(W=>{e_(N,W,S[W])})},n_=N=>{if(!Qm(N))return;const w=wv(N);N.style.backgroundImage=w.backgroundImage},r_=(N,w,S)=>{mf(N,w.class_applied),fp(N,pv),!!S&&(w.unobserve_completed&&Jm(N,w),vd(w.callback_applied,N,S))},Tv=(N,w,S)=>{mf(N,w.class_loading),fp(N,Tg),!!S&&(Cg(S,1),vd(w.callback_loading,N,S))},mp=(N,w,S)=>{!S||N.setAttribute(w,S)},Ev=(N,w)=>{mp(N,Sg,Tl(N,w.data_sizes)),mp(N,wg,Tl(N,w.data_srcset)),mp(N,uc,Tl(N,w.data_src))},i_=(N,w)=>{Pg(N,S=>{gm(S,Km),Ev(S,w)}),gm(N,Km),Ev(N,w)},o_=(N,w)=>{gm(N,$m),mp(N,uc,Tl(N,w.data_src))},s_=(N,w)=>{xv(N,S=>{gm(S,$m),mp(S,uc,Tl(S,w.data_src))}),gm(N,bv),mp(N,cv,Tl(N,w.data_poster)),mp(N,uc,Tl(N,w.data_src)),N.load()},a_=(N,w,S)=>{const W=Tl(N,w.data_bg),pt=Tl(N,w.data_bg_hidpi),lt=lv&&pt?pt:W;!lt||(N.style.backgroundImage=`url("${lt}")`,vv(N).setAttribute(uc,lt),Tv(N,w,S))},l_=(N,w,S)=>{const W=Tl(N,w.data_bg_multi),pt=Tl(N,w.data_bg_multi_hidpi),lt=lv&&pt?pt:W;!lt||(N.style.backgroundImage=lt,r_(N,w,S))},Mv={IMG:i_,IFRAME:o_,VIDEO:s_},u_=(N,w)=>{const S=Mv[N.tagName];!S||S(N,w)},h_=(N,w,S)=>{const W=Mv[N.tagName];!W||(W(N,w),Tv(N,w,S))},c_=["IMG","IFRAME","VIDEO"],d_=N=>c_.indexOf(N.tagName)>-1,Av=(N,w)=>{w&&!K0(w)&&!Q0(w)&&vd(N.callback_finish,w)},Cv=(N,w,S)=>{N.addEventListener(w,S),N.llEvLisnrs[w]=S},p_=(N,w,S)=>{N.removeEventListener(w,S)},Rg=N=>!!N.llEvLisnrs,f_=(N,w,S)=>{Rg(N)||(N.llEvLisnrs={});const W=N.tagName==="VIDEO"?"loadeddata":"load";Cv(N,W,w),Cv(N,"error",S)},Ig=N=>{if(!Rg(N))return;const w=N.llEvLisnrs;for(let S in w){const W=w[S];p_(N,S,W)}delete N.llEvLisnrs},Pv=(N,w,S)=>{Y0(N),Cg(S,-1),$0(S),Ku(N,w.class_loading),w.unobserve_completed&&Jm(N,S)},m_=(N,w,S,W)=>{const pt=Ag(w);Pv(w,S,W),mf(w,S.class_loaded),fp(w,dv),vd(S.callback_loaded,w,W),pt||Av(S,W)},g_=(N,w,S,W)=>{const pt=Ag(w);Pv(w,S,W),mf(w,S.class_error),fp(w,Eg),vd(S.callback_error,w,W),pt||Av(S,W)},Lg=(N,w,S)=>{const W=vv(N)||N;if(Rg(W))return;f_(W,J=>{m_(J,N,w,S),Ig(W)},J=>{g_(J,N,w,S),Ig(W)})},v_=(N,w,S)=>{q0(N),Lg(N,w,S),t_(N),a_(N,w,S),l_(N,w,S)},__=(N,w,S)=>{Lg(N,w,S),h_(N,w,S)},Og=(N,w,S)=>{d_(N)?__(N,w,S):v_(N,w,S)},y_=(N,w,S)=>{N.setAttribute("loading","lazy"),Lg(N,w,S),u_(N,w),fp(N,fv)},Rv=N=>{N.removeAttribute(uc),N.removeAttribute(wg),N.removeAttribute(Sg)},x_=N=>{Pg(N,w=>{Rv(w)}),Rv(N)},Iv=N=>{Pg(N,w=>{vm(w,Km)}),vm(N,Km)},b_=N=>{xv(N,w=>{vm(w,$m)}),vm(N,bv),N.load()},w_=N=>{vm(N,$m)},S_={IMG:Iv,IFRAME:w_,VIDEO:b_},T_=N=>{const w=S_[N.tagName];if(!w){n_(N);return}w(N)},E_=(N,w)=>{Mg(N)||Ag(N)||(Ku(N,w.class_entered),Ku(N,w.class_exited),Ku(N,w.class_applied),Ku(N,w.class_loading),Ku(N,w.class_loaded),Ku(N,w.class_error))},M_=(N,w)=>{T_(N),E_(N,w),Zm(N),Sv(N)},A_=(N,w,S,W)=>{!S.cancel_on_exit||!j0(N)||N.tagName==="IMG"&&(Ig(N),x_(N),Iv(N),Ku(N,S.class_loading),Cg(W,-1),Zm(N),vd(S.callback_cancel,N,w,W))},C_=(N,w,S,W)=>{const pt=X0(N);fp(N,H0),mf(N,S.class_entered),Ku(N,S.class_exited),J0(N,S,W),vd(S.callback_enter,N,w,W),!pt&&Og(N,S,W)},P_=(N,w,S,W)=>{Mg(N)||(mf(N,S.class_exited),A_(N,w,S,W),vd(S.callback_exit,N,w,W))},R_=["IMG","IFRAME","VIDEO"],Lv=N=>N.use_native&&"loading"in HTMLImageElement.prototype,I_=(N,w,S)=>{N.forEach(W=>{R_.indexOf(W.tagName)!==-1&&y_(W,w,S)}),_v(S,0)},L_=N=>N.isIntersecting||N.intersectionRatio>0,O_=N=>({root:N.container===document?null:N.container,rootMargin:N.thresholds||N.threshold+"px"}),D_=(N,w,S)=>{N.forEach(W=>L_(W)?C_(W.target,W,w,S):P_(W.target,W,w,S))},N_=(N,w)=>{w.forEach(S=>{N.observe(S)})},F_=(N,w)=>{Z0(N),N_(N,w)},B_=(N,w)=>{!sv||Lv(N)||(w._observer=new IntersectionObserver(S=>{D_(S,N,w)},O_(N)))},Ov=N=>Array.prototype.slice.call(N),tg=N=>N.container.querySelectorAll(N.elements_selector),k_=N=>Ov(N).filter(Mg),U_=N=>V0(N),G_=N=>Ov(N).filter(U_),Dv=(N,w)=>k_(N||tg(w)),H_=(N,w)=>{G_(tg(N)).forEach(W=>{Ku(W,N.class_error),Zm(W)}),w.update()},z_=(N,w)=>{!pp||window.addEventListener("online",()=>{H_(N,w)})},_m=function(N,w){const S=uv(N);this._settings=S,this.loadingCount=0,B_(S,this),z_(S,this),this.update(w)};_m.prototype={update:function(N){const w=this._settings,S=Dv(N,w);if(_v(this,S.length),ov||!sv){this.loadAll(S);return}if(Lv(w)){I_(S,w,this);return}F_(this._observer,S)},destroy:function(){this._observer&&this._observer.disconnect(),tg(this._settings).forEach(N=>{Sv(N)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(N){const w=this._settings;Dv(N,w).forEach(W=>{Jm(W,this),Og(W,w,this)})},restoreAll:function(){const N=this._settings;tg(N).forEach(w=>{M_(w,N)})}};_m.load=(N,w)=>{const S=uv(w);Og(N,S)};_m.resetStatus=N=>{Zm(N)};pp&&G0(_m,window.lazyLoadOptions);class Nv{constructor({readonly:w,onNewPageIndex:S,onPlay:W}){this._pages=[],this.pageIndex=0,this.setPaused=()=>{this.$btnPlay.classList.toggle(this.wrapClassName("footer-btn-playing"),!1)},this.setPlaying=()=>{this.$btnPlay.classList.toggle(this.wrapClassName("footer-btn-playing"),!0)},this.namespace="netless-app-slide",this.isShowPreview=!1,this.isSmallBox=!1,this.sideEffect=new Xm,this.readonly=w,this.onNewPageIndex=S,this.onPlay=W,this.render()}set pages(w){this._pages=w,this.refreshPreview(),this.refreshTotalPage(),this.refreshBtnSidebar()}get pages(){return this._pages}unmount(){this.$content.remove(),this.$footer.remove()}setReadonly(w){this.readonly=w,this.$content.classList.toggle(this.wrapClassName("readonly"),w),this.$footer.classList.toggle(this.wrapClassName("readonly"),w),this.$pageNumberInput.disabled=w}destroy(){this.sideEffect.flushAll(),this.unmount()}setPageIndex(w){Number.isNaN(w)||(this.pageIndex=w,this.$pageNumberInput.value=String(w+1))}refreshTotalPage(){this.pages.length?this.$totalPage.textContent=" / "+this.pages.length:this.$totalPage.textContent=""}setSmallBox(w){this.isSmallBox!==w&&(this.isSmallBox=w,this.$footer.classList.toggle(this.wrapClassName("float-footer"),w))}render(){return this.renderContent(),this.renderFooter(),this.$content}renderContent(){if(!this.$content){const w=document.createElement("div");w.className=this.wrapClassName("content"),this.$content=w,this.readonly&&w.classList.add(this.wrapClassName("readonly")),w.appendChild(this.renderPreviewMask()),w.appendChild(this.renderPreview())}return this.$content}renderPreview(){if(!this.$preview){const w=document.createElement("div");w.className=this.wrapClassName("preview")+" tele-fancy-scrollbar",this.$preview=w,this.sideEffect.add(()=>(this.previewLazyLoad=new _m({container:this.$preview,elements_selector:`.${this.wrapClassName("preview-page>img")}`}),()=>{var S;return(S=this.previewLazyLoad)==null?void 0:S.destroy()})),this.refreshPreview(),this.sideEffect.addEventListener(w,"click",S=>{var pt;if(this.readonly)return;const W=(pt=S.target.dataset)==null?void 0:pt.pageIndex;W&&(S.preventDefault(),S.stopPropagation(),S.stopImmediatePropagation(),this.onNewPageIndex(Number(W)),this.togglePreview(!1))})}return this.$preview}refreshPreview(){var pt;const{$preview:w}=this,S=this.wrapClassName("preview-page"),W=this.wrapClassName("preview-page-name");for(;w.firstChild;)w.firstChild.remove();this.pages.forEach((lt,J)=>{var kt;const X=(kt=lt.thumbnail)!=null?kt:lt.src.startsWith("ppt")?void 0:lt.src;if(!X)return;const ct=String(J),tt=document.createElement("a");tt.className=S+" "+this.wrapClassName(`preview-page-${J}`),tt.setAttribute("href","#"),tt.dataset.pageIndex=ct;const $=document.createElement("span");$.className=W,$.textContent=String(J+1),$.dataset.pageIndex=ct;const ut=document.createElement("img");ut.width=lt.width,ut.height=lt.height,ut.dataset.src=X,ut.dataset.pageIndex=ct,tt.appendChild(ut),tt.appendChild($),w.appendChild(tt)}),(pt=this.previewLazyLoad)==null||pt.update()}renderPreviewMask(){return this.$previewMask||(this.$previewMask=document.createElement("div"),this.$previewMask.className=this.wrapClassName("preview-mask"),this.sideEffect.addEventListener(this.$previewMask,"click",w=>{this.readonly||w.target===this.$previewMask&&this.togglePreview(!1)})),this.$previewMask}refreshBtnSidebar(){this.$btnSidebar.style.display=this.pages.length>0?"":"none"}renderFooter(){if(!this.$footer){const w=document.createElement("div");w.className=this.wrapClassName("footer"),this.$footer=w,this.readonly&&w.classList.add(this.wrapClassName("readonly")),this.isSmallBox&&w.classList.add(this.wrapClassName("float-footer"));const S=this.renderFooterBtn("btn-sidebar",D0(this.namespace));this.sideEffect.addEventListener(S,"click",()=>{this.readonly||this.togglePreview()}),this.$btnSidebar=S,this.$btnSidebar.style.display="none",this.$footer.appendChild(S);const W=document.createElement("div");W.className=this.wrapClassName("page-jumps");const pt=this.renderFooterBtn("btn-page-back",N0(this.namespace));if(this.sideEffect.addEventListener(pt,"click",()=>{this.readonly||this.onNewPageIndex(this.pageIndex-1)}),W.appendChild(pt),this.onPlay){const tt=this.renderFooterBtn("btn-page-play",B0(this.namespace),k0(this.namespace));this.$btnPlay=tt,this.sideEffect.addEventListener(tt,"click",()=>{this.readonly||(this.setPlaying(),this.onPlay&&this.onPlay())}),W.appendChild(tt)}const lt=this.renderFooterBtn("btn-page-next",F0(this.namespace));this.sideEffect.addEventListener(lt,"click",()=>{this.readonly||this.onNewPageIndex(this.pageIndex+1)}),W.appendChild(lt);const J=document.createElement("div");J.className=this.wrapClassName("page-number");const X=document.createElement("input");X.className=this.wrapClassName("page-number-input"),X.value=String(this.pageIndex+1),this.readonly&&(X.disabled=!0),this.$pageNumberInput=X,this.sideEffect.addEventListener(X,"change",()=>{this.readonly||X.value&&this.onNewPageIndex(Number(X.value)-1)});const ct=document.createElement("span");this.$totalPage=ct,J.appendChild(X),J.appendChild(ct),this.$footer.appendChild(W),this.$footer.appendChild(J)}return this.$footer}renderFooterBtn(w,S,W){const pt=document.createElement("button");return pt.className=this.wrapClassName("footer-btn")+" "+this.wrapClassName(w),pt.appendChild(S),W&&pt.appendChild(W),pt}togglePreview(w){if(this.isShowPreview=w!=null?w:!this.isShowPreview,this.$content.classList.toggle(this.wrapClassName("preview-active"),this.isShowPreview),this.isShowPreview){const S=this.$preview.querySelector("."+this.wrapClassName(`preview-page-${this.pageIndex}`));S&&this.$preview.scrollTo({top:S.offsetTop-16})}}wrapClassName(w){return`${this.namespace}-${w}`}}const j_=new Set(["clicker"]);class V_{constructor({box:w,view:S,mountSlideController:W,mountWhiteboard:pt}){this.slideController=null,this.isViewMounted=!1,this.onError=({error:lt})=>{this.viewer.setPaused(),console.warn("[Slide] render error",lt)},this.refreshPages=()=>{this.slideController&&(this.viewer.pages=iv(this.slideController.slide),this.viewer.setPageIndex(this.getPageIndex(this.slideController.page)),this.scaleDocsToFit())},this.scaleDocsToFit=()=>{if(this.slideController){const{width:lt,height:J}=this.slideController.slide;lt&&J&&(this.whiteboardView.moveCameraToContain({originX:-lt/2,originY:-J/2,width:lt,height:J,animationMode:"immediately"}),this.isViewMounted||(this.isViewMounted=!0,console.log("[Slide] mount whiteboard view"),this.mountWhiteboard(this.$whiteboardView)))}},this.onPlay=()=>{this.slideController&&this.slideController.slide.nextStep()},this.onNewPageIndex=lt=>{this.slideController&&this.slideController.jumpToPage(lt+1)},this.sideEffect=new Xm,this.namespace="netless-app-slide",this.box=w,this.whiteboardView=S,this.mountSlideController=W,this.mountWhiteboard=pt,this.viewer=new Nv({readonly:w.readonly,onNewPageIndex:this.onNewPageIndex,onPlay:this.onPlay}),this.sideEffect.add(()=>{const lt=J=>{this.setReadonly(J)};return w.events.on("readonly",lt),()=>w.events.off("readonly",lt)}),this.render()}render(){this.viewer.$content.appendChild(this.renderSlideContainer()),this.viewer.$content.appendChild(this.renderWhiteboardView()),this.sideEffect.addEventListener(window,"keydown",w=>{if(this.box.focus&&this.slideController)switch(w.key){case"ArrowUp":case"ArrowLeft":{this.slideController.slide.prevStep();break}case"ArrowRight":case"ArrowDown":{this.slideController.slide.nextStep();break}}})}renderSlideContainer(){if(!this.$slide){const w=document.createElement("div");w.className=this.wrapClassName("slide"),w.dataset.appKind="Slide",this.$slide=w}return this.$slide}renderWhiteboardView(){return this.$whiteboardView||(this.$whiteboardView=document.createElement("div"),this.$whiteboardView.className=this.wrapClassName("wb-view")),this.$whiteboardView}mount(){return this.box.mountContent(this.viewer.$content),this.box.mountFooter(this.viewer.$footer),this.slideController=this.mountSlideController({anchor:this.$slide,onTransitionStart:this.viewer.setPlaying,onTransitionEnd:this.viewer.setPaused,onReady:this.refreshPages,onError:this.onError}),this.scaleDocsToFit(),this.sideEffect.add(()=>(this.whiteboardView.callbacks.on("onSizeUpdated",this.scaleDocsToFit),()=>this.whiteboardView.callbacks.off("onSizeUpdated",this.scaleDocsToFit))),this}getPageIndex(w){return(w>0?w:1)-1}unmount(){return this.slideController&&(this.slideController.destroy(),this.slideController=null),this.viewer.unmount(),this}setReadonly(w){this.viewer.setReadonly(w)}destroy(){this.sideEffect.flushAll(),this.unmount(),this.viewer.destroy()}toggleClickThrough(w){this.$whiteboardView.style.pointerEvents=!w||j_.has(w)?"none":"auto"}wrapClassName(w){return`${this.namespace}-${w}`}}const Fv=2,eg={map:new Map,queue:[],validateQueue(){for(es("[Slide] freezer: validate",this.queue);this.queue.length>Fv;){const N=this.queue.pop(),w=this.map.get(N);w&&(es("[Slide] freezer: validate-freeze",N,this.queue),w.freeze())}},set(N,w){es("[Slide] freezer: add",N,this.queue),this.map.set(N,w),this.queue.includes(N)||this.queue.unshift(N),this.validateQueue()},delete(N){es("[Slide] freezer: delete",N,this.queue),this.map.delete(N),this.queue=this.queue.filter(w=>w!==N)},focus(N){const w=this.map.get(N),S=this.queue.indexOf(N);S>-1&&this.queue.splice(S,1),this.queue.unshift(N),this.validateQueue(),es("[Slide] freezer: focus",N,this.queue),w&&w.unfreeze()}},W_=N=>{N.on("focus",({appId:w})=>{eg.focus(w)})};var Bv=`.netless-app-slide-content{position:relative;height:100%;overflow:hidden}.netless-app-slide-preview-mask{display:none;position:absolute;z-index:200;top:0;left:0;width:100%;height:100%}.netless-app-slide-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:300;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}.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;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;user-select:none}.netless-app-slide-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;color:#191919}.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;user-select:none}.netless-app-slide-footer-btn:hover{background:rgba(237,237,240,.9)}.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{margin-left:auto;font-size:13px;user-select:none;white-space:nowrap;word-break:keep-all}.netless-app-slide-page-number-input{border:none;outline:none;width:1.5em;text-align:right;border-radius:2px;color:currentColor;background:transparent;transition:background .4s;user-select:text}.netless-app-slide-page-number-input:hover,.netless-app-slide-page-number-input:focus,.netless-app-slide-page-number-input:active{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}.netless-app-slide-wb-view{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow:hidden}.netless-app-slide-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.netless-app-slide-slide canvas{transform:scale(var(--netless-app-slide-scale, 1))}
6079
- `;function X_({container:N,taskId:w,url:S=xg,debug:W=!1}){if(!w)throw new Error("[Slide] taskId is required");N.style.cssText+="display:flex;flex-direction:column";const pt=new kv({target:N});return pt.debug=!!W,pt.mount(w,S),pt}class kv{constructor(w){this.slide=null,this.debug=!1,this.ready=!1,this.readyPromise=new Promise(S=>{this.resolveReady=()=>{this.ready=!0,S()}}),this.onPageChanged=S=>{this.viewer.setPageIndex(S-1)},this.onTransitionStart=()=>{this.viewer.setPlaying()},this.onTransitionEnd=()=>{this.viewer.setPaused()},this.onError=({error:S})=>{this.viewer.setPaused(),console.warn("[Slide] render error",S)},this.destroyed=!1,this.refreshPages=()=>{this.slide&&(this.viewer.pages=iv(this.slide),this.viewer.setPageIndex(this.getPageIndex(this.slide.slideCount)))},this.onPlay=()=>{this.slide&&this.slide.nextStep()},this.onNewPageIndex=S=>{this.slide&&this.slide.slideCount>0&&this.slide.renderSlide(Zg(S+1,1,this.slide.slideCount))},this.namespace="netless-app-slide",this.target=w.target,this.bgColor=rv(this.target),this.viewer=new Nv({readonly:!1,onNewPageIndex:this.onNewPageIndex,onPlay:this.onPlay}),this.render()}render(){this.viewer.$content.appendChild(this.renderSlideContainer())}mount(w,S){this.target.appendChild(this.renderStyle()),this.target.appendChild(this.viewer.$content),this.target.appendChild(this.viewer.$footer),this.slide=new bo.Slide({anchor:this.$slide,interactive:!1,mode:"local",resize:!0,controller:this.debug,renderOptions:{minFPS:25,maxFPS:30,autoFPS:!0,autoResolution:!0,transactionBgColor:this.bgColor}}),this.registerEventListeners(),this.slide.setResource(w,S),this.slide.renderSlide(1)}renderStyle(){const w=document.createElement("style");return w.appendChild(document.createTextNode(Bv)),w}registerEventListeners(){if(!this.slide)return;const{slide:w}=this;w.on(bo.SLIDE_EVENTS.slideChange,this.onPageChanged),w.on(bo.SLIDE_EVENTS.renderStart,this.onTransitionStart),w.on(bo.SLIDE_EVENTS.renderEnd,this.onTransitionEnd),w.on(bo.SLIDE_EVENTS.mainSeqStepStart,this.onTransitionStart),w.on(bo.SLIDE_EVENTS.mainSeqStepEnd,this.onTransitionEnd),w.on(bo.SLIDE_EVENTS.renderError,this.onError),w.on(bo.SLIDE_EVENTS.renderEnd,this.resolveReady),this.readyPromise.then(this.refreshPages)}destroy(){this.slide&&!this.destroyed&&(es("[Slide] destroy slide (once)"),this.slide.destroy(),this.destroyed=!0),this.viewer.destroy()}getPageIndex(w){return(w>0?w:1)-1}renderSlideContainer(){if(!this.$slide){const w=document.createElement("div");w.className=this.wrapClassName("slide"),w.dataset.appKind="Slide",this.$slide=w}return this.$slide}wrapClassName(w){return`${this.namespace}-${w}`}}const q_={kind:"Slide",setup(N){N.getIsWritable()&&b0(N,bg);const w=N.getAttributes();if(!(w==null?void 0:w.taskId))throw new Error("[Slide] no taskId");const S=N.getView();if(!S)throw new Error("[Slide] no view, please set scenePath on addApp()");S.disableCameraTransform=!0;const W=N.getBox();W.mountStyles(Bv);const pt=N.getInitScenePath();let lt=null;const J=$=>{const ut=N.getRoom();if(lt&&lt.slideController){let kt=!1;ut&&N.getIsWritable()&&(I0(ut,N,lt.slideController.slide,pt),kt=!0),es("[Slide] page to",$,kt),lt.viewer.setPageIndex($-1)}},X=$=>{var kt,Gt;const ut=new O0(Xg(dp({context:N},$),{onPageChanged:J}));return eg.set(N.appId,ut),((kt=$u.apps)[Gt=N.appId]||(kt[Gt]={})).controller=ut,ut.readyPromise.then($.onReady),ut};lt=new V_({box:W,view:S,mountSlideController:X,mountWhiteboard:N.mountView.bind(N)});const ct=N.getRoom(),tt=new Xm;tt.add(()=>{var $,ut,kt;return(($=$u.apps)[ut=N.appId]||($[ut]={})).context=N,$u.enable=((kt=N.getAppOptions())==null?void 0:kt.debug)||!1,$u.level="debug",()=>$u.dispose(N.appId)}),ct&&(lt.toggleClickThrough(ct.state.memberState.currentApplianceName),tt.add(()=>{const $=ut=>{ut.memberState&&lt&&lt.toggleClickThrough(ut.memberState.currentApplianceName)};return ct.callbacks.on("onRoomStateChanged",$),()=>ct.callbacks.off("onRoomStateChanged",$)})),N.emitter.on("destroy",()=>{es("[Slide]: destroy"),eg.delete(N.appId),tt.flushAll(),lt&&(lt.destroy(),lt=null)}),lt.mount()}};exports.DefaultUrl=xg;exports.FreezerLength=Fv;exports.SlidePreviewer=kv;exports.addHooks=W_;exports.apps=eg;exports.default=q_;exports.previewSlide=X_;
6079
+ `;function X_({container:N,taskId:w,url:S=xg,debug:W=!1}){if(!w)throw new Error("[Slide] taskId is required");N.style.cssText+="display:flex;flex-direction:column";const pt=new kv({target:N});return pt.debug=!!W,pt.mount(w,S),pt}class kv{constructor(w){this.slide=null,this.debug=!1,this.ready=!1,this.readyPromise=new Promise(S=>{this.resolveReady=()=>{this.ready=!0,S()}}),this.onPageChanged=S=>{this.viewer.setPageIndex(S-1)},this.onTransitionStart=()=>{this.viewer.setPlaying()},this.onTransitionEnd=()=>{this.viewer.setPaused()},this.onError=({error:S})=>{this.viewer.setPaused(),console.warn("[Slide] render error",S)},this.destroyed=!1,this.refreshPages=()=>{this.slide&&(this.viewer.pages=iv(this.slide),this.viewer.setPageIndex(this.getPageIndex(this.slide.slideState.currentSlideIndex)))},this.onPlay=()=>{this.slide&&this.slide.nextStep()},this.onNewPageIndex=S=>{this.slide&&this.slide.slideCount>0&&this.slide.renderSlide(Zg(S+1,1,this.slide.slideCount))},this.namespace="netless-app-slide",this.target=w.target,this.bgColor=rv(this.target),this.viewer=new Nv({readonly:!1,onNewPageIndex:this.onNewPageIndex,onPlay:this.onPlay}),this.render()}render(){this.viewer.$content.appendChild(this.renderSlideContainer())}mount(w,S){this.target.appendChild(this.renderStyle()),this.target.appendChild(this.viewer.$content),this.target.appendChild(this.viewer.$footer),this.slide=new bo.Slide({anchor:this.$slide,interactive:!1,mode:"local",resize:!0,controller:this.debug,renderOptions:{minFPS:25,maxFPS:30,autoFPS:!0,autoResolution:!0,transactionBgColor:this.bgColor}}),this.registerEventListeners(),this.slide.setResource(w,S),this.slide.renderSlide(1)}renderStyle(){const w=document.createElement("style");return w.appendChild(document.createTextNode(Bv)),w}registerEventListeners(){if(!this.slide)return;const{slide:w}=this;w.on(bo.SLIDE_EVENTS.slideChange,this.onPageChanged),w.on(bo.SLIDE_EVENTS.renderStart,this.onTransitionStart),w.on(bo.SLIDE_EVENTS.renderEnd,this.onTransitionEnd),w.on(bo.SLIDE_EVENTS.mainSeqStepStart,this.onTransitionStart),w.on(bo.SLIDE_EVENTS.mainSeqStepEnd,this.onTransitionEnd),w.on(bo.SLIDE_EVENTS.renderError,this.onError),w.on(bo.SLIDE_EVENTS.renderEnd,this.resolveReady),this.readyPromise.then(this.refreshPages)}destroy(){this.slide&&!this.destroyed&&(es("[Slide] destroy slide (once)"),this.slide.destroy(),this.destroyed=!0),this.viewer.destroy()}getPageIndex(w){return(w>0?w:1)-1}renderSlideContainer(){if(!this.$slide){const w=document.createElement("div");w.className=this.wrapClassName("slide"),w.dataset.appKind="Slide",this.$slide=w}return this.$slide}wrapClassName(w){return`${this.namespace}-${w}`}}const q_={kind:"Slide",setup(N){N.getIsWritable()&&b0(N,bg);const w=N.getAttributes();if(!(w==null?void 0:w.taskId))throw new Error("[Slide] no taskId");const S=N.getView();if(!S)throw new Error("[Slide] no view, please set scenePath on addApp()");S.disableCameraTransform=!0;const W=N.getBox();W.mountStyles(Bv);const pt=N.getInitScenePath();let lt=null;const J=$=>{const ut=N.getRoom();if(lt&&lt.slideController){let kt=!1;ut&&N.getIsWritable()&&(I0(ut,N,lt.slideController.slide,pt),kt=!0),es("[Slide] page to",$,kt),lt.viewer.setPageIndex($-1)}},X=$=>{var kt,Gt;const ut=new O0(Xg(dp({context:N},$),{onPageChanged:J}));return eg.set(N.appId,ut),((kt=$u.apps)[Gt=N.appId]||(kt[Gt]={})).controller=ut,ut.readyPromise.then($.onReady),ut};lt=new V_({box:W,view:S,mountSlideController:X,mountWhiteboard:N.mountView.bind(N)});const ct=N.getRoom(),tt=new Xm;tt.add(()=>{var $,ut,kt;return(($=$u.apps)[ut=N.appId]||($[ut]={})).context=N,$u.enable=((kt=N.getAppOptions())==null?void 0:kt.debug)||!1,$u.level="debug",()=>$u.dispose(N.appId)}),ct&&(lt.toggleClickThrough(ct.state.memberState.currentApplianceName),tt.add(()=>{const $=ut=>{ut.memberState&&lt&&lt.toggleClickThrough(ut.memberState.currentApplianceName)};return ct.callbacks.on("onRoomStateChanged",$),()=>ct.callbacks.off("onRoomStateChanged",$)})),N.emitter.on("destroy",()=>{es("[Slide]: destroy"),eg.delete(N.appId),tt.flushAll(),lt&&(lt.destroy(),lt=null)}),lt.mount()}};exports.DefaultUrl=xg;exports.FreezerLength=Fv;exports.SlidePreviewer=kv;exports.addHooks=W_;exports.apps=eg;exports.default=q_;exports.previewSlide=X_;
6080
6080
  //# sourceMappingURL=main.cjs.js.map