@netless/app-slide 0.0.53 → 0.0.54
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/SlidePreviewer/index.d.ts +9 -0
- package/dist/index.d.ts +1 -1
- package/dist/main.cjs.js +1 -1
- package/dist/main.cjs.js.map +1 -1
- package/dist/main.es.js +21 -17
- package/dist/main.es.js.map +1 -1
- package/dist/main.iife.js +1 -1
- package/dist/main.iife.js.map +1 -1
- package/package.json +1 -1
- package/src/SlidePreviewer/index.ts +37 -18
- package/src/index.ts +1 -1
package/dist/main.iife.js
CHANGED
|
@@ -6369,5 +6369,5 @@ void main(void){
|
|
|
6369
6369
|
`,this.log+=JSON.stringify(t,null,2),this.log+=`
|
|
6370
6370
|
|
|
6371
6371
|
`}},e.prototype.setMainSeqStep=function(t,n){var r;(r=this.player)===null||r===void 0||r.setMainSeqStep(t,n)},e.prototype.setInteractive=function(t){var n;this.interactive=t,(n=this.player)===null||n===void 0||n.setInteractive(t)},e.prototype.pause=function(){var t;(t=this.player)===null||t===void 0||t.pause()},e.prototype.resume=function(){var t;(t=this.player)===null||t===void 0||t.resume()},e.prototype.frozen=function(){var t;return Hs(this,void 0,void 0,function(){var n,r,o,s=this;return zs(this,function(a){switch(a.label){case 0:return this.isFrowning?[2,ny(function(){return!s.isFrowning},6e4)]:this.view&&this.player?(this.isFrowning=!0,[4,this.player.clock.waitUntil(function(){return!s.isLoading},6e4)]):[3,2];case 1:for(r in a.sent(),n=this.player.getSnapshot()||"",this.cacheImage.src=n,this.frame.appendChild(this.cacheImage),this.player.destroy(),(t=this.playerController)===null||t===void 0||t.destroy(),this.player=void 0,this.__slideState.mediaState)o=this.__slideState.mediaState[r],this.__slideState.mediaState[r]=Fp(Fp({},o),{frozenTime:this.timestamp()});this.isFrowning=!1,a.label=2;case 2:return[2]}})})},e.prototype.release=function(){var t;return Hs(this,void 0,void 0,function(){var n,r,o,s,a=this;return zs(this,function(l){switch(l.label){case 0:if(this.isReleasing)return[2,ny(function(){return!a.isReleasing},6e4)];for(r in this.isReleasing=!0,this.player=this.initPlayer(this.config),this.player.view&&(this.frame.appendChild(this.player.view),this.player.view.style.visibility="hidden"),n=this.__slideState,this.__slideState=Object(q.cloneDeep)(kT),n.mediaState)(o=n.mediaState[r]).type==="play"&&(s=Math.max((t=o.frozenTime)!==null&&t!==void 0?t:0,o.time),o.time=this.timestamp()-(s-o.time),o.frozenTime=void 0);return[4,this.setSlideState(n)];case 1:return l.sent(),[4,this.player.clock.delay(333)];case 2:l.sent(),this.player.view&&(this.player.view.style.visibility="visible");try{this.frame.removeChild(this.cacheImage)}catch{}return this.isReleasing=!1,[2]}})})},e.prototype.destroy=function(){var t,n,r,o;this.playerController&&this.playerController.destroy(),this.frameResizeObserver.disconnect(),(t=this.player)===null||t===void 0||t.removeAllListeners(),(n=this.player)===null||n===void 0||n.destroy(),(r=this.player)===null||r===void 0||r.removeAllListeners(),window.removeEventListener("__slide_log__",this.handleLogDownload),window.removeEventListener("__slide_state__",this.handleSlideStateLog),window.removeEventListener("__slide_ref__",this.handleSlideRef),window.clearInterval(this.persistLogId),Hu&&Hu.removeItem(this.logId).catch(function(){});try{((o=this.player)===null||o===void 0?void 0:o.view)&&this.anchor.removeChild(this.player.view)}catch{}},e.disposeLocalCache=function(){Us.storeManager.dispose()},e}(L.a)}]),uy={exports:{}},oE={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]},hy={exports:{}},sE=function(P){return!P||typeof P=="string"?!1:P instanceof Array||Array.isArray(P)||P.length>=0&&(P.splice instanceof Function||Object.getOwnPropertyDescriptor(P,P.length-1)&&P.constructor.name!=="String")},aE=sE,lE=Array.prototype.concat,uE=Array.prototype.slice,cy=hy.exports=function(P){for(var _=[],b=0,ie=P.length;b<ie;b++){var pe=P[b];aE(pe)?_=lE.call(_,uE.call(pe)):_.push(pe)}return _};cy.wrap=function(T){return function(){return T(cy(arguments))}};var Dc=oE,Fc=hy.exports,dy=Object.hasOwnProperty,py={};for(var Dg in Dc)dy.call(Dc,Dg)&&(py[Dc[Dg]]=Dg);var Zr=uy.exports={to:{},get:{}};Zr.get=function(T){var P=T.substring(0,3).toLowerCase(),_,b;switch(P){case"hsl":_=Zr.get.hsl(T),b="hsl";break;case"hwb":_=Zr.get.hwb(T),b="hwb";break;default:_=Zr.get.rgb(T),b="rgb";break}return _?{model:b,value:_}:null},Zr.get.rgb=function(T){if(!T)return null;var P=/^#([a-f0-9]{3,4})$/i,_=/^#([a-f0-9]{6})([a-f0-9]{2})?$/i,b=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,ie=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,pe=/^(\w+)$/,$=[0,0,0,1],L,q,Y;if(L=T.match(_)){for(Y=L[2],L=L[1],q=0;q<3;q++){var U=q*2;$[q]=parseInt(L.slice(U,U+2),16)}Y&&($[3]=parseInt(Y,16)/255)}else if(L=T.match(P)){for(L=L[1],Y=L[3],q=0;q<3;q++)$[q]=parseInt(L[q]+L[q],16);Y&&($[3]=parseInt(Y+Y,16)/255)}else if(L=T.match(b)){for(q=0;q<3;q++)$[q]=parseInt(L[q+1],0);L[4]&&(L[5]?$[3]=parseFloat(L[4])*.01:$[3]=parseFloat(L[4]))}else if(L=T.match(ie)){for(q=0;q<3;q++)$[q]=Math.round(parseFloat(L[q+1])*2.55);L[4]&&(L[5]?$[3]=parseFloat(L[4])*.01:$[3]=parseFloat(L[4]))}else return(L=T.match(pe))?L[1]==="transparent"?[0,0,0,0]:dy.call(Dc,L[1])?($=Dc[L[1]],$[3]=1,$):null:null;for(q=0;q<3;q++)$[q]=Da($[q],0,255);return $[3]=Da($[3],0,1),$},Zr.get.hsl=function(T){if(!T)return null;var P=/^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*)?\)$/,_=T.match(P);if(_){var b=parseFloat(_[4]),ie=(parseFloat(_[1])%360+360)%360,pe=Da(parseFloat(_[2]),0,100),$=Da(parseFloat(_[3]),0,100),L=Da(isNaN(b)?1:b,0,1);return[ie,pe,$,L]}return null},Zr.get.hwb=function(T){if(!T)return null;var P=/^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*)?\)$/,_=T.match(P);if(_){var b=parseFloat(_[4]),ie=(parseFloat(_[1])%360+360)%360,pe=Da(parseFloat(_[2]),0,100),$=Da(parseFloat(_[3]),0,100),L=Da(isNaN(b)?1:b,0,1);return[ie,pe,$,L]}return null},Zr.to.hex=function(){var T=Fc(arguments);return"#"+zp(T[0])+zp(T[1])+zp(T[2])+(T[3]<1?zp(Math.round(T[3]*255)):"")},Zr.to.rgb=function(){var T=Fc(arguments);return T.length<4||T[3]===1?"rgb("+Math.round(T[0])+", "+Math.round(T[1])+", "+Math.round(T[2])+")":"rgba("+Math.round(T[0])+", "+Math.round(T[1])+", "+Math.round(T[2])+", "+T[3]+")"},Zr.to.rgb.percent=function(){var T=Fc(arguments),P=Math.round(T[0]/255*100),_=Math.round(T[1]/255*100),b=Math.round(T[2]/255*100);return T.length<4||T[3]===1?"rgb("+P+"%, "+_+"%, "+b+"%)":"rgba("+P+"%, "+_+"%, "+b+"%, "+T[3]+")"},Zr.to.hsl=function(){var T=Fc(arguments);return T.length<4||T[3]===1?"hsl("+T[0]+", "+T[1]+"%, "+T[2]+"%)":"hsla("+T[0]+", "+T[1]+"%, "+T[2]+"%, "+T[3]+")"},Zr.to.hwb=function(){var T=Fc(arguments),P="";return T.length>=4&&T[3]!==1&&(P=", "+T[3]),"hwb("+T[0]+", "+T[1]+"%, "+T[2]+"%"+P+")"},Zr.to.keyword=function(T){return py[T.slice(0,3)]};function Da(T,P,_){return Math.min(Math.max(P,T),_)}function zp(T){var P=Math.round(T).toString(16).toUpperCase();return P.length<2?"0"+P:P}var hE=uy.exports;function fy(T){try{const P=window.getComputedStyle(T).backgroundColor;if(P!=="rgba(0, 0, 0, 0)"&&P!=="transparent")return P;if(T.parentElement)return fy(T.parentElement)}catch{}return"#ffffff"}function cE(T){const P=hE.get(T);if(P&&P.model==="rgb"){const _=P.value,ie=(((Math.round(_[0])&255)<<16)+((Math.round(_[1])&255)<<8)+(Math.round(_[2])&255)).toString(16);return"#"+"000000".substring(ie.length)+ie}else return T}let jp="";function my(T){return jp||(jp=cE(fy(T)),Ji("[Slide] guess bg color",jp)),jp}function gy(T){const{width:P,height:_,slideCount:b,slideState:ie}=T,{taskId:pe,url:$}=ie,L=[];for(let q=1;q<=b;++q)L.push({width:P,height:_,thumbnail:`${$}/${pe}/preview/${q}.png`,src:"ppt"});return L}function dE(T,P,_,b){var L;const ie=_.slideState.currentSlideIndex;if(!(ie>0)||!P.getIsWritable())return;const pe=[b,ie].join("/");if(T.scenePathType(pe)!=="page"){T.removeScenes(b);const q=_.slideCount,Y=[];for(let U=1;U<=q;++U)Y.push({name:`${U}`});T.putScenes(b,Y)}let $;P.getBox().focus?$=T.state.sceneState.scenePath:$=((L=P.getView())==null?void 0:L.focusScenePath)||"",$!==pe&&P.setScenePath(pe)}const Fg="https://convertcdn.netless.link/dynamicConvert",pE=40,Bg={taskId:"",url:"",state:null};class fE{constructor({context:P,anchor:_,onPageChanged:b,onTransitionStart:ie,onTransitionEnd:pe,onError:$}){this.sideEffect=new Nc,this.ready=!1,this.readyPromise=new Promise(L=>{this.resolveReady=()=>setTimeout(()=>{this.ready=!0,L()},1e3)}),this.onSyncDispatch=L=>{if(this.context.getIsWritable()&&this.room){const q={type:Mi.SLIDE_EVENTS.syncDispatch,payload:L};Ji("[Slide] dispatch",L),this.room.dispatchMagixEvent(this.channel,q)}},this.magixEventListener=L=>{if(L.event===this.channel&&Jr(L.payload)){const{type:q,payload:Y}=L.payload;q===Mi.SLIDE_EVENTS.syncDispatch&&(this.syncStateOnce(),Ji("[Slide] receive",Y),this.slide.emit(Mi.SLIDE_EVENTS.syncReceive,Y))}},this.onStateChange=L=>{this.context.getIsWritable()&&(eE("[Slide] state change",JSON.stringify(L,null,2)),this.context.updateAttributes(["state"],L))},this.onSeeked=()=>{const L=this.context.getAttributes().state;L&&this.slide.setSlideState(Oc(L))},this.pollCount=0,this.pollReadyState=()=>{this.ready?this._toFreeze===1?this.freeze():this._toFreeze===-1&&this.unfreeze():this.pollCount<pE?(this.pollCount++,setTimeout(this.pollReadyState,500)):(this.pollCount=0,Ji("[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?(Ji("[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?(Ji("[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=b,this.onTransitionStart=ie,this.onTransitionEnd=pe,this.onError=$,this.context=P,this.channel=`channel-${P.appId}`,this.room=P.getRoom(),this.player=this.room?void 0:P.getDisplayer(),this.slide=this.createSlide(_),this.syncStateOnceFlag=!this.context.isAddApp,this.initialize()}jumpToPage(P){this.ready&&(P=Sr(P,1,this.pageCount),this.slide.renderSlide(P))}initialize(){this.registerEventListeners(),this.kickStart()}kickStart(){const{context:P,slide:_}=this,{taskId:b,url:ie,state:pe}=ju(ju({},Bg),this.context.getAttributes());_.setResource(b,ie||Fg),pe?(Ji("[Slide] init with state",Oc(pe)),this.syncStateOnceFlag=!1,_.setSlideState(Oc(pe))):P.isAddApp&&(Ji("[Slide] init by renderSlide",1),_.renderSlide(1)),this.pollReadyState()}registerEventListeners(){const{context:P,slide:_}=this;this.sideEffect.add(()=>{const b=P.mobxUtils.reaction(()=>P.getAttributes().state,()=>{this.syncStateOnce(),b()});return b}),this.sideEffect.add(()=>(P.emitter.on("seek",this.onSeeked),()=>P.emitter.off("seek",this.onSeeked))),this.sideEffect.add(()=>{const b=P.getDisplayer();return b.addMagixEventListener(this.channel,this.magixEventListener,{fireSelfEventAfterCommit:!0}),()=>b.removeMagixEventListener(this.channel)}),_.on(Mi.SLIDE_EVENTS.slideChange,this.onPageChanged),_.on(Mi.SLIDE_EVENTS.renderStart,this.onTransitionStart),_.on(Mi.SLIDE_EVENTS.renderEnd,this.onTransitionEnd),_.on(Mi.SLIDE_EVENTS.mainSeqStepStart,this.onTransitionStart),_.on(Mi.SLIDE_EVENTS.mainSeqStepEnd,this.onTransitionEnd),_.on(Mi.SLIDE_EVENTS.renderError,this.onError),_.on(Mi.SLIDE_EVENTS.stateChange,this.onStateChange),_.on(Mi.SLIDE_EVENTS.syncDispatch,this.onSyncDispatch),_.on(Mi.SLIDE_EVENTS.renderEnd,this.resolveReady)}syncStateOnce(){if(this.syncStateOnceFlag){const{state:P}=ju(ju({},Bg),this.context.getAttributes());P&&(Ji("[Slide] sync with state (once)",Oc(P)),this.slide.setSlideState(Oc(P)),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(P){var b,ie;return new Mi.Slide({anchor:P,interactive:!0,mode:"interactive",resize:!0,controller:as.enable,renderOptions:{minFPS:25,maxFPS:30,autoFPS:!0,autoResolution:!0,resolution:(b=this.context.getAppOptions())==null?void 0:b.resolution,transactionBgColor:((ie=this.context.getAppOptions())==null?void 0:ie.bgColor)||my(P)},timestamp:this.timestamp})}destroy(){this.sideEffect.flushAll(),this.destroyed||(Ji("[Slide] destroy slide (once)"),this.slide.destroy(),this.destroyed=!0)}afterFreeze(P){P===1?(this.isFrozen=!0,this.freezePromise=null,this._toFreeze===-1&&this.unfreeze()):P===-1&&(this.isFrozen=!1,this.freezePromise=null,this._toFreeze===1&&this.freeze())}}function mE(T){const P="http://www.w3.org/2000/svg",_=document.createElementNS(P,"svg");_.setAttribute("class",`${T}-footer-icon-sidebar`),_.setAttribute("viewBox","0 0 64 64");const b=document.createElementNS(P,"path");return b.setAttribute("fill","currentColor"),b.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"),_.appendChild(b),_}function gE(T){const P="http://www.w3.org/2000/svg",_=document.createElementNS(P,"svg");_.setAttribute("class",`${T}-footer-icon-arrow-left`),_.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(P,"path");return b.setAttribute("fill","currentColor"),b.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"),_.appendChild(b),_}function vE(T){const P="http://www.w3.org/2000/svg",_=document.createElementNS(P,"svg");_.setAttribute("class",`${T}-footer-icon-arrow-right`),_.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(P,"path");return b.setAttribute("fill","currentColor"),b.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"),_.appendChild(b),_}function _E(T){const P="http://www.w3.org/2000/svg",_=document.createElementNS(P,"svg");_.setAttribute("class",`${T}-footer-icon-play`),_.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(P,"path");return b.setAttribute("fill","currentColor"),b.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"),_.appendChild(b),_}function yE(T){const P="http://www.w3.org/2000/svg",_=document.createElementNS(P,"svg");_.setAttribute("class",`${T}-footer-icon-pause`),_.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(P,"path");return b.setAttribute("fill","currentColor"),b.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"),_.appendChild(b),_}const Cl=typeof window!="undefined",vy=Cl&&!("onscroll"in window)||typeof navigator!="undefined"&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),_y=Cl&&"IntersectionObserver"in window,yy=Cl&&"classList"in document.createElement("p"),xy=Cl&&window.devicePixelRatio>1,xE={elements_selector:".lazy",container:vy||Cl?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},by=T=>Object.assign({},xE,T),wy=function(T,P){let _;const b="LazyLoad::Initialized",ie=new T(P);try{_=new CustomEvent(b,{detail:{instance:ie}})}catch{_=document.createEvent("CustomEvent"),_.initCustomEvent(b,!1,!1,{instance:ie})}window.dispatchEvent(_)},bE=(T,P)=>{if(!!P)if(!P.length)wy(T,P);else for(let _=0,b;b=P[_];_+=1)wy(T,b)},Vs="src",Ug="srcset",kg="sizes",Sy="poster",Bc="llOriginalAttrs",Gg="loading",Ty="loaded",Ey="applied",wE="entered",Hg="error",My="native",Ay="data-",Ry="ll-status",ho=(T,P)=>T.getAttribute(Ay+P),SE=(T,P,_)=>{var b=Ay+P;if(_===null){T.removeAttribute(b);return}T.setAttribute(b,_)},Uc=T=>ho(T,Ry),Pl=(T,P)=>SE(T,Ry,P),Vp=T=>Pl(T,null),zg=T=>Uc(T)===null,TE=T=>Uc(T)===Gg,EE=T=>Uc(T)===Hg,jg=T=>Uc(T)===My,ME=[Gg,Ty,Ey,Hg],AE=T=>ME.indexOf(Uc(T))>=0,Fa=(T,P,_,b)=>{if(!!T){if(b!==void 0){T(P,_,b);return}if(_!==void 0){T(P,_);return}T(P)}},Vu=(T,P)=>{if(yy){T.classList.add(P);return}T.className+=(T.className?" ":"")+P},ls=(T,P)=>{if(yy){T.classList.remove(P);return}T.className=T.className.replace(new RegExp("(^|\\s+)"+P+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},RE=T=>{T.llTempImage=document.createElement("IMG")},CE=T=>{delete T.llTempImage},Cy=T=>T.llTempImage,Wp=(T,P)=>{if(!P)return;const _=P._observer;!_||_.unobserve(T)},PE=T=>{T.disconnect()},IE=(T,P,_)=>{P.unobserve_entered&&Wp(T,_)},Vg=(T,P)=>{!T||(T.loadingCount+=P)},OE=T=>{!T||(T.toLoadCount-=1)},Py=(T,P)=>{!T||(T.toLoadCount=P)},LE=T=>T.loadingCount>0,NE=T=>T.toLoadCount>0,Iy=T=>{let P=[];for(let _=0,b;b=T.children[_];_+=1)b.tagName==="SOURCE"&&P.push(b);return P},Wg=(T,P)=>{const _=T.parentNode;if(!_||_.tagName!=="PICTURE")return;Iy(_).forEach(P)},Oy=(T,P)=>{Iy(T).forEach(P)},Xp=[Vs],Ly=[Vs,Sy],qp=[Vs,Ug,kg],Yp=T=>!!T[Bc],Ny=T=>T[Bc],Dy=T=>delete T[Bc],kc=(T,P)=>{if(Yp(T))return;const _={};P.forEach(b=>{_[b]=T.getAttribute(b)}),T[Bc]=_},DE=T=>{Yp(T)||(T[Bc]={backgroundImage:T.style.backgroundImage})},FE=(T,P,_)=>{if(!_){T.removeAttribute(P);return}T.setAttribute(P,_)},Gc=(T,P)=>{if(!Yp(T))return;const _=Ny(T);P.forEach(b=>{FE(T,b,_[b])})},BE=T=>{if(!Yp(T))return;const P=Ny(T);T.style.backgroundImage=P.backgroundImage},UE=(T,P,_)=>{Vu(T,P.class_applied),Pl(T,Ey),!!_&&(P.unobserve_completed&&Wp(T,P),Fa(P.callback_applied,T,_))},Fy=(T,P,_)=>{Vu(T,P.class_loading),Pl(T,Gg),!!_&&(Vg(_,1),Fa(P.callback_loading,T,_))},Il=(T,P,_)=>{!_||T.setAttribute(P,_)},By=(T,P)=>{Il(T,kg,ho(T,P.data_sizes)),Il(T,Ug,ho(T,P.data_srcset)),Il(T,Vs,ho(T,P.data_src))},kE=(T,P)=>{Wg(T,_=>{kc(_,qp),By(_,P)}),kc(T,qp),By(T,P)},GE=(T,P)=>{kc(T,Xp),Il(T,Vs,ho(T,P.data_src))},HE=(T,P)=>{Oy(T,_=>{kc(_,Xp),Il(_,Vs,ho(_,P.data_src))}),kc(T,Ly),Il(T,Sy,ho(T,P.data_poster)),Il(T,Vs,ho(T,P.data_src)),T.load()},zE=(T,P,_)=>{const b=ho(T,P.data_bg),ie=ho(T,P.data_bg_hidpi),pe=xy&&ie?ie:b;!pe||(T.style.backgroundImage=`url("${pe}")`,Cy(T).setAttribute(Vs,pe),Fy(T,P,_))},jE=(T,P,_)=>{const b=ho(T,P.data_bg_multi),ie=ho(T,P.data_bg_multi_hidpi),pe=xy&&ie?ie:b;!pe||(T.style.backgroundImage=pe,UE(T,P,_))},Uy={IMG:kE,IFRAME:GE,VIDEO:HE},VE=(T,P)=>{const _=Uy[T.tagName];!_||_(T,P)},WE=(T,P,_)=>{const b=Uy[T.tagName];!b||(b(T,P),Fy(T,P,_))},XE=["IMG","IFRAME","VIDEO"],qE=T=>XE.indexOf(T.tagName)>-1,ky=(T,P)=>{P&&!LE(P)&&!NE(P)&&Fa(T.callback_finish,P)},Gy=(T,P,_)=>{T.addEventListener(P,_),T.llEvLisnrs[P]=_},YE=(T,P,_)=>{T.removeEventListener(P,_)},Xg=T=>!!T.llEvLisnrs,$E=(T,P,_)=>{Xg(T)||(T.llEvLisnrs={});const b=T.tagName==="VIDEO"?"loadeddata":"load";Gy(T,b,P),Gy(T,"error",_)},qg=T=>{if(!Xg(T))return;const P=T.llEvLisnrs;for(let _ in P){const b=P[_];YE(T,_,b)}delete T.llEvLisnrs},Hy=(T,P,_)=>{CE(T),Vg(_,-1),OE(_),ls(T,P.class_loading),P.unobserve_completed&&Wp(T,_)},JE=(T,P,_,b)=>{const ie=jg(P);Hy(P,_,b),Vu(P,_.class_loaded),Pl(P,Ty),Fa(_.callback_loaded,P,b),ie||ky(_,b)},ZE=(T,P,_,b)=>{const ie=jg(P);Hy(P,_,b),Vu(P,_.class_error),Pl(P,Hg),Fa(_.callback_error,P,b),ie||ky(_,b)},Yg=(T,P,_)=>{const b=Cy(T)||T;if(Xg(b))return;$E(b,$=>{JE($,T,P,_),qg(b)},$=>{ZE($,T,P,_),qg(b)})},KE=(T,P,_)=>{RE(T),Yg(T,P,_),DE(T),zE(T,P,_),jE(T,P,_)},QE=(T,P,_)=>{Yg(T,P,_),WE(T,P,_)},$g=(T,P,_)=>{qE(T)?QE(T,P,_):KE(T,P,_)},eM=(T,P,_)=>{T.setAttribute("loading","lazy"),Yg(T,P,_),VE(T,P),Pl(T,My)},zy=T=>{T.removeAttribute(Vs),T.removeAttribute(Ug),T.removeAttribute(kg)},tM=T=>{Wg(T,P=>{zy(P)}),zy(T)},jy=T=>{Wg(T,P=>{Gc(P,qp)}),Gc(T,qp)},nM={IMG:jy,IFRAME:T=>{Gc(T,Xp)},VIDEO:T=>{Oy(T,P=>{Gc(P,Xp)}),Gc(T,Ly),T.load()}},iM=T=>{const P=nM[T.tagName];if(!P){BE(T);return}P(T)},rM=(T,P)=>{zg(T)||jg(T)||(ls(T,P.class_entered),ls(T,P.class_exited),ls(T,P.class_applied),ls(T,P.class_loading),ls(T,P.class_loaded),ls(T,P.class_error))},oM=(T,P)=>{iM(T),rM(T,P),Vp(T),Dy(T)},sM=(T,P,_,b)=>{!_.cancel_on_exit||!TE(T)||T.tagName==="IMG"&&(qg(T),tM(T),jy(T),ls(T,_.class_loading),Vg(b,-1),Vp(T),Fa(_.callback_cancel,T,P,b))},aM=(T,P,_,b)=>{const ie=AE(T);Pl(T,wE),Vu(T,_.class_entered),ls(T,_.class_exited),IE(T,_,b),Fa(_.callback_enter,T,P,b),!ie&&$g(T,_,b)},lM=(T,P,_,b)=>{zg(T)||(Vu(T,_.class_exited),sM(T,P,_,b),Fa(_.callback_exit,T,P,b))},uM=["IMG","IFRAME","VIDEO"],Vy=T=>T.use_native&&"loading"in HTMLImageElement.prototype,hM=(T,P,_)=>{T.forEach(b=>{uM.indexOf(b.tagName)!==-1&&eM(b,P,_)}),Py(_,0)},cM=T=>T.isIntersecting||T.intersectionRatio>0,dM=T=>({root:T.container===document?null:T.container,rootMargin:T.thresholds||T.threshold+"px"}),pM=(T,P,_)=>{T.forEach(b=>cM(b)?aM(b.target,b,P,_):lM(b.target,b,P,_))},fM=(T,P)=>{P.forEach(_=>{T.observe(_)})},mM=(T,P)=>{PE(T),fM(T,P)},gM=(T,P)=>{!_y||Vy(T)||(P._observer=new IntersectionObserver(_=>{pM(_,T,P)},dM(T)))},Wy=T=>Array.prototype.slice.call(T),$p=T=>T.container.querySelectorAll(T.elements_selector),vM=T=>Wy(T).filter(zg),_M=T=>EE(T),yM=T=>Wy(T).filter(_M),Xy=(T,P)=>vM(T||$p(P)),xM=(T,P)=>{yM($p(T)).forEach(b=>{ls(b,T.class_error),Vp(b)}),P.update()},bM=(T,P)=>{!Cl||window.addEventListener("online",()=>{xM(T,P)})},Hc=function(T,P){const _=by(T);this._settings=_,this.loadingCount=0,gM(_,this),bM(_,this),this.update(P)};Hc.prototype={update:function(T){const P=this._settings,_=Xy(T,P);if(Py(this,_.length),vy||!_y){this.loadAll(_);return}if(Vy(P)){hM(_,P,this);return}mM(this._observer,_)},destroy:function(){this._observer&&this._observer.disconnect(),$p(this._settings).forEach(T=>{Dy(T)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(T){const P=this._settings;Xy(T,P).forEach(b=>{Wp(b,this),$g(b,P,this)})},restoreAll:function(){const T=this._settings;$p(T).forEach(P=>{oM(P,T)})}},Hc.load=(T,P)=>{const _=by(P);$g(T,_)},Hc.resetStatus=T=>{Vp(T)},Cl&&bE(Hc,window.lazyLoadOptions);class qy{constructor({readonly:P,onNewPageIndex:_,onPlay:b}){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 Nc,this.readonly=P,this.onNewPageIndex=_,this.onPlay=b,this.render()}set pages(P){this._pages=P,this.refreshPreview(),this.refreshTotalPage(),this.refreshBtnSidebar()}get pages(){return this._pages}unmount(){this.$content.remove(),this.$footer.remove()}setReadonly(P){this.readonly=P,this.$content.classList.toggle(this.wrapClassName("readonly"),P),this.$footer.classList.toggle(this.wrapClassName("readonly"),P),this.$pageNumberInput.disabled=P}destroy(){this.sideEffect.flushAll(),this.unmount()}setPageIndex(P){Number.isNaN(P)||(this.pageIndex=P,this.$pageNumberInput.value=String(P+1))}refreshTotalPage(){this.pages.length?this.$totalPage.textContent=" / "+this.pages.length:this.$totalPage.textContent=""}setSmallBox(P){this.isSmallBox!==P&&(this.isSmallBox=P,this.$footer.classList.toggle(this.wrapClassName("float-footer"),P))}render(){return this.renderContent(),this.renderFooter(),this.$content}renderContent(){if(!this.$content){const P=document.createElement("div");P.className=this.wrapClassName("content"),this.$content=P,this.readonly&&P.classList.add(this.wrapClassName("readonly")),P.appendChild(this.renderPreviewMask()),P.appendChild(this.renderPreview())}return this.$content}renderPreview(){if(!this.$preview){const P=document.createElement("div");P.className=this.wrapClassName("preview")+" tele-fancy-scrollbar",this.$preview=P,this.sideEffect.add(()=>(this.previewLazyLoad=new Hc({container:this.$preview,elements_selector:`.${this.wrapClassName("preview-page>img")}`}),()=>{var _;return(_=this.previewLazyLoad)==null?void 0:_.destroy()})),this.refreshPreview(),this.sideEffect.addEventListener(P,"click",_=>{var ie;if(this.readonly)return;const b=(ie=_.target.dataset)==null?void 0:ie.pageIndex;b&&(_.preventDefault(),_.stopPropagation(),_.stopImmediatePropagation(),this.onNewPageIndex(Number(b)),this.togglePreview(!1))})}return this.$preview}refreshPreview(){var ie;const{$preview:P}=this,_=this.wrapClassName("preview-page"),b=this.wrapClassName("preview-page-name");for(;P.firstChild;)P.firstChild.remove();this.pages.forEach((pe,$)=>{var ve;const L=(ve=pe.thumbnail)!=null?ve:pe.src.startsWith("ppt")?void 0:pe.src;if(!L)return;const q=String($),Y=document.createElement("a");Y.className=_+" "+this.wrapClassName(`preview-page-${$}`),Y.setAttribute("href","#"),Y.dataset.pageIndex=q;const U=document.createElement("span");U.className=b,U.textContent=String($+1),U.dataset.pageIndex=q;const K=document.createElement("img");K.width=pe.width,K.height=pe.height,K.dataset.src=L,K.dataset.pageIndex=q,Y.appendChild(K),Y.appendChild(U),P.appendChild(Y)}),(ie=this.previewLazyLoad)==null||ie.update()}renderPreviewMask(){return this.$previewMask||(this.$previewMask=document.createElement("div"),this.$previewMask.className=this.wrapClassName("preview-mask"),this.sideEffect.addEventListener(this.$previewMask,"click",P=>{this.readonly||P.target===this.$previewMask&&this.togglePreview(!1)})),this.$previewMask}refreshBtnSidebar(){this.$btnSidebar.style.display=this.pages.length>0?"":"none"}renderFooter(){if(!this.$footer){const P=document.createElement("div");P.className=this.wrapClassName("footer"),this.$footer=P,this.readonly&&P.classList.add(this.wrapClassName("readonly")),this.isSmallBox&&P.classList.add(this.wrapClassName("float-footer"));const _=this.renderFooterBtn("btn-sidebar",mE(this.namespace));this.sideEffect.addEventListener(_,"click",()=>{this.readonly||this.togglePreview()}),this.$btnSidebar=_,this.$btnSidebar.style.display="none",this.$footer.appendChild(_);const b=document.createElement("div");b.className=this.wrapClassName("page-jumps");const ie=this.renderFooterBtn("btn-page-back",gE(this.namespace));if(this.sideEffect.addEventListener(ie,"click",()=>{this.readonly||this.onNewPageIndex(this.pageIndex-1)}),b.appendChild(ie),this.onPlay){const Y=this.renderFooterBtn("btn-page-play",_E(this.namespace),yE(this.namespace));this.$btnPlay=Y,this.sideEffect.addEventListener(Y,"click",()=>{this.readonly||(this.setPlaying(),this.onPlay&&this.onPlay())}),b.appendChild(Y)}const pe=this.renderFooterBtn("btn-page-next",vE(this.namespace));this.sideEffect.addEventListener(pe,"click",()=>{this.readonly||this.onNewPageIndex(this.pageIndex+1)}),b.appendChild(pe);const $=document.createElement("div");$.className=this.wrapClassName("page-number");const L=document.createElement("input");L.className=this.wrapClassName("page-number-input"),L.value=String(this.pageIndex+1),this.readonly&&(L.disabled=!0),this.$pageNumberInput=L,this.sideEffect.addEventListener(L,"change",()=>{this.readonly||L.value&&this.onNewPageIndex(Number(L.value)-1)});const q=document.createElement("span");this.$totalPage=q,$.appendChild(L),$.appendChild(q),this.$footer.appendChild(b),this.$footer.appendChild($)}return this.$footer}renderFooterBtn(P,_,b){const ie=document.createElement("button");return ie.className=this.wrapClassName("footer-btn")+" "+this.wrapClassName(P),ie.appendChild(_),b&&ie.appendChild(b),ie}togglePreview(P){if(this.isShowPreview=P!=null?P:!this.isShowPreview,this.$content.classList.toggle(this.wrapClassName("preview-active"),this.isShowPreview),this.isShowPreview){const _=this.$preview.querySelector("."+this.wrapClassName(`preview-page-${this.pageIndex}`));_&&this.$preview.scrollTo({top:_.offsetTop-16})}}wrapClassName(P){return`${this.namespace}-${P}`}}const wM=new Set(["clicker"]);class SM{constructor({box:P,view:_,mountSlideController:b,mountWhiteboard:ie}){this.slideController=null,this.isViewMounted=!1,this.onError=({error:pe})=>{this.viewer.setPaused(),console.warn("[Slide] render error",pe)},this.refreshPages=()=>{this.slideController&&(this.viewer.pages=gy(this.slideController.slide),this.viewer.setPageIndex(this.getPageIndex(this.slideController.page)),this.scaleDocsToFit())},this.scaleDocsToFit=()=>{if(this.slideController){const{width:pe,height:$}=this.slideController.slide;pe&&$&&(this.whiteboardView.moveCameraToContain({originX:-pe/2,originY:-$/2,width:pe,height:$,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=pe=>{this.slideController&&this.slideController.jumpToPage(pe+1)},this.sideEffect=new Nc,this.namespace="netless-app-slide",this.box=P,this.whiteboardView=_,this.mountSlideController=b,this.mountWhiteboard=ie,this.viewer=new qy({readonly:P.readonly,onNewPageIndex:this.onNewPageIndex,onPlay:this.onPlay}),this.sideEffect.add(()=>{const pe=$=>{this.setReadonly($)};return P.events.on("readonly",pe),()=>P.events.off("readonly",pe)}),this.render()}render(){this.viewer.$content.appendChild(this.renderSlideContainer()),this.viewer.$content.appendChild(this.renderWhiteboardView()),this.sideEffect.addEventListener(window,"keydown",P=>{if(this.box.focus&&this.slideController)switch(P.key){case"ArrowUp":case"ArrowLeft":{this.slideController.slide.prevStep();break}case"ArrowRight":case"ArrowDown":{this.slideController.slide.nextStep();break}}})}renderSlideContainer(){if(!this.$slide){const P=document.createElement("div");P.className=this.wrapClassName("slide"),P.dataset.appKind="Slide",this.$slide=P}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(P){return(P>0?P:1)-1}unmount(){return this.slideController&&(this.slideController.destroy(),this.slideController=null),this.viewer.unmount(),this}setReadonly(P){this.viewer.setReadonly(P)}destroy(){this.sideEffect.flushAll(),this.unmount(),this.viewer.destroy()}toggleClickThrough(P){this.$whiteboardView.style.pointerEvents=!P||wM.has(P)?"none":"auto"}wrapClassName(P){return`${this.namespace}-${P}`}}var Yy=`.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;-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{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;margin:0;padding:0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;font-family:inherit;border-radius:2px;color:currentColor;background:transparent;transition:background .4s;user-select:text;-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{background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-slide-readonly.netless-app-slide-footer{display:none}.telebox-color-scheme-dark .netless-app-slide-page-number-input{color:#a6a6a8}.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:#222}.telebox-color-scheme-dark .netless-app-slide-footer{color:#a6a6a8;background:#2d2d33;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-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))}
|
|
6372
|
-
`;function TM({container:T,taskId:P,url:_=Fg,debug:b=!1}){if(!P)throw new Error("[Slide] taskId is required");T.style.cssText+="display:flex;flex-direction:column";const ie=new $y({target:T});return ie.debug=!!b,ie.mount(P,_),ie}class $y{constructor(P){this.slide=null,this.debug=!1,this.sideEffect=new Nc,this.ready=!1,this.readyPromise=new Promise(_=>{this.resolveReady=()=>{this.ready=!0,_()}}),this.onPageChanged=_=>{this.viewer.setPageIndex(_-1)},this.onTransitionStart=()=>{this.viewer.setPlaying()},this.onTransitionEnd=()=>{this.viewer.setPaused()},this.onError=({error:_})=>{this.viewer.setPaused(),console.warn("[Slide] render error",_)},this.destroyed=!1,this.refreshPages=()=>{this.slide&&(this.viewer.pages=gy(this.slide),this.viewer.setPageIndex(this.getPageIndex(this.slide.slideState.currentSlideIndex)))},this.onPlay=()=>{this.slide&&this.slide.nextStep()},this.onNewPageIndex=_=>{this.slide&&this.slide.slideCount>0&&this.slide.renderSlide(Sr(_+1,1,this.slide.slideCount))},this.namespace="netless-app-slide",this.target=P.target,this.bgColor=my(this.target),this.viewer=new qy({readonly:!1,onNewPageIndex:this.onNewPageIndex,onPlay:this.onPlay}),this.render()}render(){this.viewer.$content.appendChild(this.renderSlideContainer()),this.
|
|
6372
|
+
`;function TM({container:T,taskId:P,url:_=Fg,debug:b=!1}){if(!P)throw new Error("[Slide] taskId is required");T.style.cssText+="display:flex;flex-direction:column";const ie=new $y({target:T});return ie.debug=!!b,ie.mount(P,_),ie}class $y{constructor(P){this.slide=null,this.debug=!1,this.sideEffect=new Nc,this.ready=!1,this.readyPromise=new Promise(_=>{this.resolveReady=()=>{this.ready=!0,_()}}),this.hotkeyListener=_=>{if(this.slide)switch(_.key){case"ArrowUp":case"ArrowLeft":{this.slide.prevStep();break}case"ArrowRight":case"ArrowDown":{this.slide.nextStep();break}}},this.onPageChanged=_=>{this.viewer.setPageIndex(_-1)},this.onTransitionStart=()=>{this.viewer.setPlaying()},this.onTransitionEnd=()=>{this.viewer.setPaused()},this.onError=({error:_})=>{this.viewer.setPaused(),console.warn("[Slide] render error",_)},this.destroyed=!1,this.refreshPages=()=>{this.slide&&(this.viewer.pages=gy(this.slide),this.viewer.setPageIndex(this.getPageIndex(this.slide.slideState.currentSlideIndex)))},this.onPlay=()=>{this.slide&&this.slide.nextStep()},this.onNewPageIndex=_=>{this.slide&&this.slide.slideCount>0&&this.slide.renderSlide(Sr(_+1,1,this.slide.slideCount))},this.namespace="netless-app-slide",this.target=P.target,this.bgColor=my(this.target),this.viewer=new qy({readonly:!1,onNewPageIndex:this.onNewPageIndex,onPlay:this.onPlay}),this.render()}render(){this.viewer.$content.appendChild(this.renderSlideContainer()),this.registerHotKeys(window)}registerHotKeys(P){this.sideEffect.addEventListener(P,"keydown",this.hotkeyListener,void 0,"hotkey")}mount(P,_){this.target.appendChild(this.renderStyle()),this.target.appendChild(this.viewer.$content),this.target.appendChild(this.viewer.$footer),this.slide=new Mi.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(P,_),this.slide.renderSlide(1)}renderStyle(){const P=document.createElement("style");return P.appendChild(document.createTextNode(Yy)),P}registerEventListeners(){if(!this.slide)return;const{slide:P}=this;P.on(Mi.SLIDE_EVENTS.slideChange,this.onPageChanged),P.on(Mi.SLIDE_EVENTS.renderStart,this.onTransitionStart),P.on(Mi.SLIDE_EVENTS.renderEnd,this.onTransitionEnd),P.on(Mi.SLIDE_EVENTS.mainSeqStepStart,this.onTransitionStart),P.on(Mi.SLIDE_EVENTS.mainSeqStepEnd,this.onTransitionEnd),P.on(Mi.SLIDE_EVENTS.renderError,this.onError),P.on(Mi.SLIDE_EVENTS.renderEnd,this.resolveReady),this.readyPromise.then(this.refreshPages)}destroy(){this.sideEffect.flushAll(),this.slide&&!this.destroyed&&(Ji("[Slide] destroy slide (once)"),this.slide.destroy(),this.destroyed=!0),this.viewer.destroy()}getPageIndex(P){return(P>0?P:1)-1}renderSlideContainer(){if(!this.$slide){const P=document.createElement("div");P.className=this.wrapClassName("slide"),P.dataset.appKind="Slide",this.$slide=P}return this.$slide}wrapClassName(P){return`${this.namespace}-${P}`}}const Jg="0.0.54",EM={kind:"Slide",setup(T){console.log("[Slide] setup @ "+Jg),T.getIsWritable()&&rE(T,Bg);const P=T.getAttributes();if(!(P==null?void 0:P.taskId))throw new Error("[Slide] no taskId");const _=T.getView();if(!_)throw new Error("[Slide] no view, please set scenePath on addApp()");_.disableCameraTransform=!0;const b=T.getBox();b.mountStyles(Yy);try{b.$content.dataset.appSlideVersion=Jg}catch{}const ie=T.getInitScenePath();let pe=null;const $=U=>{const K=T.getRoom();if(pe&&pe.slideController){let ve=!1;K&&T.getIsWritable()&&(dE(K,T,pe.slideController.slide,ie),ve=!0),Ji("[Slide] page to",U,ve),pe.viewer.setPageIndex(U-1)}},L=U=>{var ve,Re;const K=new fE(KT(ju({context:T},U),{onPageChanged:$}));return Ng&&Hp.set(T.appId,K),((ve=as.apps)[Re=T.appId]||(ve[Re]={})).controller=K,K.readyPromise.then(U.onReady),K};pe=new SM({box:b,view:_,mountSlideController:L,mountWhiteboard:T.mountView.bind(T)});const q=T.getRoom(),Y=new Nc;Y.add(()=>{var U,K,ve;return((U=as.apps)[K=T.appId]||(U[K]={})).context=T,as.enable=((ve=T.getAppOptions())==null?void 0:ve.debug)||!1,as.level="debug",()=>as.dispose(T.appId)}),q&&(pe.toggleClickThrough(q.state.memberState.currentApplianceName),Y.add(()=>{const U=K=>{K.memberState&&pe&&pe.toggleClickThrough(K.memberState.currentApplianceName)};return q.callbacks.on("onRoomStateChanged",U),()=>q.callbacks.off("onRoomStateChanged",U)})),T.emitter.on("destroy",()=>{Ji("[Slide]: destroy"),Ng&&Hp.delete(T.appId),Y.flushAll(),pe&&(pe.destroy(),pe=null)}),pe.mount()}};return Ei.DefaultUrl=Fg,Ei.FreezerLength=sy,Ei.SlidePreviewer=$y,Ei.addHooks=tE,Ei.apps=Hp,Ei.default=EM,Ei.previewSlide=TM,Ei.version=Jg,Object.defineProperty(Ei,"__esModule",{value:!0}),Ei[Symbol.toStringTag]="Module",Ei}({});
|
|
6373
6373
|
//# sourceMappingURL=main.iife.js.map
|