@netless/app-slide 0.1.4 → 0.1.5
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/index.d.ts +2 -0
- package/dist/main.cjs.js +2 -2
- package/dist/main.cjs.js.map +1 -1
- package/dist/main.es.js +6 -6
- package/dist/main.es.js.map +1 -1
- package/dist/main.iife.js +2 -2
- package/dist/main.iife.js.map +1 -1
- package/package.json +1 -1
- package/src/SlideController/index.ts +1 -1
- package/src/index.ts +2 -0
package/dist/index.d.ts
CHANGED
|
@@ -20,6 +20,8 @@ export interface AppOptions {
|
|
|
20
20
|
minFPS?: number;
|
|
21
21
|
/** maximal fps @default 30 */
|
|
22
22
|
maxFPS?: number;
|
|
23
|
+
/** automatically decrease fps @default true */
|
|
24
|
+
autoFPS?: boolean;
|
|
23
25
|
/** whether to re-scale automatically @default true */
|
|
24
26
|
autoResolution?: boolean;
|
|
25
27
|
}
|
package/dist/main.cjs.js
CHANGED
|
@@ -6364,6 +6364,6 @@ void main(void){
|
|
|
6364
6364
|
`)}},e.prototype.emitSyncDispatch=function(t){if(!this.lock.isLocked(t.type)){var n=Math.random().toString(32).substr(2);this.lock.addLock(t.type,n),this.emit(Ro.syncDispatch,Tp(Tp({},t),{uuid:n})),this.log+="=== sync dispatch ["+new Date().toISOString()+`] ===
|
|
6365
6365
|
`,this.log+=JSON.stringify(t,null,2),this.log+=`
|
|
6366
6366
|
|
|
6367
|
-
`}},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 Fs(this,void 0,void 0,function(){var n,r,o,s=this;return Bs(this,function(a){switch(a.label){case 0:return this.isFrowning?[2,N_(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]=Tp(Tp({},o),{frozenTime:this.timestamp()});this.isFrowning=!1,a.label=2;case 2:return[2]}})})},e.prototype.release=function(){var t,n;return Fs(this,void 0,void 0,function(){var r,o,s,a,l=this;return Bs(this,function(u){switch(u.label){case 0:if(this.isReleasing)return[2,N_(function(){return!l.isReleasing},6e4)];for(o in this.isReleasing=!0,this.player=this.initPlayer(this.config),!((t=this.config)===null||t===void 0)&&t.controller&&this.createController(),this.player.view&&(this.frame.appendChild(this.player.view),this.player.view.style.visibility="hidden"),r=this.__slideState,this.__slideState=Object(q.cloneDeep)(WS),r.mediaState)(s=r.mediaState[o]).type==="play"&&(a=Math.max((n=s.frozenTime)!==null&&n!==void 0?n:0,s.time),s.time=this.timestamp()-(a-s.time),s.frozenTime=void 0);return[4,this.setSlideState(r)];case 1:return u.sent(),[4,this.player.clock.delay(333)];case 2:u.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),Fu&&Fu.removeItem(this.logId).catch(function(){});try{!((o=this.player)===null||o===void 0)&&o.view&&this.anchor.removeChild(this.player.view),this.anchor.removeChild(this.frame)}catch{}},e.disposeLocalCache=function(){br.storeManager.dispose()},e}(L.a)}]);function fT(T,R,v){return Math.min(Math.max(T,R),v)}function YI(T){return typeof T=="object"&&T!==null}var mT={exports:{}},$I={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]},gT={exports:{}},JI=function(R){return!R||typeof R=="string"?!1:R instanceof Array||Array.isArray(R)||R.length>=0&&(R.splice instanceof Function||Object.getOwnPropertyDescriptor(R,R.length-1)&&R.constructor.name!=="String")},ZI=JI,KI=Array.prototype.concat,QI=Array.prototype.slice,sT=gT.exports=function(R){for(var v=[],b=0,te=R.length;b<te;b++){var fe=R[b];ZI(fe)?v=KI.call(v,QI.call(fe)):v.push(fe)}return v};sT.wrap=function(T){return function(){return T(sT(arguments))}};var Pp=$I,Op=gT.exports,vT=Object.hasOwnProperty,_T={};for(var k_ in Pp)vT.call(Pp,k_)&&(_T[Pp[k_]]=k_);var ao=mT.exports={to:{},get:{}};ao.get=function(T){var R=T.substring(0,3).toLowerCase(),v,b;switch(R){case"hsl":v=ao.get.hsl(T),b="hsl";break;case"hwb":v=ao.get.hwb(T),b="hwb";break;default:v=ao.get.rgb(T),b="rgb";break}return v?{model:b,value:v}:null};ao.get.rgb=function(T){if(!T)return null;var R=/^#([a-f0-9]{3,4})$/i,v=/^#([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*)?\)$/,te=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,fe=/^(\w+)$/,$=[0,0,0,1],L,q,j;if(L=T.match(v)){for(j=L[2],L=L[1],q=0;q<3;q++){var F=q*2;$[q]=parseInt(L.slice(F,F+2),16)}j&&($[3]=parseInt(j,16)/255)}else if(L=T.match(R)){for(L=L[1],j=L[3],q=0;q<3;q++)$[q]=parseInt(L[q]+L[q],16);j&&($[3]=parseInt(j+j,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(te)){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(fe))?L[1]==="transparent"?[0,0,0,0]:vT.call(Pp,L[1])?($=Pp[L[1]],$[3]=1,$):null:null;for(q=0;q<3;q++)$[q]=Tl($[q],0,255);return $[3]=Tl($[3],0,1),$};ao.get.hsl=function(T){if(!T)return null;var R=/^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*)?\)$/,v=T.match(R);if(v){var b=parseFloat(v[4]),te=(parseFloat(v[1])%360+360)%360,fe=Tl(parseFloat(v[2]),0,100),$=Tl(parseFloat(v[3]),0,100),L=Tl(isNaN(b)?1:b,0,1);return[te,fe,$,L]}return null};ao.get.hwb=function(T){if(!T)return null;var R=/^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*)?\)$/,v=T.match(R);if(v){var b=parseFloat(v[4]),te=(parseFloat(v[1])%360+360)%360,fe=Tl(parseFloat(v[2]),0,100),$=Tl(parseFloat(v[3]),0,100),L=Tl(isNaN(b)?1:b,0,1);return[te,fe,$,L]}return null};ao.to.hex=function(){var T=Op(arguments);return"#"+_g(T[0])+_g(T[1])+_g(T[2])+(T[3]<1?_g(Math.round(T[3]*255)):"")};ao.to.rgb=function(){var T=Op(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]+")"};ao.to.rgb.percent=function(){var T=Op(arguments),R=Math.round(T[0]/255*100),v=Math.round(T[1]/255*100),b=Math.round(T[2]/255*100);return T.length<4||T[3]===1?"rgb("+R+"%, "+v+"%, "+b+"%)":"rgba("+R+"%, "+v+"%, "+b+"%, "+T[3]+")"};ao.to.hsl=function(){var T=Op(arguments);return T.length<4||T[3]===1?"hsl("+T[0]+", "+T[1]+"%, "+T[2]+"%)":"hsla("+T[0]+", "+T[1]+"%, "+T[2]+"%, "+T[3]+")"};ao.to.hwb=function(){var T=Op(arguments),R="";return T.length>=4&&T[3]!==1&&(R=", "+T[3]),"hwb("+T[0]+", "+T[1]+"%, "+T[2]+"%"+R+")"};ao.to.keyword=function(T){return _T[T.slice(0,3)]};function Tl(T,R,v){return Math.min(Math.max(R,T),v)}function _g(T){var R=Math.round(T).toString(16).toUpperCase();return R.length<2?"0"+R:R}var eO=mT.exports;class tO{constructor(R){this.enable=R,this.apps={},this.level="debug",this._onMessage=v=>{let b;v instanceof CustomEvent?b=v.detail:YI(v.data)&&(b=v.data),b&&(typeof b.slide=="boolean"?this.enable=b.slide:b.slide==="__instance"?console.log(this):b.slide==="__debug"&&Object.values(this.apps).forEach(te=>{var fe,$;($=(fe=te.controller)==null?void 0:fe.slide)==null||$.createController()}))},window.addEventListener("message",this._onMessage)}log(...R){this.enable&&console.log(...R)}verbose(...R){this.enable&&this.level==="verbose"&&console.log(...R)}dispose(R){this.enable=!1,delete this.apps[R],window.removeEventListener("message",this._onMessage)}}const Gs=new tO(!1),Di=Gs.log.bind(Gs),nO=Gs.verbose.bind(Gs);function yT(T){try{const R=window.getComputedStyle(T).backgroundColor;if(R!=="rgba(0, 0, 0, 0)"&&R!=="transparent")return R;if(T.parentElement)return yT(T.parentElement)}catch{}return"#ffffff"}function iO(T){const R=eO.get(T);if(R&&R.model==="rgb"){const v=R.value,te=(((Math.round(v[0])&255)<<16)+((Math.round(v[1])&255)<<8)+(Math.round(v[2])&255)).toString(16);return"#"+"000000".substring(te.length)+te}else return T}let yg="";function xT(T){return yg||(yg=iO(yT(T)),Di("[Slide] guess bg color",yg)),yg}function bT(T){const{width:R,height:v,slideCount:b,slideState:te}=T,{taskId:fe,url:$}=te,L=[];for(let q=1;q<=b;++q)L.push({width:R,height:v,thumbnail:`${$}/${fe}/preview/${q}.png`,src:"ppt"});return L}function aT(T,R,v,b){var L;const te=v.slideState.currentSlideIndex;if(!(te>0)||!R.getIsWritable())return;const fe=[b,te].join("/");if(T.scenePathType(fe)!=="page"){T.removeScenes(b);const q=v.slideCount,j=[];for(let F=1;F<=q;++F)j.push({name:`${F}`});T.putScenes(b,j)}let $;R.getBox().focus?$=T.state.sceneState.scenePath:$=((L=R.getView())==null?void 0:L.focusScenePath)||"",$!==fe&&R.setScenePath(fe)}const V_="https://convertcdn.netless.link/dynamicConvert",rO=40,G_={taskId:"",url:"",state:null};class oO{constructor({context:R,anchor:v,onPageChanged:b,onTransitionStart:te,onTransitionEnd:fe,onError:$}){this.sideEffect=new Ip,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:bi.SLIDE_EVENTS.syncDispatch,payload:L};Di("[Slide] dispatch",L),this.context.dispatchMagixEvent(bi.SLIDE_EVENTS.syncDispatch,q)}},this.magixEventListener=L=>{const{type:q,payload:j}=L.payload;q===bi.SLIDE_EVENTS.syncDispatch&&(this.syncStateOnce(),Di("[Slide] receive",j),this.slide.emit(bi.SLIDE_EVENTS.syncReceive,j))},this.onStateChange=L=>{this.context.getIsWritable()&&(nO("[Slide] state change",JSON.stringify(L,null,2)),this.context.storage.setState({state:L}))},this.pollCount=0,this.pollReadyState=()=>{this.ready?this._toFreeze===1?this.freeze():this._toFreeze===-1&&this.unfreeze():this.pollCount<rO?(this.pollCount++,setTimeout(this.pollReadyState,500)):(this.pollCount=0,Di("[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?(Di("[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.visible||(this.ready?(Di("[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.onVisibilityChange=async()=>{(this.visible=document.visibilityState==="visible")?(Di("[Slide] unfreeze because tab becomes visible",{savedIsFrozen:this.savedIsFrozen}),this.savedIsFrozen||this.unfreeze()):(this.savedIsFrozen=this.freezePromise?this._toFreeze===1:this.isFrozen,Di("[Slide] freeze because tab becomes invisible"),this.freeze())},this.onPageChanged=b,this.onTransitionStart=te,this.onTransitionEnd=fe,this.onError=$,this.context=R,this.room=R.getRoom(),this.player=this.room?void 0:R.getDisplayer(),this.slide=this.createSlide(v),this.syncStateOnceFlag=!this.context.isAddApp,this.visible=document.visibilityState==="visible",this.savedIsFrozen=!1,this.initialize()}jumpToPage(R){this.ready&&(R=fT(R,1,this.pageCount),this.slide.renderSlide(R))}initialize(){this.registerEventListeners(),this.kickStart()}kickStart(){const{context:R,slide:v}=this;R.getIsWritable()&&R.storage.ensureState(G_);const{taskId:b,url:te,state:fe}=R.storage.state;v.setResource(b,te||V_),fe?(Di("[Slide] init with state",fe),this.syncStateOnceFlag=!1,v.setSlideState(fe)):R.isAddApp&&(Di("[Slide] init by renderSlide",1),v.renderSlide(1)),this.pollReadyState()}registerEventListeners(){const{context:R,slide:v}=this,b=this.sideEffect.addDisposer(R.storage.addStateChangedListener(()=>{R.storage.state.state&&(this.syncStateOnce(),this.sideEffect.flush(b))}));this.sideEffect.add(()=>R.addMagixEventListener(bi.SLIDE_EVENTS.syncDispatch,this.magixEventListener,{fireSelfEventAfterCommit:!0})),v.on(bi.SLIDE_EVENTS.slideChange,this.onPageChanged),v.on(bi.SLIDE_EVENTS.renderStart,this.onTransitionStart),v.on(bi.SLIDE_EVENTS.renderEnd,this.onTransitionEnd),v.on(bi.SLIDE_EVENTS.mainSeqStepStart,this.onTransitionStart),v.on(bi.SLIDE_EVENTS.mainSeqStepEnd,this.onTransitionEnd),v.on(bi.SLIDE_EVENTS.renderError,this.onError),v.on(bi.SLIDE_EVENTS.stateChange,this.onStateChange),v.on(bi.SLIDE_EVENTS.syncDispatch,this.onSyncDispatch),v.on(bi.SLIDE_EVENTS.renderEnd,this.resolveReady),this.sideEffect.add(()=>(document.addEventListener("visibilitychange",this.onVisibilityChange),()=>document.removeEventListener("visibilitychange",this.onVisibilityChange)))}syncStateOnce(){if(this.syncStateOnceFlag){this.context.getIsWritable()&&this.context.storage.ensureState(G_);const{state:R}=this.context.storage.state;R&&(Di("[Slide] sync with state (once)",R),this.slide.setSlideState(R),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(R){var b,te,fe,$,L,q;return new bi.Slide({anchor:R,interactive:!0,mode:"interactive",resize:!0,controller:Gs.enable,enableGlobalClick:!0,renderOptions:{minFPS:((b=this.context.getAppOptions())==null?void 0:b.minFPS)||25,maxFPS:((te=this.context.getAppOptions())==null?void 0:te.maxFPS)||30,autoFPS:!0,autoResolution:($=(fe=this.context.getAppOptions())==null?void 0:fe.autoResolution)!=null?$:!0,resolution:(L=this.context.getAppOptions())==null?void 0:L.resolution,transactionBgColor:((q=this.context.getAppOptions())==null?void 0:q.bgColor)||xT(R)},timestamp:this.timestamp})}destroy(){this.sideEffect.flushAll(),this.destroyed||(Di("[Slide] destroy slide (once)"),this.slide.destroy(),this.destroyed=!0)}afterFreeze(R){R===1?(this.isFrozen=!0,this.freezePromise=null,this._toFreeze===-1&&this.unfreeze()):R===-1&&(this.isFrozen=!1,this.freezePromise=null,this._toFreeze===1&&this.freeze())}}function sO(T){const R="http://www.w3.org/2000/svg",v=document.createElementNS(R,"svg");v.setAttribute("class",`${T}-footer-icon-sidebar`),v.setAttribute("viewBox","0 0 64 64");const b=document.createElementNS(R,"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"),v.appendChild(b),v}function aO(T){const R="http://www.w3.org/2000/svg",v=document.createElementNS(R,"svg");v.setAttribute("class",`${T}-footer-icon-arrow-left`),v.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(R,"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"),v.appendChild(b),v}function lO(T){const R="http://www.w3.org/2000/svg",v=document.createElementNS(R,"svg");v.setAttribute("class",`${T}-footer-icon-arrow-right`),v.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(R,"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"),v.appendChild(b),v}function uO(T){const R="http://www.w3.org/2000/svg",v=document.createElementNS(R,"svg");v.setAttribute("class",`${T}-footer-icon-play`),v.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(R,"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"),v.appendChild(b),v}function hO(T){const R="http://www.w3.org/2000/svg",v=document.createElementNS(R,"svg");v.setAttribute("class",`${T}-footer-icon-pause`),v.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(R,"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"),v.appendChild(b),v}const Uu=typeof window!="undefined",wT=Uu&&!("onscroll"in window)||typeof navigator!="undefined"&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),ST=Uu&&"IntersectionObserver"in window,TT=Uu&&"classList"in document.createElement("p"),ET=Uu&&window.devicePixelRatio>1,cO={elements_selector:".lazy",container:wT||Uu?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},MT=T=>Object.assign({},cO,T),lT=function(T,R){let v;const b="LazyLoad::Initialized",te=new T(R);try{v=new CustomEvent(b,{detail:{instance:te}})}catch{v=document.createEvent("CustomEvent"),v.initCustomEvent(b,!1,!1,{instance:te})}window.dispatchEvent(v)},dO=(T,R)=>{if(!!R)if(!R.length)lT(T,R);else for(let v=0,b;b=R[v];v+=1)lT(T,b)},Ia="src",W_="srcset",X_="sizes",AT="poster",Lp="llOriginalAttrs",RT="data",q_="loading",CT="loaded",PT="applied",pO="entered",Y_="error",IT="native",OT="data-",LT="ll-status",lo=(T,R)=>T.getAttribute(OT+R),fO=(T,R,v)=>{var b=OT+R;if(v===null){T.removeAttribute(b);return}T.setAttribute(b,v)},Np=T=>lo(T,LT),ku=(T,R)=>fO(T,LT,R),Sg=T=>ku(T,null),$_=T=>Np(T)===null,mO=T=>Np(T)===q_,gO=T=>Np(T)===Y_,J_=T=>Np(T)===IT,vO=[q_,CT,PT,Y_],_O=T=>vO.indexOf(Np(T))>=0,Ml=(T,R,v,b)=>{if(!!T){if(b!==void 0){T(R,v,b);return}if(v!==void 0){T(R,v);return}T(R)}},Cc=(T,R)=>{if(TT){T.classList.add(R);return}T.className+=(T.className?" ":"")+R},ks=(T,R)=>{if(TT){T.classList.remove(R);return}T.className=T.className.replace(new RegExp("(^|\\s+)"+R+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},yO=T=>{T.llTempImage=document.createElement("IMG")},xO=T=>{delete T.llTempImage},NT=T=>T.llTempImage,Tg=(T,R)=>{if(!R)return;const v=R._observer;!v||v.unobserve(T)},bO=T=>{T.disconnect()},wO=(T,R,v)=>{R.unobserve_entered&&Tg(T,v)},Z_=(T,R)=>{!T||(T.loadingCount+=R)},SO=T=>{!T||(T.toLoadCount-=1)},DT=(T,R)=>{!T||(T.toLoadCount=R)},TO=T=>T.loadingCount>0,EO=T=>T.toLoadCount>0,FT=T=>{let R=[];for(let v=0,b;b=T.children[v];v+=1)b.tagName==="SOURCE"&&R.push(b);return R},K_=(T,R)=>{const v=T.parentNode;if(!v||v.tagName!=="PICTURE")return;FT(v).forEach(R)},BT=(T,R)=>{FT(T).forEach(R)},Eg=[Ia],UT=[Ia,AT],xg=[Ia,W_,X_],kT=[RT],Mg=T=>!!T[Lp],GT=T=>T[Lp],HT=T=>delete T[Lp],Ac=(T,R)=>{if(Mg(T))return;const v={};R.forEach(b=>{v[b]=T.getAttribute(b)}),T[Lp]=v},MO=T=>{Mg(T)||(T[Lp]={backgroundImage:T.style.backgroundImage})},AO=(T,R,v)=>{if(!v){T.removeAttribute(R);return}T.setAttribute(R,v)},Rc=(T,R)=>{if(!Mg(T))return;const v=GT(T);R.forEach(b=>{AO(T,b,v[b])})},RO=T=>{if(!Mg(T))return;const R=GT(T);T.style.backgroundImage=R.backgroundImage},CO=(T,R,v)=>{Cc(T,R.class_applied),ku(T,PT),v&&(R.unobserve_completed&&Tg(T,R),Ml(R.callback_applied,T,v))},zT=(T,R,v)=>{Cc(T,R.class_loading),ku(T,q_),v&&(Z_(v,1),Ml(R.callback_loading,T,v))},El=(T,R,v)=>{!v||T.setAttribute(R,v)},uT=(T,R)=>{El(T,X_,lo(T,R.data_sizes)),El(T,W_,lo(T,R.data_srcset)),El(T,Ia,lo(T,R.data_src))},PO=(T,R)=>{K_(T,v=>{Ac(v,xg),uT(v,R)}),Ac(T,xg),uT(T,R)},IO=(T,R)=>{Ac(T,Eg),El(T,Ia,lo(T,R.data_src))},OO=(T,R)=>{BT(T,v=>{Ac(v,Eg),El(v,Ia,lo(v,R.data_src))}),Ac(T,UT),El(T,AT,lo(T,R.data_poster)),El(T,Ia,lo(T,R.data_src)),T.load()},LO=(T,R)=>{Ac(T,kT),El(T,RT,lo(T,R.data_src))},NO=(T,R,v)=>{const b=lo(T,R.data_bg),te=lo(T,R.data_bg_hidpi),fe=ET&&te?te:b;!fe||(T.style.backgroundImage=`url("${fe}")`,NT(T).setAttribute(Ia,fe),zT(T,R,v))},DO=(T,R,v)=>{const b=lo(T,R.data_bg_multi),te=lo(T,R.data_bg_multi_hidpi),fe=ET&&te?te:b;!fe||(T.style.backgroundImage=fe,CO(T,R,v))},jT={IMG:PO,IFRAME:IO,VIDEO:OO,OBJECT:LO},FO=(T,R)=>{const v=jT[T.tagName];!v||v(T,R)},BO=(T,R,v)=>{const b=jT[T.tagName];!b||(b(T,R),zT(T,R,v))},UO=["IMG","IFRAME","VIDEO","OBJECT"],kO=T=>UO.indexOf(T.tagName)>-1,VT=(T,R)=>{R&&!TO(R)&&!EO(R)&&Ml(T.callback_finish,R)},hT=(T,R,v)=>{T.addEventListener(R,v),T.llEvLisnrs[R]=v},GO=(T,R,v)=>{T.removeEventListener(R,v)},Q_=T=>!!T.llEvLisnrs,HO=(T,R,v)=>{Q_(T)||(T.llEvLisnrs={});const b=T.tagName==="VIDEO"?"loadeddata":"load";hT(T,b,R),hT(T,"error",v)},H_=T=>{if(!Q_(T))return;const R=T.llEvLisnrs;for(let v in R){const b=R[v];GO(T,v,b)}delete T.llEvLisnrs},WT=(T,R,v)=>{xO(T),Z_(v,-1),SO(v),ks(T,R.class_loading),R.unobserve_completed&&Tg(T,v)},zO=(T,R,v,b)=>{const te=J_(R);WT(R,v,b),Cc(R,v.class_loaded),ku(R,CT),Ml(v.callback_loaded,R,b),te||VT(v,b)},jO=(T,R,v,b)=>{const te=J_(R);WT(R,v,b),Cc(R,v.class_error),ku(R,Y_),Ml(v.callback_error,R,b),te||VT(v,b)},ey=(T,R,v)=>{const b=NT(T)||T;if(Q_(b))return;HO(b,$=>{zO($,T,R,v),H_(b)},$=>{jO($,T,R,v),H_(b)})},VO=(T,R,v)=>{yO(T),ey(T,R,v),MO(T),NO(T,R,v),DO(T,R,v)},WO=(T,R,v)=>{ey(T,R,v),BO(T,R,v)},ty=(T,R,v)=>{kO(T)?WO(T,R,v):VO(T,R,v)},XO=(T,R,v)=>{T.setAttribute("loading","lazy"),ey(T,R,v),FO(T,R),ku(T,IT)},cT=T=>{T.removeAttribute(Ia),T.removeAttribute(W_),T.removeAttribute(X_)},qO=T=>{K_(T,R=>{cT(R)}),cT(T)},XT=T=>{K_(T,R=>{Rc(R,xg)}),Rc(T,xg)},YO=T=>{BT(T,R=>{Rc(R,Eg)}),Rc(T,UT),T.load()},$O=T=>{Rc(T,Eg)},JO=T=>{Rc(T,kT)},ZO={IMG:XT,IFRAME:$O,VIDEO:YO,OBJECT:JO},KO=T=>{const R=ZO[T.tagName];if(!R){RO(T);return}R(T)},QO=(T,R)=>{$_(T)||J_(T)||(ks(T,R.class_entered),ks(T,R.class_exited),ks(T,R.class_applied),ks(T,R.class_loading),ks(T,R.class_loaded),ks(T,R.class_error))},eL=(T,R)=>{KO(T),QO(T,R),Sg(T),HT(T)},tL=(T,R,v,b)=>{!v.cancel_on_exit||!mO(T)||T.tagName==="IMG"&&(H_(T),qO(T),XT(T),ks(T,v.class_loading),Z_(b,-1),Sg(T),Ml(v.callback_cancel,T,R,b))},nL=(T,R,v,b)=>{const te=_O(T);ku(T,pO),Cc(T,v.class_entered),ks(T,v.class_exited),wO(T,v,b),Ml(v.callback_enter,T,R,b),!te&&ty(T,v,b)},iL=(T,R,v,b)=>{$_(T)||(Cc(T,v.class_exited),tL(T,R,v,b),Ml(v.callback_exit,T,R,b))},rL=["IMG","IFRAME","VIDEO"],qT=T=>T.use_native&&"loading"in HTMLImageElement.prototype,oL=(T,R,v)=>{T.forEach(b=>{rL.indexOf(b.tagName)!==-1&&XO(b,R,v)}),DT(v,0)},sL=T=>T.isIntersecting||T.intersectionRatio>0,aL=T=>({root:T.container===document?null:T.container,rootMargin:T.thresholds||T.threshold+"px"}),lL=(T,R,v)=>{T.forEach(b=>sL(b)?nL(b.target,b,R,v):iL(b.target,b,R,v))},uL=(T,R)=>{R.forEach(v=>{T.observe(v)})},hL=(T,R)=>{bO(T),uL(T,R)},cL=(T,R)=>{!ST||qT(T)||(R._observer=new IntersectionObserver(v=>{lL(v,T,R)},aL(T)))},YT=T=>Array.prototype.slice.call(T),bg=T=>T.container.querySelectorAll(T.elements_selector),dL=T=>YT(T).filter($_),pL=T=>gO(T),fL=T=>YT(T).filter(pL),dT=(T,R)=>dL(T||bg(R)),mL=(T,R)=>{fL(bg(T)).forEach(b=>{ks(b,T.class_error),Sg(b)}),R.update()},gL=(T,R)=>{!Uu||window.addEventListener("online",()=>{mL(T,R)})},Dp=function(T,R){const v=MT(T);this._settings=v,this.loadingCount=0,cL(v,this),gL(v,this),this.update(R)};Dp.prototype={update:function(T){const R=this._settings,v=dT(T,R);if(DT(this,v.length),wT||!ST){this.loadAll(v);return}if(qT(R)){oL(v,R,this);return}hL(this._observer,v)},destroy:function(){this._observer&&this._observer.disconnect(),bg(this._settings).forEach(T=>{HT(T)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(T){const R=this._settings;dT(T,R).forEach(b=>{Tg(b,this),ty(b,R,this)})},restoreAll:function(){const T=this._settings;bg(T).forEach(R=>{eL(R,T)})}};Dp.load=(T,R)=>{const v=MT(R);ty(T,v)};Dp.resetStatus=T=>{Sg(T)};Uu&&dO(Dp,window.lazyLoadOptions);class $T{constructor({readonly:R,onNewPageIndex:v,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 Ip,this.readonly=R,this.onNewPageIndex=v,this.onPlay=b,this.render()}set pages(R){this._pages=R,this.refreshPreview(),this.refreshTotalPage(),this.refreshBtnSidebar()}get pages(){return this._pages}unmount(){this.$content.remove(),this.$footer.remove()}setReadonly(R){this.readonly=R,this.$content.classList.toggle(this.wrapClassName("readonly"),R),this.$footer.classList.toggle(this.wrapClassName("readonly"),R),this.$pageNumberInput.disabled=R}destroy(){this.sideEffect.flushAll(),this.unmount()}setPageIndex(R){Number.isNaN(R)||(this.pageIndex=R,this.$pageNumberInput.value=String(R+1))}refreshTotalPage(){this.pages.length?this.$totalPage.textContent=" / "+this.pages.length:this.$totalPage.textContent=""}setSmallBox(R){this.isSmallBox!==R&&(this.isSmallBox=R,this.$footer.classList.toggle(this.wrapClassName("float-footer"),R))}render(){return this.renderContent(),this.renderFooter(),this.$content}renderContent(){if(!this.$content){const R=document.createElement("div");R.className=this.wrapClassName("content"),this.$content=R,this.readonly&&R.classList.add(this.wrapClassName("readonly")),R.appendChild(this.renderPreviewMask()),R.appendChild(this.renderPreview())}return this.$content}renderPreview(){if(!this.$preview){const R=document.createElement("div");R.className=this.wrapClassName("preview")+" tele-fancy-scrollbar",this.$preview=R,this.sideEffect.add(()=>(this.previewLazyLoad=new Dp({container:this.$preview,elements_selector:`.${this.wrapClassName("preview-page>img")}`}),()=>{var v;return(v=this.previewLazyLoad)==null?void 0:v.destroy()})),this.refreshPreview(),this.sideEffect.addEventListener(R,"click",v=>{var te;if(this.readonly)return;const b=(te=v.target.dataset)==null?void 0:te.pageIndex;b&&(v.preventDefault(),v.stopPropagation(),v.stopImmediatePropagation(),this.onNewPageIndex(Number(b)),this.togglePreview(!1))})}return this.$preview}refreshPreview(){var te;const{$preview:R}=this,v=this.wrapClassName("preview-page"),b=this.wrapClassName("preview-page-name");for(;R.firstChild;)R.firstChild.remove();this.pages.forEach((fe,$)=>{var xe;const L=(xe=fe.thumbnail)!=null?xe:fe.src.startsWith("ppt")?void 0:fe.src;if(!L)return;const q=String($),j=document.createElement("a");j.className=v+" "+this.wrapClassName(`preview-page-${$}`),j.setAttribute("href","#"),j.dataset.pageIndex=q;const F=document.createElement("span");F.className=b,F.textContent=String($+1),F.dataset.pageIndex=q;const K=document.createElement("img");K.width=fe.width,K.height=fe.height,K.dataset.src=L,K.dataset.pageIndex=q,j.appendChild(K),j.appendChild(F),R.appendChild(j)}),(te=this.previewLazyLoad)==null||te.update()}renderPreviewMask(){return this.$previewMask||(this.$previewMask=document.createElement("div"),this.$previewMask.className=this.wrapClassName("preview-mask"),this.sideEffect.addEventListener(this.$previewMask,"click",R=>{this.readonly||R.target===this.$previewMask&&this.togglePreview(!1)})),this.$previewMask}refreshBtnSidebar(){this.$btnSidebar.style.display=this.pages.length>0?"":"none"}renderFooter(){if(!this.$footer){const R=document.createElement("div");R.className=this.wrapClassName("footer"),this.$footer=R,this.readonly&&R.classList.add(this.wrapClassName("readonly")),this.isSmallBox&&R.classList.add(this.wrapClassName("float-footer"));const v=this.renderFooterBtn("btn-sidebar",sO(this.namespace));this.sideEffect.addEventListener(v,"click",()=>{this.readonly||this.togglePreview()}),this.$btnSidebar=v,this.$btnSidebar.style.display="none",this.$footer.appendChild(v);const b=document.createElement("div");b.className=this.wrapClassName("page-jumps");const te=this.renderFooterBtn("btn-page-back",aO(this.namespace));if(this.sideEffect.addEventListener(te,"click",()=>{this.readonly||this.onNewPageIndex(this.pageIndex-1)}),b.appendChild(te),this.onPlay){const j=this.renderFooterBtn("btn-page-play",uO(this.namespace),hO(this.namespace));this.$btnPlay=j,this.sideEffect.addEventListener(j,"click",()=>{this.readonly||(this.setPlaying(),this.onPlay&&this.onPlay())}),b.appendChild(j)}const fe=this.renderFooterBtn("btn-page-next",lO(this.namespace));this.sideEffect.addEventListener(fe,"click",()=>{this.readonly||this.onNewPageIndex(this.pageIndex+1)}),b.appendChild(fe);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,"focus",()=>{L.select()}),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(R,v,b){const te=document.createElement("button");return te.className=this.wrapClassName("footer-btn")+" "+this.wrapClassName(R),te.appendChild(v),b&&te.appendChild(b),te}togglePreview(R){if(this.isShowPreview=R!=null?R:!this.isShowPreview,this.$content.classList.toggle(this.wrapClassName("preview-active"),this.isShowPreview),this.isShowPreview){const v=this.$preview.querySelector("."+this.wrapClassName(`preview-page-${this.pageIndex}`));v&&this.$preview.scrollTo({top:v.offsetTop-16})}}wrapClassName(R){return`${this.namespace}-${R}`}}const vL=new Set(["clicker"]);class _L{constructor({box:R,view:v,mountSlideController:b,mountWhiteboard:te}){this.slideController=null,this.isViewMounted=!1,this.onError=({error:fe})=>{this.viewer.setPaused(),console.warn("[Slide] render error",fe)},this.refreshPages=()=>{this.slideController&&(this.viewer.pages=bT(this.slideController.slide),this.viewer.setPageIndex(this.getPageIndex(this.slideController.page)),this.scaleDocsToFit())},this.scaleDocsToFit=()=>{if(this.slideController){const{width:fe,height:$}=this.slideController.slide;fe&&$&&(this.whiteboardView.moveCameraToContain({originX:-fe/2,originY:-$/2,width:fe,height:$,animationMode:"immediately"}),this.whiteboardView.setCameraBound({damping:1,maxContentMode:()=>this.whiteboardView.camera.scale,minContentMode:()=>this.whiteboardView.camera.scale,centerX:0,centerY:0,width:fe,height:$}),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=fe=>{this.slideController&&this.slideController.jumpToPage(fe+1)},this.sideEffect=new Ip,this.namespace="netless-app-slide",this.box=R,this.whiteboardView=v,this.mountSlideController=b,this.mountWhiteboard=te,this.viewer=new $T({readonly:R.readonly,onNewPageIndex:this.onNewPageIndex,onPlay:this.onPlay}),this.sideEffect.add(()=>{const fe=$=>{this.setReadonly($)};return R.events.on("readonly",fe),()=>R.events.off("readonly",fe)}),this.render()}render(){this.viewer.$content.appendChild(this.renderSlideContainer()),this.viewer.$content.appendChild(this.renderWhiteboardView()),this.sideEffect.addEventListener(window,"keydown",R=>{if(this.box.focus&&this.slideController)switch(R.key){case"ArrowUp":case"ArrowLeft":{this.slideController.slide.prevStep();break}case"ArrowRight":case"ArrowDown":{this.slideController.slide.nextStep();break}}})}renderSlideContainer(){if(!this.$slide){const R=document.createElement("div");R.className=this.wrapClassName("slide"),R.dataset.appKind="Slide",this.$slide=R}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(R){return(R>0?R:1)-1}unmount(){return this.slideController&&(this.slideController.destroy(),this.slideController=null),this.viewer.unmount(),this}setReadonly(R){this.viewer.setReadonly(R)}destroy(){this.sideEffect.flushAll(),this.unmount(),this.viewer.destroy()}toggleClickThrough(R){this.$whiteboardView.style.pointerEvents=!R||vL.has(R)?"none":"auto"}wrapClassName(R){return`${this.namespace}-${R}`}}let z_=!1;const JT=2,wg={map:new Map,queue:[],validateQueue(){for(Di("[Slide] freezer: validate",this.queue);this.queue.length>JT;){const T=this.queue.pop(),R=this.map.get(T);R&&(Di("[Slide] freezer: validate-freeze",T,this.queue),R.freeze())}},set(T,R){Di("[Slide] freezer: add",T,this.queue),this.map.set(T,R),this.queue.includes(T)||this.queue.unshift(T),this.validateQueue()},delete(T){Di("[Slide] freezer: delete",T,this.queue),this.map.delete(T),this.queue=this.queue.filter(R=>R!==T)},focus(T){const R=this.map.get(T),v=this.queue.indexOf(T);v>-1&&this.queue.splice(v,1),this.queue.unshift(T),this.validateQueue(),Di("[Slide] freezer: focus",T,this.queue),R&&R.unfreeze()}},yL=T=>{z_=!0,T.on("focus",({appId:R})=>{wg.focus(R)})};var ZT=`.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:3em;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))}
|
|
6368
|
-
`;function xL({container:T,taskId:R,url:v=V_,debug:b=!1}){if(!R)throw new Error("[Slide] taskId is required");T.style.cssText+="display:flex;flex-direction:column";const te=new KT({target:T});return te.debug=!!b,te.mount(R,v),te}class KT{constructor(R){this.slide=null,this.debug=!1,this.sideEffect=new Ip,this.ready=!1,this.readyPromise=new Promise(v=>{this.resolveReady=()=>{this.ready=!0,v()}}),this.hotkeyListener=v=>{if(this.slide)switch(v.key){case"ArrowUp":case"ArrowLeft":{this.slide.prevStep();break}case"ArrowRight":case"ArrowDown":{this.slide.nextStep();break}}},this.onPageChanged=v=>{this.viewer.setPageIndex(v-1)},this.onTransitionStart=()=>{this.viewer.setPlaying()},this.onTransitionEnd=()=>{this.viewer.setPaused()},this.onError=({error:v})=>{this.viewer.setPaused(),console.warn("[Slide] render error",v)},this.destroyed=!1,this.refreshPages=()=>{this.slide&&(this.viewer.pages=bT(this.slide),this.viewer.setPageIndex(this.getPageIndex(this.slide.slideState.currentSlideIndex)))},this.onPlay=()=>{this.slide&&this.slide.nextStep()},this.onNewPageIndex=v=>{this.slide&&this.slide.slideCount>0&&this.slide.renderSlide(fT(v+1,1,this.slide.slideCount))},this.namespace="netless-app-slide",this.target=R.target,this.bgColor=xT(this.target),this.viewer=new $T({readonly:!1,onNewPageIndex:this.onNewPageIndex,onPlay:this.onPlay}),this.render()}render(){this.viewer.$content.appendChild(this.renderSlideContainer()),this.registerHotKeys(window)}registerHotKeys(R){this.sideEffect.addEventListener(R,"keydown",this.hotkeyListener,void 0,"hotkey")}mount(R,v){this.target.appendChild(this.renderStyle()),this.target.appendChild(this.viewer.$content),this.target.appendChild(this.viewer.$footer),this.slide=new bi.Slide({anchor:this.$slide,interactive:!1,mode:"local",resize:!0,controller:this.debug,enableGlobalClick:!0,renderOptions:{minFPS:25,maxFPS:30,autoFPS:!0,autoResolution:!0,transactionBgColor:this.bgColor}}),this.registerEventListeners(),this.slide.setResource(R,v),this.slide.renderSlide(1)}renderStyle(){const R=document.createElement("style");return R.appendChild(document.createTextNode(ZT)),R}registerEventListeners(){if(!this.slide)return;const{slide:R}=this;R.on(bi.SLIDE_EVENTS.slideChange,this.onPageChanged),R.on(bi.SLIDE_EVENTS.renderStart,this.onTransitionStart),R.on(bi.SLIDE_EVENTS.renderEnd,this.onTransitionEnd),R.on(bi.SLIDE_EVENTS.mainSeqStepStart,this.onTransitionStart),R.on(bi.SLIDE_EVENTS.mainSeqStepEnd,this.onTransitionEnd),R.on(bi.SLIDE_EVENTS.renderError,this.onError),R.on(bi.SLIDE_EVENTS.renderEnd,this.resolveReady),this.readyPromise.then(this.refreshPages)}destroy(){this.sideEffect.flushAll(),this.slide&&!this.destroyed&&(Di("[Slide] destroy slide (once)"),this.slide.destroy(),this.destroyed=!0),this.viewer.destroy()}getPageIndex(R){return(R>0?R:1)-1}renderSlideContainer(){if(!this.$slide){const R=document.createElement("div");R.className=this.wrapClassName("slide"),R.dataset.appKind="Slide",this.$slide=R}return this.$slide}wrapClassName(R){return`${this.namespace}-${R}`}}const j_="0.1.
|
|
6367
|
+
`}},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 Fs(this,void 0,void 0,function(){var n,r,o,s=this;return Bs(this,function(a){switch(a.label){case 0:return this.isFrowning?[2,N_(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]=Tp(Tp({},o),{frozenTime:this.timestamp()});this.isFrowning=!1,a.label=2;case 2:return[2]}})})},e.prototype.release=function(){var t,n;return Fs(this,void 0,void 0,function(){var r,o,s,a,l=this;return Bs(this,function(u){switch(u.label){case 0:if(this.isReleasing)return[2,N_(function(){return!l.isReleasing},6e4)];for(o in this.isReleasing=!0,this.player=this.initPlayer(this.config),!((t=this.config)===null||t===void 0)&&t.controller&&this.createController(),this.player.view&&(this.frame.appendChild(this.player.view),this.player.view.style.visibility="hidden"),r=this.__slideState,this.__slideState=Object(q.cloneDeep)(WS),r.mediaState)(s=r.mediaState[o]).type==="play"&&(a=Math.max((n=s.frozenTime)!==null&&n!==void 0?n:0,s.time),s.time=this.timestamp()-(a-s.time),s.frozenTime=void 0);return[4,this.setSlideState(r)];case 1:return u.sent(),[4,this.player.clock.delay(333)];case 2:u.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),Fu&&Fu.removeItem(this.logId).catch(function(){});try{!((o=this.player)===null||o===void 0)&&o.view&&this.anchor.removeChild(this.player.view),this.anchor.removeChild(this.frame)}catch{}},e.disposeLocalCache=function(){br.storeManager.dispose()},e}(L.a)}]);function fT(T,R,v){return Math.min(Math.max(T,R),v)}function YI(T){return typeof T=="object"&&T!==null}var mT={exports:{}},$I={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]},gT={exports:{}},JI=function(R){return!R||typeof R=="string"?!1:R instanceof Array||Array.isArray(R)||R.length>=0&&(R.splice instanceof Function||Object.getOwnPropertyDescriptor(R,R.length-1)&&R.constructor.name!=="String")},ZI=JI,KI=Array.prototype.concat,QI=Array.prototype.slice,sT=gT.exports=function(R){for(var v=[],b=0,te=R.length;b<te;b++){var fe=R[b];ZI(fe)?v=KI.call(v,QI.call(fe)):v.push(fe)}return v};sT.wrap=function(T){return function(){return T(sT(arguments))}};var Pp=$I,Op=gT.exports,vT=Object.hasOwnProperty,_T={};for(var k_ in Pp)vT.call(Pp,k_)&&(_T[Pp[k_]]=k_);var ao=mT.exports={to:{},get:{}};ao.get=function(T){var R=T.substring(0,3).toLowerCase(),v,b;switch(R){case"hsl":v=ao.get.hsl(T),b="hsl";break;case"hwb":v=ao.get.hwb(T),b="hwb";break;default:v=ao.get.rgb(T),b="rgb";break}return v?{model:b,value:v}:null};ao.get.rgb=function(T){if(!T)return null;var R=/^#([a-f0-9]{3,4})$/i,v=/^#([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*)?\)$/,te=/^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/,fe=/^(\w+)$/,$=[0,0,0,1],L,q,j;if(L=T.match(v)){for(j=L[2],L=L[1],q=0;q<3;q++){var F=q*2;$[q]=parseInt(L.slice(F,F+2),16)}j&&($[3]=parseInt(j,16)/255)}else if(L=T.match(R)){for(L=L[1],j=L[3],q=0;q<3;q++)$[q]=parseInt(L[q]+L[q],16);j&&($[3]=parseInt(j+j,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(te)){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(fe))?L[1]==="transparent"?[0,0,0,0]:vT.call(Pp,L[1])?($=Pp[L[1]],$[3]=1,$):null:null;for(q=0;q<3;q++)$[q]=Tl($[q],0,255);return $[3]=Tl($[3],0,1),$};ao.get.hsl=function(T){if(!T)return null;var R=/^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*)?\)$/,v=T.match(R);if(v){var b=parseFloat(v[4]),te=(parseFloat(v[1])%360+360)%360,fe=Tl(parseFloat(v[2]),0,100),$=Tl(parseFloat(v[3]),0,100),L=Tl(isNaN(b)?1:b,0,1);return[te,fe,$,L]}return null};ao.get.hwb=function(T){if(!T)return null;var R=/^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*)?\)$/,v=T.match(R);if(v){var b=parseFloat(v[4]),te=(parseFloat(v[1])%360+360)%360,fe=Tl(parseFloat(v[2]),0,100),$=Tl(parseFloat(v[3]),0,100),L=Tl(isNaN(b)?1:b,0,1);return[te,fe,$,L]}return null};ao.to.hex=function(){var T=Op(arguments);return"#"+_g(T[0])+_g(T[1])+_g(T[2])+(T[3]<1?_g(Math.round(T[3]*255)):"")};ao.to.rgb=function(){var T=Op(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]+")"};ao.to.rgb.percent=function(){var T=Op(arguments),R=Math.round(T[0]/255*100),v=Math.round(T[1]/255*100),b=Math.round(T[2]/255*100);return T.length<4||T[3]===1?"rgb("+R+"%, "+v+"%, "+b+"%)":"rgba("+R+"%, "+v+"%, "+b+"%, "+T[3]+")"};ao.to.hsl=function(){var T=Op(arguments);return T.length<4||T[3]===1?"hsl("+T[0]+", "+T[1]+"%, "+T[2]+"%)":"hsla("+T[0]+", "+T[1]+"%, "+T[2]+"%, "+T[3]+")"};ao.to.hwb=function(){var T=Op(arguments),R="";return T.length>=4&&T[3]!==1&&(R=", "+T[3]),"hwb("+T[0]+", "+T[1]+"%, "+T[2]+"%"+R+")"};ao.to.keyword=function(T){return _T[T.slice(0,3)]};function Tl(T,R,v){return Math.min(Math.max(R,T),v)}function _g(T){var R=Math.round(T).toString(16).toUpperCase();return R.length<2?"0"+R:R}var eO=mT.exports;class tO{constructor(R){this.enable=R,this.apps={},this.level="debug",this._onMessage=v=>{let b;v instanceof CustomEvent?b=v.detail:YI(v.data)&&(b=v.data),b&&(typeof b.slide=="boolean"?this.enable=b.slide:b.slide==="__instance"?console.log(this):b.slide==="__debug"&&Object.values(this.apps).forEach(te=>{var fe,$;($=(fe=te.controller)==null?void 0:fe.slide)==null||$.createController()}))},window.addEventListener("message",this._onMessage)}log(...R){this.enable&&console.log(...R)}verbose(...R){this.enable&&this.level==="verbose"&&console.log(...R)}dispose(R){this.enable=!1,delete this.apps[R],window.removeEventListener("message",this._onMessage)}}const Gs=new tO(!1),Di=Gs.log.bind(Gs),nO=Gs.verbose.bind(Gs);function yT(T){try{const R=window.getComputedStyle(T).backgroundColor;if(R!=="rgba(0, 0, 0, 0)"&&R!=="transparent")return R;if(T.parentElement)return yT(T.parentElement)}catch{}return"#ffffff"}function iO(T){const R=eO.get(T);if(R&&R.model==="rgb"){const v=R.value,te=(((Math.round(v[0])&255)<<16)+((Math.round(v[1])&255)<<8)+(Math.round(v[2])&255)).toString(16);return"#"+"000000".substring(te.length)+te}else return T}let yg="";function xT(T){return yg||(yg=iO(yT(T)),Di("[Slide] guess bg color",yg)),yg}function bT(T){const{width:R,height:v,slideCount:b,slideState:te}=T,{taskId:fe,url:$}=te,L=[];for(let q=1;q<=b;++q)L.push({width:R,height:v,thumbnail:`${$}/${fe}/preview/${q}.png`,src:"ppt"});return L}function aT(T,R,v,b){var L;const te=v.slideState.currentSlideIndex;if(!(te>0)||!R.getIsWritable())return;const fe=[b,te].join("/");if(T.scenePathType(fe)!=="page"){T.removeScenes(b);const q=v.slideCount,j=[];for(let F=1;F<=q;++F)j.push({name:`${F}`});T.putScenes(b,j)}let $;R.getBox().focus?$=T.state.sceneState.scenePath:$=((L=R.getView())==null?void 0:L.focusScenePath)||"",$!==fe&&R.setScenePath(fe)}const V_="https://convertcdn.netless.link/dynamicConvert",rO=40,G_={taskId:"",url:"",state:null};class oO{constructor({context:R,anchor:v,onPageChanged:b,onTransitionStart:te,onTransitionEnd:fe,onError:$}){this.sideEffect=new Ip,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:bi.SLIDE_EVENTS.syncDispatch,payload:L};Di("[Slide] dispatch",L),this.context.dispatchMagixEvent(bi.SLIDE_EVENTS.syncDispatch,q)}},this.magixEventListener=L=>{const{type:q,payload:j}=L.payload;q===bi.SLIDE_EVENTS.syncDispatch&&(this.syncStateOnce(),Di("[Slide] receive",j),this.slide.emit(bi.SLIDE_EVENTS.syncReceive,j))},this.onStateChange=L=>{this.context.getIsWritable()&&(nO("[Slide] state change",JSON.stringify(L,null,2)),this.context.storage.setState({state:L}))},this.pollCount=0,this.pollReadyState=()=>{this.ready?this._toFreeze===1?this.freeze():this._toFreeze===-1&&this.unfreeze():this.pollCount<rO?(this.pollCount++,setTimeout(this.pollReadyState,500)):(this.pollCount=0,Di("[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?(Di("[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.visible||(this.ready?(Di("[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.onVisibilityChange=async()=>{(this.visible=document.visibilityState==="visible")?(Di("[Slide] unfreeze because tab becomes visible",{savedIsFrozen:this.savedIsFrozen}),this.savedIsFrozen||this.unfreeze()):(this.savedIsFrozen=this.freezePromise?this._toFreeze===1:this.isFrozen,Di("[Slide] freeze because tab becomes invisible"),this.freeze())},this.onPageChanged=b,this.onTransitionStart=te,this.onTransitionEnd=fe,this.onError=$,this.context=R,this.room=R.getRoom(),this.player=this.room?void 0:R.getDisplayer(),this.slide=this.createSlide(v),this.syncStateOnceFlag=!this.context.isAddApp,this.visible=document.visibilityState==="visible",this.savedIsFrozen=!1,this.initialize()}jumpToPage(R){this.ready&&(R=fT(R,1,this.pageCount),this.slide.renderSlide(R))}initialize(){this.registerEventListeners(),this.kickStart()}kickStart(){const{context:R,slide:v}=this;R.getIsWritable()&&R.storage.ensureState(G_);const{taskId:b,url:te,state:fe}=R.storage.state;v.setResource(b,te||V_),fe?(Di("[Slide] init with state",fe),this.syncStateOnceFlag=!1,v.setSlideState(fe)):R.isAddApp&&(Di("[Slide] init by renderSlide",1),v.renderSlide(1)),this.pollReadyState()}registerEventListeners(){const{context:R,slide:v}=this,b=this.sideEffect.addDisposer(R.storage.addStateChangedListener(()=>{R.storage.state.state&&(this.syncStateOnce(),this.sideEffect.flush(b))}));this.sideEffect.add(()=>R.addMagixEventListener(bi.SLIDE_EVENTS.syncDispatch,this.magixEventListener,{fireSelfEventAfterCommit:!0})),v.on(bi.SLIDE_EVENTS.slideChange,this.onPageChanged),v.on(bi.SLIDE_EVENTS.renderStart,this.onTransitionStart),v.on(bi.SLIDE_EVENTS.renderEnd,this.onTransitionEnd),v.on(bi.SLIDE_EVENTS.mainSeqStepStart,this.onTransitionStart),v.on(bi.SLIDE_EVENTS.mainSeqStepEnd,this.onTransitionEnd),v.on(bi.SLIDE_EVENTS.renderError,this.onError),v.on(bi.SLIDE_EVENTS.stateChange,this.onStateChange),v.on(bi.SLIDE_EVENTS.syncDispatch,this.onSyncDispatch),v.on(bi.SLIDE_EVENTS.renderEnd,this.resolveReady),this.sideEffect.add(()=>(document.addEventListener("visibilitychange",this.onVisibilityChange),()=>document.removeEventListener("visibilitychange",this.onVisibilityChange)))}syncStateOnce(){if(this.syncStateOnceFlag){this.context.getIsWritable()&&this.context.storage.ensureState(G_);const{state:R}=this.context.storage.state;R&&(Di("[Slide] sync with state (once)",R),this.slide.setSlideState(R),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(R){var b,te,fe,$,L,q,j,F;return new bi.Slide({anchor:R,interactive:!0,mode:"interactive",resize:!0,controller:Gs.enable,enableGlobalClick:!0,renderOptions:{minFPS:((b=this.context.getAppOptions())==null?void 0:b.minFPS)||25,maxFPS:((te=this.context.getAppOptions())==null?void 0:te.maxFPS)||30,autoFPS:($=(fe=this.context.getAppOptions())==null?void 0:fe.autoFPS)!=null?$:!0,autoResolution:(q=(L=this.context.getAppOptions())==null?void 0:L.autoResolution)!=null?q:!0,resolution:(j=this.context.getAppOptions())==null?void 0:j.resolution,transactionBgColor:((F=this.context.getAppOptions())==null?void 0:F.bgColor)||xT(R)},timestamp:this.timestamp})}destroy(){this.sideEffect.flushAll(),this.destroyed||(Di("[Slide] destroy slide (once)"),this.slide.destroy(),this.destroyed=!0)}afterFreeze(R){R===1?(this.isFrozen=!0,this.freezePromise=null,this._toFreeze===-1&&this.unfreeze()):R===-1&&(this.isFrozen=!1,this.freezePromise=null,this._toFreeze===1&&this.freeze())}}function sO(T){const R="http://www.w3.org/2000/svg",v=document.createElementNS(R,"svg");v.setAttribute("class",`${T}-footer-icon-sidebar`),v.setAttribute("viewBox","0 0 64 64");const b=document.createElementNS(R,"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"),v.appendChild(b),v}function aO(T){const R="http://www.w3.org/2000/svg",v=document.createElementNS(R,"svg");v.setAttribute("class",`${T}-footer-icon-arrow-left`),v.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(R,"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"),v.appendChild(b),v}function lO(T){const R="http://www.w3.org/2000/svg",v=document.createElementNS(R,"svg");v.setAttribute("class",`${T}-footer-icon-arrow-right`),v.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(R,"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"),v.appendChild(b),v}function uO(T){const R="http://www.w3.org/2000/svg",v=document.createElementNS(R,"svg");v.setAttribute("class",`${T}-footer-icon-play`),v.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(R,"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"),v.appendChild(b),v}function hO(T){const R="http://www.w3.org/2000/svg",v=document.createElementNS(R,"svg");v.setAttribute("class",`${T}-footer-icon-pause`),v.setAttribute("viewBox","0 0 500 500");const b=document.createElementNS(R,"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"),v.appendChild(b),v}const Uu=typeof window!="undefined",wT=Uu&&!("onscroll"in window)||typeof navigator!="undefined"&&/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),ST=Uu&&"IntersectionObserver"in window,TT=Uu&&"classList"in document.createElement("p"),ET=Uu&&window.devicePixelRatio>1,cO={elements_selector:".lazy",container:wT||Uu?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},MT=T=>Object.assign({},cO,T),lT=function(T,R){let v;const b="LazyLoad::Initialized",te=new T(R);try{v=new CustomEvent(b,{detail:{instance:te}})}catch{v=document.createEvent("CustomEvent"),v.initCustomEvent(b,!1,!1,{instance:te})}window.dispatchEvent(v)},dO=(T,R)=>{if(!!R)if(!R.length)lT(T,R);else for(let v=0,b;b=R[v];v+=1)lT(T,b)},Ia="src",W_="srcset",X_="sizes",AT="poster",Lp="llOriginalAttrs",RT="data",q_="loading",CT="loaded",PT="applied",pO="entered",Y_="error",IT="native",OT="data-",LT="ll-status",lo=(T,R)=>T.getAttribute(OT+R),fO=(T,R,v)=>{var b=OT+R;if(v===null){T.removeAttribute(b);return}T.setAttribute(b,v)},Np=T=>lo(T,LT),ku=(T,R)=>fO(T,LT,R),Sg=T=>ku(T,null),$_=T=>Np(T)===null,mO=T=>Np(T)===q_,gO=T=>Np(T)===Y_,J_=T=>Np(T)===IT,vO=[q_,CT,PT,Y_],_O=T=>vO.indexOf(Np(T))>=0,Ml=(T,R,v,b)=>{if(!!T){if(b!==void 0){T(R,v,b);return}if(v!==void 0){T(R,v);return}T(R)}},Cc=(T,R)=>{if(TT){T.classList.add(R);return}T.className+=(T.className?" ":"")+R},ks=(T,R)=>{if(TT){T.classList.remove(R);return}T.className=T.className.replace(new RegExp("(^|\\s+)"+R+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,"")},yO=T=>{T.llTempImage=document.createElement("IMG")},xO=T=>{delete T.llTempImage},NT=T=>T.llTempImage,Tg=(T,R)=>{if(!R)return;const v=R._observer;!v||v.unobserve(T)},bO=T=>{T.disconnect()},wO=(T,R,v)=>{R.unobserve_entered&&Tg(T,v)},Z_=(T,R)=>{!T||(T.loadingCount+=R)},SO=T=>{!T||(T.toLoadCount-=1)},DT=(T,R)=>{!T||(T.toLoadCount=R)},TO=T=>T.loadingCount>0,EO=T=>T.toLoadCount>0,FT=T=>{let R=[];for(let v=0,b;b=T.children[v];v+=1)b.tagName==="SOURCE"&&R.push(b);return R},K_=(T,R)=>{const v=T.parentNode;if(!v||v.tagName!=="PICTURE")return;FT(v).forEach(R)},BT=(T,R)=>{FT(T).forEach(R)},Eg=[Ia],UT=[Ia,AT],xg=[Ia,W_,X_],kT=[RT],Mg=T=>!!T[Lp],GT=T=>T[Lp],HT=T=>delete T[Lp],Ac=(T,R)=>{if(Mg(T))return;const v={};R.forEach(b=>{v[b]=T.getAttribute(b)}),T[Lp]=v},MO=T=>{Mg(T)||(T[Lp]={backgroundImage:T.style.backgroundImage})},AO=(T,R,v)=>{if(!v){T.removeAttribute(R);return}T.setAttribute(R,v)},Rc=(T,R)=>{if(!Mg(T))return;const v=GT(T);R.forEach(b=>{AO(T,b,v[b])})},RO=T=>{if(!Mg(T))return;const R=GT(T);T.style.backgroundImage=R.backgroundImage},CO=(T,R,v)=>{Cc(T,R.class_applied),ku(T,PT),v&&(R.unobserve_completed&&Tg(T,R),Ml(R.callback_applied,T,v))},zT=(T,R,v)=>{Cc(T,R.class_loading),ku(T,q_),v&&(Z_(v,1),Ml(R.callback_loading,T,v))},El=(T,R,v)=>{!v||T.setAttribute(R,v)},uT=(T,R)=>{El(T,X_,lo(T,R.data_sizes)),El(T,W_,lo(T,R.data_srcset)),El(T,Ia,lo(T,R.data_src))},PO=(T,R)=>{K_(T,v=>{Ac(v,xg),uT(v,R)}),Ac(T,xg),uT(T,R)},IO=(T,R)=>{Ac(T,Eg),El(T,Ia,lo(T,R.data_src))},OO=(T,R)=>{BT(T,v=>{Ac(v,Eg),El(v,Ia,lo(v,R.data_src))}),Ac(T,UT),El(T,AT,lo(T,R.data_poster)),El(T,Ia,lo(T,R.data_src)),T.load()},LO=(T,R)=>{Ac(T,kT),El(T,RT,lo(T,R.data_src))},NO=(T,R,v)=>{const b=lo(T,R.data_bg),te=lo(T,R.data_bg_hidpi),fe=ET&&te?te:b;!fe||(T.style.backgroundImage=`url("${fe}")`,NT(T).setAttribute(Ia,fe),zT(T,R,v))},DO=(T,R,v)=>{const b=lo(T,R.data_bg_multi),te=lo(T,R.data_bg_multi_hidpi),fe=ET&&te?te:b;!fe||(T.style.backgroundImage=fe,CO(T,R,v))},jT={IMG:PO,IFRAME:IO,VIDEO:OO,OBJECT:LO},FO=(T,R)=>{const v=jT[T.tagName];!v||v(T,R)},BO=(T,R,v)=>{const b=jT[T.tagName];!b||(b(T,R),zT(T,R,v))},UO=["IMG","IFRAME","VIDEO","OBJECT"],kO=T=>UO.indexOf(T.tagName)>-1,VT=(T,R)=>{R&&!TO(R)&&!EO(R)&&Ml(T.callback_finish,R)},hT=(T,R,v)=>{T.addEventListener(R,v),T.llEvLisnrs[R]=v},GO=(T,R,v)=>{T.removeEventListener(R,v)},Q_=T=>!!T.llEvLisnrs,HO=(T,R,v)=>{Q_(T)||(T.llEvLisnrs={});const b=T.tagName==="VIDEO"?"loadeddata":"load";hT(T,b,R),hT(T,"error",v)},H_=T=>{if(!Q_(T))return;const R=T.llEvLisnrs;for(let v in R){const b=R[v];GO(T,v,b)}delete T.llEvLisnrs},WT=(T,R,v)=>{xO(T),Z_(v,-1),SO(v),ks(T,R.class_loading),R.unobserve_completed&&Tg(T,v)},zO=(T,R,v,b)=>{const te=J_(R);WT(R,v,b),Cc(R,v.class_loaded),ku(R,CT),Ml(v.callback_loaded,R,b),te||VT(v,b)},jO=(T,R,v,b)=>{const te=J_(R);WT(R,v,b),Cc(R,v.class_error),ku(R,Y_),Ml(v.callback_error,R,b),te||VT(v,b)},ey=(T,R,v)=>{const b=NT(T)||T;if(Q_(b))return;HO(b,$=>{zO($,T,R,v),H_(b)},$=>{jO($,T,R,v),H_(b)})},VO=(T,R,v)=>{yO(T),ey(T,R,v),MO(T),NO(T,R,v),DO(T,R,v)},WO=(T,R,v)=>{ey(T,R,v),BO(T,R,v)},ty=(T,R,v)=>{kO(T)?WO(T,R,v):VO(T,R,v)},XO=(T,R,v)=>{T.setAttribute("loading","lazy"),ey(T,R,v),FO(T,R),ku(T,IT)},cT=T=>{T.removeAttribute(Ia),T.removeAttribute(W_),T.removeAttribute(X_)},qO=T=>{K_(T,R=>{cT(R)}),cT(T)},XT=T=>{K_(T,R=>{Rc(R,xg)}),Rc(T,xg)},YO=T=>{BT(T,R=>{Rc(R,Eg)}),Rc(T,UT),T.load()},$O=T=>{Rc(T,Eg)},JO=T=>{Rc(T,kT)},ZO={IMG:XT,IFRAME:$O,VIDEO:YO,OBJECT:JO},KO=T=>{const R=ZO[T.tagName];if(!R){RO(T);return}R(T)},QO=(T,R)=>{$_(T)||J_(T)||(ks(T,R.class_entered),ks(T,R.class_exited),ks(T,R.class_applied),ks(T,R.class_loading),ks(T,R.class_loaded),ks(T,R.class_error))},eL=(T,R)=>{KO(T),QO(T,R),Sg(T),HT(T)},tL=(T,R,v,b)=>{!v.cancel_on_exit||!mO(T)||T.tagName==="IMG"&&(H_(T),qO(T),XT(T),ks(T,v.class_loading),Z_(b,-1),Sg(T),Ml(v.callback_cancel,T,R,b))},nL=(T,R,v,b)=>{const te=_O(T);ku(T,pO),Cc(T,v.class_entered),ks(T,v.class_exited),wO(T,v,b),Ml(v.callback_enter,T,R,b),!te&&ty(T,v,b)},iL=(T,R,v,b)=>{$_(T)||(Cc(T,v.class_exited),tL(T,R,v,b),Ml(v.callback_exit,T,R,b))},rL=["IMG","IFRAME","VIDEO"],qT=T=>T.use_native&&"loading"in HTMLImageElement.prototype,oL=(T,R,v)=>{T.forEach(b=>{rL.indexOf(b.tagName)!==-1&&XO(b,R,v)}),DT(v,0)},sL=T=>T.isIntersecting||T.intersectionRatio>0,aL=T=>({root:T.container===document?null:T.container,rootMargin:T.thresholds||T.threshold+"px"}),lL=(T,R,v)=>{T.forEach(b=>sL(b)?nL(b.target,b,R,v):iL(b.target,b,R,v))},uL=(T,R)=>{R.forEach(v=>{T.observe(v)})},hL=(T,R)=>{bO(T),uL(T,R)},cL=(T,R)=>{!ST||qT(T)||(R._observer=new IntersectionObserver(v=>{lL(v,T,R)},aL(T)))},YT=T=>Array.prototype.slice.call(T),bg=T=>T.container.querySelectorAll(T.elements_selector),dL=T=>YT(T).filter($_),pL=T=>gO(T),fL=T=>YT(T).filter(pL),dT=(T,R)=>dL(T||bg(R)),mL=(T,R)=>{fL(bg(T)).forEach(b=>{ks(b,T.class_error),Sg(b)}),R.update()},gL=(T,R)=>{!Uu||window.addEventListener("online",()=>{mL(T,R)})},Dp=function(T,R){const v=MT(T);this._settings=v,this.loadingCount=0,cL(v,this),gL(v,this),this.update(R)};Dp.prototype={update:function(T){const R=this._settings,v=dT(T,R);if(DT(this,v.length),wT||!ST){this.loadAll(v);return}if(qT(R)){oL(v,R,this);return}hL(this._observer,v)},destroy:function(){this._observer&&this._observer.disconnect(),bg(this._settings).forEach(T=>{HT(T)}),delete this._observer,delete this._settings,delete this.loadingCount,delete this.toLoadCount},loadAll:function(T){const R=this._settings;dT(T,R).forEach(b=>{Tg(b,this),ty(b,R,this)})},restoreAll:function(){const T=this._settings;bg(T).forEach(R=>{eL(R,T)})}};Dp.load=(T,R)=>{const v=MT(R);ty(T,v)};Dp.resetStatus=T=>{Sg(T)};Uu&&dO(Dp,window.lazyLoadOptions);class $T{constructor({readonly:R,onNewPageIndex:v,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 Ip,this.readonly=R,this.onNewPageIndex=v,this.onPlay=b,this.render()}set pages(R){this._pages=R,this.refreshPreview(),this.refreshTotalPage(),this.refreshBtnSidebar()}get pages(){return this._pages}unmount(){this.$content.remove(),this.$footer.remove()}setReadonly(R){this.readonly=R,this.$content.classList.toggle(this.wrapClassName("readonly"),R),this.$footer.classList.toggle(this.wrapClassName("readonly"),R),this.$pageNumberInput.disabled=R}destroy(){this.sideEffect.flushAll(),this.unmount()}setPageIndex(R){Number.isNaN(R)||(this.pageIndex=R,this.$pageNumberInput.value=String(R+1))}refreshTotalPage(){this.pages.length?this.$totalPage.textContent=" / "+this.pages.length:this.$totalPage.textContent=""}setSmallBox(R){this.isSmallBox!==R&&(this.isSmallBox=R,this.$footer.classList.toggle(this.wrapClassName("float-footer"),R))}render(){return this.renderContent(),this.renderFooter(),this.$content}renderContent(){if(!this.$content){const R=document.createElement("div");R.className=this.wrapClassName("content"),this.$content=R,this.readonly&&R.classList.add(this.wrapClassName("readonly")),R.appendChild(this.renderPreviewMask()),R.appendChild(this.renderPreview())}return this.$content}renderPreview(){if(!this.$preview){const R=document.createElement("div");R.className=this.wrapClassName("preview")+" tele-fancy-scrollbar",this.$preview=R,this.sideEffect.add(()=>(this.previewLazyLoad=new Dp({container:this.$preview,elements_selector:`.${this.wrapClassName("preview-page>img")}`}),()=>{var v;return(v=this.previewLazyLoad)==null?void 0:v.destroy()})),this.refreshPreview(),this.sideEffect.addEventListener(R,"click",v=>{var te;if(this.readonly)return;const b=(te=v.target.dataset)==null?void 0:te.pageIndex;b&&(v.preventDefault(),v.stopPropagation(),v.stopImmediatePropagation(),this.onNewPageIndex(Number(b)),this.togglePreview(!1))})}return this.$preview}refreshPreview(){var te;const{$preview:R}=this,v=this.wrapClassName("preview-page"),b=this.wrapClassName("preview-page-name");for(;R.firstChild;)R.firstChild.remove();this.pages.forEach((fe,$)=>{var xe;const L=(xe=fe.thumbnail)!=null?xe:fe.src.startsWith("ppt")?void 0:fe.src;if(!L)return;const q=String($),j=document.createElement("a");j.className=v+" "+this.wrapClassName(`preview-page-${$}`),j.setAttribute("href","#"),j.dataset.pageIndex=q;const F=document.createElement("span");F.className=b,F.textContent=String($+1),F.dataset.pageIndex=q;const K=document.createElement("img");K.width=fe.width,K.height=fe.height,K.dataset.src=L,K.dataset.pageIndex=q,j.appendChild(K),j.appendChild(F),R.appendChild(j)}),(te=this.previewLazyLoad)==null||te.update()}renderPreviewMask(){return this.$previewMask||(this.$previewMask=document.createElement("div"),this.$previewMask.className=this.wrapClassName("preview-mask"),this.sideEffect.addEventListener(this.$previewMask,"click",R=>{this.readonly||R.target===this.$previewMask&&this.togglePreview(!1)})),this.$previewMask}refreshBtnSidebar(){this.$btnSidebar.style.display=this.pages.length>0?"":"none"}renderFooter(){if(!this.$footer){const R=document.createElement("div");R.className=this.wrapClassName("footer"),this.$footer=R,this.readonly&&R.classList.add(this.wrapClassName("readonly")),this.isSmallBox&&R.classList.add(this.wrapClassName("float-footer"));const v=this.renderFooterBtn("btn-sidebar",sO(this.namespace));this.sideEffect.addEventListener(v,"click",()=>{this.readonly||this.togglePreview()}),this.$btnSidebar=v,this.$btnSidebar.style.display="none",this.$footer.appendChild(v);const b=document.createElement("div");b.className=this.wrapClassName("page-jumps");const te=this.renderFooterBtn("btn-page-back",aO(this.namespace));if(this.sideEffect.addEventListener(te,"click",()=>{this.readonly||this.onNewPageIndex(this.pageIndex-1)}),b.appendChild(te),this.onPlay){const j=this.renderFooterBtn("btn-page-play",uO(this.namespace),hO(this.namespace));this.$btnPlay=j,this.sideEffect.addEventListener(j,"click",()=>{this.readonly||(this.setPlaying(),this.onPlay&&this.onPlay())}),b.appendChild(j)}const fe=this.renderFooterBtn("btn-page-next",lO(this.namespace));this.sideEffect.addEventListener(fe,"click",()=>{this.readonly||this.onNewPageIndex(this.pageIndex+1)}),b.appendChild(fe);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,"focus",()=>{L.select()}),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(R,v,b){const te=document.createElement("button");return te.className=this.wrapClassName("footer-btn")+" "+this.wrapClassName(R),te.appendChild(v),b&&te.appendChild(b),te}togglePreview(R){if(this.isShowPreview=R!=null?R:!this.isShowPreview,this.$content.classList.toggle(this.wrapClassName("preview-active"),this.isShowPreview),this.isShowPreview){const v=this.$preview.querySelector("."+this.wrapClassName(`preview-page-${this.pageIndex}`));v&&this.$preview.scrollTo({top:v.offsetTop-16})}}wrapClassName(R){return`${this.namespace}-${R}`}}const vL=new Set(["clicker"]);class _L{constructor({box:R,view:v,mountSlideController:b,mountWhiteboard:te}){this.slideController=null,this.isViewMounted=!1,this.onError=({error:fe})=>{this.viewer.setPaused(),console.warn("[Slide] render error",fe)},this.refreshPages=()=>{this.slideController&&(this.viewer.pages=bT(this.slideController.slide),this.viewer.setPageIndex(this.getPageIndex(this.slideController.page)),this.scaleDocsToFit())},this.scaleDocsToFit=()=>{if(this.slideController){const{width:fe,height:$}=this.slideController.slide;fe&&$&&(this.whiteboardView.moveCameraToContain({originX:-fe/2,originY:-$/2,width:fe,height:$,animationMode:"immediately"}),this.whiteboardView.setCameraBound({damping:1,maxContentMode:()=>this.whiteboardView.camera.scale,minContentMode:()=>this.whiteboardView.camera.scale,centerX:0,centerY:0,width:fe,height:$}),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=fe=>{this.slideController&&this.slideController.jumpToPage(fe+1)},this.sideEffect=new Ip,this.namespace="netless-app-slide",this.box=R,this.whiteboardView=v,this.mountSlideController=b,this.mountWhiteboard=te,this.viewer=new $T({readonly:R.readonly,onNewPageIndex:this.onNewPageIndex,onPlay:this.onPlay}),this.sideEffect.add(()=>{const fe=$=>{this.setReadonly($)};return R.events.on("readonly",fe),()=>R.events.off("readonly",fe)}),this.render()}render(){this.viewer.$content.appendChild(this.renderSlideContainer()),this.viewer.$content.appendChild(this.renderWhiteboardView()),this.sideEffect.addEventListener(window,"keydown",R=>{if(this.box.focus&&this.slideController)switch(R.key){case"ArrowUp":case"ArrowLeft":{this.slideController.slide.prevStep();break}case"ArrowRight":case"ArrowDown":{this.slideController.slide.nextStep();break}}})}renderSlideContainer(){if(!this.$slide){const R=document.createElement("div");R.className=this.wrapClassName("slide"),R.dataset.appKind="Slide",this.$slide=R}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(R){return(R>0?R:1)-1}unmount(){return this.slideController&&(this.slideController.destroy(),this.slideController=null),this.viewer.unmount(),this}setReadonly(R){this.viewer.setReadonly(R)}destroy(){this.sideEffect.flushAll(),this.unmount(),this.viewer.destroy()}toggleClickThrough(R){this.$whiteboardView.style.pointerEvents=!R||vL.has(R)?"none":"auto"}wrapClassName(R){return`${this.namespace}-${R}`}}let z_=!1;const JT=2,wg={map:new Map,queue:[],validateQueue(){for(Di("[Slide] freezer: validate",this.queue);this.queue.length>JT;){const T=this.queue.pop(),R=this.map.get(T);R&&(Di("[Slide] freezer: validate-freeze",T,this.queue),R.freeze())}},set(T,R){Di("[Slide] freezer: add",T,this.queue),this.map.set(T,R),this.queue.includes(T)||this.queue.unshift(T),this.validateQueue()},delete(T){Di("[Slide] freezer: delete",T,this.queue),this.map.delete(T),this.queue=this.queue.filter(R=>R!==T)},focus(T){const R=this.map.get(T),v=this.queue.indexOf(T);v>-1&&this.queue.splice(v,1),this.queue.unshift(T),this.validateQueue(),Di("[Slide] freezer: focus",T,this.queue),R&&R.unfreeze()}},yL=T=>{z_=!0,T.on("focus",({appId:R})=>{wg.focus(R)})};var ZT=`.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:3em;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))}
|
|
6368
|
+
`;function xL({container:T,taskId:R,url:v=V_,debug:b=!1}){if(!R)throw new Error("[Slide] taskId is required");T.style.cssText+="display:flex;flex-direction:column";const te=new KT({target:T});return te.debug=!!b,te.mount(R,v),te}class KT{constructor(R){this.slide=null,this.debug=!1,this.sideEffect=new Ip,this.ready=!1,this.readyPromise=new Promise(v=>{this.resolveReady=()=>{this.ready=!0,v()}}),this.hotkeyListener=v=>{if(this.slide)switch(v.key){case"ArrowUp":case"ArrowLeft":{this.slide.prevStep();break}case"ArrowRight":case"ArrowDown":{this.slide.nextStep();break}}},this.onPageChanged=v=>{this.viewer.setPageIndex(v-1)},this.onTransitionStart=()=>{this.viewer.setPlaying()},this.onTransitionEnd=()=>{this.viewer.setPaused()},this.onError=({error:v})=>{this.viewer.setPaused(),console.warn("[Slide] render error",v)},this.destroyed=!1,this.refreshPages=()=>{this.slide&&(this.viewer.pages=bT(this.slide),this.viewer.setPageIndex(this.getPageIndex(this.slide.slideState.currentSlideIndex)))},this.onPlay=()=>{this.slide&&this.slide.nextStep()},this.onNewPageIndex=v=>{this.slide&&this.slide.slideCount>0&&this.slide.renderSlide(fT(v+1,1,this.slide.slideCount))},this.namespace="netless-app-slide",this.target=R.target,this.bgColor=xT(this.target),this.viewer=new $T({readonly:!1,onNewPageIndex:this.onNewPageIndex,onPlay:this.onPlay}),this.render()}render(){this.viewer.$content.appendChild(this.renderSlideContainer()),this.registerHotKeys(window)}registerHotKeys(R){this.sideEffect.addEventListener(R,"keydown",this.hotkeyListener,void 0,"hotkey")}mount(R,v){this.target.appendChild(this.renderStyle()),this.target.appendChild(this.viewer.$content),this.target.appendChild(this.viewer.$footer),this.slide=new bi.Slide({anchor:this.$slide,interactive:!1,mode:"local",resize:!0,controller:this.debug,enableGlobalClick:!0,renderOptions:{minFPS:25,maxFPS:30,autoFPS:!0,autoResolution:!0,transactionBgColor:this.bgColor}}),this.registerEventListeners(),this.slide.setResource(R,v),this.slide.renderSlide(1)}renderStyle(){const R=document.createElement("style");return R.appendChild(document.createTextNode(ZT)),R}registerEventListeners(){if(!this.slide)return;const{slide:R}=this;R.on(bi.SLIDE_EVENTS.slideChange,this.onPageChanged),R.on(bi.SLIDE_EVENTS.renderStart,this.onTransitionStart),R.on(bi.SLIDE_EVENTS.renderEnd,this.onTransitionEnd),R.on(bi.SLIDE_EVENTS.mainSeqStepStart,this.onTransitionStart),R.on(bi.SLIDE_EVENTS.mainSeqStepEnd,this.onTransitionEnd),R.on(bi.SLIDE_EVENTS.renderError,this.onError),R.on(bi.SLIDE_EVENTS.renderEnd,this.resolveReady),this.readyPromise.then(this.refreshPages)}destroy(){this.sideEffect.flushAll(),this.slide&&!this.destroyed&&(Di("[Slide] destroy slide (once)"),this.slide.destroy(),this.destroyed=!0),this.viewer.destroy()}getPageIndex(R){return(R>0?R:1)-1}renderSlideContainer(){if(!this.$slide){const R=document.createElement("div");R.className=this.wrapClassName("slide"),R.dataset.appKind="Slide",this.$slide=R}return this.$slide}wrapClassName(R){return`${this.namespace}-${R}`}}const j_="0.1.5",bL={kind:"Slide",setup(T){if(console.log("[Slide] setup @ "+j_),T.getIsWritable()&&T.storage.ensureState(G_),!T.storage.state.taskId)throw new Error("[Slide] no taskId");const R=T.getView();if(!R)throw new Error("[Slide] no view, please set scenePath on addApp()");R.disableCameraTransform=!0;const v=T.getBox();v.mountStyles(ZT);try{v.$content.dataset.appSlideVersion=j_}catch{}const b=T.getInitScenePath();let te=null;const fe=j=>{const F=T.getRoom();if(te&&te.slideController){let K=!1;F&&T.getIsWritable()&&(aT(F,T,te.slideController.slide,b),K=!0),Di("[Slide] page to",j,K),te.viewer.setPageIndex(j-1)}},$=j=>{var K,xe;const F=new oO(rT(U_({context:T},j),{onPageChanged:fe}));return z_&&wg.set(T.appId,F),((K=Gs.apps)[xe=T.appId]||(K[xe]={})).controller=F,F.readyPromise.then(j.onReady).then(()=>{const Re=T.getRoom();let Ie=!1;Re&&T.getIsWritable()&&(aT(Re,T,F.slide,b),Ie=!0),Di("[Slide] page to",F.slide.slideState.currentSlideIndex,Ie)}),F};te=new _L({box:v,view:R,mountSlideController:$,mountWhiteboard:T.mountView.bind(T)});const L=T.getRoom(),q=new Ip;return q.add(()=>{var j,F,K;return((j=Gs.apps)[F=T.appId]||(j[F]={})).context=T,Gs.enable=((K=T.getAppOptions())==null?void 0:K.debug)||!1,Gs.level="debug",()=>Gs.dispose(T.appId)}),L&&(te.toggleClickThrough(L.state.memberState.currentApplianceName),q.add(()=>{const j=F=>{F.memberState&&te&&te.toggleClickThrough(F.memberState.currentApplianceName)};return L.callbacks.on("onRoomStateChanged",j),()=>L.callbacks.off("onRoomStateChanged",j)})),T.emitter.on("destroy",()=>{Di("[Slide]: destroy"),z_&&wg.delete(T.appId),q.flushAll(),te&&(te.destroy(),te=null)}),te.mount(),{slide:()=>{var j;return(j=te==null?void 0:te.slideController)==null?void 0:j.slide},nextStep:()=>{var j;return te&&te.slideController?((j=te==null?void 0:te.slideController)==null||j.slide.nextStep(),!0):!1},prevStep:()=>{var j;return te&&te.slideController?((j=te==null?void 0:te.slideController)==null||j.slide.prevStep(),!0):!1},position:()=>{const j=te==null?void 0:te.slideController;if(j)return[j.page,j.pageCount]},nextPage:()=>{const j=te==null?void 0:te.slideController;if(j){const{page:F,pageCount:K}=j;if(K>0&&F<K)return j.jumpToPage(F+1),!0}return!1},prevPage:()=>{const j=te==null?void 0:te.slideController;if(j){const{page:F,pageCount:K}=j;if(K>0&&F>1)return j.jumpToPage(F-1),!0}return!1}}}};exports.DefaultUrl=V_;exports.FreezerLength=JT;exports.SlidePreviewer=KT;exports.addHooks=yL;exports.apps=wg;exports.default=bL;exports.previewSlide=xL;exports.version=j_;
|
|
6369
6369
|
//# sourceMappingURL=main.cjs.js.map
|